body.zebody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#FBF8B1;
background-image: url(../images/BGleft.jpg);
background-repeat: repeat-y;
background-position:left;
height:100%;
/*color:#F29437;*/
color:#F95C06;
}



body.zebody div.div2{
background-image: url(../images/BGright.jpg);
background-repeat: repeat-y;
background-position:right;
vertical-align:top;
height:100%;
width:100%;
position:absolute;
}

a
{
 color:#F95C06;
 text-decoration:none;
 font-weight:bold;
}

a.news
{
font-weight:normal;
}

a:hover
{
 text-decoration:underline;
}

#test{
position: absolute;
width: 50px;
height:50px;
border: solid 5px;
margin-right:50px;
margin-left:25px;
}

#header {
height:100px;
align:center;
/*border: solid 1px #FEB145;*/
}

#etiket {
position:absolute;
margin-top:10px;
margin-left:25px;
}




#bandeau{
height:100px;
white-space:nowrap;
border: solid 1px #FEB145;
margin-left:180px;
text-align:center;
margin-right:180px;
/*width:620px;*/
margin-left:180px;
margin-right:180px;
margin-top:2px;
}

#conteneur {
position: absolute;
width: 100%;
height:100%;
/*background-color:#CCCCFF; 
border: solid 5px;*/
background-image: url(../images/BGright.jpg);
background-repeat: repeat-y;
background-position:right;
border: solid 5px;
}

#centre {
background-color:#FAF2D1;/*#F3F2D1;*/
/*margin-right: 150px;*/
margin-left:180px;
margin-right:180px;
border: solid 1px #FEB145;
/*color:#F29437;*/
margin-top:10px;
padding:5px;
/*white-space:nowrap;*/
background-image: url(../images/foto_opaque_site.jpg);
}


#gauche {
position: absolute;
left:0;
width: 150px;
background-image: url(../images/BGright.jpg);
background-repeat: repeat-y;
background-position:right;
border-left: solid 1px #dcdcdc;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
border-top: solid 1px #dcdcdc;
margin-left:10px;
margin-top:10px;
padding-bottom:10px;
padding-top:10px;
}

#gauche2 {
top:240px;
position: absolute;
left:0;
width: 150px;
background-image: url(../images/BGright.jpg);
background-repeat: repeat-y;
background-position:right;
border-left: solid 1px #dcdcdc;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
border-top: solid 1px #dcdcdc;
margin-left:10px;
margin-top:10px;
padding-bottom:10px;
padding-top:10px;
}

#gauche3 {
top:400px;
position: absolute;
left:0;
width: 150px;
background-image: url(../images/BGright.jpg);
background-repeat: repeat-y;
background-position:right;
border-left: solid 1px #dcdcdc;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
border-top: solid 1px #dcdcdc;
margin-left:10px;
margin-top:10px;
padding-bottom:10px;
padding-top:10px;
}


#droite {
position: absolute;
right:0;
width: 150px;
border: solid 5px;
background-image: url(../images/BGleft.jpg);
background-repeat: repeat-y;
background-position:right;
border-right: solid 1px #dcdcdc;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
border-top: solid 1px #dcdcdc;
margin-right:10px;
margin-top:10px;
padding-top:10px;
}

#droite2 {
position: absolute;
right:0;
width: 150px;
border: solid 5px;
background-image: url(../images/BGleft.jpg);
background-repeat: repeat-y;
background-position:right;
border-right: solid 1px #dcdcdc;
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
border-top: solid 1px #dcdcdc;
margin-right:10px;
margin-top:10px;
padding-top:10px;
top:240px;
float: left;
}

#pied {
height: 30px;
background-color: #99CC99;
margin-bottom:10px;
margin-top:10%;
border: solid 5px;

}



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

.menudroit li {
margin-bottom: 5px;
}

.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menudroit a:hover {
text-decoration: none;
}

.titre {
text-align:center;
font-weight:bold;
margin-bottom:4px;
color:#F95C06;/*#F29437;*/
text-decoration:underline overline;
}


.mytable{
 border-collapse:collapse;
 border-left: solid 1px #dcdcdc;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
border-top: solid 1px #dcdcdc;
}

