/* CSS Document */








/* POSITIONNEMENT DES ONGLETS et sous-menu des onglets */

#onglets{
position:absolute;
top:202px;
left:50%;
width: 954px;
margin-left: -477px; /* moitié de la largeur */
/*border:1px solid red;*/
z-index:30;
}

#smenu{
position:absolute;
left:509px;
top:27px;
z-index:52;
}
#smenu1{
display:none;
width:120px;
border:0px solid red;
background-color:#c0c3ab;
}
#smenu2{
display:none;
width:120px;
margin-left:115px;
border:0px solid red;
background-color:#c0c3ab;
}
.smenuul{
list-style-type: none; 
width:116px;
text-align:center;
margin:0px; 
padding:0px 0 0 0px;
background-color:#c0c3ab;
}

#smenu li{
height:32px;
}
#smenu a{
display:block;
height:32px;
color:#5b5e47;
font-weight:normal;
/*background-color:purple;*/
margin:0;
padding:0;
vertical-align:middle;
background-image:url('../images/sousmenu_onglets_off.gif');
background-position: 0px 0;
background-repeat:no-repeat;
}
#smenu a:hover{
display:block;
height:32px;
text-decoration:none;
color:white;
font-weight:normal;
/*background-color:purple;*/
margin:0;
padding:0;
vertical-align:middle;
background-image:url('../images/sousmenu_onglets_on.gif');
background-position: 0px 0;
background-repeat:no-repeat;
}

/********************************************************************/







/* POSITIONNEMENT DU MENU GAUCHE */

#menugauche{
width:184px;
height:500px;
/*padding:15px 0 0 17px;*/
background-image:url('../images/fond_menu_gauche.jpg');
background-position: top right;
background-repeat:no-repeat;
/*border:1px solid red;*/

}
#menugauche_position{
position : absolute;
width:154px;
top:275px;
left:13px;
border:0px solid green;
z-index:52;
}

#menugauche ul{/*
padding:15px 0 0 17px;*/
margin:0;
padding:0;
border:0px solid red;
}

/********************************************************************/






/* POSITIONNEMENT DU MENU DE DROITE */

#menudroite ul{
margin:0;
padding:0;}

#menudroite_position{
position:absolute;
top:260px;
left:760px;
width:154px;
padding:0px;
margin:0;/*
top:260px;
left:700px;*/
border:0px solid red;


}

/********************************************************************/




.menutitre{
width:154px;
color:white;
border:0px solid red;
padding-top:7px;
padding-left:7px;
padding-bottom:5px;
font-weight:normal;
background-image:url('../images/bouton_marron_27px.gif');
background-position: 0 0;
background-repeat:no-repeat;
}

.menutitre2lignes{
width:156px;
color:white;
border:0px solid red;
padding-top:6px;
padding-left:7px;
padding-bottom:5px;
font-weight:normal;
background-image:url('../images/bouton_marron_37px.gif');
background-position: 0 0;
background-repeat:no-repeat;
}
.menuguidepratique{
width:154px;
/*height:37px;*/
color:white;
border:0px solid red;
padding-top:6px;
padding-left:7px;
padding-bottom:5px;
font-weight:normal;
background-image:url('../images/bouton_guide_pratique.gif');
background-position: 0 0;
background-repeat:no-repeat;
}







/* STYLES COMMUNS AU MENU DE DROITE ET GAUCHE */
ul#menu1, ul#menu2, ul.menu2_2ligneson, ul.menu2_2lignesoff, ul.menutitre, ul.menutitrelienon, ul.menutitrelienoff, ul.menuguidepratique, li.menuguidepratique, ul.menu2special, li.menu2special, ul.menu2_2lignes, li.menu2_2lignes{
border: 0px solid red;
list-style-type: none; margin:0px;} 

ul.menuguidepratique {
padding:0;
}


ul#menu1 a{
padding: 0px 7px ;
width: 154px; 
height: 20px;
display: block;
font-weight:normal;
text-decoration: none;
/*color: #5b5e47;
background-image:url('../images/menu1_off_20px.gif');*/
background-position: top left;
background-repeat:no-repeat;
}

