/*!
Theme Name: Ressourcerie La Dirigeable
Template: Divi
Description: Un theme créé par Bleuebuzz
Version: 1.0
Author: Bleuebuzz
Author URI: https://www.bleuebuzz.fr
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mansalva&display=swap');

/* global */
.scrib {font-family: "Mansalva", sans-serif;font-weight: 400;font-style: normal;color: #38B185;}
body{overflow-x: hidden;}

/* cta */
a.cta-light { height: 60px; padding: 0 30px; font-size: 1.3rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #191919; z-index: 0; border: 1px solid #191919; border-radius:30px; background: rgb(255,255,255,0); overflow: hidden; text-decoration: none !important; display: inline-flex; align-items: center; justify-content: center; }
a.cta-light:hover { color: #fff; transition: all .5s; }
a.cta-light:after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-black.svg); margin-left: 20px; top: 2px; position: relative; }
a.cta-light:hover::after, a.cta-light-bl:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-white.svg); margin-left: 20px; top: 2px; position: relative; transition: all .5s; }
a.cta-light::before { content: ''; position: absolute; top: 60px; left: 0; width: 100%; height: 100%; background: #191919; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }
a.cta-light:hover::before, a.cta-light-bl:hover::before, a.cta-dark:hover::before, a.cta-dark-bl:hover::before { top: 0px; border-radius: 0; }

a.cta-light-bl { height: 60px; padding: 0 30px; font-size: 1.3rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #38B185; z-index: 0; border: 1px solid #38B185; border-radius:30px; background: rgb(255,255,255,0); overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-light-bl:hover { color: #fff; transition: all .5s; }
a.cta-light-bl:after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-green.svg); margin-left: 20px; top: 2px; position: relative; }
a.cta-light-bl::before { content: ''; position: absolute; top: 60px; left: 0; width: 100%; height: 100%; background: #38B185; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }

a.cta-dark { height: 60px; padding: 0 30px; font-size: 1.3rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #fff; z-index: 0; border: 1px solid #191919; border-radius:30px; background: #191919; overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-dark:hover { color: #191919; transition: all .5s; }
a.cta-dark:after, a.cta-dark-bl:after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-white.svg); margin-left: 20px; top: 2px; position: relative; }
a.cta-dark:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-black.svg); margin-left: 20px; top: 2px; position: relative; transition: all .5s; }
a.cta-dark::before { content: ''; position: absolute; top: 60px; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }

a.cta-dark-bl { height: 60px; padding: 0 30px; font-size: 1.3rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #fff; z-index: 0; border: 1px solid #38B185; border-radius:30px; background: #38B185; overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-dark-bl:hover { color: #38B185; transition: all .5s; }
a.cta-dark-bl:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-green.svg); margin-left: 20px; top: 2px; position: relative; transition: all .5s; }
a.cta-dark-bl::before { content: ''; position: absolute; top: 60px; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }

/* cta-s */
a.cta-light-s { height: 40px; padding: 0 20px; font-size: 1rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #191919; z-index: 0; border: 1px solid #191919; border-radius:30px; background: rgb(255,255,255,0); overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-light-s:hover { color: #fff; transition: all .5s; }
a.cta-light-s:after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-black-s.svg); margin-left: 10px; top: 1px; position: relative; }
a.cta-light-s:hover::after, a.cta-light-b-s:hover::after, a.cta-light-bl-s:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-white-s.svg); margin-left: 10px; top: 1px; position: relative; transition: all .5s; }
a.cta-light-s::before { content: ''; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; background: #191919; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }
a.cta-light-s:hover::before, a.cta-dark-s:hover::before, a.cta-light-b-s:hover::before, a.cta-dark-b-s:hover::before, a.cta-light-bl-s:hover::before, a.cta-dark-bl-s:hover::before { top: 0px; border-radius: 0; }

a.cta-light-bl-s { height: 40px; padding: 0 20px; font-size: 1rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #38B185; z-index: 0; border: 1px solid #38B185; border-radius:30px; background: rgb(255,255,255,0); overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-light-bl-s:hover { color: #fff; transition: all .5s; }
a.cta-light-bl-s:after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-green-s.svg); margin-left: 10px; top: 1px; position: relative; }
a.cta-light-bl-s::before { content: ''; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; background: #38B185; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }

a.cta-dark-s { height: 40px; padding: 0 20px; font-size: 1rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #fff; z-index: 0; border: 1px solid #191919; border-radius:30px; background: #191919; overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-dark-s:hover { color: #191919; transition: all .5s; }
a.cta-dark-s:after, a.cta-dark-b-s:after, a.cta-dark-bl-s:after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-white-s.svg); margin-left: 10px; top: 1px; position: relative; }
a.cta-dark-s:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-black-s.svg); margin-left: 10px; top: 1px; position: relative; transition: all .5s; }
a.cta-dark-s::before { content: ''; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }

a.cta-dark-bl-s { height: 40px; padding: 0 20px; font-size: 1rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #fff; z-index: 0; border: 1px solid #38B185; border-radius:30px; background: #38B185; overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-dark-bl-s:hover { color: #38B185; transition: all .5s; }
a.cta-dark-bl-s:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-green-s.svg); margin-left: 10px; top: 1px; position: relative; transition: all .5s; }
a.cta-dark-bl-s::before { content: ''; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }

/* cta footer */
a.cta-footer { height: 40px; padding: 0 20px; font-size: 1rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 400; position: relative; color: #fff!important; z-index: 0; border: 1px solid #fff; border-radius:30px; background: rgb(255,255,255,0); overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-footer:hover { color: #fff!important; transition: all .5s; }
a.cta-footer:after { content:url(/wp-content/themes/dirigeable/assets/img/Icon-core-envelope-letter.svg); margin-left: 10px; top: 1px; position: relative; }
a.cta-footer:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-white-s.svg); margin-left: 10px; top: 1px; position: relative; transition: all .5s; }
a.cta-footer::before { content: ''; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; background: #38B185; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }
a.cta-footer:hover::before { top: 0px; border-radius: 0; }

/* header */
.header-container {display:flex; flex-direction: row; justify-content: space-between;}
.header-menu {display: flex;flex-direction: column;align-items: end;}
.header-links {margin-bottom: 15px!important;}
.header-nav {}
ul#menu-menu-principal {display: flex;flex-direction: row;align-items: stretch;}
ul#menu-menu-principal > li {max-width: 185px; margin-left: 3vw; line-height: 22px; text-align: center;display:flex;align-items: center;padding-bottom:27px;}
ul#menu-menu-principal > li > a {position:relative;}
ul#menu-menu-principal > li.current-menu-item > a:before {content: "";display: block;height: 5px;background: #38B185;border-radius: 2.5px;position: absolute;bottom: 0;left: 0;width: 100%;transition:all .3s;}
ul#menu-menu-principal > li > a:before {content: "";display: block;height: 5px;background: #38B185;border-radius: 2.5px;position: absolute;bottom: 0;left: 0;width: 0%;transition:all .3s;}
ul#menu-menu-principal > li > a:hover:before {width: 100%;transition:all .3s;}

/*header menu mobile*/
.et_pb_menu_0_tb_header.et_pb_menu .mobile_nav .et_mobile_menu{background-color:#202020!important;}
.et_mobile_menu .menu-item-has-children > a{font-weight: 400;}
.et_mobile_menu .img-menu{display:none;}
.et_pb_menu_0_tb_header.et_pb_menu .mobile_nav .et_mobile_menu li:hover>a{color:#fff !important;opacity:1;}
.et_mobile_menu{border-top:none;background: #202020;width: 98vw;right: -4vw;left: auto;border-radius: 30px!important;padding: 30px 0!important;}
.et_mobile_menu li{background: #202020;}
.et_mobile_menu li a{padding-top:15px;padding-bottom:15px;}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a{color:#fff !important;padding-top: 25px;padding-bottom: 25px;}
.et_pb_menu .et_mobile_menu li ul.hide{display:none !important;}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul.sub-menu{background-color: #202020 !important;}
#page-container .mobile_nav .menu-item-has-children { position: relative;}
#page-container .mobile_nav .menu-item-has-children > a + span {position: absolute;right: 0; top: 13px; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3;}
#page-container span.menu-closed:before { content: "\4c"; display: block; color: #38b185; font-size: 18px; font-family: ETmodules;}
#page-container span.menu-closed.menu-open:before { content: "\4d";}

/* mega menu sub-menu */
#menu-menu-principal .mega-menu > .sub-menu{width: 80vw;right: 0;left: auto !important;background: #202020 !important;border-radius: 30px;color: #fff;border: none;padding: 40px 70px;display: flex;align-items: stretch;}
#menu-menu-principal .mega-menu > .sub-menu > li.img-menu{background:url(/wp-content/uploads/2024/10/logo-dirigeable.png) center no-repeat;background-size: contain;}
#menu-menu-principal .mega-menu > .sub-menu > li.img-menu a{display:none;}
#menu-menu-principal .mega-menu > .sub-menu > li > a{color: #fff !important;font-family: 'Mansalva', sans-serif;font-size: 29px;font-weight: 400;text-transform: none;padding-bottom: 30px;position:relative;margin-bottom: 20px;}
#menu-menu-principal .mega-menu > .sub-menu > li > a:after {content: "";display: block;width: 80%;max-width: 110px;height: 10px;background: #333332;position: absolute;bottom: 0;top: auto;left: 20px;border-radius: 10px;}
#menu-menu-principal .mega-menu > .sub-menu > li > a span{color: #38B185;}
#menu-menu-principal .mega-menu > .sub-menu > li > .sub-menu{background: #202020 !important;}
#menu-menu-principal .mega-menu > .sub-menu > li > .sub-menu > li{background: #202020 !important;}
#menu-menu-principal .mega-menu > .sub-menu > li > .sub-menu > li > a{color: #fff !important; text-transform: none;}
#menu-menu-principal .mega-menu .sub-menu a:hover,
#menu-menu-principal .mega-menu > .sub-menu > li > a:hover,
#menu-menu-principal .mega-menu > .sub-menu > li > a:hover span,
#menu-menu-principal .mega-menu > .sub-menu > li > .sub-menu > li > a:hover{color: #38B185 !important; opacity: 1;transition: all .3s;}

/* cta header */
a.cta-header-news {margin-right:15px; height: 35px; text-transform: uppercase; padding: 0 15px; font-size: 0.9rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 600; position: relative; color: #202020!important; z-index: 0; border: 1px solid #202020; border-radius:30px; background: rgb(255,255,255,0); overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-header-news:hover { color: #fff!important; transition: all .5s; }
a.cta-header-news:after { content:url(/wp-content/themes/dirigeable/assets/img/Icon-core-envelope-letter-s-dark.svg); margin-left: 10px; top: 1px; position: relative; }
a.cta-header-news:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-white-s.svg); margin-left: 10px; top: 2px; position: relative; transition: all .5s; }
a.cta-header-news:before { content: ''; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; background: #202020; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }
a.cta-header-news:hover::before { top: 0px; border-radius: 0;}

a.cta-header-shop { height: 35px; text-transform: uppercase; padding: 0 15px; font-size: 0.9rem; font-family: 'Sarabun',Helvetica,Arial,Lucida,sans-serif; font-weight: 600; position: relative; color: #fff!important; z-index: 0; border: 1px solid #38B185; border-radius:30px; background: #38B185; overflow: hidden; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
a.cta-header-shop:hover { color: #38B185!important; transition: all .5s; }
a.cta-header-shop:after { content:url(/wp-content/themes/dirigeable/assets/img/Icon-akar-shopping-bag.svg); margin-left: 10px; top: 2px; position: relative; }
a.cta-header-shop:hover::after { content:url(/wp-content/themes/dirigeable/assets/img/cta-arrow-green-s.svg); margin-left: 10px; top: 1px; position: relative; transition: all .5s; }
a.cta-header-shop:before { content: ''; position: absolute; top: 40px; left: 0; width: 100%; height: 100%; background: #fff; border-radius: 50% 50% 0% 0%; z-index: -1; transition: all .5s; }
a.cta-header-shop:hover::before { top: 0px; border-radius: 0;}

/* Menu Mentions */
ul#menu-menu-mentions {padding:0; list-style-type: none;display: flex;flex-direction: row;}
ul#menu-menu-mentions li > a {margin-right: 20px;}
@media screen and (max-width:768px){
  ul#menu-menu-mentions {flex-direction: column;align-items: center;}
  ul#menu-menu-mentions li > a {margin-right: 0;}
}

/* Texte Defilant HP */
.marquee__part, .marquee__part2 {flex-shrink: 0;padding: 0 1vw;font-smooth: always;display: flex;}
.marquee__part img {margin:0 2vw; width:10vw;}
.marquee {color: #202020; font-weight: 900; font-size: 8vw;line-height: 20vh;padding: 32px 0; position: relative; overflow: hidden;font-family: "inter", sans-serif;letter-spacing: 0.25vw;}
.marquee__inner, .marquee__inner2 {-webkit-font-smoothing: antialiased; width: fit-content; display: flex; flex: auto; flex-direction: row;}
.mot-blanc {color: #fff;}

@media screen and (max-width:768px){
  .marquee {line-height: 2.1em;}
}

/* Slider-gallery */
#slides {width: auto;margin: auto; overflow: hidden; width: 100%;}
.slide.bancar-img {display: inline-block;width: 400px;}

/* defilement images */
.container {display: flex;justify-content: center;align-items: center;}
.wrapper > div {position: relative;display: flex;align-items: flex-start;overflow: hidden;}
.wrapper .box {flex-shrink:0;padding:10px;box-sizing:border-box;width:28%;}
.wrapper .box:nth-child(odd) {margin-top:25px;}
.wrapper .box img{border-radius:30px;}

@media screen and (max-width:768px){
  .wrapper .box {width:36%;}
  .wrapper .box img{border-radius:15%;}
}

@media screen and (max-width:640px){
  .wrapper .box {width:48%;}
  .wrapper .box img{border-radius:15%;}
}

@media screen and (max-width:420px){
  .wrapper .box {width:82%;}
  .wrapper .box img{border-radius:15%;}
}

/* slider swiper */
.swiper-button-next:after,
.swiper-button-prev:after{font-size:30px;}
.swiper-pagination-bullet-active{background:#38B185;}
.swiper-sl{width: 90%;max-width: 1440px;margin: 0 auto;position: relative;overflow-x: hidden;}
.swiper-sl .swiper-slide{max-width: none;}
.swiper-sl .swiper-slide .swiper-img-left{width:calc(50% + 215px);margin-right: -215px;}
.swiper-sl .swiper-slide .swiper-text-right{width:calc(50% + 215px);margin-left: -215px;margin-top:240px;padding: 100px 130px; box-sizing: border-box;border-radius: 30px;}
.swiper-sl .swiper-btn{position: absolute;top: 90px;left: calc(50% + 300px);width: 50px;height: 110px;}
.swiper-sl .swiper-btn .swiper-button-prev,
.swiper-sl .swiper-btn .swiper-button-next{width: 50px;height: 50px;left: 0;display: flex;align-items: center;border-radius: 100%;background: #fff;box-sizing: border-box;border: solid 2px #38B185;margin: 0;transition:all .3s;}
.swiper-sl .swiper-btn .swiper-button-prev:hover,
.swiper-sl .swiper-btn .swiper-button-next:hover{background: #38B185;transition:all .3s;}
.swiper-sl .swiper-btn .swiper-button-prev:after,
.swiper-sl .swiper-btn .swiper-button-next:after{color:#38B185;transition:all .3s;}
.swiper-sl .swiper-btn .swiper-button-prev:hover:after,
.swiper-sl .swiper-btn .swiper-button-next:hover:after{color: #fff;transition:all .3s;}
.swiper-sl .swiper-btn .swiper-button-prev{top: 0;}
.swiper-sl .swiper-btn .swiper-button-next{top: 60px;}

/* swiper tem */
.swiper-tem{overflow: hidden;width:90%;max-width: 1300px;margin: 0 auto;}
.swiper-tem .swiper-wrapper{}
.swiper-tem .swiper-slide{max-width:1300px; width:90%; margin-top: 0;margin-bottom: 0;}
.swiper-tem .swiper-btn{position: absolute;top: 0;right: 70px;width: 50px;height: 110px;}
.swiper-tem .swiper-btn .swiper-button-prev,
.swiper-tem .swiper-btn .swiper-button-next{width: 50px;height: 50px;left: 0;display: flex;align-items: center;border-radius: 100%;background: #fff;box-sizing: border-box;border: solid 2px #38B185;margin: 0;transition: all .3s;}
.swiper-tem .swiper-btn .swiper-button-prev:hover,
.swiper-tem .swiper-btn .swiper-button-next:hover{background: #38B185;transition:all .3s;}
.swiper-tem .swiper-btn .swiper-button-prev:after,
.swiper-tem .swiper-btn .swiper-button-next:after{color:#38B185;transition:all .3s;font-size:27px;}
.swiper-tem .swiper-btn .swiper-button-prev:hover:after,
.swiper-tem .swiper-btn .swiper-button-next:hover:after{color: #fff;transition:all .3s;}
.swiper-tem .swiper-btn .swiper-button-prev{top: 0;}
.swiper-tem .swiper-btn .swiper-button-next{top: 60px;}

@media screen and (max-width:640px){
  .swiper-tem{padding-top:60px !important;}
  .swiper-tem .swiper-slide{width:100%;}
  .swiper-tem .swiper-btn{right: calc(50% - 55px);width: 110px;height: 50px;}
  .swiper-tem .swiper-btn .swiper-button-prev, 
  .swiper-tem .swiper-btn .swiper-button-next{width:50px;height:50px;}
  .swiper-tem .swiper-btn .swiper-button-next{top: 0;left: 60px;}
}

/* swiper ateliers */
.ateliers-container{overflow:visible!important;}
.swiper-ateliers{overflow-x: hidden;width:90%;max-width: 1300px;margin: 0 auto;padding-top: 150px!important;top: -150px;}
.swiper-ateliers .swiper-wrapper{}
.swiper-ateliers .swiper-slide{max-width:1300px; width: 30%;margin-top: 0;margin-bottom: 0;}
.swiper-ateliers .swiper-btn{position: absolute;top: 0;right: 00px;width: 50px;height: 110px;}
.swiper-ateliers .swiper-btn .swiper-button-prev,
.swiper-ateliers .swiper-btn .swiper-button-next{width: 50px;height: 50px;left: 0;display: flex;align-items: center;border-radius: 100%;background: #fff;box-sizing: border-box;border: solid 2px #38B185;margin: 0;transition: all .3s;}
.swiper-ateliers .swiper-btn .swiper-button-prev:hover,
.swiper-ateliers .swiper-btn .swiper-button-next:hover{background: #38B185;transition:all .3s;}
.swiper-ateliers .swiper-btn .swiper-button-prev:after,
.swiper-ateliers .swiper-btn .swiper-button-next:after{color:#38B185;transition:all .3s;font-size:27px;}
.swiper-ateliers .swiper-btn .swiper-button-prev:hover:after,
.swiper-ateliers .swiper-btn .swiper-button-next:hover:after{color: #fff;transition:all .3s;}
.swiper-ateliers .swiper-btn .swiper-button-prev{top: 0;}
.swiper-ateliers .swiper-btn .swiper-button-next{top: 60px;}

@media screen and (max-width:640px){
  .swiper-ateliers .swiper-btn{right: calc(50% - 55px);width: 110px;height: 50px;top: 90px;}
  .swiper-ateliers .swiper-btn .swiper-button-prev, 
  .swiper-ateliers .swiper-btn .swiper-button-next{width:50px;height:50px;}
  .swiper-ateliers .swiper-btn .swiper-button-next{top: 0;left: 60px;}
}

/* swiper ateliers et prestations */
.swiper-ap{overflow: hidden;padding-bottom:50px;}
.swiper-ap .swiper-slide{max-width: none;}
.swiper-ap .swiper-btn{position: absolute;top: 0;right: 0;width: 50px;height: 110px;}
.swiper-ap .swiper-btn .swiper-button-prev,
.swiper-ap .swiper-btn .swiper-button-next{width: 50px;height: 50px;left: 0;display: flex;align-items: center;border-radius: 100%;background: #fff;box-sizing: border-box;border: solid 2px #38B185;margin: 0;transition:all .3s;}
.swiper-ap .swiper-btn .swiper-button-prev:hover,
.swiper-ap .swiper-btn .swiper-button-next:hover{background: #38B185;transition:all .3s;}
.swiper-ap .swiper-btn .swiper-button-prev:after,
.swiper-ap .swiper-btn .swiper-button-next:after{color:#38B185;transition:all .3s;}
.swiper-ap .swiper-btn .swiper-button-prev:hover:after,
.swiper-ap .swiper-btn .swiper-button-next:hover:after{color: #fff;transition:all .3s;}
.swiper-ap .swiper-btn .swiper-button-prev{top: 0;}
.swiper-ap .swiper-btn .swiper-button-next{top: 60px;}

@media screen and (max-width:1280px){
}

@media screen and (max-width:768px){
  .swiper-ap{padding-top: 100px;margin-top: -100px;}
  .swiper-ap:first-child{margin-bottom: 100px;}
  .swiper-ap .swiper-btn{top: 40px;left: calc(50% - 55px);width: 110px;height: 50px;}
  .swiper-ap .swiper-btn .swiper-button-next{top: 0;left: 60px;}
}

/* swiper partenaires */
.swiper-partenaires{overflow: hidden;padding-top: 120px !important;top: -120px;margin-bottom: -120px;}
.swiper-partenaires .swiper-btn{position: absolute;top: 0;right: 0;width: 50px;height: 110px;}
.swiper-partenaires .swiper-btn .swiper-button-prev,
.swiper-partenaires .swiper-btn .swiper-button-next{width: 50px;height: 50px;display: flex;align-items: center;border-radius: 100%;background: transparent;box-sizing: border-box;border: solid 2px #38B185;margin: 0;transition:all .3s;left:0;}
.swiper-partenaires .swiper-btn .swiper-button-prev:hover,
.swiper-partenaires .swiper-btn .swiper-button-next:hover{background: #38B185;transition:all .3s;}
.swiper-partenaires .swiper-btn .swiper-button-prev:after,
.swiper-partenaires .swiper-btn .swiper-button-next:after{color:#38B185;transition:all .3s;}
.swiper-partenaires .swiper-btn .swiper-button-prev:hover:after,
.swiper-partenaires .swiper-btn .swiper-button-next:hover:after{color: #fff;transition:all .3s;}
.swiper-partenaires .swiper-btn .swiper-button-prev{top: 0;}
.swiper-partenaires .swiper-btn .swiper-button-next{top: 60px;}

@media screen and (max-width:768px){
  .swiper-partenaires .swiper-btn{top: 80px;right: calc(50% - 55px);width: 110px;height: 50px;}
  .swiper-partenaires .swiper-btn .swiper-button-prev{top: 0;} 
  .swiper-partenaires .swiper-btn .swiper-button-next{top: 0px;left:60px;}
}

/* swiper ateliers 2 */
.swiper-ateliers-2{overflow: hidden;}
.swiper-ateliers-2 .swiper-slide{padding-left:10%;padding-right:10%;}
.swiper-ateliers-2 .swiper-btn{position: absolute;top: 0;right: 0;width: 50px;height: 110px;}
.swiper-ateliers-2 .swiper-btn .swiper-button-prev,
.swiper-ateliers-2 .swiper-btn .swiper-button-next{width: 50px;height: 50px;display: flex;align-items: center;border-radius: 100%;background: transparent;box-sizing: border-box;border: solid 2px #38B185;margin: 0;transition:all .3s;left:0;}
.swiper-ateliers-2 .swiper-btn .swiper-button-prev:hover,
.swiper-ateliers-2 .swiper-btn .swiper-button-next:hover{background: #38B185;transition:all .3s;}
.swiper-ateliers-2 .swiper-btn .swiper-button-prev:after,
.swiper-ateliers-2 .swiper-btn .swiper-button-next:after{color:#38B185;transition:all .3s;}
.swiper-ateliers-2 .swiper-btn .swiper-button-prev:hover:after,
.swiper-ateliers-2 .swiper-btn .swiper-button-next:hover:after{color: #fff;transition:all .3s;}
.swiper-ateliers-2 .swiper-btn .swiper-button-prev{top: 0;}
.swiper-ateliers-2 .swiper-btn .swiper-button-next{top: 60px;}

@media screen and (max-width:768px){
.swiper-ateliers-2{padding-top:70px;}
.swiper-ateliers-2 .swiper-slide{padding-left:0;padding-right:0;}
.swiper-ateliers-2 .swiper-btn{top: 0;right: calc(50% - 55px);width: 110px;height: 50px;}
.swiper-ateliers-2 .swiper-btn .swiper-button-next{top: 0;left:60px;}
}

/* swiper galatelier */
.galatelier {overflow: hidden;}
.galatelier .swiper-wrapper .et_pb_module.et_pb_image.swiper-slide .et_pb_image_wrap {border-radius:30px 30px 30px 30px!important;overflow: hidden;}
.galatelier .swiper-btn{position: absolute;top: 0;left: 0;width: 50px;height: 110px;}
.galatelier .swiper-btn .swiper-button-prev,
.galatelier .swiper-btn .swiper-button-next{width: 50px;height: 50px;display: flex;align-items: center;border-radius: 100%;background: transparent;box-sizing: border-box;border: solid 2px #38B185;margin: 0;transition:all .3s;left:0;}
.galatelier .swiper-btn .swiper-button-prev:hover,
.galatelier .swiper-btn .swiper-button-next:hover{background: #38B185;transition:all .3s;}
.galatelier .swiper-btn .swiper-button-prev:after,
.galatelier .swiper-btn .swiper-button-next:after{color:#38B185;transition:all .3s;}
.galatelier .swiper-btn .swiper-button-prev:hover:after,
.galatelier .swiper-btn .swiper-button-next:hover:after{color: #fff;transition:all .3s;}
.galatelier .swiper-btn .swiper-button-prev{top: 0;}
.galatelier .swiper-btn .swiper-button-next{top: 0; left: 80px;}

/*** FORM ***/
form span input[type=text],
form span input[type=tel],
form span input[type=email],
form span select{width:100% !important;box-sizing: border-box;height:50px;line-height:50px;padding: 10px 10px 10px 20px !important;border-radius:30px; border:none!important;background:#fff!important;border:1px solid #191919!important;font-size: 15px;color:#191919!important;font-weight: 300;margin: 10px 0;}
form span textarea{width:100% !important;box-sizing: border-box;height:100px;line-height:20px;padding: 10px 10px 10px 20px !important;border-radius:30px; border:none!important;background:#fff!important;font-size: 15px;border:1px solid #191919!important;color:#191919!important;font-weight: 300;margin: 10px 0;}
form span input[type=text]::placeholder,
form span input[type=tel]::placeholder,
form span input[type=password]::placeholder,
form span input[type=email]::placeholder,
form span textarea::placeholder
form span select {color:#191919!important;}
form .rowcheckbox {width:100%;font-size: 12px;margin-bottom: 15px;box-sizing: border-box; line-height: 20px; text-align: left;padding-left: 15px;}
form .rowcheckbox .wpcf7-list-item {margin-left:15px;}
form .rowcheckbox .checkbox-contact-choice {width:100%;font-size: 16px;margin-bottom: 15px;box-sizing: border-box;text-align: left; color: #ea544b;}
form span .label, form div .label{color:#191919;}
form .row-submit {display:flex;justify-content:center;position:relative;padding-top: 20px;}
form .row-submit .wpcf7-spinner {position:absolute;top: 8px; left: calc(50% + 90px);}
form .row-submit .btn-submit-form{border:1px solid #191919!important;font-size: 24px;background-color: #191919;padding: 15px 30px;color: #fff!important;border-radius: 50px;cursor: pointer;}
form .row-submit .btn-submit-form:hover{border:1px solid #191919!important; background-color:#fff;color: #191919!important;}
form .wpcf7-validation-errors{color:#fff;background: #ea544b;padding:10px 20px;border:none;}
form .span.wpcf7-not-valid-tip{display:none;}
form .acceptance{font-size: 10px; line-height: normal;display: inline-block;line-height: 15px;}
form .acceptance label > span,
form .acceptance label > input{vertical-align: top;}
form .acceptance label > span{max-width:600px;position:relative;top:2px;line-height: 20px;}

/*** FORM MAILCHIMP ***/
form .mc4wp-form-fields p {padding-bottom:0;}
form .mc4wp-form-fields p input[type=text],
form .mc4wp-form-fields p input[type=email] {width:100% !important;box-sizing: border-box;height:50px;line-height:50px;padding: 10px 10px 10px 20px !important;border-radius:30px; border:none!important;background:#fff!important;border:1px solid #191919!important;font-size: 15px;color:#191919!important;font-weight: 300;margin: 10px 0;}
form .mc4wp-form-fields p label {width:100%;font-size: 12px;margin-bottom: 15px;box-sizing: border-box; line-height: 20px; text-align: left;}
form .mc4wp-form-fields p.submit {text-align: center;margin-top:30px;}
form .mc4wp-form-fields p input[type=submit]{border:1px solid #191919!important;font-size: 24px;background-color: #191919;padding: 15px 30px;color: #fff!important;border-radius: 50px;cursor: pointer;}
form .mc4wp-form-fields p input[type=submit]:hover{border:1px solid #191919!important; background-color:#fff;color: #191919!important;}

/* form erreur */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {background-color: #ea544b; border-color: #ea544b!important;color:#fff;}
.wpcf7 form.sent .wpcf7-response-output {background-color: #46b450;color:#fff;}
span.wpcf7-not-valid-tip{display:none;}
span.wpcf7-not-valid-tip[aria-invalid="true"]{border:solid 1px #ea544b !important;}
form span input[type=text][aria-invalid="true"], 
form span input[type=tel][aria-invalid="true"], 
form span input[type=email][aria-invalid="true"], 
form span select[aria-invalid="true"]{border:solid 1px #ea544b !important;}
.form-news span.wpcf7-not-valid-tip{display:block;}
.form-news .wpcf7-validation-errors{display:none !important;}
.form-news.invalid .row .email{height: auto !important;} 
.form-news.invalid .row .email span[role="alert"]{font-size:13px;} 
.form-news.invalid .row .Nom{height: auto !important;} 
.form-news.invalid .row .Nom span[role="alert"]{font-size:13px;}

/* Map */
.gm-style-iw-d > div h3 {font-size: 18px!important;}

/* textscroll */
.textscroll::-webkit-scrollbar {width: 10px;}
.textscroll::-webkit-scrollbar-track { box-shadow: inset 0 0 1px grey; border-radius: 10px;}
.textscroll::-webkit-scrollbar-thumb { background: #38B185; border-radius: 10px;}
.textscroll::-webkit-scrollbar-thumb:hover {background: #38B185;}
/*.textscroll:after {content:""; background-color: #ea544b;position: absolute;left:0;bottom:0;height: 20px;width:100%;}*/
.text-hide:after{content: "";display: block;height: 60px;position: absolute;bottom: 0;background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);z-index: 999;left: 0;width: calc(100% - 70px);}


/* sliders ateliers & presta HP */
.ap-resume .et_pb_blurb_content {display: flex;flex-direction: column;align-items: end;width:100%;max-width: 100%;}
.ap-resume .et_pb_blurb_content .et_pb_blurb_container {background-color:#FAF9F2; border-radius:30px; padding: 40px 20px;max-width: 80%;margin-top:-80px; position: relative;}
.ap-resume .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description .ap-title {font-size: 28px; font-weight: 600;}
.ap-resume .et_pb_blurb_content .et_pb_main_blurb_image {margin-bottom: 0;}
.ap-resume .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {border-radius:30px!important;max-width: 70%;}

@media screen and (max-width:768px){
    .ap-resume .et_pb_blurb_content {align-items: center;}
    .ap-resume .et_pb_blurb_content .et_pb_blurb_container {margin-top:-120px;}
    .ap-resume .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {max-width: 100%;}
}

@media screen and (max-width:640px){
    .ap-resume .et_pb_blurb_content .et_pb_blurb_container {margin-top:-30px;max-width: 90%;padding: 30px 20px;}
    .ap-resume .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description .ap-title {font-size: 24px;}
}

.ap-resume-presta .et_pb_blurb_content {display: flex;flex-direction: column;align-items: end;width:100%;max-width: 100%;}
.ap-resume-presta .et_pb_blurb_content .et_pb_blurb_container {background-color:#FAF9F2; border-radius:30px; padding: 40px 20px;max-width: 80%;margin-top:-80px; position: relative;}
.ap-resume-presta .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description .ap-title {font-size: 28px; font-weight: 600;}
.ap-resume-presta .et_pb_blurb_content .et_pb_main_blurb_image {margin-bottom: 0;}
.ap-resume-presta .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {border-radius:30px!important;max-width: 70%;}

@media screen and (max-width:768px){
    .ap-resume-presta .et_pb_blurb_content {align-items: center;}
    .ap-resume-presta .et_pb_blurb_content .et_pb_blurb_container {margin-top:-120px;}
    .ap-resume .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {max-width: 100%;}
    .ap-resume-presta .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap{max-width: 100%;} 
}

@media screen and (max-width:640px){
    .ap-resume-presta .et_pb_blurb_content .et_pb_blurb_container {margin-top:-30px;max-width: 90%;padding: 30px 20px;}
    .ap-resume-presta .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description .ap-title {font-size: 24px;}
}

/* hpflux */
.hpflux-intro {background-color: #FAF9F2;border-radius: 30px;display: flex;flex-direction: column;justify-content: center;align-items: center!important;border: solid .5rem #fff;}
.feed-item div.wpra-grid-item {height: 40vh!important;border-radius: 30px;}
.hpflux-title {font-size: 30px;margin-bottom: 30px;margin-top: 30px;text-align: center;line-height: 38px;}
.wpra-item-grid .wpra-item {padding: 1rem;}
.wpra-grid-item--image-background .wpra-grid-item__content {border-radius: 30px!important;align-items: center;}
.hpflux-intro .et_pb_divider_3.et_pb_module {margin-left: auto !important; margin-right: auto !important;}
.wpra-grid-item--image-background .wpra-grid-item__content{justify-content: flex-end;}
.wpra-grid-item--image-background .wpra-grid-item__content .wpra-grid-item__information{margin-top: 0 !important;}
.wpra-grid-item__title {text-align: center;}

/*Complianz*/
.cmplz-cookiebanner {border-radius:30px!important;}
.cmplz-cookiebanner .cmplz-title {font-weight: 800!important; font-size: 45px!important; padding: 15px;}
.cmplz-description {line-height: 18px!important; font-weight: 300!important;}
.cmplz-icon.cmplz-open {line-height:0.5em;}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {color:#191919!important;text-transform: uppercase;}
#cmplz-document{max-width: 100%;}
#cmplz-document p {font-size: large;line-height: 1.45em;}
.cmplz-btn {border-radius: 30px!important;}

@media screen and ( max-width: 480px ) {

  .cmplz-cookiebanner {padding: 0 20px 20px 20px!important;margin: 10px 10px 10px 10px!important;width: 95%!important;background:rgb(255,255,255,0.85)!important}
  .cmplz-cookiebanner .cmplz-header {display: flex!important;justify-content: space-between;}
  .cmplz-cookiebanner .cmplz-title {display:block!important;font-size: 26px!important;padding:15px 0!important;}
  .cmplz-cookiebanner .cmplz-body {display: none!important;}
  .cmplz-links.cmplz-documents, .cmplz-btn.cmplz-view-preferences, .cmplz-cookiebanner .cmplz-divider {display: none!important;}
  .cmplz-buttons {display:flex;flex-direction: row!important;}
}