/*
Theme Name: Art et Fer
Author: Double-Y
Author URI: https://www.double-y.fr
Version: 1.0
*/

:root{--gray:#e6e6e6;--red:#d03635;--blue:#011730;--blue2:#1b7b9f;}
* {box-sizing:border-box;}
body {margin:0;padding:0;cursor:default;background:white;font-family: 'Poppins', sans-serif;}
body.noscroll {overflow-y:hidden;}
h1 {font-size:40px;font-weight:700;color:black;}
h2.secondheading {font-size:40px;font-weight:700;color:black;line-height:46px;}
h1 strong, h2 strong {font-weight:700;color:var(--red);}
#container {width:1400px;margin:0 auto;padding:30px;}
.bloc, #commentaires .commentlist>li, #commentaires #respond, #order_review, #customer_details .col-1, #customer_details .col-2, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, form.woocommerce-cart-form, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content, .woocommerce-ResetPassword, .post-password-form  {background:var(--gray);border-radius:20px;transition:box-shadow 0.3s;}
.bloc:hover, #commentaires .commentlist>li:hover, #commentaires #respond:hover, #order_review:hover, #customer_details .col-1:hover, #customer_details .col-2:hover, .woocommerce form.checkout_coupon:hover, .woocommerce form.login:hover, .woocommerce form.register:hover, form.woocommerce-cart-form:hover, .woocommerce .cart-collaterals .cart_totals:hover, .woocommerce-page .cart-collaterals .cart_totals:hover, .woocommerce-MyAccount-navigation:hover, .woocommerce-MyAccount-content:hover, .woocommerce-ResetPassword:hover, .post-password-form:hover {box-shadow:0px 0px 4px var(--blue);}
.blocimg {padding:0 !important;}
.cols {display:flex;gap:20px;flex-wrap:nowrap;}
.onethird {flex-basis:33.33%;}
.twothird {flex-basis:66.66%;}
.onequarter {flex-basis:25%;}
.threequarter {flex-basis:75%;}
.mt-0 {margin-top:0;} .mt-20 {margin-top:20px;} .mt-30 {margin-top:30px;}
.mb-0 {margin-bottom:0;} .mb-20 {margin-bottom:20px;} .mb-30 {margin-bottom:30px;}
.d-flex {display:flex;} 
.wp-block-columns {gap:20px;}
.aligncenter {align-items:center;}
.spacebetween {justify-content:space-between;}
.uppercase {text-transform:uppercase;}
p strong {font-weight:600;}

#header {display:flex;align-items:center;justify-content: space-between;padding:20px;font-size:16px;font-weight:700;gap:40px;}
#header #menu {flex:1;}
#header #telicons {display:flex;gap:30px;align-items: center;padding-right:20px;}
#header #logo a, #header #logo img {display:block;}
#header #logo a {width:230px;}
#header #logo a img {width:100%;height:auto;}
#header #telicons a {color:black;text-decoration:none;position:relative;}
#header #telicons a:hover {color:var(--blue)}
#header #telicons i {font-size:30px;position:relative;z-index:2;}
#header #telicons i.fa-mobile-screen-button {display:none;}
#header #telicons a .header-cart-count {position:absolute;z-index:1;top:-10px;right:-16px;background:var(--red);color:white;font-size:12px;font-weight:400;width:24px;height:24px;text-align:center;border-radius:100%;line-height:24px;}
#header .widget_shopping_cart {position:absolute;}
#header #menu-menu-principal {margin:0;padding:0;list-style:none;display:flex;gap:30px;}
#header #menu-menu-principal li, #header #menu-menu-principal li a {position:relative;}
#header #menu-menu-principal a {display:block;color:black;text-decoration:none;}
#header #menu-menu-principal li.current-menu-item>a, #header #menu-menu-principal a:hover {color:var(--red);}
#header #menu-menu-principal>li.current-menu-item>a:before {content:"";left:50%;bottom:-5px;margin-left:-2px;width:5px;height:5px;display:block;position:absolute;background:var(--red);border-radius:100%;}
#header #menu-menu-principal li.current-menu-item>a {cursor:default;}
#header #menu-menu-principal li ul.sub-menu {display:none;position:absolute;list-style:none;margin:0;padding:0;width:300px;background:var(--gray);border-radius:0 0 20px 20px;}
#header #menu-menu-principal li ul.sub-menu li {margin:10px 0;}
#header #menu-menu-principal li ul.sub-menu li a {padding:10px 20px;}
#header #menu-menu-principal li.menu-item-has-children:hover>ul.sub-menu {display:block;}
#header #menu-menu-principal li.menu-item-has-children>a:after {content:"\f0d7";font-family: "Font Awesome 6 Free";font-weight:900;color:black;font-size:15px;margin-left:6px;}
#header #menu-menu-principal li.menu-item-has-children:hover a:after, #header #menu-menu-principal li.menu-item-has-children:hover>a {color:var(--red);}
#header #menu a#menubtn {display:none;}

#welcome {margin-top:40px;}
.blocwelcome {padding:40px;}
.blocwelcome h1 {font-size:45px;font-weight:700;color:black;padding-bottom:10px;margin:0;line-height:50px;}
.blocrea {overflow: hidden;}
.blocrea h2 {margin:0;padding:40px 30px;color:var(--blue);font-weight:700;font-size:30px;line-height: 35px;}
.blocwelcome {background:var(--gray) url('assets/legacy/background.webp') no-repeat top left;}
.blocwelcome p {font-size:15px;font-weight:300;display:inline-block;width:100%;}
.blocrea .wp-block-group {position:relative;height: calc(100% - 150px);}
.blocrea .wp-block-group p {position:absolute;z-index:1;margin:0;font-size:16px;font-weight:300;color:black;line-height:1;}
.blocrea .wp-block-group p:first-child {top:35px;right:50px;}
.blocrea .wp-block-group p:last-child {left:35px;bottom:40px;}
.blocrea figure {margin:0;position:absolute;bottom:0;}
.wp-block-columns {margin-bottom:0;}
.wp-block-buttons {margin:10px 0 15px 0;}
.wp-block-button .wp-block-button__link, a.btn {display:inline-block;position:relative;background:white;border-radius:20px;text-decoration:none;font-size:14px;color:black;font-weight:600;padding:20px 60px;border:none;line-height: 1;}
.wp-block-button .wp-block-button__link::before, a.btn::before {content:"";background:var(--red);position:absolute;left:9px;top:8px;width:38px;height:38px;display:block;text-align:center;color:white;font-size:12px;border-radius:100%;line-height:38px;top: 50%;margin-top: -19px;transition:background-color 0.3s;}
.wp-block-button .wp-block-button__link::after, a.btn::after {content:url('assets/legacy/arrows.webp');position:absolute;right:25px;top: 50%;margin-top: -7px;transition:right 0.3s;}
.wp-block-button.link-button .wp-block-button__link::before, a.btn.btnlink::before {content:"\f0c1";font-family: 'Font Awesome 6 Free';}
.wp-block-button.email-button .wp-block-button__link::before, a.btn.btnemail::before {content:"\40";font-family: 'Font Awesome 6 Free';}
.wp-block-button.gray-button a {background:var(--gray);}
a.btn.btnprint::before {content:"\f02f";font-family: 'Font Awesome 6 Free';}
a.btn.btncart::before {content:"\f07a";font-family: "Font Awesome 6 Free";font-weight:900;}
.wp-block-button .wp-block-button__link:hover::after, a.btn:hover::after {right:20px;}
.wp-block-button .wp-block-button__link:hover::before, a.btn:hover::before {background:var(--blue);}
#chiffres {margin-top:15px;background:white;border-radius:20px;padding:30px 40px;gap:40px;height:130px;}
#chiffres .wp-block-column p:first-child {margin:0;color:var(--blue);font-size:35px;font-weight:700;line-height:35px;}
#chiffres .wp-block-column p:last-child {margin:15px 0 0 0;font-size:13px;font-weight:300;color:black;line-height:1;}
ul.sociallinks {margin:0;padding:0;list-style:none;display:flex;gap:20px;flex-wrap: wrap;justify-content: center;}
ul.sociallinks li a {display:block;}
ul.sociallinks li a i {font-size:28px;}

.bloclivraison {background:url('assets/legacy/livraisonBG.webp') no-repeat right center;background-size:cover;position:relative;overflow:hidden;}
.bloclivraison h3, .blocaide h3 {margin:25px;font-size:25px;font-weight:700;}
.bloclivraison h3 strong, .blocaide h3 strong {color:white;}
.bloclivraison h4, .bloclivraison p, .blocaide p, .blocaide img {position:absolute;}
.bloclivraison h4 {top:80px;right:40px;color:var(--blue);font-size:22px;font-weight:700;margin:0;}
.bloclivraison p {bottom:30px;right:40px;font-size:18px;font-weight:300;margin:0;text-align:right;line-height:20px;}
.bloclivraison figure, .blocaide figure {margin:0;}
.bloclivraison img {display:inline-block;width:370px;height:auto;}
.blocaide {background:url('assets/legacy/aideBG.webp') no-repeat left center;background-size:cover;position:relative;overflow:hidden;}
.blocaide img {left:-20px;bottom:-30px;}
.blocaide p {top:70px;right:40px;font-size:18px;font-weight:300;margin:0;}

#presentation .blocpresentation {padding:25px;}
#presentation .blocpresentation p {font-size:17px;font-weight:300;}
#presentation .blocpresentation .wp-block-buttons {margin-bottom:0;}
#presentation .blocpresentation ul.sociallinks li a {color:black;text-decoration:none;}
#presentation .blocpresentation ul.sociallinks li a:hover {color:var(--red);}
#presentation .blocpresentation .likebutton {position:relative;background:white;border-radius:20px;padding:12px 25px 12px 70px;}
#presentation .blocpresentation .likebutton::before {content:"\f1e0";font-family:'Font Awesome 6 Free';font-weight:900;background:var(--red);position:absolute;left:9px;top:8px;width:38px;height:38px;display:block;text-align:center;color:white;font-size:12px;border-radius:100%;line-height:38px;}
#presentation .blocimg {flex-grow:1;position:relative;border-radius:20px;overflow:hidden;height:100%;}
#presentation .blocimg figure {position:absolute;width:100%;height:100%;margin:0;}
#presentation .blocimg img {width:100%;height:100%;object-fit: cover;}

#services {align-items: initial !important;}
#services>div {width:calc(50% - 10px) !important;}

#avantages .wp-block-column {display:flex;flex-direction:column;gap:20px;}
#avantages .bloc {padding:20px;}
#avantages .bloc h3 {font-size:23px;font-weight:700;line-height:28px;}
#avantages .bloc h3 strong {color:#28b048;}
#avantages .bloc.blocred {background:var(--red);color:white;}
#avantages .bloc.blocblue {background:var(--blue);color:white;}
#avantages .bloc p {font-size:13px;font-weight:300;line-height:18px;}
#avantages .wp-block-column:last-child .bloc {flex-grow:1;}
#avantages .blocimg {flex-grow:1;position:relative;border-radius:20px;overflow:hidden;}
#avantages .blocimg figure {position:absolute;width:100%;height:100%;margin:0;}
#avantages .blocimg img {width:100%;height:100%;object-fit: cover;}

#newshome ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:20px;}
#newshome ul li {flex-basis:25%;display:flex;flex-direction: column;}
#newsindex ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px;}
#newsindex ul li {flex-basis:initial;width:calc(33.33% - 14px);display:flex;flex-direction: column;}
.newsrelated ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px;}
.newsrelated ul li {flex-basis:initial;width:calc(25% - 15px);display:flex;flex-direction: column;}
.news .newstext {padding:18px 25px 0 25px;}
.news .newstext h3 {font-size:17px;font-weight:700;min-height:58px;}
.news .newstext p {font-size:15px;font-weight:300;line-height:20px;margin-bottom:25px;}
.news .newsbtn {padding:0 25px 25px 25px;margin-top:auto;}
.news .newstext h3 {margin:0;}
.news .newsimg {overflow:hidden;border-radius:20px;}
.news .newsimg a {display:flex;position:relative;}
.news .newsimg a img {width:100%;height:auto;display:inline-block;margin:0;transition:transform 0.3s;}
.news .newsimg a:hover img {transform:scale(1.05);}
.news .newsbtn a {display:block;}
.news .newsimg a .newsmetas {position:absolute;bottom:20px;left:20px;background:white;color:var(--blue);font-size:12px;padding:2px 8px;border-radius:10px;}
.news .newsimg a .newsmetas i:last-child {margin-left:10px;}
p.all {text-align:center;display:inline-block;width:100%;margin:25px 0 0 0;}
p.all a.btn {background:var(--gray);padding: 20px 90px 20px 60px;}

