.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.spu-box,
.spu-box *{
box-sizing: border-box;
}
.wppopups-whole{
position: relative;
width: 100%;
left: 0;
top: 0;
z-index: 999998;
display: flex;
align-items: center;
justify-content: center;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
}
.spu-box {
zoom:1;
}
.spu-box {
position:fixed;
z-index: 999999;
width: 100%;
max-height: 100vh;
}
.spu-box img{
max-width: 100%;
height: auto;
}
.spu-box img.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .spu-box.spu-position-top-left{
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-position-top-right{
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-position-top-center{
top: 0; right: auto; bottom: auto; left: auto;
}
.spu-box.spu-position-bottom-left{
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-position-bottom-right{
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-box.spu-position-bottom-center{
top: auto; right: auto; bottom: 0; left: auto;
}
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
margin: 0;
width: 100% !important;
max-width: 100% !important;
position: fixed;
}
.spu-box.spu-position-top-bar{
top: 0;
}
.spu-box.spu-position-bottom-bar{
bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-fields-container,
.spu-box.spu-position-top-bar .spu-content .spu-fields-container{
padding: 0;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
.spu-box.spu-position-bottom-bar .spu-content > *,
.spu-box.spu-position-top-bar .spu-content > *{
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-form,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-top-bar .spu-content .spu-optin-form {
display: inline-flex;
margin-bottom: 0;
}
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr{
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr ,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr {
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields .spu-fields ,
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields .spu-fields {
min-width: 250px;
}
.spu-box.spu-position-bottom-bar .spu-content button.spu-fields.spu-submit ,
.spu-box.spu-position-top-bar .spu-content button.spu-fields.spu-submit {
width: 120px;
margin-left: 20px;
} .spu-close{
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: .5;
text-decoration: none;
cursor: pointer;
z-index: 9999;
}
html .spu-box a.spu-close {
text-decoration: none;
}
.spu-close-top_right{
right:8px;
top:5px;
}
.spu-close-top_left{
left:8px;
top:5px;
}
.spu-close-bottom_right{
right:8px;
bottom:5px;
}
.spu-close-bottom_left{
left:8px;
bottom:5px;
}
.spu-close:hover,
.spu-close:focus {
text-decoration: none;
display: block;
} p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-box.spu-scrollable p.spu-powered {
display: none;
} .spu-addon-container {
text-align: center;
margin: 36px 32px 44px;
}
.spu-addon-container:after {
clear: both;
content: " ";
display: table;
}
.spu-addon-title {
font-size: 24px;
}
.spu-addon-msg {
font-size: 17px;
}
.spu-input-text {
background-color: #fff;
width: 49%;
height: 44px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0;
vertical-align: middle;
}
.spu-button {
display: block;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 0 0 1px;
font-size: 15px;
padding: 10px 12px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
margin: 0;
height: auto;
width: 35%;
border: 0;  
}
.spu-button-bg {
width: 100% !important;
}
.spu-inline {
display: inline-block !important;
}
.spu-errors {
color: red;
text-align: center;
margin-top: 20px;
} .spu-optin-form .spu-helper-fields{
display: none;
}
.spu-fields-container{
padding: 36px 32px 44px;
position: relative;
}
.spu-fields.spu-name,
.spu-fields.spu-email{
background-color: #fff;
width: 100%;
height: 48px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0 0 20px 0;
vertical-align: middle;
display: block;
}
.spu-fields.spu-submit{
background: #50bbe8;
border: 1px solid #429bc0;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 -0 0 1px;
width: 24%;
color: #fff;
font-size: 16px;
padding: 10px 6px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
display: inline;
margin: 0;
height: auto;
}
.spu-fields.spu-submit i{
display: none;
}
.spu-optin-fields {
display: block;
}
.spu-optin-fields.spu-inline-fields {
display: flex;
margin-bottom: 20px;
}
.spu-optin-fields.spu-inline-fields .spu-fields{
margin-bottom: 0px;
}
.spu-optin-fields.spu-inline-fields .spu-fields.spu-name {
margin-right: 20px;
}
.spu-fields.spu-email{
margin-right: 0;
}
.spu-fields.spu-submit {
width: 100%;
max-width: 100%;
}
.spu-fields.spu-submit span{
transition: all 1s;
opacity:1;
}
.spu-fields.spu-submit svg{
display:none;
margin:0 auto;
transition: all 1s;
}
.spu-fields.spu-submit svg path,
.spu-fields.spu-submit svg rect{
fill: #fff;
}
.spu-fields.spu-submit.spu-sending span{
display: none;
opacity: 0;
}
.spu-fields.spu-submit.spu-sending svg{
display: block;
opacity: 1;
}
.optin-errors {
color: red;
text-align: center;
margin-top: 20px;
} span.spu-timer {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 12px;
position: absolute;
width: 100%;
text-align: right;
padding: 0 10px;
}
@media all and (max-width: 568px){
.spu-box{
max-width: 90vw !important;
}
.spu-box.spu-position-fullscreen,
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
max-width: 100vw !important;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
flex-flow: column;
}
.pop-up-text2{
margin-bottom: 25px !important;
}
}body {
padding: 0;
margin: 0;
font-family: "Josefin Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 200;
font-style: normal;
font-size: clamp(16px, 1.3vw, 1.3vw);
}
h1 {
width: 100%;
margin: 25px 0 0 0;
font-size: clamp(32px, 5.4vw, 100px);
line-height: 1.5em;
color: #000;
text-align: center;
font-weight: 400;
text-transform: uppercase;
}
h2 {
margin: 0 0 40px 0;
color: #000;
font-size: clamp(26px, 5.6vw, 80px);
line-height: 1.3em;
font-family: "Jomolhari", serif;
font-weight: 400;
font-style: normal;
}
h3 {
margin: 0 0 40px 0;
font-family: "Jomolhari", serif;
font-size: clamp(24px, 3.5vw, 50px);
font-style: normal;
font-weight: 400;
line-height: 1.3em;
color: #000000;
}
@media (max-width: 768px) {
h3 {
margin-bottom: 20px;
}
}
h4 {
margin: 0;
font-size: clamp(20px, 2.1vw, 2.1vw);
font-style: normal;
font-weight: 400;
line-height: 1.3em;
color: #000;
text-transform: uppercase;
}
h5 {
margin: 0;
font-size: clamp(16px, 1.8vw, 1.08vw);
font-style: normal;
font-weight: 500;
line-height: 1.3em;
color: #000;
text-transform: uppercase;
}
img {
max-width: 100%;
height: auto;
}
p, li {
font-size: clamp(16px, 1.3vw, 1.3vw);
font-style: normal;
font-weight: 200;
line-height: 1.5em;
color: #000;
}
p {
margin-top: 1.5em;
margin-bottom: 0;
}
p:first-child {
margin-top: 0;
}
iframe {
border: none;
background-color: #fff;
}
strong {
font-weight: 500;
}
a {
font-style: normal;
font-weight: 300;
line-height: 1.3em;
text-decoration: underline;
color: #000;
text-transform: uppercase;
transition: color 0.2s ease;
}
a:hover {
color: #B38B62;
}
a[href^="tel:"], a[href^="mailto:"] {
text-decoration: none;
text-transform: none;
}
.text-large {
font-size: clamp(18px, 1.9vw, 1.9vw);
}
.text-large a {
font-size: clamp(18px, 1.9vw, 1.9vw);
}
strong a {
font-weight: 500;
}
.no-text-deco {
text-decoration: none;
}
.btn {
min-width: 280px;
padding: 25px 60px 18px 60px;
display: inline-block;
border: solid 1px #000;
color: #000;
font-size: clamp(16px, 1.3vw, 28px);
font-weight: 500;
text-align: center;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease;
}
@media (max-width: 768px) {
.btn {
margin-left: 0;
padding: 25px 30px 18px;
}
}
.btn:hover {
background-color: #B38B62;
color: #fff;
border-color: #B38B62;
}
.main-container {
position: relative;
}
.row {
position: relative;
margin-bottom: 90px;
display: flex;
width: 100%;
}
@media (max-width: 768px) {
.row {
margin-bottom: 30px;
flex-direction: column;
}
}
.row > div.one-quart {
width: 25%;
}
@media (max-width: 768px) {
.row > div.one-quart {
width: 100%;
}
}
.row > div.three-quart {
width: 75%;
}
@media (max-width: 768px) {
.row > div.three-quart {
width: 100%;
}
}
.h-padding {
padding-left: 60px;
padding-right: 60px;
}
@media (max-width: 768px) {
.h-padding {
padding-left: 20px;
padding-right: 20px;
}
}
.v-padding {
padding-top: 60px;
padding-bottom: 60px;
}
@media (max-width: 768px) {
.v-padding {
padding-top: 30px;
padding-bottom: 30px;
}
}
.empty-space {
width: 100%;
height: 141px;
}
@media (max-width: 768px) {
.empty-space {
height: 105px;
}
}
.empty-space-mobile {
display: none;
}
@media (max-width: 768px) {
.empty-space-mobile {
display: block;
position: relative;
width: 100%;
height: 20px;
}
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0;
}
.no-padding-bottom {
padding-bottom: 0;
}
.no-padding-top {
padding-top: 0;
}
.fade-in, .text-top {
visibility: hidden;
}
@media (max-width: 768px) {
.mobile-center {
text-align: center;
}
}
.width-60 {
width: 60%;
}
@media (max-width: 768px) {
.width-60 {
width: 100%;
}
}
.gap-120 {
gap: 120px;
}
@media (max-width: 768px) {
.gap-120 {
gap: 0;
}
}
.radius-10 {
border-radius: 10px;
}
.content-67-33 .left-content {
width: 67%;
}
@media (max-width: 768px) {
.content-67-33 .left-content {
width: 100%;
margin-bottom: 20px;
}
}
.content-67-33 .right-content {
width: 33%;
}
@media (max-width: 768px) {
.content-67-33 .right-content {
width: 100%;
}
}
.content-33-67 .left-content {
width: 33%;
}
@media (max-width: 768px) {
.content-33-67 .left-content {
width: 100%;
margin-bottom: 20px;
}
}
.content-33-67 .right-content {
width: 67%;
}
@media (max-width: 768px) {
.content-33-67 .right-content {
width: 100%;
}
}
.no-link {
pointer-events: none;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
.group:after {
content: "";
display: table;
clear: both;
}
body.logged-in #smooth-wrapper {
top: 32px !important;
height: calc(100% - 32px) !important;
}
@media (max-width: 768px) {
body.logged-in #smooth-wrapper {
top: 46px !important;
height: calc(100% - 46px) !important;
}
}
body.logged-in #smooth-wrapper .hero {
height: calc(100vh - 32px);
}
@media (max-width: 768px) {
body.logged-in #smooth-wrapper .hero {
height: calc(100vh - 46px);
}
} #smooth-wrapper {
background-color: #EDEDED;
}
header {
position: relative;
width: 100%;
height: auto;
padding: 65px 70px;
}
@media (max-width: 768px) {
header {
padding: 20px 20px;
}
}
header .header-container {
display: flex;
justify-content: space-between;
align-items: center;
}
header a {
display: inline-block;
transition: color 0.2s ease;
}
header a img {
max-height: 171px;
height: 15vh;
width: auto;
}
@media (max-width: 768px) {
header a img {
width: 80px;
height: auto;
}
}
header nav {
display: flex;
align-items: center;
}
header .menu-container {
display: none;
gap: 4vh;
flex-direction: column;
justify-content: space-between;
padding: 220px 70px 70px;
position: absolute;
top: 0;
left: 0;
height: 100dvh;
width: clamp(320px, 50%, 50%);
z-index: 100;
}
@media (max-width: 768px) {
header .menu-container {
padding: 140px 20px 20px;
}
}
header .menu-container .menu-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #2E383E;
z-index: -1;
line-height: 0;
font-size: 0;
}
header .menu-container .menu-bottom a {
font-size: clamp(16px, 1.6vw, 20px);
color: #fff;
text-transform: none;
font-weight: 500;
}
header .menu-container .menu-bottom a:hover {
color: #B38B62;
}
header .menu-container p {
font-size: clamp(16px, 1.6vw, 20px);
color: #fff;
text-transform: none;
}
header .menu-container .social {
justify-content: flex-start;
margin-top: 8vh;
}
header ul {
align-items: center;
flex-direction: row;
justify-content: center;
flex-shrink: 0;
margin: 0;
padding: 0;
list-style-type: none;
gap: 25px;
}
header ul li {
margin: 0;
padding: 1.5vh 0;
}
@media (max-width: 768px) {
header ul li {
padding: 20px 0;
}
}
header ul li a {
color: #fff;
font-size: clamp(18px, 2.2vw, 28px);
font-weight: 300;
text-transform: uppercase;
text-decoration: none;
line-height: 1em;
}
header ul li a:hover {
color: #B38B62;
}
header ul li.current-menu-item a {
color: #B38B62;
font-weight: 700;
}
header .menu-burger {
position: relative;
width: 47px;
height: 40px;
cursor: pointer;
z-index: 120;
}
@media (max-width: 900px) {
header .menu-burger {
width: 40px;
height: 36px;
}
}
@media (max-width: 900px) {
header .menu-burger {
width: 40px;
height: 36px;
}
}
header .menu-burger span {
display: block;
position: absolute;
width: 100%;
height: 4px;
background-color: #000;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.2s ease;
transition-delay: 0.5s;
}
header .menu-burger span:first-of-type {
top: 0;
margin-top: 12px;
}
header .menu-burger span:last-of-type {
top: 100%;
margin-top: -12px;
}
header .menu-burger.active span {
background-color: #EDEDED;
}
header .menu-burger.active span:first-of-type {
transform: rotate(45deg);
top: 50%;
margin-top: 0px;
}
header .menu-burger.active span:last-of-type {
transform: rotate(-45deg);
top: 50%;
margin-top: 0px;
}
header .lang {
display: block;
width: 47px;
font-weight: 700;
text-decoration: none;
color: #000;
text-align: right;
}
@media (max-height: 800px) and (orientation: landscape) {
header {
padding: 30px 70px;
}
header .menu-container {
padding: 170px 70px 70px;
}
}
.menu-exemple {
display: none;
position: fixed;
top: 0;
left: 0;
width: 90%;
height: 100dvh;
z-index: 300;
background-color: #fff;
overflow: hidden;
}
.menu-exemple .menu-exemple-container {
padding: 200px 120px 120px;
height: 100%;
overflow-y: scroll;
}
@media (max-width: 768px) {
.menu-exemple .menu-exemple-container {
margin-top: 120px;
padding: 30px 30px 60px;
height: calc(100% - 120px);
}
}
.menu-exemple button {
position: fixed;
top: 100px;
right: 40px;
background: none;
border: none;
cursor: pointer;
}
@media (max-width: 768px) {
.menu-exemple button {
top: 50px;
right: 25px;
}
}
.menu-exemple > p {
width: 55%;
margin-top: 0;
}
.menu-exemple h4 {
margin-top: 80px;
}
.menu-exemple h4:first-of-type {
margin-top: 0;
}
.menu-exemple .menu-items-container {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
margin-top: 20px;
}
@media (max-width: 768px) {
.menu-exemple .menu-items-container {
flex-direction: column;
}
}
.menu-exemple .menu-items-container .ul-container {
width: 100%;
}
@media (max-width: 768px) {
.menu-exemple .menu-items-container .ul-container {
width: 100%;
}
}
.menu-exemple .menu-items-container h4 {
font-size: clamp(18px, 1.8vw, 1.8vw);
text-transform: none;
}
.menu-exemple .menu-items-container ul {
display: flex;
width: calc(50% - 10px);
flex-direction: column;
gap: 20px;
margin: 20px 0 30px;
padding: 0;
list-style-type: none;
}
@media (max-width: 768px) {
.menu-exemple .menu-items-container ul {
width: 100%;
margin: 20px 0 40px;
}
}
.menu-exemple .menu-items-container ul li {
margin: 0;
padding: 0;
}
.menu-exemple .menu-items-container ul li p {
margin-top: 0;
font-size: clamp(15px, 1.2vw, 1.2vw);
}
.menu-exemple .infos {
margin-top: 40px;
}
.menu-exemple .infos ul {
padding-left: 0;
list-style-type: none;
}
.menu-exemple .btn {
margin-top: 60px;
}
@media (max-width: 768px) {
.menu-exemple .btn {
margin-top: 40px;
}
}
.bandeau {
padding: 30px;
}
@media (max-width: 768px) {
.bandeau {
padding: 20px;
}
}
.bandeau .bandeau-content {
width: 100%;
background-color: #E5E5E5;
}
.bandeau .bandeau-content h2 {
position: relative;
top: -4vw;
width: 100%;
padding: 0 40px;
margin: 0 auto;
font-size: clamp(26px, 5vw, 5vw);
font-family: "Josefin Sans", sans-serif;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 768px) {
.bandeau .bandeau-content h2 {
width: 100%;
padding: 0 20px;
}
}
.bandeau .bandeau-content .bloc-container {
display: flex;
justify-content: space-between;
gap: 0;
align-items: stretch;
}
@media (max-width: 768px) {
.bandeau .bandeau-content .bloc-container {
flex-direction: column;
}
}
.bandeau .bandeau-content .bloc {
position: relative;
flex: 1;
padding: 60px 40px 110px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 768px) {
.bandeau .bandeau-content .bloc {
width: 100%;
padding: 30px 30px;
}
}
.bandeau .bandeau-content .bloc.action-0 {
padding: 60px 40px 60px;
}
@media (max-width: 768px) {
.bandeau .bandeau-content .bloc.action-0 {
width: 100%;
padding: 30px 30px;
}
}
.bandeau .bandeau-content .bloc a.bandeau-action {
display: block;
position: absolute;
bottom: 60px;
left: 0;
right: 0;
text-align: center;
margin-top: 20px;
}
@media (max-width: 768px) {
.bandeau .bandeau-content .bloc a.bandeau-action {
position: relative;
bottom: 0;
}
}
.bandeau.with-title-1 {
margin-bottom: 4vw;
}
.bandeau.with-title-1.last-bandeau {
margin-bottom: calc(4vw + 90px);
}
@media (max-width: 768px) {
.bandeau.with-title-1.last-bandeau {
margin-bottom: calc(4vw + 30px);
}
}
.bandeau.with-title-1 .bandeau-content {
position: relative;
top: 4vw;
}
.bandeau.with-title-1 .bandeau-content .bloc-container {
margin-top: -4vw;
}
.bandeau .bandeau-content > h4 {
padding: 60px 40px 0;
}
@media (max-width: 768px) {
.bandeau .bandeau-content > h4 {
padding: 30px 30px 0;
}
}
.bloc_text {
display: block;
}
.bloc_text .bloc-container {
display: flex;
justify-content: space-between;
gap: 60px;
align-items: stretch;
width: 100%;
}
@media (max-width: 768px) {
.bloc_text .bloc-container {
flex-direction: column;
}
}
.bloc_text .bloc-container .bloc {
position: relative;
flex: 1;
padding: 0;
}
.bloc_text .bloc-container .btn {
margin-top: 20px;
}
.bloc_texte-image {
position: relative;
display: flex;
padding: 0px 0;
}
.bloc_texte-image:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.bloc_texte-image {
flex-direction: column;
}
}
.bloc_texte-image > div {
position: relative;
width: 50%;
z-index: 1;
}
@media (max-width: 768px) {
.bloc_texte-image > div {
width: 100%;
}
}
.bloc_texte-image > div:last-child {
padding: 40px 80px;
}
@media (max-width: 768px) {
.bloc_texte-image > div:last-child {
padding: 40px 20px;
}
}
.bloc_texte-image > div:last-child {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 40px;
}
@media (max-width: 768px) {
.bloc_texte-image > div:last-child {
gap: 20px;
}
}
.bloc_texte-image.image-0 {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.bloc_texte-image.image-0 {
flex-direction: column;
}
}
.bloc_texte-image.bg-1 {
padding: 60px 0;
}
@media (max-width: 768px) {
.bloc_texte-image.bg-1 {
padding: 20px 0;
}
}
.bloc_texte-image.bg-1::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 80px;
background-color: #E5E5E5;
z-index: 0;
}
@media (max-width: 768px) {
.bloc_texte-image.bg-1::before {
right: 0;
}
}
.bloc_texte-image.image-1.bg-1::before {
right: 0;
left: 80px;
}
@media (max-width: 768px) {
.bloc_texte-image.image-1.bg-1::before {
left: 0;
}
}
.bloc_texte-image h2 {
margin-bottom: 0;
}
.bloc_texte-image p {
font-size: clamp(18px, 1.8vw, 36px);
}
.bloc_texte-image p.row_actions {
margin-top: 0;
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
.bloc_texte-image p.row_actions a {
display: inline-block;
}
.bloc_texte-image p.row_actions a:first-child {
margin-top: 0;
}
.bloc_texte-image img {
margin: 0;
display: block;
width: 100%;
height: 100%;
min-height: 100vh;
-o-object-fit: cover;
object-fit: cover;
}
.bloc_texte-image.image-2 > div:first-child {
position: absolute;
inset: 0;
width: 100%;
}
.bloc_texte-image.image-2 > div:first-child img {
height: 100%;
min-height: 0;
}
.bloc_texte-image.image-2 > div:last-child {
width: 100%;
padding: 160px 0px;
}
@media (max-width: 768px) {
.bloc_texte-image.image-2 > div:last-child {
padding: 40px 0;
}
}
.bloc_texte-image.image-2 > div:last-child h2, .bloc_texte-image.image-2 > div:last-child div {
width: 66%;
padding-left: 80px;
}
@media (max-width: 1280px) {
.bloc_texte-image.image-2 > div:last-child h2, .bloc_texte-image.image-2 > div:last-child div {
width: calc(100% - 80px);
}
}
@media (max-width: 768px) {
.bloc_texte-image.image-2 > div:last-child h2, .bloc_texte-image.image-2 > div:last-child div {
width: 100%;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.bloc_texte-image.image-2 .row_actions {
position: absolute;
bottom: 160px;
right: 80px;
width: calc(34% - 80px);
padding-left: 40px;
}
@media (max-width: 1280px) {
.bloc_texte-image.image-2 .row_actions {
position: relative;
bottom: 0;
right: 0;
width: auto;
padding-left: 80px;
}
}
@media (max-width: 768px) {
.bloc_texte-image.image-2 .row_actions {
margin: 0 auto;
padding-left: 0px;
}
}
.bloc_texte-image.image-2 h2, .bloc_texte-image.image-2 p {
color: #fff;
}
.bloc_texte-image.image-2 .btn {
border: none;
color: #000;
background-color: #EDEDED;
}
.bloc_texte-image.image-2 .btn:hover {
background-color: #B38B62;
color: #EDEDED;
}
.video-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map:last-child {
margin-bottom: 0;
}
.map .map-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
}
.map .map-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bloc_image:last-child {
margin-bottom: 0;
}
.bloc_image .image-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
}
.bloc_image .image-container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.menu {
padding-right: 140px;
}
@media (max-width: 768px) {
.menu {
padding-right: 20px;
}
}
.menu h1 {
margin-top: 0;
margin-bottom: 40px;
text-align: left;
color: #B38B62;
}
.menu.bg-1::before {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 80px;
background-color: #3B444A;
z-index: -1;
}
@media (max-width: 768px) {
.menu.bg-1::before {
right: 0;
}
}
.menu.bg-1 .menu-container {
padding: 40px 0;
}
.menu .menu-container {
width: 100%;
}
.menu .title-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
.menu .title-container p {
margin: 0;
padding: 0;
}
.menu .items-container {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu .items-container li {
margin: 0 0 40px 0;
padding: 0;
}
.menu .description {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
}
.menu .description p {
margin: 0;
padding: 0;
max-width: 80%;
}
.form-box {
background-color: #dddddd;
padding: 40px;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.form-box {
padding: 20px;
}
}
.form-box .form-row {
display: flex;
justify-content: space-between;
gap: 40px;
margin-top: 20px;
}
@media (max-width: 768px) {
.form-box .form-row {
flex-direction: column;
gap: 20px;
}
}
.form-box .form-row:first-child {
margin-top: 0;
}
.form-box .form-row .form-el {
flex: 1;
line-height: 1.3em;
font-weight: 400;
}
@media (max-width: 768px) {
.form-box .form-row .form-el {
width: 100%;
}
}
.form-box input[type=date], .form-box input[type=text], .form-box input[type=email], .form-box input[type=tel], .form-box textarea {
margin-top: 10px;
background-color: #fff;
border: none;
color: #000;
width: 100%;
padding: 15px 15px 12px;
margin-bottom: 10px;
font-family: "Josefin Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 200;
font-style: normal;
font-size: clamp(16px, 1.3vw, 25px);
font-weight: 200;
}
.form-box .wpcf7-checkbox {
display: block;
margin-top: 10px;
line-height: 1.5em;
font-weight: 300;
}
.form-box .wpcf7-list-item {
margin-left: 0;
margin-right: 20px;
}
.form-box .wpcf7-list-item.last {
margin-right: 0;
}
.form-box .wpcf7-not-valid-tip {
font-size: 16px;
}
.form-box .wpcf7-not-valid {
border: solid 1px #ff0000 !important;
}
.form-box .wpcf7-checkbox.wpcf7-not-valid {
border: none !important;
}
.form-box .form-el-flex {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
}
.form-box textarea {
resize: none;
margin: 10px 0 0 0;
max-height: 180px;
}
.bloc-form {
width: 100%;
}
form input[type=submit] {
font-family: "Josefin Sans", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-size: clamp(18px, 1.3vw, 1.3vw);
min-width: 280px;
padding: 25px 60px 18px 60px;
display: inline-block;
border: solid 1px #000;
color: #000;
font-weight: 500;
text-align: center;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease;
}
@media (max-width: 768px) {
form input[type=submit] {
margin-left: 0;
margin-bottom: 20px;
}
}
form input[type=submit]:hover {
background-color: #B38B62;
color: #fff;
border-color: #B38B62;
}
form .form-el-right {
text-align: right;
}
form .form-row {
position: relative;
}
form .form-el {
position: relative;
flex: 1;
}
.wpcf7-response-output {
margin: 30px 0 0 0 !important;
color: #fff !important;
padding: 15px 20px !important;
font-size: clamp(15px, 1.3vw, 1.3vw);
}
@media (max-width: 768px) {
.wpcf7-response-output {
margin: 0 0 20px 0 !important;
}
}
.bloc-form .wpcf7-response-output {
color: #000 !important;
}
.bloc-form .wpcf7-spinner {
position: absolute;
right: 20px;
top: 50%;
margin: 0;
transform: translateY(-50%);
}
.wpcf7-not-valid-tip {
display: none;
}
footer {
position: relative;
padding-top: 120px;
background-color: #000;
}
@media (max-width: 1024px) {
footer {
padding-top: 60px;
}
}
footer p, footer a {
font-size: clamp(18px, 2vw, 30px);
color: #fff;
}
footer a {
color: #fff;
text-transform: none;
}
footer form .wpcf7-list-item {
margin: 0;
}
footer form label {
display: block;
position: relative;
color: #fff;
font-size: 15px;
line-height: 1.2em;
}
footer form p {
margin: 0;
padding: 0;
}
footer form strong {
font-weight: 200;
text-transform: uppercase;
}
footer form input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
}
footer form .wpcf7-list-item-label {
display: block;
position: relative;
padding-left: 28px;
margin-top: 2px;
}
footer form input[type=email] {
background-color: #252525;
border: none;
color: #fff;
width: 100%;
padding: 26px 20px 22px;
margin-bottom: 20px;
font-family: "Josefin Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 200;
font-style: normal;
font-size: clamp(16px, 1.3vw, 25px);
text-align: center;
text-transform: uppercase;
font-weight: 200;
}
@media (max-width: 768px) {
footer form input[type=email] {
font-size: 15px;
padding: 26px 15px 22px;
}
}
footer form input[type=submit] {
font-size: clamp(18px, 1.3vw, 25px);
padding: 26px 20px 22px;
}
footer form .form-row {
display: flex;
justify-content: space-between;
gap: 40px;
margin-top: 20px;
}
@media (max-width: 1280px) {
footer form .form-row {
flex-direction: column;
gap: 20px;
}
}
@media (max-width: 768px) {
footer form .form-el {
width: 100%;
}
}
footer form input[type=email].wpcf7-not-valid {
padding: 25px 20px 21px;
border: solid 1px #b91a1a;
}
footer form .wpcf7-not-valid label {
color: #b91a1a;
}
footer form .wpcf7-spinner {
position: absolute;
left: 20px;
top: 50%;
margin: 0;
transform: translateY(-50%);
}
footer .mc4wp-checkbox .wpcf7-list-item-label, footer .wpcf7-acceptance .wpcf7-list-item-label {
position: relative;
top: 3px;
}
footer .mc4wp-checkbox strong, footer .wpcf7-acceptance strong {
font-weight: 500;
text-transform: none;
}
footer .mc4wp-checkbox a, footer .wpcf7-acceptance a {
font-size: 15px;
line-height: 1.2em;
}
footer ul.menu {
display: flex;
justify-content: space-between;
margin: 0;
padding: 40px 0;
list-style-type: none;
}
@media (max-width: 768px) {
footer ul.menu {
flex-direction: column;
justify-content: center;
padding: 40px 0 0 0;
}
}
footer ul.menu li {
margin: 0;
padding: 0;
}
@media (max-width: 768px) {
footer ul.menu li {
text-align: left;
line-height: 1.3em;
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
footer ul.menu li:last-child {
padding-right: 50px;
}
}
footer ul.menu a {
font-size: clamp(16px, 1.3vw, 18px);
line-height: 1.7em;
text-decoration: none;
transition: color 0.2s ease;
}
@media (max-width: 768px) {
footer ul.menu a {
line-height: 1.3em;
}
}
footer ul.menu a:hover {
color: #fff;
}
footer div:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
footer div:last-child {
margin-top: 20px;
}
}
footer div:last-child .left-content {
margin-bottom: 30px;
}
footer .partenaires {
display: flex;
gap: 20px;
}
footer .partenaires ul {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
}
footer .partenaires ul li {
color: #000000;
margin-bottom: 5px;
}
footer .partenaires ul li:last-child {
margin-bottom: 0;
}
.scroll-top {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
width: 50px;
height: 50px;
background-color: #000;
z-index: 999;
}
.scroll-top svg {
fill: #fff;
width: 100%;
height: 100%;
}
.social {
display: flex;
justify-content: flex-end;
gap: 20px;
margin: 0;
padding: 0;
list-style-type: none;
}
@media (max-width: 768px) {
.social {
justify-content: flex-start;
}
}
.social li {
margin: 0;
padding: 0;
}
.social img, .social svg {
display: block;
width: 32px;
height: 32px;
}
#smooth-wrapper.bg-1 {
background-color: #2E383E;
}
#smooth-wrapper.bg-1 header .menu-burger span {
background-color: #fff;
}
#smooth-wrapper.bg-1 header .lang {
color: #fff;
}
#smooth-wrapper.bg-1 h1, #smooth-wrapper.bg-1 h2, #smooth-wrapper.bg-1 h3, #smooth-wrapper.bg-1 h4, #smooth-wrapper.bg-1 p, #smooth-wrapper.bg-1 a {
color: #fff;
}
#smooth-wrapper.bg-1 .btn {
color: #000;
}
#smooth-wrapper.bg-1 .bandeau-content {
background-color: #3B444A;
}
#smooth-wrapper.bg-1 .menu-bg {
background-color: #fff;
}
#smooth-wrapper.bg-1 header ul li a {
color: #3B444A;
}
#smooth-wrapper.bg-1 header .menu-container p {
color: #3B444A !important;
}
#smooth-wrapper.bg-1 header .menu-container .menu-bottom a {
color: #3B444A;
}
#smooth-wrapper.bg-1 header .menu-burger.active span {
background-color: #2E383E;
}
#smooth-wrapper.bg-1 svg {
fill: #3B444A !important;
}
#smooth-wrapper.bg-1 footer svg {
fill: #fff !important;
}
#smooth-wrapper.bg-1 .current-menu-item a {
color: #B38B62 !important;
}