/* Photographies pleine largeur. La feuille du simulateur garde son propre fond. */
:root { --hauteur-visuel-page: 700px; }
.bandeau-photo { position: relative; isolation: isolate; background: #34342c; color: #fff; }
.bandeau-photo__image { position: absolute; inset: 0; z-index: -2; overflow: hidden; background-size: cover; background-position: 64% 50%; }
.bandeau-photo__image img { width: 100%; height: 100%; object-fit: cover; object-position: 64% 50%; }
@media (min-width: 641px) {
  .bandeau-photo__image--detail { left: 40%; mask-image: linear-gradient(90deg, transparent, #000 22%); }
  .bandeau-photo__image--detail img { object-position: center; }
}
.bandeau-photo::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, rgba(12,17,15,.86), rgba(12,17,15,.70) 35%, rgba(12,17,15,.20) 68%, rgba(12,17,15,.10));
}
.accueil-panorama--photo { padding: 0 0 clamp(40px, 5vw, 64px); }
.accueil-panorama__visuel { min-height: var(--hauteur-visuel-page); padding: calc(var(--hauteur-entete) + 38px) 0 94px; }
.accueil-panorama__visuel .bandeau-photo__image { top: var(--hauteur-entete); left: 20%; mask-image: linear-gradient(90deg, transparent, #000 22%); }
.accueil-panorama__visuel .bandeau-photo__image img { object-position: 100% 50%; }
.accueil-panorama__visuel .bandeau-photo__image { background-position: 100% 50%; }
.accueil-panorama--photo .accueil-panorama__tete { display: block; max-width: var(--largeur-site); }
.accueil-panorama--photo .accueil-panorama__tete > * { max-width: 720px; }
.accueil-panorama--photo .accueil-mix__chapo { max-width: 720px; }
.accueil-panorama--photo h1 { font-size: clamp(2.3rem, 1.6rem + 2.6vw, 3.65rem); color: #fff; }
.accueil-panorama--photo .accueil-cle { width: auto; min-width: 0; white-space: normal; font-size: 12px; color: #f0e9dd; margin-bottom: 16px; }
.accueil-panorama--photo .souligne { color: #fff; }
.accueil-panorama--photo .accueil-mix__chapo { margin-top: 20px; color: #f4f0e8; }
.accueil-panorama--photo .atouts-standard--ligne { color: #f4f0e8; font-size: 13px; gap: 8px 16px; }
.accueil-panorama--photo .atouts-standard .ico { color: #ffe28a; }
.accueil-panorama--photo .contact-humain { margin-top: 18px; gap: 12px; }
.accueil-panorama--photo .contact-humain__photo { width: 48px; }
.accueil-panorama--photo .contact-humain span { color: #e9e5dc; font-size: 13px; }
.accueil-panorama--photo .contact-humain strong { color: #fff; font-size: 16px; }
.accueil-panorama--photo .contact-humain:is(:hover, :focus-visible) strong { color: #ffe28a; }
.accueil-panorama--photo .feuille--panorama { position: relative; margin-top: -88px; }
.page-article .bandeau--photo { color: #fff; min-height: var(--hauteur-visuel-page); padding-top: calc(var(--hauteur-entete) + 26px); padding-bottom: 88px; display: grid; align-items: center; }
.page-article .bandeau--photo.bandeau-photo { background: #34342c !important; }
.page-article .bandeau--photo .bandeau__grille { width: 100%; grid-template-columns: minmax(0, 780px) minmax(260px, 330px); justify-content: space-between; gap: 40px; align-items: end; }
.page-article .bandeau--photo .bandeau__grille:not(:has(.bandeau__prix)) { grid-template-columns: minmax(0, 780px); justify-content: start; }
.bandeau--photo .article-infos { font-size: 13px; gap: 6px 14px; }
.bandeau--photo h1 { color: #fff; }
.bandeau--photo .bandeau__chapo { color: #f4f0e8; font-size: 18px; }
.bandeau--photo .fil-ariane, .bandeau--photo .article-infos { color: #e9e5dc; }
.bandeau--photo .fil-ariane a:hover { color: #fff; }
.bandeau--photo .article-infos .ico { color: #ffe28a; }
.bandeau--photo .partage__titre { color: #e9e5dc; }
.bandeau--photo .etiquettes a { color: #fff; background: #202821; border-color: #7f887e; }
.bandeau--photo .etiquettes a:hover { background: var(--c-orange); }
.page-article .bandeau--photo .bandeau__prix { display: block; color: var(--c-texte); padding: 24px; background: var(--c-blanc); border: 1px solid var(--c-trait-clair); border-radius: var(--rayon); }
.page-article .bandeau--photo .bandeau__prix .btn { width: 100%; margin: 16px 0 0 !important; }
.page-article .bandeau--photo .bandeau__prix strong { margin: 8px 0; font-size: 32px; }
.bandeau-photo a:focus-visible { outline: 3px solid #ffe28a; outline-offset: 5px; }
@media (min-width: 961px) {
  .mise-d.page-bandeau-photo .bandeau + .section { position: relative; z-index: 2; margin-top: -56px; padding-top: 0; }
  .mise-d.page-bandeau-photo .article-grille { row-gap: 40px; }
  .mise-d.page-bandeau-photo .article-cote { min-height: 56px; display: flex; align-items: center; }
  .mise-d.page-bandeau-photo .article-cote__colle { width: 100%; }
}
@media (max-width: 960px) {
  .accueil-panorama__visuel { min-height: 0; }
  .page-article .bandeau--photo .bandeau__grille { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .page-article .bandeau--photo .bandeau__grille > div { max-width: 640px; }
  .page-article .bandeau--photo .bandeau__prix { max-width: 380px; }
}
@media (max-width: 640px) {
  .bandeau-photo::after { background: linear-gradient(90deg, rgba(12,17,15,.84), rgba(12,17,15,.64)); }
  .bandeau-photo__image img { object-position: center; }
  .accueil-panorama__visuel { padding-top: calc(var(--hauteur-entete) + 28px); padding-bottom: 74px; }
  .accueil-panorama__visuel .bandeau-photo__image { left: 0; mask-image: none; }
  .accueil-panorama__visuel .bandeau-photo__image img { object-position: center; }
  .accueil-panorama__visuel .bandeau-photo__image { background-position: center; }
  .accueil-panorama--photo .feuille--panorama { margin-top: -58px; }
  .accueil-panorama--photo .accueil-cle { font-size: 11px !important; }
  .accueil-panorama--photo h1 { font-size: clamp(2.2rem, 8.8vw, 3rem); }
  .accueil-panorama--photo .accueil-mix__chapo { font-size: 16px !important; }
  .accueil-panorama--photo .contact-humain strong { font-size: 15px; }
  .page-article .bandeau--photo { min-height: 0; padding-top: calc(var(--hauteur-entete) + 32px); padding-bottom: 44px; }
  .bandeau--photo .bandeau__chapo { font-size: 16px; }
}