/* body { margin-top: 0px ; width:800px; padding: 0; background-color:#EEEEEE; font-family: Arial, Helvetica, sans-serif } */
/* Notes : les # sont pour les id , les . sont pour les classes 
// Exemple div#toto concerne le div dont l'id est toto
// a.topmenu concerne les anchor de class topmenu
*/
body.print { font-size : 12px;
  margin: 0px ; padding: 0; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; } 

body.mainbody  { 
	margin-top: 10px; 
	width:950px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
} 


div#top {
        position: relative;
        float: left;
        width: 77%;
	padding-left:3px;
        padding-top: 5px; 
        padding-right: 8px; 
	background-color: #FFFFFF; 
	border: 1px solid #00294B;  
 	background-color:white; 
	min-height:500px;
}

div.menu {
	float:left;
	background:#3597FF;
        font-size : 14px;
	font-weight: bold;
        color: #00294B;
	border: 1px solid #00294B;
	width:160px;
	margin-right:0px;
	min-height:200px;
	margin-top:-120px;
	-moz-border-radius: 5px;
}

div.menu a {
        color: #00294B;
	text-decoration: none;
}

div.footer{
	width:100%;
	text-align:center;
	clear:both;
}

.aigle_recherche {
  /* compense le padding-right 8px du div top */
  margin-right: -8px;
}

h2.actus {
  margin-bottom: 5px;
}
h2.actus a.toutes-actus {
  float: right;
  font-weight: normal;
  font-size: 12px;
  padding-right: 10px;
}

div.resume {
	height: 5px;
        border-bottom: solid 1px #CCC;
        margin-bottom: 10px;
}

h2.toutes-actus > a {
	float: right;
  font-weight: normal;
  font-size: 12px;
  padding-right: 10px;
}

div#hautnav {
        /* background: url("z-outils/images/charte/hautnav_blue.gif") top right no-repeat; */
        position: absolute;
        left: 10px; 
        top: 124px; 
        width: 150px;
        height:18px;
        border-left:solid 1px #00294B;
	font-size:12px;
	color : #FFFFFF ;
}

.valid {font-family:verdana;
	font-size:8pt;
	background-color:#2486ff;
	color:#ffff0c;
	border-width:1px;
	-moz-border-radius: 10px;	} 


a#logolabo {position: absolute; left: 0px; top: 0px ; }
a#nomlabo {position: absolute; left: 130px; top: 8px; margin-right: 250px;  width:310px; text-align:center; font-weight: bold; font-size: 18px; color: #2486FF; text-decoration:none;  } 
a.topmenu b { visibility: visible ; font-size: 10px }  /* Astuce: imagemap en CSS*/
a.topmenu { position: absolute; bottom: 30px }
a#organisation { right: 160px; width: 57px ;color:#00294B; text-decoration:none}
a#division { right: 100px; width: 75px; color:#00294B;text-decoration:none}
a#annuaire { right: -70px; width: 180px ;color:#00294B;text-decoration:none}

div#navigation {position: absolute; background:#0276FE; left: 10px; top: 139px; width: 150px; border: solid 1px #00294B; border-top: none }

form#search { position: absolute; top: 12px; left: 540px;  width: 195px ; font-size: 11px; z-index:30; }
html>body form#search { position:fixed ; top: 22px; }

input.BoiteRechercher {
  color:#333;
  border:1px solid #999; 
  padding: 1px 0 1px 20px;
  font-size:11px;
   -moz-border-radius: 4px;
   width:150px;
}

a#bandeUne { margin-top: 91px; margin-left: 2px;display: block; height:101px ; width: 750px ;border: solid #00294B 1px ; background-position: right; background-repeat:repeat-x} 
div#principalSommaire { ;margin-left: 150px ; width:593px ; min-height: 820px; height:100% ;padding: 5px; border-right: 1px solid #00294B; background-color:#FFFFFF;}
div#principal { margin-left: 150px ; width:573px ; min-height: 820px; height:100% ;padding: 15px;  border-right: 1px solid #00294B; background-color:#FFFFFF;}

div#breves { float: right;  position:relative; z-index:20 ;margin-top: -3em ; margin-right:-2em; margin-left: 1em; width: 10em; font-size: 11px; border: 1px solid #00294B; background-color: #FFFFFF ; padding: 2px ; 
-moz-border-radius: 12px;  
border-right: 5px groove #00294B;
border-bottom: 5px groove #00294B;
}