p#breadcrumbs {font-size:14px;font-weight:600;color:var(--red);}
p#breadcrumbs span, p#breadcrumbs span a {color:black;font-size:14px;font-weight:300;}
p#breadcrumbs span a:hover {text-decoration:underline;}
#map {position:relative;height:400px;margin:20px 0;border-radius:20px;overflow: hidden;display: inline-block;width: 100%;}
#map iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important;} 
#headertitle {padding:40px 30px;background:var(--gray) url('assets/legacy/background.webp') no-repeat top left;margin-bottom:20px;}
#headertitle h1 {margin:0;line-height:1;}
.catdescription {font-size:15px;font-weight:300;}
.catdescription {margin-top:20px;}

.blocmetadata {padding:21px 30px;display:flex;gap:20px;margin-bottom:20px;flex-wrap: wrap;}
.blocmetadata a {color:var(--blue2);text-decoration:none;}
.blocmetadata a:hover {color:black;}
#newspage figure img {border-radius:20px;}
#newspage .newscontent .wp-block-image figure img {max-width:800px !important;width:100% !important;}
#newspage .newscontent .wp-block-image:first-of-type figure {margin:0;width:100%;}
#newspage .newscontent .wp-block-image:first-of-type figure img {width:100%;max-width:inherit;}
#newspage .newscontent ul {list-style: none;}
#newspage .newscontent ul li::before {content: "\2022";color:var(--red);font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
figcaption.wp-element-caption {text-align:center;}

.blogwidget, .shopwidget {padding:20px;margin-bottom:20px;}
.blogwidget h2, .shopwidget h2 {margin-top:0;font-size: 20px;}
.blogwidget ul, .shopwidget ul {margin:0;padding:0;list-style:none;}
.blogwidget ul li, .shopwidget ul li {margin:10px 0;}
.blogwidget ul li:last-child, .shopwidget ul li:last-child {margin-bottom:0;}
.blogwidget ul li.current-cat a {color:var(--red);text-decoration:none;font-weight:600;cursor:default;}
.blogwidget .wp-block-search__input {padding:0 8px;outline:none;}
.blogwidget .wp-block-search__button {background:var(--red);color:white;border:solid 1px var(--red);}
.blogwidget .wp-block-search__button:hover {background:var(--blue);}
.shopwidget img {transition:transform 0.3s;}
.shopwidget .wc-block-grid__product {border:none;}
.shopwidget .wc-block-grid__product-image {overflow:hidden;border-radius:20px;}
.shopwidget .wp-block-product-category ul li a {color:black;text-decoration:none;}
.shopwidget .wp-block-product-category ul li a img {border-radius:20px;}
.shopwidget .wc-block-grid__product-image:hover img {transform:scale(1.05);}
.shopwidget .wc-block-grid__product-title {margin-bottom:0;}
.shopwidget .wp-block-latest-posts__list li {text-align: left;}

