@charset "iso-8859-2";
/* CSS Document */

/*div  {border:1px dotted purple;} contour pour verifier */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
background-image: url(css/fond.jpg);
background-position: top left;
background-repeat: repeat-x;
background-color: #335b75;
}
/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }
.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/


/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {text-align: center; display: block;  } /* Cf.:padding: 5px 20px 5px 20px spip_style.css */
.spip_documents_left { padding: 5px 20px 5px 5px} /* Cf.: spip_style.css */
.spip_documents_right { padding: 5px 5px 20px 5px} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */

/* Autres enrichissements typo fin spip */
img { margin: 0; padding: 0; border: 0; }
p {
margin:0px 3px 10px 3px;
}
h1, h2 {
	font-size: 14px;
	color:#CC3333;

	font-weight: bold; 

	text-align: left; 
	margin: 0px 0px 0px 10px; 
	padding: 0px;
	}
h3 {
	font-size: 13px;
	color:#382f9a;

	font-weight: bold; 

	text-align: left; 
	margin: 20px 0px 10px 5px; 
	padding: 0px;
	}
a:link {
	font: 1000  Arial , Verdana, Helvetica;color:#CC3333;text-decoration: none;
}
a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#ad5138;text-decoration: none;
}
a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#000;text-decoration: none;
}
a:active {
font: 1000 Arial, Verdana, Helvetica;color:#ad5138;text-decoration: none;
}
#header {
padding: 5px 90px 0px 0px; 
text-align:right;
height: 230px;
background-image: url(css/flash.png);
background-position: top left;
background-repeat: no-repeat;
position:relative;
}
#flashhaut {
position:absolute;
top:21px;
left:106px;
}
#header a:link {
	font: 1000  Arial , Verdana, Helvetica;color:#A29A62;text-decoration: none;
}
#header a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#ad5138;text-decoration: none;
}
#header a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#000;text-decoration: none;
}
#header a:active {
font: 1000 Arial, Verdana, Helvetica;color:#ad5138;text-decoration: none;
}
#haut {
text-align:left;
height: 45px;
background-color:#CCCCFF;
padding: 6px 0px 0px 45px;
margin: 0px 29px 0px 72px;
background-image: url(css/menu.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

#conteneur {
width:1000px;
margin:0 auto;
background-image: url(css/fondtout.png);
background-position:left top;
background-repeat: repeat-y;

}

#centre {
color:#444444;

margin-left: 260px;
margin-right: 280px;
padding: 0px 0px 20px 0px;
}
#centre img {

}


#gauche {

margin: 0px 0px 0px 72px;
float:left;
width: 180px;
}
#droite {
margin: 0px 29px 0px 0px;

float:right;
width: 240px;

}
#zoom {
background-image: url(css/zoomsur.jpg);
background-position:left top;
background-repeat: no-repeat;
background-color:#436880;
margin: 0px 2px 0px 0px;
padding: 0px 0px 5px 34px;
}
#textezoom {
background-image: url(css/pulsee.jpg);
background-position: top left;
background-repeat: no-repeat;

font-size: smaller;
margin: 0px 3px 0px 3px;
}

#blanc {
background-image: url(css/pulsee.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color:#FFFFFF;
}
#presse {
background-image: url(css/revuedepresse.jpg);
background-position: top left;
background-repeat: no-repeat;

}
#blanc2 {
background-image: url(css/bacterie3.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color:#FFFFFF;
}

#textezoom h3 {
 background-color:#fff; /**/
	font-size: 12px;
	color:#6a6a6c;
	font-weight: bold; 
	text-align: left; 
	margin: 5px 0px 5px 5px; 
	padding: 0px;
	}
#textezoom p {
margin:0px 0px 0px 0px;
padding: 0px 3px 5px 3px;
background-color:#fff;/**/
}
#textezoom2 {
color:#FFFFFF;
font-size: smaller;
margin: 0px 3px 0px 3px;
}
#textezoom2 a:link {
	font: 1000  Arial , Verdana, Helvetica;color:#00FFFF;text-decoration: none;
}
#textezoom2 a:visited{
font: 1000  Arial, Verdana, Helvetica;color:#cccc00;text-decoration: none;
}
#textezoom2 a:hover{
	font: 1000  Arial , Verdana, Helvetica;color:#000;text-decoration: none;
}
#textezoom2 a:active {
font: 1000 Arial, Verdana, Helvetica;color:#CCCC00;text-decoration: none;
}
#textezoom2 h3 {

	font-size: 12px;
	color:#f5c41b;
	font-weight: bold; 
	text-align: left; 
	margin: 5px 0px 5px 5px; 
	padding: 10px;
	}