div#piedUne {border-top: 1px solid #00294B; background-color: #556268; height: 53px}
div#piedUne a#rss { background-color: #00294B; color: white; padding: 0 1ex; border: gray outset; margin-left: 10px}
div#piedUne a#spip {position: relative; top: 13px; margin: 0 250px 10px 250px }
div#piedUne a#sunwukong { background-color: #255050; color: #00294B; padding: 1px 1ex; border: gray outset; }

/* Everywhere */
h1 { margin: 0 0 1ex 0; text-align: center; font-size: 18px ; font-weight: bold; color: #5D8BA2;}
h2, span.plan-rubrique { margin-bottom: 0; font-size: 14px; font-weight: bold; color: #5D8BA2; }
p { margin: 5px 0 }
img { border: none }

.structure { display: none }

a { color: #556268 }
a:hover, div.texte a, div.chapo a { text-decoration: underline }

/* padding-top, padding-right , padding-bottom, padding-left */
ul { padding: 0 0 0 3ex; margin-top: -1px; }

/* span.crumbs { font-size: 11px }
 div.crumbs { font-size: 11px ; margin-left: 150px ; width:591px ; padding: 1ex ; border-right: solid #00294B 1px ; background-color: #FFFFFF; } */
div.crumbs { font-size: 10px ; font-weight: bold; margin-left: 150px ; padding: 1ex; width:581px ; margin-top:-4ex; height: 2ex; background-color: transparent;}
div.crumbs a { text-decoration: none ; }

/* NE PAS METTRE LA LIGNE SUIVANTE SINON TOUS LES <UL> des articles/rubriques de  SPIP perdent 
// leurs 'bullet' d'indentation  
// ul { padding: 0 1ex 1ex 1ex; list-style-type: none; margin: 0 }  */

/* Navbar */
div#navigation ul { font-weight: bold ; font-size:14px; list-style-type: none; margin: 0px}
div#navigation ul li.menu-titre { text-align:center; font-weight: bold ; font-size:15px}
div#navigation a { color: #C6E4FF }
div#navigation ul li ul a { color:  #FFFFFF ;} /* couleur fonts menu+ */
div#navigation a:hover { color: #FFFFFF }
div#navigation li.rubriqueon>a {  color: #00294B; text-decoration: none }

div#date_du_jour {
		text-align: center;
		color: #FFFFFF;
		margin-top: 4px;
		font-weight: normal;
		font-size: 0.8em;
		/* float: right; */
	}

/* Sites syndiqués */
div.sitessyndiques ul { font-weight: bold ; font-size:14px; list-style-type: none; margin: 0px}
div.sitessyndiques ul li.menu-item { margin-left:1em ; font-weight: bold ; font-size:12px; }
div.sitessyndiques a { color: #000000; }

/* http://www.howtocreate.co.uk/tutorials/testMenu.html */
ul.rubriques { padding: 0 1ex 1ex 1ex; list-style-type: none; margin: 0 }
ul.rubriques a { text-decoration: none ; margin-left: 5px}
ul.rubriques a:hover { text-decoration: none ; margin-left: 12px; font-size:13px;}
ul.rubriques, ul.rubriques ul { background-color: #0276FE ; padding: 0px; margin-left: 0px;}
ul.rubriques li {font-size:12px; position: relative; padding: 3px; margin: 0px; border-bottom: 1px solid #00294B;}  /* Will make a difference to the absolutely positioned child blocks */
ul.rubriques li > ul {display: none; position: absolute; top: 0; left: 150px; width: 200px; background: #00294B; }
ul.rubriques ul.CSStoShow { display: block ; background : #0276FE  }
ul.rubriques li:hover > ul {display: block ; background : #469AFD } /* couleur fond menu+ */

ul#logos-tutelles {text-align: center; padding: 0 ; margin-top: 0px ; border-bottom: 1px solid #00294B; background:url("z-outils/images/site/fond_tutelles.jpg") top right  no-repeat;}  
ul#logos-tutelles li { padding:0 }

address { text-align: center; font-size: small; font-style: normal ; padding-bottom: 2ex; padding-top: 2ex; border-bottom: 1px solid #00294B; }

ul#authentification { padding-top: 1ex; font-size: small ;  padding: 0 1ex 1ex 1ex; list-style-type: none; margin: 0}
ul#authentification li.menu-titre { text-align:center; color: #556268}
li#login a:hover {color: #FFFFFF ; font-size: 15px ;}
li#logout a:hover {color: #FFFFFF ; font-size: 15px ;}
li#langue { margin-top: 1em; display: block}

ul#about {  font-size: small ; border-top: 1px solid #00294B; padding: 0 1ex 1ex 1ex; list-style-type: none; margin: 0 }
li#intranet a:hover {color: #FFFFFF ; font-size: 15px ;}
li#accessibilite a:hover { color: #FFFFFF ; font-size: 15px ;} 


/* Homepage */
div#edito, div#intranet, div#articlesune, div#articlesrecents {margin-left: 1ex; padding-top: 1ex }
div#aigle {margin-left: 1ex; }

div#edito h2, div#intranet h2 {margin-top: 0}

div.detail { margin-bottom: 1ex; font-style: italic; font-size: 10px; color: #556268 }
blockquote { text-align:justify; margin-bottom: 1ex; font-size: 12px; color:#556268; margin-left: 1em ;}

div#intranet>a { display: block; text-align: center ; margin-top: -10px ; margin-bottom:2ex ;  font-weight: bold ; color:  #00294B; font-size: small}


div#breves ul {  padding: 0 1ex 1ex 1ex; list-style-type: none; margin: 0 ; background: #FFFFFF;}
div#breves>a {display: block; text-align: center ; margin-bottom: 2ex}
div#breves li { margin-bottom: 1ex; color: #556268}
div#breves a { font-weight: bold ; color:  #0276FE }


/* Articles */
div.suite h3 { font-size:11px; }
div.cartouche { text-align: center; margin: 2.5ex ; min-height:3em}

div.chapo { font-size: 12px; color:#556268; }
div.texte div.chapo { font-size: 12px; color:#556268; text-align: left }
div.texte p { font-size: 12px; color:#556268; text-align: justify }

div.ps { margin-top: 1em }
div.notes { margin-top: 1em; font-size: small;}
p.spip_note { margin-top: 1em; font-size: 5px;}
div.lien { margin-top: 5px; margin-bottom: 5px ; font-weight: bold }
div.lien a { color: #00294B;}


ul.auteurs { padding: 0 1ex 1ex 1ex; list-style-type: none; margin: 0 }
ul.auteurs>li {width: 300px; float: left; border: 1px solid #00294B; margin: 1em; background-color: #DEEFFF }
ul.auteurs ul li.nom {text-align: center; font-weight: bold; color: #00294B;}
ul.auteurs ul li.home, ul.auteurs ul li.contact, ul.auteurs ul li.bio {text-align: center; font-size: small}
ul.auteurs ul ul.biblio {background-color: #FFFFFF ; font-size: small}
ul.auteurs ul ul.biblio li.menu-titre {text-align: center}
ul.auteurs ul ul.biblio li.titre a {color:  #00294B;}

div.date { font-size: smaller}

div.clear {clear: both; text-align: right; font-size: smaller}

div.forum-fil {padding: 0 1ex 0 1ex; border: 1px solid #00294B;}
div.forum-chapo { font-weight: bold }
div.forum { padding: 1ex 0 1ex 0}
div.forum-item { padding-left: 2em }
div.forum-repondre a, div.forum-repondre-message a { background-color: #0276FE; padding: 0 1ex; border: #0955FF outset}

/* Rubrique */
ul#encartsousrub { 
position: relative;
z-index:20;
float: right; 
width: 13em;  
margin-top: -2em ; 
margin-right:-2em;
margin-left: 1em;
border: solid 1px #00294B;
-moz-border-radius: 12px; 
background-color: #FFFFFF;
border-right: 5px groove #00294B;
border-bottom: 5px groove #00294B;
padding: 0 1ex 1ex 1ex;
list-style-type: none;
}
ul#encartsousrub li.menu-titre { font-weight: bold; text-align: center}
ul#encartsousrub li a { display: list-item; list-style: disc inside ; padding-bottom: 5px ; font-weight: bold; font-size: small; color:  #00294B; text-decoration: none}

/* Breves */
ul#toutesbreves span.detail {font-size: smaller}

/* Search results page */
div.results h2 {text-align: center; background: #0276FE; color:white;}
div.results h3 {margin-bottom: 0; font-size: large}

/* Keyword results page */
div.mot div#encart { float: right; width: 15em; font-size: small; border: 1px solid #00294B; background: #FFFFFF}
div.mot div#encart ul li.menu-titre{text-align: center; font-weight: bold; font-size: larger; }
div.mot div#encart ul li a {color: #00294B; font-weight: bold }
div.mot h2 {text-align: center; background: #00294B; margin-top: 40px}
div.mot h3 { font-weight: bold ; margin-bottom: 0}

/* SPIP elements */
div.spip-admin-bloc { margin-left: 170px ; z-index: 1}

div.spip_encadrer { width: 400px; margin: 30px 0 0 30px; padding: 1ex; border: solid black 1px }

table {
	font-size: inherit;
}

table.spip td { padding: 1px; text-align: left; vertical-align: middle }

table.spip tr.row_first { background-color: #FFBD10 }
table.spip tr.row_odd { background-color: #DEEFFF }
table.spip tr.row_even { background-color: #F0F0F0 }
p.spip { text-align:justify; }


h3.spip {
	color: #727272;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-weight: bold;
        /* font-size: 120%; */
        font-size: 16px;
        text-align: center;
        margin-top : 40px;
        margin-bottom : 40px;
        padding: 0em;
}

.spip_doc_titre {
	font-size:10px;
}
.spip_doc_descriptif {
        font-size:10px;
}


.spip_documents{
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size : 70%;
}

.spip_documents_center{
        margin: auto;
        text-align: center;
        width: 80%;
	font-size : 10px;
}

.spip_documents_left{
        float: left;
        margin-right: 15px;
        text-align: center;
}

.spip_documents_right{
        float: right;
        margin-left: 15px;
        text-align: center;
}


/* CHARTE ELEMENTS */
h3 {
  color: #4b6870;
}

/* L'adresse dans la barre de nav gauche */
div#navigation div#navadress { clear:both;float:right; margin-left:1px; width: 150px; font-size: small; border-bottom-color: #00294B;border-bottom-style:solid; border-bottom-width: 1px; text-align:center; border-top-width: 1px;; border-top-style:solid; border-top-color: #00294B;}

div#navigation div#navadress p{font-size : 11px; margin:1px;}
div#navigation div#navadress p.intertitre {color: #C7DAEB; font-weight: bold; font-size : 12px;}
div#navigation div#navadress p.spip {text-align:center;}
div#navigation div#navadress a:hover {color:#FFFFFF ; font-size:15px}



div#navigation div#navadress h2{ margin-bottom: 0; font-size: 15px; font-weight: bold; color : #556268 ; }

div#divXnavdroite { 
position:relative; 
float: right; 
margin-right: -1em ; 
width: 13em;
font-size: small; 
border-top: 1px solid #00294B;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

td.Xnavdroite {
        border-bottom: 1px solid #00294B;
        border-right: 1px solid #00294B;
        border-left-width:0px;
        border-left-color: #00294B;
        border-left-style:solid;
}

td.Xnavdroite, td.Xnavdroite p {font-size : 11px;}

td.Xnavdroite p {margin-top : 0px; margin-bottom : 0px}

td.Xnavdroite p.titre {font-size : 14px; color: #556268; font-weight: bold; margin-bottom: 0px}

td.Xnavdroite p.intertitre {color: #A5B8C9; font-weight: bold; font-size : 12px;}

#divnavhaut-nom-labo { position:absolute;left:5px;top:2px;z-index:1 ;  width:507px;}

td.Xnavhaut, td.Xnavhaut p {  font-size : 12px;color :#00294B;text-align: left;font-weight: bold;}

font.colorfont { font-family: Verdana,Arial,Helvetica,sans-serif;font-size : 12px;color :#00294B;text-align: left;}
ul.plan-articles	{  padding: 1ex; }
li.plan-article	{ font-size: 13px; color:#556268 ; text-align:left; padding: 1ex; }
p.users		{ font-size : 12px;color :#556268 ; text-align:left; margin-left:1em; }