/* CSS Document */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color:#03C;
padding-left:50px;
padding-bottom:10px;
margin-left:5px;
background-image:url(../images/gelule-a-vert.gif);
background-repeat:no-repeat;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-style:italic;
line-height: 25px;
color:#ff0000;
padding-left:50px;
padding-top:4px;
background-image:url(../images/gimra-puce.gif);
background-repeat:no-repeat;
margin-bottom:10px;
margin-left:5px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style:normal;
color: #000000;
font-weight: bold;
text-align:left;
background-image:url(../images/puce_titre.gif);
background-repeat:no-repeat;
padding-left:25px;
margin-bottom:0px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-style:italic;
color: #000000;
font-weight: bold;
text-align:left;
background-image:url(../images/puce_infos.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left:18px;
margin-bottom:-10px;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style:normal;
color: #000000;
font-weight: bold;
text-align:left;
background-image:url(../images/puce_infos.gif);
background-repeat:no-repeat;
background-position: 2px 5px;
padding-left:18px;
margin-top:7px;
margin-bottom:-10px;
}

hr {
border: none;
background-color:#666666;
color:666666;
height:1px;
width: 80%;
}

.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:#999999;
font-style:italic;
text-align:left;
margin-bottom:0px;
}

/* links */
a:link, a:visited {
color: #0000CC;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
a:hover {
color: #990000;
}

html, body{
margin: 0;
padding: 0;
background-color:#f0f3f6;
}
#wrapper {
margin: 0;
padding: 0;
width: 960px;
margin: auto;
background-color:#f0f3f6;
}
#container {
width: 930px;
margin: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #000000;
background-color:#f0f3f6;
	}
#footer {
position:relative;
width: 100%;
height:80px;
margin-top:-18px;
margin-left:29px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #000000;
}
	#footer ul {
	list-style-type:none;
	}
	#footer ul li {
	display:inline;
	}

	#plan {
	position:absolute;
	top: 20px;
	left: -20px;
	width: 580px;
	}
	#industries {
	position:absolute;
	top: 50px;
	left: 620px;
	width: 400px;
	color:#003300;
	font-size: 1.7em;
	}
	#adress {
	position:absolute;
	top: 60px;
	left: 100px;
	width: 450px;
	color:#000000;
	font-size: 0.8em;
	}
	#footer a:link, #footer a:visited {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}
	#footer a:hover {
	color: #990000;
	}

	
#header {
position:relative;
margin-top: 0px;
width: 100%;
height: 100px;
border-bottom: #ccc solid 1px;
}
	#logo {
	width: 157px;
	heigh: 84px;
	position:absolute;
	top: 10px;
	left: 0%;
	}
	#header-text {
	width: 780px;
	position:absolute;
	top: 30px;
	left: 19%;
	color:#060;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	#photo{
	width: 446px;
	heigh: 113px;
	position:absolute;
	top: 0;
	left: 60%;
	}
#blog {
position:relative;
margin-top: 0px;
width: 100%;
text-align:right;
}
		#blog a:link, #blog a:visited {
		color:#aaa;
		text-decoration:underline;
		font-style:normal;
		}

#menu {
width: 100%;
/*height: 30px;
*/margin-top :10px;
margin-bottom :20px;
border-bottom:#999 solid 1px;
position:relative;
}
	#menu ul  {
	list-style:none;
	margin-left: 0;
	}
	#menu li {
	display:inline;
	background-image:url(../images/fond-menu.gif);
	background-repeat:repeat-x;
/*	height:25px;
*/	font-size:1.1em;
	font-stretch:ultra-expanded;
	padding: 5px 10px 5px 10px; /* autour texte menuµ*/
	margin-right: 20px;
	border:#ccc solid 1px;
	box-shadow: #ccc 3px 3px 3px;
	border-radius: 8px 0 8px 0; /* pour IE */
	behavior: url(pie.htc);
}
	.borderradius #menu li{ 
	-moz-border-radius: 8px 0; /* rounded corners for firefox */ 
	-webkit-border-radius: 8px 0; /* rounded corners for Safari */ 
  } 
	.boxshadow #menu li{ 
    -moz-box-shadow: 3px 3px 8px #ccc; /* box shadow for Firefox */ 
    -webkit-box-shadow: 3px 3px 8px #ccc;  /* box shadow for Safari */ 
} 

	#menu a:link, #menu a:visited {
	color:#003300;
	text-decoration:none;
	}
	#menu a:hover  {
	color:#ffffff;
	text-decoration:underline;

	}

