@charset "utf-8"; html, button, input, select, textarea{ color:#5a5a5a} body{ font-size:1em; line-height:1.4} ::-moz-selection{ background:#b3d4fc; text-shadow:none} ::selection{ background:#b3d4fc; text-shadow:none} /* A better looking default horizontal rule */ hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;} /* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img {vertical-align: middle;} /* Remove default fieldset styles. */ fieldset {border: 0;margin: 0;padding: 0;} /* Allow only vertical resizing of textareas. */ textarea {resize: vertical;} /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe{ margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0} /* ========================================================================== Author's custom styles ========================================================================== */ /* TEMPORAIRE */ .search_more_container {display: none} /* APPEL FONTS */ @font-face{ font-family:'humanist_777_condensedbold'; src:url('../humanist777bt-boldcondensedb-webfont.eot'); src:url('../humanist777bt-boldcondensedb-webfont.eot?#iefix') format('embedded-opentype'), url('../humanist777bt-boldcondensedb-webfont.woff') format('woff'), url('../humanist777bt-boldcondensedb-webfont.ttf') format('truetype'), url('../humanist777bt-boldcondensedb-webfont.svg#humanist_777_condensedbold') format('svg'); font-weight:normal; font-style:normal} @font-face{ font-family:'humanist_777_light_condenseRg'; src:url('../humanist777bt-lightcondensedb-webfont.eot'); src:url('../humanist777bt-lightcondensedb-webfont.eot?#iefix') format('embedded-opentype'), url('../humanist777bt-lightcondensedb-webfont.woff') format('woff'), url('../humanist777bt-lightcondensedb-webfont.ttf') format('truetype'), url('../humanist777bt-lightcondensedb-webfont.svg#humanist_777_light_condenseRg') format('svg'); font-weight:normal; font-style:normal} /* DECLARATION FONTS */ body, #R_RECH, #A, #Q, .footer_link_bloc form :nth-child(2), .zzbloc_prod_list td:nth-child(5) small,.info_prod_action_com input,.info_prod_condi select,.info_prod_volume input, .info_prod_price span, .info_prod_price small {font-family:'humanist_777_light_condenseRg';} p.logo_label strong,.recrutement, .blog,.footer_espace_inner:before,.bloc_info_conseil h3,.bloc_info_agence,.footer_link_content :nth-child(7) h3,.bloc_prod_price, .footer_service a, .aff_prod_table_b, .zzbloc_prod_list td:nth-child(5), .info_prod_titre,.info_prod_add input,.info_prod_dispo strong,.info_prod_ref strong,.info_prod_price, .account h3,.info_prod_right_stock_action,.info_prod_right_dispo,.info_prod_txt strong span { /*on essaye avec Cabin Condensed*/ /*font-family: 'Cabin Condensed', sans-serif;*/ font-family:'humanist_777_condensedbold'; } /* STRUCTURE GENERALE */ .clear {clear: both;height: 0;padding: 0;margin: 0} img{ max-width:100% !important} body * {position: relative;outline:none;} .header_inner {/*height:112px;*/background-color: white;} .header_inner:after {content:'';display:table;clear:both;} .header_inner, .header_search form, .menu_content, .content_global, .footer_espace_inner, .footer_link_inner, .footer_produit p, .ariane, div.prod, .search {max-width:940px;margin:0 auto;} .header_search {/*background-color: #0d618c;*/background-color: #002D56; height: 60px;overflow: hidden;} .content_global {padding-top: 10px;} .content_left, #content_02 {float: left;width: 23.40425531914893617%;} .content-right, #content_01 {width: 74.468085106382978723%;float: right;} body.intranet .container {padding:0;border:none;border-radius:0;} /* LIENS */ a, a:visited {color:#0d618c;} a:hover, .footer_link_bloc ul a:hover, .dp-nav a:hover, .ariane a:hover, .dp-nav .dp-nav-page_ame, .info_prod_ref strong, .account h3:hover, .pagd span:nth-child(5):hover, .pagd span:nth-child(6):hover, .pagd span:nth-child(7):hover, .pagd span:nth-child(8):hover, .pagd span:last-child:hover, .search form .pagd2:nth-child(2) span:nth-child(5):hover, .search form .pagd2:nth-child(2) span:nth-child(6):hover {color:#1098dd;} /* CSS3 TRANSITIONS */ a,.account h3, .titre_b1, .titre_b1 span {-moz-transition: all 0.16s ease-in;-o-transition: all 0.16s ease-in;-webkit-transition: all 0.16s ease-in;transition: all 0.16s ease-in;} /* HEADER */ .header {padding:10px 0 0 0} body.intranet .header {padding:0} .header p {margin: 0} .header_left { float: left; width: 400px;font-weight:normal; margin-top:0;} .intranet .header_left {width: 11%;} .header_right {float: right;width:520px;} .logo {float: left;width: 93px;height: 93px; margin-top:20px;} p.logo_label {text-transform: capitalize;font-size:16px;margin: 40px 0 0 112px;} p.logo_label strong {text-transform: uppercase;font-size: 20px;display: block;font-weight:700;} p.newsletter, .header_search a:first-child, #search_form h3, #search_less, #search_more_bloc, .login-bloc span {display: none;} .account ul, .basket ul {padding-left: 0;list-style-type: none;} .basket {float: right; position: relative;margin: -18px 0 0; padding-bottom: 20px;} .basket ul {font-size: 12px;background-color: #002D56;text-align: center;margin-top:2px !important;padding:.5em 0;} .basket ul, .basket a {color:white} .basket li:after {content:'';display:table;clear:both;} .basket a {text-decoration: none} .basket h3 {/*text-transform: lowercase0*/;font-size: 13px;padding: .75em 2em .75em 1em;margin-bottom: 0;} .basket p {position: absolute;top: 30px;right: 0} .basket p a {color:#0d618c;} .basket p a:hover {color:#1098dd;} .nosagences span, .recrutement span, .blog span,#search_form_send, #search_more,.footer_link_bloc form .footer_link_send,.footer_service li,.content_left #info_agence_form_send,.bloc_catalogue .bloc_info_link a:last-child,.ariane .ariane-first a, .grid .filtre_bloc .order-by-list, .list .filtre_bloc .order-by-grid, .left_marque b,.bloc_service li, .account h3 span, .basket h3 span,.basket p span {background: transparent url(../img/sprites.png) no-repeat left top;} .account form, .account ul {display: none;} .nosagences span, .recrutement span, .blog span,.account h3 span,.basket h3 span,.basket p span {display:block;float:left;width:30px;height:30px;border-right: #e0e4e5 1px solid } .basket h3 span, .basket p span {border:none;} .basket h3 span {background-position: -160px 0px} .basket p span {background-position: -116px -4px;width: 24px} .basket p a:hover span{background-position: -116px -44px;} .nosagences, .recrutement, .blog, .meconnecter {font-size: 13px;color:#344750;text-decoration: none;display: block;float:left;line-height:30px;margin-right: 20px;text-indent:8px;} .nosagences { float:right; font-family:'humanist_777_condensedbold'; color:#0D618C; } .account h3 { position: absolute; top: 0; left:182px; line-height: 30px;margin: 0; width: 200px; padding-left: 40px;cursor: pointer;font-size: 13px;font-weight: normal;text-indent: 8px;} .account h3.logged {width:250px;line-height: 16px;} .account h3 span {background-position: -80px 4px;} .account h3:hover span {background-position: -80px -36px;} .account h3.logged strong {display: block;margin-left: 31px;line-height: 1em;} p.disconnect {top:32px;left:3em;} .recrutement span {background-position: 0 6px} .blog span {background-position: -40px 6px} .recrutement:hover span {background-position: 0 -34px} .blog:hover span {background-position: -40px -34px} .nosagences span { background-position: -6px -1447px; } .nosagences:hover span { background-position: -6px -1520px; } .nosagences a { text-decoration: none; } .ariane {clear:both; font-size:15px; margin-top:5px;} .ariane p {margin-bottom:0; margin-top:5px;} .ariane a {text-decoration:none; color:#8b8b8b;} .ariane a:hover {text-decoration:underline; color:#1098DD;} .ariane span.ariane-elt:before {content:'\00bb\0020';} .ariane .ariane-first:before {content:'';} .ariane .ariane-first a {background-position: -13px -889px;padding-left:18px;} /*.ariane span:last-child a {font-weight: bold}*/ /* RECHERCHE HEADER */ #search_more_container {display: none} #search_form,.header_search_top p.login-bloc {text-align: center;margin-right:20px;} #R_RECH, #Q,#A {width:264px;border:white 1px solid;} #A {width: 68px; -moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px; margin-right:5px;} #R_RECH, #Q, .footer_link_bloc form :nth-child(2) {-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} #search_form_send {background-position: -192px 5px;border:#dfba57 1px solid;background-color: #ffdd00;text-indent: -9999px;left:-4px;width:2.35em;} #search_form_send, .footer_link_send {-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;border-radius:0 3px 3px 0;} #R_RECH, #A, #Q, #search_form_send {margin-top:13px;line-height: 2em;padding:0 .5em;height:32px;} #search_form_send {height:34px;} #search_more {color:white;background-position: -192px -40px;text-decoration: underline;padding-left: 2em;display:none;} #search_more strong {font-weight: normal;font-size:.75em;text-transform: capitalize;background: #0d618c;line-height: 2em;display: inline-block;} #search_quick { border:#dfba57 1px solid; background-color: #ffdd00; width:6em; height:26px; font-family: 'humanist_777_light_condenseRg'; display: inline-block; padding:1px; line-height:1.3em; position: relative; top: 0px; padding-top: 5px; text-decoration: none; -moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px; } #search_quick span { display: block; } /* MENU */ .menu {background-color: #002D56;height: 46px;border-bottom: #b1b1b1 1px solid;border-top: #b1b1b1 1px solid} .menu_content {list-style-type: none;padding: 0;} .menu_content li {display: inline;} .menu_content a {padding: 14px 7px;color:white;background-color: #002D56;text-transform: uppercase;font-size: 13px;text-decoration: none;display: block;float: left;border-right: grey 1px solid;} .menu_content a:hover {background-color: #1098dd;border-right-color: #045276; } .menu_content li.sect12 a {color:black;background-color:#ffdd00} .menu_content li.sect12 a:hover {color:white;background-color:#e11313} .menu_content li:first-child a {border-left: none;} .menu_content li:last-child a {border-right: none;} /* SIDEBAR */ .left_marque, .bloc_catalogue, .zzbloc_prod_list, .info_prod_action_com input, .info_prod_condi select, .info_prod_volume input, .bloc_service li , .basket h3, .developpement-durable .bloc_service_dd li {border: #d5d5d5 1px solid;} .zzbloc_prod_list td {padding:.75em;} .bloc_catalogue {margin-top: 1em;background:transparent url(../img/catalogue.jpg) no-repeat left center;} .bloc_catalogue h3, .bloc_catalogue .bloc_info_link {color:#0f445f;text-align: right;margin-right: 10px;font-size: .75em;line-height: 2em;} .bloc_catalogue a b {font-weight: normal;} .bloc_catalogue h3 {font-size: .8125em;} .bloc_catalogue .bloc_info_link :first-child {} .bloc_catalogue .bloc_info_link a:last-child {background-position:0px -732px ;padding-left: 32px;background-repeat: no-repeat;} .bloc_catalogue .bloc_info_link a b {background-image: none;} .content_left .content_left {width: 100% !important} .content_left .bloc_info {border:#d5d5d5 1px solid;} .bloc_info_name br {display: none} .content_left .bloc_info p, .bloc_info h3, .bloc_info_agence label {padding:10px;margin:0;} p.bloc_info_name u {display: block} p.bloc_info_phone {margin-top: 0} p.bloc_info_phone strong {display: inline-block;background:white;color:#002D56;padding:.2em .6em;margin-bottom: .2em;border-radius: 16px} p.bloc_info_phone span {font-size: .75em;display: block} .bloc_info h3 {font-size:1.15em;} .bloc_info_conseil {background-color: #002D56;color:white;} .bloc_info_conseil h3, {font-size: .9375em;} .bloc_info_conseil img {position: absolute;right: 0;bottom: 0} .bloc_info_phone {margin-bottom: 0} .bloc_info_agence {background-color: white;color:#6c6c6c;} .bloc_info_agence p {font-size: .75em;} .bloc_info_agence h3, .bloc_info_agence label {color:#c6c6c6;font-size:.9375em;text-transform: uppercase;} .bloc_info {margin-bottom: 1.6em} .content_left .info_agence_form .login-bloc {padding-bottom: 0} .content_left .info_agence_form .login-bloc:after {content:'';display:table;clear:both;} .content_left .info_agence_form .input_back_off, .content_left #info_agence_form_send {border:none;background-color: #efefef;line-height: 32px;} .content_left .info_agence_form input:first-child {height:32px;width: 160px;padding:0; float: left; border: 0; margin:0;border-radius:3px 0 0 3px;} .content_left #info_agence_form_send {text-indent: -9999px;/*left:-4px; */; float:left;width:32px;height:32px;background-position: -234px 6px;border-radius:0 3px 3px 0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .content_left #info_agence_form_send:hover {background-position: -234px -34px;} .bloc_service h3 {display: none;} .bloc_service ul {padding-left: 0;list-style-type:none;} .bloc_service li, .developpement-durable .bloc_service_dd li {margin-bottom: 4px;font-size: .75em;text-transform: uppercase;padding:6px 8px 12px 70px;height: 26px} .bloc_service li.service_livraison {background-position: 20px -80px;} .bloc_service li.service_retrait {background-position: 20px -240px;} .bloc_service li.service_frais {background-position: 20px -558px;} .bloc_service li.service_grilles_gauche {background-position: 20px -1279px;} .bloc_service li.service_clefs_gauche {background-position: 20px -1279px;} .bloc_service li.service_livraison:hover {background-position: 20px -160px;} .bloc_service li.service_retrait:hover {background-position: 20px -320px;} .bloc_service li.service_frais:hover {background-position: 20px -638px;} .bloc_service li.service_grilles_gauche:hover {background-position: 20px -1359px;} .bloc_service li.service_clefs_gauche:hover {background-position: 20px -1359px;} .bloc_service li a, .developpement-durable .bloc_service_dd li a {position: absolute;left: 0;top:25%;width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #002D56;border-bottom: 10px solid transparent;text-decoration: none;} .bloc_service li a strong, .developpement-durable .bloc_service_dd li a strong {padding: 0px 0 10px 60px;width: 150px;text-transform: uppercase;display: block;top: -14px;} .bloc_service li.service_livraison strong {top: -6px;} .bloc_service li a br {display: none} .bloc_service a img {margin:0 !important;} /* HOME */ .diaporama-slide a, .bloc_prod_see a, h3.titre_prod a, .info_prod_left .info-bulle, .info_prod_print_info a, .read_more a, .pagd span:first-child, /*.pagd span:nth-child(2),*/ .search form .pagd2:first-child span, .search form .pagd2:nth-child(2) span:first-child, .search form .pagd2:nth-child(2) span:nth-child(2), .lien-partenaire {-moz-transition: none;-o-transition:none;-webkit-transition: none;transition: none;} .container.home {margin: 0 auto;padding: 0;border: none;border-radius: 0;} .container.espace {background-image: none;} .diaporama {z-index: 1;width:100%;height: 392px;} .diaporama .diaporama-slide {z-index: 1;width:100%;height: 356px;overflow:hidden;} .diaporama .diaporama-slide a img {width:100% !important; max-width: none !important;} .onglet_home {height: 450px;clear: both;overflow:hidden;} /*.onglet_home .onglet_bloc {position: absolute;/*top: 0;width:100%;}*/ .onglet_bloc { max-width: 100%; } .onglet_bloc h3, .pager h3 {font-size: 1em;width:23.40425531914893617%;text-align: center;background-color: white;} .pager h3 {float:left;width:31.1429%;margin-right: 2.75%;border:white 1px solid;} .pager :last-child {margin-right: 0} .onglet_bloc h3 a, .pager h3 a {color:#2c2c2c;padding:.5em .7em;display: block;} .onglet_on h3, .pager h3.activeSlide {background:#e95210;border-color:#e95210;} .onglet_on h3 a, .pager h3.activeSlide a {color:white;text-decoration: none} .info {text-align: right;} .info p {margin: 0;display: inline;} .info p a {display: inline-block;width:8px;height:8px;border-radius: 4px;background-color: #848484;/*margin-left: 4px;*/} .info p.activeSlide a {background-color:#313131;} .info p a span {display: none} .article_b1 {height:440px;text-align: center;} .article_b1:hover {cursor: pointer;} .article_b1_t0 {top:1em;} .home .bloc_prod, .developpement-durable .bloc_prod, .nouveautes .bloc_prod {height:445px;} .bloc_prod, .bloc_prod_soldes_sect, .bloc_prod_soldes_sect_red, .titre_b1, .article_b1 {width:31.1429%;float: left;margin-right:2.75%;margin-bottom:20px;border:#d5d5d5 1px solid;} .bloc_prod:nth-child(3n), .soldes-bg :nth-child(6n), .products-search-list .titre_b1:nth-child(3n), .article_b1:nth-child(3n) {margin-right:0;} .bon-coin .bloc_prod {height:446px;} .bloc_prod_price, .bloc_prod_see { position: static; } .bloc_prod_see {display: block; width: auto; margin: 25px 2px 2px;} /*p.bloc_prod_see {margin: 25px 2px 2px;}*/ .bloc_prod_see a, .footer_espace_inner p a img, .info_prod_action_inner, .info_prod_add input, .pagd span:first-child, /*.pagd span:nth-child(2),*/ .search form .pagd2:first-child span, .search form .pagd2:nth-child(2) span:first-child, .search form .pagd2:nth-child(2) span:nth-child(2), .lien-partenaire {-moz-box-shadow:0px 1px 2px rgba(0,0,0,.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,.3); box-shadow:0px 1px 2px rgba(0,0,0,.3);} .bloc_prod_see a, .info_prod_add input, .pagd span:first-child, /*.pagd span:nth-child(2),*/ .search form .pagd2:first-child span, .search form .pagd2:nth-child(2) span:first-child, .search form .pagd2:nth-child(2) span:nth-child(2), .lien-partenaire, .article_b1_voir {font-weight:bold;text-align:center;text-decoration:none;padding:.5em 0;display: block;border:#ffe400 1px solid;border-right:none;border-bottom:none;color:#4a410a;font-size: 1.0625em; background: rgb(255,221,0); /* Old browsers */ background: -moz-linear-gradient(top, rgb(255,221,0) 0%, rgb(240,205,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,221,0)), color-stop(100%,rgb(240,205,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* W3C */} .bloc_prod_see a:hover, .info_prod_add input:hover, .bloc_prod_soldes_sect .bloc_prod_see a:hover, .bloc_prod_soldes_sect_red .bloc_prod_see a:hover, .pagd span:first-child:hover, /*.pagd span:nth-child(2):hover,*/ .search form .pagd2:first-child span:hover, .search form .pagd2:nth-child(2) span:first-child:hover, .search form .pagd2:nth-child(2) span:nth-child(2):hover, .lien-partenaire:hover, .article_b1_voir:hover {color:white;border-color:#119dc8; background: rgb(14,132,186); /* Old browsers */ background: -moz-linear-gradient(top, rgb(14,132,186) 0%, rgb(0,112,163) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(14,132,186)), color-stop(100%,rgb(0,112,163))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(14,132,186) 0%,rgb(0,112,163) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(14,132,186) 0%,rgb(0,112,163) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(14,132,186) 0%,rgb(0,112,163) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(14,132,186) 0%,rgb(0,112,163) 100%); /* W3C */} .article_b1_voir {cursor: pointer;position: absolute;width: 98%;top: 397px;left:2px;} .bloc_prod_img {text-align: center;} .bloc_prod_img img {/*height: 200px;*/margin-top: 1.5em} .bloc_prod_marque { position: absolute; top: 7px; right: 7px; margin: 0; } .bloc_prod_marque a { display: block; } .bloc_prod_ref a strong {position: absolute;left: 10px;top: -230px;} .bloc_prod_ref {line-height: 1em;width: 100%; margin: 0 0 1em;z-index: 10; height: 2.2em;} .bloc_prod_ref a {display: block;width: 100%;text-align: center;} .bloc_prod_ref a span {top:22px;font-size: .8125em;height: 3em;line-height: 1em;position:relative;top:1em;} .bloc_prod_title {margin-top: .25em;z-index: 20;} .bloc_prod_title a, .bloc_prod_ref a {text-decoration: none;color:#373737;} .bloc_prod_title a:hover, .bloc_prod_ref a:hover {color: #1098dd;} .bloc_prod_title a strong {height:28px;font-weight: bold;text-transform: uppercase;font-size: .9375em;line-height: 1em} .bloc_prod_ref a span, .bloc_prod_title a strong {overflow:hidden;width: 94%;display: block;text-align: center;margin: 0 auto;} .bloc_prod_info {text-align: center;} .bloc_prod_price, .article_b1_price {top: 2.2em;display: inline-block;margin:0 auto;font-size: 1.3125em;font-weight: 500;color: #0d618c;border:#d5d5d5 1px solid;padding:.2em .5em; background: rgb(246,246,246); /* Old browsers */ background: -moz-linear-gradient(top, rgb(246,246,246) 0%, rgb(234,234,234) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,246,246)), color-stop(100%,rgb(234,234,234))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(246,246,246) 0%,rgb(234,234,234) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(246,246,246) 0%,rgb(234,234,234) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(246,246,246) 0%,rgb(234,234,234) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(246,246,246) 0%,rgb(234,234,234) 100%); /* W3C */} .bloc_prod_soldes_info_sect p, .bloc_prod_soldes_sect_red p { margin: 0; } .bloc_prod_price span {display: none} .bloc_prod_price small {font-size: .5em} .article_b1_price {top:0;} .bloc_prod > div:first-child, .bloc_prod_soldes_sect > div:first-child, .bloc_prod_soldes_sect_red > div:first-child { height: 224px !important; } .bloc_prod_info, .bloc_prod_soldes_info_sect { position: absolute; bottom: 0; left: 0; width: 100%;} /* PAGE ESPACE */ .container.espace .content-right:first-child {margin-top: 0} .container.espace .diaporama .info {text-align: center;padding-top: 10px;margin-top:-15px; z-index:999;} .container.espace .diaporama .info p {margin: 0;display: inline-block;width:24%;} .container.espace .diaporama .info p a {display: inline-block;width:auto;height:20px;border-radius: 4px;padding:.5em 1.5em .4em;color:#2c2c2c;background-color: white;font-size: .925em;} .container.espace .diaporama p.activeSlide a {color:white;text-decoration: none;cursor: default;} /*.container.espace.soudure .diaporama p.activeSlide a {background-color: #5d2d8f;}*/ .container.espace.soudure .diaporama p.activeSlide a {background-color: #949494;} .container.espace.bon-coin .diaporama p.activeSlide a {background-color: #1098dd;} .container.espace.developpement-durable .diaporama p.activeSlide a {background-color: #accd35;} .container.espace .diaporama .info p a span {display: block} .container.espace .diaporama .info p.activeSlide i {position: absolute;left: 40%;top: -10px;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 20px solid red;} .pager h3.activeSlide i {position: absolute;left: 40%;bottom: -10px;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-top: 20px solid #e95210;} .container.espace.soudure .diaporama p.activeSlide i {border-bottom-color: #949494;} .container.espace.bon-coin .diaporama p.activeSlide i {border-bottom-color: #1098dd;} .container.espace.developpement-durable .diaporama p.activeSlide i {border-bottom-color: #accd35;} /* PAGE PROMOTIONS */ /*.promotions {background: url(../img/bg-promotions.gif) repeat-x center 20px;}*/ .promotions #Haut {background: url(../img/titre-promotions.png) no-repeat center top;height: 125px;clear: both; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } .soldes-bg {clear: both;padding-top: 105px;} .soldes-bg h1 span {color:white !important;font-size: 18px;margin-left: 0 !important;} .promotions .content_global {margin:0 auto !important;} .bloc_prod_soldes_sect, .bloc_prod_soldes_sect_red {width:22.5%;background-color: white;text-align: center;height: 420px;} .bloc_prod_soldes_img {top: 3em;} .promotions .bloc_prod_price {top: 5.2em;} .promotions .bloc_prod_price small {left:6px;} .promotions h1.fin-serie span {color: #373737 !important} .bloc_prod_soldes_sect .bloc_prod_see a, .bloc_prod_soldes_sect_red .bloc_prod_see a {color:white;border-color:#b60909; background: #f20909; /* Old browsers */ background: -moz-linear-gradient(top, #f20909 0%, #b60909 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f20909), color-stop(100%,#b60909)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f20909 0%,#b60909 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f20909 0%,#b60909 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f20909 0%,#b60909 100%); /* IE10+ */ background: linear-gradient(to bottom, #f20909 0%,#b60909 100%); /* W3C */} .promotions a.clear {text-align: right;display: block;width: 100%;color:white;margin-bottom: 4em;} .promotions a.normal-link {color:#0d618c;} .promotions a.normal-link:hover {color:#1098dd;} /* PAGE LISTE GRILLE */ .grid .bloc_prod {height: 484px;margin-bottom: 20px} .bloc_prod_marque a,.grid .bloc_prod_img a {z-index: 90} .aff_prod_table_b {text-transform: uppercase;padding:2em 0 1em;} .aff_prod_table_b, .aff_prod_table_b span {font-size:18px !important} .grid .bloc_prod_see {margin:1em 0;} .top_left_s1 h1 {font-size:1.125em;text-transform: uppercase;margin: 0;} .top_left_s1 h1 a, .rech_supplm b {border-left: #1098dd 7px solid;padding-left: 10px} .top_left_s1 h1 a, .link_list_top a {color:#373737;text-decoration: none;} .link_list_top ul {padding: 0;list-style-type: none;margin: 0;} .link_list_top a {padding-left: 17px} .left_marque {margin-top: 2em;padding: 1em 0} .left_marque br {display: none} .left_marque hr {display: none} .left_marque b {margin-bottom: 1em;display: block;background-position: 0px -966px;text-indent: 20px;} .left_marque p {margin:0;height:auto !important; color:#03a1d1;font-weight: bold;font-size:.8125em;cursor: pointer;} .left_marque b, .left_marque p {padding: 0 10px;} .left_marque p span {color:#373737;text-decoration: none;margin-left: 4px} .grid .filtre_bloc, .list .filtre_bloc {background-color: #0089bd;color:white;padding:5px 10px;} .grid .filtre_bloc .order-by-list, .filtre_bloc .order-by-grid {height: 22px;width:22px;display: block;position: absolute;right: 18px;top: -18px;text-indent: -9999px} .grid .filtre_bloc .order-by-list {background-position: -8px -1128px;} .filtre_bloc .order-by-grid {background-position: -8px -1168px;} .filtre_bloc .nb-art {margin-top: 0} .filtre_bloc .action-bloc {margin-bottom: 0} .filtre_bloc .action-bloc select {border:none;font-size: .75em;padding: .4em;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px} .filtre_bloc .action-bloc span:last-child {float: right;color: #0089bd} .dp-nav {text-align: right;} .dp-nav a:first-child {float: left;text-decoration: underline;font-weight: bold;} .dp-nav a, .pagd span:nth-child(3), .pagd span:nth-child(4), .pagd span:nth-child(5), .pagd span:nth-child(6), .pagd span:nth-child(7), .pagd span:nth-child(8), .pagd span:last-child, .search form .pagd2:nth-child(2) span:nth-child(3), .search form .pagd2:nth-child(2) span:nth-child(4), .search form .pagd2:nth-child(2) span:nth-child(5), .search form .pagd2:nth-child(2) span:nth-child(6) {color:#444444;text-decoration: none;display: inline-block;} .dp-nav .bt_nav_prev span, .dp-nav .bt_nav_next span {display: none} .dp-nav .bt_nav_prev, .dp-nav .bt_nav_next, .pagd span:nth-child(3), .pagd span:nth-child(4), .search form .pagd2:nth-child(2) span:nth-child(3), .search form .pagd2:nth-child(2) span:nth-child(4) {display: inline-block;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;} .dp-nav .bt_nav_prev, .pagd span:nth-child(3), .search form .pagd2:nth-child(2) span:nth-child(3) {border-right:6px solid #444444;} .dp-nav .bt_nav_next, .pagd span:nth-child(4), .search form .pagd2:nth-child(2) span:nth-child(4) {border-left:6px solid #444444;} .dp-nav .bt_nav_prev:hover, .pagd span:nth-child(3):hover, .search form .pagd2:nth-child(2) span:nth-child(3):hover {border-right-color:#1098dd;} .dp-nav .bt_nav_next:hover, .pagd span:nth-child(4):hover, .search form .pagd2:nth-child(2) span:nth-child(4):hover {border-left-color:#1098dd;} /* PAGE LISTE LISTE */ .bloc-prod-dp table, .content.compte table {width: 100%} .zzbloc_prod_list img {max-width: none !important;} .zzbloc_prod_list:hover {background-color: #f0f0f0} .zzbloc_prod_list td:first-child {background-color: transparent !important;} .zzbloc_prod_list td:first-child, .zzbloc_prod_list td:nth-child(4), .zzbloc_prod_list td:nth-child(5) {width:14.285714285714285714%;text-align: center} .zzbloc_prod_list td:nth-child(2) {} .zzbloc_prod_list td:nth-child(3) {width:0 !important;padding: 0;} .zzbloc_prod_list td:nth-child(4) img {margin-top: 1.25em} .zzbloc_prod_list td:nth-child(5) {width: 17.142857142857142857%;color:#0d618c;font-size:1.0625em;} .zzbloc_prod_list td:nth-child(5) small{color:#565656;} .zzbloc_prod_list td:nth-child(6) {text-align: center;} .bloc_prod_txt .bloc_prod_ref strong {text-align: left;width: 100%} .zzbloc_prod_list .bloc_prod_ref {position: relative;} .bloc_prod_stock:after {display: block;} .aff_prod_table_b, .aff_prod_table_titre {text-align: left} .aff_prod_table_titre + .aff_prod_table_titre, .aff_prod_table_b + .aff_prod_table_b {text-align: center;} /* PAGE PRODUIT */ .info_prod_txt {margin:.5em 0;} .info_prod .loupe-bulle, h3.titre_prod a, .info_prod_cata_ifx, .info_prod_print_info a, .read_more a {background-image: url(../img/product-sprites.png);background-repeat: no-repeat;background-color: transparent;} .info_prod_left {float: left;width:42.553191489361702128%;} .info_prod_left_image, .info_prod_left .zoom-bulle,.quick-view, .info_prod_left .image-bulle, .info_prod_left .loupe-bulle {border: #d5d5d5 1px solid;} .info_prod_right, .desc_prod {float: right;width:55.319148936170212766%;z-index: 90;} .desc_prod, .gamme_prod, .voir_aussi {clear: both;} .gamme_prod table, .content.compte table, .info_prod_action_inner{font-size: .875em;} .gamme_prod table, .content.compte table {background-color: #0d618c;width:100%;border:#0d618c 8px solid;border-collapse: separate;border-spacing: 1px;} .voir_aussi table { background-color: #ea5213; border:#ea5213 8px solid; } .gamme_prod table tr.entete td, .voir_aussi table tr.entete td, .content.compte table tr.entete td{color:white;background-color: #0d618c;padding-top: 0;} .voir_aussi table tr.entete td { background-color: #ea5213; } .gamme_prod td, .content.compte td {padding:.5em;background-color: white;text-align: center;} .gamme_prod td:nth-child(9) {text-align: left;} .gamme_prod tr:nth-child(2n) td, .content.compte tr:nth-child(2n) td {background-color: #ffffff;} .gamme_prod tr td:first-child, .content.compte tr td:first-child {-moz-border-radius: 2px 0 0 2px;-webkit-border-radius: 2px 0 0 2px;border-radius: 2px 0 0 2px; padding:0;} .gamme_prod tr td:last-child, .content.compte tr td:last-child {-moz-border-radius: 0 2px 2px 0;-webkit-border-radius: 0 2px 2px 0;border-radius: 0 2px 2px 0;} .gamme_prod .sep, .content.compte .sep {display: none;} .info_prod_action_inner {background-color: #e6f0f4;padding: 20px 20px 50px 20px;} .info_prod_titre strong {display:block;font-size: 1.875em; line-height: 1.1em;text-transform: uppercase;margin-top: 0;margin-bottom: .5em;padding-right: 110px} .info_prod_titre strong:after {content:'\0020';} .info_prod_titre img + br, .info_prod_titre strong + br {display: none;} .info_prod_titre span.info_prod_marque {position: absolute;right: 0;top: 12px;} .info_prod_left {text-align: center;} .info_prod_left img {margin: 5px 0 0;max-width:290px !important;} .info_prod_cata_ifx {/*text-align: center;*/background-position: 0px -382px;padding-left: 32px;line-height: 32px;} .info_prod_ref {clear:both;} .info_prod_left .loupe-bulle {position: absolute;right: 4px;top:4px;display: block;width:40px;height:40px;background-position: 5px 5px;} .info_prod_left .loupe-bulle:hover {background-position: 5px -59px;} .info_prod_left .loupe-bulle span {display: none;} .info_prod_add input {padding:.75em 1.25em;letter-spacing: -1px;position: absolute;right: 0;top: -58px;width: 37%} h3.titre_prod {font-size: 1em;text-transform: capitalize;} h3.titre_prod a {font-size:0;text-decoration: none;background-position: 0px -512px;display:block;float:right;height:32px;width:32px;} h3.titre_prod a:hover {background-position: 0px -576px} .info_prod_dispo {text-align: right;} .info_prod_price {width: 45%;float: right;color:#0d618c;font-size:16px;line-height: 19.5px;text-align: center;margin-top: 14px; z-index: 99;} .info_prod_price span.span-hidden {display: none;} .info_prod_price small {font-size:10px;top: -18px;left: 4px;} .info_prod_qte label {display: inline-block;width:100px;float:left;} .info_prod_volume:after {content:'';display:table;clear:both;} .info_prod_volume span {height: 12px;line-height: 11px;font-family:verdana,sans-serif;font-size:.9375em;position: absolute;top:0;right: 5px;cursor: pointer;color:white;background:#002D56;display: none;text-align: center;width:20px;} .info_prod_volume span.control-less {top: 13px;} .info_prod_action_com input, .info_prod_condi select, .info_prod_volume input {width:172px !important;background:white;padding:.2em .4em;} .info_prod_volume input {width:60px !important; float: left;} .info_prod_volume .btn {float: left; width: 2em; min-width:0; margin: 0 0 0 .3em; padding: .25em .5em; line-height: 14px; font-size: 16px;} .info_prod_volume .moins {margin: 0 .3em 0 0;} .info_prod_volume select {margin-right: 15px; float: right;} .info_prod_condi select {width:174px !important;height:60px;line-height: 1.4em;} .info_prod_action_com input {display: inline-block !important;float: none !important;position:absolute;width: 368px !important;left: 100px;} .info_prod_carousel {display: block;} .info_prod_pic_info {font-size: .625em;color:#8b8b8b;} .info_prod_ref span i {font-style: normal} .info_prod_cata_ifx, .read_more {display: block;float:left;width:40%;height:40px;} .read_more a {display:block;padding-left:32px;line-height:32px;height:32px;background-position: 0px -895px} .read_more a:hover {background-position: 0px -957px} .info_prod_carousel { clear:both;width:100%; margin-top: 15px; } .info_prod_carousel p{ padding:0px 23px 3px 23px; margin-bottom:0; margin-top: 2px; font-size:0.7em; } .info_prod_carousel ul, .info_prod_carousel .jcarousel-container .jcarousel-clip {height:51px;margin:0 auto;width:262px;} .info_prod_carousel ul li {float:left;width:49px; text-align:center;margin:0px 2px 4px 2px;} .info_prod_carousel ul li a {border:1px solid #D8D9DB;} .info_prod_carousel ul li a {width:44px; height:44px; display:block; overflow:hidden;} .info_prod_carousel ul li a:hover {border:1px solid #55565A;} .info_prod_carousel ul li span { display:block;margin-top:5px;font-size:11px;} .info_prod_carousel .jcarousel-container { width:100%;} .info_prod_carousel .jcarousel-container .jcarousel-prev, .info_prod_carousel .jcarousel-container .jcarousel-next {cursor:pointer;height:43px;width:17px;position:absolute;top:0px;} .info_prod_carousel .jcarousel-container .jcarousel-prev {background:url("../../../img/statics/layout/puce/lt_l_343434.gif") center center no-repeat;left:5px;} .info_prod_carousel .jcarousel-container .jcarousel-next {background:url("../../../img/statics/layout/puce/gt_l_343434.gif") center center no-repeat;right:5px;} /*.content-full {padding-top: 20px;}*/ /* PRODUIT CONNECTE */ .info_prod_print_info {position: absolute;right: -540px;top: -56px;font-size:.6875em;} .info_prod_right form li {list-style-type: none;text-align: right;} .info_prod_print_info a {display:block;padding-left:32px;line-height:32px;height:32px;background-position: 0 -704px} .info_prod_print_info a:hover {background-position: 0 -768px} .der_vente {clear: both;margin-top: 2em} .der_vente h2 {font-size: 1em} .info_prod_left_intra {margin-bottom: 3em;} /* BIBLIOTHEQUE */ .content-right #Haut a {text-decoration: none;} /* LIVRAISON */ .agence_all img {max-width: 738px !important;} .content-right>img:first-child {margin-top: 0 !important} /* DEMANDE DE CATALOGUE */ .content-right form.col-parent.demande-de-catalogue {float: none;width:auto;color: #373737;background: transparent url(../img/assets/pic/cata-15.jpg) no-repeat 0px 45px} .content-right form.col-parent.demande-de-catalogue select {font-size: .8125em} .content-right form.col-parent.demande-de-catalogue p.form-line {/*margin:.25em 0;*/} .content-right form.col-parent.demande-de-catalogue label, .content-right .contact label {float: left;display: block;width:106px;margin:0;padding-top: .5em;} .content-right form.col-parent.demande-de-catalogue label.required, .content-right .contact label.required {font-weight: bold} .content-right form.col-parent.demande-de-catalogue label[for="demande-de-catalogue-dmd"], .content-right form.col-parent.demande-de-catalogue label.field {width:100% !important;} .content-right form.col-parent.demande-de-catalogue input[type=text] {width:60% !important;margin: 0 !important;} .content-right form.col-parent.demande-de-catalogue .align-right {text-align: left;} .content-right form.col-parent.demande-de-catalogue .align-right input {padding:0.6em 2.5em !important;} /* VISITEUR AGENCE */ .content-right form.col-parent.visiteurs-agence {float: none;width:auto;color: #373737;} .content-right form.col-parent.visiteurs-agence select {font-size: .8125em} .content-right form.col-parent.visiteurs-agence p.form-line {/*margin:.25em 0;*/} .content-right form.col-parent.visiteurs-agence label, .content-right .contact label {float: left;display: block;width:106px;margin:0;padding-top: .5em;} .content-right form.col-parent.visiteurs-agence label.required, .content-right .contact label.required {font-weight: bold} .content-right form.col-parent.visiteurs-agence label[for="demande-de-catalogue-dmd"], .content-right form.col-parent.visiteurs-agence label.field {width:100% !important;} .content-right form.col-parent.visiteurs-agence input[type=text] {width:60% !important;margin: 0 !important;} .content-right form.col-parent.visiteurs-agence .align-right {text-align: left;} .content-right form.col-parent.visiteurs-agence .align-right input {padding:0.6em 2.5em !important;} /* HISTOIRE */ .histoire h2 {text-transform: uppercase;font-size: 20px;margin:1.5em 0 .5em;} .histoire div, div.partenaires{background-color:#e6f0f4;background-repeat:no-repeat;background-position:20px 20px;padding: 1em 1em 1em 200px} .histoire div ul {list-style-type: none;padding-left: 0;margin:0;} .histoire div li {margin:0 0 1em 0;} .histoire .periode1 {background-image:url(../img/assets/histoire/1878-1957.jpg);} .histoire .periode2 {background-image:url(../img/assets/histoire/1958-1991.jpg);} .histoire .periode3 {background-image:url(../img/assets/histoire/HA-FXA.jpg);} .histoire .periode4 {background-image:url(../img/assets/histoire/carte-implantation.jpg);} /* CONTACT */ .photo-ctns {position: absolute;right:120px;top:96px;width:138px;} .photo-ctns img {border:#1180bb 4px solid;width:130px !important;height:180px;} form.contact input[type=text] {width:56% !important;} form.contact .full-width {width:100%;padding:.5em 0;margin-bottom: 1em;} .col-contactez-nous-1 p:last-child label {color:#1098dd;} .col-contactez-nous-2 {margin-left: 0 !important;} .col-contactez-nous-2 p {margin-top: 1.5em} .col-contactez-nous-2 textarea {width:56% !important;} p.form-line {margin:.5em 0} /* CREATION COMPTE */ .login-client input[type=text], .info_prod_action_inner .btn_F9C816{ margin: .5em 0; padding: .5em .3em; color: #373737; font: 400 0.8125em "humanist_777_light_condenseRg",arial,helvetica,sans-serif; background-color: #f6f6f6; border: solid 1px #d5d5d5; border-radius: 3px;} .login-client input[type=submit], .info_prod_action_inner .btn_F9C816 { background-color: #fd0; background-image: -moz-linear-gradient(top, #fd0, #fd0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd0), to(#fd0)); background-image: -webkit-linear-gradient(top, #fd0, #fd0); background-image: -o-linear-gradient(top, #fd0, #fd0); background-image: linear-gradient(to bottom, #ffdd00,#ffdd00); background-repeat: repeat-x; display: inline-block; min-width: 100px; padding: .6em 1em; font: 400 1.0625em/1.1em "humanist_777_condensedbold",arial,helvetica,sans-serif; color: #373737; text-align: center; text-decoration: none; border: none; -webkit-box-shadow: 0 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px rgba(0,0,0,0.3); box-shadow: 0 1px rgba(0,0,0,0.3); border-radius: 3px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .login-client input[type=submit]:hover, .login-client input[type=submit]:focus, .info_prod_action_inner .btn_F9C816:hover { color: white; background-color: #087cb0; background-image: -moz-linear-gradient(top, #0e84ba, #0070a3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0e84ba), to(#0070a3)); background-image: -webkit-linear-gradient(top, #0e84ba, #0070a3); background-image: -o-linear-gradient(top, #0e84ba, #0070a3); background-image: linear-gradient(to bottom, #0e84ba,#0070a3); background-repeat: repeat-x; } /* FICHE PRODUIT INTRANET */ .info_prod_intra_right {width:42.55319149%;float:left;z-index: 90;} .info_prod_right_stock,.info_prod_right_dispo,.info_prod_right_stock_action {border-bottom:#d5d5d5 1px solid;margin:.15em 0;padding-bottom:.15em} .info_prod_right_stock {border-bottom: none;} .info_prod_right_stock_action, .info_prod_right_dispo, .info_prod_txt strong span {font-weight: bold;font-size:1.2em !important;text-decoration: none !important} .info_prod_right_stock_action {margin-bottom: 0} .info_prod_txt strong span {margin-bottom: 1em;} .info_prod_right_count, ul.prix {list-style-type: none;padding-left: 0} .info_prod_right_count {margin-top: 0} .info_prod_right_stock, .info_prod_right_count li {text-transform: uppercase;font-size: .8em} .info_prod_right_count li {display: inline-block;width:30%;margin-bottom: 0} .info_prod_right_count li span {font-weight: bold;color:#002D56;} ul.prix {clear: both;margin:1em 0;height:50px;border-top: 3px solid #787E8B;} ul.prix li {width:25%;color:black;padding:.15em 0;text-align: center;display:block;float:left;margin:0; font-size: 18px; font-weight: 700;} ul.prix .achat {color:#787E8B;} ul.prix .achat:before {content:'Prix d\'achat';display:block;text-align: center; font-size: 16px; font-weight:400;} ul.prix .v-mini{color:#787E8B;} ul.prix .v-mini:before {content:'Prix V. mini';display:block;text-align: center; font-size: 16px; font-weight:400;} ul.prix .tb2 {color:#787E8B;} ul.prix .tb2:before {content:'Prix TCA';display:block;text-align: center; font-size: 16px; font-weight:400;} ul.prix .client {color:#787E8B;} ul.prix .client:before {display:block;text-align: center; font-size: 16px; font-weight:400;} .info_prod_action_inner label {display: inline-block;font-weight: bold;width:110px;} .intranet .info_prod_action_com input {width:350px !important;left:113px;} .intranet .info_prod_action_com input.gratuit {width:130px !important;} .intranet #B1 {left: 10px} .intranet #B1, .intranet #B2 {color:white;background-color: #002D56;border:none;border-radius: 2px} .intranet .boutonbleu { color:white; background-color: #002D56; border:none; border-radius: 2px ; padding: 2px 5px 2px 5px;} .intranet .inputred { color:red; text-align : right; padding-right: 5px; } .cache { visibility:hidden;} .intranet #B2 {left:39px;} .info_prod_action_price small {zzleft:20px;color:#002D56;} .info_prod_action_price small.marge {zzleft:10px;} .quick-view {padding:1em;} .der_vente a {text-decoration: none} /* DEVELOPPEMENT DURABLE */ .developpement-durable .bloc_info_conseil, .developpement-durable .bloc_info_agence {background-color: #accd35} .developpement-durable .bloc_info_agence h3, .developpement-durable .bloc_info_agence label {color:white;} .developpement-durable .bloc_info_conseil strong {color:#373737;font-size: .75em} .developpement-durable .bloc_service_dd li strong span {text-transform: lowercase;} .developpement-durable .bloc_service_dd ul {list-style-type: none;padding-left: 0} .developpement-durable .bloc_service_dd li {background: transparent url(../img/feuille.gif) no-repeat 20px center} .developpement-durable .bloc_service_dd a {color:#373737;text-transform: uppercase;f/*ont-size: .75em;*/text-decoration: none;} .developpement-durable .bloc_service_dd li a {border-left: 10px solid #accd35;} .developpement-durable .bloc_service_dd li a strong {padding: 0px 0 10px 45px;width: 160px;} .developpement-durable .bloc_service_dd li a:hover strong {color:#accd35;} .developpement-durable .bloc_service_dd li a[title="Mini guide des labels"] strong, .developpement-durable .bloc_service_dd li a[title="Nos fabricants"] strong {padding-top: 7px} .dd-pacte {margin-top:2em;background:#e6f0f4 url(../img/assets/dd/global-compact.jpg) no-repeat right bottom;padding:1em 150px 1em 1em;} .space-line {height: 10px;} /* RECHERCHE */ .titre_b1.block2 {display: block} .titre_b1.hidden2, .titre_b1 {display: none;} .search .titre_b1 {height:300px;} .search .titre_b1:hover, .search .titre_b1:hover img {border-color: #1098dd;color: #1098dd;cursor:pointer;} #content_01, .rech_supplm {margin-top: 20px} #content_02 div.rech_supplm:first-child {} .rech_supplm b {text-transform: uppercase;font-size: 1.125em;} .rech_supplm .titre_b3 {display: inline-block;} .rech_supplm .titre_b3, .rech_supplm input {margin-left: 1em} .rech_supplm .titre_b3 a {text-decoration: none} .rech_supplm .titre_b3 a:hover {text-decoration: underline;} .rech_supplm .titre_b3 a big{display: none} .erreur_b {Zbackground: #e21010 url(../img/warning.png) no-repeat 8px 7px;color:#e21010;border-left:#e21010 10px solid;padding:.3em .5em .3em 2em;} .erreur_b, .pagd {margin-bottom: 20px;} .pagd {text-align: right;height: 32px;padding-right: 12px;} .pagd span:first-child{display:inline-block;padding:.5em .75em;font-size: .75em;position: absolute;left:0;} .search .titre_b1 img {border-top: #d5d5d5 1px solid;} .search .titre_b1 .titre_b2 {padding:.2em .5em;display: inline-block;line-height: 1.2em; height: 3.6em;} .pagd span:nth-child(3), .pagd span:nth-child(4), .search form .pagd2:nth-child(2) span:nth-child(3), .search form .pagd2:nth-child(2) span:nth-child(4) {color:white;} .pagd span:nth-child(4), .search form .pagd2:nth-child(2) span:nth-child(4) {position: absolute;right: 0;top:4px;} .pagd span:nth-child(3), .pagd span:nth-child(4), .pagd span:nth-child(5), .pagd span:nth-child(6), .pagd span:nth-child(7), .pagd span:nth-child(8), .pagd span:last-child {margin-top: 8px;} /* RECHERCHE 2 */ .search .bloc_prod, .titre_b1 {height: 439px} .search form .pagd2 {margin-bottom: 20px;} .search form .pagd2:nth-child(2) {text-align: right;padding-right: 18px;} .search form .pagd2:first-child span, .search form .pagd2:nth-child(2) span:first-child, .search form .pagd2:nth-child(2) span:nth-child(2) {display: inline-block;padding:.5em .75em;font-size: .875em;} .search form .pagd2:nth-child(2) span:first-child, .search form .pagd2:nth-child(2) span:nth-child(2) {position: absolute;left:0;} .search form .pagd2:nth-child(2) span:nth-child(2) {left:80px;} .search form .pagd2:nth-child(2) span:nth-child(3), .search form .pagd2:nth-child(2) span:nth-child(4), .search form .pagd2:nth-child(2) span:nth-child(5), .search form .pagd2:nth-child(2) span:nth-child(6) {margin-top: 8px;} .article_b1 .codearticle, .article_b1 .logofrs {height: 30px;top: 10px;} .article_b1 .codearticle {position: absolute;left:10px;} .article_b1 .logofrs {float: right;right: 10px;} .article_b1 center img {top:10px;} .article_b1 .article_b1_des, .article_b1 .article_b1_price {text-align: center;} .article_b1 .article_b1_des {height: 66px;padding: 0 10px;display: block;overflow: hidden;} .article_assoc .article_b1_des { height: 2.4em; line-height:1em; overflow: hidden; } /* PARTENAIRES */ div.partenaires {padding-left: 1em;min-height: 144px;height:144px;height: auto !important;} div.partenaires>a:first-child {position: absolute;left:1em;top: 1em;z-index: 90} div.partenaires p {padding-left: 366px;margin: 0;font-size: .8125em;} div.partenaires .lien-partenaire {margin-top:1em;font-size: 1.23076923076923076923em;} /* FOOTER */ .footer {margin-top: 0px} .footer_espace {border: #e5e5e5 1px solid;background-color: #f2f2f2;border-right: none;border-left: none;} .footer_espace_inner:before {content:"Consultez nos espaces";display: block;font-size:20px;padding:1em 0 10px;text-transform: uppercase;} .footer_espace_inner p {display: inline-block; float: none;width:218px;margin-right: 18px;margin-bottom: 40px;} .footer_espace_inner p a:hover img, .info_prod_action_com input, .info_prod_condi select, .info_prod_volume input {-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.3) inset;box-shadow: 0px 1px 2px rgba(0,0,0,.3) inset;} .footer_espace_inner p:last-child {margin-right: 0} .footer_link_inner {background-color: #f2f2f2} .footer_link_content {overflow: hidden;} .footer_service {padding: 0;max-width: 940px;margin: 0 auto;padding:38px 0;clear:both;height: 60px} .footer_service ul {list-style-type: none;padding: 0;} .footer_service li {float: left;width:23.4043%;margin-right: 2.1276%;} .footer_service li:last-child {margin-right: 0} .footer_service li:first-child {background-position: 30px -88px;} .footer_service li:nth-child(2) {background-position: 30px -248px;} .footer_service li:nth-child(3) {background-position: 30px -566px;} .footer_service li:nth-child(4) {background-position: 30px -406px;} .footer_service li:hover:first-child {background-position: 30px -168px;} .footer_service li:hover:nth-child(2) {background-position: 30px -328px;} .footer_service li:hover:nth-child(3) {background-position: 30px -646px;} .footer_service li:hover:nth-child(4) {background-position: 30px -486px;} .footer_service a {display: block;height: 0;border-top: 14px solid transparent;border-left: 14px solid #002D56;border-bottom: 14px solid transparent;text-decoration: none;} .footer_service span {padding-left: 60px;top:-15px;text-align:center;max-width:100px;text-transform: uppercase;display: block;height:44px;font-size: .75em} .footer_service .service_livraison span {top:-6px;} .footer_service .service_frais span {max-width:130px;} .footer_service li:last-child span {margin-right: 0} .footer_link_content .footer_link_bloc {width:23.4043%;float:left;margin-right: 2.1276%;} .footer_link_content p.clear, .footer_link_content br {display: none;} .footer_link_content div:nth-child(6) {background-color:#e7e7e7;height: 230px; margin-right: 0} .footer_link_content div:nth-child(7) {clear: both; width: 100%;border-top: white 20px solid;background-color: #002D56;background-image: url(../img/footer-logo.png), url(../img/footer-phone.png); background-position: 20px center, right 37px;background-repeat: no-repeat;color:white;height: 120px} .footer_link_content div:nth-child(7) p, .footer_link_content div:nth-child(7) h3 {margin:.5em 0 .25em 76.59574468085106383%;} .footer_link_content div:nth-child(7) p {display: none} .footer_link_content div:nth-child(7) p.footer_link_phone {display: block;margin-top:0;} .footer_link_bloc ul, .footer_link_bloc h3, .footer_link_bloc p, .footer_link_bloc form {margin:20px;} .footer_link_bloc form label {display: none} .footer_link_bloc form :nth-child(2), .footer_link_bloc form .footer_link_send {background-color:white;border:#d5d5d5 1px solid;height:32px;line-height: 32px;padding:0 .25em;} .footer_link_bloc form :nth-child(2) {width: 130px;} .footer_link_bloc form .footer_link_select, .footer_link_bloc form .footer_link_text {width: 150px; padding: 6.5px 8px; background-color: #F6F6F6; border: 1px solid #D5D5D5; border-radius: 3px; color: #373737; font: 300 0.8125em "humanist_777",arial,helvetica,sans-serif; } .footer_link_bloc form .footer_link_text { width: 100px; } .footer_link_bloc form .footer_link_select option { background:none; height: auto; width: auto; border: none; color: #5a5a5a; line-height:17px; padding: 6.5px 8px; } .footer_link_bloc form .footer_link_send {background-position:-274px 6px;text-indent: -99999px;top: 0px;left: -5px;height:34px;width:35px;} .footer_link_bloc form .footer_link_send:hover {background-position:-274px -34px;} .footer_link_bloc h3 {font-size:1.125em;} .footer_link_bloc ul {list-style-type: none;padding: 0;} .footer_link_bloc ul a, .footer_link_bloc p {font-size: .8125em;line-height: 1.4em;} .footer_link_bloc ul a {text-decoration: none;color:#2a2a2a;} .footer_link_bloc li {background-color: transparent !important;height: auto !important;width: auto !important} .footer_link_content :nth-child(7) p.footer_link_phone strong, .bloc_prod_see a, .bloc_prod_price, .bloc_catalogue, .onglet_on h3, .left_marque, .bloc_prod, table, .content.compte table, .info_prod_action, .info_prod_add input, .info_prod_left_image, .info_prod_left .info-bulle, .info_prod_action_com input, .info_prod_condi select, .info_prod_volume input, .bloc_service li, .basket h3, .basket ul, .developpement-durable .bloc_service_dd li, .titre_b1, .pagd span:first-child, .search form .pagd2:first-child span, .search form .pagd2:nth-child(2) span:first-child, .search form .pagd2:nth-child(2) span:nth-child(2), .lien-partenaire, .btn_F9C816, .quick-view, .article_b1_price, .article_b1_voir, .pager h3 {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px} .footer_link_content :nth-child(7) p.footer_link_phone strong {display:inline-block;padding:.5em;background-color:#0f8cc4;} .footer_link_content :nth-child(7) p.footer_link_phone span {display:block;clear:both;color:black;font-size:.6875em;padding-top: .5em;} .footer_produit p {font-size: 0.8125em;text-align: center;padding:1em 0;} .footer_produit p span:after {content:' : ';} /* Image replacement */ .ir{ background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px} .ir:before{ content:""; display:block; width:0; height:150%} .hidden{ display:none !important; visibility:hidden} .visuallyhidden{ border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{ clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto} .invisible {visibility: hidden;} .clearfix:before, .clearfix:after{ content:""; /* 1 */ display:table; /* 2 */} .clearfix:after{ clear:both} /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix {*zoom: 1;} /* ========================================================================== EXAMPLE Media Queries for Responsive Design. Theses examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print{ *{ background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important} a, a:visited{ text-decoration:underline} a[href]:after{ content:"("attr(href) ")"} abbr[title]:after{ content:"("attr(title) ")"} /* Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{ content:""} pre, blockquote{ border:1px solid #999; page-break-inside:avoid} thead{ display:table-header-group} tr, img{ page-break-inside:avoid} img{ max-width:100% !important} @page{ margin:0.5cm} p, h2, h3{ orphans:3; widows:3} h2, h3{ page-break-after:avoid} .imprime {display :block;} } .imprime {display :none;} /* ACCOUNT */ .account {z-index: 99;font-size: .825em} .account h3 a {text-decoration: none} .account form, .account ul {position: absolute;} .account form {top: 36px;padding:10px;width:308px;height: 48px;background-color:#e7e7e7;} .account form span {display:block;background: transparent url(../img/login-form.png) no-repeat left top;position: absolute;top: -12px;right: 23px;width: 22px;height:15px;} .account ul {top:66px;left:10px;list-style-type: none;} .account li {float:left;margin-right: 1em} .account li a {display:block;} .account form, .account form input {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-right: 4px} .account input[type=text] {width:124px;} .account input[type=password] {width: 100px;} .account input[type=text], .account input[type=password] { margin: 0 6px 0 0; padding: 4px 6px; height: 18px; line-height: 18px; color: #373737; font-family: "humanist_777_light_condenseRg", arial, helvetica, sans-serif; background-color: #f6f6f6; border: solid 1px #d5d5d5;} .account form input[type=submit] {font-weight: bold; top:-1px; height: 28px; width: 34px; font: 400 0.8125em "humanist_777_light_condenseRg", arial, helvetica, sans-serif; text-align: center; text-decoration: none; border: #ffe400 1px solid; border-right: none; border-bottom: none; color: #4a410a; font-size: 1.0625em; background: rgb(255,221,0); background: -moz-linear-gradient(top, rgb(255,221,0) 0%, rgb(240,205,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,221,0)), color-stop(100%,rgb(240,205,0))); background: -webkit-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); background: -o-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); background: -ms-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); background: linear-gradient(to bottom, rgb(255,221,0) 0%,rgb(240,205,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdd00', endColorstr='#f0cd00',GradientType=0 );} .account form input[type=submit]:hover, .account form input[type=submit]:focus {color: white;border-color: #119dc8; background-color: #087cb0; background-image: -moz-linear-gradient(top, #0e84ba, #0070a3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0e84ba), to(#0070a3)); background-image: -webkit-linear-gradient(top, #0e84ba, #0070a3); background-image: -o-linear-gradient(top, #0e84ba, #0070a3); background-image: linear-gradient(to bottom, #0e84ba, #0070a3); background-repeat: repeat-x;} /* BLOCS ONGLETS */ .onglet_bloc {position: absolute;top: 0;width: 100%;} .onglet_bloc h3 {display: inline-block;width: auto;z-index:30;} .onglet_home .onglet_02 h3 {left:240px;} .onglet_home .onglet_03 h3 {left: 480px;} /* IE HACKS */ /* color:#000\9; IE9 et toutes les versions inférieures color:#f00\0/; uniquement IE8 */ .bloc_prod_stock:after {text-align: center} .footer_link_content :nth-child(7) {background-image: url(../img/ie-footer.png)\9;} .search .titre_b1 {height: 302px\9;} #R_RECH {height:32px;} #search_form_send { width:36px; height:34px; border: 1px solid #DFBA57;} .pagd span:nth-child(3), .pagd span:nth-child(4), .search form .pagd2:nth-child(2) span:nth-child(3), .dp-nav .bt_nav_next:hover, .pagd span:nth-child(4):hover, .search form .pagd2:nth-child(2) span:nth-child(4) {top: 12px\9;} .footer_link_bloc form .footer_link_send {top:0px\9;} /* INFITEX internal use */ .article_b1_c { font-size: 12px; margin-top: 20px; } .article_b1_c input[type="button"] { background:#b3d4fc; color: black; font-size: 10px; } .article_b1_c label, .article_b1_c input { vertical-align: middle; } .article_b1_e { border: 1px solid darkgray; padding-left : 3px;padding-right : 3px; border-radius: 3px ; display: none; } .degrade_gris { background: #efefef; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGU2ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #efefef 1%, #ede6d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(100%,#ede6d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efefef 1%,#ede6d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efefef 1%,#ede6d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efefef 1%,#ede6d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #efefef 1%,#ede6d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ede6d5',GradientType=0 ); /* IE6-8 */ } .comp_supplm b { border-left: #1098dd 7px solid; padding-left: 10px; text-transform: uppercase; font-size: 14px; } .tablo_comparatif .td1 { /* border-collapse: collapse; */ border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 0px 5px 0px 5px; } /* Eoj INFITEX */ /*------------- INFITEX AME -------------*/ /*------------- AUTOCOMPLETE -------------*/ .autocomplete-w1 { font-size:12px; background:url(/img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap;} .autocomplete strong { font-weight:normal; color:#3399FF;} .nodisplay {display: none;} .mise_en_avant {color : red;} /* responsive tablette paysage */ @media screen and (max-width:940px) { .header_left { width: auto; max-width: 30%; margin: 0 0 5px 5px; text-align: center; } .logo { float: none; } .logo img { display: block; margin: 0 auto; } p.logo_label { margin: 0; font-size: 12px; } p.logo_label strong { font-size: 14px; } .header_right { width: 400px; } .recrutement, .blog, .account h3 { width: 30px; height: 30px; margin-right: 10px; font-size: .1px; } .account h3 { left: 81px; width: auto; padding: 0; } .account h3 a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .account h3.logged a { position: static; font-size: 12px; } p.disconnect { top: 40px; } .account form { width: 233px; margin-right: 0; } .account input[type=text], .account input[type=password] { width: 75px; } .account form input[type=submit] { margin-right: 0; } .account li { margin-right: 10px; } .basket { margin: 0 5px 0 0; } .basket h3 { margin: 0; } /* menu */ .menu { height: auto; } .menu_content { text-align: center; font-size: .1px; } .menu_content li { display: inline-block; font-size: 16px; } /* sidebar */ .content_left, #content_02 { float: none; width: auto; margin: 0 5px 10px; } .content_left .content_left { margin: 0; } .content_left:after { content: ''; display: table; clear: both; } .content_left > div { float: left; width: 49%; } .bloc_info, .bloc_service + .bloc_service { display: none; } .content_left > div + div h3 { margin: 0; } .bloc_service { text-align: center; } .bloc_service a { display: inline-block; } .content_left .bloc_catalogue { float: right; margin: 0; } .content_left .bloc_catalogue h3 { margin: 10px 10px 0; line-height: 1.1em; } .menu_content a { border: none; } /* MAIN */ .content-right, #content_01 { float: none; width: auto; margin: 0 5px 10px; } .diaporama { display: none; /* slider non responsive */ } .onglet_bloc { width: 100% !important; } .pager h3 { display: inline-block; float: none; width: auto; } .pagd [id^=PG_] { vertical-align: super; } .container { width: auto !important; margin: 5px !important; } /* FOOTER */ .footer_link_bloc ul, .footer_link_bloc h3, .footer_link_bloc p, .footer_link_bloc form { margin: 20px 15px; } .footer_espace_inner { padding: 0 5px; font-size: .1px; } .footer_espace_inner p { width: 23.4%; margin-right: 2%; font-size: 16px; } .footer_service { padding: 30px 5px; } .footer_service ul { margin: 0; } .footer_service li { background: none; } .footer_service a { border: none; position: relative; height: auto; padding: 40px 0 0; text-align: center; } .footer_service a:before { content: ''; position: absolute; top: 0; left: 50%; width: 40px; height: 30px; margin: 0 -20px; background: transparent url(../img/sprites.png) no-repeat 0 -88px; } .footer_service a:hover:before { content: ''; background-position: 0 -168px; } .footer_service li:nth-child(2) a:before { background-position: 0 -248px; } .footer_service li:nth-child(2) a:hover:before { background-position: 0 -328px; } .footer_service li:nth-child(3) a:before { background-position: 0 -566px; } .footer_service li:nth-child(3) a:hover:before { background-position: 0 -646px; } .footer_service li:nth-child(4) a:before { background-position: 0 -406px; } .footer_service li:nth-child(4) a:hover:before { background-position: 0 -486px; } .footer_service span { position: static; display: block; margin: 0 auto !important; padding: 0; line-height: 1.2em; } .footer_link_content .footer_link_bloc { width: 31.1429%; margin-right: 2.75%; } .footer_link_content div:nth-child(3) { margin-right: 0 !important; } .footer_link_content div:nth-child(6), .footer_link_content div:nth-child(7) { margin-right: 0; width: 100%; height: auto; } .footer_link_content div:nth-child(7) { background: #FFF; } .footer_link_content div:nth-child(7) h3, .footer_link_content div:nth-child(7) p:last-child { display: inline-block; margin: 0; } .footer_link_content div:nth-child(7) h3 { color: #0f8cc4; margin: 10px 10px 10px 15px; } .footer_link_content div:nth-child(7) p.footer_link_phone span { display: inline-block; margin-left: 10px; font-size: 12px; } .footer_produit { margin: 0 5px; } /* search */ #content_02 form:after { content: ''; display: table; clear: both; } .rech_supplm { float: left; width: 49%; margin-left: 2%; } .rech_supplm:nth-child(2n) { /* 1 rech_supplm en dehors */ clear: both; margin-left: 0; } .rech_supplm hr + br { display: none; } /* famille */ .search .titre_b1 { text-align: center; } .search .titre_b1 .titre_b2 { display: block; text-align: left; border-bottom: 1px solid #D5D5D5; } .search .titre_b1:hover .titre_b2 { border-bottom-color: #1098DD; } .search .titre_b1 img { border: none; } /*liste*/ .search form .pagd2 .pagi { margin-top: 5px; } .products-search-list table { width: 100%; } .products-search-list td { width: auto; padding: .3em; } /* soldes */ .soldes-bg { padding: 100px 5px 0; } .bloc_prod_soldes_sect, .bloc_prod_soldes_sect_red { width: 48.5%; margin-right: 2%; } .soldes-bg :nth-child(6n+4) { margin-right: 0; } .promotions { background: url(../img/bg-promotions-tablette.gif) repeat-x center 20px; } /* page produit */ .info_prod_left .info-bulle { background-color: #fff; background-color: rgba(255, 255, 255, 7); } .prod .content-full { margin: 0 5px; } .info_prod_left { margin: 0 10px 2em 0; z-index: 50; } .info_prod_left img { max-width: 90% !important; } .info_prod_left .info_prod_pic_video { display: block; } .info_prod_right, .desc_prod { float: none; width: auto; } .info_prod_cata_ifx, .read_more { float: none; display: inline-block; width: auto; height: auto; margin: 0 1em 0 0; } .info_prod_action_inner { padding: 20px; } .info_prod_action_com input { position: static; } .info_prod_add { margin: 0; } .info_prod_add input { top: -97px; } /* creation de compte */ .ariane { margin: 0 10px 10px !important; } .panier .content_global, .motdepasseperdu .content_global { width: auto !important; margin: 5px !important; } .intro-motdepasseperdu { width: 100% !important; margin: 0 0 5px !important; } .motdepasseperdu .demande-de-catalogue { width: 100% !important; margin: 0 !important; } /* demande catalogue */ .content-right form.col-parent.demande-de-catalogue { background: none; } .content-right form.col-parent.demande-de-catalogue > div { margin: 0 !important; width: auto !important; } form.demande-de-catalogue p.form-line { height: auto !important; } /* generique */ .no-float-tablette { float: none !important; } .no-display-tablette { display: none !important; } .respond-video { position: relative; padding: 56.25%; } .respond-video object, .respond-video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important:; } } @media screen and (max-width:600px) { /* header */ #top { text-align: center; margin: 5px; } .header_left { display: inline-block; float: none; width: auto; max-width: none; margin: 0 auto 5px; } .header_right { float: none; width: auto; padding-top: 1px; text-align: left; } .basket { margin-right: 0; } .header_search { height: auto; padding-bottom: 13px; } #Q { width: 200px; } /* sidebar */ .content_left > div, .content_left .bloc_catalogue { float: none; width: auto; margin: 0 0 .7em; } .rech_supplm { float: none; width: auto; } /* footer */ .footer_espace_inner p { width: 48.9%; margin: 0 0 2% 2%; } .footer_espace_inner p:nth-child(2n+1) { clear: both; margin-left: 0; } .footer_service { height: auto; } .footer_service ul:after { content: ''; display: table; clear: both; } .footer_service li { width: 48.9%; margin: 0 0 2% 2%; } .footer_service li:nth-child(2n+1) { clear: both; margin-left: 0; } .footer_link_content .footer_link_bloc, .footer_link_content div:nth-child(6) { width: 50%; height: 200px; margin: 0; } .footer_link_bloc ul, .footer_link_bloc h3, .footer_link_bloc p, .footer_link_bloc form { margin: 10px; } .footer_link_content div:nth-child(7) h3, .footer_link_content div:nth-child(7) p:last-child { display: block; margin: 0 10px; } /* page liste */ .bloc_prod, .bloc_prod_soldes_sect, .bloc_prod_soldes_sect_red, .titre_b1, .article_b1 { float: none; width: auto; max-width: 250px; margin: 0 auto 20px !important; } .pager { text-align: center; } .pager h3 { margin-top: 0; } .onglet_home { height: auto; } .onglet_bloc { position: relative !important; } /* recherche */ .products-search-list .aff_prod_table_titre + .aff_prod_table_titre, .products-search-list .zzbloc_prod_list td:last-child { display: none; } tr[style] { height:5px !important; } tr[style] td { height:5px; padding: 0; } /* page produit */ .info_prod_left { float: none; width: auto; margin: 0 0 2em; } .info_prod_price { float: none; width: auto; margin: 0; } .info_prod_action_inner label { width: 28%; } .info_prod_condi select, .info_prod_action_com input { position: static; padding : 2px 1%; width: 69% !important; } .info_prod_condi select { width: 71% !important; } .info_prod_action_com:after { content: ''; display: table; clear: both; } .info_prod_add { text-align: right; } .info_prod_add input { display: inline-block; position: static; width: auto; } .info_prod_fiche img { margin-top: 5px; } .info_prod_fiche a:after { content: ''; display: block; } .gamme_prod td { width: auto; padding: .2em; } /* promotions **/ .promotions #Haut { height: auto; } .promotions { background: url(../img/bg-promotions-phone.gif) repeat-x center 20px; } /* generique */ .no-float-phone { float: none !important; } .no-display-phone { display: none !important; } } @media screen and (max-width:450px) { /* header */ .basket { float: none; margin-top: 50px; } /* footer */ .footer_link_content .footer_link_bloc, .footer_link_content div:nth-child(6) { width: 100%; height: auto; margin: 0; } /* page produit */ .info_prod_action_inner label { width: 100%; } .info_prod_volume label { width: 30%; } .info_prod_condi select, .info_prod_action_com input { position: static; padding : 2px 1%; width: 97% !important; } .info_prod_condi select { width: 100% !important; } /* page liste */ .zzbloc_prod_list { position: relative; display: block; padding: 5px; } .zzbloc_prod_list:after { content: ''; display: table; clear: both; } .zzbloc_prod_list td:first-child { float: left; margin-right: 5px; } .zzbloc_prod_list td { display: block; width: auto !important; padding: 0; } .zzbloc_prod_list td[align=center] { position: absolute; top: 5px; right: 5px; width: auto !important; } .zzbloc_prod_list .bloc_prod_title { overflow: hidden; } .zzbloc_prod_list .bloc_prod_title a, .zzbloc_prod_list .bloc_prod_ref a { line-height: 1.2em; } .zzbloc_prod_list .bloc_prod_price_ame { float: right; line-height: 1em; } .zzbloc_prod_list .bloc_prod_price_ame br { display: none; } .zzbloc_prod_list .bloc_prod_price_ame small { margin-left: 5px; } /* demande catalogue */ .content-right form.col-parent.demande-de-catalogue p.form-line input[type="text"] { width: 91% !important; } form.demande-de-catalogue p.form-line { height: auto !important; } /* generique */ .no-float-small-phone { float: none !important; } .no-display-small-phone { display: none !important; } } .article_assoc { float: left; border: 1px solid gray; width: 220px; height: 326px; margin: 5px; padding-left: 3px; } .article_assoc:hover {cursor : pointer;} .article_assoc_article_b1_voir { font-weight:bold;text-align:center;text-decoration:none;padding:.5em 0;display: block;border:#ffe400 1px solid; margin: 5px 3px 3px; border-right:none;border-bottom:none;color:#4a410a;font-size: 1.0625em; background: rgb(255,221,0); /* Old browsers */ background: -moz-linear-gradient(top, rgb(255,221,0) 0%, rgb(240,205,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,221,0)), color-stop(100%,rgb(240,205,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(255,221,0) 0%,rgb(240,205,0) 100%); /* W3C */ } div#bloc-tag-norme { margin-top: 10px; } div#bloc-tag-norme ul { list-style-type: none; margin: 0 auto; padding: 0 40px; } div#bloc-tag-norme ul li { display: inline-block; width: 55px; padding-bottom: 10px; } div#bloc-tag-norme ul li span { font-size: 13px; } /* This is the visible area of you carousel. Set a width here to define how much items are visible. The width can be either fixed in px or flexible in %. Position must be relative! */ .info_prod_carousel div.jcarousel, .info_prod_carousel div { position: relative; overflow: hidden; width: 320px; height: 46px; margin: 0 auto; } /* This is the container of the carousel items. You must ensure that the position is relative or absolute and that the width is big enough to contain all items. */ .info_prod_carousel .jcarousel ul, .info_prod_carousel div ul { width: 20000em; position: relative; /* Optional, required in this case since it's a