#blogslide {margin-bottom:20px;border-radius: 20px;overflow: hidden;}
.blocerror {padding:30px;}
.blocnoresult {padding:20px 30px;}

.commentlist .reply {display:none;}
#commentaires #commentsheader, #commentaires #respond, #commentaires #comments, #commentaires .commentlist li, #avis .commentlist li, #commentaires .navigation {background:var(--gray) !important;}
#commentaires #respond, #commentaires #commentsheader {border-radius:20px;padding:20px;}
#commentaires h2, #avisheader h2 {margin:0;}
#commentaires #commentsheader {margin-bottom:20px;}
#commentaires #comments, #avisheader h3 {color:var(--red);margin:10px 0 0 0;}
#commentaires .commentlist, #avis .avislist, .allcomment ul.children {margin:0;padding:0;list-style:none;}
#commentaires .commentlist li, #avis .avislist li {list-style:none !important;}
#commentaires .commentlist>li {display:inline-block;width:100%;padding:20px 20px 5px 20px !important;margin-bottom:20px !important;}
#commentaires .commentlist>li h3 {margin:0 0 5px 0;}
#commentaires .commentlist>li h3 i {color:var(--red);font-size:22px;}
#commentaires .commentlist>li ul.children, .allcomment ul.children {padding-left:15px;}
#commentaires .commentlist>li ul.children li, .allcomment ul.children li {padding-left:10px;border-left:solid 4px var(--red);}
#commentaires #respond h3 {margin:0;}
#commentaires .comment-author, #commentaires .comment-meta, .repauthor {display:inline-block;font-style:italic;font-size:14px;font-weight:300;}
#commentaires p, .allcomment p, #avis p {display:block;margin-top:10px;}
#commentaires .comment-awaiting-moderation, #avis .woocommerce-review__awaiting-approval {color:var(--red);}
#avis {margin-top:20px;}
#avis .avislist {display:flex;gap:20px;flex-wrap:wrap;margin:30px 0;}
#avis .avislist li {border-radius:20px;width:calc(50% - 10px);}
#avis .avislist li>div {padding:20px;height: 100%;display:flex;flex-direction:column;}
#avis .avislist li img {height:25px;width:auto;display:inline-block;margin-right:8px;}
#avishead {display:flex;justify-content:space-between;align-items: center;}
#avishead strong {font-size:23px;font-weight:700;}
#avishead div {font-size:14px;font-weight:300;}
#avis p {font-size:16px;font-weight:300;}
#avisfooter {display:flex;align-items: center;gap:15px;font-size:14px;font-weight:300;font-style:italic;margin-top:auto;}
#avis p i {display:inline-bloxck;vertical-align:middle;font-size:28px;color:var(--red);margin-right:5px;}
#avis .cache {display:none;}

.bloclastcomments {padding:20px;height: calc(100% - 80px);}
.bloclastcomments h2 {margin-top:0;}
.lascommentheader {display:flex;gap:10px;align-items: center;}
.lascommentheader i {color:var(--red);font-size:23px;}
.lascommentheader h3 {font-size:16px;font-weight:600;margin:0;font-style:normal;line-height:20px;}
.lascommentheader h3 a {color:black;text-decoration:none;}
.lascommentheader h3 a:hover {color:var(--red);}
.lascommentheader div {font-size:13px;font-weight:300;font-style:italic;}
.lascomment p, li.wp-block-latest-comments__comment p {margin-bottom:0;font-size:14px;font-weight:300;line-height:17px;}
.lascomment:last-child {margin-bottom:0;}
.allcomment {padding:20px;}

ol.wp-block-latest-comments {padding:0;margin:0;}
ol.wp-block-latest-comments li:last-child {margin-bottom:0;}
.wp-block-latest-comments__comment-meta {font-weight:500;}
.wp-block-latest-comments__comment-meta:before {display:inline-block;vertical-align:middle;content:"\f4ad";color:var(--red);font-family:'Font Awesome 6 Free';font-weight:900;font-size:23px;margin-right:5px;}
.wp-block-latest-comments__comment-link {font-size:16px;}

ul.wp-block-latest-posts {list-style:none;margin:0;padding:0;}
ul.wp-block-latest-posts li {margin-bottom:20px;text-align:center;}
ul.wp-block-latest-posts li:last-child {margin-bottom:0;}
ul.wp-block-latest-posts li a {display:block;}
ul.wp-block-latest-posts li a img {display:block;width:100%;height:auto;border-radius:20px;}

