
#pasderoulant
{
	width:120px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	margin: 0;         /*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding: 0;             
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;       /*------pour mettre mes liens en block------*/
	color: #404e9e;         /*------donne une couleur à la police------*/
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	
}

#pasderoulant a
{
	width:120px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	margin: 0;         /*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding: 0;             
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;       /*------pour mettre mes liens en block------*/
	color: #404e9e;         /*------donne une couleur à la police------*/
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;

}

#pasderoulant a:hover
{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;       /*------pour mettre mes liens en block------*/
	color: #FFFFFF;         /*------donne une couleur à la police------*/
	background-color: #404e9e;
	text-decoration: none;

}

#menu                         /*-----pour le menu horizontal-------*/
{
	white-space:nowrap;
	width:120px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	margin: 0 auto;         /*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding: 0;             /*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
	border: 0;
	left: 184px;
	top: 320px;
	text-align:center;
	z-index:2;

}
#menu > li            /*------uniquement pour la liste de premier niveau-------*/
{
float: left;        /*------permet de mettre les items <li> horizontalement------*/
width:120px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	margin: 0 auto;         /*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding: 0;             /*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;       /*------pour mettre mes liens en block------*/
	color: #404e9e;         /*------donne une couleur à la police------*/
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	z-index:2;
}
#menu li a                   /*------pour les liens de premier niveau-------*/
{
width:120px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	margin: 0 auto;         /*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding: 0;             /*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
	border: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;       /*------pour mettre mes liens en block------*/
	color: #404e9e;         /*------donne une couleur à la police------*/
	text-align:center;
	text-decoration: none;
	font-weight: bold;
	z-index:2;
}

#menu li a:hover {     /*-------une couleur de fond au survol sur mes liens-------*/
display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;       /*------pour mettre mes liens en block------*/
	color: #FFFFFF;         /*------donne une couleur à la police------*/
	background-color: #404e9e;
	text-decoration: none;
	z-index:2;
}

/*---------------fin du menu de premier niveau-------------*/







#menu .menuderoulant       /*----pour mon menu déroulant-------*/
{
display: none;          /*------pour le faire disparaitre------*/
list-style-type: none;  /*-------pas de puce-------*/
margin: 0px;              /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
padding: 0px;
border: 0;
z-index:2;

}
#menu .menuderoulant li         /*-------pour ma liste de deuxième niveau-------*/
{
float:none !important /*Non-IE6*/;
float:none /*IE-6*/;
margin: 0;
padding: 0;
border: 0;
width: 120px;                /*----------je donne une largeur à mes cellules de sous menu----------*/
border-bottom: 1px solid ; 
z-index:2; 
   /*-----des bordures transparentes pour espacer mes cellules-----*/
}
#menu .menuderoulant li a         /*---------pour mes liens du menu deroulant---------*/
{

font-family:verdana;
font-size:10px; 
display: block;
color: #404e9e;
margin: 0px;
border: 0;
text-decoration: none;
background-color:#cdcdcf;
font-weight:normal;
z-index:2;

}
#menu .menuderoulant li a:hover       /*------pour le survol du sous menu-------*/
{
background-color: #404e9e;
display: block;
color: #fff;
font-weight:normal;
z-index:2;

}



#menu li:hover > .menuderoulant {
white-space:normal; display:block; width:10.0em; height:1px; line-height:1.5em; padding:0px 0px 0px 0px; background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);z-index:2; position:relative;


}    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/

.line-bottom{

border-bottom-style:solid;
border-bottom-color:#CDCDCF;
border-width:3px;
}

.line-right{

border-right-style:solid;
border-right-color:#CDCDCF;
border-width:3px;
}


.titre{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;       /*------pour mettre mes liens en block------*/
	color: #404e9e;
	font-style:normal;
	font-weight : bold;
	z-index:1;
}

.txt_courant{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;       /*------pour mettre mes liens en block------*/
	color: #666666;
	font-style:normal;
	z-index:1;
}
.infos{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;       /*------pour mettre mes liens en block------*/
	color: #333333;
	font-style:normal;
}
a.infos : hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;       /*------pour mettre mes liens en block------*/
	color: #ffffff;
	font-style:normal;
	font-weight: bold;
}

.lien{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;       /*------pour mettre mes liens en block------*/
	color:#404e9e;
	font-weight: bold;
}

a .lien :hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;       /*------pour mettre mes liens en block------*/
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}

