:root {
--maxwidth: 1640px;
--font1: 'GeneralSans', sans-serif;
--font2: 'Fraunces', sans-serif;
--font3: 'Fraunces Soft', sans-serif;
--font4: 'Fraunces SuperSoft', sans-serif;
--fontSizeH1: 100px;
--fontSizeH2: 72px;
--fontSizeH3: 39px;
--fontSizeH4: 30px;
--fontSizeH5: 27px;
--fontSizeP1: 20px;
--fontSizeP2: 18px;
--fontSizeA1: 20px;
--black: #0f0f0f;
--white: #F2F7F7;
--blue: #27387B;
--blueLight: #F2F7F7; --cyan: #A5EDFF;
--border: 3px solid var(--blue);
--borderAlt: 3px solid var(--cyan);
}
@media (max-width: 1720px) {
:root {
--maxwidth: calc(100% - 80px);
--fontSizeH1: 80px;
--fontSizeH2: 60px;
--fontSizeH3: 34px;
--fontSizeH4: 27px;
--fontSizeH5: 24px;
--fontSizeP1: 20px;
--fontSizeP2: 20px;
--fontSizeA1: 18px;
}
}
@media (max-width: 1440px) {
:root {
--fontSizeH1: 70px;
--fontSizeH2: 56px;
--fontSizeH3: 29px;
--fontSizeH4: 22px;
--fontSizeH5: 20px;
--fontSizeP1: 18px;
--fontSizeP2: 18px;
--fontSizeA1: 16px;
}
}
@media (max-width: 800px) {
:root {
--maxwidth: calc(100% - 40px);
--fontSizeH1: 50px;
--fontSizeH2: 40px;
--fontSizeH3: 26px;
--fontSizeH4: 20px;
--fontSizeH5: 18px;
--fontSizeP1: 16px;
--fontSizeP2: 16px;
--fontSizeA1: 16px;
}
.font-size-mob-1 {font-size: 16px!important;}
.font-size-mob-2 {font-size: 18px!important;}
.font-size-mob-3 {font-size: 20px!important;}
.font-size-mob-4 {font-size: 52px!important;}
.flex-basis-auto {flex-basis: auto!important;}
}
@media (max-width: 600px) {
:root {
--fontSizeH1: 44px;
--fontSizeH2: 30px;
}
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
overflow: auto;
scroll-behavior: smooth;
scroll-padding-top: 100px;
}
body {
position: relative;
width: 100%;
max-width: 100%;
margin: 0;
font-family: var(--font1);
color: var(--white);
background-color: var(--blue);
overflow: hidden;
}
#page {
min-height: calc(100vh - 200px);
justify-content: space-between;
}
.main {
width: 100%;
max-width: var(--maxwidth);
min-height: 75vh;
}
.main.flex__col {
justify-content: flex-start;
}
.main > h1 {
margin-top: 160px;
}
@media (max-width: 1340px) {
.main > h1 {
margin-top: 100px;
}
}
h1 {
font-family: var(--font4);
font-size: var(--fontSizeH1);
font-weight: 300;
}
h2 {
font-family: var(--font4);
font-size: var(--fontSizeH2);
font-weight: 700;
}
h3 {
font-size: var(--fontSizeH3);
font-weight: 700;
}
h4 {
font-size: var(--fontSizeH4);
font-weight: 700;
}
h5 {
font-size: var(--fontSizeH5);
font-weight: 700;
}
h1, h2, h3, h4, h5 {
width: 100%;
line-height: 100%;
}
strong {
font-weight: 600;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
font-weight: 700;
}
a {
color: var(--white);
}
p {
font-size: var(--fontSizeP1);
line-height: 180%;
margin: 10px 0;
width: 100%;
}
blockquote {
margin: 0;
}
ul {
width: 100%;
}
ul li {
font-size: var(--fontSizeP1);
line-height: 180%;
}
figure {
display: flex;
margin: 0;
}
img {
max-width: 100%;
}
img.aligncenter {
display: block;
margin: 0 auto;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
.flex__col {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.noise {
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
}
.noise__cyan {
background-color: var(--cyan);
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise.png);
}
.noise__blue {
background-color: var(--blue);
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise.png);
}
.noise__blue2 {
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise-blue-2.png);
}
.arrow {
padding: 16px 32px;
border-radius: 100px;
border: 3px solid var(--white);
}
.arrow__anim svg {
animation: introArrow 0.5s infinite ease-in alternate;
}
@keyframes introArrow {
0% {
transform: translateY(-5px);
}
100% {
transform: translateY(5px);
}
}
.wave {
width: calc(100vw + 4px);
transform: translateY(-2px);
}
.wave img {
width: 100%;
height: auto;
}
.waveBottom {
transform: translateY(2px);
}
.border-radius-30 {
border-radius: 30px;
}
.links {
width: 100%;
justify-content: flex-start;
flex-flow: wrap;
gap: 6px;
margin: 30px 0;
}
.links.center {
justify-content: center;
}
.links.Om {
margin: 0;
}
.button, a.button {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
padding: 19px 33px;
font-size: var(--fontSizeA1);
font-weight: 600;
font-style: italic;
text-decoration: none;
text-transform: uppercase;
color: var(--white);
background-color: transparent;
border: 3px solid var(--white);
border-radius: 100px;
cursor: pointer;
letter-spacing: 0;
overflow: hidden;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
transition: all .5s;
}
.button:hover, a.button:hover {
letter-spacing: 1px;
color: var(--blue);
border: 3px solid var(--blue);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.button::before, a.button::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 0;
width: 100%;
height: auto;
aspect-ratio: 1/1;
border-radius: 100%;
background-color: var(--white);
transition: all 0.3s ease-in-out;
transform: translateY(-25%) scale(0);
}
.button:hover::before, a.button:hover::before {
transform: translateY(-50%) scale(1);
}
.button svg, a.button svg {
content: "";
display: inline-block;
margin-left: 21px;
width: 16px;
min-width: 16px;
height: 16px;
transition: all 0.5s;
}
.button svg path, a.button svg path {
stroke: var(--white);
transition: stroke .75s;
}
.button:hover svg path, a.button:hover svg path {
stroke: var(--blue);
}
.button__cyan, a.button__cyan {
color: var(--blue);
background-color: var(--cyan);
border: 3px solid var(--blue);
}
.button__cyan:hover, a.button__cyan:hover {
letter-spacing: 1px;
color: var(--cyan);
border: 3px solid var(--cyan);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.button__cyan::before, a.button__cyan::before {
background-color: var(--blue);
}
.button__cyan svg path, a.button__cyan svg path {
stroke: var(--blue);
transition: stroke .75s;
}
.button__cyan:hover svg path, a.button__cyan:hover svg path {
stroke: var(--cyan);
}
.button__blue, a.button__blue {
color: var(--blue);
background-color: transparent;
border: 3px solid var(--blue);
}
.button__blue:hover, a.button__blue:hover {
color: var(--white);
letter-spacing: 1px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.button__blue::before, a.button__blue::before {
background-color: var(--blue);
}
.button__blue svg path, a.button__blue svg path {
stroke: var(--blue);
transition: stroke .75s;
}
.button__blue:hover svg path, a.button__blue:hover svg path {
stroke: var(--white);
}
.button__editor {
padding: 0;
}
.button__editor p {
margin: 0;
}
.button__editor p a {
display: block;
padding: 19px 33px;
text-decoration: none;
transition: color 0.25s;
}
.button__cyan.button__editor a {color: var(--blue);}
.button__cyan.button__editor:hover a {color: var(--cyan);}
.button__white.button__editor a {color: var(--white);}
.button__white.button__editor:hover a {color: var(--blue);}
.button__blue.button__editor a {color: var(--blue);}
.button__blue.button__editor:hover a {color: var(--white);}
.has-black-color {color: var(--black)}
.has-black-background-color {background-color: var(--black)}
.has-white-color {color: var(--white)}
.has-white-background-color {background-color: var(--white)!important}
.has-blue-color {color: var(--blue)}
.has-blue-background-color {background-color: var(--blue)}
.has-cyan-color {color: var(--cyan)}
.has-cyan-background-color {background-color: var(--cyan)}
.header {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
}
.header__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
justify-content: space-between;
padding: 25px 0;
transition: all 0.5s;
}
.header__logo {
width: 62px;
height: auto;
transition: all 0.5s;
}
.menu__header {
transition: border-radius 0.5s, top 0.5s;
}
.menu__header__content {
list-style: none;
margin: 0;
padding: 0;
gap: 10px 12px;
}
.menu__header__content * {
display: flex;
justify-content: center;
align-items: center;
}
.menu__header__content li {
flex-direction: column;
}
.menu__header__content li a {
position: relative;
padding: 15px 16px;
font-size: 16px;
font-weight: 500;
color: var(--white);
text-decoration: none;
text-align: left;
text-transform: uppercase;
transition: letter-spacing 0.25s;
}
.menu__header__content li.no__link > a { }
.menu__header__content li.sub-menu__title > a {
font-family: var(--font4);
font-size: 20px;
font-weight: 700;
color: var(--cyan);
}
.menu__header__content li.current_page_item > a {
color: var(--cyan);
}
.menu__header__content li a:hover {
letter-spacing: .5px;
}
.menu__header__content li a::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 55px;
height: 3px;
background-color: var(--cyan);
transform: translateX(-50%) scaleX(0);
transition: transform .25s;
}
.menu__header__content li a:hover::before {
transform: translateX(-50%) scaleX(1);
}
.menu__header__content ul.sub-menu li a::before {
left: 10px;
}
.menu__header__content ul.sub-menu li a:hover::before {
left: 10px;
transform: translateX(0%) scaleX(1);
}
.menu__header__content li.menu-item-has-children {
position: relative;
}
.menu__header__content ul.sub-menu {
position: absolute;
top: 100%;
left: 50%;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: max-content;
padding: 10px 10px 10px 10px;
margin-top: 10px;
opacity: 0;
visibility: hidden;
transform: translateX(-50%);
transition: all 0.5s;
max-height: calc(100vh - 120px);
overflow: auto;
border-radius: 8px;
background-color: var(--blue);
box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
}
.menu__scroll .menu__header__content ul.sub-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.menu__header__content ul.sub-menu li {
justify-content: flex-start;
align-items: flex-start;
}
.menu__header__content ul.sub-menu li a {
padding: 4px 10px;
text-transform: none;
}
.menu__header__content li.menu-item-has-children:hover ul.sub-menu {
opacity: 1;
visibility: visible;
}
.menu__header__content li.menu-item-has-children ul.sub-menu ul.sub-menu {
position: relative;
width: max-content;
max-height: none;
padding: 0 0 0 16px;
overflow: hidden;
background-color: transparent;
box-shadow: none;
margin-top: 0;
}
.menu__header__content li.menu-item-has-children ul.sub-menu ul.sub-menu li a {
text-transform: none;
padding: 2px 10px;
}
.menu__header__content li.menu-item-has-children ul.sub-menu ul.sub-menu li.current_page_item > a {
font-style: italic;
}
.menu__header__content li.menu__header__button a {
font-weight: 700;
color: var(--blue);
background-color: var(--white);
}
.menu__header__content li.menu__header__button a::before {
display: none;
}
.menu__scroll .header__inner {
width: calc(100% - 40px);
padding: 10px 20px;
background-color: rgba(39, 56, 123, 0.9);
backdrop-filter: blur(6px);
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise.png);
background-position: center;
background-repeat: repeat;
background-size: contain;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
#burger {
display: none;
}
@media (max-width: 1380px) {
.menu__header {
position: absolute;
z-index: -1;
top: 107px;
right: 20px;
width: auto;
max-width: calc(100vw - 40px);
height: auto;
max-height: calc(100vh - 160px);
align-items: flex-start;
overflow: auto;
padding: 20px;
border-radius: 8px;
background-color: var(--white);
transform: scale(0);
transform-origin: right top;
transition: border-radius 0.5s, top 0.5s;
}  
.menu__header__content {
flex-direction: column;
align-items: flex-start;
gap: 4px 0;
}
.menu__scroll .menu__header {
top: 73px;
border-top-right-radius: 0!important;
border-top-left-radius: 0!important;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}
.menu__header__content li {
min-width: 150px;
align-items: flex-start;
}
.menu__header__content li a{
padding: 2px 24px 2px 12px;
margin: 6px 0;
color: var(--blue);
}
.menu__header__content li a::before {
left: 12px;
transform-origin: left;
transform: scaleX(0);
transition: all 0.25s;
}
.menu__header__content li a:hover::before {
transform: scaleX(1);
transition: all 0.25s;
}
.menu__header__content li.current_page_item a::before {
transform: scaleX(1);
}
.menu__header__content ul.sub-menu {
position: relative;
top: unset;
left: unset;
align-items: flex-start;
max-height: none;
background-color: var(--white);
margin: 0;
padding: 0;
padding-left: 10px;
box-shadow: unset;
opacity: 1;
overflow: hidden;
transform: unset;
visibility: visible;
}
.menu__header__content ul.sub-menu li a {
font-size: 14px;
padding: 2px 10px;
margin: 0;
}
.menu__header__content li.current_page_item > a {
color: var(--blue);
}
.menu__header__content ul.sub-menu ul.sub-menu {
display: none;
padding: 0;
}
.menu__header__content ul.sub-menu li.sub-menu__title a::after {
content: "+";
font-family: var(--font1);
font-weight: 700;
margin-left: 6px;
}
.menu__header__content ul.sub-menu li.sub-menu__title .sub-menu li a::after {
display: none;
}
.menu__header__content ul.sub-menu li.sub-menu__title.sub-menu--active a::after {
content: "-";
}
.menu__header__content ul.sub-menu li.sub-menu__title.sub-menu--active .sub-menu {
display: flex;
}
.menu__header__content ul.sub-menu li.sub-menu__title > a {
font-size: 18px;
color: var(--blue);
}
.menu__header__content li.menu__header__button a {
margin: 4px 0;
padding: 8px 24px;
color: var(--white);
background-color: var(--blue);
}
#burger {
position: relative;
display: block;
width: 40px;
height: 33px;
padding: 10px;
cursor: pointer;
}
#burger div {
width: 80%;
height: 3px;
background-color: var(--white);
border-radius: 25px;
margin: 6px 10%;
transition: all 0.25s;
}
#burger.burger__active div:nth-child(1) {
transform: rotate(-45deg) translate(-8px, 8px);
}
#burger.burger__active div:nth-child(2) {
transition: all 0.15s;
transform-origin: right;
transform: scaleX(0);
}
#burger.burger__active div:nth-child(3) {
transform: rotate(45deg) translate(-5px, -5px);
}
}
@media (max-width: 800px) {
.menu__header {
right: 20px;
}
}
.menu__header__content li.edbm-fit a::after {
content: "nouveau";
position: absolute;
z-index: -1;
top: 41px;
right: 8px;
font-size: 10px;
font-weight: 700;
color: var(--blue);
background-color: var(--cyan);
padding: 4px;
border-radius: 4px;
line-height: 100%;
}
@media (max-width: 1380px) {
.menu__header__content li.edbm-fit a::after {
top: 24px;
}
}
.footer {
position: relative;
z-index: 11;
width: 100vw;
background-color: var(--blue);
padding-top: 40px;
}
.footer__inner {
width: 100%;
max-width: var(--maxwidth);
align-items: flex-start;
gap: 40px;
margin: 60px 0 0 0;
}
.footer__first {
width: calc(30% - 20px);
justify-content: flex-start;
gap: 28px;
}
.footer__logo {
width: calc(100% - 54px);
max-width: 153px;
}
.footer__menu {
width: calc(70% - 20px);
}
.footer__menu__content {
justify-content: space-between;
align-items: flex-start;
gap: 20px 40px;
margin: 0;
padding: 0;
list-style: none;
flex-flow: wrap;
}
.footer__menu__content li:last-child {
align-self: center;
}
.footer__menu__content li {
width: auto;
}
.footer__menu__content li a {
font-size: var(--fontSizeP2);
font-weight: 700;
color: var(--cyan);
line-height: 200%;
text-decoration: none;
}
.footer__menu__content li ul.sub-menu {
padding: 0;
list-style: none;
}
.footer__menu__content li ul.sub-menu li a {
font-weight: 400;
color: var(--white);
}
.footer__rs {
width: 100%;
max-width: var(--maxwidth);
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 40px;
}
.footer__rs__inner {
width: auto;
gap: 6px;
}
.foter__rs a {
width: 26px;
}
.footer__rs img {
width: 100%;
height: auto;
}
.footer__mentions {
width: 100%;
max-width: var(--maxwidth);
flex-flow: wrap;
gap: 10px;
padding: 10px 0;
}
.footer__mentions a,
.footer__mentions div {
color: var(--cyan);
text-decoration: none;
}
.footer__mentions a::after,
.footer__mentions div::after {
content: '|';
display: inline-block;
margin-left: 10px;
}
.footer__mentions a:last-child::after,
.footer__mentions div:last-child::after {
display: none;
}
@media (max-width: 1160px) {
.footer__inner {
margin: 60px 0;
flex-flow: wrap;
gap: 40px;
justify-content: flex-end;
}
.footer__col {
width: calc(50% - 20px);
}
}
@media (max-width: 600px) {
.footer__inner {
margin: 20px 0 40px 0;
justify-content: center;
}
.footer__first {
width: 100%;
justify-content: center;
}
.footer__content {
width: 100%;
}
.footer__logo {
max-width: 90px;
}
.footer__menu {
width: 100%;
max-width: 250px;
}
.footer__rs {
justify-content: center;
}
}
.wp-block-spacer {
background-color: rgba(0,0,0,0.05);
}
.error-404, .searchPage {
margin-top: 100px;
min-height: calc(70vh - 100px);
}
.error-404 h1 {
text-align: center;
}
.intro {
position: relative;
width: 100vw;
min-height: calc(100vh - 230px);
padding: 80px 0 150px 0;
}
.intro::before, .intro::after {
content: "";
position: absolute;
z-index: -1;
top: 10%;
left: 0;
width: 40vw;
height: 80%;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .05;
transform: translateX(-50%);
}
.intro::after {
left: unset;
right: 0;
transform: translateX(50%);
}
.intro__inner {
width: 100%;
max-width: var(--maxwidth);
}
.intro__inner h1 {
position: relative;
width: auto;
line-height: 100%;
}
.intro__inner h1::before {
content: '';
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: 150%;
height: auto;
aspect-ratio: 20/10;
border: 1px solid var(--white);
border-radius: 100%;
opacity: .3;
transform: translate(-50%, -50%) rotate(-10deg);
}
.intro__inner h1 strong {
font-style: italic;
color: var(--cyan);
}
.intro__inner h1 span {
display: inline-block;
margin-top: 10px;
padding: 0 30px;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
text-decoration: none!important;
}
.intro__inner .links {
margin-top: 20px;
}
@media (max-width: 600px) {
.intro__inner p br {
display: none;
}
}
.intro__arrow {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.traitements {
position: relative;
width: 100vw;
padding: 60px 0 20px 0px;
background-color: var(--white);
}
.traitements h2 {
display: inline-block;
width: auto;
margin: 40px 0;
padding: 3px 40px;
border-radius: 55px;
font-style: italic;
color: var(--blue);
}
.traitements__rdv {
position: absolute;
z-index: 2;
top: 100px;
right: 0;
padding: 40px 50px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
background-color: var(--blue);
text-decoration: none;
}
.traitements__rdv p {
margin: 0 40px 0 0;
text-transform: uppercase;
font-weight: 500;
font-style: italic;
line-height: 120%;
transition: all 0.5s;
}
.traitements__rdv:hover p {
margin: 0 60px 0 0;
}
.traitements__rdv p strong {
color: var(--cyan);
}
.traitements__inner {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
width: 100%;
max-width: 1440px;
transition: all 0.5s;
}
.traitements .swiper {
position: relative;
width: 100%;
padding: 100px 30px 200px 30px;
} .traitements .swiper-wrapper {
align-items: center;
}
.traitements .swiper-slide {
position: relative;
height: auto;
}
.traitements .swiper-slide figure {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1/1;
transition: all 0.5s;
border-radius: 30px;
overflow: hidden;
}
.traitements .swiper-slide figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.traitements .swiper-slide figure p {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 80px);
padding: 80px 40px 20px 40px;
margin: 0;
font-size: 16px;
font-weight: 500;
text-align: center;
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
transform: translateY(100%);
transition: all 0.3s;
}
.traitements .swiper-slide:hover figure p {
transform: translateY(0%);
}
.traitements .swiper-slide a.traitements__link {
position: absolute;
top: calc(100% + 20px);
left: 50%;
width: max-content;
max-width: 100%;
color: var(--blue);
font-size: calc(var(--fontSizeP1) * 1.2);
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
transform: translateX(-50%);
}
.traitements .swiper-slide a.traitements__link svg {
content: "";
display: inline-block;
margin-left: 8px;
width: 18px;
min-width: 18px;
height: 18px;
transition: all 0.5s;
}
.traitements .swiper-slide a.traitements__link path {
stroke: var(--blue);
}
.swiper-button-prev.traitements__prev, .swiper-button-next.traitements__next {
top: 50%;
color: var(--cyan);
transform: translateY(calc(-50% - 30px));
}
.swiper-button-prev.traitements__prev::after, .swiper-button-next.traitements__next::after {
font-size: 60px;
font-weight: 700;
}
.swiper-button-prev.traitements__prev {
left: unset;
right: calc(100% + 60px);
}
.swiper-button-next.traitements__next {
right: unset;
left: calc(100% + 60px);
}
@media (max-width: 1720px) {
.traitements__inner {
max-width: calc(100% - 200px);
}
.swiper-button-prev.traitements__prev::after, .swiper-button-next.traitements__next::after {
font-size: 50px;
}
.swiper-button-prev.traitements__prev {
right: calc(100% + 30px);
}
.swiper-button-next.traitements__next {
left: calc(100% + 30px);
}
}
@media (max-width: 1400px) {
.traitements__rdv {
position: relative;
top: unset;
right: unset;
align-self: flex-end;
}
.traitements .swiper {
padding: 40px 0 160px 0;
}
}
@media (max-width: 1200px) {
.traitements__inner {
width: 100%;
max-width: calc(100% - 80px);
}
.traitements__inner .swiper-navigation {
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
gap: 32px;
transform: translateY(-40px);
}
.traitements__inner .swiper-button-next, .traitements__inner .swiper-button-prev {
position: relative;
top: unset;
left: unset;
right: 0;
transform: unset;
}
.swiper-button-prev.traitements__prev::after, .swiper-button-next.traitements__next::after {
font-size: 40px;
}
}
@media (max-width: 800px) {
.traitements .swiper {
padding: 0 0 160px 0;
}
.traitements h2 {
margin-top: 0;
}
}
@media (max-width: 600px) {
.traitements .swiper {
padding-bottom: 140px;
}
}
.cestQuoi {
position: relative;
width: 100vw;
}
.cestQuoi::before, .cestQuoi::after {
content: "";
position: absolute;
z-index: 1;
top: 10%;
left: 0;
width: 30vw;
height: 50%;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .05;
transform: translateX(-50%);
}
.cestQuoi::after {
top: unset;
left: unset;
bottom: 10%;
right: 0;
transform: translateX(50%);
}
.cestQuoi__inner {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
gap: 100px;
margin: 120px 0;
}
.cestQuoi__inner h2:first-child {
margin: 0 0 30px 0;
}
.cestQuoi__inner h2 {
}
.cestQuoi__inner h2 .big {
font-size: calc(var(--fontSizeH2) * 1.2);
}
.cestQuoi__img {
width: 45vw;
align-items: flex-end;
}
.cestQuoi__img figure {
width: 100%;
max-width: 726px;
height: auto;
}
.cestQuoi__img figure img {
width: 100%;
height: auto;
border-radius: 30px;
}
.cestQuoi__content {
width: 45vw;
justify-content: flex-start;
}
.cestQuoi__content__inner {
width: calc(100% - 160px);
padding: 0 80px;
max-width: 574px;
align-items: flex-start;
}
@media (max-width: 1400px) {
.cestQuoi__inner {
gap: 40px;
}
.cestQuoi__img {
width: 50%;
}
.cestQuoi__content {
width: 50%;
}
.cestQuoi__content__inner {
width: calc(100% - 80px);
max-width: 100%;
padding: 0 40px;
}
}
@media (max-width: 1000px) {
.cestQuoi__inner {
flex-direction: column;
}
.cestQuoi__img {
width: 100%;
align-items: flex-start;
}
.cestQuoi__img figure {
max-width: 460px;
}
.cestQuoi__content {
width: 100%;
}
}
.instagram {
position: relative;
z-index: 2;
width: 100vw;
background-color: var(--blueLight);
color: var(--blue);
}
.instagram::before, .instagram::after {
content: "";
position: absolute;
z-index: 1;
top: 10%;
left: 0;
width: 40vw;
height: 80%;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-blue.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .05;
transform: translateX(-74%);
}
.instagram::after {
left: unset;
right: 0;
transform: translateX(74%);
}
.instagram__inner {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
padding: 60px 0 120px 0;
}
.instagram__inner h2 {
text-align: center;
font-weight: 700;
font-style: italic;
margin-top: 0;
margin-bottom: 16px;
}
.instagram__inner h2 i {
font-weight: 600;
}
#sb_instagram, #sb_instagram.sbi_width_resp {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 80%!important;
max-width: 1358px;
overflow: visible;
}
#sb_instagram #sbi_images {
width: 100%;
margin: 40px 0;
}
#sb_instagram #sbi_images .sbi_item {
height: auto;
aspect-ratio: 1/1;
margin-right: 50px!important;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap {
height: 100%;
border-radius: 30px;
overflow: hidden;
}
.sb_instagram_header, #sbi_load, #sb_instagram svg:not(:root).svg-inline--fa {
display: none!important;
}
#sb_instagram .sbi_photo {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column-reverse;
background-image: unset!important;
height: auto!important;
}
.sbi-screenreader {
text-indent: unset!important;
display: flex!important;
justify-content: center;
align-items: center;
width: calc(100% - 76px)!important;
height: auto!important;
min-height: 38px;
margin-top: 20px;
padding: 11px 38px;
font-size: 16px;
line-height: 100%!important;
background-color: var(--blue);
border-radius: 100px!important;
overflow: visible!important;
text-align: center!important;
display: none!important;
}
#sb_instagram img {
display: block!important;
}
@media (max-width: 1400px) {
#sb_instagram #sbi_images .sbi_item {
margin-right: 30px!important;
}
}
@media (max-width: 768px) {
.instagram__inner {
padding: 40px 0 80px 0;
}
#sb_instagram #sbi_images {
margin-top: 0;
gap: 32px;
}
#sb_instagram #sbi_images .sbi_item {
margin-right: 10px!important;
}
}
.avis {
position: relative;
width: 100vw;
}
.avis::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 25% 250%, #3370E1 0%, transparent 100%);
background-position: bottom;
}
.avis .wave {
position: relative;
z-index: 2;
}
.avis__inner {
position: relative;
z-index: 3;
width: 100%;
padding: 80px 0;
max-width: var(--maxwidth);
}
.avis__inner h2 {
width: auto;
display: inline-block;
font-style: italic;
color: var(--cyan);
}
.avis__items.swiper {
width: 100%;
align-items: stretch;
margin: 20px 0 40px 0;
overflow: visible;
}
.avis__items.swiper .swiper-wrapper {
display: flex;
justify-content: flex-start;
}
.avis__item.swiper-slide {
border-radius: 30px;
}
.acf-block-preview .avis__item.swiper-slide {
max-width: 400px;
}
.avis__item__inner {
display: flex;
align-items: flex-start;
padding: 58px 52px;
}
.avis__item__note {
gap: 9px;
}
.avis__item__note svg {
width: 19px;
height: auto;
}
.avis__item p {
font-size: var(--fontSizeA1);
line-height: 160%;
}
.avis__item__inner p:nth-child(2) {
margin-top: 20px;
}
.avis__item__date {
margin-top: 20px;
font-size: 16px;
color: var(--cyan);
}
.avis__arrow {
transform: rotate(180deg);
}
@media (max-width: 1400px) {
.avis__items.swiper {
max-width: 90%;
}
.avis__item p {
min-height: 0;
}
}
.introPage {
position: relative;
width: 100vw;
height: auto;
min-height: calc(100vh - 200px);
padding: 100px 0;
}
.introPage figure {
position: absolute;
top: 0;
right: 50%;
width: 50vw;
height: 100%;
}
.introPage figure::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(39, 56, 123, 0.35);
}
.introPage figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.introPage__inner {
width: 100%;
max-width: var(--maxwidth);
}
.introPage__title {
width: 55%;
}
.introPage__title h1 {
position: relative;
font-size: var(--fontSizeH1);
font-weight: 700;
font-style: italic;
margin: 0;
}
.introPage__title h1 span {
display: inline-block;
padding: 10px 32px;
}
.introPage__title h1 span.bg {
background-color: rgba(255,255,255,.3);
border-radius: 55px;
}
.introPage__content {
width: 40%;
margin-right: 5%;
}
.introPage__content__text {
position: relative;
padding: 0 40px;
}
.introPage__content__text::before, .introPage__content__text::after {
content: '“';
position: absolute;
top: calc(0% - 60px);
right: calc(100% - 20px);
font-size: calc(var(--fontSizeH4) * 5);
font-weight: 700;
}
.introPage__content__text::after {
top: calc(100% - 80px);
right: 40px;
transform: rotate(180deg);
}
.introPage__content__text p {
font-size: calc(var(--fontSizeP1) * 1.2);
font-weight: 500;
font-style: italic;
line-height: 160%;
}
.introPage__content__text p strong {
font-style: normal;
color: var(--cyan);
}
.introPage__arrow {
position: absolute;
bottom: 60px;
left: 50%;
width: 100%;
max-width: var(--maxwidth);
transform: translateX(-50%);
}
.introPage__arrow .arrow {
position: absolute;
bottom: 0;
left: 75%;
transform: translateX(-50%);
}
@media (max-width: 1000px) {
.introPage {
padding: 0 0 60px 0;
min-height: unset;
justify-content: flex-start;
}
.introPage figure {
right: unset;
left: 0;
width: 100vw;
}
.introPage__inner {
max-width: unset;
flex-direction: column;
}
.introPage__title {
position: relative;
width: calc(100% - 80px);
padding: 120px 40px 60px 40px;
}
.introPage__content {
width: calc(100% - 80px);
padding: 0 40px;
margin: 60px 0 40px 0;
}
.introPage__arrow {
position: relative;
bottom: unset;
left: unset;
transform: unset;
}
.introPage__arrow .arrow {
position: relative;
bottom: unset;
left: unset;
margin-top: 40px;
transform: unset;
}
}
@media (max-width: 800px) {
.introPage__title {
position: relative;
width: calc(100% - 40px);
padding: 120px 20px 60px 20px;
}
.introPage__content__text {
padding: 10px 0 0 0;
}
.introPage__content__text::after {
top: calc(100% - 60px);
right: -20px;
}
}
.besoins {
position: relative;
z-index: 2;
width: 100vw;
padding: 60px 0;
overflow: hidden;
}
.besoins__inner {
width: 100%;
max-width: var(--maxwidth);
align-items: flex-start;
gap: 60px;
}
.besoins__items {
position: relative;
width: 100%;
align-items: flex-start;
}
.besoins__items:nth-child(2n + 1)::before, .besoins__items:nth-child(2n + 2)::before {
content: "";
position: absolute;
z-index: -1;
top: 10%;
right: 85%;
width: 40vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.besoins .besoins__items:nth-child(2n + 2)::before {
top: 40%;
right: unset;
left: 85%;
}
.besoins__items h2 {
font-size: calc(var(--fontSizeH2) * 1.3);
font-weight: 700;
font-style: italic;
color: var(--cyan);
margin: 0 0 30px 0;
}
.besoins__items .swiper {
position: relative;
width: 100%;
max-width: calc(100% - 80px);
margin: 0;
overflow: visible;
}
.acf-block-preview .swiper {
height: 400px;
}
.besoins__item {
display: flex!important;
justify-content: flex-start;
align-items: flex-start;
gap: 32px;
}
.acf-block-preview .besoins__item {
max-width: 400px;
}
.besoins__item figure {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1/1;
border-radius: 30px;
overflow: hidden;
}
.besoins__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.besoins__item figure p {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 80px);
padding: 80px 40px 20px 40px;
margin: 0;
font-size: 16px;
font-weight: 500;
text-align: center;
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
transform: translateY(100%);
transition: all 0.3s;
}
.besoins__item:hover figure p {
transform: translateY(0%);
}
.besoins__item a.button {
font-size: 16px;
}
.besoins__items__slider.swiper .swiper-navigation {
position: absolute;
bottom: 100%;
right: 0;
}
.besoins__items__slider.swiper .swiper-button-next, 
.besoins__items__slider.swiper .swiper-button-prev {
position: absolute;
top: unset;
bottom: 12px;
margin-top: 0;
width: 33px;
height: 33px;
background-color: var(--blue);
border: 2px solid var(--white);
border-radius: 100%;
transform: translateX(calc(-100% - 4px));
}
.besoins__items__slider.swiper .swiper-button-prev {
left: unset;
right: 6px;
}
.besoins__items__slider.swiper .swiper-button-next {
right: unset;
left: 6px;
}
.besoins__items__slider.swiper .swiper-button-next::after, 
.besoins__items__slider.swiper .swiper-button-prev::after {
font-size: 16px;
font-weight: 900;
color: var(--white);
filter: drop-shadow(1px 0 0 rgba(255, 255, 255, 1));
}
@media (max-width: 900px) {
.besoins__items:nth-child(2n + 1)::before, .besoins__items:nth-child(2n + 2)::before {
display: none;
}
.besoins__items h2 {
margin-bottom: 16px;
}
.besoins__items .swiper {
max-width: calc(100% - 80px);
}
}
@media (max-width: 600px) {
.besoins__inner {
gap: 40px;
}
.besoins__items .swiper {
margin-top: 50px;
}
.besoins__items__slider.swiper .swiper-navigation {
right: unset;
left: 80px;
}
}
.bandeauCTA {
position: relative;
z-index: 2;
width: 100vw;
}
.bandeauCTA::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 100% -200%, #3370E1 10%, transparent 100%);
background-position: bottom;
}
.bandeauCTA .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.bandeauCTA__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 60px 0 40px 0;
}
.bandeauCTA__inner p {
max-width: 840px;
font-size: var(--fontSizeH4);
line-height: 150%;
text-align: center;
}
.bandeauCTA__inner p strong {
color: var(--cyan);
}
.bandeauCTA__inner hr {
width: 338px;
max-width: 90%;
height: 1px;
margin: 40px 0 0 0;
background-color: var(--white);
border: unset;
}
@media (max-width: 1000px) {
.bandeauCTA__inner {
padding: 60px 0 40px 0;
}
}
.h1Fond span {
margin-top: 10px;
padding: 0 30px;
font-weight: 700;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
font-style: italic;
text-decoration: none!important;
}
.tarifs {
position: relative;
z-index: 2;
width: 100vw;
padding: 200px 0 80px 0;
}
.tarifs::before, .tarifs::after {
content: "";
position: absolute;
z-index: -1;
top: 10%;
right: 85%;
width: 40vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.tarifs::after {
top: 40%;
right: unset;
left: 85%;
}
.tarifs__inner {
width: 100%;
max-width: var(--maxwidth);
}
.tarifs__inner h1 {
width: auto;
margin: 0;
padding: 0 30px;
font-weight: 700;
font-style: italic;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
text-decoration: none!important;
}
.tarifs__inner h2 {
width: auto;
font-size: calc(var(--fontSizeH2) * 1.2);
font-style: italic;
margin: 60px 0 20px 0;
}
.tarifs__sousCat {
position: relative;
width: 100%;
margin-bottom: 80px;
}
.tarifs__sousCat h3 {
display: inline-block;
width: auto;
margin: 40px 0 6px 0;
padding: 18px 70px;
font-family: var(--font4);
font-size: var(--fontSizeH3);
font-weight: 700;
font-style: italic;
color: var(--blue);
text-align: center;
border-radius: 55px;
}
.tarifs__sousCat p {
max-width: 468px;
margin: 10px 0 0 0;
font-family: var(--font4);
font-size: var(--fontSizeH4);
font-weight: 700;
text-align: center;
line-height: 130%;
}
.tarifs__promo {
position: relative;
margin: 20px 0;
padding: 16px 80px;
border-radius: 100px;
color: var(--blue);
}
.tarifs__promo p {
margin: 0;
font-family: var(--font1);
font-size: var(--fontSizeP1);
font-weight: 500;
text-align: left;
}
.tarifs__promo__price {
font-size: 52px;
font-weight: 700;
text-align: center;
line-height: 80%;
font-family: var(--font4);
margin-left: 20px;
}
.tarifs__sousCat__tableau {
width: auto;
max-width: 100%;
overflow: auto;
justify-content: flex-start;
}
.tarifs__sousCat__tableau::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.tarifs__sousCat__tableau::-webkit-scrollbar-track {
background: rgba(255,255,255,.3);
border-radius: 10px;
}
.tarifs__sousCat__tableau::-webkit-scrollbar-thumb {
background: var(--cyan);
border-radius: 10px;
}
.tarifs__sousCat table {
width: auto;
margin: 40px 0;
}
.tarifs__sousCat table tbody {
}
.tarifs__sousCat table tbody tr {
vertical-align: top;
}
.tarifs__sousCat table tbody tr td {
position: relative;
padding: 15px 40px;
font-size: 49px;
font-weight: 700;
text-align: center;
line-height: 80%;
font-family: var(--font4);
}
.tarifs__sousCat table tbody tr:first-child td::after {
content: "";
position: absolute;
top: 50%;
left: calc(100% - 20px);
width: 40px;
height: 1px;
background-color: var(--white);
opacity: .5;
}
.tarifs__sousCat table tbody tr:first-child td:first-child:after,
.tarifs__sousCat table tbody tr:first-child td:last-child:after {
display: none;
}
.tarifs__sousCat table tbody tr:first-child td {
font-size: 72px;
}
.tarifs__sousCat table tbody tr td div {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 8px;
}
.tarifs__sousCat table tbody tr td span {
display: inline-block;
font-family: var(--font1);
font-size: 24px;
font-weight: 500;
line-height: 100%;
}
.tarifs__sousCat table tbody tr td:first-child{
padding-left: 0;
}
.tarifs__sousCat table tbody tr td:first-child span {
font-size: 30px;
text-align: right;
margin-left: auto;
}
.tarifs__sousCat table tbody tr td span span,
.tarifs__sousCat table tbody tr td:first-child span span {
font-size: 21px;
font-style: italic;
}
@media (max-width: 1600px) {
.tarifs {
padding: 160px 0 80px 0;
}
.tarifs__inner h2 {
margin: 20px 0
}
.tarifs__sousCat {
margin-bottom: 40px;
}
.tarifs__sousCat h3 {
margin: 20px 0 6px 0;
padding: 18px 40px;
}
}
@media (max-width: 1500px) {
.tarifs__sousCat table tbody tr td {
font-size: 34px;
padding: 12px 26px;
}
.tarifs__sousCat table tbody tr:first-child td::after{
top: 30px;
left: calc(100% - 13px);
width: 26px;
}
.tarifs__sousCat table tbody tr:first-child td {
font-size: 48px;
}
.tarifs__sousCat table tbody tr td span {
font-size: 18px;
}  
.tarifs__sousCat table tbody tr td:first-child span {
font-size: 20px;
}
.tarifs__sousCat table tbody tr td span span,
.tarifs__sousCat table tbody tr td:first-child span span {
font-size: 16px;
}
}
@media (max-width: 1000px) {
.tarifs {
padding: 100px 0 80px 0;
}
}
@media (max-width: 600px) {
.tarifs__promo {
padding: 16px 30px;
}
}
.introHero {
position: relative;
z-index: 2;
width: 100vw;
height: auto;
min-height: 100vh;
}
.introHero__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.introHero__bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(39, 56, 123, 0.35);
}
.introHero__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.introHero__inner {
width: 100%;
max-width: var(--maxwidth);
}
.introHero__inner h1 {
width: auto;
position: relative;
font-weight: 700;
font-style: italic;
margin: 0;
text-align: center;
}
.introHero__inner h1 span {
display: inline-block;
padding: 10px 32px;
}
.introHero__inner h1 span.bg {
background-color: rgba(39, 56, 123, 0.9);
border-radius: 55px;
}
.introHero .wave {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
height: auto;
aspect-ratio: 1920/113;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-2.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-2.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
@media (max-width: 1000px) {
.introHero {
min-height: 80vh;
}
}
@media (max-width: 600px) {
.introHero {
min-height: 50vh;
}
}
.city {
position: relative;
z-index: 2;
width: 100vw;
}
.city::after {
content: "";
position: absolute;
z-index: -1;
top: 10%;
left: 75%;
width: 40vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.city__inner {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0 80px 0;
}
.city__inner h2 {
}
.city__inner h2 em {
width: auto;
font-weight: 600;
color: var(--cyan)
}
.city__form {
width: 100%;
}
.city__inner label {
font-size: var(--fontSizeH4);
font-weight: 600;
color: var(--white);
}
.city__input__container {
width: 100%;
}
.city__inner input {
width: 560px;
max-width: calc(100% - 40px);
margin: 30px 0 10px 0;
padding: 18px 20px;
appearance: none;
font-family: var(--font1);
font-size: var(--fontSizeP2);
font-weight: 500;
color: var(--white);
background-color: transparent;
border: 3px solid var(--white);
border-radius: 100px;
}
.city__inner .city__input__container--loading {
opacity: .3;
}
.city__inner input::placeholder {
font-weight: 400;
color: var(--white);
}
.city__items {
width: 100%;
max-width: 1280px;
align-items: stretch;
flex-flow: wrap;
gap: 30px;
}
.city__item {
align-items: stretch;
width: calc(50% - 95px);
padding: 30px;
background-color: var(--blue);
border-radius: 30px;
box-shadow: 0 6px 6px 0 rgba(255,255,255,.16);
overflow: hidden;
transition: all 0.25s;
gap: 30px;
}
.city__item__image {
width: 40%;
}
.city__item__image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
.city__item__content {
width: 60%;
justify-content: flex-start;
align-items: flex-start;
}
.city__item__name {
font-family: var(--font4);
font-size: var(--fontSizeH3);
font-style: italic;
font-weight: 700;
margin-bottom: 16px;
}
.city__item__dep, .city__item__address {
font-size: var(--fontSizeP1);
font-weight: 500;
}
.city__item__phone {
font-size: var(--fontSizeP1);
font-weight: 700;
color: var(--cyan);
text-decoration: none;
margin: 16px 0 26px 0;
}
.city__items--no-result {
display: none;
font-size: var(--fontSizeP1);
font-weight: 500;
width: auto;
padding: 20px 40px;
background-color: var(--blue);
border-radius: 30px;
box-shadow: 0 6px 6px 0 rgba(255,255,255,.16);
}
@media (max-width: 1000px) {
.city__item {
width: calc(100% - 80px);
}
}
@media (max-width: 500px) {
.city__item {
flex-direction: column;
}
.city__item__image,
.city__item__content {
width: 100%;
}
}
.citation {
position: relative;
z-index: 2;
width: 100vw;
}
.citation::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at -25% -50%, #3370E1 25%, transparent 100%);
background-position: bottom;
}
.citation .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.citation .waveBottom {
aspect-ratio: 1920/55;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.citation__inner {
width: 100%;
max-width: var(--maxwidth);
padding: 120px 0;
}
.citation__text {
position: relative;
width: 100%;
max-width: 683px;
}
.citation__text::before, .citation__text::after {
content: '“';
position: absolute;
top: calc(0% - 80px);
right: calc(100% + 45px);
font-size: calc(var(--fontSizeH4) * 5);
font-weight: 700;
}
.citation__text::after {
top: calc(100% - 100px);
left: calc(100% + 130px);
transform: rotate(180deg);
}
.citation__text p {
line-height: 160%;
}
.citation__text p strong {
font-weight: 600;
color: var(--cyan);
}
.map {
position: relative;
z-index: 2;
width: 100vw;
padding: 0 0 80px 0;
}
.map__inner {
width: 100%;
max-width: var(--maxwidth);
}
.map__content h2 {
font-weight: 700;
font-style: italic;
color: var(--cyan);
}
.map__container {
width: calc(100% - 73px);
padding: 38px 35px;
border: 1.5px solid var(--cyan);
}
.map__container #map {
width: 100%;
height: auto;
aspect-ratio: 16/6;
outline: none;
}
@media (max-width: 600px) {
.map__container #map {
aspect-ratio: 1/1;
}
}
.franchiseText {
position: relative;
z-index: 2;
width: 100vw;
}
.franchiseText::before, .franchiseText::after {
content: "";
position: absolute;
z-index: -1;
top: 10%;
right: 85%;
width: 40vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.franchiseText::after {
top: unset;
bottom: 10%;
right: unset;
left: 85%;
}
.franchiseText__inner {
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0 80px 0;
}
.franchiseText__inner h2 {
margin-top: 60px;
font-weight: 600;
font-style: italic;
color: var(--cyan);
}
.franchiseText__inner h2 strong {
font-weight: 700;
font-style: normal;
color: var(--white);
}
.franchiseText__inner h2 span {
padding: 0 30px;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
text-decoration: none!important;
}
.franchiseText__inner p {
line-height: 160%;
}
.franchiseText__inner p strong {
color: var(--cyan);
}
.franchiseText__inner blockquote {
position: relative;
margin: 20px 0;
}
.franchiseText__inner blockquote::before, .franchiseText__inner blockquote::after {
content: '“';
position: absolute;
top: calc(0% - 80px);
right: calc(100% + 20px);
font-size: calc(var(--fontSizeH4) * 5);
font-weight: 700;
color: var(--cyan);
}
.franchiseText__inner blockquote::after {
top: calc(100% - 100px);
left: calc(100% + 100px);
transform: rotate(180deg);
}
.franchiseText__inner img {
margin-top: 20px;
}
@media (max-width: 1000px) {
.franchiseText__inner p br {
display: none;
}
.franchiseText__inner blockquote::before {
right: unset;
left: 0;
}
.franchiseText__inner blockquote::after {
top: calc(100% - 70px);
left: unset;
right: 0;
}
}
@media (max-width: 600px) {
.franchiseText__inner h2 {
text-align: left!important;
}
.franchiseText__inner p {
text-align: left!important;
}
}
.franchiseSupports {
position: relative;
z-index: 2;
width: 100vw;
background-color: var(--white);
color: var(--blue);
}
.franchiseSupports::before, .franchiseSupports::after {
content: "";
position: absolute;
z-index: -1;
top: 10%;
right: 85%;
width: 40vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-blue.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.franchiseSupports::after {
top: unset;
bottom: 10%;
right: unset;
left: 85%;
}
.franchiseSupports .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.franchiseSupports .waveBottom {
aspect-ratio: 1920/53;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.franchiseSupports__inner {
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0 80px 0;
}
.franchiseSupports__inner h2 {
font-size: calc(var(--fontSizeH2) * 1.2);
font-weight: 600;
font-style: italic;
margin-top: 0;
margin-bottom: 20px;
}
.franchiseSupports__inner h2 span {
display: inline-block;
padding: 6px 41px;
background-color: rgba(140, 252, 252, .3);
border-radius: 55px;
font-weight: 700;
font-style: normal;
text-decoration: none!important;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise-cyan.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
}
.franchiseSupports__items {
width: 100%;
max-width: 1200px;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
gap: 0 50px;
}
.franchiseSupports__item {
width: calc(33.33% - 33.33px);
}
.franchiseSupports__items .franchiseSupports__item:nth-child(3n + 2) {
margin-top: 80px;
}
.franchiseSupports__item__title__container {
min-height: 92px;
margin-bottom: 33px;
align-items: flex-end;
}
.franchiseSupports__item__title {
padding: 19px 33px;
font-size: var(--fontSizeP1);
font-weight: 700;
color: var(--blue);
text-align: center;
text-transform: uppercase;
border-radius: 100px;
}
.franchiseSupports__item__title i {
font-weight: 500;
}
.franchiseSupports__item figure {
width: 100%;
height: auto;
aspect-ratio: 475/659;
}
.franchiseSupports__item figure img { 
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.franchiseSupports__pictos {
width: 100%;
max-width: 1360px;
align-items: flex-start;
flex-flow: wrap;
gap: 80px;
margin: 80px 0 20px 0;
}
.franchiseSupports__picto {
width: calc(33.33% - 54px);
}
.franchiseSupports__picto img {
width: auto;
height: 90px;
}
.franchiseSupports__picto p {
font-weight: 500;
line-height: 140%;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 1000px) {
.franchiseSupports__inner h2 {
font-size: var(--fontSizeH2);
}
.franchiseSupports__items {
gap: 0 30px;
}
.franchiseSupports__item {
width: calc(50% - 15px);
}
.franchiseSupports__items .franchiseSupports__item:nth-child(3n + 2) {
margin-top: 0px;
}
.franchiseSupports__items .franchiseSupports__item:nth-child(2n + 2) {
margin-top: 20%;
}
.franchiseSupports__pictos {
gap: 20px;
margin: 60px 0 0 0;
}
.franchiseSupports__picto {
width: calc(50% - 10px);
}
}
@media (max-width: 600px) {
.franchiseSupports__picto {
width: 100%;
}
.franchiseSupports__picto img {
height: 60px;
}
}
@media (max-width: 500px) {
.franchiseSupports__item__title__container {
margin-bottom: 10px;
}
.franchiseSupports__item__title {
padding: 10px 20px;
border-radius: 20px;
}
}
@media (max-width: 450px) {
.franchiseSupports__items {
justify-content: center;
gap: 40px 0;
}
.franchiseSupports__item {
width: 100%;
max-width: 300px;;
}
.franchiseSupports__items .franchiseSupports__item:nth-child(2n + 2) {
margin-top: 0;
}
.franchiseSupports__item__title__container {
min-height: 0;
}
}
.franchiseLocaux {
position: relative;
z-index: 2;
width: 100vw;
}
.franchiseLocaux__inner {
width: 100%;
max-width: var(--maxwidth);
}
.franchiseLocaux__inner h2 {
font-size: calc(var(--fontSizeH2) * 1.2);
font-weight: 600;
font-style: italic;
}
.introHero + .franchiseLocaux .franchiseLocaux__inner h2 {
margin-top: 0;
}
.franchiseLocaux__inner h2 strong {
font-weight: 700;
font-style: normal;
}
.franchiseLocaux__inner h2 span {
padding: 10px 30px;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
font-style: italic;
text-decoration: none!important;
}
.franchiseLocaux__inner p {
max-width: 800px;
}
.franchiseLocaux__lines {
width: 100%;
max-width: 1200px;
gap: 80px;
margin: 40px 0 80px 0;
}
.franchiseLocaux__line {
width: 100%;
gap: 80px;
}
.franchiseLocaux__line:nth-child(2n + 2) {
flex-direction: row-reverse;
}
.franchiseLocaux__line figure.etroite {
width: calc(32.33% - 40px);
height: auto;
aspect-ratio: 475/659;
}
.franchiseLocaux__line figure.large {
width: calc(67.66% - 40px);
height: auto;
aspect-ratio: 1036/659;
}
.franchiseLocaux__line figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.franchiseLocaux__bg {
position: absolute;
z-index: -1;
top: 45%;
left: 0;
width: 100%;
height: auto;
aspect-ratio: 1920/822;
transform: translateY(-50%);
}
.introHero + .franchiseLocaux .franchiseLocaux__bg {
top: 55%;
}
.franchiseLocaux__bg::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 25% 250%, #3370E1 20%, transparent 100%);
background-position: bottom;
}
.franchiseLocaux__bg .wave {
position: absolute;
top: -2px;
left: 0;
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.franchiseLocaux__bg .waveBottom {
top: unset;
bottom: -2px;
left: 0;
aspect-ratio: 1920/55;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
@media (max-width: 1000px) {
.franchiseLocaux__lines {
gap: 40px;
}
.franchiseLocaux__line {
gap: 40px;
}
.franchiseLocaux__line figure.etroite {
width: calc(32.33% - 20px);
}
.franchiseLocaux__line figure.large {
width: calc(67.66% - 20px);
}
}
@media (max-width: 600px) {
.franchiseLocaux__lines {
gap: 20px;
margin-bottom: 40px;
}
.franchiseLocaux__line {
gap: 20px;
}
.franchiseLocaux__line figure.etroite {
width: calc(32.33% - 10px);
}
.franchiseLocaux__line figure.large {
width: calc(67.66% - 10px);
}
.franchiseLocaux__line figure img {
border-radius: 15px;
}
}
.franchiseInfos {
position: relative;
z-index: 2;
width: 100vw;
}
.franchiseInfos::before, .franchiseInfos::after {
content: "";
position: absolute;
z-index: -1;
bottom: 40%;
right: 85%;
width: 40vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.franchiseInfos::after {
top: 10%;
bottom: unset;
right: unset;
left: 85%;
}
.franchiseInfos__inner {
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0 80px 0;
}
.franchiseInfos__pictos {
width: 100%;
max-width: 1360px;
align-items: flex-start;
flex-flow: wrap;
gap: 60px 0;
margin: 0 0 60px 0;
}
.franchiseInfos__picto {
width: calc(33.33% - 54px);
}
.franchiseInfos__picto img {
width: auto;
height: 70px;
}
.franchiseInfos__picto p {
font-weight: 500;
line-height: 140%;
text-align: center;
text-transform: uppercase;
}
.franchiseInfos__inner h2 {
font-weight: 600;
font-style: italic;
color: var(--cyan);
margin: 40px 0 20px 0;
}
.franchiseInfos__inner h2 strong {
font-style: normal;
color: var(--white);
}
.franchiseInfos__chiffres {
width: 100%;
max-width: 570px;
align-items: flex-start;
flex-flow: wrap;
gap: 20px 40px;
margin: 20px 0 40px 0;
}
.franchiseInfos__chiffres__alt {
max-width: 400px
}
.franchiseInfos__chiffre {
width: calc(50% - 40px);
}
.franchiseInfos__chiffre__alt {
width: 100%;
} 
.franchiseInfos__chiffre p {
text-align: center;
}
.franchiseInfos__chiffre p span {
display: block;
width: 202px;
max-width: calc(100% - 40px);
padding: 10px 20px;
margin-top: 20px;
font-size: calc(var(--fontSizeP1) * 1.2);
font-weight: 700;
background-color: rgba(255,255,255,.3);
border-radius: 30px;
}
.franchiseInfos__images {
width: 100%;
max-width: 1200px;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
gap: 0 50px;
margin-top: 40px;
}
.franchiseInfos__images figure {
width: calc(33.33% - 33.33px);
height: auto;
aspect-ratio: 475/659;
}
.franchiseInfos__images figure:nth-child(3n + 2) {
margin-top: 80px;
}
.franchiseInfos__images figure img { 
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
@media (max-width: 1000px) {
.franchiseInfos__pictos {
max-width: 800px;
}
.franchiseInfos__picto {
width: calc(50% - 40px);
}
.franchiseInfos__images {
gap: 0 30px;
}
.franchiseInfos__images figure {
width: calc(50% - 15px);
}
.franchiseInfos__images figure:nth-child(3n + 2) {
margin-top: 0px;
}
.franchiseInfos__images figure:nth-child(2n + 2) {
margin-top: 20%;
}
}
@media (max-width: 600px) {
.franchiseInfos__pictos {
gap: 40px;
}
.franchiseInfos__picto {
width: 100%;
}
.franchiseInfos__picto img {
height: 60px;
}
.franchiseInfos__chiffres {
gap: 20px;
}
.franchiseInfos__chiffre {
width: calc(50% - 10px);
}
.franchiseInfos__chiffre__alt {
width: 100%;
}
.franchiseInfos__images {
justify-content: center;
gap: 40px 0;
}
.franchiseInfos__images figure {
width: 100%;
max-width: 300px;;
}
.franchiseInfos__images figure:nth-child(2n + 2) {
margin-top: 0;
}
}
.franchiseSteps {
position: relative;
z-index: 2;
width: 100vw;
}
.franchiseSteps__bg {
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at -25% 25%, #3370E1 20%, transparent 100%);
}
.franchiseSteps::before, .franchiseSteps::after {
content: "";
position: absolute;
z-index: -1;
top: 10%;
right: 85%;
width: 40vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.franchiseSteps::after {
top: unset;
bottom: 10%;
right: unset;
left: 85%;
}
.franchiseSteps .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.franchiseSteps .waveBottom {
aspect-ratio: 1920/53;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.franchiseSteps__inner {
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0 80px 0;
}
.franchiseSteps__inner h2 {
font-size: calc(var(--fontSizeH2) * 1.2);
font-weight: 600;
font-style: italic;
}
.franchiseSteps__inner h2 strong {
font-weight: 700;
font-style: normal;
}
.franchiseSteps__inner h2 span {
display: inline-block;
padding: 0px 30px;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
text-decoration: none!important;
}
.franchiseSteps__items {
width: 100%;
gap: 80px 0;
}
.franchiseSteps__item {
position: relative;
width: 100%;
}
.franchiseSteps__item__nbr {
position: relative;
width: 97px;
height: auto;
aspect-ratio: 1/1;
font-size: calc(var(--fontSizeH3) * 1.2);
font-weight: 700;
color: var(--blue);
background-color: var(--cyan);
border-radius: 100%;
}
.franchiseSteps__item__nbr::after {
content: "";
position: absolute;
top: calc(100% + 20px);
left: 50%;
width: 3px;
height: 40px;
background-color: var(--white);
transform: translateX(-50%);
}
.franchiseSteps__item:last-child .franchiseSteps__item__nbr::after {
display: none;
}
.franchiseSteps__item p {
position: absolute;
top: 50%;
left: calc(50% + 100px);
width: calc(50% - 100px);
margin: 0;
font-weight: 700;
line-height: 140%;
color: var(--cyan);
text-transform: uppercase;
transform: translateY(-50%);
}
.franchiseSteps__item p i {
font-weight: 500;
}
.franchiseSteps__item:nth-child(2n + 2) p {
left: unset;
right: calc(50% + 100px);
text-align: right;
}
.franchiseSteps__item:last-child .franchiseSteps__item__nbr {
background-color: var(--white);
}
.franchiseSteps__item:last-child p {
color: var(--white);
}
@media (max-width: 600px) {
.franchiseSteps__items {
max-width: 380px;
}
.franchiseSteps__item {
justify-content: flex-start;
}
.franchiseSteps__item__nbr {
width: 60px;
}
.franchiseSteps__item p {
position: absolute;
left: 80px;
width: calc(100% - 80px);
}
.franchiseSteps__item:nth-child(2n + 2) p {
left: 80px;
right: unset;
text-align: left;
}
}
.franchiseQui {
position: relative;
z-index: 2;
width: 100vw;
}
.franchiseQui::before {
content: "";
position: absolute;
z-index: -1;
bottom: 10%;
right: 65%;
width: 50vw;
height: auto;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
}
.franchiseQui__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
align-items: flex-start;
gap: 100px;
padding: 80px 0;
}
.franchiseQui__left, .franchiseQui__right {
width: calc(50% - 50px);
}
.franchiseQui__left {
align-items: flex-start;
}
.franchiseQui__left figure {
width: 85%;
height: auto;
}
.franchiseQui__left img {
width: 100%;
height: auto;
border-radius: 30px;
}
.franchiseQui__right {
align-items: flex-end;
}
.franchiseQui__right h2 {
width: auto;
align-self: center;
margin: 0 0 30px 0;
padding: 16px 100px;
background-color: rgba(140, 252, 252, .3);
border-radius: 55px;
font-size: calc(var(--fontSizeH2) * 1.2);
font-weight: 700;
font-style: italic;
text-decoration: none!important;
color: var(--blue);
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise-cyan.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
}
.franchiseQui__right p {
align-self: center;
}
.franchiseQui__right p strong {
color: var(--cyan);
}
.franchiseQui__right .button {
align-self: center;
margin-top: 20px;
}
.franchiseQui__right figure {
width: 75%;
height: auto;
padding-right: 10%;
margin-top: 60px;
}
.franchiseQui__right img {
width: 100%;
height: auto;
}
.franchiseQui__arrow {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: 203px;
height: auto;
transform: translate(-50%, -50%);
}
.franchiseQui__bottomBG {
position: absolute;
z-index: -1;
bottom: -2px;
left: 0;
width: 100vw;
height: 15%;
background-color: var(--white);
}
.franchiseQui__bottomBG .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
@media (max-width: 1000px) {
.franchiseQui__inner {
flex-direction: column;
gap: 60px;
}
.franchiseQui__left, .franchiseQui__right {
width: 100%;
max-width: 600px;
align-self: center;
align-items: center;
}
.franchiseQui__right figure {
padding-right: 0;
}
.franchiseQui__arrow {
display: none;
}
}
.contactForm {
position: relative;
z-index: 2;
width: 100vw;
background-color: var(--white);
}
.contactForm::before, .contactForm::after {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 0;
width: 40vw;
height: 80%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-blue.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .05;
transform: translate(-50%, -50%);
}
.contactForm::after {
left: unset;
right: 0;
transform: translate(50%, -50%);
}
.contactForm__inner {
width: 100%;
max-width: 757px;
padding: 40px 0 80px;
gap: 30px 60px;
flex-flow: wrap;
}
.contactForm__inner h2 {
font-size: calc(var(--fontSizeH2) * 1.2);
font-weight: 600;
font-style: italic;
text-align: center;
color: var(--blue);
}
.contactForm__inner h2 strong {
font-weight: 700;
font-style: normal;
}
.contactForm__inner span.wpcf7-form-control-wrap {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: calc(50% - 30px);
}
.contactForm__inner span.wpcf7-form-control-wrap input,
.contactForm__inner span.wpcf7-form-control-wrap textarea {
width: calc(100% - 40px);
background-color: var(--blue);
padding: 20px 20px;
border: unset;
border-radius: 30px;
font-family: var(--font1);
font-size: 16px;
font-weight: 500;
color: var(--white);
}
.contactForm__inner span.wpcf7-form-control-wrap textarea {
resize: vertical;
}
.contactForm__inner span.wpcf7-form-control-wrap input::placeholder,
.contactForm__inner span.wpcf7-form-control-wrap textarea::placeholder {
color: var(--cyan);
}
.contactForm__last {
width: 100%;
}
.contactFrom__captcha {
align-items: flex-start;
}
.wpcf7-captchac {
height: 62px;
background-color: #fff;
padding: 0 20px;
object-fit: contain;
border-radius: 30px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.contactForm__inner span.wpcf7-form-control-wrap .wpcf7-captchar {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.contactForm__inner input[type="submit"]:disabled {
opacity: .3;
}
.contactForm__inner input[type="submit"]:hover {
background-color: var(--blue);
}
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"] {
position: relative;
width: 20px;
height: 20px;
appearance: none;
padding: 13px;
border-radius: 0;
margin: 0;
margin-right: 10px;
background-color: var(--white);
border: var(--border);
}
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked::before,
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 4px;
border-radius: 100px;
background-color: var(--blue);
transform: translate(-10px, 0px) rotate(45deg);
}
.contactForm__inner span.wpcf7-form-control-wrap input[type="checkbox"]:checked:after {
width: 15px;
transform: translate(-3px, -2.5px) rotate(-45deg);
}
.contactForm__inner span.wpcf7-form-control-wrap label {
display: flex;
}
.contactForm__inner span.wpcf7-form-control-wrap span.wpcf7-list-item-label {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--blue);
}
@media (max-width: 800px) {
.contactForm__inner {
max-width: var(--maxwidth);
gap: 20px;
}
.contactForm__inner span.wpcf7-form-control-wrap {
width: calc(50% - 10px);
}
.contactForm__inner span.wpcf7-form-control-wrap[data-name="captcha-170"],
.contactForm__inner span.wpcf7-form-control-wrap[data-name="message"],
.contactForm__inner span.wpcf7-form-control-wrap[data-name="rgpd"] {
width: 100%
}
}
@media (max-width: 450px) {
.contactForm__inner {
gap: 10px;
}
.contactForm__inner span.wpcf7-form-control-wrap {
width: 100%;
}
}
.wpcf7-list-item {
margin: 30px 0;
}
.wpcf7-not-valid-tip, .wpcf7 form.sent .wpcf7-response-output {
background-color: #dc5252;
width: auto;
margin: 0 0 12px 0;
padding: 6px 10px;
color: var(--white);
border-radius: 30px;
font-weight: 500;
margin: 3px auto 0 auto;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #46b450;
}
.wpcf7-response-output {
width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
width: calc(100% - 40px);
padding: 10px 20px;
background-color: #dc5252;
border: unset;
border-radius: 30px;
font-weight: 500;
color: var(--white);
margin: 0 0 10px;
}
.wpcf7-spinner {
margin-top: 6px;
}
.contentGradient {
position: relative;
z-index: 2;
width: 100vw;
}
.contentGradient::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 0% 200%, #3370E1 25%, transparent 100%);
background-position: bottom;
}
.contentGradient::after {
content: "";
position: absolute;
top: 5%;
left: 0;
width: 25%;
height: 80%;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .05;
transform: translateX(-50%);
}
.contentGradient .waveBottom {
height: auto;
aspect-ratio: 1920/55;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.contentGradient__inner {
position: relative;
width: 80%;
max-width: var(--maxwidth);
padding: 60px 0;
}
.contentGradient__inner del {
font-family: var(--font4);
font-size: var(--fontSizeH3);
text-decoration: none;
}
.contentGradient__inner h2 {
margin: 10px 0 20px 0;
font-weight: 700;
font-style: italic;
}
.contentGradient__inner h2 strong {
display: inline-block;
padding: 0 30px;
font-weight: 700;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
text-decoration: none!important;
transform: translateX(-30px);
}
.contentGradient__inner h2 em {
font-weight: 600;
}
.contentGradient__inner h2 span {
display: inline-block;
padding: 18px 70px;
text-decoration: none!important;
color: var(--blue);
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise-cyan.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
border-radius: 55px;
}
.contentGradient__inner p {
max-width: 680px;
}
.contentGradient__inner blockquote {
width: 100%;
}
@media (max-width: 1720px) {
.contentGradient__inner p {
max-width: 640px;
}
}
@media (max-width: 1440px) {
.contentGradient__inner p {
max-width: 560px;
}
}
@media (max-width: 1000px) {
.contentGradient::after {
top: 25%;
width: 50%;
height: 50%;
}
}
@media (max-width: 600px) {
.contentGradient::after {
top: 10%;
width: 80%;
height: 80%;
}
.contentGradient__inner{
width: 100%;
}
}
.beforeAfter {
position: relative;
width: 100vw;
}
.beforeAfter__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 60px 0;
}
.beforeAfter__inner .swiper {
width: calc(100% - 80px);
}
.swiper-button-prev.beforeAfter__prev, .swiper-button-next.beforeAfter__next {
top: 50%;
color: var(--cyan);
transform: translateY(-50%);
}
.swiper-button-prev.beforeAfter__prev::after, .swiper-button-next.beforeAfter__next::after {
font-size: 60px;
font-weight: 700;
}
.swiper-button-prev.beforeAfter__prev {
left: unset;
right: 100%;
}
.swiper-button-next.beforeAfter__next {
right: unset;
left: 100%;
}
.beforeAfter__items {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.beforeAfter__item {
position: relative; 
}
.beforeAfter__item__pair {
margin-top: 50px;
} .beforeAfter__item figure {
width: 100%;
height: auto;
aspect-ratio: 566/421;
border-radius: 30px;
overflow: hidden;
}
.beforeAfter__item figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 1720px) {
.swiper-button-prev.beforeAfter__prev::after, .swiper-button-next.beforeAfter__next::after {
font-size: 50px;
}
}
@media (max-width: 1000px) {
.beforeAfter__item{
width: calc(50% - 35px);
}
.beforeAfter__item__pair {
margin-top: 0;
}
.swiper-button-prev.beforeAfter__prev, .swiper-button-next.beforeAfter__next {
transform: translateY(-50%);
}
.beforeAfter__inner {
width: calc(100% - 100px);
}
}
@media (max-width: 768px) {
.beforeAfter__inner .swiper {
max-width: 400px;;
}
}
.rdvButton {
position: absolute;
z-index: 2;
top: 100px;
right: 0;
gap: 30px;
padding: 40px 50px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
background-color: var(--blue);
text-decoration: none;
align-items: flex-end;
transition: all 0.5s;
}
.rdvButton__cyan {
background-color: var(--cyan);
}
.rdvButton p {
text-transform: uppercase;
font-weight: 500;
font-style: italic;
line-height: 120%;
color: var(--white);
}
.rdvButton__cyan p {
color: var(--blue);
transition: all 0.5s;
}
.rdvButton p strong {
font-weight: 700;
font-style: normal;
color: var(--cyan);
}
.rdvButton__cyan p strong {
color: var(--blue);
}
.rdvButton:hover {
padding: 40px 70px 40px 50px;
}
.rdvButton .button {
padding: 16px 20px;
font-size: 14px;
}
.rdvButton__fixed {
position: fixed;
z-index: 10;
top: unset;
bottom: 40px;
transform: translateX(70%);
}
.rdvButton__fixed:hover {
transform: translateX(0);
}
.rdvButton__fixed p {
opacity: 0;
}
.rdvButton__fixed .button {
opacity: 0;
}
.rdvButton__fixed:hover p,
.rdvButton__fixed:hover .button {
opacity: 1;
}
.rdvButton__fixed p.rdvButton__fixed__text {
position: absolute;
top: 50%;
left: 0;
width: auto;
margin: 0;
font-weight: 600;
opacity: 1;
transform-origin: center;
transform: translateY(-50%) rotate(-90deg) translateY(-100%);
transition: all 0.25s;
}
.rdvButton__fixed p.rdvButton__fixed__text svg {
display: inline-block;
margin-left: 9px;
width: 16px;
min-width: 16px;
height: 16px;
transition: all 0.5s;
}
.rdvButton__fixed p.rdvButton__fixed__text svg path {
stroke: var(--blue);
transition: stroke .75s;
}
.rdvButton__fixed:hover p.rdvButton__fixed__text {
opacity: 0;
}
@media (max-width: 1000px) {
.rdvButton {
gap: 0;
padding: 20px 25px;
}
.rdvButton:hover {
padding: 20px 35px 20px 25px;
}
.rdvButton__fixed {
bottom: 10px;
}
}
.list {
position: relative;
z-index: 2;
width: 100vw;
}
.list2::after {
content: "";
position: absolute;
top: 5%;
left: 0;
width: 25%;
height: 80%;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .05;
transform: translateX(-50%);
}
.list__white {
background-color: var(--white);
color: var(--blue);
}
.list__blue::before, .list2::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
right: 0;
width: 40vw;
height: 80%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: .05;
transform: translate(50%, -50%);
}
.list2::before {
top: unset;
bottom: 0%;
right: unset;
left: 0;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-blue.svg);
background-position: bottom;
transform: translate(-50%, 0%);
}
.list__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0 40px 0;
}
.list__cols {
width: 80%;
align-items: flex-start;
align-self: flex-start;
flex-flow: wrap;
gap: 120px;
}
.list__100 .list__cols {
width: 100%;
}
.list__col {
width: calc(50% - 60px);
}
.list__col h2 {
position: relative;
width: calc(100% - 54px);
padding-right: 54px;
padding-bottom: 20px;
font-family: var(--font1);
font-size: var(--fontSizeH4);
text-transform: uppercase;
border-bottom: 1px solid var(--cyan);
}
.list__col h2 img{
position: absolute;
top: calc(50% - 10px);
right: 0;
width: 44px;
height: auto;
object-fit: contain;
transform: translateY(-50%);
}
.list__noTitle {
height: 94px;
}
.list__col p {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.list__col img.aligncenter {
align-self: center;
}
.list__col img.alignright {
align-self: flex-end;
}
.list__col ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap: 20px;
padding: 0;
list-style: none;
}
.list__col ul li::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: var(--cyan);
margin-right: 16px;
}
.list__white .list__col ul li::before {
background-color: var(--blue);
}
.list__col ul li {
font-weight: 500;
}
.list .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.list .waveBottom {
aspect-ratio: 1920/53;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-shape-3.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
}
.list .rdvButton {
top: 50%;
transform: translateY(-50%);
}
.list2 .list__inner {
padding-top: 40px;
}
.desc.noise__blue + .list2 .list__inner {
padding-top: 80px;
}
.list2 .list__cols {
gap: 40px;
align-self: center;
}
.list2 .list__col {
width: calc(65% - 20px);
}
.list2__picto {
position: relative;
z-index: 2;
width: calc(35% - 20px);
height: auto;
aspect-ratio: 1/1;
border-radius: 100%;
align-self: flex-end;
}
.list2__picto::before {
content: "";
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 150% -50%, #3370E1 25%, transparent 100%);
background-position: bottom;
border-radius: 100%;
}
.list2__picto img {
width: 50%;
max-width: 109px;
height: auto;
margin-bottom: 30px;
}
.list2__picto p {
width: 80%;
margin: 0;
font-weight: 600;
line-height: 120%;
color: var(--white);
text-align: center;
text-transform: uppercase;
}
.list2 .rdvButton {
top: 80px;
transform: translateY(0);
}
.list3 {
z-index: 3;
}
.list3 .list__inner {
z-index: 2;
padding: 40px 0;
}
.list3 .list__cols {
align-items: stretch;
align-self: center;
gap: 120px;
}
.list3 .list__col {
width: calc(60% - 60px);
justify-content: flex-start;
}
.list3__img {
position: relative;
width: calc(40% - 60px);
justify-content: flex-end;
}
.list3__img img {
border-radius: 30px;
transform: translateY(150px);
}
@media (max-width: 1720px) {
.list__cols {
width: 80%;
gap: 60px;
}
.list3 .list__cols {
gap: 60px;
}
.list__col {
width: calc(50% - 30px);
}
}
@media (max-width: 1280px) {
.list__cols {
width: 100%;
}
.list__inner {
padding: 40px 0;
}
.list .rdvButton {
position: relative;
align-self: flex-end;
top: unset;
right: unset;
transform: unset;
margin-bottom: 40px;
}
}
@media (max-width: 1000px) {
.list2::before {
left: 25%;
width: 60vw;
}
.list2 .list__col {
width: 100%;
}
.list2__picto {
width: 100%;
max-width: 260px;
}
.list2__picto img {
width: 33%;
max-width: 60px;
margin-bottom: 10px;
}
}
@media (max-width: 800px) {
.list__cols, .list3 .list__cols {
gap: 20px;
}
.list__col {
width: 100%;
}
.list__noTitle {
height: 0;
}
.list3 .list__col, .list3__img {
width: 100%;
}
.list3__img img {
transform: unset;
}
}
.desc {
position: relative;
z-index: 2;
width: 100vw;
}
.desc__logos::before, .desc__logos::after {
content: "";
position: absolute;
z-index: -1;
bottom: 10%;
left: 0;
width: 35%;
height: 80%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
opacity: .05;
transform: translateX(-50%);
}
.desc__logos::after {
top: 10%;
left: unset;
right: 0;
background-position: top;
transform: translateX(50%);
}
.desc__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0 40px 0;
}
.desc__inner h2 {
font-weight: 700;
font-style: italic;
margin-bottom: 40px;
}
.desc__inner h2:nth-of-type(1) {
margin-top: 20px;
}
.desc__inner h2 em {
font-weight: 600;
}
.desc__inner h2 strong {
display: inline-block;
padding: 10px 20px;
font-weight: 700;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
text-decoration: none!important;
margin-bottom: 6px;
}
@media (max-width: 600px) {
.desc__inner h2 strong{
transform: translateX(-20px)
}
}
.desc__inner p {
max-width: 900px;
}
.desc__inner p a {
color: var(--cyan);
}
.desc__inner p strong {
color: var(--cyan);
}
.desc__cols {
width: 100%;
align-items: flex-start;
gap: 120px;
}
.desc__col {
width: calc(50% - 60px);
}
.list2 + .desc__white::before,
.list2 + .desc__white::after {
display: none;
}
.desc__white {
background-color: var(--white);
color: var(--blue);
}
.desc__white.desc__logos::before, .desc__white.desc__logos::after {
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-blue.svg);
}
.desc__white .desc__inner h2 span {
display: inline-block;
padding: 6px 20px;
text-decoration: none!important;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise-cyan.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
border-radius: 55px;
}
.desc__white .desc__inner p strong {
color: var(--blue);
}
@media (max-width: 1280px) {
.desc__cols {
gap: 60px;
}  
}
@media (max-width: 1000px) {
.desc__cols {
flex-direction: column;
}
.desc__col {
width: 100%;
}
}
@media (max-width: 600px) {
.desc__inner h2, .desc__inner h3, .desc__inner p {
text-align: left!important;
}
.desc__inner img.aligncenter {
margin: unset;
}
.desc__white .desc__inner h2 span {
padding: 0 30px;
transform: translateX(-30px);
}
}
.icons {
position: relative;
z-index: 2;
width: 100vw;
}
.icons__inner{
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0;
}
.icons__inner h2 {
font-style: italic;
margin: 0 0 40px 0;
}
.icons__inner h2 span {
display: inline-block;
padding: 0 30px;
font-weight: 700;
background-color: rgba(255,255,255,.3);
border-radius: 55px;
text-decoration: none!important;
}
.icons__inner em {
font-weight: 600;
color: var(--cyan);
}
.icons__items {
width: 100%;
max-width: 1280px;
align-items: flex-start;
flex-flow: wrap;
gap: 60px;
margin: 20px 0 40px 0;
}
.icons__item {
width: calc(20% - 48px);
min-width: 208px;
}
.icons__item figure {
width: 100%;
height: 60px;
margin-bottom: 16px;
}
.icons__item figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
.icons__item p {
font-weight: 600;
line-height: 140%;
text-align: center;
text-transform: uppercase;
color: var(--cyan);
}
.icons__white {
background-color: var(--white);
color: var(--blue);
}
.icons__white .icons__inner h2 span {
display: inline-block;
padding: 6px 20px;
text-decoration: none!important;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise-cyan.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
border-radius: 55px;
}
.icons__white .icons__item p {
color: var(--blue);
}
@media (max-width: 600px) {
.icons__items {
gap: 40px 20px;
max-width: 300px;
}
.icons__item {
width: calc(50% - 10px);
min-width: unset;
}
.icons__item figure {
height: 56px
}
}
.tarifsSolo {
background-color: var(--white);
color: var(--blue);
padding: 40px 0 0 0;
}
.tarifs__sousCat h3:first-of-type {
margin-top: 0;
}
.tarifsSolo__blue {
color: var(--white);
background-color: var(--blue);
padding: 0;
}
.tarifsSolo__blue .tarifs__inner {
padding-top: 60px;
}
.tarifsSolo__blue .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--white);;
}
.tarifsSolo::before, .tarifsSolo::after {
top: 50%;
left: 0;
width: 25%;
height: auto;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-blue.svg);
background-position: center;
transform: translateY(-50%) translateX(-50%);
}
.tarifsSolo::after {
top: 50%;
left: unset;
right: 0;
transform: translateY(-50%) translateX(50%);
}
.tarifsSolo .tarifs__sousCat table tbody tr:first-child td::after {
background-color: var(--blue);
}
.tarifsSolo__blue .tarifs__sousCat table tbody tr:first-child td::after {
background-color: var(--white);
}
.tarifsSolo .tarifs__sousCat__tableau::-webkit-scrollbar-thumb {
background: var(--blue);
}
.tarifsSolo__blue .tarifs__sousCat__tableau::-webkit-scrollbar-thumb {
background: var(--white);
}
.tarifsSolo .tarifs__sousCat__tableau::-webkit-scrollbar-track {
background: rgba(0,0,0,.15);
}
@media (max-width: 1280px) {
.tarifsSolo::before, .tarifsSolo::after {
display: none;
}
}
.tarifsSolo + .bandeauCTA .wave {
aspect-ratio: 1199/32;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
background-image: unset;
background-color: var(--white);
}
.tarifsSolo__blue + .bandeauCTA .wave {
background-color: var(--blue);
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise.png);
}
.descChiffres .desc__inner {
padding: 0;
}
.descChiffres__items {
width: 100%;
gap: 80px;
flex-flow: wrap;
}
.descChiffres__col__big p {
font-size: var(--fontSizeH3);
font-weight: 600;
}
.descChiffres__col__small {
font-size: 16px;
}
.zones {
position: relative;
z-index: 2;
width: 100vw;
}
.zones::before, .zones::after {
content: "";
position: absolute;
z-index: -1;
bottom: 10%;
left: 0;
width: 40vw;
height: 80%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
opacity: .05;
transform: translateX(-50%);
}
.zones::after {
top: 10%;
left: unset;
right: 0;
background-position: top;
transform: translateX(50%);
}
.zones__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 60px 0 40px 0;
}
.zones__inner h2 {
font-style: italic;
font-weight: 700;
margin-top: 0;
margin-bottom: 20px;
}
.zones__inner h2 em {
font-weight: 700;
}
.zones__inner p {
max-width: 540px;
}
.zones__items {
width: 100%;
align-items: flex-start;
flex-flow: wrap;
gap: 40px 10%;
max-width: 800px;
margin-top: 30px;
}
.zones__item {
width: 26.66%;
}
.zones__item:nth-child(5n + 1),
.zones__item:nth-child(5n + 2){
flex-basis: 27%;
}
.zones__item figure {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
.zones__item figure img {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 80%;
object-fit: contain;
transform: translate(-50%, -50%);
}
.zones__item span {
display: block;
font-family: var(--font4);
font-size: var(--fontSizeH4);
font-weight: 700;
font-style: italic;
text-align: center;
}
@media (max-width: 600px) {
.zones__item span {
font-size: var(--fontSizeH4);
}
}
.comparaison {
position: relative;
z-index: 2;
width: 100vw;
}
.comparaison::before, .comparaison::after {
content: "";
position: absolute;
z-index: -1;
bottom: 20%;
left: 0;
width: 30vw;
height: 80%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
opacity: .05;
transform: translateX(-50%);
}
.comparaison::after {
top: -15%;
left: unset;
right: 0;
background-position: top;
transform: translateX(50%);
}
.comparaison__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0;
}
.comparaison__cols {
width: 100%;
max-width: 1300px;
align-items: flex-start;
flex-flow: wrap;
gap: 20px;
}
.comparaison__col {
width: calc(50% - 10px);
}
.comparaison__col h2 {
max-width: 540px;
font-size: var(--fontSizeH1);
font-weight: 700;
margin: 0 0 20px 0;
}
.comparaison__col h2 em {
font-weight: 700;
}
.comparaison__col h3 {
max-width: 540px;
font-family: var(--font4);
font-size: calc(var(--fontSizeH2) * 0.6);
margin: 40px 0 50px 0
}
.comparaison__col ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
max-width: 540px;
gap: 20px;
padding: 0;
list-style: none;
}
.comparaison__col ul li {
width: 100%;
font-weight: 500;
}
.comparaison__col ul li::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 16px;
}
.comparaison__col:nth-child(1) ul li::before {
content: "+";
font-size: 26px;
font-weight: 900;
color: #4BF89D
}
.comparaison__col:nth-child(2) ul li::before {
content: "-";
font-size: 26px;
font-weight: 900;
color: #FF5C6E
}
.comparaison__col figure {
position: relative;
width: 100%;
max-width: 484px;
height: auto;
aspect-ratio: 484/672;
margin-top: 80px;
}
.comparaison__col:nth-child(2) figure {
max-width: 360px;
}
.comparaison__col__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
}
.comparaison__col:nth-child(2) figure img:nth-child(1){
opacity: .4;
}
.comparaison__col__picto {
position: absolute;
top: 0;
left: 50%;
width: 70px;
height: 70px;
object-fit: contain;
transform: translate(-50%, -50%);
}
@media (max-width: 1000px) {
.comparaison__cols {
gap: 40px
}
.comparaison__col:nth-child(1),
.comparaison__col:nth-child(2) {
width: calc(50% - 20px);
}
.comparaison__col * {
text-align: left!important;
}
.comparaison__col h3 {
font-size: calc(var(--fontSizeH2) * 0.8);
margin: 20px 0 40px 0
}
}
@media (max-width: 600px) {
.comparaison__cols {
gap: 60px 40px;
max-width: 360px;
}
.comparaison__col:nth-child(1),
.comparaison__col:nth-child(2) {
width: 100%;
}
.comparaison__col h3 {
font-size: var(--fontSizeH2);
margin: 0 0 20px 0
}
.comparaison__col:nth-child(2) figure img:nth-child(1){
opacity: 1;
}
.comparaison__col figure {
margin-top: 40px;
}
}
.buttonList {
position: relative;
z-index: 2;
width: 100vw;
}
.buttonList__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
}
.buttonList__white {
background-color: var(--white);
}
.bandeauImage {
position: relative;
z-index: 2;
width: 100vw;
}
.bandeauImage .wave {
position: absolute;
top: 0;
left: 0;
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--white);
}
.bandeauImage__image {
width: 100%;
height: auto;
}
.bandeauImage__image img {
width: 100%;
height: auto;
}
.bandeauImage + .bandeauCTA .wave {
display: none;
}
.imgBorder {
border-radius: 30px;
}
.acf-block-preview .traitements .swiper-wrapper {
max-width: 400px;
}
.acf-block-preview .arrow {
position: relative;
bottom: 25%;
}
.acf-block-preview .arrow::after {
display: none;
}
.acf-block-preview .beforeAfter__inner .swiper {
max-width: 400px;
}
.block-editor-block-list__block {
margin: 0;
}
#planity {
max-width: 100%;
}
#planitywl {
color: var(--white);
}
#planitywl .planity_appointment_step_wrapper {
color: var(--black);
}
button.planity-component-button, #planitywl .css-1gf17zq, #planitywl .css-1qfb1db, #planitywl .css-wxsg07, #planitywl .css-1vo82jn, #planitywl .css-1qf6mcr, #planitywl .css-bh6gp, #planitywl .css-u37kpo, #planitywl .css-nbxyfq, #planitywl .css-8cu6cn, #planitywl .css-c9brdf, #planitywl .css-q5r3e5, #planitywl .css-b6lb6k, #planitywl .css-19a3iij, #planitywl .css-c9brdf {
font-family: var(--font1);
font-size: 16px;
font-weight: 600;
font-style: italic;
color: var(--blue);
background-color: var(--cyan);
border-color: var(--cyan);
border-radius: 100px;
border-width: 2px;
height: auto;
}
button.planity-component-button, #planitywl .css-1vo82jn, #planitywl .css-bh6gp, #planitywl .css-u37kpo, #planitywl .css-nbxyfq, #planitywl .css-8cu6cn, #planitywl .css-b6lb6k, #planitywl .css-19a3iij {
color: var(--white);
background-color: var(--blue);
border-color: var(--blue);
}
#planitywl .css-1qf6mcr {
margin-left: 10px;
}
#planitywl .css-1xcwj0h {
font-size: 16px;
font-weight: 600;
font-style: italic;
border-radius: 100px;
border-width: 2px;
height: auto;
}
#planitywl .css-1qfb1db, #planitywl .css-wxsg07 {
color: var(--white);
background-color: transparent;
border-color: var(--white);
}
#planitywl .css-7hvfv9, #planitywl .css-bjsqdp, #planitywl .css-cj2ck8, #planitywl .css-53hlft, #planitywl .css-1ge73iy {
font-family: var(--font4);
font-style: italic;
font-size: 28px;
font-weight: 700;
}
#planitywl .css-7hvfv9 {
color: var(--white);
}
#planitywl .css-1ge73iy {
font-size: var(--fontSizeH2);
}
#planitywl .css-4z3ubn, #planitywl .css-z60eme, #planitywl .css-1j37dl, #planitywl .css-nil, #planitywl .css-l6c9n4, #planitywl .css-1wxiynp, #planitywl .css-mq4hl3, #planitywl .css-fllso7, #planitywl .css-ieanwv, #planitywl .planity_appointment_user, #planitywl .planity_online_payment_wrapper, #planitywl .css-1fuc946, #planitywl .planity_appointment_steps_step, #planitywl .planity_appointment_step_unnested_container, #planitywl .planity_ui_action_button_root, #planitywl .planity_appointment_preview_tabletmore_wrapper {
font-size: 16px;
font-weight: 600;
color: var(--blue);
}
#planitywl .css-qbw4bj, #planitywl .react-add-to-calendar__wrapper a, #planitywl .planity_ui_action_cancel-appointment {
color: var(--blue);
}
#planitywl p.css-1l9wcwd, #planitywl div.css-paavrl, #planitywl .planity_ui_action_choose-with {
font-size: 14px;
}
#planitywl .css-gzpsjo, #planitywl .css-15m9vu5, #planitywl .css-3qwrel, #planitywl .css-1498xti, #planitywl .css-1siy7c2 {
font-family: var(--font4);
font-size: 22px;
font-weight: 900;
font-style: italic;
text-align: right;
}
#planitywl .css-3qwrel, #planitywl .css-rr21ja {
color: var(--blue);
}
#planitywl .css-1qlqz63, #planitywl .css-1p5afc1 {
color: var(--white);
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
#planitywl .planity_appointment_step_wrapper, #planitywl .planity_appointment_step_wrapper .css-q4ica, #planitywl .planity_my-account-profile-form-wrapper, #planitywl .css-151oww3, #planitywl .planity_ui_item-list-element, #planitywl .css-1nvkqy1, #planitywl .css-q4ica, #planitywl .css-xyxu4x, #planitywl .css-yq3sjd {
border-radius: 4px;
}
#planitywl .css-1wqjxn4, #planitywl .css-1ntrgz4 {
border-width: 3px;
border-color: var(--cyan);
}
#planitywl .css-zpfqze, #planitywl .css-1rdqzbv {
color: var(--black);
}
#planitywl .planity-widget-nav {
display: flex;
justify-content: center;
align-items: flex-start;
flex-flow: wrap;
gap: 10px;
}
#planitywl .css-1j6kq6h button {
margin-right: 0!important;
height: auto;
max-height: 50px;
min-height: 50px;
}
#planitywl .css-1u1908p {
display: none;
}
#planity-appointment, #planitywl .css-1nhtis8, #planitywl .css-1gke8i7, #planity-gift-voucher, #planitywl .planity_ui_appointment_background, #planity-account, #planitywl .planity_ui_account_background, #planitywl .css-1kcbqxn, #planitywl .css-ri6tkt, #planity-online-shop{
width: 100%;
max-width: 100%;
min-height: 0;
}
#planitywl .css-xg2cw3 {
padding: 20px;
}
#planitywl .css-go1g7c, #planitywl .css-cdw8td {
margin-top: 0;
}
#planitywl .css-1kcbqxn {
margin: 0;
}
#planitywl .css-cdw8td {
font-size: 16px;
} #planitywl .css-12ei1uo {
display: flex;
flex-flow: wrap;
}
#planitywl .css-1xishsq {
width: 33%;
}
#planitywl .css-4uxes3 {
width: 100%;
height: auto;
}
#planitywl .css-q5r3e5 {
min-height: 42px
}
@media (max-width: 576px) {
#planitywl .css-1xishsq {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
.infrabike p {
font-family: var(--font4);
font-size: var(--fontSizeH4);
font-weight: 700;
}
.infrabike__text {
width: 100%;
line-height: 100%;
font-family: var(--font4);
font-size: var(--fontSizeH2);
font-weight: 700;
margin: 120px 0;
}
.list4 h2 {
font-size: calc(var(--fontSizeH2) * 1.2);
font-weight: 600;
font-style: italic;
margin-top: 0;
margin-bottom: 20px;
}
.list4 h2 span {
display: inline-block;
padding: 6px 41px;
background-color: rgba(140, 252, 252, .3);
border-radius: 55px;
font-weight: 700;
font-style: normal;
text-decoration: none!important;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise-cyan.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
}
.list4 .list__cols {
align-self: center;
}
.list4 .list__col {
width: auto;
}
.list4 .list__col ul li::before {
background-color: var(--cyan);
}
.list4 .list__noTitle {
height: 50px;
}
@media (max-width: 768px) {
.list4 .list__cols {
gap: 0;
}
.list4 .list__col {
width: 100%;
}
.list4 .list__col:last-child ul {
margin-top: 0;
}
.list4 .list__noTitle {
height: 0;
}
}
.infrabike__advantage__img img {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
}
.wp-block-cover {
position: relative;
padding: 0;
overflow: visible;
}
.wp-block-cover .wp-block-cover__background {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
}
.fraunces {
font-family: var(--font4);
font-weight: 400;
}
.wp-block-spacer.block-editor-block-list__block {
background-color: rgba(0,0,0,0.05);
}
.wp-block-spacer {
background-color: transparent;
}
@media (max-width: 1280px) {
body {
--wp--preset--spacing--20: 0.22rem;
--wp--preset--spacing--30: 0.34rem;
--wp--preset--spacing--40: 0.5rem;
--wp--preset--spacing--50: 0.75rem;
--wp--preset--spacing--60: 1.1275rem;
--wp--preset--spacing--70: 1.69rem;
--wp--preset--spacing--80: 2.03rem;
}
}
@media (max-width: 768px) {
body {
--wp--preset--spacing--20: 0;
--wp--preset--spacing--30: 0;
--wp--preset--spacing--40: 0;
--wp--preset--spacing--50: 0;
--wp--preset--spacing--60: 0;
--wp--preset--spacing--70: 0;
--wp--preset--spacing--80: 0;
}
}
.wavealone {
position: relative;
z-index: 2;
width: 100vw;
}
.wavealone .wave {
height: auto;
aspect-ratio: 1920/52;
-webkit-mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
mask: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg) no-repeat top;
-webkit-mask-size: cover;
mask-size: cover;
background-color: var(--blueLight);
}
.borderText {
width: fit-content!important;
max-width: calc(100% - 120px)!important;
padding: 40px 60px!important;
border-radius: 1000px!important;
}
@media (max-width: 768px) {
.borderText {
max-width: calc(100% - 40px)!important;
padding: 40px 20px!important;
border-radius: 40px!important;
}
p.borderText br {
display: none;
}
}
.infrabikeBloc {
position: relative;
z-index: 2;
width: 100%;
margin-top: 200px;
padding-top: 100px;
}
.infrabikeBloc::before {
content: "";
position: absolute;
z-index: -1;
top: -200px;
left: 50%;
width: 100vw;
height: calc(100% + 200px);
transform: translateX(-50%);
background-color: var(--white);
}
.infrabikeBloc ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.infrabikeBloc ul li {
position: absolute;
z-index: 2;
color: var(--blue);
line-height: 160%;
padding-bottom: 20px;
}
.infrabikeBloc ul li::after {
content: "";
position: absolute;
z-index: -1;
top: -20px;
left: -20px;
width: calc(100% + 40px);
height: calc(100% + 20px);
background-color: rgba(242, 247, 247, 0.6);
backdrop-filter: blur(10px);
border-radius: 20px;
-webkit-backdrop-filter: blur(10px);
}
.infrabikeBloc ul li:nth-child(1) {
bottom: 100%;
left: 0;
max-width: 800px;
}
.infrabikeBloc ul li:nth-child(2) {
bottom: 70%;
left: 0;
max-width: 300px;
}
.infrabikeBloc ul li:nth-child(3) {
bottom: 40%;
left: 0;
max-width: 250px;
}
.infrabikeBloc ul li:nth-child(4) {
bottom: 80%;
right: 0;
max-width: 350px;
text-align: right;
}
.infrabikeBloc ul li:nth-child(5) {
bottom: 40%;
right: 0;
max-width: 250px;
text-align: right;
}
.infrabikeBloc ul li .infrabikeBloc__line {
position: absolute;
bottom: 0px;
height: 3px;
background-color: #64D2EE;
}
.infrabikeBloc ul li:nth-child(1) .infrabikeBloc__line,
.infrabikeBloc ul li:nth-child(2) .infrabikeBloc__line,
.infrabikeBloc ul li:nth-child(3) .infrabikeBloc__line {
left: 0;
}
.infrabikeBloc ul li:nth-child(4) .infrabikeBloc__line,
.infrabikeBloc ul li:nth-child(5) .infrabikeBloc__line {
right: 0;
}
.infrabikeBloc ul li:nth-child(1) .infrabikeBloc__line {width: 600px}
.infrabikeBloc ul li:nth-child(2) .infrabikeBloc__line {width: 400px}
.infrabikeBloc ul li:nth-child(3) .infrabikeBloc__line {width: 600px}
.infrabikeBloc ul li:nth-child(4) .infrabikeBloc__line {width: 600px}
.infrabikeBloc ul li:nth-child(5) .infrabikeBloc__line {width: 380px}
.infrabikeBloc ul li:nth-child(1) .infrabikeBloc__line::before,
.infrabikeBloc ul li:nth-child(2) .infrabikeBloc__line::before,
.infrabikeBloc ul li:nth-child(3) .infrabikeBloc__line::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 17px;
height: 17px;
background-color: #A5EDFF;
border-radius: 100%;
transform: translate(-50%, 50%);
}
.infrabikeBloc ul li:nth-child(4) .infrabikeBloc__line::before,
.infrabikeBloc ul li:nth-child(5) .infrabikeBloc__line::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 17px;
height: 17px;
background-color: #A5EDFF;
border-radius: 100%;
transform: translate(50%, 50%);
}
.infrabikeBloc ul li .infrabikeBloc__line div {
position: absolute;
top: 0;
height: 3px;
background-color: #64D2EE;
}
.infrabikeBloc ul li:nth-child(1) .infrabikeBloc__line div::after,
.infrabikeBloc ul li:nth-child(2) .infrabikeBloc__line div::after,
.infrabikeBloc ul li:nth-child(3) .infrabikeBloc__line div::after {
content: "";
position: absolute;
bottom: 1.5px;
right: 0;
width: 17px;
height: 17px;
background-color: #A5EDFF;
border-radius: 100%;
transform: translate(50%, 50%);
}
.infrabikeBloc ul li:nth-child(4) .infrabikeBloc__line div::after,
.infrabikeBloc ul li:nth-child(5) .infrabikeBloc__line div::after {
content: "";
position: absolute;
bottom: 1.5px;
left: 0;
width: 17px;
height: 17px;
background-color: #A5EDFF;
border-radius: 100%;
transform: translate(-50%, 50%);
}
.infrabikeBloc ul li:nth-child(1) .infrabikeBloc__line div {
left: 100%;
width: 320px;
transform-origin: top left;
transform: rotate(45deg);
}
.infrabikeBloc ul li:nth-child(2) .infrabikeBloc__line div {
left: 100%;
width: 400px;
transform-origin: top left;
transform: rotate(45deg);
}
.infrabikeBloc ul li:nth-child(3) .infrabikeBloc__line div {
left: 100%;
width: 80px;
transform-origin: top left;
transform: rotate(45deg);
}
.infrabikeBloc ul li:nth-child(4) .infrabikeBloc__line div {
right: 100%;
width: 100px;
transform-origin: top right;
transform: rotate(-45deg);
}
.infrabikeBloc ul li:nth-child(5) .infrabikeBloc__line div {
right: 100%;
width: 120px;
transform-origin: bottom right;
transform: rotate(45deg);
}
.infrabikeBloc__wave {
position: absolute;
bottom: -2px;
left: 50%;
width: calc(100vw + 8px);
max-width: unset;
height: auto;
max-height: 100px;
object-fit: fill;
object-position: top;
transform: translateX(-50%);
}
.infrabikeBloc + .tarifsSolo__blue .wave {
display: none;
}
.infrabikeBloc + .tarifsSolo__blue.noise__blue {
background-image: unset;
}
.infrabikeBloc + .tarifsSolo__blue + .bandeauCTA .wave.noise.noise__blue {
background-image: unset;
}
.infrabikeBloc__mobile {
display: none;
}
@media (max-width: 1720px) {
.infrabikeBloc__visuel {
width: 50vw;
}
.infrabikeBloc__visuel img {
width: 100%;
}
.infrabikeBloc ul li:nth-child(1) .infrabikeBloc__line {width: 34vw}
.infrabikeBloc ul li:nth-child(1) .infrabikeBloc__line div {width: 17vw;}
.infrabikeBloc ul li:nth-child(2) .infrabikeBloc__line {width: 29vw}
.infrabikeBloc ul li:nth-child(2) .infrabikeBloc__line div {width: 17vw;}
.infrabikeBloc ul li:nth-child(3) .infrabikeBloc__line {width: 36vw}
.infrabikeBloc ul li:nth-child(3) .infrabikeBloc__line div {width: 5vw;}
.infrabikeBloc ul li:nth-child(4) .infrabikeBloc__line {width: 37vw}
.infrabikeBloc ul li:nth-child(4) .infrabikeBloc__line div {width: 5vw;}
.infrabikeBloc ul li:nth-child(5) .infrabikeBloc__line {width: 28vw}
.infrabikeBloc ul li:nth-child(5) .infrabikeBloc__line div {width: 4vw;}
}
@media (max-width: 1280px) {
.infrabikeBloc {
margin-top: 0;
padding-top: 0;
}
.infrabikeBloc::before {
top: -3px;
height: calc(100% + 3px);
}
.infrabikeBloc__visuel {
position: relative;
width: 100%;
max-width: 800px;
border-bottom: 3px solid var(--cyan);
}
.infrabikeBloc__mobile {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.infrabikeBloc__mobile a {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 30px;
height: 30px;
background-color: var(--cyan);
border-radius: 100%;
color: var(--blue);
font-weight: 700;
text-decoration: none;
}
.infrabikeBloc__mobile a:nth-child(1) {
top: 17%;
left: calc(50% - 13px);
}
.infrabikeBloc__mobile a:nth-child(2) {
top: 45%;
left: calc(37% - 15px);
}
.infrabikeBloc__mobile a:nth-child(3) {
top: 60%;
left: calc(50% - 15px);
}
.infrabikeBloc__mobile a:nth-child(4) {
top: 23%;
left: calc(65% - 15px);
}
.infrabikeBloc__mobile a:nth-child(5) {
top: 45%;
left: calc(84% - 15px);
}
.infrabikeBloc ul {
position: relative;
top: unset;
left: unset;
height: auto;
margin-top: 80px;
margin-bottom: 120px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.infrabikeBloc ul li {
position: relative!important;
top: unset!important;
left: unset!important;
right: unset!important;
width: 100%!important;
max-width: 600px!important;
text-align: left!important;
padding-left: 40px;
padding-bottom: 40px!important;
box-sizing: border-box;
}
.infrabikeBloc ul li .infrabikeBloc__line {
display: none;
}
.infrabikeBloc ul li::before {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
background-color: var(--blue);
font-weight: 700;
border-radius: 100%;
color: var(--white);
}
.infrabikeBloc ul li:nth-child(1)::before {content: "1"}
.infrabikeBloc ul li:nth-child(2)::before {content: "2"}
.infrabikeBloc ul li:nth-child(3)::before {content: "3"}
.infrabikeBloc ul li:nth-child(4)::before {content: "4"}
.infrabikeBloc ul li:nth-child(5)::before {content: "5"}
}
.post-password-form {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
min-height: 100vh;
}
.edbm__bg {
position: relative;
z-index: 2;
overflow: hidden;
}
.edbm__bg::before, .edbm__bg::after {
content: "";
position: absolute;
z-index: -1;
bottom: 10%;
right: 85%;
width: 40vw;
height: auto;
max-height: 90%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-cyan.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .1;
}
.edbm__bg::after {
bottom: unset;
top: 10%;
right: unset;
left: 85%;
}
.edbm__bg__cover .wp-block-cover__background {
overflow: hidden;
}
.edbm__bg__cover .wp-block-cover__background::before, .edbm__bg__cover .wp-block-cover__background::after {
content: "";
position: absolute;
z-index: -1;
bottom: 10%;
right: 85%;
width: 40vw;
height: auto;
max-height: 90%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-cyan.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .1;
}
.edbm__bg__cover .wp-block-cover__background::after {
bottom: unset;
top: 10%;
right: unset;
left: 85%;
}
.bioslimming__slider {
position: relative;
z-index: 2;
width: 100vw;
padding-bottom: 60px;
}
.bioslimming__slider .franchiseQui__bottomBG {
height: 5%!important;
}
.bioslimming__slider::before {
content: "";
position: absolute;
z-index: -1;
top: -15%;
left: 0;
width: 30vw;
height: 80%;
aspect-ratio: 4/3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
opacity: .05;
transform: translateX(-50%);
}
.bioslimming__slider__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0;
}
.bioslimming__slider__inner h2 {
text-align: center;
font-weight: 600;
}
.bioslimming__slider__inner h2 em {
color: var(--cyan);
}
.bioslimming__slider__cols {
width: 100%;
gap: 20px;
}
.bioslimming__slider__col__content {
align-items: flex-start;
width: calc(45% - 10px);
}
.bioslimming__slider__col__content * {
max-width: 617px;
}
.bioslimming__slider__col__content p {
font-size: calc(var(--fontSizeP1) * 1.2);
}
.bioslimming__slider__col__swipercol {
position: relative;
width: calc(55% - 10px);
}
.bioslimming__slider__col__swipercol .swiper {
width: 100%;
}
.bioslimming__slider__col__swipercol .swiper-slide {
padding: 0 70px;
box-sizing: border-box;
}
.bioslimming__slider__col__swipercol .swiper-slide img {
width: 100%;
height: auto;
border-radius: 45px;
}
.bioslimming__slider__col__swipercol .swiper-button-prev, .bioslimming__slider__col__swipercol .swiper-button-next {
color: var(--cyan);
font-weight: 900;
}
@media (max-width: 768px) {
.bioslimming__slider {
padding-bottom: 0;
}
.bioslimming__slider__cols {
flex-direction: column;
}
.bioslimming__slider__col__swipercol,
.bioslimming__slider__col__content {
width: 100%;
justify-content: center;
align-items: center;
}
.bioslimming__slider__col__content * {
text-align: center;
}
.bioslimming__slider__col__swipercol {
max-width: 450px;
}
.bioslimming__slider__col__swipercol .swiper-slide {
padding: 0;
}
}
.wp-video {
border-radius: 25px;
overflow: hidden;
}
.bioslimming__video {
width: 100vw;
background-color: var(--white);
color: var(--blue);
}
.bioslimming__video__inner {
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0;
}
.bioslimming__video__inner h2 {
margin-top: 0;
font-weight: 600;
}
.bioslimming__video__cols {
width: 100%;
gap: 20px;
}
.bioslimming__video__col {
width: calc(55% - 10px);
}
.bioslimming__video__col p {
font-size: calc(var(--fontSizeP1) * 1.2);
}
.bioslimming__video__video {
width: calc(45% - 10px);
}
@media (max-width: 768px) {
.bioslimming__video__cols {
flex-direction: column;
}
.bioslimming__video__col {
width: 100%;
}
.bioslimming__video__video {
width: 100%;
}
}
.bioslimming__zones {
position: relative;
z-index: 2;
width: 100vw;
margin-top: 40px;
}
.bioslimming__zones::before, .bioslimming__zones::after {
content: "";
position: absolute;
z-index: -1;
top: 10%;
right: 85%;
width: 20vw;
height: auto;
aspect-ratio: 4 / 3;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-blue-dark.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
}
.bioslimming__zones::after {
right: unset;
left: 85%;
top: unset;
bottom: 10%;
}
.bioslimming__zones__inner {
width: 100%;
max-width: 1134px;
padding: 40px 0;
}
.bioslimming__zones__inner h2 {
text-align: center;
font-weight: 600;
}
.bioslimming__zones__inner h2 em {
color: var(--cyan);
}
.bioslimming__zones__cols {
width: 100%;
gap: 20px;
}
.bioslimming__zones__col {
width: calc(50% - 10px);
}
.bioslimming__zones__col figure {
width: 100%;
height: auto;
}
.bioslimming__zones__content {
align-items: flex-end;
}
.bioslimming__zones__content * {
max-width: 429px;
}
.bioslimming__zones__content p,
.bioslimming__zones__content ul li,
.bioslimming__zones__content ol li {
font-size: calc(var(--fontSizeP1) * 1.2);
}
@media (max-width: 768px) {
.bioslimming__zones {
margin-top: 0;
}
.bioslimming__zones__inner {
max-width: var(--maxwidth);
padding: 0;
}
.bioslimming__zones__cols {
flex-direction: column;
}
.bioslimming__zones__col {
width: 100%;
}
.bioslimming__zones__col figure {
display: flex;
justify-content: center;
align-items: center;
}
.bioslimming__zones__content {
align-items: center;
}
}
.bioslimming__marques {
width: 100vw;
}
.bioslimming__marques__inner {
width: 100%;
max-width: 1134px;
padding: 40px 0;
text-align: center;
}
.bioslimming__marques__inner h2 {
font-weight: 600;
}
.bioslimming__marques__inner h2 em {
color: var(--cyan);
}
.bioslimming__marques__inner p {
font-size: calc(var(--fontSizeP1) * 1.2);
}
.bioslimming__marques__inner figure {
width: 100%;
max-width: 640px;
height: auto;
margin: 60px 0;
}
@media (max-width: 768px) {
.bioslimming__marques__inner {
max-width: var(--maxwidth);
}
.bioslimming__marques__inner figure {
margin: 40px 0;
}
}
.bioslimming__listes {
padding: 80px 0;
}
.bioslimming__listes::before,
.bioslimming__listes::after {
width: 20vw;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/logo-cyan.svg);
} 
.bioslimming__listes::after {
left: unset;
right: 0;
background-position: top;
transform: translateX(50%);
}
.bioslimming__listes .list__cols {
justify-content: flex-start;
width: 100%;
}
.bioslimming__listes .list__col {
max-width: 864px;
align-items: flex-start;
}
.bioslimming__listes .list__col:nth-child(2) {
width: calc(35% - 20px);
}
.bioslimming__listes .list__col h2 img {
width: 56px;
}
.bioslimming__listes .list__col p,
.bioslimming__listes .list__col ul,
.bioslimming__listes .list__col ol {
max-width: 650px;
}
.bioslimming__listes .list2__picto {
max-width: 447px;
}
@media (max-width: 1000px) {
.bioslimming__listes {
padding: 20px 0;
}
.bioslimming__listes .list2__picto {
max-width: 260px;
margin: auto;
}
.bioslimming__listes .list__cols {
gap: 0;
}
.bioslimming__listes .list__col:nth-child(2) {
width: 100%;
}
.bioslimming__listes .list__col:nth-child(2) .list__noTitle {
display: none;
}
.bioslimming__listes .list__col:nth-child(2) ul {
margin-top: 0;
}
.bioslimming__listes .list__col:nth-child(3) {
margin-top: 40px;
}
.bioslimming__listes .list__col p,
.bioslimming__listes .list__col ul,
.bioslimming__listes .list__col ol {
max-width: 100%;
}
}
.noise-gradient {
position: relative;
overflow: visible;
padding-top: 140px;
}
.noise-gradient::after {
content: "";
position: absolute;
z-index: 2;
top: 0;
left: 50%;
width: 100vw;
height: auto;
aspect-ratio: 1920/52;
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/vague-bluelight-top.svg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
transform: translateX(-50%);
}
.noise-gradient .wp-block-cover__background {
background-color: var(--blue);
background-image: url(https://www.ed-bm.fr/wp-content/themes/edbm/assets/chart/noise.png);
background-position: center;
background-repeat: repeat;
background-size: 90px;
}
.noise-gradient .wp-block-cover__background::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle at 100% -200%, #3370E1 10%, transparent 100%);
background-position: bottom;
}
.wp-block-group.alignfull {
width: 100vw;
}
.editor-styles-wrapper .wp-block-group.alignfull {
width: 100%;
}
.width-100-percent {
width: 100%;
}
.video-border-30 video {
border-radius: 30px;
}
@media (max-width: 1720px) {
:root {
--wp--style--global--content-size: calc(100% - 80px);
--wp--style--global--wide-size: calc(100% - 80px);
}
}
@media (max-width: 768px) {
:root {
--wp--style--global--content-size: calc(100% - 40px);
--wp--style--global--wide-size: calc(100% - 40px);
}
}