/* CSS - PAGE FAMILLE */
@media screen {
    /* GENERIQUE */
    /* CLASSES */
    /* Main - Famille - Page - Contenu */
    body {
        background-position:top center;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille.jpg);
    }
    a:hover {
        cursor:pointer;
    }
    div#main div#body div.page {
        background-color:transparent;
        background-position:top center;
        background-repeat:no-repeat;
    }
    div#body-page.page-famille {
        width:935px !important;
    }
    div#body-page div#body-famille {
        clear:both;
        color:#FFFFFF;
        width:935px;
        margin:0px;
        padding:0px;        
        background-color:transparent;
        background-position:center 165px;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-liste-h.gif);
    }
    div#body-page div.body-page-bottom {
        background-color:transparent;
        background-position:center bottom;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-liste-b.gif);
        width:935px;
        height:89px;
    }
    /* Style message d'attente */
    div#body-page div#body-page-liste #waitingMessage {
        text-align:center;
        color:#777;
        float:left;
        width:910px;
        padding:0 0 60px 0;
    }
    /* Main - Famille - Page - page-famille - Liste Produits */
    div#body-page div#body-page-liste {
        clear:both;
        width:935px;
        margin:0px 0px 15px 0px;
        padding:0px;
    }
    div#body-page div#body-famille div#body-page-liste {
        width:935px;
    }
    div#body-page div#body-famille h3 {
        color:#73687a;
        text-align:center;
        margin:0px;
        padding:5px 0px 5px 25px;
        font-size:14px;
    }
    div#body-page div#body-page-liste div.produits {
        clear:both;
        margin:0px;
        padding:0px 0px 0px 0px;
        width:935px;
    }
    div#body-page div#body-page-liste div.produits ul {
        list-style-type:none;
        margin:0px 0px 0px 15px;
        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/background-page-famille-produit-g.gif);
    }
    div#body-page div#body-page-liste div.produits ul li dl {
        margin:0px 0px 0px 1px;
        padding:0px;
        height:215px;
        background-color:transparent;
        background-position:left bottom;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-produit.gif);
    }
    div#body-page div#body-page-liste div.produits ul li dl dt {
        font-size:11px;
        margin:0px;
        padding:0px;
        text-align:center;
    }
    
    /* ########### 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.check {
        height:20px;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.check input {
        margin:3px;
        padding:0px;
    }
    * html div#body-page div#body-page-liste div.produits ul li dl dt.check input {
    /* IE 6- */    
        margin:0px;
    }
    *:first-child+html div#body-page div#body-page-liste ul.produits li dl dt.check input {
    /* TOUS SAUF IE */    
        margin:0px;
    }
    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 ########### */
    
    /* PAGINATION */
    div#body-page-liste div.pagination {
        clear:both;
        margin:0px 0px 8px 15px;
        list-style-type:none;
        color:#FFFFFF;
        width:900px;
        background-color:#FFF;
    }
    div#body-page-liste div.pagination dl {
        margin:0px;
        padding:0px;
        width:895px;
        float:left;
    }
    div#body-page-liste div.pagination dl.zonepage {
        padding:5px 2px;
        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:240px;
        text-align:left;
    }
    div#body-page-liste div.pagination dl dt.pages {
        text-align:center;
    }
    div#body-page-liste div.pagination dl dt.all-pages {
        width:240px;
        text-align:right;
        float:right;
    }
    div#body-page-liste div.pagination dl dt a {
        color:#FFFFFF;
        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:10px 0px 0px 0;
        padding:0px 0px 5px 0px;
        width:900px;
        text-align:center;
    }
    div#body-page div#body-page-liste div.comparateur input {
        height:20px;
        width:200px;
        margin-top:8px;
        margin-bottom:8px;
        padding:3px 0;
        font-size:11px;
        border:0px;
        cursor:pointer;
        color:#FFFFFF;
        background:url(../images/static/back-btn-200.gif) bottom center no-repeat transparent;
    }
    
    /* ######## GESTION FILTRES/TRIS ######## */
    /*
    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 15px !important;
        width:200px !important;
        text-align:right;
    }
    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;
    }
    */
    
    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;
    }
    /* bouton page gdbc */
    div#body-page.page-gdbc div#body-page-liste div.produits ul li dl dt.gauche div.btn {
        background:url(../images/static/bg-btn-yellow-140.gif) no-repeat;
        background-position:left top;
    }
    div#main div#body div.page div#body-page.page-gdbc div.produits ul li, div#main div#body div.page div#body-page.page-gdbc div.produits ul li dl {
        background-image:none !important;
    }   
}
@media print {
    /* GENERIQUE */
    /* CLASSES */
}