/* Styles generaux */



* {

  font-family: Arial, Helvetica, sans-serif;

}



body {
	padding: 0;
	background-color: #0E3659;
	font-size : 12px;
	behavior: url(styles/csshover.htc);
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}





/* Styles pour Spip */



.spip_documents { 

  text-align: center;

}



.spip_documents_center { 

  width: auto;

  display: block;

  margin: auto;

}



.spip_documents_left { 

  margin: 5px;

  float: left;

}



.spip_documents_right { 

  float: right;

  margin: 5px;

}



.spip_surligne {
	color : #0E3659;
	background-color: #D9E2EA;
}



blockquote.spip, 

blockquote.spip p,

.spip_serif { 

  font-family: "Bitstream Vera Serif", Georgia, Times, serif; 

}



blockquote.spip { 

  margin: 1em; 

  padding-left: 1em;

}



.spip_code,

code,

.spip_cadre { 

  font-family: monospace; 

  font-style: normal; 

  font-size: 1em; 

  margin: 1em;

}



#texte .spip_cadre { 

  border: 1px solid #999999; 

  padding: 5px;

}



table.spip {

  margin: 15px 0px 15px 10px;

  border: 1px solid;

  border-collapse: collapse; 

}



table.spip caption {

  caption-side: top; /* bottom pas pris en compte par IE */

  text-align: center;

  margin: auto;

  padding: 3px;

  font-weight: bold; 

}



table.spip td,

table.spip th {

  border-style : solid;

  border-width : 1px;

  padding: 3px 5px 3px 5px;

}



table.spip th { 

  text-align: left;

}



h3.spip {

  font-size: 12px;

  font-weight: bold;

  margin: 20px 0px 10px 0px;

}



p.spip {

  margin: 5px 0px 5px 0px;

}



hr.spip {

  width: 80%;

  margin: 20px auto 20px auto;

}



a.spip_note {

  text-decoration: none;

}



/* Fin styles pour Spip */





.accessibility {

	display: none;

}



.clearer {

  clear: both;

}



img {

  border: none;

}



a:link,

a:visited,

a:hover {

  text-decoration : underline;

}



table {

  border-collapse: collapse;

}



h3 {

  font-size: 12px;

  font-weight: bold;

  margin: 0 0 5px 0;

}



h3 a:link,

h3 a:visited,

h3 a:hover {

  text-decoration: none;

}



td, p

{

  font-size: 12px;

}



span.petit,

ul ul,

p.petit {

  font-size: 10px;

}



ul.liste-liens a:link,

ul.liste-liens a:visited,

ul.liste-liens a:hover {

  text-decoration: none;

  font-weight: bold;

}



/* tableaux avec bordures, style à appliquer au tableau */

table.table-avec-bordures,

table.table-avec-bordures td,

table.table-avec-bordures th {

  border-style : solid;

  border-width : 1px;

  border-collapse:collapse;

}



/* tableaux sans bordures dans un tableau avec bordures */

table.table-sans-bordures,

table.table-sans-bordures td,

table.table-sans-bordures th {

  border-width : 0px;

}





/* Conteneur general */



#main {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 750px;
	background-color: #FFFFFF;
	background-image: url(../IMG/ArrPlanMenu.gif);
	background-repeat: repeat-y;
	background-position: left;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}





/* Bandeau superieur */



#top {
	position: relative;
	height: 55px;
	border-bottom: 0px solid;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../IMG/bandeau-haut-droit.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}



#nom-labo {

  padding: 10px 0 0 10px;

}



#nom-labo h1 {
	font-size : 12px;
	font-weight: bold;
	white-space: nowrap;
	padding: 0;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}



#nom-labo h1 a {

  text-decoration: none;

}





#liens-top {

  margin: 5px -1px 5px 0;

  position: absolute;

  right: 0px;

  bottom: 25px;

  white-space: nowrap;

  list-style: none;

}



#liens-top a:link,

#liens-top a:visited,

