:root {
--noir: #3B3B3B;
--bleu: #447372;
--vert: #556B2F;
--violet: #A57BBF;
--rouge: #D96050;
--orange: #E4A37C;
--beige: #F9F4E8;
--blanc: #FFFFFF;
--ultranoir: #000000;
--vert_transparent: rgba(85, 107, 47, 0.8);
}
.noir {color: #3B3B3B; }
.bleu {color: #447372; }
.vert {color: #556B2F; } /* rgba(85, 107, 47, 1);*/
.violet {color: #A57BBF; } /* lavande*/ /*rgba(165, 123, 191, 1)*/
.rouge {color: #D96050; } /* coquelicot*/ /*rgba(217, 96, 80, 1)*/
.orange {color: #E4A37C; }
.beige {color: #F9F4E8; } /*rgba(249, 244, 232, 1)*/
.blanc {color: #FFFFFF; }
.ultranoir {color: #000000; }
.vert_transparent {background-color:rgba(85, 107, 47, 0.8); }
/*--------GLOBAL--------*/
/*1300px = 1240 + 30 + 30*/
/*
.wp-block-column {border:1px solid red}
*/
a:focus { outline: none;box-shadow:none;}
main#primary { min-height:calc(100vh - 160px - 293px - 95px) }
body.admin-bar main#primary { min-height:calc(100vh - 160px - 293px - 70px - 32px) }
div,
wp-block-column { box-sizing:border-box}
p { font-size:16px}
body { background-color: var(--beige); color: var(--noir); font-size:16px }
body a, body a:visited { color:var(--orange); text-decoration:none; }
body a:hover { text-decoration:underline;}
.post,
.page,
.page-content,
.entry-content,
.entry-summary { margin-bottom:0; margin-top:0 }
#page { background-color:var(--blanc);}
body { font-family: "Open Sans", serif;font-weight: 400;font-style: normal;font-size:16px; }
h1 { position:relative;font-family: "Libre Baskerville", serif;font-weight: 600;font-style: normal;font-size:36px; margin:0.4em 0}
h2 { position:relative;font-family: "Libre Baskerville", serif;font-weight: 600;font-style: normal;font-size:24px; }
h3 { position:relative;font-family: "Libre Baskerville", serif;font-weight: 400;font-style: normal;font-size:16px; }
h2 { padding-left:0px;position:relative}
h2:before { content:"";position:absolute; bottom:-8px;left:-32px;width:200px;height:2px;background-color:var(--noir);}
body.lang-fr {}
body.lang-en {}
body.lang-nl {}
body.lang-en .frenchonly {display:none}
body.lang-fr .englishonly {display:none}
/*
body.lang-nl .frenchonly {display:none}
body.lang-nl .englishonly {display:none}
body.lang-fr .dutchonly {display:none}
body.lang-en .dutchonly {display:none}
*/
/*voile sur img*/
.wp-block-cover .wp-block-cover__background {opacity:0}
:where(.wp-block-columns) { margin-bottom: 0;}
/*
a[title] { position: relative;}
a[title]:hover::after { content: attr(title); display: none;}
*/
/*a voir*/
main#primary {padding-left:0px;padding-right:0px}
main#primary .entry-header {max-width:1300px;margin-left:auto;margin-right:auto}
main#primary .entry-header h1 {padding-left:30px;padding-right:30px}
body.no-title main#primary .entry-header {display:none}
/*global*/
main#primary .entry-content > .wp-block-columns:not(.fullwidth),
main#primary .entry-content > .wp-block-group:not(.fullwidth) {max-width:1300px;margin-left:auto;margin-right:auto;}
main#primary .entry-content > .wp-block-columns:not(.fullwidth):not(.nopadding) > .wp-block-column:not(.nopadding),
main#primary .entry-content > .wp-block-group:not(.fullwidth):not(.nopadding) > .wp-block-columns:not(.nopadding) > .wp-block-column:not(.nopadding),
main#primary .entry-content > .wp-block-group:not(.fullwidth):not(.nopadding) > .wp-block-group__inner-container:not(.nopadding) {padding-left:30px;padding-right:30px;}
main#primary .entry-content .fullwidth {width:100%;margin-left:auto;margin-right:auto}
main#primary .entry-content .colonne.fullwidth > .wp-block-column > p {padding-left:30px;padding-right:30px}
main#primary .entry-content p.fullwidth {padding-left:30px;padding-right:30px}
@media screen and (max-width:781px) {
.colonne-centrer-mobile {display:flex;justify-content:center}
/*figure.wp-block-image:not(.wp-block).colonne-image-havre {margin-top:30px}*/
figure.wp-block-image:not(.wp-block).colonne-image-a-propos-de-nous {margin-bottom:30px}
}
.colonne-image-fullwidth {background-color:yellow}
.colonne-image-fullwidth > img {width:100%!important;height:auto!important}
body:not(.page-id-21):not(.page-id-600) .grecaptcha-badge {visibility:hidden;pointer-events:none}
/*bof*/
.nopadding {padding-left:0;padding-right:0}
/*--------HEADER DESKTOP--------*/
header#masthead {position:relative;background-color:var(--beige);display:flex;align-items:center;justify-content:center;transition:all ease-in-out 0.3s}
header .site-main-header-desktop {position:relative;min-height:160px;display:flex;align-items:center;justify-content:center;max-width:1300px;min-width:100%;transition:all ease-in-out 0.3s}
header .site-main-menu-desktop {background:orange;display:flex;align-items:stretch;justify-content:center;align-items:center;transition:all ease-in-out 0.3s}
header .menu-top-menu-container {display:flex;align-items:stretch;justify-content:center;min-width:100%;background-color:var(--beige)}
header #site-main-header-mobile-header {display:flex;justify-content:space-between;min-height:90px;}
header .site-main-header-desktop ul#menu-top-menu,
header .site-main-header-desktop ul#menu-top-menu-en { display:flex; justify-content:space-evenly;align-items:center; gap:30px; width:100%;max-width:1300px; list-style-type:none; padding-left:0;margin-left:0; margin-bottom:0;padding-left:15px;padding-right:15px}
header .site-main-header-desktop ul#menu-top-menu li.menu-item,
header .site-main-header-desktop ul#menu-top-menu-en li.menu-item { text-align:center;margin-bottom:0;position:relative}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item > a,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item > a { text-align:center;}
header .site-main-header-desktop ul#menu-top-menu li.menu-item a,
header .site-main-header-desktop ul#menu-top-menu-en li.menu-item a { text-decoration:none; color:var(--noir) }
header .site-main-header-desktop ul#menu-top-menu > li.menu-item a,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item a { text-transform:uppercase;min-height:22px}
header .site-main-header-desktop ul#menu-top-menu li.menu-item:not(.menu-instagram):hover > a,
header .site-main-header-desktop ul#menu-top-menu-en li.menu-item:not(.menu-instagram):hover > a { color:var(--vert); font-size:16px;}
header .site-main-header-desktop ul#menu-top-menu > li.menu-logo ,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-logo { margin-top:-10px;min-width:350px;max-width:350px;height:100px;background-size:100%;background-repeat:no-repeat;background-position:center center;transition:all ease-in-out 0.5s;background-image:url(https://dsp-luberon.com/wp-content/uploads/2025/02/icon-logo-green.svg); }
header .site-main-header-desktop ul#menu-top-menu > li.menu-logo a,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-logo a,
header .site-main-header-desktop ul#menu-top-menu > li.menu-logo a:hover,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-logo a:hover { display:block;width:100%;height:100%;font-size:0 !important;color:transparent !important;}
header .site-main-header-desktop ul#menu-top-menu .sub-menu,
header .site-main-header-desktop ul#menu-top-menu-en .sub-menu { z-index:9;background-color:var(--beige);list-style-type:none;padding-left:0;margin-left:0; }
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children {position:relative}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children .sub-menu,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children .sub-menu {/*border-left:1px solid var(--vert);*/box-shadow:0px 10px 10px rgba(0,0,0,0.15);margin-left:-30px;width:195px;padding-top:10px;background-color:var(--beige);opacity:0.5;display:none;position:absolute;top:22px;left:0;}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children:hover .sub-menu,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children:hover .sub-menu {opacity:1;display:block;}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children .sub-menu > li,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children .sub-menu > li {padding-bottom:15px;padding-top:15px;margin-bottom:0}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children .sub-menu > li > a,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children .sub-menu > li > a {padding-left:30px}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children .sub-menu > li:hover,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children .sub-menu > li:hover {background-color:var(--blanc);}
.wpml-ls-menu-item .wpml-ls-flag {width:26px}
.menu-vide-symetrie a,
.menu-vide-symetrie-insta a,
.menu-instagram a,
.menu-instagram a {font-size:0;color:transparent;}
.menu-instagram {width:30px;height:30px;}
.menu-instagram a:before {opacity:0.7;transition:opacity ease-in-out 0.3s;width:30px;height:30px;content:"";display:block;background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/logo-instagram.svg);background-size:contain;background-repeat:no-repeat;}
.menu-instagram a:hover:before {opacity:1}
.menu .wpml-ls-item {min-width:42px;displey:flex;justify-content:center}
.menu .wpml-ls-item > a {text-align:center;display:flex;justify-content:center}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children.wpml-ls-item .sub-menu > li,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children.wpml-ls-item .sub-menu > li {padding-bottom:10px;padding-top:10px}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children.wpml-ls-item .sub-menu,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children.wpml-ls-item .sub-menu {max-width:42px;min-height:42px;border-radius:21px;margin-left:auto;margin-right:auto;padding-top:0}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children.wpml-ls-item .sub-menu > li,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children.wpml-ls-item .sub-menu > li {border-radius:21px;}
header .site-main-header-desktop ul#menu-top-menu > li.menu-item-has-children.wpml-ls-item .sub-menu > li > a,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-item-has-children.wpml-ls-item .sub-menu > li > a {padding-left:2px;}
@media screen and (max-width:1130px){
header .site-main-header-desktop ul#menu-top-menu,
header .site-main-header-desktop ul#menu-top-menu-en {gap:15px}
header .site-main-header-desktop ul#menu-top-menu > li.menu-logo,
header .site-main-header-desktop ul#menu-top-menu-en > li.menu-logo {max-width:250px;min-width:250px}
}
/*animation*/
.site-main-header-desktop .menu > li.menu-item:not(.menu-logo):not(.wpml-ls-item):not(.menu-vide-symetrie):not(.menu-gites):not(.menu-instagram):not(.menu-vide-symetrie-insta):after {
background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/vague2px_old.svg);opacity:0;
content:"";display:block;position:absolute;left:0;bottom:-15px;height:15px;max-width:0px;min-width:0px;transition:all ease-in-out 0.5s;background-size:100px 15px;background-repeat:no-repeat;background-position:0 0;}
.site-main-header-desktop .menu > li.menu-item:not(.menu-logo):not(.wpml-ls-item):not(.menu-vide-symetrie):not(.menu-gites):not(.menu-instagram):not(.menu-vide-symetrie-insta):hover:after {;opacity:1;min-width:100%;max-width:100%;}
.site-main-header-desktop .menu > li.menu-item.menu-gites > .sub-menu > li {position:relative}
.site-main-header-desktop .menu > li.menu-item.menu-gites > .sub-menu > li:after {
background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/vague1px.svg);
content:"";display:block;position:absolute;left: 30px; bottom: 3px;;height:15px;max-width:0px;min-width:0px;transition:all ease-in-out 0.5s;background-size:100px 15px;background-repeat:no-repeat;background-position:0 0;}
.site-main-header-desktop .menu > li.menu-item.menu-gites > .sub-menu > li:hover:after {min-width:100%;max-width:100%;}
/*--------HEADER MOBILE--------*/
header .mobile-logo {margin-left:15px;margin-top:15px;width:200px;}
header .site-main-menu-mobile { }
header .site-main-header-mobile { position:relative;flex-direction:column;min-width:100%; padding:0px; }
header .menu-menu-mobile-container { display:flex;justify-content:center;}
#site-main-header-mobile-menu { margin-top:0;padding:0px;justify-content:center;align-items:center; z-index:0;}
#site-main-header-mobile-menu.open { display: flex; z-index:999 }
#menu-menu-mobile,
#menu-mobile-menu-en { background-color:var(--blanc);display:flex;flex-direction:column;min-width:100%;max-width:100%;justify-content: center;align-items: stretch; padding-bottom:30px}
#menu-mobile-menu-en > li.menu-item,
#menu-menu-mobile > li.menu-item { padding:0px;margin:0;background-color:rgba(255,255,255,0.95); }
#menu-menu-mobile > li.menu-item > a,
#menu-mobile-menu-en > li.menu-item > a { letter-spacing:1px;text-align:center;color:var(--noir);padding:10px;transition:all ease-in-out 0.3s }
#menu-menu-mobile > li.menu-item:hover ,
#menu-mobile-menu-en > li.menu-item:hover { cursor:pointer;background-color:var(--beige); }
#menu-menu-mobile > li.menu-item:hover > a ,
#menu-mobile-menu-en > li.menu-item:hover > a { letter-spacing:2.5px;text-decoration:none}
#menu-menu-mobile .wpml-ls-item,
#menu-mobile-menu-en .wpml-ls-item {display:flex;justify-content:center}
#menu-menu-mobile .wpml-ls-flag,
#menu-mobile-menu-en .wpml-ls-flag {margin-right:15px}
#menu-mobile-toggle {position:relative;margin-right:15px;margin-top:15px;width:50px;height:50px;/*border:1px solid var(--noir);*/padding:5px;font-size:0;color:transparent;display:flex;flex-direction:column;justify-content:space-between;gap:2px;align-items:center}
#menu-mobile-toggle.open {}
#menu-mobile-toggle > div {width:40px;height:2px;background-color:var(--noir);transition:all ease-in-out 0.3s;position:absolute;left:0;}
#menu-mobile-toggle > div:nth-child(1) {top:15px}
#menu-mobile-toggle > div:nth-child(2) {top:25px}
#menu-mobile-toggle > div:nth-child(3) {top:35px}
#menu-mobile-toggle.open > div:nth-child(1) {transform:rotate(45deg);top:25px}
#menu-mobile-toggle.open > div:nth-child(2) {width:0;top:25px;opacity:0}
#menu-mobile-toggle.open > div:nth-child(3) {transform:rotate(-45deg);top:25px}
/*--------HEADER STICKY--------*/
header#masthead.Sticky {position:sticky;top:0;margin-top:0;z-index:99}
header#masthead.Sticky #site-main-header-mobile-header {min-height:60px}
header#masthead.Sticky .mobile-logo {width:160px;margin-top:5px}
header#masthead.Sticky #menu-mobile-toggle {margin-top:5px}
header#masthead.Sticky .site-main-header-desktop {min-height:90px;}
header #menu-mobile-toggle, header .mobile-logo {transition:all ease-in-out 0.3s}
body.admin-bar header#masthead.Sticky {top:32px}
header#masthead.Sticky .site-main-header-desktop ul#menu-top-menu > li.menu-logo,
header#masthead.Sticky .site-main-header-desktop ul#menu-top-menu-en > li.menu-logo {background-size:80%}
/*--------HEADER MEDIA QUERIES--------*/
@media screen and (min-width:799.92px) {
body.admin-bar header#masthead.Sticky { top:32pxtop:0}
.site-main-header-desktop-sticky { }
header .site-main-header-desktop { }
header .site-main-header-mobile { display:none}
}
@media screen and (max-width:800px) {
body.admin-bar header#masthead.Sticky { top:46px}
.site-main-header-desktop-sticky { display:none}
header .site-main-header-desktop { display:none}
header .site-main-header-mobile { display:flex;}
}
/*--------FOOTER--------*/
#footer { /*min-height:363px;*/ }
#footer .main-footer { color:var(--beige); font-size:14px; background-color: var(--vert);}
#footer .main-footer .main-footer-content { flex-wrap:wrap;max-width:1300px;margin-left:auto;margin-right:auto;display:flex; justify-content:space-between;padding:15px 30px; box-sizing:border-box;min-height:293px;}
#footer .main-footer a h2 { color:var(--beige); }
#footer #footer-icon-location { width:52px;height:52px;background-repeat:no-repeat;background-size:52px;background-image:url(https://dsp-luberon.com/wp-content/uploads/2025/02/icon-location.svg);}
#footer .main-footer a:not(.custom-button-link) { color:var(--blanc);}
#footer .footer-col-1,
#footer .footer-col-2,
#footer .footer-col-3,
#footer .footer-col-4 { display:flex;align-items:center;justify-content:center;padding-left:15px;padding-right:15px}
#footer .footer-col-1 { flex-direction:column;min-width:150px;}
#footer .footer-col-2 { flex-direction:column}
#footer .footer-col-3 { min-width:150px;}
#footer .footer-col-4 { min-width:150px;}
#footer .logo-footer { border-bottom:2px solid var(--beige);padding-bottom:15px}
#footer .footer-col-1 > div:first-child { margin-bottom:5px}
#footer ul#menu-footer-menu ,
#footer ul#menu-footer-menu-en { list-style-type:none; padding-left:0; margin:0}
#footer ul#menu-footer-menu a:hover,
#footer ul#menu-footer-menu-en a:hover { color:var(--beige);}
#footer .copyright-footer { display:flex; gap:15px;flex-grow:1; justify-content:space-between; min-height:70px; align-items:center; background-color:var(--blanc);}
#footer .copyright-footer a { color:var(--noir);}
#footer .footer-copyright-menu { display:flex; flex-grow:1; min-width:calc(100% - (220px * 2) - 30px); justify-content:center}
#footer #footer-copyright-creation,
#footer .footer-empty-place { display:flex; flex-grow:0; justify-content:center;min-width:220px;height:30px; padding-right:15px ; font-size:14px; position:relative;} /*symetrie par le non-vide*/
#footer ul#menu-copyright-menu,
#footer ul#menu-copyright-menu-en { display:flex; flex-grow:1; gap: 45px;list-style-type:none;justify-content:space-between; margin-bottom:0; font-size:14px}
#footer ul#menu-copyright-menu > li,
#footer ul#menu-copyright-menu-en > li { margin-bottom:0}
#footer .menu-copyright-menu-container,
#footer .menu-copyright-menu-en-container { display:flex;align-items:center;}
#footer .footer-col-2 a:hover { color:var(--beige);}
#picto_AGEPCom { margin: 0 !important;position: absolute;right: 10px; top: 0;bottom: auto;width: 120px;height: 38px; z-index: 99; transition: all .3s ease-in-out; padding: 6px 0 6px 6px; overflow: hidden; background-color: var(--awb-color1); color: #ffffff; }
#picto_AGEPCom > a { display: flex; flex-wrap: nowrap; width: 100%; height: 100%;}
#picto_AGEPCom:hover {width: 220px;}
#picto_AGEPCom > a > span {color: var(--noir);display: inline-block; min-width: 75px;}
#picto_AGEPCom > a > img { display: block; height: 100%; width: auto;max-width: max-content; margin-left: 0px;}
@media screen and (max-width:1130px) {
#footer .footer-empty-place { display:none;}
}
@media screen and (max-width:1079px) {
#footer .main-footer .main-footer-content > div {min-width:50%;max-width:50%}
#footer .main-footer .main-footer-content > .footer-col-1 {order:1}
#footer .main-footer .main-footer-content > .footer-col-2 {order:3}
#footer .main-footer .main-footer-content > .footer-col-3 {order:2}
#footer .main-footer .main-footer-content > .footer-col-4 {order:4}
}
@media screen and (max-width:666px) {
#footer .main-footer .main-footer-content > div { min-width:100%;max-width:100%}
#footer .copyright-footer { align-items:center;flex-direction:column;padding-top:10px;gap:10px;padding-bottom:10px;min-height:auto}
#footer #footer-copyright-creation,
#footer .footer-empty-place { padding-right:0}
#menu-footer-menu { display: flex; flex-direction: column; justify-content: center; text-align: center;}
}
@media screen and (max-width:420px) {
#footer .copyright-footer { align-items:flex-start;}
#footer ul#menu-copyright-menu,
#footer ul#menu-copyright-menu-en { margin-left:10px;flex-direction:column;gap:10px}
#picto_AGEPCom { right:auto;left:5px;}
}
/*--------BOUTONs--------*/
/*� voir car compliqu�*/
body a.wp-block-button__link.wp-element-button,
body input.wpcf7-submit {width:max-content;height:max-content; padding-bottom:0;margin-top:15px;position:relative;z-index:1;background-color:var(--beige);color:var(--noir);text-transform:uppercase;border-radius:0;z-index:9}
/*pas facile... j'ai invers� pour tester mais bof.. idealement element custom avec plusieurs div / icon... ... ET pb pour input*/
a.wp-block-button__link.wp-element-button:after,
input.wpcf7-submit:after {content:""; width:100%;height:100%;border:1px solid #E4A37C;position:absolute;top:10px;left:-10px;;z-index:-1;background-color:transparent;}
/*AH !*/
/*palette flottante*/
#palette_flottante {position:fixed;top:160px;right:0;width:90px;height:180px;z-index:401}
body.admin-bar #palette_flottante {top:calc(160px + 46px);}
.palette_btn {position:relative;backdrop-filter: blur(10px);transition:all ease-in-out 0.5s}
.palette_btn .palette_btn_icon {z-index:402;cursor:pointer;width:90px;height:90px;display:flex;justify-content:center;align-items:center}
#palette_btn_contact {background-color:rgba( 85, 107, 47, 0.7); }
#palette_btn_reserver {background-color:rgba( 228, 163, 124, 0.7); }
#palette_btn_contact:hover {background-color:rgba( 85, 107, 47, 1); }
#palette_btn_reserver:hover {background-color:rgba( 228, 163, 124, 1); }
#palette_btn_contact .palette_btn_hover {background-color:rgba( 85, 107, 47, 1); }
#palette_btn_reserver .palette_btn_hover {background-color:rgba( 228, 163, 124, 1); }
.palette_btn_hover {opacity:1;width:300px;height:90px;position:absolute;right:90px;top:0;transform:translateX(390px);transition: all ease-in-out 0.3s;}
.palette_btn_hover {box-sizing:border-box;padding:10px;padding-left:70px;display:flex;align-items:center;color:var(--beige);text-transform:uppercase;font-weight:bold;font-size:24px;letter-spacing:0px}
.palette_btn_icon {z-index:403;width:90px;height:90px;}
.palette_btn:hover .palette_btn_hover {opacity:1;transform:translateX(0px);transition-delay: 250ms;letter-spacing:2px}
.palette_btn_arrow {margin-left:10px;margin-right:10px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;}
/*--------HOME--------*/
/*HERO*/
.container-hero-home {position:relative}
.container-hero-home > .wp-block-cover__inner-container {position:absolute;bottom:0;left:0;width:100%;min-height:102px;background-color:rgba(85, 107, 47, 0.4);backdrop-filter: blur(4px);display:flex;max-width:100%;min-width:100%;justify-content:center;align-items:center;}
.container-hero-home.container-hero-coquelicot > .wp-block-cover__inner-container {min-height:72px;backdrop-filter: blur(7px);}
.container-hero-home.container-hero-lavande > .wp-block-cover__inner-container {min-height:72px;backdrop-filter: blur(7px);}
.container-hero-home.container-hero-coquelicot .h1-hero-home,
.container-hero-home.container-hero-lavande .h1-hero-home {margin-top:10px;margin-bottom:10px}
.container-hero-home.container-hero-coquelicot .h1-hero-home:after,
.container-hero-home.container-hero-lavande .h1-hero-home:after {bottom:-0px}
/*
si besoin responsive
.container-hero-home .wp-block-cover__image-background {object-position:70% 70% !important}
.container-hero-contact .wp-block-cover__image-background {object-position:50% 80% !important}
*/
.container-hero-home.container-hero-lavande > .wp-block-cover__inner-container {background-color:rgba(165, 123, 191, 0.4);}
.container-hero-home.container-hero-coquelicot > .wp-block-cover__inner-container {background-color:rgba(217, 96, 80, 0.4);}
.img-fond-reassur .wp-block-cover__image-background {background-position:50% 50% !important;}
.img-minimap-home > img {min-width:100%}
.hero-container-inner { width:100%;margin-left:auto;margin-right:auto;max-width:1300px;}
.hero-cartouche { margin-bottom:0}
.hero-colonnes { }
.hero-cartouche .wp-block-column { margin-bottom:0}
.h1-hero-home { color:var(--blanc);padding-left:30px;position:relative;margin-top:15px}
.h1-hero-home:after { content:"";position:absolute; bottom:-15px;left:-45px;width:235px;height:2px;background-color:var(--beige);}
.btn-hero-home { min-width:220px}
.h1-hero-contact {color:var(--blanc);}
.hero-col-btn .btn-hero-home { margin-bottom:10px;margin-top:25px}
.home-patrimoine-container-beige {background-color:var(--beige);}
.home-patrimoine-container-beige > .wp-block-column {max-width:1240px;margin-left:auto;margin-right:auto}
.spacer-beige {background-color:var(--beige);}
.container-home-1-beige,
.container-home-2-beige {background-color:var(--beige);}
.container-home-1-beige > .wp-block-column,
.container-home-2-beige > .wp-block-column {max-width:1300px;padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto}
.apropos-de-nous-beige {background-color:var(--beige);}
.apropos-de-nous-beige > .wp-block-column {max-width:1300px;padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto}
.spacer-mobile-avant-img-top-home {display:none}
@media screen and (max-width:1227px) {
.container-colonnes-top-home {display:flex;flex-direction:column;flex-wrap:wrap}
.colonne-image-top-home {min-width:100%;max-width:100%;justify-content:center;display:flex;padding-left:20px;padding-right:20px}
.colonne-texte-top-home {min-width:100%;max-width:100%}
.spacer-avant-txt-top-home {display:none}
.spacer-mobile-avant-img-top-home {display:block}
}
.colonne-texte-a-droite {padding-right:15px;/*padding-left:30px*/}
.colonne-texte-a-gauche {padding-right:15px}
.hero-col-btn-desktop-only { }
.colonne-hero-btn-mobile > .wp-block-column { display:none;justify-content:center}
@media screen and (max-width:1152px) {
.colonne-hero-btn-mobile > .wp-block-column { display:flex;padding-top:20px;}
.container-hero-home { min-height:calc(100vh - 220px) !important;}
.hero-colonnes { flex-direction:column}
.hero-col-titre { /*display:flex;justify-content:center;*/}
.hero-col-btn { display:flex;justify-content:center;}
.hero-col-btn.hero-col-btn-desktop-only { display:none}
h1 {font-size:28px;line-height:32px}
.container-hero-home > .wp-block-cover__inner-container {min-height:92px}
}
body a.custom-bouton-simple-desktop {margin-top:15px;text-decoration:none;display:inline-flex;align-items:center;background-color:var(--beige);border: 0px solid #E4A37C; padding: 20px 40px; box-sizing: border-box; color: #3B3B3B; font-weight: bold; font-size: 16px; line-height: 19px; letter-spacing: 2px;text-transform: uppercase; transition: all ease-in-out 0.3s;}
body a.custom-bouton-simple-desktop:hover {text-decoration:none;background-color:#ffffff}
@media screen and (max-width:781px) {
/*ouais 781 passage en 1 colonne*/
.colonne-texte-a-droite {padding-right:30px;}
h1 {font-size:22px;line-height:24px}
.container-hero-home > .wp-block-cover__inner-container {min-height:92px}
.h1-hero-home {margin-top:0px}
body a.custom-bouton-simple-desktop {display:none}
.colonne-texte-a-droite {padding-left:30px}
}
.home-colonne-gite_1,
.home-colonne-gite_2 {}
/* pictos reassurance par 8 */
.container-reassur {position:relative;}
.container-reassur > .rang-reassur {flex-wrap:wrap;gap:0;position:absolute;top:0;left:0;width:100%;min-height:100px;background-color:rgba(85, 107, 47, 0.8);display:flex;justify-content:center;align-items:flex-start;padding:20px;max-width:100%}
.container-reassur > .img-fond-reassur {min-height:553px}
.container-reassur > .rang-reassur > .reassur-colx2 {}
.container-reassur > .rang-reassur > .reassur-colx2 > .wp-block-columns {gap:0;justify-content:center;display:flex;max-width:calc(100% - 30px);box-sizing:border-box}
.container-reassur > .rang-reassur > .reassur-colx2 > .wp-block-columns > .wp-block-column {}
.container-de-6-colonnes-pictos {max-width:960px;flex-wrap:wrap}
.container-de-6-colonnes-pictos {flex-wrap:wrap!important}
@media screen and (max-width: 781px) {
.container-de-6-colonnes-pictos > .wp-block-column { flex-basis: 33%!important;margin-bottom:30px;}
.container-reassur > .rang-reassur > .reassur-colx2 > .wp-block-columns > .wp-block-column { justify-content: center; display: flex;flex-basis: 33%!important;margin-bottom:30px;}
.container-reassur > .img-fond-reassur { min-height:710px}
}
@media screen and (max-width:480px) {
.container-reassur > .rang-reassur > .reassur-colx2 > .wp-block-columns > .wp-block-column { flex-basis: 50%!important;}
}
@media screen and (max-width:340px) {
.container-reassur > .rang-reassur > .reassur-colx2 > .wp-block-columns > .wp-block-column { flex-basis: 100%!important;}
.container-reassur > .img-fond-reassur { min-height:1382px}
}
/*------page DOMAINE-------*/
h2.titremap-dot { position:relative;display:inline-block;padding-top:15px}
h2.titremap-dot:after { content:"";display: inline-block;position:absolute;left:110%;top:0px;width:40px;height:60px;background-repeat:no-repeat;background-size:contain;background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/icon-location-vert.svg);margin-left:60px}
.container-swiper-domaine { text-align:center;background:yellow}
.custom-button-wrapper.btn-centrer { display:block;margin-left:auto;margin-right:auto}
.colonne-minicarte {}
.swiper-encadre { max-width:1240px;margin-left:auto;margin-right:auto;margin-bottom:44px}
.swiper-encadre .swiper-navigation { opacity:0.7;width:52px;height:52px;border-radius:50%;background-repeat:no-repeat;background-size:54px;;background-color:rgba(255,255,255,0.7);transition:all ease-in-out 0.3s}
.swiper-encadre .swiper-navigation:hover {opacity:1}
/*ecraser plugin*/
.swiper-encadre#evssSlider-1 .swiper-navigation,
.swiper-encadre#evssSlider-2 .swiper-navigation,
.swiper-encadre#evssSlider-3 .swiper-navigation,
.swiper-encadre#evssSlider-4 .swiper-navigation,
.swiper-encadre#evssSlider-5 .swiper-navigation { background-size:54px;background-position:-1px -1px;width:52px;height:52px;background-color:rgba(255,255,255,0.7);}
.swiper-encadre .swiper-navigation.swiper-button-disabled,
.swiper-encadre .swiper-navigation.swiper-button-hidden {opacity:0}
.swiper-encadre .swiper-navigation:hover { background-color:rgba(255,255,255,1);}
.swiper-encadre .swiper-navigation.swiper-button-next { right:15px;background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/icon-fleche-swiper-droit-vert.svg);}
.swiper-encadre .swiper-navigation.swiper-button-prev { left:15px;background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/icon-fleche-swiper-gauche-vert.svg);}
.swiper-encadre .swiper-navigation svg { display:none }
/*
.swiper-encadre > .evssSlider > .swiper { max-width:calc(100% - 60px);border:1px solid red;z-index:0}
.swiper-encadre .swiper-navigation.swiper-button-next { z-index:99999;border:2px solid red;right:-60px}
.swiper-encadre .swiper-navigation.swiper-button-prev { z-index:99999;border:2px solid red;left:-60px}
*/
/*--------SHORTCODE GITE--------*/
/* + cf css dynamique dans /plugins/agepcom/shortcode-gite.php */
.gite-rectangle { width:calc(100% - 30px);aspect-ratio:1/1;position:relative;z-index:0;margin-bottom:60px;transition:all ease-in-out 0.5s}
.gite-contains { position:relative;}
.sh-whole-link { width:100%;aspect-ratio:1/1;margin-top:30px;margin-right:30px;z-index:9;position:relative;display:block;cursor:pointer}
.gite-rectangle-inner { z-index:1;position:relative;border:2px solid black;width:100%;height:100%;}
.gite-image { z-index:-1;position:absolute;width:100%;height:100%;top:-30px;right:-30px;background-size:cover;background-repeat:no-repeat;}
.gite-lavande .gite-image { background-position:50% 63%;}
.gite-coquelicot .gite-image { background-position:50% 75%;}
.sh-gite-hover { z-index:0;min-width:168px;min-height:168px;min-height:100%;position:absolute;bottom:0px;left:0px;background-color:rgba(249, 244, 232, 0.7);backdrop-filter: blur(10px);transition:all ease-in-out 0.5s}
.sh-gite-chambres { z-index:3;width:168px;height:168px;position:absolute;bottom:1px;left:1px;transition:all ease-in-out 0.5s}
.sh-gite-nb_chambres { color:var(--noir);font-weight:bold;font-size:40px;position:absolute;top:49px;left:41px}
.sh-gite-chambres_label { color:var(--noir);font-weight:bold;font-size:16px;position:absolute;top:96px;left:40px}
.sh-gite-img_lit { position:absolute;top:45px;left:70px;width:69px;height:53px;background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/icon-lit-noir.svg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.sh-gite-logo { z-index:2;opacity:0;position:absolute;top:15px;right:40px;width:124px;height:138px;transition:all ease-in-out 0.5s;transition-delay: 250ms;}
.sh-gite-logo svg { max-width:100%}
.sh-gite-under-link { height:60px;padding-top:15px;padding-bottom:15px;font-size:20px;}
.sh-gite-under-link a { color:var(--noir);width:100%;height:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;text-decoration:none; }
.sh-gite-under-link a:hover { text-decoration:none; }
.sh-gite-under-link-label { color:var(--noir);font-size:24px;line-height:26px;height:30px;text-transform:uppercase;font-weight:bold;transition:all ease-in-out 0.9s}
.sh-link-fleche { margin-left:10px;min-width:24px;max-width:24px;height:24px;background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/icon-arrow-right-black.svg);background-position:center;background-size:contain;background-repeat:no-repeat;transition:all ease-in-out 0.9s}
.sh-link-decouvrir { opacity:0;color:var(--noir);font-size:24px;line-height:26px;height:30px;text-transform:uppercase;font-weight:bold;margin-left:20px;min-width:0;max-width:0;overflow:hidden;transition:all ease-in-out 0.3s;transition-delay:0.3s}
.gite-rectangle:hover .sh-gite-hover { min-width:100%;min-height:100%;}
.gite-rectangle:hover .sh-gite-logo { opacity:1}
/*variante*/
.gite-rectangle.petit-gite { aspect-ratio:auto;height:180px;margin-bottom:90px;max-width:574px;}
.gite-rectangle.petit-gite .sh-whole-link { aspect-ratio:auto;height:180px}
.gite-rectangle.petit-gite .gite-rectangle-inner { height:80px}
.gite-rectangle.petit-gite .sh-whole-link { display:flex;align-items:flex-end}
.gite-rectangle.petit-gite .sh-gite-under-link-label,
.gite-rectangle.petit-gite .sh-link-decouvrir { font-size:20px}
.gite-rectangle.petit-gite .sh-gite-nb_chambres,
.gite-rectangle.petit-gite .sh-gite-chambres_label { color:var(--beige);}
.gite-rectangle.petit-gite .sh-gite-img_lit { width:40px;background-size:contain;background-repeat:no-repeat;background-image:url(https://dsp-luberon.com/wp-content/themes/luberon/assets/icon-lit-beige.svg);}
.gite-rectangle.petit-gite .sh-gite-logo { width:72px;height:52px;top:10px}
.gite-rectangle.petit-gite .sh-gite-logo svg { max-height:50px}
.gite-rectangle.petit-gite .sh-gite-logo svg .variant_svg_color { fill:var(--beige) !important}
.gite-rectangle.petit-gite .sh-gite-nb_chambres { top:109px; left:20px }
.gite-rectangle.petit-gite .sh-gite-chambres_label { top:135px; left:48px }
.gite-rectangle.petit-gite .sh-gite-img_lit { top:95px; left:48px }
.gite-rectangle.petit-gite.gite-lavande .sh-gite-hover { background-color:rgba(165, 123, 191, 0.7);}
.gite-rectangle.petit-gite.gite-coquelicot .sh-gite-hover { background-color:rgba(217, 96, 80, 0.7);}
/*
.sh-gite-img_lit svg { max-width:100%}
.sh-gite-img_lit svg .lit_svg { stroke:var(--noir);}
.gite-rectangle.petit-gite .sh-gite-img_lit svg .lit_svg { stroke:var(--beige);fill:var(--beige);}
*/
@media screen and (max-width:880px) {
.home-colonne-gite_1,
.home-colonne-gite_2 { min-width:100%;justify-content:center;display:flex}
.bloc-de-deux-gites { display:flex;flex-direction:column;}
.gite-rectangle.petit-gite,
.home-colonne-gite_1,
.home-colonne-gite_2 { max-width:370px}
.gite-rectangle.petit-gite,
.gite-rectangle.petit-gite .sh-whole-link { height:120px}
}
@media screen and (min-width:500px) {
.gite-rectangle:hover .sh-link-decouvrir { opacity:1;max-width:152px;min-width:152px}
.gite-rectangle.petit-gite:hover .sh-link-decouvrir { opacity:1;max-width:132px;min-width:132px}
}
@media screen and (max-width:420px) {
.sh-gite-logo {max-width:25%;max-height:25%;top:-15px;right:15px}
}
/*-----page alentours-----*/
.alentours-container-beige {background-color:var(--beige);/}
.alentours-container-beige > .wp-block-column {max-width:1300px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
.alentours-container-beige > .wp-block-columns {max-width:1300px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
.alentours-container-beige figure {display:flex;justify-content:center}
/*.alentours-container-beige p {text-align:center}*/
.colonne-activites-alentours p {text-align:left}
.liste-activites {text-align:left}
/*-----pages gites et plugin hbook-----*/
table.hb-rates-table {max-width:700px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;}
.hbook-wrapper {max-width:1300px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
.hb-resa-summary {max-width:1300px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
.hbook-wrapper h3,
.hb-resa-summary h3.hb-title /*faux h2*/ { font-family: "Libre Baskerville", serif;font-weight: 600;font-style: normal;font-size:24px;}
.hbook-wrapper h3:before,
.hb-resa-summary h3.hb-title:before { content:"";position:absolute; bottom:-8px;left:-32px;width:200px;height:2px;background-color:var(--noir);}
.hb-accom-number {height:40px}
table.hb-rates-table th,
table.hb-rates-table td { padding:5px;}
table.hb-rates-table th { text-align:left;}
table.hb-rates-table tr:nth-child(n+1) th { background-color:var(--noir);color:var(--beige)}
table.hb-rates-table tr:nth-child(n+1) td { background-color:var(--beige);}
table.hb-rates-table tr:nth-child(2n+1) td { background-color:var(--blanc);}
table.hb-rates-table tr > th:nth-child(2),
table.hb-rates-table tr > th:nth-child(3),
table.hb-rates-table tr > td:nth-child(2),
table.hb-rates-table tr > td:nth-child(3) {max-width:200px}
.hb-country-iso-select .selectize-input>input {min-height:40px !important}
@media screen and (max-width:880px) {
.colonne-deux-gites {flex-direction:column;display:flex;}
}
/*boutons input*/
.hbook-wrapper input[type="submit"],
.wpcf7-form-control.wpcf7-submit {min-width:145px;position:relative;transition:all ease-in-out 0.3s; background-color:var(--blanc);border:1px solid #E4A37C; min-height:40px; color: #3B3B3B; font-weight: bold;font-size: 16px; line-height: 19px; letter-spacing: 2px; text-transform: uppercase;}
.hbook-wrapper input[type="submit"]:hover,
.wpcf7-form-control.wpcf7-submit:hover {background-color:var(--orange);border:1px solid var(--noir);cursor:pointer}
/*-----page contact-----*/
.wp-block-contact-form-7-contact-form-selector {max-width:700px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}
.wp-block-contact-form-7-contact-form-selector input[type="text"],
.wp-block-contact-form-7-contact-form-selector input[type="email"] {min-width:100%;}
.wpcf7-form-control.wpcf7-submit {display:flex;align-items:center;padding:0;justify-content:center;text-align:center}
button.wpcf7-submit.custom-button-link {border-radius:0;background-color:transparent;cursor:pointer}
.wp-block-custom-button.custom-button-wrapper > p {display:flex;margin:0;height:100%;width:100%;align-items:center}/*wtf*/
.formulaire-contact .typeclient .wpcf7-list-item.first {visibility:hidden;max-width:0;max-height:0;margin:0;overflow:hidden;}
/*-----divers-----*/
body.search-results .site-main#primary ,
body.error404 .site-main#primary,
body.search-no-results .site-main#primary {max-width:1400px;padding-left:30px;padding-right:30px;margin-left:auto;margin-right:auto}
body.search-results a.post-thumbnail,
body.error404 .site-main#primary .widget {display:none}
/*--------GUTENBERG--------*/
/* cf css elements dans themes/luberon/css/style.css*/
.alignwide {}
.alignfull {}
/* ne pas utiliser shortcodes dans "codes courts" qui ajoutent un <p>, mais plut�t dans HTML personnalis� */