/* CSS Document */
body {
	background-color: #666666;
	background-color: #F2F2F2;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.texte-bato {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-right: 5px;
}

a {
text-decoration: none;
color: #00a1bf;
}

a:hover {
color: black;
}

.pied {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	text-align: center;
}
.pied  li {
 display: inline;
 }
.pied a {
	text-decoration: none;
	color: #00a1bf;
	font-size: 10px;
	padding: 8px;
 }
.pied a:hover {
	color: black;
 } 
.bando_bato {
	background-image: url(images/top_bato.gif);
	height: 95px;
	width: 539px;
	background-repeat: no-repeat;
}
.bando_bato a { color: white ; }
.bando_bato a:hover { color: black ; }
.bando_titre {
color: #ffffff;
font-size: 18px;
font-weight:bold;
}
.bando_brochure {
	float: right;
	width: 114px;
	padding: 0px;
}
.bato_affichage {
background-color:#e5eaed;
width: 405px;
}
.bato_vignette {
float: right;
width: 110px;
margin-left: 15px
}
.bato_vignette a {
	/*color: black;*/
	font-weight: bold;
}

.accroche {
text-align: left;
width: 174px;
padding-left: 43px;
padding-top: 50px;
font-size: 11px;
}
.accroche a {
font-size: 10px;
font-weight:bold;
}
.pied_mention {
text-align: center;
color: #CCCCCC;
font-size: 10px;

} 
.container_menu {
	text-align: left;
	margin-top: 34px;
} 
.container_aff {
background-color: #e5eaed;
width: 539px;
font-size: 11px;
}
.affichage_std {
padding-top: 60px;
padding-left: 70px;
padding-right: 70px;
text-align: justify;
}

.affichage_std li {
	padding-left: 0px;
	line-height: 1.5em;
	list-style-position:outside;
	list-style-type: square;
}
.affichage_std ul {
	padding-left: 20px;
}

H1 {
	font-weight: bold;
	font-size: 11px;
}

H2 {
color: #015b6d;
font-size: 11px;
font-weight: bold;
}
 
 dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}


	
#nav, #nav ul { /* all lists */
	font-size: 11px;
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	/*width : 11em;*/
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		/*width: 11em;*/
	}
	
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 21.01em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 21em;
		w\idth: 20em;
		display : block;
		font-weight : bold;
		text-decoration : none;
		background-color : white;
		padding : 0 0.5em;
		margin-top: 20px;
	}
	
	#nav li ul li a {
	margin-top: 0px;
	padding-top: 2px;
	border : 1px solid #ababab;
	width: 12em;
	w\idth: 11em;
	height: 1.5em;
	font-weight : normal;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #666666;
	}
	
	#nav li ul li a:hover {
		background-color : #ffffff;
		color : black;	
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}