ul#menu1 a:hover {
color:white;
background-image:url('../images/menu1_on_20px.gif');
background-position: top left;
background-repeat:no-repeat;
}
ul#menu2 a, ul.menu2special a{
padding: 0px 7px ;
width: 154px; 
height: 20px;
display: block;
font-weight:normal;
text-decoration: none;
/*color: #5b5e47;
background-image:url('../images/menu2_off_20px.gif');*/
background-position: top left;
background-repeat:no-repeat;
}


ul#menu2 a:hover {
color:white;
background-image:url('../images/menu2_on_20px.gif');
background-position: top left;
background-repeat:no-repeat;
}


ul.menu2special a:hover {
color:white;
text-decoration:none;
background-image:url('../images/menu2special_on_20px.gif');
background-position: top left;
background-repeat:no-repeat;
}




.menu2_2lignesoff a{
padding: 0px 7px ;
width: 154px; 
height: 37px;
display: block;
font-weight:normal;
text-decoration: none;
color: #5b5e47;
background-image:url('../images/menu2_off_32px.gif');
background-position: top left;
background-repeat:no-repeat;
}
.menu2_2lignesoff a:hover{
text-decoration: none;
color: white;
background-image:url('../images/menu2_on_32px.gif');
background-position: top left;
background-repeat:no-repeat;
}

.menu2_2ligneson a{
padding: 0px 7px ;
width: 154px; 
height: 37px;
display: block;
font-weight:normal;
text-decoration: none;
color: white;
background-image:url('../images/menu2_on_32px.gif');
background-position: top left;
background-repeat:no-repeat;
}
.menu2_2ligneson a:hover{
text-decoration: none;
}



/********************************************************************/





/* MENU GAUCHE : BOUTON DES MENUS ALLUMES GRACE AUX STYLES SUIVANTS */

.menu1on {
color:white;
background-image:url('../images/menu1_on_20px.gif');
}
.menu1off{
color:#4c4e3b;
background-image:url('../images/menu1_off_20px.gif');
}
ul.menutitrelienon a {
padding: 7px 7px ;
width: 154px; 
height: 32px;
display: block;
font-weight:normal;
color: white;
text-decoration: none;
background-image:url('../images/menu1_on_27px.gif');
background-position: top left;
background-repeat:no-repeat;
}
ul.menutitrelienon a:hover {
text-decoration:none;
color: white;
background-image:url('../images/menu1_on_27px.gif');
background-position: top left;
background-repeat:no-repeat;
}
ul.menutitrelienoff a {
padding: 7px 7px ;
width: 154px; 
height: 32px;
display: block;
font-weight:normal;
text-decoration: none;
color:white;
background-image:url('../images/menu1_off_27px.gif');
background-position: top left;
background-repeat:no-repeat;
}
ul.menutitrelienoff a:hover {
text-decoration:none;
color:white;
background-image:url('../images/menu1_on_27px.gif');
background-position: top left;
background-repeat:no-repeat;
}

/***************************************************************************************/









/* MENU GAUCHE : BOUTON DES MENUS ALLUMES GRACE AUX STYLES SUIVANTS */

.menu2on {
color:white;
background-image:url('../images/menu2_on_20px.gif');
}

.menu2off{
color:#4c4e3b;
background-image:url('../images/menu2_off_20px.gif');
}

.menu2special_on {
color:white;
background-image:url('../images/menu2special_on_20px.gif');
}

.menu2special_off{
color:white;
background-image:url('../images/menu2special_off_20px.gif');
}

ul.menu2_2ligneson a {
padding: 0px 7px ;
width: 154px; 
height: 32px;
display: block;
font-weight:normal;
text-decoration: none;
color: white;
background-image:url('../images/menu2_on_32px.gif');
background-position: top left;
background-repeat:no-repeat;
}

ul.menu2_2ligneson a:hover {
color:white;
text-decoration: none;
background-image:url('../images/menu2_on_32px.gif');
background-position: top left;
background-repeat:no-repeat;
}

ul.menu2_2lignesoff a {
padding: 0px 7px ;
width: 154px; 
height: 32px;
display: block;
font-weight:normal;
text-decoration: none;
color: #5b5e47;
background-image:url('../images/menu2_off_32px.gif');
background-position: top left;
background-repeat:no-repeat;
}

ul.menu2_2lignesoff a:hover {
color:white;
text-decoration: none;
background-image:url('../images/menu2_on_32px.gif');
background-position: top left;
background-repeat:no-repeat;
}

/**************************************************************************************/