
@font-face { font-family: "Gilda Display"; font-style: normal; font-weight: 400; font-display: swap; src: url(/polices/gilda-display-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Gilda Display"; font-style: normal; font-weight: 400; font-display: swap; src: url(/polices/gilda-display-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --taupe: #C4B9AD;
  --taupe-survol: #B4A89B;
  --greige: #F2EFE9;
  --vieux-rose: #8A5956;
  --titre: "Gilda Display", "Iowan Old Style", Georgia, serif;
  --anthracite: var(--taupe);
  --m-beige: var(--greige);
  --creme: var(--greige);
}

html:root #services .p-boutons .m-bouton { background: var(--taupe) !important; border-color: var(--taupe) !important; }
html:root #services .p-boutons .m-bouton:is(:hover, :active, :focus-visible) { background: var(--taupe-survol) !important; border-color: var(--taupe-survol) !important; }
.m-bouton--plein:hover, .entete-estimation:hover { background: var(--taupe-survol) !important; border-color: var(--taupe-survol) !important; }
.m-avis-carte { background: var(--greige); }

body, .entete-barre::before, .section.m-beige:not(#avis) { background: var(--greige); }
html:root #finis-decoratifs { background: var(--greige) !important; }   

h2:not(.etiquette), .p-service-mots h3, .p-plein-carte h3, .m-cote h3, .m-etape-question, .m-idee-titre, .pied h2 {
  font-family: var(--titre); font-weight: 400; text-transform: none; letter-spacing: -0.005em;
}
h2 em, h2 .m-pinceau, .m-etape-question .m-pinceau { font-family: inherit; }

.etiquette, .chat-invite, .p-tete > p, .tete > p { color: var(--vieux-rose) !important; }
html:root #services .p-service-mots h3 { font-family: var(--titre); letter-spacing: 0; font-size: clamp(1.6rem, 2.3vw, 2.1rem); line-height: 1.15; }
.m-idee-titre { letter-spacing: 0; }

#services .p-tete .p-types { font: 400 clamp(1.15rem, 1.7vw, 1.45rem)/1.35 var(--titre); letter-spacing: 0.01em; margin: 1rem auto 0; max-width: none; text-align: center; text-wrap: balance; }

.marque { position: relative; }
.marque .marque-origine { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; opacity: 0; transition: opacity 0.3s ease; }
.entete[data-fond]:not([data-ouvert]) .marque img:not(.marque-origine) { opacity: 0; }
.entete[data-fond]:not([data-ouvert]) .marque .marque-origine { opacity: 1; }

.p-plein-carte .m-fiche-non { display: block; margin-top: 0.45rem; font-size: 0.78em; font-style: italic; font-synthesis: style; opacity: 0.8; }   

html:root .couleur-appel.peinture-appel { font-family: var(--titre); font-weight: 400; text-transform: none; letter-spacing: 0; }
html:root .couleur-appel.peinture-appel .m-pinceau { font-family: inherit; }

#fini-massif .p-plein-bas { grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr) minmax(0, 1fr); align-items: stretch; }
#fini-massif .p-plein-petites { display: contents; }
#fini-massif .p-plein-petites .p-photo:first-child { order: 1; }
#fini-massif .p-plein-carte { order: 2; }
#fini-massif .p-plein-petites .p-photo:last-child { order: 3; }
#fini-massif .p-plein-petites .p-photo { aspect-ratio: auto; height: auto; min-height: 0; width: 100%; max-width: none; }
#fini-massif .p-plein-petites .p-photo { position: relative; overflow: hidden; }
#fini-massif .p-plein-petites .p-photo :is(picture, img) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#fini-massif .p-plein-carte { align-content: start; }
@media (max-width: 47.99rem) {
  #fini-massif .p-plein-bas { grid-template-columns: 3.4rem minmax(0, 1fr) 3.4rem; gap: 0.45rem; padding-inline: 0; }
  #fini-massif .p-plein-carte { padding: 1rem 0.95rem 1.05rem; }
  #fini-massif .p-plein-carte .m-fiche-phrase { font-size: 0.92rem; line-height: 1.45; }
  #fini-massif .p-plein-carte :is(dt, dd) { font-size: 0.85rem; }
  #fini-massif .p-plein-carte dt { font-size: 0.6rem; }
}

html:root #couleurs .couleur-consigne { font: 400 0.95rem/1.45 var(--affiche); letter-spacing: 0.01em; text-transform: none; white-space: normal; color: var(--encre-douce); border: 0; padding: 0; }
#couleurs .couleur-nom { font-weight: 500; }
#couleurs .couleur-avertissement { font-size: 0.74rem; font-style: italic; font-synthesis: style; color: var(--encre-douce); opacity: 0.85; max-width: 28rem; }

html:root .chat { --chat-rose: #EFE3E1; --chat-bleu: #DED6CC; }
html:root .chat .bulle--eux .bulle-texte, html:root .chat .frappe { color: #3F3A35; }
html:root .chat .bulle--vous .bulle-texte { color: #3F3A35; }

@media (min-width: 52rem) {
  html:root .pied .pied-logo { position: relative; right: auto; bottom: auto; top: auto; translate: none; align-self: center; width: 96px; margin: 0 auto clamp(0.5rem, 1.5vh, 1rem); }
}
