body {color: rgb(66, 63, 63)!important}.pagination.pull-right li.active a{background-color:rgb(195, 169, 136) !important; border-color:rgb(195, 169, 136) !important; color:#fff;}.links_p a:not(.button):not(.addbasket):not(.zoom):not(.element-sidebar){color:rgb(195, 169, 136) !important;}input[type="submit"],.button,.bouton,.addbasket {color: rgb(195, 169, 136) !important;}.template-panier .connexion p, .template-panier .connexion p a, .template-panier #header-panier{color:rgb(255, 255, 255) !important;}.template-panier .connexion p, .template-panier{border-color:rgb(255, 255, 255) !important;}.wrapper .addmsglo, .button:not(.zoom), .bouton, .wrapper input[type="submit"], #formnewsletter input[type="submit"], .template_fiche_produit_3 #fiche-produit .wrap-description .side-tabs a, .accueil_diaporama_template .slide .slide-text .slider-see-more, .wrapper button, #block-flottant-search button, .template-panier .bouton, .pagination.pull-right li a{color:rgb(195, 169, 136) !important;}.header_live_edit .logo{
        position:absolute;
        top:26.109180%;
        right:auto;
        bottom:auto;
        left:3.5680527%;
        auto
        auto
        }
        .header_live_edit .logo img{margin:0 !important;padding:0 !important;}.slogan_live_edit .slogan_p{save:;;
        position:absolute;
        top:22.752700%;
        right:0%;
        bottom:auto;
        left:auto;
        }.col .infosclient h4, .col .infosclient .h4 {
    border-bottom: 1px solid #d5b791;
}
.col .infosclient .row.dotted{
    border-bottom:1px dotted #d5b791;
}
.side-tabs.top a.active:after, .side-tabs.top li:nth-child(3) span.active:after{
    background: #d5b791;
}
.theme-mobile .content { background-color: #ffffff}.content_p h1 > span { font-family:"Playfair Display",Georgia,serif!important; font-size:clamp(30px,3vw,42px)!important; font-weight:400!important; }
.content_p h1 .fa { color:#b89158!important; font-size:24px!important; }
.content_p h2 span { color:#26342f!important; font-size:inherit!important; }
.content_p h2 span[style*="223, 25, 76"] { color:#68736b!important; font-size:21px!important; }
.content_p h2:has(span[style*="223, 25, 76"]) { border:0!important; margin-top:12px!important; padding:0!important; }
.content_p h3 span { color:#8b6b43!important; font-size:inherit!important; }
body .widget-grid:not([data-image]) > .full-background::after { content:none!important; display:none!important; }
.widget-grid .full-background::after { content:none!important; }
.widget-grid[data-image] > .full-background::after { content:"La Ferme de Clémence"!important; inset:auto auto 12% 7%!important; display:block!important; color:#fff!important; font:400 clamp(38px,5vw,68px)/1.15 Georgia,serif!important; text-shadow:0 3px 18px rgba(0,0,0,.5); white-space:normal!important; z-index:3!important; }
@media(max-width:767px){.widget-grid[data-image] > .full-background::after{font-size:clamp(34px,8vw,48px)!important;max-width:86%!important;}}
.header_p #blocContent { background:#1b2825!important; }
nav#nav-principal a.navigation_link_p { background:#1b2825!important; color:#f4f0e8!important; }
nav#nav-principal a.navigation_link_p:hover,nav#nav-principal a.navigation_link_p:focus { background:#293b35!important; color:#e1bd85!important; }
.widget-grid .full-background::after { content:"LA FERME DE CLÉMENCE\A VILLARD-DE-LANS · VERCORS"!important; inset:auto auto 13% 7%!important; display:block!important; width:auto!important; height:auto!important; color:#fff!important; font:400 clamp(38px,5.2vw,76px)/1.2 Georgia,serif!important; text-shadow:0 2px 15px rgba(0,0,0,.4); white-space:pre!important; z-index:3!important; }
@media(max-width:767px){.widget-grid .full-background::after{font-size:clamp(30px,8vw,45px)!important;bottom:11%!important;}}
.slogan_p.slogan p{
/* Ajustements du thème CmonSite */
.header_p #blocContent { background:#1b2825!important; }
nav#nav-principal a.navigation_link_p { background:#1b2825!important; color:#f4f0e8!important; }
nav#nav-principal a.navigation_link_p:hover,nav#nav-principal a.navigation_link_p:focus { background:#293b35!important; color:#e1bd85!important; }
.widget-grid .full-background::after { content:"LA FERME DE CLÉMENCE\A VILLARD-DE-LANS · VERCORS"!important; inset:auto auto 13% 7%!important; display:block!important; width:auto!important; height:auto!important; color:#fff!important; font:400 clamp(38px,5.2vw,76px)/1.2 Georgia,serif!important; text-shadow:0 2px 15px rgba(0,0,0,.4); white-space:pre!important; z-index:3!important; }
@media(max-width:767px){.widget-grid .full-background::after{font-size:clamp(30px,8vw,45px)!important;bottom:11%!important;}}

  font-family:'Playfair Display';
}

h2, .h2 {
    color: #000;
    border-bottom: none;
  	display:block;
}

.slogan-etoile {
	display: block;
}

 @media (min-width: 1024px) {
  .slogan-etoile {
      display: inline;
  }
}
@media (min-width: 1440px) {
 	nav#nav-principal {
      padding: 0 125px;
  }
}

/* Ambiance chalet contemporain */
body { background:#eeeae2!important; color:#27322e; }
.header_p, .header_p .header-conteneur { background:#1b2825!important; }
.slogan_p.slogan { padding:16px 20px 20px!important; }
.slogan_p.slogan p span[style*="52px"] { color:#f8f4e9!important; font-size:clamp(27px,2.9vw,39px)!important; }
.slogan_p .slogan-etoile, .slogan_p .slogan-etoile .fa { color:#c8a56f!important; font-size:16px!important; }
nav#nav-principal { background:#1b2825!important; border:0!important; border-top:1px solid rgba(255,255,255,.16)!important; box-shadow:0 8px 24px rgba(15,25,20,.2)!important; }
nav#nav-principal a:not(.button) { color:#f4f0e8!important; font-size:12px!important; letter-spacing:.1em!important; padding:18px 13px!important; }
nav#nav-principal a:hover,nav#nav-principal a:focus { color:#e1bd85!important; background:#293b35!important; }
.full-background { position:absolute; }
.full-background::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,24,21,.6),rgba(13,24,21,.1) 70%),linear-gradient(0deg,rgba(13,24,21,.36),transparent 55%); }
.full-background::after { content:"LA FERME DE CLÉMENCE\A VILLARD-DE-LANS · VERCORS"; white-space:pre; position:absolute; left:max(7%,40px); bottom:13%; color:#fff; font-family:'Playfair Display',Georgia,serif; font-size:clamp(38px,5.2vw,76px); font-weight:400; letter-spacing:.015em; line-height:1.2; text-shadow:0 2px 15px rgba(0,0,0,.25); }
.content_p { background:#fff!important; }
.content_p h1,.content_p h2,.content_p h3 { color:#22342e!important; }
.content_p h2 { padding-bottom:12px; border-bottom:1px solid #d8c6a9!important; }
.content_p a:not(.button) { color:#385b4f!important; }
.content_p .button,.content_p a.btn,.content_p button { background:#254438!important; color:#fff!important; border:1px solid #254438!important; border-radius:2px!important; padding:12px 22px!important; letter-spacing:.05em; }
@media (max-width:767px) { .full-background::after { left:7%; bottom:12%; font-size:clamp(30px,8vw,45px); } .slogan_p.slogan p span[style*="52px"] { font-size:27px!important; } nav#nav-principal a:not(.button) { padding:12px!important; } }

.header_p .slogan_p.slogan p span[style*="52px"] { color:#f8f4e9!important; font-size:clamp(27px,2.9vw,39px)!important; }


/* Refonte visuelle La Ferme de Clémence — septembre 2026 */
:root { --clem-ink:#26342f; --clem-green:#31594e; --clem-sand:#f8f5ee; --clem-gold:#b89158; }
body { color:var(--clem-ink); background:var(--clem-sand); font-family:Arial, Helvetica, sans-serif; line-height:1.65; }
.header_p { background:#fcfaf6; }
.header_p .header-conteneur { padding-top:10px; }
.slogan_p.slogan { padding:12px 18px 18px; }
.slogan_p.slogan p { margin:0; line-height:1.2; }
.slogan_p.slogan p span[style*="52px"] { font-size:clamp(30px,3.4vw,46px)!important; color:var(--clem-ink)!important; font-weight:400; }
.slogan_p .slogan-etoile, .slogan_p .slogan-etoile .fa { color:var(--clem-gold)!important; font-size:clamp(15px,1.4vw,20px)!important; letter-spacing:.1em; }
nav#nav-principal { background:#fcfaf6; border-top:1px solid #e8e2d7; border-bottom:1px solid #e8e2d7; box-shadow:0 6px 18px rgba(24,40,34,.06); }
nav#nav-principal a:not(.button) { color:var(--clem-ink); font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:600; letter-spacing:.055em; transition:color .2s,background-color .2s; }
nav#nav-principal a:hover, nav#nav-principal a:focus { color:var(--clem-green); background:#eee9dd; }
.content_p { background:#fff; }
.content_p h1,.content_p h2,.content_p h3 { color:var(--clem-ink)!important; font-family:'Playfair Display',Georgia,serif; line-height:1.25; font-weight:500; letter-spacing:0; }
.content_p h1 { font-size:clamp(30px,3vw,44px); }
.content_p h2 { font-size:clamp(26px,2.4vw,36px); margin-top:1.5em; }
.content_p h3 { font-size:clamp(22px,2vw,28px); margin-top:1.35em; }
.content_p p,.content_p li { line-height:1.75; }
.content_p a { color:var(--clem-green); text-underline-offset:3px; }
.content_p a:hover { color:#1d3d34; }
.content_p img { max-width:100%; }
.content_p .button,.content_p a.btn,.content_p button { border-radius:4px; }
@media (min-width:1024px) { nav#nav-principal { padding:0 20px!important; } nav#nav-principal a:not(.button) { padding:19px 14px!important; } }
@media (max-width:1023px) { .slogan_p.slogan { padding:14px 12px; } .slogan_p.slogan p span[style*="52px"] { font-size:30px!important; } .slogan_p .slogan-etoile { display:block; margin-top:7px; } }

@media (max-width: 1023px) {
  #logo {
  	display: none;
  }
  .slogan_p * {
  	font-size: 24px !important;
  }
  .slogan_p .slogan-etoile {
  	font-size: 20px !important;
  }
  .template-panier-3 {
    display: none;
  }
}

 @media (min-width: 1024px) and (max-width: 1200px) {
 nav#nav-principal a:not(.button) {
  padding: 21px 18px;
 }
 
}



/* Accueil chalet : photo existante */
.page-index .widget-grid[data-image]>.full-background:after{content:"LA FERME DE CLÉMENCE\A GÎTE 5 ÉTOILES À VILLARD-DE-LANS"!important;white-space:pre!important;font-size:clamp(34px,5vw,70px)!important;bottom:12%!important;left:7%!important;line-height:1.2!important}
.page-index .widget-grid[data-image]{min-height:620px}

/* Matières, rythme et lisibilité */
.page-index #wrapper.content_p{background:#f7f4ed!important}
.page-index .contenu-editable>.widget-grid:not([data-image]){background:#fff;margin:0 auto;max-width:1180px}
.page-index .contenu-editable>.widget-grid:not([data-image]) .row-grid{max-width:1100px;margin:auto}
.content_p h1,.content_p h2,.content_p h3{font-family:"Playfair Display",Georgia,serif!important;font-weight:400!important;color:#20332e!important;line-height:1.28!important}
.content_p a:not(.button){color:#315448!important;text-underline-offset:3px}
.content_p .widget-image img{width:100%;height:auto;object-fit:cover}
@media(max-width:767px){.page-index .widget-grid[data-image]{min-height:470px!important}.page-index .widget-grid[data-image]>.full-background:after{font-size:clamp(28px,8vw,42px)!important;left:6%!important;bottom:10%!important;white-space:pre-wrap!important;max-width:88%}}

/* Titre contenu dans la photo */
@media(min-width:768px){.page-index .widget-grid[data-image]>.full-background:after{font-size:clamp(34px,3.55vw,49px)!important;max-width:92%!important}}

/* Supprime le voile gris sur toutes les pages */
body .widget-grid>.full-background:before{content:none!important;display:none!important;background:none!important}

/* Chambres : photos larges, titres plus discrets */
.page-page-239279 #grid-509165>.row-grid{display:block!important;max-width:1040px;margin:auto}
.page-page-239279 #grid-509165>.row-grid>.widget-col{float:none!important;width:100%!important;max-width:none!important;display:block!important;padding:0 15px!important;margin:0 0 58px!important}
.page-page-239279 #grid-509165 .widget-image-figure img{display:block;width:100%!important;height:520px!important;object-fit:cover!important;object-position:center}
.page-page-239279 #grid-509165 .widget-texte-content span[style*="34px"]{font-size:26px!important;line-height:1.3!important;color:#20332e!important}
.page-page-239279 #grid-509165 .widget-texte-content p{font-size:17px!important;line-height:1.65!important;max-width:780px;margin:16px auto!important;text-align:center!important}
@media(max-width:767px){.page-page-239279 #grid-509165 .widget-image-figure img{height:auto!important}.page-page-239279 #grid-509165>.row-grid>.widget-col{margin-bottom:38px!important}.page-page-239279 #grid-509165 .widget-texte-content span[style*="34px"]{font-size:23px!important}}

.page-page-239279 #grid-509165 .widget-image-figure{display:block!important;width:100%!important;max-width:none!important}

.page-page-239279 .content_p h1{font-size:34px!important}.page-page-239279 .content_p h2{font-size:28px!important}.page-page-239279 .content_p h3{font-size:21px!important}.page-page-239279 .content_p a:not(.button){color:#315448!important}
@media(max-width:767px){.page-page-239279 .content_p h1{font-size:29px!important}.page-page-239279 .content_p h2{font-size:24px!important}.page-page-239279 .content_p h3{font-size:20px!important}}

/* Maison : une grande photo et deux photos larges par section */
.page-page-235402 :is(#grid-666625,#grid-164785)>.row-grid{display:flex!important;flex-wrap:wrap;gap:22px;max-width:1040px;margin:auto}
.page-page-235402 :is(#grid-666625,#grid-164785)>.row-grid>.widget-col{float:none!important;flex:0 0 calc(50% - 11px);width:calc(50% - 11px)!important;max-width:none!important;padding:0!important}
.page-page-235402 :is(#grid-666625,#grid-164785)>.row-grid>.widget-col:first-child{flex-basis:100%;width:100%!important}
.page-page-235402 :is(#grid-666625,#grid-164785) .widget-image-figure{display:block!important;width:100%!important;max-width:none!important}
.page-page-235402 :is(#grid-666625,#grid-164785) .widget-image-figure img{display:block;width:100%!important;height:320px!important;object-fit:cover!important}
.page-page-235402 :is(#grid-666625,#grid-164785)>.row-grid>.widget-col:first-child img{height:510px!important}
.page-page-235402 .content_p h1{font-size:34px!important}.page-page-235402 .content_p h2{font-size:28px!important}.page-page-235402 .content_p h3{font-size:21px!important}
@media(max-width:767px){.page-page-235402 :is(#grid-666625,#grid-164785)>.row-grid>.widget-col{flex-basis:100%;width:100%!important}.page-page-235402 :is(#grid-666625,#grid-164785) .widget-image-figure img,.page-page-235402 :is(#grid-666625,#grid-164785)>.row-grid>.widget-col:first-child img{height:auto!important}.page-page-235402 .content_p h1{font-size:29px!important}.page-page-235402 .content_p h2{font-size:24px!important}}

.page-page-235402 :is(#grid-666625,#grid-164785) .widget-texte-content span[style*="34px"]{font-family:"Playfair Display",Georgia,serif!important;font-size:26px!important;font-weight:400!important;color:#20332e!important}
.page-page-235402 :is(#grid-666625,#grid-164785) .widget-grid{background-color:#f7f4ed!important}
@media(max-width:767px){.page-page-235402 :is(#grid-666625,#grid-164785) .widget-texte-content span[style*="34px"]{font-size:23px!important}}