.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --couleur-fond:#FBF1DE; --couleur-fond-carte:#FFF8EC; --couleur-principale:#1C1A12; --couleur-accent:#866300; --couleur-texte-doux:#5F5A3C; --couleur-bordure:#EBD9BA; --police-titres:Fraunces; --police-texte:DM Sans; --taille-titre-1:clamp(2.6rem, 6vw, 5.5rem); --taille-titre-2:clamp(2rem, 4vw, 3.5rem); --taille-titre-3:clamp(1.3rem, 2vw, 1.6rem); --taille-texte:clamp(0.95rem, 1vw, 1rem); --taille-petit:0.8rem; --espace-section:clamp(4rem, 9vw, 7.5rem); --arrondi:10.6667px; --couleur-accent-fonce:#4A3600; --couleur-vert:#5C5B2B; --couleur-rouge-clair:#9A7000; }
/* Start custom CSS *//* Fond du site (visible quand on tire la page au-delà des bords sur iPhone/iPad) */
html, body { background-color: var(--couleur-fond); }
/* Bandeau défilant : animation en boucle (les interactions en boucle ne sont pas dans la version gratuite) */
@keyframes td-defile { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.defilement { animation: td-defile 18s linear infinite; }
@media (prefers-reduced-motion: reduce) { .defilement { animation: none; } }
/* Onglet actif (état non réglable via le MCP ; doit primer sur le survol et le focus) */
.elementor .onglet.e--selected[aria-selected="true"] { background-color: var(--couleur-principale); color: var(--couleur-fond); border-color: var(--couleur-principale); }
/* Mot mis en avant dans les titres (<em>) : italique rouge */
h1 em, h2 em { color: var(--couleur-accent); }
/* Sur fond sombre, l'accent reste lisible */
.elementor .section-sombre .etiquette, .elementor .section-sombre .prix { color: var(--couleur-accent); }
/* En-tête en encoche : coins rentrants de part et d'autre */
.encoche::before, .encoche::after { content: ""; position: absolute; top: 0; width: calc(var(--arrondi) * 2); height: calc(var(--arrondi) * 2); pointer-events: none; }
.encoche::before { left: calc(var(--arrondi) * -2); background: radial-gradient(circle at 0 100%, transparent calc(var(--arrondi) * 2), var(--couleur-fond) calc(var(--arrondi) * 2 + 0.5px)); }
.encoche::after { right: calc(var(--arrondi) * -2); background: radial-gradient(circle at 100% 100%, transparent calc(var(--arrondi) * 2), var(--couleur-fond) calc(var(--arrondi) * 2 + 0.5px)); }
@media (max-width: 767px) { .encoche::before, .encoche::after { display: none; } }
/* Menu mobile (accordéon <details>) : icône burger qui devient une croix, panneau en fondu */
.burger::-webkit-details-marker { display: none; }
.elementor .burger::before, .elementor .burger::after { content: ""; display: block; width: 16px; height: 2px; border-radius: 2px; background: var(--couleur-fond); mix-blend-mode: normal; transition: transform 0.3s, box-shadow 0.3s, opacity 0.3s; }
.elementor .burger::after { box-shadow: 0 -5px 0 var(--couleur-fond), 0 5px 0 var(--couleur-fond); }
.elementor .burger::before { position: absolute; left: auto; right: 0.9rem; top: calc(50% - 1px); opacity: 0; }
.elementor details[open] > .burger::after { box-shadow: none; transform: rotate(45deg); }
.elementor details[open] > .burger::before { opacity: 1; transform: rotate(-45deg); }
@keyframes td-menu { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
details[open] > .panneau-menu { animation: td-menu 0.35s ease-out; }
/* Pages hors Elementor (articles…) : le contenu passe sous l'en-tête fixe */
body:not(.elementor-page) .site-main { padding-top: 8rem; }
/* Listes dans les paragraphes */
.elementor .e-paragraph-base ul { margin: 0.5rem 0 0.5rem 1.2rem; padding: 0; }
/* Barre de navigation : se fixe en haut et passe en espresso au défilement, logo clair (animation liée au défilement, sans JS ; sinon la barre reste en haut de la page) */
.elementor .logos > a, .elementor .logos > img { grid-area: 1 / 1; }
@keyframes td-barre { to { background-color: var(--couleur-principale); padding-top: 0.6rem; padding-bottom: 0.6rem; top: 0; left: 0; right: 0; box-shadow: 0 12px 30px -18px rgba(0, 0, 0, 0.6); } }
@keyframes td-logo-out { to { opacity: 0; height: 3.2rem; } }
@keyframes td-logo-in { to { opacity: 1; height: 3.2rem; } }
@supports (animation-timeline: scroll()) {
.elementor .barre-nav { position: fixed !important; animation: td-barre linear both; animation-timeline: scroll(root); animation-range: 0 160px; }
.elementor .logo-couleur { animation: td-logo-out linear both; animation-timeline: scroll(root); animation-range: 0 160px; }
.elementor .logo-clair { animation: td-logo-in linear both; animation-timeline: scroll(root); animation-range: 0 160px; }
}/* End custom CSS */