.fiche-pont.cadre{box-sizing:border-box;width:calc(100% - 2 * var(--s3));max-width:calc(1120px - 2 * var(--s3));margin-bottom:var(--s4)}
@media(min-width:901px){
.hero-inner:has(.hero-visuel>.hero-devis) .hero-visuel .hero-devis{margin:0 0 var(--s4);max-width:none;position:relative;z-index:1}
.hero-inner:has(.hero-visuel>.hero-devis) .hero-visuel:before{display:none}
.hero-inner:has(.hero-visuel>.hero-devis) .hero-texte{align-self:center}
.hero-inner:has(.hero-visuel>.hero-devis) .hero-visuel .visuel{margin-right:0;aspect-ratio:16/9}
}
@media(max-width:900px){
.hero-inner:has(.hero-visuel>.hero-devis){display:flex;flex-direction:column;gap:0;align-items:stretch}
.hero-inner:has(.hero-visuel>.hero-devis) .hero-texte,.hero-inner:has(.hero-visuel>.hero-devis) .hero-visuel{display:contents}
.hero-inner:has(.hero-visuel>.hero-devis) .hero-visuel:before{display:none}
.hero-inner:has(.hero-visuel>.hero-devis) .hero-texte>*{order:1}
.hero-inner:has(.hero-visuel>.hero-devis) .hero-texte>.cordeau-v,.hero-inner:has(.hero-visuel>.hero-devis) .hero-texte>h1,.hero-inner:has(.hero-visuel>.hero-devis) .hero-texte>.annonce-relation{order:0}
.hero-visuel>.hero-devis{order:0;margin-block:var(--s2) var(--s3)}
.hero-visuel>.visuel{order:2;margin-top:var(--s2)}
}
@media(min-width:901px){#carte-hub.carte-terrain.carte-haute{height:600px}}