#leftcolwrap {
float: right;
margin-top: 0px;
margin-bottom: 0px;
width: 280px;
position:relative;
}
	#translate_element {
	width:260px;
	margin-top: 20px;
	padding:3px 5px 8px 10px;
	float:right;
	position:relative;
	background-color:#eec7f5;
	border: #ccc solid 1px;
	border-radius:10px 0 10px 0 ; 
	box-shadow: #999 5px 5px 5px;
	behavior: url(pie.php);
}
	
	#google_translate_element {
	height: 35px;
	}
	.borderradius #translate_element{ 
    -moz-border-radius: 10px 0 10px 0 ; /* rounded corners for firefox */ 
    -webkit-border-radius:10px 0 10px 0 ; /* rounded corners for Safari */ 
} 
	#flag {
	width: 30px;
	heigh: 18px;
	position:absolute;
	top: 13px;
	left: 180px;
	}

	#leftcol, #leftcoljem{
	width: 280px;
	float:right;
	position:relative;
	padding-top:0px;
	margin-top:30px;
	background-color:#e6f0fa;
	border: #ccc solid 1px;
	/*background-color:#e7f0e0;
	*/
	color:#090;
		border-radius: 10px ; /* pour IE */
		box-shadow: #999 5px 5px 5px; 
		behavior: url(pie.php);
	}
		.borderradius #leftcol, .borderradius #leftcoljem{ 
		-moz-border-radius: 10px; /* rounded corners for firefox */ 
		-webkit-border-radius: 10px; /* rounded corners for Safari */ 
	} 
		.boxshadow #leftcol, .borderradius #leftcoljem{ 
		-moz-box-shadow: 5px 5px 10px #999; /* box shadow for Firefox */ 
		-webkit-box-shadow: 5px 5px 10px #999s;  /* box shadow for Safari */ 
	} 
		#leftcol, .borderradius #leftcoljem a:link {
		text-decoration:none;
		font-family:0.9em;
		}
	#leftcoljem{
	height: 310px;
	margin-top:10px;
	background:url(../images/journee-entreprises-du-medicament.gif) no-repeat;
	}
		#leftcoljem-photo{
	position:absolute;
	top: 158px;
	left:14px;
		}
	.leftcontainer {
	width: 260px;
	margin: auto;
	}
	#contact {
	width: 97%;
	margin:auto;
	margin-left: 3%;
	}
		#contact p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color:#000000;
		font-style:normal;
		text-align:left;
		margin-bottom:0px;
		}
		#contact a:link {
		font-size: 1.0em;
		}
		
	#microscop {
	width:200px;
	margin-left:20px;
	margin-top:20px;
	}
	#toc {
	width: 100%;
	margin:auto;
	}
		#toc ul  {
		list-style-type:circle;
		margin-left:-12px;
		}
		#toc li {
		padding-left: 2px;
		padding-right: 2px;
		}
		#toc a:link, #toc a:visited {
		color:#003300;
		text-decoration:none;
		font-style:italic;
		font-size:1.0em;
		}
		#toc a:hover  {
		color:#FF0000;
		}

#rightcol {

float: left;
margin-top: 10px;
margin-bottom: 0px;
padding-top:5px;
width: 599px;
background-color:#eef9e6;
border: #ccc solid 1px;
	position:relative;
	box-shadow: #999 5px 5px 5px;
	border-radius: 10px ; /* pour IE */
	behavior: url(pie.php);
}
	.borderradius #rightcol{ 
    -moz-border-radius: 10px; /* rounded corners for firefox */ 
    -webkit-border-radius: 10px; /* rounded corners for Safari */ 
} 
	.boxshadow #rightcol{ 
    -moz-box-shadow: 5px 5px 10px #999; /* box shadow for Firefox */ 
    -webkit-box-shadow: 5px 5px 10px #999;  /* box shadow for Safari */ 
} 

	.rightcontainer {
	width: 550px;
	margin: auto;
	}

.clear {clear: both; margin:0; height:0; font-size: 1px; line-height: 0px;}
.clearl {clear: left; margin:0; height:0; font-size: 1px; line-height: 0px;}
.clearr {clear: right; margin:0; height:0; font-size: 1px; line-height: 0px;}
.float {margin: 0 10px 0 0;float: left;}
.floatr {margin: 0 0 0 10px;float: right;}


/* image map */
#desc { /* uitlisé dans image map*/
font-size: 20px;
font-weight: bold;
}
.sm {/* pour image map page equipe*/
display: block;
}