/*-------------------------------------------------*/
/* fichier CSS des barres de navigation */
/*-------------------------------------------------*/

/* BARRE DE NAVIGATION HAUT */
.menu {
font-family: arial, sans-serif; 
width: 1000px; 
height: 20px; 
position: absolute; 
font-size: 90%;
z-index:100;
}

.menu ul li a, .menu ul li a:visited {
display: block; 
width: 124px; 
color: #FFFFFF; 
text-align: center; 
font-weight: bold;
margin:0; 
margin-top: 6px; 
overflow: hidden;
border-right: 1px solid #E3E3E3;
height: 17px;
text-decoration: none; 
}

.menu ul {
padding:0; 
margin:0; 
list-style: none;
}

.menu ul li {
float: left; 
position: relative;

}

.menu ul li ul {
display: none;
}



/* sous menus */
.menu ul li:hover ul a {
text-align: left;
padding-left: 10px;
list-style-type: disc;
width:150px;
}


.menu ul li:hover a {
color: #FFFFFF; 
background-color: #E0F0B7;
height: 24px; 
margin-top: 0px;
padding-top: 6px;
}

.menu ul li:hover ul {
display: block; 
position: absolute; 
top: 30px; 
left: 0; 
width:160px;
border:1px solid #E3E3E3;
border-top: none;
font-size: 85%;
text-align: left;
}

.menu ul li:hover ul li a.hide {
color:#fff;
}

.menu ul li:hover ul li:hover a.hide {
background-color:#C5D590;
color:#FFFFFF;
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display: block; 
background-color:#C5D590;
color:#FFFFFF;
}

.menu ul li:hover ul li a:hover {
background-color:#E0F0B7;
color: #666666;
}

/* affichage des sous-sous menus */
.menu ul li:hover ul li:hover ul {
display: block; 
position: absolute; 
left: 161px; 
top: 0px;
border: 1px solid #E3E3E3;
font-size: 100%;
}

.menu ul li:hover ul li:hover ul.left {
left:-161px;
}

/* FIN BARRE DE NAVIGATION HAUT */



/* navigation droite */

/* RACCOURCIS */
#raccourcis {
margin-left: 795px;
width: 175px;
text-align: center;
margin-top: 0px;
}

#raccourcis ul {
text-align: left;
padding-left: 0px;
margin-left: 20px;
margin-bottom: 20px;
}

#raccourcis li {
margin-bottom: 5px;
list-style-image: none;
list-style-type: none;
}

#raccourcis img {
margin-right: 10px;
}
/* RACCOURCIS */



/* RECHERCHE */
#recherche h1 {
font-size: 110%;
color: #A7C165;
font-weight: bold;
border-bottom: 5px solid #E0F0B7;
width: 165px;
}

#recherche {
margin-bottom: 25px;
}

/* RECHERCHE */



/* PRATIQUE */
#pratique h1 {
font-size: 110%;
color: #67C6DD;
font-weight: bold;
border-bottom: 5px solid #67C6DD;
width: 165px;
}

#pratique a:link {
color: #67C6DD; 
text-decoration: none;
margin: 0;
}

#pratique a:visited {
color: #67C6DD; 
text-decoration: none;
margin: 0;
}

#pratique a:hover, a:active {
color: #A7C165; 
text-decoration: none;
margin: 0;
}
/* PRATIQUE */



/* PLANS */
#plans h1 {
font-size: 110%;
color: #FD8E22;
font-weight: bold;
border-bottom: 5px solid #FD8E22;
width: 165px;
}

#plans a:link {
color: #FD8E22; 
text-decoration: none;
margin: 0;
}

#plans a:visited {
color: #FD8E22; 
text-decoration: none;
margin: 0;
}

#plans a:hover, a:active {
color: #A7C165; 
text-decoration: none;
margin: 0;
}
/* PLANS */


.iconelabel {
margin-bottom: 10px;
}
/* fin navigation droite */