/* Frontend editor */
.ct-widget.ct-ignition { position:fixed; left:auto; top:auto; right:20px; bottom:20px; z-index:10000; transition:all 0.5s ease 0s; }
.ct-widget.ct-ignition .ct-ignition__button { position:static; margin-top:10px;}

.ce-element { outline:2px dashed rgba(243, 156, 18, 0.5); }
.ce-element--focused, .ce-element:focus { outline:2px dashed rgba(243, 156, 18, 1); }
/**
 * General Elements
 **/
html {font-size: 10px;}
:focus, button:focus { outline:none; }
a {text-decoration: none;}
a:hover {color: inherit;}

h1{font-size: 10rem; font-family: 'weekend';}
h2 {font-size: 6rem; font-family: 'agency FB';}
h3 { font-family: 'agency FB'; font-size:3.5rem; margin-bottom:0.5em; }
h4 { font-family: 'agency FB'; font-size:2.5rem; margin-bottom:0.5em; }


/* Images */
img, svg { max-width:100%; height:auto; }
[data-sizes] { display:block; width:100%; }
[data-bg] { background-size:cover; background-repeat:no-repeat; background-position:center center; }

/* Paragraphs */
p { margin-bottom:1em; font-size: 1.6rem; font-family: 'Roboto', sans-serif;}
p:last-child { margin-bottom:0; }

/* Link */
a { color:inherit; }
a:hover { text-decoration:none; }

/* Lists */
ul, ol { margin-bottom:0; padding:0; list-style:none; }

/* Forms */
.invalid-feedback.visible { display:block !important; }