.divdownM{
border-left: solid 1px #dcdcdc;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
border-top: solid 1px #dcdcdc;
background-color:#FBF8B1;
 }

.divdown{
border-left: solid 0px #dcdcdc;
border-right: solid 0px #000000;
border-bottom: solid 0px #000000;
border-top: solid 0px #dcdcdc;
 }

.divup{
 display:none;
 border:0px;
 }

.tabSalon{
background-image: url(../images/hoverMenu.jpg)
}

.spanPlus{
 background-image: url(../images/plus.gif);
 background-position:center;
 background-repeat:no-repeat;
}

.spanMoins{
 background-image: url(../images/minus.gif);
 background-position:center;
 background-repeat:no-repeat;
}

.maintable{
border-collapse:collapse;
border: solid 1px #F29437;
}
.maintable td{
 border-color:#F29437; 
}

ul li ul {display: none;}          /* On cache les sous éléments */
ul li:hover > ul {display: block;} /* On affiche les éléments survolés par la souris */
ul * {z-index: 60000;}             /* Permet au menu de passer au dessus des autres éléments de la page */


ul{
    margin: 0px 0px 10px 0px;           /* On ajoute un espace de 10px, en dessous du menu */
    width: 149px;                       /* Définit la taille du menu*/
    }
    
ul, ul ul{                    /* On selectionne le menu et les sous menus */
    list-style: none;                   /* Supprime les puces */
   /* On mettra ensuite des lignes à gauche à droie sur les elements "li" */
        /* Couleur de fond du menu */
    margin:0px; padding:0px;            /* On supprime tout les espaces entre les menus */
    }
    
ul ul{
    margin: 0px;                        /* Enleve les marges de gauche, pour que le sous menu colle son parent */
    position: absolute;                 /* Permet de positionner le sous menu par rapport à son element parent */
    top: -1px;                          /* On remonte le sous menu de 1px, la hauteur de la bordure */
    left: 199px;                        /* Le menu se place à 199px du bord droit, juste au dessus de la bordure du menu */
    width: 300px;                       /* On définit la taille des sous menus à 300px */
    }

ul ul ul {left: 299px;}            /* Position des sous sous menus */

ul li{
        /* Couleur de fond, cette couleur sera affiché aprés l'image */
    position: relative;                 /* Permet de positionner le sous menu par rapport à son element parent */
   /* Lignes du menu */
    height:20px;line-height:20px;       /* On fixe la hauteur de l'element à 20px */
    }

ul li a{
    display: block;                     /* On ne peut pas mettre de largeur a un element inline */   
    width: 140px;                       /* 200px du menu - 2*1px de bordure - 10px de padding */
    padding-left: 10px;                 /* On ecarte le texte de 10px des bordures du menu */
    font-weight: bold;                  /* mis en gras du texte*/
    font-size: 11px;                   /* taille du texte */
    color: #F95C06;/*F29437;*/                     /* Couleur du texte */
    text-decoration:none;               /* Aura pour effet de supprimer la ligne du lien */
    }
ul li li a{width: 288px;}          /* les sous elements font 300px - 2*1px de bordure - 10px de padding */

* html ul li a {display: inline-block;}    /* Hack pour IE pour forcer le texte à se positionner au milieu */

ul li a:hover{
    background-image: url(../images/hoverMenu.jpg);    /* Image des elements survolés */
    background-position: inherit bottom;        /* L'arriere plan se trouve en bas  */
    background-repeat: repeat-x;        /* On affiche l'arriere plan seulement dans l'axe x */
    background-color: #ECECEC;          /* Couleur de fond, la ou l'image d'arriere plan ne sera pas visible */      
    text-decoration: none;         /* On souligne le lien quand la souris passe au dessus*/
    /*color: #F29437;   */                  /* Couleur du texte */
    border-bottom: solid 1px #000000;   /* On met une ligne en haut et en bas */
    border-top: solid 1px #dcdcdc;      /* */
    line-height:18px;                   /* On met la hauteur de la ligne à 18px pour tenir compte des 2px rajoutés par les bordures */
    }