/* --- COULEURS --- */

body			{ background: #E0F1F5; color: #444444; }
#global 	    { background: #04819E; font-size: 1.1em; }
#entete 	    { background: #FFFFFF; }
#navigation     { background: #04819E; }
#corps-de-page  { background: #FFFFFF; }
#pied-de-page	{ background: #E0F1F5; }


/* --- POSITIONNEMENT --- */

#global { 
	width: 100%; 
	overflow: visible; 
	}

#contenu {
	display: table;
	width: 100%;
	}
	
#navigation {
	width: 210px; 
	display: table-cell;
	vertical-align: top;	
	height: 569px;
	padding-top: 27px; 	
	}

#corps-de-page {
	display: table-cell; 
	vertical-align: top;
	padding: 10px 20px;
	margin-bottom: 15px;
	height: 558px;
	border-top: 3px solid #04819E;
	}
	
#coeur-de-page {
	margin-bottom: 15px;
	}

/* NAVIGATION */
/* Typo */
#navigation {  }
#navigation .niveau1 li {
	line-height:14px;
	min-height:14px; 
	}
	
/* Couleur */
#navigation .niveau1 { 
	color: #fff; 
	background-color: #04819E;	 
	}
#navigation .niveau2 {  
	color: #097182;
	background-color: #E0F1F5; 
	}
#navigation .niveau1 a { 
	color: #fff;
	background-color: #04819E;
	}
#navigation .niveau2 a { 
	color: #097182;
	background-color: #E0F1F5; 
	} 		
#navigation .niveau1 .courant  { 
	color: #097182;
	background-color: #fff; 
	}
#navigation .niveau1 .menucourant  { 
	color: #097182; 
	background-color: #fff;
	}
#navigation .niveau2 .courant  { 
	color: #097182;
	background-color: #fff; 
	}
#navigation .courant:hover {
	cursor: default;
	background-color: #fff !important;
	}

	
/* niveau 1 */
	
#navigation .niveau1 a { 
	border-top: 1px solid #FFFFFF;
	display: block;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	}
#navigation .niveau1 .menu { 
	background: url("../images/navigation/picto_menu_r_blanc.gif") 5px no-repeat ;
	}
#navigation .niveau1 .menucourant { 
	padding: 0 15px 0 25px;
	background: url("../images/navigation/picto_menu_r_bleu.gif") #fff 15px no-repeat ; 
	}
		
/* survol */	
#navigation .niveau1 a:hover { 
	background-color: #E9F6C3; 
	color:#097182; 
	}
#navigation .niveau1 .menu:hover {
	background: url("../images/navigation/picto_menu_r_bleu.gif") #E9F6C3 5px no-repeat ; 
	}	

#navigation .niveau1 .ouvert {
	background-color: #E0F1F5;
	color: #097182;
	background: url("../images/navigation/picto_menu_b_bleu.gif") #E0F1F5 5px no-repeat ; 
}

#navigation .niveau1 .ouvert:hover {
	background: url("../images/navigation/picto_menu_b_bleu.gif") #E9F6C3 5px no-repeat ; 
	}

#navigation .niveau1 .premier { border:0px;}	

/* niveau 2 */

#navigation .niveau1 .niveau2 a { 
	border-top: 1px solid #FFFFFF;
	display: block;
	margin-left: 15px;
	padding-left: 15px;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	}
#navigation .niveau1 .niveau2 .menu { 
	background: url("../images/navigation/picto_menu_r_bleu.gif") 5px no-repeat ;
	}

#navigation .niveau2 .menu:hover {
	background: url("../images/navigation/picto_menu_r_bleu.gif") #E9F6C3 5px no-repeat ; 
	}
	
#navigation .niveau1 .niveau2 .ouvert {
	background-color: #E0F1F5;
	color: #097182;
	background: url("../images/navigation/picto_menu_b_bleu.gif") #E0F1F5 5px no-repeat ; 
	}
	
#navigation .niveau2 .ouvert:hover {
	background: url("../images/navigation/picto_menu_b_bleu.gif") #E9F6C3 5px no-repeat ; 
	}

#navigation .niveau1 .premier { border:0px;}
	
/* niveau 3 */

#navigation .niveau1 .niveau2 .niveau3 a { 
	border-top: 1px solid #FFFFFF;
	display: block;
	margin-left: 30px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	}