/* CSS - PAGE RAYON */
@media screen {
    /* GENERIQUE */
    /* CLASSES */
    /* Main - Rayon */
    div#main div#body {
        float:left;
        height:608px;
    }
    /* Main - Rayon - Page */
    div#main div#body div.page {
    }
    /* Main - Rayon - Page - Contenu */
    div#main div#body div.page div#body-page {
        float:left;
        padding-bottom:25px;
    }
    /* Main - Rayon - Page - Contenu - Liste Rayons */
    div#main div#body div.page div#body-page ul.liste-rayons {
        clear:both;
        margin-left:15px;
        width:980px;
        float:left;
        list-style-type:none;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li {
        float:left;
        margin:0px 15px 0px 0px;
        width:230px;
    }
    
    /* On rajoute une cellule vide pour caler les sous-rayons du rayon 73 = bateau */
    div#main div#body div.page div#body-page #rayon_73 li.demi {
        display:block !important;
        width:115px;
        height:115px;
    }
    * html div#main div#body div.page div#body-page #rayon_73 li.demi {
        width:75px;
    }
    
 /* On rajoute une cellule vide pour caler les sous-rayons du rayon kayak */
    div#main div#body div.page div#body-page #rayon_kayak li.demi {
        display:block !important;
        width:345px;
        height:115px;
    }
    * html div#main div#body div.page div#body-page #rayon_kayak li.demi {
        width:75px;
    }
    
    div#main div#body div.page div#body-page ul.liste-rayons li p {
        width:230px;
        text-align:center;
        cursor:pointer;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li p.titre-rayon {
        font-size:13px;
        font-weight:900;
        margin-bottom:3px;
        color:#FFFFFF;
}
    div#main div#body div.page div#body-page ul.liste-rayons li p.titre-rayon a {
        text-decoration:none;
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li p.titre-rayon a:hover{
        text-decoration:underline;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.visuel {
        position:absolute;
        margin:0px;
        padding:0;
        cursor:pointer;
        z-index:23;
        width:230px;
        height:151px;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.visuel img {
        margin:4px 0px 0px 4px;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.visuel img, x:-moz-any-link {
        margin:6px 0px 0px 4px;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.visuel img, x:-moz-any-link, x:default {
        margin:4px 0px 0px 4px;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.background {
        padding:0px;
        margin:0px;
        z-index:22;
        width:230px;
        height:171px;
        filter:alpha(opacity=65);
        -moz-opacity:0.65;
        opacity:0.65;
        background-color:transparent;
        background-position:top center;
        background-repeat:no-repeat;
        background-image:url(../images/static/back-rayons-li.gif);
    }
    /* Main - Rayon - Page - Contenu - Liste Rayons - Liste Familles */
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles {
        position:absolute;
        margin:148px 0px 0px 25px;
        padding:0px;
        width:182px;
        background-color:transparent;
        z-index:24;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles h2,  div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles h1{
        margin:0px;
        padding:4px 0px 0px 0px;
        background-color:transparent;
        background-image:url(../images/static/back-rayons-li-familles-h2.gif);
        background-position:center top;
        background-repeat:no-repeat;
        color:#FFFFFF;
        font-weight:normal;
        font-size:11px;
        text-align:center;
        width:182px;
        height:18px;
        border:0;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div {
        margin:0px;
        padding:0px 0px 4px 0px;
        width:182px;
        float:left;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
        background-image:url(../images/static/back-rayons-li-familles-div.gif);
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul {
        list-style-type:none;
        padding:0px;
        width:160px;
        margin:0px 11px;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li {
        width:160px;
        margin:0px;
        padding:2px 0px;
        text-align:left;
        border-top:1px solid #e5e5e5;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li h3 {
        font-size:10px;
        font-weight:normal;
        margin:0;
        padding:0;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li a {
        text-decoration:none;
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li div.liste-familles div ul li a:hover {
        color:#7F7F7F;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li.m-out div.liste-familles div {
        display:none;
    }
    div#main div#body div.page div#body-page ul.liste-rayons li:hover div.liste-familles div,
    div#main div#body div.page div#body-page ul.liste-rayons li.m-over div.liste-familles div {
    }
    /* ENCARTS PLUS */
    div#main div#body div.page div#body-page ul.encarts-plus {
        clear:both;
        margin:0px 0px 0px 220px;
        padding:0px;
        list-style-type:none;
    }
    html>body div#main div#body div.page div#body-page ul.encarts-plus {
        margin-left: 205px ;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li {
        float:left;
        height:120px;
        margin:0px 5px;
        padding:0px;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li p.encarts-plus-titre {
        height:16px;
        text-align:center;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li p.encarts-plus-titre SPAN{
        background-color:#303231;
        font-weight:bold;
        color:#FFF;
        padding-top:4px;
        padding-bottom:1px;
        top:-3px;
        position:relative;
        text-transform:uppercase;
        font-size:10px;
        font-weight:bold;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li div {
        margin:0px;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li div img {
        border:0px;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus {
        float:left;
        background-repeat:no-repeat;
        width:294px;
        background-image:url(../images/static/back-rayons-li-encarts-plus-incontournable.gif);
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl {
        margin:0;
        padding:0 0 0 2px;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt {
        margin:0px;
        padding:0px;
        float:left;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.visuel {
        float:left;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.visuel img {
        margin:0;
        display:block;
    }
    html>body div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.visuel img {
        margin-top:2px;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.texte {
        margin:0px 0px 0px 10px;
        padding:12px 0px 0px 0px;
        width:160px;
        color:#5e5e5e;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.texte p {
        margin:0px 0px 5px 0px;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.texte p span {
        font-weight:900;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.texte p.lien {
        color:#0090ce;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.texte p.lien a {
        color:#0090ce;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.texte p.lien a:hover {
        text-decoration:none;
    }
    div#main div#body div.page div#body-page ul.encarts-plus li.encarts-plus dl dt.texte p.lien img {
        margin-bottom:-3px;
    }
    /* Bouton Conseils */
    div#main div#body div.page div#body-page div.btn-conseils {
        float:right;
        margin:0px 0px 0px 0px;
        padding:0px;
        width:230px;
        height:0px;
    }
    div#main div#body div.page div#body-page div.btn-conseils p {
        margin:0px;
        padding:5px 0px 0px 0px;
        width:230px;
        height:24px;
        text-align:center;
        background-color:transparent;
        background-position:top left;
        background-repeat:no-repeat;
        background-image:url(../images/static/back-btn-conseil-page-rayon.png);
    }
    * html  div#main div#body div.page div#body-page div.btn-conseils p {
        background-image:none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/static/fiche-produit-ajout-panier.png',sizingMethod='scale');
    }

    div#main div#body div.page div#body-page div.btn-conseils p a {
        color:#FFF;
        font-weight:900;
        font-size:12px;
        text-decoration:none;
    }
    div#main div#body div.page div#body-page div.btn-conseils p a:hover{
        text-decoration:underline;
    }
    /* ELEMENTS */
}
@media print {
/* GENERIQUE */
/* CLASSES */
}