/*
Theme Name: netclic-child
Template: netclic
Description: Entreprise spécialisée dans la rénovation intérieure & extérieure, cloison sèche, peinture, revêtement de sol, aménagement salle de bain & cuisine.
Author URI: https://agence-netclic.com/

Version: 1.0.0
*/

:root {
  --color-bg: #E9E5DE;
  --color-text: #616D6F;
  --color-primary: #BBA993;
  --color-secondary: #626D6E;
  --color-title: #626D6E;
    --title-font: "menca", sans-serif;
    --text-font: "menca", sans-serif;
}



* {font-family: var(--text-font); box-sizing: border-box; -webkit-box-sizing: border-box;}
body {margin: 0; color: var(--color-text); font-size: 16px; line-height: 1.5; letter-spacing: 0px;}
#container {background-color: white !important; padding-top: 141px;}
#content {margin: 0 !important;}
.container {margin: auto; padding-left: 15px; padding-right: 15px; width: 100%; max-width: 748px;}
a {text-decoration: none; transition: 0.4s; color: var(--color-primary); cursor: pointer;}
.button, input[type=button] {cursor: pointer; transition: 0.4s;}
input, textarea, select {font-size: 16px !important;}
p, li {color: var(--color-text); font-size: 18px; line-height: 1.5;}
.btn1 {background: var(--color-primary); display: flex; align-items: center; gap: 12px; color: white; padding: 8px 25px; font-weight: 300; transition: .4s; text-transform: uppercase; font-size: 18px; position: relative; min-width: 200px; justify-content: center; min-height: 70px; border: none; width: fit-content;}
.btn1:before {content: ""; border: solid 1px white; width: calc(100% - 20px); height: calc(100% - 20px); display: block; position: absolute; top: 10px; left: 10px;}
.btn1:hover {background: white; color: var(--color-primary);}
.btn1:hover:before {border-color: var(--color-primary);}

.btn2 {background: white; display: flex; align-items: center; gap: 12px; color: var(--color-primary); padding: 8px 25px; font-weight: 300; transition: .4s; text-transform: uppercase; font-size: 18px; position: relative; min-width: 200px; justify-content: center; min-height: 70px; width: fit-content; border: none;}
.btn2:before {content: ""; border: solid 1px var(--color-primary); width: calc(100% - 20px); height: calc(100% - 20px); display: block; position: absolute; top: 10px; left: 10px;}
.btn2:hover {background: var(--color-primary); color: white;}
.btn2:hover:before {border-color: white;}
.btn2.disabled {pointer-events: none; cursor: default; opacity: 0.6;}
.btn3 {background: var(--color-secondary); display: flex; align-items: center; gap: 12px; color: white; padding: 8px 25px; font-weight: 300; transition: .4s; text-transform: uppercase; font-size: 18px; position: relative; min-width: 200px; justify-content: center; min-height: 70px; border: none; width: fit-content;}
.btn3:before {content: ""; border: solid 1px white; width: calc(100% - 20px); height: calc(100% - 20px); display: block; position: absolute; top: 10px; left: 10px;}
.btn3:hover {background: white; color: var(--color-secondary);}
.btn3:hover:before {border-color: var(--color-secondary);}
.menu-title > a, .menu-title > a:hover {cursor: default;}