#liens-top a:hover {

  font-weight: bold;

  text-decoration: none;

  padding: 0;

}



#liens-top li {
	float: left;
	display: inline;
	padding: 0 0.7em 0.2em 0.9em;
	margin: 0;
	background: url(../IMG/trait-vertical.gif) no-repeat bottom left;
}







/* Colonne de gauche */

       

#colgauche {
	position: relative;
	float: left;
	width: 150px;
	border-right: 1px solid;
	padding-bottom: 80px;
	z-index: 10;
}



#partenaires {

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	background-color: #FFFFFF;

}



#partenaires .partenaire {

	width: 150px;

	text-align: center;

}





/* Menu */



div#menu {

  position: relative;

  width: 150px; 

  margin: 0px 0 0 0;

  padding-top: 26px;

  background-image: url(../IMG/Chapeau_Presentation.gif);

  background-repeat: no-repeat;

  background-position: left top;

}





div#menu li:hover {

	color: #FFFFFF;

} 



div#menu ul {

  margin: 0; 

  padding: 0; 

  width: 150px; 

  background: white;

  border-top: 1px solid;

}



div#menu li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid;
	background-color: #195CA2;
}



div#menu li a {

	display: block;

	font-weight: bold;

	font-size : 12px;

	text-decoration: none;

	width: 140px;

	padding-top: 4px;

	padding-right: 5px;

	padding-bottom: 4px;

	padding-left: 12px;

}



div#menu ul.level2 li a,

div#menu ul.level3 li a { 

  text-decoration: none;

  font-size: 12px;

  font-weight: normal;

}



div#menu>ul a {

  width: auto;

}



div#menu ul ul {

  position: absolute; 

  top: -1px; 

  left: 150px;

  display: none;

}



div#menu ul.level1 li:hover ul.level2, 

div#menu ul.level2 li:hover ul.level3 {

  display: block !important;

}





/* Annuaire */



#annuaire {

	position: relative;

	width: 150px;

	margin: 50px 0 0 0;

	padding-top: 26px;

	background-image: url(../IMG/Chapeau_Annu.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#annuaire ul {

  list-style-type: none;

  list-style-image: none;

  margin: 0;

  padding: 0;

  width: 150px;

}



#annuaire ul li a {

	display: block;

	font-weight: bold;

	font-size : 12px;

	text-decoration: none;

	width: 138px;

	padding-top: 10px;

	padding-right: 6px;

	padding-bottom: 10px;

	padding-left: 12px;	

}





/* Rechercher */



#recherche {

	position: relative;

	margin: 0;

	background-image: url(../IMG/Chapeau_Rechercher.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 26px;

	padding-right: 6px;

	padding-bottom: 6px;

	padding-left: 12px;

}



#recherche h2 {

	margin: 0;

	padding: 0;

	font-weight: bold;

	font-size : 12px;

}



#recherche p {

  font-size: 11px;

  margin: 0;

  line-height: 13px;

  padding: 0;

}



#recherche form {

  padding: 0;

  margin: 0;

}



#recherche input.box {
	position: relative;
	top: -6px;
	font-size: 11px;
	border: solid 1px #0e3659;
	width: 90px;
	margin: 0 5px 0 0;
	padding: 1px;
	color: #195ca2;
}



/* Menu de langue */



#lang {

	margin: 0;

	padding-right: 6px;

	padding-bottom: 10px;

	padding-left: 12px;

	padding-top: 26px;

	background-image: url(../IMG/Chapeau_langue.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



#lang form {

	padding: 0;

	margin: 0;

}



#lang label { 

  margin: 0;

  padding: 0;

  font-weight: bold;

  font-size : 12px;

}



#lang select {
	margin-top: 5px;
	border: 1px solid #8C571E;
	font-size: 11px;
	width: 100px;
	background-color: white;
	color: #195CA2;
}



#lang input { 

  margin: 5px 0 0 5px;

  border: none;

  padding: 0;

  font-size: 10px;



}



/* Icones de navigation */



