body{
    background: url(img/fond.jpg);
    width: 1017px;
    margin: auto;
    font-family: Arial;
    font-size: 12px;
}
h1{
    font-family: Arial;
    font-size: 1.7em;
    margin: 0px;
    color: #366223;
}
h2{
    font-family: Arial;
    font-size: 14px;
    margin: 0px;
    color: #366223;
}
a{
    font-size: 12px;
    text-decoration: none;
    color: #C6C6C6;   
}
a:hover{
    text-decoration: underline;  
}
#haut{
    background: url(img/haut.png);
    width: 1002px;
    height: 101px;
    margin-left: 1px;
}
#contenu{
    float: left;
    width: 939px;
    height: 572px;
    background: #FFF;
    padding: 10px;
    border-radius: 10px;
    margin: 60px 25px 0 25px;
    box-shadow: 0px 0px 20px #000000;
}
.logo{
    float: left;
    background: url(img/logo.jpg?v=2);
    width: 337px; /*252px;*/
    height: 84px;
    margin-left: 10px;
}
.qualite{
    float: right;
    width: 200px;
    height: 75px;
    margin-right: 10px;
}
#basDiv{
    clear: both;   
}
#blocGauche{
    float: left;
    width: 272px;
    height: 300px;
    margin: 30px 20px 0 0;
}
.menu{
    background: url(img/fondMenu.jpg) no-repeat;
    height: 217px;
    color: #FFF;
    font-size: 18px;
    padding-top: 20px;
}
.menu a{
    color: #FFF;
    font-size: 18px;
    display:block;  
    text-decoration:none;
    text-align: center;
    padding:7px;
    margin:7px 25px;
    border-radius: 10px;
}
.menu a:active,
.menu a:hover{
    background: #569D37;
    box-shadow: 0px 0px 10px #000000;
}
.menu a.actif{
    color:#E3D423;
}
/*
    .m{
        display: block;
        margin: auto;
        padding-top: 17px;
        width: 142px;
        height: 40px;
        color: #FFF;
        text-align: center;
    }
    .m img{
        border: none;   
    }
    a .m{
        color: #FFF;
        font-size: 18px;
        display:block;  
    }
    a:hover .m{
        text-decoration: none;
        background: url(img/fondChoix.jpg) no-repeat; 
    }
*/
.contact{
    background: url(img/fondContact.jpg) no-repeat;
    width: 272px;
    height: 175px;
    color: #000;
}
.contact p{
    text-shadow: 0px 0px 4px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 1px #FFFFFF;
}
.contact a{
    color:#000;
    text-decoration:underline;
}
.c{
    padding: 20px 0 0 20px;
}
#blocDroit{
    float: left;
    width: 600px;
    height: 300px;
    margin: 30px 20px 0 0;
}
.texte{
    padding-top: 17px;
    text-align: justify;
}
#photos{
    height: 160px;
    text-align: center;
}
#left{
    float: left;
    background: url(img/left.png);
    margin-top: 0px;
    margin-left: -1px;
    width: 43px;
    height: 572px;
}
#right{
    float: right;
    background: url(img/right.png);
    margin-top: 0px;
    margin-right: -3px;
    width: 39px;
    height: 572px;
}
#contenuBas{
    float: left;
    width: 940px;
    height: 160px;
    background: #FFF;
}
#lefttop{
    float: left;
    background: url(img/leftTop.png);
    margin-top: 0px;
    margin-left: 0px;
    width: 42px;
    height: 412px;
}
#leftbottom{
    float: left;
    background: url(img/leftBottom.png);
    margin-top: 0px;
    margin-left: -1px;
    width: 42px;
    height: 160px;
}
#righttop{
    float: right;
    background: url(img/rightTop.png);
    margin-top: 0px;
    margin-right: -3px;
    width: 39px;
    height: 412px;
}
#rightbottom{
    float: right;
    background: url(img/rightBottom.png) no-repeat;
    margin-top: 0px;
    margin-right: -3px;
    width: 39px;
    height: 160px;
}
#bas{
    float: left;
    background: url(img/bas.png);
    width: 1017px;
    height: 80px;
    margin-left: 6px !important;
    margin-left: 3px;
}