/* CSS - PAGE HOME */
@media screen {
    /* GENERIQUE */
    /* CLASSES */
    /* Main - Famille - Page - Contenu */
    div#main div#body div.page {
        padding-bottom:8px;
    }

    div#body-page.page-famille {
        width:980px !important;
        padding-bottom:15px !important;
        background-color:transparent;
        background-position:0 0;
        background-repeat:no-repeat;
        background-image:url(../images/static/090602-back-body-page.gif);
    }    
    div#main div#body div.page div#body-page div#body-famille {
        color:#7db856;
        width:980px;
        padding:0px 0px 0px ;    
        background-image:url(../images/static/090602-back-page.gif);
        background-position:left bottom;
        background-repeat:no-repeat;
        min-height:600px;
        width:980px;
    }
    div#body-page-menu{
        margin-left:5px !important;
    }
    html>body div#body-page-menu{
        margin-left:10px !important;
    }
    div#main div#body div.page div#body-page div#body-famille div#body-page-liste {
        width:980px;
        margin:0;
        float:left;
    }
    div#main div#body div.page div#body-page div#body-famille div.page-gdbc div#body-page-liste {
        width:980px;
    }
    /* Style message d'attente */
    div#main div#body div.page div#body-page div#body-page-liste #waitingMessage {
        text-align:center;
        color:#000000;
        float:left;
        width:910px;
    }
    div#body-page div#body-page-liste #avertissementJavascript {
        color:#000000;
        float:left;
        font-size:12px;
        font-weight:bold;
        margin:15px;
        text-align:center;
        width:910px;
    }
    /* Main - Famille - Page - page-famille - Liste Produits */
    div#main div#body div.page div#body-page div#body-page-liste {
        clear:both;
    }
    div#main div#body div.page div#body-page div#body-page-liste div.produits {
        clear:both;
        margin:0;
        padding:0px 0px 0px 25px;
        width:930px;
    }
    div#main div#body div.page div#body-page div#body-page-liste div.produits ul {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    div#main div#body div.page div#body-page div#body-page-liste div.produits ul li {
        float:left;
        width:150px;
        margin:0px;
        padding:0px;
        background-color:transparent;
        background-position:left bottom;
        background-repeat:no-repeat;
        background-image:url(../images/static/back-produit-g.gif);
    }
    div#main div#body div.page div#body-page div#body-page-liste div.produits ul li dl {
        margin:0px 0px 0px 1px;
        padding:0px;
        background-color:transparent;
        /*background-position:left bottom;*/
        background-position:0 85%;
        background-repeat:no-repeat;
        background-image:url(../images/static/back-produit.gif);
    }
    div#main div#body div.page div#body-page div#body-page-liste div.produits ul li.new dl {
        background-image:url(../images/static/back-produit-g-new.gif);
    }
    div#main div#body div.page div#body-page div#body-page-liste div.produits ul li dl dt {
        font-size:11px;
        margin:0px;
        padding:0px;
        text-align:center;
    }
    
    /* PAGINATION */
    div#main div#body div.page div#body-page-liste div.pagination {
        clear:both;
        margin:4px 0 16px 10px;
        padding:3px 0px;
        list-style-type:none;
        color:#707070;
        width:960px;
        background-color:#FFF;
    }

    div#main div#body div.page div#body-page h2 span  {
    color:#222;
    }

    html>body div#body-page-liste div.pagination {
        margin-left:20px;
        *margin-left:0px;
        width:895px;
        *width:905px;
    }
    div#body-page-liste div.pagination dl {
        margin:0px;
        padding:0px;
        width:890px;
    }
    div#body-page-liste div.pagination dl dt {
        float:left;
        margin:0px;
        padding:0px;
    }
    div#body-page-liste div.pagination dl dt.precedant {
        width:250px;
        text-align:left;
    }
    div#body-page-liste div.pagination dl dt.pages {
        width:390px;
        text-align:center;
    }
    div#body-page-liste div.pagination dl dt.all-pages {
        width:250px;
        text-align:right;
    }
    div#body-page-liste div.pagination dl dt a {
        color:#707070;
        text-decoration:none;
        margin:0 2px;
    }
    div#body-page-liste div.pagination dl dt a.hover,
    div#body-page-liste div.pagination dl dt a:hover {
        text-decoration:underline;
    }
    div#body-page div#body-page-liste div.comparateur {
        margin:0;
        text-align:right;
        float:right;
    }
    div#body-page div#body-page-liste div.comparateur input {
        height:21px;
        width:200px;
        margin-top:0;
        text-align:center;
        font-size:11px;
        border:0px;
        cursor:pointer;
        background-image:url(../images/static/back-btn-200.gif);
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 {
        position: absolute;
        font-size:11px;
        font-weight:normal;
        background:url(../images/static/bulle-250px.gif) no-repeat;
        visibility: hidden;
        z-index: 100000;
        color:#636363;
        background-color:transparent;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 div.bloc-info-concu {
        padding:15px 5px 5px 5px;
        width:240px;
        background-color:transparent;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 dt.concu-pour {
        text-align:left;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 dt.concu-pour span.typo {
        font-weight:bold;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 dt.difference {
        background-color:#ececec;
        margin-top:5px;
        padding:5px;
        text-align:left;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 dt.tailles-coloris {
        text-align:left;
        margin-top:5px;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 dt.tailles-coloris span.title {
        font-size:11px;
        margin:0;
        color:#636363;
        font-weight:bold;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 dt.tailles-coloris div.colorama {
        width:20px;
        height:20px;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 dt.tailles-coloris ul li {
        list-style:none;
    }
    
    div#advertDispo {
        color:#CA0A1D;
        display:block;
        font-size:12px;
        font-weight:bold;
        text-align:center;
        float:left;
        width:960px;
        padding:0 0 10px 0;
    }
    
 /* ########### DEBUT FAMILLE TYPE 2 ########### */
    div#body-page div#body-page-liste div.produits ul li dl {
        float:left;
        height:232px;    	
        width:150px;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.visuel {
        margin-top:0;
        height:120px;
        padding-top:5px !important;
        clear:both;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.typo {
        color:#777;
        float:left;
        margin:0 0 0 2px !important;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.typo a {
        text-decoration:none;
        font-weight:normal;
        font-size:10px;
        color:#777;
        text-transform:lowercase;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.titre {
        color:#777;
        height:35px;
        padding:5px 5px 0 5px !important;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.titre a {
        text-decoration:none;
        font-weight:bold;
        font-size:12px;
        color:#777;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.stitre {
        display:none;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.stitre a {
        text-decoration:none;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.check {
        text-align:left;
        color:#777;
        float:left;
        margin:-2px 0 0 3px !important;
    }
    * html div#body-page div#body-page-liste div.produits ul li dl dt.check {
        margin:-3px 0 0 1px !important;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.check a {
        margin-top:4px;
        float:left;
        text-decoration:none;
        cursor:pointer;        
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.check a:hover {
        text-decoration:underline;
    }
    input.checkboxCompare {
        float:left;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.prix {
        float:left;
        margin:2px 5px 0 2px !important;
        text-align:center;
        width:150px;       
        height:17px;
    }
    * html div#body-page div#body-page-liste div.produits ul li dl dt.prix {
        width:140px;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.prix span.texte {
        display:none;
    }    
    div#body-page div#body-page-liste div.produits ul li dl dt.prix span.prix {
        font-size:12px;
        color:#7db856;
        float:none !important;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.prix span.deee {
        display:none !important;
    }    
    div#body-page div#body-page-liste div.produits ul li.new dl {
        background-image:url(../images/static/fr-back-produit-new.gif);
    }    
    div#advertDispo {
        color:#CA0A1D;
        display:block;
        font-size:12px;
        font-weight:bold;
        text-align:center;
        float:left;
        width:960px;
        padding:0 0 10px 0;
    }
    
    span.libJurPrix {
        color:#636363;
        float:left;
        margin-left:15px;
        font-size:9px;
        width:980px;
        padding-bottom:10px;
    }
    
    div#body-page div#body-famille h3 {
        display:none;
    }
    
    /* ######### STICKER GAMME ###########  */
    div.produits ul li span.picto-gamme {
        position:absolute ;
        margin:181px 0 0 -55px;
    }
    }    
    /* ########### FIN FAMILLE TYPE 2 ########### */    
}
@media print {
/* GENERIQUE */
/* CLASSES */
}