/*@import url(debug.css);*/
body {
    background-color: #FFFFFF;
    background-image: url(../medias/fond-mag.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    margin: 10px 0px;
}
a:link, a:visited {
    color: #000;
}
img {
    border: 0 none;
}
#box-wrap {
    margin: auto;
    position: relative;
    width: 915px;
}
#display-wrap {
    padding: 0px 0px 0px 5px;
}

#box-bandeau {
    background-image: url(../medias/banner.png);
    background-repeat: no-repeat;
    height:78px;
    left: 195px;
    position: absolute;
    top: 25px;
    width:697px;
    overflow: hidden;
    z-index: 1 !important;
}
#box-bandeau {
    position: absolute;
    text-indent: -1000px;
}
#box-bandeau img {
    position: absolute;
    margin-left: 227px !important;
}
#box-footer {
    position: absolute;
}
#box-footer #links2 {
    /*border: 1px solid #FF0000;*/
    position: absolute;
    left: 680px;
    top: 560px;
    width: 200px;
}
#display-footer #links1 a:link, #display-footer #links1 a:visited {
    position: absolute;
    padding: 0px;
    margin: 0px;
}

#display-footer #btn-accueil {left: 65px;top: 552px;}
#display-footer #btn-recettes {left: 120px;top: 541px;}
#display-footer #btn-produits {left: 233px;top: 531px;}
#display-footer #btn-nutrition {left: 321px;top: 526px;}
#display-footer #btn-az {left: 438px;top: 523px;}
#display-footer #btn-engage {left: 560px;top: 521px;}
#display-footer #btn-nouvelles {left: 688px;top: 524px;}

#display-footer #btn-contact {left: 550px;top: 565px;}

#display-footer #btn-club {left: 615px;top: 558px;}

#box-sommaire {
    background-image: url(../medias/fond-sommaire.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 285px;
    left: 2px;
    position: absolute;
    top: 217px;
    width: 191px;
    z-index: 10;
}
#display-sommaire {
    padding: 30px 0 0 32px;
}
#box-sommaire h2 {
    color: #4c4c4c;
    font-size: 9pt;
    margin: 8px 0 1px 8px;
    padding: 0px;
    text-transform: uppercase;
}
#box-sommaire ul {
    margin: 0;
    padding: 0;
}
#box-sommaire ul li {
    position: relative;
    background-image: url(../medias/puce-sommaire.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    list-style-type: none;
    padding: 0 0 0 8px;
    margin: 0px;
}
#box-sommaire ul li a {
    color: #4c4c4c;
    text-decoration: none;
}
#box-sommaire ul li a:hover, #box-sommaire ul li a.on {
    color: #d70e00;
}

#box-main {
    color: #4c4c4c;
    height: 420px;
    left: 191px;
    position: absolute;
    top: 103px;
    width: 730px;
}

#box-main h1 {
    color: #4c4c4c;
    font-size: 14pt;
    margin: 3px 0 5px 0;
}

#box-main h2 {
    color: #d70e00;
    font-size: 10pt;
    margin: 0;
}
.sub-h2 {
    color: #4c4c4c !important;
    font-size: 12pt !important;
}
 
#box-main h3 {
    color: #4c4c4c;
    font-size: 10pt;
    margin: 10px 0px 10px 0px;
}

#box-main h4 {
    color: #d70e00;
    font-size: 9pt;
    margin: 5px 0px 5px 0px;
}

#box-main p{
    margin: 0 0 5px 0;
}

#display-main {
    padding: 5px 30px 5px 30px;
}

#box-text{
    float: left;
    font-size: 9pt;
    width: 500px;
}
#box-text .contenu h2{
    color: #000;
    font-size: 12pt;
    margin: 10px 0;
}

#box-image{
    float: right;
    right: 0;
    width: 147px;
    margin:10px 0 0 0;
}

#box-zoom {
    background: #d70e00;
    color: #FFF;
    font-size: 1px;
    padding: 10px 0 0 0;
}

#box-zoom h2 {
    color: #FFF;
    font-size: 10pt;
    margin:0 15px;
    text-transform: uppercase;
}
#box-zoom h3 {
    color: #FFF;
    font-size: 9pt;
    margin:0 15px;
}
#box-zoom p {
    font-size: 8pt;
    margin:5px 15px 10px 15px;
}
#box-zoom a:link, #box-zoom a:visited {
    color: #FFFFFF;
}
.legende-photo {
    padding:5px 0 5px 0;
    text-align: right;
}

.pagination {
    font-size: 9pt;
    margin: 5px 0 0 0;
    position: absolute;
    text-align: center;
    top: 380px;
    width: 500px;
}
.pagination a {
    color: #4c4c4c;
    text-decoration: none;
}
.pagination a:hover, .pagination a.on {
    font-weight: bold;
}

.clear {
    clear: both;
}
.encart {
    border: 1px solid #9A9A9A;
    padding: 5px;
}
ol, ul {
    padding: 0px;
    margin: 0px 20px 0px 30px;
}
ol li, ul li {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
#box-debug {
    position: absolute;
    background-color: #FFFFFF;
    clear: both;
    z-index: 1 !important;
}