/* CSS - PAGE HOME */
@media screen {
    /* GENERIQUE */
    /* CLASSES */
    /* Main - Rayon */
    div#main div.rayon {
        background-color:transparent;
        background-position:top center;
        background-repeat:no-repeat;
    }
    /* Main - Rayon - Page */
    div#main div.rayon div.page {
        padding-top:18px ;
        text-align:left;
    }
    div#main div#body div.page div#body-page{
        background-image:none !important;
        float:left;
    }
    /* Main - Rayon - Page - Produit Star */
    div#main div#body div.page div#body-page div.produit-star {
        margin-top:200px;
        float:right;
        padding:0px;
        width:140px;
        margin-right:6px;
        text-align:center;
    }
    html>body div#main div#body div.page div#body-page div.produit-star {        
        margin-right:12px;
    }
    div#main div#body div.page div#body-page div.produit-star p {
        margin:0px;
        padding:0px 5px 15px 5px;
        text-align:center;
    }
    div#main div#body div.page div#body-page div.produit-star p span {
        font-weight:bold;
    }
    div#main div#body div.page div#body-page div.produit-star p a {
        text-decoration:none;
        color:#FFFFFF ;
    }
    div#main div#body div.page div#body-page div.produit-star p a:hover {
        text-decoration:underline;
    }
    /* Main - Rayon - Page - Contenu */
    div#main div.rayon div.page div.contenu {
        margin:0px;
        width:940px;
        padding-bottom:80px;
    }
    html>body div#main div.rayon div.page div.contenu {
        width:940px;
    }
    div#main div#body div.page div#body-page ul.fil-ariane {
        width:690px;
        margin-left:10px !important;
        float:left;
    }
     html>body  div#main div#body div.page div#body-page ul.fil-ariane {
         margin-left:20px !important;
     }
    div#main div.rayon div.page div.contenu H1{
        margin:25px 0 0 20px !important;
        padding:0 !important;
    }
    /* Main - Rayon - Page - Contenu - Liste Rayons */
    div#main div.rayon div.page div.contenu ul.liste-rayons {
        clear:both;
        float:left;
        margin:15px 0 0 20px;
        list-style-type:none;
        width:720px;
    }
    div#main div.rayon div.page div.contenu ul.liste-rayons li {
        float:left;
        margin:10px 15px 0px 0px;
        width:208px;
        z-index:22;
    }
    div#main div.rayon div.page div.contenu ul.liste-rayons li p {
        width:208px;
        padding:2px 0px 7px 0px;
        text-align:center;
        cursor:pointer;
    }
   
    div#main div.rayon div.page div.contenu ul.liste-rayons li div.visuel {
        margin:0px;
        padding:2px;
        width:208px;
        height:160px;
        background-color:transparent;
        background-position:left top;
        background-repeat:no-repeat;
        z-index:23;
    }
    div#main div.rayon div.page div.contenu ul.liste-rayons li div.visuel img {
        position:absolute;
        margin:0px;
        cursor:pointer;
    }
    div#main div.rayon div.page div.contenu ul.liste-rayons li p.titre-rayon {
        margin-bottom:10px;
        font-weight:900;
        z-index:23;
    }
    div#main div.rayon div.page div.contenu ul.liste-rayons li.m-out p.titre-rayon {
    }
    div#main div.rayon div.page div.contenu ul.liste-rayons li.m-over p.titre-rayon {
    }
    /* Main - Rayon - Page - Contenu - Liste Rayons - Liste Familles */
    div#main div.rayon div.page div.contenu ul.liste-rayons li div.liste-familles {
        position:absolute;
        margin:20px 0px 0px 30px;
        padding:0px;
        width:200px;
        background-color:transparent;
        z-index:24;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles h2 {
        margin:0px;
        padding:4px 0px;
        font-size:11px;
        font-weight:900;
        width:200px;
        text-align:center;
        background-color:transparent;
        background-position:top left;
        background-repeat:no-repeat;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div {
        margin:0px;
        padding:0px 0px 8px 0px;
        width:200px;
        background-position:bottom left;
        background-repeat:no-repeat;
        filter:alpha(opacity=85);
        -moz-opacity:0.85;
        opacity:0.85;
        float:left;
    }
    
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul {
        list-style-type:none;
        margin:0px;
        padding:8px 0px 0px 0px;
        width:200px;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li {
        width:186px;
        margin:0px;
        padding:0px 8px;
        text-align:left;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li h3 {
        margin:0pt;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li h3 a {
        font-size:11px;
        font-weight:normal;
        text-decoration:none;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li a:hover {
    }
    div#main div#body div.page div#body-page ul.liste-rayons li.m-out div.liste-familles {
        display:none;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li:hover div.liste-familles,
    div#main div#body div.page div#body-page ul.liste-rayons li.m-over div.liste-familles {
    }
    /* ELEMENTS */
}
@media print {
/* GENERIQUE */
/* CLASSES */
}