* {
    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 {
    width: 520px;
    height: 488px;
    background-image: url("media/accueil.jpg");
    background-repeat: no-repeat;
        
    border-left-style: solid;
    border-left-color: #666666;
    border-right-style: solid;
    border-right-color: #666666;
    border-width: 1px;

}


#zone1 {
    position: relative;
    float: left;
    width: 180px;
    height: 237px;
    line-height: 14px;
    _line-height: 11px;
/*     background-image: url("media/z1.jpg"); */
    background-repeat: no-repeat;
    background-position: left;
    margin: 60px 0 0 0;
    text-align: right;    
    }


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

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

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


#zone2 {
    position: relative;
    float: left;
    width: 380px;
    height: 27px;
/*     background-image: url("media/z2.jpg"); */
    background-repeat: no-repeat;

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

#zone2 a {
    color: #999999;
    font-family: Arial;
    font-size: 14px;
    margin: 0 217px 0 0;

    text-decoration: none;
}

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

#zone3 {
    position: relative;
    float: left;
    width: 380px;
    height: 27px;
/*     background-image: url("media/z3.jpg"); */
    background-repeat: no-repeat;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    text-align: right;
}

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

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


#zone4 {
    position: relative;
    float: left;
    width: 380px;
    height: 27px;
/*     background-image: url("media/z4.jpg"); */
    background-repeat: no-repeat;
    margin: 5px 0 0 0;
    padding: 8px 0 0 0;
    text-align: right;
}

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

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


#footer {
    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;
}