@media (min-width: 1024px){ .centerColumn{padding: 5px 0px 5px 0px;} #navBreadCrumb{padding: 15px 0px 5px 0px;} .centerBoxContentsCrossSell{height:310px;} } @media (min-width: 990px) and (max-width: 1024px) { .centerColumn,#navBreadCrumb{padding: 5px 5px 5px 5px;} #navBreadCrumb{padding: 15px 5px 5px 5px;} .centerBoxContentsCrossSell{height:304px;} } @media (min-width: 1100px){#col_droite_listing .productPriceDiscount{right: 395%;}} @media (min-width: 1000px)and (max-width: 1009px){#col_droite_listing .productPriceDiscount{right: 382%;}} @media (min-width: 970px)and (max-width: 999px){#col_droite_listing .productPriceDiscount{right: 375%;}} @media (min-width: 950px)and (max-width: 969px){#col_droite_listing .productPriceDiscount{right: 365%;}} @media (min-width: 930px)and (max-width: 949px){#col_droite_listing .productPriceDiscount{right: 360%;}} @media (min-width: 900px)and (max-width: 929px){#col_droite_listing .productPriceDiscount{right: 455%;}} @media (min-width: 880px)and (max-width: 899px){#col_droite_listing .productPriceDiscount{right: 445%;}} @media (min-width: 860px)and (max-width: 879px){#col_droite_listing .productPriceDiscount{right: 435%;}} @media (min-width: 840px)and (max-width: 859px){#col_droite_listing .productPriceDiscount{right: 425%;}} @media (min-width: 820px)and (max-width: 839px){#col_droite_listing .productPriceDiscount{right: 415%;}} @media (min-width: 800px)and (max-width: 819px){#col_droite_listing .productPriceDiscount{right: 405%;}} @media (min-width: 780px)and (max-width: 799px){#col_droite_listing .productPriceDiscount{right: 395%;}} @media (min-width: 760px)and (max-width: 779px){#col_droite_listing .productPriceDiscount{right: 385%;}} @media (min-width: 740px)and (max-width: 759px){#col_droite_listing .productPriceDiscount{right: 375%;}} @media (min-width: 720px)and (max-width: 739px){#col_droite_listing .productPriceDiscount{right: 365%;}} @media (min-width: 711px)and (max-width: 719px){#col_droite_listing .productPriceDiscount{right: 360%;}} @media (min-width: 481px)and (max-width: 710px){#col_droite_listing .productPriceDiscount{top: -60px; right: 101%;}} @media (max-width: 480px){#col_droite_listing .productPriceDiscount{top: -59px; right: 99%;width: 105px;font-size: 10px;}} @media (min-width: 1001px){.additionalImages { max-width: 95px;}} @media (min-width: 950px)and (max-width: 1000px){.additionalImages { max-width: 90px;}} @media (min-width: 901px)and (max-width: 950px){.additionalImages { max-width: 85px;}} @media (min-width: 851px)and (max-width: 900px){.additionalImages { max-width: 80px;}} @media (min-width: 801px)and (max-width: 850px){.additionalImages { max-width: 75px;}} @media (min-width: 771px)and (max-width: 800px){.additionalImages { max-width: 73px;}} @media (min-width: 741px)and (max-width: 770px){.additionalImages { max-width: 71px;}} @media (min-width: 731px)and (max-width: 750px){.additionalImages { max-width: 69px;}} @media (min-width: 711px)and (max-width: 730px){.additionalImages { max-width: 67px;}} @media (min-width: 681px)and (max-width: 710px){.additionalImages { max-width: 64px;}} @media (min-width: 651px)and (max-width: 680px){.additionalImages { max-width: 61px;}} @media (min-width: 621px)and (max-width: 650px){.additionalImages { max-width: 58px;}} @media (min-width: 591px)and (max-width: 620px){.additionalImages { max-width: 55px;}} @media (min-width: 561px)and (max-width: 590px){.additionalImages { max-width: 51px;}} @media (min-width: 531px)and (max-width: 560px){.additionalImages { max-width: 47px;}} @media (min-width: 481px)and (max-width: 530px){.additionalImages { max-width: 44px;}} @media (min-width: 950px)and (max-width: 990px){.centerBoxContentsCrossSell{height:295px;}} @media (min-width: 920px)and (max-width: 950px){.centerBoxContentsCrossSell{height:285px;}} @media (min-width: 890px)and (max-width: 920px){.centerBoxContentsCrossSell{height:280px;}} @media (min-width: 860px)and (max-width: 890px){.centerBoxContentsCrossSell{height:270px;}} @media (min-width: 830px)and (max-width: 860px){.centerBoxContentsCrossSell{height:265px;}} @media (min-width: 800px)and (max-width: 830px){.centerBoxContentsCrossSell{height:257px;}} @media (min-width: 800px){#productGeneral .liste_declinaisons { width: 60%;} #productGeneral .product_titles{width: 59.4%;}} @media (min-width: 770px)and (max-width: 800px){#productGeneralImages.with_add_images{height: 395px;}#productGeneralImages .box_image_verticale{margin-top:-75px;}.centerBoxContentsCrossSell{height:250px;}#productGeneral .product_titles,#productGeneral #cart {width:59.3%;}} @media (min-width: 740px)and (max-width: 770px){#productGeneralImages.with_add_images{height: 380px;}#productGeneralImages .box_image_verticale{margin-top:-70px;}.centerBoxContentsCrossSell{height:242px;}#productGeneral .product_titles,#productGeneral #cart{width:59.3%;}} @media (min-width: 710px)and (max-width: 740px){#productGeneralImages.with_add_images{height: 365px;}#productGeneralImages .box_image_verticale{margin-top:-65px;}.centerBoxContentsCrossSell{height:234px;}#productGeneral .product_titles,#productGeneral #cart{width:59.3%;}} @media (min-width: 680px)and (max-width: 710px){#productGeneralImages.with_add_images{height: 350px;}#productGeneralImages .box_image_verticale{margin-top:-65px;}.centerBoxContentsCrossSell{height:234px;} #productGeneral .product_titles,#productGeneral #cart{width:59.28%;}} @media (min-width: 650px)and (max-width: 680px){#productGeneralImages.with_add_images{height: 335px;}#productGeneralImages .box_image_verticale{margin-top:-60px;}.centerBoxContentsCrossSell{height:219px;}#productGeneral .product_titles,#productGeneral #cart{width:59.28%;}} @media (min-width: 620px)and (max-width: 650px){#productGeneralImages.with_add_images{height: 318px;}#productGeneralImages .box_image_verticale{margin-top:-60px;}.centerBoxContentsCrossSell{height:310px;}#productGeneral .product_titles,#productGeneral #cart{width:59.24%;}} @media (min-width: 590px)and (max-width: 620px){#productGeneralImages.with_add_images{height: 305px;}#productGeneralImages .box_image_verticale{margin-top:-55px;}.centerBoxContentsCrossSell{height:299px;}#productGeneral .product_titles,#productGeneral #cart{width:59.2%;}} @media (min-width: 560px)and (max-width: 590px){#productGeneralImages.with_add_images{height: 288px;}#productGeneralImages .box_image_verticale{margin-top:-55px;}.centerBoxContentsCrossSell{height:285px;}#productGeneral .product_titles,#productGeneral #cart{width:59.15%;}} @media (min-width: 530px)and (max-width: 560px){#productGeneralImages.with_add_images{height: 272px;}#productGeneralImages .box_image_verticale{margin-top:-50px;}.centerBoxContentsCrossSell{height:295px;}#productGeneral .product_titles,#productGeneral #cart{width:59%;}} @media (min-width: 500px)and (max-width: 530px){#productGeneralImages.with_add_images{height: 258px;}#productGeneralImages .box_image_verticale{margin-top:-50px;}.centerBoxContentsCrossSell{height:285px;}#productGeneral .product_titles,#productGeneral #cart{width:59%;}} @media (min-width: 480px)and (max-width: 500px){#productGeneralImages.with_add_images{height: 245px;}#productGeneralImages .box_image_verticale{margin-top:-50px;}.centerBoxContentsCrossSell{height:275px;}#productGeneral .product_titles,#productGeneral #cart{width:59%;}} @media (min-width:481px) and (max-width:767px){ .ligne_type_livraison{margin-bottom:5px;} .titre_type_livraison{padding:5px 0 5px 0;} .ligne_transporteur{width: 100%; margin: 8px 0 8px 0;height: auto; max-height: 285px;} .descriptionLivraison,.descriptionLivraison_vert{height: 120px;padding: 1.5% 4%;} #shippingInfo .descriptionLivraison,#shippingInfo .descriptionLivraison_vert{height: 100px;padding: 1.5% 4%;} .descriptionLivraisonRelais,.descriptionLivraisonRdv{height: 130px;padding: 1.5% 4%;} .descriptionLivraisonPalette,.descriptionLivraisonEurope{height: 120px;padding: 1.5% 4%;} .ligne_paiement{width: 100%; margin: 8px 0 8px 0;} .descriptionPaiement,.descriptionPaiement_vert{height: 82px;padding: 1.5% 4%;} .point_relais_infos{right: 20px;margin: -40 0 0 0;} .point_relais_adress{width: 60%;} .point_relais_distance{width: 95%; margin: auto; text-align: right; padding-top: 35px;} #prevOrders #tableHeading{display:none;} #prevOrders .rowEven, #prevOrders .rowOdd {min-height: 120px; height: auto;} #prevOrders #ordercolnew1, #prevOrders .ordercolnew1 { width: 20%; float: left; padding-left: 5px; padding-bottom: 10px;} #prevOrders #ordercolnew2, #prevOrders .ordercolnew2 { width: 40%; float: left; text-align: center; padding-bottom: 10px;} #prevOrders #ordercolnew3, #prevOrders .ordercolnew3 { width: 40%; float: left; padding-bottom: 10px;} #prevOrders #ordercolnew4, #prevOrders .ordercolnew4 { width: 60%; float: left; padding-left: 5px;} #prevOrders #ordercolnew5, #prevOrders .ordercolnew5 { width: 40%; float: left; text-align: left;} #prevOrders #ordercolnew6, #prevOrders .ordercolnew6 { display:none} #prevOrders #ordercolnew7, #prevOrders .ordercolnew7 { display:none} .voir_detail_facture_responsive,.facture_boxcenter_listing_account_responsive{display:initial;} #accountContactSav .tableHeading{display:none;} } @media (min-width:768px){ input.recommander{float:right;} } @media (min-width:770px) and (max-width:830px){.titre_xsellproducts {font-size:11px;}} @media (min-width:700px) and (max-width:770px){.titre_xsellproducts {font-size:10px;}} @media (min-width:651px) and (max-width:700px){.titre_xsellproducts {font-size:9px;}} @media (min-width:768px) and (max-width:970px){ .ligne_type_livraison{margin-bottom:5px;} .titre_type_livraison{padding:5px 0 5px 0;} .ligne_transporteur{width: 99%; margin: 0px 0 8px 0; height: auto; max-height: 285px;} .descriptionLivraison,.descriptionLivraison_vert{height: 120px;padding: 0.7% 4%;} #shippingInfo .descriptionLivraison,#shippingInfo .descriptionLivraison_vert{height: 95px;padding: 0.7% 4%;} .descriptionLivraisonRelais,.descriptionLivraisonRdv{height: 125px;padding: 0.7% 4%;} .descriptionLivraisonPalette,.descriptionLivraisonEurope{height: 110px;padding: 0.7% 4%;} .ligne_paiement{width: 99%; margin: 0px 0 8px 0;} .descriptionPaiement,.descriptionPaiement_vert{height: 86px;padding: 0.7% 4%;} .point_relais_infos{right: 10px;margin: 8 0 0 0;} .point_relais_adress{width:55%;} .point_relais_distance{float:left;margin: 10px 0 0 0px;} } @media (min-width:971px){ .ligne_type_livraison{margin-bottom:5px;} .titre_type_livraison{padding:15px 0 5px 0;} .ligne_transporteur{width:23%; margin:8px;} .descriptionLivraison,.descriptionLivraison_vert{height:155px;padding:4%;} .descriptionLivraisonRelais,.descriptionLivraisonRdv{height:210px;padding:4%;} .descriptionLivraisonPalette,.descriptionLivraisonEurope{height:170px;padding:4%;} .ligne_paiement{width:18%; margin:8px;} .descriptionPaiement,.descriptionPaiement_vert{height:120px;padding:4%;} .point_relais_infos{right: 10px;margin: 8 0 0 0;} .point_relais_adress{width:55%;} .point_relais_distance{float:left;margin: 10px 0 0 0px;} } @media (min-width: 480px)and (max-width: 800px){ #productGeneral .product_titles{padding-right:0px;float: right;} #productGeneral #usage_caracteristique, #productGeneral .usage_montage_avec_declinaisons,#productGeneral .usage_montage,#productGeneral .liste_declinaisons { width: 100%;} #productGeneral #usage_caracteristique{min-height: 340px;} #productGeneral #cart { float: right; border: none; top: 59px;} #productGeneral .prices {float: left; margin: 0px;height: 50px; width: 100%; padding-right: 160px;} #productGeneral .price {text-align: center;} #productGeneral .ajout_qte {position: absolute; right: 0px; width: 160px;} #productGeneral .ajout_qte_tarif_degressif { width: 160px;} #productGeneral .description_courte { width: 60%; padding: 50px 5px 5px 5px; position:relative;min-height: 240px;} #productGeneral #fabricationfr, #productGeneral #fabricationeu {width: 90px;right:0px} #productGeneralImages{position:relative;} #productAdditionalImages{margin-right: 0px; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden;} #productMainImage:before { content: ''; display: inline-block; width: 0; vertical-align: middle; padding: 50% 0;} #productMainImage { margin-right: 0px; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;} #main_product_image{position: absolute; top: 0; left: 0;} /*.additionalImages:before { content: ''; display: inline-block; width: 0; vertical-align: middle; padding: 50% 0;} #additionalImages .additionnal_image_verticale {margin-top: -75px;} #additionalImages img{border: none; width: 100%; height: auto;}*/ .additionalImages::after { content: '';display: block; padding-bottom: 100%;} .additionalImages{position: relative;} .additionalImages a img{position: absolute; left:0px;width:96%; height:100%;object-fit: cover; } } @media (min-width: 910px) { #indexProductList #button_forward_top, #allProductsDefault #button_forward_top{max-width: 390px; top: 5px; margin: 10px 0;} #productListHeading,#allProductsDefaultHeading{width:90%;} .texte_bouton_forward{width: 100%;} #indexProductListCatDescription{width:58.5%;} .productListing-data1 {width: 50%;} #col_droite_listing .listingDescription { width: 96%;} } @media (min-width: 990px) { .container{width: 100%; max-width:1024px;margin:auto;} .tc_main_nav{width: 100%; max-width:1024px; display:block} .surbandeau-free-shipping,.surbandeau-delais-liv,.surbandeau-devis-rapide{font-size:16px;} .surbandeau-devis-rapide{width: 140px; } .surbandeau-free-shipping,.surbandeau-phone{width:27%} .surbandeau-phone{font-size:18px;} li.megamenu-fournitures{width:20%;} .surfooter-guide,.surfooter-green-storage,.surfooter-liv-gratuite,.surfooter-delais,.surfooter-collectivites{font-size:14px;} .centerColumn,#navBreadCrumb{width: 100%; max-width:1024px;margin:auto;font-size: 14px;} li.megamenu-accueil{width: 23%;} li.megamenu-cartons{width: 30%;} li.megamenu-fournitures{width:30%;} /*li.megamenu-ventegros{width:28%;}*/ li.megamenu-pieces{width: 140px;} } @media (min-width: 800px) and (max-width:910px){.productListing-data1 {width: 52%;}} @media (min-width: 758px) and (max-width:800px){.productListing-data1 {width: 50%;}} @media (min-width: 710px) and (max-width:758px){.productListing-data1 {width: 48%;}#col_droite_listing .product_titles {font-size:12px;}} @media (min-width: 710px){#col_droite_listing .prix_tarif_degressif{width:51%;}} @media (min-width: 630px) and (max-width:710px) { #col_droite_listing .product_title{font-size:13px;} #col_droite_listing .prix_tarif_degressif{width:42%;} #col_droite_listing .productSpecialDeclinaisonPrice {font-size: 14px;margin-top: -5px;height: 14px;display: inline-table;float: left;} #col_droite_listing .productUnitaireDeclinaisonPrice {width: 100%;} #col_droite_listing .normalDeclinaisonprice {width: 60%;} } @media (min-width: 480px) and (max-width:630px) { #col_droite_listing .product_title{font-size:11px;} #col_droite_listing .prix_tarif_degressif{width:75%;} #col_droite_listing .productSpecialDeclinaisonPrice {font-size: 12px;} } @media (min-width: 530px) and (max-width:710px){ .productListing-data1 { float: left; width: 59%;} .productListing-Declinaisons{width:59%;} .productListing-data2 { width: 59%;} #col_droite_listing .prices{width: 60%;} #col_droite_listing .listingDescription {padding-top: 50px; font-family:12px;} } @media (min-width: 480px) and (max-width:530px){ .productListing-data1 { float: left; width: 58.8%;} .productListing-Declinaisons{width:58.8%;} .productListing-data2 { width: 58.8%;} .ajout_qte {width: 50%;} #col_droite_listing .prices{width: 50%;} #col_droite_listing .lot_tarif_degressif { width: 25%;} #productGeneral.lot_tarif_degressif { width: 18%;} #productGeneral .prix_tarif_degressif{width: 46%;} #productGeneral .productPriceDeclinaisonDiscount {margin-right:4px;} #col_droite_listing .listingDescription { padding: 3px; padding-top: 45px; font-size:11px;} #col_droite_listing .en_savoir_plus, .bouton_prix_degressif { padding: 2px 0 0px 4px;} .centerColumn p {padding: 3px 3px;} } @media (min-width: 480px) and (max-width:710px){ .productListing-data0 {width: 40%;} .productListing-data2 { float: left; position: absolute; right: 2px; top: 60px; border:none;background-color: #c4c4c4;} #col_droite_listing .prices{float: left;margin:0px;height: 50px;} .ajout_qte {height: 50px;padding-top: 22px; padding-left: 5px;float: right;} #col_droite_listing .ajout_qte {width: 140px;position: absolute; top: 0; right: 0;} #col_droite_listing .lot_tarif_degressif{font-size:12px;} #col_droite_listing .productPriceDeclinaisonDiscount{margin-right:5px;} #col_droite_listing .productUnitaireDeclinaisonPrice {font-size:9px;} #col_droite_listing .ajout_qte_tarif_degressif {padding-bottom:10px;} #col_droite_listing .ligne_tarif_degressif{display:none;} #col_droite_listing .liste_declinaisons div:first-child{display:block;} } @media (min-width: 680px) and (max-width:910px) { .groupe_filtre{float: left; width: 33%;} .texte_bouton_forward{width: 66%; float: left; margin-left: 0px;} } @media (min-width: 480px) and (max-width:910px) { #col_gauche_listing,#col_droite_listing {width:100%} #col_droite_listing {padding-left:0px;} #col_gauche_listing #categories{display:none;} #col_gauche_listing h3 {padding: 5px 5px 0px 5px; height: 20px; font-size: 14px;} #indexProductList #button_forward_top, #allProductsDefault #button_forward_top,#indexProductList #button_forward_bottom, #allProductsDefault #button_forward_bottom{position: relative;width: 100%;border: none;float: left;margin-bottom: 5px;top:0;max-width: none;} #productListHeading,#allProductsDefaultHeading{width:100%;} #indexProductList #submit1,#indexProductList #submit2,#allProductsDefault #submit1,#allProductsDefault #submit2{height: 55px;font-size: 12px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap; white-space: -o-pre-wrap;word-wrap: break-word;width: 33%; margin-top:0;float: right;margin-left: 0;} #indexProductListCatDescription{width:100%;} } @media (min-width: 480px) and (max-width:989px) { .container{width: 100%;margin:auto;} .tc_main_nav{width: 100%;} .centerColumn,#navBreadCrumb{width: 100%;margin:auto;padding: 15px 5px 5px 5px;font-size: 14px;} #megamenu ul.l-wrapper { padding: 0 5px;} } @media (min-width: 650px) and (max-width:989px) { .surbandeau-free-shipping,.surbandeau-delais-liv,.surbandeau-devis-rapide{font-size:12px;} .surbandeau-phone{font-size:16px;} li.megamenu-accueil{width: 19%;} li.megamenu-cartons{width: 28%;} li.megamenu-fournitures{width:29%;} li.megamenu-ventegros{width:22%;} .surfooter-guide,.surfooter-green-storage,.surfooter-liv-gratuite,.surfooter-delais,.surfooter-collectivites{font-size:12px;} .centerColumn{padding: 5px 5px 5px 5px;} ,#navBreadCrumb{padding: 15px 5px 5px 5px;} } @media (min-width: 980px) { .surfooter-guide span.droite {padding-left: 5%;} .contour_categorie{ width: 24.6%;} #scProductsHeading,.cartProductName{width:60%} #createAcctDefault .droite,#checkoutNewAddress .droite, #checkoutShipAddressDefault .droite, #checkoutPayAddressDefault .droite, #addressBookProcessDefault .droite , .group_radio_droite {margin-right: 15%;} #createAcctDefault .gauche,#checkoutNewAddress .gauche, #checkoutShipAddressDefault .gauche, #checkoutPayAddressDefault .gauche, #addressBookProcessDefault .gauche, .group_radio_gauche {margin-left: 15%;} #gender_alert{margin-left: 15%;} } @media (min-width: 850px){ .main-header__second-raw>ul>li>a {font-size: 14px; padding: 5px 10px;height: 60px;} .surfooter-green-storage{background: url(../images/icons/surfooter-green-storage.jpg) no-repeat #aeada9;background-position:69% 50%} .surfooter-green-storage span.gauche { padding-left: 3%; width: 60%;} .surfooter-green-storage span.droite { width: 40%; padding-right: 3%;} .col-footer1,.col-footer2,.col-footer3{font-size:12px} .col-footer1,.col-footer2,.col-footer3{padding:10px 10px;} .phone-footer {font-size: 20px;padding-left: 25%;background: url(../images/icons/footer-phone.jpg) no-repeat;background-position: 10% 50%;} .contact-footer .btn-actions__footer{margin-left: 27%;} } @media (min-width: 850px)and (max-width: 980px) { #search-bandeau input[type=text] {width:240px;} #scProductsHeading,.cartProductName{width:55%} #createAcctDefault .droite,#checkoutNewAddress .droite,#checkoutShipAddressDefault .droite,#checkoutPayAddressDefault .droite,#addressBookProcessDefault .droite, .group_radio_droite {margin-right: 5%;} #createAcctDefault .gauche,#checkoutNewAddress .gauche,#checkoutShipAddressDefault .gauche, #checkoutPayAddressDefault .gauche, #addressBookProcessDefault .gauche, .group_radio_gauche {margin-left: 5%;} #gender_alert{margin-left: 5%;} } @media (min-width: 750px)and (max-width: 850px) { #droite-bandeau{padding-left: 0%;} #search-bandeau input[type=text] {width:280px;} .main-header__second-raw>ul>li>a {font-size: 12px; padding: 5px 10px;height: 56px;} .surfooter-green-storage { background: url(../images/icons/surfooter-green-storage.jpg) no-repeat #aeada9;background-position: 63% 50%;} .surfooter-green-storage span.gauche { padding-left: 2%; width: 50%;} .surfooter-green-storage span.droite { width: 50%; padding-right: 3%;} .col-footer1,.col-footer2,.col-footer3{font-size:11px}; .col-footer1,.col-footer2,.col-footer3{padding:10px 5px;} .phone-footer {font-size: 16px;padding-left: 25%;background: url(../images/icons/footer-phone.jpg) no-repeat;background-position: 10% 50%;} .contact-footer .btn-actions__footer{margin-left: 27%;} .alert_erreur{padding-top: 5px;padding-bottom: 10px; width: 300px;} #telephone_alert,#address_phone1_alert,#address_phone2_alert{padding-top: 5px;padding-bottom: 10px;margin-left: 30%; width: 300px;} #scProductsHeading,.cartProductName{width:55%} #createAcctDefault .droite,#checkoutNewAddress .droite,#checkoutShipAddressDefault .droite,#checkoutPayAddressDefault .droite,#addressBookProcessDefault .droite, .group_radio_droite {margin-right: 20px;} #createAcctDefault .gauche,#checkoutNewAddress .gauche,#checkoutShipAddressDefault .gauche, #checkoutPayAddressDefault. gauche, #addressBookProcessDefault. gauche, .group_radio_gauche {margin-left: 20px;} #gender_alert{margin-left: 20px;} } @media (min-width: 750px) and (max-width: 875px){ #PiecesAccueil .gauche_pieces h2{padding: 2px 2px;} } @media (min-width: 875px){ #PiecesAccueil .gauche_pieces h2{padding: 7px 2px;} } @media (max-width: 800px){ .btn-actions__footer {font-size:10px;} } @media (min-width: 800px){ .btn-actions__footer {font-size:12px;} } @media (min-width: 665px)and (max-width: 750px) { #droite-bandeau{padding-left: 0%;} #search-bandeau input[type=text] {width:240px;} .main-header__second-raw>ul>li>a {font-size: 12px;padding: 5px 0px 5px 3px;} #createAcctDefault .droite,#checkoutNewAddress .droite,#checkoutShipAddressDefault .droite, #checkoutPayAddressDefault .droite, #addressBookProcessDefault .droite, .group_radio_droite {margin-right: 10px;} #createAcctDefault .gauche,#checkoutNewAddress .gauche,#checkoutShipAddressDefault .gauche, #checkoutPayAddressDefault .gauche, #addressBookProcessDefault .gauche,.group_radio_gauche {margin-left: 10px;} #gender_alert{margin-left: 10px;} } @media (min-width: 650px)and (max-width: 665px) { #droite-bandeau{padding-left: 0%;} #search-bandeau input[type=text] {width:220px;} .main-header__second-raw>ul>li>a {font-size: 12px;padding: 5px 0px 5px 3px;height: 56px; line-height: 1.2;} #createAcctDefault .droite,#checkoutNewAddress .droite,#checkoutShipAddressDefault .droite, #checkoutPayAddressDefault .droite, #addressBookProcessDefault .droite, .group_radio_droite {margin-right: 5px;} #createAcctDefault .gauche,#checkoutNewAddress .gauche,#checkoutShipAddressDefault .gauche, #checkoutPayAddressDefault .gauche, #addressBookProcessDefault .gauche,.group_radio_gauche {margin-left: 5px;} #gender_alert{margin-left: 5px;} } @media (min-width: 650px)and (max-width: 750px) { .surfooter-guide {background: url(../images/icons/surfooter-guide.png) no-repeat #2d66b3; background-position: 50% 5%; color:#ffffff;} .surfooter-guide span.gauche { width: 100%; float: left; text-align: center; padding-top: 45px;} .surfooter-guide span.droite { width: 100%; text-align: center; float: left; margin-top: 10px;} .surfooter-liv-gratuite{ background: url(../images/icons/surfooter-liv-gratuite.jpg) no-repeat #c4c4c4;background-position:50% 15%} .surfooter-liv-gratuite span{text-align: center; font-size: 14px; padding-top: 35px;} .col-footer1,.col-footer2,.col-footer3{font-size:11px} .col-footer1,.col-footer2,.col-footer3{padding:10px 5px;} .phone-footer {font-size: 16px;padding-left: 25%;background: url(../images/icons/footer-phone.jpg) no-repeat;background-position: 10% 50%;} .contact-footer .btn-actions__footer{margin-left: 27%;} .alert_erreur,#telephone_alert,#address_phone1_alert,#address_phone2_alert{padding-top: 5px;padding-bottom: 10px;margin-left: 30%; width: 300px;} #productListHeading,#allProductsDefaultHeading{padding: 20px 5px;} #scProductsHeading,.cartProductName{width:50%} #scUnitHeading, .cartUnitDisplay,#scTotalHeading, .cartTotalDisplay {width: 13%;} .rowEven, .rowOdd {font-size: 11px;} } @media (min-width: 775px) and (max-width: 980px){ .contour_categorie{ width: 24.5%;} } @media (min-width: 751px) and (max-width: 775px){ .contour_categorie{ width: 24.2%;} } @media (min-width: 751px) { .surfooter {height: 250px;} .surfooter-guide,.surfooter-green-storage{height:100px} .surfooter-liv-gratuite,.surfooter-delais,.surfooter-collectivites{height:150px} .surfooter-liv-gratuite{ background: url(../images/icons/surfooter-liv-gratuite.jpg) no-repeat #c4c4c4;background-position:50% 15%} .surfooter-liv-gratuite span{text-align: center; font-size: 16px; padding-top: 25px;} .surfooter-delais{ background: url(../images/icons/surfooter-delais.jpg) no-repeat #183650;background-position:50% 15%} .surfooter-delais span{text-align: center; padding-top: 50px; color:#ffffff} .surfooter-delais span .btn-actions__footer{ background-color:#ffffff; color:#000000} .surfooter-collectivites{ background: url(../images/icons/surfooter-collectivites.png) no-repeat #2ea2db;background-position:50% 20%} .surfooter-collectivites span{text-align: center; padding-top: 50px;} .surfooter-collectivites span .btn-actions__footer{ background-color:#ffffff; color:#000000} .btn-actions__footer {padding: 10px;text-align: center; background-color: #34352d;color:#ffffff;} .surfooter-guide{ background: url(../images/icons/surfooter-guide.png) no-repeat #2d66b3;background-position:5% 50% ;color:#ffffff;} .surfooter-guide span.gauche { padding-left: 12%;width: 60%;} .surfooter-guide span.droite { width: 40%;} .surfooter-guide span{height: 100%;} .surfooter-green-storage span .btn-actions__footer{float:right;} #PiecesAccueil .gauche_pieces { width:25%;} #PiecesAccueil .droite_pieces { width:75%;} #PiecesAccueil .droite_pieces .photo_gauche{width:50%} #PiecesAccueil .droite_pieces .photo_gauche span.titre_piece{ position: absolute; left: 50%; top: 90%;} div.categoryListBoxContents div:nth-child(4n) { margin-right: 0px;} } @media (min-width: 480px) and (max-width: 750px) { .surfooter-green-storage{ background: url(../images/icons/surfooter-green-storage-tab.png) no-repeat #aeada9;background-position:90% 50%} .surfooter-green-storage span.gauche { padding-left: 3%; width: 70%; text-align: right; float: left; padding-top: 5%;} .surfooter-green-storage span.droite { width: 100%; padding-right: 3%;text-align: center; float: left; margin-top: 12px;} .surfooter{font-size:10px; height:200px} .surfooter-guide,.surfooter-green-storage{height:100px} .surfooter-liv-gratuite,.surfooter-delais,.surfooter-collectivites{height:100px} .surfooter-delais{ background: #183650;} .surfooter-delais span{text-align: center; padding-top: 5px; color:#ffffff} .surfooter-delais span .btn-actions__footer{ background-color:#ffffff; color:#000000} .surfooter-collectivites{ background: url(../images/icons/surfooter-collectivites.png) no-repeat #2ea2db;background-position:50% 15%} .surfooter-collectivites span{text-align: center; padding-top: 30px;} .surfooter-collectivites span .btn-actions__footer{ background-color:#ffffff; color:#000000; float:left;margin-left: 30%;margin-top: 5px;} .surfooter-collectivites br{display:none;} .btn-actions__footer {padding: 10px;text-align: center; background-color: #34352d;color:#ffffff;} .contour_categorie{ width: 32.6%;} div.categoryListBoxContents div:nth-child(3n) { margin-right: 0px;} #PiecesAccueil .gauche_pieces h2{padding: 7px 2px;} #PiecesAccueil .gauche_pieces { width:40%;} #PiecesAccueil .droite_pieces { width:60%;} #PiecesAccueil .droite_pieces .photo_droite{display:none;} #PiecesAccueil .droite_pieces .photo_gauche{width:100%} #PiecesAccueil .droite_pieces .photo_gauche span.titre_piece{ position: absolute; left: 90%; top: 90%;} #productListHeading,#allProductsDefaultHeading{font-size:16px; } #loginDefault h1 {width:100%} #loginDefault h2 {text-align:center;} #CreationCompteFieldset, #IdentificationFieldset { width: 80%; margin: auto; float:none;} #IdentificationFieldset {margin-top: 60px;} #CreationCompteCowoa{height:250px;} #loginDefault .inputLabel{width: 35%;padding-right: 5px; font-size:12px; text-align:right} } @media (min-width: 680px) { #accountFacturesDem label{width: 100px; float: left; text-align: left;vertical-align: baseline;} #accountFacturesDem input{margin-top:0px;margin-top: -10px;} #accountFacturesDem .calendaricon{margin: 5px 3px;} #accountFacturesDem .col3{width: 33%; float: left; padding-top: 15px;} } @media (min-width: 480px) and (max-width: 680px) { #accountFacturesDem label{width: 100%; float: left; text-align: left;} #accountFacturesDem input{margin-top:0px} #accountFacturesDem .calendaricon{margin: 5px 3px;} #accountFacturesDem .btn-actions__send{width:130px; float:right} #accountFacturesDem .col3{width: 33%; float: left; padding-top: 15px;} .groupe_filtre {float: left;width: 50%;} .texte_bouton_forward{width: 65.7%; float: left; margin-left: 0px;} } @media (max-width: 650px) { legend{width: 100%;} label { width: 100%; max-width: 330px; color: #444; margin: auto; float: left;} label[for=doc1], label[for=doc2], label[for=doc3],label[for=telephone],label[for=logo_demenageur]{width:100px;} .group_radio,div.rules-list{margin-left:0px;} span.titre_categorie {font-size:12px;} .main-header__megamenu{padding: 15px 20px;} .main-header__megamenu .main-header__megamenu__liste>h2 { font-size: 12px;} #megamenu ul {font-size: 12px;} .main-header__megamenu .megamenu__liste--border-left { padding-left: 15px;} .gauche_slider{padding: 10px;} .gauche_slider h2 {font-size: 16px;} .gauche_slider p { font-size: 12px;} .price_slider { height: 30px; padding: 5px; padding-top: 5px;font-size: 18px;margin-bottom: 5px;} .btn-actions__slider { height: 40px; padding: 5px; font-size:12px;padding-top: 15px;top: 160px;} input + label,input[name='tractor']:checked + label {margin-top: 205px;} .visor {max-height:220px;} .gauche_slider p{padding-top: 5px; padding-bottom: 5px;} #Slider_nouveautes input + label,input[name='tractor_nouveautes']:checked + label {position: absolute; bottom: 2px;} .visor_nouveautes {max-height:284px;} .form_group{width:330px; margin:auto} .group_radio_gauche,.group_radio_droite{width: 150px; float: left; } .radioButtonLabel{width:90px;} #acctNewslettersDefault #newsletter { margin-left: 5px;} label[for=newsletter]{width: 90%;} } @media (min-width: 800px) { .bandeau{height:208px;} #contact-bandeau{margin-top: 35px;} #search-bandeau{ margin-top: 25px;} #logo-bandeau{ width: 60%; padding-left: 20px;} } @media (min-width: 800px) and (max-width: 927px) { #shippingQuotePaymentDefault #ccProductsHeading,#shippingQuotePaymentDefault .ccartProductName {width:78%;} #shippingQuoteConfirmDefault #ccProductsHeading,#shippingQuoteConfirmDefault .ccartProductName {width:78%;} } @media (min-width: 650px) and (max-width: 800px) { .bandeau{height:180px;} #contact-bandeau{margin-top: 15px;} #search-bandeau{ margin-top: 15px;} #logo-bandeau{ width: 53%;} #shippingQuotePaymentDefault #ccProductsHeading,#shippingQuotePaymentDefault .ccartProductName {width:75%;} #shippingQuoteConfirmDefault #ccProductsHeading,#shippingQuoteConfirmDefault .ccartProductName {width:75%;} } @media (min-width: 650px) { .surbandeau {height: 70px;} .surbandeau-free-shipping,.surbandeau-phone,.surbandeau-delais-liv,.surbandeau-devis-rapide{height:70px; color:#ffffff} #surbandeau span {padding-left: 35px} .surbandeau-free-shipping,.surbandeau-phone{width:50%} .surbandeau-delais-liv{width:50%} .surbandeau-devis-rapide{float: right;} .surbandeau-free-shipping{ background: url(../images/icons/surbandeau-free-shipping.png) no-repeat;background-position: 40% 50%;padding-left: 20%;} .surbandeau-phone{ background: url(../images/icons/surbandeau-phone.png) no-repeat;background-position:0% 50%} .surbandeau-delais-liv{ background: url(../images/icons/surbandeau-delais-liv.png) no-repeat;background-position: 20% 50%; padding-left: 10%;} .surbandeau-devis-rapide{ background: url(../images/icons/surbandeau-devis.png) no-repeat;background-position:0% 50%} .bandeau{} #droite-bandeau{ width: 300px;padding-top: 20px;position: relative;float: right;} .main-header__compte{padding-left:5px;} .main-header__panier, .main-header__contact{padding-left:35px;} #user-bandeau{ background: url(../images/icons/bandeau-my-account.png) no-repeat;background-position:0% 50%;width: 170px; display:table; float:left; height:32px;position: relative;} #shopping-cart-bandeau{ background: url(../images/icons/bandeau-shopping-cart.png) no-repeat;background-position:0% 50%;width:130px; display:table; float:left; height:32px;position: relative;} #contact-bandeau{ background: url(../images/icons/bandeau-contact.png) no-repeat;background-position: 80px 50%; width: 100%; display: table; float: left; height: 32px; position: relative; } #contact-bandeau span{margin: auto; width: 170px; padding-left: 15px; line-height: 32px;display: block;} #search-bandeau{ float: right;width: 98%;position: relative;} #search-bandeau input[type=text] { float: left; padding: 8px; margin-top: 8px;font-size: 17px; height: 37px;width: 250px;position: relative;padding-right: 40px; border: 1px solid #464242;} #search-bandeau input[type=submit] {float: right; position: absolute; right: 5px; margin-top: 8px; margin-right: 0px; border: none; background: url(../images/icons/bandeau-search.png) no-repeat; background-color: #464242; background-position: 0% 50%; color: transparent; width: 40px; height: 37px; z-index: 1;} li.megamenu-accueil{background: url(../images/icons/megamenu-accueil.png) no-repeat;background-position:0% 50%; display:table; float:left; height:60px;padding-left: 30px;} li.megamenu-cartons{background: url(../images/icons/megamenu-cartons.png) no-repeat;background-position:0% 50%; display:table; float:left; height:60px;padding-left: 30px;} li.megamenu-fournitures{background: url(../images/icons/megamenu-fournitures.png) no-repeat;background-position:0% 50%; display:table; float:left; height:60px;padding-left: 30px;} li.megamenu-ventegros{background: url(../images/icons/megamenu-ventegros.png) no-repeat;background-position:0% 50%; display:table; float:left; height:60px;padding-left: 30px;} li.megamenu-pieces{background: url(../images/icons/megamenu-pieces.png) no-repeat;background-position:0% 50%; display:table; float:right; height:60px;padding-left: 30px;width: 150px;} .main-header__megamenu{padding: 20px 50px 4px; min-height: 277px;} .main-header__megamenu .main-header__megamenu__liste>h2 {font-size:14px;} .main-header__megamenu .megamenu__liste--border-left { padding-left: 50px;} .centerColumn h1 {min-height: 55px; height:auto;padding: 20px;font-size: 18px;width: 60%;margin-right: 40%;} #indexProductList h1,#allProductsDefault h1 {padding: 20px 20px 0;} .centerColumn h2 {min-height: 55px height:auto;padding: 20px;font-size: 16px;width: 60%;margin-right: 40%;} .centerColumn h3 {min-height: 55px; height:auto;padding: 20px;font-size: 14px;width: 60%;margin-right: 40%;} .centerColumn h4 {min-height: 55px;height:auto;padding: 20px;font-size: 14px;width: 60%;margin-right: 40%;} .centerColumn h5 {min-height: 55px;height:auto;padding: 20px;font-size: 14px;width: 60%;margin-right: 40%;} .col-footer1,.col-footer2,.col-footer3{width:33%; float:left;line-height: 2;} .col-footer1,.col-footer2{text-transform:uppercase;} .phone-footer{ float: left; height: 50px; padding-top: 8px; width: 100%; text-transform:uppercase;} .services-footer{color:#000000; text-align:center; width:100%; line-height:1.1;float: left; padding: 10px 0 10px 0;text-transform:uppercase;} .contact-footer{float: left; width: 100%; line-height: 1.1; text-align: center; padding: 10px 0 10px 0;} .contact-footer .btn-actions__footer{background-color: #fefeff; color: #000000; font-weight: bold;float: left;text-transform:uppercase;} .contact-footer span{width:100%;float: left;margin-top: 10px;} .reseaux-sociaux-footer{width:100%;float: left;margin-top: 10px; color:#353432;text-align: center;font-weight: 900; text-transform:uppercase;} .reseaux-sociaux-footer span{width: 100%; float: left;} label {width: 40%; color: #444; text-align: right;padding-left: .5em;; float:left;padding-right: 5px;} #IdentificationFieldset label {width: 40%; color: #444; text-align: right;padding-left: .5em;; float:left;padding-right: 5px;} #createAcctDefault .inputLabel,#checkoutShipAddressDefault .inputLabel,#checkoutPayAddressDefault .inputLabel,#addressBookProcessDefault .inputLabel{width: 270px; text-align:left;} #checkoutPayment label[for=conditions]{width: 100%; text-align:left;} #checkoutPayment label[for=disc-ot_coupon]{width:80px;} .gauche_slider{padding:30px 20px 20px 20px} .gauche_slider h2{font-size:24px;} .gauche_slider p{font-size: 16px;} .price_slider { height: 40px; padding: 10px; padding-top: 10px;font-size: 20px;margin-bottom: 10px;} .btn-actions__slider { height: 50px; padding: 10px; font-size:13px;padding-top: 20px;top: 190px;} input + label,input[name='tractor']:checked + label {margin-top: 235px;} .visor {max-height:300px;} .gauche_slider p{padding-top: 10px; padding-bottom: 10px;} #Slider_nouveautes input + label,input[name='tractor_nouveautes']:checked + label {position: absolute; bottom: 2px;} .visor_nouveautes {max-height:284px;} #indexProductList #submit1,#indexProductList #submit2,#allProductsDefault #submit1,#allProductsDefault #submit2,{height: 50px; float: right;} #createAcctDefault .gauche,#checkoutNewAddress .gauche,#checkoutShipAddressDefault .gauche, #checkoutPayAddressDefault .gauche, #addressBookProcessDefault .gauche, .group_radio_gauche{float:left;width: 30%; min-width: 307px;} #createAcctDefault .droite,#checkoutNewAddress .droite,#checkoutShipAddressDefault .droite, #checkoutPayAddressDefault .droite, #addressBookProcessDefault .droite, .group_radio_droite{float:right;width: 30%;min-width: 307px;} #createAcctDefault .centre,#checkoutShipAddressDefault .centre,#checkoutPayAddressDefault .centre{width: 300px; margin:auto} #checkoutPayment .div_condition{width: 410px; margin:auto;min-height: 40px;min-width: 410px;} #gender_alert{float: left; width: 30%; min-width: 307px;} #addressBookDefault .important{max-width: 62%;} } @media (min-width: 580px) and (max-width:650px) { .alert_erreur{padding-top: 5px; padding-left: 5px;} .main-header__second-raw>ul>li>a {font-size: 11px;} #droite-bandeau{ padding-left:10%;} } @media (max-width: 580px){ .alert_erreur{padding-top: 5px; padding-left: 10px; width: 300px;} #enquiry_alert{padding-top: 18px;} .main-header__second-raw>ul>li>a {font-size: 10px;} #droite-bandeau{ padding-left:3%;} } @media (min-width: 550px) and (max-width:650px) { .surbandeau-free-shipping{width:50%} .centerBoxContentsCrossSell {width: 43%;} #xsellproductsContent div:first-child { margin-left: 5px;} #xsellproductsContent {padding-left: 8%;} #scProductsHeading,.cartProductName{width:45%} #scUnitHeading, .cartUnitDisplay,#scTotalHeading, .cartTotalDisplay {width: 13%;} .rowEven, .rowOdd {font-size: 11px;} .group_radio_gauche{margin-left: 25%;} #addressBookDefault .important{max-width: 50%;} #shippingQuotePaymentDefault #ccProductsHeading,#shippingQuotePaymentDefault .ccartProductName {width:72%;} #shippingQuoteConfirmDefault #ccProductsHeading,#shippingQuoteConfirmDefault .ccartProductName {width:72%;} } @media (min-width: 480px) and (max-width:550px) { .surbandeau-free-shipping{width:22%} .centerBoxContentsCrossSell {width: 46%;} #xsellproductsContent {padding-left: 5%;} .titre_xsellproducts{font-size: 11px;} #tableHeading,.cartUnitDisplay{display:none;} #scProductsHeading, .cartProductName { width: 100%;} .rowEven, .rowOdd { font-size: 12px;} .cartProductQuantity {padding-left:180px;} .cartTotalDisplay { width: 20%;background-color: #c4c4c4;padding: 9px 3px; margin-top: 9px; margin-left: 10px;} .cartProductDisplay{font-size:11px;} .cartRemoveItemDisplay { float: left; margin-top: 5px;} .group_radio_gauche{margin-left: 20%;} #addressBookDefault .important{max-width: 45%;} #shippingQuotePaymentDefault .cartTotalDisplay,#shippingQuoteConfirmDefault .cartTotalDisplay{margin-left: 110px; position: relative; float: right;} #shippingQuotePaymentDefault .cartProductQuantity,#shippingQuoteConfirmDefault .cartProductQuantity{padding-left: 110px; position: relative; float: left;} } @media (min-width: 480px) and (max-width:650px) { .surbandeau {height: 50px;} .surbandeau-free-shipping,.surbandeau-phone,.surbandeau-delais-liv,.surbandeau-devis-rapide{height:50px} #surbandeau span {padding-left: 25px} .surbandeau-free-shipping,.surbandeau-delais-liv,.surbandeau-devis-rapide{font-size:10px;} .surbandeau-phone{font-size:12px;} .surbandeau-phone{width:22%} .surbandeau-delais-liv{width:50%} .surbandeau-devis-rapide{width: 100px; float: right;} .surbandeau-free-shipping{ background: url(../images/icons/surbandeau-free-shipping-tab.png) no-repeat;background-position: 20% 50%; padding-left: 10%; color: #ffffff;} .surbandeau-phone{ background: url(../images/icons/surbandeau-phone-tab.png) no-repeat;background-position:0% 50%} .surbandeau-delais-liv{ background: url(../images/icons/surbandeau-delais-liv-tab.png) no-repeat;background-position:0% 50%;color: #ffffff;} .surbandeau-devis-rapide{ background: url(../images/icons/surbandeau-devis-tab.png) no-repeat;background-position:0% 50%} .bandeau{height:101px; background:url(../images/background-bandeau-tab.jpg) repeat;} #logo-bandeau{width:50%;} #logo-bandeau img {padding-top:0px;} #droite-bandeau{ width:50%;padding-top: 10px;position: relative;} #droite-bandeau span { font-size:12px} .main-header__compte, .main-header__panier, .main-header__contact, {padding: 0 0 0 17px;} .main-header__panier .pastille-alert { right: 30px;bottom: -5px;} #user-bandeau{ background: url(../images/icons/bandeau-my-account-tab.png) no-repeat;background-position:0% 50%;width:50%; display:table; float:left; height:32px;position: relative;} #shopping-cart-bandeau{ background: url(../images/icons/bandeau-shopping-cart-tab.png) no-repeat;background-position:0% 50%;width:50%; display:table; float:left; height:32px;position: relative;} #contact-bandeau{ background: url(../images/icons/bandeau-contact-tab.png) no-repeat;background-position:16% 50%; width: 100%; display: table; float: left; height: 22px; position: relative; } #contact-bandeau span{margin: auto;width: 70%;line-height: 22px;display: block;padding-left: 22px;} #search-bandeau{display: table; float: right; margin-top: 3px; margin-right: 20px; width: 100%;} #search-bandeau input[type=text] {float: right; padding: 4px;border: none;font-size: 12px; width: 70%;height: 22px;} #search-bandeau input[type=submit] {float: right;margin-right: 16px; border: none;background: url(../images/icons/bandeau-search-tab.png) no-repeat;background-color: #464242;background-position: 0% 50%;color: transparent; width: 22px;height: 23px;} .main-header__second-raw>ul>li>a {height:25px;} #megamenu {height: 40px;} .main-header__second-raw>ul{height: 40px;} .main-header__second-raw>ul>li>a {padding: 5px 0px 5px 3px;line-height: 1.2;} li.megamenu-accueil{background: url(../images/icons/megamenu-accueil-tab.png) no-repeat;background-position:0% 50%; display:table; float:left; height:22px;padding-left: 20px;width: 20%;} li.megamenu-cartons{background: url(../images/icons/megamenu-cartons-tab.png) no-repeat;background-position:0% 50%; display:table; float:left; height:22px;padding-left: 20px;width:32%;} li.megamenu-fournitures{background: url(../images/icons/megamenu-fournitures-tab.png) no-repeat;background-position:0% 50%; display:table; float:left; height:22px;padding-left: 20px;} li.megamenu-ventegros{background: url(../images/icons/megamenu-ventegros-tab.png) no-repeat;background-position:0% 50%; display:table; float:left; height:22px;padding-left: 20px; width:25%} li.megamenu-pieces{background: url(../images/icons/megamenu-pieces-tab.png) no-repeat;background-position:0% 50%; display:table; float:left; height:22px;padding-left: 20px;} .centerColumn h1 {height: auto;padding: 15px;font-size: 16px;width: 100%;} .centerColumn h2 {height: auto;padding: 15px;font-size: 14px;width: 100%;} .centerColumn h3 {height: auto;padding: 15px;font-size: 12px;width: 100%;} .centerColumn h4 {height: auto;padding: 15px;font-size: 12px;width: 100%;} .centerColumn h5 {height: auto;padding: 15px;font-size: 12px;width: 100%;} #home-text h2 {height: 50px;} .surfooter-guide {background: url(../images/icons/surfooter-guide-tab.png) no-repeat #2d66b3; background-position: 50% 8%;color:#ffffff;} .surfooter-guide span.gauche { width: 100%; float: left; text-align: center; padding-top: 40px;} .surfooter-guide span.droite { width: 100%; text-align: center; float: left; margin-top: 10px;} .surfooter-liv-gratuite{ background: url(../images/icons/surfooter-liv-gratuite-tab.png) no-repeat #c4c4c4;background-position:50% 15%} .surfooter-liv-gratuite span{text-align: center; font-size: 14px; padding-top: 35px;} .col-footer1,.col-footer2,.col-footer3{width:100%; float:right; padding:0 10px;; font-size:12px;line-height: 2;} .col-footer1,.col-footer3{padding-top:10px;} .col-footer1,.col-footer2{text-transform:uppercase;} .phone-footer{font-size: 20px; float: left; height: 50px; padding: 8px; padding-left: 32%; width: 100%; background: url(../images/icons/footer-phone.jpg) no-repeat; background-position: 25% 50%; text-transform:uppercase;} .services-footer{color:#000000; text-align:center; width:100%; line-height:1.1;float: left; padding: 10px 0 10px 0;text-transform:uppercase;} .contact-footer{float: left; width: 100%; line-height: 1.1; text-align: center; padding: 10px 0 10px 0;} .contact-footer .btn-actions__footer{background-color: #fefeff; color: #000000; font-weight: bold;float: left; text-transform:uppercase;margin-left: 37%;} .contact-footer span{width:100%;float: left;margin-top: 10px;} .reseaux-sociaux-footer{width:100%;float: left;margin-top: 10px; color:#353432;text-align: center;font-weight: 900; text-transform:uppercase;} .reseaux-sociaux-footer span{width: 100%; float: left;} .centerColumn,#navBreadCrumb{padding: 5px 5px 5px 5px;} #PiecesAccueil .gauche_pieces h2{font-size: 12px;} #caracteristiques_tab {width:200px;} .bloc_usage_caracteristique{padding-right:215px;} #xsellproductsContent {height: 620px;} .centerBoxContentsCrossSell {margin: 0 5px 10px 5px;} #order_steps{font-size:12px;} #tableHeading {padding-top: 15px; padding-bottom: 15px; font-size: 12px;} .group_achat_quantite { width: 80%; margin: auto;} .adresse_principale_form{width: 80%; margin: auto;} #accountDefault li{width:50%;} .facture_boxcenter {height: 30px;padding: 10px 35px 10px 0;margin-top: -70px;} #accountHistInfo #ccProductsHeading, #accountHistInfo .ccartProductName { float: left; width: 60%; padding-left: 5px; position: relative;} #accountHistInfo #scQuantityHeading, #accountHistInfo .cartProductQuantity { float: left; width: 20%; text-align: center;padding-left: 5px;} #accountHistInfo #scTotalHeading, #accountHistInfo .cartTotalDisplay { width: 20%;} #accountHistInfo .accountTotalDisplay{width:19%;padding-left: 5px;} #accountHistInfo h2{padding: 30px 10px 0px 10px;} #createAcctSuccess fieldset, #display_choix_address fieldset {width: 49%;} .facture_boxcenter_listing_account_responsive{display: block; width: 291px; margin: auto; margin-top: 5px; height: 40px;} .buttonRowCommandes{margin-top:15px;} } @media (min-width: 480px) { #gauche-bandeau{display:none;} .js-nav-main-item:hover > div{opacity: 1; visibility: visible;} #megamenu{display: block; background-color: #137BE6;} .surfooter-guide,.surfooter-green-storage{width:50%} .surfooter-liv-gratuite,.surfooter-collectivites{width:30%} .surfooter-delais{width:40%} #search-bandeau-mobile,#phone-bandeau-mobile{display:none;} .btn-actions__send,.btn-actions__back,.btn-actions__print,.btn-actions__order {width: 218px;} .btn-actions__shipping_estimator{width:270px;} legend { height: 55px;} ul#galerie-comm li {width:31%;} #indexCategories{padding-top:15px;} #home-text{ -webkit-column-count:3; /* Opera, Safari, Google Chrome */ -moz-column-count: 3; /* Firefox */ column-count: 3; /* Internet Explorer */-webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px} #PiecesAccueil { height: 240px;} .toggle_declinaisons div.ligne_tarif_degressif:nth-child(n+4){display:none;} #checkoutConfirmDefaultShipmentTitleResponsive,#checkoutConfirmDefaultPaymentTitleResponsive{display:none;} #checkoutConfirmDefaultShipmentTitle,#checkoutConfirmDefaultPaymentTitle{display:block;} #acctNewslettersDefault fieldset div{max-width: 390px; width:auto; margin: auto; float: none;} #acctNewslettersDefault fieldset label{width: auto;} /*.description-overflow-hidden {} .read-less,.read-more{ visibility:hidden} .fade{ visibility:hidden} #indexProductListCatDescription{ min-height: 270px;}*/ .description-overflow-hidden { max-height: 105px;/* font-size * line-height * lines-to-show(4 in this case) 63px if you go with jquery */ overflow: hidden; } .read-less,.read-more{bottom: 10px; left: 0px; text-align: center; border: none; font-size: 13px; font-weight: bold;height: 40px;padding: 10px;font-size: 13px; padding-top: 10px; background-color: #c5c5c5; width:150px} .fade{position: absolute;top: 50%;right: 0; bottom: 0px; width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} #productFicheProduitLink,#productFicheProduitLink_avec_declinaisons{margin:10px;} } @media (max-width: 480px) { #productFicheProduitLink,#productFicheProduitLink_avec_declinaisons{margin:10px auto;} ul {padding-left: 14px;padding-bottom: 0px;padding-top: 2px;margin: 0px;margin-top: 6px;margin-bottom: 12px} .surbandeau {height: 45px;} .surbandeau-free-shipping,.surbandeau-phone,.surbandeau-delais-liv,.surbandeau-devis-rapide{height:45px} .container{width: 100%;margin:auto; min-width:300px} .surbandeau-free-shipping,.surbandeau-delais-liv{font-size:10px;} .surbandeau-phone,.surbandeau-devis-rapide{display:none;} .surbandeau-free-shipping{width:45%; background-color:#bdbdbd;} .surbandeau-delais-liv{width:55%; background-color:#e4ddd6;} #surbandeau span { text-align:center} .bandeau{height:80px; background:url(../images/background-bandeau-tel.jpg) repeat;} #logo-bandeau{width:60%;} #logo-bandeau img{max-width:260px;padding-top:0px;} #gauche-bandeau{ width:40px;padding-top: 10px; padding-left:5px; height:100%;display: table-cell;vertical-align: top;} #droite-bandeau{ width:80px;padding-top: 10px; padding-left:5px;position: relative; float:right} #droite-bandeau span { display:none;} #user-bandeau{ background: url(../images/icons/bandeau-my-account.png) no-repeat;background-position:0% 50%;width:32px; display:table; float:left; height:32px;position: relative;} #shopping-cart-bandeau{ background: url(../images/icons/bandeau-shopping-cart.png) no-repeat;background-position:0% 50%;width:32px; display:table; float:left; height:32px;position: relative;} #contact-bandeau{display:none;} #burger-menu-bandeau{ background: url(../images/icons/bandeau-burger-menu.png) no-repeat;background-position:0% 50%;width:30px; float:left; height:23px;} #search-bandeau{display:none;} #search-bandeau-mobile{padding: 10px; background-color: #e4ddd6; min-width: 250px; height: 60px; width: 100%; float: left;} #search-bandeau-mobile input[type=text] {float: right; padding: 8px; margin-top: 3px;border: none;font-size: 17px;width: 80%;margin-left: 0px;} #search-bandeau-mobile input[type=submit] {float: right;margin-top: 3px;border: none;background: url(../images/icons/bandeau-search.png) no-repeat;background-color: #464242;background-position: 0% 50%; color: transparent;width: 40px;height: 40px;margin-left: 0px;} #phone-bandeau-mobile{float: left; height: 50px; padding: 20px; padding-left: 35%; width: 100%; background-color: #ffffff; min-width: 250px; background: url(../images/icons/surbandeau-phone.png) no-repeat; background-position: 25% 50%;background-color: #ffffff;} .phone-bandeau-mobile:after, .search-bandeau-mobile:after {clear: both;} .js-nav-main-item:hover > div{opacity: 0; visibility: hidden;} #megamenu{display: none;} #Slider{display: none;} .centerColumn,#navBreadCrumb{width: 100%;margin:auto;font-size: 12px;padding: 5px 5px 5px 5px;} .alert_erreur, .alert_erreur_pdf, #telephone_alert,#address_phone1_alert,#address_phone2_alert{font-size: 12px;} .inputLabel { padding-top: 10px;padding-left: 5px;} #navBreadCrumb{padding-top:10px;} #div_gardien{padding-bottom: 10px;} label[for=laisser_au_gardien] {width: 220px; margin-top: -15px;} label[for=conditions] {text-align:center;} #pdf_conditions{float:right;margin-top: 10px;} #checkoutPayment #conditions{margin-top:0;} #checkoutConfirmDefault .floatingBox,#checkoutConfirmDefault fieldset.floatingBox { margin: 0; width: 100%;} #commandemanuelleconfirmationBody #checkoutConfirmDefault .floatingBox,#checkoutConfirmDefault fieldset.floatingBox { margin-top: 20px; width: 100%;} .centerColumn h1 {height: auto;padding: 10px;font-size: 14px;width: 100%;} .centerColumn h2 {height: auto;padding: 10px;font-size: 13px;width: 100%;} .centerColumn h3 {height: auto;padding: 10px;font-size: 12px;width: 100%;} .centerColumn h4 {height: auto;padding: 10px;font-size: 12px;width: 100%;} .centerColumn h5 {height: auto;padding: 10px;font-size: 12px;width: 100%;} #home-text h2 {height: 50px;} .btn-actions__send,.btn-actions__back,.btn-actions__print,.btn-actions__order {width: 150px;} .btn-actions__shipping_estimator{width:250px;} legend { height:auto;padding: 10px 5px;} #AccountDeleteDefault legend{padding-top: 10px; padding-bottom: 10px;} .btn-actions__send, .btn-actions__back, .btn-actions__print, .btn-actions__order, .btn-actions__shipping_estimator {font-size:11px;white-space: pre-wrap;} #ligne_boutons .btn-actions__back{padding-top:20px;} #bouton_modifier {float: left; margin-left: 5px;} #checkoutShipto #bouton_modifier, #checkoutBillto #bouton_modifier{float: right; margin-right: 5px;} .surfooter {height: 550px; font-size:12px; } .surfooter-guide{height:100px} .surfooter-liv-gratuite,.surfooter-delais,.surfooter-collectivites,.surfooter-green-storage{height:150px} .surfooter-guide,.surfooter-green-storage{width:100%} .surfooter-liv-gratuite{width:100%} .surfooter-collectivites,.surfooter-delais{width:50%} .surfooter-liv-gratuite{ background: url(../images/icons/surfooter-liv-gratuite.jpg) no-repeat #c4c4c4;background-position:50% 15%} .surfooter-liv-gratuite span{text-align: center; font-size: 16px; padding-top: 25px;} .surfooter-delais{ background: url(../images/icons/surfooter-delais.jpg) no-repeat #183650;background-position:50% 5%; font-size:11px} .surfooter-delais span{text-align: center; padding-top: 30px; color:#ffffff} .surfooter-delais span .btn-actions__footer{ background-color: #ffffff;color: #000000; float: left;margin-left: 25%;margin-top: 5px;} .surfooter-delais span br{display:none;} .surfooter-collectivites{ background: url(../images/icons/surfooter-collectivites.png) no-repeat #2ea2db;background-position:50% 10%} .surfooter-collectivites span{text-align: center; padding-top: 35px; font-size:11px} .surfooter-collectivites span .btn-actions__footer{ background-color:#ffffff; color:#000000} .btn-actions__footer {padding: 10px;text-align: center; background-color: #34352d;color:#ffffff;} .surfooter-guide{ background: url(../images/icons/surfooter-guide.png) no-repeat #2d66b3;background-position:5% 50% ;color:#ffffff;} .surfooter-guide span.gauche { padding-top: 6%; padding-bottom: 4px; width:100%; padding-right:10px;} .surfooter-guide span.droite { width: 100%;margin-top: 8px;} .surfooter-guide span{float: left; padding-left: 20%;} .surfooter-green-storage{ background: url(../images/icons/surfooter-green-storage.jpg) no-repeat #aeada9;background-position:92% 50%} .surfooter-green-storage span.gauche { padding-left: 3%; width: 60%; text-align: right; float: left; padding-top: 9%;} .surfooter-green-storage span.droite { width: 100%; padding-right: 40%;text-align: center; float: left; margin-top: 4px;} .surfooter-green-storage span .btn-actions__footer{float:right;} .surfooter2 a {padding: 5px 10px;display: block;} .footer{} .col-footer1,.col-footer2,.col-footer3{width:100%; float:right; padding:0 10px;; font-size:12px;line-height: 2;} .col-footer1,.col-footer3{padding-top:10px;} .col-footer1,.col-footer2{text-transform:uppercase;} .phone-footer{font-size: 20px; float: left; height: 50px; padding: 8px; padding-left: 50px; width: 100%; background: url(../images/icons/footer-phone.jpg) no-repeat; background-position: 5% 50%; text-transform:uppercase;} .services-footer{color:#000000; text-align:center; width:100%; line-height:1.1;float: left; padding: 10px 0 10px 0;text-transform:uppercase;} .contact-footer{float: left; width: 100%; line-height: 1.1; text-align: center; padding: 10px 0 10px 0;} .contact-footer .btn-actions__footer{background-color: #fefeff; color: #000000; font-weight: bold;float: left; margin-left: 33%;text-transform:uppercase;} .contact-footer span{width:100%;float: left;margin-top: 10px;} .reseaux-sociaux-footer{width:100%;float: left;margin-top: 10px; color:#353432;text-align: center;font-weight: 900; text-transform:uppercase;} #home-text{ -webkit-column-count:1; /* Opera, Safari, Google Chrome */ -moz-column-count: 1; /* Firefox */ column-count: 1; /* Internet Explorer */} #PiecesAccueil { height: 260px;} #PiecesAccueil .gauche_pieces { width:100%;} #PiecesAccueil .droite_pieces { display:none} #PiecesAccueil ul {float: left;} #filtresHeading,#filtrespiecesHeading{background: url(../images/fleche_bas.png) no-repeat; background-position: 97% 55%;background-size: 10px;} .toggle_filtres{height:0px; overflow:hidden} #filtrer_motscles ul{margin:0px;} #productListHeading,#allProductsDefaultHeading{font-size:14px;} #indexProductList #button_forward_top, #allProductsDefault #button_forward_top{display:none;} #col_gauche_listing,#col_droite_listing {width:100%} #col_droite_listing {padding-left:0px;} #col_gauche_listing #categories{display:none;} .productListing-odd-new, .productListing-even-new {background-color: #e7e7e5;} .productListing-data1 {float:right} #col_droite_listing .prices{margin:0;} #col_droite_listing .price {font-size:15px; font-weight: 900; text-align: center;} .productListing-data2 {position: absolute; right: 1px; top: 59px;border:none} .productListing-Declinaisons {width: 100%;} .productListing-data0{overflow: hidden;} .productListing-data0{ margin-right: 0px; display: inline-block; position: absolute; top: 0; left: 0;} .productListing-data0:before { content: ''; display: inline-block; width: 0; vertical-align: middle; padding: 50% 0; } .box_image_verticale,.box_image_carree{position: absolute; top: 0; left: 0;} #col_droite_listing .listingDescription {padding: 5px;float: left; background-color: #e7e7e5;font-size: 11px;} #col_droite_listing .listingDescription p{padding:2px;10px;} .toggle_declinaisons div.ligne_tarif_degressif:nth-child(n+2){display:none;} #col_droite_listing .prices { color: #000000; text-align: center;} #col_droite_listing .product_title {text-align:center;} .bouton_ajouter_panier img {width: 30px; height:30px} .ligne_tarif_degressif{margin-top:0px;margin-bottom: 3px;} .liste_declinaisons{background-color:#ffffff;} .bouton_prix_degressif { background-color: #eeeeee;} #col_droite_listing .ajout_qte_tarif_degressif,#productGeneral .ajout_qte_tarif_degressif { width: 100%; padding-top:10px} #col_droite_listing .quantites_listing_tarif_degressif,#productGeneral .quantites_listing_tarif_degressif{width:200px; margin:auto; position:inherit;height: 31px; padding-top: 12px;} #col_droite_listing .ajout_qte_tarif_degressif input,#productGeneral .ajout_qte_tarif_degressif input {top:0px; margin-top:0px;right: 76px;border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;text-align: center; height:32px;} #col_droite_listing .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-up,#col_droite_listing .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-down,#productGeneral .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-up,#productGeneral .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-down {height: 32px;font-size: 18px;top: 0px; width:32px;} #col_droite_listing .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-up,#productGeneral .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-up{line-height: 32px;} #col_droite_listing .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-down,#productGeneral .ajout_qte_tarif_degressif-button.ajout_qte_tarif_degressif-down{line-height: 27px;right:111px;} #col_droite_listing .ajout_qte_tarif_degressif-button,#productGeneral .ajout_qte_tarif_degressif-button{right:45px;} #col_droite_listing .ajout_qte_tarif_degressif .bouton_ajouter_panier,#productGeneral .ajout_qte_tarif_degressif .bouton_ajouter_panier{right:8px;} #productGeneral .ajout_qte{padding:0px;} #col_droite_listing .quantites_listing,#productGeneral .quantites_listing{position: relative;width: 180px;margin: auto;height: 31px;padding-top: 12px;} #col_droite_listing .bouton_ajouter_panier,#productGeneral .bouton_ajouter_panier {top: 2px;} #col_droite_listing .ajout_qte-button,#productGeneral .ajout_qte-button {width:32px;height: 32px; line-height: 32px;} #col_droite_listing .ajout_qte input,#productGeneral .ajout_qte input {top:0px; margin-top:0px; right:66px; height:32px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc;text-align: center;} #col_droite_listing .ajout_qte-button.ajout_qte-up,#col_droite_listing .ajout_qte-button.ajout_qte-down,#productGeneral .ajout_qte-button.ajout_qte-up, #productGeneral .ajout_qte-button.ajout_qte-down{ top: 0px;height: 32px;font-size: 18px;} #col_droite_listing .ajout_qte-button.ajout_qte-up,#productGeneral .ajout_qte-button.ajout_qte-up { right:35px;line-height: 32px} #col_droite_listing .ajout_qte-button.ajout_qte-down,#productGeneral .ajout_qte-button.ajout_qte-down {right: 100px;line-height: 27px} .livraisonGratuiteDPDListings,.livraisonGratuiteListings {background-size: 90px;} .livraisonGratuiteDPDListings, .livraisonGratuiteListings {width: 90px;top: 160px;} #col_droite_listing .listingDescription {min-height: 100px;} #productGeneralImages { width: 100%;position:relative;height:460px} #productAdditionalImages{position: absolute;bottom: 0px;width: 100%;} #productMainImage:before { content: ''; display: inline-block; width: 0; vertical-align: middle; padding: 50% 0;} #productMainImage { margin-right: 0px; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;} #main_product_image{position: absolute; top: 0; left: 0;} #productGeneral .product_titles { width: 100%;padding-right: 0px; text-align: center;margin: 15px 0 5px 0px;;float: left;} #productGeneral #cart { float: left; position: relative; width: 100%; border:none} #productGeneral .prices {height: 50px;padding-right: 210px;width: 100%;} #productGeneral .price{text-align: center;} #productGeneral .quantites_listing {width: 180px;} #productGeneral .quantites_listing_tarif_degressif {width: 200px;} #productGeneral .ajout_qte { position: absolute; top: 0; right: 0; width: 200px; padding-top: 9px;} #productGeneral .description_courte { width: 100%; padding: 5px 5px 50px 5px; min-height: 100px; float: right; position: relative;} #productGeneral .usage_caracteristique_avec_declinaisons,#productGeneral .usage_caracteristique { width: 100%;} .bloc_usage_caracteristique { float: left; width: 100%; padding-right: 0px;} #caracteristiques_tab { width: 250px; float: left; position: relative; margin-left: 10px;margin-top: 10px;right:0px;top: 0;display: contents;} #productGeneral .usage_montage_avec_declinaisons ,#productGeneral .usage_montage{ width: 100%;} #caracteristiques_tab ul{margin:0px; padding:0px;} #productGeneral .content_video{ width: 100%;} #xsellproductsContent {height: 1200px;width: 100%; max-width: 250px; margin: auto;} .centerBoxContentsCrossSell { width: 100%;margin: 0 0px 10px 0px;} .centerBoxContentsCrossSell { height: 310px;} #productGeneral #fabricationfr, #productGeneral #fabricationeu {width: 90px;right:0px} #order_steps{display:none;} #tableHeading,.cartUnitDisplay{display:none;} #scProductsHeading, .cartProductName, .ccartProductName { width: 100%;} .rowEven, .rowOdd { font-size: 12px;} .cartProductDisplay{font-size:11px;} .cartRemoveItemDisplay { float: left; margin-top: 5px;} #loginDefault h1 {font-size:14px;height: auto;} #loginDefault h2 {text-align:center;padding: 10px 5px 5px 5px;font-size: 12px;height: auto;} #CreationCompteFieldset, #IdentificationFieldset { width: 100%; margin: auto; float:none;} #IdentificationFieldset {margin-top: 50px;} #CreationCompteFieldset{height:200px;} #IdentificationFieldset{height:240px;} #CreationCompteCowoa{height:250px;} #loginDefault .inputLabel{width: 35%;padding-right: 5px; font-size:11px; text-align:right} #loginDefault .btn-actions__send,#loginDefault .btn-actions__back, #loginDefault .btn-actions__print, #loginDefault .btn-actions__order {width: 115px; /*padding: 8px 5px;*/ font-size: 11px; height: 35px;} #CreationCompteFieldset .btn-actions__send{width:150px;} .messageStackWarning, .messageStackError {height: auto; margin: 10px 0;padding: 10px 5px;float: left;} label[for=telephone] { display:none;} .texte_prefixe{margin-left:0px;} INPUT.suitetel { width: 165px; margin-left:5px} .form_group,.group_radio{margin: auto; width: 90%; min-width: 290px; max-width: 310px;} .group_radio{float:none;} .group_achat_quantite { width: 98%; margin:auto} .adresse_principale_form{width: 250px; margin: auto; float: none;margin-top: 10px;} label[for=gardien]{width: 110px; padding-top: 10px;} .etape_suivante{width: 100%; float: left;} #acctNewslettersDefault fieldset div{max-width: 350px; width:auto; margin: auto; float: none;margin-top: 10px;} #addressBookProcessDefault label[for=primary]{width:auto;} .form_group {min-height: 5px;} #accountDefault li{width:100%;} .ligne_type_livraison{margin-bottom:5px;} .titre_type_livraison{padding:5px 0 5px 0;font-size: 14px;} .description_type_livraison { font-size: 12px;} .ligne_transporteur{width: 98%; margin: 8px 0 8px 0;position: relative; height:auto;min-height: 305px;} .descriptionLivraison,.descriptionLivraison_vert{height: auto;padding: 2.5% 4%;min-height: 140px;} .descriptionLivraisonRelais,.descriptionLivraisonRdv{height: auto;padding: 2.5% 4%;min-height: 250px;} .descriptionLivraisonPalette,.descriptionLivraisonEurope{height: auto;padding: 2.5% 4%;min-height: 180px;} .vitesseLivraison{position: absolute; bottom: 0;} .ligne_paiement{width: 100%; margin: 8px 0 8px 0;} .descriptionPaiement,.descriptionPaiement_vert{height: 82px;padding: 2.5% 4%;} .point_relais_adress{width: 60%;} .point_relais_distance{width: 95%; margin: auto; text-align: right; padding-top: 35px;} .ligne_point_relais {font-size: 11px;padding: 10px} #checkoutShipping .floatingBox, #checkoutShipAddressDefault .floatingBox, #checkoutPayment .floatingBox, #checkoutPayAddressDefault .floatingBox, #checkoutConfirmDefault .floatingBox { margin: 0; width: 100%;} #checkoutConfirmDefaultShipmentTitleResponsive,#checkoutConfirmDefaultPaymentTitleResponsive{display:block;} #checkoutConfirmDefaultShipmentTitle,#checkoutConfirmDefaultPaymentTitle{display:none;} #checkoutConfirmDefault #checkoutConfirmDefaultPaymentTitle,#checkoutConfirmDefault #checkoutConfirmDefaultShipmentTitle{display:block;} #checkoutConfirmDefault .cartProductQuantity {float: left; position: relative; padding: 5px 15px 5px 110px; width: 100%; text-align: left;} #checkoutConfirmDefault .cartTotalDisplay { width: 20%; min-width: 100px; background-color: #c4c4c4; padding: 9px 3px; margin-top: 0px; margin-left: 108px; position: relative;} #checkoutConfirmDefault .cartQuantityUpdate{display:none;} #checkoutConfirmDefault .cartProductDisplay{padding-top:0px;} #prevOrders #tableHeading{display:none;} #prevOrders .rowEven, #prevOrders .rowOdd {min-height: 180px; height:auto} #prevOrders #ordercolnew1, #prevOrders .ordercolnew1 { width: 40%; float: left; padding: 10px 5px; background-color: #ebf9e5;} #prevOrders #ordercolnew2, #prevOrders .ordercolnew2 { width: 60%; float: left; text-align: left; padding: 10px 5px; background-color: #ebf9e5;} #prevOrders #ordercolnew3, #prevOrders .ordercolnew3 { width: 100%; float: left; padding: 5px} #prevOrders #ordercolnew4, #prevOrders .ordercolnew4 {width: 100%; float: left; padding: 5px;} #prevOrders #ordercolnew5, #prevOrders .ordercolnew5 { width: 70%; float: left; text-align: left; padding: 5px;} #prevOrders #ordercolnew6, #prevOrders .ordercolnew6 { width: 15%; float: left; text-align: center;} #prevOrders #ordercolnew7, #prevOrders .ordercolnew7 { width: 15%; float: left; text-align: center;} #accountContactSav .tableHeading{display:none;} #accountContactSav .contactsav_date{width: 40%; float: left; padding: 10px 5px; background-color: #ebf9e5;} #accountContactSav .contactsav_commande { width: 60%; float: left; text-align: left; padding: 10px 5px; background-color: #ebf9e5;} #accountContactSav .contactsav_name {width: 100%; float: left; padding: 5px;} #accountContactSav .contactsav_com {width: 100%; float: left; padding: 5px;} #accountHistInfo #ccProductsHeading, #accountHistInfo .ccartProductName { float: left; width: 99%; padding-left: 5px; position: relative; padding-bottom: 10px;} #accountHistInfo #scQuantityHeading, #accountHistInfo .cartProductQuantity { left: auto; float: left; width: 50%; text-align: left; padding-left: 5px;} #accountHistInfo #scTotalHeading, #accountHistInfo .cartTotalDisplay, #accountHistInfo .accountTotalDisplay { float: left; width: 50%; text-align: right; padding-right: 5px;} .facture_boxcenter {height: 30px;padding: 10px 35px 10px 0;margin-top: -75px;} #accountHistInfo h2 {padding: 30px 10px 0px 5px;background-color: transparent;} #accountHistInfo .tableHeading{display:none;} #accountHistInfo .status_com { width: 100%;} #accountHistInfo #myAccountOrdersStatus{margin-bottom:0px;} #accountHistInfo fieldset.floatingBox { width: 100%; margin-top: 0px; margin-bottom: 5px;margin-right: 0px;} #accountHistInfo fieldset { min-height: 110px;} #accountHistInfo fieldset div {padding-top: 15px;} #accountEditDefault #gender-male, #accountEditDefault #email-format-html,#accountEditDefault .inputLabel,#accountEditDefault input[type="text"],#accountEditDefault select,label[for=logo_demenageur] {margin-left: 5px;} #alert_logo_demenageur{width: 100%; float: left; padding: 5px;} #accountEditDefault fieldset img { margin-left: 5px;} #createAcctSuccess fieldset, #display_choix_address fieldset {width: 99%;} #prevOrders #ordercolnew6, #prevOrders .ordercolnew6 { display:none} #prevOrders #ordercolnew7, #prevOrders .ordercolnew7 { display:none} .voir_detail_facture_responsive{display:initial;} .facture_boxcenter_listing_account_responsive { display: block; width: 291px; margin: auto; margin-top: 5px; height: 40px;} #accountFacturesDem label{width: 100%; float: left; text-align: left;padding-left: 5px;} #accountFacturesDem input{margin-top:0px} #accountFacturesDem .calendaricon{margin: 5px 3px;} #accountFacturesDem .btn-actions__send{width:130px; float:left} #accountFacturesDem .col3{width: 50%; float: left; padding-top: 15px;} #telechargerToutesFactures {max-width: 300px; width: 80%; margin-left: 10%;} #ezPageDefault .floatingBoxImg { width: 100%;padding: 5px 0;margin: 0; margin-top: 40px;} #ezPageDefault h1.floatingBox, #ezPageDefault h2.floatingBox {width: 100%; height: auto; padding: 10px; font-size: 16px;} #ezPageDefault .floatingBox {width: 100%;margin: 0;} #ezPageDefault .texte { padding: 0px;} #ezPageDefault .scateg{font-weight: bold;width: 100%;float: left;} #ezPageDefault h2.floatingBoxGroupeCateg {width: 100%; height: auto; padding: 10px; font-size: 16px; position:absolute} #submit2{font-size:11px; margin-left:0px;} #checkoutPayment #img_update_coupon {width: 150px;} #checkoutConfirmDefault h4 {margin-top:10px;} #checkoutConfirmDefault #orderTotals{padding-right: .5em;} #checkoutConfirmDefault #cartContentsDisplay { margin-top: 5px;} #createAcctDefault fieldset.shipping #boutons_adresses{width:80%;} #createAcctDefault fieldset.shipping #display_choix_address, #createAcctDefault fieldset.facturation #display_choix_address_billing{width:80%; margin:auto} #createAcctDefault fieldset.shipping #boutons_adresses, #createAcctDefault fieldset.facturation #boutons_adresses {width:80%; margin:auto} #createAcctDefault fieldset.shipping label[for=address_id], #createAcctDefault fieldset.facturation label[for=address_id_billing] { width: 100%;padding-left: 0;margin: auto;} #createAcctDefault fieldset.shipping #boutons_adresses .buttonRow, #createAcctDefault fieldset.facturation #boutons_adresses .buttonRow { position: relative;bottom: 0; right: 0;} #cartSubTotal{height:auto; margin-bottom:10px;padding-top: 10px;} .adresse_identique_form { width: 320px;padding-top: 10px;} #createAcctDefault label[for=adresse-identique] { width: 190px;} #checkoutConfirmDefault #facturation{margin-top:0px;} #shippingQuotePaymentDefault #checkoutBillto, #shippingQuotePaymentDefault #checkoutShipto, #shippingQuoteConfirmDefault #checkoutBillto, #shippingQuoteConfirmDefault #checkoutShipto {width: 100%; margin-top: 0px;} #shippingQuotePaymentDefault h4, #shippingQuoteConfirmDefault h4 {margin-top: 10px;} #collectivitesMairies label { padding-left: 5px} #collectivitesMairies TEXTAREA{ margin-left: 5px} #createAcctDefault label[for=newsletter-checkbox] { width: 93%;} .additionalImages::after { content: '';display: block; padding-bottom: 100%;} .additionalImages{position: relative;} .additionalImages a img{position: absolute;top: 9px; left: 0; width:96%; height:100%;object-fit: cover; } #productGeneral .productSpecialPrice { display: inline-grid; line-height: 12px;} #xsellproductsContent .productSpecialPrice{display:block;} #productGeneral #productFicheProduitLink { float: none; margin: auto;} #productGeneral .content_video {float: none;} .description-overflow-hidden { max-height: 70px;/* font-size * line-height * lines-to-show(4 in this case) 63px if you go with jquery */ overflow: hidden;margin-bottom: 40px; } .read-less,.read-more{ right: 8px; text-align: center; border: none; font-size: 13px; font-weight: bold;height: 40px;padding: 10px;font-size: 13px; padding-top: 10px; background-color: #c5c5c5;} .fade{position: absolute;top: 50%;right: 0; bottom: 0px; width: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);} #SliderPieces article{width:16.5%} #SliderPieces h3{padding-top:30px;} } @media (min-width:420px) and (max-width: 480px){#productGeneralImages .box_image_verticale {margin-top: -107px;}.additionalImages {max-width: 99px;}#search-bandeau-mobile input[type=submit] {margin-right: 5%;}} @media (min-width:380px) and (max-width: 420px){#productGeneralImages .box_image_verticale {margin-top: -100px;}.additionalImages {max-width: 90px;}#search-bandeau-mobile input[type=submit] {margin-right: 4.2%;}} @media (min-width:320px) and (max-width: 380px){#productGeneralImages .box_image_verticale {margin-top: -90px;}.additionalImages {max-width: 75px;}#search-bandeau-mobile input[type=submit] {margin-right: 3.6%;}} @media (max-width:320px){.additionalImages { max-width: 65px;}#search-bandeau-mobile input[type=submit] {margin-right: 3.2%;}} @media (min-width:470px) and (max-width: 480px){#productGeneralImages.with_add_images{height: 570px;}#productGeneralImages{height: 460px;}} @media (min-width:460px) and (max-width: 470px){#productGeneralImages.with_add_images{height: 560px;}#productGeneralImages{height: 450px;}} @media (min-width:450px) and (max-width: 460px){#productGeneralImages.with_add_images{height: 550px;}#productGeneralImages{height: 440px;}} @media (min-width:440px) and (max-width: 450px){#productGeneralImages.with_add_images{height: 547px;}#productGeneralImages{height: 430px;}} @media (min-width:430px) and (max-width: 440px){#productGeneralImages.with_add_images{height: 537px;}#productGeneralImages{height: 420px;}} @media (min-width:420px) and (max-width: 430px){#productGeneralImages.with_add_images{height: 525px;}#productGeneralImages{height: 410px;}} @media (min-width:410px) and (max-width: 420px){#productGeneralImages.with_add_images{height: 503px;}#productGeneralImages{height: 400px;}} @media (min-width:400px) and (max-width: 410px){#productGeneralImages.with_add_images{height: 495px;}#productGeneralImages{height: 390px;}} @media (min-width:390px) and (max-width: 400px){#productGeneralImages.with_add_images{height: 485px;}#productGeneralImages{height: 380px;}} @media (min-width:380px) and (max-width: 390px){#productGeneralImages.with_add_images{height: 470px;}#productGeneralImages{height: 370px;}} @media (min-width:370px) and (max-width: 380px){#productGeneralImages.with_add_images{height: 445px;}#productGeneralImages{height: 360px;}} @media (min-width:360px) and (max-width: 370px){#productGeneralImages.with_add_images{height: 437px;}#productGeneralImages{height: 350px;}} @media (min-width:350px) and (max-width: 360px){#productGeneralImages.with_add_images{height: 425px;}#productGeneralImages{height: 340px;}} @media (min-width:340px) and (max-width: 350px){#productGeneralImages.with_add_images{height: 417px;}#productGeneralImages{height: 330px;}} @media (min-width:330px) and (max-width: 340px){#productGeneralImages.with_add_images{height: 407px;}#productGeneralImages{height: 320px;}} @media (min-width:320px) and (max-width: 330px){#productGeneralImages.with_add_images{height: 399px;}#productGeneralImages{height: 310px;}} @media (max-width:319px){#productGeneralImages.with_add_images{height: 377px;}#productGeneralImages .box_image_verticale {margin-top: -80px;}#productGeneralImages{height: 300px;}} @media (min-width:465px) and (max-width: 480px) { #col_droite_listing .listingDescription {width: 161.5%; margin-left: -61.5%; margin-top: 110px;} #col_droite_listing .ajout_qte { padding-top: 16px;height: 72px;} } @media (min-width:450px) and (max-width: 464px) { #col_droite_listing .listingDescription {width: 161.5%; margin-left: -61.5%; margin-top: 100px;} #col_droite_listing .ajout_qte { padding-top: 16px;height: 65px;} } @media (min-width:410px) and (max-width: 450px) { #col_droite_listing .listingDescription {width: 161.5%; margin-left: -61.5%; margin-top: 90px;} #col_droite_listing .ajout_qte { padding-top: 9px;} } @media (min-width:410px) and (max-width: 480px) { .productListing-data0{width: 38%;} .productListing-data1 {width: 62%; } #col_droite_listing .prices { height: 45px;} .productListing-data2 { width: 62%;} .box_image_verticale{margin-top: -37px;} #col_droite_listing .product_titles {font-size:11px;} .lot_tarif_degressif { width: 38%;} .prix_tarif_degressif { width: 62%;} .productUnitaireDeclinaisonPrice {width: 45%;} .cartProductQuantity {padding-left:180px;} .cartTotalDisplay { width: 20%;min-width: 100px;background-color: #c4c4c4;padding: 9px 3px; margin-top: 9px; margin-left: 10px;} .group_radio_gauche,#gender_alert{margin-left: 16%;} #shippingQuotePaymentDefault .cartTotalDisplay,#shippingQuoteConfirmDefault .cartTotalDisplay{margin-left: 110px; position: relative; float: right;} #shippingQuotePaymentDefault .cartProductQuantity,#shippingQuoteConfirmDefault .cartProductQuantity{padding-left: 110px; position: relative; float: left;} } @media (min-width:360px) and (max-width: 410px) { .productListing-data0{width: 40%;} .productListing-data1 {width: 60%; } #col_droite_listing .prices { height: 45px;} #col_droite_listing .listingDescription {width: 166.5%; margin-left: -66.5%; margin-top: 83px;} .productListing-data2 { width: 60%;} .box_image_verticale{margin-top: -37px;} #col_droite_listing .product_titles {font-size:11px;} #col_droite_listing .ajout_qte{padding-top:5px;height: 40px;} .lot_tarif_degressif { width: 36%;} .prix_tarif_degressif { width: 64%;} .productUnitaireDeclinaisonPrice {width: 45%;} .cartProductQuantity {padding-left:173px;} .cartTotalDisplay { width: 20%;min-width: 95px;background-color: #c4c4c4;padding: 9px 3px; margin-top: 9px; margin-left: 0px;} .cartRemoveItemDisplay {width: 30px;} .group_radio_gauche,#gender_alert{margin-left: 10%;} #shippingQuotePaymentDefault .cartTotalDisplay,#shippingQuoteConfirmDefault .cartTotalDisplay{margin-left: 110px; position: relative; float: right;} #shippingQuotePaymentDefault .cartProductQuantity,#shippingQuoteConfirmDefault .cartProductQuantity{padding-left: 110px; position: relative; float: left;} #createAcctDefault fieldset.shipping #display_choix_address, #createAcctDefault fieldset.facturation #display_choix_address_billing{width:90%; margin:auto} #createAcctDefault fieldset.shipping #boutons_adresses, #createAcctDefault fieldset.facturation #boutons_adresses {width:90%; margin:auto} } @media (min-width:340px) and (max-width: 360px) { .productListing-data0{width: 40%;} .productListing-data1 {width: 60%; } #col_droite_listing .prices { height: 40px;} #col_droite_listing .listingDescription {width: 166.5%; margin-left: -66.5%; margin-top: 77px;} .productListing-data2 { width: 60%;} .box_image_verticale{margin-top: -37px;} #col_droite_listing .product_titles {font-size:11px;} #col_droite_listing .ajout_qte{padding-top:5px;height: 40px;} .lot_tarif_degressif { width: 36%;} .prix_tarif_degressif { width: 64%;} .productUnitaireDeclinaisonPrice {width: 45%;} .cartProductName {padding-left: 108px;} .cartQuantityUpdate { padding: 10px 0;} .cartQuantityUpdate input { width: 25px; height: 20px;} .cartProductQuantity {padding-left:171px;padding-right: 5px;} .cartTotalDisplay { width: 20%;min-width: 90px;background-color: #c4c4c4;padding: 9px 3px; margin-top: 9px; margin-left: 3px; margin-right: 3px;} .cartRemoveItemDisplay {width: 20px;margin-top: 8px;} .cartRemoveItemDisplay img { width: 15px;height: 17px;} .group_radio_gauche,#gender_alert{margin-left: 5%;} #shippingQuotePaymentDefault .cartTotalDisplay,#shippingQuoteConfirmDefault .cartTotalDisplay{margin-left: 10px; position: relative; float: right;} #shippingQuotePaymentDefault .cartProductQuantity,#shippingQuoteConfirmDefault .cartProductQuantity{padding-left: 110px; position: relative; float: left;} #createAcctDefault fieldset.shipping #display_choix_address, #createAcctDefault fieldset.facturation #display_choix_address_billing{width:90%; margin:auto} #createAcctDefault fieldset.shipping #boutons_adresses, #createAcctDefault fieldset.facturation #boutons_adresses {width:90%; margin:auto} } @media (max-width:340px){ .productListing-data0{width: 45%;} .productListing-data1 {width: 55%; } #col_droite_listing .prices { height: 41px;} #col_droite_listing .listingDescription {width: 182%;margin-left: -82%;margin-top: 77px;} .productListing-data2 {width: 55%;} .box_image_verticale{margin-top: -30px;} #col_droite_listing .product_titles {font-size:10px;} #col_droite_listing .ajout_qte{padding-top:5px;height: 40px;} .quantites_listing{font-size:10px;width:170px;} .lot_tarif_degressif { width: 34%;} .prix_tarif_degressif { width: 66%;} .productUnitaireDeclinaisonPrice {width: 45%;} #productGeneral .product_titles{font-size:12px;} #productGeneral h2 { font-size: 11px;} .centerColumn, #navBreadCrumb {font-size: 11px;} .rowEven, .rowOdd {height:92px;} .cartProductImage { width: 80px; height: 80px;} .shoppingcart_image_verticale { margin-top: -20px;} .cartProductName,.ccartProductName {padding-left: 85px;} .cartQuantityUpdate { padding: 10px 0;} .cartQuantityUpdate input { width: 25px; height: 20px;} .cartProductQuantity {padding-left:148px;} .cartTotalDisplay { width: 20%;min-width: 100px;background-color: #c4c4c4;padding: 9px 3px; margin-top: 9px; margin-left: 0px;} .cartRemoveItemDisplay {width: 20px;margin-top: 8px;} .cartRemoveItemDisplay img { width: 15px;height: 17px;} .cartProductDisplay {padding-top: 0px; min-height:40px;} .group_radio_gauche,#gender_alert{margin-left: 5px;} #checkoutConfirmDefault .cartProductQuantity{padding-left:85px;width: 40%;} #checkoutConfirmDefault .cartTotalDisplay{margin-left:80px;} .btn-actions__adresse_principale{padding-top: 8px;} #createAcctDefault fieldset.shipping #display_choix_address, #createAcctDefault fieldset.facturation #display_choix_address_billing{width:99%; margin:auto} #createAcctDefault fieldset.shipping #boutons_adresses, #createAcctDefault fieldset.facturation #boutons_adresses {width:99%; margin:auto} #shippingQuotePaymentDefault .cartTotalDisplay,#shippingQuoteConfirmDefault .cartTotalDisplay{margin-left: 10px; position: relative; float: right; margin-top:0} #shippingQuotePaymentDefault .cartProductQuantity,#shippingQuoteConfirmDefault .cartProductQuantity{padding-left: 110px; position: relative; float: left;} } @media (min-width:371px) { input {width: 270px;margin-left: 5px;} .buttonRowCommandes input {margin-left: 0px;} input[name="password"],input[name="confirmation"]{width: 226px;} .alert_erreur_pdf{padding: 9px 5px;} select{width: 270px;margin-left: 5px;} INPUT.suitetel { width: 173px;margin-left:5px} } @media (min-width:371px) and (max-width:480px) { ul#galerie-comm li {width:45%;} .contour_categorie{ width: 48.9%;} div.categoryListBoxContents div:nth-child(2n) { margin-right: 0px;} } @media (max-width:370px) { input {width: 250px;margin-left: 5px;} .buttonRowCommandes input {margin-left: 0px;} input[name="password"],input[name="confirmation"]{width: 216px;} .alert_erreur_pdf {padding: 0px 0px 15px 105px;} select{width: 250px;padding-left: 5px;} ul#galerie-comm li {width:90%;} .contour_categorie{ width: 99%;} .categoryListBoxContents {max-width: 250px;display: block;} #createAcctDefault label[for=adresse-identique] { width: 188px; padding-top: 10px;} #createAcctDefault label[for=adresse-identique-non], #createAcctDefault label[for=adresse-identique-oui] {padding-top: 6px;} .adresse_identique_form { width: 100%;} #select-address_id{width:98%;} } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} }