/* =============================================================================
 * MISE EN PAGE CENTRÉE
 * ========================================================================== */

* { padding: 0;
    margin: 0 auto;
}


html, body { height: 100%; width: 100%; }

body {
    text-align: center;
    background-color: #dddfe8;
    background-image: url(images/body-bg.jpg);
    background-position: top center;
    background-repeat: repeat-y;
}


/* =============================================================================
 * PAGE
 * ========================================================================== */
 
#page {
    background-image: url(images/page-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 100%;
}


/* =============================================================================
 * HEADER
 * ========================================================================== */
 
#header {
    color: #fff;
}

#innerh {
    height: 220px;
    width: 960px;
    overflow : hidden;
    padding: 0px 10px;
    text-align: left;
}

#header-top {
    height: 180px;
    overflow: hidden;
}

#logo { margin-top: 17px; }

#logo img { border: 0px none; }

#top-menu {
    padding: 10px 300px 10px 30px;
    background-image: url(images/menu-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

#top-menu ul {

}

/* =============================================================================
 * MAIN
 * ========================================================================== */
 
#main { padding-bottom: 90px; } /* hauteur totale du footer */
 
#innerm {
    width: 940px;
    text-align: left;
}


/* =============================================================================
 * CENTRE - PARTIE PRINCIPALE
 * ========================================================================== */

#centre {
    float: left;
    width: 580px;
    margin-left: 0;
    padding: 20px 45px 5px 45px;
}

#innerc { overflow: hidden; }


/* =============================================================================
 * COLONNE DE DROITE
 * ========================================================================== */

#rightbar {
    float: left;
    width: 270px;
    padding: 0;
    margin-left: 0;
}

#innerr { overflow: hidden; }


/* =============================================================================
 * BAS DE PAGE - CLEARER
 * ========================================================================== */

#mainbottom { clear: both; }

#innerb { }


/* =============================================================================
 * FOOTER
 * ========================================================================== */

#footer {
    width: 100%;
    height: 90px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left:0;
    margin: 0 auto;
    padding: 0;
    background-color: #dddfe8;
    background-image: url(images/footer-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    color : #999;
}

#innerf {
    width: 960px;
    height: 100%;
    overflow: hidden;
}

#footerlegals {
    clear: both;
    height: 30px;
    padding: 45px 280px 15px 10px;
    font-size: 0.8em;
}