:root {
--blue: #324A89;
--blueDark: #294267;
--blueLight: #b9c6e5;
--blueFlash: #009EE2;
--grey: #93A0B2;
--greyDark: #595959;
--greyLight: #F0EFEC;
--red: #F53822;
--redDark: #DD3823;
--maxwidth: 1410px;
--maxwidthFooter: 1600px;
}
@media only screen and (max-width: 1508px) {
:root {
--maxwidthFooter: calc(100% - 80px);
}
}
@media only screen and (max-width: 800px) {
:root {
--maxwidthFooter: calc(100% - 40px);
}
}
* {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
background-color: var(--dark);
margin: 0;
overflow-x: hidden;
font-family: "Avenir Next", "serif";
color: #000;
background-color: var(--greyLight);
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
.flex__col {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.header__margin {
position: relative;
height: 285px;
}
.header__margin::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 100vw;
height: 285px;
background-color: var(--blue);
transform: translateX(-50%);
}
@media only screen and (max-width: 800px) {
.header__margin {
height: 190px;
}
}
main {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: calc(100% - 190px);
min-height: 50vh;
padding: 0 150px 0 40px;
margin-top: 110px;
overflow: hidden;
}
@media screen and (max-width: 1100px) {
main {
width: calc(100% - 80px);
padding: 0 40px;
}
}
@media screen and (max-width: 500px) {
main {
margin-top: 81px;
}
}
@media screen and (max-width: 450px) {
main {
padding: 0 20px;
width: calc(100% - 40px);
}
}
h1 {
font-size: 40px;
font-weight: 700;
margin-top: 30px;
margin-bottom: 60px;
width: 100%;
line-height: 120%;
}
h2 {
font-size: 40px;
font-weight: 400;
margin-top: 30px;
margin-bottom: 60px;
width: 100%;
line-height: 120%;
}
h3 {
font-size: 20px;
font-weight: 700;
margin: 0;
margin-bottom: 20px;
width: 100%;
line-height: 120%;
}
h1, h2, h3 {
max-width: var(--maxwidth);
}
.alignfull {
width: 100%;
}
p {
width: 100%;
max-width: var(--maxwidth);
font-size: 18px;
font-weight: 400;
color: var(--greyDark);
margin: 20px 0;
}
.classic {
font-size: 18px;
font-weight: 400;
color: var(--greyDark);
}
b {
font-weight: 600;
}
strong {
font-weight: 600;
}
ul {
width: calc(100% - 40px);
max-width: var(--maxwidth);
margin-left: 20px;
padding-left: 20px;
}
ul li {
font-size: 18px;
color: var(--greyDark);
}
a {
color: var(--blue);
text-decoration: underline;
cursor: pointer;
}
.button {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: #fff;
background-color: var(--red);
padding: 13px 30px 13px 20px;
border: 1px solid var(--red);
border-bottom-right-radius: 50px;
border-top-left-radius: 15px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
transition: background-color 0.5s, color 0.5s, letter-spacing 0.5s;
cursor: pointer;
}
.button:hover {
background-color: #fff;
color: var(--red);
letter-spacing: 2px;
}
.button.white {
background-color: #fff;
color: var(--red);
}
.button.white:hover {
background-color: var(--red);
color: #fff;
}
.w100 {
width: 100%;
}
img {
height: auto;
}
blockquote {
width: 100%;
max-width: var(--maxwidth);
margin: 0;
margin-bottom: 20px;
}
blockquote p {
font-size: 20px;
font-weight: bold;
margin: 0;
color: #000;
}
.nBold {
font-size: 20px;
font-weight: bold;
}
.big {
font-size: 40px;
font-weight: 400;
line-height: 120%;
}
@media screen and (max-width: 600px) {
h2, .big {
font-size: 30px;
}
}
@media screen and (max-width: 450px) {
h2, .big {
font-size: 26px;
}
}
.small {
font-size: 16px;
color: var(--greyDark)
}
.cWhite     {color: #fff}
.cRed       {color: var(--red)}
.cBlue      {color: var(--blue)}
.cBlueFlash {color: var(--blueFlash)}
.cBlueDark  {color: var(--blueDark)}
.cGrey      {color: var(--greyDark)}
.has-blue-color {color: var(--blue)}
.has-blue-dark-color {color: var(--blueDark)}
.has-blue-light-color {color: var(--blueLight)}
.has-blue-flash-color {color: var(--blueFlash)}
.has-grey-color {color: var(--grey)}
.has-grey-dark-color {color: var(--greyDark)}
.has-grey-light-color {color: var(--greyLight)}
.has-red-color {color: var(--red)}
.has-red-dark-color {color: var(--redDark)} .site-header {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: calc(100% - 200px);
padding: 0 160px 0 40px;
height: 109px;
background-color: #fff;
justify-content: space-between;
border-bottom: 1px solid var(--grey);
}
.site-header .logo img {
width: 180px;
height: 45px;
object-fit: contain;
}
.language {
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.burger {
position: absolute;
top: 0;
right: 0;
width: 109px;
height: 108px;
border: 1px solid var(--grey);
cursor: pointer;
}
.burger div {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2px;
border-radius: 100px;
transform: translate(-50%, -50%);
background-color: var(--blue);
}
.burger div:nth-child(1) {
top: calc(50% - 6px);
}
.burger div:nth-child(3) {
top: calc(50% + 6px)
}
.sidebar {
position: fixed;
top: 110px;
right: 0;
z-index: 997;
width: 110px;
height: calc(100vh - 110px);
background-color: #fff;
color: var(--blue);
border-left: 1px solid var(--grey);
}
.sidebar .ariane {
position: absolute;
top: 40px;
left: 50%;
width: calc(50vh - 95px);
transform: rotate(90deg) translateY(50%);
transform-origin: bottom left;
color: #7F7F7F;
}
.sidebar .ariane a:first-child {
text-transform: uppercase;
}
.sidebar .ariane a {
text-decoration: none;
color: #7F7F7F;
}
.sidebar__scroll {
position: absolute;
justify-content: flex-end;
bottom: 40px;
left: 50%;
width: calc(50vh - 95px);
transform: rotate(90deg) translateY(50%) translateX(-100%);
transform-origin: bottom left;
}
.sidebar__scroll span {
position: relative;
}
.sidebar__scroll span::before {
content: '';
position: absolute;
top: 50%;
right: calc(100% + 15px);
width: 40px;
height: 1px;
background-color: var(--blue);
}
.menu {
position: fixed;
top: 110px;
left: 0;
width: calc(100vw - 110px);
height: calc(100% - 110px);
transform: translateX(100%);
padding-right: 110px;
}
.page-template-template-home .menu, 
.page-template-template-a-propos .menu,
.page-template-template-culture .menu{
width: 100%;
padding-right: 0;
}
.menu__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.8);
}
.menu__inner {
position: absolute;
top: 0;
left: 110px;
width: calc(100% - 220px);
height: 100%;
background-color: #fff;
border-top-left-radius: 25px;
}
.page-template-template-home .menu__inner, 
.page-template-template-a-propos .menu__inner,
.page-template-template-culture .menu__inner {
width: calc(100% - 110px);
}
.menu__inner::after {
content: "";
position: absolute;
top: 0;
left: 100%;
width: 110px;
height: 100%;
background-color: #fff;
z-index: -1;
}
.menu__content {
width: calc(58.33% - 210px);
height: calc(100% - 140px);
background-color: #F0EFEC;
border-top-left-radius: 25px;
padding: 70px 140px 70px 70px;
overflow-y: auto;
}
.menu__content::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.menu__content::-webkit-scrollbar-track {
background: var(--blueLight);
border-radius: 25px;
}
.menu__content::-webkit-scrollbar-thumb {
background: var(--blue);
border-radius: 25px;
}
.menu__content ul {
list-style: none;
margin: 0;
padding: 0;
color: var(--blue);
}
.menu__content a {
text-decoration: none;
transition: all 0.5s;
}
.menu__content ul li ul li a:hover,
.menu__content .secondary__menu a:hover {
color: var(--red);
letter-spacing: 0.5px;
}
.primary__menu {
width: 100%;
}
.primary__menu li span {
font-size: 22px;
font-weight: 100;
}
.primary__menu li.parent {
position: relative;
width: calc(100% - 80px);
padding-left: 40px;
padding-bottom: 20px;
padding-right: 40px;
margin-bottom: 20px;
font-size: 43px;
font-weight: 300;
text-transform: uppercase;
background-image: url(../../../themes/alkalee/images/bordure-menu.svg);
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
}
.primary__menu li.parent::before {
content: '';
position: absolute;
top: 25px;
right: 10px;
width: 20px;
height: 2px;
background-color: var(--blue)
}
.primary__menu li.parent::after {
content: '';
position: absolute;
top: 25px;
right: 10px;
width: 20px;
height: 2px;
background-color: var(--blue);
transform: rotate(90deg);
transition: transform 0.25s ease-in-out;
}
.primary__menu ul {
margin-top: 8px;
display: none;
opacity: 0;
}
.primary__menu li.parent.active ul {
display: block;
opacity: 1;
}
.primary__menu li.parent.active::after {
transform: rotate(180deg);
}
.primary__menu ul li {
font-size: 16px;
font-weight: 300;
text-transform: none;
margin: 5px 0;
}
.secondary__menu {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
margin-top: 45px;
flex-flow: wrap;
}
.secondary__menu ul {
width: calc(33.33% - 40px);
padding-left: 40px;
padding-bottom: 20px;
min-width: 140px;
}
.secondary__menu ul li {
font-size: 16px;
font-weight: 300;
text-transform: none;
margin: 5px 0;
}
.menu__infos {
position: relative;
align-items: flex-start;
width: calc(41.67% - 140px);
height: calc(100% - 140px);
background-color: #fff;
color: var(--blue);
padding: 70px;
overflow-y: auto;
justify-content: flex-start;
}
.menu__infos::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.menu__infos::-webkit-scrollbar-track {
background: var(--blueLight);
border-radius: 25px;
}
.menu__infos::-webkit-scrollbar-thumb {
background: var(--blue);
border-radius: 25px;
}
.menu__infos__big {
font-size: 28px;
font-weight: 500;
}
.menu__nl {
align-items: flex-start;
}
.menu__nl label {
margin-bottom: 15px;
}
.menu__nl__line {
position: relative;
width: 100%;
}
.infos__nl {
display: none;
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 20px);
height: auto;
background-color: var(--greyLight);
color: #000!important;
padding: 10px;
border-radius: 8px;
font-size: 12px;
line-height: 100%;
}
.menu__nl__line input[type="email"]:focus + .infos__nl,
.footer__nl__line input[type="email"]:focus + .infos__nl {
display: block;
}
.menu__nl input[type="email"] {
font-family: "Avenir Next";
width: calc(100% - 50px);
height: 48px;
font-size: 12px;
font-weight: 400;
color: var(--blue);
padding: 0 20px;
border: 1px solid var(--blue);
appearance: none;
border-top-left-radius: 15px;
border-bottom-left-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}
.menu__nl input[type="email"]::placeholder {
font-size: 12px;
font-weight: 400;
color: var(--blue);
text-align: center;
}
.menu__nl input[type="submit"] {
width: 50px;
height: 50px;
font-size: 12px;
font-weight: 400;
color: var(--blue);
padding: 0 20px;
appearance: none;
border: none;
border-bottom-right-radius: 20px;
background-color: var(--blue);
background-image: url(../../../themes/alkalee/images/blue-arrow.svg);
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
transition: background-color 0.5s;
cursor: pointer;
}
.menu__nl input[type="submit"]:hover {
background-image: url(../../../themes/alkalee/images/white-arrow.svg);
background-color: var(--red);
}
.menu__contact {
margin-top: 150px;
margin-bottom: 10px;
align-items: flex-start;
}
.menu__contact a {
text-decoration: none;
margin-bottom: 10px;
transition: all 0.5s;
}
.menu__contact a:hover {
color: var(--red);
letter-spacing: 0.5px;
}
.menu__last {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}
.menu__last__side {
width: 50%;
align-items: flex-start;
min-width: 200px;
margin-top: 40px;
}
.menu__last__text {
font-size: 16px;
font-weight: 500;
line-height: 140%;
}
.menu__last__text a {
text-decoration: none;
}
.menu__rs {
width: 100%;
justify-content: flex-start;
margin-top: 20px;
}
.menu__rs a {
width: 25px;
height: 25px;
margin-right: 17px;
}
.menu__rs a img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 1500px) {
.menu__content {
padding: 40px;
width: calc(58.33% - 80px);
height: calc(100% - 80px);
}
.menu__infos {
padding: 40px;
width: calc(41.67% - 80px);
height: calc(100% - 80px);
}
.primary__menu li.parent {
font-size: 30px;
}
.menu__infos__big {
font-size: 22px;
}
}
@media screen and (max-width: 1100px) {
.sidebar {
display: none;
}
.menu {
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 900px) {
.menu__inner {
width: calc(100% - 40px);
left: 40px;
flex-flow: wrap;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.page-template-template-home .menu__inner, 
.page-template-template-a-propos .menu__inner,
.page-template-template-culture .menu__inner {
width: calc(100% - 40px);
}
.menu__inner::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.menu__inner::-webkit-scrollbar-track {
background: var(--blueLight);
border-radius: 25px;
}
.menu__inner::-webkit-scrollbar-thumb {
background: var(--blue);
border-radius: 25px;
}
.menu__content {
width: calc(100% - 80px);
height: auto;
}
.menu__infos {
width: calc(100% - 80px);
height: auto;
}
.secondary__menu {
margin-top: 20px;
}
.secondary__menu ul {
width: calc(100% - 40px);
padding-bottom: 0;
}
.menu__contact {
margin-top: 40px;
}
}
@media screen and (max-width: 500px) {
.site-header {
height: 80px; 
padding: 0 120px 0 20px;
width: calc(100% - 140px);
}
.burger{
width: 79px;
height: 79px;
}
.menu__inner {
width: 100%;
left: 0;
}
.page-template-template-home .menu__inner, 
.page-template-template-a-propos .menu__inner,
.page-template-template-culture .menu__inner {
width: 100%;
}
.primary__menu li.parent {
width: calc(100% - 60px);
padding-left: 20px;
font-size: 20px;
}
.secondary__menu ul {
width: calc(100% - 20px);
padding-left: 20px;
}
.primary__menu li.parent::before, .primary__menu li.parent::after {
top: 15px;
}
.site-header .logo {
width: 40px;
height: 40px;
}
.site-header .logo img {
width: 40px;
height: 40px;
object-fit: cover;
object-position: left;
}
.menu{
top: 80px;
height: calc(100% - 80px);
}
}
@media screen and (max-width: 400px) {
.menu__content {
width: calc(100% - 40px);
padding: 40px 20px;
}
}   footer {
position: relative;
z-index: 998;
}
.footerBandeau {
width: 100%;
background-color: var(--blue);
background-image: url(../../../themes/alkalee/images/particules-bas-page.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 454px;
align-items: flex-end;
overflow: hidden;
}
.footerBandeau__inner {
width: 100%;
max-width: var(--maxwidthFooter);
align-items: flex-end;
}
.footerBandeau__bold {
width: 70%;
font-size: 20px;
font-weight: 400;
margin-bottom: 40px;
color: #fff;
}
.footerBandeau__buttons {
width: 70%;
margin-bottom: 5px;
align-items: flex-end;
}
.footerBandeau__buttons a {
width: calc(50% - 140px);
padding: 40px 70px;
background-color: var(--red);
color: #fff;
font-size: 30px;
font-weight: 400;
text-decoration: none;
justify-content: space-between;
align-items: flex-end;
}
.footerBandeau__buttons a:last-child {
background-color: var(--redDark);
}
.footerBandeau__buttons a img {
width: 45px;
height: 45px;
object-fit: contain;
margin-left: 20px;
}
.footerContact {
width: 100%;
color: var(--blue);
background-color: #fff;
border-top: 1px solid var(--grey);
}
.footerContact__inner {
width: calc(100% - 80px);
max-width: var(--maxwidthFooter);
height: 320px;
border-right: 1px solid var(--grey);
}
.footer__nl {
width: calc(30% - 142px);
height: 100%;
padding: 0 70px;
align-items: center;
border-left: 1px solid var(--grey);
border-right: 1px solid var(--grey);
}
.footer__nl label {
font-size: 26px;
font-weight: 500;
margin-bottom: 15px;
}
.footer__nl__line {
position: relative;
width: 100%;
}
.footer__nl__line input[type="email"] {
font-family: "Avenir Next";
width: calc(100% - 50px);
max-width: 250px;
height: 48px;
font-size: 12px;
font-weight: 400;
color: var(--blue);
padding: 0 20px;
border: 1px solid var(--blue);
appearance: none;
border-top-left-radius: 15px;
border-bottom-left-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}
.footer__nl__line input[type="email"]::placeholder {
font-size: 12px;
font-weight: 400;
color: var(--blue);
text-align: center;
}
.footer__nl__line input[type="submit"] {
width: 50px;
height: 50px;
font-size: 12px;
font-weight: 400;
color: var(--blue);
padding: 0 20px;
appearance: none;
border: none;
border-bottom-right-radius: 20px;
background-color: var(--blue);
background-image: url(../../../themes/alkalee/images/blue-arrow.svg);
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
transition: background-color 0.5s;
cursor: pointer;
}
.footer__nl__line input[type="submit"]:hover {
background-image: url(../../../themes/alkalee/images/white-arrow.svg);
background-color: var(--red);
}
.footerContact__big {
font-size: 26px;
font-weight: 500;
margin-bottom: 10px;
}
.footerContact__links {
width: calc(30% - 140px);
height: 100%;
padding: 0 70px;
align-items: flex-start;
}
.footerContact__links a {
font-size: 16px;
font-weight: 500;
text-decoration: none;
margin-bottom: 10px;
transition: all 0.5s;
}
.footerContact__links a:hover {
color: var(--red);
letter-spacing: 0.5px;
}
.footerContact__links a img {
width: 20px;
height: auto;
margin-right: 10px;
}
.footerContact__last {
width: calc(40% - 80px);
height: 100%;
padding: 0 40px;
flex-flow: wrap;
}
.footerContact__last__text {
width: 50%;
font-size: 16px;
font-weight: 500;
line-height: 140%;
}
.footerContact__rs {
width: 50%;
justify-content: flex-start;
margin-top: 20px;
}
.footerContact__rs a {
width: 25px;
height: 25px;
margin-right: 17px;
}
.footerContact__rs a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.footerMap {
width: 100%;
border-bottom: 1px solid var(--grey);
background-color: var(--greyLight);
}
.footerMap__inner {
width: 100%;
max-width: var(--maxwidthFooter);
align-items: flex-start;
padding: 70px 0;
}
.footerMap__title {
font-size: 14px;
font-weight: 400;
color: var(--greyDark);
text-transform: uppercase;
padding-left: 70px;
margin-bottom: 22px;
}
.footerMap__map {
width: 100%;
align-items: flex-start;
flex-flow: wrap;
}
.footerMap__primary a, .footerMap__secondary {
text-decoration: none;
}
.footerMap__primary {
list-style: none;
margin: 0;
padding: 0;
color: var(--blue);
width: calc(60% - 140px);
align-items: flex-start;
flex-flow: wrap;
}
.footerMap__primary li.parent {
position: relative;
width: calc(50% - 40px);
padding-bottom: 20px;
padding-right: 40px;
margin-bottom: 20px;
font-size: 32px;
font-weight: 300;
}
.footerMap__primary li.parent a {
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-flow: wrap;
text-transform: uppercase;
}
.footerMap__primary li.parent ul a {
display: inline-block;
transition: all 0.5s;
text-transform: none;
}
.footerMap__primary li.parent ul a:hover {
color: var(--red);
letter-spacing: 0.5px;
}
.footerMap__primary li.parent span {
font-size: 22px;
font-weight: 300;
margin-left: 5px;
}
.footerMap__primary ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 8px;
}
.footerMap__primary ul li {
font-size: 16px;
font-weight: 300;
text-transform: none;
margin: 5px 0;
}
.footerMap__secondary {
width: calc(40% - 80px);
height: 100%;
padding: 0 40px;
align-items: flex-start;
justify-content: flex-start;
flex-flow: wrap;
}
.footerMap__secondary ul {
width: 33.33%;
padding-left: 40px;
padding-bottom: 20px;
list-style: none;
margin: 0;
padding: 0;
color: var(--blue);
min-width: 150px;
}
.footerMap__secondary ul li {
font-size: 16px;
font-weight: 300;
text-transform: none;
margin: 5px 0;
}
.footerMap__secondary ul li a {
text-decoration: none;
transition: all 0.5s;
}
.footerMap__secondary ul li a:hover {
color: var(--red);
letter-spacing: 0.5px;
}
.footerLast {
width: 100%;
padding: 50px 0;
background-color: var(--greyLight);
}
.footerLast__inner {
width: 100%;
max-width: var(--maxwidthFooter);
align-items: flex-start;
}
.footerLast__inner div {
width: calc(100% - 140px);
padding: 0 70px;
font-size: 16px;
font-weight: 500;
color: var(--blueDark);
line-height: 140%;
}
.footerLast__inner a {
text-decoration: none;
color: var(--blueDark)
}
@media screen and (max-width: 1400px) {
.footerMap__primary li.parent {
font-size: 26px;
font-weight: 500;
}
.footerBandeau__buttons a {
font-size: 28px
}
}
@media screen and (max-width: 1200px) {
.footerBandeau {
min-height: unset;
padding: 80px 0 60px 0;
}
.footerBandeau__bold {
width: 100%;
}
.footerBandeau__buttons {
width: 100%;
}
.footerBandeau__buttons a {
width: calc(100% - 80px);
padding: 30px 40px;
max-width: 400px;
}
.footerContact__inner {
flex-flow: wrap;
height: auto;
align-items: flex-end;
}
.footer__nl {
width: calc(50% - 142px);
padding: 50px 70px;
}
.footerContact__links {
width: calc(50% - 140px);
padding: 40px 70px;
}
.footerContact__last {
width: calc(100% - 81px);
padding: 40px;
border-left: 1px solid var(--grey);
border-top: 1px solid var(--grey);
}
.footerContact__last__text, .footerContact__rs {
justify-content: center;
text-align: center;
}
.footerMap__primary {
width: calc(100% - 140px);
}
.footerMap__primary li.parent {
width: calc(50% - 40px);
}
.footerMap__secondary {
width: calc(100% - 140px);
padding: 40px 70px 0 70px;
border-top: 1px solid var(--grey);
}
}
@media screen and (max-width: 800px) {
.footerBandeau__buttons {
flex-direction: column;
align-items: flex-start;
}
.footerContact__inner {
width: calc(100% - 40px);
}
.footer__nl {
width: calc(100% - 141px);
padding: 50px 70px;
border-right: unset;
border-bottom: 1px solid var(--grey);
}
.footerContact__links {
width: calc(100% - 140px);
padding: 40px 70px;
border-left: 1px solid var(--grey);
align-items: center;
}
.footerMap__title {
padding-left: 40px;
}
.footerMap__primary {
width: calc(100% - 80px);
padding: 0 0 20px 0;
}
.footerMap__primary li.parent {
width: 100%;
padding: 0;
}
.footerMap__secondary {
width: calc(100% - 80px);
padding: 40px 40px 0 40px;
}
.footerMap__secondary ul {
width: 50%;
padding-bottom: 20px;
}
.footerLast__inner div {
width: calc(100% - 80px);
padding: 0 40px;
}
}
@media screen and (max-width: 500px) {
.footerContact__last__text, .footerContact__rs {
width: 100%;
}
.footerBandeau__buttons a{
font-size: 20px;
}
.footer__nl, .footerContact__links, .footerContact__last{
width: calc(100% - 41px);
padding: 40px 20px;
}
.footerMap__title{
padding-left: 20px;
}
.footerMap__primary{
width: calc(100% - 40px);
padding: 0 20px 20px 20px
}
.footerMap__secondary{
width: calc(100% - 40px);
padding: 40px 20px 0 20px
}
.footerLast__inner div{
width: calc(100% - 40px);
padding: 0 20px;
}
}   .page-template-template-home, 
.page-template-template-a-propos,
.page-template-template-culture {
background-color: var(--greyLight)
}
.page-template-template-home main, 
.page-template-template-a-propos main,
.page-template-template-culture main {
margin-top: 0;
width: 100%;
background-color: var(--greyLight);
align-items: flex-start;
overflow: hidden;
padding: 0;
}
.page-template-template-home .site-header, 
.page-template-template-a-propos .site-header,
.page-template-template-culture .site-header {
background-color: transparent;
}
.page-template-template-home .sidebar, 
.page-template-template-a-propos .sidebar,
.page-template-template-culture .sidebar {
display: none;
}
.hScroll {
height: 100vh;
flex-flow: nowrap;
justify-content: flex-start;
}
.hScroll__section {
position: relative;
width: 100vw;
height: 100vh;
}
@media screen and (max-width: 1400px) {
.hScroll {
width: 100%;
flex-flow: unset;
height: auto;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.hScroll__section {
width: 100%;
height: auto;
}
}
.home__bg {
position: absolute;
top: 0;
left: 0;
width: 120%;
height: 100%;
overflow: hidden;
}
.home__bg::after {
content: "";
position: absolute;
bottom: 20%;
left: 0;
width: 100%;
height: 10%;
background: linear-gradient(0deg, var(--greyLight), transparent);
}
.home__bg img {
position: absolute;
top: -20%;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.home__content {
position: relative;
z-index: 1;
padding-top: 110px;
width: 100%;
height: calc(100% - 110px);
align-items: flex-end;
}
.home__content__inner {
width: calc(100% - 80px);
max-width: 1400px;
align-items: flex-start;
padding-bottom: 10vh;
}
.home__logo {
width: 200px;
margin-bottom: 10vh;
opacity: 0;
}
.home__content h1 {
font-size: 60px;
font-weight: 500;
color: var(--blue);
margin: 0;
opacity: 0;
text-shadow: -1px 1px 1px #fff;
}
.home__content h2 {
font-size: 34px;
font-weight: 300;
color: var(--blue);
margin: 0;
margin-bottom: 35px;
opacity: 0;
text-shadow: -1px 1px 1px #fff;
}
.home__content .button {
opacity: 0;
}
.home__infos {
width: 100%;
margin-top: 60px;
justify-content: flex-start;
align-items: flex-start;
}
.home__infos div {
width: 25%;
margin-right: 8.33%;
opacity: 0;
}
.home__content h3 {
margin-top: 0;
margin-bottom: 30px;
}
.home__content p {
color: var(--blueDark);
}
.home__scroll {
position: absolute;
bottom: 80px;
right: 25px;
font-size: 13px;
font-weight: 400;
color: var(--red);
}
.home__scroll::before {
content: "";
position: absolute;
top: 50%;
right: calc(100% + 14px);
width: 40px;
height: 1px;
background-color: var(--red);
}
.hScroll__progress {
position: absolute;
z-index: 99;
bottom: 0;
left: 0;
width: 100vw;
height: 5px;
transform: scaleX(0);
transform-origin: left;
}
.hScroll__progress div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--red);
}
.home2 {
max-width: 1920px;
}
.home2__inner {
position: relative;
margin-top: 110px;
width: 100%;
height: calc(100% - 110px);
}
.home2__text {
position: absolute;
top: 5%;
left: 2.5%;
width: calc(45% - 140px);
max-height: calc(90% - 140px);
padding: 70px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
overflow-y: auto;
}
.home2__inner h2 {
margin: 30px 0 40px 0;
}
.home2__inner ul {
width: calc(100% - 140px);
padding-left: 120px;
list-style: none;
margin-bottom: 70px;
}
.home2__inner ul li {
position: relative;
color: #595959;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
}
.home2__inner ul li::before {
content: "";
position: absolute;
top: 50%;
right: calc(100% + 24px);
width: 32px;
height: 1px;
background-color: #595959;
}
.home2__img {
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
}
.home2__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom;
}
.home2 .home__scroll {
color: var(--blue);
right: 100px;
}
.home2 .home__scroll::before {
background-color: var(--blue);
}
.home3 {
background-color: var(--blueDark);
max-width: 1920px;
}
.home3__inner {
position: relative;
z-index: 2;
margin-top: 110px;
width: 100%;
height: calc(100% - 110px);
}
.home3__inner::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 50%;
height: 100%;
background-color: #fff;
}
.home3__inner .home3__bg {
position: absolute;
z-index: -1;
top: 50%;
left: 0;
width: 282px;
height: auto;
transform: translateY(-50%)
}
.home3__left {
position: relative;
width: 50%;
max-height: calc(100% - 80px);
padding: 40px 0;
overflow-y: auto;
justify-content: flex-start;
overflow-y: auto;
}
.home3__left .nBold {
width: 80%;
}
.home3__left .home3__big {
margin-top: 30px;
margin-bottom: 100px;
width: 80%;
text-align: center;
max-width: 450px;
}
.home3__left .home3__date {
font-size: 50px;
font-weight: 100;
color: #fff;
}
.home3__left p {
font-size: 30px;
font-weight: 400;
color: #fff;
text-align: center;
max-width: 450px;
}
.home3__left .home3__percent {
position: relative;
font-size: 141px;
font-weight: bold;
line-height: 100%;
color: #fff;
}
.home3__left .home3__percent span {
position: absolute;
top: 20px;
left: 100%;
font-size: 28px;
font-weight: 500;
line-height: 100%;
color: #fff;
}
.home3__right {
display: none;
width: 50%;
max-height: calc(100% - 80px);
padding: 40px 0;
background-color: #fff;
justify-content: flex-start;
overflow-y: auto;
}
.home3__right.active {
display: flex;
}
.home3__right .nBold {
width: 80%;
max-width: 564px;
margin-bottom: 34px;
}
.home3__right p {
width: 80%;
max-width: 564px;
}
.home3__right ul {
list-style: none;
width: 80%;
max-width: 564px;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 400;
color: var(--greyDark);
}
.home3__right ul li {
position: relative;
margin-bottom: 40px;
padding-left: 50px;
}
.home3__right ul li::before {
content: "1";
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 33px;
height: 33px;
border-radius: 100%;
border: 1px solid var(--red);
font-size: 20px;
font-weight: 400;
color: var(--greyDark);
line-height: 100%;
}
.home3__right ul li:nth-child(1)::before {
content: "1";
}
.home3__right ul li:nth-child(2)::before {
content: "2";
}
.home3__right ul li:nth-child(3)::before {
content: "3";
}
.home3__right .big {
width: 80%;
max-width: 564px;
margin-top: 60px;
margin-bottom: 0;
text-align: center;
font-weight: 300;
}
.home3__right .home3__but {
position: relative;
width: 80%;
max-width: 564px;
font-size: 20px;
font-weight: bold;
color: var(--blue);
margin-top: 60px;
cursor: pointer;
transition: color 0.25s;
}
.home3__right .home3__but:hover {
color: var(--red);
}
.home3__right .home3__but img {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: auto;
transform: translateY(-50%);
}
.home3__points {
margin-top: 10px;
height: 10px;
}
.home3__points div {
width: 6px;
height: 6px;
border-radius: 100%;
background-color: var(--greyDark);
margin: 0 5px;
opacity: 0.6;
}
.home3__points div.active {
width: 9px;
height: 9px;
background-color: var(--blue);
opacity: 1;
}
.home4 {
position: relative;
background-color: #fff;
max-width: 1920px;
}
.home4__left {
position: relative;
width: 50%;
height: 100%;
}
.home4__left .home4__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: var(--blueDark);
}
.home4__left .home4__bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
}
.home4__left .home4__middle {
position: absolute;
top: 110px;
right: -141px;
width: 282px;
height: 282px;
object-fit: cover;
}
.home4__right {
position: relative;
width: 50%;
height: calc(100% - 110px);
padding-top: 110px;
}
.home4__right img {
position: absolute;
bottom: 0;
left: 0;
width: 400px;
object-fit: contain;
}
.home4__right h2 {
width: 80%;
max-width: 846px;
text-align: center;
}
.home4 .home__scroll {
color: var(--blue);
right: 100px;
}
.home4 .home__scroll::before {
background-color: var(--blue);
}
.home5 {
max-width: 1680px
}
.home5__inner {
position: relative;
margin-top: 110px;
width: 100%;
height: calc(100% - 110px);
}
.home5__inner .home5__bandeau {
position: absolute;
top: 0;
right: 0;
width: 705px;
max-width: 100%;
height: auto;
}
.home5__left {
width: 50%;
max-width: 800px;
max-height: calc(100% - 80px);
padding: 40px 0;
justify-content: flex-start;
overflow-y: auto;
}
.home5__left .nBold {
width: 80%;
}
.home5__left h2 {
width: 80%;
margin-top: 40px;
margin-bottom: 100px;
}
.home5__left ul {
position: relative;
width: 80%;
list-style: none;
margin: 0;
padding: 0;
color: var(--greyDark);
}
.home5__left ul li {
position: relative;
width: calc(100% - 80px);
max-width: 550px;
padding-left: 40px;
padding-bottom: 20px;
padding-right: 40px;
margin-bottom: 40px;
font-size: 20px;
font-weight: 500;
background-image: url(../../../themes/alkalee/images/bordure-menu-blanc.svg);
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
cursor: pointer;
transition: color 0.5s, padding 0.5s, width 0.5s, maxWidth 0.5s;
}
.home5__left ul li:hover {
color: var(--red);
}
.home5__left ul li.active {
width: calc(100% - 120px);
max-width: 510px;
padding-left: 80px;
color: var(--blue)
}
.home5__left ul li img {
position: absolute;
opacity: 0;
transition: opacity 0.5s;
}
.home5__left ul li.active img {
position: absolute;
top: 0;
left: 40px;
width: 24px;
height: auto;
opacity: 1;
}
.home5__left ul li::before {
content: '';
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 2px;
background-color: var(--blue)
}
.home5__left ul li::after {
content: '';
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 2px;
background-color: var(--blue);
transform: rotate(90deg);
transition: transform 0.25s ease-in-out;
}
.home5__left ul li.active::after {
transform: rotate(180deg);
}
.home5__right {
position: relative;
width: 50%;
max-width: 800px;
max-height: calc(100% - 150px);
margin-top: 110px;
padding: 40px 0;
overflow-y: auto;
justify-content: flex-start;
}
.home5__right .home5__flexibleContent {
display: none;
width: 80%;
max-width: 564px;
align-items: flex-start;
}
.home5__right .home5__flexibleContent.active {
display: flex;
}
.home5__right .home5__flexibleContent ul {
list-style: none;
margin: 0;
padding: 0;
}
.home5__right .home5__flexibleContent ul li {
margin-bottom: 30px;
}
.home5__right .home5__flexibleContent .button:first-of-type {
margin-top: 50px;
}
.home5__right .home5__flexibleContent .button {
margin-bottom: 20px;
}
.home6 {
height: calc(100% - 110px);
padding-top: 110px;
max-width: 1280px;
background-color: #fff;
justify-content: flex-start;
}
.home6__video {
width: 100%;
height: calc(85% - 100px);
background-color: var(--greyLight);
}
.home6 iframe {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
object-fit: contain;
}
.home6__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 20px;
font-weight: 400;
color: #fff;
}
.home6__overlay img {
width: 100px;
height: 100px;
object-fit: contain;
margin-bottom: 20px;
}
.home6__button {
position: relative;
z-index: 2;
width: 100%;
margin-top: 80px;
height: 70px;
}
.home6__button::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 55%;
height: 100%;
background: linear-gradient(90deg, var(--greyLight), #DADADA);
border-top-right-radius: 100px;
}
.home6 .home__scroll {
color: var(--blue);
right: 100px;
}
.home6 .home__scroll::before {
background-color: var(--blue);
}
.home7 {
height: calc(100% - 110px);
padding-top: 110px;
padding-left: 10vw;
background-color: #fff;
max-width: 1300px;
margin-right: 10vw;
}
.home7__left {
width: calc(50% - 140px);
height: 690px;
max-height: calc(90% - 140px);
padding: 70px;
background-color: var(--greyLight);
justify-content: flex-start;
align-items: flex-start;
overflow-y: auto;
}
.home7__left .nBold {
margin-bottom: 15px;
}
.home7__left .big {
min-height: 85px;
}
.home7__right {
width: calc(50% - 140px);
height: 690px;
max-height: calc(90% - 140px);
padding: 70px;
background-color: var(--blueDark);
justify-content: flex-start;
align-items: flex-start;
background-image: url(../../../themes/alkalee/images/filet-techno-fond-flou.png);
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
overflow-y: auto;
}
.home7__right .nBold {
margin-bottom: 15px;
}
.home7__list {
flex-flow: wrap;
width: 100%;
max-width: 430px;
margin-top: 30px;
margin-bottom: 10px;
}
.home7__logo {
position: relative;
width: 30%;
margin-right: 3.33%;
padding-top: 30%;
}
.home7__logo__double {
width: 63.33%;
padding-top: 33.33%;
margin-right: 3.33%;
}
.home7__list img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.home7__right .home7__list img {
width: 80%;
height: 80%;
}
.home8 {
position: relative;
max-width: 1680px;
height: calc(100% - 110px);
margin-top: 110px;
}
.home8__bg {
position: relative;
margin-left: 25%;
width: 75%;
height: 100%;
overflow: hidden;
}
.home8__bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.home8__text {
position: absolute;
top: 40%;
left: 0;
max-width: 360px;
padding: 70px;
background-color: #fff;
background-color: rgba(255,255,255,0.7);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
transform: translateY(-50%);
}
.home8 h2 {
margin-top: 30px;
margin-bottom: 70px;
}
.home9 {
margin-left: 100px;
padding: 0 20vw 0 70px;
max-width: 800px;
}
.home9__inner {
align-items: flex-start;
max-height: calc(100% - 190px);
padding: 150px 0 40px 0;
overflow-y: auto;
justify-content: flex-start;
}
.home9 h2 {
font-size: 40px;
font-weight: 400;
color: var(--blue);
margin-top: 30px;
margin-bottom: 0;
}
.home9__text {
padding: 70px 70px 60px 70px;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
margin-top: 100px;
background-color: #fff;
align-items: flex-start;
}
.home9__text .button {
margin-bottom: 10px;
}
.home9__big {
font-size: 40px;
font-weight: 600;
color: var(--blue);
margin-bottom: 20px;
}
@media screen and (max-width: 1400px) {
.home1 {
padding-top: 110px;
}
.home__logo {
opacity: 0;
}
.home2__inner {
margin-top: 0;
}
.home2__text {
position: relative;
top: 0;
left: 0;
width: calc(50% - 140px);
}
.home4 {
min-height: 600px;
}
.home4__left {
position: absolute;
top: 0;
left: 0;
}
.home4__left .home4__middle {
right: -40px;
width: 200px;
height: 200px;
}
.home4__right {
padding-top: 0;
padding-left: 50%;
height: auto;
}
.home5__inner .home5__bandeau {
max-width: 50%;
}
.home6 {
max-width: 100%;
}
.home6__overlay{
height: calc(100% - 70px);
}
.home7 {
margin-right: 0;
padding-left: 0;
}
.home8 {
flex-direction: column;
}
.home8__text {
position: relative;
top: unset;
max-width: calc(100% - 280px);
background-color: #fff;
transform: translateY(-100px)
}
.home8__text h2 {
margin-bottom: 30px;
}
.home8__bg {
position: relative;
margin-left: 0;
left: 0;
width: 100%;
height: 0;
padding-top: 70%;
}
.home9 {
margin-left: 0;
padding: 0 70px;
max-width:  calc(100% - 140px);
padding-bottom: 100px;
}
.home9__inner {
padding-top: 0;
}
.home__scroll {
display: none;
}
}
@media screen and (max-width: 1150px) {
.home__bg {
opacity: 0.3;
}
.home2__inner ul {
padding-left: 60px;
}
}
@media screen and (max-width: 1000px) {
.home2__text {
width: calc(100% - 140px);
}
.home2__img {
margin-top: 40px;
position: relative;
left: 0;
width: 100%;
padding-top: 100%;
}
}
@media screen and (max-width: 850px) {
.home__content {
width: calc(100% - 40px);
padding-top: 0;
}
.home__infos {
flex-flow: wrap;
}
.home__infos div {
width: 45%;
margin-right: 5%;
min-width: 200px;
margin-bottom: 20px;
}
.home3__inner {
flex-direction: column;
}
.home3__inner::before {
display: none;
}
.home3__left {
width: calc(100% - 80px);
}
.home3__right {
z-index: 2;
width: calc(100% - 80px);
background-color: #fff;
}
.home4 {
flex-direction: column;
}
.home4__left {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 0;
padding-top: 75%;
}
.home4__left .home4__middle {
right: 0;
top: 100%;
transform: translateY(-80%);
}
.home4__right {
padding-left: 0;
padding: 0 40px;
width: calc(100% - 80px);
}
.home4__right h2 {
position: relative;
}
.home5__inner {
margin-top: 0;
padding-top: 80px;
flex-direction: column;
}
.home5__left {
width: calc(100% - 80px);
padding: 0 40px;
}
.home5__left .nBold {
width: 100%;
}
.home5__left h2 {
width: 100%;
}
.home5__left ul {
width: 100%;
}
.home5__right {
margin-top: 0;
padding-top: 0;
width: calc(100% - 160px);
padding: 40px 80px;
}
.home5__right .home5__flexibleContent {
width: 100%;
max-width: unset;
}
.home6 {
padding-top: 40px;
}
.home6__button {
margin-top: 40px;
}
.home7 {
padding-top: 40px;
flex-direction: column;
}
.home7__left, .home7__right {
width: calc(100% - 80px);
height: auto;
padding: 40px;
align-items: center;
}
.home7__list {
margin: auto;
margin-top: 30px;
margin-bottom: 10px;
}
.home7 .big {
text-align: center;
}
.home9 h2 {
font-size: 30px;
}
.home9__big {
font-size: 30px;
}
}
@media screen and (max-width: 600px) {
.home__content {
width: 100%;
}
.home__content__inner {
padding-bottom: 80px;
}
.home__logo {
margin-bottom: 20px;
}
.home__infos div {
width: 100%;
margin-right: 0;
}
.home__content h3 {
margin-bottom: 10px;
}
.home3__left .home3__big {
margin-top: 15px;
margin-bottom: 50px;
}
.home3__left .home3__date {
font-size: 40px;
}
.home3__left .home3__percent {
font-size: 100px;
}
.home3__left .home3__percent span {
font-size: 20px;
}
.home3__right .big {
margin-top: 30px;
margin-bottom: 30px;
}
.home4__right h2 {
width: 100%;
margin-top: 100px;
}
.home5__inner {
padding-top: 100px;
}
.home5__inner .home5__bandeau {
width: 90%;
max-width: 100%;
}
.home5__left h2 {
margin-top: 40px;
margin-bottom: 50px;
}
.home5__right {
width: calc(100% - 80px);
padding: 40px;
}
.home8__text {
max-width: calc(100% - 180px);
}
.home8 h2 {
margin-bottom: 40px;
}
.home9 {
max-width: calc(100% - 80px);
padding: 0 40px;
}
.home9 h2 {
font-size: 22px;
}
.home9__big {
font-size: 22px;
}
.home9__text {
margin-top: 40px;
padding: 40px;
width: calc(100% - 80px);
}
}
@media screen and (max-width: 500px) {
.home__logo {
opacity: 1;
}
}
@media screen and (max-width: 450px) {
.home__content__inner {
width: calc(100% - 40px);
}
.home__content h1 {
font-size: 40px;
}
.home__content h2 {
font-size: 26px;
margin-top: 10px;
}
.home2__text {
width: calc(100% - 40px);
padding-left: 20px;
padding-right: 20px;
}
.home2__inner ul {
margin-left: 0;
padding-left: 40px;
}
.home3__inner {
margin-top: 60px;
}
.home3__left {
width: calc(100% - 40px);
}
.home3__left .nBold{
width: 100%;
}
.home3__left .home3__big{
width: 100%;
}
.home3__left p {
font-size: 26px;
}
.home3__right {
width: 100%;
}
.home3__right .nBold {
width: calc(100% - 40px);
}
.home3__right ul{
width: calc(100% - 40px);
}
.home3__right .big {
width: calc(100% - 40px);
}
.home5__inner{
padding-top: 80px;
}
.home5__inner .home5__bandeau{
width: 100%;
}
.home5__left{
width: calc(100% - 40px);
padding: 0 20px;
}
.home5__left ul li {
width: calc(100% - 60px);
padding-left: 20px;
}
.home5__left ul li.active {
width: calc(100% - 60px);
padding-left: 20px;
}
.home5__left ul li img{
left: -20px;
}
.home5__left ul li.active img{
left: -20px;
}
.home5__right{
width: calc(100% - 40px);
padding: 10px 20px;
}
.home6__overlay img{
width: 50px;
height: 50px;
}
.home8__text{
width: calc(100% - 60px);
max-width: unset;
padding: 40px 20px;
}
.home9{
width: calc(100% - 40px);
max-width: unset;
padding: 0 20px;
}
}   .aPropos1__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.aPropos1__bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.aPropos1__content {
position: relative;
width: calc(100% - 80px);
max-width: 1400px;
height: calc(80% - 190px);
padding: 150px 40px 40px 40px;
justify-content: space-between;
align-items: flex-start;
}
.aPropos1__header {
width: 100%;
}
.aPropos1__small {
font-size: 16px;
font-weight: 400;
color: var(--greyDark);
text-transform: uppercase;
opacity: 0;
}
.aPropos1 h1.big {
font-weight: 300;
text-transform: uppercase;
margin: 0;
opacity: 0;
}
.aPropos1__footer {
width: 50%;
opacity: 0;
}
.aPropos1__footer .big {
font-weight: 600;
}
.aPropos .home6 {
background-color: var(--greyLight);
margin-left: 10vw;
margin-right: 10vw;
}
.aPropos2 {
width: 100vw;
max-width: 1920px;
}
.aPropos2__inner {
position: relative;
width: 100%;
height: calc(100% - 110px);
margin-top: 110px;
justify-content: flex-start;
}
.aPropos2__inner::before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
background-color: #fff;
}
.aPropos2__overlay {
position: absolute;
bottom: 0;
left: 140px;
width: 10%;
height: 40%;
filter: blur(5px);
background-color: rgba(205, 234, 249, 0.4);
pointer-events: none;
border-top-right-radius: 1000px;
}
.aPropos2__left {
position: relative;
z-index: 2;
width: calc(50% - 280px);
padding: 40px 140px;
max-height: calc(100% - 80px);
overflow-y: auto;
}
.aPropos2__left h2 {
margin: 0;
margin-top: 30px;
}
.aPropos2__image {
width: 80%;
padding: 0 10%;
margin-top: 40px;
}
.aPropos2__flag {
width: 34px;
height: auto;
padding-left: calc(90% - 34px);
padding-right: 10%;
margin-top: 20px;
}
.aPropos2__next {
font-size: 16px;
font-weight: 500;
color: var(--blue);
padding-left: 10%;
justify-content: flex-start;
}
.aPropos2__next img {
width: 20px;
height: auto;
margin-right: 10px;
}
.aPropos2__right {
position: relative;
width: calc(50% - 280px);
padding: 40px 140px;
max-height: calc(100% - 80px);
overflow-y: auto;
}
.aPropos2__right .big {
margin: 35px 0;
text-align: center;
}
.aPropos3 {
width: 66.66vw;
}
.aPropos3__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.aPropos3__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.aPropos4 {
width: 100vw;
max-width: 1920px;
}
.aPropos4__inner {
width: calc(100% - 280px);
height: 100%;
padding: 0 140px;
}
.aPropos4__left {
width: calc(50% - 40px);
padding-top: 150px;
padding-bottom: 40px;
padding-right: 40px;
overflow-y: auto;
max-height: calc(100% - 190px);
}
.aPropos4__left h2 {
margin-top: 30px;
margin-bottom: 60px;
}
.aPropos4__left p {
width: calc(100% - 160px);
padding: 0 80px 0 80px;
}
.aPropos4__left img {
width: calc(100% - 160px);
margin: 0 80px;
height: auto;
border-bottom: 3px solid var(--red);
margin-top: 40px;
}
.aPropos4__right {
position: relative;
z-index: 2;
width: 50%;
padding-top: 150px;
padding-bottom: 40px;
overflow-y: auto;
max-height: calc(100% - 190px);
}
.aPropos4__right .big {
width: 80%;
margin: auto;
text-align: center;
padding-top: 200px;
}
.aPropos4__bg {
position: absolute;
top: 0;
left: 50%;
width: calc(50% - 140px);
height: 75%;
object-fit: contain;
}
.aPropos5 {
width: calc(120vw + 280px);
background-color: #fff;
}
.aPropos5__inner {
position: relative;
width: calc(100% - 280px);
height: calc(100% - 110px);
padding: 110px 140px 0 140px;
}
.aPropos5__left {
position: relative;
z-index: 2;
width: calc(40% - 70px);
padding: 40px 70px 40px 0;
margin-right: 70px;
overflow-y: auto;
max-height: calc(100% - 80px);
}
.aPropos5__left ul {
margin: 0;
padding: 0;
margin-top: 70px;
margin-left: 40px;
}
.aPropos5__left ul li {
margin-bottom: 40px;
align-items: flex-start;
}
.aPropos5__left ul li img {
width: 20px;
height: auto;
margin-top: 10px;
margin-right: 18px;
}
.aPropos5__left ul li p {
margin: 0;
}
.aPropos5__left ul li b {
color: var(--blue);
font-weight: 600;
}
.aPropos5__center, .aPropos5__right {
position: relative;
z-index: 2;
width: calc(40% - 70px);
padding: 40px 70px 40px 0;
margin-right: 70px;
overflow-y: auto;
max-height: calc(100% - 80px);
}
.aPropos5__right {
margin-right: 0;
}
.aPropos5__center .big, .aPropos5__right .big {
position: relative;
z-index: 2;
text-align: center;
}
.aPropos5__center .big {
max-width: 780px;
margin: auto;
}
.aPropos5__right .big {
max-width: 600px;
margin: auto;
}
.aPropos5__image {
position: relative;
width: 100%;
}
.aPropos5__center .aPropos5__image {
margin-top: 60px;
}
.aPropos5__right .aPropos5__image {
margin-bottom: 60px;
}
.aPropos5__image img {
width: 100%;
height: auto;
border-bottom: 3px solid var(--red);
}
.aPropos5__right .aPropos5__image img {
border-bottom: none;
}
.aPropos5__bg {
position: absolute;
bottom: 0;
left: 0;
width: 594px;
height: auto;
pointer-events: none;
}
.aPropos5__overlay1 {
position: absolute;
z-index: 3;
bottom: -40px;
left: 37.5%;
width: 200px;
height: 42.5%; backdrop-filter: blur(25px) brightness(2);
-webkit-backdrop-filter: blur(25px) brightness(2);
background-color: rgba(0, 158, 226, 0.1);
pointer-events: none;
border-top-right-radius: 1000px;
}
.aPropos5__overlay2 {
position: absolute;
bottom: -40px;
right: 100px;
width: 140px;
height: 140px;
filter: blur(5px);
backdrop-filter: blur(25px) brightness(2);
-webkit-backdrop-filter: blur(25px) brightness(2);
background-color: rgba(0, 158, 226, 0.1);
pointer-events: none;
}
.aPropos6 {
width: calc(120vw + 280px);
}
.aPropos6__inner {
position: relative;
width: calc(100% - 280px);
height: calc(100% - 110px);
padding: 110px 140px 0 140px;
}
.aPropos6__left {
width: calc(40% - 70px);
padding: 40px 70px 40px 0;
margin-right: 70px;
overflow-y: auto;
max-height: calc(100% - 80px);
}
.aPropos6__left .big {
margin-top: 30px;
margin-bottom: 70px;
}
.aPropos6__left__inner {
margin-left: 40px;
}
.aPropos6__left__inner .big {
margin-top: 70px;
text-align: center;
}
.aPropos6__center, .aPropos6__right {
position: relative;
z-index: 2;
width: calc(40% - 70px);
height: calc(100% - 80px);
padding: 40px 70px 40px 0;
margin-right: 70px;
overflow-y: auto;
max-height: calc(100% - 80px);
}
.aPropos6__right {
height: auto;
max-height: calc(100% - 80px);
}
.aPropos6__center .aPropos6__image {
position: relative;
top: 5%;
left: 0;
width: calc(70% - 70px);
padding-top: calc(70% - 70px);
border-bottom: 3px solid var(--red);
}
.aPropos6__center p {
position: absolute;
z-index: 2;
bottom: 50%;
right: 70px;
width: calc(40% - 80px);
padding: 40px;
background-color: var(--blueDark);
color: #fff;
}
.aPropos6__center .aPropos6__image__2 {
position: absolute;
top: 60%;
right: calc(5% + 70px);
width: 50%;
padding-top: 30%;
border-bottom: 3px solid var(--red);
}
.aPropos6__center .aPropos6__image img, .aPropos6__center .aPropos6__image__2 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.aPropos6__overlay {
position: absolute;
z-index: 2;
bottom: 0%;
left: 10%;
width: 200px;
height: 60%; backdrop-filter: blur(25px) brightness(2);
-webkit-backdrop-filter: blur(25px) brightness(2);
background-color: rgba(198, 238, 255, 0.3);
pointer-events: none;
border-top-right-radius: 1000px;
}
.aPropos6__right ul {
margin: 0;
padding: 0;
margin-top: 70px;
margin-left: 40px;
}
.aPropos6__right ul li {
margin-bottom: 40px;
align-items: flex-start;
}
.aPropos6__right ul li img {
width: 20px;
height: auto;
margin-top: 10px;
margin-right: 18px;
}
.aPropos6__right ul li p {
margin: 0;
}
.aPropos7 {
max-width: 1280px;
}
.aPropos7__inner {
position: relative;
width: calc(100% - 280px);
height: calc(100% - 110px);
padding: 110px 140px 0 140px;
background-color: var(--blueDark);
align-items: flex-start;
}
.aPropos7 .big {
margin-top: 30px;
margin-bottom: 40px;
}
.aPropos7__content {
width: 100%;
flex-flow: wrap;
align-items: flex-start;
}
.aPropos7__side {
width: 30%;
margin-right: 3.33%;
}
.aPropos7__side p {
font-size: 20px;
font-weight: 600;
margin: 30px 0;
}
.aPropos7__list {
justify-content: flex-start;
flex-flow: wrap;
}
.aPropos7__logo {
position: relative;
width: calc(50% - 20px);
padding-top: calc(50% - 20px);
margin-right: 20px;
margin-bottom: 20px;
background-color: #fff;
border-radius: 4px;
}
.aPropos7__logo__double {
width: calc(100% - 20px);
}
.aPropos7__logo img {
position: absolute;
top: 50%;
left: 50%;
width: 90%;
height: 90%;
object-fit: contain;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1400px) {
.aPropos1 {
height: 100vh;
}
.aPropos .home6 {
margin-left: 0;
margin-right: 0;
}
.aPropos3, .aPropos5, .aPropos6 {
width: 100%;
}
.aPropos2__inner {
flex-direction: column;
margin-top: 0;
}
.aPropos2__inner::before {
display: none;
}
.aPropos2__left, .aPropos2__right {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: calc(100% - 80px);
padding: 70px 40px;
}
.aPropos2__left {
max-width: 1000px;
}
.aPropos2__left h2{
text-align: center;
}
.aPropos2__overlay {
display: none;
}
.aPropos2__image, .aPropos2__next {
width: 100%;
padding: 0;
}
.aPropos2__image {
aspect-ratio: 16/10;
object-fit: cover;
}
.aPropos2__flag {
padding-left: calc(100% - 74px);
padding-right: 40px;
}
.aPropos2__next img {
transform: rotate(90deg);
}
.aPropos2__right {
width: calc(100% - 80px);
padding: 60px 40px;
background-color: #fff;
}
.aPropos2__right p, .aPropos2__right .big {
max-width: 1000px;
}
.aPropos3__image {
position: relative;
top: unset;
left: unset;
padding-top: 60%;
height: 0;
}
.aPropos4__inner {
position: relative;
width: calc(100% - 80px);
padding: 80px 40px;
margin-top: 100px;
}
.aPropos4__left {
width: 50%;
padding: 0;
}
.aPropos4__left p, .aPropos4__left img {
width: 100%;
padding: 0;
}
.aPropos4__left img {
margin: 0;
}
.aPropos4__left h2 {
margin-bottom: 60px;
}
.aPropos4__bg {
left: calc(50% + 80px);
width: calc(50% - 120px);
}
.aPropos4__right {
width: calc(50% - 80px);
padding-left: 80px;
}
.aPropos4__right .big{
font-size: 30px;
}
.aPropos5__inner{
width: calc(100% - 80px);
padding: 40px;
flex-flow: wrap;
}
.aPropos5__left {
width: 100%;
padding: 0;
margin: 0;
margin-bottom: 100px;
max-width: 1000px;
}
.aPropos5__center, .aPropos5__right {
width: calc(50% - 80px);
padding: 0 40px;
margin: 0;
}
.aPropos5__center .big, .aPropos5__right .big {
font-size: 30px;
}
.aPropos5__overlay1 {
bottom: 0;
left: 10%;
width: 100px;
height: 200px;
}
.aPropos6__inner{
width: calc(100% - 80px);
padding: 80px 40px;
flex-flow: wrap;
}
.aPropos6__left, .aPropos6__center, .aPropos6__right {
width: 100%;
max-width: 1000px;
margin: 0;
padding: 0;
}
.aPropos6__left__inner{
margin-left: 0;
}
.aPropos6 .aPropos6__center {
max-height: unset;
height: unset;
}
.aPropos6__center .aPropos6__image {
top: 0;
width: 50%;
padding-top: 50%;
}
.aPropos6__center .aPropos6__image__2 {
top: unset;
bottom: 0;
right: 0;
width: calc(50% - 40px);
padding-top: 30%;
}
.aPropos6__center p {
top: 0;
right: 0;
bottom: unset;
width: calc(50% - 80px);
margin: 0;
}
.aPropos6__overlay {
left: 5%;
width: 100px;
height: 60%;
}
.aPropos6__right {
margin-top: 60px;
}
.aPropos7 {
max-width: unset;
margin-bottom: 80px;
}
.aPropos7__inner {
width: calc(100% - 80px);
padding: 80px 40px;
}
}
@media screen and (max-width: 1100px) {
.aPropos1 h1.big, .aPropos1__small {
text-shadow: -1px 1px 1px #fff;
}
}
@media screen and (max-width: 1000px) {
.aPropos4__inner {
flex-direction: column;
margin-top: 0;
}
.aPropos4__left {
width: 100%;
padding: 0;
}
.aPropos4__bg {
left: 0;
top: unset;
bottom: 0;
width: 100%;
height: 80vh;
}
.aPropos4__right {
display: flex;
justify-content: center;
align-items: flex-end;
width: 100%;
padding: 0;
margin: 0;
min-height: 80vh;
}
.aPropos4__right .big{
width: calc(100% - 80px);
padding: 40px;
background-color: rgba(255,255,255,0.6);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
margin: 0;
}
.aPropos5__inner {
padding-bottom: 100px;
}
.aPropos5__center, .aPropos5__right {
width: 100%;
padding: 0;
}
.aPropos5__overlay1{
display: none;
}
.aPropos5__right .big{
background-color: #fff;
}
.aPropos6__center{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}
.aPropos6__center p{
position: relative;
width: calc(100% - 80px);
margin-bottom: 10px;
} 
.aPropos6__overlay{
height: 20%;
}
.aPropos6__center .aPropos6__image__2{
position: relative;
bottom: unset;
right: unset;
width: calc(50% - 10px);
margin-left: 10px;
}
@media screen and (max-width: 800px) {
.aPropos1__footer {
width: 100%;
}
.aPropos7__content {
justify-content: flex-start;
}
.aPropos7__side {
width: 47.5%;
margin-right: 2.5%;
} 
}
@media screen and (max-width: 550px) {
.aPropos4__right .big{
font-size: 20px;
}
.aPropos5__left ul {
margin-left: 0;
}
.aPropos5__center, .aPropos5__right {
width: 100%;
padding: 0;
}
.aPropos5__overlay2 {
display: none;
}
.aPropos6__center .aPropos6__image{
width: 100%;
padding-top: 100%;
}
.aPropos6__center .aPropos6__image__2{
width: 100%;
padding-top: 60%;
margin-left: 0;
margin-top: 10px;
}
.aPropos6__overlay {
display: none;
}
.aPropos6__right ul{
margin-left: 0;
}
.aPropos7__side {
width: 100%;
max-width: 350px;
margin-right: 0;
} 
}
}
.culture1 .aPropos1__bg {
height: 90%;
}
.culture2 {
width: 100vw;
max-width: 1920px;
}
.culture2__inner {
width: calc(100% - 280px);
height: 100%;
padding: 0 140px;
}
.culture2__left {
width: calc(50% - 40px);
padding-top: 150px;
padding-bottom: 40px;
padding-right: 40px;
overflow-y: auto;
max-height: calc(100% - 190px);
}
.culture2__left h2 {
margin-top: 30px;
margin-bottom: 60px;
}
.culture2__left p {
width: calc(100% - 160px);
padding: 0 80px;
}
.culture2__left .cRed {
width: calc(100% - 160px);
max-width: 600px;
padding: 0 80px;
font-weight: 600;
text-align: center;
margin-top: 60px;
}
.culture2__left img {
width: calc(100% - 160px);
margin: 0 80px;
height: auto;
border-bottom: 3px solid var(--red);
margin-top: 40px;
}
.culture2__right {
position: relative;
z-index: 2;
width: calc(50% - 80px);
max-width: 600px;
padding-left: 40px;
padding-right: 40px;
padding-top: 150px;
padding-bottom: 40px;
overflow-y: auto;
max-height: calc(100% - 190px);
}
.culture2__right .big {
width: 80%;
margin: auto;
text-align: center;
padding-top: 200px;
}
.culture2__bg {
position: relative;
width: 100%;
}
.culture2__bg img {
width: 100%;
height: auto;
}
.culture2__bg::before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 50vh;
background-color: var(--blueDark);
}
.culture3 {
width: 100vw;
max-width: 1920px;
}
.culture3__inner {
width: calc(100% - 280px);
height: 100%;
padding: 0 140px;
background-color: #fff;
}
.culture3__text {
position: relative;
z-index: 2;
width: 25%;
margin-right: 5%;
}
.culture3__text h2 {
margin: 0;
margin-top: 30px;
}
.culture3__fiches {
position: relative;
z-index: 2;
width: 70%;
}
.culture3__fiche {
width: calc(33.33% - 15px);
margin-right: 15px;
margin-bottom: 15px;
}
.culture3__fiche:nth-child(2) {
transform: translateY(50px);
}
.culture3__fiche:nth-child(3) {
transform: translateY(15px);
}
.culture3__image {
position: relative;
width: 100%;
padding-top: 100%;
transition: padding 0.5s;
}
.culture3__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.culture3__bio {
position: absolute;
top: 0;
left: 0;
width: calc(100% - 20px);
height: 100%;
padding: 0 10px;
overflow-y: auto;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
background-color: rgba(255,255,255,0.8);
visibility: hidden;
opacity: 0;
transition: opacity 0.5s;
}
.culture3__bio p {
font-size: 16px;
}
.culture3__bio b {
color: var(--blue);
}
.culture3__fiche:nth-child(2) .culture3__bio {
background-color: rgb(41, 66, 103);
}
.culture3__fiche:nth-child(2) .culture3__bio p {
color: #fff;
}
.culture3__fiche:nth-child(2) .culture3__bio b {
color: var(--blueFlash);
}
.culture3__fiche:hover .culture3__image {
padding-top: 150%;
}
.culture3__fiche:hover .culture3__bio {
visibility: visible;
opacity: 1;
}
.culture3__name {
width: calc(100% - 80px);
padding: 35px 40px;
background-color: var(--blueDark);
}
.culture3__name p {
margin: 0;
margin-top: 5px;
}
.culture4 .culture2__bg {
margin-bottom: 70px;
}
.culture4 .culture2__bg img {
border-bottom: 3px solid var(--red)
}
.culture4 .culture2__bg::before {
display: none;
}
.culture5 {
width: calc(100vw + 140px);
max-width: 2060px;
}
.culture5__inner {
position: relative;
width: 100%;
height: 100%;
background-color: var(--blueDark);
}
.culture5__left {
position: relative;
width: 50%;
height: calc(100% - 110px);
margin-top: 110px;
}
.culture5__left img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.culture5__center {
position: absolute;
bottom: 110px;
left: 50%;
width: 20%;
max-width: 100%;
padding-top: 8%;
transform: translateX(-50%);
}
.culture5__center img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-bottom: 3px solid var(--red);
}
.culture5__right {
position: relative;
width: calc(50% - 280px);
max-height: calc(100% - 190px);
padding: 150px 140px 40px 140px;
text-align: center;
}
.culture5__bg {
position: absolute;
bottom: 0;
right: 0;
width: 282px;
height: auto;
transform: rotateY(180deg);
}
.culture5__right h2 {
z-index: 2;
margin-top: 0;
margin-bottom: 60px;
}
.culture5__right p {
max-width: 564px;
margin: auto;
text-align: left;
color: #fff;
background-color: var(--blueDark);
}
.culture5__right .big.cWhite {
position: relative;
max-width: 564px;
margin: auto;
margin-top: 60px;
background-color: var(--blueDark);
}
.culture6 {
width: 100vw;
max-width: 1920px;
}
.culture6__inner {
width: calc(100% - 280px);
height: 100%;
padding: 0 140px;
background-color: #fff;
}
.culture6__left {
width: calc(50% - 80px);
padding-top: 150px;
padding-bottom: 40px;
padding-right: 40px;
margin-right: 40px;
overflow-y: auto;
max-height: calc(100% - 190px);
}
.culture6__right {
width: calc(50% - 80px);
padding-top: 150px;
padding-bottom: 40px;
padding-right: 40px;
margin-left: 40px;
overflow-y: auto;
max-height: calc(100% - 190px);
}
.culture6 .big {
margin: 30px 0;
font-size: 26px;
}
.culture6__small {
font-size: 14px;
color: #7F7F7F;
margin-top: 8px;
margin-bottom: 40px;
}
.culture6 img {
width: 100%;
height: auto;
}
.culture7 {
margin-left: 110px;
max-width: 1200px;
}
.culture7 .home8__bg {
margin-left: 35%;
width: 65%;
}
.culture8 {
width: 100vw;
max-width: 1920px;
}
.culture8__inner {
width: calc(100% - 280px);
height: 100%;
padding: 0 140px;
background-color: #fff;
}
.culture8__content {
width: 100%;
max-height: calc(100% - 190px);
padding: 150px 0 40px 0;
overflow-y: auto;
} 
.culture8 h2 {
margin-top: 30px;
margin-bottom: 60px;
}
.culture8__label {
font-weight: 400;
}
.culture8__cards {
margin-top: 30px;
margin-left: 60px;
width: calc(100% - 60px);
align-items: flex-start;
}
.culture8__card {
position: relative;
width: calc(25% - 100px);
max-width: 266px;
margin-right: 20px;
margin-bottom: 20px;
padding: 0 40px;
background-color: var(--blueDark);
border-bottom: 3px solid var(--red);
overflow: hidden;
cursor: pointer;
}
.culture8__card::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background-color: var(--red);
filter: blur(10px);
border-radius: 100%;
opacity: 0.5;
transform: translate(-50%, 75%);
}
.culture8__card__picto {
position: relative;
width: 100%;
padding-top: 75%;
}
.culture8__card__picto img {
position: absolute;
top: 50%;
left: 50%;
height: 50%;
width: 90%;
height: 70%;
max-width: 85px;
object-fit: contain;
transform: translate(-50%, -50%);
}
.culture8__card__title {
position: relative;
width: calc(100% - 20px);
padding: 0 20px 40px 0;
}
.culture8__card__title::before {
content: '';
position: absolute;
top: 10px;
right: 0;
width: 14px;
height: 2px;
border-radius: 25px;
background-color: var(--blueFlash);
}
.culture8__card__title::after {
content: '';
position: absolute;
top: 10px;
right: 0;
width: 14px;
height: 3px;
border-radius: 25px;
background-color: var(--blueFlash);
transform: rotate(90deg);
transition: transform 0.5s;
}
.culture8__card.active .culture8__card__title::after {
transform: rotate(0);
} 
.culture8__card p {
font-size: 16px;
margin: 0;
height: 0;
margin-bottom: 0;
overflow-y: auto;
transition: margin 0.5s, height 0.5s;
}
.culture8__card.active p {
display: block;
height: 180px;
margin-bottom: 40px;
}
@media screen and (max-width: 1400px) {
.culture2__inner {
position: relative;
width: calc(100% - 80px);
height: auto;
padding: 80px 40px;
}
.culture2__left {
padding: 0;
padding-right: 40px;
max-height: unset;
overflow-y: hidden;
}
.culture2__right {
padding: 0 40px;
padding-right: 40px;
}
.culture2__bg::before {
display: none;
}
.culture2__left p, .culture2__left .cRed {
padding: 0;
width: 100%;
max-width: 100%;;
}
.culture3__inner {
padding: 80px 40px;
width: calc(100% - 80px);
}
.culture3__image::before {
content: '';
position: absolute;
z-index: 2;
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;;
background-color: var(--blueDark);
background-image: url(//https://www.alkalee.fr/wp-content/themes/alkalee/images/Pictos/loupe.png);
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
}
.culture3__fiche:hover .culture3__image::before {
display: none;
}
.culture5 {
width: 100%;
}
.culture5__left {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
margin-top: 0;
}
.culture5__right {
width: calc(50% - 80px);
padding: 80px 40px;
margin-left: 50%;
}
.culture5__center {
bottom: 20px;
left: unset;
right: 50%;
transform: translateX(20px);
}
.culture6__inner {
padding: 100px 40px;
width: calc(100% - 80px);
}
.culture6__left, .culture6__right {
padding: 0 40px;
margin: 0;
width: calc(50% - 80px);
}
.culture7 {
max-width: 100%;
margin: 0;
}
.culture7 .home8__bg {
width: 100%;
padding-top: 25%;
margin-left: 0;
}
.culture7 .home8__text h2 {
margin-top: 0;
margin-bottom: 30px;
}
.culture8__inner {
padding: 80px 40px;
width: calc(100% - 80px);
margin-bottom: 80px
}
.culture8__content {
padding: 0;
}
.culture8__cards {
width: calc(100% - 20px);
margin-left: 20px;
}
}
@media screen and (max-width: 1250px) {
.culture8__cards {
flex-flow: wrap;
}
.culture8__card {
width: calc(50% - 100px);
}
}
@media screen and (max-width: 1000px) {
.culture2__inner {
flex-direction: column;
}
.culture2__left, .culture2__right {
width: 100%;
max-width: 100%;
padding: 0;
}
.culture2__left {
margin-bottom: 60px;
}
.culture3__inner {
flex-direction: column;
padding-bottom: 140px;
}
.culture3__text, .culture3__fiches {
width: 100%;
margin: 0;
}
.culture3__text {
margin-bottom: 40px;
}
.culture3__fiches {
flex-flow: wrap;
}
.culture3__fiche {
width: 100%;
max-width: 300px;
transform: unset!important;
margin-bottom: 30px;
}
.culture5__inner {
flex-direction: column;
}
.culture5__left {
position: relative;
width: 100%;
padding-top: 70%;
}
.culture5__center {
position: relative;
bottom: unset;
right: unset;
width: 80%;
max-width: 300px;
transform: translateY(-20px);
}
.culture5__right {
width: calc(100% - 80px);
padding: 0 40px;
margin: 60px 0 80px 0;
}
.culture6__inner {
flex-direction: column;
}
.culture6__left, .culture6__right {
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 750px) {
.culture8__cards {
width: 100%;
margin-left: 0;
}
.culture8__card {
width: calc(100% - 80px);
max-width: 100%;
margin-right: 0;
}
.culture8__card__picto{
padding-top: 50%;
}
}
@media screen and (max-width: 600px) {
.culture7 .home8__text {
transform: translateY(-20px);
}
}
@media screen and (max-width: 500px) {
.culture8__card__picto{
padding-top: 0;
height: 200px;
}
}   .wp-block-columns {
width: 100%;
max-width: var(--maxwidth);
}
@media screen and (max-width: 1100px) {
.wp-block-columns {
flex-wrap: wrap;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100%!important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
flex-basis: 100%!important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
margin-left: 0;
}
}
.wp-block-quote {
width: 100%;
max-width: var(--maxwidth);
position: relative;
padding: 70px 0;
margin: 30px 0;
}
.wp-block-quote p {
font-size: 29px;
font-weight: 400;
color: var(--blue);
}
.wp-block-quote::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 45px;
background-image: url(../../../themes/alkalee/images/guillemet.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.wp-block-quote::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 70px;
height: 45px;
background-image: url(../../../themes/alkalee/images/guillemet.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}   .categories {
position: relative;
width: calc(100% - 170px); background-color: #fff;
padding: 30px 0 30px 250px;
justify-content: flex-start;
flex-flow: wrap;
}
.categories::before {
content: '';
position: absolute;
top: 0;
left: 110px;
width: 1px;
height: 100%;
background-color: var(--grey)
}
.categories a {
font-size: 20px;
color: var(--greyDark);
text-decoration: none;
margin: 10px 100px 10px 0;
}
.categories a.active {
font-weight: 600;
color: var(--blue);
}
.blog {
width: 100%;
max-width: var(--maxwidth);
}
.blueBlog {
position: relative;
z-index: 2;
}
.blueBlog::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
background-color: var(--blueDark);
transform: translateX(-50%);
}
.blog__header {
width: 100%;
margin-top: 110px;
}
.blog__header .small {
text-transform: uppercase;
}
.blog__header h1 {
text-transform: uppercase;
margin: 10px 0;
}
.blog__hl {
position: relative;
z-index: 2;
width: calc(100% - 140px);
padding-left: 140px;
margin-top: 170px;
text-decoration: none;
}
.blog__hl::after {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: var(--blueDark);
}
.blog__hl .big {
color: #34C2FF;
}
.blog__hl__left {
width: calc(50% - 140px);
margin-right: 140px;
padding: 100px 0;
}
.blog__hl__left .big {
margin: 10px 0 20px 0;
}
.blog__date {
position: relative;
width: calc(100% - 30px);
padding-right: 30px;
}
.blog__date img {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 14px;
object-fit: contain;
transform: translateY(-50%);
}
.blog__hl__right {
position: relative;
width: 50%; padding-top: 28.12%;
}
.blog__hl__right img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: translateY(-100px);
}
.blog__list {
width: 100%;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
margin-top: 70px;
}
.blog__card {
width: calc(33.33% - 47px);
margin-right: 70px;
margin-bottom: 70px;
background-color: #fff;
text-decoration: none;
}
.blog__card:nth-child(3n + 3) {
margin-right: 0;
}
.blog__card__image {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.blog__card__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 3px);
object-fit: cover;
border-bottom: 3px solid var(--red);
}
.blog__card__infos {
width: calc(100% - 70px);
padding: 35px;
transition: background-color 0.5s;
}
.blog__card:hover .blog__card__infos {
background-color: var(--blueDark);
}
.blog__card__infos div {
transition: color 0.5s;
}
.blog__card:hover div {
color: #fff;
}
.blog__nl:hover div {
color: var(--red);
}
.blog__card__infos .big {
font-size: 26px;
margin: 20px 0;
min-height: 96px;
}
.blog__nl {
min-height: 480px;
}
.blog__nl__inner {
width: calc(100% - 120px);
padding: 60px;
}
.blog__nl form {
width: 100%;
margin-top: 50px;
align-items: flex-start;
}
.blog__nl label {
font-size: 26px;
font-weight: 500;
margin-bottom: 10px;
color: var(--blue)
}
.blog__pagination {
margin-top: 30px;
margin-bottom: 70px;
}
.blog__pagination a {
text-decoration: none;
}
.blog__pagination .page-numbers {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
font-size: 17px;
color: var(--greyDark);
border: 1px solid var(--red);
border-radius: 100%;
background-color: #fff;
margin: 0 5px;
}
.blog__pagination .page-numbers.current {
background-color: var(--red);
color: #fff;
}
.blog__pagination .next, .blog__pagination .prev {
width: 50px;
height: 50px;
border: unset;
border-radius: 4px;
background-color: #fff;
background-image: url(../../../themes/alkalee/images/blueDark-arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 50%;
margin: 0;
}
.blog__pagination .prev {
transform: rotate(180deg);
margin-right: 50px;
}
.blog__pagination .next {
margin-left: 50px;
}
@media screen and (max-width: 1400px) {
.blog__hl {
flex-direction: column-reverse;
width: calc(100% - 140px);
padding: 70px;
}
.blog__hl__left, .blog__hl__right {
width: 100%;
padding: 0;
margin: 0;
}
.blog__card {
width: calc(50% - 20px);
margin-right: 40px;
margin-bottom: 40px;
}
.blog__card:nth-child(3n + 3) {
margin-right: 40px;
}
.blog__card:nth-child(2n + 2) {
margin-right: 0;
}
}
@media screen and (max-width: 1100px) {
.blog__hl__right {
height: auto;
padding-top: 66%;
}
}
@media screen and (max-width: 800px) {
.blog__card {
width: 100%;
margin-right: 0;
}
.blog__card:nth-child(3n + 3) {
margin-right: 0;
}
.blog__card:nth-child(2n + 2) {
margin-right: 0;
}
}
@media screen and (max-width: 600px) {
.blog__hl {
width: calc(100% - 80px);
padding: 40px;
margin-top: 40px;
}
.blog__hl__left{
margin-top: 40px;
}
.blog__hl__right img {
transform: unset;
}
}   .article {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
}
.article::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
background-color: #fff;
}
.article__thumb {
position: relative;
width: 100vw;
margin-bottom: 70px;
overflow: hidden;
}
.article__thumb img {
display: block;
width: 100%;
max-width: 1250px;
height: auto;
}
.article__thumb img.article__thumb__blur {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
filter: blur(10px);
opacity: 0.3;
}
.article__header {
width: 100%;
margin-bottom: 70px;
}
.article__left {
position: relative;
width: calc(70% - 40px);
margin-right: 40px;
}
.article__right {
position: relative;
width: calc(30% - 40px);
margin-left: 40px;
}
.article h1 {
margin: 30px 0 40px 0;
}
.article__cats {
justify-content: flex-start;
flex-flow: wrap;
}
.article__cats div {
color: var(--greyDark);
padding: 10px 20px;
margin-right: 20px;
border: 1px solid var(--greyDark);
border-bottom-right-radius: 10px;
}
.article__right .footerContact__rs {
width: 100%;
justify-content: center;
}
.article__right .nBold {
text-transform: uppercase;
text-align: center;
}
.article__content {
width: 100%;
position: relative;
margin-bottom: 100px;
justify-content: flex-start;
min-height: 30vw;
}
.article__image {
position: absolute;
top: 50%;
left: calc(70% + 40px);
width: 30vw;
padding-top: 30vw;
transform: translateY(-50%);
}
.article__image::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 75%;
height: 120%;
transform: translate(-50%, -50%);
opacity: 0.16;
background-color: var(--blueFlash);
}
.article__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#copyLinkValidation {
display: none;
text-align: center;
margin-top: 10px;
}
.single .blog__header a {
display: block;
margin-bottom: 80px;
text-decoration: none;
font-weight: 500;
}
.single .blog__header a img {
width: 20px;
height: auto;
transform: rotate(180deg);
margin-right: 10px;
}
.single .blog__list {
margin-top: 35px;
}
@media screen and (max-width: 1900px) {
.article__image {
width: 30%;
padding-top: 30%;
}
}
@media screen and (max-width: 1100px) {
.article__header, .article__content {
flex-direction: column;
}
.article__header {
margin-bottom: 0;
}
.article__left, .article__right {
width: 100%;
margin: 0;
margin-bottom: 40px;
}
.article__right .nBold {
text-align: left;
}
.article__right .footerContact__rs {
justify-content: flex-start;
}
.article__image {
position: relative;
top: unset;
left: unset;
transform: unset;
width: 100%;
padding-top: 50%;
margin: 60px 0;
}
.article__image img {
object-fit: contain;
}
.article__image::after {
height: 80%;
}
}   .offre {
align-items: flex-start;
}
.offre__header {
font-size: 20px;
align-items: flex-start;
}
.offre__header h1 {
margin-bottom: 10px;
}
.offre__header .cGrey {
margin: 20px 0;
justify-content: flex-start;
}
.offre__header .cGrey img {
width: 23px;
height: 23px;
object-fit: contain;
margin-right: 5px;
}
.offre__ref {
width: 100%;
text-align: left;
margin-top: 40px;
margin-bottom: 40px;
}
.article__right .offre__ref .nBold {
text-align: left;
}
.offre__ref .small {
margin: 10px 0 40px 0;
}
.offre__content {
margin-top: 80px;
}
.offre__backLink {
margin-top: 60px;
margin-bottom: 80px;
text-decoration: none;
font-weight: 500;
}
.offre__backLink img {
width: 20px;
height: auto;
margin-left: 10px;
}
.offre__backLink img.reverse {
transform: rotate(180deg);
margin-right: 10px;
margin-left: 0;
}
.offres__list {
width: 100%;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 70px 0;
}
.offres__card {
width: calc(50% - 20px);
margin-right: 40px;
margin-bottom: 40px;
background-color: #fff;
text-decoration: none;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}
.offres__card:nth-child(2n + 2) {
margin-right: 0;
}
.offres__card__infos {
position: relative;
width: calc(100% - 140px);
padding: 50px 70px;
}
.offres__card__infos .big {
margin: 20px 0;
}
.offres__card__line {
justify-content: space-between;
flex-flow: wrap;
}
.offres__card__line div:first-child {
margin-right: 20px;
}
.offres__card__line div {
margin-bottom: 10px;
}
.offres__card a {
display: inline-block;
text-decoration: none;
}
.offres__card .button {
margin-top: 20px;
}
@media screen and (max-width: 1200px) {
.offres__card {
width: 100%;
margin-right: 0;
}
.offres__card:nth-child(3n + 3) {
margin-right: 0;
}
.offres__card:nth-child(2n + 2) {
margin-right: 0;
}
}
@media screen and (max-width: 1100px) {
.offre__header .button {
display: none;
}
}
@media screen and (max-width: 650px) {
.offres__card__infos {
width: calc(100% - 60px);
padding: 35px 30px;
}
}
.formPopup {
display: none;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.95);
}
.formPopup__bg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.formPopup__inner {
position: relative;
width: calc(100% - 120px);
max-width: 680px;
max-height: calc(90vh - 120px);
overflow-y: auto;
padding: 60px;
background-color: var(--greyLight);
justify-content: flex-start;
border-radius: 16px;
}
.formPopup__inner::-webkit-scrollbar {
width: 7px;
}
.formPopup__inner::-webkit-scrollbar-track {
background: var(--blueLight);
border-radius: 25px;
}
.formPopup__inner::-webkit-scrollbar-thumb {
background: var(--blue);
border-radius: 25px;
}
.formPopup__close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 8px;
border: 3px solid var(--blue);
font-size: 40px;
font-weight: 500;
cursor: pointer;
}
.formPopup__close::before, .formPopup__close::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 3px;
background-color: var(--blue);
transform: translate(-50%, -50%) rotate(45deg);
}
.formPopup__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.formPopup__inner img {
margin-bottom: 20px;
}
.formPopup__inner .wpcf7, .formPopup__inner form {
width: 100%;
}
.candidat {
width: 100%;
}
.candidat__line {
position: relative;
padding: 10px 0 7px 0;
margin-bottom: 20px;
width: 100%;
}
.candidat__line .wpcf7-captchac {
margin-right: 20px;
}
.candidat__line span {
width: 100%;
margin: 0;
}
.candidat__line span.wpcf7-spinner {
width: 24px;
}
.candidat__line span input[type="text"],
.candidat__line span input[type="tel"],
.candidat__line span input[type="email"],
.candidat__line span input[type="date"],
.candidat__line span textarea
{
appearance: none;
width: calc(100% - 20px);
padding: 10px 20px 10px 0;
font-family: "Avenir Next", "serif";
border: unset;
border-bottom: 1px solid #707070;
background-color: transparent;
font-size: 20px;
color: var(--greyDark);
}
.candidat__line label {
position: absolute;
top: 100%;
right: 0;
font-size: 16px;
font-weight: 400;
color: var(--blue);
}
.candidat__radio {
justify-content: flex-start;
}
.candidat__radio span {
display: flex;
justify-content: center;
align-items: center;
width: auto;
margin-right: 10px;
}
.candidat__radio span input,
.candidat__rgpd span input {
appearance: none;
position: relative;
width: 30px;
height: 30px;
border: 3px solid var(--blue);
border-radius: 3px;
margin: 0 5px 0 0;
cursor: pointer;
}
.candidat__rgpd span input:checked:after,
.candidat__radio span input:checked:after {
content: '';
position: absolute;
top: 12.5%;
left: 12.5%;
width: 75%;
height: 75%;
background-image: url(../../../themes/alkalee/images/Pictos/check.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.candidat__radio .wpcf7-list-item-label {
font-size: 20px;
color: var(--greyDark);
}
.candidat__file {
margin: 20px 0;
}
.candidat__file .button {
position: absolute;
z-index: 2;
top: 0;
left: 0;
font-size: 12px;
width: 150px;
height: auto;
cursor: pointer;
margin: 0;
}
.candidat__file input {
position: relative;
width: calc(100% - 90px);
max-width: 100%;
padding-left: 90px;
font-family: "Avenir Next", "serif";
font-size: 14px;
color: var(--greyDark);
border: none;
}
.candidat__file input::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 212px;
height: 100%;
background-color: var(--greyLight);
}
.candidat__rgpd {
margin: 20px 0;
}
.candidat__rgpd span, .candidat__rgpd label {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.candidat__rgpd .wpcf7-list-item-label {
display: block;
}
.candidat__submit {
margin-top: 40px;
justify-content: flex-end;
}
.candidat__submit input {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: #fff;
background-color: var(--red);
padding: 13px 30px 13px 20px;
border: 1px solid var(--red);
border-bottom-right-radius: 50px;
border-top-left-radius: 15px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
letter-spacing: 1px;
transition: all 0.5s;
cursor: pointer;
}
.candidat__submit input:disabled {
opacity: 0.4;
}
.candidat__submit input:hover {
background-color: #fff;
color: var(--red);
}
.candidat__submit input:disabled:hover {
background-color: var(--red);
color: #fff;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
padding: 10px 20px;
border-radius: 8px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
background-color: #ffb900;
color:#fff;
}
@media screen and (max-width: 750px) {
.candidat__line {
flex-direction: column;
align-items: flex-start;
}
.candidat__line label {
position: relative;
margin-top: 10px;
width: 100%;
text-align: right;
}
.candidat__file label {
margin-top: 40px;
}
}
@media screen and (max-width: 500px) {
.formPopup__inner {
width: calc(100% - 80px);
padding: 60px 40px;
}
}   .hero {
position: relative;
width: calc(100vw - 110px);
height: calc(100vh - 110px);
}
.hero__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero__bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top right;
}
.hero__inner {
position: relative;
z-index: 2;
width: 100%;
max-width: calc(var(--maxwidth) + 80px);
padding: 80px 40px;
}
.hero__content {
width: 50%;
padding: 40px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
overflow: hidden;
}
.hero__dark .hero__content {background-color: rgba(41, 66, 103, 0.9);}
.hero__light .hero__content {background-color: rgba(206, 208, 221, 0.9)}
.hero__subTitle {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.hero__dark .hero__subTitle {color: #fff}
.hero__light .hero__subTitle {color: var(--greyDark)}
.hero__title {
text-transform: uppercase;
margin: 0;
}
.hero__dark .hero__title {color: var(--blueFlash)}
.hero__light .hero__title {color: var(--blue)}
.hero h1 {
margin: 5vh 0;
font-weight: 700;
max-width: 600px;
}
.hero__dark h1 {color: #fff}
.hero__light h1 {color: var(--blue)}
@media screen and (max-width: 1100px) {
.hero {
width: 100vw;
height: auto;
min-height: calc(100vh - 110px);
}
}
@media screen and (max-width: 800px) {
.hero__content {
width: calc(100% - 80px);
}
}
@media screen and (max-width: 500px) {
.hero {
min-height: calc(100vh - 81px);
}
}   .geo {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
}
.geo__inner {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
max-width: 250px;
padding: 40px;
}
.geo__inner::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--blueFlash);
opacity: 0.3;
}
.geo__title {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.geo__button {
position: relative;
display: inline-block;
font-family: "Avenir Next";
width: auto;
font-size: 14px;
font-weight: 500;
color: var(--blue);
padding: 13px 20px 13px 20px;
border: 1px solid var(--blue);
border-top-left-radius: 10px;
background-color: #fff;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
text-decoration: none;
}
.geo__button::before {
content: '';
position: absolute;
top: -1px;
left: 100%;
width: 50px;
height: calc(100% + 2px);
border-bottom-right-radius: 20px;
background-color: var(--blue);
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.geo__button::after {
content: '';
position: absolute;
top: 0;
left: 100%;
width: 50px;
height: 100%;
background-image: url(../../../themes/alkalee/images/blue-arrow.svg);
background-size: 50%;
background-position: center;
background-repeat: no-repeat;
transform: rotate(90deg);
}
@media screen and (max-width: 1100px) {
.geo__inner {
position: relative;
width: 100%;
max-width: 100%;
}
}
.choices {
width: 100%;
max-width: var(--maxwidth);
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}
.choices__card {
width: calc(20% - 100px);
min-width: 150px;
padding: 30px;
margin-bottom: 20px;
background-color: #fff;
margin-right: 50px;
text-decoration: none;
}
@media screen and (max-width: 1500px) {
.choices__card {
width: calc(20% - 76px);
margin-right: 20px;
}
}
.choices__card.active {
background-color: var(--blueDark);
}
.choices__card:last-child {
margin-right: 0;
}
.choices__card img {
width: 100%;
height: 71px;
object-fit: contain;
object-position: center;
}
.choices__card .nBold {
width: 100%;
margin-top: 30px;
padding-bottom: 20px;
}
.choices__card.active .nBold {
color: #fff;
border-bottom: 3px solid var(--red);
}
.choices__card p {
max-height: 220px;
overflow-y: auto;
margin-bottom: 0;
}
.choices__card.active p {
color: #fff;
}
.contactForm {
display: none;
width: 100%;
max-width: var(--maxwidth);
margin-bottom: 60px;
}
.contactForm.active {
display: block;
} 
.contactForm .wpcf7 {
max-width: 1000px;
}
.contactForm .candidat__submit {
justify-content: flex-start;
}
.geo2 {
position: relative;
z-index: 2;
width: 100%;
min-height: 600px;
max-width: var(--maxwidth);
padding: 80px 0 0 0;
}
.geo2::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
transform: translateX(-50%);
background-color: #fff;
}
.geo2__left {
width: 40%;
align-items: flex-start;
}
.geo2__left img {
margin-bottom: 40px;
}
.geo2__left a {
font-size: 28px;
text-decoration: none;
margin-bottom: 10px;
}
.geo2__left p {
margin: 100px 0 40px 0;
}
.geo2__left .footerContact__rs {
width: 100%;
justify-content: flex-start;
}
.geo2__right {
width: 60%;
}
.geo2__right .geo2__map {
display: block;
position: relative;
width: 100%;
height: 600px;
}
.geo2__right .geo2__map img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 1100px) {
.geo2 {
flex-direction: column;
}
.geo2__left {
width: 100%;
margin-bottom: 40px;
}
.geo2__right {
width: 100%;
}
}   .Rune {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--maxwidth);
padding: 40px 0;
}
.Rune__left::before {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: calc(100% + 80px);
width: 100%;
height: 100%;
background-color: #fff;
}
.Rune__left {
width: 50%;
}
.Rune__right {
width: calc(50% - 40px);
margin-left: 40px;
}
.Rune__right .offres__card {
width: 100%;
}
@media screen and (max-width: 1400px) {
.Rune {
flex-direction: column;
}
.Rune__left, .Rune__right {
width: 100%;
margin: 0;
}
}
.ressources h3 {
margin-top: 60px;
margin-bottom: 0;
}
.ressources .offres__card {
position: relative;
}
.ressources__dl {
position: absolute;
bottom: 50px;
right: 70px;
width: 24px;
height: 24px;
}
.ressources__dl img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}   .lang__switcher {
position: relative;
width: auto;
height: 108px;
margin: 0;
padding: 0;
list-style: none;
}
.lang__switcher select {
position: relative;
appearance: none;
-webkit-appearance: none;
background-color: transparent;
border: none;
font-family: 'Avenir Next';
font-size: 18px;
font-weight: 400;
color: var(--blue);
}
.lang__switcher::after {
content: '';
position: absolute;
top: 50%;
left: calc(100% + 5px);
width: 12px;
height: 12px;
background-image: url(../../../themes/alkalee/images/dropdown.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateY(-50%);
}
.lang__switcher li {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.lang__switcher li.current-lang {
display: none;
}
.lang__switcher a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
}
.lang__switcher img {
width: 20px!important;
height: 20px!important;
object-fit: contain;
}
.grecaptcha-badge {
display: none;
}
@media screen and (max-width: 500px) {
.lang__switcher {
height: 80px;
}
}