/* CSS Document */

html
{
height: 100%;
}

body
{
height: 100%;
}

#fond
{
position: relative;
min-height: 100%;
}

* html #fond
{
height: 100%;
}

#foot
{
position: relative;
margin-top: -40px;
}
/* Charte Graphique */

p {
	text-align:justify;
}






h1 {
	font-size:20px;
	color:#006896;
	text-align:left;
	font-weight:bold;
}

h2 {
	font-size:14px;
	color: #151515;
	text-align:left;
}

h3 {
	font-size:40px;
	color:#006896;
	text-align:center;
	font-weight:bold;
}

h4 {
	text-align:center;
	}
/* Interface */
body {
    background: #435F76;
    margin:0px;
    font-size: 9pt;
	font-family: Trebuchet MS,sans-serif,sans;
	font-weight: normal;
	color: #333333;
	background-image:url(../img/body.jpg);
	background-repeat:repeat-x;
	
}

#gen {
    margin:20px;
    font-size: 9pt;
	font-family: Trebuchet MS,sans-serif,sans;
	font-weight: normal;
	color: #333333;
	background-image:url(../img/gen.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#gen1 {
    margin:20px;
    font-size: 9pt;
	font-family: Trebuchet MS,sans-serif,sans;
	font-weight: normal;
	color: #333333;
	background-image:url(../img/gen1.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#gen2 {
    margin:20px;
    font-size: 9pt;
	font-family: Trebuchet MS,sans-serif,sans;
	font-weight: normal;
	color: #333333;
	background-image:url(../img/gen2.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#gen3 {
    margin:20px;
    font-size: 9pt;
	font-family: Trebuchet MS,sans-serif,sans;
	font-weight: normal;
	color: #333333;
	background-image:url(../img/gen3.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#gen4 {
    margin:20px;
    font-size: 9pt;
	font-family: Trebuchet MS,sans-serif,sans;
	font-weight: normal;
	color: #333333;
	background-image:url(../img/gen4.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#fond {
	background-image:url(../img/fond.png);
	background-repeat:repeat-y;
	margin:0px auto 0px auto;
	width:778px;
}

#site {

	height:auto;

}

#head {
	position:relative;
	width:778px;
	height:162px;
	background-image:url(../img/haut4.png);
}
#head a, #head a:hover
{
color:white;
display:block;
width:778px;
height:162px;
text-indent:-707em;
}

#right {
	position:relative;
	width:738px;
margin: 0 auto;
}

#left {
	position:relative;
	margin-top:33px;
	width:240px;
	height:auto;
	float:left;
}

#foot {
	width:778px;
	height:40px;
	background-image:url(../img/bas.png);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
	font-family: helvetica;
	font-style: normal;
	font-weight: bold;
	vertical-align: bottom;
}

#bouton_on {
	position:relative;
	width:240px;
	height:30px;
	background-image:url(../img/barre.png);
	background-repeat:repeat-x;
	background-position:top;
}

.bouton_off {
	position:relative;
	width:240px;
	height:30px;
}

.bouton_off_h {
	position:relative;
}

#bordure_haut {
display:none;
}

#bordure_bas {
display:none;
}

#get {
	position:relative;
	width:778px;
	text-align:right;
	clear:both;
	height:45px;
}

#cadre {
	position:relative;
	width:738px;
	height:auto;
    border:1px solid #506c82;
    border-width: 0 1px;
    background:white;
    padding:20px 0;
}

#content {
	position:relative;
	width:707px;
	height:auto;
	padding-right:23px;
	padding-left:8px;
	padding-bottom:15px;

}

#figurine {
	position:relative;
	width:240px;
	height:auto;
}

.Style3 {
	align: center;
	font-size: 24pt;
	font-weight: bold;
	color: #950000;
	font-family: Mistral;
}

#nav ul 
{
height:2.5em;
}
#nav ul li
{
list-style:none;
float:left;
width:14%;
margin:-left:1%;
}
#nav ul li a
{
display:block;
margin:0 4px;
padding-bottom:3px;
border-bottom:3px solid #006898;
text-transform:uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#006896;
text-decoration:none;
text-align:center;
}

#nav ul li a:hover
{
border-color:#a10908;
/* text-decoration:underline;
font-style:italic; */
}


#langues
{
position:absolute;
top:0;
right:5px;
}
a img {border:none;}

#antibiotique a:hover{background-image:url(../img/accueil_antibiotique2.gif);}

td{
	font-family:verdana;
	font-size:10px;
	vertical-align:top;
}
p {text-align:justify}


.bold{font:900}


em.titre  {
font-weight:bold;
color:rgb(233,22,60);
font-size:16px;
font:"Times New Roman", Times, serif;
font-style:normal;

}
em.description1 {
font-size:12px;
font-style:normal;
text-align:justify;
}
em.description2 {
font-weight:bold;
color:#0000CC;
font-size:12px;
font-style:normal;
}

td{
	font-family:verdana;
	font-size:10px;
	vertical-align:top;
}
p {text-align:justify}
a {
	text-decoration: none;
	color:#66CC33;
	font-size: 11px; 
	font-family: verdana;
	font:900;
	font-weight:bold;
}
a:visited{color:#66CC33}
a:hover{color:#0066FF}
.bold{font:900}

.menuep {
 width:24%;
 float:left;
 height: 100%;
}

.contentep {
 width:74%;
 float:right;

 }

.retab {
  clear: both;
  float: none;
}

#login {
 text-align:center;
 border: 1px black solid;
 margin: 0px 200px 0px 200px;
 padding: 20px 0px 20px 0px;
 background-color: lightblue;

}