#textezoom2 p {
margin:0px 0px 0px 0px;
padding: 0px 3px 5px 3px;

}
#textezoom2 strong {
font-size: bold;
color:#CCFF33;
}

#actualite {
background-color:#a9d74f;
margin: 0px 5px 0px 2px;
padding: 0px 0px 5px 0px;

}
#actualite  h3 {
	font-size: 1.1em;
	color:#fff;
	
	font-weight: bold; 
	text-align: left; 
	

	}
#accordion {
	/*margin:0px 0px;  margin:20px 0px;  */

}

h3.toggler {
margin: 0px 0px 5px 0px; 
padding: 2px 20px 5px 5px;
background-image: url(css/flecheactu.jpg);
background-position:right bottom;
background-repeat: no-repeat;
background-color:#436880;
	cursor: pointer;
}/* */
 div.element h3{
	font-size: 1.2em;
	color:#000;
	font-weight: bold; 
	margin: 0px 5px 0px 2px;
padding: 0px 0px 5px 5px;

}/* */
div.element p{

	margin: 0px 5px 0px 2px;
padding: 0px 0px 5px 5px;
	/*padding:4px;  */
}
	
#introduction {
color:#000000;
background-color:#a9d74f;
padding:  5px;
}
#introduction h3{
font-size: 1.2em;
color:#FFFFFF;
}
#recherche {
background-image: url(css/recherche.jpg);
background-position:left top;
background-repeat: no-repeat;
padding: 120px 5px 0px 5px;
}
#recherche p {
padding: 5px 5px 0px 5px;
margin: 5px 5px 0px 5px;
}
#recherche p {
padding: 5px 5px 0px 5px;
margin: 5px 5px 0px 5px;
}
#recherche ul {
padding-bottom: 0px;
margin-bottom: 0px;
}
#retd {
background-image: url(css/retd.jpg);
background-position:left top;
background-repeat: no-repeat;
padding: 120px 5px 0px 5px;
}
#retd p {
padding: 5px 5px 0px 5px;
margin: 5px 5px 0px 5px;
}
#retd ul {
padding-bottom: 0px;
margin-bottom: 0px;
}
#formation {
background-image: url(css/formation.jpg);
background-position:left top;
background-repeat: no-repeat;
padding: 120px 5px 0px 5px;
margin: 0px 0px 0px 0px; 
}
#formation p {
padding: 5px 5px 0px 5px;
margin: 5px 5px 0px 5px;
}
#formation ul {
padding-bottom: 0px;
margin-bottom: 0px;
}
#bouton {
text-align:right;
padding: 5px 8px 15px 0px;
margin:  0px 0px 0px 0px;
background-image: url(css/bassavoirplus.jpg);
background-position:right bottom;
background-repeat: no-repeat;
}



#pied {
border-top:2px gray dotted;
margin: 0px 29px 0px 72px;
clear:both;
padding: 10px 10px 20px 10px;
background-color: #fff;
}
/* debut accordeon */

/*  
blockquote {
	padding:5px 20px;
}*/
/* fin accordeon */
/* debut de menu */
.menuderoulant{
    position:absolute;
    display:block;
    margin:0;
    padding:0 0 0 0px;
    width:800px;
    }

.menuderoulant ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
    }
    
.menuderoulant li ul{
    visibility:hidden;
    }

.menuderoulant li li ul{
	 position:absolute;
    margin-left:124px;
    margin-top:-23px;
    }
    
.menuderoulant li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menuderoulant li li{

    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menuderoulant li li{
    display:inline;
    }

.menuderoulant a{
    text-align:center;
    background-color:#fff;
   border:1px #CCCCCC solid; /*  */
    color:#382f99;
	font-weight: bold;
	
    display:block;
    width:120px;
    text-decoration:none;
    padding:4px 0;
    margin:1px;
    }
#couleur a {
border-top: 2px #fff solid; 
  background-color:#b8ea56;
    }
 /* */
/*#couleur2 a {border-top: 2px #0e4878 solid; background-color:#015da8; }  */
/*#couleur3 a {border-top: 2px #c87d30 solid;  background-color:#f3993c;  }  */
/*#couleur4 a {border-top: 2px #a64da7 solid; background-color:#e35cd2; }  */
/*#couleur5 a {border-top: 2px #346aa9 solid; background-color:#4795e9; }  */

.menuderoulant  li ul li a{
	color:#666666;
    width:200px;
    }
    
.menuderoulant a:hover{
	color:#333333;
    background-color:#ffb300;
    border:1px #CCCCCC solid; /* */
    }
    
/* for a mozilla better display with key nav */
.menuderoulant a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }
/* fin de menu */





#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}