.elementor-431 .elementor-element.elementor-element-c9b85fd{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-431 .elementor-element.elementor-element-c9b85fd:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-c9b85fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.campingduperchebellemois.com/wp-content/uploads/2024/03/image-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-431 .elementor-element.elementor-element-65c2918{text-align:center;}.elementor-431 .elementor-element.elementor-element-65c2918 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:3.4em;font-weight:500;text-transform:uppercase;line-height:1.2em;text-shadow:2px 3px 2px rgba(0, 0, 0, 0.65);color:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-6914f18{text-align:center;}.elementor-431 .elementor-element.elementor-element-6914f18 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.2rem;font-weight:500;text-transform:uppercase;line-height:3rem;text-shadow:2px 3px 2px rgba(0, 0, 0, 0.65);color:#FFFFFF;}.elementor-431 .elementor-element.elementor-element-152ad09{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-431 .elementor-element.elementor-element-152ad09:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-152ad09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-431 .elementor-element.elementor-element-506e2ae > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-431 .elementor-element.elementor-element-54504d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-431 .elementor-element.elementor-element-a07384a > .elementor-widget-container{padding:30px 0px 10px 0px;}.elementor-431 .elementor-element.elementor-element-a07384a{text-align:center;}.elementor-431 .elementor-element.elementor-element-a07384a .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:2rem;font-weight:400;line-height:3rem;color:#255946;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-431 .elementor-element.elementor-element-5f07595{text-align:center;font-family:"Poppins", Sans-serif;font-size:0.9rem;font-weight:400;line-height:1.4rem;color:#404040;}.elementor-431 .elementor-element.elementor-element-421380c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-431 .elementor-element.elementor-element-fbadaaf{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-431 .elementor-element.elementor-element-fbadaaf:not(.elementor-motion-effects-element-type-background), .elementor-431 .elementor-element.elementor-element-fbadaaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F3E9;}.elementor-431 .elementor-element.elementor-element-b17a158{text-align:center;}.elementor-431 .elementor-element.elementor-element-b17a158 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:2rem;font-weight:500;line-height:2.5rem;color:#255946;}.elementor-431 .elementor-element.elementor-element-2bd1f0c{text-align:center;}.elementor-431 .elementor-element.elementor-element-2bd1f0c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0.8rem;font-weight:bold;line-height:2.5rem;color:#49A760;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-431 .elementor-element.elementor-element-4eb891a{--divider-border-style:solid;--divider-color:#EFB443;--divider-border-width:3px;}.elementor-431 .elementor-element.elementor-element-4eb891a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-431 .elementor-element.elementor-element-4eb891a .elementor-divider-separator{width:4%;margin:0 auto;margin-center:0;}.elementor-431 .elementor-element.elementor-element-4eb891a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-431 .elementor-element.elementor-element-9e5f61f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-431 .elementor-element.elementor-element-4a86fd3 > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-431 .elementor-element.elementor-element-e28f4e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-431 .elementor-element.elementor-element-60a4334{text-align:center;}.elementor-431 .elementor-element.elementor-element-60a4334 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:2rem;font-weight:500;line-height:2.5rem;color:#255946;}.elementor-431 .elementor-element.elementor-element-a4e152c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-431 .elementor-element.elementor-element-689e8c4{--spacer-size:80px;}@media(max-width:1024px){.elementor-431 .elementor-element.elementor-element-b17a158 .elementor-heading-title{font-size:2.2rem;}.elementor-431 .elementor-element.elementor-element-60a4334 .elementor-heading-title{font-size:2.2rem;}}@media(max-width:767px){.elementor-431 .elementor-element.elementor-element-65c2918 .elementor-heading-title{font-size:2em;}.elementor-431 .elementor-element.elementor-element-6914f18 .elementor-heading-title{font-size:1.2em;line-height:1.7rem;}.elementor-431 .elementor-element.elementor-element-fbadaaf{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-431 .elementor-element.elementor-element-b17a158 .elementor-heading-title{font-size:1.5rem;}.elementor-431 .elementor-element.elementor-element-4eb891a .elementor-divider-separator{width:15%;}.elementor-431 .elementor-element.elementor-element-60a4334 .elementor-heading-title{font-size:1.5rem;}}@media(min-width:768px){.elementor-431 .elementor-element.elementor-element-152ad09{--content-width:80%;}.elementor-431 .elementor-element.elementor-element-54504d4{--content-width:1344px;}.elementor-431 .elementor-element.elementor-element-421380c{--content-width:1344px;}}/* Start custom CSS for html, class: .elementor-element-7e32439 */.moteur-reservation  {
    background: white;
    -webkit-box-shadow: 0px 14px 25px -13px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 14px 25px -13px rgba(0,0,0,0.45);
    box-shadow: 0px 14px 25px -13px rgba(0,0,0,0.45);
    width: 1100px;
    max-width: 1100px;
    margin-right:auto;
    margin-left:auto;
    margin-top:80px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-152ad09 */.rank-math-breadcrumb, .rank-math-breadcrumb a  {
    color: #505050;
    font-weight: bold;
    font-size: 0.8rem;
}
.rank-math-breadcrumb .separator{
font-size:0px;

}
.rank-math-breadcrumb .separator:before{
  content: '\f30b'; /* Code de l'icône */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; /* Poids de la police de l'icône */
    font-size:13px !important;
    margin:0px 10px!important;
    color:#49a760!important;
   ;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa2bfd8 */.grid {
  display: flex;
  flex-wrap: wrap;
}

.box {
  width: 45%;
  margin: 0px 20px 20px 20px;
  position: relative;
  overflow: hidden;
  height:450px;
}

.box img {
  width: 100%;
  height: auto;
}

.box h2 {
  margin-top: 10px;
  line-height:35px;
}


.box {
  position: relative;
  overflow: hidden;
}

.overlay-text {
  position: absolute;
 top: 48%;
  left: 0;
  color: white;
  width: 100%;
  height:100%;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.5s;
}

.box:hover .overlay-text {
  opacity: 1;
}

.box:hover {
  cursor: pointer;
}


.btn-1  {
    padding: 5px 40px;
    border: 3px solid #efb443;
    background: #efb443;
    color: #255946;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    display: table;
    text-transform: uppercase;
    float: left;
    margin-left: 11px;

}
.btn-1:hover {
    border: 3px solid #efb443;
    background: transparent;
    color: #efb443;
}
.btn-2 {
    padding: 5px 40px;
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    display: table;
    text-transform: uppercase;
    float: right;
    margin-right: 11px;
}
.btn-2:hover {
    border: 3px solid #fff;
    background: white;
    color: #255946;
}

.contenu-loc {
   background:#ffffff; 
   height:100px;
   display:block;
   margin:60px 11px ;
}




.box.mobilhomes.quatre {
    background-image: url('https://www.campingduperchebellemois.com/wp-content/uploads/2024/03/IMG_0558.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}
.box.mobilhomes.six {
    background-image: url('/oagyftee/2024/03/Capture9.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}
.box.mobilhomes.quatrep {
    background-image: url('/oagyftee/2024/03/Capture11.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}
.box.mobilhomes.sixp {
    background-image: url('/oagyftee/2024/03/3-chambres.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}





.box.mobilhomes.sept {
    background-image: url('https://www.campingduperchebellemois.com/wp-content/uploads/2026/04/00000896714.webp');
    background-repeat:no-repeat;
    background-size:cover;
}




.box.chalets {
    background-image: url('/oagyftee/2024/03/Capture13.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}

.box.lodges {
    background-image: url('/oagyftee/2024/03/Capture12.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}

.box.cottages {
    background-image: url('/oagyftee/2024/03/image-1.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}



.box:hover {
        background-color: #806648;
    background-blend-mode: overlay;
}
.titre-loc {
    font-size: 1.5rem !important;
        border-left: 3px solid #efb443;
    margin: 30px 0 0 30px !important;
    color: #fff;
    line-height: 1.5rem;
    padding: 0 10px 0;
    font-weight: 700;
    font-family:Poppins;
}
.box.cottages.two {
    background-image: url('https://www.campingduperchebellemois.com/wp-content/uploads/2025/07/cottage-2-ch-1-sdb.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:50%
}
.box.cottages.three {
    background-image: url('https://www.campingduperchebellemois.com/wp-content/uploads/2025/07/spa-privatif-cottage.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}
.box.cottages.four {
    background-image: url('https://www.campingduperchebellemois.com/wp-content/uploads/2025/07/arrivee-terrasse-1-chambre.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position-y:20%
}
.box.cottages.five {
    background-image: url('https://www.campingduperchebellemois.com/wp-content/uploads/2025/07/TRIGANO-CUISINE.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}
/*FILTRES*/
.filter-buttons {
  margin-bottom: 20px;
  text-align:center;
}

.filter-buttons button {
     padding: 10px 10px;
    background: #488336;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    font-size: 0.75rem;
    line-height: 1;
    border-radius:3px;
    margin:0px 15px 0px 15px;
}


.active-filter {
 background-color: #efb443 !important;
}
.contenu-loc {
    display:flex;
    padding:12px 40px;
}
.column1, .column2, .column3 {

    width:100%;
}


.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
        font-size: 1.2rem;
    font-weight: 900;
    color: #49a760;
}

.column1 p, .column2 p, .column3 p {
    color: #404040 !important;
        font-size: 0.9rem;
    font-family:Poppins;
    margin-bottom:0px;
}

.column1 span,.column2 span,.column3 span  {
    color: #49a760 !important;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .box {
  width: 100%;
  margin: 0px 20px 20px 20px;
  position: relative;
  overflow: hidden;
  height:450px;
}
.btn-2, .btn-1 {
    width:80%;
    float: none;
    margin-right: auto;
    margin-left:auto;

}
.btn-2{
    margin-top:20px;
}
.overlay-text {
 top: 40%;
  padding: 0px;
}
.contenu-loc {
    display:flex;
    padding:12px 12px;
}
.column1 p, .column2 p, .column3 p {
    color: #404040 !important;
        font-size: 0.7rem;
    font-family:Poppins;
    margin-bottom:0px;
}


.filter-buttons button {
     padding: 15px 10px;
    background: #488336;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    width: 80%;
    font-size: 0.75rem;
    line-height: 1;
    border-radius:3px;
    margin:20px 10px 0px 10px;
}
}

@media screen and (min-width:767px) and (max-width:1024px) {
       .box {
  width: 44%;
  margin: 0px 20px 20px 20px;
  position: relative;
  overflow: hidden;
  height:450px;
} 
.btn-2, .btn-1 {
    width:80%;
    float: none;
    margin-right: auto;
    margin-left:auto;

}
.btn-2{
    margin-top:20px;
}
.overlay-text {
 top: 40%;
  padding: 0px;
}
.contenu-loc {
    display:flex;
    padding:12px 12px;
}
.column1 p, .column2 p, .column3 p {
    color: #404040 !important;
        font-size: 0.7rem;
    font-family:Poppins;
    margin-bottom:0px;
}


.filter-buttons button {
     padding: 15px 10px;
    width: 40%;
    margin:20px 10px 0px 10px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a86fd3 */#tarif-loc {
	width:1240px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fbadaaf */@media screen and (min-width:1024px) and (max-width:1280px) {
    
    .elementor-18 .elementor-element.elementor-element-08bf98f, .elementor-18 .elementor-element.elementor-element-1fe4397 {
          --content-width: 100%;
          --gap: 20px 10px;
    }
    #btn-loc {
    width: 170px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77e4a4c */.v-card {
    box-shadow: none !important
}

#app-loc {
  margin: 0 auto!important; /* Centrage horizontal */
  min-width: 210px!important;
  max-width: 90%!important; /* ajusté pour permettre plus de flexibilité */
  min-height: 490px!important;
  max-height: 490px!important;
}

  #app-loc {
    width: 1200px!important /* Plus large sur les écrans plus grands */
  }/* End custom CSS */