#navigation {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 150px;
	text-align: center;
	z-index: 20;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:  #0E3659;
	height: 25px;
}



#navigation ul {

	padding: 0;

	list-style-type: none;

	list-style-image: none;

	margin-top: 3px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}



#navigation ul li {

  margin: 0;

  padding: 0;

  display: inline;

}





/* Colonne de droite */



#pageune,

#pageseconde {

  position: relative;

  margin: 0 0 0 150px;

  padding: 0;

  border-left: 1px solid;

}



#pageune {
	background-color: #D9E2EA;
	background-image: url(../IMG/bandeau_une.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



#pageseconde {

  background: url(../IMG/bandeau_seconde.jpg) no-repeat top left;

}



#chemin {

  margin: 0;

  font-size: 11px;

  padding: 67px 10px 4px 7px;

  border-bottom: 1px solid;

}



#chemin a:link, #chemin a:visited, #chemin a:hover {

  text-decoration: none

}



#texte {

	position: relative;

	margin: 0;

	padding: 0px 10px 1px 10px;

}



div.texteune {

	padding-top: 135px !important;

}



#texte h2 {

  font-size : 14px;

  font-weight: bold;

  margin: 0px 0 5px 0;

  padding-top: 10px;

}



#texte ul {

  margin: 5px 0px 5px 0px;

  list-style-position: outside;

  list-style-image:url('../IMG/puce.gif');

  padding-left: 2.5em;

}



#texte ul.liste-liens {

  padding-left: 15px;

}



#texte ul.liste-liens li {

  margin-left: 15px;

}



p.suite {

  background-repeat: no-repeat;

  background-position: center left;

  background-image: url(../IMG/lirelasuite.gif);

  height: 1em;

  margin: 0;

  padding: 0px 0 5px 25px;

}



div.separateur {

  border-bottom: 1px solid;

  height: 20px;

  width: 98%;

  margin: 0px auto 0px auto;

}



div.groupetitre { 

  margin: 0px 0 25px 0;

}



p.surtitre {

  font-weight: bold;

  margin: 0 0 -5px 0;

  padding-top: 10px;

}



p.soustitre {

  font-weight: bold;

  margin: 4px 0 0 0;

}



p.auteur {

  margin: 10px 0 0 0;

  font-size: 11px;

}



p.auteur a {

  text-decoration: none;

}



p.chapeau {

  margin: 0px 0px 15px 0px;

  font-style: italic;

}



p.lien_article {

  font-weight: bold;

  margin: 15px 0px 15px 0px;

}



p.lien_article a {

  font-weight: normal;

}



p.postscriptum {

  font-style: italic;

  margin: 25px 0px 10px 0px;

}



div.notes {

  margin: 5px 0px 10px 0px;

}



div.notes p {

  font-size: 11px;

  margin: 3px;

}



table.docjoints {

  border: none;

  margin: 25px 10px 20px 10px;

}



table.docjoints td {

  border: none;

  padding: 0px 25px 20px 0px;

  width: 150px;

  text-align: center;

  vertical-align: top;

} 



table.docjoints p,

.spip_doc_titre,

.spip_doc_descriptif { 

  font-size: 11px;

  margin: 0;

}



table.docjoints p.titredoc,

.spip_doc_titre { 

  font-weight: bold;

}



div.autres {

  margin: 35px 0 30px 0;

}



div.autres p {

  font-weight: bold;

  margin: 0;

}



span.vignette {

  float: left;

  padding: 0px 5px 0px 4px;

}



#texte ul.navdroite {

/*   position: absolute; */

/*   top: -10px; */

/*   right: 0px; */

  position: relative;

  top: 0px;

  right: -10px;

  float: right;

  width: 130px;

  font-size: 11px;

  text-align: left;

  margin: 0 0 20px 20px;

  padding: 0;

  border-left: 1px solid;

  list-style-image: none;

}



/* Hack IE6 Windows \*/

* html #texte ul.navdroite {

  position: relative;

  top: 0px;

  right: -10px;

  list-style-image: none;

}

