.site .site-bloc.principe-etapes-bloc{position:relative;isolation:isolate;min-height:auto;padding-top:64px;background:var(--site-bande-creme)}.principe-carte{display:grid;grid-gap:22px;gap:22px;padding:26px 20px;min-height:440px;align-content:start;background:var(--carte);border:var(--epaisseur-filet) solid var(--ligne);border-radius:calc(var(--arrondi-bloc) * 1.5);box-shadow:var(--ombre-panneau)}.principe-carte-texte{display:grid;grid-gap:10px;gap:10px;align-content:start}.principe-numero{font-family:var(--police-site);font-size:calc(52px * var(--echelle));line-height:1;color:var(--vert)}.principe-carte h2{font-size:calc(30px * var(--echelle))}.principe-carte-texte>p:last-child{margin:4px 0 0;color:var(--gris-texte);font-size:calc(17px * var(--echelle));line-height:1.6}.principe-carte-image{display:grid;place-items:center;padding:20px;min-height:230px;border-radius:var(--arrondi-bloc);background:var(--site-bande-creme)}.maquette{width:100%;max-width:330px}.maquette-formulaire{display:grid;grid-gap:12px;gap:12px;padding:18px;background:var(--carte);border-radius:var(--arrondi-bloc);box-shadow:var(--ombre-bloc)}.maquette-champ{display:grid;grid-gap:6px;gap:6px;font-size:calc(13px * var(--echelle));font-weight:700;color:var(--encre)}.maquette-case{height:34px;border:var(--epaisseur-filet) solid var(--filet-net);background:var(--site-bande-blanche)}.maquette-bouton,.maquette-case{border-radius:var(--arrondi-controle)}.maquette-bouton{display:grid;place-items:center;min-height:42px;background:var(--vert-bouton);color:var(--bouton-texte);font-size:calc(14px * var(--echelle));font-weight:var(--boutons-graisse)}.maquette-liste{list-style:none;margin:0;padding:18px;display:grid;grid-gap:12px;gap:12px;background:var(--carte);border-radius:var(--arrondi-bloc);box-shadow:var(--ombre-bloc)}.maquette-liste li{display:flex;align-items:center;gap:12px;font-size:calc(15px * var(--echelle));color:var(--encre)}.maquette-coche{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--vert) 16%,transparent);color:var(--vert);font-size:13px;font-weight:800}.maquette-publier{position:relative;padding-right:74px}.maquette-telephone{width:188px;display:grid;grid-gap:10px;gap:10px;padding:14px 10px;background:var(--carte);border-radius:28px;border:6px solid var(--encre);box-shadow:var(--ombre-bloc)}.maquette-telephone-titre{text-align:center;font-family:var(--police-site);font-size:calc(16px * var(--echelle));color:var(--encre)}.maquette-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px}.maquette-photos>span{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:9px}.maquette-photos img{display:block;width:100%;height:100%;object-fit:cover}.maquette-photos>.maquette-photo-prendre{display:grid;place-items:center;border:2px dashed color-mix(in srgb,var(--vert) 50%,transparent);background:color-mix(in srgb,var(--vert) 8%,transparent);color:var(--vert);font-size:20px}.maquette-photo-choisie{box-shadow:inset 0 0 0 3px var(--vert)}.maquette-photo-choisie img{transform:scale(.82);border-radius:5px}.maquette-photo-choisie:after{content:"✓";position:absolute;right:2px;top:2px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--vert);color:var(--bouton-texte);font-size:10px;font-weight:800}.maquette-resultat{position:absolute;right:0;top:50%;width:104px;display:grid;grid-gap:6px;gap:6px;padding:6px 6px 8px;background:var(--carte);border-radius:14px;box-shadow:var(--ombre-panneau);transform:translateY(-58%) rotate(5deg)}.maquette-resultat img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.maquette-resultat>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--vert)}.maquette-resultat .maquette-coche{width:18px;height:18px;font-size:10px}.site-bloc.principe-mois-bloc{min-height:auto;overflow-x:clip;overflow-y:visible}.site .principe-mois-bloc+.site-bloc{position:relative;z-index:1}.principe-mois{display:grid;grid-gap:48px;gap:48px;align-items:center;justify-items:center}.principe-mois-texte{display:grid;grid-gap:22px;gap:22px;justify-self:stretch}.principe-mois-texte h2{font-size:calc(34px * var(--echelle));max-width:16ch}.principe-points{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.principe-points li{display:flex;align-items:center;gap:12px;font-size:calc(16px * var(--echelle));font-weight:700;color:var(--encre)}.principe-mois-cartes{padding:44px 64px 8px 0}.principe-post{height:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--carte);border:var(--epaisseur-filet) solid var(--ligne);border-radius:18px;box-shadow:var(--ombre-panneau)}.principe-post-tete{display:flex;align-items:center;gap:9px;padding:10px 12px}.principe-post-tete img{width:30px;height:30px;border-radius:50%}.principe-post-tete>span{display:grid;line-height:1.2;font-size:11.5px;color:var(--gris-texte)}.principe-post-tete strong{font-size:13.5px;color:var(--encre)}.principe-post-visuel{display:block;width:100%;height:100%;object-fit:cover}.principe-post-pied{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:700;color:var(--vert)}@media (min-width:480px){.maquette-publier{padding-right:102px}.maquette-resultat{width:128px}.maquette-telephone{width:210px;padding:14px 12px 16px}.maquette-photos{gap:6px}}@media (min-width:900px){.site .site-bloc.principe-etapes-bloc{padding-top:88px}.principe-carte{grid-template-columns:1fr 1fr;align-items:center;padding:44px;min-height:470px;gap:40px}.principe-carte h2{font-size:calc(38px * var(--echelle))}.principe-carte-image{min-height:360px}.principe-mois{grid-template-columns:1fr auto;gap:64px}.principe-mois-texte h2{font-size:calc(44px * var(--echelle))}.principe-mois-cartes{transform:scale(1.18);transform-origin:center;padding:60px 90px 30px 20px}}