body{
	background-image: url(../images/background_grille_ok4_motif.png);
	margin:0;
	padding:0; 
	font:12px arial;
	repeat: repeat-y;
	background-position:center top;	
	font-family : Verdana, Arial, sans-serif;
	}
		
#site{
	background-color:#FFFFFF;
	width:781px;
	margin:0 auto 0 auto;
	height: 100%;
	padding:0; 
	}
	
#baniere{
	width:780px;
	background-image: url(../images/banniere_new_lumiere.jpg);
	background-repeat:no-repeat;
	height:107px;	
	color:#FFFFFF;
	}
	
#lienbaniere{
	text-align:right;
	padding-right:10px;
	}
#lienbaniere a{
	color:white;
	font:Arial, Helvetica, sans-serif ;
	font-size:11px;	
	}
#langue{
padding-right:15px;
} 
/*-------------------------l'accroche----------------------*/
p{
	font-family: sans-serif, Verdana, Arial, Helvetica;
	font-size: 14px;
	letter-spacing:1.2px;
	color:#c2d7f1;
}
#accroche{
text-align:right;
padding-right:20px;
padding-top:56px;
}
/*---------------------fin de l'accroche-----------------------*/
/*----------------------fin de la banniere----------------------*/
	
	
/*----------------------la div contenant le menu---------------------*/
#menu{			
	width:780px;
	height:32px;
	}
img #menu, #menu img{
	margin:0;
	padding:0;
	float:left;
	
	}
	
/*-------------------------------debut menu deroulant---------------------------------*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menuderoulant dl {
float: left;
width: 93px;
}
#menuderoulant dl.grand_tonbou {
float: left;
width: 94px;
}
#menuderoulant dl dt .btmenu{
cursor: pointer;
text-align: center;
font-weight: bold;
background-image: url(../images/bouton_bleu_petit.png); /*--------les boutons menu déroulant-----------------*/
background-repeat:no-repeat;
width:93px;
height:32px;
display:block;
position:relative;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
/*padding-top:12px;*/
}
#menuderoulant dl dt .btmenu2{
cursor: pointer;
text-align: center;
font-weight: bold;
background-image: url(../images/bouton_bleu_grand.png); /*--------les boutons menu déroulant-----------------*/
background-repeat:no-repeat;
width:94px;
height:32px;
display:block;
position:relative;
text-align:center;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
/*padding-top:12px;*/
}
.textemenu{
position:relative;
top:11px;
}
.textemenu2{
position:relative;
top:11px;
font-size:10px;
letter-spacing:-1px;

}

#menu dl dt .btmenu:Hover{
 	background-image: url(../images/bouton_vert_petit.png);
	position:relative;
	background-repeat:no-repeat;
	color:#000000;
	width:93px;
	height:32px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	text-decoration:none;
}
#menu dl dt .btmenu2:Hover{
 	background-image: url(../images/bouton_vert_grand.png);
	position:relative;
	background-repeat:no-repeat;
	color:#000000;
	width:94px;
	height:32px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	text-decoration:none;
}
#menuderoulant dd#smenu1,#menuderoulant dd#smenu2,#menuderoulant dd#smenu3 ,#menuderoulant dd#smenu4,#menuderoulant dd#smenu5   {
display: none;
border: 1px solid black;
width: 200px;  /* ----------------------- la largeur du menu déroulant---------------------------   */
position:absolute;
z-index:100;
}
#menuderoulant dd#smenu6{
display: none;
width: 180px;  /* ----------------------- la largeur du menu déroulant---------------------------   */
position:absolute;
z-index:100;
}

/*#smenu6 {
border: 3px solid red;
display: none;
border: 1px solid black;
width: 170px;  /* ----------------------- la largeur du menu déroulant de contact---------------------------   *//*
position:relative;     /* ----------------------- /!\bug à corriger pour 800*600 !!!!!!!!---------------------------   */ /*
z-index:100;
}*/
#smenu6 ul{
border: 1px solid black;
position:relative;
left:-80px;
}
#menuderoulant li {
text-align: left;
position:relative;
/*padding-top:5px;*/
background: #3a7ed9;
/*border-bottom:1px solid #cfe114; ________________les borders font buguer le meun sous IE6 _____________________ */ 
}
#menuderoulant li a, #menuderoulant dt a {
color: white;
position:relative;
text-decoration: none;
display: block;
height: 25px;
border: 0 none;
font-size:12px;
}
#menuderoulant li a {
padding-left:10px;
}
#menuderoulant li a:hover, #menuderoulant li a:focus, #menuderoulant dt a:hover, #menuderoulant dt a:focus {
background:#002a63;
}

		/*-------------------fin menu deroulant-------------------------*/