/* CSS - PAGE HOME */
@media screen {
    /* GENERIQUE */
    /* CLASSES */
    /* Main - Famille - Page - Contenu */
   div#main div#body  div.page {
        background-color:transparent;
        background-position:bottom center;
        background-repeat:no-repeat;
        background-image:url(../images/static/0902-tri-back-page-produit.gif);
        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/0902-tri-back-body-page-produit.gif);
    }
    * html div#body-page.page-famille{
        margin-left:9px;
    }
    /*
    div#main div#body div.page {
       background-image: url(../images/static/0902-tri-back-page-famille.gif);
    }
    */
    div#body-page div#body-famille{
        color:#FFFFFF;
        width:980px;
        padding:0px 0px;
    }
    div#body-page div#body-famille div#body-page-liste{
        width:980px;
        margin:0;
        /*padding-bottom:15px;*/
        float:left;
    }
    div#body-page div#body-famille div.page-gdbc div#body-page-liste{
        width:980px;
    }    
    /* Style message d'attente */
    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#body-page div#body-page-liste {
        clear:both;
    }
    div#main div#body div.page div#body-page div.pagination dl dt.precedant{
        width:202px;
    }
    div#main div#body div.page div#body-page div.pagination dl dt.pages{
        width:480px;
    }
    div#body-page div#body-page-liste div.produits {
        clear:both;
        margin:0;
        padding:0px 0px 0px 25px;
        width:930px;
    }
    div#body-page div#body-page-liste div.produits ul {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    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#body-page div#body-page-liste div.produits ul li dl {
        margin:0px 0px 0px 1px;
        padding:0px;
        height:210px;
        background-color:transparent;
        background-position:left bottom;
        background-repeat:no-repeat;
        background-image:url(../images/static/back-produit.gif);
    }
    div#main div#body div.page div#body-page.page-famille div.produits ul li.new dl {
        background-image:url(../images/static/fr-back-produit-new.gif);
    }
    div#body-page div#body-page-liste div.produits ul li dl dt {
        font-size:11px;
        margin:0px;
        padding:0px;
        text-align:center;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.visuel {
        margin-top:3px;
        height:140px;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.titre {
        height:30px;        
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.titre a {
        text-decoration:none;
        font-weight:bold;
        font-size:12px;
    }
    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:#5e5e5e;
        float:left;
        margin-left:2px;
    }    
    div#body-page div#body-page-liste div.produits ul li dl dt.check a {
        margin-top:3px;
        float:left;
        text-decoration:underline;
        cursor:pointer;        
    }
    input.checkboxCompare {
        float:left;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.prix {
        float:right;
        margin:2px 5px 0 0;
    }
    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:#d56604;
    }
    div#body-page div#body-page-liste div.produits ul li.new dl {
        background-image:url(../images/static/fr-back-produit-new.gif);
    }
    /* PAGINATION */    
    div#body-page-liste div.pagination {
        clear:both;
        margin:0px 0px 8px 0px;
        padding:3px 2px;
        list-style-type:none;
        color:#707070;
        width:905px;
    }
    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;
        background-color:#e2e2e2;
        float:left;
    }
    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:left !important;
    }
    div#body-page-liste div.pagination dl dt.all-pages {
        width:250px;
        text-align:right;
        float:right !important;
    }
    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:8px;
        text-align:center;
        width:930px;
        margin-left:25px;
    }
    div#body-page div#body-page-liste div.pagination div.comparateur {
        margin:0 0 8px 0;
        text-align:center;        
    }
    div#body-page div#body-page-liste div.comparateur input {
        height:21px;
        width:200px;
        margin-top:10px;
        text-align:center;
        font-size:11px;
        border:0px;
        cursor:pointer;
        background-image:url(../images/static/back-btn-200.gif);
    }
    div#body-page div#body-page-liste div.comparateur input:hover {
        text-decoration:underline;
    }
    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 ul {
        list-style-type:none;
    }
    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;
    }
    
    span.libJurPrix {
        color:#636363;
        float:left;
        margin-left:15px;
    }
    
    
    /* ########### DEBUT FAMILLE TYPE 2 ########### */
    div#body-page div#body-page-liste div.produits ul li dl dt.visuel {
        margin-top:3px;
        height:130px;
        padding-top:10px;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.titre {
        height:30px;
        color:#777;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.titre a {
        text-decoration:none;
        font-weight:normal;
        font-size:11px;
        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-left:2px;
    }    
    div#body-page div#body-page-liste div.produits ul li dl dt.check a {
        margin-top:3px;
        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:right;
        margin:2px 5px 0 0;
    }
    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;
    }
    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;
    }
    /* ########### FIN FAMILLE TYPE 2 ########### */
    
    /* ######## GESTION FILTRES/TRIS ######## */
    div#body-page-liste a {
        cursor:pointer;
    }
    div#body-page-liste div.pagination dl dt.pages {
        float:none;
    }
    div#body-page-liste div.pagination div.comparateur {
        float:right;
        margin:0 0 0 0 !important;
        width:200px !important;
        text-align:right;
    }
    div#body-page-liste div#lienGdbcBottom {
        text-align:right !important;
    }    
    div#body-page-liste div.pagination div#totalTriFiltre {
        float:left;
        width:650px;
        margin:8px 0 0 0;
    }
    div#body-page-liste div.pagination div#totalTriFiltre div.all-pages, div#body-page-liste div.pagination div#totalTriFiltre div#elementsTrouves, div#body-page-liste div.pagination div#totalTriFiltre div.reinit {
        float:left;
        margin-right:10px;
    }
    div#body-page-liste div.pagination div#totalTriFiltre div.all-pages a, div#body-page-liste div.pagination div#totalTriFiltre div#elementsTrouves, div#body-page-liste div.pagination div#totalTriFiltre div.reinit a {
        color:#62959a;
        margin-top:1px;
        float:left;
        text-decoration:underline;
    }
    div#body-page-liste div.pagination div#totalTriFiltre div.all-pages a:hover, div#body-page-liste div.pagination div#totalTriFiltre div.reinit a:hover {
        text-decoration:none;
    }
    div#body-page-liste div.pagination div#totalTriFiltre div#elementsTrouves {
        text-decoration:none;
        text-transform:uppercase;
    }
    div#body-page-liste div.pagination div#totalTriFiltre div.tri, div#body-page-liste div.pagination div#totalTriFiltre div.bloc-tris {
        float:left;
        margin:0 5px;
    }
    div#body-page-liste div.pagination div#totalTriFiltre div.tri select, div#body-page-liste div.pagination div#totalTriFiltre div.bloc-tris select {
        font-size:10px;
    }
    

    /* ######### STICKER GAMME ###########  */
    div.produits ul li span.picto-gamme {
        position:absolute ;
        margin:10px 0 0 120px;
    }
    
    
    /* ######### QUICK ZOOM ###########  */
    /*
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 {
        position: absolute;
        font-size:11px;
        font-weight:normal;
        visibility: hidden;        
        z-index: 100000;
        color:#636363;
        width:294px;
        float:left;
    }
    * html div#body-page.page-famille div#body-page-liste #dhtmltooltip2 {
        background:url(../images/static/bulle-300px.gif) transparent no-repeat;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 div.quickzoom {
        padding:10px 5px 0 5px;
        width:284px;
        margin:0;
        float:left;
    }
    html>body div#body-page.page-famille div#body-page-liste #dhtmltooltip2 div.quickzoom {
        background:url(../images/static/bulle-300px.gif) transparent no-repeat;     
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 div.quickzoom div.img {
        background-color:#fff;
        text-align:center;
    }
    div#body-page.page-famille div#body-page-liste #dhtmltooltip2 div.bloc-info-concu{
        padding:15px 5px 5px 0;
        width:283px;
        background-color:#fff;
    }
    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 ul {
        list-style-type:none;
    }
    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;
    }
    */
}
@media print {
/* GENERIQUE */
/* CLASSES */
}