* {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style:  none;

}

body {
    background-image: url("media/fond.jpg");
}

#page {
    width: 522px;
    border-left-style: solid;
    border-left-color: #999999;
    border-right-style: solid;
    border-right-color: #999999;
    border-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-width: 1px;
    
    position: relative;
    left: 50%;
    margin : 0 0 0 -264px;

}


#header {
    width: 520px;
    background-image: url("media/header.jpg");
    background-repeat: no-repeat;
    height: 144px;
    
    border-left-style: solid;
    border-left-color: #666666;
    border-right-style: solid;
    border-right-color: #666666;
    border-width: 1px;

}

#menu {
    
    width: 520px;
    background-image: url("media/menu.jpg");
    background-repeat: no-repeat;
    text-align: center;
    height: 82px;
    
    border-left-style: solid;
    border-left-color: #666666;
    border-right-style: solid;
    border-right-color: #666666;
    border-width: 1px;


 }

#menu ul {
    padding:  32px 0 0 0;
}

#menu li {
    display: inline;
    font-size: 11px;
    color: #444444;
}

#menu a {
    font-family: Arial;
    font-size: 11px;
    color: white;
    text-decoration: none;
    padding:  0 2px 0 2px;
}

#menu a:hover {
    font-family: Arial;
    font-size: 11px;
    color: #bbb8b8;
    text-decoration: none;
    padding:  0 2px 0 2px;
}



#menu li a#actif {
    font-family: Arial;
    font-size: 11px;
    color: #79c50a;
    text-decoration: none;
    padding:  0 2px 0 2px; 
}



#content {
 
    position: relative;
     float: left;
    width: 520px;

    background-color: white;      
    border-left-style: solid;
    border-left-color: #666666;
    border-right-style: solid;
    border-right-color: #666666;
    border-width: 1px;

}



#leftpanel {
    position: relative;
    float: left;
    width: 200px;
}


#zone1 {
    width: 180px;
    line-height: 14px;
    _line-height: 11px;
    background-color: #ded9d2;
    background-position: left;
    margin: 60px 0 0 0;
    padding: 20px 0 10px 0;
    text-align: right;    
    }


#zone1 p {
    width: 155px;
    margin: 0 15px 20px 10px;
    _margin: 0 15px 25px 10px;
    color: #86837f;
    font-family: Arial;
    font-size: 11px;
    text-align: right;
}

#zone1 em {
    color: #444444;
}


#zone1 ul {
    margin: 0 15px 20px 10px;
    _margin: 0 15px 25px 10px;
}

#zone1 li {
    color: #86837f;
    font-family: Arial;
    font-size: 11px;
    text-align: right;

}

#zone1 a {
    color: gray;
    font-family: Arial;
    font-size: 14px;
    text-decoration: none;
    margin: 0 17px 0 0;
}

#zone1 a:hover {
    color: #79c50a;
    font-family: Arial;
    font-size: 14px;
    margin: 0 17px 0 0;
    text-decoration: none;
}

#zone1 li a {
    color: gray;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    margin:  0;
}

#zone1 li a:hover {
    color: #79c50a;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    margin:  0;
}


#zone2 {
    width: 180px;
    height: 27px;
    background-color: #ded9d2;

    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    text-align: right;
}

#zone2 a {
    color: gray;
    font-family: Arial;
    font-size: 14px;
    margin: 0 17px 0 0;
    text-decoration: none;
}

#zone2 a:hover {
    color: #79c50a;
    font-family: Arial;
    font-size: 14px;
    margin: 0 17px 0 0;
    text-decoration: none;
}

#zone3 {
    width: 180px;
    height: 27px;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    background-color: #ded9d2;
    text-align: right;
}

#zone3 a {
    color: gray;
    font-family: Arial;
    font-size: 14px;
    margin: 0 17px 0 0;
    text-decoration: none;
}

#zone3 a:hover {
    color: #79c50a;
    font-family: Arial;
    font-size: 14px;
    margin: 0 17px 0 0;
    text-decoration: none;
}


#zone4 {
    width: 180px;
    height: 27px;
    background-color: #ded9d2;

    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    text-align: right;
}

#zone4 a {
    color: gray;
    font-family: Arial;
    font-size: 14px;
    margin: 0 17px 0 0;
    text-decoration: none;
}

#zone4 a:hover {
    color: #79c50a;
    font-family: Arial;
    font-size: 14px;
    margin: 0 17px 0 0;
    text-decoration: none;
}




#rightpanel {
    position: relative;
    float: right;
    width: 280px;
    padding: 30px 30px 30px 0;  

}

#rightpanel h4 {
    font : bold 16px Arial;
    color:  #999999;
    margin: 0 0 10px 0;
}

#rightpanel h5 {
    font : bold 12px Arial;
    color:  #555555;
    margin: 0 0 10px 0;
}

#rightpanel p {
    font :  12px Arial;
    color:  #333333;
    text-align:  justify;
    line-height: 1.7em;
    margin : 0 0 20px 0;
}

#rightpanel ul {
    padding:  0 0 0 15px;
    margin:  0 0 30px 0;
}

#rightpanel li {
    font :  12px Arial;
    color:  #666666;
    line-height: 1.2em;
    list-style: square;
    padding:  10px 0 0 0;
    text-align:  justify;
}

#rightpanel li em {
    font :  11px Arial;
    font-weight: bold;
    color:  #444444;
    line-height: 1.2em;
    list-style: square;
    padding:  10px 0 0 0;
    text-align:  left;
}

#rightpanel li a {
    font :  12px Arial;
    color:  #666666;
    text-decoration:  none;
}

#rightpanel li a:hover {
     text-decoration:  underline;
}

#rightpanel ul#galerie {
    margin: 0 0 40px -15px;
}

#rightpanel ul#galerie li {
    display: inline;
    list-style: none;
    padding: 0 5px 0 0;

}

#rightpanel ul#galerie li a:hover{
    background-color: #79c50a;
}



#rightpanel li q {
    color:  #888888;
    font-size: 11px;
    line-height: 1em;
}


#footer {
    clear: both;
    width: 520px;
    background-color: #212121;
    
    border-left-style: solid;
    border-left-color: #666666;
    border-right-style: solid;
    border-right-color: #666666;
    border-bottom-style: solid;
    border-bottom-color: #666666;
    border-width: 1px;
}

#footer ul {
    padding: 9px 20px 16px 0;
    text-align: right;
}

#footer li {
    display: inline;
    font-size: 9px;
    color: #444444;
}

#footer a {
    font-family: Arial;
    font-size: 9px;
    color: #666666;
    text-decoration: none;
    padding:  0 2px 0 2px;
}

#footer a:hover {
    font-family: Arial;
    font-size: 9px;
    color: #888888;
    text-decoration: none;
    padding:  0 2px 0 2px;
}