@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
:root { } .grid-container {
width: 100%;
}
html,
body { 
overflow-x: hidden;
font-family: montserrat, sans-serif;
color: var(--brun);
letter-spacing: 0.5px;
} 
img {
vertical-align: middle;
}
.site { padding: 0px !important; min-width: 100% !important; } 
.site-main>* { margin-bottom: 0; } 
.one-container .site-content { padding:0px; }
.site-content #primary.content-area-full { min-width: 100%; } 
.display-none { display: none; } 
.separate-containers .site-main { margin: 0px; }
.effet-paralax { background-attachment: fixed; position:relative; }
.parralax-container {
position: relative;
}
.parallax-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
will-change: background-position;
}
.effet-paralax::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.single .entete.effet-paralax::before {
background: rgba(0, 0, 0, 0.7);
}
.effet-paralax * {
z-index: 2;
}
.grecaptcha-badge {
display:none;
} h1 {
font-size: 50px;
line-height: 0.9em;
margin-bottom: 40px;
font-family: "Merriweather", serif;
font-weight: 300;
font-style: normal;
}
h2 {
font-size: 20px;
line-height: 1.2em;
margin-bottom: 0px;
font-family: "Merriweather", serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
}
h3 {
font-family: "Merriweather", serif;
font-weight: 300;
font-size: 26px;
line-height: 1.2em;
margin-bottom: 24px;
}
h4 {
font-size: 20px;
line-height: 1.2em;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
h5 {
font-size: 18px;
line-height: 1.2em;
margin-bottom: 0px;
margin-bottom: 18px;
}
p {
font-size: 16px;
font-weight: 300;
line-height: 1.5em;
letter-spacing: 0.5px;
margin-bottom: 15px;
}
a {
font-size: 16px;
font-weight: 300;
line-height: 1.5em;
letter-spacing: 0.5px;
transition: border-radius 1s ease, border 1s ease, color 1s ease, background-color 1s ease;
}
a:hover {
color: var(--accent);
}
h1 em, h2 em {
display: block;
font-family: "timberline", sans-serif;
font-weight: 400;
font-size: 70px;
text-transform: initial;
max-width: 460px;
margin: 0 auto;
line-height: 0.8em;
text-transform: initial;
transform: rotate(-9deg);
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
}
h1 em:first-of-type, h2 em:first-of-type {
margin-top: 10px;
}
h1 em:last-of-type, h2 em:last-of-type {
margin-bottom: 20px;
} .menu-reseaux-sociaux-container ul.menu {
display: flex;
column-gap: 10px;
list-style-type: none;
margin: 0px;
}
.menu-reseaux-sociaux-container ul.menu li a {
width: 40px;
background-color: rgba(255, 255, 255, 0.3);
display: flex;
height: 40px;
justify-content: center;
align-items: center;
color: white;
}
.menu-reseaux-sociaux-container ul.menu li a:hover {
background-color: white;
color: var(--accent);
} .text-bold { font-weight: bold; } 
.text-italic { font-style: italic; } 
.text-no-italic { font-style: normal; } 
.uppercase { text-transform: uppercase; } 
.text-center { text-align: center; } 
.text-left { text-align: left; } 
.texte-centre { text-align: center; } 
.texte-gauche { text-align: left; } 
.texte-droite { text-align: right; } .transparent-bg { background-color: transparent; } 
.bg-img { background-color: transparent; } .pad10 { padding: 10px; } 
.pad20 { padding: 20px; } 
.pad30 { padding: 30px; } 
.pad40 { padding: 40px; } 
.pad50 { padding: 50px; } 
.pad60 { padding: 60px; } 
.pad80 { padding: 80px; } 
.padT10 { padding-top: 10px; } 
.padT20 { padding-top: 20px; } 
.padT30 { padding-top: 30px; } 
.padT40 { padding-top: 40px; } 
.padT50 { padding-top: 50px; } 
.padT60 { padding-top: 60px; } 
.padT80 { padding-top: 80px; } 
.padB10 { padding-bottom: 10px; } 
.padB20 { padding-bottom: 20px; } 
.padB30 { padding-bottom: 30px; } 
.padB40 { padding-bottom: 40px; } 
.padB50 { padding-bottom: 50px; } 
.padB60 { padding-bottom: 60px; } 
.padB80 { padding-bottom: 80px; } 
.padL10 { padding-left: 10px; } 
.padL20 { padding-left: 20px; } 
.padL30 { padding-left: 30px; } 
.padL40 { padding-left: 40px; } 
.padL50 { padding-left: 50px; } 
.padL60 { padding-left: 60px; } 
.padL80 { padding-left: 80px; } 
.padR10 { padding-right: 10px; } 
.padR20 { padding-right: 20px; } 
.padR30 { padding-right: 30px; } 
.padR40 { padding-right: 40px; } 
.padR50 { padding-right: 50px; } 
.padR60 { padding-right: 60px; } 
.padR80 { padding-right: 80px; } 
.noPad { padding: 0px; } 
.noPadT { padding-top: 0px; } 
.noMPadB { padding-bottom: 0px; } 
.noPadR { padding-right: 0px; } 
.noPadL { padding-left: 0px; } .marg10 { margin: 10px; } 
.marg20 { margin: 20px; } 
.marg30 { margin: 30px; } 
.marg40 { margin: 40px; } 
.marg50 { margin: 50px; } 
.marg60 { margin: 60px; } 
.marg80 { margin: 80px; } 
.margT10 { margin-top: 10px; } 
.margT20 { margin-top: 20px; } 
.margT30 { margin-top: 30px; } 
.margT40 { margin-top: 40px; } 
.margT50 { margin-top: 50px; } 
.margT60 { margin-top: 60px; } 
.margT80 { margin-top: 80px; } 
.margB4 { margin-bottom: 4px; } 
.margB10 { margin-bottom: 10px; } 
.margB20 { margin-bottom: 20px; } 
.margB30 { margin-bottom: 30px; } 
.margB40 { margin-bottom: 40px; } 
.margB50 { margin-bottom: 50px; } 
.margB60 { margin-bottom: 60px; } 
.margB80 { margin-bottom: 80px; } 
.margL10 { margin-left: 10px; } 
.margL20 { margin-left: 20px; } 
.margL30 { margin-left: 30px; } 
.margL40 { margin-left: 40px; } 
.margL50 { margin-left: 50px; } 
.margL60 { margin-left: 60px; } 
.margL80 { margin-left: 80px; } 
.margR10 { margin-right: 10px; } 
.margR20 { margin-right: 20px; } 
.margR30 { margin-right: 30px; } 
.margR40 { margin-right: 40px; } 
.margR50 { margin-right: 50px; } 
.margR60 { margin-right: 60px; } 
.margR80 { margin-right: 80px; } 
.noMarg { margin: 0px !important; } 
.noMargT { margin-top: 0px !important; } 
.noMargB { margin-bottom: 0px !important; } 
.noMargR { margin-right: 0px !important; } 
.noMargL { margin-left: 0px !important; } 
.margR-100 { margin-right: -100px; } 
.margL-100 { margin-left: -100px; } 
.margin-auto { margin: auto; } .block { display: block; } 
.inline-block { display: inline-block; } 
.flex { display: flex; } 
.hidden, #hidden { display: none !important; } 
.visibility-hidden { visibility: hidden; } 
.fullwidth { width: 100%; } .row-reverse { flex-direction: row-reverse; } 
.justify-start { justify-content: flex-start; } 
.justify-end { justify-content: flex-end; } 
.justify-center { justify-content: center; } 
.justify-space-between { justify-content: space-between; } 
.wrap { flex-wrap: wrap; } 
.align-items-center { align-items: center; } 
.align-items-end { align-items: flex-end; } 
.align-content-center { align-content: center; } 
.align-self-center { align-self: center; } 
.col-gap-20 { column-gap: 20px; } 
.col-gap-40 { column-gap: 40px; } 
.col-gap-60 { column-gap: 60px; } 
.flex-column { flex-direction: column; } 
.flex-row { flex-direction: row; } .radius10 { border-radius: 10px; } 
.radius20 { border-radius: 20px; } 
.radius30 { border-radius: 30px; } 
.round-corners-left-30 { border-radius: 30px 0 0 30px; } 
.round-corners-right-30 { border-radius: 0 30px 30px 0; } 
.round-corners-top-30 { border-radius: 30px 30px 0 0 !important; } 
.round-corners-bottom-30 { border-radius: 0 0 30px 30px !important; } 
.round-corners-left-100 { border-radius: 100px 0 0 100px; } 
.round-corners-right-100 { border-radius: 0 100px 100px 0; } .opacity-10 { opacity: 0.1; } 
.opacity-20 { opacity: 0.2; } 
.opacity-30 { opacity: 0.3; } 
.opacity-40 { opacity: 0.4; } 
.opacity-50 { opacity: 0.5; } 
.opacity-60 { opacity: 0.6; } 
.opacity-70 { opacity: 0.7; } 
.opacity-80 { opacity: 0.8; } 
.opacity-90 { opacity: 0.9; } .box-shadow { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .float-right { float: right; } 
.float-left { float: left; } 
.clear { clear: both; } .coul-blanc, .coul-hover-blanc:hover { color: var(--blanc); } 
.bg-blanc, .bg-hover-blanc:hover { background-color: var(--blanc); } 
.border-blanc, .border-hover-blanc:hover { border: 2px solid var(--blanc); } 
.small-border-blanc, .small-border-hover-blanc:hover { border: 1px solid var(--blanc); } 
.coul-noir, .coul-hover-noir:hover { color: var(--noir); } 
.bg-noir, .bg-hover-noir:hover { background-color: var(--noir); } 
.border-noir, .border-hover-noir:hover { border: 2px solid var(--noir); } 
.small-border-noir, .small-border-hover-noir:hover { border: 1px solid var(--noir); } 
.coul-brun, .coul-hover-brun:hover { color: var(--brun); } 
.bg-brun, .bg-hover-brun:hover { background-color: var(--brun); } 
.border-brun, .border-hover-brun:hover { border: 2px solid var(--brun); } 
.small-border-brun, .small-border-hover-brun:hover { border: 1px solid var(--brun); } 
.coul-beige, .coul-hover-beige:hover { color: var(--beige); } 
.bg-beige, .bg-hover-beige:hover { background-color: var(--beige); } 
.border-beige, .border-hover-beige:hover { border: 2px solid var(--beige); } 
.small-border-beige, .small-border-hover-beige:hover { border: 1px solid var(--beige); } 
.coul-beige-moyen, .coul-hover-beige-moyen:hover { color: var(--beige-moyen); } 
.bg-beige-moyen, .bg-hover-beige-moyen:hover { background-color: var(--beige-moyen); } 
.border-beige-moyen, .border-hover-beige-moyen:hover { border: 2px solid var(--beige-moyen); } 
.small-border-beige-moyen, .small-border-hover-beige-moyen:hover { border: 1px solid var(--beige-moyen); } 
.coul-accent, .coul-hover-accent:hover { color: var(--accent); } 
.bg-accent, .bg-hover-accent:hover { background-color: var(--accent); } 
.border-accent, .border-hover-accent:hover { border: 2px solid var(--accent); } 
.small-border-accent, .small-border-hover-accent:hover { border: 1px solid var(--accent); } 
.coul-accent-fonce, .coul-hover-accent-fonce:hover { color: var(--accent-fonce); } 
.bg-accent-fonce, .bg-hover-accent-fonce:hover { background-color: var(--accent-fonce); } 
.border-accent-fonce, .border-hover-accent-fonce:hover { border: 2px solid var(--accent-fonce); } 
.small-border-accent-fonce, .small-border-hover-accent-fonce:hover { border: 1px solid var(--accent-fonce); } .trp_model_container {
padding-top: 10%;
}
#trp_ald_modal_popup {
background-color: white;
width: 640px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
border: none;
}
#trp_ald_popup_change_language {
background: var(--accent);
border: none;
border-radius: 0px;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
padding: 0px 20px;
}
.trp_ald_ls_container .trp-ls-shortcode-current-language {
padding-top: 10px;
}
#trp_ald_popup_change_language:hover {
background: var(--accent-moyen);
border: none;
border-radius: 0px;
}
#trp_ald_x_button_textarea,
#trp_ald_modal_popup #trp_ald_x_button::before {
color: var(--accent)!important;
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 960px) {}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
#wpadminbar {
width: 100vw;
}
h1 {
font-size: 30px;
margin-bottom: 30px;
}
h2 {
font-size: 18px;
}
h1 em, h2 em {
font-size: 50px;
}
h3 {
font-size:24px;
}
h4 {
font-size: 17px;
}
.menu-reseaux-sociaux-container ul.menu li a {
width: 30px;
height: 30px;
font-size: 13px;
}
}
header.site-header {
position: fixed;
top: 0px;
width: 100%;
z-index: 1000;
transition: all 1s ease;
}
header.site-header.header-sticky{
background: rgba(0,0,0,0.6);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}
header.site-header .inside-header {
padding: 10px 10px 10px 30px;
}
.main-navigation .main-nav ul li a {
line-height: 1em;
}
#menu-reservation li.header-btn a {
width: fit-content;
padding: 10px 30px;
text-decoration: none;
text-transform: uppercase;
border-radius: 0px;
background-color: var(--blanc);
color: var(--noir);
border:none;
transition: border-radius 1s ease, border 1s ease, color 1s ease, background-color 1s ease;
}
#menu-reservation li a:hover {
background-color: var(--accent);
color: var(--blanc);
}
#menu-reservation > li.trp-language-switcher-container {
margin-left: 20px;
}
#menu-reservation li.trp-language-switcher-container > a {
padding: 9px 10px;
font-weight: 600;
width: 120px;
}
#menu-reservation .menu-item-has-children .dropdown-menu-toggle {
padding-right: 0px;
}
.main-navigation #menu-reservation ul.sub-menu {
border: none;
width: 120px;
box-shadow: none;
} .menu-toggle {
font-size: 26px;
}
.slideout-navigation.main-navigation {
background-color: rgba(0, 0, 0, 0.85)!important;
}
.slideout-navigation.do-overlay .slideout-exit {
font-size: 28px;
top: 2px!important;
position: absolute!important;
right: 10px!important;
z-index: 100000!important;
}
.slideout-navigation.do-overlay .inside-navigation {
max-width:100%!important;
height: 100vh;
justify-content: center;
padding: 20px 20px 100px 20px!important;
}
#generate-slideout-menu .slideout-menu {
margin-top: 30px;
}
#generate-slideout-menu .slideout-menu li {
margin-bottom: 0px;
}
#generate-slideout-menu .slideout-menu li a {
padding: 12px;
}
#generate-slideout-menu .slideout-menu > li > a {
text-transform:uppercase;
}
.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
margin-left:0px!important;
} 
#generate-slideout-menu .slideout-menu li.btn-header {
margin-top: 10px;
}
#generate-slideout-menu .slideout-menu li.btn-header a:hover {
background-color: var(--accent);
color: var(--blanc);
}
ul.slideout-menu > li.trp-language-switcher-container {
margin-top: 30px;
}
ul.slideout-menu > li.trp-language-switcher-container a {
font-weight: 600;
text-transform: initial;
}
#trp-floater-ls {
display: none;
height:auto!important;
background: none!important;
box-shadow: none!important;
}
#trp-floater-ls.trp-top-right {
right: 80px!important;
top:10px!important;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-right.trp-color-dark {
min-width: 120px;
}
#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language,
#trp-floater-ls div:not(#trp-floater-poweredby) > a {
color: white;
font-size: 16px;
font-weight: 600;
justify-content: flex-end;
padding: 10px 5px 10px 5px;
}
.trp-language-switcher-container.trp-floater-ls-names.trp-top-right .trp-language-wrap, .trp-language-switcher-container.trp-floater-ls-names.trp-top-left .trp-language-wrap {
padding: 0px!important;
}
.menu-bar-items .slideout-toggle > a {
font-size: 26px;
}
@media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
#trp-floater-ls {
display: block;
}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {
.slideout-navigation.main-navigation .main-nav ul li a {
font-size: 16px!important;
}
}
.site-footer {
border:none!important;
z-index: 1000;
position: relative;
}
.footer-widgets-container {
padding: 80px 40px 60px 40px;
}
.footer-widget-1 .widget_media_image {
margin-bottom: 10px;
}
.footer-widget-1 .widget_media_image img {
width: 30px;
}
.footer-widget-1 h2.widget-title {
font-family: 'montserrat', sans-serif;
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
color: white;
}
.inside-footer-widgets a {
font-size: 16px;
font-weight: 300;
}
.footer-title > a, .widget-title {
font-family: 'montserrat', sans-serif;
display: inline-block;
font-size: 18px;
line-height: 1.5;
font-weight: 600;
color: var(--beige-moyen);
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px;
}
.inside-site-info {
justify-content: flex-start;
}
.footer-widget-4 .widget_media_image {
float:left;
}
.footer-widget-4 .widget_media_image img {
max-height: 40px;
width:auto;
}
@media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {
.inside-footer-widgets {
flex-direction: row;
flex-wrap: wrap;
column-gap: 20px;
}
.footer-widgets-container {
padding: 40px 30px 40px 30px;
}
.footer-widget-1 {
width: 100%;
flex-basis: 100%!important;
text-align: center;
margin-bottom: 30px;
}
.textwidget p, .textwidget p a, .copyright-bar {
font-size: 14px;
}
.footer-title > a, .widget-title {
font-size: 16px;
margin-top: 12px;
}
.inside-footer-widgets ul.menu .sub-menu {
margin-left: 0px;
}
.inside-footer-widgets ul.menu li {
margin-bottom: 0px;
}
.inside-footer-widgets a, .widget-title  {
font-size: 13px;
line-height: 15px;
}
.inside-footer-widgets>div:not(:first-child) {
margin-bottom: 0px;
}
.footer-bar {
margin-bottom: 0px!important;
}
}
button,
.btn,
input[type="submit"],
.wp-block-button__link,
.footer-btn > a,
#generate-slideout-menu .slideout-menu li.btn-header a {
width: fit-content;
font-weight: 600;
padding: 10px 30px;
text-decoration: none;
text-transform: uppercase;
background-color: var(--brun);
color: var(--blanc);
border:none;
transition: border-radius 1s ease, border 1s ease, color 1s ease, background-color 1s ease;
}
section.image .btn,
section.image button,
.entete .btn,
.entete button,
#generate-slideout-menu .slideout-menu li.btn-header a  {
background-color: var(--blanc);
color: var(--noir);
}
button:hover,
.btn:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
#generate-slideout-menu .slideout-menu li.btn-header a:hover {
background-color: var(--accent);
color: var(--blanc);
}
.section-boutons {
column-gap: 15px;
align-items: center;
display: flex;
flex-direction: row;
} .btn-lien {
display: inline-block;
border: none;
text-decoration: none;
text-transform: uppercase;
background-color: transparent;
color: var(--accent);
border-bottom: 2px solid transparent;
font-weight: 600;
transition: border-radius 1s ease, border 1s ease, color 1s ease, background-color 1s ease;
}
.btn-lien:hover {
color: var(--noir);
} .section-boutons-cta {
display: flex;
flex-direction: row;
column-gap: 20px;
}
.btn-cta {
display: flex;
flex-direction: column;
row-gap: 2px;
padding: 15px 30px;
color: white;
font-weight: 400;
text-align: center;
}
.btn-cta.carriere {
color: white;
background-color: var(--accent-fonce);
}
.btn-cta.entreprise {
color: white;
background-color: var(--punch);
}
.btn-cta:hover {
color: white;
background-color: var(--noir);
}
.btn-cta span {
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
clear: both;
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 960px) {}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 600px) {
.section-boutons {
row-gap: 10px;
column-gap: 10px;
}
button,
.btn,
input[type="submit"],
.wp-block-button__link,
.footer-btn > a {
padding: 6px 20px;
font-size: 15px;
}
.qlwapp-toggle {
width: 50px;
height: 50px;
}
}
form > p {
position: relative;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 20px;
}
form label,
form label span {
display: block;
width: 100%;
}
form .form-row p {
display: flex;
column-gap: 20px;
margin-bottom: 20px;
}
.wpcf7-spinner {
position: absolute;
top: 60px;
margin: 0px;
}
form .form-row p > span {
flex-grow: 1;
min-width: 200px;
}
input[type="text"],
input[type="email"],
input[type="phone"],
select {
width:100%;
height: 50px;
padding:0px 0px 0px 10px;
border:none;
background-color: var(--beige);
transition: background-color 0.3s ease;
}
textarea {
width:100%;
height: 200px;
border:none;
background-color: var(--beige);
padding: 10px;
}
input[type="submit"]{
width: 100%!important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
select:focus,
textarea:focus {
background-color: var(--beige);
transition: background-color 0.3s ease;
} .hsbw {
max-width: fit-content!important;
width: fit-content!important;
margin: 0 auto!important;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
margin-bottom: -20px!important;
}
.hsbw-grid {
display: flex!important;
flex-direction: row!important;
flex-wrap: wrap!important;
}
.hsbw-grid_locations {
display: none!important;
}
.hsbw-dates {
flex: 2!important;
}
.hsbw-grid_buttons,
.hsbw-grid_guests {
flex:1!important;
}
.hsbw-grid_checkin,
.hsbw-grid_checkout,
.hsbw-field {
display: flex!important;
}
.hsbw-container {
position: absolute!important;
left:calc(50% - 205px);
}
.hsbw-calendar {
top: auto!important;
bottom:-90px!important;
}
.hsbw-field-content {
display: flex;
flex-direction: column;
align-content: flex-start;
text-align: left;
}
.hsbw-dates .hsbw-value {
min-width: 150px;
font-size: 14px;
}
@media screen and (max-width:900px) {
.hsbw-calendar {
bottom: 20px!important;
margin: 0 auto;
width: 410px;
max-width: 96vw;
}
.hsbw-calendar table th,
.hsbw-calendar table td {
padding-right: 0px;
padding-left: 0px;
padding-top: 8px;
padding-bottom: 8px;
}
}
@media screen and (max-width:600px) {
form .form-row p {
flex-direction: column;
row-gap: 15px;
}
.hsbw {
min-width: calc(100% - 40px);
}
.hsbw-calendar {
top: 100px!important;
bottom: auto!important;
margin: 0 auto;
width: 410px;
max-width: calc(100% - 40px);
min-width: calc(100% - 40px);
}
.hsbw-grid {
flex-direction: column!important;
}
.hsbw-dates  {
display: flex!important;
flex-direction: column;
}
.hsbw-calendar {
font-size: 13px;
}
.hsbw-count-btn {
padding: 10px 10px 10px 10px!important;
}
}
.entete {
position: relative;
min-height: fit-content;
display: flex;
flex-direction: row;
column-gap: 0px;
align-items: center;
z-index: 10;
padding: 140px 0px 0px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
}
.entete video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: calc(100% + 80px);
width: auto;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
z-index: -1;
}
.entete.entete-accueil {
height: 100vh;
}
.entete.sans-image {
background-color: var(--noir);
}
.entete.entete-single-article {
padding: 60px 0px 0px 0px;
}
.entete .entete-image {
flex:1;
height:100%;
}
.entete .entete-contenu {
flex:1;
height: 100%;
min-height: fit-content;
display: flex;
flex-direction: column;
row-gap: 40px;
justify-content: space-between;
text-align: center;
}
.home .entete .entete-contenu {
justify-content: flex-end;
}
.entete-single-article .entete-contenu a.blog-link {
display: inline-block;
margin-bottom: 30px;
}
.entete .entete-contenu .entete-texte {
text-align: center;
padding: 40px 40px 60px 40px;
max-width: 800px;
margin: 0 auto;
}
.entete .entete-contenu .entete-texte h2 {
text-transform: initial;
font-weight: 400;
font-family: montserrat, sans-serif;
}
.entete .entete-contenu .section-boutons {
justify-content: center;
margin-top: 20px;
}
.entete-cta {
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width: fit-content;
margin: -60px auto 60px auto;
}
.home .entete-cta {
padding: 130px 60px 40px 60px;
background-color: white;
border-radius: 250px 250px 0px 0px;
width: 400px;
margin: 0px auto 0px auto;
}
.home .entete-cta .entete-cta-text {
margin-top: -50px;
width: 300px;
}
.home .entete-cta .entete-cta-text * {
font-size: 32px;
line-height: 1em;
}  @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 960px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {
.entete {
padding: 40px 0px 30px 0px;
}
.entete.entete-accueil {
height: 100vh;
padding: 40px 0px 120px 0px;
}
.entete.effet-paralax {
background-size: cover!important;
background-position: center;
background-attachment: initial;
}
.home .entete-cta {
width: 100%;
padding:130px 30px 60px 30px;
}
.entete-accueil .entete-contenu .entete-texte {
padding: 100px 30px 10px 30px;
}
.entete .entete-contenu .entete-texte {
padding: 100px 30px 30px 30px;
}
}
section { 
display:flex; 
flex-direction: column;
row-gap: 50px;
position:relative; 
padding: 100px;
}
section.image {
position:relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
section.image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); z-index: 1; pointer-events: none; }
section.image .parallax-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); z-index: 2; pointer-events: none; }
section.image * {
z-index: 2;
text-shadow: 0px 0px 100px rgba(0,0,0,1);
}
section.image .parallax-bg * {
z-index: 3;
}
section.arrondis-haut {
border-top-left-radius: 300px;
border-top-right-radius: 300px;
}
section.arrondis-bas {
border-bottom-left-radius: 300px;
border-bottom-right-radius: 300px;
}
section .section-contenu:not(.filtres) {
display: flex;
flex-direction: column;
row-gap: 20px;
}
section .section-contenu * {
margin-bottom: 0px;
}
section .section-contenu h3,
section .bloc-contenu h3 {
font-size: 38px;
margin-bottom: 10px;
}
section:not(.bg-beige):not(.bg-blanc) .section-contenu-titre,
section:not(.bg-beige):not(.bg-blanc) .section-contenu,
section:not(.bg-beige):not(.bg-blanc) .temoignages,
section:not(.bg-beige):not(.bg-blanc) .icones,
section.entete .entete-texte > *:not(#hostaway-booking-widget) {
color: var(--blanc);
}
section.noPadT {
padding-top: 0px!important;
}
img.section-bg-graphique {
position: absolute;
z-index: 1;
}
img.section-bg-graphique.haut-gauche { top:0; left:0; }
img.section-bg-graphique.haut-droite { top:0; right:0; }
img.section-bg-graphique.bas-gauche { bottom:0; left:0; }
img.section-bg-graphique.bas-droite { bottom:0; right:0; } @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
section { 
padding: 100px 80px;
}
}
@media screen and (max-width: 768px) {
section { 
padding: 100px 60px;
}
}
@media screen and (max-width: 600px) {
section { 
padding: 100px 30px;
}
section .section-contenu h3, section .bloc-contenu h3 {
font-size:24px;
}
}
.section-titre {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
align-content: center;
align-items: center;
justify-content: center;
row-gap: 20px;
padding: 200px 100px;
overflow: hidden;
}
.section-titre .section-titre-icone {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
column-gap: 10px;
}
.section-titre .section-titre-icone .icone-ligne {
width: 100px;
height: 1px;
background-color: white;
}
.section-titre .section-titre-icone img {
max-width: 100px;
max-height: 60px;
margin:0 auto;
}
.section-titre .section-contenu * {
text-align: center;
margin-bottom: 0px;
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
.section-titre {
padding:200px 80px;
}
}
@media screen and (max-width: 768px) {
.section-titre {
padding:100px 60px;
min-height: 100vh;
}
}
@media screen and (max-width: 600px) {
.section-titre {
padding:200px 30px;
}
.section-titre .section-titre-icone img {
max-width: 80px;
max-height: 48px;
}
.section-titre .section-titre-icone .icone-ligne {
width: 70px;
}
}
.section-standard {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
align-items: center;
column-gap: 80px;
padding: 100px 120px;
}
.section-standard .section-contenus {
flex:1;
display: flex;
flex-direction: column;
row-gap: 30px;
z-index: 1;
}
.section-standard .section-images {
flex: 1;
z-index: 1;
}
.section-contenu-icones > *:last-child {
margin-bottom: 0px;
} .section-standard.contenu-centre .section-contenus {
align-items: center;
text-align: center;
}
.section-standard.contenu-droite .section-contenus {
align-items: flex-end;
}
.section-standard.avec-images.contenu-gauche {
padding-left: 0px;
}
.section-standard.contenu-gauche {
flex-direction: row;
}
.section-standard.contenu-droite .section-contenu {
text-align: right;
}
.section-standard.avec-images.contenu-droite {
padding-right: 0px;
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
.section-standard .section-contenus {
flex:3;
}
.section-standard .section-images {
flex:2;
}
}
@media screen and (max-width: 768px) {
.section-standard {
flex-direction: column;
}
.section-standard.avec-images.contenu-droite {
flex-direction: column-reverse;
margin-bottom: 0px;
}
.section-standard.contenu-gauche {
flex-direction: column;
}
.section-standard.contenu-droite .section-contenus {
align-items: flex-start;
}
.section-standard.contenu-droite .section-contenu {
text-align: left;
}
.section-standard.contenu-droite .section-images {
margin-bottom: 0px;
}
}
@media screen and (max-width: 600px) {
.section-standard {
padding: 100px 30px;
}
.section-standard.avec-images.contenu-droite {
padding-right: 30px;
}
.section-standard.avec-images.contenu-gauche {
padding-left: 30px;
}
}
.section-colonnes {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 120px;
}
.section-colonnes-contenu {
display: flex;
flex-direction: column;
row-gap: 40px;
}
.section-colonnes .colonnes {
display: flex;
flex-wrap: wrap;
flex-direction: row;
column-gap: 6%;
row-gap: 80px;
}
.section-colonnes .colonne {
display: flex;
flex-direction: column;
row-gap: 30px;
}
.section-colonnes .colonne.colonne-demi {
width: 47%;
}
.section-colonnes .colonne.colonne-tier {
width: 29.33%;
}
.section-colonnes .colonne.colonne-quart {
width: 20.5%;
}
.section-colonnes .colonne .colonne-images {
flex:1;
}
.section-colonnes .colonne .colonne-img img {
display: block;
clip-path: var(--section-angle-bas-inverse);
}
.section-colonnes .colonne .colonne-contenus {
flex:1;
display: flex;
position: relative;
flex-direction: column;
row-gap: 20px;
}
.section-colonnes .colonne .colonne-icone {
position: absolute;
right: 30px;
background-color: black;
top: -50px;
aspect-ratio: 1/1;
border-radius: 50px;
width: 80px;
height: 80px; display: flex;
padding: 18px;
}
.section-colonnes .colonne .colonne-contenus > * {
margin-bottom: 0px;
}
.section-colonnes .colonne .colonne-contenus .colonne-texte > *:last-child {
margin-bottom: 0px;
}
.section-colonnes .colonne .colonne-contenus .colonne-titre {
max-width: calc(100% - 70px);
}  @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
.section-colonnes {
padding: 80px;
}
}
@media screen and (max-width: 768px) {
.section-colonnes {
padding: 60px;
}
.section-colonnes .colonnes {
flex-direction: column;
row-gap: 60px;
}
.section-colonnes .colonne.colonne-demi,
.section-colonnes .colonne.colonne-tier,
.section-colonnes .colonne.colonne-quart {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.section-colonnes {
padding: 40px 30px;
}
}
.section-blocs {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 0px;
}
.section-blocs .blocs {
display: flex;
flex-direction: column;
row-gap: 0px;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
}
.section-blocs .blocs .bloc {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
align-items: center;
column-gap: 0px;
padding: 0px;
background-color: var(--beige)
}
.section-blocs .blocs .bloc .bloc-contenus {
flex:1;
box-sizing: border-box;
display: flex;
flex-direction: column;
row-gap: 20px;
padding: 60px 100px;
} .section-blocs .blocs .bloc.avec-images {
align-items: center;
padding: 0px;
margin-top: 0px;
}
.section-blocs .blocs .bloc .bloc-images {
width:50%;
box-sizing: border-box;
}
.section-blocs .blocs .bloc:nth-child(odd) {
flex-direction: row;
background-color: transparent;
}
.section-blocs .blocs .bloc:nth-child(even) .bloc-images .bloc-image {
float:right;
}
.section-blocs.image .blocs .bloc:nth-child(odd) .bloc-contenus {
color:var(--blanc);
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
.section-blocs .blocs .bloc .bloc-images {
width:40%;
}
.section-blocs .blocs .bloc.avec-images .bloc-contenus {
padding:60px 60px;
}
}
@media screen and (max-width: 768px) {
.section-blocs .blocs .bloc,
.section-blocs .blocs .bloc.avec-images {
flex-direction: column;
}
.section-blocs .blocs .bloc.avec-images .bloc-images {
width:100%;
padding: 60px 60px 0px 60px;
}
}
@media screen and (max-width: 600px) {
.section-blocs .blocs .bloc.avec-images .bloc-images {
padding: 60px 30px 0px 30px;
}
.section-blocs .blocs .bloc.avec-images .bloc-contenus {
padding: 30px 30px 60px 30px;
}
}
.section-accordeons {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-accordeons .section-content {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.section-accordeons .section-content h2 {
margin-bottom: 0px;
}
.section-accordeons .section-content .section-contenus {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.section-accordeons .section-content .section-contenus h2,
.section-accordeons .section-content .section-contenus h3,
.section-accordeons .section-content .section-contenus h4,
.section-accordeons .section-content .section-contenus h5,
.section-accordeons .section-content .section-contenus p {
margin-bottom: 0px;
}
.accordeons {
row-gap: 20px;
display: flex;
flex-direction: column;
}
.accordeon {
display: flex;
flex-direction: column;
width: 100%;
border-radius: 20px;
}
.accordeon .accordeon-top {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 20px 30px;
transition: 0.2s;
border-radius: 20px 20px 0px 0px;
}
.accordeon:not(.active) .accordeon-top {
border-radius: 20px;
}
.accordeon:not(.active) .accordeon-top:hover {
border-radius: 20px;
}
.accordeon .accordeon-top h3 {
margin-bottom: 0px;
}
.accordeon .accordeon-bottom {
padding: 30px;
}
.accordeon .accordeon-bottom :last-child {
margin-bottom: 0px;
}
.accordeon-icone i {
font-size: 30px;
}
.accordeon-icone i {
font-size: 30px;
} .accordeon.active .accordeon-top:has(.coul-principale) {
background-color: var(--principale);
color: var(--blanc);
}
.accordeon.active .accordeon-top:has(.coul-principale) i {
color: var(--blanc);
}
.accordeon.active .accordeon-top.tab-principale {
background-color: var(--principale) !important;
}
.accordeon.active .accordeon-top.tab-principale h3 {
color: var(--blanc) !important;
}
.accordeon.active .accordeon-top.tab-principale i {
color: var(--blanc) !important;
}
.accordeon.active .accordeon-top:has(.coul-accent) {
background-color: var(--accent);
color: var(--blanc);
}
.accordeon.active .accordeon-top:has(.coul-accent) i {
color: var(--blanc);
}
.accordeon.active .accordeon-top.tab-accent {
background-color: var(--accent) !important;
}
.accordeon.active .accordeon-top.tab-accent h3 {
color: var(--blanc) !important;
}
.accordeon.active .accordeon-top.tab-accent i {
color: var(--blanc) !important;
}
.accordeon.active .accordeon-top:has(.coul-noir) {
background-color: var(--noir);
color: var(--blanc);
}
.accordeon.active .accordeon-top:has(.coul-noir) i {
color: var(--blanc);
}
.accordeon.active .accordeon-top.tab-noir {
background-color: var(--noir) !important;
}
.accordeon.active .accordeon-top.tab-noir h3 {
color: var(--blanc) !important;
}
.accordeon.active .accordeon-top.tab-noir i {
color: var(--blanc) !important;
}
.accordeon:not(.active) .accordeon-top.bg-hover-accent:hover i,
.accordeon:not(.active) .accordeon-top.bg-hover-principale:hover i,
.accordeon:not(.active) .accordeon-top.bg-hover-noir:hover i {
color: var(--blanc);
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
.accordeon .accordeon-top {
padding: 20px;
}
.accordeon .accordeon-bottom {
padding: 0px 20px 20px 20px;
}
}
@media screen and (max-width: 768px) {
.section-onglets .accordeon .accordeon-top {
border-radius: 20px;
}
.accordeon .accordeon-bottom {
padding: 20px 20px 20px 20px;
}
}
@media screen and (max-width: 600px) {
.accordeons {
row-gap: 15px;
}
.accordeon-icone i {
font-size: 20px;
line-height: 30px;
}
}
.section-temoignages {
display: flex;
flex-direction: column;
text-align: center;
align-content: center;
padding-top: 60px;
padding-bottom: 50px;
margin: 80px 120px;
row-gap: 0px;
border-radius: 300px;
}
.section-temoignages .section-titre-icone {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-self: center;
column-gap: 10px;
}
.section-temoignages .section-titre-icone .icone-ligne {
width: 100px;
height: 1px;
background-color: var(--beige-moyen);
}
.section-temoignages .section-titre-icone img {
max-width: 100px;
max-height: 60px;
margin:0 auto;
}
.section-temoignages .section-contenu {
margin-top: 20px;
}
.section-temoignages .section-contenu * {
text-align: center;
}
.section-temoignages .temoignages {
margin-top: 20px;
padding: 0px 60px;
}
.section-temoignages .temoignages .temoignage p {
margin-bottom: 15px;
max-width: 900px;
}
.section-temoignages .temoignages .temoignage > *:last-child {
margin-bottom: 0px!important;
}
.section-temoignages .slick-arrow {
position: absolute;
color: var(--beige-moyen);
font-size: 40px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.section-temoignages .slick-arrow.slider-prev {
left:0;
}
.section-temoignages .slick-arrow.slider-next {
right:0;
}
.section-temoignages .slick-track {
display: flex;
align-items: center;
}
.section-temoignages .lien-google-reviews {
display: flex;
flex-direction: column;
margin: 10px auto 0px auto;
align-items: center;
row-gap: 20px;
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
.section-temoignages {
margin: 60px 80px;
}
.section-temoignages .temoignages {
padding: 0px 40px;
}
}
@media screen and (max-width: 768px) {
.section-temoignages {
margin: 40px 60px;
}
.section-temoignages .temoignages {
padding: 0px 30px;
}
}
@media screen and (max-width: 600px) {
.section-temoignages {
margin: 0px;
border-radius: 0px;
}
.section-temoignages .temoignages {
padding: 0px 20px;
}
.section-temoignages .slick-arrow.slider-prev {
left:-20px;
}
.section-temoignages .slick-arrow.slider-next {
right:-20px;
}
.section-temoignages .section-titre-icone .icone-ligne {
width: 70px;
}
.section-temoignages .slick-track {
align-items: flex-start;
}
}
.section-cta {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
align-content: center;
align-items: center;
justify-content: center;
row-gap: 20px;
padding: 200px 100px; 
overflow: hidden;
}
.section-cta .section-titre-icone {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
column-gap: 10px;
}
.section-cta .section-titre-icone .icone-ligne {
width: 100px;
height: 1px;
background-color: white;
}
.section-cta .section-titre-icone img {
max-width: 100px;
max-height: 60px;
margin:0 auto;
}
.section-cta .section-contenu {
margin-top: 20px;
}
.section-cta .section-contenu * {
text-align: center;
}
.section-cta .btn {
background-color: transparent;
color: var(--blanc);
border: 2px solid var(--blanc);
}
button:hover,
.btn:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
border-color: var(--accent);
background-color: var(--accent);
color: var(--blanc);
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {
.section-cta {
min-height: 100vh;
justify-content: center;
}
}
.filtres {
width: 100%;
}
.filtres-categories {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: center;
column-gap: 10px;
row-gap: 10px;
}
.filtres-categories .filtres-categorie,
.filtres-categories .filtres-categorie.inactive {
padding: 10px 20px;
border: 2px solid var(--brun);
color: var(--brun);
border-radius: 30px;
height: fit-content;
font-weight: 600;
}
.filtres-categories .filtres-categorie:not(.active):hover {
color: var(--accent);
border-color: var(--accent);
}
.filtres-categories .filtres-categorie.active {
background-color: var(--accent);
color: var(--blanc);
border-color: var(--accent);
} .section-articles-contenus {
padding-bottom: 140px;
}
.section-articles-contenus .section-contenu:not(.filtres) h2,
.section-articles-contenus .section-contenu:not(.filtres) h3,
.section-articles-contenus .section-contenu:not(.filtres) h4,
.section-articles-contenus .section-contenu:not(.filtres) h5,
.section-articles-contenus .section-contenu:not(.filtres) p {
max-width: 800px;
margin: 0 auto;
}
.section-articles {
display: flex;
flex-direction: column;
row-gap: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 0px;
margin-top: -100px;
}
.section-articles-contenus {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.section-articles-contenus .section-boutons {
align-items: center;
justify-content:center;
}
.section-articles .articles-cards {
display: flex;
flex-wrap: wrap;
column-gap: 2%;
row-gap: 20px;
}
.article-card {
width: 32%;
display: flex;
flex-direction: column;
row-gap: 20px;
position: relative;
}
.article-card > * {
margin-bottom: 0px;
color: var(--brun);
}
.article-card .article-image-container {
width: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
aspect-ratio: 16 / 16;
background-color: var(--noir);
transition: all 0.5s ease;
}
.article-card .article-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.article-card:hover .article-image-container,
.article-card:focus .article-image-container {
box-shadow: 0px 0px 40px rgba(0,0,0,0.2);
}
.article-card .article-categorie {
position: absolute;
bottom: 0px;
left: 0px;
font-weight: 600;
text-transform: uppercase;
width: 100%;
padding: 80px 20px 20px 20px;
color: var(--blanc);
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
margin-bottom: 0px;
}
.article-card .article-extrait * {
margin-bottom: 0px;
}
.article-card .article-cta {
text-transform: uppercase;
}
.article-card .article-cta {
font-family: "Merriweather", serif;
text-transform: uppercase;
}
.article-card:hover h4,
.article-card:hover .article-cta {
color: var(--accent);
} .entete-article {
background-color: var(--noir);
color: white;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.entete-article .entete-contenu {
padding:80px 40px 0px 80px;
}
.entete-article .entete-titre {
font-size: 42px;
}
.single-container {
display: flex;
position: relative;
flex-direction: row-reverse;
column-gap: 60px;
padding: 120px;
z-index: 2;
}
.single-article {
flex: 1;
}
.single-article-content {
background-color: var(--beige);
padding: 40px;
}
.single-article-conclusion {
background-color: var(--noir);
color: white;
padding: 20px 40px 40px 40px;
}
.single-article-sources {
background-color: var(--blanc);
padding: 20px 0px 0px 0px;
}
.single-article h2 {
font-size: 32px;
font-weight: 600;
margin-bottom: 20px;
margin-top: 30px;
display: inline-block;
}
.single-article h3 {
margin-bottom: 10px;
margin-top: 10px;
display: inline-block;
}
.single-article h4, h5, p {
margin-bottom: 15px;
display: inline-block;
}
.single-article-content > *:last-child,
.single-article-conclusion > *:last-child,
.single-article-sources > *:last-child {
margin-bottom: 0px;
}
.single-sidebar {
flex: 0 400px;
margin-top: 110px;
}
.single-sidebar h2 {
font-size: 30px;
margin-bottom: 20px;
}
.single-sidebar .cta {
padding: 50px 30px 30px 30px;
margin-top: 20px;
margin-bottom: 20px;
clip-path: var(--section-angles);
}
.addtoany_list a span {
background-color: var(--noir)!important;
border-radius: 0px!important;
padding: 7px;
opacity: 1!important;
}
.addtoany_list a span svg path {
fill: var(--blanc)!important;
}
.addtoany_list a:hover span {
background-color: var(--noir)!important;
}
.addtoany_list a:hover span svg path {
fill: var(--accent)!important;
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {
.article-card {
width:48%;
}
}
@media screen and (max-width: 600px) {
.section-articles-contenus {
padding-bottom: 150px;
}
.article-card {
width: 100%;
}
}
.section-attraits-contenus {
padding-bottom: 200px;
}
.section-attraits-contenus .section-contenu {
max-width: 800px;
margin: 0 auto;
}
.section-attraits {
display: flex;
flex-direction: column;
row-gap: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 0px;
margin-top: -100px;
}
.section-attraits.sans-contenu {
padding-top: 100px;
margin-top: 0px;
}
.section-attraits .section-attraits-contenu {
display: flex;
flex-direction: column;
row-gap: 20px;
}
.section-attraits .attraits-cards {
display: flex;
flex-wrap: wrap;
column-gap: 6%;
row-gap: 50px;
}
.attrait-card {
width: 47%;
display: flex;
flex-direction: column;
row-gap: 20px;
position: relative;
}
.attrait-card .attrait-titre,
.attrait-card .attrait-extrait {
margin-bottom: 0px;
color: var(--brun);
}
.attrait-card:hover .btn {
background-color: var(--accent);
}
.attrait-card .attrait-image-container {
width: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
aspect-ratio: 4 / 3;
background-color: var(--noir);
transition: all 0.5s ease;
}
.attrait-card .attrait-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.attrait-card:hover .attrait-image-container,
.attrait-card:focus .attrait-image-container {
box-shadow: 0px 0px 40px rgba(0,0,0,0.2);
}
.attrait-card .attrait-categorie {
position: absolute;
bottom: 0px;
left: 0px;
font-weight: 600;
text-transform: uppercase;
width: 100%;
padding: 80px 20px 20px 20px;
color: var(--blanc);
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
margin-bottom: 0px;
}
.attrait-card .attrait-extrait * {
margin-bottom: 0px;
}
.attrait-card .attrait-cta {
text-transform: uppercase;
color:white;
}
.attrait-card .attrait-cta {
text-transform: uppercase;
}
a.attrait-card:hover h4,
a.attrait-card:hover .attrait-cta {
color: var(--accent);
} @media screen and (max-width: 1270px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 600px) {
.section-attraits-contenus {
padding-bottom: 150px;
}
.attrait-card {
width: 100%;
}
}
.icones {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 4%;
row-gap: 20px;
}
.icones .icone {
display: flex;
flex-direction: row;
column-gap: 14px;
row-gap: 30px;
align-items: center;
}
.section-standard.contenu-centre .icones .icone {
flex-direction: column;
}
.section-standard .icones .icone {
width: 47%;
}
.section-standard.sans-images .icones .icone {
width: 21%;
}
.icones .icone h3 {
font-size: 20px;
line-height: 22px;
}
.icones .icone img {
width: 40px;
}
.icones .icone .icone-contenu {
display: flex;
flex-direction: column;
row-gap: 4px;
}
.icones .icone .icone-contenu > * {
margin-bottom: 0px;
}
@media screen and (max-width: 1270px) {
.section-standard.sans-images .icones .icone {
width: 32%;
}
}
@media screen and (max-width: 1024px) {
.section-standard .section-contenus {
flex:3;
}
.section-standard .section-images {
flex:2;
}
}
@media screen and (max-width: 768px) {
.section-standard {
flex-direction: column;
}
.icones {
flex-direction: column;
}
.icones .icone,
.section-standard .icones .icone,
.section-standard.sans-images .icones .icone {
width:100%;
}
}
@media screen and (max-width: 600px) {
.icones .icone h3 {
font-size: 20px;
line-height: 20px;
}
}
.slider-images {
display: grid!important;
margin-bottom: -30px;
}
.slick-prev:before, .slick-next:before {
color: black!important;
}
.slick-dotted.slick-slider {
margin-bottom: 0px!important;
}
@media screen and (max-width : 1024px) {}
@media screen and (max-width : 768px) {}
@media screen and (max-width : 600px) {}.post-image-above-header .inside-article .featured-image,.post-image-above-header .inside-article .post-image{margin-top:0;margin-bottom:2em}.post-image-aligned-left .inside-article .featured-image,.post-image-aligned-left .inside-article .post-image{margin-top:0;margin-right:2em;float:left;text-align:left}.post-image-aligned-center .featured-image,.post-image-aligned-center .post-image{text-align:center}.post-image-aligned-right .inside-article .featured-image,.post-image-aligned-right .inside-article .post-image{margin-top:0;margin-left:2em;float:right;text-align:right}.post-image-below-header.post-image-aligned-center .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .post-image,.post-image-below-header.post-image-aligned-right .inside-article .featured-image,.post-image-below-header.post-image-aligned-right .inside-article .post-image{margin-top:2em}.post-image-aligned-left>.featured-image,.post-image-aligned-right>.featured-image{float:none;margin-left:auto;margin-right:auto}.post-image-aligned-left .featured-image{text-align:left}.post-image-aligned-right .featured-image{text-align:right}.post-image-aligned-left .inside-article:after,.post-image-aligned-left .inside-article:before,.post-image-aligned-right .inside-article:after,.post-image-aligned-right .inside-article:before{content:"";display:table}.post-image-aligned-left .inside-article:after,.post-image-aligned-right .inside-article:after{clear:both}.one-container.post-image-above-header .no-featured-image-padding.generate-columns .inside-article .post-image,.one-container.post-image-above-header .page-header+.no-featured-image-padding .inside-article .post-image{margin-top:0}.one-container.both-right.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-right.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-right:0}.one-container.both-left.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-left.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0}.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0;margin-right:0}.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .featured-image,.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .post-image{margin-left:0;margin-right:0}@media (max-width:768px){body:not(.post-image-aligned-center) .featured-image,body:not(.post-image-aligned-center) .inside-article .featured-image,body:not(.post-image-aligned-center) .inside-article .post-image{margin-right:0;margin-left:0;float:none;text-align:center}}.main-navigation.offside{position:fixed;width:var(--gp-slideout-width);height:100%;height:100vh;top:0;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch}.offside,.offside--left{left:calc(var(--gp-slideout-width) * -1)}.offside--right{left:auto;right:calc(var(--gp-slideout-width) * -1)}.offside--left.is-open:not(.slideout-transition),.offside-js--is-left .offside-sliding-element{transform:translate3d(var(--gp-slideout-width),0,0)}.offside--right.is-open:not(.slideout-transition),.offside-js--is-right .offside-sliding-element{transform:translate3d(calc(var(--gp-slideout-width) * -1),0,0)}.offside-js--interact .offside,.offside-js--interact .offside-sliding-element{transition:transform .2s cubic-bezier(.16,.68,.43,.99);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.offside-js--init{overflow-x:hidden}.slideout-navigation.main-navigation:not(.is-open):not(.slideout-transition){display:none}.slideout-navigation.main-navigation:not(.slideout-transition).do-overlay{opacity:1}.slideout-navigation.main-navigation.slideout-transition.do-overlay{opacity:0}.slideout-overlay{z-index:100000;position:fixed;width:100%;height:100%;height:100vh;min-height:100%;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;cursor:pointer;transition:visibility .2s ease,opacity .2s ease}.offside-js--is-open .slideout-overlay{visibility:visible;opacity:1}.slideout-overlay button.slideout-exit{position:fixed;top:0;background-color:transparent;color:#fff;font-size:30px;border:0;opacity:0}.slide-opened .slideout-overlay button.slideout-exit{opacity:1}button.slideout-exit:hover{background-color:transparent}.slideout-navigation button.slideout-exit{background:0 0;width:100%;text-align:left;padding-top:20px;padding-bottom:20px;box-sizing:border-box;border:0}.slide-opened nav.toggled .menu-toggle:before{content:"\f0c9"}.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit{left:calc(var(--gp-slideout-width) - 5px)}.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit{right:calc(var(--gp-slideout-width) - 5px)}.slideout-widget{margin:20px}.slideout-navigation .main-nav,.slideout-navigation .slideout-widget:not(:last-child){margin-bottom:40px}.slideout-navigation:not(.do-overlay) .main-nav{width:100%;box-sizing:border-box}.slideout-navigation .mega-menu>ul>li{display:block;width:100%!important}.slideout-navigation .slideout-menu{display:block}#generate-slideout-menu{z-index:100001}#generate-slideout-menu .slideout-menu li{float:none;width:100%;clear:both;text-align:left}.slideout-navigation .slideout-widget li{float:none}#generate-slideout-menu.do-overlay li{text-align:center}#generate-slideout-menu.main-navigation ul ul{display:none}#generate-slideout-menu.main-navigation ul ul.toggled-on{display:block!important}#generate-slideout-menu .slideout-menu li.sfHover>ul,#generate-slideout-menu .slideout-menu li:hover>ul{display:none}#generate-slideout-menu.main-navigation .main-nav ul ul{position:relative;top:0;left:0;width:100%}.slideout-toggle:not(.has-svg-icon) a:before{content:"\f0c9";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block;position:relative;top:1px}.slide-opened .slideout-exit:not(.has-svg-icon):before,.slideout-navigation button.slideout-exit:not(.has-svg-icon):before{content:"\f00d";font-family:'GP Premium';line-height:1em;width:1.28571429em;text-align:center;display:inline-block}#generate-slideout-menu li.menu-item-float-right{float:none!important;display:inline-block;width:auto}.rtl .slideout-navigation{position:fixed}.slideout-navigation .menu-item-has-children .dropdown-menu-toggle{float:right}.slideout-navigation .slideout-widget .menu li{float:none}.slideout-navigation .slideout-widget ul{display:block}.slideout-navigation.do-overlay{transform:none!important;transition:opacity .2s,visibility .2s;width:100%;text-align:center;left:0;right:0}.slideout-navigation.do-overlay .inside-navigation{display:flex;flex-direction:column;padding:10% 10% 0;max-width:700px}.slideout-navigation.do-overlay .inside-navigation .main-nav,.slideout-navigation.do-overlay .inside-navigation .slideout-widget{margin-left:auto;margin-right:auto;min-width:250px}.slideout-navigation.do-overlay .slideout-exit{position:fixed;right:0;top:0;width:auto;font-size:25px}.slideout-navigation.do-overlay .slideout-menu li a{display:inline-block}.slideout-navigation.do-overlay .slideout-menu li{margin-bottom:5px}#generate-slideout-menu.do-overlay .slideout-menu li,.slideout-navigation.do-overlay .inside-navigation{text-align:center}.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle{border-left:1px solid rgba(0,0,0,.07);padding:0 10px;margin:0 0 0 10px}.slideout-navigation.do-overlay ul ul{box-shadow:0 0 0}.nav-aligned-center .slideout-navigation,.nav-aligned-right .slideout-navigation{text-align:left}.slideout-navigation .sfHover>a>.dropdown-menu-toggle>.gp-icon svg{transform:rotate(180deg)}.slideout-navigation .sub-menu .dropdown-menu-toggle .gp-icon svg{transform:rotate(0)}.slideout-both .main-navigation.toggled .main-nav>ul,.slideout-desktop .main-navigation.toggled .main-nav li.slideout-toggle,.slideout-mobile .main-navigation.toggled .main-nav>ul{display:none!important}.slideout-both .has-inline-mobile-toggle #site-navigation.toggled,.slideout-mobile .has-inline-mobile-toggle #site-navigation.toggled{margin-top:0}.sf-menu>li.slideout-toggle{float:right}.gen-sidebar-nav .sf-menu>li.slideout-toggle{float:none}.off-canvas-toggle-label{padding-left:7px}.gp-icon+.off-canvas-toggle-label{padding-left:9px}@media (max-width:768px){.slideout-overlay button.slideout-exit{font-size:20px;padding:10px}.slideout-overlay{top:-100px;height:calc(100% + 100px);height:calc(100vh + 100px);min-height:calc(100% + 100px)}.slideout-navigation.do-overlay .slideout-exit{position:static;text-align:center}}