:root {
--maxwidth: 1600px;
--red: #E53E50;
--blue: #115970;
--blueLight: #DAF3F5;
--blueLight2: #E9F2F3;
--blueLight3: #ECF9FA;
--orange: #FB7530;
--black: #0F0F0F;
--white: #fff;
--redForm: #FF4438;
--orangeForm: #f56e28;
--yellowForm: #ffb900;
--grey: #A6ADB4;
--grey2: #CECECE;
--greyForm: #EDEDED;
--greyFormLabel: #979797;
--font1: 'Rival', sans-serif;
--font2: 'Mayenne Sans', sans-serif;
--font3: 'TypeType', sans-serif;
--fontSizeH1: 48px;
--fontSizeH2: 40px;
--fontSizeH3: 34px;
--fontSizeH4: 26px;
--fontSizeH5: 24px;
--fontSizeP: 20px;
--fontSizeP2: 22px;
--fontSizeA: 18px;
--fontSizeA2: 20px;
--transition001: 0.01s;
--transition025: 0.25s;
--transition05: 0.5s;
scroll-behavior: smooth;
}
@media (max-width: 1800px) {
:root {
--maxwidth: calc(100% - 160px);
}
}
@media (max-width: 1440px) {
:root {
--fontSizeH1: 40px;
--fontSizeH2: 34px;
--fontSizeH3: 28px;
--fontSizeH4: 22px;
--fontSizeH5: 20px;
--fontSizeP: 18px;
--fontSizeP2: 20px;
--fontSizeA: 16px;
--fontSizeA2: 18px;
}
}
@media (max-width: 1280px) {
:root {
--maxwidth: calc(100% - 40px);
}
}
@media (max-width: 768px) {
:root {
--maxwidth: calc(100% - 20px);
--fontSizeH1: 24px;
--fontSizeH2: 22px;
--fontSizeH3: 20px;
--fontSizeH4: 18px;
--fontSizeH5: 16px;
--fontsizeP: 16px;
--fontSizeP2: 16px;
--fontSizeA: 16px;
--fontSizeA2: 16px;
}
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.has-reduced-motion {
--transition001: 0s;
--transition025: 0s;
--transition05: 0s;
}
.has-high-contrast {
--red: #000;
--blue: #000;
--blueLight: #fff;
--blueLight2: #fff;
--blueLight3: #fff;
--orange: #000;
--black: #000;
--white: #fff;
--redForm: #000;
--orangeForm: #000;
--yellowForm: #000;
--grey: #000;
--greyForm: #fff;
--greyFormLabel: #000;
}
.has-red-color {color: var(--red);}
.has-blue-color {color: var(--blue);}
.has-blueLight-color {color: var(--blueLight);}
.has-blueLight2-color {color: var(--blueLight2);}
.has-blueLight3-color {color: var(--blueLight3);}
.has-orange-color {color: var(--orange);}
.has-black-color {color: var(--black);}
.has-white-color {color: var(--white);}
.has-redForm-color {color: var(--redForm);}
.has-orangeForm-color {color: var(--orangeForm);}
.has-yellowForm-color {color: var(--yellowForm);}
.has-grey-color {color: var(--grey);}
.has-greyForm-color {color: var(--greyForm);}
.has-greyFormLabel-color {color: var(--greyFormLabel);}
.has-red-background-color {background-color: var(--red);}
.has-blue-background-color {background-color: var(--blue);}
.has-blueLight-background-color {background-color: var(--blueLight);}
.has-blueLight2-background-color {background-color: var(--blueLight2);}
.has-blueLight3-background-color {background-color: var(--blueLight3);}
.has-orange-background-color {background-color: var(--orange);}
.has-black-background-color {background-color: var(--black);}
.has-white-background-color {background-color: var(--white);}
.has-redForm-background-color {background-color: var(--redForm);}
.has-orangeForm-background-color {background-color: var(--orangeForm);}
.has-yellowForm-background-color {background-color: var(--yellowForm);}
.has-grey-background-color {background-color: var(--grey);}
.has-greyForm-background-color {background-color: var(--greyForm);}
.has-greyFormLabel-background-color {background-color: var(--greyFormLabel);}
html {
overflow: auto;
}
body {
position: relative;
font-family: var(--font1);
color: var(--black);
margin: 0;
overflow: hidden;
width: 100%;
max-width: 100%;
}
header.header {
width: 100%;
max-width: 100%;
}
header.header a {
text-decoration: none;
}
#page {
width: 100%;
}
.main {
width: 100%;
max-width: var(--maxwidth);
min-height: 60vh;
}
.main.flex__col {
justify-content: flex-start;
}
h1 {
font-size: var(--fontSizeH1);
font-weight: 700;
text-transform: uppercase;
}
h2 {
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 {
font-family: var(--font2);
width: 100%;
margin: 30px 0 20px 0;
padding: 0;
}
p, blockquote, table td {
width: 100%;
font-size: var(--fontSizeP2);
font-weight: 400;
line-height: 140%;
}
table {
margin: 80px 0;
}
table td {
width: auto;
}
a {
color: var(--black);
text-decoration: underline;
}
ul {
width: calc(100% - 10px);
margin: 18px 0 18px 10px;
padding: 0 0 0 10px;
list-style: disc;
}
ul li {
font-size: var(--fontSizeP2);
line-height: 140%;
margin-bottom: 18px;
}
figure {
margin: 0;
}
img, svg {
max-width: 100%;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
.flex__col {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.btn {
display: flex;
justify-content: center;
align-items: center;
position: relative;
font-family: var(--font2);
font-size: var(--fontSizeA2);
font-weight: 600;
padding: 14px 20px;
background-color: var(--blue);
color: var(--white);
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
transition: all var(--transition05);
border: 2px solid var(--blue);
text-decoration: none;
}
.btn.btn__arrow {
font-size: var(--fontSizeH4);
}
.btn.btn__arrow::before {
content: "";
display: inline-block;
width: 45px;
height: 26px;
background-image: url(https://mda.lamayenne.fr/wp-content/themes/theme-wordpress/images/arrow.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
}
.has-high-contrast .btn.btn__arrow::before {
filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1);
}
.btn::after {
content: '';
position: absolute;
top: -2px;
left: calc(100% - 12px);
width: 20px;
height: calc(100% + 4px);
background-color: var(--blue);
transform: skewX(-10deg);
pointer-events: none;
}
.btn:hover, .btn:focus {
color: var(--blue);
border-color: var(--blue);
background-color: var(--white);
padding-right: 40px;
}
.btn__white {
background-color: var(--white);
color: var(--red);
border: 2px solid var(--white);
}
.btn__white::after {
background-color: var(--white);
}
.btn__white:hover, .btn__white:focus {
background-color: var(--blue);
color: var(--white);
border: 2px solid var(--white);
padding-right: 40px;
}
.btn__red {
background-color: var(--red);
color: var(--white);
border: 2px solid var(--red);
}
.btn.btn__red.btn__arrow::before {
background-image: url(https://mda.lamayenne.fr/wp-content/themes/theme-wordpress/images/arrow-white.svg);
}
.btn__red::after {
background-color: var(--red);
}
.btn__red:hover, .btn__red:focus {
background-color: var(--white);
border-color: var(--red);
color: var(--red);
padding-right: 40px;
}
.btn.btn__red.btn__arrow:hover::before,
.btn.btn__red.btn__arrow:focus::before {
background-image: url(https://mda.lamayenne.fr/wp-content/themes/theme-wordpress/images/arrow-red.svg);
}
.has-high-contrast .btn.btn__red.btn__arrow:hover::before,
.has-high-contrast .btn.btn__red.btn__arrow:focus::before {
filter: brightness(0);
-webkit-filter: brightness(0);
}
.margeStart {
margin-top: 325px;
}
@media (max-width: 1460px) {
.margeStart {
margin-top: 150px;
}
} a:focus, button:focus {
outline: 2px dashed var(--orange);
}
.has-high-contrast a,
.has-high-contrast button {
outline-color: var(--white);
} .skip-links {
position: absolute;
top: 0;
left: 0;
right: 0;
background: black;
z-index: 1002;
}
.skip-links:not(:focus-within) {
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.skip-links ul {
display: flex;
list-style: none;
margin: unset;
padding: unset;
width: 100%;
justify-content: center;
gap: 30px;
}
.skip-links li {
padding: .5rem;
}
.skip-links a {
color: white;
padding: .25rem;
} .m_header {
position: relative;
z-index: 1000;
width: 100vw;
background-color: #000;
}
.m_header__inner {
position: relative;
width: calc(100% - 40px);
max-width: var(--maxwidth);
justify-content: flex-start;
}
.m_header a {
text-decoration: none;
color: #fff;
}
.m_logo {
font-family: "Mayenne Sans";
font-size: 16px;
line-height: 30px;
width: 126px;
}
.m_logo img {
width: auto;
height: 13px;
object-fit: contain;
margin-right: 3px;
}
ul#m_container {
width: calc(100% - 156px);
list-style: none;
margin: 0;
margin-left: 30px;
padding: 0;
justify-content: flex-start;
font-size: 16px;
color: #C4BFBC;
}
.has-high-contrast ul#m_container {
color: white;
}
.m_header li {
margin: 0 30px;
list-style: none;
} 
.m_header li a {
font-family: "Rival";
font-size: 12px;
font-weight: 300;
line-height: 30px;
white-space: nowrap;
color: inherit;
}
#m_dropdown {
position: relative;
z-index: 3;
width: 180px;
font-family: "Rival";
font-size: 12px;
font-weight: 300;
line-height: 30px;
white-space: nowrap;
cursor: pointer;
margin: 0 0 0 auto;
}
#m_dropdown button {
appearance: none;
color: inherit;
background-color: unset;
border: unset;
font: inherit;
line-height: normal;
}
.m_dropdown .m_caret {
display: inline-block;
width: 0;
height: 0;
margin-top: -5px;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.m_droplist {
position: absolute;
z-index: 2;
top: 100%;
right: 0;
width: 100%;
max-height: 80vh;
margin: 4px 0 0;
padding: 5px 0;
justify-content: flex-start;
align-items: flex-start;
background-color: #000;
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
border-radius: 4px;
overflow: hidden;
}
.m_droplist[aria-hidden="true"] {
visibility: hidden;
}
.m_droplist li {
margin: 0 15px;
}
.m_droplist li a {
font-size: 11px;
white-space: unset;
}
@media only screen and (max-width: 400px) {
.m_header__inner {
max-width: calc(100% - 10px);
}
}
@media only screen and (max-width: 320px) {
.m_dropdown {
display: none;
}
} .lda__header {
width: 100vw;
background-color: #fff;
padding: 20px 0 10px 0;
}
.lda__header__content {
width: calc(100% - 40px);
max-width: var(--maxwidth);
justify-content: space-between;
margin: 0;
padding: 0;
list-style: none;
}
.lda__header__left {
width: 50%;
justify-content: flex-start;
margin: 0;
gap: 40px;
}
.lda__header__left a {
width: auto;
display: flex;
max-width: 288px;
}
.lda__header__left a img {
width: 100%;
height: auto;
}
.lda__header__right {
width: 50%;
justify-content: flex-end;
font-family: var(--font2);
margin-bottom: 0;
line-height: normal;
}
.lda__header__right a.search {
width: 34px;
height: 34px;
padding: 8px;
margin-right: 20px;
}
.lda__header__right a.search img {
width: 100%;
height: auto;
}
.lda__header__right__links a.analyse {
background-color: var(--white);
color: var(--red);
border: 4px solid var(--red);
padding: 8px;
font-size: var(--fontSizeA);
font-weight: 500;
margin-left: 20px;
}
.lda__header__right__links a.client {
background-color: var(--red);
color: var(--white);
border: 4px solid var(--red);
padding: 8px;
font-size: var(--fontSizeA);
font-weight: 500;
margin-right: 10px;
}
.lda__header__right__links a.contact {
font-size: var(--fontSizeA);
padding: 12px 22px 12px 18px;
}
.lda__header__right__links a{
text-align: center;
letter-spacing: 0px;
transition: all var(--transition025);
}
.lda__header__right__links a:hover {
letter-spacing: 1px;
}
.menu__header {
position: relative;
z-index: 1000;
width: 100%;
max-width: var(--maxwidth);
justify-content: flex-end;
margin-top: 10px;
margin-bottom: 20px;
}
.menu__header__content {
width: auto;
position: relative;
background-color: var(--blue);
margin: 0;
padding: 0;
list-style: none;
}
.menu__header__content::after {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: calc(100% - 10px);
width: 20px;
height: 100%;
background-color: var(--blue);
transform: skewX(-10deg);
pointer-events: none;
}
.menu__header__content li {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
line-height: normal;
}
.menu__header__content li a {
background-color: var(--blue);
color: var(--white);
padding: 16px 20px;
font-size: 15px;
font-weight: 400;
font-family: var(--font2);
text-align: center;
transition: all var(--transition025);
letter-spacing: 0;
}
.menu__header__content li a:hover {
letter-spacing: 1px;
background-color: var(--orange);
}
.has-high-contrast .menu__header__content li a:hover {
background-color: var(--red);
}
.menu__header__content li:nth-child(1) a {
position: relative;
background-color: var(--orange);
color: var(--white);
margin-right: 5px;
}
.menu__header__content li:nth-child(1) a::after {
content: '';
position: absolute;
z-index: 2;
top: 0;
left: calc(100% - 16px);
width: 20px;
height: 100%;
background-color: var(--orange);
transform: skewX(-10deg);
pointer-events: none;
}
.menu__header__content li ul.sub-menu {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: absolute;
top: 100%;
right: 0;
width: auto;
background-color: var(--blue);
opacity: 0;
visibility: hidden;
transition: all var(--transition025);
margin: 0;
padding: 0;
list-style: none;
}
.menu__header__content li:hover ul.sub-menu {
opacity: 1;
visibility: visible;
}
.menu__header__content li ul.sub-menu li {
}
.menu__header__content li ul.sub-menu li a {
font-size: 14px;
padding: 20px;
line-height: 110%;
}
.menu__header__content li ul.sub-menu li a:hover {
letter-spacing: normal;
}
.menu__header__content li ul.sub-menu li:nth-child(1) a {
background-color: var(--blue);
padding-left: 20px;
margin-right: 0;
}
.menu__header__content li ul.sub-menu li:nth-child(1) a:hover {
background-color: var(--orange);
}
.menu__header__content li ul.sub-menu li:nth-child(1) a::after {
display: none;
}
.single .main {
max-width: var(--maxwidth);
margin-bottom: 80px;
}
.wp-block-embed-youtube {
width: 100%;
margin: 80px 0;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
width: 100%;
}
.wp-block-embed-youtube iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
-webkit-aspect-ratio: 16/9;
}
.menu__burger, .menu__close {
display: none;
}
@media (min-width: 1401px) {
.menu__header,
.lda__header__right__links {
transform: unset!important;
}
}
@media (max-width: 1600px) {
.menu__header {
width: calc(100% - 60px);
max-width: 100%;
}
}
@media (max-width: 1400px) {
.menu__burger {
display: flex;
width: 50px;
height: 50px;
margin-left: 20px;
}
.menu__burger:focus {
outline: 2px dashed var(--red);
}
.menu__burger div {
width: 80%;
height: 4px;
background-color: var(--black);
margin: 4px 0;
}
.lda__header__left {
width: 75%;
}
.lda__header__right {
width: 25%;
}
.lda__header__right__links {
position: fixed;
z-index: 1001;
bottom: 20px;
left: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
gap: 6px;
width: calc(100vw - 150px);
max-width: 100%;
max-height: 140px;
padding: 20px;
border-radius: 6px;
overflow-y: auto;
transform: translateX(200%);
background-color: var(--red);
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.lda__header__right__links a.contact {
position: relative;
border: unset;
background-color: var(--white);
margin: 0;
font-size: 14px;
font-weight: 600;
padding: 10px 32px 10px 20px;
color: var(--red);
text-transform: none;
border-radius: 6px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.menu__header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
align-items: flex-start;
width: calc(100vw - 90px);
max-width: 100%;
height: calc(100vh - 230px);
margin: 0;
transform: translateX(200%);
padding: 20px 70px 210px 20px;
background-color: #fff;
}
.menu__header__content {
flex-direction: column;
width: 100%;
max-height: 100%;
padding: 20px;
align-items: flex-start;
justify-content: flex-start;
overflow-y: auto;
background-color: #fff;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
border-radius: 8px;
gap: 6px;
}
.menu__header__content::after {
display: none;
}
.menu__header__content li {
width: 100%;
align-items: flex-start;
flex-direction: column;
}
.menu__header__content li a,
.menu__header__content li:nth-child(1) a {
width: calc(100% - 40px);
padding: 10px 20px;
font-size: 14px;
text-align: left;
border-radius: 6px;
background-color: var(--white);
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
color: var(--black);
}
.menu__header__content li:nth-child(1) a {
padding-left: 20px;
}
.menu__header__content li:nth-child(1) a::after {
display: none;
}
.menu__header__content li ul.sub-menu {
position: relative;
top: unset;
left: unset;
opacity: 1;
visibility: visible;
align-items: flex-start;
margin-top: 6px;
padding-left: 20px;
gap: 6px;
background-color: transparent;
}
.menu__header__content li ul.sub-menu li a {
padding: 10px 20px;
font-size: 14px;
text-align: left;
}
.menu__header__content li ul.sub-menu li:nth-child(1) a {
padding: 10px 20px;
background-color: var(--white);
}
.menu__header__content li a:hover,
.menu__header__content li ul.sub-menu li a:hover,
.menu__header__content li ul.sub-menu li:nth-child(1) a:hover {
background-color: var(--red);
color: var(--white);
letter-spacing: 0.5px;
}
.menu__close {
display: flex;
position: fixed;
z-index: 1001;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
transform: translateX(300%);
background-color: var(--white);
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.menu__close:focus {
outline: 2px dashed var(--red);
}
.menu__close::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 3px;
background-color: var(--red);
transform: translate(-50%, -50%) rotate(45deg);
}
.menu__close::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 3px;
background-color: var(--red);
transform: translate(-50%, -50%) rotate(-45deg);
}
.menu__header__content li a,
.lda__header__right__links a {
outline-color: white;
}
}
@media (max-width: 768px) {
.lda__header__left {
width: 60%;
gap: 10px;
margin-right: 10px;
}
.lda__header__left a {
max-width: 160px;
}
.lda__header__right {
width: 40%;
}
}
@media (max-width: 600px) {
.lda__header__right a.search {
width: 20px;
height: 20px;
border-width: 2px;
margin-right: 0;
}
.menu__burger {
margin-left: 5px;
width: 40px;
height: 40px;
}
.menu__burger div {
height: 4px;
margin: 3px 0;
}
} .site-footer {
width: 100vw;
position: relative;
z-index: 98;
}
.footer {
width: 100%;
background-color: #000;
}
.footer a {
color: #fff;
display: inline-block;
height: 100%;
}
.footer ul {
list-style: none;
margin: unset;
padding: unset;
}
.footer__inner {
width: calc(100% - 80px);
max-width: 1428px;
padding: 60px 0;
justify-content: space-between;
}
.footer__menu {
width: 25%;
max-width: 215px;
}
.footer__menu ul {
align-items: flex-start;
gap: 10px 20px;
}
.footer__menu a {
font-size: 20px;
font-weight: 400;
text-decoration: none;
}
.footer__menu li:last-child a {
margin-bottom: 0;
}
.footer__social {
width: 25%;
max-width: 215px;
align-items: flex-start;
}
.footer__social__text {
font-size: 20px;
font-weight: 400;
color: #fff;
margin: 0 0 20px;
line-height: normal;
}
.footer__social__pictos {
justify-content: flex-start;
flex-flow: wrap;
gap: 15px;
}
.footer__social__pictos li {
width: 43px;
height: 43px;
margin-bottom: 0;
}
.footer__social__pictos li:last-child {
margin-right: 0;
}
.footer__social__pictos li img {
width: 100%;
height: 100%;
object-fit: contain;
}
.footer__last__m {
width: 50%;
justify-content: flex-end;
}
.footer__last__m li {
width: 40%;
max-width: 319px;
margin: 0 5%;
}
.footer__last__m a {
display: flex;
padding: 4px;
}
.footer__last__m img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 1200px) {
.footer__inner {
flex-flow: wrap;
max-width: var(--maxwidth);
padding: 40px 0;
}
.footer__menu {
width: 50%;
}
.footer__menu ul li {
margin: 0;
}
.footer__social {
align-items: flex-end;
width: 50%;
margin-top: 20px;
}
.footer__social__pictos {
justify-content: flex-end;
}
.footer .footer__last__m {
margin-top: 20px;
width: calc(100% - 60px);
justify-content: center;
align-items: center;
}
}
@media only screen and (max-width: 600px) {
.footer__menu {
width: 100%;
}
.footer__menu a, .footer__social__text {
font-size: 16px;
}
.footer__social {
width: 100%;
align-items: flex-start;
margin-top: 40px;
}
.footer__last__m {
flex-direction: column;
align-items: flex-end;
}
.footer__last__m li {
width: 100%;
margin: 0;
margin-bottom: 40px;
}
.footer__last__m li:last-child {
margin-bottom: 0;
}
}
.greenBG, .whiteBG {
width: auto;
position: relative;
padding: 20px 40px 15px 30px;
color: #fff;
}
.whiteBG {
color: var(--black);
}
.greenBG svg, .whiteBG svg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 20px);
}
.blackBG {
width: auto;
position: relative;
z-index: 2;
padding: 15px 40px 10px 30px;
color: #fff;
}
.blackBG svg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.orangeBG {
width: auto;
position: relative;
padding: 15px 40px 10px 30px;
color: #fff;
}
.orangeBG svg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
fill: var(--orange);
}
.whiteBG-text {
width: auto;
position: relative;
padding: 10px 50px 30px 30px;
}
.whiteBG-text svg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 20px);
}
hr {
position: relative;
width: 100%;
height: 5px;
background-color: var(--orange);
border: unset;
margin: 0;
border-radius: 100px;
overflow: visible;
}
.wpcf7,
.wpcf7-form {
width: 100%;
}
.form {
position: relative;
width: calc(100% - 80px);
padding: 40px;
}
.form::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
background-color: var(--greyForm);
transform: translateX(-50%);
}
.form hr {
margin-bottom: 40px;
}
.form__line {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 20px 40px;
margin: 20px 0;
}
.form__input {
position: relative;
}
.form__input.w50 {
width: 50%;
}
.form__input.w100 {
width: 100%;
}
.form__input {
font-size: var(--fontSizeP);
justify-content: flex-start;
align-items: flex-start;
}
.form__input.form__label__1 label {
position: absolute;
z-index: 2;
top: calc(50% - 4px);
left: 0;
font-size: var(--fontSizeP2);
font-weight: 500;
color: var(--greyFormLabel);
transform: translateY(-50%);
transition: all var(--transition025);
}
.form__input.form__label__1.form__label__1--focus {
transition: all var(--transition025);
margin: 7px 0;
}
.form__input.form__bigLabel.form__label__1--focus {
margin: 21px 0 7px 0;
}
.form__input.form__label__1.form__label__1--focus label {
color: var(--black);
top: 0;
transform: translateY(calc(-100% - 5px));
}
.form__input span.wpcf7-form-control-wrap {
width: 100%;
}
.form__input span.wpcf7-form-control-wrap input,
.form__input span.wpcf7-form-control-wrap textarea {
position: relative;
z-index: 2;
width: 100%;
background-color: transparent;
border: unset;
border-bottom: 4px solid var(--white) ;
height: 40px;
font-family: var(--font1);
font-size: var(--fontSizeP);
appearance: none;
}
.form__input span.wpcf7-form-control-wrap input::placeholder,
.form__input span.wpcf7-form-control-wrap textarea::placeholder {
color: var(--greyFormLabel);
}
.has-high-contrast .form__input span.wpcf7-form-control-wrap input,
.has-high-contrast .form__input span.wpcf7-form-control-wrap textarea {
border-color: var(--black);
}
.has-high-contrast .form__input span.wpcf7-form-control-wrap input::placeholder,
.has-high-contrast .form__input span.wpcf7-form-control-wrap textarea::placeholder {
color: var(--black);
}
.form__input span.wpcf7-form-control-wrap textarea {
resize: vertical;
}
.form__input span.wpcf7-form-control-wrap input:focus,
.form__input span.wpcf7-form-control-wrap textarea:focus {
outline: 4px dashed var(--red);
}
.form__input.form__check {
flex-direction: column;
gap: 10px;
}
.form__input.form__check label.form__check__label {
font-weight: 700;
text-transform: uppercase;
}
.form__input.form__check span.wpcf7-form-control-wrap {
width: auto;
padding: 20px;
background-color: var(--white);
}
.form__input.form__check span.wpcf7-form-control {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
gap: 10px 20px;
}
.form__input.form__check span.wpcf7-checkbox {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.form__input.form__check span.wpcf7-list-item {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.form__input.form__check span.wpcf7-list-item label {
display: flex;
align-items: center;
gap: 10px;
}
.form__input.form__check input[type="checkbox"],
.form__input.form__check input[type="radio"] {
position: relative;
z-index: 2;
width: 25px;
height: 25px;
background-color: var(--white);
border: 3px solid var(--red);
border-radius: 100px;
cursor: pointer;
appearance: none;
min-height: unset;
aspect-ratio: 1/1;
-webkit-aspect-ratio: 1/1;
}
.form__input.form__check input[type="checkbox"] {
border-radius: 0;
}
.form__input.form__check input[type="checkbox"]:checked,
.form__input.form__check input[type="radio"]:checked {
background-color: var(--red);
border: 4px solid var(--red);
}
.form__input.form__check .wpcf7-list-item .wpcf7-list-item-label {
width: calc(100% - 40px);
}
.form__input.form__check__2 span.wpcf7-form-control-wrap {
padding: 20px;
}
.form__input__2 {
flex-direction: column;
gap: 10px;
}
.form__input__2 label {
font-weight: 700;
}
.form__send {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
gap: 20px;
}
.form__send input[type="submit"] {
position: relative;
font-family: var(--font1);
font-size: var(--fontSizeA2);
font-weight: 500;
padding: 15px 20px;
background-color: var(--black);
color: var(--white);
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
transition: all var(--transition05);
border: 2px solid var(--black);
cursor: pointer;
text-transform: uppercase;
appearance: none;
}
.form__send input[type="submit"]:hover,
.form__send input[type="submit"]:focus {
background-color: var(--white);
color: var(--black);
}
.wpcf7 form .wpcf7-response-output {
width: calc(100% - 40px);
margin: 10px 0;
padding: 20px;
font-weight: 700;
color: var(--white);
font-size: var(--fontSizeA);
border: unset!important;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: var(--red); }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
background-color: var(--redForm); }
.wpcf7 form.spam .wpcf7-response-output {
background-color: var(--orangeForm); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
background-color: var(--yellowForm); }
.wpcf7-not-valid-tip {
font-size: var(--fontSizeA);
font-weight: 700;
color: var(--redForm);
width: 100%;
}
@media (max-width: 1000px) {
.form__line {
flex-direction: column;
}
.form__input.w50 {
width: 100%;
}
}
@media (max-width: 600px) {
.form {
width: 100%;
padding: 40px 0 0 0;
}
.form hr {
margin-bottom: 0;
}
.form__input.form__check span.wpcf7-form-control-wrap {
padding: 10px;
}
.form__input.form__check__2 span.wpcf7-form-control-wrap {
padding: 20px;
}
}
.blogPage h1 span {
background-color: var(--orange);
padding: 20px;
text-shadow: unset;
}
.blogPage h2 {
font-size: var(--fontSizeH4);
text-transform: uppercase;
}
.blogPosts {
width: 100%;
margin: 0 0 70px 0;
}
.blogPosts ul {
width: 100%;
gap: 40px;
margin: 0;
margin-top: 40px;
padding: 0;
align-items: flex-start;
justify-content: flex-start;
flex-flow: wrap;
}
.blogPosts ul li {
width: calc(25% - 30px);
}
.blogPosts ul li a {
width: 100%;
border-radius: 6px;
background-color: var(--white);
text-decoration: none;
transition: all var(--transition05);
}
.blogPosts ul li a:hover,
.blogPosts ul li a:focus {
background-color: var(--blue);
}
.blogPosts ul li a figure {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 16/9;
-webkit-aspect-ratio: 16/9;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
overflow: hidden;
}
.blogPosts ul li a figure img.wp-post-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all var(--transition05);
}
.blogPosts ul li a:hover figure img.wp-post-image,
.blogPosts ul li a:focus figure img.wp-post-image {
transform: scale(1.2);
}
.blogPosts__content {
width: calc(100% - 80px);
padding: 40px;
align-items: flex-start;
}
.blogPosts ul li a h2 {
font-size: var(--fontSizeA2);
font-weight: 700;
margin: 0 0 10px 0;
text-transform: none;
}
.blogPosts ul li a p {
font-size: 16px;
font-weight: 400;
margin: 0;
color: var(--grey);
}
.blogPosts__content__date {
font-size: 16px;
font-weight: 400;
margin-top: 10px;
color: var(--grey);
}
.blogPosts__content__date img {
width: 16px;
height: 16px;
object-fit: contain;
}
.blogPosts__content__date time {
margin-left: 5px;
}
.blogPosts ul li a:hover h2,
.blogPosts ul li a:focus h2,
.blogPosts ul li a:hover p,
.blogPosts ul li a:focus p,
.blogPosts ul li a:hover .blogPosts__content__date,
.blogPosts ul li a:focus .blogPosts__content__date {
color: var(--white);
}
.blogPosts .btn {
font-size: var(--fontSizeP2);
margin-top: 40px;
text-transform: uppercase;
}
@media (max-width: 1280px) {
.blogPosts ul {
gap: 20px;
flex-flow: wrap;
}
.blogPosts ul li {
width: calc(50% - 20px);
}
}
@media (max-width: 900px) {
.blogPosts__content {
width: calc(100% - 40px);
padding: 20px;
}
}
@media (max-width: 600px) {
.blogPosts {
margin: 30px 0;
}
.blogPosts ul {
gap: 20px 10px;
}
.blogPosts ul li {
width: calc(100% - 20px);
max-width: 100%;
}
}
.categories {
width: 100%;
gap: 10px;
justify-content: flex-start;
flex-flow: wrap;
margin-top: 40px;
}
.categories__link.active a {
background-color: var(--orange);
color: var(--white);
font-family: var(--font2);
font-size: var(--fontSizeA);
font-weight: 500;
padding: 12px 20px;
cursor: not-allowed;
pointer-events: none;
}
.categories__link a {
background-color: var(--blue);
color: var(--white);
font-family: var(--font2);
font-size: var(--fontSizeA);
font-weight: 500;
padding: 12px 20px;
color: var(--white);
text-decoration: none;
transition: all var(--transition025);
}
.categories__link a:hover {
background-color: var(--black);
letter-spacing: 1px;
}
.blogPosts__pagination {
width: 100%;
margin: 40px 0;
}
.blogPosts__pagination .nav {
width: 100%;
}
.blogPosts__pagination .nav-links {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-flow: wrap;
gap: 5px;
}
.blogPosts__pagination .nav-links a, 
.blogPosts__pagination .nav-links span {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: var(--red);
color: var(--white);
font-size: var(--fontSizeA);
font-weight: 500;
text-decoration: none;
transition: all var(--transition025);
}
.blogPosts__pagination .nav-links span {
background-color: var(--black);
}
.blogPosts__pagination .nav-links a:hover {
background-color: var(--black);
}
.single__bandeau {
position: relative;
width: 100vw;
}
.single__bandeau::after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 80%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.single__bandeau figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.single__bandeau figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single__bandeau h1 {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
text-align: left;
padding: 100px 0;
color: var(--white);
text-shadow: 0 3px 6px rgba(0,0,0,0.3);
margin: 0;
}
.single__content {
align-items: flex-start;
width: 100%;
padding: 40px 0;
}
.searchPage h1 {
font-size: var(--fontSizeH2);
color: var(--blue);
max-width: 1000px;
}
.searchform, 
.searchform div {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
width: 100%;
max-width: 1000px;
}
.searchform input[type="text"] {
width: calc(100% - 300px);
background-color: transparent;
border: 2px solid var(--red);
font-family: var(--font1);
font-size: var(--fontSizeP2);
padding: 16px 20px;
appearance: none;
box-sizing: border-box;
}
.searchform input[type="submit"] {
position: relative;
width: 300px;
font-family: var(--font2);
font-size: var(--fontSizeA);
font-weight: 500;
padding: 21.5px 40px;
background-color: var(--red);
color: var(--white);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
transition: all var(--transition05);
border: 2px solid var(--red);
cursor: pointer;
text-transform: uppercase;
text-align: center;
appearance: none;
box-sizing: border-box;
}
.searchform input[type="submit"]:hover, .searchform input[type="submit"]:focus {
background-color: var(--white);
color: var(--black);
}
.searchResults {
width: 100%;
max-width: 1000px;
margin-bottom: 40px;
}
.searchResults ul {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%;
margin: 0;
padding: 0;
}
.searchResults ul li {
width: 100%;
margin: 20px 0;
padding: 20px 0;
align-items: flex-start;
border-bottom: 1px solid var(--black);
}
.searchResults ul li:last-child {
border-bottom: none;
}
.searchResults ul li a {
width: 100%;
align-items: flex-start;
text-decoration: none;
}
.searchResults ul li a img {
width: 300px;
height: auto;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin-bottom: 10px;
}
.searchResults ul li a h2 {
color: var(--blue);
font-size: var(--fontSizeH3);
margin: 0;
}
.searchResults ul li a p {
margin: 5px 0 0 0;
}
.searchResults ul li a span {
font-weight: 700;
color: var(--blue);
}
.searchResults ul li a div {
font-size: var(--fontSizeA);
font-weight: 500;
color: var(--red);
text-decoration: underline;
}
@media (max-width: 600px) {
.searchform div {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.searchform input[type="text"] {
width: calc(100% - 48px);
}
}
.toTop {
position: fixed;
z-index: 1001;
bottom: 90px;
right: 20px;
width: 50px;
height: 50px;
box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
background-color: #fff;
padding: 12.5px;
box-sizing: border-box;
text-align: center;
}
.toTop svg {
height: 100%;
width: auto;
stroke: #000;
}
#a11y:has(#a11y-toggle[aria-expanded="true"]) + .toTop {
box-shadow: unset;
}
.toTop:hover,
.toTop:focus {
outline: 4px dashed var(--red);
}
.toTop:hover svg,
.toTop:focus svg {
stroke: var(--red);
}  #a11y {
position: fixed;
z-index: 1002;
bottom: 20px;
right: 20px;
width: 50px;
box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
background-color: #fff;
display: flex;
flex-direction: column-reverse;
}
#a11y button {
appearance: none;
background: unset;
border: unset;
}
#a11y button,
#a11y a {
padding: 12.5px;
display: flex;
cursor: pointer;
position: relative;
}
#a11y svg {
height: 100%;
width: auto;
}
#a11y-toggle {
z-index: 1;
}
#a11y button:hover,
#a11y button:focus,
#a11y a:hover,
#a11y a:focus {
outline: 4px dashed var(--red);
}
#a11y button:hover svg,
#a11y button:focus svg,
#a11y a:hover svg,
#a11y a:focus svg {
fill: var(--red);
}
#a11y button span,
#a11y a span,
.toTop span {
position: absolute;
width: 18ch;
max-width: calc(100vw - 150px);
right: calc(100% + 1em);
background: white;
padding: 4px;
top: 50%;
font-size: 1.5rem;
color: black;
transform: translateY(-50%);
outline: 1px solid var(--red);
text-align: center;
font-family: "TypeType", "serif";
}
#a11y button span:before,
#a11y a span:before,
.toTop span:before {
content: '';
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
border: 7px solid transparent;
border-left-color: white;
z-index: 1;
}
#a11y button span:after,
#a11y a span:after,
.toTop span:after {
content: '';
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
border: 8px solid transparent;
border-left-color: var(--red);
z-index: 0;
}
#a11y button:focus span,
#a11y a:focus span,
.toTop:focus span {
z-index: 10;
}
#a11y button:not(:hover):not(:focus-within) span,
#a11y a:not(:hover):not(:focus-within) span,
.toTop:not(:hover):not(:focus) span {
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
padding: unset;
}
#a11y img {
width: 100%;
}
#a11y-menu {
display: none;
margin: unset;
padding: unset;
width: 100%;
list-style: none;
flex-direction: column-reverse;
background-color: white;
}
#a11y-toggle[aria-expanded="true"] ~ #a11y-menu {
display: flex;
}
.wp-block-media-text {
width: 100%;
margin: 40px 0;
}
@media (min-width: 1401px) {
.client__mobile {
display: none;
}
}
@media (max-width: 1400px) {
.client__mobile {
width: 26px;
height: 26px;
background-color: var(--red);
border: 4px solid var(--red);
margin-right: 10px;
padding: 8px;
}
.client__mobile img {
width: 100%;
height: auto;
}
}
@media (max-width: 600px) {
.client__mobile {
width: 20px;
height: 20px;
border-width: 2px;
}
}
.wp-block-image {
width: 100%;
}
.wp-block-image .aligncenter {
align-self: center;
}
.captcha-image {
border: unset;
background-color: #fff;
}
.activites {
width: 100%;
align-items: flex-start;
margin: 50px 0 70px;
}
.activites h2 {
margin: 0;
margin-bottom: 40px;
}
.activites__cols {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
gap: 2rem;
}
.activites__col {
width: calc(100% - 120px);
background-color: var(--blueLight2);
padding: 60px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 24px;
align-items: flex-start;
margin-bottom: 2rem;
}
.activites__col.medium {
width: calc(50% - 120px - 1rem);
}
.activites__col h3 {
position: relative;
z-index: 2;
margin: 0;
margin-bottom: 20px;
color: var(--blue);
}
.activites__col hr {
height: 3px;
background-color: var(--blue);
}
.activites__col h1, .activites__col h2, .activites__col h3, .activites__col h4, .activites__col h5 {
font-family: var(--font2);
}
.activites__col p, .activites__col a, .activites__col ul, .activites__col ol, .activites__col li {
font-family: var(--font1);
}
.activites__col ul {
width: auto;
list-style: none;
margin: 0;
padding: 0;
}
.activites__col ul li {
position: relative;
width: auto;
padding-left: 26px;
}
.activites__col ul li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 12px;
height: 12px;
background-color: var(--black);
border-radius: 100%;
margin-right: 10px;
}
.activites__col ul li a {
}
.activites__col a img {
position: absolute;
left: calc(100% + 10px);
width: 40px;
height: 40px;
object-fit: contain;
}
.activites__col a {
position: relative;
color: var(--blue);
}
.activites__col a.btn {
color: var(--white);
}
.activites__col a.btn:hover,
.activites__col a.btn:focus{
color: var(--blue);
}
.activites__col hr + ul {
margin-top: 20px;
}
@media (max-width: 1280px) {
.activites__col.medium {
width: calc(100% - 120px);
}
}
@media (max-width: 600px) {
.activites {
margin: 30px 0;
}
.activites__cols {
gap: 20px;
}
.activites__col,
.activites__col.medium {
width: calc(100% - 60px);
padding: 40px 30px;
}
}
.lastPosts {
width: 100%;
margin: 70px 0;
}
.lastPosts h2 {
font-size: var(--fontSizeH4);
text-transform: uppercase;
margin: 0;
}
.lastPosts ul {
width: 100%;
gap: 40px;
margin: 0;
margin-top: 70px;
padding: 0;
align-items: flex-start;
}
.lastPosts ul li {
width: 25%;
}
.lastPosts ul li a {
width: 100%;
border-radius: 6px;
background-color: var(--white);
transition: all var(--transition05);
text-decoration: none;
}
.lastPosts ul li a:hover,
.lastPosts ul li a:focus {
background-color: var(--blue);
}
.lastPosts ul li a figure {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 16/9;
-webkit-aspect-ratio: 16/9;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
overflow: hidden;
}
.lastPosts ul li a figure img.wp-post-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: all var(--transition05);
}
.lastPosts ul li a:hover figure img.wp-post-image,
.lastPosts ul li a:focus figure img.wp-post-image {
transform: scale(1.2);
}
.lastPosts__content {
width: calc(100% - 80px);
padding: 40px;
align-items: flex-start;
}
.lastPosts ul li a h3 {
font-size: var(--fontSizeP2);
font-weight: 700;
margin: 0;
margin: 0 0 10px 0;
}
.lastPosts ul li a p {
font-size: 16px;
font-weight: 400;
margin: 0;
color: var(--grey);
}
.lastPosts__content__date {
font-size: 16px;
font-weight: 400;
margin-top: 10px;
color: var(--grey);
}
.lastPosts__content__date img {
width: 16px;
height: 16px;
object-fit: contain;
}
.lastPosts__content__date time {
margin-left: 5px;
}
.lastPosts ul li a:hover h3,
.lastPosts ul li a:focus h3,
.lastPosts ul li a:hover p,
.lastPosts ul li a:focus p,
.lastPosts ul li a:hover .lastPosts__content__date,
.lastPosts ul li a:focus .lastPosts__content__date {
color: var(--white);
}
.lastPosts .btn {
margin-top: 20px;
}
@media (max-width: 1280px) {
.lastPosts ul {
gap: 20px;
flex-flow: wrap;
}
.lastPosts ul li {
width: calc(50% - 20px);
}
}
@media (max-width: 900px) {
.lastPosts__content {
width: calc(100% - 40px);
padding: 20px;
}
}
@media (max-width: 600px) {
.lastPosts {
margin: 30px 0;
}
.lastPosts ul {
gap: 20px 10px;
}
.lastPosts ul li {
width: calc(100% - 20px);
max-width: 350px;
}
}
.bdLiens {
width: calc(100% - 80px);
margin: 40px 0;
padding: 40px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 24px;
background-color: var(--blue);
}
.bdLiens p, .bdLiens p a, .bdLiens ul li, .bdLiens ol li {
text-align: center;
color: var(--white);
}
.bdLiens h1,
.bdLiens h2,
.bdLiens h3,
.bdLiens h4,
.bdLiens h5 {
text-align: center;
color: var(--white);
margin: 0;
}
.bdLiens__links {
flex-flow: wrap;
gap: 20px;
margin: 10px 0;
}
.bdTitle {
position: relative;
width: 100vw;
border-radius: 24px;
overflow: hidden;
}
.bdTitle::after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 80%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.bdTitle__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--black);
z-index: -1;
}
.bdTitle__bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.bdTitle__inner {
position: relative;
width: 100%;
max-width: var(--maxwidth);
justify-content: space-between;
padding: 100px 0 100px 0;
}
.bdTitle__inner figure {
position: relative;
width: 130px;
height: 130px;
background-color: var(--white);
border-radius: 100%;
}
.bdTitle__inner figure img {
height: 70%;
width: 70%;
object-fit: contain;
}
.bdTitle__content {
position: relative;
width: calc(100% - 160px);
color: #fff;
align-items: flex-start;
}
.bdTitle__content h1 {
font-size: var(--fontSizeH1);
font-weight: 900;
text-transform: uppercase;
margin: 0;
}
.bdTitle__content p {
font-size: var(--fontSizeH5);
font-weight: 500;
margin: 10px 0 0 0;
line-height: 100%;
}
@media (max-width: 1280px) {
.bdTitle__inner {
padding-bottom: 150px;
}
}
@media (max-width: 600px) {
.bdTitle__inner {
padding-bottom: 100px;
}
.bdTitle__inner figure {
width: 100px;
height: 100px;
}
.bdTitle__content {
width: calc(100% - 120px);
}
}
@media (max-width: 450px) {
.bdTitle__inner {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 60px 0;
}
.bdTitle__inner figure {
width: 80px;
height: 80px;
}
.bdTitle__content {
width: 100%;
}
.bdTitle::after {
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5) 75%);
}
}
.bdVideo {
width: 100%;
margin: 100px 0 150px 0;
}
.bdVideo__inner {
position: relative;
width: 100%;
justify-content: flex-end;
min-height: 400px;
}
.bdVideo__inner .bdVideo__link {
position: absolute;
top: 50%;
left: 0;
width: 50%;
height: calc(100% + 40px);
transform: translateY(-50%);
background-color: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.bdVideo__inner .bdVideo__link::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 25%;
height: auto;
aspect-ratio: 1/1;
-webkit-aspect-ratio: 1/1;
background-image: url(https://mda.lamayenne.fr/wp-content/themes/theme-wordpress/images/jouer-la-video.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: translate(-50%, -50%);
}
.bdVideo__inner .bdVideo__link img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.bdVideo__content {
width: calc(50% - 80px);
padding: 80px 40px 80px 40px;
align-items: flex-start;
background-color: var(--blue);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.bdVideo.red .bdVideo__content {
background-color: var(--red);
}
.bdVideo__content * {
color: var(--white);
}
.bdVideo__content h2 {
font-size: var(--fontSizeH3);
font-weight: 800;
text-transform: none;
margin: 0;
}
.bdVideo__content h1, .bdVideo__content h2, .bdVideo__content h3, .bdVideo__content h4, .bdVideo__content h5 {
font-family: var(--font1);
} 
.bdVideo__content p {
font-weight: 500;
}
@media (max-width: 1280px) {
.bdVideo {
margin: 30px 0 50px 0;
}
}
@media (max-width: 768px) {
.bdVideo__inner {
flex-direction: column;
}
.bdVideo__inner .bdVideo__link {
position: relative;
top: unset;
left: unset;
width: 100%;
height: auto;
aspect-ratio: 16/9;
-webkit-aspect-ratio: 16/9;
transform: unset;
}
.bdVideo__content {
width: calc(100% - 80px);
padding: 40px;
}
}
.blocContact {
position: relative;
width: calc(100% - 320px);
margin: 100px 0;
padding: 130px 160px;
gap: 40px 105px;
align-items: stretch;
background-color: var(--blueLight3);
}
.blocContact h1 {
position: absolute;
z-index: 2;
top: -30px;
left: -30px;
margin: 0;
text-transform: none;
}
.blocContact__col {
width: 50%;
color: var(--blue);
align-items: flex-start;
}
.blocContact__col__map {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
.blocContact__col__map img {
width: 100%;
height: 100%;
max-width: 541px;
object-fit: contain;
}
.blocContact__col .btn {
font-size: var(--fontSizeA);
font-weight: 700;
margin-bottom: 10px;
}
.blocContact__col__fax {
font-size: var(--fontSizeP);
font-weight: 700;
}
.blocContact__col__fax .btn {
margin-left: 20px;
}
.blocContact .whiteBG-text {
position: absolute;
z-index: 2;
bottom: -30px;
right: -50px;
width: 660px;
}
.blocContact .whiteBG-text p {
margin: 0;
}
.blocContact .whiteBG-text b,
.blocContact .whiteBG-text strong {
color: var(--red);
}
.leaflet-popup-content {
width: 150px!important;
}
@media (max-width: 1280px) {
.blocContact {
flex-direction: column;
width: calc(100% - 160px);
padding: 80px;
align-items: flex-start;
}
.blocContact__col {
width: 100%;
}
.blocContact__col__map {
justify-content: flex-start;
}
.blocContact .whiteBG-text {
width: 60%;
}
}
@media (max-width: 1080px) {
.blocContact .whiteBG-text {
position: relative;
right: unset;
bottom: unset;
width: calc(100% - 60px);
padding: 10px 30px 30px 30px;
}
}
@media (max-width: 600px) {
.blocContact {
flex-direction: column;
width: calc(100% - 40px);
padding: 60px 20px;
margin: 40px 0 100px 0;
}
.blocContact h1 {
left: -10px;
}
}
.formations__item {
position: relative;
width: calc(100% - 80px);
border: 1px solid #ddd;
padding: 40px;
margin: 20px 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 24px;
justify-content: flex-end;
}
.formations__item__content {
width: 100%;
align-items: flex-start;
}
.formations__item__title {
font-size: var(--fontSizeH5);
font-weight: 600;
margin-bottom: 16px;
}
.formations__item p {
margin: 0;
}
.formations__item a.btn {
margin-top: 16px;
}
@media (max-width: 600px) {
.formations__item {
width: calc(100% - 40px);
padding: 120px 20px 20px 20px;
}
.formations__item__img {
width: 100%;
height: 100px;
border-radius: 24px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.formations__item__content {
width: 100%;
min-height: auto;
}
.formations__item__pNoFill {
display: none;
}
}
.missions {
position: relative;
width: calc(100% - 60px);
align-items: flex-start;
margin: 100px 0 70px 0;
}
.missions h2 {
position: absolute;
z-index: 2;
top: -30px;
left: -30px;
margin: 0;
}
.missions__inner {
width: 100%;
align-items: stretch;
}
.missions__col {
width: 50%;
padding: 40px 80px;
color: var(--white);
align-items: flex-start;
}
.missions__col-left {
position: relative;
background-color: var(--red);
padding-top: 85px;
}
.missions__col-left::after {
content: '';
position: absolute;
top: 0;
left: calc(100% - 80px);
width: 80px;
height: 100%;
background-color: var(--red);
transform: skewX(-10deg);
pointer-events: none;
}
.missions__col-left::before {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 80px;
height: 100%;
background-color: var(--blue);
transform: skewX(-10deg);
pointer-events: none;
}
.missions__col-right {
background-color: var(--blue);
}
.missions__col h3, .missions__col p {
position: relative;
z-index: 2;
}
.missions__col h3 {
margin: 0;
}
.missions__col p {
font-weight: 700;
}
.missions__col a {
color: var(--white);
}
@media (max-width: 1280px) {
.missions__inner {
flex-direction: column;
}
.missions__col {
width: calc(100% - 120px);
padding: 40px 60px;
}
.missions__col-left {
padding-top: 80px;
}
.missions__col-left::after {
top: calc(100% - 30px);
left: 0;
width: 100%;
height: 30px;
transform: skewY(2deg);
}
.missions__col-left::before {
top: 100%;
left: 0;
width: 100%;
height: 80px;
transform: skewY(2deg);
}
}
@media (max-width: 600px) {
.missions {
width: 100%;
margin: 30px 0;
}
.missions h2 {
position: relative;
top: unset;
left: unset;
margin-bottom: 40px;
}
.missions__col {
width: calc(100% - 60px);
padding: 20px 30px;
}
}
.pres {
width: 100%;
margin: 70px 0;
}
.pres__col {
position: relative;
width: 50%;
}
.pres__col p {
font-size: var(--fontSizeH5)
}
.pres__col h2 {
margin: 0;
margin-bottom: 40px;
}
.pres__col .btn {
margin-top: 40px;
}
.pres__col-left {
width: 45%;
margin-right: 5%;
justify-content: center;
align-items: flex-start;
}
.pres__col-right {
position: relative;
width: 50%;
aspect-ratio: 998/524;
-webkit-aspect-ratio: 998/524;
}
.pres__col-right .svgClipPath {
position: absolute;
top: 0;
left: 0;
width: 50vw;
max-width: 800px;
height: 100%;
}
.pres__col-right__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pres__col-right .whiteBG-text {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
width: 554px;
}
.pres__col-right p {
font-size: 20px;
margin: 0;
}
.pres__col-right p b, 
.pres__col-right p strong {
color: var(--blue);
}
@media (max-width: 1280px) {
.pres {
margin: 30px 0;
flex-direction: column;
}
.pres__col,
.pres__col-right,
.pres__col-right__inner,
.pres__col-right .svgClipPath {
width: 100%;
max-width: unset;
}
.pres__col-left {
margin-right: 0;
}
.pres__col-right {
margin-top: 40px;
}
.pres__col-right .whiteBG-text {
width: 60%;
}
}
@media (max-width: 768px) {
.pres {
margin: 30px 0 90px 0;;
}
.pres__col-right .whiteBG-text {
bottom: -60px;
width: calc(100% - 60px);
}
.pres__col-right p {
font-size: 16px;
}
}
.rh {
width: 100vw;
background-color: var(--blueLight2);
margin-top: 70px;
}
.rh__inner {
width: calc(100% - 80px);
max-width: var(--maxwidth);
transform: translateY(-40px);
align-items: flex-start;
color: var(--blue);
}
.rh__inner h2 {
margin: 0;
font-size: var(--fontSizeH3);
}
.rh__inner h3, .rh__inner h4, .rh__inner h5, .rh__inner p, .rh__inner ul li, .rh__inner a {
font-family: var(--font2);
color: var(--blue);
}
.rh__inner p a {
text-decoration: underline;
}
.slider {
width: 100%;
gap: 30px;
margin-bottom: 20px;
}
.slider__slide {
position: relative;
z-index: 2;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: calc(60vh - 35px);
color: #fff;
padding-bottom: 35px;
border-radius: 24px;
overflow: hidden;
transition: all var(--transition05);
text-decoration: none;
}
.slider__slide::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 40%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 75%);
}
.slider__slide__bg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.slider__slide__bg img {
height: 100%;
width: 100%;
object-fit: cover;
}
.slider__slide__picto {
position: absolute;
bottom: 25px;
left: 50%;
width: 100px;
height: 100px;
overflow: hidden;
background-color: var(--white);
border-radius: 100%;
transform: translateX(-50%);
transition: all var(--transition05);
}
.slider__slide__picto img {
height: 70%;
width: 70%;
padding: 10%;
object-fit: contain;
}
.slider__slide__title {
font-family: var(--font2);
font-size: var(--fontSizeH5);
font-weight: 900;
text-transform: uppercase;
margin: 0;
}
.slider__slide__text {
font-family: var(--font1);
font-size: var(--fontSizeP);
font-weight: 400;
line-height: 100%;
}
.slider__slide__title,
.slider__slide__text {
transition: all var(--transition001);
opacity: 0;
padding: 0 40px 0 135px;
}
@media (max-width: 1440px) {
.slider__slide .slider__slide__picto {
width: 80px;
height: 80px;
}
.slider__slide__title,
.slider__slide__text {
padding: 0 20px 0 115px;
}
}
@media (min-width: 1281px) {
.slider__slide {
height: calc(70vh - 35px);
}
.slider__slide:hover,
.slider__slide:focus {
width: 300%;
}
.slider__slide:hover .slider__slide__picto,
.slider__slide:focus .slider__slide__picto {
left: 15px;
transform: translateX(0);
}
.slider__slide:hover .slider__slide__title,
.slider__slide:focus .slider__slide__title,
.slider__slide:hover .slider__slide__text,
.slider__slide:focus .slider__slide__text {
opacity: 1;
transition: all var(--transition05);
transition-delay:  var(--transition025);
}
}
@media (max-width: 1280px) {
.slider {
flex-flow: wrap;
gap: 20px;
margin-bottom: 30px;
}
.slider__slide {
border-radius: 8px;
width: calc(50% - 20px);
height: auto;
padding-bottom: 20px;
aspect-ratio: 16 / 11;
-webkit-aspect-ratio: 16 / 11;
}
.slider__slide::after {
height: 100%;
}
.slider__slide .slider__slide__picto {
left: 15px;
transform: translateX(0);
width: 80px;
height: 80px;
}
.slider__slide__title,
.slider__slide__text {
opacity: 1;
padding: 0 20px 0 110px;
}
}
@media (max-width: 800px) {
.slider__slide {
width: 100%;
height: auto;
min-height: 200px;
aspect-ratio: 16 / 9;
-webkit-aspect-ratio: 16 / 9;
}
.slider {
width: 100%;
gap: 10px;
margin-bottom: 20px;
}
.slider__slide__text {
font-size: 14px;
}
}
@media (max-width: 350px) {
.slider__slide {
aspect-ratio: 1 / 1;
}
.slider__slide__picto {
position: relative;
bottom: unset;
left: unset;
transform: translateX(0);
margin-bottom: 10px;
}
.slider__slide__title, .slider__slide__text {
padding: 0 15px;
}
}
.slider__links {
align-self: flex-end;
gap: 10px 20px;
padding: 20px 30px 20px 20px;
background-color: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
margin-bottom: 40px;
}
.bigTitle {
width: auto;
position: relative;
z-index: 2;
margin: 30px 0 40px 0;
padding: 15px 40px 10px 30px;
color: #fff;
align-self: flex-start;
} .bigTitle__white {
color: var(--black);
}
.bigTitle svg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 20px);
}
.listeLiens {
width: 100%;
margin: 100px 0;
flex-flow: wrap;
gap: 20px;
}
.listeLiens a.btn {
font-size: var(--fontSizeH2);
text-align: left;
}
.listeLiens a.btn:hover {
padding-right: 20px;
}
.listeLiens a.btn::after {
display: none;
}
@media (max-width: 768px) {
.listeLiens {
margin: 40px 0;
justify-content: flex-start;
}
}
.qui {
width: 100%;
align-items: flex-start;
margin: 50px 0 70px;
}
.qui h2 {
margin: 0;
margin-bottom: 40px;
}
.qui__cols {
width: 100%;
max-width: 1400px;
align-self: center;
justify-content: flex-start;
align-items: stretch;
flex-flow: wrap;
gap: 40px 80px;
}
.qui__col {
width: calc(50% - 100px);
background-color: var(--blueLight2);
padding: 60px 30px 0 30px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border-radius: 24px;
text-decoration: none;
}
.qui__col__picto {
width: 100%;
max-width: 300px;
height: auto;
max-height: 300px;
aspect-ratio: 1/1;
object-fit: contain;
}
.qui__col h3 {
position: relative;
z-index: 2;
width: auto;
text-align: center;
}
.qui__col h3 span {
font-size: var(--fontSizeH2);
background-color: var(--blue);
color: var(--white);
padding: 20px 10px;
line-height: 160%;
}
@media (max-width: 1280px) {
.qui__cols {
max-width: 768px;
}
.qui__col {
width: calc(100% - 60px);
}
}
@media (max-width: 768px) {
.qui__col h3 span {
line-height: 200%;
}
}
.wp-block-columns {
width: 100%;
}
.wp-block-columns .activites__col:last-child {
margin-bottom: 5px;
}
@media (max-width: 1280px) {
.wp-block-columns {
flex-wrap: wrap!important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
width: 100%!important;
flex-basis: unset;
flex-grow: unset;
}
}
.links {
gap: 10px 20px;
flex-flow: wrap;
}
.activites__col .links {
margin-top: 20px;
}
.ariane {
width: 100%;
}
.liste__telechargement {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.liste__telechargement li {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
flex-flow: wrap;
width: auto;
padding-left: 26px;
}
.liste__telechargement li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 12px;
height: 12px;
background-color: var(--black);
border-radius: 100%;
margin-right: 10px;
}
.liste__telechargement li a {
position: relative;
color: var(--blue);
}
.liste__telechargement li a img {
position: absolute;
top: 50%;
left: calc(100% + 10px);
width: 40px;
height: 40px;
object-fit: contain;
transform: translateY(-50%);
}
.wp-block-cover {
width: 100%;
}
@media (max-width: 768px) {
.wp-block-cover {
padding: 20px!important;
}
}
.wp-block-cover.alignfull {
width: 100vw;
margin-left: 50%;
padding: 0;
box-shadow: none;
border-radius: 0;
transform: translateX(-50%);
}
.block-editor-block-list__block.wp-block.wp-block-spacer {
background: rgba(0,0,0,.1);
}
.is-content-justification-center{
align-self: center;
}
.antennes {
width: 100vw;
background-color: var(--blueLight2);
}
.antennes__inner {
width: 100%;
max-width: var(--maxwidth);
align-items: stretch;
gap: 20px 40px;
padding: 40px 0;
}
.antennes__list {
width: calc(50% + 40px);
padding: 40px 0 80px 0;
}
.antennes__list__items {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
gap: 40px 20px;
}
.antennes__list__item {
width: calc(50% - 10px);
align-items: flex-start;
gap: 10px;
}
.antennes__list__item__picto {
width: 22px;
height: auto;
}
.antennes__list__item__picto svg {
width: 100%;
}
.antennes__list__item__content {
width: calc(100% - 32px);
}
.antennes__list__item__content h3 {
font-size: 20px;
margin: 0;
color: var(--red);
}
.antennes__list__item__content p {
color: var(--blue);
margin: 0 0 1.6rem 0;
}
.antennes__map {
position: relative;
width: calc(50% - 80px);
}
.antennes__map figure {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.antennes__map figure img, .antennes__map svg {
position: absolute;
top: 50%;
left: 0;
width: calc(50vw - 80px);
min-width: 100%;
max-width: unset;
height: auto;
max-height: 100%;
object-fit: contain;
object-position: left;
transform: translateY(-50%);
}
@media (max-width: 1440px) {
.antennes__inner {
flex-direction: column-reverse;
align-items: center;
gap: 80px
}
.antennes__list {
width: 100%;
max-width: unset;
padding: 0;
}
.antennes__map {
width: 100%;
}
.antennes__map figure {
position: relative;
top: unset;
left: unset;
height: auto;
}
.antennes__map figure img, .antennes__map svg {
position: relative;
top: unset;
left: unset;
width: 100%;
max-width: 100%;
min-width: unset;
height: auto;
object-fit: contain;
object-position: center;
transform: unset;
}
}
@media (max-width: 768px) {
.antennes__inner {
gap: 40px;
}
.antennes__list__items {
justify-content: center;
}
.antennes__list__item {
width: 100%;
max-width: 400px;
}
}
@media (max-width: 768px) {
body {
--wp--preset--spacing--20: 10px;
--wp--preset--spacing--30: 10px;
--wp--preset--spacing--40: 10px;
--wp--preset--spacing--50: 10px;
--wp--preset--spacing--60: 10px;
--wp--preset--spacing--70: 10px;
--wp--preset--spacing--80: 10px;
}
} .alert {
position: relative;
background: #FFEDEB;
width: 100%;
max-width: var(--maxwidth);
height: 80px;
z-index: 999;
margin: auto;
margin-bottom: 20px;
}
.alert summary {
font-size: 22px;
font-weight: 500;
text-align: right;
cursor: pointer;
padding: 20px 43px 20px 0;
position: relative;
z-index: 1;
line-height: 100%;
min-height: 40px;
display: flex;
justify-content: flex-end;
align-items: center;
}
@media screen and (max-width: 1400px) {
.alert summary {
font-size: 18px;
padding: 20px 43px 20px 213px;
}
}
@media screen and (max-width: 800px) {
.alert summary {
padding: 20px 43px 20px 0px;
}
}
.alert summary:focus {
outline: 4px dashed var(--red);
}
.alert summary:after {
background-image: url(https://mda.lamayenne.fr/wp-content/themes/theme-wordpress/images/arrow__black.svg);
background-size: contain;
content: '';
width: 23px;
height: 11px;
position: absolute;
top: 35px;
right: 0;
transform: rotate(0);
transition: transform .5s cubic-bezier(1, 0, 0, 1);
}
.alert summary.no__container::after {
display: none;
}
.alert summary.no__container {
padding: 20px 0;
}
.alert [data-open] summary:after {
transform: rotate(180deg);
}
.has-reduced-motion .alert summary:after {
transition: all 0s;
}
.alert .alert__container {
position: relative;
transform-origin: top center;
}
.alert summary:before,
.alert .alert__container:before {
width: 100vw;
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 100%;
content: '';
background-color: #FFEDEB;
z-index: -1;
}
.has-high-contrast .alert summary:before,
.has-high-contrast .alert .alert__container:before {
background-color: white;
}
@media (max-width:768px) {
.alert summary {
font-size: 16px;
}
}
hr.wp-block-separator {
border: unset;
}