/* Fin hack IE6 */



#texte ul.navdroite li { 

  list-style-image: none;

  display: block;

  margin: 0;

  padding: 5px 5px 0px 5px;

  border-bottom: 1px solid;

}





/*** Styles pour sommaire ***/



.texte_gauche {

	border-right: 1px solid;

	width: 438px;

	background-color: #FFFFFF;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: -1px;

	margin-left: -10px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

}



/* Hack IE6 Windows \*/

* html .texte_gauche {

  width: 425px;

}

/* Fin hack IE6 */



.texte_droite {

	position: absolute;

	top: 135px;

	right: 0px;

	width: 150px;

	font-size: 11px;

	margin: 0;

	padding: 0;

	border-left: 1px solid;

}



.texte_droite p {

  font-size: 11px;

}

#texte p {
	text-align: justify;
}

#texte h2.alaune,

#texte h2.actus {

  background-repeat: no-repeat;

  background-position: center left;

  padding: 10px 0 10px 35px;

  margin: 0 0 10px 0;

}



#texte h2.alaune {

	background-image: url(../images/boite-outils/icones/alaune-grd.gif);

	margin-left: 10px;

	padding-top: 10px;

}



#texte h2.actus {

/*  background-image: url(../images/boite-outils/icones/actulabo2.gif); */

  background-image: url(../IMG/actulabo1.gif);

margin-left: 10px;

	padding-top: 10px;

}



#texte h2.anoter {

	background-image: url(../IMG/derniereminute.gif);

	background-repeat: no-repeat;

	background-position: 5px;

	padding: 10px 0 15px 40px;

	margin: 0;

	border-bottom: 1px solid;

	color: ;

}



div.alaune,

div.actus {

  margin: 10px 0px 20px 35px;

}



div.anoter {

	margin: 0;

	border-bottom: 1px solid;

	padding-top: 20px;

	padding-right: 5px;

	padding-bottom: 20px;

	padding-left: 10px;

}



div.anoter h3 {

	margin-bottom: 10;

	font-size: 11px;

}

div.anoter h3 a:link{
	color: #0E3659;
}

div.anoter h3 a:hover{
	color: #195CA2;
}



div.anoter p {

  margin: 0;

}



/*** Fin styles pour sommaire ***/





/*** Styles pour annuaire ***/



div.float_droit {

  float: right;

  width: 230px;

  text-align: left;

  border: none;

  padding: 5px 5px 10px 10px;

}



#texte div.float_droit p {

  margin: 0;

}



/*** Fin styles pour annuaire ***/





/*** Styles pour page auteur ***/



#texte fieldset { 

  border: 1px solid;

  margin: 20px 10px 10px 0;

  padding: 10px;

}



#texte legend { 

  font-size: 12px;

  font-weight: bold;

}



#texte form {

  margin: 0;

  padding: 0;

} 



#texte label { 

  display: block;

}



#texte input,

#texte textarea {

  border: 1px solid black;

  font-size: 11px;

}



#texte .spip_bouton { 

  margin-top: 10px;

}



/*** Fin styles pour auteur ***/





/*** Styles pour blogue ***/



#texte ul.archives_blogue {

  padding-left: 0px;

  margin-left: 0px;

  list-style-image: none;

  list-style-type: none;

}



#texte ul.archives_blogue li {

  font-weight: normal;

  margin-left: 5px;

  padding-left: 5px;

  list-style-image: none;

  list-style-type: none;

}



/*** Fin styles pour blogue ***/





/*** Styles pour rubriques ***/



div.resume {

  margin: 20px 0 20px 0;

}



div.resume h3 {

  margin: 0;

}



div.resume p.soustitre {

  margin: 0;

}



div.resume p {

  margin: 2px 0 3px 0;

}



p.descriptif {

  font-style: italic;

}



div.demicol {

  width: 230px;

  float: left;

  margin: 15px 0 15px 25px;

}



div.demicol p {

  margin: 0 0 5px 0;

}



/*** Fin styles pour rubriques ***/