.colscomments #block-18 {display:none;}
#commentform input[type="text"], #commentform input[type="email"] {outline:none;width:100%;border:none;height:40px;border-radius:20px;background:white;padding:0 20px;font:600 16px 'Poppins', sans-serif;color:var(--blue);}
#commentform textarea {outline:none;width:100%;border:none;border-radius:20px;background:white;padding:20px;font:600 16px 'Poppins', sans-serif;color:var(--blue);}
#commentform p.form-submit {margin:20px 0 0 0 !important;}
#commentform p.form-submit input[type="submit"] {white-space: normal;background:var(--red) !important;color:white !important;border:none;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:20px 40px !important;line-height:1 !important;}
#commentform p.form-submit input[type="submit"]:hover {background:var(--blue) !important;}
#avis h2, #relatednews h2 {font-size:30px;font-weight:700;}
#review_form_wrapper {background:var(--gray);padding:20px;border-radius:20px;}
p.stars a {color:var(--blue2);}
.woocommerce-product-rating, .productstars {display:flex !important;align-items:center;flex-wrap: wrap;}
.woocommerce-product-rating img, .productstars img, .lastreview .reviewfooter img, .allcomment img {height:25px;width:auto;display:inline-block;margin-right:8px;}
.woocommerce p.stars a::before, .woocommerce p.stars a, .woocommerce p.stars a:hover~a::before {color:black;}
.woocommerce p.stars:hover a::before {color:#ffc946;}
#respond #reply-title {font-size:19px;font-weight:700;margin-bottom:10px;}

.productstars {margin-top:15px;}
.lastreview {padding:20px;display:inline-block;width:100%;}
.lastreview .reviewheader {display:flex;justify-content: space-between;font-size:14px;font-weight:300;}
.lastreview .reviewfooter {display:flex;align-items:center;font-size:14px;font-weight:300;font-style:italic;}
.lastreview .reviewheader h3 {font-size:23px;font-weight:700;color:black;margin:0;}
.lastreview .reviewheader h3 a {color:black;text-decoration:none;}
.lastreview .reviewbody {display:flex;gap:10px;margin:10px 0;}
.lastreview .reviewbody i {font-size:25px;color:var(--red);}
.lastreview p {font-size:16px;font-weight:300;margin:0;}
#lastreviews .lastreview.mb-20:last-child {margin-bottom:0;}

#garanties {display:flex;flex-wrap: nowrap;margin-bottom:20px;gap:20px;}
.garantie {flex-basis: 33.33%;display:flex;align-items: center;}
.garantieimg {height:150px;width:140px;position:relative;overflow: hidden;}
.garantieimg img {position:absolute;display:inline-block;top:0;right:0;max-width:inherit;}
.garantie1 .garantieimg img, .garantie3 .garantieimg img {right:20px;}
.garantie p {font-size:20px;font-weight:300;color:var(--blue);text-transform: uppercase;line-height:25px;}
.garantie1 {background:url('assets/legacy/garantieBG.webp') no-repeat left top;}
.garantie2 {background:url('assets/legacy/garantieBG.webp') no-repeat center top;}
.garantie3 {background:url('assets/legacy/garantieBG.webp') no-repeat right top;}

#newsview a, #commentaires a, .blogwidget a, .allcomment a, .productcontent a:not(.btn), #headertitle a, .woocommerce-product-rating a, .shopwidget .wp-block-latest-posts__list a, .contactleft a, .woocommerce-cart table.cart td a, a.shipping-calculator-button, .woocommerce-MyAccount-content a, .woocommerce form.login a {color:var(--blue2);}
#newsview a:hover, #commentaires a:hover, .blogwidget a:hover, .allcomment a:hover, .productcontent a:not(.btn):hover, #headertitle a:hover, a.woocommerce-product-rating:hover, .shopwidget .wp-block-latest-posts__list a:hover, .contactleft a:hover, .woocommerce-cart table.cart td a:hover, a.shipping-calculator-button:hover, .woocommerce-MyAccount-content a:hover, .woocommerce form.login a:hover {text-decoration:none;color:black;}

.paging {padding:20px 30px;margin-top:25px;}
.paging .prev-next-posts {display:flex;justify-content: space-between;}
.paging .prev-next-posts a {text-decoration: none;font-size: 14px;color: black;font-weight: 600;}
.paging .prev-next-posts a:hover {color:var(--red);}

.productslist ul {margin:0 0 20px 0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;gap:20px;}
.productslist ul li {flex-basis:33.33%;display:flex;flex-direction:column;}
.productsone ul {margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;gap:20px;}
.productsone ul li {flex-basis:100%;display:flex;flex-direction:column;}
.productvignette .productinfos {padding:20px 20px 25px 20px;}
.productvignette .productinfos h3 {font-size:25px;font-weight:700;margin:0;line-height:30px;min-height:65px;}
.productvignette .productinfos h3 a {color:black;text-decoration:none;}
.productvignette .productthumb a {display:flex;border-radius:20px;overflow:hidden;position:relative;height:0;padding-bottom:85%;}
.productvignette .productthumb a img {position:absolute;display:inline-block;width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.productvignette .productthumb a:hover img {transform:scale(1.05);}
.productvignette .productags {position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index: 2;}
.productvignette .productags span {background:var(--red);color:white;border-radius:10px;font-size:11px;font-weight:300;text-transform:uppercase;padding:5px 10px;line-height:1;}
.productvignette a.btn {margin:auto 20px 20px 20px;}
.producttitle {font-size: 15px;font-weight: 300;}
.producttitle p:last-child {margin-bottom:0;}
.woocommerce div.product {display:flex;gap:20px;flex-wrap:nowrap;}
#woocommercepage div.images {float:inherit !important;width:33.33% !important;}
#woocommercepage div.summary {float:inherit !important;width:66.66% !important;background:var(--gray);padding: 40px 40px 20px 40px;border-radius:20px;}
#woocommercepage div.summary h2 {margin:0;font-size:30px;font-weight:700;color:black;}
#woocommercepage div.images .woocommerce-product-gallery__wrapper {display:flex;flex-wrap:wrap;gap:20px;}
#woocommercepage div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child {width:100%;}
#woocommercepage div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {display:flex;}
#woocommercepage div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img {border-radius:20px;}
#woocommercepage div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) {width: calc(33.33% - 14px) !important;}
.woocommerce-product-gallery__wrapper .iframewrapper {position: relative;overflow: hidden; width: 100%;padding-top: 56.25%;border-radius:20px;overflow:hidden;}
.woocommerce-product-gallery__wrapper .iframewrapper iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
.productcontent {padding:30px;}
.productcontent h2 {font-size:30px;font-weight:700;color:black;}
.productcontent h2:first-of-type {margin-top:0;}
.productcontent h3 {font-size:26px;font-weight:700;color:black;}
.productcontent ul {list-style: none;}
.productcontent ul li::before {content: "\2022";color:var(--red);font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;}
.productcontent img {border-radius:20px;width: 100%;max-width:800px;}
.productcontent .wp-caption-text {text-align:center;font-style:italic;margin-bottom: 1em;margin-top: .5em;}
.woocommerce div.product .woocommerce-product-rating {margin-bottom:0 !important;}
.woocommerce div.product p.price {display:none;}
.woocommerce div.product form.cart {margin-bottom:0 !important;}
.woocommerce div.product form.cart>div {margin:20px 0 !important;width:100% !important;border:none !important;}
body.devis div.product form.cart>div {margin:0 0 20px 0 !important;}
.woocommerce div.product form.cart p[name="title"] {margin:0;font-weight:700;font-size:16px;}
.woocommerce div.product form.cart .woosppo_main_parent_divv {display:flex;gap:20px 50px;flex-wrap:wrap;align-items: flex-start;}
.woocommerce div.product form.cart .plugify_expo_sty_div {width:calc(50% - 25px) !important;margin-bottom:0 !important;position:relative;display:grid;}
.woocommerce div.product form.cart .plugify_expo_sty_div.formtitle, .woocommerce div.product form.cart #configurateur {width:100% !important;}
.woocommerce div.product form.cart .plugify_expo_sty_div strong {font-weight:300;font-size:15px;margin-bottom:5px;}
.woocommerce div.product form.cart .plugify_expo_sty_div input[type="number"],
.woocommerce div.product form.cart .plugify_expo_sty_div input[type="text"],
.woocommerce div.product form.cart .plugify_expo_sty_div input[type="date"],
.woocommerce div.product form.cart .plugify_expo_sty_div select {outline:none;width: calc(100% - 50px) !important;background:white;height:50px;border-radius:20px;border:none;padding:0 20px;font:600 15px 'Poppins', sans-serif;}
body.devis div.product form.cart .plugify_expo_sty_div input[type="number"],
body.devis div.product form.cart .plugify_expo_sty_div input[type="text"],
body.devis div.product form.cart .plugify_expo_sty_div input[type="date"],
body.devis div.product form.cart .plugify_expo_sty_div select {width:100% !important;}
body.devis div.product form.cart .plugify_expo_sty_div textarea {outline:none;background:white;border-radius:20px;border:none;padding:20px;font:600 15px 'Poppins', sans-serif;}
.woocommerce div.product form.cart .plugify_expo_sty_div i.fa-solid {font-size:38px;color:var(--blue);position:absolute;right:0;bottom:6px;}
.woocommerce div.product form.cart .formpopupwrapper, .woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>div.formpopupwrapper {display:none !important;}
.woocommerce div.product form.cart .formpopupwrapper.go, .woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>div.formpopupwrapper.go {position:fixed;z-index:1000;top:0;left:0;width:100%;height:100vh;display:flex !important;justify-content: center;align-items: center;background:rgba(0,0,0,0.8);}
.woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>div.go, .woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>div.formpopupwrappe {gap:inherit !important;width:100% !important;}
.woocommerce div.product form.cart .formpopup {position:relative;width:100%;max-width:750px;background:white;padding:20px;border-radius:20px;z-index:200;font-weight:300;font-size:16px;}
.woocommerce div.product form.cart .formpopup strong {font-weight:700;font-size:20px;}
.woocommerce div.product form.cart .formpopup p {margin:0;padding:8px 0;font-size:16px;}
.woocommerce div.product form.cart .formpopup a.btn {background:var(--gray);}
.woocommerce div.product form.cart .formpopup img {float:right;width:200px;height:auto;display:inline-block;}
.woocommerce div.product form.cart .formpopup a.formpopupclose {position: absolute;top: 5px;right: 10px;color: var(--red);text-decoration: none;font-size: 25px;z-index: 2;}
.woocommerce div.product form.cart .formpopup a.formpopupclose:hover {color:var(--blue);}
.woocommerce div.product form.cart .woosppo_main_parent_divvr {background:var(--blue);color:white;border-radius:20px;padding:20px 30px !important;}
.woosppo_main_parent_divvr table {color:white;border:none;border-collapse: collapse;}
.woosppo_main_parent_divvr table td {border:none !important;padding:0 !important;color:white;}
.woosppo_main_parent_divvr table tr td:first-child {font-size:16px;font-weight:700;}
.woosppo_main_parent_divvr table tr td:last-child {font-size:30px;font-weight:700;text-align:right;}
.woosppo_main_parent_divvr table tr td:last-child span {font-size:15px;}
.woocommerce div.product form.cart .plugify_expo_sty_div label img {width:46px !important;height:46px !important;border-radius:20px;border:solid 1px #d8d7d7;}
.imgisenabld:checked + .imgclass {outline: 2px solid var(--red) !important;}
.woocommerce div.product form.cart div.quantity {margin:0 !important;}
.woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>div {display:inline-flex !important;gap:10px !important;width: calc(100% - 50px) !important;flex-wrap: wrap;}
.woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>div label {width:initial !important;}
.woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>div label center {display:none;}
.woocommerce div.product form.cart .plugify_expo_sty_div.iconesimg>br {display:none;}
.woocommerce div.product form.cart button {background:var(--red) !important;color:white !important;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:20px 40px !important;line-height:1 !important;margin:20px 0;}
.woocommerce div.product form.cart button:hover {background:var(--blue) !important;}
.woocommerce div.product form.cart .button {float:initial !important;}
.woocommerce div.product form.cart p.autre {margin:20px 0;text-align: center;}
.woocommerce div.product form.cart p.autre a {margin:10px;}

.woocommerce table.shop_table {border:0;border-radius:none;margin:0;}
form.woocommerce-cart-form, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {padding:20px;}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width:70px;border-radius:10px;}
.woocommerce-cart table.cart td button, .shipping-calculator-form button, .woocommerce form.checkout_coupon button, button.show_modal_details_btn_plugify {background:var(--red) !important;color:white !important;border:none;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:10px 20px !important;line-height:1 !important;}
.woocommerce-cart table.cart td button:hover, .shipping-calculator-form button:hover, .woocommerce form.checkout_coupon button:hover, button.show_modal_details_btn_plugify:hover {background:var(--blue) !important;}
.woocommerce-cart table.cart td button.show_modal_details_btn_plugify {margin-top:9px;}
table.woocommerce-checkout-review-order-table button.show_modal_details_btn_plugify {margin:9px 0 !important;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {width: 150px;border: none;height: 36px;border-radius: 20px;padding: 0 10px;font: 400 14px 'Poppins', sans-serif;margin-right: 10px;}
.woocommerce table.shop_table td.actions, .woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions {padding: 20px 12px;}
.cart-collaterals {margin-top:20px;}
.cart_totals h2 {margin-top:0;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {margin:0;}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {padding:20px 0 0 0;}
.shipping-calculator-form input {height:40px;padding:0 10px;border:none;border-radius:20px;font:600 16px 'Poppins', sans-serif !important;}
.select2-container--default .select2-selection--single {border:0;border-radius:20px;}
.select2-container .select2-selection--single {height:40px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {font:600 16px 'Poppins', sans-serif !important;line-height:40px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:38px;}
.woocommerce a.button.alt {background-color:var(--red);border-radius:20px;}
.woocommerce a.button.alt:hover {background-color:var(--blue);}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float:inherit;width: 100%;padding: 15px 0;border-radius: 20px;background: var(--red);font: 600 20px 'Poppins', sans-serif !important;margin-top: 20px;}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {background:var(--blue);}
#alma-payment-plans ._TSkFv {border-radius:20px;}

.woocommerce-terms-and-conditions-wrapper a {color:black;}
.woocommerce-terms-and-conditions-wrapper a:hover {text-decoration:none;}

#share {display:flex;gap:20px;justify-content: center;margin-bottom:20px;}
#share a.btn {background:var(--gray);}
#share a.btnsharefb::before {content:"\f39e";font-family: 'Font Awesome 6 Brands';background:#1278f3;}
#share a.btnsharetw::before {content:"\f099";font-family: 'Font Awesome 6 Brands';background:#1d9bf0;}
#share a.btnsharepi::before {content:"\f231";font-family: 'Font Awesome 6 Brands';background:#be0216;}
#share a.btnsharefb:hover::before, #share a.btnsharetw:hover::before, #share a.btnsharepi:hover::before {background:var(--blue);}

.contactpage {align-items: flex-start !important;}
.contactleft, .contactright {padding:20px;}
.contactleft h2, .contactright h2{margin-top:0;}
.contactleft h3 {color:var(--red);}
.contactright input[type="text"], .contactright input[type="tel"], .contactright input[type="email"], .contactright input[type="file"] {font:400 14px 'Poppins', sans-serif;width:100%;height:40px;border:none;background:white;border-radius:20px;color:black;padding:0 10px;}
.contactright select {width:100%;height:40px;border:none;background:white;border-radius:20px;color:black;padding:0 10px;font:400 14px 'Poppins', sans-serif;}
.contactright textarea {border:none;background:white;border-radius:20px;color:black;padding:10px;width:100%;font:400 14px 'Poppins', sans-serif;}
.contactright input[type="file"] {padding:8px 10px;}
.contactright input[type="submit"] {white-space: normal;background:var(--red) !important;color:white !important;border:none;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:20px 40px !important;line-height:1 !important;}
.contactright input[type="submit"]:hover {background:var(--blue) !important;}
.contactright p {margin:0;}
.contactright .input:not(.submit) {margin:15px 0;}
.contactright .captcha img {border-radius: 20px;box-sizing: initial;padding: 8px 10px;background:white;display:inline-block;}
.contactright .captcha span {flex:1;}
.contactright .captcha p {display:flex;gap:0 20px;flex-wrap:wrap;}
.contactright .captcha p label {width:100%;}

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup-checkout .woocommerce-error {border-top:0;padding:20px;background:var(--red);color:white;border-radius:20px;}
.woocommerce-notices-wrapper .woocommerce-info, .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-info {border-top:0;padding:20px;background:var(--blue);color:white;border-radius:20px;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {display:none;}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {background:white;border-radius:20px;font:600 16px 'Poppins', sans-serif !important;padding:10px 20px !important;}
.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover {background:var(--blue);color:white;}
p.cart-empty {padding:0;border-top:none;background:none;color:black;}
p.return-to-shop a.button {background:var(--red) !important;color:white !important;border:none;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:20px 40px !important;line-height:1 !important;}
p.return-to-shop a.button:hover {background:var(--blue) !important;}
.woocommerce-message a.restore-item, .woocommerce-info a.showcoupon, .woocommerce-info a.showlogin {color:white;}
.woocommerce-message a.restore-item:hover, .woocommerce-info a.showcoupon:hover, .woocommerce-info a.showlogin:hover {text-decoration:none;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {border:0;margin:20px 0;}
.woocommerce form.checkout_coupon input[type="text"] {font:400 14px 'Poppins', sans-serif;width:100%;height:40px;border:none;background:white;border-radius:20px;color:black;padding:0 10px;}

#customer_details .col-1, #customer_details .col-2, #order_review {padding:20px;}
#customer_details .col-1 h3, #customer_details .col-2 h3 {margin-top:0;} 
#customer_details input[type="text"], #customer_details input[type="tel"], #customer_details input[type="email"] {font:400 14px 'Poppins', sans-serif;width:100%;height:40px;border:none;background:white;border-radius:20px;color:black;padding:0 10px;}
#customer_details textarea {font:400 14px 'Poppins', sans-serif;width:100%;height:200px;border:none;background:white;border-radius:20px;color:black;padding:10px;}
h3#order_review_heading {font-size: 40px;font-weight: 700;color: black;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:none;border-radius:0;}

.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content, .woocommerce-ResetPassword {padding:20px;}
.woocommerce-MyAccount-navigation ul {list-style:none;padding:0;margin:0;}
.woocommerce-MyAccount-navigation ul li {margin:20px 0;}
.woocommerce-MyAccount-navigation ul li a {display:block;background:var(--blue);color:white;text-decoration:none;padding:10px 20px;border-radius:20px;text-align: center;}
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {background:var(--red);}
.woocommerce-MyAccount-content input[type="text"], .woocommerce-MyAccount-content input[type="email"], .woocommerce-MyAccount-content input[type="password"], .woocommerce-MyAccount-content input[type="tel"] {font:400 14px 'Poppins', sans-serif;width:100%;height:40px;border:none;background:white;border-radius:20px;color:black;padding:0 10px;}
.woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered,
#customer_details .select2-container--default .select2-selection--single .select2-selection__rendered {font:400 14px 'Poppins', sans-serif !important;line-height:40px !important;}
.woocommerce-MyAccount-content legend {display:none;}
.woocommerce-MyAccount-content fieldset {border: none;padding: 0;}
.woocommerce-MyAccount-content button, .woocommerce-ResetPassword button {background:var(--red) !important;color:white !important;border:none;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:10px 20px !important;line-height:1 !important;}
.woocommerce-MyAccount-content button:hover, .woocommerce-ResetPassword button:hover {background:var(--blue) !important;}
.woocommerce form .form-row {padding:3px 0;}
.woocommerce-Addresses .col-1, .woocommerce-Addresses .col-2 {width:100% !important;float:inherit !important;}
.woocommerce-account .addresses .title .edit {float:inherit;}
.woocommerce-account .addresses .title h3 {float:inherit;width:100%;}
.woocommerce-account .addresses a.edit {margin-bottom:10px;display: inline-block;}

.woocommerce form.login input[type="text"], .woocommerce form.login input[type="password"], .woocommerce form.register input[type="text"], .woocommerce-ResetPassword input[type="text"], .woocommerce-form-register input[type="email"] {font:400 14px 'Poppins', sans-serif;width:100%;height:40px;border:none;background:white;border-radius:20px;color:black;padding:0 10px;}
.woocommerce form.login button:not(.show-password-input), .woocommerce-form-register button:not(.show-password-input) {background:var(--red) !important;color:white !important;border:none;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:20px 40px !important;line-height:1 !important;}
.woocommerce form.login button:not(.show-password-input):hover, .woocommerce-form-register button:not(.show-password-input):hover {background:var(--blue) !important;}

.post-password-form {padding:20px;}
.post-password-form  input[type="password"] {font:400 14px 'Poppins', sans-serif;width:100%;height:40px;border:none;background:white;border-radius:20px;color:black;padding:0 10px;}
.post-password-form  input[type="submit"] {margin-top:20px;background:var(--red) !important;color:white !important;border:none;border-radius:20px !important;cursor:pointer;font:600 16px 'Poppins', sans-serif !important;padding:20px 40px !important;line-height:1 !important;}
.post-password-form  input[type="submit"]:hover {background:var(--blue) !important;}
body.devis .woocommerce-product-gallery {display:none;}
body.devis #woocommercepage div.summary {width:100% !important;}

#configurateur p, #configurateur strong {margin:0;}
.config {display:flex;flex-wrap:wrap;gap:5px 30px;padding:0 0 20px 0;}
.configverre>a, .configvitrage>a {width:calc((100% - 90px) / 4);}
.configceinture>a, .configpose>a {width:calc((100% - 90px) / 4);}
.config a {text-align:center;display:block;color:black;text-decoration:none;font-weight:bold;background:white;border:solid 2px white;border-radius: 20px;padding:10px;display:flex;flex-direction:column;align-items: center;font-size: 14px;gap:5px;}
.config a:hover {border:solid 2px var(--blue);}
.config a.selected {border:solid 2px var(--red);cursor:default;}
.config a img {border-radius:8px;}
.config, .config strong {width:100%;}
.config strong {font-weight:normal;}

.product_cat-plancher-de-verre .woosppo_main_parent_divv .plugify_expo_sty_div:nth-child(4),
.product_cat-plancher-de-verre .woosppo_main_parent_divv .plugify_expo_sty_div:nth-child(5),
.product_cat-plancher-de-verre .woosppo_main_parent_divv .plugify_expo_sty_div:nth-child(6),
.product_cat-plancher-de-verre .woosppo_main_parent_divv .plugify_expo_sty_div:nth-child(11) {display:none !important;}

#footer {margin-top:20px;}
#footer h2 {font-size:22px;font-weight:700;margin-top:0;}
#footer .bloc {background:var(--blue);color:white;padding:30px;}
#footer .blocpaiement {text-align:center;}
#footer .blocpaiement img {display:inline-block;width:100%;max-width:600;height:auto;margin:10px 0;max-width:400px;}
#footer .bloccoord {width:100%;}
#footer .bloccoord h2 {margin-bottom:0;}
#footer .bloccoord .cols {gap:40px;}
#footer a {color:white;}
#footer a.footerlogolink {display:inline-block;width:100%;background:white;border-radius:20px;padding:60px 40px;text-align: center;}
#footer a.footerlogolink img {display:inline-block;width:100%;height:auto;max-width:230px;}
#footer ul.sociallinks li a:hover {color:var(--red);}
#bottom {text-align:center;color:#404040;font-size:15px;font-weight:300;}
#bottom a {color:#404040;display:inline-block;}
#bottom a:hover, #footer a:hover {text-decoration:none;}
#bottom a img {display:inline-block;}
#rotate {display:none;}

a#up {text-align:center;position:fixed;right:30px;bottom:30px;background:var(--red);color:white;text-decoration:none;width: 38px;height: 38px;display: block;font-size: 12px;border-radius: 100%;line-height: 38px;}
a#up:hover {background:var(--blue);}

.ti-enable-widget {padding: 4px 8px;padding-left: 30px;background-color: #fff; box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);border-radius: 10px;cursor: pointer;color: #000000;pointer-events: auto !important; font-size: 14px;text-decoration: none !important; position: fixed;bottom:30px;left:30px;transition: all 0.3s ease-in-out;font-family: "Open sans";}
.ti-enable-widget:hover {background:var(--gray);}
.ti-enable-widget:before {background-image: url(https://cdn.trustindex.io/assets/platform/Google/icon.svg);background-size: 100% 100%;content: "";display: block;width: 20px;height: 20px;position: absolute;top: 50%;transform: translateY(-50%);left: 5px;right: 0px;background-repeat: no-repeat;background-position: center center;}
.ti-header .ti-stars .ti-star {background-image: url(https://cdn.trustindex.io/assets/platform/Google/star/f.svg);width: 16px;height: 16px;display: inline-block; margin: 0 !important;margin-right: 1px !important;background-repeat: no-repeat;}

.dim-preview {position:relative;}
.dim-overlay-width {position:absolute;top:10px;left:0;width:100%;text-align:center;}
.dim-overlay-height {position:absolute;transform:rotate(-90deg);transform-origin: center;top: 50%;left: calc(-50% + 30px);width:100%;text-align:center;}

@media screen and (max-width:1439px){
    #container {width:1280px;}
    #header {flex-wrap:wrap;gap:20px;}
    #header #menu {order:3;width:100%;flex:auto;}
    #header #telicons {order:2}
    #header #logo {order:1;}
    #header #menu-menu-principal {justify-content:center;flex-wrap:wrap;}
    #chiffres {height:145px;}
    .blocwelcome h1, h1 {font-size:35px;line-height:40px;}
    .blocrea .wp-block-group {height: calc(100% - 186px);}
    .bloclivraison h3, .blocaide h3 {font-size:23px;}
    .bloclivraison p, .blocaide p {font-size:16px;}
    .blocaide img {left: -30px;bottom: -40px;}
}

@media screen and (max-width:1279px){
    #container {width:1024px;}
    #chiffres {height:130px;}
    #welcome {flex-direction: column;}
    #welcome>div{flex-basis:initial !important;}
    #welcome div.blocrea {height:280px;position: relative;}
    .blocrea .wp-block-group {height:100%;}
    .blocrea h2 {position:absolute;width:460px;left: 500px;}
    .blocrea figure {width:500px;bottom: -100px;}
    .blocrea .wp-block-group p br {display:none;}
    .blocrea .wp-block-group p:first-child {top: 165px;right: 230px;}
    .blocrea .wp-block-group p:last-child {left: 530px;bottom: 40px;}
    .productvignette .productinfos h3 {font-size: 20px;line-height: 25px;min-height: 55px;}
    .bloclivraison h3, .blocaide h3 {font-size: 20px;line-height: 25px;}
    .bloclivraison h4 {font-size:15px;}
    .bloclivraison img {width:280px;}
    .bloclivraison p, .blocaide p {font-size: 15px;}
    .bloclivraison p {right:30px;}
    .blocaide img {left: -90px;bottom: -10px;}
    h2.secondheading {font-size: 35px;}
    #newshome ul {flex-wrap:wrap;}
    #newshome ul li {flex-direction: row;flex-wrap: wrap;flex-basis: 100%;align-items:center;}
    .news .newstext {flex:1}
    .news .newsbtn {margin-top:inherit;padding: 25px;}
    .garantie p {font-size:16px;line-height:24px;}
    .newsrelated ul li {width: 100%;flex-direction: row;align-items: center;}
    .colsnews {flex-wrap: wrap;}
    .colsnews .threequarter, .colsnews .onequarter {flex-basis:100%;width: 100%;}
    .colsnews .onequarter .wp-block-latest-posts__list, .colscomments .onequarter .wp-block-latest-posts__list {display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}
    .colsnews .onequarter .wp-block-latest-posts__list li, .colscomments .onequarter .wp-block-latest-posts__list li {width: calc(33.33% - 14px);}
    .woocommerce div.product form.cart .plugify_expo_sty_div {width: 100% !important;}
    ul.wp-block-latest-posts li {margin-bottom:0;}
    .config {gap:30px;}
    .configverre>a, .configvitrage>a {width:calc((100% - 30px) / 2);}
    .configceinture>a, .configpose>a {width:calc((100% - 30px) / 2);}
}

@media screen and (max-width:1023px){
    #container {width:768px;}
    .cols, #pensez, #presentation, #avantages, #services, .contactpage {flex-wrap:wrap;flex-direction:column;align-items: flex-start;}
    .twothird, .onethird, #pensez>div, #presentation>div, #avantages>div, #services>div, .contactpage>div {flex-basis: initial;width:100%;}
     #presentation>div:first-child {height:300px;flex-basis:initial !important;}
    #footer a.footerlogolink {width:auto;}
    #footer .onethird, #footer .twothird {text-align:center;}
    #chiffres {height:145px;}
    .news .newsbtn {width:100%;}
    .blocrea figure {width: 410px;}
    .blocrea h2 {left: 310px;width:400px;z-index: 2;font-size: 26px;}
    .blocrea .wp-block-group p:first-child {right:100px;}
    .blocrea .wp-block-group p:last-child {left: 420px;}
    .bloclivraison img {width: 370px;}
    #services>div {width:100% !important;}
    #services>div:last-child {height: 265px;flex-basis: initial !important;}
    .bloclivraison h3, .blocaide h3 {font-size:25px;}
    .bloclivraison h4 {font-size:22px;right: 50px;}
    .blocaide img {left: 0px;bottom: -40px;}
    .bloclivraison p, .blocaide p {font-size:18px;}
    .bloclivraison p {bottom: 50px; right: 50px;}
    #avantages .blocimg {height:200px;}
    .productslist ul {flex-wrap:wrap;justify-content: center;}
    .productslist ul li {flex-basis: calc(50% - 10px);}
    #avis .avislist li {width:100%;}
    .woocommerce div.product {flex-wrap:wrap;}
    .woocommerce div.product>div {flex-basis:100%;}
    #woocommercepage div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) {width: calc(20% - 16px) !important;}
    .newsrelated ul li {flex-wrap:wrap;}
    #garanties {flex-wrap: wrap;justify-content:center;}
    .garantie {flex-basis: calc(50% - 10px);}
    div#n2-ss-2 .nextend-thumbnail-horizontal .nextend-thumbnail-scroller {grid-auto-columns: auto !important;}
    #newsindex ul li {flex-direction: row;flex-wrap: wrap;flex-basis: 100%;align-items: center;}
    .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {float:inherit;width:100%}
    .woocommerce-MyAccount-navigation {margin-bottom:20px;}
    .woocommerce-MyAccount-navigation ul li {display:inline-block;}
    .woocommerce-MyAccount-navigation ul li {margin:10px;}
    .blocwelcome h1, h1 {font-size:30px;line-height:35px !important;}
    .theme-twentytwenty .wc-block-grid.has-1-columns .wc-block-grid__product, .wc-block-grid.has-1-columns .wc-block-grid__product {flex: 1 0 50%;}
    div#n2-ss-2 .n2-thumbnail-dot img {width: 100% !important;height: auto !important;}
    div#n2-ss-2 .n2-style-8c7b5fe37099e3ca489647488844bbbf-dot {border-radius:10px !important;}
}

@media only screen and (min-device-width : 600px) and (max-device-width : 1280px) {
    #header #menu-menu-principal li.menu-item-has-children > a::after {display:none;}
}

@media screen and (max-width:768px) {
    .woocommerce table.shop_table_responsive tr td.product-quantity, .woocommerce-page table.shop_table_responsive tr td.product-quantity {display:none !important;}
}

@media screen and (max-width:767px){
    #container {width:600px;}
    #header #telicons {gap:20px;}
    #header #menu-menu-principal {gap:25px;}
    #headertitle {background: var(--gray);}
    .wp-block-buttons {justify-content: center !important;}
    #chiffres {flex-wrap: wrap !important;height:240px;}
    #chiffres .wp-block-column {width:calc(50% - 20px);flex-basis:initial;}
    .blocrea figure {width: 290px;bottom:0;}
    .blocrea h2 {left: 190px;top:-10px;width: 380px;font-size:23px;line-height: 28px;}
    .blocrea .wp-block-group p:first-child {right:40px;top: 165px;}
    .blocrea .wp-block-group p:last-child {left:260px;bottom: 40px;}
    .productslist ul li {flex-basis:100%;}
    .bloclivraison h3, .blocaide h3 {font-size: 20px;}
    .bloclivraison h4 {font-size: 19px;right: 40px;}
    .bloclivraison img {left: -40px;position: relative;}
    .bloclivraison p, .blocaide p {font-size: 16px;}
    .bloclivraison p {bottom: 60px;right: 40px;}
    .blocaide img {left: -70px;}
    h2.secondheading, #woocommercepage div.summary h2, .productcontent h2, .productcontent h3, #contentpage h2, h3#order_review_heading {font-size: 30px;line-height:35px;}
    .news .newstext p {font-size: 14px;margin:5px 0 0 0;}
    #share {flex-wrap:wrap;}
    .garantie {flex-basis: 100%;}
    .garantieimg {width:200px;}
    .garantieimg img {right:20px;}
    .garantie1 .garantieimg img, .garantie3 .garantieimg img {right:40px;}
    .colsnews .onequarter .wp-block-latest-posts__list li, .colscomments .onequarter .wp-block-latest-posts__list li {width: calc(50% - 10px);}
    .theme-twentytwenty .wc-block-grid.has-1-columns .wc-block-grid__product, .wc-block-grid.has-1-columns .wc-block-grid__product {flex: 1 0 100%;}
    #bottom p:first-child {line-height: 40px;}
}

@media screen and (max-width:599px){
    #container {width:480px;padding:20px;}
    #header {height:auto;min-height:130px;}
    #header #logo {height:44px;}
    #header #logo a { width: 210px;}
    #header #telicons i.fa-mobile-screen-button {display:block;}
    #header #telicons {font-size:0;height:44px;}
    #header #menu {text-align:center;min-height:25px;}
    #header #menu-menu-principal {display:none;}
    #header #menu-menu-principal.show {display:flex;}
    #header #menu a#menubtn {color:black;text-decoration:none;display:inline-block;}
    #header #menu a#menubtn:hover {color:var(--red);}
    #header #menu-menu-principal {flex-direction: column;gap:20px;padding:20px 0;}
    #header #menu-menu-principal li.menu-item-has-children > a::after {display:none;}
    #header #menu-menu-principal li ul.sub-menu {display:block;position:relative;width:100%;border-top: solid 1px #d1d1d1;border-bottom: solid 1px #d1d1d1;border-radius: 0;margin-top: 20px;}
    .blocwelcome {background:var(--gray);}
    .blocwelcome h1 {min-height:115px;}
    .blocwelcome .wp-block-button .wp-block-button__link {height:54px;}
    #chiffres {height:255px;}
    .blocwelcome {padding: 30px;}
    .blocrea h2 {position: relative;left: 0;top: 0;width: 100%;}
    #welcome div.blocrea {height: 350px;}
    .blocrea .wp-block-group {height: calc(100% - 106px);}
    .blocrea figure {left: -20px;}
    .blocrea .wp-block-group p:first-child {top:15px;}
    .blocrea .wp-block-group p:last-child {left: 260px;bottom: 70px;width: 140px;}
    .bloclivraison img {left: -50px;bottom: -20px;}
    .bloclivraison p, .blocaide p {font-size: 15px;}
    .bloclivraison p {bottom: 110px;}
    .blocaide img {left:-20px;bottom: -20px;}
    #newshome ul li, #newsindex ul li, .newsrelated ul li {flex-direction: column;padding-top: 20px;}
    .woocommerce div.product form.cart table td {width:100% !important;display:block;}
    #woocommercepage div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) {width: calc(25% - 15px) !important;}
    #footer .bloccoord>div:first-child {flex-direction: column;gap: 20px;}
    .n2-ss-slider-controls-below {display:none !important;}
    .colsnews .onequarter .wp-block-latest-posts__list li, .colscomments .onequarter .wp-block-latest-posts__list li {width:100%;}
}

@media screen and (max-width:479px){
    #container {width:375px;}
    #header {justify-content: center;}
    .blocwelcome .wp-block-columns {gap: 0px;}
    #chiffres {height:460px;}
    #chiffres .wp-block-column {width: 100%;}
    .blocwelcome h1 {min-height: 185px;}
    .blocrea .wp-block-group p {font-size:15px;}
    .blocrea .wp-block-group p:first-child {top: -25px;}
    .blocrea .wp-block-group p:last-child {left: 220px;bottom: 180px;width: 100px;}
    .bloclivraison h4 {font-size: 17px;right: 30px;}
    .bloclivraison img {bottom:-30px;}
    .bloclivraison p {bottom: 100px;right:30px;}
    .blocaide img {left: -10px;bottom: -10px;}
    h2.secondheading, #woocommercepage div.summary h2, .productcontent h2, .productcontent h3, #contentpage h2, h3#order_review_heading {font-size: 25px;line-height:30px;}
    .lastreview .reviewheader, #avishead {flex-direction: column;align-items: flex-start;}
    #woocommercepage div.summary, .productcontent {padding:20px;}
    .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text,
    .woocommerce #content table.cart td.actions button, .woocommerce table.cart td.actions button, .woocommerce-page #content table.cart td.actions button, .woocommerce-page table.cart td.actions button {float:inherit;width:100% !important;}
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width:100% !important;}
    .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {float:inherit !important;}
    .ti-enable-widget {left:20px;height:30px;padding-left: 23px;}
    .ti-header {display:none;}
    a#up {right:20px;}
    .configverre>a, .configvitrage>a, .configceinture>a, .configpose>a {width:100%;}
}

@media screen and (max-width:374px){
    #container {width:100%;min-width:300px;}    
    .blocwelcome h1, h1 {font-size: 25px;line-height: 30px !important;}
    .blocrea h2 {padding: 30px;}
    #welcome div.blocrea {height: 440px;}
    .blocrea .wp-block-group {height: calc(100% - 140px);}
    .blocrea .wp-block-group p:first-child {top: -5px;}
    .blocrea .wp-block-group p:last-child {left: 130px;bottom: 240px;width: 130px;}
    .wp-block-button .wp-block-button__link, a.btn {padding: 20px 20px 20px 60px;}
    .wp-block-button .wp-block-button__link::after, a.btn::after {display:none;}
    .bloclivraison h3, .blocaide h3 {font-size: 16px;}
    .bloclivraison h4 {font-size: 14px;right: 24px;}
    .bloclivraison p, .blocaide p {font-size: 14px;}
    .bloclivraison p {bottom: 72px;right: 20px;}
    #newshome ul li, #newsindex ul li, .newsrelated ul li {padding-top:0;}
    .news .newsimg {width:100%;}
    #woocommercepage div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:nth-child(n+2) { width: calc(50% - 10px) !important;}
    .woocommerce div.product form.cart .woosppo_main_parent_divvr {padding:20px !important;}
    .woosppo_main_parent_divvr table tr td:last-child {font-size: 23px;}
    .garantie p {font-size: 15px;line-height: 20px;}
    .garantieimg {width:140px;}
    .garantieimg img {right:0;}
    .garantie1 .garantieimg img, .garantie3 .garantieimg img {right:20px;}
    .woocommerce-cart table.cart td button, .shipping-calculator-form button, .woocommerce form.checkout_coupon button, button.show_modal_details_btn_plugify {font-size:14px !important;}
}

/*@media screen and (max-width:479px) and (orientation:portrait) {
    #rotate {display:none;}
    #rotate.on {display:flex;flex-direction:column;text-align:center;background:rgba(255, 255, 255, 0.95);padding:15px;color:black;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10000;}
    #rotate.off {display:none !important;}
    #rotate a {position:absolute;top:20px;right:25px;font-size:25px;color:black;text-decoration: none;}
}*/