/* CSS - PAGE HOME */
@media screen {
    /* GENERIQUE */
    
    div#main {
        width:98% !important;
    }
    html>body div#main {
        width:100% !important;
    }
    
    div#main div#body {
       
        background-color:transparent;
        background-position:center top;
        background-repeat:no-repeat;
        float:left;
    }
    .menuHide {
        padding-top:120px;
        background-image:url(../images/static/0811-cap-back-page.gif);
        background-repeat:no-repeat;
        background-position:100% 100%;
    }
    div#body-menu-hide {
        background-color:transparent;
        display:none;
        height:600px;
        left:50%;
        margin-left:-500px;
        position:absolute;
        top:0;
        width:963px;
        z-index:10000;
    }
    /* CLASSES */
    form input.btn {
        background-color:transparent;
        background-position:left top;
        background-repeat:no-repeat;
        cursor:pointer;
    }
    /* Main */
    div#main {
        width:100%;
        margin-bottom:29px;
    }
    div#main div#blocheader,
    div#main div#body,
    div#main table#blocfooter {
        clear:both;
        width:100%;
    }
    /* Main - Header */
    div#main div#blocheader {
        margin:0px auto;
        width:980px;
        height:29px;
        background-color:#000000;
    }
    /* Main - Header - Menu */
    div#main div#blocheader div.menu {
        float:left;
        width:600px;
        height:29px;
    }
    /* Main - Header - Menu - Niveau 1 */
    div#main div#blocheader div.menu ul {
        list-style-type:none;
        z-index:30;
    }
    div#main div#blocheader div.menu ul li#last-separ{
        display:none;
    }
    div#main div#blocheader div.menu ul li {
        margin:0px;
        padding:8px 8px 0px 8px;
        height:21px;
        float:left;
        border-right:1px solid #5a5a5a;
        cursor:pointer;
        background-color:#000000;
    }
    div#main div#blocheader div.menu ul li a {
        color:#FFFFFF;
        text-decoration:none;
    }
    div#main div#blocheader div.menu ul li a:hover {
        color:#c1c1c1;
    }
    div#main div#blocheader div.menu ul li.visuel {
        padding:0px 8px 0px 0px;
        height:29px;
    }
    /* Main - Header - Menu - Niveau 2 */
    div#main div#blocheader div.menu ul ul {
        position:absolute;
        margin:21px 0px 0px -9px;
        padding:0px;
        width:170px;
        border-top:1px solid #5a5a5a;
        border-left:1px solid #5a5a5a;
        border-right:1px solid #5a5a5a;
        background-image:none;
        background-color:#000000;
    }
    div#main div#blocheader div.menu ul li.separ{
        display:none;
    }
    div#main div#blocheader div.menu ul li.m-out ul {
        display:none;
    }
    div#main div#blocheader div.menu ul li:hover ul,
    div#main div#blocheader div.menu ul li.m-over ul {
        z-index:30;
    }
    div#main div#blocheader div.menu li li,
    div#main div#blocheader div.menu li.m-out li {
        margin:0px;
        padding:3px 6px;
        height:auto;
        width:158px;
        text-align:left;
        border-right:0px;
        border-bottom:1px solid #5a5a5a;
        background-image:none;
        color:#c1c1c1;
    }
    div#main div#blocheader div.menu li li.separ-open,
    div#main div#blocheader div.menu li.m-out li.separ-open {
        display:none;
    }
    div#main div#blocheader div.menu li li a,
    div#main div#blocheader div.menu li.m-out li a{
     *position:relative;
     }
    div#main div#blocheader div.menu li.separ {
        display:none;
    }
    div#main div#blocheader div.menu li li a,
    div#main div#blocheader div.menu li li.m-out a {
        width:158px;
        display:block;
        text-decoration:none;
        color:#c1c1c1;
    }
    div#main div#blocheader div.menu li li.m-over {
        color:#454545 !important;
        background-color:#c1c1c1;
    }
    div#main div#blocheader div.menu li li.m-over a {
        color:#FFFFFF;
    }
    div#main div#blocheader div.menu ul li li a:hover {
        color:#FFFFFF;
    }
    /* Main - Header - Menu - Niveau 3 */
    div#main div#blocheader div.menu ul ul ul {
        margin:-4px 0px 0px 164px;
        border-top:1px solid #5a5a5a;
        border-left:1px solid #5a5a5a;
        border-right:1px solid #5a5a5a;
    }
    div#main div#blocheader div.menu li li li,
    div#main div#blocheader div.menu li li li.m-out {
        border-bottom:1px solid #5a5a5a;
        background-color:#c1c1c1;
    }
    div#main div#blocheader div.menu li li li.m-over {
        color:#FFFFFF;
        background-color:#c1c1c1;
    }
    div#main div#blocheader div.menu li li li.m-over a {
        color:#454545!important;
    }
    /* Main - blocheader - Moteur Recheche */
    div#main div#blocheader div#header-mdr {
        float:left;
        width:260px;
    }
    div#main div#blocheader div#header-mdr IMG {
        float:left;
        display:none;
    }
    div#main div#blocheader div#header-mdr form {
        display:inline;
        position:relative;
    }
    div#main div#blocheader div#header-mdr form fieldset {
        float:right;
        margin-top:5px;
        border:0px;
    }
    div#main div#blocheader div#header-mdr form fieldset label {
        font-weight:900;
    /* color:#777777; */
        color:#FFFFFF;
    }
    div#main div#blocheader div#header-mdr form fieldset input {
        padding:0px;
        font-size:11px;
        background-color:#000000;
    /* color:#777777; */
    /* border:1px solid #3e3e3e; */
        color:#FFFFFF;
        border:1px solid #FFFFFF;
    }
    div#main div#blocheader div#header-mdr form fieldset input {
    }
    div#main div#blocheader div#header-mdr form fieldset input.text {
        width:120px;
        margin:0 2px 0 5px;
        height:15px;
    }
    div#main div#blocheader div#header-mdr form fieldset input.btn {
        width:14px;
        height:16px;
        margin-bottom:0px;
        margin-left:4px;
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
        border:0px;
        cursor:pointer;
    }
    /* Style saisie predictive */
    div#main div#blocheader div#header-mdr form div#search_suggest{
        position:absolute;
        margin-top:23px;
        margin-left:20px;
        left:0px;
        padding:5px;
        border:#ffffff solid 1px;
        background-color:#020202 ;
        text-align:left;
        display:none;
        min-width:186px;
        *width:186px;
    }
    html>body div#main div#blocheader div#header-mdr form div#search_suggest{
        width:auto;
    }
    div#main div#blocheader div#header-mdr form div#search_suggest a{
        color:#fff;
        text-decoration:none;
    }
    div#main div#blocheader div#header-mdr form div#search_suggest a span{
        color:#18a2d6;
        font-weight:bold;
    }
    /* Main - blocheader - Favoris */
    div#main div#blocheader div#header-favoris {
        float:left;
        width:120px;
        padding:6px 0px 0px 0px;
        text-align:right;
        color:#a8aba9;
    }
    div#main div#blocheader div#header-favoris IMG, div#main div#blocheader div#header-favoris BR {
        display:none;
    }
    div#main div#blocheader div#header-favoris a {
        color:#a8aba9;
        text-decoration:none;
    }
    div#main div#blocheader div#header-favoris a:hover {
        text-decoration:underline;
    }
    div#main div#blocheader div#header-favoris img {
        margin-bottom:-7px;
    }
    div#main div#blocheader div#header-favoris DL {
        margin:0;
    }
    /* Main - Body */
    /* Main - Body - Menu */
    div#main div#body div.menu {
        clear:both;
        margin:0px auto 0px auto;
        padding:80px 0px 0px 2px;
        width:940px;
        height:20px;
    }
    /* Main - Body - Menu - Niveau 1 */
    div#main div#body div.menu ul {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    div#main div#body div.menu ul li {
        float:left;
        margin:0px;
        padding:3px 0px 0px 11px;
        height:20px;
        font-weight:bold;
        background-color:transparent;
        background-position:top left;
        background-repeat:no-repeat;
        cursor:pointer;
    }
    div#main div#body div.menu ul li a {
        text-decoration:none;
    }
    div#main div#body div.menu ul li.separ {
        width:12px;
        height:20px;
        padding:0px;
        background-color:transparent;
        background-position:top right;
        background-repeat:no-repeat;
    }
    /* Main - Body - Menu - Niveau 2 */
    div#main div#body div.menu ul ul {
        position:absolute;
        margin:17px 0px 0px -11px;
        padding:0px;
        width:190px;
        z-index:31;
    }
    div#main div#body div.menu ul li.m-out ul {
        display:none;
    }
    div#main div#body div.menu ul li:hover ul,
    div#main div#body div.menu ul li.m-over ul {
    }
    div#main div#body div.menu li li,
    div#main div#body div.menu li li a {
        cursor:pointer;
    }
    div#main div#body div.menu li li,
    div#main div#body div.menu li.m-out li,
    div#main div#body div.menu li.m-over li {
        margin:0px;
        padding:3px 6px;
        height:auto;
        width:190px;
        text-align:left;
        border-right:0px;
        font-weight:normal;
        background-image:none;
    }
    html>body div#main div#body div.menu li.m-over li {
        width:178px;
    }
    div#main div#body div.menu li li a,
    div#main div#body div.menu li li.m-out a {
        text-decoration:none;
    }
    div#main div#body div.menu li li.m-over {
        background-image:none;
    }
    div#main div#body div.menu li li.m-over a {
    }
    /* Main - Body - Menu - Niveau 3 */
    div#main div#body div.menu ul ul ul {
        margin:-4px 0px 0px 196px;
    }
    html>body div#main div#body div.menu ul ul ul {
        margin:-4px 0px 0px 184px;
    }
    div#main div#body div.menu li li li,
    div#main div#body div.menu li li li.m-out {
    }
    div#main div#body div.menu li li li.m-over {
    }
    /* Main - Body - Page */
    div#main div#body div.page {
        clear:both;
        margin:0px auto;
        width:940px;
        background-color:transparent;
        background-position:top left;
        background-repeat:no-repeat;
    }
    
    /*div#main div#body div.page div#body-page {
        background-color:#FFF !important;
        background-image:none;
        overflow:hidden;
    }*/
    
    div#main div#body div.page div#body-page {
        /*background-image:url(../images/static/0811-cap-back-contenu.jpg) !important;*/
        background-image:none !important;
        color:#636363;
        float:left;
    }
    
    /* Main - Body - Page - Contenu */
    div#main div#body div.page div#body-page {
        background-color:transparent;
        background-position:bottom left;
        background-repeat:no-repeat;
        /*background-color:#FFF;*/
    }
    
    div#main div#body div.page div#body-page a {
        color:#7c7c7c;
    }
    div#main div#body div.page div#body-page a:hover {
        color:#303030;
    }
    div#main div#body div.page div#body-page div#body-page-menu a {
        color:#FFFFFF;
    }
    div#main div#body div.page div#body-page div#body-page-menu a:hover {
        color:#303030;
    }
    div#main div#body div.page div#body-page #produits a {
        color:#303030;
    }
    div#main div#body div.page div#body-page #produits a:hover {
        color:#7c7c7c;
    }
    div#main div#body div.page div#body-page h1 {
        clear:both;
        margin:0px 0px 8px 0px;
        padding:6px 0px 0px 0px;
        font-size:15px;
    }
    div#main div#body div.page div#body-page.page-produit h2 {
        float:left;
        text-align:left;
        margin:0px 0px 8px 0px;
        padding:6px 0px 0px 0px;
        font-size:15px;
    }
    div#main div#body div.page div#body-page.page-famille h2 {
        clear:both;
        text-align:left;
        margin:0px 0px 8px 0px;
        padding:6px 0px 0px 0px;
    }
    /* Main - Body - Page - Contenu - Fil Ariane */
    div#main div#body div.page div#body-page ul.fil-ariane {
        clear:both;
        list-style-type:none;
        margin-left:10px;
        width:920px;
        float:left;
    }
    html>body div#main div#body div.page div#body-page ul.fil-ariane {
        margin-left:20px;
    }
    div#main div#body div.page div#body-page ul.fil-ariane li {
        float:left;
        margin-right:4px;
        font-size:10px;
    }
    div#main div#body div.page div#body-page ul.fil-ariane li.droite {
        color:#777777;
        float:right;
        font-size:10px;
        margin:0 30px 0 0;
    }
    /* menu ajouter favori imprimer */
    div#main div#body div.page div#body-page div#body-page-texte-menu {
        background-color:#636363;
        clear:both;
        height:21px;
        margin:0;
    }
    html>body div#main div#body div.page div#body-page div#body-page-texte-menu{
        height:18px;
    }
    div#main div#body div.page div#body-page div#body-page-texte-menu div {
        height:18px;
        margin:0;
        padding:0;
        position:absolute;
        z-index:12;
    }
    div#main div#body div.page div#body-page div#body-page-texte-menu div ul {
        list-style-type:none;
        margin:0;
        padding:0;
        width:auto;
    }
    div#main div#body div.page div#body-page div#body-page-texte-menu div ul li.over {
        background-color:#D7D7D7;
    ;
        color:#636363;
    }
    div#main div#body div.page div#body-page div#body-page-texte-menu div ul li a {
        color:#D7D7D7;
        text-decoration:none;
    }
    div#main div#body div.page div#body-page div#body-page-texte-menu div ul li.over a {
        color:#636363;
    }
    /* Main - Footer */
    div#main table#blocfooter {
        clear:both;
        width:100%;
        margin:6px 0px 15px 0px;
    }
    div#main table#blocfooter a {
        text-decoration:none;
        color:#FFFFFF;
    }
    div#main table#blocfooter a:hover {
        text-decoration:underline;
    }
    /* Main - Footer - Menu */
    div#main table#blocfooter {
        text-align:center;
    }
    div#main table#blocfooter tbody tr td {
        margin:0px auto;
        width:100%;
        font-size:10px;
        text-align:center;
    }
    /* Main - Footer - Menu - Niveau 1 */
    div#main table#blocfooter tbody tr td ul {
        width:100%;
    }
    div#main table#blocfooter tbody tr td ul li {
        margin:0px 1px;
        display:inline;
        text-align:left;
    }
    div#main table#blocfooter tbody tr td ul li.reseau-social a img {
        width:16px;
        height:16px;
        margin-right:0;
    }
    /* Main - Footer - Changement Langue */
    div#main table#blocfooter div.changement-langue {
        margin:25px auto 0px auto;
        padding-bottom:14px;
        width:960px;
        font-size:10px;
        text-align:center;
    }
    div#main table#blocfooter div.changement-langue img {
        margin-bottom:-7px;
        margin-right:5px;
    }
    /* Main - Referencement */
    div#main div.referencement {
        clear:both;
        margin-top:50px;
        width:100%;
    }
    div#main div.referencement div {
        clear:both;
        margin:0px auto;
        width:980px;
        font-size:10px;
        text-align:center;
        font-size:11px;
    }
    /* BODY-PAGE-MENU */
    div#body-page-menu {
        clear:both;
        height:20px;
        margin:0px 20px 0px 0;
        background-color:#393939;
    }
    html>body div#body-page-menu {
        height:18px;
    }
    div#body-page-menu div {
        position:absolute;
        margin:0px;
        padding:0px;
        height:18px;
        z-index:12;
    }
    div#body-page-menu div ul {
        margin:0px;
        padding:0px;
        list-style-type:none;
        width:auto;
    }
    div#body-page-menu div ul li {
        float:left;
        margin:0px;
        padding:2px 8px 0px 8px;
        height:18px;
        background-color:#393939;
        color:#d7d7d7;
        width:auto;
        border-bottom:1px solid #FFFFFF;
        border-right:1px solid #FFFFFF;
    }
    html>body div#body-page-menu div ul li {
        height:16px;
    }
    div#body-page-menu div ul li a {
        cursor:pointer;
        color:#d7d7d7;
        text-decoration:none;
    }
    div#body-page-menu div ul li.open {
        background-color:#dada2f;
        color:#393939;
    }
    div#body-page-menu div ul li.open a {
        color:#393939;
    }
    div#body-page-menu div ul li.over {
        color:#393939;
        background-color:#d7d7d7;
    }
    div#body-page-menu div ul li.over a {
        color:#393939;
    }
    div#body-page-menu-hide {
        position:absolute;
        top:0px;
        left:50%;
        width:963px;
        height:600px;
        margin-left:-500px;
        display:none;
        z-index:11;
        background-color:transparent;
    }
    /* Liste Familles */
    div.liste-familles {
        width:0px;
        height:0px;
        float:left;
        margin-top:25px;
    }
    div.liste-familles form {
        width:300px;
    }
    div.liste-familles form fieldset {
        margin:0px;
        padding:0px;
        width:300px;
        text-align:right;
        border:0;
    }
    html>body div.liste-familles form fieldset {
        border:1px solid #707070;
        *border:0;
    }
    div.liste-familles form fieldset select {
        font-size:11px;
        width:300px;
        color:#707070;
    }
    div.liste-familles form fieldset select option {
        color:#707070;
    }
    /* Main - Referencement - SiteMap */
    div#main div.referencement div.sitemap {
    }
    div#main div.referencement div.sitemap a {
    }
    div#main div.referencement div.sitemap a:hover {
    }
    div#main div.referencement div.sitemap {
    }
    div#main div.referencement div.sitemap ul {
        clear:both;
        margin:0px 0px 0px 190px;
        list-style:none;
        text-align:center;
    }
    div#main div.referencement div.sitemap ul li {
        float:left;
        width:165px;
        font-size:12px;
        font-weight:bold;
        text-align:left;
    }
    div#main div.referencement div.sitemap ul li ul {
        margin-left:0px;
        padding:2px 0px 3px 5px;
    }
    div#main div.referencement div.sitemap ul li ul li {
        width:165px;
        font-size:11px;
        font-weight:normal;
    }
    /* Main - Referencement - Thematiques */
    div#main div.thematiques {
        padding-top:25px;
        width:930px;
    }
    html>body div#main div.thematiques {
        width:100%;
    }
    div#main div.thematiques h1 {
        margin:0px;
        padding:0px;
        font-size:11px;
        font-weight:normal;
        text-align:center;
    }
    div#main div.thematiques h1 div {
        margin:0 auto;
        width:900px;
    }
    div#main div.thematiques h1 span {
        font-weight:900;
    }
    
   /*sondage*/
   #iframe-sondage{
       overflow-y:scroll;
       overflow-x:hidden;
       *height:570px!important;
       *width:575px!important;
   }
   
}
@media print {
/* GENERIQUE */
/* CLASSES */
}