body {
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#666666;
background-image:url(design/back.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
}

.top {
height:140px;
}

.bannbas {
height:110px;
background-image:url(design/bannbas.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
}

.mainglobal {
height:auto;
width:620px;
margin-left:auto;
margin-right:auto;
float:left;
}

.maintop {
height:9px;
width:630px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
background-image:url(design/maintop.jpg);
}

.main {
height:auto;
width:630px;
margin-left:auto;
margin-right:auto;
background-image:url(design/mainback.jpg);
}

.main1 {
height:auto;
width:610px;
margin-left:auto;
margin-right:auto;
}

.mainbas {
height:7px;
width:630px;
margin-left:auto;
margin-right:auto;
background-image:url(design/mainbas.jpg);
}


.droiteglobal {
margin-left:10px;
height:auto;
width:340px;
float:right;
}

.droitetop {
height:9px;
margin-top:10px;
width:340px;
background-image:url(design/droitetop.jpg);
}


.droitemain {
height:auto;
width:340px;
background-image:url(design/droiteback.jpg);
}

.droite1 {
height:auto;
width:320px;
margin-left:auto;
margin-right:auto;
}

.droitebas {
height:9px;
width:340px;
background-image:url(design/droitebas.jpg);
}

.menuglobal {
height:auto;
width:120px;
margin-left:auto;
margin-right:auto;
float:left;
margin-top: 10px;
}

.niveau0 {
text-decoration: none; 
padding: 4px 0 4px 0px; 
display:block; 
border-left: 8px solid #333333;
border-bottom: 1px solid #333333;
width:92px
}

.niveau0dr {
text-decoration: none; 
padding: 4px 0 4px 0px; 
display:block; 
border-right: 8px solid #333333;
border-bottom: 1px solid #333333;
width:178px;
color:#ffffff;

}


.niveau1dr {
text-decoration: none; 
padding: 4px 0 4px 0px; 
display:block; 
border-right: 8px solid #333333;
border-top: 1px solid #333333;
width:178px;
color:#ffffff;

}

.titredr {
background-color:#333333;
color:#FFFFFF;
}


.titre {
font-size:15px;
color:#dddddd;
font-weight:bold;
text-align:center;
}

/* Menu de navigation */

#navigation {	
height:50px;
margin-left:3px;
	background: url("./design/fond_barre_menu.jpg") repeat; 
}


#navigation ul {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navigation li.gauche {
	float: left;
	margin-right: 5px;
	color:#FFCC33;
	font-weight:bold;
	vertical-align:middle;
}
#navigation li.droite {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}
#navigation li.page {
	float: left;
	margin-right: 5px;
	color:#000000;
}

#navigation a:link{
	width:110px; 
	display: block;
	text-decoration:none; 
	color:#E4E4E4;
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size: 16px;
	text-align:center; 
	vertical-align:middle;
	font-weight:bold; 
	padding-top:13px;
	padding-bottom:13px;
}

#navigation a:visited{
	width:110px; 
	display: block;
	text-decoration:none; 
	color:#E4E4E4;
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size: 16px;
	text-align:center; 
	vertical-align:middle;
	font-weight:bold; 
	padding-top:13px;
	padding-bottom:13px;
}


#navigation a:hover{
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	/* border-bottom: 7px solid #B8DA40; */
	color:#000000; 
	font-weight:bold; 
	background: none;
	background-color:#000000;
	background: url("./design/fond_bouton.jpg") repeat-x; 
}

#sous-menu {	
height:30px;
margin-left:3px; 
	background: url("./design/fond_barre_sous-menu.jpg") repeat; 
}


#sous-menu ul {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sous-menu li.gauche1 {
	float: left;
	margin-right: 5px;
	margin-left:5px;
	color:#111111;
	font-weight:bold;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
	}
	
#sous-menu li.gauche {
	float: left;
	margin-right: 5px;
	
}
#sous-menu li.droite {
	float: right;
	margin-right: 0px;
	margin-left: 10px;
}

#sous-menu a:link{
	width:110px; 
	display: block;
	text-decoration:none; 
	color:#000000;
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size: 12px;
	text-align:center; 
	vertical-align:middle;
	font-weight:bold; 
	padding-top:5px;
	padding-bottom:5px;
}

#sous-menu a:visited{
	width:110px; 
	display: block;
	text-decoration:none; 
	color:#111111;
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size: 12px;
	text-align:center; 
	vertical-align:middle;
	font-weight:bold; 
	padding-top:5px;
	padding-bottom:5px;
}


#sous-menu a:hover{
	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	/* border-bottom: 7px solid #B8DA40; */
	color:white; 
	font-weight:bold; 
	background: none;
	background-color:#000000;
	background: url("./design/fond_bouton.jpg") repeat-x; 
}

body {behavior: url(csshover.htc);}
div#menu {width: 100px;}

/* fond blanc pour le menu */ 
div#menu a {color:#ffcc33; font-weight:bold; font-size:11px}
div#menu ul {padding: 0; width: 100px; border:0px solid; margin:0px; background: #666666}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #111111}
div#menu li.sousmenu:hover {background: #111111;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid; border-color:#333333}
div#menu ul ul {position: absolute; top: -2px; left: 100px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #333333; width:84px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: #ffcc33;}
div#menu ul ul li a:hover {border-left-color: #FFcc33;}
div#menu ul ul ul li a:hover {border-left-color: #000000;}