button {cursor: pointer;}
.text-center {text-align: center;}
.btn-center {width: fit-content; margin: auto;}
.double-btn {display: flex; column-gap: 25px; align-items: center;}
.pos-rel {position: relative;}
.align-center {align-items: center;}
.justify-center {justify-content: center;}
.disp-flex {display: flex;}
.disp-flex .col33 {width: 33.33%;}
.disp-flex .col66 {width: 66.66%;}
.disp-flex .col50 {width: 50%;}
.disp-flex .col25 {width: 25%;}
.disp-flex .col20 {width: 20%;}
.disp-flex .col75 {width: 75%;}
.disp-flex .col40 {width: 40%;}
.disp-flex .col60 {width: 60%;}
.disp-flex .col55 {width: 55%;}
.disp-flex .col45 {width: 45%;}
.flex-wrap {flex-wrap: wrap;}
.align-item-center {align-items: center;}
.align-item-start {align-items: flex-start;}
.gap30 {gap:30px;}
.gap50 {gap:50px;}
.gap40 {gap:40px;}
.gap15 {gap:15px;}
body header .builder-item--button_base .button {padding: 10px 30px !important;}
div#container, div#primary {margin-top: 0 !important;}
h1 {font-family: var(--title-font); font-size: 36px; line-height: 1.2; margin-top: 0; font-weight: 700; color: var(--color-title); text-transform: uppercase;}
h2 {font-family: var(--title-font); font-size: 30px; line-height: 1.2; letter-spacing: 0px; font-weight: 700; color: var(--color-title); text-transform: uppercase;}
h3 {font-family: var(--title-font); font-size: 26px; color: var(--color-title); line-height: 1.2; font-weight: 300; text-transform: uppercase;}
h4 {font-family: var(--title-font); font-size: 18px; color: var(--color-title); line-height: 1.2; text-transform: uppercase;}
img {max-width: 100%;}
fieldset {border: none; margin: 0; padding: 0;}
:focus {outline: none !important;}
.surtitre {color: var(--color-primary); margin-top: 0; border: solid 1px var(--color-border); padding: 3px 15px; border-radius: 50px; font-size: 16px; position: relative; display: flex; align-items: center; gap: 6px; width: fit-content;}
.surtitre:before {content: ""; width: 7px; height: 7px; background: var(--color-secondary); border-radius: 50px;}
input[type="text"], input[type="email"], input[type="tel"] {height: 50px !important; border-color: #d8d8d8 !important; box-shadow: none !important; border-radius: 10px !important; padding: 10px 16px !important;}
select {box-shadow: none !important; outline: none !important;}
textarea {border-color: #d8d8d8 !important; box-shadow: none !important; border-radius: 10px !important; padding: 20px 16px !important;}
.gform_fields {row-gap: 20px !important; column-gap: 12px !important;} 
.gform_wrapper input[type="submit"] {background: var(--color-secondary) !important; display: inline-block !important; color: white !important; padding: 10px 25px !important; border-radius: 50px !important; font-weight: bold !important; font-size: 18px !important; line-height: 1.5 !important;}
input::placeholder, textarea::placeholder {color: var(--color-text) !important; font-size: 18px;}
hr {margin: 40px 0;}
.sousbtn {margin-top: 5px; font-size: 16px; font-style: italic;}
legend, label {font-size: 18px !important;}
.section-media-left, .section-media-right{margin-left:0; margin-right:0;}
b {font-weight: 700;}
.breadcrumb span {color: var(--color-text);}
.breadcrumb_last {color: var(--color-text) !important}
.breadcrumb a:hover {text-decoration: underline}
.breadcrumb {display: inline-flex; padding: 20px 0; font-size: 16px; text-transform: uppercase;}
::selection {background: var(--color-primary); color: #fff;}
::-moz-selection {background: var(--color-primary); color: #fff;}




/* START HEADER */
#header {padding: 30px 0; position: fixed; z-index: 10; width: 100%; background: rgb(255 255 255 / 74%); transition: .4s;}
#header.scrolled {box-shadow: 0px 5px 20px 0px rgb(29 56 72 / 14%); margin-top: 0px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
#header .container-header {display: flex; align-items: center; column-gap: 20px; z-index: 999999999; position: relative;}
header:not(.active) .menu-btn-contact {display: none;}
#site-logo {margin-right: auto;}
#site-logo img {display: block;}
.menu-burger svg {fill: var(--color-secondary); height: 40px; cursor: pointer;} 
.menu-link {display: none; padding-top: 141px; margin-top: 0; width: 100%; background: var(--color-bg); z-index: -1; opacity: 0; transform: translateY(-100%); transition: opacity 0.3s ease, transform 0.3s ease; height: 100vh; position: fixed; top: 0; overflow: hidden;}
.admin-bar .menu-link {padding-top: calc(141px + 32px)}
.menu-link.active {opacity: 1; transform: translateY(0); display: block; gap: 18px;}
.menu-burger .close-menu, .menu-burger.open .open-menu {display: none;}
.menu-burger .open-menu, .menu-burger.open .close-menu {display: block;}
.menu-link-container {display: flex; gap: 25px; overflow: auto; height: 100%; padding-bottom: 60px;}
.menu-link-container::-webkit-scrollbar {display: none;}
.menu-link-container > div {flex: 1;}
.header-menu-bloc-img {flex-wrap: wrap; display: flex; gap: 25px;}
.header-menu-bloc-img img, .header-menu-bloc-img svg {height: 200px;}
.menu-link-container .header-menu-bloc-img {position: relative; width: 100%; height: 500px;}
.menu-link-container .header-menu-bloc-img:last-child {margin-top: 50px; height: 450px;}
.menu-link-container .header-menu-bloc-img:nth-child(1) img:nth-child(1) {border-right: solid 25px var(--color-bg); border-top: solid 25px var(--color-bg); height: auto; width: 55%; position: absolute; bottom: 0; z-index: 1;}
.menu-link-container .header-menu-bloc-img:nth-child(1) img:nth-child(2) {width: 55%; height: calc(100% - 155px); right: 0; position: absolute; object-fit: cover; overflow: hidden;}
.menu-link-container .header-menu-bloc-img:nth-child(1) img:nth-child(3) {background: var(--color-primary); padding: 10px; width: 130px; height: 130px; left: 55%; position: absolute; bottom: 0;}
.menu-link-container .header-menu-bloc-img:last-child img:nth-child(1) {top: 0; z-index: 1; width: calc(100% - 155px); height: 55%; position: absolute; object-fit: cover; overflow: hidden;}
.menu-link-container .header-menu-bloc-img:last-child img:nth-child(2) {background: var(--color-secondary); padding: 10px; width: 130px; height: 130px; right: 0; position: absolute; bottom: 45%;}
.menu-link-container .header-menu-bloc-img:last-child img:nth-child(3) {border-left: solid 25px var(--color-bg); border-top: solid 25px var(--color-bg); height: 45%; width: 70%; position: absolute; bottom: 0; z-index: 1; left: -100px; object-fit: cover; overflow: hidden;}
.menu-link-menu .menu-header {padding: 25px; background: var(--color-primary); margin: 25px 0 0 0; list-style: none;}
.menu-link-menu .menu-header > li > a {color: white; text-transform: uppercase; font-size: 22px; display: block; padding: 10px 0;}
.menu-link-menu .menu-header > li:not(:last-child) > a {border-bottom: solid 1px white;}
.menu-link-menu .menu-header2 > li:first-child > a {padding-top: 0;}
.menu-link-menu .menu-header2 > li:last-child > a {padding-bottom: 0;}
.menu-link-menu .menu-header2 {padding: 25px; list-style: none; margin-top: 0;}
.menu-link-menu .menu-header2 > li > a {color: var(--color-title); font-size: 22px; display: block; padding: 10px 0;}
.menu-link-menu .menu-header2 > li:not(:last-child) > a {border-bottom: solid 1px var(--color-title);}
.header-langues .gtranslate_wrapper {display: flex; flex-direction: row; gap: 8px; flex-wrap: wrap;}
.header-langues .gtranslate_wrapper img {object-fit: cover; overflow: hidden; margin: 0; width: 24px; height: 24px; border-radius: 50px;}
.menu-link-menu .menu-item {position: relative;}
.menu-link-menu .menu-header > .menu-item:hover > a {background: var(--color-secondary); font-weight: 700; border-color: var(--color-secondary) !important; padding-left: 10px;}
.no-scroll {overflow: hidden;}
.sub-menu {opacity: 0; visibility: hidden; background: var(--color-secondary) !important; padding: 0px 25px 0px 25px !important; position: relative; z-index: 9999; width: 100%; max-height: 0;}
.sub-menu li {width: 100%;}
.sub-menu li a {line-height: 1.2; text-transform: initial !important; border: none !important; font-size: 18px !important; color: white;}
.menu-link li:hover .sub-menu {transition: .4s; opacity: 1; visibility: visible; max-height: 100%; padding: 10px 25px 20px 25px !important;}
.header-menu-btns {display: flex; gap: 20px; align-items: center;}



@media screen and (max-width: 991px) {
    .menu-link .header-menu-bloc-img:last-child {display: none;}
    #header .btn1, #header .btn2 {min-width: auto;}
}

@media screen and (max-width: 767px) {
    #site-logo img {max-width: 200px;}
    #header.scrolled {backdrop-filter: none !important;}
    .sub-menu {visibility: visible; position: relative; padding: 6px 0 0 10px !important; background: transparent !important; list-style: none; opacity: .7 !important; max-height: 100%;}
    .menu-link-menu .menu-header > .menu-item:hover > a {background: transparent; ; font-weight: initial; padding-left: 0; border-color: white;}
    .menu-link-menu {padding-bottom: 40px;}
    
}

@media screen and (max-width: 634px) {
    .menu-link {padding-top: 220px;}
    .admin-bar .menu-link {padding-top: calc(220px + 32px);}
    .header-menu-btns {gap: 10px; flex-direction: column; position: relative;}
    .header-menu-btns .header-langues {position: absolute; left: -35px; top: calc(50% - 28px);}
    .menu-link-container {flex-direction: column-reverse;}
    #header.active .header-menu-btns {position: absolute; flex-direction: row; width: 100%; bottom: -90px;}
    #header.active .header-menu-btns .header-langues {position: relative; left: 0;}
    #header:not(.active) .header-langues, .menu-link .header-menu-bloc-img {display: none;}
  
  
}

@media screen and (max-width: 480px) {
    #site-logo img {max-width: 130px;}
    #header .btn1, #header .btn2 {min-height: 50px; font-size: 16px;}
    .menu-burger svg {height: 30px;}
    #header {padding: 15px 0;}
    #container {padding-top: 111px;}
    #header.active .header-menu-btns {bottom: -55px;} 
    .menu-link {padding-top: 170px;} 
    .admin-bar .menu-link {padding-top: calc(170px + 46px);} 
    .menu-link-menu .menu-header, .menu-link-menu .menu-header2 {margin-top: 0; padding: 5px 20px;}
    .menu-link-menu .menu-header2 {padding-bottom: 0px; margin-bottom: 0; padding-top: 10px;}
    .menu-link-menu .menu-header > li > a, .menu-link-menu .menu-header2 > li > a {font-size: 18px;}
    .header-langues .gtranslate_wrapper {max-width: 60px; gap: 5px; flex-wrap: wrap;}
    .header-langues .gtranslate_wrapper a.glink {width: calc(50% - 3px);}
    
}
/* END HEADER */



/* START HOME */
.top-home-content {background-position: center; background-size: cover; padding: 40px; position: relative; margin-top: 40px; height: calc(100vh - 181px); min-height: 500px; margin-left: 66px;}
.top-home-content:before {background-position: center; background-size: cover; padding: 40px; position: relative; margin-top: 40px; height: calc(100vh - 181px); min-height: 500px;}
.top-home-content-txt {max-width: calc(100% - 400px);}
.top-home-content h1 {color: white; text-transform: uppercase; font-size: 20px;}
.top-home-content .titre-home-line2 {color: white; text-transform: uppercase; font-size: 40px; font-weight: 700; border-bottom: solid 2px white; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px;}
.top-home-content .titre-home-line3 {color: white; text-transform: uppercase; font-size: 26px; line-height: 1.2; margin-top: 10px;}
.top-home-content .top-home-img {position: absolute; top: -40px; right: 0; border-bottom: solid 25px white; border-left: solid 25px white; width: 400px;}
.top-home {padding-bottom: 150px; overflow: hidden;}
.top-home .container {position: relative;}
.top-home .container:before {content: ""; position: absolute; display: block; width: 132px; height: 132px; background: var(--color-primary); bottom: -66px;}
.story-home {background-color: var(--color-bg);}
h2 .h2-line, h3.h2-line {display: block; border-top: solid 2px var(--color-title); font-weight: 300; margin-top: 15px; padding-top: 15px;}
.story-home .disp-flex .col50:first-child {padding: 80px 0;}
.story-home .disp-flex .col50:last-child {overflow: hidden; position: relative;}
.story-home .disp-flex .col50 .demi-container {margin-right: 0;}
.story-home .disp-flex .col50:last-child img {display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.parc-home {padding: 80px 0;}
.parc-home h2 {margin-bottom: 40px;}
.parc-home .parc-home-l1 > .col40 {background: var(--color-primary); padding: 80px 40px; display: flex; flex-direction: column; justify-content: center;}
.parc-home .parc-home-l1 > .col40 p {color: white; margin: 5px 0;}
.parc-home .parc-home-l1 > .col40 .btn2 {margin-top: 30px;}
.parc-home .parc-home-l1 .parc-home-l1-img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.parc-home .parc-home-l2 {max-width: 1000px; margin: 30px auto;}
.parc-home .parc-home-l2 > div:nth-child(1) img {display: block; width: 100%; height: 100%; object-fit: cover; max-height: 400px;}
.parc-home .parc-home-l2 > div:nth-child(2) img {display: block; width: 100%; height: 100%; object-fit: cover; max-height: 600px;}
.parc-home .parc-home-l3 .parc-home-l3-img img {object-fit: cover; overflow: hidden; width: 100%; height: 100%;}
.chambres-home {background-color: var(--color-bg); padding: 80px 0; position: relative;}
.chambres-home h2 {text-align: center; max-width: 600px; margin: auto;}
.chambres-home .intro {text-align: center; margin-top: 30px;}
.chambres-home .intro p {margin: 5px 0;}
.listing-chambres-home {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 30px;}
.listing-chambres-home .bloc-chambres-home-title {width: calc(40% - 15px); display: flex; align-items: end; justify-content: end;}
.listing-chambres-home .bloc-chambres-home-title .bloc-chambres-home-title-content {background: var(--color-secondary); width: 300px; padding: 60px 25px 25px 25px;}
.listing-chambres-home h3 {color: white; margin: 0;}
.listing-chambres-home .bloc-chambres-home:nth-child(3) .bloc-chambres-home-content, .listing-chambres-home .bloc-chambres-home:nth-child(6) .bloc-chambres-home-content {display: flex; flex-direction: column-reverse;}
.listing-chambres-home .bloc-chambres-home:nth-child(3):before, .listing-chambres-home .bloc-chambres-home:nth-child(6):before {top: auto; bottom: 0;}
.listing-chambres-home .bloc-chambres-home:nth-child(3) .bloc-chambres-home-content-hover, .listing-chambres-home .bloc-chambres-home:nth-child(6) .bloc-chambres-home-content-hover {display: flex; flex-direction: column-reverse;}
.bloc-chambres-home {background-position: center; background-size: cover; position: relative; padding: 25px;}
.bloc-chambres-home:before {content: ""; position: absolute; background: var(--color-primary); height: 100%; width: 100%; max-width: 310px; left: 0; top: 0; z-index: 0; max-height: 125px; transition: .4s; z-index: 1;}
.bloc-chambres-home:hover:before {content: ""; max-width: 100%; max-height: 100%;}
.bloc-chambres-home-content-hover {opacity: 0; visibility: hidden; transition: .4s;}
.bloc-chambres-home:hover .bloc-chambres-home-content-hover {opacity: 1; visibility: visible;}
.bloc-chambres-home-content {position: relative; z-index: 2;}
.bloc-chambres-home-content h3 {max-width: 260px;}
.bloc-chambres-home-content h3 span {display: block; font-size: 22px; font-weight: 700;}
.listing-ecuries .listing-chambres-home .bloc-chambres-home {min-height: 400px;}
.listing-ecuries .listing-chambres-home .bloc-chambres-home:nth-child(3) .bloc-chambres-home-content {height: 100%;}
.listing-ecuries .listing-chambres-home .bloc-chambres-home:nth-child(3) .bloc-chambres-home-content h3, .listing-ecuries .listing-chambres-home .bloc-chambres-home:nth-child(3) .bloc-chambres-home-content .bloc-chambres-home-content-hover {margin-top: auto;}
.listing-chambres-home .bloc-chambres-home {width: calc(50% - 15px);}
.listing-chambres-home .bloc-chambres-home:nth-child(2) {width: calc(60% - 15px - 60px); margin-right: 60px; margin-bottom: -100px; z-index: 9; border-bottom: solid 30px var(--color-bg); border-left: solid 30px var(--color-bg); margin-left: -30px;}
.listing-chambres-home .bloc-chambres-home:nth-child(3) {width: calc(50% - 15px - 60px); margin-left: 60px;}
.listing-chambres-home .bloc-chambres-home:nth-child(4) {margin-top: 70px; margin-bottom: -100px;z-index:0}
.listing-chambres-home .bloc-chambres-home:nth-child(5) {width: calc(60% - 15px); border-top: solid 30px var(--color-bg); border-right: solid 30px var(--color-bg); margin-right: -30px; margin-top: -30px;}
.listing-ecuries .listing-chambres-home .bloc-chambres-home:nth-child(5):hover:before {max-width: 310px; max-height: 125px;}
.listing-chambres-home .bloc-chambres-home:nth-child(6) {width: calc(40% - 15px); margin-top: 100px;}
.bloc-chambres-home-details {padding: 0; margin: 25px 0; list-style: none; display: flex; flex-wrap: wrap; gap: 25px; column-gap: 25px; row-gap: 12px; opacity: .8;}
.bloc-chambres-home-details li {width: calc(50% - 13px); display: flex; align-items: center; gap: 10px; color: white; border-bottom: solid 1px white; padding-bottom: 8px;}
.bloc-chambres-home-details li img {filter: brightness(0) invert(1); max-height: 22px;}
.chambres-home:before {content: ""; background-image: url(/wp-content/uploads/2026/06/FAVICON-500X500-transparent.svg); width: 200px; height: 300px; display: block; bottom: 0; position: absolute; background-repeat: no-repeat; background-position: center; right: 5%; opacity: .5;}
.hebergements-home {padding: 80px 0; position: relative;}
.hebergements-home h2 {text-align: center; max-width: 600px; margin: auto;}
.hebergements-home .intro {text-align: center; margin-top: 30px;}
.hebergements-home .intro p {margin: 5px 0;}
.listing-hebergements-home .bloc-hebergements-home:nth-child(odd) {margin-right: 100px;}
.listing-hebergements-home .bloc-hebergements-home:nth-child(even) {margin-left: 100px;}
.bloc-hebergements-home {background-position: center; background-size: cover; position: relative; padding: 0; display: flex; gap: 30px; min-height: 600px;}
.bloc-hebergements-home:before {content: ""; background: black; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; transition: .4s;}
.bloc-hebergements-home .bloc-hebergements-home-left {padding: 25px; max-width: 40%; width: 500px; height: 100%; transition: .4s;}
.bloc-hebergements-home .bloc-hebergements-home-left:after {content: ""; background-image: url(/wp-content/uploads/2026/06/FAVICON-500X500-transparent.svg); width: 200px; height: 200px; display: block; bottom: 5%; position: absolute; z-index: 1; background-repeat: no-repeat; background-position: center; left: -5%; opacity: 0;}
.bloc-hebergements-home .bloc-hebergements-home-left:before {content: ""; position: absolute !important; display: block; left: 0; top: 0; max-height: 200px; width: 500px; background: var(--color-primary); transition: .4s; z-index: 1 !important; height: 100%; max-width: 500px;}
.bloc-hebergements-home:hover .bloc-hebergements-home-left:before {max-height: 100%;}
.bloc-hebergements-home:hover .bloc-hebergements-home-left:after {opacity: .3 !important;}
.bloc-hebergements-home .bloc-hebergements-home-left * {color: white; position: relative; z-index: 2;}
.bloc-hebergements-home .bloc-hebergements-home-left .bloc-hebergements-home-desc p {font-size: 16px;}
.bloc-hebergements-home .bloc-hebergements-home-right {margin-left: auto; max-width: 600px; width: 50%; margin-top: auto; padding: 25px;}
.listing-hebergements-home {margin-top: 40px; display: flex; flex-direction: column; gap: 30px;}
.bloc-hebergements-home-right-details {padding: 0; margin: 25px 0; list-style: none; opacity: .8; flex-wrap: wrap; display: flex; column-gap: 15px; row-gap: 10px;}
.bloc-hebergements-home-right-details li {display: flex; align-items: center; gap: 10px; color: white; padding-bottom: 10px; position: relative; margin-bottom: 8px; line-height: 1.2; width: calc(50% - 8px);}
.bloc-hebergements-home-right-details li:not(:last-child):before {content: ""; display: block; position: absolute; height: 1px; width: 100%; background: white; bottom: 0; max-width: 120px; left: 45px;}
.bloc-hebergements-home-right-details li:last-child {border: none !important;}
.bloc-hebergements-home-right-details li .bloc-hebergements-home-right-details-img {width: 35px; max-height: 22px; min-width: 35px;}
.bloc-hebergements-home-right-details li img {filter: brightness(0) invert(1); max-height: 22px; max-width: 30px;}
.bloc-hebergements-home-left h3 span {font-weight: 700; display: block; font-size: 24px;}
.bloc-hebergements-home-left .bloc-hebergements-home-desc, .bloc-hebergements-home-right {opacity: 0; visibility: hidden; transition: .4s;}
.bloc-hebergements-home:hover .bloc-hebergements-home-left .bloc-hebergements-home-desc, .bloc-hebergements-home:hover .bloc-hebergements-home-right {opacity: 1; visibility: visible;}
.bloc-hebergements-home:hover:before {opacity: .5;}
.bloc-hebergements-home:hover .bloc-hebergements-home-left {max-height: 100%;}
.evenements-home h2, .evenements-home .intro {text-align: center;}
.evenements-home .intro {margin-bottom: 40px;}
.evenements-home .subtitle {text-align: center; font-size: 26px; text-transform: uppercase; position: relative;}
.evenements-home .subtitle:before {content: ""; background: var(--color-secondary); position: absolute; top: -10px; height: 2px; display: block; width: 100%; max-width: 400px; left: calc(50% - 200px);}
.evenements-home img {margin-top: -35px;}
.room-page-region .office-tourisme-content {background: var(--color-primary);}
.room-page-region .office-tourisme-content .h2-line {border-color: white;}
.office-tourisme-content a:not(.btn2), .sect-desc-chambre .desc-chambre-flex2 > div:first-child a:not(.btn2), .parc-home .parc-home-l1 > .col40 a:not(.btn2), .castle-text a:not(.btn2), .bloc-hebergements-home .bloc-hebergements-home-left  a:not(.btn2), .big-event a:not(.btn2), .salle-card-content a:not(.btn2), .activity-item:nth-child(even) .activity-content a:not(.btn2) {color: white; text-decoration: underline;}

.castle-grid {display: grid; grid-template-columns: minmax(24px, 1fr) 400px 600px minmax(24px, 1fr); gap: 30px; align-items: start; margin-top: 30px;}
.castle-img img {width: 100%; height: 100%; display: block; object-fit: cover;}
.castle-img-top-left {grid-column: 2 / 3;}
.castle-img-top-right {grid-column: 3 / 4;}
.castle-text {grid-column: 1 / 3; background: var(--color-primary); padding: 40px; margin-top: -190px;}
.castle-text-content {max-width: 530px; margin-left: auto; margin-right: 0;}
.castle-text-content p {color: white;}
.castle-img-bottom-right {grid-column: 3 / 5;}
.castle-img-top-left {height: 330px;}
.castle-img-top-right {height: 520px;}
.castle-img-bottom-right {height: 500px; position: relative;}
.castle-img-bottom-right img {border-left: solid 30px white; border-bottom: solid 30px white; margin-left: -30px; margin-bottom: -30px; min-width: calc(100% + 30px); min-height: calc(100% + 30px);}
.castle-img-top-left-last {width: calc(100% + 160px); height: 550px;}
.castle-grid .castle-img-top-right:last-child {height: 310px; margin-left: 160px; max-width: 330px;}


@media screen and (max-width: 849px) {
    .top-home-content {margin: 0; min-height: 700px;}
    .top-home .container:before {left: -66px;}
    .top-home-content .top-home-img {top: auto; bottom: -40px; border-bottom: none; border-top: solid 25px white; right: -25px; max-width: 70%; z-index: 2;}
    .top-home-content-txt {max-width: 100%;}
    .listing-hebergements-home .bloc-hebergements-home {margin: 0 !important; flex-direction: column;}
    .bloc-hebergements-home .bloc-hebergements-home-left {width: 100%; max-width: 100%; position: relative; overflow: hidden;}
    .bloc-hebergements-home-left .bloc-hebergements-home-desc, .bloc-hebergements-home-right {opacity: 1; visibility: visible;}
    .bloc-hebergements-home .bloc-hebergements-home-left:before {max-height: 100%;}
    .bloc-hebergements-home:before {opacity: .5 !important;}
    .bloc-hebergements-home .bloc-hebergements-home-right {width: 100%; max-width: 100;}
}
@media screen and (max-width: 768px) {
    .story-home .disp-flex, .parc-home .disp-flex {flex-direction: column;}
    .story-home .disp-flex > div, .parc-home .disp-flex > div {width: 100% !important;}
    .story-home .disp-flex .col50:last-child {min-height: 500px;}
    .story-home .disp-flex .col50:first-child {padding: 50px 0 0 0;}
    .listing-chambres-home .bloc-chambres-home, .bloc-chambres-home-title {width: 100% !important; margin: 0 !important; border: none !important;}
    .listing-chambres-home .bloc-chambres-home-title {width: 100% !important; display: block;}
    .listing-chambres-home .bloc-chambres-home-title .bloc-chambres-home-title-content {width: 100% !important;}
    .listing-hebergements-home .bloc-hebergements-home:nth-child(odd) {margin-right: 30px;}
    .listing-hebergements-home .bloc-hebergements-home:nth-child(even) {margin-left: 30px;}
    .bloc-chambres-home:hover .bloc-chambres-home-content h3:after {display: none;}
    .bloc-hebergements-home-right-details {margin-top: 0;}
    .bloc-hebergements-home-right-details li {width: 100%;}
    .bloc-chambres-home:before {max-width: 100%; max-height: 100%; background: black; opacity: .7;}
    .bloc-chambres-home-content-hover {opacity: 1; visibility: visible;}
    .bloc-chambres-home-details li {width: 100%;}
    .listing-chambres-home .bloc-chambres-home:nth-child(3) .bloc-chambres-home-content, .listing-chambres-home .bloc-chambres-home:nth-child(6) .bloc-chambres-home-content, .listing-chambres-home .bloc-chambres-home:nth-child(3) .bloc-chambres-home-content-hover, .listing-chambres-home .bloc-chambres-home:nth-child(6) .bloc-chambres-home-content-hover {flex-direction: column !important;}
    .chambres-home {padding: 40px 0;}
    .top-home {padding-bottom: 105px;}
    .story-home h2 {margin-top: 0;}
    .top-home-content {padding: 25px;}
    .top-home-content:after {content: ""; background: black; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: .2; z-index: 1;}
    .top-home-content .top-home-content-txt {position: relative; z-index: 2;}
    .parc-home {padding: 40px 0;}
    .parc-home .parc-home-l1 > .col40 {padding: 25px;}
    .top-home-content .titre-home-line2 {font-size: 30px;}
    .castle-img-bottom-right img {border: none !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important;}
    .castle-grid .castle-img-top-right:last-child {max-width: 100% !important;}
    
}

/* END HOME */


/* START CHAMBRES */
.sect-intro {text-align: center; max-width: 1000px; margin: auto; padding: 60px 0;}
.sect-intro h2 {max-width: 600px; margin: auto;}
.list-pres-chambres-parent {columns: 2; padding: 80px 0; gap: 0;}
.bloc-pres-chambres-parent {break-inside: avoid;}
.bloc-pres-chambres-parent:nth-child(1) {padding-right: 25px; padding-bottom: 25px;}
.bloc-pres-chambres-parent:nth-child(3) img {display: block; border-left: solid 25px white; border-bottom: solid 25px white; margin-left: -25px; position: relative;}
.bloc-pres-chambres-parent:nth-child(4) {padding-left: 25px; padding-top: 25px;}
.img-large-bottom img {display: block; width: 100%;}
.booking-section {padding: 80px 0 0 0;}
.booking-title {text-align: center; margin-bottom: 55px; position: relative;}
.booking-title::after {content: ""; display: block; width: 460px; max-width: 80%; height: 2px; background: #657171; margin: 15px auto 0;}
.booking-box {display: grid; grid-template-columns: 240px 1fr; background: var(--color-secondary);}
.booking-tabs {background: #fff;}
.booking-tab {width: 100%; background: transparent; color: var(--color-secondary);}
.booking-tab:before {border-color: var(--color-secondary);}
.booking-tab.active:before {border-color: white;}
.booking-tab.active {background: var(--color-secondary); color: #fff; border-color: #fff;}
.booking-form {padding: 65px 65px 30px; text-align: center;}
.booking-form .booking-field {position: relative;}
.booking-fields {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; margin-bottom: 45px;}
.booking-field label {display: block; color: #fff; text-transform: uppercase; font-size: 15px; margin-bottom: 20px;}
.booking-field input, .booking-field select {width: 100%; height: 110px; border: 2px solid #fff; background: transparent; color: #fff; text-align: center; font-size: 22px; padding: 0 15px;}
.booking-field input {font-size: 18px;}
.booking-field select option {color: #000;}
.booking-note {color: #fff; font-size: 15px; margin: 0; padding-top: 20px;}
.booking-note a, .booking-note p {color: #fff; text-decoration: none;}
.booking-mail {display: none; padding: 65px; color: #fff; text-align: center;}
.booking-box.is-mail .booking-form {display: none;}
.booking-box.is-mail .booking-mail {display: block;}
.booking-mail p {color: white;}
.sect-desc-chambre .desc-chambre-flex1 > div:first-child img {object-fit: cover; height: 100%; display: block; width: 100%;}
.sect-desc-chambre .desc-chambre-carac {background: var(--color-bg); padding: 40px; margin-top: 40px;}
.sect-desc-chambre .desc-chambre-carac .demi-container {margin-left: 0;}
.sect-desc-chambre .desc-chambre-carac ul {padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 30px; align-items: baseline;}
.sect-desc-chambre .desc-chambre-carac ul li {display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: bold; width: calc(25% - 23px); text-align: center; font-size: 18px;}
.sect-desc-chambre .desc-chambre-carac ul li img {filter: brightness(1) invert(1); max-height: 40px; margin-bottom: 10px;}
.sect-desc-chambre .desc-chambre-txt {padding: 40px 0 100px 40px;}
.sect-desc-chambre .desc-chambre-txt .demi-container {margin-left: 0;}
.sect-desc-chambre .desc-chambre-flex2 {margin-top: 30px;}
.sect-desc-chambre .desc-chambre-flex2 > div:first-child {background: var(--color-primary); padding: 30px 40px; display: flex; position: relative; overflow: hidden;}
.sect-desc-chambre .desc-chambre-flex2 > div:first-child:before {content: ""; background-image: url(/wp-content/uploads/2026/06/FAVICON-500X500-transparent.svg); width: 200px; height: 300px; display: block; bottom: 5%; position: absolute; background-repeat: no-repeat; background-position: center; right: 5%; opacity: .3;}
.sect-desc-chambre .desc-chambre-flex2 > div:first-child .container {position: relative; z-index: 2;}
.sect-desc-chambre .desc-chambre-flex2 .desc-chambre-flex2-txt * {color: white;}
.sect-desc-chambre .desc-chambre-flex2 .desc-chambre-flex2-txt-title {font-size: 26px; text-transform: uppercase; margin-top: 0; margin-bottom: 15px;}
.sect-desc-chambre .desc-chambre-flex2 > div:last-child img {object-fit: cover; height: calc(100% + 80px); display: block; margin-top: -80px; max-height: 456px; width: 100%;}
.gallery-room {padding: 80px 0 160px 0;}
.gallery-room-grid {display: grid; grid-template-columns: 1.1fr 0.9fr 0.9fr; grid-template-areas:
        ". img1 img2"
        "img3 img4 text";
    gap: 30px;}
.gallery-room-item img {width: 100%; height: 100%; display: block; object-fit: cover;}
.gallery-room-item-1 {grid-area: img1; height: 445px; margin-left: -100%; overflow: hidden;}
.gallery-room-item-2 {grid-area: img2; height: 445px; align-self: start;}
.gallery-room-item-3 {grid-area: img3; height: 300px;}
.gallery-room-item-4 {grid-area: img4; height: auto; margin-bottom: -100px; position: relative;}
.gallery-room-item-4:before {content: "";width: 130px; height: 130px; display: block; position: absolute; background: var(--color-bg); bottom: -65px; left: -65px; z-index: 1;}
.gallery-room-item-4 img {position: relative; z-index: 2;}
.gallery-room-text {grid-area: text; align-self: center; padding: 0 25px;}
.sect-list-soeurs-chambre {background-color: var(--color-bg); padding: 80px 0; margin-top: 80px;}
.sect-list-soeurs-chambre h2 {text-align: center; max-width: 600px; margin: auto;}
.sect-list-soeurs-chambre .netclic-slide h3 {background-color: var(--color-primary); color: white; font-weight: bold; font-size: 22px; margin: 0; padding: 25px;}
.sect-list-soeurs-chambre .netclic-slide h3 span {font-weight: 300; font-size: 26px; display: block;}
.listing-soeurs-room {margin-top: 40px;}
.booking-section .assoc-quote {max-width: 600px; margin: auto; padding: 50px 0 0 0;}
.listing-soeurs-room .netclic-slide img {object-fit: cover; height: 300px;}
input[type="date"]::-webkit-calendar-picker-indicator {filter: invert(1);}
.page-listing .story-hebergement-inde {background: var(--color-bg);}
.title-logement-inde .hero-page .hero-page-content h1 {font-size: 20px; font-weight: 300;}
.title-logement-inde .hero-page .hero-page-content p {font-size: 36px; font-weight: 700;}


@media (max-width: 991px) {
  .booking-box {grid-template-columns: 1fr;}
  .booking-tabs {display: flex; gap: 0px;}
  .booking-tab {margin-bottom: 0;}
  .booking-form {padding: 40px 25px;}
  .booking-fields {grid-template-columns: repeat(2, 1fr); gap: 25px;}
    .sect-desc-chambre > .disp-flex {flex-direction: column;}
    .sect-desc-chambre > .disp-flex > div {width: 100% !important;}
    .desc-chambre-flex1 > .col50:first-child {display: none;}
    .sect-desc-chambre .desc-chambre-carac {margin-top: 0; padding: 25px 0;}
    .sect-desc-chambre .desc-chambre-txt {padding: 25px 0;}
    .gallery-room-grid {grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "img1 img2"
            "img3 img4"
            "text text";
    }

    .gallery-room-item-1, gallery-room-item-2, gallery-room-item-3, .gallery-room-item-4 {height: 300px;}
    .gallery-room-text {padding: 0;}
}

@media (max-width: 600px) {
    .booking-fields {grid-template-columns: 1fr;}
    .booking-field input, .booking-field select {height: 70px;}
    .booking-field input, .booking-field select {-webkit-appearance: none; appearance: none; min-height: 56px; line-height: 56px; padding: 0 45px 0 20px; box-sizing: border-box;}
    input[type="date"]::-webkit-date-and-time-value {text-align: center;min-height: 56px;}
    input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; right: 18px;}
    .sect-desc-chambre {padding-top: 0;}
    .sect-desc-chambre .desc-chambre-carac ul li {width: calc(50% - 15px);}
    .sect-desc-chambre .desc-chambre-carac ul li img {max-height: 35px; margin-bottom: 7px;}
    .sect-desc-chambre .desc-chambre-flex2 {margin-top: 0;}
    .sect-desc-chambre .desc-chambre-flex2 > div:first-child {padding: 25px 0;}
    .sect-desc-chambre .desc-chambre-flex2 > div:first-child:before {max-height: 200px; right: -5%;}
    .booking-tab {min-width: auto !important;}
    .booking-section {padding-top : 40px;}
    .sect-list-soeurs-chambre {margin-top: 40px; padding: 40px 0;}
    .gallery-room {padding: 40px 0 0 0;}
    .gallery-room-grid {grid-template-columns: 1fr; grid-template-areas:
            "img1"
            "img2"
            "img3"
            "img4"
            "text";
        gap: 20px;}
    .gallery-room-item-1, .gallery-room-item-2, .gallery-room-item-3, .gallery-room-item-4 {height: auto; margin-left: 0; margin-bottom: 0;}
    .gallery-room-text p {font-size: 18px;}
    .gallery-room-item-4:before {display: none;}
    .list-pres-chambres-parent {
    padding: 40px 0 !important;
    column-count: 1;}
    .bloc-pres-chambres-parent:nth-child(3) img {margin: 0 !important; border: none !important;}
    .bloc-pres-chambres-parent:nth-child(4) {padding:0 !important;}
    .title-logement-inde .hero-page .hero-page-content h1 {font-size: 18px;}
    .title-logement-inde .hero-page .hero-page-content p {font-size: 30px;}
}
/* END CHAMBRES */


/* START PRIVATISATIONS */
.sect-intro-privatisations {padding: 30px 0 68px 0;}
.sect-intro-privatisations .demi-container, .sect-seminaires-privatisations .demi-container {margin-right: 0;}
.sect-intro-privatisations img, .sect-seminaires-privatisations img, .sect-bienetre-privatisations img {width: 100%; height: 100%; object-fit: cover; display: block;}
.intro-privatisations-line1 img, .seminaires-privatisations-line1 img {border-left: solid 30px white; border-bottom: solid 30px white; position: relative; z-index: 1;}
.intro-privatisations-line1 .col50:first-child {padding: 80px 0; display: flex; align-items: center; justify-content: center;}
.intro-privatisations-line2 .col60 {position: relative;}
.intro-privatisations-line2 .col60 img {margin-top: -60px; height: calc(100% + 60px);}
.intro-privatisations-line2 .col60 p {background: var(--color-primary); color: white; max-width: 400px; padding: 40px; position: absolute; bottom: -68px; right: 0; margin: 0;}
.sect-event-privatisations > .disp-flex > .col50:last-child, .sect-bienetre-privatisations > .disp-flex > .col50:last-child {display: flex; align-items: center; justify-content: center; padding: 30px 0;}
.sect-event-privatisations .demi-container, .sect-bienetre-privatisations .demi-container {margin-left: 0;}
.sect-event-privatisations, .sect-bienetre-privatisations {padding: 80px 0;}
.sect-seminaires-privatisations .spl1-txt {padding: 60px 0 30px 0;}
.seminaires-privatisations-line2 .spl2-img {padding-bottom: 100px;}
.list-btns-infos {padding-bottom: 60px;}
.list-btns-infos .bloc-btn-infos img {max-height: 75px; height: 75px;}
.list-btns-infos .bloc-btn-infos {text-align: center;}

@media (max-width:768px){
    .intro-privatisations-line1, .intro-privatisations-line2 .disp-flex, .sect-seminaires-privatisations > .disp-flex, .seminaires-privatisations-line2 > .disp-flex {flex-direction: column;}
    .sect-seminaires-privatisations > .disp-flex {gap: 30px;}
    .intro-privatisations-line1 > div, .intro-privatisations-line2 .disp-flex > div, .sect-event-privatisations > .disp-flex > div, .sect-seminaires-privatisations > .disp-flex > div, .seminaires-privatisations-line2 > .disp-flex > div, .sect-bienetre-privatisations > .disp-flex > div {width: 100% !important;}
    .intro-privatisations-line1 .col50:first-child {padding: 0;}
    .sect-event-privatisations, .sect-bienetre-privatisations {padding: 40px 0;}
    .intro-privatisations-line1 img, .seminaires-privatisations-line1 img {border: none !important;}
    .intro-privatisations-line2 .col60 img {margin-top: 15px; margin-bottom: 15px; height: 100%;}
    .intro-privatisations-line2 .col60 p {position: relative; bottom: 0;}
    .intro-privatisations-line2 .col40 {margin-top: -15px;}
    .hero-page-content .btn-ancre {margin-top: 20px;}
    .sect-event-privatisations > .disp-flex, .sect-bienetre-privatisations > .disp-flex {flex-direction: column-reverse; gap: 30px;}
    .sect-event-privatisations > .disp-flex > .col50:last-child, .sect-bienetre-privatisations > .disp-flex > .col50:last-child {padding: 0;}
    .sect-intro-privatisations {padding-bottom: 0;}
    .sect-seminaires-privatisations .spl1-txt {padding: 0;}
    .seminaires-privatisations-line2 .spl2-img {padding-bottom: 0; padding-top: 15px;}
    .seminaires-privatisations-line2 .col40 img {margin-top: -15px;}
    .page-privatisations .hebergements-home {padding: 0 0 40px 0;}
    .list-btns-infos .bloc-btn-infos {width: 100%; display: flex; gap: 5px; justify-content: center; flex-direction: column; align-items: center;}
    
}
/* END PRIVATISATIONS */



/* START PAGE DECOUVRIR NOTRE REGION */
.sect-intro-region {padding:30px 0}
.sect-intro-region .demi-container{margin-right:0}
.intro-region img {width: 100%; height: 100%; display: block; object-fit: cover;}
.intro-region > div:first-child {display: flex; align-items: center; justify-content: center;}
.btn-ancre {padding:30px 0}
.activities-section {padding:30px 0}
.activities-section .h2-line-bottom {margin-top: 30px !important;}
.activities-list {display:flex;flex-direction:column;}
.activity-item {display:flex;align-items:stretch;margin-bottom:30px;}
.activity-image img {width:100%;height:100%;display:block;object-fit:cover;}
.activity-content {display:flex;align-items:center;padding:40px;}
.activity-content .demi-container {margin-left:0;margin-right:auto;}
.activity-item:nth-child(odd) .activity-content {background:var(--color-bg);}
.activity-item:nth-child(even) {flex-direction:row-reverse;}
.activity-item:nth-child(even) .activity-content {background:var(--color-primary);}
.activity-item:nth-child(even) .activity-content .demi-container {margin-left:auto;margin-right:0;}
.activity-item:nth-child(even) .activity-content h3,
.activity-item:nth-child(even) .activity-content p,
.activity-item:nth-child(even) .activity-content strong {color:#fff;}
.gastronomie-section {padding:0 0 30px 0;}
.gastronomie-list {align-items:stretch;margin:60px 0}
.gastro-card {width:25%;border:solid 1px var(--color-title);background:var(--color-secondary);}
.gastro-card:nth-child(even) {border-color:var(--color-primary);}
.gastro-card:nth-child(even) .gastro-card-content {background:var(--color-primary);}
.gastro-card-title {height:70px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 12px;}
.gastro-card:nth-child(even) .gastro-card-title h3 {color:var(--color-primary);}
.gastro-card-content {background:var(--color-secondary);padding:25px 18px 20px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;}
.gastro-line {display:block;width:1px;height:60px;background:#fff;margin:0 auto 25px;position:relative;}
.gastro-line:after {content:"";position:absolute;left:50%;bottom:-11px;width:10px;height:18px;border:solid 1px #fff;border-radius:50%;transform:translateX(-50%);}
.gastro-card ul {width:100%;list-style:none;margin:0 0 25px;padding:0;text-align:left;}
.gastro-card li {position:relative;margin:0 0 10px;padding-left:40px;font-weight:700;color:#fff;}
.gastro-card li:before {content:"";position:absolute;left:0;top:0;width:25px;height:25px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1);}
.gastro-type:before {background-image:url("/wp-content/uploads/2026/07/PICTO-COUVERTS.svg");}
.gastro-place:before {background-image:url("/wp-content/uploads/2026/07/PICTO-LOCALISATION.svg");}
.gastro-time:before {background-image:url("/wp-content/uploads/2026/07/PICTO-VOITURE.svg");}
.bloc-element-logo {width:40px;margin-bottom:20px}
/* office de tourisme */
.sect-office-tourisme {padding:30px 0 145px 0;}
.sect-office-tourisme .demi-container{margin-right:0}
.office-tourisme-content {background:var(--color-secondary);padding:65px 0;position:relative;z-index:2;border-bottom:30px solid #fff ;border-right:30px solid #fff }
.office-tourisme-content h2, .office-tourisme-content h3, .office-tourisme-content p {color:#fff;}
.office-tourisme-image {position:relative;z-index:1; margin-left:-80px;}
.office-tourisme-image img {object-fit:cover;display:block;min-width:calc(100% + 80px);margin-top:80px;height:100%;}



@media (max-width:900px){
    .gastronomie-list {flex-wrap:wrap;}
    .gastro-card {width:calc(50% - 15px);max-width:none;}
    .office-tourisme-content,.office-tourisme-image {width:100%!important; margin-right:0;}
    .office-tourisme-content .demi-container {max-width:none; margin:auto;}
    .office-tourisme-image img {height:420px; margin-top: -80px; min-width: 100% !important;}
    .sect-office-tourisme > .disp-flex, .sect-intro-region .disp-flex, .activities-section .disp-flex {flex-direction: column;}
    .sect-intro-region .disp-flex > div, .activities-section .disp-flex > div {width: 100% !important;}
    .sect-intro-region img {min-height: 400px;}
    .sect-intro-region .demi-container {margin: auto;}
    .office-tourisme-image {margin: 0 !important;}
    .office-tourisme-content {max-width: calc(100% - 40px);}
    .sect-office-tourisme {padding-bottom: 0;} 
    .btn-ancre .disp-flex {row-gap: 20px;}
    .btn-ancre .disp-flex > a {width: calc(50% - 25px);}
}

@media (max-width:600px){
    .gastro-card {width:100%;}
    .activity-content {padding: 20px 0;}
    .intro-region.gap50 {gap: 20px;}
    .btn-ancre {padding: 0;}
    .btn-ancre .disp-flex > a {width: calc(50% - 10px); min-width: auto; font-size: 14px;}
    .btn-ancre .disp-flex {gap: 20px !important;}
    .activity-item {margin-bottom: 0;}
    .office-tourisme-content {max-width: 100%; border: none;}
    .office-tourisme-image img {margin-top: 0 !important;}
    .sect-office-tourisme h2 {margin: 0;}
    .sect-office-tourisme .subtitle-p {margin-top: 10px; line-height: 1.2; font-size: 22px;}
    .office-tourisme-content {padding: 30px 0;}
    .bloc-element-logo img {height: 60px;}

}

/* END PAGE DECOUVRIR NOTRE REGION */



/* START PAGE AMIS */
.assoc-intro {padding:30px 0}
.assoc-intro .demi-container{margin-right:0}
.assoc-section .assoc-intro .col50:first-child {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.assoc-section img {width: 100%; height: 100%; object-fit: cover; display: block;}
.assoc-actions {position:relative;background:var(--color-secondary);padding:47px 0 65px 0;;overflow:hidden;}
.assoc-actions .container {position:relative;z-index:2}
.assoc-actions::before {content:"";position:absolute;right:200px;bottom:-30px;width:200px;height:300px;background:url("https://chateaudelaflocelliere.agence-netclic.fr/wp-content/uploads/2026/06/FAVICON-500X500-transparent.svg%22") center/contain no-repeat;z-index:1;}
.assoc-actions-title {text-align:center;color:#fff;}
.assoc-actions-list {justify-content:center;}
.assoc-action {max-width:300px;text-align:center;}
.assoc-icon img {width:60px;height:auto;object-fit:contain;display:block;margin:auto;filter: brightness(0) invert(1);}
.assoc-action p {font-weight:700;color:#fff;}
.assoc-icon {height: 100px;display: flex;}

.assoc-quote {padding:65px 0;}
.quote-icon img {width:180px;height:auto;display:block;}
.quote-text,.quote-text p,.quote-text strong,.quote-text em {color:var(--color-primary);font-size:24px; line-height: 1.2; margin: 10px 0;}

@media (max-width:768px){
    .assoc-section .assoc-intro {flex-direction: column; gap: 30px;}
    .assoc-section .assoc-intro > div {width: 100% !important;}
    .assoc-actions-list {flex-direction: column; justify-content: center; align-items: center; gap: 30px;}
    .assoc-actions::before {opacity: .3; height: 150px; right: -50px;}
    .assoc-icon {height: 85px;}
    .assoc-quote {padding: 40px 0;}
    .assoc-quote .disp-flex {align-items: flex-start;}
    .quote-text, .quote-text p, .quote-text strong, .quote-text em {font-size: 18px;}
    .quote-icon img {max-width: 50px;}
}
/* END PAGE AMIS */


/* START PAGE EQUIPE */
.team-section {padding:30px 0}
.team-section .demi-container{margin-left:0}
.team-intro img {width: 100%; height: 100%; object-fit: cover; display: block;}
.team-intro .col50:last-child {display: flex; flex-direction: column; align-items: center; justify-content: center;}

.team-grid {margin:auto;}
.team-card {position:relative;width:calc(33.33% - 20px);aspect-ratio:1/1;overflow:hidden;background:var(--color-bg);}
.team-card img {width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.team-overlay {position:absolute;inset:0;background:rgb(0 0 0 / 50%);opacity:0;visibility:hidden;transition:.4s;display:flex;align-items:flex-start;justify-content:flex-end;padding:0;}
.team-overlay-content {position:relative;background:var(--color-primary);padding:18px 16px;width:48%;min-height:48%;display:flex;flex-direction:column;justify-content:flex-start;}
.team-name,.team-role {position:relative;z-index:2;color:#fff;margin:0;text-align:left;line-height:1.2;}
.team-name {font-weight:700;margin-bottom:10px;}
.team-name::after {content:"";position:absolute;left:50%;bottom:-30%;transform:translateX(-50%);width:100%;height:2px;background: #fff}
.team-card:hover .team-overlay {opacity:1;visibility:visible;}


@media (max-width:768px){
    .team-intro {flex-direction: column; gap: 30px;}
    .team-intro > div {width: 100% !important;}
    .team-section {padding: 0 0 30px 0;}
    .team-card {aspect-ratio: auto;}
    .team-overlay {opacity: 1; visibility: visible; position: relative; height: 100%;}
    .team-overlay-content {width: 100%; height: 100%; min-height: auto; height: 100%;}
    .team-grid {gap: 15px;}
    .team-card {width: calc(33.33% - 10px);}
    .team-card img {height: 250px;}
}

@media (max-width:600px){
    .team-card {width: calc(50% - 8px);}
}

@media (max-width:400px){
    .team-card {width: 100%;}
}
/* END PAGE EQUIPE */



/* START CONTACT */
.page-contact {padding: 100px 0;}
.contact-detail {max-width: 1100px;margin: 0 auto;}
.contact-card {background: var(--color-bg);padding: 40px 30px;text-align: center;}
.contact-logo {max-width: 200px;width: 100%;height: auto;display: block;margin: 0 auto 30px;}
.contact-card p {margin: 0 0 18px;font-size: 18px;line-height: 1.4;}
.contact-card strong {font-weight: 700;}
.contact-info {margin-top: 26px;font-weight: 700;}
.contact-info a {color: var(--color-title);text-decoration: none;}
.contact-info a:hover {color: var(--color-primary);}
/* Formulaire */
.contact-form {width: 100%;}
.contact-form .wpcf7-form p {margin: 0 0 16px;}
.contact-form label {  font-size: 0;}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea {width: 100%;box-sizing: border-box;border-radius:0 !important;border: 1px solid var(--color-primary);padding: 14px 16px;color: var(--color-title);background: #fff;outline: none; font-size: 18px !important;}
.contact-form textarea {min-height: 280px;resize: vertical;}
.contact-form input:focus,.contact-form textarea:focus {border-color: var(--color-title);}
.contact-form .wpcf7-acceptance label {display: flex;gap: 12px;align-items: flex-start;font-size: 16px;line-height: 1.35;color: var(--color-title);}
.contact-form input[type="checkbox"] {margin-top: 4px;}
.contact-form textarea {min-height: 160px !important; height: 160px;}
.sect-acces-contact {margin-bottom: -100px; position: relative; z-index: 2}
.sect-acces-contact .disp-flex .col33 {background-color: var(--color-bg); padding: 40px;}
.sect-acces-contact .disp-flex .col33 h2 {margin: 0;}
.sect-acces-contact .disp-flex .col33 h2 span {display: block; font-weight: 300;}
.sect-acces-contact .disp-flex .col33 img {height: 40px; margin-top: 30px;}
.wpcf7 form .wpcf7-response-output {font-size: 18px; border: 2px solid #bba993 !important; background: var(--color-bg); padding: 10px 20px;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #bba993;}

@media (max-width:768px){
    .page-contact {padding: 40px 0;}
    .page-contact .contact-detail {flex-direction: column; gap: 30px;}
    .page-contact .contact-detail > div, .sect-acces-contact .disp-flex > div {width: 100% !important;}
    .wpcf7-acceptance .wpcf7-list-item-label {font-size: 14px;}
    .sect-acces-contact .disp-flex {flex-direction: column; gap: 15px;}
}
/* END CONTACT */



/* START PAGE HISTOIRE */
.history-layout{padding:80px 0;}
.history-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,710px) minmax(0,710px) minmax(0,1fr);grid-template-rows:auto auto;gap:30px;align-items:start;}
.history-img img{width:100%;height:100%;display:block;object-fit:cover;}
.history-text p{margin:0;}
/* 1ère image */
.history-img-left{grid-column:1 / 3;height:430px;width:100%}
/* Texte haut */
.history-text-top{grid-column:3 / 4;align-self:start;}
/* Image gauche */
.history-img-bottom{grid-column:2 / 3;display: flex;flex-direction: column;gap: 30px;}
/* Texte bas */
.history-text-bottom{grid-column:2 / 3;}
/* Image droite */
.history-img-right{grid-column:3 / 4;grid-row:2; }
 
 
.family-story {background-color: var(--color-bg);}
 
.family-story-image::after{content:"";position:absolute;inset:0;background:url("https://chateaudelaflocelliere.agence-netclic.fr/wp-content/uploads/2026/07/favicon-blanc.svg") center center / 300px auto no-repeat; pointer-events:none;}
.family-story-image img{display:block;width:100%;height:100%;object-fit:cover;}
.family-story .disp-flex .col55 {padding: 80px 0;}
.family-story .disp-flex .col45{overflow: hidden; position: relative;}
.family-story .disp-flex .col55 .demi-container {margin-right: 0;}
.family-story .disp-flex .col45 img {display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.story-parc {padding:65px 0;}
.story-parc h2 {text-align: center;max-width: 600px;margin: auto;}
.story-parc p{text-align: center;}
.btn-slider {margin:-35px auto 0 auto}
.story-parc .netclic-slider{margin-top:65px}
.story-parc .netclic-slider img{object-fit: cover;height:600px;width:100%;}
.mot-sandrine{background-color: var(--color-primary);}
.mot-sandrine .disp-flex .col40 {padding: 80px 0;}
.mot-sandrine-txt p{color:#fff}
.sandrine-image img{display:block;width:100%;height:100%;object-fit:cover;}
.mot-sandrine .disp-flex .col40 {padding: 80px 0;}
.mot-sandrine .disp-flex .col60{overflow: hidden; position: relative;}
.mot-sandrine .disp-flex .col40 .demi-container {margin-right: 0;}
.mot-sandrine .disp-flex .col60 img {display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.sign-sandrine{font-size:22px;font-weight:700}
.story-hebergement-inde {padding:65px 0;}
.story-hebergement-inde h2{text-align: center;max-width: 600px;margin: auto;}
.story-hebergement-inde p{text-align: center;}
.story-hebergement-inde .netclic-slider{max-width: 1000px;margin: 65px auto 0 auto;}
.story-hebergement-inde .netclic-slide p{border: 1px solid var(--color-primary);;text-transform:uppercase;color:var(--color-primary);margin:0;font-size:22px;font-weight:700;padding:15px; background: white;}
.story-hebergement-inde .netclic-slider img{object-fit: cover;width:100%; height:600px;}



@media screen and (min-width: 769px) {
    .story-hebergement-inde .netclic-slider .netclic-slide:nth-child(odd) {margin-top: 65px;}
    .story-hebergement-inde .netclic-slider-arrow {box-shadow: none;}
    .story-hebergement-inde .netclic-slider-arrow svg { height: 30px; fill: var(--color-primary);}
    .story-hebergement-inde .netclic-slider-arrow-prev {left: -60px;}
    .story-hebergement-inde .netclic-slider-arrow-next {right: -60px;}
    
}
@media screen and (max-width: 768px) {
    .family-story .disp-flex, .parc-home .disp-flex, .mot-sandrine > .disp-flex {flex-direction: column; gap: 30px;}
    .family-story .disp-flex > div, .parc-home .disp-flex > div, .mot-sandrine > .disp-flex > div {width: 100% !important;}
    .family-story .disp-flex .col45:last-child {min-height: 500px;}
    .family-story .disp-flex .col55:first-child {padding: 30px 0 0 0;}
    .history-grid {flex-direction: column; display: flex; padding-left: 15px; padding-right: 15px;}
    .story-parc, .story-hebergement-inde {padding: 40px 0;}
    .story-parc .netclic-slider img {height: 350px;}
    .story-hebergement-inde .netclic-slider {margin-top: 0;}
    .story-hebergement-inde .netclic-slider img {height: 300px;}
    .mot-sandrine .disp-flex .col40 {padding: 30px 0 0 0;}
    .mot-sandrine .disp-flex .col60 {min-height: 250px;}
}
/* END PAGE HISTOIRE */



/*START PAGE MARIAGE*/
.small-event{background-color:var(--color-bg);margin-top:30px;}
.small-event .disp-flex{align-items:flex-start;}
.small-event .disp-flex .col55{padding:80px 0;}
.small-event .disp-flex .col55 .demi-container{margin-right:0;}
.small-event .disp-flex .col45{overflow:hidden;}
.small-event-image{display:flex;flex-direction:column;width:100%;gap:30px;}
.small-event-image img{display:block;width:100%;object-fit:cover;}
.event-parc {padding:65px 0;}
.event-parc h2 {text-align: center;max-width: 600px;margin: auto;}
.event-parc p{text-align: center;}
.event-parc .netclic-slider{margin-top:65px}
.event-parc .netclic-slider img{object-fit: cover;height:600px;width:100%;}
.big-event{background-color:var(--color-primary);margin-top:30px;}
.big-event p , .big-event h2 , .big-event li {color:#fff}
.big-event .h2-line {border-top:2px solid #fff}
.big-event > .disp-flex .col50:last-child{padding:80px 0;}
.big-event .demi-container {margin-left:0;}
.big-event-image {height:100%}
.big-event-image img{display:block;width:100%;height:100%;object-fit:cover;}
.event-galerie{padding:70px 0;overflow:hidden;}
.event-galerie h2{margin-bottom:35px;text-transform:uppercase;}
.event-galerie .gallery-grid{position:relative;display:grid;grid-template-columns:0.7fr 1.3fr 1.4fr;grid-template-rows:400px 400px;gap:30px;align-items:center;}
.event-galerie .gallery-img{position:relative;z-index:2;}
.event-galerie .gallery-img img{display:block;width:100%;height:100%;object-fit:cover;}
.event-galerie .gallery-img-left{grid-column:1/2;grid-row:1/3;height:70%;align-self:center;}
.event-galerie .gallery-img-center{grid-column:2/3;grid-row:1/3;height:100%;align-self:center;}
.event-galerie .gallery-img-center img {position: relative}
.event-galerie .gallery-img-center:before {content: "";position: absolute;display: block;width: 100px;height: 100px;background: var(--color-bg);bottom: -50px;left:-50px}
.event-galerie .gallery-img-top-right{grid-column:3/4;grid-row:1/2;height:450px;transform:translateY(-55px);margin-left:-150px;border-left: 30px solid #fff;border-bottom: 30px solid #fff;}
.event-galerie .gallery-img-bottom-right{grid-column:3/4;grid-row:2/3;height:100%;width:100%;justify-self:end;transform:translateY(-60px);z-index:1}
.salle-event {padding:0 0 30px 0;}
.salle-list {align-items:stretch;margin:60px 0}
.salle-card {width:33%;border:solid 1px var(--color-primary);background:var(--color-primary);}
.salle-card-title {height:70px;background:#fff;display:flex;align-items:center;justify-content:center;}
.salle-event h3 {color : var(--color-primary);}
.salle-card-content {background:var(--color-primary);padding:25px 18px 20px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;}
.salle-card ul {width:100%;list-style:none;text-align:center;padding-left:0 !important}
.salle-card li {position:relative;color:#fff;font-weight:700;padding:15px}
.salle-taille{;font-size:25px;text-align: center}
.detail-salle {display: block;font-weight:300}

@media screen and (max-width: 768px) {
    .small-event > .disp-flex {flex-direction: column; gap: 30px;}
    .small-event > .disp-flex > div, .big-event > .disp-flex > div, .salle-card {width: 100% !important;}
    .small-event .disp-flex .col55, .big-event > .disp-flex .col50:last-child {padding: 20px 0;}
    .big-event > .disp-flex {flex-direction: column-reverse; gap: 30px;}
    .event-parc, .event-galerie {padding: 30px 0;}
    .event-galerie .gallery-grid {display: flex; flex-direction: column; gap: 0;}
    .event-galerie .gallery-img-top-right, .event-galerie .gallery-img-bottom-right {margin: 0 !important; border: none !important; transform: none !important;}
    .salle-event .salle-list {flex-direction: column; gap: 15px;}
    .hebergements-home {padding: 30px 0;}
    .salle-list {margin: 30px 0 0 0;} 
}
/* END PAGE MARIAGE */







/* START ACTUALITES */
.page-listing-actu .listing-actu {display: flex; flex-wrap: wrap; gap: 25px; max-width: 1200px; margin: auto;}
.page-listing-actu .listing-actu .bloc-listing-actu {display: flex; flex-direction: column; background: white; border-radius: 20px; overflow: hidden; border: solid 1px #D9D5CE; width: calc(33.33% - 16.66px);}
.page-listing-actu .listing-actu .bloc-listing-actu:first-child {display: flex; flex-direction: row; background: white; border-radius: 20px; overflow: hidden; border: solid 1px #D9D5CE; width: 100% !important;}
.page-listing-actu .listing-actu .bloc-listing-actu:first-child .col-bloc-listing-actu {flex: 1;}
.page-listing-actu .listing-actu .bloc-listing-actu:first-child .col-bloc-listing-actu:first-child a {display: block; height: 100%;}
.page-listing-actu .listing-actu .bloc-listing-actu .col-bloc-listing-actu:last-child {padding: 20px 30px; display: flex; flex-direction: column;}
.page-listing-actu .listing-actu .bloc-listing-actu:first-child .col-bloc-listing-actu:last-child {padding: 25px 40px;}
.page-listing-actu .listing-actu .bloc-listing-actu:first-child .col-bloc-listing-actu:last-child .meta-actu {margin-top: auto;}
.page-listing-actu .listing-actu .bloc-listing-actu:first-child .col-bloc-listing-actu:first-child a img {height: 100%; max-height: 400px; display: block; object-fit: cover; overflow: hidden; width: 100%;}
.page-listing-actu .listing-actu .bloc-listing-actu:not(:first-child) .col-bloc-listing-actu img {height: 210px; display: block; object-fit: cover; overflow: hidden; width: 100%;}
.page-listing-actu .listing-actu .bloc-listing-actu h2 {margin: 0;}
.page-listing-actu .listing-actu .bloc-listing-actu h2 a {font-size: 22px; color: var(--color-title);}
.page-listing-actu .listing-actu .bloc-listing-actu .extrait-actu {font-size: 16px;}
.page-listing-actu .listing-actu .bloc-listing-actu .meta-actu {display: flex; gap: 20px; align-items: center; flex-wrap: wrap;}
.page-listing-actu .listing-actu .bloc-listing-actu .meta-actu > a {margin-left: auto;}
.date-actu, .min-actu {display: flex; gap: 6px; font-size: 14px; align-items: center;}
.date-actu svg, .min-actu svg {fill: var(--color-text); height: 22px;}
.content-single-article {display: flex; gap: 40px; padding: 60px 0; max-width: 1200px; margin: auto;}
.content-single-article h3 {font-size: 28px;}
.content-single-article .inside-single-article {width: 70%;}
.content-single-article .sidebar-article {width: 30%;}
.article-content blockquote {position: relative; margin: 40px 0; padding: 35px 40px 35px 70px; background: #ffffff; border-left: 6px solid var(--color-primary); border-radius: 12px;}
.article-content blockquote::before {content: "\201C"; position: absolute; top: 10px; left: 22px; font-size: 70px; line-height: 1; color: var(--color-primary); opacity: .15; font-family: Georgia, serif;}
.article-content blockquote p {margin: 0; font-size: 1.2rem; line-height: 1.8; font-style: italic; font-weight: 500; color: var(--color-text);}
.article-content blockquote cite {display: block; margin-top: 20px; font-size: .95rem; font-style: normal; font-weight: 600; color: #666;}
.article-content blockquote cite::before {content: "— ";}
.latest-sidebar-article ul{margin:0; padding:0; list-style:none;}
.latest-sidebar-article li{margin-bottom:20px;}
.latest-sidebar-article li:last-child{margin-bottom:0;}
.latest-sidebar-article li a{display:flex; gap:15px; text-decoration:none; color:inherit; align-items: center; background: white; border-radius: 10px; border: solid 1px #DAD5CE;}
.img-latest-sidebar{flex-shrink:0; width:90px;}
.img-latest-sidebar img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:8px; display:block; height: 90px;}
.txt-latest-sidebar{flex:1;}
.date-latest-sidebar {display:block; font-size:.8rem; color:#7a7a7a; margin-bottom:6px;}
.txt-latest-sidebar h3{margin:0; font-size:1rem; line-height:1.45; transition:.2s;}
.latest-sidebar-article li:hover h3{color:var(--color-primary);}
.single-actu {padding: 100px 0;}
.categories-actu {padding: 20px 0; background: var(--color-bg); margin-bottom: 40px;}
.categories-actu .container {display: flex; column-gap: 15px; flex-wrap: wrap; row-gap: 5px; justify-content: center;}
.categories-actu .container a {border: solid 1px var(--color-secondary); padding: 4px 15px; font-size: 16px; color: var(--color-secondary);}
.categories-actu .container a.active {background: var(--color-secondary); color: white; font-weight: 700;}
.pagination-actu {display: flex; gap: 5px; justify-content: center; margin: 20px 0;}
.pagination-actu .page-numbers {font-size: 18px; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border: solid 1px var(--color-bg);}
.pagination-actu .page-numbers.current {background-color: var(--color-bg);}
.pagination-actu .page-numbers.next, .pagination-actu .page-numbers.prev {width: auto; padding: 0 10px; border: none;}
.cta-sidebar {background: var(--color-bg);margin-top: 30px; }
.cta-sidebar img:first-child {width: 290px; margin: auto; display: block; padding: 20px 20px 20px 20px;}
.cta-sidebar-coordonnees {padding: 0 20px 20px 20px; list-style: none;}
.cta-sidebar-coordonnees li {display: flex; align-items: center; gap: 10px; padding: 5px 0;}
.cta-sidebar-coordonnees li svg {fill: var(--color-primary); height: 26px; min-height: 26px; width: 26px; min-width: 26px;}
.cta-sidebar img:last-child {width: 100%; height: 300px; object-fit: cover; display: block;}
.latest-sidebar-article h2 {font-size: 26px; }

@media (max-width: 768px) {
    .content-single-article {flex-direction: column; gap: 30px; padding: 30px 0;}
    .content-single-article .inside-single-article, .content-single-article .sidebar-article {width: 100% !important;}
    .page-listing-actu .listing-actu .bloc-listing-actu:first-child {flex-direction: column;}
    .page-listing-actu .listing-actu .bloc-listing-actu .meta-actu {row-gap: 10px; margin-top: 15px !important;}
    .date-actu, .min-actu {margin: 0;}
    .page-listing-actu .listing-actu .bloc-listing-actu .meta-actu > a {margin-left: 0; margin-top: 10px;}
    .page-listing-actu .listing-actu .bloc-listing-actu:first-child .col-bloc-listing-actu:last-child {padding: 25px;}
    .page-listing-actu .listing-actu .bloc-listing-actu {width: 100%;}
}
/* END ACTUALITES */


/* START GALERIES */
/* Masonry façon Pinterest */
.masonry-gallery {column-count: 3; column-gap: 20px;}

@media (max-width: 1200px) {
  .masonry-gallery {column-count: 3;}
}

@media (max-width: 900px) {
  .masonry-gallery {column-count: 2;}
}

@media (max-width: 600px) {
  .masonry-gallery {column-count: 1;}
}
.masonry-item {break-inside: avoid; margin-bottom: 20px;}
.masonry-item img {width: 100%; height: auto; border-radius: 10px; display: block; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.masonry-item img:hover {transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.18);}

/* LIGHTBOX MODERNE */
.lightbox-modern {position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0,0,0,0.78); backdrop-filter: blur(6px); opacity: 0; pointer-events: none; transition: opacity 0.2s ease; z-index: 9999;}
.lightbox-modern.is-open {opacity: 1; pointer-events: auto;}
.lightbox-inner {max-width: 90vw; max-height: 85vh; margin: 0; text-align: center;}
.lightbox-inner img {max-width: 100%; max-height: 80vh; border-radius: 12px; box-shadow: 0 18px 45px rgba(0,0,0,0.55);}
.lightbox-inner figcaption {margin-top: 10px; color: #f5f5f5; font-size: 0.95rem;}
.lightbox-btn {position: absolute; border: none; background: rgba(0,0,0,0.6); color: #fff; width: 40px; height: 40px; border-radius: 999px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.6rem; transition: background 0.15s ease, transform 0.15s ease;}
.lightbox-btn:hover {background: rgba(255,255,255,0.15);}
.lightbox-close {top: 18px; right: 22px; font-size: 2rem;}
.lightbox-prev { left: 24px; top: 50%; transform: translateY(-50%);}
.lightbox-next {right: 24px; top: 50%; transform: translateY(-50%);}
.lightbox-btn:focus {outline: 2px solid #fff; outline-offset: 2px;}
/* END GALERIES */

/* START FOOTER */
.list-logo-footer {padding-top: 40px; padding-bottom: 40px;}
.list-logo-footer img {max-width: 180px; max-height: 120px; height: auto; width: auto;}
.list-logo-footer .netclic-slide {display: flex; align-items: center; justify-content: center;}
footer {background-color: var(--color-primary); z-index: 3; clear: both; position: relative; padding: 40px 0 20px 0; overflow: hidden;}
footer .container {position: relative; z-index: 1;}
footer p, footer a {color: white;}
.footer-logo-address {max-width: 900px; margin: auto;}
.footer-logo-address .col50:first-child {display: flex; flex-direction: column; align-items: end; justify-content: center;}
.footer-logo-address .col50:first-child img, .footer-logo-address .footer-rs img {filter: brightness(0) invert(1);}
.footer-logo-address .col50:last-child p {margin: 6px 0;}
.footer-logo-address .footer-rs {display: flex; gap: 10px;}
.footer-links {padding: 0; list-style: none; display: flex; justify-content: center; opacity: .8; row-gap: 10px;}
.footer-bottom {max-width: 500px; margin: auto; text-align: center; border-top: solid 1px #e3dcd4; margin-top: 30px; padding-top: 30px;}
.footer-bottom p {margin: 0;}
.footer-bottom p:last-child {font-size: 16px; padding-top: 7px;}
footer:before {content: ""; background-image: url(/wp-content/uploads/2026/06/FAVICON-500X500-transparent.svg); width: 200px; height: 300px; display: block; bottom: 5%; position: absolute; background-repeat: no-repeat; background-position: center; right: 5%; opacity: .3;}
.footer-bottom img {filter: brightness(0) invert(1); margin-top: 5px;}


@media screen and (max-width: 767px) {
    .footer-logo-address {flex-direction: column; gap: 20px;}
    .footer-logo-address > div {width: 100% !important; text-align: center;}
    .footer-logo-address .col50:first-child {align-items: center;}
    .footer-logo-address .footer-rs {justify-content: center;}
    .footer-logo-address .col50:first-child img {width: 250px;}
}
/* END FOOTER */



/* START 404 */
.page-error404 {margin-top: 60px; margin-bottom: 60px; max-width: 1200px !important;}
.page-error404 h1 span {color: var(--color-primary); display: block;}
@media screen and (max-width: 900px) {
    .page-error404 .disp-flex {flex-direction: column; gap: 20px;}
    .page-error404 .disp-flex > div {width: 100% !important;}
}
@media screen and (max-width: 529px) {
    .page-error404 .double-btn {flex-direction: column; gap: 5px;}
    .page-error404 .double-btn > a {width: 100%; text-align: center;}
}
/* END 404 */

/* START PAGES LEGALES */
.txt-legal {padding: 60px 0; max-width: 1400px; margin: auto;}
@media screen and (max-width: 768px) {
    .txt-legal {padding: 30px 0;}
}
/* END PAGES LEGALES */


/* START MEDIA QUERY */
@media (min-width: 850px){
    .container {max-width: 810px;}
    .demi-container {max-width: 405px;}
    .section-media-left{margin-left:calc((100vw - 810px + 30px) / -2);}
    .section-media-right{margin-right:calc((100vw - 810px + 30px) / -2);}
}

@media (min-width: 992px){
    .container {max-width: 960px;}
    .demi-container {max-width: 480px;}
    .section-media-left{margin-left:calc((100vw - 960px + 30px) / -2);}
    .section-media-right{margin-right:calc((100vw - 960px + 30px) / -2);}
}

@media (min-width: 1200px){
    .container {max-width: 1140px;}
    .demi-container {max-width: 570px;}
    .section-media-left{margin-left:calc((100vw - 1140px + 30px) / -2);}
    .section-media-right{margin-right:calc((100vw - 1140px + 30px) / -2);}
}

@media (min-width: 1400px){
    .container {max-width: 1420px;}
    .demi-container {max-width: 680px;}
    .section-media-left{margin-left:calc((100vw - 1420px + 30px) / -2);}
    .section-media-right{margin-right:calc((100vw - 1420px + 30px) / -2);}
    .col40 .demi-container {max-width: 490px;}
    .col55 .demi-container {max-width: 810px;}
}


@media (min-width: 1800px){
    .container {max-width: 1720px;}
    .demi-container {max-width: calc(1720px * 0.5);}
    .section-media-left {margin-left:calc((100vw - 1720px + 30px) / -2);}
    .section-media-right{margin-right:calc((100vw - 1720px + 30px) / -2);}
    .col40 .demi-container {max-width: calc(1720px * 0.4);}
    .col55 .demi-container {max-width: calc(1720px * 0.55);}
    .castle-text-content {max-width: 685px;}
}

@media (max-width: 968px){
    .listing-pdts > .produit {width: calc(50% - 15px);}
}
@media (max-width: 768px){
    h1 {font-size: 34px;}
    h2 {font-size: 30px;}
    h3 {font-size: 20px;}
}

@media (max-width: 480px) {
    .portfolio-masonry {column-count: 1;}
    h2 {font-size: 26px;}
    p, li {font-size: 16px;}
}
/* END MEDIA QUERY */


@media (max-width: 1100px) {
  .castle-grid {
    grid-template-columns: 40% 60%;
    padding: 0 24px;
  }

  .castle-img-top-left,
  .castle-text {
    grid-column: 1 / 2;
  }

  .castle-img-top-right,
  .castle-img-bottom-right {
    grid-column: 2 / 3;
  }

  .castle-text {
    padding: 50px 40px;
  }
}

@media (max-width: 768px) {
  .castle-grid {
    display: block;
    padding: 0;
  }

  .castle-img,
  .castle-text {
    width: 100%;
  }

  .castle-img {height: auto; margin: 0 !important;}
  .castle-img img {height: auto;}
    .castle-text {padding: 25px; margin-top: 0;}    
}