html{scroll-behavior: smooth;}
*{ font-family: corsario-variable; font-size: 16px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;position: relative;z-index: 4;}
svg path{transition: .5s;}
svg rect{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-Black: #000;
--Color-White: #fff;
--Color-Grey: #44464C;
--Color-DarkGrey: #242424;
--Color-Orange: #DC4C1F;
--Color-Beige: #F9EBD0;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }  .btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s; background: transparent;border-radius: 6px;	border: 1px solid var(--Color-Beige);padding: 16px 20px;color: var(--Color-Beige); font-family: corsario-variable; font-size: 16px; font-style: normal; font-weight: 500;    line-height: normal;}
.btn-link:hover{background: var(--Color-Orange);border-color: var(--Color-Orange);}
.btn-link.orange{border: 1px solid var(--Color-Orange);color: var(--Color-Orange);}
.btn-link.orange:hover{background: var(--Color-Orange);color: var(--Color-Beige);}
.btn-link.grey{border: 1px solid var(--Color-Grey);color: var(--Color-Grey);}
.btn-link.grey:hover{background: var(--Color-Orange);color: var(--Color-Beige);border-color: var(--Color-Orange);} .bloc-text h1{margin-top: 0;margin-bottom: 30px; color: var(--Color-Beige); font-family: "The Seasons"; font-size: 50px; font-style: normal; font-weight: 400; line-height: 50px; text-transform: uppercase;}
.bloc-text h2{color: var(--Color-Orange); font-family: the-seasons; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; margin-top: 0;margin-bottom: 25px;}
.bloc-text h3{color: var(--Color-Grey); font-family: corsario-variable; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;margin-top: 0;margin-bottom: 25px;}
.bloc-text p{color: var(--Color-Grey); font-family: corsario-variable; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-text li{color: var(--Color-Grey); font-family: corsario-variable; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-text p:last-of-type{margin-bottom: 0;}
.bloc-text ul{    padding-left: 30px;} .bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .bloc-contact form{display: flex;flex-wrap: wrap;gap:25px;justify-content: center;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 15px;margin: 0;height: 100%;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 12.5px);}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form *::placeholder{color: var(--Color-White); font-family: "Corsario VF"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-DarkGrey);outline: none;border: 1px solid var(--Color-Beige);color: var(--Color-White); font-family: "Corsario VF"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-contact form select{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-DarkGrey);outline: none;border: 1px solid var(--Color-Beige);color: var(--Color-White); font-family: "Corsario VF"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-contact form textarea{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-DarkGrey);outline: none;border: 1px solid var(--Color-Beige); height: 170px;color: var(--Color-White); font-family: "Corsario VF"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-White); font-family: "Corsario VF"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.bloc-contact form input[type="submit"].btn-link{margin-left: auto;margin-top: auto;cursor: pointer; transition: .5s;background: transparent;outline: none;}
.bloc-contact form input[type="submit"].btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s; background: transparent;border-radius: 6px;	border: 1px solid var(--Color-Beige);padding: 16px 20px;color: var(--Color-Beige); font-family: corsario-variable; font-size: 16px; font-style: normal; font-weight: 500;    line-height: normal;}
.bloc-contact form input[type="submit"].btn-link:hover{background: var(--Color-Orange);border-color: var(--Color-Orange);}
.bloc-contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.bloc-contact form label{color: var(--Color-Beige);font-family: corsario-variable; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form .wpcf7-list-item{margin: 0;color: var(--Color-Beige);}
.bloc-contact form .wpcf7-list-item span{color: var(--Color-Beige);}  header{position: fixed;top: 0;left: 0;z-index: 990; width: 100%;} header .menu-desktop{display: flex;align-items: flex-start;padding: 0 8.33333333%;gap: 20px; position: relative;z-index: 60;transition: .5s;} header .menu-desktop .logo{overflow: hidden;width: 140px;height: auto;display: flex;align-items: center;justify-content: center;transition: .5s;}
header .menu-desktop .logo svg{width: 100%;height: auto;}
header.open .menu-desktop .logo{width: 70px;} header .menu-desktop .navigation{width: calc(100% - 160px); display: flex;align-items: center;justify-content: flex-start;height: 70px;padding: 0 40px;background: var(--Color-White);}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 0px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li{position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a{padding: 28px 20px;display: block; background: transparent; color: var(--Color-Grey); font-family: corsario-variable; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{background: var(--Color-Beige);}
header .menu-desktop .navigation nav>ul.menu>li.open>a{background: var(--Color-Beige);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-ancestor>a{background: var(--Color-Beige);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{background: var(--Color-Beige);}
header .menu-desktop .navigation .col-right{display: flex;align-items: center;justify-content: flex-start;gap: 20px;margin-left: auto;}
header .menu-desktop .navigation .col-right>a{color: var(--Color-Grey); font-family: corsario-variable; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal;}
header .menu-desktop .navigation .col-right>a{padding: 28px 20px;display: block; background: transparent; color: var(--Color-Grey); font-family: corsario-variable; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px;position: relative;}
header .menu-desktop .navigation .col-right>a:hover{background: var(--Color-Beige);}
header .menu-desktop .navigation .col-right .rs{display: flex;align-items: center;justify-content: flex-start;gap: 10px;}
header .menu-desktop .navigation .col-right .rs a:hover svg path{fill: var(--Color-Orange);} header .menu-desktop .navigation nav>ul.menu>li>.sub-menu{z-index: 60;list-style: none;width: max-content; margin: 0;gap:10px; position: absolute;top: calc(100% + 10px);left: 0;transition: .8s;display: flex;flex-direction: column; height: fit-content;padding: 20px 20px; background: var(--Color-White);opacity: 0;visibility: hidden;}
header .menu-desktop .navigation nav>ul.menu>li.open>.sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a{ color: var(--Color-Grey); font-family: corsario-variable; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a:hover{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.open>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item>a{color: var(--Color-Orange);} header .burger-button{position: relative;margin-left: auto; display: none;align-items: center;justify-content: center;height: 70px;width: 70px;background: var(--Color-White);cursor: pointer; transition: .5s;}
header .burger-button svg{width: 30px;height: 30px;}
header .burger-button svg path{fill: var(--Color-Grey);transition: .5s;}
header .burger-button:hover svg path{fill: var(--Color-Orange);}
header.open .burger-button{background: var(--Color-Orange);}
header.open .burger-button svg path{fill: var(--Color-White);}
header.open .burger-button:hover svg path{fill: var(--Color-Beige);} header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 100px 30px 40px; width: 100%;height: 100vh;z-index: 55;background: var(--Color-White);opacity: 0;visibility: hidden;max-height: 0vh;overflow-y: auto;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{display: flex;align-items: flex-start;justify-content: flex-start;width: 100%;flex-direction: column;}
header .menu-mobile .navigation nav{width: 100%;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 15px;margin: 0;padding: 0;list-style: none;flex-direction: column;width: 100%;}
header .menu-mobile .navigation nav>ul.menu>li{width: 100%;} header .menu-mobile .navigation nav>ul.menu>li>a{color: var(--Color-Grey); font-family: corsario-variable; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 35px;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//caseapain.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 14px;width: 14px; right: 0px;top: 50%;transform: translateY(-50%) rotate(0deg); transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li.open.menu-item-has-children>a::after{transform: translateY(-50%) rotate(90deg);}
header .menu-mobile .col-right{margin-top: 15px;}
header .menu-mobile .col-right a{color: var(--Color-Grey); font-family: corsario-variable; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;position: relative;}
header .menu-mobile .col-right a:hover{color: var(--Color-Orange);}
header .menu-mobile .col-right .rs{display: flex;align-items: center;justify-content: flex-start;gap: 15px;margin-top: 15px;}
header .menu-mobile .col-right .rs a:hover svg path{fill: var(--Color-Orange);} header .menu-mobile .navigation nav>ul.menu>li>.sub-menu{z-index: 60;padding: 0; display: flex;margin-top: 0; list-style: none; margin: 0;flex-direction: column;position: relative;top: 0;opacity: 1;visibility: visible;max-height: 0;overflow: hidden;gap: 0;transition: max-height .3s ease, padding .3s ease;}
header .menu-mobile .navigation nav>ul.menu>li.open>.sub-menu{max-height: 1000px; padding: 0 0 10px 0; gap: 15px; margin-top: 15px;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li:hover a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>a{color: var(--Color-Grey); font-family: corsario-variable; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;position: relative;padding: 15px 0 15px 20px;transition: .3s;} footer{display: flex;background: var(--Color-Beige);padding: 60px 0;}
footer .logo{width: 8.33333333%;margin-left: 8.33333333%;}
footer .logo svg,
footer .logo img{width: 80%;height: auto;max-width: 140px;display: block;}
footer .menu-footer{width: 33.33333333%;    margin: auto 0;}
footer .menu-footer ul{list-style: none;display: flex;flex-wrap: wrap;margin: 0;padding: 0;}
footer .menu-footer ul li{width: 50%;}
footer .menu-footer ul li a{color: var(--Color-Grey); font-family: corsario-variable; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal;}
footer .menu-footer ul li a:hover{color: var(--Color-Orange);}
footer .rs{width: 16.66666667%;margin-left: 25%;display: flex;      justify-content: space-between;  flex-direction: column; align-items: flex-end;}
footer .rs .rs-list{display: flex;gap:10px;justify-content: flex-end;}
footer .rs .rs-list a:hover svg path{fill: var(--Color-Orange);}
footer .rs .mention a{color: var(--Color-Grey); font-family: corsario-variable; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
footer .rs .mention a:hover{color:var(--Color-Orange);} .card-produit{position: relative;overflow: hidden;border-radius: 6px;background: var(--Color-Orange);transition: .5s;display: flex;justify-content: center;align-items: center;padding: 0px;}
.card-produit .media{width: 100%;z-index: 1;background: #000;overflow: hidden;}
.card-produit .media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;opacity: .7; transition: .5s;}
.card-produit .text{    position: absolute; top: 50%; left: auto; width: 100%; gap: 10px; text-align: center; z-index: 5; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center;}
.card-produit .text h3{margin: 0;color: var(--Color-Beige); font-family: corsario-variable; font-size: 26px; font-style: normal; font-weight: 500; line-height: normal;}
.card-produit .text .btn-link{    opacity: 0; visibility: hidden; max-height: 0; padding: 0px 20px; width: fit-content;}
.card-produit:hover{padding: 20px;}
.card-produit:hover .media img{opacity: .5;transform: scale(1.2);}
.card-produit:hover .text .btn-link{opacity: 1;visibility: visible;max-height: 60px;padding: 16px 20px;} .card-actualite{position: relative;overflow: hidden;border-radius: 6px;transition: .5s;}
.card-actualite .media{width: 100%;z-index: 1;background: #000;overflow: hidden;position: relative;}
.card-actualite .media img{width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 1;transition: .5s;}
.card-actualite .media .date{color: var(--Color-Beige); font-family: corsario-variable; font-size: 16px; font-style: normal; font-weight: 500; line-height: 50px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: var(--Color-Orange);padding: 8px 16px; margin-bottom: 0;} 
.card-actualite .text{text-align: center;margin: 20px auto 0;width: 80%;}
.card-actualite .text h3{margin: 0;margin-bottom: 10px; color: var(--Color-Grey); font-family: corsario-variable; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}
.card-actualite .text .btn-link{    opacity: 0; visibility: hidden;}
.card-actualite:hover .media img{transform: scale(1.08);}
.card-actualite:hover .text .btn-link{opacity: 1;visibility: visible;} .card-boutique{position: relative;}
.card-boutique .media{width: 100%;position: relative; overflow: hidden;border-radius: 6px;background: var(--Color-Orange);transition: .5s;}
.card-boutique .media:after{z-index: 5;transition: .5s; content:''; position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 0px solid var(--Color-Orange);}
.card-boutique .media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: .5s;}
.card-boutique .text{text-align: center;margin: 20px auto 0;width: 80%;}
.card-boutique .text h3{margin: 0;margin-bottom: 10px; color: var(--Color-Grey); font-family: corsario-variable; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}
.card-boutique .text .btn-link{    opacity: 0; visibility: hidden;}
.card-boutique:hover .media:after{border-width: 20px;}
.card-boutique:hover .media img{transform: scale(1.1);}
.card-boutique:hover .text .btn-link{opacity: 1;visibility: visible;} #block-rs{padding-bottom: 120px;background: var(--Color-DarkGrey);}
#block-rs .title{width: 100%;position: relative;}
#block-rs .title::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 83.33333333%;height: 1px;background-color: var(--Color-Beige);}
#block-rs .title .content-title{text-align: center; width: 33.33333333%;margin: auto;padding: 100px 0;background:var(--Color-DarkGrey);position: relative;z-index: 2;}
#block-rs .title .content-title h2{margin: 0;color: var(--Color-Orange); font-family: the-seasons; font-size: 45px; font-style: normal; font-weight: 400; line-height: 50px; text-transform: uppercase;}
#block-rs .title .content-title .subtitle{margin: 0;color: var(--Color-White); font-family: corsario-variable; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
#block-rs .rs-list{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;width: 79.16666666%;margin: auto;}
#block-rs .rs-list .instagram-post{display: block;width: calc(20% - 16px);height: 300px; border-radius: 6px;overflow: hidden;background: #000;}
#block-rs .rs-list .instagram-post img{    width: 100%; object-fit: cover; height: 100%; object-position: center; display: block; transition: transform .5s, opacity .5s; opacity: .95;}
#block-rs .rs-list .instagram-post:hover img{transform: scale(1.06);opacity: .75;}
#block-rs .rs-list .instagram-empty{margin: 0;text-align: center;width: 100%;}
#block-rs .rs-list .instagram-debug{width: 100%;margin: 20px 0 0;padding: 16px;background: #111;color: #f9ebd0;white-space: pre-wrap;border-radius: 6px;font-size: 13px;line-height: 1.5;}
#block-rs .rs-link{margin: 50px auto 0;display: flex;align-items: center;justify-content: center;gap: 20px;} .page-404 #content{padding: 150px 20px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;} .page-classique #hero{width: 100%;position: relative;padding-top: 160px;}
.page-classique #hero .text{width: 83.33333333%;margin: auto;}
.page-classique #hero .text h1{margin-bottom: 0;color: var(--Color-Black);}
.page-classique #content{display: flex;} 
.page-classique #content .content-container{width: 100%;position: relative; padding: 50px 0;}
.page-classique #content .text{width: 83.33333333%;margin: auto;}
.page-classique #content .text a{color: var(--Color-Orange);text-decoration: underline;} .page-home #hero{width: 100%; height: 80vh;background: var(--Color-Black);position: relative}
.page-home #hero .media{opacity: .7;width: 100%;height: 100%;}
.page-home #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-home #hero .text h1{margin-bottom: 0;color: #FFF; font-family: the-seasons; font-size: 70px; font-style: normal; font-weight: 700; line-height: 55px; text-transform: uppercase;margin-top: 0;}
.page-home #produits{padding-bottom: 120px;position: relative;}
.page-home #produits .title{width: 100%;position: relative;}
.page-home #produits .title::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 83.33333333%;height: 1px;background-color: var(--Color-Beige);}
.page-home #produits .title .content-title{text-align: center; width: 33.33333333%;margin: auto;padding: 100px 0;background: var(--Color-White);position: relative;z-index: 2;background-image: url(//caseapain.horizon-bleu.net/wp-content/themes/caseapain/img/Ornement.svg);background-size: 120px 120px;background-position: center;background-repeat: no-repeat;}
.page-home #produits .title .content-title h2{margin: 0;color: var(--Color-Orange); font-family: the-seasons; font-size: 45px; font-style: normal; font-weight: 400; line-height: 50px; text-transform: uppercase;}
.page-home #produits .title .content-title .subtitle{margin: 0;color: var(--Color-Grey); font-family: corsario-variable; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-home #produits .products-list{display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;width: 79.16666666%;margin: auto;}
.page-home #produits .products-list .card-produit{width: calc(33.33333333% - 15px);}
.page-home .miche-pain{position: absolute;bottom: 0;left: 0;z-index: 10;transform: translate(-75%, 50%); mix-blend-mode: multiply; width: 55vw;}
.page-home .croissant{position: absolute;bottom: 0;right: 0;z-index: 10;    transform: translate(50%, 50%); mix-blend-mode: multiply; width: 25vw;}
.page-home #actualites{padding-bottom: 120px;}
.page-home #actualites .title{width: 100%;position: relative;}
.page-home #actualites .title::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 83.33333333%;height: 1px;background-color: var(--Color-Beige);}
.page-home #actualites .title .content-title{text-align: center; width: 33.33333333%;margin: auto;padding: 100px 0;background: var(--Color-White);position: relative;z-index: 2;background-image: url(//caseapain.horizon-bleu.net/wp-content/themes/caseapain/img/Ornement.svg);background-size: 120px 120px;background-position: center;background-repeat: no-repeat;}
.page-home #actualites .title .content-title h2{margin: 0;color: var(--Color-Orange); font-family: the-seasons; font-size: 45px; font-style: normal; font-weight: 400; line-height: 50px; text-transform: uppercase;}
.page-home #actualites .title .content-title .subtitle{margin: 0;color: var(--Color-Grey); font-family: corsario-variable; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-home #actualites .actualites-list{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;width: 79.16666666%;margin: auto;}
.page-home #actualites .actualites-list .card-actualite{width: calc(33.33333333% - 15px);}
.page-home #nabil-sbai{display: flex;}
.page-home #nabil-sbai .text{width: 66.66666667%;padding-left: 8.33333333%; display: flex;align-items: center;background-size: cover;background-position: left center;background-repeat: no-repeat;}
.page-home #nabil-sbai .text .content-text{width: 41.66666667%;    padding: 50px 0;}
.page-home #nabil-sbai .text .content-text h2{margin-top: 0;margin-bottom: 10px; color: var(--Color-Grey); font-family: corsario-variable; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-home #nabil-sbai .text .content-text h3{margin-top: 0;margin-bottom: 10px; color: var(--Color-Beige); font-family: the-seasons; font-size: 35px; font-style: normal; font-weight: 400; line-height: 50px; text-transform: uppercase;}
.page-home #nabil-sbai .text .content-text p{width: 80%; color: var(--Color-Beige); font-family: corsario-variable; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.page-home #nabil-sbai .media{width: 33.33333333%}
.page-home #boutiques{padding-bottom: 120px;}
.page-home #boutiques .title{width: 100%;position: relative;}
.page-home #boutiques .title::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 83.33333333%;height: 1px;background-color: var(--Color-Beige);}
.page-home #boutiques .title .content-title{text-align: center; width: 33.33333333%;margin: auto;padding: 100px 0;background: var(--Color-White);position: relative;z-index: 2;background-image: url(//caseapain.horizon-bleu.net/wp-content/themes/caseapain/img/Ornement.svg);background-size: 120px 120px;background-position: center;background-repeat: no-repeat;}
.page-home #boutiques .title .content-title h2{margin: 0;color: var(--Color-Orange); font-family: the-seasons; font-size: 45px; font-style: normal; font-weight: 400; line-height: 50px; text-transform: uppercase;}
.page-home #boutiques .title .content-title .subtitle{margin: 0;color: var(--Color-Grey); font-family: corsario-variable; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-home #boutiques .boutiques-list{display: flex;justify-content: center;gap: 30px 20px;flex-wrap: wrap;width: 83.33333333%;margin: auto;}
.page-home #boutiques .boutiques-list .card-boutique{width: calc(16.66666667% - 10px);}
@media screen and (min-width: 769px) { #block-rs .rs-list.owl-carousel{display: flex;}
} .page-histoire #hero{width: 100%;height: 700px;background: var(--Color-Black);position: relative}
.page-histoire #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-histoire #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-histoire #hero .text h1{margin-bottom: 0;}
.page-histoire #hero .text p{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-histoire #content{display: flex;flex-wrap: wrap;padding-bottom: 200px;} 
.page-histoire #content .text{padding: 100px 0;width: 50%;margin: auto;}
.page-histoire #content .medias{display: flex;gap: 20px;flex-wrap: wrap;width: 66.66666667%;margin: auto;}
.page-histoire #content .medias .media{overflow: hidden;border-radius: 6px;width: 100%;height: auto;}
.page-histoire #linked-page{width: 100%;height: 450px;position: relative;display: flex; align-items:center ;background: #000;} 
.page-histoire #linked-page .text{margin-left: 16.66666667%;width: 25%;}
.page-histoire #linked-page .text p{margin-bottom: 20px;color: var(--Color-Beige); font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-histoire #linked-page .text p span{font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-histoire #linked-page .text p strong{color: var(--Color-Orange); font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-histoire #linked-page .media{width: 58.33333333%;height: 100%; position: relative;}
.page-histoire #linked-page .media .fade-block{z-index: 5;position: absolute;top: 0;left: 0;height: 100%;width: 30%;} .page-nabil-sbai #hero{width: 100%;height: 700px;background-color: var(--Color-Black);position: relative}
.page-nabil-sbai #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-nabil-sbai #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-nabil-sbai #hero .text h1{margin-bottom: 0;}
.page-nabil-sbai #hero .text p{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-nabil-sbai #content-1{display: flex;flex-wrap: wrap;}
.page-nabil-sbai #content-1 .row-1{width: 50%;margin: auto;padding: 100px 0;}
.page-nabil-sbai #content-1 .row-2{width: 66.66666667%;margin: auto;display: flex;gap: 20px;}
.page-nabil-sbai #content-1 .row-2 .col-1{width: 50%;}
.page-nabil-sbai #content-1 .row-2 .col-1 .media{overflow: hidden;border-radius: 6px;}
.page-nabil-sbai #content-1 .row-2 .col-2{width: 50%;display: flex;flex-direction: column;}
.page-nabil-sbai #content-1 .row-2 .col-2 .media{overflow: hidden;border-radius: 6px;}
.page-nabil-sbai #content-1 .row-2 .col-2 .text{margin: auto 0 auto auto;width: 80%;}
.page-nabil-sbai #content-2{display: flex;flex-wrap: wrap;padding-bottom: 200px;}
.page-nabil-sbai #content-2 .row-1{width: 50%;margin: auto;padding: 100px 0;}
.page-nabil-sbai #content-2 .row-2{width: 66.66666667%;margin: auto;display: flex;gap: 20px;margin-bottom: 20px;}
.page-nabil-sbai #content-2 .row-2 .media{overflow: hidden;border-radius: 6px;}
.page-nabil-sbai #content-2 .row-3{width: 66.66666667%;margin: auto;display: flex;gap: 20px;}
.page-nabil-sbai #content-2 .row-3 .col-1{width: 50%;}
.page-nabil-sbai #content-2 .row-3 .col-1 .media{overflow: hidden;border-radius: 6px;}
.page-nabil-sbai #content-2 .row-3 .col-2{width: 50%;display: flex;flex-direction: column;}
.page-nabil-sbai #content-2 .row-3 .col-2 .text{margin: auto 0 auto auto;width: 80%;}
.page-nabil-sbai #linked-page{width: 100%;height: 450px;position: relative;display: flex; align-items:center ;background: #000;} 
.page-nabil-sbai #linked-page .text{margin-left: 16.66666667%;width: 25%;}
.page-nabil-sbai #linked-page .text p{margin-bottom: 20px;color: var(--Color-Beige); font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-nabil-sbai #linked-page .text p span{font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-nabil-sbai #linked-page .text p strong{color: var(--Color-Orange); font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-nabil-sbai #linked-page .media{width: 58.33333333%;height: 100%; position: relative;}
.page-nabil-sbai #linked-page .media .fade-block{z-index: 5;position: absolute;top: 0;left: 0;height: 100%;width: 30%;} .page-savoir-faire #hero{width: 100%;height: 700px;background: var(--Color-Black);position: relative}
.page-savoir-faire #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-savoir-faire #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-savoir-faire #hero .text h1{margin-bottom: 0;}
.page-savoir-faire #hero .text p{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-savoir-faire #content{display: flex;flex-wrap: wrap;padding-bottom: 200px;} 
.page-savoir-faire #content .text{padding: 100px 0;width: 50%;margin: auto;}
.page-savoir-faire #content .medias{display: flex;gap: 20px;flex-wrap: wrap;width: 66.66666667%;margin: auto;}
.page-savoir-faire #content .medias .media{overflow: hidden;border-radius: 6px;width: 100%;height: auto;}
.page-savoir-faire #linked-page{width: 100%;height: 450px;position: relative;display: flex; align-items:center ;background: #000;} 
.page-savoir-faire #linked-page .text{margin-left: 16.66666667%;width: 25%;}
.page-savoir-faire #linked-page .text p{margin-bottom: 20px;color: var(--Color-Beige); font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-savoir-faire #linked-page .text p span{font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-savoir-faire #linked-page .text p strong{color: var(--Color-Orange); font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-savoir-faire #linked-page .media{width: 58.33333333%;height: 100%; position: relative;}
.page-savoir-faire #linked-page .media .fade-block{z-index: 5;position: absolute;top: 0;left: 0;height: 100%;width: 30%;} .page-engagements #hero{width: 100%;height: 700px;background: var(--Color-Black);position: relative}
.page-engagements #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-engagements #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-engagements #hero .text h1{margin-bottom: 0;}
.page-engagements #hero .text p{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-engagements #content-engagements{display: flex;flex-wrap: wrap;} 
.page-engagements #content-engagements>.text{padding: 100px 0;width: 50%;margin: auto;}
.page-engagements #content-engagements .engagements{display: flex;gap: 20px;width: 66.66666667%;margin: auto;}
.page-engagements #content-engagements .engagements .engagement{width: 100%;}
.page-engagements #content-engagements .engagements .engagement .media{overflow: hidden;border-radius: 6px;width: 100%;}
.page-engagements #content-engagements .engagements .engagement .text{margin-top: 30px;text-align: center;}
.page-engagements #content-engagements .engagements .engagement .text h3{color: var(--Color-Orange); text-transform: none;letter-spacing: 0; font-family: "Corsario VF"; font-size: 22px; font-style: normal; font-weight: 500; line-height: 22px;margin-top: 0;margin-bottom: 10px;}
.page-engagements #content-partenaires{display: flex;flex-wrap: wrap;padding-bottom: 200px;} 
.page-engagements #content-partenaires>.text{padding: 100px 0 50px;width: 50%;margin: auto;}
.page-engagements #content-partenaires .logos{width: 83.33333333%;margin: auto;display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}
.page-engagements #content-partenaires .logos .logo{width: calc(100% / 10 - 20px);}
.page-engagements #content-partenaires .logos .logo img{width: 100%;height: 100%;object-fit: contain;}
.page-engagements #linked-page{width: 100%;height: 450px;position: relative;display: flex; align-items:center ;background: #000;} 
.page-engagements #linked-page .text{margin-left: 16.66666667%;width: 25%;}
.page-engagements #linked-page .text p{margin-bottom: 20px;color: var(--Color-Beige); font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-engagements #linked-page .text p span{font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-engagements #linked-page .text p strong{color: var(--Color-Orange); font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-engagements #linked-page .media{width: 58.33333333%;height: 100%; position: relative;}
.page-engagements #linked-page .media .fade-block{z-index: 5;position: absolute;top: 0;left: 0;height: 100%;width: 30%;} .page-equipe #hero{width: 100%;height: 700px;background: var(--Color-Black);position: relative}
.page-equipe #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-equipe #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-equipe #hero .text h1{margin-bottom: 0;}
.page-equipe #hero .text p{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-equipe #content{display: flex;flex-wrap: wrap;padding-bottom: 200px;gap: 100px;}
.page-equipe #content>.text{padding: 100px 0 0;width: 50%;margin: auto;}
.page-equipe #content .bloc-content{display: flex;gap: 20px;width: 83.33333333%;align-items: center;margin: auto;}
.page-equipe #content .bloc-content .text{padding: 50px 0;}
.page-equipe #content .bloc-content .media{overflow: hidden;border-radius: 6px;}
.page-equipe #content .bloc-content:nth-child(even) .media{order: 1;width: 50%;}
.page-equipe #content .bloc-content:nth-child(even) .text{order: 2;width: 40%;margin-left: 10%;}
.page-equipe #content .bloc-content:nth-child(odd) .media{order: 2;width: 50%;margin-left: 10%;}
.page-equipe #content .bloc-content:nth-child(odd) .text{order: 1;width: 40%;}
.page-equipe #contact{padding: 100px 0;background: var(--Color-DarkGrey);display: flex;justify-content: center;}
.page-equipe #contact .text{width: 33.33333333%;}
.page-equipe #contact .text p{color: var(--Color-Beige);}
.page-equipe #contact .text p strong{color: var(--Color-Beige);}
.page-equipe #contact .text li{color: var(--Color-Beige);}
.page-equipe #contact .form{width: 41.66666667%;margin-left: 8.33333333%;}
.page-equipe #linked-page{width: 100%;height: 450px;position: relative;display: flex; align-items:center ;background: var(--Color-Black);} 
.page-equipe #linked-page .text{margin-left: 16.66666667%;width: 25%;}
.page-equipe #linked-page .text p{margin-bottom: 20px;color: var(--Color-Beige); font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-equipe #linked-page .text p span{font-family: "The Seasons"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; text-transform: uppercase;}
.page-equipe #linked-page .text p strong{color: var(--Color-Orange); font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-equipe #linked-page .media{width: 58.33333333%;height: 100%; position: relative;}
.page-equipe #linked-page .media .fade-block{z-index: 5;position: absolute;top: 0;left: 0;height: 100%;width: 30%;} .page-contact #hero{width: 100%;height: 450px;background: var(--Color-Black);position: relative}
.page-contact #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-contact #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-contact #hero .text h1{margin-bottom: 0;}
.page-contact #hero .text h1::first-line{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-contact #contact{padding: 100px 0;background: var(--Color-DarkGrey);display: flex;justify-content: center;}
.page-contact #contact .text{width: 33.33333333%;}
.page-contact #contact .text p{color: var(--Color-Beige);}
.page-contact #contact .text p strong{color: var(--Color-Beige);}
.page-contact #contact .text li{color: var(--Color-Beige);}
.page-contact #contact .form{width: 41.66666667%;margin-left: 8.33333333%;} .page-espace-fidelite #hero{width: 100%;height: 700px;background: var(--Color-Black);position: relative}
.page-espace-fidelite #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-espace-fidelite #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-espace-fidelite #hero .text h1{margin-bottom: 0;}
.page-espace-fidelite #hero .text h1::first-line{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.page-espace-fidelite #content{display: flex;flex-wrap: wrap;} 
.page-espace-fidelite #content .text{padding: 100px 0 150px;width: 50%;margin: auto;}
.page-espace-fidelite #content .medias{display: flex;gap: 20px;flex-wrap: wrap;width: 66.66666667%;margin: auto;}
.page-espace-fidelite #content .medias .media{overflow: hidden;border-radius: 6px;width: 100%;height: auto;} .page-galerie-photo #hero{width: 100%;height: 450px;background: var(--Color-Black);position: relative}
.page-galerie-photo #hero .media{opacity: .7;    width: 100%; height: 100%;}
.page-galerie-photo #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.page-galerie-photo #hero .text h1{margin-bottom: 0;}
.page-galerie-photo #hero .text p{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.galerie-photo-section{padding: 80px 0 120px;}
.galerie-photo-section .galerie-photo-inner{width: 83.33333333%;margin: 0 auto;}
.page-galerie-photo .galerie-filtres{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: center;gap: 20px 24px;margin-bottom: 50px;}
.page-galerie-photo .galerie-filtre-field{display: flex;flex-direction: column;gap: 8px;min-width: 220px;}
.page-galerie-photo .galerie-filtres-label{margin: 0;color: var(--Color-Grey);font-family: corsario-variable;font-size: 13px;font-weight: 500;letter-spacing: 4px;text-transform: uppercase;}
.page-galerie-photo .galerie-filtre-reset{flex-shrink: 0;padding: 12px 20px;font-size: 14px;white-space: nowrap;}
.page-galerie-photo .galerie-filtre-reset.is-active{background: var(--Color-Orange);border-color: var(--Color-Orange);color: var(--Color-Beige);}
.page-galerie-photo .galerie-filtre-select{width: 100%;min-width: 220px;padding: 12px 44px 12px 18px;border-radius: 6px;border: 1px solid var(--Color-Grey);background-color: transparent;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center;background-size: 12px;color: var(--Color-Grey);font-family: corsario-variable;font-size: 14px;font-weight: 500;line-height: normal;cursor: pointer;transition: .3s;appearance: none;-webkit-appearance: none;}
.page-galerie-photo .galerie-filtre-select:hover,
.page-galerie-photo .galerie-filtre-select:focus{border-color: var(--Color-Orange);outline: none;} .galerie-photo-section .galerie-photo-grid{display: flex;flex-direction: column;gap: 20px;width: 100%;}
.galerie-photo-section .galerie-photo-row{display: flex;gap: 20px;width: 100%;}
.galerie-photo-section .galerie-photo-item{flex-shrink: 0;box-sizing: border-box;min-width: 0;}
.galerie-photo-section .galerie-photo-item.is-hidden{display: none !important;}
.galerie-photo-section .galerie-photo-trigger{width: 100%;height: 100%;padding: 0;border: 0;background: none;cursor: pointer;display: block;border-radius: 6px;overflow: hidden;}
.galerie-photo-section .galerie-photo-media{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 6px;background: var(--Color-Black);}
.galerie-photo-section .galerie-photo-media img,
.galerie-photo-section .galerie-photo-media video{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .5s;}
.galerie-photo-section .galerie-photo-trigger:hover .galerie-photo-media img,
.galerie-photo-section .galerie-photo-trigger:hover .galerie-photo-media video{transform: scale(1.05);}
.galerie-photo-section .galerie-photo-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 56px;height: 56px;border-radius: 50%;background: rgba(0, 0, 0, .55);pointer-events: none;}
.galerie-photo-section .galerie-photo-play::after{content: '';position: absolute;top: 50%;left: 54%;transform: translate(-50%, -50%);border-style: solid;border-width: 10px 0 10px 16px;border-color: transparent transparent transparent var(--Color-White);}
.galerie-photo-section .galerie-photo-empty{margin: 40px 0 0;text-align: center;color: var(--Color-Grey);font-family: corsario-variable;font-size: 16px;}
.galerie-photo-section .galerie-lightbox{position: fixed;inset: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;}
.galerie-photo-section .galerie-lightbox[hidden]{display: none;}
.galerie-photo-section .galerie-lightbox__overlay{position: absolute;inset: 0;background: rgba(0, 0, 0, .92);cursor: pointer;}
.galerie-photo-section .galerie-lightbox__content{position: relative;z-index: 2;max-width: min(1200px, 92vw);max-height: 85vh;display: flex;align-items: center;justify-content: center;}
.galerie-photo-section .galerie-lightbox__content img,
.galerie-photo-section .galerie-lightbox__content video{max-width: 100%;max-height: 85vh;width: auto;height: auto;display: block;border-radius: 6px;}
.galerie-photo-section .galerie-lightbox__close{padding: 0;position: absolute;top: 16px;right: 20px;z-index: 3;width: 48px;height: 48px;border: 0;border-radius: 50%;background: rgba(255, 255, 255, .12);color: var(--Color-White);font-size: 32px;line-height: 1;cursor: pointer;transition: .3s;}
.galerie-photo-section .galerie-lightbox__close:hover{background: var(--Color-Orange);}
.galerie-photo-section .galerie-lightbox__nav{padding: 0;position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;width: 48px;height: 48px;border: 0;border-radius: 50%;background: rgba(255, 255, 255, .12);color: var(--Color-White);font-size: 28px;line-height: 1;cursor: pointer;transition: .3s;}
.galerie-photo-section .galerie-lightbox__nav:hover{background: var(--Color-Orange);}
.galerie-photo-section .galerie-lightbox__nav--prev{left: 16px;}
.galerie-photo-section .galerie-lightbox__nav--next{right: 16px;}
.galerie-photo-section .galerie-lightbox__counter{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 3;margin: 0;color: var(--Color-White);font-family: corsario-variable;font-size: 14px;letter-spacing: 2px;} .single-boutique #hero{width: 100%;height: 700px;background: var(--Color-Black);position: relative}
.single-boutique #hero .media{opacity: .7;    width: 100%; height: 100%;}
.single-boutique #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.single-boutique #hero .text h1{margin-bottom: 10px;}
.single-boutique #hero .text p{margin-bottom: 10px; color: var(--Color-White); text-align: center; font-family: "Corsario VF"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.single-boutique #content.page-builder{display: flex;flex-wrap: wrap;gap: 100px;padding: 100px 0;}
.single-boutique #content .page-builder__bloc{width: 100%;}
.single-boutique #content .page-builder__bloc--texte .text{padding: 0;width: 50%;margin: auto;}
.single-boutique #content .page-builder__bloc--media .media{width: 66.66666667%;margin: auto;overflow: hidden;border-radius: 6px;height: auto;}
.single-boutique #content .page-builder__bloc--media .media.bloc-media img,
.single-boutique #content .page-builder__bloc--media .media.bloc-media video{width: 100%;height: auto;object-fit: cover;display: block;}
.single-boutique #content .page-builder__bloc--media-separator .media-separator{height: 400px;width: 100%;margin: auto;overflow: hidden;}
.single-boutique #content .page-builder__bloc--media-separator .media-separator.bloc-media img,
.single-boutique #content .page-builder__bloc--media-separator .media-separator.bloc-media video{width: 100%;height: 100%;object-fit: cover;display: block;}
.single-boutique #content .page-builder__bloc--split .bloc-split{display: flex;width: 100%;align-items: center;margin: 0;}
.single-boutique #content .page-builder__bloc--split .bloc-split .text{padding: 0;}
.single-boutique #content .page-builder__bloc--split .bloc-split .media{overflow: hidden;border-radius: 6px;height: auto;box-sizing: border-box;}
.single-boutique #content .page-builder__bloc--split .bloc-split .text{box-sizing: border-box;}
.single-boutique #content .page-builder__bloc--split .bloc-split .media.bloc-media img,
.single-boutique #content .page-builder__bloc--split .bloc-split .media.bloc-media video{width: 100%;height: auto;object-fit: cover;display: block;}
.single-boutique #content .page-builder__bloc--media-texte .bloc-split .media{order: 1;width: 41.66666667%;margin-left: 8.33333333%;}
.single-boutique #content .page-builder__bloc--media-texte .bloc-split .text{order: 2;width: 33.33333333%;margin-left: 8.33333333%;}
.single-boutique #content .page-builder__bloc--texte-media .bloc-split .text{order: 1;width: 33.33333333%;margin-left: 8.33333333%;}
.single-boutique #content .page-builder__bloc--texte-media .bloc-split .media{order: 2;width: 41.66666667%;margin-left: 8.33333333%;}
.single-boutique #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0;display: flex;flex-direction: column;}
.single-boutique #content .page-builder__bloc--galerie .btn-link{margin: 30px auto 0;display: inline-block;}
.single-boutique .boutique-contact{display: flex;align-items: center;flex-wrap: wrap;padding: 80px 0;}
.single-boutique .boutique-contact .map-bloc{width: 33.33333333%;margin-left: 16.66666667%;}
.single-boutique .boutique-contact .map-bloc .map{width: 100%;height: 400px;border: 1px solid var(--Color-Beige);border-radius: 6px;margin: 0;overflow: hidden;}
.single-boutique .boutique-contact .map-bloc .map img{max-width: inherit !important;}
.single-boutique .boutique-contact .horaires-bloc{margin-left: 8.33333333%;width: 25%;display: flex;flex-direction: column;gap: 28px;}
.single-boutique .boutique-contact__name{margin-bottom: 12px;letter-spacing: 0;text-transform: none;color: var(--Color-Orange); font-family: "Corsario VF"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.single-boutique .boutique-contact__address{margin: 0;color: var(--Color-Grey);font-family: corsario-variable;font-size: 16px;font-weight: 400;line-height: 1.5;}
.single-boutique .boutique-contact__phone{margin: 12px 0 0;}
.single-boutique .boutique-contact__phone a{color: var(--Color-Grey);font-family: corsario-variable;font-size: 16px;font-weight: 500;line-height: 1.5;text-decoration: none;transition: color .3s;}
.single-boutique .boutique-contact__phone a:hover{color: var(--Color-Orange);}
.single-boutique .boutique-hours{padding: 24px 22px;border: 1px solid var(--Color-Beige);border-radius: 6px;background: var(--Color-White);}
.single-boutique .boutique-hours__status{margin: 0 0 18px;padding-bottom: 14px;border-bottom: 1px solid var(--Color-Beige);font-family: corsario-variable;font-size: 13px;font-weight: 500;letter-spacing: 3px;text-transform: uppercase;}
.single-boutique .boutique-hours__status.is-open{color: var(--Color-Orange);}
.single-boutique .boutique-hours__status.is-closed{color: var(--Color-Grey);}
.single-boutique .boutique-hours__list{list-style: none;margin: 0;padding: 0;}
.single-boutique .boutique-hours__list li{padding: 10px 0;border-bottom: 1px solid rgba(249, 235, 208, .6);color: var(--Color-Grey);font-family: corsario-variable;font-size: 15px;font-weight: 400;line-height: 1.4;}
.single-boutique .boutique-hours__list li:last-child{border-bottom: none;padding-bottom: 0;}
.single-boutique .boutique-hours__unavailable{margin: 0;color: var(--Color-Grey);font-family: corsario-variable;font-size: 15px;font-style: italic;}
.single-boutique .boutique-contact__maps-link{align-self: flex-start;}
.single-boutique #boutiques{padding-bottom: 120px;}
.single-boutique #boutiques .title{width: 100%;position: relative;}
.single-boutique #boutiques .title::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 83.33333333%;height: 1px;background-color: var(--Color-Beige);}
.single-boutique #boutiques .title .content-title{text-align: center; width: 33.33333333%;margin: auto;padding: 100px 0;background: var(--Color-White);position: relative;z-index: 2;background-image: url(//caseapain.horizon-bleu.net/wp-content/themes/caseapain/img/Ornement.svg);background-size: 120px 120px;background-position: center;background-repeat: no-repeat;}
.single-boutique #boutiques .title .content-title h2{margin: 0;color: var(--Color-Orange); font-family: the-seasons; font-size: 45px; font-style: normal; font-weight: 400; line-height: 50px; text-transform: uppercase;}
.single-boutique #boutiques .title .content-title .subtitle{margin: 0;color: var(--Color-Grey); font-family: corsario-variable; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 7.5px; text-transform: uppercase;}
.single-boutique #boutiques .boutiques-list{display: flex;justify-content: center;gap: 30px 20px;flex-wrap: wrap;width: 83.33333333%;margin: auto;}
.single-boutique #boutiques .boutiques-list .card-boutique{width: calc(16.66666667% - 10px);} .single-produit #hero{width: 100%;height: 700px;background: var(--Color-Black);position: relative}
.single-produit #hero .media{opacity: .7;width: 100%;height: 100%;}
.single-produit #hero .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;padding-top: 140px;}
.single-produit #hero .text h1{margin-bottom: 10px;}
.single-produit #hero .text p{margin-bottom: 10px;color: var(--Color-White);text-align: center;font-family: "Corsario VF";font-size: 15px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 7.5px;text-transform: uppercase;}
.single-produit #content.page-builder{display: flex;flex-wrap: wrap;gap: 100px;padding: 100px 0;}
.single-produit #content .page-builder__bloc{width: 100%;}
.single-produit #content .page-builder__bloc--texte .text{padding: 0;width: 50%;margin: auto;}
.single-produit #content .page-builder__bloc--media .media{width: 66.66666667%;margin: auto;overflow: hidden;border-radius: 6px;height: auto;}
.single-produit #content .page-builder__bloc--media .media.bloc-media img,
.single-produit #content .page-builder__bloc--media .media.bloc-media video{width: 100%;height: auto;object-fit: cover;display: block;}
.single-produit #content .page-builder__bloc--media-separator .media-separator{height: 400px;width: 100%;margin: auto;overflow: hidden;}
.single-produit #content .page-builder__bloc--media-separator .media-separator.bloc-media img,
.single-produit #content .page-builder__bloc--media-separator .media-separator.bloc-media video{width: 100%;height: 100%;object-fit: cover;display: block;}
.single-produit #content .page-builder__bloc--split .bloc-split{display: flex;width: 100%;align-items: center;margin: 0;}
.single-produit #content .page-builder__bloc--split .bloc-split .text{padding: 0;}
.single-produit #content .page-builder__bloc--split .bloc-split .media{overflow: hidden;border-radius: 6px;height: auto;box-sizing: border-box;}
.single-produit #content .page-builder__bloc--split .bloc-split .text{box-sizing: border-box;}
.single-produit #content .page-builder__bloc--split .bloc-split .media.bloc-media img,
.single-produit #content .page-builder__bloc--split .bloc-split .media.bloc-media video{width: 100%;height: auto;object-fit: cover;display: block;}
.single-produit #content .page-builder__bloc--media-texte .bloc-split .media{order: 1;width: 41.66666667%;margin-left: 8.33333333%;}
.single-produit #content .page-builder__bloc--media-texte .bloc-split .text{order: 2;width: 33.33333333%;margin-left: 8.33333333%;}
.single-produit #content .page-builder__bloc--texte-media .bloc-split .text{order: 1;width: 33.33333333%;margin-left: 8.33333333%;}
.single-produit #content .page-builder__bloc--texte-media .bloc-split .media{order: 2;width: 41.66666667%;margin-left: 8.33333333%;}
.single-produit #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0;display: flex;flex-direction: column;}
.single-produit #content .page-builder__bloc--galerie .btn-link{margin: 30px auto 0;display: inline-block;}
.single-produit #produits{padding-bottom: 120px;}
.single-produit #produits .title{width: 100%;position: relative;}
.single-produit #produits .title::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 83.33333333%;height: 1px;background-color: var(--Color-Beige);}
.single-produit #produits .title .content-title{text-align: center;width: 33.33333333%;margin: auto;padding: 100px 0;background: var(--Color-White);position: relative;z-index: 2;background-image: url(//caseapain.horizon-bleu.net/wp-content/themes/caseapain/img/Ornement.svg);background-size: 120px 120px;background-position: center;background-repeat: no-repeat;}
.single-produit #produits .title .content-title h2{margin: 0;color: var(--Color-Orange);font-family: the-seasons;font-size: 45px;font-style: normal;font-weight: 400;line-height: 50px;text-transform: uppercase;}
.single-produit #produits .title .content-title .subtitle{margin: 0;color: var(--Color-Grey);font-family: corsario-variable;font-size: 15px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 7.5px;text-transform: uppercase;}
.single-produit #produits .products-carousel{width: 75%;margin: 0 auto;position: relative;}
.single-produit #produits .products-carousel .card-produit{width: 100%;}
.single-produit #produits .products-carousel .owl-nav{margin-top: 0;}
.single-produit #produits .products-carousel .owl-nav button{outline: none;background: transparent;transition: .5s;}
.single-produit #produits .products-carousel .owl-nav button:hover svg path{fill: var(--Color-Beige);}
.single-produit #produits .products-carousel .owl-nav button svg rect{fill: transparent;}
.single-produit #produits .products-carousel .owl-nav button:hover svg rect{stroke: var(--Color-Orange);fill: var(--Color-Orange);}
.single-produit #produits .products-carousel .owl-prev{position: absolute;top:50%;left: -30px;transform: translate(-100%, -50%);}
.single-produit #produits .products-carousel .owl-next{position: absolute;top:50%;right: -30px;transform: translate(100%, -50%);} @media screen and (max-width: 1500px) { header .menu-desktop .navigation{padding: 0 20px;}
}
@media screen and (max-width: 1400px) { header .menu-desktop{padding: 0 30px;}
header .menu-desktop .navigation .col-right{gap: 10px;}
}
@media screen and (max-width: 1200px) { header.scrolled .menu-desktop .logo{width: 100px;}
header .menu-desktop .navigation{display: none;}
header .menu-desktop .burger-button{display: flex;} .bloc-text h1{font-size: 44px;line-height: 44px;margin-bottom: 24px;}
.bloc-text h2{font-size: 36px;line-height: 36px;margin-bottom: 22px;}
.bloc-text h3{font-size: 14px;letter-spacing: 5px;margin-bottom: 20px;}
.bloc-text p,
.bloc-text li{font-size: 15px;line-height: 1.5;} .page-classique #hero{padding-top: 140px;}
.page-classique #hero .text,
.page-classique #content .text{width: 90%;} .page-home #hero{height: 70vh;}
.page-home #hero .text{padding-top: 100px;}
.page-home .miche-pain{display: none;}
.page-home .croissant{display: none;}
.page-home #produits .title .content-title,
.page-home #actualites .title .content-title,
.page-home #boutiques .title .content-title{width: 50%;}
.page-home #produits .products-list,
.page-home #actualites .actualites-list{width: 83.33333333%;}
.page-home #boutiques .boutiques-list{width: 87%;}
.page-home #boutiques .boutiques-list .card-boutique{width: calc(25% - 15px);}
.page-home #nabil-sbai .text .content-text{width: 55%;} #block-rs .title .content-title{width: 50%;} .page-histoire #hero,
.page-savoir-faire #hero{height: 600px;}
.page-histoire #hero .text,
.page-savoir-faire #hero .text{padding-top: 100px;}
.page-histoire #content .text,
.page-savoir-faire #content .text{width: 62%;}
.page-histoire #content .medias,
.page-savoir-faire #content .medias{width: 83.33333333%;}
.page-histoire #linked-page .text,
.page-savoir-faire #linked-page .text{width: 33.33333333%;margin-left: 8.33333333%;} .page-nabil-sbai #hero{height: 600px;}
.page-nabil-sbai #hero .text{padding-top: 100px;}
.page-nabil-sbai #content-1 .row-1,
.page-nabil-sbai #content-2 .row-1{width: 62%;}
.page-nabil-sbai #content-1 .row-2,
.page-nabil-sbai #content-2 .row-2,
.page-nabil-sbai #content-2 .row-3{width: 83.33333333%;}
.page-nabil-sbai #linked-page .text{width: 33.33333333%;margin-left: 8.33333333%;} .page-equipe #hero{height: 600px;}
.page-equipe #hero .text{padding-top: 100px;}
.page-equipe #content>.text{width: 62%;}
.page-equipe #content .bloc-content{width: 90%;}
.page-equipe #contact .text{width: 41.66666667%;}
.page-equipe #contact .form{width: 50%;margin-left: 0;}
.page-equipe #linked-page .text{width: 33.33333333%;margin-left: 8.33333333%;} .page-contact #hero{height: 420px;}
.page-contact #hero .text{padding-top: 100px;}
.page-contact #contact .text{width: 41.66666667%;}
.page-contact #contact .form{width: 50%;margin-left: 0;} .page-engagements #hero{height: 600px;}
.page-engagements #hero .text{padding-top: 100px;}
.page-engagements #content-engagements>.text,
.page-engagements #content-partenaires>.text{width: 62%;}
.page-engagements #content-engagements .engagements,
.page-engagements #content-partenaires .logos{width: 83.33333333%;}
.page-engagements #content-partenaires .logos .logo{width: calc(20% - 16px);}
.page-engagements #linked-page .text{width: 33.33333333%;margin-left: 8.33333333%;} .page-galerie-photo #hero{height: 420px;}
.page-galerie-photo #hero .text{padding-top: 100px;}
.galerie-photo-section .galerie-photo-inner{width: 90%;}
.galerie-photo-section .galerie-photo-grid,
.galerie-photo-section .galerie-photo-row{gap: 15px;} .page-espace-fidelite #hero{height: 600px;}
.page-espace-fidelite #hero .text{padding-top: 100px;}
.page-espace-fidelite #content .text{width: 62%;} .single-boutique #hero{height: 600px;}
.single-boutique #hero .text{padding-top: 100px;}
.single-boutique #content.page-builder{gap: 80px;padding: 80px 0;}
.single-boutique #content .page-builder__bloc--texte .text{width: 62%;}
.single-boutique #content .page-builder__bloc--media .media{width: 83.33333333%;}
.single-boutique #content .page-builder__bloc--split .bloc-split{width: 90%;}
.single-boutique #content .page-builder__bloc--media-texte .bloc-split .text{width: 41.66666667%;}
.single-boutique #content .page-builder__bloc--texte-media .bloc-split .text{width: 41.66666667%;}
.single-boutique .boutique-contact .map-bloc{width: 45%;margin-left: 8.33333333%;}
.single-boutique .boutique-contact .horaires-bloc{width: 35%;margin-left: 5%;}
.single-boutique #boutiques .title .content-title{width: 50%;}
.single-boutique #boutiques .boutiques-list{width: 87%;}
.single-boutique #boutiques .boutiques-list .card-boutique{width: calc(25% - 15px);} .single-produit #hero{height: 600px;}
.single-produit #hero .text{padding-top: 100px;}
.single-produit #content.page-builder{gap: 80px;padding: 80px 0;}
.single-produit #content .page-builder__bloc--texte .text{width: 62%;}
.single-produit #content .page-builder__bloc--media .media{width: 83.33333333%;}
.single-produit #content .page-builder__bloc--split .bloc-split{width: 90%;}
.single-produit #content .page-builder__bloc--media-texte .bloc-split .text{width: 41.66666667%;}
.single-produit #content .page-builder__bloc--texte-media .bloc-split .text{width: 41.66666667%;}
.single-produit #produits .title .content-title{width: 50%;}
.single-produit #produits .products-carousel{width: 87%;} footer{flex-wrap: wrap;align-items: flex-start;row-gap: 40px;padding: 50px 8.33333333%;}
footer .logo{width: 120px;margin-left: 0;}
footer .menu-footer{width: calc(50% - 80px);flex: 1;}
footer .rs{width: auto;margin-left: auto;margin-right: 0;}
}
@media screen and (max-width: 992px) { header .menu-desktop { padding: 0 20px; }
header .menu-desktop .logo{width: 70px;}
header.scrolled .menu-desktop .logo{width: 70px;}
header .menu-mobile{padding: 90px 20px 40px;} .bloc-text h1{font-size: 40px;line-height: 40px;margin-bottom: 22px;}
.bloc-text h2{font-size: 34px;line-height: 34px;margin-bottom: 20px;}
.bloc-text h3{font-size: 13px;letter-spacing: 4px;margin-bottom: 18px;}
.bloc-text p,
.bloc-text li{font-size: 15px;line-height: 1.5;} .page-classique #hero{padding-top: 130px;}
.page-classique #hero .text,
.page-classique #content .text{width: calc(100% - 40px);}
.page-classique #hero .text h1{font-size: 52px;line-height: 46px;}
.page-classique #content .content-container{padding: 45px 0;} .page-home #hero .text h1{font-size: 52px;line-height: 48px;}
.page-home #produits,
.page-home #actualites,
.page-home #boutiques{padding-bottom: 90px;}
.page-home #produits .title .content-title,
.page-home #actualites .title .content-title,
.page-home #boutiques .title .content-title{width: 62%;padding: 75px 0;background-size: 95px 95px;}
.page-home #produits .products-list .card-produit,
.page-home #actualites .actualites-list .card-actualite{width: calc(50% - 10px);}
.page-home #boutiques .boutiques-list .card-boutique{width: calc(33.33333333% - 14px);}
.page-home #nabil-sbai{flex-direction: column-reverse;}
.page-home #nabil-sbai .text,
.page-home #nabil-sbai .media{width: 100%;}
.page-home #nabil-sbai .text{padding: 70px 8.33333333%;}
.page-home #nabil-sbai .text .content-text{padding: 0;}
.page-home #nabil-sbai .text .content-text,
.page-home #nabil-sbai .text .content-text p{width: 100%;}
.page-home #nabil-sbai .media{height: 420px;} #block-rs{padding-bottom: 90px;}
#block-rs .title .content-title{width: 62%;padding: 75px 0;background-size: 95px 95px;}
#block-rs .rs-list .instagram-post{width: calc(33.33333333% - 14px);} .page-histoire #hero,
.page-savoir-faire #hero{height: 520px;}
.page-histoire #hero .text,
.page-savoir-faire #hero .text{padding-top: 90px;}
.page-histoire #hero .text h1,
.page-savoir-faire #hero .text h1{font-size: 42px;line-height: 42px;}
.page-histoire #hero .text p,
.page-savoir-faire #hero .text p{font-size: 14px;letter-spacing: 5px;}
.page-histoire #content,
.page-savoir-faire #content{padding-bottom: 120px;}
.page-histoire #content .text,
.page-savoir-faire #content .text{width: 75%;padding: 75px 0;}
.page-histoire #content .text h2,
.page-savoir-faire #content .text h2{font-size: 34px;line-height: 36px;}
.page-histoire #content .medias,
.page-savoir-faire #content .medias{width: calc(100% - 40px);}
.page-histoire #linked-page,
.page-savoir-faire #linked-page{flex-direction: column-reverse;height: auto;align-items: stretch;}
.page-histoire #linked-page .text,
.page-savoir-faire #linked-page .text{width: 100%;margin: 0;padding: 60px 8.33333333%;}
.page-histoire #linked-page .text p,
.page-savoir-faire #linked-page .text p,
.page-histoire #linked-page .text p span,
.page-savoir-faire #linked-page .text p span{font-size: 34px;line-height: 36px;}
.page-histoire #linked-page .media,
.page-savoir-faire #linked-page .media{width: 100%;height: 360px;}
.page-histoire #linked-page .media .fade-block,
.page-savoir-faire #linked-page .media .fade-block{display: none;} .page-nabil-sbai #hero{height: 520px;}
.page-nabil-sbai #hero .text{padding-top: 90px;}
.page-nabil-sbai #hero .text h1{font-size: 42px;line-height: 42px;}
.page-nabil-sbai #hero .text p{font-size: 14px;letter-spacing: 5px;}
.page-nabil-sbai #content-1 .row-1,
.page-nabil-sbai #content-2 .row-1{width: 75%;padding: 75px 0;}
.page-nabil-sbai #content-1 .row-1 .text h2,
.page-nabil-sbai #content-2 .row-1 .text h2{font-size: 34px;line-height: 36px;}
.page-nabil-sbai #content-1 .row-2{flex-direction: column;width: calc(100% - 40px);}
.page-nabil-sbai #content-1 .row-2 .col-1,
.page-nabil-sbai #content-1 .row-2 .col-2{width: 100%;}
.page-nabil-sbai #content-1 .row-2 .col-2 .text{width: 100%;margin: 30px 0 0;}
.page-nabil-sbai #content-2{padding-bottom: 120px;}
.page-nabil-sbai #content-2 .row-2{width: calc(100% - 40px);}
.page-nabil-sbai #content-2 .row-3{flex-direction: column;width: calc(100% - 40px);}
.page-nabil-sbai #content-2 .row-3 .col-1,
.page-nabil-sbai #content-2 .row-3 .col-2{width: 100%;}
.page-nabil-sbai #content-2 .row-3 .col-2 .text{width: 100%;margin: 30px 0 0;}
.page-nabil-sbai #linked-page{flex-direction: column-reverse;height: auto;align-items: stretch;}
.page-nabil-sbai #linked-page .text{width: 100%;margin: 0;padding: 60px 8.33333333%;}
.page-nabil-sbai #linked-page .text p,
.page-nabil-sbai #linked-page .text p span{font-size: 34px;line-height: 36px;}
.page-nabil-sbai #linked-page .media{width: 100%;height: 360px;}
.page-nabil-sbai #linked-page .media .fade-block{display: none;} .page-equipe #hero{height: 520px;}
.page-equipe #hero .text{padding-top: 90px;}
.page-equipe #hero .text h1{font-size: 42px;line-height: 42px;}
.page-equipe #hero .text p{font-size: 14px;letter-spacing: 5px;}
.page-equipe #content{padding-bottom: 120px;gap: 70px;}
.page-equipe #content>.text{width: 75%;padding: 75px 0 0;}
.page-equipe #content>.text h2{font-size: 34px;line-height: 36px;}
.page-equipe #content .bloc-content{flex-direction: column;width: calc(100% - 40px);gap: 0;}
.page-equipe #content .bloc-content .text{padding: 30px 0 0;}
.page-equipe #content .bloc-content:nth-child(even) .media,
.page-equipe #content .bloc-content:nth-child(odd) .media,
.page-equipe #content .bloc-content:nth-child(even) .text,
.page-equipe #content .bloc-content:nth-child(odd) .text{order: unset;width: 100%;margin-left: 0;}
.page-equipe #contact{flex-direction: column;padding: 70px 8.33333333%;gap: 40px;}
.page-equipe #contact .text,
.page-equipe #contact .form{width: 100%;margin-left: 0;}
.page-equipe #contact .form .bloc-contact form .half{width: 100%;}
.page-equipe #linked-page{flex-direction: column-reverse;height: auto;align-items: stretch;}
.page-equipe #linked-page .text{width: 100%;margin: 0;padding: 60px 8.33333333%;}
.page-equipe #linked-page .text p,
.page-equipe #linked-page .text p span{font-size: 34px;line-height: 36px;}
.page-equipe #linked-page .media{width: 100%;height: 360px;}
.page-equipe #linked-page .media .fade-block{display: none;} .page-contact #hero{height: 400px;}
.page-contact #hero .text{padding-top: 90px;}
.page-contact #hero .text h1{font-size: 42px;line-height: 42px;}
.page-contact #hero .text h1::first-line{font-size: 14px;letter-spacing: 5px;}
.page-contact #contact{flex-direction: column;padding: 70px 8.33333333%;gap: 40px;}
.page-contact #contact .text,
.page-contact #contact .form{width: 100%;margin-left: 0;}
.page-contact #contact .form .bloc-contact form .half{width: 100%;} .page-engagements #hero{height: 520px;}
.page-engagements #hero .text{padding-top: 90px;}
.page-engagements #hero .text h1{font-size: 42px;line-height: 42px;}
.page-engagements #hero .text p{font-size: 14px;letter-spacing: 5px;}
.page-engagements #content-engagements>.text,
.page-engagements #content-partenaires>.text{width: 75%;padding: 75px 0;}
.page-engagements #content-engagements>.text h2,
.page-engagements #content-partenaires>.text h2{font-size: 34px;line-height: 36px;}
.page-engagements #content-engagements .engagements{flex-wrap: wrap;width: calc(100% - 40px);}
.page-engagements #content-engagements .engagements .engagement{width: calc(50% - 10px);}
.page-engagements #content-partenaires{padding-bottom: 120px;}
.page-engagements #content-partenaires .logos{width: calc(100% - 40px);}
.page-engagements #content-partenaires .logos .logo{width: calc(25% - 15px);}
.page-engagements #linked-page{flex-direction: column-reverse;height: auto;align-items: stretch;}
.page-engagements #linked-page .text{width: 100%;margin: 0;padding: 60px 8.33333333%;}
.page-engagements #linked-page .text p,
.page-engagements #linked-page .text p span{font-size: 34px;line-height: 36px;}
.page-engagements #linked-page .media{width: 100%;height: 360px;}
.page-engagements #linked-page .media .fade-block{display: none;} .page-galerie-photo #hero{height: 400px;}
.page-galerie-photo #hero .text{padding-top: 90px;}
.page-galerie-photo #hero .text h1{font-size: 42px;line-height: 42px;}
.page-galerie-photo #hero .text p{font-size: 14px;letter-spacing: 5px;}
.galerie-photo-section{padding: 65px 0 100px;}
.galerie-photo-section .galerie-photo-inner{width: calc(100% - 40px);}
.page-galerie-photo .galerie-filtres{gap: 18px 20px;margin-bottom: 40px;}
.page-galerie-photo .galerie-filtre-field,
.page-galerie-photo .galerie-filtre-select{min-width: 200px;} .page-espace-fidelite #hero{height: 520px;}
.page-espace-fidelite #hero .text{padding-top: 90px;}
.page-espace-fidelite #hero .text h1{font-size: 42px;line-height: 42px;}
.page-espace-fidelite #hero .text h1::first-line{font-size: 14px;letter-spacing: 5px;}
.page-espace-fidelite #content .text{width: 75%;padding: 75px 0 120px;}
.page-espace-fidelite #content .text h2{font-size: 34px;line-height: 36px;} .single-boutique #hero{height: 520px;}
.single-boutique #hero .text{padding-top: 90px;}
.single-boutique #hero .text h1{font-size: 42px;line-height: 42px;}
.single-boutique #hero .text p{font-size: 14px;letter-spacing: 5px;}
.single-boutique #content.page-builder{gap: 60px;padding: 70px 0;}
.single-boutique #content .page-builder__bloc--texte .text{width: 75%;padding: 0;}
.single-boutique #content .page-builder__bloc--texte .text h2{font-size: 34px;line-height: 36px;}
.single-boutique #content .page-builder__bloc--media .media{width: calc(100% - 40px);}
.single-boutique #content .page-builder__bloc--media-separator .media-separator{height: 300px;}
.single-boutique #content .page-builder__bloc--split .bloc-split{flex-direction: column;width: calc(100% - 40px);gap: 20px;margin: auto;}
.single-boutique #content .page-builder__bloc--split .bloc-split .text{order: 1;}
.single-boutique #content .page-builder__bloc--split .bloc-split .media{order: 2;}
.single-boutique #content .page-builder__bloc--media-texte .bloc-split .media,
.single-boutique #content .page-builder__bloc--media-texte .bloc-split .text,
.single-boutique #content .page-builder__bloc--texte-media .bloc-split .media,
.single-boutique #content .page-builder__bloc--texte-media .bloc-split .text{width: 100%;margin-left: 0;}
.single-boutique #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0 0 65px;}
.single-boutique .boutique-contact{flex-direction: column;align-items: stretch;padding: 60px 8.33333333%;gap: 40px;}
.single-boutique .boutique-contact .map-bloc,
.single-boutique .boutique-contact .horaires-bloc{width: 100%;margin-left: 0;}
.single-boutique .boutique-contact .map-bloc .map{height: 340px;}
.single-boutique #boutiques{padding-bottom: 90px;}
.single-boutique #boutiques .title .content-title{width: 62%;padding: 75px 0;background-size: 95px 95px;}
.single-boutique #boutiques .boutiques-list{width: calc(100% - 40px);}
.single-boutique #boutiques .boutiques-list .card-boutique{width: calc(33.33333333% - 14px);}
.single-boutique #boutiques .card-boutique .text .btn-link{opacity: 1;visibility: visible;max-height: none;padding: 16px 20px;} .single-produit #hero{height: 520px;}
.single-produit #hero .text{padding-top: 90px;}
.single-produit #hero .text h1{font-size: 42px;line-height: 42px;}
.single-produit #hero .text p{font-size: 14px;letter-spacing: 5px;}
.single-produit #content.page-builder{gap: 60px;padding: 70px 0;}
.single-produit #content .page-builder__bloc--texte .text{width: 75%;padding: 0;}
.single-produit #content .page-builder__bloc--texte .text h2{font-size: 34px;line-height: 36px;}
.single-produit #content .page-builder__bloc--media .media{width: calc(100% - 40px);}
.single-produit #content .page-builder__bloc--media-separator .media-separator{height: 300px;}
.single-produit #content .page-builder__bloc--split .bloc-split{flex-direction: column;width: calc(100% - 40px);gap: 20px;margin: auto;}
.single-produit #content .page-builder__bloc--split .bloc-split .text{order: 1;}
.single-produit #content .page-builder__bloc--split .bloc-split .media{order: 2;}
.single-produit #content .page-builder__bloc--media-texte .bloc-split .media,
.single-produit #content .page-builder__bloc--media-texte .bloc-split .text,
.single-produit #content .page-builder__bloc--texte-media .bloc-split .media,
.single-produit #content .page-builder__bloc--texte-media .bloc-split .text{width: 100%;margin-left: 0;}
.single-produit #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0 0 65px;}
.single-produit #produits{padding-bottom: 90px;}
.single-produit #produits .title .content-title{width: 62%;padding: 75px 0;background-size: 95px 95px;}
.single-produit #produits .products-carousel{width: calc(100% - 40px);}
.single-produit #produits .card-produit .text .btn-link{opacity: 1;visibility: visible;max-height: none;padding: 16px 20px;} footer{flex-direction: column;align-items: center;text-align: center;padding: 50px 20px;gap: 35px;}
footer .logo{width: 100px;margin: 0;}
footer .logo img{margin: 0 auto;}
footer .menu-footer{width: 100%;max-width: 420px;}
footer .menu-footer ul{justify-content: center;gap: 8px 0;}
footer .rs{width: 100%;margin-left: 0;align-items: center;gap: 25px;}
footer .rs .rs-list{justify-content: center;}
}
@media screen and (max-width: 768px) { header .menu-desktop { padding: 0 15px; }
header .menu-mobile{padding: 90px 15px 40px;} .bloc-text h1{font-size: 34px;line-height: 36px;margin-bottom: 18px;}
.bloc-text h2{font-size: 30px;line-height: 32px;margin-bottom: 18px;}
.bloc-text h3{font-size: 13px;letter-spacing: 3.5px;margin-bottom: 16px;}
.bloc-text p,
.bloc-text li{font-size: 15px;line-height: 1.55;} .page-classique #hero{padding-top: 115px;}
.page-classique #hero .text,
.page-classique #content .text{width: calc(100% - 40px);}
.page-classique #hero .text h1{font-size: 40px;line-height: 38px;}
.page-classique #content .content-container{padding: 35px 0;} .page-home #hero{height: 62vh;}
.page-home #hero .text{padding: 95px 20px 0;}
.page-home #hero .text h1{font-size: 40px;line-height: 38px;}
.page-home #produits,
.page-home #actualites,
.page-home #boutiques{padding-bottom: 70px;}
.page-home #produits .title .content-title,
.page-home #actualites .title .content-title,
.page-home #boutiques .title .content-title{width: 75%;padding: 60px 0;}
.page-home #produits .title .content-title h2,
.page-home #actualites .title .content-title h2,
.page-home #boutiques .title .content-title h2{font-size: 36px;line-height: 40px;}
.page-home #produits .title .content-title .subtitle,
.page-home #actualites .title .content-title .subtitle,
.page-home #boutiques .title .content-title .subtitle{font-size: 13px;letter-spacing: 4px;}
.page-home #produits .products-list,
.page-home #actualites .actualites-list,
.page-home #boutiques .boutiques-list{width: calc(100% - 40px);}
.page-home #produits .products-list .card-produit,
.page-home #actualites .actualites-list .card-actualite,
.page-home #boutiques .boutiques-list .card-boutique{width: calc(50% - 10px);}
.page-home #nabil-sbai .text{padding: 55px 20px;}
.page-home #nabil-sbai .text .content-text h3{font-size: 30px;line-height: 38px;}
.page-home #nabil-sbai .media{height: 340px;}
.page-home .card-produit .text .btn-link,
.page-home .card-actualite .text .btn-link,
.page-home .card-boutique .text .btn-link{opacity: 1;visibility: visible;max-height: none;padding: 16px 20px;} #block-rs{padding-bottom: 70px;}
#block-rs .title .content-title{width: 75%;padding: 60px 0;}
#block-rs .title .content-title h2{font-size: 36px;line-height: 40px;}
#block-rs .title .content-title .subtitle{font-size: 13px;letter-spacing: 4px;}
#block-rs .rs-list{width: calc(100% - 40px);}
#block-rs .rs-list .instagram-post{width: calc(50% - 10px);}
#block-rs .rs-list.owl-carousel{display: block;}
#block-rs .rs-list.owl-carousel .owl-item .instagram-post{width: 100%;}
#block-rs .rs-list.owl-carousel .owl-dots{margin-top: 18px;}
#block-rs .rs-list.owl-carousel .owl-dots .owl-dot span{width: 8px;height: 8px;margin: 5px;background: rgba(249, 235, 208, 0.4);}
#block-rs .rs-list.owl-carousel .owl-dots .owl-dot.active span{background: var(--Color-Beige);}
#block-rs .rs-link{flex-wrap: wrap;gap: 12px;margin-top: 35px;} .page-histoire #hero,
.page-savoir-faire #hero{height: 480px;}
.page-histoire #hero .text,
.page-savoir-faire #hero .text{padding: 95px 20px 0;}
.page-histoire #hero .text h1,
.page-savoir-faire #hero .text h1{font-size: 36px;line-height: 38px;}
.page-histoire #hero .text p,
.page-savoir-faire #hero .text p{font-size: 13px;letter-spacing: 4px;}
.page-histoire #content,
.page-savoir-faire #content{padding-bottom: 90px;}
.page-histoire #content .text,
.page-savoir-faire #content .text{width: calc(100% - 40px);padding: 60px 0;}
.page-histoire #content .text h2,
.page-savoir-faire #content .text h2{font-size: 30px;line-height: 32px;}
.page-histoire #content .text h3,
.page-savoir-faire #content .text h3{font-size: 13px;letter-spacing: 4px;margin-bottom: 18px;}
.page-histoire #content .medias,
.page-savoir-faire #content .medias{width: calc(100% - 40px);gap: 15px;}
.page-histoire #linked-page .text,
.page-savoir-faire #linked-page .text{padding: 50px 20px;}
.page-histoire #linked-page .text p,
.page-savoir-faire #linked-page .text p,
.page-histoire #linked-page .text p span,
.page-savoir-faire #linked-page .text p span{font-size: 30px;line-height: 32px;}
.page-histoire #linked-page .media,
.page-savoir-faire #linked-page .media{height: 300px;} .page-nabil-sbai #hero{height: 480px;}
.page-nabil-sbai #hero .text{padding: 95px 20px 0;}
.page-nabil-sbai #hero .text h1{font-size: 36px;line-height: 38px;}
.page-nabil-sbai #hero .text p{font-size: 13px;letter-spacing: 4px;}
.page-nabil-sbai #content-1 .row-1,
.page-nabil-sbai #content-2 .row-1{width: calc(100% - 40px);padding: 60px 0;}
.page-nabil-sbai #content-1 .row-1 .text h2,
.page-nabil-sbai #content-2 .row-1 .text h2{font-size: 30px;line-height: 32px;}
.page-nabil-sbai #content-1 .row-1 .text h3,
.page-nabil-sbai #content-2 .row-1 .text h3{font-size: 13px;letter-spacing: 4px;margin-bottom: 18px;}
.page-nabil-sbai #content-1 .row-2,
.page-nabil-sbai #content-2 .row-2,
.page-nabil-sbai #content-2 .row-3{width: calc(100% - 40px);gap: 15px;}
.page-nabil-sbai #content-1 .row-2 .col-2 .text,
.page-nabil-sbai #content-2 .row-3 .col-2 .text{margin-top: 20px;}
.page-nabil-sbai #content-2{padding-bottom: 90px;}
.page-nabil-sbai #linked-page .text{padding: 50px 20px;}
.page-nabil-sbai #linked-page .text p,
.page-nabil-sbai #linked-page .text p span{font-size: 30px;line-height: 32px;}
.page-nabil-sbai #linked-page .media{height: 300px;} .page-equipe #hero{height: 480px;}
.page-equipe #hero .text{padding: 95px 20px 0;}
.page-equipe #hero .text h1{font-size: 36px;line-height: 38px;}
.page-equipe #hero .text p{font-size: 13px;letter-spacing: 4px;}
.page-equipe #content{padding-bottom: 90px;gap: 50px;}
.page-equipe #content>.text{width: calc(100% - 40px);padding: 60px 0 0;}
.page-equipe #content>.text h2{font-size: 30px;line-height: 32px;}
.page-equipe #content .bloc-content{width: calc(100% - 40px);}
.page-equipe #content .bloc-content .text h2{font-size: 28px;line-height: 30px;}
.page-equipe #contact{padding: 55px 20px;gap: 30px;}
.page-equipe #contact .text h2{font-size: 30px;line-height: 32px;}
.page-equipe #linked-page .text{padding: 50px 20px;}
.page-equipe #linked-page .text p,
.page-equipe #linked-page .text p span{font-size: 30px;line-height: 32px;}
.page-equipe #linked-page .media{height: 300px;} .page-contact #hero{height: 380px;}
.page-contact #hero .text{padding: 95px 20px 0;}
.page-contact #hero .text h1{font-size: 36px;line-height: 38px;}
.page-contact #hero .text h1::first-line{font-size: 13px;letter-spacing: 4px;}
.page-contact #contact{padding: 55px 20px;gap: 30px;}
.page-contact #contact .text h2{font-size: 30px;line-height: 32px;} .page-engagements #hero{height: 480px;}
.page-engagements #hero .text{padding: 95px 20px 0;}
.page-engagements #hero .text h1{font-size: 36px;line-height: 38px;}
.page-engagements #hero .text p{font-size: 13px;letter-spacing: 4px;}
.page-engagements #content-engagements>.text,
.page-engagements #content-partenaires>.text{width: calc(100% - 40px);padding: 60px 0;}
.page-engagements #content-engagements>.text h2,
.page-engagements #content-partenaires>.text h2{font-size: 30px;line-height: 32px;}
.page-engagements #content-engagements .engagements{width: calc(100% - 40px);gap: 15px;}
.page-engagements #content-engagements .engagements .engagement{width: 100%;}
.page-engagements #content-engagements .engagements .engagement .text h3{font-size: 20px;line-height: 22px;}
.page-engagements #content-partenaires{padding-bottom: 90px;}
.page-engagements #content-partenaires .logos{width: calc(100% - 40px);gap: 15px;}
.page-engagements #content-partenaires .logos .logo{width: calc(33.33333333% - 10px);}
.page-engagements #linked-page .text{padding: 50px 20px;}
.page-engagements #linked-page .text p,
.page-engagements #linked-page .text p span{font-size: 30px;line-height: 32px;}
.page-engagements #linked-page .media{height: 300px;} .page-espace-fidelite #hero{height: 480px;}
.page-espace-fidelite #hero .text{padding: 95px 20px 0;}
.page-espace-fidelite #hero .text h1{font-size: 36px;line-height: 38px;}
.page-espace-fidelite #hero .text h1::first-line{font-size: 13px;letter-spacing: 4px;}
.page-espace-fidelite #content .text{width: calc(100% - 40px);padding: 60px 0 90px;}
.page-espace-fidelite #content .text h2{font-size: 30px;line-height: 32px;}
.page-espace-fidelite #content .text h3{font-size: 13px;letter-spacing: 4px;margin-bottom: 18px;} .page-galerie-photo #hero{height: 380px;}
.page-galerie-photo #hero .text{padding: 95px 20px 0;}
.page-galerie-photo #hero .text h1{font-size: 36px;line-height: 38px;}
.page-galerie-photo #hero .text p{font-size: 13px;letter-spacing: 4px;}
.galerie-photo-section{padding: 55px 0 80px;}
.galerie-photo-section .galerie-photo-inner{width: calc(100% - 40px);}
.page-galerie-photo .galerie-filtres{flex-direction: column;align-items: stretch;gap: 16px;margin-bottom: 30px;}
.page-galerie-photo .galerie-filtre-reset{width: 100%;justify-content: center;}
.page-galerie-photo .galerie-filtre-field,
.page-galerie-photo .galerie-filtre-select{min-width: 0;width: 100%;}
.page-galerie-photo .galerie-filtre-select{font-size: 13px;padding: 11px 40px 11px 16px;}
.galerie-photo-section .galerie-lightbox{padding: 12px;}
.galerie-photo-section .galerie-lightbox__content{max-width: calc(100vw - 96px);}
.galerie-photo-section .galerie-lightbox__content img,
.galerie-photo-section .galerie-lightbox__content video{max-height: 75vh;}
.galerie-photo-section .galerie-lightbox__close{top: 12px;right: 12px;width: 44px;height: 44px;font-size: 28px;}
.galerie-photo-section .galerie-lightbox__nav{width: 44px;height: 44px;font-size: 24px;}
.galerie-photo-section .galerie-lightbox__nav--prev{left: 8px;}
.galerie-photo-section .galerie-lightbox__nav--next{right: 8px;}
.galerie-photo-section .galerie-lightbox__counter{bottom: 12px;font-size: 13px;}
.galerie-photo-section .galerie-photo-trigger:hover .galerie-photo-media img,
.galerie-photo-section .galerie-photo-trigger:hover .galerie-photo-media video{transform: none;} .single-boutique #hero{height: 480px;}
.single-boutique #hero .text{padding: 95px 20px 0;}
.single-boutique #hero .text h1{font-size: 36px;line-height: 38px;}
.single-boutique #hero .text p{font-size: 13px;letter-spacing: 4px;}
.single-boutique #content.page-builder{gap: 50px;padding: 60px 0;}
.single-boutique #content .page-builder__bloc--texte .text{width: calc(100% - 40px);padding: 0;}
.single-boutique #content .page-builder__bloc--texte .text h2{font-size: 30px;line-height: 32px;}
.single-boutique #content .page-builder__bloc--media .media{width: calc(100% - 40px);}
.single-boutique #content .page-builder__bloc--media-separator .media-separator{height: 260px;}
.single-boutique #content .page-builder__bloc--split .bloc-split{flex-direction: column;width: calc(100% - 40px);gap: 20px;}
.single-boutique #content .page-builder__bloc--media-texte .bloc-split .media,
.single-boutique #content .page-builder__bloc--media-texte .bloc-split .text,
.single-boutique #content .page-builder__bloc--texte-media .bloc-split .media,
.single-boutique #content .page-builder__bloc--texte-media .bloc-split .text{width: 100%;margin-left: 0;}
.single-boutique #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0 0 55px;}
.single-boutique #content .page-builder__bloc--galerie .btn-link{margin-top: 25px;}
.single-boutique .boutique-contact{padding: 50px 20px;gap: 30px;}
.single-boutique .boutique-contact .map-bloc .map{height: 300px;}
.single-boutique #boutiques{padding-bottom: 70px;}
.single-boutique #boutiques .title .content-title{width: 75%;padding: 60px 0;}
.single-boutique #boutiques .title .content-title h2{font-size: 36px;line-height: 40px;}
.single-boutique #boutiques .title .content-title .subtitle{font-size: 13px;letter-spacing: 4px;}
.single-boutique #boutiques .boutiques-list{width: calc(100% - 40px);}
.single-boutique #boutiques .boutiques-list .card-boutique{width: calc(50% - 10px);} .single-produit #hero{height: 480px;}
.single-produit #hero .text{padding: 95px 20px 0;}
.single-produit #hero .text h1{font-size: 36px;line-height: 38px;}
.single-produit #hero .text p{font-size: 13px;letter-spacing: 4px;}
.single-produit #content.page-builder{gap: 50px;padding: 60px 0;}
.single-produit #content .page-builder__bloc--texte .text{width: calc(100% - 40px);padding: 0;}
.single-produit #content .page-builder__bloc--texte .text h2{font-size: 30px;line-height: 32px;}
.single-produit #content .page-builder__bloc--media .media{width: calc(100% - 40px);}
.single-produit #content .page-builder__bloc--media-separator .media-separator{height: 260px;}
.single-produit #content .page-builder__bloc--split .bloc-split{flex-direction: column;width: calc(100% - 40px);gap: 20px;}
.single-produit #content .page-builder__bloc--media-texte .bloc-split .media,
.single-produit #content .page-builder__bloc--media-texte .bloc-split .text,
.single-produit #content .page-builder__bloc--texte-media .bloc-split .media,
.single-produit #content .page-builder__bloc--texte-media .bloc-split .text{width: 100%;margin-left: 0;}
.single-produit #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0 0 55px;}
.single-produit #content .page-builder__bloc--galerie .btn-link{margin-top: 25px;}
.single-produit #produits{padding-bottom: 70px;}
.single-produit #produits .title .content-title{width: 75%;padding: 60px 0;}
.single-produit #produits .title .content-title h2{font-size: 36px;line-height: 40px;}
.single-produit #produits .title .content-title .subtitle{font-size: 13px;letter-spacing: 4px;}
.single-produit #produits .products-carousel{width: calc(100% - 40px);}
.single-produit #produits .products-carousel .owl-nav [class*=owl-]{width: 40px;height: 40px;line-height: 40px;font-size: 20px;} footer{padding: 45px 20px;gap: 30px;}
footer .logo{width: 90px;}
footer .menu-footer ul li a{font-size: 13px;}
}
@media screen and (max-width: 576px) { .bloc-text h1{font-size: 30px;line-height: 32px;margin-bottom: 16px;}
.bloc-text h2{font-size: 26px;line-height: 28px;margin-bottom: 16px;}
.bloc-text h3{font-size: 12px;letter-spacing: 3px;margin-bottom: 14px;}
.bloc-text p,
.bloc-text li{font-size: 14px;line-height: 1.6;} .page-classique #hero{padding-top: 100px;}
.page-classique #hero .text,
.page-classique #content .text{width: calc(100% - 30px);}
.page-classique #hero .text h1{font-size: 32px;line-height: 32px;}
.page-classique #content .content-container{padding: 30px 0;} .page-home #hero{height: 58vh;}
.page-home #hero .text h1{font-size: 32px;line-height: 32px;}
.page-home #produits .title .content-title,
.page-home #actualites .title .content-title,
.page-home #boutiques .title .content-title{width: 88%;padding: 45px 0;background-size: 75px 75px;}
.page-home #produits .title .content-title h2,
.page-home #actualites .title .content-title h2,
.page-home #boutiques .title .content-title h2{font-size: 30px;line-height: 32px;}
.page-home #produits .products-list,
.page-home #actualites .actualites-list,
.page-home #boutiques .boutiques-list{width: calc(100% - 30px);}
.page-home #produits .products-list .card-produit,
.page-home #actualites .actualites-list .card-actualite,
.page-home #boutiques .boutiques-list .card-boutique{width: 100%;}
.page-home #nabil-sbai .text .content-text h3{font-size: 26px;line-height: 34px;}
.page-home #nabil-sbai .text .content-text p{font-size: 15px;}
.page-home #nabil-sbai .media{height: 280px;} #block-rs .title .content-title{width: 88%;padding: 45px 0;background-size: 75px 75px;}
#block-rs .title .content-title h2{font-size: 30px;line-height: 32px;}
#block-rs .rs-list{width: calc(100% - 30px);}
#block-rs .rs-list .instagram-post{width: 100%;} .page-histoire #hero,
.page-savoir-faire #hero{height: 440px;}
.page-histoire #hero .text h1,
.page-savoir-faire #hero .text h1{font-size: 30px;line-height: 32px;}
.page-histoire #content,
.page-savoir-faire #content{padding-bottom: 70px;}
.page-histoire #content .text,
.page-savoir-faire #content .text{width: calc(100% - 30px);padding: 45px 0;}
.page-histoire #content .text h2,
.page-savoir-faire #content .text h2{font-size: 26px;line-height: 28px;}
.page-histoire #content .medias,
.page-savoir-faire #content .medias{width: calc(100% - 30px);}
.page-histoire #linked-page .text,
.page-savoir-faire #linked-page .text{padding: 40px 15px;}
.page-histoire #linked-page .text p,
.page-savoir-faire #linked-page .text p,
.page-histoire #linked-page .text p span,
.page-savoir-faire #linked-page .text p span{font-size: 26px;line-height: 28px;}
.page-histoire #linked-page .media,
.page-savoir-faire #linked-page .media{height: 260px;} .page-nabil-sbai #hero{height: 440px;}
.page-nabil-sbai #hero .text h1{font-size: 30px;line-height: 32px;}
.page-nabil-sbai #content-1 .row-1,
.page-nabil-sbai #content-2 .row-1{width: calc(100% - 30px);padding: 45px 0;}
.page-nabil-sbai #content-1 .row-1 .text h2,
.page-nabil-sbai #content-2 .row-1 .text h2{font-size: 26px;line-height: 28px;}
.page-nabil-sbai #content-1 .row-2,
.page-nabil-sbai #content-2 .row-2,
.page-nabil-sbai #content-2 .row-3{width: calc(100% - 30px);}
.page-nabil-sbai #content-2{padding-bottom: 70px;}
.page-nabil-sbai #linked-page .text{padding: 40px 15px;}
.page-nabil-sbai #linked-page .text p,
.page-nabil-sbai #linked-page .text p span{font-size: 26px;line-height: 28px;}
.page-nabil-sbai #linked-page .media{height: 260px;} .page-equipe #hero{height: 440px;}
.page-equipe #hero .text h1{font-size: 30px;line-height: 32px;}
.page-equipe #content{padding-bottom: 70px;gap: 40px;}
.page-equipe #content>.text{width: calc(100% - 30px);padding: 45px 0 0;}
.page-equipe #content>.text h2{font-size: 26px;line-height: 28px;}
.page-equipe #content .bloc-content{width: calc(100% - 30px);}
.page-equipe #content .bloc-content .text h2{font-size: 24px;line-height: 26px;}
.page-equipe #contact{padding: 45px 15px;}
.page-equipe #linked-page .text{padding: 40px 15px;}
.page-equipe #linked-page .text p,
.page-equipe #linked-page .text p span{font-size: 26px;line-height: 28px;}
.page-equipe #linked-page .media{height: 260px;} .page-contact #hero{height: 340px;}
.page-contact #hero .text h1{font-size: 30px;line-height: 32px;}
.page-contact #hero .text h1::first-line{font-size: 12px;letter-spacing: 3px;}
.page-contact #contact{padding: 45px 15px;} .page-engagements #hero{height: 440px;}
.page-engagements #hero .text h1{font-size: 30px;line-height: 32px;}
.page-engagements #content-engagements>.text,
.page-engagements #content-partenaires>.text{width: calc(100% - 30px);padding: 45px 0;}
.page-engagements #content-engagements>.text h2,
.page-engagements #content-partenaires>.text h2{font-size: 26px;line-height: 28px;}
.page-engagements #content-engagements .engagements{width: calc(100% - 30px);}
.page-engagements #content-partenaires{padding-bottom: 70px;}
.page-engagements #content-partenaires .logos{width: calc(100% - 30px);}
.page-engagements #content-partenaires .logos .logo{width: calc(50% - 8px);}
.page-engagements #linked-page .text{padding: 40px 15px;}
.page-engagements #linked-page .text p,
.page-engagements #linked-page .text p span{font-size: 26px;line-height: 28px;}
.page-engagements #linked-page .media{height: 260px;} .page-espace-fidelite #hero{height: 440px;}
.page-espace-fidelite #hero .text h1{font-size: 30px;line-height: 32px;}
.page-espace-fidelite #hero .text h1::first-line{font-size: 12px;letter-spacing: 3px;}
.page-espace-fidelite #content .text{width: calc(100% - 30px);padding: 45px 0 70px;}
.page-espace-fidelite #content .text h2{font-size: 26px;line-height: 28px;} .page-galerie-photo #hero{height: 340px;}
.page-galerie-photo #hero .text h1{font-size: 30px;line-height: 32px;}
.galerie-photo-section{padding: 45px 0 70px;}
.galerie-photo-section .galerie-photo-inner{width: calc(100% - 30px);}
.page-galerie-photo .galerie-filtres{gap: 14px;margin-bottom: 25px;}
.page-galerie-photo .galerie-filtre-reset{font-size: 13px;padding: 10px 16px;}
.page-galerie-photo .galerie-filtre-select{font-size: 12px;padding: 10px 36px 10px 14px;}
.galerie-photo-section .galerie-photo-grid,
.galerie-photo-section .galerie-photo-row{gap: 12px;}
.galerie-photo-section .galerie-photo-play{width: 44px;height: 44px;}
.galerie-photo-section .galerie-photo-play::after{border-width: 8px 0 8px 12px;}
.galerie-photo-section .galerie-lightbox__content{max-width: calc(100vw - 72px);}
.galerie-photo-section .galerie-lightbox__content img,
.galerie-photo-section .galerie-lightbox__content video{max-height: 68vh;}
.galerie-photo-section .galerie-lightbox__close{top: 10px;right: 10px;width: 40px;height: 40px;font-size: 24px;}
.galerie-photo-section .galerie-lightbox__nav{width: 40px;height: 40px;font-size: 22px;}
.galerie-photo-section .galerie-lightbox__nav--prev{left: 4px;}
.galerie-photo-section .galerie-lightbox__nav--next{right: 4px;} .single-boutique #hero{height: 440px;}
.single-boutique #hero .text h1{font-size: 30px;line-height: 32px;}
.single-boutique #content.page-builder{gap: 40px;padding: 45px 0;}
.single-boutique #content .page-builder__bloc--texte .text{width: calc(100% - 30px);}
.single-boutique #content .page-builder__bloc--texte .text h2{font-size: 26px;line-height: 28px;}
.single-boutique #content .page-builder__bloc--media .media{width: calc(100% - 30px);}
.single-boutique #content .page-builder__bloc--media-separator .media-separator{height: 220px;}
.single-boutique #content .page-builder__bloc--split .bloc-split{width: calc(100% - 30px);}
.single-boutique #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0 0 45px;}
.single-boutique .boutique-contact{padding: 40px 15px;gap: 25px;}
.single-boutique .boutique-contact .map-bloc .map{height: 260px;}
.single-boutique .boutique-hours{padding: 18px 16px;}
.single-boutique #boutiques{padding-bottom: 70px;}
.single-boutique #boutiques .title .content-title{width: 88%;padding: 45px 0;background-size: 75px 75px;}
.single-boutique #boutiques .title .content-title h2{font-size: 30px;line-height: 32px;}
.single-boutique #boutiques .boutiques-list{width: calc(100% - 30px);}
.single-boutique #boutiques .boutiques-list .card-boutique{width: 100%;} .single-produit #hero{height: 440px;}
.single-produit #hero .text h1{font-size: 30px;line-height: 32px;}
.single-produit #content.page-builder{gap: 40px;padding: 45px 0;}
.single-produit #content .page-builder__bloc--texte .text{width: calc(100% - 30px);}
.single-produit #content .page-builder__bloc--texte .text h2{font-size: 26px;line-height: 28px;}
.single-produit #content .page-builder__bloc--media .media{width: calc(100% - 30px);}
.single-produit #content .page-builder__bloc--media-separator .media-separator{height: 220px;}
.single-produit #content .page-builder__bloc--split .bloc-split{width: calc(100% - 30px);}
.single-produit #content .page-builder__bloc--galerie.galerie-photo-section{padding: 0 0 45px;}
.single-produit #produits{padding-bottom: 70px;}
.single-produit #produits .title .content-title{width: 88%;padding: 45px 0;background-size: 75px 75px;}
.single-produit #produits .title .content-title h2{font-size: 30px;line-height: 32px;}
.single-produit #produits .products-carousel{width: calc(100% - 30px);}
.single-produit #produits .products-carousel .owl-item{padding: 0 6px;} footer{padding: 40px 15px;gap: 25px;}
footer .logo{width: 80px;}
footer .menu-footer ul{flex-direction: column;align-items: center;gap: 0;}
footer .menu-footer ul li{width: 100%;}
footer .menu-footer ul li a{display: block;padding: 8px 0;}
footer .rs .rs-list{flex-wrap: wrap;gap: 12px;}
footer .rs .mention a{font-size: 13px;}
}