/*
code couleur Niveau 1
Accueil: #939da1
Vivre: #9db86f
Decouvrir: #d7a36d
Fonctionnement: #e7e170
Entreprendre: #b18565
------------------------
code couleur Niveau 2
Accueil: #939da1
Vivre: #c7e09b
Decouvrir: #eec69d
Fonctionnement: #f6f2a9
Entreprendre: #c2a895
*/
td.ombre{
  background-image : url(../images/ombre.gif);
  background-position: top center;
  background-repeat: no-repeat;
}

.downarrowclass{
position: absolute;
top: 9px;
right: 7px;
visibility: hidden;
}

.rightarrowclass{
position: absolute;
top: 4px;
right: 1px;
}


 ul li ul a:hover{
color: white;
background: #604120;
text-decoration: none;
}

 ul li ul a{
font: bold 11px Verdana;
color: #604120;
text-align: left;
}

 ul li ul li ul a{
font: bold 11px Verdana;
color: #604120;
text-align: center;
}

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

/*Top level list items*/
 ul li{
position: relative;
display: inline;
float: left;
margin: 0px 0px 0px 0px;
}

/*TITRE*/
 ul li a{
display: block;
padding: 0px 0px 0px 0px;
border-right: 0px solid #778;
text-decoration: none;
margin: 0px 0px 0px 0px;
}

* html  ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}


/*Sub level menu list items (undo style from Top level List Items)*/
 ul li ul li{
display: list-item;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: none;
}

/* Sub level menu links style */
 ul li ul li a{
width: 130px; /*width of sub menus*/
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
border-top-width: 0;
border-bottom: 0px solid gray;
}

/*
--------------------------------------------ACCUEIL
Sous Menu Position*/
.accueil ul li ul li ul{
border-top: 1px solid #604120;
border-right: 1px solid #604120;
border-bottom: 1px solid #604120;
border-left: 1px solid #604120;
margin: 0px 0px 0px 0px;
padding: -6px 0px 0px 0px;
text-align: center;
z-index: 20;
}
/*Style Police menu deroulant*/
.accueil ul li ul a{
font: bold 11px Verdana;
color: #604120;
text-align: center;
}

.accueil  ul li ul a:hover{
color: white;
background: #604120;
text-decoration: none;
}

/*Onglet du Haut*/
.accueil ul li.onglet{
visibility:visible; 
display:block;  
background:url(../images/accueil.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 0px -1px 0px -1px;
border-right: 0px solid #604120;
border-left: 0px solid #604120;
background-color: none;
z-index: 20;
}
/*Onglet du Bas*/
.accueil ul li ul li.onglet {
visibility:visible; 
display:block;  
background:url(../images/accueil.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 10px -1px -3px -1px;
background-color: none;
z-index: 15;
}
/*Menu Deroulant 1er niveau*/
.accueil ul li ul{
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #939da1;
border-right: 1px solid #604120;
border-left: 1px solid #604120;
margin: -23px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
}

/*
--------------------------------------------VIVRE
*/

/*Onglet du Haut*/
.vivre ul li.onglet{
visibility:visible; 
display:block;  
background:url(../images/vivre.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 0px -1px 0px -1px;
border-right: 0px solid #604120;
border-left: 0px solid #604120;
background-color: none;
z-index: 40;
}
/*Onglet du Bas*/
.vivre ul li ul li.onglet {
visibility:visible; 
display:block;  
background:url(../images/vivre.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 10px -1px -3px -1px;
background-color: none;
z-index: 35;
}
/*Menu Deroulant 1er niveau*/
.vivre ul li ul{
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #9db86f;
border-right: 1px solid #604120;
border-left: 1px solid #604120;
margin: -23px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

/*Menu Depliant 2ieme niveau*/
.vivre ul li ul li ul{
background: #9db86f;
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid #604120;
border-right: 1px solid #604120;
border-bottom: 1px solid #604120;
border-left: 1px solid #604120;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: center;
z-index: 40;
}

/*
--------------------------------------------DECOUVRIR
Onglet du Haut*/
.decouvrir ul li.onglet{
visibility:visible; 
display:block;  
background:url(../images/decouvrir.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 0px -1px 0px -1px;
border-right: 0px solid #604120;
border-left: 0px solid #604120;
background-color: none;
z-index:30;
}
/*Onglet du Bas*/
.decouvrir ul li ul li.onglet {
visibility:visible; 
display:block;  
background:url(../images/decouvrir.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 10px -1px -3px -1px;
background-color: none;
z-index: 25;
}
/*Menu Deroulant 1er niveau*/
.decouvrir ul li ul{
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #d7a36d;
border-right: 1px solid #604120;
border-left: 1px solid #604120;
margin: -23px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
/*Menu Depliant 2ieme niveau*/
.decouvrir ul li ul li ul{
background: #d7a36d;
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid #604120;
border-right: 1px solid #604120;
border-bottom: 1px solid #604120;
border-left: 1px solid #604120;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: center;
z-index: 40;
}

/*
--------------------------------------------FONCTIONNEMENT
Onglet du Haut*/
.fonctionnement ul li.onglet{
visibility:visible; 
display:block;  
background:url(../images/fonctionnement.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 0px -1px 0px -1px;
border-right: 0px solid #604120;
border-left: 0px solid #604120;
background-color: none;
z-index: 20;
}
/*Onglet du Bas*/
.fonctionnement ul li ul li.onglet {
visibility:visible; 
display:block;  
background:url(../images/fonctionnement.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 10px -1px -3px -1px;
background-color: none;
z-index: 15;
}
/*Menu Deroulant 1er niveau*/
.fonctionnement ul li ul{
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #e7e170;
border-right: 1px solid #604120;
border-left: 1px solid #604120;
margin: -23px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
/*Menu Depliant 2ieme niveau*/
.fonctionnement ul li ul li ul{
background: #e7e170;
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid #604120;
border-right: 1px solid #604120;
border-bottom: 1px solid #604120;
border-left: 1px solid #604120;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: center;
z-index: 40;
}


/*
--------------------------------------------ENTERPRENDRE
Onglet du Haut*/
.entreprendre ul li.onglet{
visibility:visible; 
display:block;  
background:url(../images/entreprendre.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 0px -1px 0px -1px;
border-right: 0px solid #604120;
border-left: 0px solid #604120;
background-color: none;
z-index: 10;
}
/*Onglet du Bas*/
.entreprendre ul li ul li.onglet {
visibility:visible; 
display:block;  
background:url(../images/entreprendre.gif);
width: 132px;
height: 23px;
padding: 0px -1px 0px -1px;
margin: 10px -1px -3px -1px;
background-color: none;
z-index: 5;
}
/*Menu Deroulant 1er niveau*/
.entreprendre ul li ul{
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
background: #b18565;
border-right: 1px solid #604120;
border-left: 1px solid #604120;
margin: -23px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
/*Menu Depliant 2ieme niveau*/
.entreprendre ul li ul li ul{
background: #b18565;
width: 128px;
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid #604120;
border-right: 1px solid #604120;
border-bottom: 1px solid #604120;
border-left: 1px solid #604120;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: center;
z-index: 40;
}