/* Buttons */
.btn { text-transform: uppercase; background-color: var(--couleurvert); color: white; padding: 10px 60px 10px 30px; font-weight: 800; font-size: 1.6rem; text-align:left; position: relative; border-radius:0; }
.btn::before { content: url(../themes/latrace/assets/images/fleche.svg); position: absolute; right: 30px; top: 10px; transition:all 0.5s ease 0s; }
.btn:hover { color:#fff; }
.btn:hover:before { right:15px; }

.btn:disabled { padding:10px 30px; opacity:0.9; }
.btn:disabled:before { content:''; }

.btn.grey { background:#A4A4A4; }

/**
 * Layout
 **/


/*  Couleur */

body{
--couleurvertgris: #607A7B;
--couleurgris: #DBDBDB;
--couleurnoir: #161615;
--couleurmaron: #6C4400;
--couleurvert: #285616;
--couleurbleu: #57C1F2;
--couleurh2gris : #535353;
--couleurpgris: #737373;
--couleurfooter: #3D3D3D;
}

 

 /* swiper */
   .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
   .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {color: white;}
   .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{padding-right: 200px;}
   .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {padding-left: 200px;}
   .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -50px;}

    .swiper-slide.swiper-slide-prev, 
    .swiper-slide.swiper-slide-next {}

   .swiper-pagination-bullet{height: 26px; width: 26px; border: 1px solid black; background-color: var(--couleurnoir);}

 /* Global */
#page { position:relative; width:100%; overflow:hidden; }
.image {position: relative;}
.image.un::after {position: absolute; top: -30px; left: -30px; content: url(../themes/latrace/assets/images/fondbois.jpg); display: block; z-index: -1; width: 100%; overflow: hidden;}
.image.deux::after {position: absolute; bottom: -30px; right: -30px; content: url(../themes/latrace/assets/images/fondbois.jpg); display: block; z-index: -1; width: 100%; overflow: hidden;}

.rowreverse{display: flex; flex-direction: row-reverse;}

.getikR {text-align: left;}
.kJdqZS {margin-bottom: 50px;}

/* Header */

.padding { padding-top:50px; padding-bottom:50px; }

#header {position: fixed; z-index: 1999; top:0; left: 0;width: 100%; background-color: white; }
#header .logoheader { text-align:left; }
#header .logoheader img { max-height:80px; }

#header .dropdown { position:absolute; background:#fff; width:400px; max-width:calc(100vw - 30px); right:0; z-index:2; text-align:left; opacity:0; pointer-events:none; transition:all 0.5s ease 0s; border:1px solid #aaa; }
#header .dropdown .item { padding:10px; font-size:1.4rem; margin-bottom:10px; }
#header .dropdown .item .text-right { text-align:right; }
#header .dropdown .item .small { color:#aaa; font-size:80%; }
#header .dropdown .item .delete a { display:inline-block; }
#header .dropdown .btn { width:100%; }
#header .dropdown.open { opacity:1; pointer-events:auto; }

.nav {display: flex; flex-direction: row; justify-content: space-between; text-align: center; height:100px;font-family: 'Roboto', sans-serif; font-size: 1.6rem; align-items: center;}
.nav .blue {color: var(--couleurbleu);}
.nav .navblue {color: var(--couleurbleu); display: flex; text-transform: uppercase;}
.nav .navblue li {padding-right: 30px;}
.nav .navblue li a {  }
.nav .navblue .badge { width:20px; height:20px; display:flex; align-items:center; justify-content:center; font-size:1rem; }

.navbar {display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 60%;  }
.navbar>li {position: relative;padding: 0 15px; white-space: nowrap;}
.navbar>li:hover {font-weight: bold; color: #000;}
.navbar>li ul {position: absolute; display: none; }
.navbar>li ul>li {padding-right: 30px; padding-top: 5px; color: var(--couleurbleu); text-transform: uppercase; font-size: 1.6rem; opacity: 0.8;}
.navbar>li ul>li:hover {opacity: 1;}
.navbar>li:hover ul {display: flex; }

.slider-head {position: relative; }
.slider-head::after {content: ""; width: 100%; height: 100%;top: 0; left: 0; position: absolute; background-color: black;z-index: 2; opacity: .2; display: block; pointer-events: none; }
.slider-head .txt {position: absolute; top: 50%; transform:translateY(-50%); text-align: center; z-index: 5; width: 100%;  color: white; padding:0 5vw; }
.slider-head .txt p {padding: 0 33%;}
.slider-head .swiper-slide{position: relative; height: calc(100vh - 150px); min-height:300px; max-height:600px; }
.slider-head img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100% ; min-height: 100%; min-width: 100%; max-height: inherit; max-width: inherit; object-fit: cover;}

.hamburger-wrapper {display: none;}
.navigation {position: fixed; left: 0px; top:0; width: 100%; height: 100%; background-color: #FFF; z-index: 9; flex-direction: column; align-items:center; justify-content: center; text-align:left; opacity:0; pointer-events:none; transition: all 0.4s ease 0s ; display:flex; max-height: 970px;}
.navigation ul{flex-direction: column; align-items: center; padding: 0; text-align: center;}
.navigation .wrapper{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%;  max-height: 600px;}
.navigation .wrapper ul{ display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 70%; }
.navigation .wrapper li {padding: 5px 0;}

.tips { padding:15px; background:#eee; border-radius:15px; margin:50px 0; }

#main { margin-top:100px; }

/* Footer */

#footer .logo {background-color: var(--couleurvertgris); padding: 50px 0 ;}
#footer .allpicto {display: flex; flex-direction: row; justify-content: space-between;}
#footer .picto {display: flex; flex-direction: row; align-items: center; color: white; text-transform: uppercase; font-size: 2rem;}
#footer .picto p {padding-left: 15px;}

#footer .coordonee {padding: 100px 0; color: var(--couleurfooter); background: center no-repeat url(../themes/latrace/assets/images/footer.jpg);}

#footer .coordonee .adresse{font-size: 1.6rem; position: relative;transform: translateX(70px); padding: 15px 0;}
#footer .coordonee .adresse::before {content:  url(../themes/latrace/assets/images/map.svg); left: -70px; top: 25px; position: absolute;}
#footer .coordonee h2{ font-size: 2.4rem; text-transform: uppercase;}
#footer .coordonee .publipresse {font-size: 2rem;}
#footer .coordonee .coordonneeall {display: flex; flex-direction: row; justify-content: space-between; height: 100%;}
#footer .coordonee .coordonneeall .reseaux ul {display: flex; flex-direction: row;}
#footer .coordonee .coordonneeall .reseaux img {padding: 0 15px;}

#footer .coordonee .reseaux{height: 100%; display: flex; flex-direction: column; justify-content: space-between;align-items: flex-end; white-space: nowrap;}
#footer .coordonee .mentions {font-size: 1.6rem;}
#footer .coordonee .mentions li{padding-left: 15px;}


/* Contact */
#contact-form {position: relative;}
#contact-form::before {position: absolute; top: 0; left: -250px; content: url(../themes/latrace/assets/images/dessincontact.svg); z-index: -1; width: 100%;}
#contact ::placeholder{text-transform: uppercase; font-size: 1.8rem; color: black; }
#contact .title { text-transform: uppercase; padding-bottom: 20px;}
#contact .txt {padding: 75px 0; text-align: center;}
#contact .form-control { padding: 1.5rem 2rem; font-size: 1.8rem;}
#contact #main .btn {background-color: var(--couleurvert); color: white;position: relative; text-transform: uppercase;padding: 10px 130px 10px 30px; border-radius: 0; font-size: 2.6rem; font-weight: 800; margin: 50px 0;}
#contact #main .btn::after {position: absolute; content: url(../themes/latrace/assets/images/fleche.svg); right: 30px; top: 12px;}
#contact .googlemap{position: relative;}
#contact .block-txt-carte { position: absolute; text-align: center; top: 50%; background-color: #E2E2E2; min-width: 400px; left: 70%; transform: translate(-50%, -50%); padding-top: 30px;}
#contact .block-txt-carte h2 {font-size: 4.8rem; color: var(--couleurh2gris); text-align: left; padding-left: 40px;}
#contact .block-txt-carte p {font-size: 3rem; font-weight: 500;}
#contact #btnini {width: 100%; padding-top: 40px;}
#contact #btnini .btniti {width: 100%; position: absolute; background-color: var(--couleurmaron); display: block; color: white;font-weight: 800; font-size: 2.6rem; text-align: left; padding:10px 0 10px 40px;  text-transform: uppercase;}
#contact #btnini::after {position: absolute; content: url(../themes/latrace/assets/images/fleche.svg); right: 30px; bottom: -45px;}


/* Actualité */
.actu {text-align: center;}
.actu h2 {padding: 50px 0 ; text-transform: uppercase;}

/* Avis google */
.google {text-align: center; padding:50px 0; }
.google h2 {margin-bottom:50px ; text-transform: uppercase;}

/* Location */
.location {padding: 150px 0; background: url(../themes/latrace/assets/images/location.jpg) no-repeat 50% 50%; background-size: cover; color: white; position: relative;}
.location::after {content: ""; height: 100%; width: 100%; top: 0; left: 0; background-color: black; opacity: 0.2; z-index: 1; position: absolute;}
.location h2{text-transform: uppercase; font-size: 4.5rem; padding-bottom: 20px; z-index: 2;}
.location .txt {z-index: 2;}
.location .button {padding-top: 75px;}
.location .btnloca {text-transform: uppercase; position: relative; color: white; background-color: var(--couleurbleu); padding: 10px 100px 10px 25px; font-size: 2.6rem; font-weight: 800;}
.location .btnloca::after {content: url(../themes/latrace/assets/images/fleche.svg); position: absolute; right: 50px; top:12px;}


/* Conseil */
.conseil {padding: 50px 0 ; background-color: rgba(108, 68, 0, .17); position: relative;}
.conseil::before {position: absolute; bottom: 0; right: 0; content: url(../themes/latrace/assets/images/dessin.svg); z-index: -1;}
.conseil h2{ text-align: center; text-transform: uppercase; color: var(--couleurmaron); margin-bottom: 50px;}
.fondconseil {position: relative;}
.fondconseil::after {position: absolute; height: 100%; width: 50%; bottom: 0; right: 0; background-color: black; opacity: .2; content: ""; display: block;}
.conseil .desc-conseil{width: 30%; display: flex; flex-direction: column; color: white; position: absolute; right: 8%; top: 10%;}
.conseil .desc-conseil h3{font-size: 4rem; padding-bottom: 50px; text-transform: uppercase;  }
.conseil .imgpersonne {position: absolute; left: 0; bottom: 0; width: 40%; }
.conseil .slider { padding:0 60px; position:relative; }
.conseil .desc-responsive {display: none;}

.conseil .swiper-button-prev:after, .conseil .swiper-container-rtl .swiper-button-next:after {padding:0; margin-right:60px; color: var(--couleurmaron);}
.conseil .swiper-button-next:after, .conseil .swiper-container-rtl .swiper-button-prev:after {padding: 0; margin-left:60px; color: var(--couleurmaron);}



/* Categorie */
.categorie {padding: 80px 0; text-align: center; position: relative;}
.categorie::before {position: absolute; bottom: 0; right: 0; content: url(../themes/latrace/assets/images/dessinpageinterne.svg); z-index: -1;}
.categorie h2 {padding-bottom: 40px; text-transform: uppercase; color: var(--couleurh2gris);}
.categorie p {color: var(--couleurpgris);}
.categorie .row {padding-bottom: 100px;}
.categorie .row:nth-child(odd){ flex-direction: row-reverse; }
.categorie .swiper-container{height: 100%; overflow:visible ;}
.categorie .swiper-slide {position: relative; height: 100%; width: 100%;}
.categorie img {min-width: 100%; max-width: 100%; min-height: 100%; max-height: none; width: auto; object-fit: cover; }
.categorie .categorie .swiper-slide::before {content: url(../themes/latrace/assets/images/fondbois.jpg); top: -10px; left: -10px; display: block; z-index: 5; position: absolute;}
.categorie .image{position: relative; height: 100%;}
.categorie .image::after {position: absolute; top: -30px; left: -30px; content: url(../themes/latrace/assets/images/fondbois.jpg); display: block; z-index: -1; width: 100%; overflow: hidden;}


/* homepage */
#magasin {text-align: center; padding: 50px 0; background-color: var(--couleurvertgris); color: white; text-transform: uppercase;}
#magasin .allicon {display: flex; justify-content: space-between; flex-direction: row;padding-top: 50px;}
#magasin .icon{display: flex; flex-direction: column;align-items: center; justify-content: space-evenly;}
#magasin .icon p {padding: 7px 0;}
#magasin strong {font-weight: 800;}
#magasin .icon img {height: 50%;}

#expertise {padding: 50px 0; text-align: center;}
#expertise p {padding: 10px 33%; color: var(--couleurpgris);}
#expertise h2 {text-transform: uppercase; color: var(--couleurh2gris);}
#expertise h3 {text-transform: uppercase; color: var(--couleurnoir); font-size: 2rem;}
#expertise h3 strong{font-weight: 800; }
#expertise .personnes {padding: 70px 0;  }
#expertise .txtexper {padding-top: 40px;}
#expertise .txtexper p{color: var(--couleurnoir);}
#expertise .button {padding-top: 50px;}
#expertise .btnexper {background-color: var(--couleurvertgris); position: relative; color: white; text-transform: uppercase; font-size: 2.6rem; font-weight: 800; padding: 10px 100px 10px 25px; }
#expertise .btnexper::after{content: url(../themes/latrace/assets/images/fleche.svg); position: absolute; right: 50px; top:12px;}

/* Ski */ 
#nosmarques {padding: 50px 0; text-align: center; background-color: #FBFBFB;}
#nosmarques h2{color: var(--couleurvertgris); text-transform: uppercase; padding-bottom: 30px;font-size: 5.9rem;}
#nosmarques .logomarque {display: flex; justify-content: center; width: 100%; padding-top: 75px;}
#nosmarques .logocenter {align-items: center; flex-direction: column; display: flex; background:#FBFBFB; }
#nosmarques .logomarque img {width: 75%; mix-blend-mode:multiply; max-height:100px; object-fit:contain }

#conseilludo {padding: 100px 0; background-image: url(../themes/latrace/assets/images/fondconseil.jpg); }
#conseilludo h2 {font-size: 2.9rem; text-transform: uppercase; color: var(--couleurvertgris);}
#conseilludo p {padding-right: 130px; padding-top: 50px;}
#conseilludo .blockludo{display: flex; background-color: white; position: relative;justify-content: flex-end; padding: 100px 0;}
#conseilludo .txtludo {width: 50%;}
#conseilludo .imgludo {position: absolute; bottom: 0; left: -75px;}

/* Le magasin */

#entetemagasin {text-align: center; padding: 50px 0;}
#entetemagasin h2 {color: var(--couleurvertgris); text-transform: uppercase; padding: 50px 0;}
#entetemagasin .marie-ludo {padding: 50px 0 ;}
#entetemagasin .marie-ludo h3 {text-transform: uppercase; font-size: 6rem; padding-bottom: 15px;}
#entetemagasin .marie-ludo strong {font-weight: 800;}
#entetemagasin .marie-ludo .marie,
#entetemagasin .marie-ludo .ludo {display: flex; align-items: center;}
#entetemagasin .marie-ludo .marie .txt,
#entetemagasin .marie-ludo .ludo .txt{padding: 0 30px;}
#entetemagasin .marie-ludo .ludo {flex-direction: row-reverse; justify-content: flex-end; padding-top: 50px;}
#entetemagasin .swiper-container { padding-bottom:50px;  }
#entetemagasin .slider {padding-top: 150px;}
#entetemagasin .swiper-container-horizontal>.swiper-pagination-bullets { bottom:0; }

/*le-shop */
#le-shop {background-color: rgba(108, 68, 0, .17); padding: 50px 0; position: relative;}
#le-shop::before {position: absolute; bottom: 0; right: 0; content: url(../themes/latrace/assets/images/dessin-shop.svg); z-index: -1;}
#le-shop .row {justify-content: center;}
#le-shop .title {text-align: center; padding-bottom: 50px;}
#le-shop h2 {color: var(--couleurvert); padding-bottom: 25px;}
#le-shop h3 {font-size: 1.6rem;font-family: 'Roboto', sans-serif; padding-top: 15px;}
#le-shop .prix p {font-size: 1.6rem;}
#le-shop a:hover{color: white;}
.btn-shop {margin-top: 200px; text-transform: uppercase; background-color: var(--couleurvert); color: white; padding: 10px 100px 10px 25px; width: 400px; font-weight: 800; font-size: 2.6rem; position: relative;}
.btn-shop::after {content: url(../themes/latrace/assets/images/fleche.svg); position: absolute; right: 50px; top:12px;}

/* Shop */
#shop { background:#FBFBFB; }
#shop #main { font-size:1.8rem; margin-bottom:10vh; }
#shop #main h2 { font-size:5rem; text-transform:uppercase; margin-bottom:50px; }
#shop #main .form-control { font-size:1.6rem; height:calc(4.8rem + 2px); }
#shop #main .form-floating > label { padding:1.2rem 0.75rem; }
#shop #main .form-floating>.form-control:focus, 
#shop #main .form-floating>.form-control:not(:placeholder-shown) { padding-top:2.6rem; }
#shop #main .form-floating>.form-control:focus~label, 
#shop #main .form-floating>.form-control:not(:placeholder-shown)~label, 
#shop #main .form-floating>.form-select~label { transform:scale(.85) translateY(-0.8rem) translateX(.15rem); }
#shop #main .invalid-feedback { font-size:1.4rem; }

#shop .btn.floating { position:absolute; left:50%; bottom:0; transform:translate(-50%, 50%); z-index:2; }

#shop-cart h3 { font-size:3rem; }
#shop-cart .item { border-top:1px solid #ddd; padding:5px 0; }
#shop-cart .delete { cursor:pointer; }

#shop-products { padding:50px 0; background:#fff; }
#shop-products h1 { text-align:center; margin-bottom:0.5em; }
#shop-products .categories { margin-bottom:50px; }
#shop-products .categories a { font-size:2rem; font-weight:bold; position:relative; }
#shop-products .categories a:after { content:''; display:block; width:30px; height:2px; background:#000; transition:all 0.5s ease 0s; }
#shop-products .categories a:hover:after { width:100%; }

#shop-products .products { font-size:1.6rem; }
#shop-products .products .image { background:#fff; padding:30px; margin-bottom:10px; }
#shop-products .products .title { font-family:'Roboto'; font-weight:500; margin-bottom:10px; font-size:1.6rem; height:2em; }
#shop-products .products .price { color:#737373; margin-bottom:10px; }
#shop-products .products .form-select { font-size:1.6rem; }
#shop-products .products .btn { margin-top:10px; width:100%; }

#shop-products .text-center { margin-top:100px; }

#shop-summary { padding:50px 0; background:#F2F2F2; }
#shop-summary .item { padding-top:15px; padding-bottom:15px; border-top:1px solid #a4a4a4; }
#shop-summary .item:last-child { border-bottom:1px solid #a4a4a4; }

#shop-billing { padding:0 0 50px 0; }

#shop #shop-next { background:#F2F2F2; }

#shop-shipping { padding:50px 0;}
#shop-shipping .shipping-desc { font-weight:bold; font-size:2rem; }
#shop-shipping .buttons { margin-bottom:50px; }
#shop-shipping .btn-outline { opacity:0.5; cursor:pointer; background:none; border:1px solid #aaa; width:100%; padding:15px 30px; text-align:center; text-transform:uppercase; font-family:'Agency FB'; font-size:2rem; font-weight:400; transition:all 0.3s ease 0s; }
#shop-shipping .btn-outline:hover,
#shop-shipping .btn-outline.active { font-weight:900; background:#fff; border-color:#000; opacity:1; }

#shop-payment { padding:50px 0; }
#shop-payment .text { margin-bottom:100px; }
#shop-payment .text h3 { font-size:3rem;  }
#shop-payment .buttons { display:flex; flex-direction:column; align-items:center; justify-content:center; }

#confirmation h1 { font-family:'agency FB'; font-size:3rem; }
#confirmation .icon { width:300px; margin:0 auto; }

/* CGV */
#cgv-content { padding-top:100px; padding-bottom:100px; }
#cgv-content h1 { font-family:'agency FB'; font-size:8rem; }
#cgv-content h3 { font-size:4rem; }

/* Formulaire de contact */
#contact_forms_flash .alert .close { display:none; }
/**
 * XXL
 **/
@media (min-width: 1400px) {

}

/**
 * XL
 **/
@media (max-width: 1399px) {

     #header .navbar {display: none;}
     #header .navblue { margin-left:auto; }
     #header .navblue li:first-child { display:none; }

	body.open .navigation { opacity: 1; pointer-events: auto; }
	.hamburger-wrapper {display: block; z-index: 10; }
    .nav{ display: flex; align-items: center; justify-content: space-between;}
}



/**
 * LG
 **/
@media (max-width: 1199px) {
   

    .conseil .swiper-button-prev:after, .conseil .swiper-container-rtl .swiper-button-next:after {margin-right: 90px;}
    .conseil .swiper-button-next:after, .conseil .swiper-container-rtl .swiper-button-prev:after { margin-left: 90px;}

    .slider-head .txt{top: 300px;}


    #contact #btnini { padding-top: 20px;}
    #contact .block-txt-carte h2 {font-size: 4.2rem;}
    #contact .block-txt-carte p {font-size: 2.6rem;}

    .slider-head .txt p,
    #expertise p { padding-left:0; padding-right:0; }
}

/**
 * MD
 **/
@media (max-width: 991px) {
    h1{font-size: 7rem;}
    h2{font-size: 4rem;}

    .btn-shop {margin-top: 120px;}

    .categorie .image{margin-top: 50px;}

    #contact .block-txt-carte {top: 40%;}

    #conseilludo p {padding-right: 20px; padding-top: 10px;}
    #conseilludo .txtludo{width: 60%;}
    #conseilludo .imgludo {width: 50%;}
    #conseilludo .blockludo {padding: 50px 0;}

    #entetemagasin .marie-ludo .marie,
    #entetemagasin .marie-ludo .ludo {flex-direction: column-reverse;}
    #entetemagasin .marie-ludo .marie .txt { padding: 50px 30px;}

    .location::after{opacity: .4;}

    .conseil .desc-conseil h3 {padding-bottom: 0; font-size: 2.8rem;}
    .conseil .desc-conseil {width: 50%;}
    .fondconseil::after {width: 60%;}

    
}

/**
 * SM
 **/
@media (max-width: 767px) {

    
    .navigation .wrapper { max-height: 400px;}
    .slider-head .txt p{padding: 0 5px;}
    .slider-head .txt{top: 220px}
    #expertise p{padding: 10px;}
    #expertise .txtexper{padding-top: 35px;}

    #magasin .allicon {padding-top: 15px;}
    #magasin .allicon{flex-direction: column;}
    #magasin .icon{flex-direction: column; padding: 10px 0;}

    .btn-shop {margin-top: 70px;}

    #le-shop .prix p{padding-bottom: 30px;}

    .conseil .desc-conseil {top: 2%; width: 85%;}
    .fondconseil::after {width: 100%;}
    .conseil .desc-conseil h3{padding-bottom: 0; }


    #conseilludo .blockludo{padding: 20px 5px 330px 5px;}
    #conseilludo .txtludo {width: 100%;}
    #conseilludo .blockludo {text-align: center; justify-content: center;}
    #conseilludo .imgludo {left: 27%;}
    

    #contact .block-txt-carte {position: initial; transform: translate(0);}
     #contact #btnini .btniti {padding: 0 0 10px 40px;}
    #contact #btnini::after {bottom: -40px;}


    #footer .coordonee {padding: 50px 0;}
    #footer .allpicto {flex-direction: column; align-items: center;}
    #footer .picto {padding: 15px 0;}
    #footer .coordonee .coordonneeall{flex-direction: column; align-items: center;}
    #footer .magasinadresse {padding-bottom: 30px;}
    #footer .coordonee h2 {text-align: center;}
    #footer .coordonee .coordonneeall .reseaux ul {padding-bottom: 15px;}
    #footer .coordonee .reseaux {align-items: center;}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{padding-right: 90px;}
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {padding-left: 90px;}
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{padding-right: 50px;}
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {padding-left: 50px;}


}

/**
 * XS
 **/
@media (max-width: 575px) {

    h1{font-size: 5.5rem; line-height: 1;}

    #expertise,
    #le-shop{padding: 25px 0;}
    .location .btnloca,
    #expertise .btnexper{ font-size: 1.8rem; padding: 10px 60px 10px 25px;}
    .location .btnloca::after,
    #expertise .btnexper::after {right: 20px;}
    #expertise .personnes { padding: 50px 0;}

    .btn-shop{ font-size: 1.8rem; padding: 10px 40px 10px 25px; width: 300px;}


    .slider-head .txt {top: 210px;}
    .slider-head .swiper-slide{height: calc(85vh - 15rem);}
    .conseil .swiper-slide {background-color: var(--couleurvertgris); color: white;}

   #conseilludo .blockludo{padding: 20px 5px 280px 5px;}

    #footer .coordonee .coordonneeall .reseaux .ulmentions{flex-direction: column;}

    .conseil h2 {margin-bottom: 80px;}
    .conseil .desc-conseil {display: none;}
    .conseil .desc-responsive {display: initial;}
    .conseil .desc-responsive h3 {font-size: 3rem; padding: 0 8px;}
    .conseil .desc-responsive p { padding: 5px 8px;}
    .fondconseil::after{height: 0;}

    #contact #btnini::after {right: 80px;}

    .conseil .swiper-button-prev:after, .conseil .swiper-container-rtl .swiper-button-next:after {padding:0; margin-right: 0; margin-top: -80px; color: white;}
    .conseil .swiper-button-next:after, .conseil .swiper-container-rtl .swiper-button-prev:after {padding: 0; margin-left: 0; margin-top: -80px; color: white;}
   
    #header .dropdown { width:300px; right:-80px; }
    
}


@media (max-width: 420px) {

#conseilludo .blockludo{padding: 20px 5px 230px 5px;}


}
@media (max-width: 390px) {

    #header .logoheader img {max-height:75px ;}

#conseilludo .blockludo{padding: 20px 5px 200px 5px;}

#contact #btnini::after {right: 100px;}

}