/* CSS - PAGES */
@media screen {
    body{
        background:url(../images/static/090602-bg-body.jpg) repeat-x #ffffff;
    }
    /* Images arrondies */
    IMG.img_arrondi {
        display:none;
    }
    /* Main */
    div#main {
        width:100%;
        margin-bottom:25px;
        background-color:transparent;
        background-position:top left;
        background-repeat:no-repeat;
    }
    div#main div#body {
        clear:both;
        margin-top:1px;
        width:100%;
        float:left;
        background-color:transparent;
        background-position:50% 0;
        background-repeat:no-repeat;
    }
    /* Main - Body - Page */
    div#main div#body div.page {
        background-image:none;
        padding-bottom:8px;
        width:980px;        
        margin:auto;
    }
    div#body-page{
        width:980px !important;
        padding-bottom:0px !important;
        background-color:transparent;
        background-position:top center;
        background-repeat:no-repeat;
        background-image:url(../images/static/090602-back-body-page.gif);
        float:left;
    }

    /* Main - Body - Page - Contenu */
    div#main div#body div.page div#body-page {
        width:980px;
        padding:0px 0px 0px 0px;
        color:#FFFFFF;
        text-align:left;
        /* height:560px; */
        padding-bottom:0px !important;
        float:left;
    }
    html>body div#main div#body div.page div#body-page {
        height:auto;
        min-height:600px;
        float:left;
    }
    div#main div#body div.page div#body-page a {
        color:#5e5e5e;
    }
    div#main div#body div.page div#body-page ul.fil-ariane {
        clear:both;
        list-style-type:none;
        float:left;
        width:980px;
        margin:10px 0px 0px 0px;
        padding:0;
    }
    div#main div#body div.page div#body-page ul.fil-ariane,
    div#main div#body div.page div#body-page ul.fil-ariane a {
        color:#969696;
    }
    div#main div#body div.page div#body-page ul.fil-ariane a#retourproduit {
        color:#001f39;
    }
    div#main div#body div.page div#body-page ul.fil-ariane li {
        float:left;
        margin:0 4px 0 0;
        font-size:10px;
    }
    div#main div#body div.page div#body-page ul.fil-ariane li#retourfamille, div#main div#body div.page div#body-page ul.fil-ariane li.droite {
        float:right;
    }
    div#main div#body div.page div#body-page h1 {
        width:640px;
        font-size:18px;
        color:#ED7703;
        margin:0px 0px 8px 15px;
        padding:6px 0px 6px 0px;
    /* border-bottom:1px solid #4a1934; */
        float:left;
    }
    * html div#main div#body div.page div#body-page h1 {
    /* IE6 */
        margin-left:8px;
    }
    div#main div#body div.page div#body-page h1 span {
        color:#000000;
    }
    div#main div#body div.page div#body-page h2, div#main div#body div.page div#body-page h1 {
        width:630px;
        font-size:18px;
        color:#7db856;
        margin:0px 0px 8px 0;
        padding:6px 0px 6px 0px;
        float:left;
    }    
    * html div#main div#body div.page div#body-page h2 {
        margin-left:0;
        width:620px;
    }
    div#main div#body div.page div#body-page h2 span {
        color:#434343;
    }
    /* Main - Body - Page - Contenu - Pagination */
    div#main div#body div.page div#body-page div.pagination {
        clear:both;
        margin:2px 10px 8px 10px;
        padding:0px;
        width:960px;
        list-style-type:none;
        height:18px;
    }
    div#main div#body div.page div#body-page div.pagination dl {
        margin:0px;
        padding:0px;
        width:960px;
    }
    div#main div#body div.page div#body-page div.pagination dl dt {
        float:left;
        margin:0px;
        padding:2px 0px 0px 0px;
        width:245px;
        height:18px;
        color:#707070;
        background-color:#e2e2e2;
    }
    div#main div#body div.page div#body-page div.pagination dl dt.gauche, div#main div#body div.page div#body-page div.pagination dl dt.precedant {
        padding-left:3px;
        text-align:left;
    }
    div#main div#body div.page div#body-page div.pagination dl dt.centre, div#main div#body div.page div#body-page div.pagination dl dt.pages {
        width:464px;
        text-align:center;
    }
    div#main div#body div.page div#body-page div.pagination dl dt.droite, div#main div#body div.page div#body-page div.pagination dl dt.suivant, div#main div#body div.page div#body-page div.pagination dl dt.all-pages {
        padding-right:3px;
        text-align:right;
    }
    div#main div#body div.page div#body-page div.pagination dl dt a {
        text-decoration:none;
        color:#707070;
    }
    div#main div#body div.page div#body-page div.pagination dl dt a.hover,
    div#main div#body div.page div#body-page div.pagination dl dt a:hover {
        text-decoration:underline;
    }    

    /* NAVIGATION FAMILLE */
    div#body-page-menu {
        width:960px;
        margin:0px 0px 0 10px;
        padding:0px;
        height:114px;
        clear:both;
        float:left;
        height:20px;
        background-color:#222222;
    }
    html>body div#body-page-menu {
        height:18px;
        margin:0 10px;
    }
    div#body-page-menu div,
    div#body-page-menu div ul,
    div#body-page-menu div ul li {
        margin:0px;
        padding:0px;
        background-color:transparent;
        background-image:none;
    }
    div#body-page-menu div {
        position:absolute;
        margin:0px;
        padding:0px;
        height:18px;
        z-index:12;
    }
    div#body-page-menu div ul {
        margin:0px;
        padding:0px;
        list-style-type:none;
        width:auto;
    }
    div#body-page-menu div ul li.separ{
        display:none;
    }
    div#body-page-menu div ul li {
        float:left;
        margin:0px;
        padding:2px 5px 0px 5px;
        height:18px;
        background-color:#222222;
        color:#d7d7d7;
        width:auto;
        border-bottom:1px solid #FFFFFF;
        border-right:1px solid #FFFFFF;
    }
    html>body div#body-page-menu div ul li {
        height:16px;
    }
    div#body-page-menu div ul li a {
        cursor:pointer;
        color:#FFFFFF !important;
        text-decoration:none;
    }
    div#body-page-menu div ul li.open {
        background-color:#689249;
        color:#FFFFFF;
    }
    div#body-page-menu div ul li.open a {
        color:#FFF;
        text-decoration:none;
    }
    div#main div#body div.page div#body-page div#body-page-menu div ul li.open {
        background-color:#7db856;
        color:#fff;
    }
    div#main div#body div.page div#body-page div#body-page-menu div ul li.open a {
        color:#fff;
    }
    div#main div#body div.page div#body-page div#body-page-menu div ul li:hover {
        color:#000;
        background-color:#d7d7d7;
    }
     div#main div#body div.page div#body-page div#body-page-menu div ul li:hover a {
        color:#393939 !important;
    }
    div#body-page-menu-hide {
        position:absolute;
        top:0px;
        left:50%;
        width:963px;
        height:600px;
        margin-left:-500px;
        display:none;
        z-index:11;
        background-color:transparent;
    }
    
    /* Titre famille en cours */
    div#main div#body div.page div#body-page h3 {
        color:#636363;
        margin:8px 0px 3px 25px;
        padding:0px;
        font-size:14px;
    }
    
    /* Popup sondage */
    #iframe-sondage{
        width:720px !important;
    }
}
@media print {
/* GENERIQUE */
/* CLASSES */
}
