/* CSS - PAGE FAMILLE */
@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;
    }
    div#body-page.page-famille {
        width:980px !important;
        background-color:transparent;
        background-position:top left;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-h.gif);
    }
    div#main div#body div.page div#body-page{
        height:auto;
    }
    /*
      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;
        margin:0px;
        padding:0px;
    }
    /* 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 {
        float:left;
        width:980px;
        margin:0px;
        padding:0px;
        background-color:transparent;
        background-position:center bottom;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-liste-b.gif);
        height:450px;
    }
    html>body div#body-page div#body-page-liste {
        min-height:450px;
        height:auto;
    }
    div#body-page div#body-famille div.page-gdbc div#body-page-liste {
        width:980px;
    }
    div#body-page div#body-page-liste h3 {
        color:#e65226;
        text-align:center;
        margin:0px;
        padding:5px 0px 5px 25px;
        font-size:14px;
        background-color:transparent;
        background-position:center top;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-liste-h.gif);
    }
    div#body-page div#body-page-liste div.produits {
        clear:both;
        margin:0px;
        padding:0px 0px 10px 0px;
        width:950px;
    }
    div#body-page div#body-page-liste div.produits ul {
        list-style-type:none;
        margin:0px 0px 0px 40px;
        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 top;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-produit-g.gif);
    }
    div#body-page.page-famille div#body-page-liste div.produits ul li span.picto-gamme{
        position:absolute;
        bottom:15px;
        right:5px;
    }
    div#body-page div#body-page-liste div.produits ul li dl {
        margin:0px 0px 0px 1px;
        padding:0px;
        height:195px;
        background-color:transparent;
        background-position:left bottom;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-produit.gif);
    }
    div#main div#body div.page div#body-page.page-famille div.produits ul li.new dl {
        background-image:url(../images/static/background-page-famille-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:120px;
    }
    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;
    }
    div#body-page div#body-page-liste div.produits ul li dl dt.stitre {
        height:20px;
    }
    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 {
        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 0px 0px 0px;
    }
    /* PAGINATION */
    div#body-page-liste div.pagination {
        clear:both;
        margin:0px 0px 8px 0px;
        padding:3px 2px;
        list-style-type:none;
        color:#242424;
        width:930px;
        background-color:#e2e2e2;
    }
    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:#242424;
        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:0px 0px 15px 0px;
        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.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;
    }
    
    /* 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;
    }
    /* Navigation Famille */
    div#body-page-menu {
        float:left;
        width:950px;
        margin:15px 0px 15px 15px;
        padding:0px;
        height:112px;
        background-color:transparent;
        background-repeat:no-repeat;
        background-image:url(../images/static/background-page-famille-caroussel.gif);
        background-position:left top;
    }
    * html div#body-page-menu {
        margin-left:7px;
    }
    * + html div#body-page-menu {
        margin-left:15px;
    }
    div#body-page-menu div,
    div#body-page-menu div ul,
    div#body-page-menu div ul li {
        margin:0px;
        padding:0px;
        background-color:transparent;
        background-image:none;
    }
    div#body-page-menu div.scroller-g,
    div#body-page-menu div.scroll,
    div#body-page-menu div.scroller-d {
        float:left;
    }
    div#body-page-menu div.scroller-g,
    div#body-page-menu div.scroller-d {
        width:28px;
        height:28px;
        margin:0px;
        padding:40px 0px 0px 0px;
    }
    div#body-page-menu div.scroller-g img,
    div#body-page-menu div.scroller-d img {
        margin:0px;
        padding:0px;
        cursor:pointer;
    }
    div#body-page-menu div.scroll {
        width:890px;
        height:112px;
        overflow:hidden;
    }
    div#body-page-menu div.scroll ul {
        width:5000px;
        margin:4px 0px 0px 10px;
    }
    div#body-page-menu div.scroll ul li {
        width:122px;
        height:104px;
        margin:0px 5px 0px 0px;
        font-size:10px;
        color:#636363 !important;
        text-align:center;
    }
    div#body-page-menu div.scroll ul li a {
        color:#636363 !important;
        font-size:10px;
    }
    div#body-page-menu div.scroll ul li.actif a {
        color:#e65226 !important;
        text-decoration:underline;
    }
    div#body-page-menu div.scroll ul li a img {
        border:0px;
    }
    div#body-page-menu div.scroll ul li a:hover {
        color:#e65226 !important;
        text-decoration:underline;
    }
    div#advertDispo {
        color:#CA0A1D;
        display:block;
        font-size:12px;
        font-weight:bold;
        text-align:center;
        float:left;
        width:960px;
        padding:0 0 10px 0;
    }
}
@media print {
/* GENERIQUE */
/* CLASSES */
}