@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@500;600&family=Public+Sans:wght@400;500;600;700&display=swap');
:root{--encre:#111923;--encre-2:#202B38;--papier:#F4F5F3;--blanc:#FFFFFF;--metal:#D8DCE0;--gris:#6A727C;--gris-clair:#E8EAEB;--accent:#FF3B8D;--accent-fonce:#C70058;--accent-pale:#FFE4F0;--ombre:#11192318;--voile:#111923CC;--transparent:#FFFFFF00;--titre:'Encode Sans Condensed',sans-serif;--texte:'Public Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--rayon:12px;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--encre);font-family:var(--texte);line-height:1.65}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.evitement{position:fixed;left:1rem;top:-5rem;background:var(--accent);padding:.8rem 1rem;z-index:100}.evitement:focus{top:1rem}.bandeau{height:36px;background:var(--accent);display:flex;justify-content:center;gap:3rem;align-items:center;font-family:var(--mono);font-size:.72rem;font-weight:600}.bandeau a{text-decoration:underline}.hd{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);background:var(--blanc);position:relative;z-index:20;border-bottom:1px solid var(--gris-clair)}.logo{font-family:var(--titre);font-weight:700;letter-spacing:-.04em;line-height:.78;font-size:1.15rem;display:flex;flex-direction:column}.logo strong{color:var(--accent);font-size:1.5em}.hd nav{display:flex;align-items:center;gap:1.35rem;font-size:.82rem;font-weight:700}.hd nav a{transition:color .25s ease,transform .25s ease}.hd nav a:hover{color:var(--accent);transform:translateY(-2px)}.appel{background:var(--encre);color:var(--blanc)!important;padding:.7rem 1rem;border-radius:var(--rayon)}.menu-bouton{display:none;background:var(--encre);color:var(--blanc);border:0;border-radius:var(--rayon);padding:.6rem .8rem}.menu-pages{background:var(--encre);color:var(--blanc);padding:9px max(4vw,24px);display:flex;gap:1rem;align-items:center;overflow:auto;white-space:nowrap;font-size:.68rem}.menu-pages span{color:var(--accent);font-family:var(--mono);font-weight:700}.menu-pages a{opacity:.68;transition:opacity .2s ease}.menu-pages a:hover,.menu-pages a[aria-current]{opacity:1}.sur-titre,.etiquette{font-family:var(--mono);font-weight:600;font-size:.72rem;letter-spacing:.12em;color:var(--accent-fonce);text-transform:uppercase}.bouton,button[type=submit]{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:var(--encre);border:1px solid var(--accent);border-radius:var(--rayon);padding:.9rem 1.2rem;font-weight:800;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.bouton:hover,button[type=submit]:hover{background:var(--encre);color:var(--blanc);border-color:var(--encre);transform:translateY(-3px);box-shadow:0 10px 20px var(--ombre)}.bouton.secondaire{background:var(--transparent);border-color:currentColor;color:inherit}.actions{display:flex;gap:.7rem;flex-wrap:wrap}.rv{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.rv.visible{opacity:1;transform:none}h1,h2,h3{font-family:var(--titre);line-height:.98;letter-spacing:-.035em;margin-top:0}h1{font-size:clamp(3.2rem,7vw,7rem);font-weight:800}h2{font-size:clamp(2.15rem,4vw,4.2rem)}h3{font-size:1.55rem}em{font-style:normal;color:var(--accent)}.telephone{font-family:var(--titre);font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;text-decoration:underline;text-decoration-color:var(--accent)}
.tarif{max-width:var(--max);margin:0 auto;padding:6rem 4vw}.tarif-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tarif article,.cartes-page article{background:var(--blanc);border:1px solid var(--gris-clair);border-radius:var(--rayon);padding:2rem;box-shadow:0 8px 24px var(--ombre);transition:transform .3s ease,box-shadow .3s ease}.tarif article:hover,.cartes-page article:hover{transform:translateY(-6px);box-shadow:0 14px 32px var(--ombre)}.tarif article>span,.cartes-page article>span{font-family:var(--mono);color:var(--accent-fonce)}.tarif h2{font-size:2rem;margin:1.3rem 0 .5rem}.tarif strong{display:block;font-family:var(--titre);font-size:1.35rem}.note{font-size:.78rem;color:var(--gris);max-width:720px}.contact-final{max-width:var(--max);margin:6rem auto;padding:4rem;display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end;background:var(--accent);border-radius:var(--rayon)}.contact-final .sur-titre{color:var(--encre)}.contact-final .bouton{background:var(--encre);color:var(--blanc);border-color:var(--encre);margin-bottom:1rem}.contact-final .telephone{display:block}.hero-page{min-height:620px;display:grid;grid-template-columns:1fr 1fr;background:var(--encre);color:var(--blanc)}.hero-page>div{padding:clamp(3rem,8vw,8rem);align-self:center}.hero-page h1{font-size:clamp(3.3rem,7vw,6rem);margin-bottom:1.3rem}.hero-page>img{height:100%;object-fit:cover;filter:grayscale(1)}.contenu-page{max-width:var(--max);padding:7rem 4vw;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.cartes-page{max-width:var(--max);margin:auto;padding:1rem 4vw 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cartes-page h2{font-size:2rem;margin-top:2rem}.formulaire{max-width:760px;margin:0 auto 6rem;background:var(--blanc);padding:3rem;border-radius:var(--rayon);display:grid;gap:1rem;box-shadow:0 14px 40px var(--ombre)}.formulaire label{display:grid;gap:.35rem;font-weight:700}.formulaire input,.formulaire select,.formulaire textarea{width:100%;border:1px solid var(--metal);border-radius:var(--rayon);padding:.8rem;background:var(--papier)}.formulaire .accord{display:flex;font-size:.82rem;font-weight:500}.formulaire .accord input{width:auto}footer{background:var(--encre);color:var(--blanc);padding:5rem max(4vw,24px) 2rem;display:grid;grid-template-columns:1.3fr .8fr .8fr 1.6fr;gap:3rem}footer h2{font-size:1.2rem}footer a{display:block;margin:.3rem 0}.pied-pages{columns:2}.pied-pages a{font-size:.75rem;opacity:.7}.pied-marque p{max-width:350px;color:var(--metal)}.copie{grid-column:1/-1;border-top:1px solid var(--encre-2);padding-top:1.5rem;font-size:.7rem;color:var(--metal)}
@media(max-width:900px){.hd nav{display:none;position:absolute;left:0;right:0;top:84px;background:var(--blanc);padding:1.5rem;flex-direction:column;align-items:flex-start;box-shadow:0 12px 30px var(--ombre)}.hd nav.ouvert{display:flex}.menu-bouton{display:block}.bandeau span:nth-child(2){display:none}.menu-pages{display:none}.hero-page{grid-template-columns:1fr;min-height:0}.hero-page>img{height:360px;order:-1}.contenu-page,.contact-final{grid-template-columns:1fr;gap:1.5rem}.tarif-grille,.cartes-page{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.pied-marque{grid-column:1/-1}}
@media(max-width:600px){.bandeau{gap:.7rem;font-size:.62rem}.hd{height:70px}.hd nav{top:70px}.hero-page>div{padding:3rem 1.25rem}.hero-page>img{height:260px}.tarif,.contenu-page{padding:4rem 1.25rem}.contact-final{margin:3rem 1rem;padding:2rem}.formulaire{margin:0 1rem 4rem;padding:1.4rem}footer{grid-template-columns:1fr;padding-top:3rem}.pied-pages{columns:1}.copie{grid-column:1}}
@keyframes montee{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes entree{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes echelle{from{transform:scale(1.06)}to{transform:scale(1)}}@keyframes trait{from{width:0}to{width:100%}}
.hero-signature{height:calc(100vh - 148px);min-height:650px;position:relative;background:var(--encre);color:var(--blanc);overflow:hidden}.hero-signature picture,.hero-signature picture img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-signature picture img{filter:grayscale(1);animation:echelle 1.4s ease both}.hero-voile{position:absolute;inset:0;background:linear-gradient(90deg,var(--voile),var(--transparent));mix-blend-mode:multiply}.hero-voile:after{content:'';position:absolute;right:8%;top:0;width:18%;height:100%;background:var(--accent);mix-blend-mode:color}.hero-contenu{position:absolute;left:max(5vw,24px);bottom:12%;max-width:760px;animation:montee .9s .15s both}.hero-contenu h1{margin:.4rem 0 1rem}.hero-contenu>p:not(.sur-titre){max-width:620px;font-size:1.1rem}.hero-outil{position:absolute;right:3vw;bottom:3vw;width:260px;background:var(--blanc);color:var(--encre);padding:1.4rem;border-radius:var(--rayon);display:grid;gap:.35rem;animation:entree .8s .5s both}.hero-outil b{font-family:var(--titre);font-size:1.25rem}.hero-outil span{font-size:.76rem}.hero-outil a{font-weight:800;color:var(--accent-fonce)}.manifeste{max-width:var(--max);margin:auto;padding:7rem 4vw;display:grid;grid-template-columns:1.1fr .7fr;gap:8vw}.manifeste p{font-size:1.05rem}.rayon{padding:7rem max(4vw,calc((100vw - var(--max))/2));background:var(--blanc)}.rayon>header,.realisations>header{display:flex;justify-content:space-between;align-items:end;gap:2rem}.rayon>header h2{margin-bottom:0}.rayon-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.rayon article{border:1px solid var(--gris-clair);border-radius:var(--rayon);overflow:hidden;background:var(--papier);box-shadow:0 8px 24px var(--ombre);transition:transform .3s ease}.rayon article:hover{transform:translateY(-8px)}.rayon article img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.75);transition:filter .4s ease,transform .5s ease}.rayon article:hover img{filter:saturate(1);transform:scale(1.025)}.rayon article div{padding:1.7rem}.rayon article span{font-family:var(--mono);color:var(--accent-fonce)}.rayon article a,.lien{font-weight:800;text-decoration:underline;text-decoration-color:var(--accent)}.diagnostic{max-width:var(--max);margin:7rem auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diag-intro{background:var(--encre);color:var(--blanc);border-radius:var(--rayon);overflow:hidden;padding:4rem}.diag-intro img{border-radius:var(--rayon);margin-top:2rem;aspect-ratio:3/2;object-fit:cover}.diagnostic form{background:var(--accent);border-radius:var(--rayon);padding:3rem}.diagnostic fieldset{border:0;padding:0;margin:0 0 2rem}.diagnostic legend{font-family:var(--titre);font-size:1.8rem;font-weight:800;margin-bottom:1rem}.diagnostic label{display:block;background:var(--blanc);padding:.75rem 1rem;border-radius:var(--rayon);margin:.5rem 0;cursor:pointer;transition:transform .2s ease,background .2s ease}.diagnostic label:hover{transform:translateX(5px);background:var(--accent-pale)}#diag-resultat{margin-top:1.4rem;background:var(--encre);color:var(--blanc);border-radius:var(--rayon);padding:1.4rem}.intervention{display:grid;grid-template-columns:1fr 1fr;background:var(--encre);color:var(--blanc)}.intervention>div:last-child{padding:clamp(3rem,7vw,7rem)}.intervention-image{position:relative;min-height:700px}.intervention-image img{height:100%;object-fit:cover;filter:grayscale(.7)}.intervention-image span{position:absolute;left:1rem;bottom:1rem;background:var(--accent);color:var(--encre);font-family:var(--mono);padding:.5rem}.intervention ol{list-style:none;padding:0}.intervention li{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--encre-2)}.intervention li b{color:var(--accent)}.realisations{max-width:var(--max);padding:7rem 4vw;margin:auto}.galerie{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem;margin:3rem 0}.galerie figure{margin:0;position:relative;overflow:hidden;border-radius:var(--rayon);min-height:480px}.galerie img{height:100%;object-fit:cover;transition:transform .6s ease}.galerie figure:hover img{transform:scale(1.04)}.galerie figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;background:var(--blanc);padding:1rem;border-radius:var(--rayon);display:grid}.fondatrice{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--blanc)}.fondatrice img{height:700px;object-fit:cover}.fondatrice div{padding:clamp(3rem,8vw,8rem);align-self:center}.zones{max-width:var(--max);margin:auto;padding:7rem 4vw}.zones>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.zones a{border-top:3px solid var(--accent);padding:1.5rem 0;display:grid;transition:background .25s ease,padding .25s ease}.zones a:hover{background:var(--accent-pale);padding-left:1rem}.zones b{font-family:var(--titre);font-size:1.5rem}.zones span{font-size:.8rem;color:var(--gris)}
@media(max-width:900px){.hero-signature{height:auto;min-height:700px}.hero-outil{right:1rem;bottom:1rem}.manifeste,.diagnostic,.intervention,.fondatrice{grid-template-columns:1fr}.rayon-grille,.galerie{grid-template-columns:1fr 1fr}.rayon article:first-child,.galerie figure:first-child{grid-column:1/-1}.zones>div{grid-template-columns:1fr 1fr}.fondatrice img,.intervention-image{height:520px;min-height:0}}
@media(max-width:600px){.hero-signature{min-height:680px}.hero-contenu{left:1.2rem;right:1.2rem;bottom:11rem}.hero-contenu h1{font-size:3.7rem}.hero-outil{left:1rem;right:1rem;width:auto}.hero-voile{background:linear-gradient(0deg,var(--voile),var(--transparent))}.manifeste,.rayon,.realisations,.zones{padding:4rem 1.25rem}.rayon>header,.realisations>header{display:block}.rayon-grille,.galerie,.zones>div{grid-template-columns:1fr}.rayon article:first-child,.galerie figure:first-child{grid-column:auto}.diagnostic{margin:4rem 1rem}.diag-intro,.diagnostic form{padding:2rem}.intervention li{grid-template-columns:1fr;gap:.2rem}.fondatrice img,.intervention-image{height:380px}.galerie figure{min-height:380px}}
@keyframes glisse{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes halo{0%,100%{box-shadow:0 0 0 0 var(--ombre)}50%{box-shadow:0 0 0 18px var(--ombre)}}@keyframes bascule{from{filter:grayscale(1)}to{filter:grayscale(0)}}@keyframes repere{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body{font-size:1rem}
.bouton,button[type=submit],.hd nav a,.menu-bouton{min-height:44px}
.menu-pages a{transition:opacity .2s ease,color .2s ease}
footer a{transition:color .2s ease,opacity .2s ease}
.telephone{transition:color .2s ease,text-decoration-color .2s ease}
.formulaire input,.formulaire select,.formulaire textarea{transition:border-color .2s ease,box-shadow .2s ease}
.formulaire input:focus,.formulaire select:focus,.formulaire textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale);outline:0}
.actions a{transition:transform .2s ease,background .2s ease,color .2s ease}
.logo{transition:transform .2s ease}.logo:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}
/*
CAHIER DU SYSTÈME FORMEL — DOUBLE TOUR
Règle 01 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 02 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 03 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 04 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 05 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 06 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 07 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 08 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 09 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 10 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 11 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 12 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 13 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 14 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 15 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 16 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 17 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 18 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 19 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 20 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 21 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 22 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 23 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 24 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 25 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 26 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 27 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 28 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 29 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 30 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 31 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 32 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 33 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
Règle 34 — Le système Vitrine organise les contenus comme un commerce réel : chaque carte garde le même rayon, une ombre basse et une hiérarchie stable. Les légendes sont courtes, les prix restent proches de leur prestation et les images montrent des objets identifiables. La couleur rose vient seulement ponctuer les repères de copie, les appels à l’action et les preuves utiles. Les espaces laissent respirer les produits et la typographie condensée rappelle l’alignement vertical des profils de clés sans dessiner de clé décorative. 
*/