/* Theme Name: Naked Wordpress Theme URI: http://bckmn.com/naked-wordpress Author: J Beckman Author URI: http://bckmn.com Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress. Version: 1.0 License: GNU General Public License -------------------------------------------------------------- */ /* RESPONSIVE -------------------------------------------------------------- */ /* Custom, iPhone Retina */ .marge{width: 90%;} #menuburger{display: block;} #menutop, #menu_desktop{display: none;} a#logoheader{width: 210px;} #menuburger{right: calc(50% - 150px);} header {padding: 20px 0;} main{margin: 110px auto 0;} #slider ul{height: 300px;} .contentslide{width: 260px; left: calc(50% - 130px); bottom: 50px; padding: 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px;} .contentslide h1.sous_titre_slide{font-size: 22px; line-height: 28px;} .contentslide span.titre_slide{font-size: 36px; line-height: 36px; margin: 0 auto 15px;} .contentslide a{font-size: 14px; line-height: 14px; padding: 4px 10px 8px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; -ms-border-radius: 13px;} #slidenav{bottom: 15px;} section{padding: 50px 0;} #home_clickandcollect ul li{padding: 20px 10px; width: 80%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin: 0 10%;} #home_clickandcollect ul li:nth-child(2){margin: 30px 10%;} #home_clickandcollect ul li span.numero{top: -17px; width: 34px; font-size: 26px; line-height: 34px; left: calc(50% - 17px);} .iconclickandcollect{padding: 10px; width: 80px; height: 80px; margin: 10px 10px 0 0;} .contenuclickandcollect{width: calc(100% - 90px); margin: 5px 0 0;} .contenuclickandcollect span{font-size: 18px; line-height: 24px;} .contenuclickandcollect p{font-size: 14px; line-height: 18px;} #home_nouveautes{padding: 40px 0;} #home_nouveautes h2, .woocommerce-tabs .description h3, section.related h3, #contenu .content h2, #evenement .filter h2, .resultat_form_single h2, .resultat_form_multi h2, #autres-temoignages h2, #search h1{font-size: 24px; line-height: 28px; margin: 0 auto 20px;} #home_nouveautes h2::before, #home_nouveautes h2::after, .woocommerce-tabs .description h3::before, .woocommerce-tabs .description h3::after, section.related h3::before, section.related h3::after, #contenu .content h2::before, #contenu .content h2::after, #evenement .filter h2::before, #evenement .filter h2::after, .resultat_form_single h2::before, .resultat_form_single h2::after, .resultat_form_multi h2::before, .resultat_form_multi h2::after, #autres-temoignages h2::before, #autres-temoignages h2::after, #search h1::before, #search h1::after{width: calc(50% - 80px); top: calc(50% - 1px); height: 2px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px;} #home_nouveautes ul{padding: 0;} #home_nouveautes ul li a .descr, .woocommerce #content .right ul.products li.product .woocommerce-loop-product__title, .woocommerce section.related ul.products li .woocommerce-loop-product__title, .resultat_form_multi ul li .descr{font-size: 12px; line-height: 16px; margin: 5px auto 0; padding: 0 5px;} ul li a .price{font-size: 26px; line-height: 26px; margin: 5px auto 0;} .woocommerce #content .right ul.products li.product .price, .woocommerce section.related ul.products li .price{font-size: 26px; line-height: 26px; margin: 5px auto 0;padding: 0 5px;} #home_nouveautes ul li{width: calc(50% - 10px); height: 190px; margin: 0 5px 10px;} ul li a.overlay{padding: 10px 10px;} a.overlay .dh{margin: 0 auto 15px;} ul li a.overlay .dh .duree, ul li a.overlay .dh .hauteur{font-size: 16px; line-height: 16px; padding: 0 0 0 30px; max-width: 100%; margin: 15px 0 0 5px;} ul li a.overlay .dh .duree span, ul li a.overlay .dh .hauteur span{font-size: 26px; line-height: 26px;} ul li a.overlay .dh .duree::before, ul li a.overlay .dh .hauteur::before{width: 24px; height: 40px; top: calc(50% - 20px);} ul li a.overlay span.btnview{font-size: 16px; line-height: 16px; padding: 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;} #home_reassurance{padding: 30px 0;} #home_reassurance ul li{padding: 0 5px; width: 33.3334%;} .iconreassurances{width: 60px; height: 60px; margin: 0 calc(50% - 30px);} .contenureassurances{margin: 10px auto 0;} #home_reassurance ul li:nth-child(1) .contenureassurances{width: 100%;} #home_reassurance ul li:nth-child(2) .contenureassurances{width: 100%;} #home_reassurance ul li:nth-child(3) .contenureassurances{width: 100%;} .contenureassurances .reassurance_title{font-size: 14px; line-height: 16px; text-align: center;} .contenureassurances p{font-size: 11px; line-height: 14px; text-align: center;} #home_apropos{padding: 40px 0;} #apropos_inner h2{font-size: 28px; line-height: 36px; margin: 0 auto 14px;} #apropos_inner p{font-size: 12px; line-height: 16px; margin: 0 auto 16px;} #apropos_inner{width: 100%; margin: 0 0 20px; float: left;} .photoapropos{width: 100%; float: left;} #slide_inner{padding: 70px 0;} #slide_inner h3{font-size: 36px; line-height: 36px;} .topfooter{margin: 0 auto;} .col4{width: 80px; margin: 0 calc(50% - 40px);} .col4:last-child{margin: 30px calc(50% - 40px) 0;} .col34{margin: 0 auto; width: 100%; padding: 0;} .col34 .footercol{margin: 20px 0 0 -5px; max-width: 100%;} #ligne:nth-child(2){display: none;} #ligne:nth-child(1) a.btnfooter{display: none;} span#copyright{margin: 10px auto 0;} #evenement{padding: 0 0 40px;} #evenement .filter h2{margin: 40px auto 0;} .coverpage{height: 100px;} .covertitle h1{font-size: 32px; line-height: 32px; padding: 14px 16px 0; border-radius: 14px 14px 0 0; -webkit-border-radius: 14px 14px 0 0; -moz-border-radius: 14px 14px 0 0; -ms-border-radius: 14px 14px 0 0; -o-border-radius: 14px 14px 0 0;} #evenement .filter h2::before, #evenement .filter h2::after{width: calc(50% - 140px);} #celebration ul{padding: 0;} #celebration ul li{width: 50%; padding: 0 20px; margin: 10px 0 0 -5px;} #celebration ul li input[type="radio"] + label{padding: 85px 0 0; font-size: 22px; line-height: 24px;} #celebration ul li input[type="radio"] + label::before{width: 80px; height: 80px; left: calc(50% - 40px);} #lieux ul li input[type="checkbox"] + label span{font-size: 18px; line-height: 18px; padding: 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} #lieux ul li{width: calc(100% - 60px); margin: 10px 30px 0 25px;} #lieux ul li input[type="checkbox"] + label{padding: 60px 30px;} #budget{margin: 20px auto 0;} #budget::before{display: none;} #budget ul li{width: 50%; padding: 0 20px; margin: 0 0 30px -5px;} #budget ul li input[type="radio"] + label{font-size: 20px; line-height: 20px; padding: 60px 0 0;} #budget ul li input[type="radio"] + label::before{width: 60px; height: 60px; left: calc(50% - 30px);} #resultat{margin: 0 auto 20px;} .woocommerce .woocommerce-breadcrumb{margin: 15px auto 0 !important; font-size: 14px; line-height: 18px !important;} #content .left{width: 100%; margin: 0; padding: 10px 5px;} #content .right{width: 100%;} #conseils ul li{width: 100%; height: 170px;} #conseils ul li:nth-child(1){margin: 0 auto 20px;} #conseils ul li a{font-size: 25px; line-height: 25px; width: calc(100% - 80px); height: calc(100% - 40px); left: 40px; top: 20px; padding: 20px 10px 10px;} #conseils ul li a::after{width: 30px; height: 30px; left: calc(50% - 15px); bottom: 15px;} a.back{font-size: 14px; line-height: 18px; padding: 5px 12px 5px 24px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; margin: 4px auto 0;} a.back::before{width: 7px; height: 14px; top: calc(50% - 7px); left: 9px;} .single-conseil a.back.bottom{width: 150px; margin: 4px calc(50% - 75px);} .blocs-idees{margin: 0 auto 20px; padding: 0 0 120px;} .blocs-idees .bloc1{width: calc(100% - 40px); margin: 20px; padding: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} .blocs-idees:nth-child(2n+1) .bloc1{float: right;} .blocs-idees .bloc1 span{width: 140px; top: 12px; left: calc(50% - 70px); padding: 0 12px; font-size: 18px; line-height: 18px;} .blocs-idees .bloc1 h3{font-size: 30px; line-height: 30px; padding: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} .blocs-idees .bloc1 p{font-size: 14px; line-height: 18px; margin: 20px auto 0;} .blocs-idees .bloc1 p strong{font-size: 24px; line-height: 24px;} .blocs-idees .bloc2{width: 100%; height: 120px; right: 0; top: calc(100% - 120px);} .blocs-idees:nth-child(2n+1) .bloc2{left: 0; right: auto;} .woocommerce div.product{margin: 20px auto 0;} .woocommerce-page div.product div.images{width: 100% !important; padding: 20px !important;} .woocommerce-page div.product.product-type-bundle div.images{padding: 20px !important;} .summary-add-to-cart-form-bundle{width: 100% !important;} .woocommerce div.product div.summary{width: 100% !important; margin: 20px auto 0 !important;} .woocommerce-page div.product .summary-add-to-cart-form-bundle div.bundled_product_images{padding: 10px !important;} .woocommerce div.product .product_title{font-size: 28px; line-height: 36px;} .woocommerce div.product .product_title span{font-size: 13px !important; line-height: 14px !important;} .woocommerce div.product .summary p.price{font-size: 32px; line-height: 32px; padding: 0 0 0 180px;} .woocommerce div.product .summary p.price::before, .woocommerce div.product .summary span.price::before{width: 170px; bottom: 15px; height: 2px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; -ms-border-radius: 1px;} .woocommerce-product-details__short-description{margin: 15px auto;} .woocommerce-product-details__short-description p{font-size: 13px; line-height: 14px;} a.magasins{font-size: 14px; line-height: 18px; width: auto; max-width: 120px; margin: 5px auto 0; padding: 0 0 0 19px;} a.magasins::before{width: 16px; height: 18px;} .vertical-img-left.nickx-slider-for{height: 280px;} .slick-slide.slick-current.slick-active iframe, img.attachment-shop_single, .slick-list.slick-current{height: 280px !important;} #nickx-gallery{height: 185px;} #nickx-gallery .slick-list, #nickx-gallery .slick-list .slick-track{height: 185px !important;} .product .vertical-img-left.nickx-slider-for{height: 260px !important;} .product #nickx-gallery, .produit #nickx-gallery .slick-list, .produit #nickx-gallery .slick-list .slick-track{height: 260px !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product{width: calc(50% - 8px) !important; margin: 15px 12px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(4n+4){margin: 15px 12px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(3n+3){margin: 15px 12px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(2n+2){margin: 15px auto 0 !important;} .woocommerce div.product form.cart .button{margin: 15px auto 0; padding: 11px 15px 14px 54px; font-size: 18px; line-height: 18px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;} .woocommerce div.product form.cart .button::before{width: 32px; height: 32px; left: 15px; top: calc(50% - 16px);} .blocs-tutos{margin: 0 auto 15px;} .blocs-tutos .grand_bloc{width: 100%; margin: 0 auto 15px;} .blocs-tutos:nth-child(2n+1) .grand_bloc{margin: 0 auto 15px;} .blocs-tutos .petit_bloc{width: 100%;} .blocs-tutos .grand_bloc, .blocs-tutos .petit_bloc{height: 200px;} .bloc_tuto{width: 80%; height: 120px; left: 10%; top: calc(50% - 70px); padding: 15px 10px 20px;} .bloc_tuto h3{font-size: 20px; line-height: 24px;} .bloc_tuto h4{font-size: 16px; line-height: 20px;} .bloc_tuto a{font-size: 18px; line-height: 18px; padding: 6px 32px 6px 8px; width: 116px; left: calc(50% - 58px); bottom: -15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} .bloc_tuto a::after{width: 18px; height: 18px; right: 8px; top: calc(50% - 9px);} #content .left .berocket_single_filter_widget{padding: 0 0 15px; margin: 0 auto 15px;} .woocommerce #content .right #filter p.woocommerce-result-count{font-size: 20px; line-height: 24px; width: 100%; margin: 0 0 20px 0;} .woocommerce #content .right #filter .woocommerce-ordering{width: calc(50% - 10px); float: right;} .woocommerce #content .right #filter .woocommerce-ordering select{font-size: 15px; line-height: 16px; padding: 4px 24px 4px 0;} #filterbutton{font-size: 15px; line-height: 16px; padding: 4px 0; float: left; margin: 0 auto;} #filterbutton, #closefilter{display: block;} #content .left.filter{display: none;} #content .left.filter.active{display: block;} .woocommerce-notices-wrapper{margin: 10px auto 0;} #content .right #filter{margin: 0 auto 15px;} .woocommerce #content .right ul.products li.product a.overlay{width: calc(100% - 20px); left: 10px;} .woocommerce #content .right ul.products li.product, .woocommerce section.related ul.products li, .resultat_form_multi ul li{width: 50%; padding: 0 5px; margin: 0 0 10px -5px;} .woocommerce #content .right ul.products li.product a, .woocommerce section.related ul.products li a, .resultat_form_multi ul li a{height: 250px;} #temoignage{margin: 0 auto 20px;} #temoignage .inner .left{width: 100%; margin: 0 auto 20px;} #temoignage .inner .right{width: 100%;} #temoignage .inner .right .testi{padding: 15px 20px; margin: 0 auto 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border: 1px #312783 solid;} #temoignage .inner .right .testi::after{width: 40px; height: 30px; bottom: -25px; right: 25px;} #temoignage .inner .right .testi h2{font-size: 28px; line-height: 28px; margin: 0 auto 10px;} #temoignage .inner .right .testi p{font-size: 14px; line-height: 18px;} #temoignage .inner .right .temoin img{width: 70px; margin: 0 15px 0 0;} #temoignage .inner .right .nomtemoin{width: calc(100% - 85px); margin: 10px auto 0;} #temoignage .inner .right .nomtemoin span:nth-child(1){font-size: 22px; line-height: 26px;} #temoignage .inner .right .nomtemoin span:nth-child(2){font-size: 14px; line-height: 18px;} #autres-temoignages ul li a > span{width: 180px; left: calc(50% - 90px); bottom: 15px; padding: 5px 0 9px; font-size: 20px; line-height: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} #autres-temoignages ul li{width: 100%; margin: 20px auto 0; height: 200px;} #autres-temoignages ul li:nth-child(6n+3){margin: 20px auto 0;} #autres-temoignages ul li:nth-child(4n+3){margin: 20px auto 0;} .resultat_form_single ul li h3{font-size: 18px; line-height: 22px;} .resultat_form_single ul li .price{font-size: 32px; line-height: 32px;} .resultat_form_single ul li a.btnvoir{margin: 16px auto 8px; font-size: 13px; line-height: 14px; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} .resultat_form_single ul li form.cart .quantity label{font-size: 18px; line-height: 18px; margin: 5px 10px 0 0; width: calc(100% - 70px);} .resultat_form_single ul li form.cart .quantity .input{width: 60px;} .resultat_form_single ul li form.cart .quantity input[type="number"]{font-size: 14px; line-height: 14px; padding: 4px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button{margin: 15px auto 0; font-size: 13px; line-height: 14px; padding: 7px 7px 7px 32px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button::before{width: 24px; height: 24px; left: 7px; top: calc(50% - 12px);} #resultat_form_single{margin: 10px auto 0;} .resultat_form_single{padding: 15px 10px;} .resultat_form_single h2::before, .resultat_form_single h2::after{width: calc(50% - 140px);} .resultat_form_single ul{padding: 0;} .resultat_form_single ul li a{width: 100%; margin: 0 auto;} .resultat_form_single ul li .imgprodmeche{width: 100%; margin: 0;} .resultat_form_single ul li .descr{width: 100%; margin: 10px auto 0;} .resultat_form_single ul li .rightprodmeche{width: 140px; margin: 0 calc(50% - 70px);} .loading{width: 70px; height: 70px; margin: 0 calc(50% - 35px);} .woocommerce section.related ul.products, .resultat_form_multi ul{padding: 0 145px;} #contact .gform_wrapper ul.gform_fields li.gfield.third{width: 100%;} #contact p{padding: 0;} #contact .gform_wrapper{padding: 0;} .quantity label{font-size: 18px; line-height: 18px; margin: 2px 8px 0 0; width: 52px;} .input{padding: 0 28px; width: calc(100% - 60px);} .woocommerce .quantity .qty{font-size: 14px; line-height: 14px; padding: 3px;} .quantity-nav{height: 26px;} .quantity-button{font-size: 22px; line-height: 22px; width: 26px; padding: 0 0 4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;} .bundle_button{max-width: 220px;} .quantity-button.quantity-up{left: -26px;} .quantity-button.quantity-down{left: -242px;} .woocommerce-tabs .description{margin: 40px auto 0;} .woocommerce-tabs .description h3::before, .woocommerce-tabs .description h3::after{width: calc(50% - 160px);} .innertab p{font-size: 14px; line-height: 20px; margin: 0 auto 10px;} .innertab{width: 100%; margin: 0 0 15px 0;} .tableau{width: 100%;} ul.attribute_single li{width: calc(50% - 10px); margin: 0 5px 5px 0; font-size: 14px; line-height: 18px; height: 100px; padding: 55px 5px 0;} ul.attribute_single li.tirs, ul.attribute_single li.duree, ul.attribute_single li.hauteur{padding: 30px 5px 5px 60px;} ul.attribute_single li::before{width: 50px; height: 50px; left: calc(50% - 25px); top: 5px;} ul.attribute_single li.tirs::before, ul.attribute_single li.duree::before, ul.attribute_single li.hauteur::before{left: 5px; top: calc(50% - 25px);} #lien_bas_page ul li{width: 100%; height: 160px;} #lien_bas_page ul li a, .woocommerce-thankyou-order-failed-actions a.button{font-size: 18px; line-height: 18px; padding: 8px 30px 8px 12px; bottom: 15px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;} #lien_bas_page ul li a::after{right: 12px; top: calc(50% - 9px); width: 18px; height: 18px;} #leftbox #score{font-size: 36px; line-height: 36px;} #leftbox .woocommerce-product-rating{margin: 0 auto 16px;} .woocommerce #leftbox .woocommerce-product-rating .star-rating{font-size: 13px; line-height: 13px;} #leftbox a.woocommerce-review-link{font-size: 13px; line-height: 13px;} #leftbox a.donneravis, .woocommerce #respond input#submit, #leftbox a#btnavis{font-size: 18px; line-height: 18px; padding: 7px 12px; margin: 0 auto 8px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{width: 80px; margin: 0 5px 5px 0; font-size: 14px; line-height: 14px;} .woocommerce #reviews #comments ol.commentlist li .comment-text #score{font-size: 14px; line-height: 14px; margin: 0 auto 5px;} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size: 16px !important; line-height: 16px; margin: 5px auto 0;} #leftbox{width: 100%; padding: 10px 15px 15px; margin: 0 0 20px 0;} #rightbox{width: 100%;} .woocommerce #reviews #comments ol.commentlist li .comment-text{padding: 10px !important; border-radius: 10px !important; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; -ms-border-radius: 10px !important; -o-border-radius: 10px !important;} #review_form_wrapper{margin: 10px auto 0; padding: 10px 0 0;} #reply-title{font-size: 18px; line-height: 18px;} #respond form label{font-size: 13px; line-height: 14px;} .woocommerce-cart .woocommerce .cart-collaterals{margin: 13px calc(50% - 150px) 0; width: 300px;} #chiffres_cles ul{height: 660px;} #chiffres_cles ul li{margin: 2px;} #chiffres_cles ul li:nth-child(1){left: 0; top: 0; width: calc(50% - 4px); height: calc(11.1111% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(2){left: 50%; top: 0; width: calc(50% - 4px); height: calc(11.1111% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(3){left: 0; top: 11.1111%; width: calc(50% - 4px); height: calc(22.2222% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(4){left: 50%; top: 11.1111%; width: calc(50% - 4px); height: calc(22.2222% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(5){left: 0; top: 33.3333%; width: calc(50% - 4px); height: calc(22.2222% - 4px); background-size: auto 100%;} #chiffres_cles ul li:nth-child(6){left: 0; top: 55.5555%; width: calc(50% - 4px); height: calc(11.1111% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(7){left: 50%; top: 33.3333%; width: calc(50% - 4px); height: calc(22.2222% - 4px); background-size: auto 100%;} #chiffres_cles ul li:nth-child(8){left: 50%; top: 55.5555%; width: calc(50% - 4px); height: calc(11.1111% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(9){left: 0; top: 66.6666%; width: calc(50% - 4px); height: calc(22.2222% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(10){left: 50%; top: 66.6666%; width: calc(50% - 4px); height: calc(22.2222% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(11){left: 0; top: 88.8888%; width: calc(50% - 4px); height: calc(11.1111% - 4px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(12){left: 50%; top: 88.8888%; width: calc(50% - 4px); height: calc(11.1111% - 4px);; background-size: 100% auto;} #chiffres_cles h2, #engagements h2{font-size: 32px; line-height: 42px; margin: 0 auto 10px;} #engagements p{font-size: 13px; line-height: 16px;} #engagements ul li h3{font-size: 24px; line-height: 30px;} #engagements ul li h4{font-size: 18px; line-height: 20px; margin: 0 auto 4px;} #engagements ul li{padding: 15px; margin: 5px; width: calc(100% - 10px); min-height: auto;} #engagements ul{margin: 15px auto 0;} #confiance{padding: 0 0 50px;} #confiance h2{font-size: 24px; line-height: 30px;} #confiance ul li p{font-size: 13px; line-height: 16px;} #confiance h2::before, #confiance h2::after{width: calc(50% - 140px); height: 2px; top: calc(50% - 1px); border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px;} #confiance ul li{width: 100%; padding: 0; margin: 15px 0 0 -5px;} #confiance ul li img{width: 80px; margin: 0 calc(50% - 40px) 10px;} #historique .slider-wrapper .slick-slide .col-wrapper .col2 p{font-size: 13px; line-height: 16px; margin: 0 auto 16px;} #historique .slider-wrapper #bullets{display: none;} #historique .slider-wrapper .slick-slide h2{font-size: 26px; line-height: 36px; margin: 0 auto 14px;} #historique .slider-wrapper .slick-slide .col-wrapper .col1, #historique .slider-wrapper .slick-slide .col-wrapper .col3{width: 100%;} #historique .slider-wrapper .slick-slide .col-wrapper .col2{width: 100%; margin: 10px 0;} #historique .slider-wrapper #navs{margin: 20px auto 0;} #historique .slider-wrapper #navs a{font-size: 18px; line-height: 18px; margin: 0 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;} #historique .slider-wrapper #navs a#prev{padding: 5px 8px 5px 20px;} #historique .slider-wrapper #navs a#next{padding: 5px 20px 5px 8px;} #historique .slider-wrapper #navs a#prev::before, #historique .slider-wrapper #navs a#next::after{width: 7px; height: 14px; top: calc(50% - 7px);} #historique .slider-wrapper #navs a#prev::before{left: 8px;} #historique .slider-wrapper #navs a#next::after{right: 8px;} /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { #menuburger{right: calc(50% - 230px);} #slider ul{height: 380px;} .contentslide{width: 400px; left: calc(50% - 200px); bottom: 60px; padding: 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px;} .contentslide h1.sous_titre_slide{font-size: 26px; line-height: 32px;} .contentslide span.titre_slide{font-size: 44px; line-height: 44px; margin: 0 auto 20px;} .contentslide a{font-size: 16px; line-height: 16px; padding: 6px 16px 10px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px;} #slidenav{bottom: 20px;} #home_clickandcollect ul li{width: 52%; margin: 0 24%;} #home_clickandcollect ul li:nth-child(2){margin: 30px 24%;} #home_nouveautes ul li{width: calc(33.3334% - 10px);} #home_reassurance ul li{padding: 0 10px;} .contenureassurances .reassurance_title{font-size: 16px; line-height: 20px;} .contenureassurances p{font-size: 13px; line-height: 16px;} #celebration ul li{width: 33.3334%;} #lieux ul li{width: calc(50% - 10px); margin: 5px 5px 0 0;} #lieux ul li input[type="checkbox"] + label{padding: 70px 15px;} #budget ul li{width: 33.3334%;} #conseils ul li{width: calc(50% - 10px); height: 280px;} #conseils ul li:nth-child(1){margin: 0 20px 0 0;} #conseils ul li a{font-size: 30px; line-height: 30px; width: calc(100% - 20px); height: calc(100% - 120px); left: 10px; top: 60px; padding: 30px 10px 10px;} #conseils ul li a::after{width: 40px; height: 40px; left: calc(50% - 20px); bottom: 20px;} .blocs-idees{padding: 0 0 180px;} .blocs-idees .bloc2{height: 180px; top: calc(100% - 180px);} .blocs-tutos{margin: 0 auto 16px;} .blocs-tutos .grand_bloc{width: calc(50% - 8px); margin: 0 16px 0 0;} .blocs-tutos:nth-child(2n+1) .grand_bloc{margin: 0 0 0 16px;} .blocs-tutos .petit_bloc{width: calc(50% - 8px);} .blocs-tutos .grand_bloc, .blocs-tutos .petit_bloc{height: 260px;} .bloc_tuto{width: 80%; height: 160px; left: 10%; top: calc(50% - 80px); padding: 20px 15px 30px;} .bloc_tuto h3{font-size: 22px; line-height: 26px;} .bloc_tuto h4{font-size: 18px; line-height: 22px;} .bloc_tuto a{font-size: 20px; line-height: 20px; padding: 8px 36px 8px 10px; width: 130px; left: calc(50% - 65px); bottom: -18px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} .bloc_tuto a::after{width: 20px; height: 20px; right: 10px; top: calc(50% - 10px);} .woocommerce #content .right ul.products li.product, .woocommerce section.related ul.products li, .resultat_form_multi ul li{width: 50%; padding: 0 10px; margin: 0 0 20px -5px;} .woocommerce #content .right ul.products li.product a, .woocommerce section.related ul.products li a, .resultat_form_multi ul li a{height: 260px;} #temoignage .inner .left{width: 170px; margin: 0 10px 0 0;} #temoignage .inner .right{width: calc(100% - 180px);} #autres-temoignages ul li{width: calc(50% - 15px); margin: 30px auto 0; height: 220px;} #autres-temoignages ul li:nth-child(6n+3){margin: 30px auto 0;} #autres-temoignages ul li:nth-child(4n+3){margin: 30px 0 0 30px;} .resultat_form_single ul li .imgprodmeche{width: calc(100% - 180px); margin: 0 20px 0 0;} .resultat_form_single ul li .descr{width: 160px; margin: 15px auto 0;} .woocommerce section.related ul.products, .resultat_form_multi ul{padding: 0 145px;} .woocommerce div.product .summary p.price{padding: 0 0 0 330px;} .woocommerce div.product .summary p.price::before, .woocommerce div.product .summary span.price::before{width: 320px;} ul.attribute_single li{width: calc(33.3334% - 10px);} .woocommerce-cart .woocommerce .cart-collaterals{margin: 13px calc(50% - 230px) 0; width: 460px;} #chiffres_cles ul{height: 880px;} #chiffres_cles ul li{margin: 5px;} #chiffres_cles ul li:nth-child(1){left: 0; top: 0; width: calc(50% - 10px); height: calc(12.5% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(2){left: 50%; top: 0; width: calc(50% - 10px); height: calc(12.5% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(3){left: 0; top: 12.5%; width: calc(50% - 10px); height: calc(25% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(4){left: 50%; top: 12.5%; width: calc(50% - 10px); height: calc(25% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(5){left: 0; top: 37.5%; width: calc(25% - 10px); height: calc(25% - 10px); background-size: auto 100%;} #chiffres_cles ul li:nth-child(6){left: 25%; top: 37.5%; width: calc(50% - 10px); height: calc(12.5% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(7){left: 75%; top: 37.5%; width: calc(25% - 10px); height: calc(25% - 10px); background-size: auto 100%;} #chiffres_cles ul li:nth-child(8){left: 25%; top: 50%; width: calc(50% - 10px); height: calc(12.5% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(9){left: 0; top: 62.5%; width: calc(50% - 10px); height: calc(25% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(10){left: 50%; top: 62.5%; width: calc(50% - 10px); height: calc(25% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(11){left: 0; top: 87.5%; width: calc(50% - 10px); height: calc(12.5% - 10px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(12){left: 50%; top: 87.5%; width: calc(50% - 10px); height: calc(12.5% - 10px);; background-size: 100% auto;} #confiance h2::before, #confiance h2::after{width: calc(50% - 150px);} #confiance ul li{width: 50%; padding: 0 15px; margin: 20px 0 0 -5px;} #historique .slider-wrapper .slick-slide .col-wrapper .col1 p, #historique .slider-wrapper .slick-slide .col-wrapper .col3 p{margin: 5px;} .quantity-button.quantity-down {left: -402px;} } /* Extra Small Devices, Phones */ @media only screen and (min-width : 600px) { #menuburger{right: calc(50% - 280px);} section{padding: 60px 0;} #home_clickandcollect ul li{width: calc(33.3334% - 12px); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; margin: 0;} #home_clickandcollect ul li:nth-child(2){margin: 0 18px;} #home_clickandcollect ul li span.numero{top: -20px; width: 40px; font-size: 32px; line-height: 40px; left: calc(50% - 20px);} .iconclickandcollect{margin: 10px calc(50% - 40px) 0;} .contenuclickandcollect{width: 100%; margin: 10px 0 0;} .contenuclickandcollect span{font-size: 22px; line-height: 28px;} .contenuclickandcollect p{font-size: 16px; line-height: 20px;} #home_nouveautes{padding: 80px 0;} #home_nouveautes h2, .woocommerce-tabs .description h3, section.related h3, #contenu .content h2, #evenement .filter h2, .resultat_form_single h2, .resultat_form_multi h2, #autres-temoignages h2, #search h1{font-size: 26px; line-height: 30px; margin: 0 auto 30px;} #home_nouveautes h2::before, #home_nouveautes h2::after, .woocommerce-tabs .description h3::before, .woocommerce-tabs .description h3::after, section.related h3::before, section.related h3::after, #contenu .content h2::before, #contenu .content h2::after, #evenement .filter h2::before, #evenement .filter h2::after, .resultat_form_single h2::before, .resultat_form_single h2::after, .resultat_form_multi h2::before, .resultat_form_multi h2::after, #autres-temoignages h2::before, #autres-temoignages h2::after, #search h1::before, #search h1::after{width: calc(50% - 90px);} #home_nouveautes ul li a .descr, .woocommerce #content .right ul.products li.product .woocommerce-loop-product__title, .woocommerce section.related ul.products li .woocommerce-loop-product__title, .resultat_form_multi ul li .descr{font-size: 14px; line-height: 18px;} ul li a .price{font-size: 28px; line-height: 28px;} .woocommerce #content .right ul.products li.product .price, .woocommerce section.related ul.products li .price{font-size: 28px; line-height: 28px;} #home_nouveautes ul li{width: calc(33.3334% - 16px); height: 220px; margin: 0 8px 15px;} ul li a.overlay{padding: 20px 10px;} #home_reassurance{padding: 50px 0;} #home_reassurance ul li{padding: 0 20px; width: 33.3334%;} .iconreassurances{width: 80px; height: 80px; margin: 0 calc(50% - 40px);} .contenureassurances{margin: 10px auto 0;} #home_reassurance ul li:nth-child(1) .contenureassurances{width: 100%;} #home_reassurance ul li:nth-child(2) .contenureassurances{width: 100%;} #home_reassurance ul li:nth-child(3) .contenureassurances{width: 100%;} .contenureassurances .reassurance_title{font-size: 20px; line-height: 24px;} .contenureassurances p{font-size: 15px; line-height: 18px;} #home_apropos{padding: 60px 0;} #apropos_inner h2{font-size: 32px; line-height: 40px; margin: 0 auto 16px;} #apropos_inner p{font-size: 14px; line-height: 18px; margin: 0 auto 18px;} #apropos_inner{width: calc(100% - 280px); margin: 0 0 0 20px; float: right;} .photoapropos{width: 260px;} #slide_inner{padding: 100px 0;} #slide_inner h3{font-size: 44px; line-height: 44px;} #evenement{padding: 0 0 60px;} #evenement .filter h2{margin: 60px auto 0;} .coverpage{height: 150px;} .covertitle h1{font-size: 44px; line-height: 44px; padding: 16px 20px 0; border-radius: 16px 16px 0 0; -webkit-border-radius: 16px 16px 0 0; -moz-border-radius: 16px 16px 0 0; -ms-border-radius: 16px 16px 0 0; -o-border-radius: 16px 16px 0 0;} #evenement .filter h2::before, #evenement .filter h2::after{width: calc(50% - 190px);} #celebration ul li{width: 25%; padding: 0 10px; margin: 20px 0 0 -5px;} #celebration ul li input[type="radio"] + label{padding: 110px 0 0; font-size: 26px; line-height: 28px;} #celebration ul li input[type="radio"] + label::before{width: 100px; height: 100px; left: calc(50% - 50px);} #lieux ul li input[type="checkbox"] + label span{font-size: 20px; line-height: 20px; padding: 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} #lieux ul li{width: calc(50% - 20px); margin: 15px 10px 0 5px;} #lieux ul li input[type="checkbox"] + label{padding: 100px 20px;} #budget ul li{width: 25%;} #resultat{margin: 0 auto 40px;} .woocommerce .woocommerce-breadcrumb{margin: 20px auto 0 !important; font-size: 16px; line-height: 20px !important;} #content .left{width: 100%; margin: 0; padding: 10px 5px;} #conseils ul li{height: 300px;} #conseils ul li a{font-size: 35px; line-height: 35px; width: calc(100% - 40px); height: calc(100% - 110px); left: 20px; top: 55px;} #conseils ul li a::after{width: 50px; height: 50px; left: calc(50% - 25px); bottom: 25px;} a.back{font-size: 16px; line-height: 20px; padding: 6px 15px 6px 26px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin: 6px auto 0;} a.back::before{width: 8px; height: 16px; top: calc(50% - 8px); left: 10px;} .single-conseil a.back.bottom{width: 168px; margin: 6px calc(50% - 84px);} .blocs-idees{margin: 0 auto 30px; padding: 0;} .blocs-idees .bloc1{width: calc(100% - 280px); margin: 30px; padding: 30px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} .blocs-idees:nth-child(2n+1) .bloc1{float: right;} .blocs-idees .bloc1 span{width: 140px; top: 22px; left: calc(50% - 70px); padding: 0 13px; font-size: 20px; line-height: 20px;} .blocs-idees .bloc1 h3{font-size: 32px; line-height: 32px; padding: 16px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} .blocs-idees .bloc1 p{font-size: 16px; line-height: 20px; margin: 30px auto 0;} .blocs-idees .bloc1 p strong{font-size: 26px; line-height: 26px;} .blocs-idees .bloc2{width: 220px; height: 100%; right: 0; top: 0;} .blocs-idees:nth-child(2n+1) .bloc2{left: 0; right: auto;} .woocommerce div.product{margin: 40px auto 0;} .woocommerce-page div.product div.images{width: 300px !important; padding: 15px !important;} .woocommerce-page div.product.product-type-bundle div.images{padding: 15px !important;} .summary-add-to-cart-form-bundle{width: 100% !important;} .woocommerce div.product div.summary{width: calc(100% - 320px) !important; margin: 0 0 0 20px !important;} .woocommerce-page div.product .summary-add-to-cart-form-bundle div.bundled_product_images{padding: 15px !important;} .woocommerce div.product .product_title{font-size: 32px; line-height: 40px;} .woocommerce div.product .product_title span{font-size: 14px !important; line-height: 16px !important;} .woocommerce div.product .summary p.price{font-size: 36px; line-height: 36px; padding: 0 0 0 100px;} .woocommerce div.product .summary p.price::before, .woocommerce div.product .summary span.price::before{width: 110px; bottom: 16px;} .woocommerce-product-details__short-description{margin: 20px auto;} .woocommerce-product-details__short-description p{font-size: 14px; line-height: 16px;} a.magasins{font-size: 16px; line-height: 20px; width: auto; max-width: 130px; margin: 10px auto 0; padding: 0 0 0 21px;} a.magasins::before{width: 16px; height: 20px;} .vertical-img-left.nickx-slider-for{height: 340px;} .slick-slide.slick-current.slick-active iframe, img.attachment-shop_single, .slick-list.slick-current{height: 340px !important;} #nickx-gallery{height: 245px;} #nickx-gallery .slick-list, #nickx-gallery .slick-list .slick-track{height: 245px !important;} .product .vertical-img-left.nickx-slider-for{height: 320px !important;} .product #nickx-gallery, .produit #nickx-gallery .slick-list, .produit #nickx-gallery .slick-list .slick-track{height: 320px !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product{width: calc(25% - 12px) !important; margin: 15px 16px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(2n+2){margin: 15px 16px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(3n+3){margin: 15px 16px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(4n+4){margin: 16px auto 0 !important;} .woocommerce div.product form.cart .button{margin: 20px auto 0; padding: 12px 20px 14px 66px; font-size: 22px; line-height: 22px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;} .woocommerce div.product form.cart .button::before{width: 34px; height: 34px; left: 17px; top: calc(50% - 17px);} #content .left .berocket_single_filter_widget{padding: 0 0 20px; margin: 0 auto 20px;} .woocommerce #content .right #filter p.woocommerce-result-count{font-size: 22px; line-height: 26px; width: calc(100% - 285px); margin: 0 15px 0 0;} .woocommerce #content .right #filter .woocommerce-ordering{width: 200px; float: right;} .woocommerce #content .right #filter .woocommerce-ordering select{font-size: 16px; line-height: 16px; padding: 4px 24px 4px 0;} #filterbutton{font-size: 16px; line-height: 16px; padding: 4px 0; float: right; margin: 0 10px;} .woocommerce-notices-wrapper{margin: 20px auto 0;} #content .right #filter{margin: 0 auto 20px;} .woocommerce #content .right ul.products li.product, .woocommerce section.related ul.products li, .resultat_form_multi ul li{width: 50%; padding: 0 15px; margin: 0 0 30px -5px;} .woocommerce #content .right ul.products li.product a, .woocommerce section.related ul.products li a, .resultat_form_multi ul li a{height: 360px;} #temoignage{margin: 0 auto 40px;} #temoignage .inner .left{width: 280px; margin: 0 20px 0 0;} #temoignage .inner .right{width: calc(100% - 300px);} #temoignage .inner .right .testi{padding: 20px 25px; margin: 0 auto 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border: 1px #312783 solid;} #temoignage .inner .right .testi::after{width: 40px; height: 30px; bottom: -25px; right: 25px;} #temoignage .inner .right .testi h2{font-size: 32px; line-height: 32px; margin: 0 auto 10px;} #temoignage .inner .right .testi p{font-size: 16px; line-height: 20px;} #temoignage .inner .right .temoin img{width: 80px; margin: 0 20px 0 0;} #temoignage .inner .right .nomtemoin{width: calc(100% - 100px); margin: 15px auto 0;} #temoignage .inner .right .nomtemoin span:nth-child(1){font-size: 24px; line-height: 28px;} #temoignage .inner .right .nomtemoin span:nth-child(2){font-size: 16px; line-height: 20px;} #autres-temoignages ul li a > span{width: 200px; left: calc(50% - 100px); bottom: 20px; padding: 6px 0 10px; font-size: 22px; line-height: 22px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} #autres-temoignages ul li{width: calc(50% - 20px); margin: 40px auto 0; height: 240px;} #autres-temoignages ul li:nth-child(6n+3){margin: 40px auto 0;} #autres-temoignages ul li:nth-child(4n+3){margin: 40px 0 0 40px;} .resultat_form_single ul li h3{font-size: 20px; line-height: 24px;} .resultat_form_single ul li .price{font-size: 36px; line-height: 36px;} .resultat_form_single ul li a.btnvoir{margin: 20px auto 10px; font-size: 14px; line-height: 16px; padding: 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} .resultat_form_single ul li form.cart .quantity label{font-size: 20px; line-height: 20px; margin: 5px 10px 0 0; width: calc(100% - 90px);} .resultat_form_single ul li form.cart .quantity .input{width: 80px;} .resultat_form_single ul li form.cart .quantity input[type="number"]{font-size: 16px; line-height: 16px; padding: 4px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button{margin: 15px auto 0; font-size: 14px; line-height: 16px; padding: 8px 8px 8px 38px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button::before{width: 26px; height: 26px; left: 8px; top: calc(50% - 13px);} #resultat_form_single{margin: 15px auto 0;} .resultat_form_single{padding: 20px 10px;} .resultat_form_single h2::before, .resultat_form_single h2::after{width: calc(50% - 160px);} .resultat_form_single ul{padding: 0;} .resultat_form_single ul li a{width: 100%; margin: 0 auto;} .resultat_form_single ul li .imgprodmeche{width: calc(100% - 260px); margin: 0 30px 0 0;} .resultat_form_single ul li .descr{width: 230px; margin: 20px auto 0;} .resultat_form_single ul li .rightprodmeche{width: 160px; margin: 0 calc(50% - 80px);} .loading{width: 80px; height: 80px; margin: 0 calc(50% - 40px);} .woocommerce section.related ul.products, .resultat_form_multi ul{padding: 0 145px;} #contact .gform_wrapper ul.gform_fields li.gfield.third{width: 50%;} .quantity label{font-size: 20px; line-height: 20px; margin: 3px 10px 0 0; width: 58px;} .input{padding: 0 32px; width: calc(100% - 68px);} .woocommerce .quantity .qty{font-size: 16px; line-height: 16px;} .quantity-nav{height: 28px;} .quantity-button{font-size: 24px; line-height: 24px; width: 28px; padding: 0 0 4px;} .bundle_button{max-width: 240px;} .quantity-button.quantity-up{left: -28px;} .quantity-button.quantity-down{left: -172px;} .woocommerce-tabs .description{margin: 60px auto 0;} .woocommerce-tabs .description h3::before, .woocommerce-tabs .description h3::after{width: calc(50% - 180px);} .innertab p{font-size: 16px; line-height: 22px;} .innertab{width: 100%; margin: 0 0 20px 0;} .tableau{width: 100%;} ul.attribute_single li{width: calc(25% - 10px); margin: 0 5px 5px 0; font-size: 14px; line-height: 18px; height: 100px; padding: 55px 5px 0;} ul.attribute_single li.tirs, ul.attribute_single li.duree, ul.attribute_single li.hauteur{padding: 30px 5px 5px 60px;} ul.attribute_single li::before{width: 50px; height: 50px; left: calc(50% - 25px); top: 5px;} ul.attribute_single li.tirs::before, ul.attribute_single li.duree::before, ul.attribute_single li.hauteur::before{left: 5px; top: calc(50% - 25px);} #lien_bas_page ul {flex-direction: row !important;} #lien_bas_page ul li{width: calc(33.3334% - 8px); height: 240px;} #lien_bas_page ul li a, .woocommerce-thankyou-order-failed-actions a.button{font-size: 20px; line-height: 20px; padding: 10px 40px 10px 15px; bottom: 20px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;} #lien_bas_page ul li a::after{right: 15px; top: calc(50% - 12px); width: 24px; height: 24px;} #leftbox #score{font-size: 44px; line-height: 44px;} #leftbox .woocommerce-product-rating{margin: 0 auto 24px;} .woocommerce #leftbox .woocommerce-product-rating .star-rating{font-size: 16px; line-height: 16px;} #leftbox a.woocommerce-review-link{font-size: 14px; line-height: 16px;} #leftbox a.donneravis, .woocommerce #respond input#submit, #leftbox a#btnavis{font-size: 20px; line-height: 20px; padding: 8px 13px; margin: 0 auto 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{width: 90px; margin: 0 5px 10px 0; font-size: 16px; line-height: 16px;} .woocommerce #reviews #comments ol.commentlist li .comment-text #score{font-size: 16px; line-height: 16px; margin: 0 auto 10px;} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size: 18px !important; line-height: 18px; margin: 10px auto 0;} #leftbox{width: 230px; padding: 10px 15px 15px; margin: 0 20px 0 0;} #rightbox{width: calc(100% - 250px);} .woocommerce #reviews #comments ol.commentlist li .comment-text{padding: 12px !important; border-radius: 12px !important; -webkit-border-radius: 12px !important; -moz-border-radius: 12px !important; -ms-border-radius: 12px !important; -o-border-radius: 12px !important;} #review_form_wrapper{margin: 12px auto 0; padding: 12px 0 0;} #reply-title{font-size: 20px; line-height: 20px;} #respond form label{font-size: 14px; line-height: 16px;} .woocommerce-cart .woocommerce .cart-collaterals{margin: 13px calc(50% - 280px) 0; width: 560px;} #chiffres_cles ul{height: 960px;} #chiffres_cles h2, #engagements h2{font-size: 38px; line-height: 48px; margin: 0 auto 15px;} #engagements p{font-size: 15px; line-height: 18px;} #engagements ul li h3{font-size: 26px; line-height: 32px;} #engagements ul li h4{font-size: 20px; line-height: 22px; margin: 0 auto 6px;} #engagements ul li{padding: 20px; margin: 8px; width: calc(50% - 16px); min-height: 504px;} #engagements ul{margin: 20px auto 0;} #confiance{padding: 0 0 60px;} #confiance h2{font-size: 26px; line-height: 32px;} #confiance ul li p{font-size: 15px; line-height: 18px;} #confiance h2::before, #confiance h2::after{width: calc(50% - 160px);} #confiance ul li{padding: 0 20px; margin: 30px 0 0 -5px;} #confiance ul li img{width: 90px; margin: 0 calc(50% - 45px) 15px;} #historique .slider-wrapper .slick-slide .col-wrapper .col2 p{font-size: 15px; line-height: 18px; margin: 0 auto 18px;} #historique .slider-wrapper .slick-slide h2{font-size: 34px; line-height: 44px; margin: 0 auto 16px;} #historique .slider-wrapper #navs{margin: 30px auto 0;} #historique .slider-wrapper #navs a{font-size: 20px; line-height: 20px; margin: 0 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} #historique .slider-wrapper #navs a#prev{padding: 7px 10px 7px 24px;} #historique .slider-wrapper #navs a#next{padding: 7px 24px 7px 10px;} #historique .slider-wrapper #navs a#prev::before, #historique .slider-wrapper #navs a#next::after{width: 8px; height: 16px; top: calc(50% - 8px);} #historique .slider-wrapper #navs a#prev::before{left: 10px;} #historique .slider-wrapper #navs a#next::after{right: 10px;} } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { .marge{width: 720px;} #menuburger{right: calc(50% - 360px);} #slider ul{height: 400px;} .contentslide{width: 600px; left: calc(50% - 300px); bottom: 80px; padding: 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px;} .contentslide h1.sous_titre_slide{font-size: 30px; line-height: 36px;} .contentslide span.titre_slide{font-size: 52px; line-height: 52px; margin: 0 auto 25px;} .contentslide a{font-size: 20px; line-height: 20px; padding: 6px 18px 10px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; -ms-border-radius: 18px;} #slidenav{bottom: 30px;} #home_clickandcollect ul li{padding: 25px 15px; width: calc(33.3334% - 20px);} #home_clickandcollect ul li:nth-child(2){margin: 0 30px;} #home_nouveautes ul li{width: calc(33.3334% - 20px); height: 250px; margin: 0 10px 20px;} ul li a.overlay{padding: 50px 10px;} a.overlay .dh{margin: 0 auto 20px;} ul li a.overlay .dh .duree, ul li a.overlay .dh .hauteur{font-size: 18px; line-height: 18px; padding: 0 0 0 32px; max-width: calc(50% - 20px); margin: 25px 10px 0 5px;} ul li a.overlay .dh .duree span, ul li a.overlay .dh .hauteur span{font-size: 28px; line-height: 28px;} ul li a.overlay .dh .duree::before, ul li a.overlay .dh .hauteur::before{width: 27px; height: 45px; top: calc(50% - 22.5px);} #apropos_inner{width: calc(100% - 360px); margin: 0 0 0 40px;} .photoapropos{width: 320px;} .col34{margin: 30px auto 0;} .col34 .footercol{margin: 0 0 0 -5px; max-width: 260px;} #lieux ul li{width: calc(33.3334% - 10px); margin: 10px 5px 0 0;} #lieux ul li input[type="checkbox"] + label{padding: 80px 10px;} #budget{margin: 30px auto 0;} #budget::before{height: 36px; width: calc(83.3334% + 60px); left: calc(8.3334% - 30px); top: 12px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; -ms-border-radius: 18px; display: block;} #budget ul li{width: 16.6667%; padding: 0 15px; margin: 0 0 0 -5px;} #budget ul li input[type="radio"] + label{padding: 80px 0 0;} #conseils ul li{width: calc(50% - 15px); height: 370px;} #conseils ul li:nth-child(1){margin: 0 30px 0 0;} #conseils ul li a{width: calc(100% - 60px); height: calc(100% - 150px); left: 30px; top: 75px; padding: 50px 10px 10px;} .blocs-idees .bloc1{width: calc(100% - 340px);} .blocs-idees .bloc2{width: 280px;} .blocs-tutos{margin: 0 auto 20px;} .blocs-tutos .grand_bloc{width: calc(50% - 10px); margin: 0 20px 0 0;} .blocs-tutos:nth-child(2n+1) .grand_bloc{margin: 0 0 0 20px;} .blocs-tutos .petit_bloc{width: calc(50% - 10px);} .blocs-tutos .grand_bloc, .blocs-tutos .petit_bloc{height: 360px;} .bloc_tuto{width: 200px; height: 200px; left: calc(50% - 100px); top: calc(50% - 100px); padding: 30px 20px 40px;} .bloc_tuto h3{font-size: 24px; line-height: 28px;} .bloc_tuto h4{font-size: 20px; line-height: 24px;} .bloc_tuto a{font-size: 22px; line-height: 22px; padding: 10px 40px 10px 12px; width: 140px; left: calc(50% - 70px); bottom: -21px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .bloc_tuto a::after{width: 22px; height: 22px; right: 12px; top: calc(50% - 11px);} .woocommerce #content .right ul.products li.product, .woocommerce section.related ul.products li, .resultat_form_multi ul li{width: 33.3334%; padding: 0 15px; margin: 0 0 30px -5px;} .woocommerce #content .right ul.products li.product a, .woocommerce section.related ul.products li a, .resultat_form_multi ul li a{height: 360px;} #autres-temoignages ul li{width: calc(33.3334% - 8px); margin: 12px auto 0; height: 260px;} #autres-temoignages ul li:nth-child(4n+3){margin: 12px auto 0;} #autres-temoignages ul li:nth-child(6n+3){margin: 12px 12px 0;} .woocommerce section.related ul.products, .resultat_form_multi ul{padding: 0 145px;} .woocommerce-page div.product div.images{width: 400px !important; padding: 15px !important;} .woocommerce-page div.product.product-type-bundle div.images{padding: 15px !important;} .summary-add-to-cart-form-bundle{width: 100% !important;} .woocommerce div.product div.summary{width: calc(100% - 420px) !important; margin: 0 0 0 20px !important;} .woocommerce-page div.product .summary-add-to-cart-form-bundle div.bundled_product_images{padding: 15px !important;} .woocommerce div.product .summary p.price{padding: 0 0 0 160px;} .woocommerce div.product .summary p.price::before, .woocommerce div.product .summary span.price::before{width: 150px;} .quantity-button.quantity-down{left: -232px;} .woocommerce-cart .woocommerce .cart-collaterals{margin: 13px calc(50% - 360px) 0; width: 720px;} #chiffres_cles ul{height: 1200px;} #engagements ul li{min-height: 392px;} #confiance h2::before, #confiance h2::after{width: calc(50% - 160px); height: 4px; top: calc(50% - 2px); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;} #confiance ul li{width: 25%; padding: 0 20px; margin: 30px 0 0 -5px;} #historique .slider-wrapper .slick-slide .col-wrapper .col1, #historique .slider-wrapper .slick-slide .col-wrapper .col3{width: 17%;} #historique .slider-wrapper .slick-slide .col-wrapper .col2{width: calc(66% - 30px); margin: 0 15px;} #historique .slider-wrapper .slick-slide .col-wrapper .col1 p, #historique .slider-wrapper .slick-slide .col-wrapper .col3 p{margin: 0 auto 16px;} #lien_bas_page ul {gap: 12px !important;} #lien_bas_page ul li a{font-size: 24px !important;} #lien_bas_page ul li a::after{flex: 0 0 36px !important;height: 36px !important;width:36px !important;} } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { .marge{width: 920px;} #menuburger{display: none;} #menutop, #menu_desktop{display: block;} a#logoheader{width: 250px;} header {padding: 20px 0 40px;} main{margin: 150px auto 0;} #menutop{width: calc(100% - 290px); margin: 10px 0 0 40px;} #menu_desktop{width: 710px; left: calc(60% - 460px); bottom: -30px;} .menu-menu-1-container{width: calc(100% - 160px);} #searchbar{width: 160px; padding: 16px 10px;} ul.menu li{padding: 0 15px; margin: 15px 0 0 -5px;} ul.menu li a{font-size: 22px; line-height: 22px;} form#searchform input#s{width: calc(100% - 20px); font-size: 18px; line-height: 18px; height: 20px; padding: 0 10px 5px;} input#searchsubmit{width: 20px; height: 20px;} section{padding: 70px 0;} .iconclickandcollect{width: 85px; height: 85px; margin: 0;} .contenuclickandcollect{width: calc(100% - 95px); margin: 10px 0 0 10px;} #home_nouveautes{padding: 100px 0;} #home_nouveautes h2, .woocommerce-tabs .description h3, section.related h3, #contenu .content h2, #evenement .filter h2, .resultat_form_single h2, .resultat_form_multi h2, #autres-temoignages h2, #search h1{font-size: 28px; line-height: 30px; margin: 0 auto 40px;} #home_nouveautes h2::before, #home_nouveautes h2::after, .woocommerce-tabs .description h3::before, .woocommerce-tabs .description h3::after, section.related h3::before, section.related h3::after, #contenu .content h2::before, #contenu .content h2::after, #evenement .filter h2::before, #evenement .filter h2::after, .resultat_form_single h2::before, .resultat_form_single h2::after, .resultat_form_multi h2::before, .resultat_form_multi h2::after, #autres-temoignages h2::before, #autres-temoignages h2::after, #search h1::before, #search h1::after{width: calc(50% - 100px); top: calc(50% - 2px); height: 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;} #home_nouveautes ul li a .descr, .woocommerce #content .right ul.products li.product .woocommerce-loop-product__title, .woocommerce section.related ul.products li .woocommerce-loop-product__title, .resultat_form_multi ul li .descr{font-size: 16px; line-height: 20px; margin: 10px auto 0; padding: 0 10px;} ul li a .price{font-size: 32px; line-height: 32px; margin: 10px auto 0;} .woocommerce #content .right ul.products li.product .price, .woocommerce section.related ul.products li .price{font-size: 32px; line-height: 32px; margin: 10px auto 0; padding: 0 10px;} #home_nouveautes ul li{width: calc(33.3334% - 30px); height: 324px; margin: 0 15px 30px;} ul li a.overlay{padding: 80px 10px;} ul li a.overlay .dh .duree, ul li a.overlay .dh .hauteur{font-size: 20px; line-height: 20px; padding: 0 0 0 35px; margin: 30px 10px 0 5px;} ul li a.overlay .dh .duree span, ul li a.overlay .dh .hauteur span{font-size: 30px; line-height: 30px;} ul li a.overlay .dh .duree::before, ul li a.overlay .dh .hauteur::before{width: 30px; height: 50px; top: calc(50% - 25px);} ul li a.overlay span.btnview{font-size: 18px; line-height: 18px; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;} #home_reassurance{padding: 70px 0;} #home_reassurance ul li{padding: 0 36px; width: auto;} .iconreassurances{width: 90px; height: 90px; margin: 0;} .contenureassurances{margin: 15px 0 0 15px;} #home_reassurance ul li:nth-child(1) .contenureassurances{width: 190px;} #home_reassurance ul li:nth-child(2) .contenureassurances{width: 115px;} #home_reassurance ul li:nth-child(3) .contenureassurances{width: 90px;} .contenureassurances .reassurance_title{font-size: 24px; line-height: 28px; text-align: left;} .contenureassurances p{font-size: 18px; line-height: 20px; text-align: left;} #home_apropos{padding: 80px 0;} #apropos_inner h2{font-size: 36px; line-height: 44px; margin: 0 auto 18px;} #apropos_inner p{font-size: 16px; line-height: 20px; margin: 0 auto 20px;} #apropos_inner{width: calc(100% - 460px); margin: 0 0 0 40px;} .photoapropos{width: 420px;} #slide_inner{padding: 130px 0;} #slide_inner h3{font-size: 52px; line-height: 52px;} .topfooter{margin: 0 auto 30px;} .col4{width: 110px; margin: 0 auto;} .col4:last-child{margin: 35px auto 0;} .col34{margin: 40px auto 0; width: calc(100% - 220px); padding: 0 30px;} .col34 .footercol{margin: 0 0 0 -5px; max-width: 240px;} #ligne:nth-child(2){display: block;} #ligne:nth-child(1) a.btnfooter{display: inline-block;} span#copyright{margin: 0 auto;} #evenement{padding: 0 0 80px;} #evenement .filter h2{margin: 80px auto 0;} .coverpage{height: 200px;} .covertitle h1{font-size: 52px; line-height: 52px; padding: 18px 24px 0; border-radius: 18px 18px 0 0; -webkit-border-radius: 18px 18px 0 0; -moz-border-radius: 18px 18px 0 0; -ms-border-radius: 18px 18px 0 0; -o-border-radius: 18px 18px 0 0;} #evenement .filter h2::before, #evenement .filter h2::after{width: calc(50% - 210px);} #celebration ul li{width: 25%; padding: 0 40px; margin: 30px 0 0 -5px;} #celebration ul li input[type="radio"] + label{padding: 135px 0 0; font-size: 30px; line-height: 32px;} #celebration ul li input[type="radio"] + label::before{width: 120px; height: 120px; left: calc(50% - 60px);} #lieux ul li input[type="checkbox"] + label span{font-size: 22px; line-height: 22px; padding: 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} #lieux ul li{width: calc(33.3334% - 20px); margin: 20px 10px 0 5px;} #lieux ul li input[type="checkbox"] + label{padding: 100px 20px;} #budget{margin: 40px auto 0;} #budget::before{height: 50px; top: 16px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px;} #budget ul li{padding: 0 20px;} #budget ul li input[type="radio"] + label{font-size: 22px; line-height: 22px; padding: 100px 0 0;} #budget ul li input[type="radio"] + label::before{width: 80px; height: 80px; left: calc(50% - 40px);} #resultat{margin: 0 auto 60px;} .woocommerce .woocommerce-breadcrumb{margin: 30px auto 0 !important; font-size: 18px; line-height: 22px !important;} #content .left{width: 240px; margin: 20px 10px 0 0; padding: 20px 10px;} #content .right{width: calc(100% - 250px);} #conseils ul li{height: 470px;} #conseils ul li a{font-size: 40px; line-height: 40px; width: calc(100% - 120px); height: calc(100% - 210px); left: 60px; top: 105px; padding: 60px 10px 10px;} #conseils ul li a::after{width: 60px; height: 60px; left: calc(50% - 30px); bottom: 30px;} a.back{font-size: 18px; line-height: 22px; padding: 7px 15px 7px 28px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; margin: 8px auto 0;} a.back::before{width: 9px; height: 18px; top: calc(50% - 9px); left: 11px;} .single-conseil a.back.bottom{width: 186px; margin: 8px calc(50% - 93px);} .blocs-idees{margin: 0 auto 35px;} .blocs-idees .bloc1{width: calc(100% - 530px); margin: 35px; padding: 35px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .blocs-idees:nth-child(2n+1) .bloc1{float: right;} .blocs-idees .bloc1 span{width: 160px; top: 24px; left: calc(50% - 80px); padding: 0 14px; font-size: 22px; line-height: 22px;} .blocs-idees .bloc1 h3{font-size: 34px; line-height: 34px; padding: 18px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .blocs-idees .bloc1 p{font-size: 18px; line-height: 22px; margin: 35px auto 0;} .blocs-idees .bloc1 p strong{font-size: 28px; line-height: 28px;} .blocs-idees .bloc2{width: 460px; height: 100%; right: 0; top: 0;} .blocs-idees:nth-child(2n+1) .bloc2{left: 0; right: auto;} .woocommerce div.product{margin: 60px auto 0;} .woocommerce-page div.product div.images{width: 600px !important; padding: 40px !important;} .woocommerce-page div.product.product-type-bundle div.images{padding: 40px !important;} .summary-add-to-cart-form-bundle{width: 600px !important;} .woocommerce div.product div.summary{width: calc(100% - 640px) !important; margin: 0 0 0 40px !important;} .woocommerce-page div.product .summary-add-to-cart-form-bundle div.bundled_product_images{padding: 20px !important;} .woocommerce div.product .product_title{font-size: 36px; line-height: 44px;} .woocommerce div.product .product_title span{font-size: 16px !important; line-height: 18px !important;} .woocommerce div.product .summary p.price{font-size: 40px; line-height: 40px; padding: 0 0 0 130px;} .woocommerce div.product .summary p.price::before, .woocommerce div.product .summary span.price::before{width: 120px; bottom: 17px; height: 4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px;} .woocommerce-product-details__short-description{margin: 30px auto;} .woocommerce-product-details__short-description p{font-size: 15px; line-height: 18px;} a.magasins{font-size: 18px; line-height: 22px; width: auto; max-width: 140px; margin: 15px auto 0; padding: 0 0 0 23px;} a.magasins::before{width: 18px; height: 22px;} .vertical-img-left.nickx-slider-for{height: 400px;} .slick-slide.slick-current.slick-active iframe, img.attachment-shop_single, .slick-list.slick-current{height: 400px !important;} #nickx-gallery{height: 305px;} #nickx-gallery .slick-list, #nickx-gallery .slick-list .slick-track{height: 305px !important;} .product .vertical-img-left.nickx-slider-for{height: 380px !important;} .product #nickx-gallery, .produit #nickx-gallery .slick-list, .produit #nickx-gallery .slick-list .slick-track{height: 380px !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product{width: calc(25% - 15px) !important; margin: 20px 20px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(2n+2){margin: 20px 20px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(3n+3){margin: 20px 20px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(4n+4){margin: 20px auto 0 !important;} .woocommerce div.product form.cart .button{margin: 30px auto 0; padding: 12px 30px 15px 68px; font-size: 26px; line-height: 26px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;} .woocommerce div.product form.cart .button::before{width: 40px; height: 40px; left: 20px; top: calc(50% - 20px);} .woocommerce #content .right #filter p.woocommerce-result-count{font-size: 24px; line-height: 28px; width: calc(100% - 280px); margin: 0 20px 0 0;} .woocommerce #content .right #filter .woocommerce-ordering{width: 260px; float: left;} .woocommerce #content .right #filter .woocommerce-ordering select{font-size: 18px; line-height: 18px; padding: 5px 28px 5px 0;} #filterbutton{font-size: 18px; line-height: 18px; padding: 5px 0;} #filterbutton, #closefilter{display: none;} #content .left.filter{display: block;} .woocommerce-notices-wrapper{margin: 30px auto 0;} #content .right #filter{margin: 0 auto 10px;} .woocommerce #content .right ul.products li.product a.overlay{width: calc(100% - 30px); left: 15px;} .woocommerce #content .right ul.products li.product, .woocommerce section.related ul.products li, .resultat_form_multi ul li{width: 33.3334%; padding: 0 10px; margin: 0 0 20px -5px;} .woocommerce #content .right ul.products li.product a, .woocommerce section.related ul.products li a, .resultat_form_multi ul li a{height: 360px;} #temoignage{margin: 0 auto 60px;} #temoignage .inner .left{width: 500px; margin: 0 30px 0 0;} #temoignage .inner .right{width: calc(100% - 530px);} #temoignage .inner .right .testi{padding: 25px 30px; margin: 0 auto 30px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border: 2px #312783 solid;} #temoignage .inner .right .testi::after{width: 80px; height: 60px; bottom: -50px; right: 50px;} #temoignage .inner .right .testi h2{font-size: 36px; line-height: 36px; margin: 0 auto 10px;} #temoignage .inner .right .testi p{font-size: 18px; line-height: 22px;} #temoignage .inner .right .temoin img{width: 120px; margin: 0 20px 0 0;} #temoignage .inner .right .nomtemoin{width: calc(100% - 140px); margin: 20px auto 0;} #temoignage .inner .right .nomtemoin span:nth-child(1){font-size: 26px; line-height: 30px;} #temoignage .inner .right .nomtemoin span:nth-child(2){font-size: 18px; line-height: 22px;} #autres-temoignages ul li a > span{width: 220px; left: calc(50% - 110px); bottom: 30px; padding: 7px 0 11px; font-size: 24px; line-height: 24px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} #autres-temoignages ul li{width: calc(33.3334% - 16px); margin: 24px auto 0; height: 340px;} #autres-temoignages ul li:nth-child(4n+3){margin: 24px auto 0;} #autres-temoignages ul li:nth-child(6n+3){margin: 24px 24px 0;} .resultat_form_single ul li h3{font-size: 22px; line-height: 26px;} .resultat_form_single ul li .price{font-size: 40px; line-height: 40px;} .resultat_form_single ul li a.btnvoir{margin: 24px auto 12px; font-size: 16px; line-height: 18px; padding: 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .resultat_form_single ul li form.cart .quantity label{font-size: 22px; line-height: 22px; margin: 5px 10px 0 0; width: calc(100% - 110px);} .resultat_form_single ul li form.cart .quantity .input{width: 100px;} .resultat_form_single ul li form.cart .quantity input[type="number"]{font-size: 18px; line-height: 18px; padding: 4px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button{margin: 20px auto 0; font-size: 16px; line-height: 18px; padding: 9px 9px 9px 42px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button::before{width: 28px; height: 28px; left: 9px; top: calc(50% - 14px);} #resultat_form_single{margin: 20px auto 0;} .resultat_form_single{padding: 30px 15px;} .resultat_form_single h2::before, .resultat_form_single h2::after{width: calc(50% - 180px);} .resultat_form_single ul{padding: 0 40px;} .resultat_form_single ul li a{width: calc(100% - 240px); margin: 0 40px 0 0;} .resultat_form_single ul li .imgprodmeche{width: calc(100% - 290px); margin: 0 40px 40px 0;} .resultat_form_single ul li .descr{width: 250px; margin: 40px auto 0;} .resultat_form_single ul li .rightprodmeche{width: 200px; margin: 0 auto;} .loading{width: 90px; height: 90px; margin: 0 calc(50% - 45px);} .woocommerce section.related ul.products, .resultat_form_multi ul{padding: 0 145px;} #contact .gform_wrapper ul.gform_fields li.gfield.third{width: 33.3334%;} #contact p{padding: 0 50px;} #contact .gform_wrapper{padding: 0 30px;} .quantity label{font-size: 22px; line-height: 22px; margin: 4px 12px 0 0; width: 64px;} .input{padding: 0 36px; width: calc(100% - 76px);} .woocommerce .quantity .qty{font-size: 18px; line-height: 18px; padding: 4px;} .quantity-nav{height: 32px;} .quantity-button{font-size: 28px; line-height: 28px; width: 32px; padding: 0 0 4px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;} .bundle_button{max-width: 280px;} .quantity-button.quantity-up{left: -32px;} .quantity-button.quantity-down{left: -204px;} .woocommerce-tabs .description{margin: 80px auto 0;} .woocommerce-tabs .description h3::before, .woocommerce-tabs .description h3::after{width: calc(50% - 210px);} .innertab p{font-size: 18px; line-height: 24px; margin: 0 auto 15px;} .innertab{width: calc(50% - 20px); margin: 0 40px 0 0;} .tableau{width: calc(50% - 20px);} ul.attribute_single li{width: calc(33.3334% - 10px); margin: 0 5px 5px 0; font-size: 16px; line-height: 20px; height: 110px; padding: 60px 5px 0;} ul.attribute_single li.tirs, ul.attribute_single li.duree, ul.attribute_single li.hauteur{padding: 30px 5px 10px 60px;} ul.attribute_single li::before{width: 60px; height: 60px; left: calc(50% - 30px); top: 5px;} ul.attribute_single li.tirs::before, ul.attribute_single li.duree::before, ul.attribute_single li.hauteur::before{left: 5px; top: calc(50% - 30px);} #lien_bas_page ul li{width: calc(33.3334% - 16px); height: 360px;} #lien_bas_page ul li a, .woocommerce-thankyou-order-failed-actions a.button{font-size: 22px; line-height: 22px; padding: 12px 50px 12px 16px; bottom: 30px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;} #lien_bas_page ul li a::after{right: 16px; top: calc(50% - 16px); width: 32px; height: 32px;} #leftbox #score{font-size: 52px; line-height: 52px;} #leftbox .woocommerce-product-rating{margin: 0 auto 32px;} .woocommerce #leftbox .woocommerce-product-rating .star-rating{font-size: 19px; line-height: 19px;} #leftbox a.woocommerce-review-link{font-size: 15px; line-height: 19px;} #leftbox a.donneravis, .woocommerce #respond input#submit, #leftbox a#btnavis{font-size: 22px; line-height: 22px; padding: 9px 14px; margin: 0 auto 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{width: 100px; margin: 0 5px 15px 0; font-size: 18px; line-height: 18px;} .woocommerce #reviews #comments ol.commentlist li .comment-text #score{font-size: 18px; line-height: 18px; margin: 0 auto 15px;} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size: 20px !important; line-height: 20px; margin: 15px auto 0;} #leftbox{width: 250px; padding: 15px 20px 20px; margin: 0 30px 0 0;} #rightbox{width: calc(100% - 280px);} .woocommerce #reviews #comments ol.commentlist li .comment-text{padding: 16px !important; border-radius: 16px !important; -webkit-border-radius: 16px !important; -moz-border-radius: 16px !important; -ms-border-radius: 16px !important; -o-border-radius: 16px !important;} #review_form_wrapper{margin: 16px auto 0; padding: 16px 0 0;} #reply-title{font-size: 22px; line-height: 22px;} #respond form label{font-size: 15px; line-height: 18px;} .woocommerce-cart .woocommerce .cart-collaterals{margin: 13px calc(50% - 400px) 0; width: 800px;} #chiffres_cles ul{height: 460px;} #chiffres_cles ul li{margin: 10px;} #chiffres_cles ul li:nth-child(1){left: 0; top: 0; width: calc(25% - 20px); height: calc(25% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(2){left: 25%; top: 0; width: calc(25% - 20px); height: calc(25% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(3){left: 50%; top: 0; width: calc(25% - 20px); height: calc(50% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(4){left: 75%; top: 0; width: calc(25% - 20px); height: calc(50% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(5){left: 0; top: 25%; width: calc(12.5% - 20px); height: calc(50% - 20px); background-size: auto 100%;} #chiffres_cles ul li:nth-child(6){left: 12.5%; top: 25%; width: calc(25% - 20px); height: calc(25% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(7){left: 37.5%; top: 25%; width: calc(12.5% - 20px); height: calc(50% - 20px); background-size: auto 100%;} #chiffres_cles ul li:nth-child(8){left: 12.5%; top: 50%; width: calc(25% - 20px); height: calc(25% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(9){left: 50%; top: 50%; width: calc(25% - 20px); height: calc(25% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(10){left: 75%; top: 50%; width: calc(25% - 20px); height: calc(50% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(11){left: 0; top: 75%; width: calc(37.5% - 20px); height: calc(25% - 20px); background-size: 100% auto;} #chiffres_cles ul li:nth-child(12){left: 37.5%; top: 75%; width: calc(37.5% - 20px); height: calc(25% - 20px); background-size: 100% auto;} #chiffres_cles h2, #engagements h2{font-size: 44px; line-height: 54px; margin: 0 auto 20px;} #engagements p{font-size: 16px; line-height: 20px;} #engagements ul li h3{font-size: 28px; line-height: 34px;} #engagements ul li h4{font-size: 22px; line-height: 24px; margin: 0 auto 8px;} #engagements ul li{padding: 25px; margin: 10px; width: calc(50% - 20px); min-height: 380px;} #engagements ul{margin: 30px auto 0;} #confiance{padding: 0 0 70px;} #confiance h2{font-size: 28px; line-height: 34px;} #confiance ul li p{font-size: 16px; line-height: 20px;} #confiance h2::before, #confiance h2::after{width: calc(50% - 180px);} #confiance ul li{padding: 0 30px; margin: 30px 0 0 -5px;} #confiance ul li img{width: 100px; margin: 0 calc(50% - 50px) 20px;} #historique .slider-wrapper .slick-slide .col-wrapper .col2 p{font-size: 16px; line-height: 20px; margin: 0 auto 20px;} #historique .slider-wrapper #bullets{display: block;} #historique .slider-wrapper .slick-slide h2{font-size: 42px; line-height: 52px; margin: 0 auto 18px;} #historique .slider-wrapper .slick-slide .col-wrapper .col2{width: calc(66% - 40px); margin: 0 20px;} #historique .slider-wrapper .slick-slide .col-wrapper .col1 p, #historique .slider-wrapper .slick-slide .col-wrapper .col3 p{margin: 0 auto 18px;} #historique .slider-wrapper #navs{margin: 40px auto 0;} #historique .slider-wrapper #navs a{font-size: 22px; line-height: 22px; margin: 0 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} #historique .slider-wrapper #navs a#prev{padding: 8px 12px 8px 30px;} #historique .slider-wrapper #navs a#next{padding: 8px 30px 8px 12px;} #historique .slider-wrapper #navs a#prev::before, #historique .slider-wrapper #navs a#next::after{width: 9px; height: 18px; top: calc(50% - 9px);} #historique .slider-wrapper #navs a#prev::before{left: 12px;} #historique .slider-wrapper #navs a#next::after{right: 12px;} #historique .slider-wrapper #bullets ul.slick-dots li{width: 50px; margin: 0 20px 0 15px;} #lien_bas_page ul {gap: 24px !important;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .marge{width: 1100px;} a#logoheader{width: 290px;} header {padding: 25px 0 30px;} main{margin: 180px auto 0;} #menutop{width: calc(100% - 360px); margin: 15px 0 0 70px;} #menu_desktop{width: 860px; left: calc(59% - 550px); bottom: -50px;} .menu-menu-1-container{width: calc(100% - 180px);} #searchbar{width: 180px; padding: 17px 15px;} ul.menu li{padding: 0 25px; margin: 15px 0 0 -5px;} ul.menu li a{font-size: 24px; line-height: 24px;} form#searchform input#s{width: calc(100% - 22px); font-size: 20px; line-height: 20px; height: 22px; padding: 0 10px 5px;} input#searchsubmit{width: 22px; height: 22px;} #slider ul{height: 540px;} .contentslide{width: 750px; left: calc(50% - 375px); bottom: 100px; padding: 40px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px;} .contentslide h1.sous_titre_slide{font-size: 34px; line-height: 40px;} .contentslide span.titre_slide{font-size: 60px; line-height: 60px; margin: 0 auto 30px;} .contentslide a{font-size: 24px; line-height: 24px; padding: 8px 20px 12px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -o-border-radius: 22px; -ms-border-radius: 22px;} #slidenav{bottom: 40px;} #home_clickandcollect ul li{padding: 30px 20px; width: calc(33.3334% - 24px); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;} #home_clickandcollect ul li:nth-child(2){margin: 0 36px;} #home_clickandcollect ul li span.numero{top: -22px; width: 44px; font-size: 30px; line-height: 44px; left: calc(50% - 22px);} .iconclickandcollect{padding: 10px; width: 105px; height: 105px;} .contenuclickandcollect{width: calc(100% - 115px);} .contenuclickandcollect span{font-size: 26px; line-height: 32px;} .contenuclickandcollect p{font-size: 20px; line-height: 24px;} #home_nouveautes ul{padding: 0 85px;} #apropos_inner{width: calc(100% - 590px); margin: 0 0 0 80px;} .photoapropos{width: 510px;} #celebration ul{padding: 0 40px;} #lieux ul li{width: calc(33.3334% - 30px); margin: 40px 15px 0 10px;} #lieux ul li input[type="checkbox"] + label{padding: 120px 20px;} #budget::before{height: 56px; top: 17px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px;} #budget ul li{padding: 0 25px;} #budget ul li input[type="radio"] + label{font-size: 24px; line-height: 24px;} #budget ul li input[type="radio"] + label::before{width: 90px; height: 90px; left: calc(50% - 45px);} #conseils ul li{height: 530px;} #conseils ul li a{font-size: 45px; line-height: 45px; width: calc(100% - 240px); height: calc(100% - 240px); left: 120px; top: 120px; padding: 80px 10px 10px;} .blocs-idees .bloc1{width: calc(100% - 620px);} .blocs-idees .bloc2{width: 550px;} .blocs-tutos{margin: 0 auto 30px;} .blocs-tutos .grand_bloc{width: calc(100% - 430px); margin: 0 30px 0 0;} .blocs-tutos:nth-child(2n+1) .grand_bloc{margin: 0 0 0 30px;} .blocs-tutos .petit_bloc{width: 400px;} .blocs-tutos .grand_bloc, .blocs-tutos .petit_bloc{height: 400px;} .bloc_tuto h3{font-size: 26px; line-height: 30px;} .bloc_tuto h4{font-size: 22px; line-height: 26px;} .bloc_tuto a{font-size: 24px; line-height: 24px; padding: 12px 45px 12px 15px; width: 160px; left: calc(50% - 80px); bottom: -25px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} .bloc_tuto a::after{width: 24px; height: 24px; right: 15px; top: calc(50% - 12px);} #content .left .berocket_single_filter_widget{padding: 0 0 30px; margin: 0 auto 30px;} .woocommerce #content .right ul.products li.product, .woocommerce section.related ul.products li, .resultat_form_multi ul li{width: 33.3334%; padding: 0 15px; margin: 0 0 30px -5px;} .woocommerce #content .right ul.products li.product a, .woocommerce section.related ul.products li a, .resultat_form_multi ul li a{height: 360px;} .woocommerce section.related ul.products, .resultat_form_multi ul{padding: 0 145px;} #contact p{padding: 0 140px;} #contact .gform_wrapper{padding: 0 120px;} .woocommerce div.product .summary p.price{padding: 0 0 0 290px;} .woocommerce div.product .summary p.price::before, .woocommerce div.product .summary span.price::before{width: 280px;} .innertab{width: calc(50% - 30px); margin: 0 60px 0 0;} .tableau{width: calc(50% - 30px);} #chiffres_cles ul{height: 550px;} #engagements ul li{min-height: 340px;} #confiance h2::before, #confiance h2::after{width: calc(50% - 190px);} .quantity-button.quantity-down { left: -384px; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1400px) { .marge{width: 1220px;} a#logoheader{width: 330px;} header {padding: 30px 0 60px;} main{margin: 210px auto 0;} #menutop{width: calc(100% - 430px); margin: 20px 0 0 100px;} #menu_desktop{width: 1000px; left: calc(56% - 610px); bottom: -30px;} .menu-menu-1-container{width: calc(100% - 200px);} #searchbar{width: 200px; padding: 18px 20px;} ul.menu li{padding: 0 35px; margin: 15px 0 0 -5px;} ul.menu li a{font-size: 26px; line-height: 26px;} form#searchform input#s{width: calc(100% - 24px); font-size: 22px; line-height: 22px; height: 24px; padding: 0 10px 5px;} input#searchsubmit{width: 24px; height: 24px;} section{padding: 80px 0;} .iconclickandcollect{width: 125px; height: 125px;} .contenuclickandcollect{width: calc(100% - 135px);} #home_nouveautes{padding: 120px 0;} #home_nouveautes h2, .woocommerce-tabs .description h3, section.related h3, #contenu .content h2, #evenement .filter h2, .resultat_form_single h2, .resultat_form_multi h2, #autres-temoignages h2, #search h1{font-size: 30px; line-height: 36px; margin: 0 auto 50px;} #home_nouveautes h2::before, #home_nouveautes h2::after, .woocommerce-tabs .description h3::before, .woocommerce-tabs .description h3::after, section.related h3::before, section.related h3::after, #contenu .content h2::before, #contenu .content h2::after, #evenement .filter h2::before, #evenement .filter h2::after, .resultat_form_single h2::before, .resultat_form_single h2::after, .resultat_form_multi h2::before, .resultat_form_multi h2::after, #autres-temoignages h2::before, #autres-temoignages h2::after, #search h1::before, #search h1::after{width: calc(50% - 200px);} #home_nouveautes ul{padding: 0 145px;} #home_nouveautes ul li a .descr, .woocommerce #content .right ul.products li.product .woocommerce-loop-product__title, .woocommerce section.related ul.products li .woocommerce-loop-product__title, .resultat_form_multi ul li .descr{font-size: 18px; line-height: 22px;} ul li a .price{font-size: 34px; line-height: 34px;} .woocommerce #content .right ul.products li.product .price, .woocommerce section.related ul.products li .price{font-size: 34px; line-height: 34px;} #home_reassurance{padding: 90px 0;} #home_reassurance ul li{padding: 0 60px;} .iconreassurances{width: 100px; height: 100px;} .contenureassurances{margin: 20px 0 0 20px;} #home_reassurance ul li:nth-child(1) .contenureassurances{width: 210px;} #home_reassurance ul li:nth-child(2) .contenureassurances{width: 125px;} #home_reassurance ul li:nth-child(3) .contenureassurances{width: 100px;} .contenureassurances .reassurance_title{font-size: 26px; line-height: 30px;} .contenureassurances p{font-size: 20px; line-height: 22px;} #home_apropos{padding: 100px 0;} #apropos_inner h2{font-size: 40px; line-height: 48px; margin: 0 auto 20px;} #apropos_inner p{font-size: 18px; line-height: 22px; margin: 0 auto 22px;} #apropos_inner{width: calc(100% - 650px); margin: 0 0 0 100px;} .photoapropos{width: 550px;} #slide_inner{padding: 160px 0;} #slide_inner h3{font-size: 60px; line-height: 60px;} .col4{width: 150px;} .col34{margin: 80px auto 0; width: calc(100% - 300px); padding: 0 100px;} .col34 .footercol{max-width: 260px;} #evenement{padding: 0 0 100px;} #evenement .filter h2{margin: 100px auto 0;} .coverpage{height: 250px;} .covertitle h1{font-size: 60px; line-height: 60px; padding: 20px 30px 0; border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0;} #evenement .filter h2::before, #evenement .filter h2::after{width: calc(50% - 220px);} #celebration ul{padding: 0 100px;} #celebration ul li{padding: 0 50px; margin: 40px 0 0 -5px;} #celebration ul li input[type="radio"] + label{padding: 155px 0 0; font-size: 34px; line-height: 36px;} #celebration ul li input[type="radio"] + label::before{width: 140px; height: 140px; left: calc(50% - 70px);} #lieux ul li input[type="radio"] + label span{font-size: 24px; line-height: 24px; padding: 14px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} #lieux ul li{width: calc(25% - 30px); margin: 40px 15px 0 10px;} #lieux ul li input[type="checkbox"] + label{padding: 160px 20px;} #resultat{margin: 0 auto 80px;} .woocommerce .woocommerce-breadcrumb{margin: 40px auto 0 !important; font-size: 20px; line-height: 24px !important;} #content .left{width: 280px; margin: 40px 10px 0 0; padding: 20px 10px;} #content .right{width: calc(100% - 290px);} a.back{font-size: 20px; line-height: 24px; padding: 8px 15px 8px 30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; margin: 10px auto 0;} a.back::before{width: 10px; height: 20px; top: calc(50% - 10px); left: 12px;} .single-conseil a.back.bottom{width: 204px; margin: 10px calc(50% - 102px);} .blocs-idees{margin: 0 auto 40px;} .blocs-idees .bloc1{width: calc(100% - 640px); margin: 40px; padding: 40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} .blocs-idees:nth-child(2n+1) .bloc1{float: right;} .blocs-idees .bloc1 span{width: 180px; top: 28px; left: calc(50% - 90px); padding: 0 15px; font-size: 24px; line-height: 24px;} .blocs-idees .bloc1 h3{font-size: 34px; line-height: 36px; padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} .blocs-idees .bloc1 p{font-size: 20px; line-height: 24px; margin: 40px auto 0;} .blocs-idees .bloc1 p strong{font-size: 30px; line-height: 30px;} .blocs-idees .bloc2{width: 560px; height: 100%; right: 0; top: 0;} .blocs-idees:nth-child(2n+1) .bloc2{left: 0; right: auto;} .woocommerce div.product{margin: 80px auto 0;} .woocommerce-page div.product div.images{width: 800px !important; padding: 50px !important;} .woocommerce-page div.product.product-type-bundle div.images{padding: 50px !important;} .summary-add-to-cart-form-bundle{width: 800px !important;} .woocommerce div.product div.summary{width: calc(100% - 850px) !important; margin: 0 0 0 50px !important;} .woocommerce-page div.product .summary-add-to-cart-form-bundle div.bundled_product_images{padding: 25px !important;} .woocommerce div.product .product_title{font-size: 40px; line-height: 48px;} .woocommerce div.product .product_title span{font-size: 18px !important; line-height: 20px !important;} .woocommerce div.product .summary p.price{font-size: 44px; line-height: 44px; padding: 0 0 0 180px;} .woocommerce div.product .summary p.price::before, .woocommerce div.product .summary span.price::before{width: 170px; bottom: 18px;} .woocommerce-product-details__short-description{margin: 40px auto;} .woocommerce-product-details__short-description p{font-size: 16px; line-height: 20px;} a.magasins{font-size: 20px; line-height: 24px; width: auto; max-width: 150px; margin: 20px auto 0; padding: 0 0 0 25px;} a.magasins::before{width: 20px; height: 24px;} .vertical-img-left.nickx-slider-for{height: 460px;} .slick-slide.slick-current.slick-active iframe, img.attachment-shop_single, .slick-list.slick-current{height: 460px !important;} #nickx-gallery{height: 425px;} #nickx-gallery .slick-list, #nickx-gallery .slick-list .slick-track{height: 365px !important;} .product .vertical-img-left.nickx-slider-for{height: 520px !important;} .product #nickx-gallery, .produit #nickx-gallery .slick-list, .produit #nickx-gallery .slick-list .slick-track{height: 520px !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product{width: calc(25% - 18px) !important; margin: 30px 24px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(2n+2){margin: 30px 24px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(3n+3){margin: 30px 24px 0 0 !important;} .woocommerce .summary-add-to-cart-form-bundle ul.products li.product:nth-child(4n+4){margin: 30px auto 0 !important;} .woocommerce div.product form.cart .button{margin: 40px auto 0; padding: 16px 40px 20px 100px; font-size: 34px; line-height: 34px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;} .woocommerce div.product form.cart .button::before{width: 50px; height: 50px; left: 40px; top: calc(50% - 25px);} .woocommerce #content .right #filter p.woocommerce-result-count{font-size: 26px; line-height: 30px; width: calc(100% - 300px); margin: 0 20px 0 0;} .woocommerce #content .right #filter .woocommerce-ordering{width: 280px} .woocommerce #content .right #filter .woocommerce-ordering select{font-size: 20px; line-height: 20px; padding: 5px 30px 5px 0;} #filterbutton{font-size: 20px; line-height: 20px; padding: 5px 0;} .woocommerce-notices-wrapper{margin: 40px auto 0;} .woocommerce #content .right ul.products li.product a, .woocommerce section.related ul.products li a, .resultat_form_multi ul li a{height: 360px;} #temoignage{margin: 0 auto 80px;} #temoignage .inner .left{width: 680px; margin: 0 40px 0 0;} #temoignage .inner .right{width: calc(100% - 720px);} #temoignage .inner .right .testi{padding: 30px 40px; margin: 0 auto 60px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} #temoignage .inner .right .testi::after{width: 80px; height: 60px; bottom: -50px; right: 50px;} #temoignage .inner .right .testi h2{font-size: 40px; line-height: 40px; margin: 0 auto 10px;} #temoignage .inner .right .testi p{font-size: 20px; line-height: 24px;} #temoignage .inner .right .temoin img{width: 140px; margin: 0 30px 0 0;} #temoignage .inner .right .nomtemoin{width: calc(100% - 170px); margin: 30px auto 0;} #temoignage .inner .right .nomtemoin span:nth-child(1){font-size: 28px; line-height: 32px;} #temoignage .inner .right .nomtemoin span:nth-child(2){font-size: 20px; line-height: 24px;} #autres-temoignages ul li a > span{width: 240px; left: calc(50% - 120px); bottom: 40px; padding: 8px 0 12px; font-size: 26px; line-height: 26px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} #autres-temoignages ul li{width: calc(33.3334% - 20px); margin: 30px auto 0; height: 380px;} #autres-temoignages ul li:nth-child(4n+3){margin: 30px auto 0;} #autres-temoignages ul li:nth-child(6n+3){margin: 30px 30px 0;} .resultat_form_single ul li h3{font-size: 24px; line-height: 28px;} .resultat_form_single ul li .price{font-size: 44px; line-height: 44px;} .resultat_form_single ul li a.btnvoir{margin: 30px auto 15px; font-size: 18px; line-height: 20px; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} .resultat_form_single ul li form.cart .quantity label{font-size: 24px; line-height: 24px; margin: 5px 10px 0 0; width: calc(100% - 130px);} .resultat_form_single ul li form.cart .quantity .input{width: 120px;} .resultat_form_single ul li form.cart .quantity input[type="number"]{font-size: 20px; line-height: 20px; padding: 4px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button{margin: 20px auto 0; font-size: 18px; line-height: 20px; padding: 10px 10px 10px 45px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} .resultat_form_single ul li form.cart button.single_add_to_cart_button::before{width: 30px; height: 30px; left: 10px; top: calc(50% - 15px);} #resultat_form_single{margin: 20px auto 0;} .resultat_form_single{padding: 40px 20px;} .resultat_form_single h2::before, .resultat_form_single h2::after{width: calc(50% - 200px);} .resultat_form_single ul{padding: 0 80px;} .resultat_form_single ul li a{width: calc(100% - 240px); margin: 0 40px 0 0;} .resultat_form_single ul li .imgprodmeche{width: calc(100% - 290px); margin: 0 40px 40px 0;} .resultat_form_single ul li .descr{width: 250px; margin: 40px auto 0;} .resultat_form_single ul li .rightprodmeche{width: 200px; margin: 0 auto;} .loading{width: 100px; height: 100px; margin: 0 calc(50% - 50px);} .woocommerce section.related ul.products, .resultat_form_multi ul{padding: 0 145px;} #contact p{padding: 0 200px;} #contact .gform_wrapper{padding: 0 180px;} .quantity label{font-size: 24px; line-height: 24px; margin: 5px 15px 0 0; width: 70px;} .input{padding: 0 40px; width: calc(100% - 85px);} .woocommerce .quantity .qty{font-size: 20px; line-height: 20px;} .quantity-nav{height: 34px;} .quantity-button{font-size: 30px; line-height: 30px; width: 34px; padding: 0 0 4px;} .bundle_button{max-width: 100%;} .quantity-button.quantity-up{left: -34px;} .quantity-button.quantity-down{left: -285px;} .woocommerce-tabs .description{margin: 100px auto 0;} .innertab p{font-size: 20px; line-height: 26px; margin: 0 auto 20px;} .innertab{width: calc(50% - 40px); margin: 0 80px 0 0;} .tableau{width: calc(50% - 40px);} ul.attribute_single li{width: calc(33.3334% - 10px); margin: 0 5px 5px 0; font-size: 18px; line-height: 22px; height: 120px; padding: 70px 10px 0;} ul.attribute_single li.tirs, ul.attribute_single li.duree, ul.attribute_single li.hauteur{padding: 40px 10px 10px 90px;} ul.attribute_single li::before{width: 70px; height: 70px; left: calc(50% - 35px); top: 10px;} ul.attribute_single li.tirs::before, ul.attribute_single li.duree::before, ul.attribute_single li.hauteur::before{left: 10px; top: calc(50% - 35px);} #lien_bas_page ul li{width: calc(33.3334% - 20px); height: 380px;} ##lien_bas_page ul li a, .woocommerce-thankyou-order-failed-actions a.button{font-size: 24px; line-height: 24px; padding: 15px 60px 15px 20px; bottom: 40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;} #lien_bas_page ul li a::after{right: 20px; top: 10px; width: 35px; height: 35px;} #leftbox #score{font-size: 60px; line-height: 60px;} #leftbox .woocommerce-product-rating{margin: 0 auto 40px;} .woocommerce #leftbox .woocommerce-product-rating .star-rating{font-size: 22px; line-height: 22px;} #leftbox a.woocommerce-review-link{font-size: 16px; line-height: 22px;} #leftbox a.donneravis, .woocommerce #respond input#submit, #leftbox a#btnavis{font-size: 24px; line-height: 24px; padding: 10px 15px; margin: 0 auto 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{width: 110px; margin: 0 5px 20px 0; font-size: 20px; line-height: 20px;} .woocommerce #reviews #comments ol.commentlist li .comment-text #score{font-size: 20px; line-height: 20px; margin: 0 auto 20px;} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size: 22px !important; line-height: 22px; margin: 20px auto 0;} #leftbox{width: 280px; padding: 20px 30px 30px; margin: 0 40px 0 0;} #rightbox{width: calc(100% - 320px);} .woocommerce #reviews #comments ol.commentlist li .comment-text{padding: 20px !important; border-radius: 25px !important; -webkit-border-radius: 25px !important; -moz-border-radius: 25px !important; -ms-border-radius: 25px !important; -o-border-radius: 25px !important;} #review_form_wrapper{margin: 20px auto 0; padding: 20px 0 0;} #reply-title{font-size: 24px; line-height: 24px;} #respond form label{font-size: 16px; line-height: 20px;} #chiffres_cles ul{height: 610px;} #chiffres_cles h2, #engagements h2{font-size: 50px; line-height: 60px; margin: 0 auto 30px;} #engagements p{font-size: 18px; line-height: 22px;} #engagements ul li h3{font-size: 30px; line-height: 36px;} #engagements ul li h4{font-size: 24px; line-height: 26px; margin: 0 auto 10px;} #engagements ul li{padding: 30px; min-height: 378px;} #engagements ul{margin: 40px auto 0;} #confiance{padding: 0 0 80px;} #confiance h2{font-size: 30px; line-height: 36px;} #confiance ul li p{font-size: 18px; line-height: 22px;} #confiance h2::before, #confiance h2::after{width: calc(50% - 200px);} #confiance ul li{padding: 0 40px; margin: 40px 0 0 -5px;} #confiance ul li img{width: 120px; margin: 0 calc(50% - 60px) 20px;} #historique .slider-wrapper .slick-slide .col-wrapper .col2 p{font-size: 18px; line-height: 22px; margin: 0 auto 22px;} #historique .slider-wrapper .slick-slide h2{font-size: 50px; line-height: 60px; margin: 0 auto 20px;} #historique .slider-wrapper .slick-slide .col-wrapper .col2{width: calc(66% - 60px); margin: 0 30px;} #historique .slider-wrapper .slick-slide .col-wrapper .col1 p, #historique .slider-wrapper .slick-slide .col-wrapper .col3 p{margin: 0 auto 22px;} #historique .slider-wrapper #navs{margin: 50px auto 0;} #historique .slider-wrapper #navs a{font-size: 24px; line-height: 24px; margin: 0 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} #historique .slider-wrapper #navs a#prev{padding: 10px 15px 10px 35px;} #historique .slider-wrapper #navs a#next{padding: 10px 35px 10px 15px;} #historique .slider-wrapper #navs a#prev::before, #historique .slider-wrapper #navs a#next::after{width: 10px; height: 20px; top: calc(50% - 10px);} #historique .slider-wrapper #navs a#prev::before{left: 15px;} #historique .slider-wrapper #navs a#next::after{right: 15px;} #historique .slider-wrapper #bullets ul.slick-dots li{width: 50px; margin: 0 35px 0 30px;} .woocommerce section.related ul.products{padding: 0 160px !important;} #lien_bas_page ul {gap: 30px !important;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 320px) { .page-template-le-tigre #bloc_1{padding: 20px 0 0; background-size: 100% 70px;} .logo-letigre img{width: 120px;} .page-template-le-tigre #bloc_2 .bg_img::before, .page-template-le-tigre #bloc_2 .bg_img::after{height: 20px; background-size: 100% 20px;} .page-template-le-tigre #bloc_2 .content-page{margin: 100px auto 0;} .page-template-le-tigre #bloc_2 .left{width: 100%;} .block_texte.red{padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;} .block_texte.red h2, .texte_marque h2, .content-page2 .right h2{font-size: 18px; line-height: 24px; margin: 8px auto;} .block_texte.red p, .texte_marque p, .content-page2 .right p{font-size: 14px; line-height: 16px; margin: 8px auto;} .person{margin: 20px auto 0;} .person img{width: 100%;} .page-template-le-tigre #bloc_2 .right{margin: 20px auto 0; width: 100%;} .bloc_marque{padding: 80px 0 0; background-size: auto 80px;} .visuel_marque img{width: 100%;} .page-template-le-tigre #bloc_3{background-size: auto 10px;} .page-template-le-tigre #bloc_3 img{padding: 0 5px;} .page-template-le-tigre #bloc_4{padding: 20px 0 4px; background-size: 100% 20px, 100% 20px; margin: 0 auto 8px;} .content-page2 .left{width: 100%; margin: 0 auto;} .content-page2 .right{width: 100%; padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; margin: 100px auto 0;} .content-page2 .right::before{width: 80px; height: 80px; top: -100px;} .visuel_fete img{width: 100%;} .product #nickx-gallery.nslick-slider .nslick-list{height: calc(100% - 50px) !important; margin: 25px auto; padding: 8px 0;} .product #nickx-gallery.nickx-slider-nav .nslick-slide{border: 1px solid transparent; margin: 1px auto; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px;} .product .nslick-vertical i.thumb_arrow{width: 20px; height: 20px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 480px) { .person img{width: 80%;} .visuel_marque img{width: 80%;} .visuel_fete img{width: 80%;} .product #nickx-gallery.nslick-slider .nslick-list{height: calc(100% - 60px) !important; margin: 30px auto; padding: 8px 0;} .product #nickx-gallery.nickx-slider-nav .nslick-slide{border: 2px solid transparent; margin: 2px auto; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} .product .nslick-vertical i.thumb_arrow{width: 26px; height: 26px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 600px) { .logo-letigre img{width: 160px;} .page-template-le-tigre #bloc_2 .bg_img::before, .page-template-le-tigre #bloc_2 .bg_img::after{height: 50px; background-size: 100% 50px;} .page-template-le-tigre #bloc_2 .content-page{margin: 200px auto 0;} .person{margin: 50px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 60px auto 0;} .person img{width: 60%;} .visuel_marque img{width: 60%;} .page-template-le-tigre #bloc_3{background-size: auto 20px;} .page-template-le-tigre #bloc_3 img{padding: 0 10px;} .page-template-le-tigre #bloc_4{padding: 50px 0 10px; background-size: 100% 50px, 100% 50px; margin: 0 auto 20px;} .visuel_fete img{width: 60%;} .product #nickx-gallery.nslick-slider .nslick-list{height: calc(100% - 60px) !important; margin: 26px auto; padding: 8px 0;} .product #nickx-gallery.nickx-slider-nav .nslick-slide{border: 2px solid transparent; margin: 2px auto; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px;} .product .nslick-vertical i.thumb_arrow{width: 26px; height: 26px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 768px) { .page-template-le-tigre #bloc_2 .content-page{margin: 100px auto 0;} .page-template-le-tigre #bloc_2 .left{width: calc(50% - 10px);} .person{margin: 90px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 350px auto 0; width: calc(50% - 10px);} .person img{width: 100%;} .visuel_marque img{width: 100%;} .content-page2 .left{width: calc(50% - 10px); margin: 0 auto;} .content-page2 .right{width: calc(50% - 10px); margin: 0 auto;} .visuel_fete img{width: 100%;} .product #nickx-gallery.nslick-slider .nslick-list{height: calc(100% - 70px) !important; margin: 30px auto; padding: 12px 0;} .product #nickx-gallery.nickx-slider-nav .nslick-slide{border: 2px solid transparent; margin: 2px auto; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px;} .product .nslick-vertical i.thumb_arrow{width: 30px; height: 30px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 992px) { .page-template-le-tigre #bloc_1{padding: 50px 0 0; background-size: 100% 95px;} .page-template-le-tigre #bloc_2 .content-page{margin: 200px auto 0;} .page-template-le-tigre #bloc_2 .bg_img::before, .page-template-le-tigre #bloc_2 .bg_img::after{height: 90px; background-size: 100% 90px;} .block_texte.red{padding: 25px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px;} .block_texte.red h2, .texte_marque h2, .content-page2 .right h2{font-size: 21px; line-height: 32px; margin: 10px auto;} .block_texte.red p, .texte_marque p, .content-page2 .right p{font-size: 16px; line-height: 18px; margin: 10px auto;} .bloc_marque{padding: 120px 0 0; background-size: auto 120px;} .page-template-le-tigre #bloc_4{padding: 90px 0 18px; background-size: 100% 90px, 100% 90px; margin: 0 auto 36px;} .content-page2 .right{padding: 25px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px;} .content-page2 .right::before{width: 100px; height: 100px; top: -120px;} .product #nickx-gallery.nslick-slider .nslick-list{height: calc(100% - 70px) !important; margin: 30px auto; padding: 16px 0;} .product #nickx-gallery.nickx-slider-nav .nslick-slide{border: 2px solid transparent; margin: 3px auto; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .product .nslick-vertical i.thumb_arrow{width: 30px; height: 30px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { .page-template-le-tigre #bloc_2 .content-page {margin: 300px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 450px auto 0;} .product #nickx-gallery.nslick-slider .nslick-list{height: calc(100% - 70px) !important; margin: 40px auto; padding: 16px 0;} .product #nickx-gallery.nickx-slider-nav .nslick-slide{border: 2px solid transparent; margin: 3px auto; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .product .nslick-vertical i.thumb_arrow{width: 30px; height: 30px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1400px) { .logo-letigre img{width: 200px;} .page-template-le-tigre #bloc_2 .bg_img::before, .page-template-le-tigre #bloc_2 .bg_img::after{height: 140px; background-size: 100% 140px;} .page-template-le-tigre #bloc_2 .content-page{margin: 400px auto 0;} .person{margin: 140px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 300px auto 0;} .bloc_marque{padding: 160px 0 0; background-size: auto 160px;} .page-template-le-tigre #bloc_3{background-size: auto 30px;} .page-template-le-tigre #bloc_3 img{padding: 0 15px;} .page-template-le-tigre #bloc_4{padding: 140px 0 28px; background-size: 100% 140px, 100% 140px; margin: 0 auto 56px;} .content-page2 .right::before{width: 120px; height: 120px; top: -160px;} .product #nickx-gallery.nslick-slider .nslick-list{height: calc(100% - 80px) !important; margin: 40px auto; padding: 22px 0;} .product #nickx-gallery.nickx-slider-nav .nslick-slide{border: 3px solid transparent; margin: 4px auto; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px;} .product .nslick-vertical i.thumb_arrow{width: 36px; height: 36px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1600px) { .page-template-le-tigre #bloc_1{padding: 80px 0 0; background-size: 100% 120px;} .page-template-le-tigre #bloc_2 .content-page{margin: 450px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 400px auto 0;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1800px) { .logo-letigre img{width: auto;} .page-template-le-tigre #bloc_2 .bg_img::before, .page-template-le-tigre #bloc_2 .bg_img::after{height: 200px; background-size: 100% 200px;} .page-template-le-tigre #bloc_2 .content-page{margin: 500px auto 0;} .page-template-le-tigre #bloc_2 .left{width: calc(50% - 20px);} .block_texte.red{padding: 30px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px;} .block_texte.red h2, .texte_marque h2, .content-page2 .right h2{font-size: 24px; line-height: 40px; margin: 12px auto;} .block_texte.red p, .texte_marque p, .content-page2 .right p{font-size: 18px; line-height: 20px; margin: 12px auto;} .person{margin: 200px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 400px auto 0; width: calc(50% - 20px);} .bloc_marque{padding: 180px 0 0; background-size: auto 180px;} .page-template-le-tigre #bloc_3{background-size: auto 40px;} .page-template-le-tigre #bloc_3 img{padding: 0 40px;} .page-template-le-tigre #bloc_4{padding: 200px 0 40px; background-size: 100% 200px, 100% 200px; margin: 0 auto 80px;} .content-page2 .left{width: calc(50% - 20px); margin: 0 auto;} .content-page2 .right{width: calc(50% - 20px); padding: 30px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 2000px) { .page-template-le-tigre #bloc_2 .content-page{margin: 550px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 500px auto 0;} .content-page2 .right::before{width: 140px; height: 140px; top: -200px;} } /* Large Devices, Wide Screens */ @media only screen and (min-width : 2400px) { .page-template-le-tigre #bloc_2 .bg_img::before, .page-template-le-tigre #bloc_2 .bg_img::after{height: 250px; background-size: 100% 250px;} .page-template-le-tigre #bloc_2 .content-page{margin: 600px auto 0;} .page-template-le-tigre #bloc_2 .right{margin: 500px auto 0;} .page-template-le-tigre #bloc_4{padding: 250px 0 50px; background-size: 100% 250px, 100% 250px; margin: 0 auto 100px;} .content-page2 .left{width: calc(50% - 20px); margin: 0 auto;} .content-page2 .right{width: calc(50% - 20px); padding: 30px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; margin: 0 auto;} .content-page2 .right::before{width: 140px; height: 140px; top: -200px;} }