/* Copie légère de /assets/phare-avis-page.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:9100f950af97d5eb8a71bd35fcef28b8bfb849c9 — ne pas éditer, relancer l'outil. */
.avp{--avp-encre: #0A0A0A;
    --avp-doux: #5F5F5F;
    --avp-mute: #6B6B6B;
    --avp-filet: #E6E5E3;
    --avp-nuit: #0B0D10;
    --avp-papier: #FFFFFF;
    --avp-gris: #F4F4F5;
    --avp-r: 16px;
    --avp-e: cubic-bezier(0.22, 0.68, 0.24, 1);
    --avp-fleche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M204,64V168a12,12,0,0,1-24,0V93L72.49,200.49a12,12,0,0,1-17-17L163,76H88a12,12,0,0,1,0-24H192A12,12,0,0,1,204,64Z'/%3E%3C/svg%3E");
    --avp-etoile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z'/%3E%3C/svg%3E");
    font-family: var(--font-nav);
    color: var(--avp-encre);}
.avp :is(h1, h2, h3){font-family: var(--font-nav); color: inherit;}
.avp :is(figure, blockquote){margin: 0;}
.avp-sr{position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;}
.epure.avp > .epure-bande.avp-haut:first-child{padding-top: clamp(28px, 3vw, 48px);}
.avp .avp-fil{display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin: 0 0 clamp(36px, 4.4vw, 72px);
    font-size: 13.5px;
    color: var(--avp-mute);}
.avp .avp-fil a{display: inline-flex;
    align-items: center;
    min-height: 24px;
    color: var(--avp-doux);
    text-decoration: none;}
.avp .avp-fil a:hover{color: var(--avp-encre); text-decoration: underline; text-underline-offset: 3px;}
.avp .avp-sur{margin: 0;
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: -0.005em;
    color: var(--avp-doux);}
.avp .avp-sur span{color: var(--avp-encre);}
.avp .avp-h1{display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    column-gap: clamp(14px, 1.8vw, 28px);
    margin: clamp(10px, 1vw, 16px) 0 0;}
.avp-h1-mot{font-size: clamp(92px, 14.5vw, 224px);
    font-weight: 600;
    line-height: 0.8;
    letter-spacing: -0.06em;}
.avp-h1-sur{max-width: 19ch;
    padding-bottom: 0.4em;
    font-size: clamp(15px, 1.2vw, 18px);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.012em;
    color: var(--avp-doux);
    text-wrap: balance;}
.avp h1.avp-h1-sur{margin: 0; font-family: inherit;}
.avp-haut-bas{display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 50ch);
    gap: 24px clamp(32px, 5vw, 96px);
    align-items: end;
    margin-top: clamp(28px, 3vw, 48px);}
.avp .avp-marque{display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    font-size: clamp(18px, 1.5vw, 22px);
    font-weight: 600;
    letter-spacing: -0.02em;}
.avp-marque .avp-g{flex: none;
    width: 44px;
    height: 44px;
    padding: 10px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.05), 0 8px 18px -10px rgba(10, 10, 10, 0.3);}
.avp-g{display: block;}
.avp .avp-source{display: block;
    flex: none;
    width: 20px;
    height: 20px;
    margin-left: auto;}
