/* CSS Document */

BODY
{
    FONT-SIZE: 11px;
    LINE-HEIGHT: 18px;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

/*Calques*/
#banner_graphic {
	position:absolute;
	left:50%;
	top:23px;
	width:700px;
	height:90px;
	z-index:1;
	background-image: url(images/banner_cahier4.jpg);
	margin: 0px auto;
	margin-left: -350px;
	padding: 0px;
}

#en-tete {
	position:absolute;
	left:50%;
	top:112px;
	width:700px;
	height:24px;
	z-index:2;
	background-image: url(images/body_main_header.gif);
	margin: 0px;
	margin-left: -350px;
	padding: 0px;
}

#pied_de_page {
	position:absolute;
	left:50%;
	top:486px;
	width:700px;
	height:24px;
	z-index:4;
	background-image: url(images/body_main_footer2.gif);
	margin: 0px;
	margin-left: -350px;
	padding: 0px;
}

#contenu_central {
	position:absolute;
	left:50%;
	top:136px;
	width:700px;
	height:350px;
	z-index:3;
	margin: 0px;
	margin-left: -350px;
	padding: 0px;
	overflow:auto;
}

#navigation {
	position:absolute;
	left: 50%; /* valeur précédente left:20px;*/
	top:136px;
	width:154px;
	height:350px;
	z-index:5;
	background-color: #993300;
	margin: 0px;
	margin-left: -350px; /*centré*/
	padding: 0px;
}

#texte {
	position:absolute;
	left: 50%; /*valeur précédente left:176px;*/
	top:136px;
	width:545px; /*j'ai ajouté 1 px (545px au lieu de 544px) pour éviter des problèmes de visualisation*/
	height:350px;
	z-index:6;
	background-color: #F7EEDF;
	margin: 0px;
	margin-left: -196px; /* centré 176px - 350px - 20px = -174 */ /*j'ai ajouté 2 px (-196x au lieu de -194px) pour éviter des problèmes de visualisation*/
	padding: 0px;
	overflow:auto;
}

/*styles CSS */
p{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
padding: 3px;
}

.gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #993300;
}

.menu-niveau1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold; 
	color: #FFFFFF;
	text-decoration: none;
	background-color: #993300;
	display: block;
	padding: 8px;
	width: 140px;
	margin: 0px;
}

.menu-niveau2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC6600;
	display: block;
	padding: 8px;
	width: 140px;
	margin: 0px;
}

/*fil d'Ariane */
.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 19px;
	padding: 3px;
	margin: 0px;
	text-decoration: none;
}

/*couleur de l'hover sur les menus */
a.menu-niveau1:hover, a.menu-niveau2:hover
{
	text-decoration: none;
	background-color: #D03D03;
}

/*photos sous-menu participant(e)s*/
#fotosx{
height:100px;
width:75px;
float:left;
margin-right: 10px;
margin-bottom: 5px;
padding: 0px;
vertical-align: top;
} 

/*photos evenements*/
#photo_gauche{
float:left;
margin-right: 10px;
margin-bottom: 5px;
padding: 0px;
vertical-align: top;
}