/* CSS Document --------------------------*/


#menu /* Ensemble du menu */
{
	color: #FFFFCC;  
	padding-top:0px;
	margin-top:6px;
	margin-left:40px;
	padding-left:0px;
	list-style-type:none;
	height:141px;
	margin-top:0px;
}

#menu li  /* Elements des listes */      
{
display : block; 
	padding-top:0px;
	margin-top:6px;
	margin-bottom:0px;
	margin-left:-3px;
	padding-left:0px;
	width : 180px; /* largeur */
	height:19px;
	font-size :12px;
}

#menu li a /* Contenu des listes */
{
	color : #fff;	
}

#menu li a:hover 
{	
	color:#D6003D; /* Blanc*/	
}

#menu li a.trans{
	font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; color:#FFFFFF; 
	letter-spacing:1;text-decoration:none
	}

#menu li a.trans:hover 
{
	color:#ff0000;		
}




#menu li ul /* Sous-listes */
{ 
        position: relative; 
        left: -999em; 
		margin-left:160px;
		padding-left:0px; 
		top:-23px;
}


#menu li ul li /* Éléments de sous-listes */
{
	background-image:url(../images/sousmenu.png);
        width: 182px;
		height:29px; 
		margin-top:0px;
		margin-bottom:0px;
		
	     border-bottom-color:#C9036B;
	border-bottom-style:solid;
	border-bottom-width:thin;	
}

#menu li ul li a 
{      
color : #827d82;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*letter-spacing:0.5px; line-height:25px; /* donne la taille du texte et donc son centrage dans la bande grise  */
letter-spacing:0.5px; line-height:100%; /* donne la taille du texte et donc son centrage dans la bande grise  */
 padding-left:3px;
		
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #666666 ; /* Petite bordure à gauche pour ne pas coller ... */      
}



#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
			
}
#menu a:hover 
{
	color : #ffffff;
}
#menu a.trans:hover  
{
	color : #ffffff;	
}


/*----------------------*/
#bandeau {
	width: 800px;
	height: 160px;
	margin-left:124px
	
}

#bandeau_2 {
	height: 160px;
}

#carre_gris {
	height: 160px;
	width:209px;
	background-image:url(../images/carre_gris.png);
	position:relative;
	left:124px; 
	top:-160px; 
}

#logo {
	float: left;
	height: 160px;
	width:124px;
}

#deroulant {
	float: left;
	position: relative;
	background-image:url(../images/bande_menus.png);
	left: 124px;
	top:0px;
	height:160px;
	width:900px;
		margin-bottom:0px;
		margin-top:-0px;
		z-index:1;
	
	}