.avp .avp-source .avp-g{width: 100%; height: 100%;}
.avp-carte--nuit .avp-source,.avp-carte--une .avp-source{width: 28px;
    height: 28px;
    padding: 5px;
    border-radius: 50%;
    background: #FFFFFF;}
.avp-bouton-g{display: grid;
    flex: none;
    place-items: center;
    width: 26px;
    height: 26px;
    margin-left: -12px;
    padding: 5px;
    border-radius: 50%;
    background: #FFFFFF;}
.avp-bouton-g .avp-g{width: 100%; height: 100%;}
.avp .avp-intro p{margin: 0;
    font-family: var(--font-text);
    font-size: clamp(15px, 1.1vw, 16.5px);
    line-height: 1.6;
    color: var(--avp-doux);
    text-wrap: pretty;}
.avp .avp-intro p + p{margin-top: 10px;}
.avp .avp-intro strong{font-weight: 600; color: var(--avp-encre);}
.avp .avp-intro a{color: var(--avp-encre);
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(10, 10, 10, 0.3);
    text-underline-offset: 3px;}
.avp .avp-intro a:hover{text-decoration-color: var(--avp-encre);}
.avp-mur{display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
    margin-top: clamp(40px, 5vw, 80px);}
.avp-col{display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;}
.avp .avp-carte{position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    gap: 28px;
    padding: clamp(22px, 2vw, 30px);
    border-radius: var(--avp-r);
    background: var(--avp-papier);
    
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.035),
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 14px 30px -18px rgba(10, 10, 10, 0.2);}
.avp .avp-carte--nuit{background: var(--avp-nuit);
    color: #FFFFFF;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 2px 4px rgba(10, 10, 10, 0.12),
        0 22px 44px -24px rgba(10, 10, 10, 0.6);}
.avp-etoiles{display: inline-flex; gap: 3px; color: #A86A12;}
.avp-carte--nuit .avp-etoiles,.avp-carte--une .avp-etoiles{color: #F5B544;}
.avp-etoiles i{display: block;
    width: 15px;
    height: 15px;
    background: currentColor;
    -webkit-mask: var(--avp-etoile) center / contain no-repeat;
            mask: var(--avp-etoile) center / contain no-repeat;}
.avp-etoiles i.vide{opacity: 0.28;}
.avp .avp-texte p{margin: 16px 0 0;
    font-family: var(--font-text);
    font-size: clamp(15px, 1.1vw, 16.5px);
    line-height: 1.6;
    color: #2F2F2F;
    text-wrap: pretty;}
.avp .avp-carte--nuit .avp-texte p{color: rgba(255, 255, 255, 0.88);}
.avp .avp-qui{display: flex; align-items: center; gap: 12px; margin: 0;}
.avp-initiale{display: grid;
    flex: none;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--avp-g, #5F6368);
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;}
.avp-nom{display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.avp-nom strong{font-size: 15px; font-weight: 600; letter-spacing: -0.012em;}
.avp-nom span{font-size: 13px; color: var(--avp-mute);}
.avp-carte--nuit .avp-nom span,.avp-carte--une .avp-nom span{color: rgba(255, 255, 255, 0.66);}
.avp-source{margin-left: auto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--avp-mute);}
.avp-carte--nuit .avp-source,.avp-carte--une .avp-source{color: rgba(255, 255, 255, 0.66);}
.avp .avp-carte--une{min-height: clamp(520px, 46vw, 680px);
    justify-content: flex-end;
    overflow: clip;
    isolation: isolate;
    padding: 0;
    background: var(--avp-nuit);
    color: #FFFFFF;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 3px 6px rgba(10, 10, 10, 0.12),
        0 36px 70px -32px rgba(94, 28, 43, 0.7),
        0 18px 34px -22px rgba(10, 10, 10, 0.45);}
.avp-art{position: absolute;
    inset: 0;
    z-index: -1;
    overflow: clip;
    background-image: linear-gradient(180deg, #F3CDD4 0%, #DC8395 20%, #A8445A 40%, #5E1C2B 58%, #1C0A10 74%, #0B0D10 88%);}
.avp-orbite{position: absolute;
    left: 50%;
    top: 29%;
    width: 170%;
    aspect-ratio: 1;
    translate: -50% -50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    animation: avpTourne 47s linear infinite;}
.avp-orbite--a{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='white' stroke-opacity='.42'%3E%3Ccircle vector-effect='non-scaling-stroke' cx='208' cy='196' r='12'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='214' cy='192' r='26'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='221' cy='187' r='42'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='229' cy='181' r='60'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='238' cy='174' r='80'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='248' cy='166' r='102'/%3E%3C/g%3E%3C/svg%3E");}
.avp-orbite--b{animation-duration: 73s;
    animation-direction: reverse;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='white' stroke-opacity='.24'%3E%3Ccircle vector-effect='non-scaling-stroke' cx='188' cy='210' r='36'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='178' cy='218' r='70'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='166' cy='228' r='112'/%3E%3Ccircle vector-effect='non-scaling-stroke' cx='152' cy='240' r='160'/%3E%3C/g%3E%3C/svg%3E");}
@keyframes avpTourne{ to { rotate: 1turn; } }
.avp-repere{position: absolute;
    left: 0;
    right: 0;
    top: 29%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);}
.avp-repere::after{content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7px;
    height: 7px;
    translate: -50% -50%;
    background: #FFFFFF;}
.avp-art::after{content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
    background-size: 160px;
    opacity: 0.09;
    pointer-events: none;}
@media (prefers-reduced-motion: reduce){
.avp-orbite{animation: none;}
}
.avp-une-corps{display: flex;
    flex-direction: column;
    gap: 0;
    padding: clamp(120px, 11vw, 170px) clamp(24px, 2.4vw, 36px) clamp(24px, 2.4vw, 36px);
    
    background: linear-gradient(180deg,
        rgba(11, 13, 16, 0) 0,
        rgba(11, 13, 16, 0.55) clamp(56px, 5vw, 80px),
        rgba(11, 13, 16, 0.92) clamp(112px, 10vw, 156px),
        #0B0D10 100%);}
.avp .avp-carte--une .avp-texte p{margin: 16px 0 26px;
    font-family: var(--font-nav);
    font-size: clamp(18px, 1.45vw, 21px);
    
    text-wrap: wrap;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: -0.015em;
    color: #FFFFFF;}
.avp .avp-google{display: flex;
    justify-content: center;
    margin: clamp(32px, 3.4vw, 52px) 0 0;}
.avp .avp-bouton{display: inline-flex;
    align-items: center;
    gap: 14px;
    height: 54px;
    padding: 0 8px 0 24px;
    border-radius: 999px;
    background: var(--avp-encre);
    color: #FFFFFF;
    font-size: 15.5px;
    font-weight: 500;
    letter-spacing: -0.012em;
    text-decoration: none;
    box-shadow: 0 14px 30px -18px rgba(10, 10, 10, 0.8);
    transition: translate .2s var(--avp-e), background-color .25s var(--avp-e);}
.avp .avp-bouton:hover{translate: 0 -1px; background: #1F1F22;}
.avp .avp-bouton:focus-visible{outline: 2px solid var(--avp-encre); outline-offset: 3px;}
.avp-bouton-fl{position: relative;
    display: block;
    flex: none;
    width: 38px;
    height: 38px;
    overflow: clip;
    border-radius: 50%;
    background: #FFFFFF;
    color: var(--avp-encre);}
.avp-bouton-fl::before,.avp-bouton-fl::after,.avp-lien-fl::before,.avp-lien-fl::after{content: "";
    position: absolute;
    inset: 0;
    width: 13px;
    height: 13px;
    margin: auto;
    background: currentColor;
    -webkit-mask: var(--avp-fleche) center / contain no-repeat;
            mask: var(--avp-fleche) center / contain no-repeat;
    transition: translate .5s var(--avp-e);}
.avp-bouton-fl::after,.avp-lien-fl::after{translate: -24px 24px;}
.avp-bouton:is(:hover, :focus-visible) .avp-bouton-fl::before,.avp-lien:is(:hover, :focus-visible) .avp-lien-fl::before{translate: 24px -24px;}
.avp-bouton:is(:hover, :focus-visible) .avp-bouton-fl::after,.avp-lien:is(:hover, :focus-visible) .avp-lien-fl::after{translate: 0 0;}
.avp .avp-h2{margin: 0;
    font-size: clamp(30px, 3vw, 48px);
    font-weight: 500;
    line-height: 1.04;
    letter-spacing: -0.04em;
    text-wrap: balance;}
.avp .avp-dossiers-tete p{max-width: 56ch;
    margin: 14px 0 0;
    font-family: var(--font-text);
    font-size: clamp(15.5px, 1.1vw, 17px);
    line-height: 1.55;
    color: var(--avp-doux);}
.avp .avp-liste{--avp-coin: calc(var(--avp-r) - 1px);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: clamp(28px, 3vw, 48px) 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--avp-filet);
    border-radius: var(--avp-r);
    background: var(--avp-filet);
    box-shadow:
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 6px 14px -10px rgba(10, 10, 10, 0.12),
        0 34px 64px -40px rgba(10, 10, 10, 0.34);}
.avp .avp-liste li{display: flex; margin: 0; padding: 0; background: var(--avp-papier);}
.avp .avp-liste li:nth-child(1),.avp .avp-liste li:nth-child(1) .avp-lien{border-top-left-radius: var(--avp-coin);}
.avp .avp-liste li:nth-child(3),.avp .avp-liste li:nth-child(3) .avp-lien{border-top-right-radius: var(--avp-coin);}
.avp .avp-liste li:nth-last-child(3),.avp .avp-liste li:nth-last-child(3) .avp-lien{border-bottom-left-radius: var(--avp-coin);}
.avp .avp-liste li:last-child,.avp .avp-liste li:last-child .avp-lien{border-bottom-right-radius: var(--avp-coin);}
.avp .avp-liste li::before{content: none;}
.avp .avp-lien{position: relative;
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    gap: 4px 18px;
    min-height: 104px;
    padding: 20px 20px 20px 22px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 55%, #F9F9FA 100%);
    color: var(--avp-encre);
    text-decoration: none;
    box-shadow: inset 0 1px 0 #FFFFFF;
    transition: translate .25s var(--avp-e), box-shadow .3s var(--avp-e), border-radius .25s var(--avp-e);}
.avp .avp-lien:hover{z-index: 1;
    translate: 0 -2px;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.08),
        0 2px 4px rgba(10, 10, 10, 0.06),
        0 22px 40px -18px rgba(10, 10, 10, 0.34);}
.avp .avp-lien:focus-visible{z-index: 1; outline: 2px solid var(--avp-encre); outline-offset: -3px;}
.avp-lien-t{font-size: clamp(16px, 1.15vw, 17.5px); font-weight: 500; letter-spacing: -0.015em;}
.avp-lien-s{grid-column: 1;
    font-family: var(--font-text);
    font-size: 14.5px;
    line-height: 1.45;
    color: var(--avp-doux);}
.avp-lien-fl{position: relative;
    grid-column: 2;
    grid-row: 1 / span 2;
    box-shadow: 0 3px 8px -4px rgba(10, 10, 10, 0.22);
    width: 36px;
    height: 36px;
    overflow: clip;
    border: 1px solid var(--avp-filet);
    border-radius: 50%;
    color: var(--avp-encre);
    transition: background-color .25s var(--avp-e), border-color .25s var(--avp-e), color .25s var(--avp-e);}
.avp-lien:is(:hover, :focus-visible) .avp-lien-fl{background: var(--avp-encre); border-color: var(--avp-encre); color: #FFFFFF;}
@media (max-width: 1000px){
.avp-haut-bas{grid-template-columns: minmax(0, 1fr); align-items: start;}
.avp-mur{grid-template-columns: repeat(2, minmax(0, 1fr));}
.avp-col--une{grid-column: 1 / -1; order: -1;}
.avp .avp-carte--une{min-height: 460px;}
.avp .avp-liste{grid-template-columns: minmax(0, 1fr);}
.avp .avp-liste li:nth-child(n),.avp .avp-liste li:nth-child(n) .avp-lien{border-radius: 0;}
.avp .avp-liste li:first-child,.avp .avp-liste li:first-child .avp-lien{border-radius: var(--avp-coin) var(--avp-coin) 0 0;}
.avp .avp-liste li:last-child,.avp .avp-liste li:last-child .avp-lien{border-radius: 0 0 var(--avp-coin) var(--avp-coin);}
}
@media (max-width: 640px){
.avp-mur{grid-template-columns: minmax(0, 1fr);}
.avp .avp-carte--une{min-height: 440px;}
.avp-h1-sur{max-width: none; padding-bottom: 0; flex-basis: 100%; margin-top: 12px;}
.avp .avp-lien{min-height: 88px;}
}
@media (prefers-reduced-motion: reduce){
.avp .avp-bouton,.avp .avp-lien,.avp-bouton-fl::before,.avp-bouton-fl::after,.avp-lien-fl::before,.avp-lien-fl::after{transition: none;}
}