.studio-mobile-copy{display:none} @media(max-width:760px){ .studio-desktop-copy{display:none!important} .studio-mobile-copy{display:initial} html{scroll-padding-top:78px;scroll-padding-bottom:92px} body .site-tete .nav{padding-block:10px;min-height:64px;gap:10px} body .site-tete .marque{max-width:calc(100% - 56px);gap:9px} body .site-tete .logo-boite{width:40px;height:40px;flex-basis:40px} body .site-tete .logo-boite img{width:100%;height:100%;object-fit:contain} body .site-tete .wordmark{font-size:19px;line-height:1.25} body .site-tete .burger{width:44px;height:44px;min-width:44px;min-height:44px;margin-left:auto} body .site-tete .nav::before{inset:0 -18px;border-radius:0} body .site-tete [class$="-brand-speciality"]{font-size:9px;line-height:1.3;letter-spacing:.03em} body .panneau-mobile{padding:18px 20px calc(24px + env(safe-area-inset-bottom,0px));max-height:100dvh;overflow-y:auto} body .panneau-tete{margin-bottom:20px} body .panneau-liens a{font-size:26px;min-height:52px;padding-block:8px} body main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px;min-height:48px} body>[class$="-mobile-actions"]{position:fixed;inset:auto 12px calc(max(10px,env(safe-area-inset-bottom,0px)) + var(--studio-viewport-bottom,0px));z-index:40;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:8px;border:1px solid var(--filet,var(--line));border-radius:14px;box-shadow:0 5px 24px #0002;box-sizing:border-box;width:auto;max-width:none;transform:none} body>[class$="-mobile-actions"]>a{min-height:44px;min-width:0;padding:10px 6px;font-size:12px;line-height:1.3;white-space:normal;text-align:center;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box} html.studio-form-active body>[class$="-mobile-actions"],html.panneau-ouvert body>[class$="-mobile-actions"],html.studio-submit-visible body>.studio-mobile-actions{visibility:hidden;pointer-events:none} body:has(>[class$="-mobile-actions"]) footer.pied.studio-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))} body .contact-carte{padding:22px 18px;border-radius:12px;min-width:0} body .contact-carte .champ{margin-bottom:22px} body .contact-carte .champ-plus{margin-bottom:22px} body .contact-carte label{font-size:13px;line-height:1.5} body .contact-carte input,body .contact-carte textarea{padding-block:10px} body .contact-carte button[type=submit]{width:100%;min-height:50px;padding:12px 10px;font-size:14px;line-height:1.4;white-space:normal} body .contact-note{font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin-top:12px} body .contact-grille{gap:20px;margin-top:24px} body .poignee{gap:14px;margin-top:24px;min-width:0;max-width:100%} body .poignee-texte{min-width:0;flex:1} body .contact-grille .poignee{translate:none} body .poignee-photo{width:72px;flex:none} body .poignee-citation{font-size:17px;line-height:1.45} body .poignee-voix{margin-top:14px;font-size:14px;line-height:1.55} body footer.pied.studio-footer{padding-top:24px} body .pied.studio-footer .pied-grille{gap:18px;grid-template-columns:1fr 1fr} body .pied.studio-footer :is(.pied-ident,.pied-metiers){grid-column:1/-1} body .pied.studio-footer .pied-ident .nom{margin-bottom:12px} body .pied.studio-footer .pied-ident{font-size:13px;line-height:1.55} body .pied.studio-footer .pied-ident>p+p{margin-top:8px} body .pied.studio-footer .pied-liens{font-size:13px} body .pied.studio-footer .studio-footer-links{grid-template-columns:1fr} body .pied.studio-footer .studio-footer-sectors{grid-template-columns:1fr 1fr;gap:0 16px} body .pied.studio-footer .pied-liens strong{font-size:10px;margin-bottom:6px} body .pied.studio-footer .pied-liens a{min-height:44px;padding-block:7px} body main.home-studio:not(.studio-interne) .heros{grid-template-areas:"titre" "scene" "suite" "actions";padding-block:24px 30px;gap:0} body main.home-studio:not(.studio-interne) .heros h1{font-size:clamp(31px,8.5vw,39px);line-height:1.08;letter-spacing:-.045em;text-align:left;margin:0;text-wrap:pretty} body main.home-studio:not(.studio-interne) .heros h1 em{font-size:1.1em;line-height:1.08;display:block;margin-top:4px} body main.home-studio:not(.studio-interne) .heros .chapeau{font-size:16px;line-height:1.55;margin-top:14px} body main.home-studio:not(.studio-interne) .heros .scene-boite{margin-top:20px;padding-top:0;border-top:0} body main.home-studio:not(.studio-interne) .scene-intro{grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:44px} body main.home-studio:not(.studio-interne) .scene-mascotte,body main.home-studio:not(.studio-interne) .scene-mascotte .logo-peau-boite{width:42px;height:42px} body main.home-studio:not(.studio-interne) .scene-etiquette,body main.home-studio:not(.studio-interne) .scene-objectif{display:none} body main.home-studio:not(.studio-interne) .scene-nom{font-size:23px;min-height:0;line-height:1.2;margin:0} body main.home-studio:not(.studio-interne) .scene-cadre{margin-top:12px} body main.home-studio:not(.studio-interne) .compo{aspect-ratio:1000/635} body main.home-studio:not(.studio-interne) .appareil-desktop{width:91%;border-width:3px;border-bottom-width:5px} body main.home-studio:not(.studio-interne) .appareil-mobile{width:25%;right:0;top:10%;border-width:3px} body main.home-studio:not(.studio-interne) .scene-ouvrir-label{font-size:13px;line-height:1.4;min-height:44px} body main.home-studio:not(.studio-interne) .scene-choix{display:flex;flex-flow:row nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;max-width:100%;margin:6px 0 0;scroll-snap-type:x proximity;scrollbar-width:none} body main.home-studio:not(.studio-interne) .scene-choix::-webkit-scrollbar{display:none} body main.home-studio:not(.studio-interne) .scene-choix button{flex:0 0 auto;min-height:44px;padding-inline:13px;scroll-snap-align:start} body main.home-studio:not(.studio-interne) .scene-bas{font-size:11px;margin-top:3px;min-height:36px} body main.home-studio:not(.studio-interne) .scene-pause{min-height:36px} body main.home-studio:not(.studio-interne) .heros-suite{margin-top:12px} body main.home-studio:not(.studio-interne) .heros-suivi{display:none} body main.home-studio:not(.studio-interne) .heros-suite .reassure{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;margin:0;font-size:13px;line-height:1.5} body main.home-studio:not(.studio-interne) .heros-prix{display:block;margin-top:12px;padding-top:12px;font-size:14px;line-height:1.55} body main.home-studio:not(.studio-interne) .heros-prix strong{font-size:18px} body main.home-studio:not(.studio-interne) .heros-prix span{display:block;font-size:13px;margin-top:3px} body main.home-studio:not(.studio-interne) .heros-taxe{font-size:11px;line-height:1.5;margin-top:5px} body main.home-studio:not(.studio-interne) .heros .heros-actions{margin-top:10px;flex-direction:row;gap:0} body main.home-studio:not(.studio-interne) .section{padding-block:40px} body main.home-studio:not(.studio-interne) :is(.metiers-entete,.preuves-tete,.tarifs-entete){display:block;margin-bottom:24px} body main.home-studio:not(.studio-interne) h2{font-size:clamp(27px,7.5vw,34px);line-height:1.15;text-align:left;letter-spacing:-.04em} body main.home-studio:not(.studio-interne) :is(.lead,.peaux-sous){font-size:16px;line-height:1.6;margin-top:14px} body main.home-studio:not(.studio-interne) .cartouche{font-size:10px;line-height:1.5;margin-bottom:10px} body main.home-studio:not(.studio-interne) .metiers-solutions{padding-block:36px} body main.home-studio:not(.studio-interne) .metiers-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} body main.home-studio:not(.studio-interne) .metier-carte{display:flex;flex-direction:column;align-items:start;gap:8px;min-height:100px;padding:14px 12px} body main.home-studio:not(.studio-interne) .metier-carte h3{font-size:16px;line-height:1.3;margin:0;flex:1} body main.home-studio:not(.studio-interne) .metier-carte p{display:none} body main.home-studio:not(.studio-interne) .metier-action{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:12px;min-height:32px;padding:0;border:0;margin:0} body main.home-studio:not(.studio-interne) .metiers-autre{margin-top:16px;font-size:14px;gap:8px} body main.home-studio:not(.studio-interne) .preuves-grille{gap:28px} body main.home-studio:not(.studio-interne) .portfolio-stage,body main.home-studio:not(.studio-interne) .preuve-compacte .portfolio-stage{padding:14px 10px 12px} body main.home-studio:not(.studio-interne) .portfolio-signature{font-size:10px;line-height:1.4;margin-bottom:12px} body main.home-studio:not(.studio-interne) .portfolio-appareils{padding:0 4% 7% 0} body main.home-studio:not(.studio-interne) .portfolio-mobile{width:24%} body main.home-studio:not(.studio-interne) .preuve-contenu{padding-top:16px} body main.home-studio:not(.studio-interne) .preuve-contenu h3{font-size:23px;line-height:1.25;margin-top:8px} body main.home-studio:not(.studio-interne) .preuve-date{font-size:10px;line-height:1.5} body main.home-studio:not(.studio-interne) .preuve-fait{display:none} body main.home-studio:not(.studio-interne) .preuve-objectif{font-size:16px;line-height:1.55;margin-top:10px} body main.home-studio:not(.studio-interne) .portfolio-points{margin-top:12px;gap:6px} body main.home-studio:not(.studio-interne) .portfolio-points li{font-size:11px;padding:5px 9px} body main.home-studio:not(.studio-interne) .preuve-lien{min-height:44px;font-size:13px;margin-top:8px} body main.home-studio:not(.studio-interne) .preuve-compacte{padding-top:24px;margin-top:0} body main.home-studio:not(.studio-interne) .preuves-suite{margin-top:20px;font-size:13px;gap:6px} body main.home-studio:not(.studio-interne) .preuves-suite span{display:none} body main.home-studio:not(.studio-interne) .etapes{margin-top:24px;gap:22px} body main.home-studio:not(.studio-interne) .etape{grid-template-columns:32px minmax(0,1fr);gap:4px 12px;padding:0} body main.home-studio:not(.studio-interne) .etape .fantome{font-size:17px;width:32px;height:32px} body main.home-studio:not(.studio-interne) .etape h3{font-size:18px;margin:0;line-height:1.4} body main.home-studio:not(.studio-interne) .etape p{font-size:15px;line-height:1.6;margin-top:6px} body main.home-studio:not(.studio-interne) .etapes::before{left:16px} body main.home-studio:not(.studio-interne) .desamorce{margin-top:20px;padding-left:12px;font-size:13px;line-height:1.6} body main.home-studio:not(.studio-interne) .methode-cta{margin-top:0} body main.home-studio:not(.studio-interne) .suivi-grille{gap:24px;margin-top:18px} body main.home-studio:not(.studio-interne) .suivi-identite{grid-template-columns:64px minmax(0,1fr);gap:0 14px} body main.home-studio:not(.studio-interne) .suivi-portrait{width:64px;border-radius:8px} body main.home-studio:not(.studio-interne) .suivi-signature{font-size:17px;line-height:1.4} body main.home-studio:not(.studio-interne) .suivi-contact{grid-column:2;margin-top:8px} body main.home-studio:not(.studio-interne) .suivi-contact a{font-size:17px} body main.home-studio:not(.studio-interne) .suivi-contact span{font-size:12px;line-height:1.5} body main.home-studio:not(.studio-interne) .suivi-bio{margin-top:16px;padding-top:14px;font-size:13px;line-height:1.55} body main.home-studio:not(.studio-interne) .suivi-points li{padding-block:14px;gap:10px} body main.home-studio:not(.studio-interne) .suivi-points h3{font-size:17px;line-height:1.4} body main.home-studio:not(.studio-interne) .suivi-points p{font-size:14px;line-height:1.6;margin-top:6px} body main.home-studio:not(.studio-interne) .suivi-recherche{padding-top:20px;margin-top:18px;gap:12px} body main.home-studio:not(.studio-interne) .suivi-recherche p{font-size:14px;line-height:1.6} body main.home-studio:not(.studio-interne) .offre-courte{margin-top:22px} body main.home-studio:not(.studio-interne) .offre-prix{padding:20px} body main.home-studio:not(.studio-interne) .offre-montant{font-size:60px;margin:8px 0} body main.home-studio:not(.studio-interne) .offre-mensuel{margin-top:16px;padding-top:16px} body main.home-studio:not(.studio-interne) .offre-taxe,body main.home-studio:not(.studio-interne) .offre-total{font-size:12px;line-height:1.55} body main.home-studio:not(.studio-interne) .offre-inclus{padding:20px} body main.home-studio:not(.studio-interne) .offre-inclus h3{font-size:19px} body main.home-studio:not(.studio-interne) .offre-inclus li{padding-block:9px;font-size:14px;line-height:1.55} body main.home-studio:not(.studio-interne) .offre-suivi{padding:20px;gap:16px;margin-top:20px} body main.home-studio:not(.studio-interne) .offre-suivi h3{font-size:23px} body main.home-studio:not(.studio-interne) .suivi-inclus li{padding-block:8px;font-size:14px;line-height:1.55} body main.home-studio:not(.studio-interne) .offre-suite{gap:18px;padding-top:22px} body main.home-studio:not(.studio-interne) .offre-suite h3{font-size:17px} body main.home-studio:not(.studio-interne) .offre-suite p{font-size:14px;line-height:1.6} body main.home-studio:not(.studio-interne) .offre-domaine{font-size:13px;line-height:1.6} body main.home-studio:not(.studio-interne) .faq-grille{margin-top:24px} body main.home-studio:not(.studio-interne) .faq-grille summary{padding-block:17px;min-height:52px} body main.home-studio:not(.studio-interne) .faq-grille summary h3{font-size:16px;line-height:1.5} body main.home-studio:not(.studio-interne) .faq-repli p{font-size:15px;line-height:1.6} body main.home-studio:not(.studio-interne) .contact-grille{margin-top:24px} } @media(max-width:360px){ body .site-tete .wordmark{font-size:17px} body>[class$="-mobile-actions"]{left:8px;right:8px;gap:6px;padding:7px} body>[class$="-mobile-actions"]>a{font-size:11px} body main.home-studio:not(.studio-interne) .heros h1{font-size:30px} } @media (max-width:760px) { :is(.resto-page,.artisan-page,.coiffeur-page,.beaute-page,.paysagiste-page,.garage-page) { font-size:16px; line-height:1.6; } :is(.resto-page,.artisan-page,.coiffeur-page,.beaute-page,.paysagiste-page,.garage-page) :is(h1,h2,h3,p) { text-align:left; } :is(.r-wrap,.a-wrap,.c-wrap,.b-wrap,.p-wrap,.g-wrap) { width:calc(100% - 36px); min-width:0; } :is(.r-section,.a-section,.c-section,.b-section,.p-section,.g-section) { padding-block:44px; } :is(.r-breadcrumb,.a-breadcrumb,.c-breadcrumb,.b-breadcrumb,.p-breadcrumb,.g-breadcrumb) { font-size:10px; line-height:1.45; gap:8px; padding:12px 0 15px; } :is(.r-kicker,.a-kicker,.c-kicker,.b-kicker,.p-kicker,.g-kicker) { font-size:10px; letter-spacing:.055em; line-height:1.5; } :is(.resto-page,.artisan-page,.coiffeur-page,.beaute-page,.paysagiste-page,.garage-page) h1 { font-size:clamp(34px,9.5vw,40px); line-height:1.08; letter-spacing:-.045em; text-wrap:initial; margin:13px 0 15px; max-width:none; width:100%; } .resto-page h1 em { font-size:1.08em; } .artisan-page h1 { font-size:clamp(32px,9.1vw,38px); letter-spacing:-.055em; } .beaute-page h1 { font-size:clamp(36px,10vw,40px); letter-spacing:-.025em; } :is(.r-hero-grid,.a-hero-grid,.c-cover-grid,.b-cover-grid,.p-cover-grid,.g-cover-grid) { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0 0 20px; } :is(.r-hero-copy,.a-hero-copy,.c-cover-copy,.b-cover-copy,.p-cover-copy,.g-cover-copy) { display:contents; } :is(.r-hero-copy,.a-hero-copy,.c-cover-copy,.b-cover-copy,.p-cover-copy,.g-cover-copy)>:is(.r-kicker,.a-kicker,.c-kicker,.b-kicker,.p-kicker,.g-kicker) { display:none; order:0; margin:0; font-size:10px; } :is(.r-hero-grid,.a-hero-grid,.c-cover-grid,.b-cover-grid,.p-cover-grid,.g-cover-grid) h1 { order:1; } :is(.r-hero,.a-cover,.c-cover,.b-cover,.p-cover,.g-cover) :is(.r-lead,.a-lead,.c-lead,.b-lead,.p-lead,.g-lead) { order:2; font-size:16px; line-height:1.55; margin:0 0 20px; max-width:none; } :is(.r-hero-visual,.a-hero-visual,.c-cover-visual,.b-cover-visual,.p-cover-visual,.g-cover-visual) { order:3; width:100%; max-width:none; min-height:0; padding:13px 12px 11px; margin:0; transform:none; box-shadow:none; } .r-hero-visual { border-radius:28px 28px 4px 4px; } .c-cover-visual { border-radius:30px 30px 3px 3px; } .a-hero-visual { border-left:3px solid var(--a-signal); } .b-cover-visual { border-radius:12px; } .p-cover-visual { background-size:20px 20px; } .g-cover-visual { border-top:3px solid var(--g-signal); } :is(.r-hero-visual-head,.a-cover-coordinate,.a-cover-stamp,.a-cover-rail,.c-visual-heading,.b-visual-top,.p-plan-coordinate,.g-visual-top), .g-cover-visual::before { display:none; } :is(.r-hero-visual,.a-hero-visual,.c-cover-visual,.b-cover-visual,.p-cover-visual,.g-cover-visual) :is(.r-devices,.a-devices,.c-devices,.b-devices,.p-devices,.g-devices) { margin:0; padding:0; } :is(.r-devices,.a-devices,.c-devices,.b-devices,.p-devices,.g-devices) .compo { width:100%; aspect-ratio:1000/650; } :is(.r-devices,.a-devices,.c-devices,.b-devices,.p-devices,.g-devices) .appareil-desktop { width:89%; } :is(.r-devices,.a-devices,.c-devices,.b-devices,.p-devices,.g-devices) .appareil-mobile { width:25%; top:12%; } :is(.r-hero-visual-foot,.a-cover-caption,.c-visual-caption,.b-visual-caption,.p-visual-caption,.g-visual-caption) { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:baseline; gap:4px 12px; font-size:10px; line-height:1.45; border-top:0; padding:3px 0 0; margin:7px 0 0; } :is(.a-cover-caption,.c-visual-caption,.b-visual-caption,.p-visual-caption,.g-visual-caption) strong { font-size:17px; max-width:none; } :is(.a-cover-caption,.c-visual-caption,.b-visual-caption,.p-visual-caption,.g-visual-caption)>span { text-align:left; max-width:none; } :is(.r-hero-actions,.a-hero-actions,.c-cover-actions,.b-cover-actions,.p-cover-actions,.g-cover-actions) { order:4; margin:9px 0 0; gap:0; } :is(.r-hero-actions,.a-hero-actions,.c-cover-actions,.b-cover-actions,.p-cover-actions,.g-cover-actions)>:is(.r-button,.a-button,.c-button,.b-button,.p-button,.g-button) { display:none; } :is(.r-hero-actions,.a-hero-actions,.c-cover-actions,.b-cover-actions,.p-cover-actions,.g-cover-actions) :is(.r-textlink,.a-textlink,.c-textlink,.b-textlink,.p-textlink,.g-textlink) { font-size:13px; justify-content:flex-start; min-height:44px; width:auto; } :is(.r-reassurance,.a-reassurance,.c-reassurance,.b-reassurance,.p-reassurance,.g-reassurance) { order:5; font-size:11px; line-height:1.5; margin:0; text-align:left; } .r-hero-price { order:6; margin-top:15px; padding-top:13px; gap:14px; } :is(.a-cover-bottom,.c-cover-foot,.b-cover-foot,.p-cover-foot,.g-cover-foot) { padding:17px 0 21px; margin:0; } :is(.a-cover-bottom,.c-cover-foot,.b-cover-foot,.p-cover-foot,.g-cover-foot)>:last-child { display:none; } :is(.a-cover-bottom,.c-cover-foot,.b-cover-foot,.p-cover-foot,.g-cover-foot) :is(p,div):first-child { display:flex; align-items:baseline; gap:14px; } :is(.a-cover-bottom,.c-cover-foot,.b-cover-foot,.p-cover-foot,.g-cover-foot) strong { font-size:19px; flex:none; } :is(.a-cover-bottom,.c-cover-foot,.b-cover-foot,.p-cover-foot,.g-cover-foot) span { font-size:10px; line-height:1.5; margin:0; } .r-hero-bottom { display:none; } :is(.r-section-head,.a-section-head,.c-section-heading,.b-section-heading,.p-section-heading,.g-section-heading) { display:block; margin-bottom:22px; } :is(.resto-page,.artisan-page,.coiffeur-page,.beaute-page,.paysagiste-page,.garage-page) h2 { font-size:32px; line-height:1.12; text-wrap:initial; margin-top:11px; } .resto-page h2 em { font-size:1.08em; } :is(.r-section-head,.a-section-head,.c-section-heading,.b-section-heading,.p-section-heading,.g-section-heading)>p { font-size:15px; line-height:1.6; margin:16px 0 0; } :is(.r-universe-choices,.a-universe-choices,.c-universe-choices,.b-universe-choices,.p-universe-choices,.g-universe-choices) { gap:7px; margin-bottom:19px; } :is(.r-universe-button,.a-universe-button,.c-universe-button,.b-universe-button,.p-universe-button,.g-universe-button) { min-height:74px; padding:11px 10px; gap:0; } :is(.r-universe-button,.a-universe-button,.c-universe-button,.b-universe-button,.p-universe-button,.g-universe-button) strong { font-size:13px; line-height:1.35; } :is(.r-universe-button,.a-universe-button,.c-universe-button,.b-universe-button,.p-universe-button,.g-universe-button) small { font-size:10px; line-height:1.4; margin-top:5px; } :is(.r-universe-number,.a-universe-number,.c-universe-button>span:first-child,.b-universe-button>span:first-child,.p-universe-button>span:first-child,.g-universe-button>span:first-child) { display:none; } :is(.r-universe-stage,.a-universe-stage,.c-universe-stage,.b-universe-stage,.p-universe-stage,.g-universe-stage) { padding:13px 12px 12px; } :is(.r-stage-label,.a-stage-label,.c-stage-label,.b-stage-label,.p-stage-label,.g-stage-label) { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 10px; align-items:baseline; font-size:10px; line-height:1.4; margin:0 0 15px; } :is(.r-stage-label,.a-stage-label,.c-stage-label,.b-stage-label,.p-stage-label,.g-stage-label)>:first-child { font-size:14px; } :is(.b-stage-label,.p-stage-label,.g-stage-label)>span { max-width:145px; } :is(.r-stage-caption,.a-stage-caption,.c-stage-caption,.b-stage-caption,.p-stage-caption,.g-stage-caption) { font-size:10px; margin:11px 0 0; line-height:1.5; } :is(.r-universe-copy,.a-universe-copy,.c-universe-copy,.b-universe-copy,.p-universe-copy,.g-universe-copy) { padding-top:19px; } :is(.r-demo-layout,.c-universe-layout,.b-demo-layout,.p-demo-layout,.g-demo-layout) { gap:0; } :is(.r-universe-copy,.a-universe-copy,.c-universe-copy,.b-universe-copy,.p-universe-copy,.g-universe-copy) h3 { font-size:25px; line-height:1.17; margin:9px 0 13px; } :is(.r-universe-copy,.a-universe-copy,.c-universe-copy,.b-universe-copy,.p-universe-copy,.g-universe-copy) p { font-size:15px; line-height:1.6; } :is(.r-checks,.a-checks,.c-checks,.b-checks,.p-checks,.g-checks) { margin-block:16px; } :is(.r-checks,.a-checks,.c-checks,.b-checks,.p-checks,.g-checks) li { padding-block:9px; font-size:14px; line-height:1.55; } :is(.r-demo-end,.a-demo-end,.c-demo-end,.b-demo-end,.p-demo-end,.g-demo-end) { margin-top:20px; padding-top:18px; } :is(.r-demo-end,.a-demo-end,.c-demo-end,.b-demo-end,.p-demo-end,.g-demo-end)>:last-child { margin-top:16px; } :is(.r-need>.r-sample-menu,.r-need>.r-sample-action,.r-need>.r-sample-visit,.a-need>.a-drawing,.c-needs-grid article>div,.b-needs-card>div,.r-samples-label) { display:none; } :is(.r-needs-grid,.a-needs-grid,.c-needs-grid,.b-needs-grid) { gap:0; } :is(.r-need,.a-need,.c-needs-grid article,.b-needs-card) { padding:19px 0; border-top:1px solid var(--filet); } :is(.r-need,.a-need,.c-needs-grid article,.b-needs-card)>:is(.r-kicker,.a-kicker,.c-kicker,.b-kicker) { margin:0 0 8px; } :is(.r-need,.a-need,.c-needs-grid article,.b-needs-card) h3 { font-size:22px; line-height:1.22; margin:0 0 10px; } :is(.r-need,.a-need,.c-needs-grid article,.b-needs-card)>p:last-child { font-size:15px; line-height:1.6; margin:0; } :is(.r-scope,.a-scope,.c-scope,.b-scope,.p-scope,.g-scope) { margin-top:19px; padding-top:17px; font-size:12px; line-height:1.6; } .p-plan-sheet { display:none; } .p-terrain-grid { gap:0; } :is(.p-terrain-notes,.g-workshop-notes) article { padding-block:18px; gap:12px; } :is(.p-terrain-notes,.g-workshop-notes) h3 { font-size:23px; } :is(.p-terrain-notes,.g-workshop-notes) p { font-size:15px; line-height:1.6; margin-top:10px; } .g-workshop-grid { gap:23px; } .g-request-sheet { padding:17px 16px; } .g-request-sheet h3 { font-size:25px; margin:15px 0; } .g-sheet-heading { font-size:10px; } .g-request-fields li { padding-block:12px; } .g-request-fields strong { font-size:17px; } .g-request-fields p { font-size:13px; line-height:1.5; } .g-sheet-footer { margin-top:13px; font-size:11px; } :is(.r-search,.a-search,.c-search,.b-search,.p-search-grid,.g-search-grid) { gap:18px; } :is(.r-search,.a-search,.c-search,.b-search,.p-search-grid,.g-search-grid) :is(.r-lead,.a-lead,.c-lead,.b-lead,.p-lead,.g-lead) { font-size:15px; line-height:1.6; margin-top:17px; } :is(.r-query-board,.a-query-board,.c-query-list,.b-query-list,.p-query-list,.g-query-list) { margin-top:20px; } :is(.r-query-board span,.a-query-board p,.c-query-list p,.b-query-list p,.p-query-list p,.g-query-list p) { font-size:16px; line-height:1.45; padding-block:10px; } :is(.r-search-details,.a-search-details,.c-search-details,.b-search-details,.p-search-notes,.g-search-notes) article { padding-block:18px; } :is(.r-search-details,.a-search-details,.c-search-details,.b-search-details,.p-search-notes,.g-search-notes) h3 { font-size:22px; line-height:1.25; margin:0 0 10px; } :is(.r-search-details,.a-search-details,.c-search-details,.b-search-details,.p-search-notes,.g-search-notes) p { font-size:15px; line-height:1.6; margin-top:0; } .a-local { margin-top:25px; padding-top:20px; gap:13px; } .a-real-case .portfolio-stage { padding:14px 12px; } .a-case-copy { padding:22px 18px; } .a-case-copy h3 { font-size:25px; } .a-case-copy>p { font-size:15px; line-height:1.6; } :is(.r-follow,.a-follow,.c-follow,.b-follow,.p-follow-grid,.g-follow-grid) { gap:25px; } :is(.r-follow,.a-follow,.c-follow,.b-follow,.p-follow-grid,.g-follow-grid) :is(.r-lead,.a-lead,.c-lead,.b-lead,.p-lead,.g-lead) { font-size:15px; line-height:1.6; margin-top:18px; } :is(.r-follow-note,.a-follow-note,.c-follow-detail,.b-follow-detail,.p-follow-note,.g-follow-note) { margin-top:21px; padding-block:18px; } :is(.r-follow-note,.a-follow-note,.c-follow-detail,.b-follow-detail,.p-follow-note,.g-follow-note) h3 { font-size:19px; } :is(.r-follow-note,.a-follow-note,.c-follow-detail,.b-follow-detail,.p-follow-note,.g-follow-note) p { font-size:15px; line-height:1.6; margin-top:12px; } .r-person { grid-template-columns:80px minmax(0,1fr); gap:0 17px; } .r-person picture { width:80px; } .a-person { grid-template-columns:85px minmax(0,1fr); gap:13px; padding:14px; } .a-person picture { width:85px; aspect-ratio:4/5; } .a-person-label strong { font-size:18px; } .a-person-label a { font-size:17px; min-height:44px; } .c-person { grid-template-columns:85px minmax(0,1fr); gap:15px; padding:15px; } .c-person-photo { height:112px; } .c-person h3 { font-size:21px; } .c-person p { font-size:10px; } .c-person span { font-size:12px; line-height:1.5; } .c-person>div>a { font-size:17px; min-height:44px; margin-top:6px; } .c-person small { font-size:11px; } .b-person { grid-template-columns:85px minmax(0,1fr); gap:16px; } .b-person-photo { width:85px; } .b-person h3 { font-size:25px; } :is(.p-person,.g-person) { padding:17px; } :is(.p-person-body,.g-person-body) { grid-template-columns:85px minmax(0,1fr); gap:17px; margin-top:17px; } :is(.p-person-body,.g-person-body) h3 { font-size:25px; margin-bottom:10px; } :is(.p-person,.g-person)>a { font-size:21px; margin-top:12px; } :is(.p-person,.g-person) small { margin-top:12px; font-size:12px; } :is(.r-menu-heading,.a-menu-heading) { text-align:left; margin-bottom:24px; } .r-menu-heading h2 { font-size:41px; line-height:1.05; margin-block:12px 15px; } :is(.r-menu-sheet,.a-menu-sheet,.c-price-book) { padding:20px 16px; box-shadow:none; } :is(.b-price-carnet,.p-price-dossier,.g-price-dossier) { padding:0 16px 22px; } :is(.r-menu-coverline,.a-menu-coverline,.c-price-cover,.b-carnet-cover,.p-dossier-top,.g-dossier-top) { padding-block:14px; font-size:10px; } :is(.r-menu-columns,.a-menu-columns,.c-price-columns,.b-price-main,.p-creation,.g-creation) { padding-block:23px; gap:22px; } :is(.r-menu-sheet,.a-menu-sheet,.c-price-book,.b-price-carnet,.p-price-dossier,.g-price-dossier) h3 { font-size:25px; line-height:1.2; margin:10px 0 16px; } :is(.r-menu-bigprice,.a-menu-bigprice,.c-big-price,.b-big-price,.p-big-price,.g-big-price) { font-size:60px; margin-block:18px 10px; } :is(.r-menu-row,.a-menu-row,.c-price-row,.b-price-row) { padding-block:17px; gap:13px; } :is(.r-menu-row,.a-menu-row,.c-price-row,.b-price-row) h4 { font-size:15px; margin-bottom:8px; } :is(.r-menu-row,.a-menu-row,.c-price-row,.b-price-row) p { font-size:13px; line-height:1.55; } :is(.r-menu-amount,.a-menu-amount,.c-price-amount,.b-price-amount)>:is(span,small) { font-size:11px; } :is(.r-menu-extras,.a-menu-extras,.c-price-options,.b-price-options,.p-options,.g-options) { padding-top:20px; } :is(.r-menu-extras,.a-menu-extras,.c-price-options,.b-price-options,.p-options,.g-options) dl>div { padding-block:13px; } :is(.r-menu-budget,.a-menu-budget,.c-budget,.b-budget,.p-budget,.g-budget) { padding-block:19px; margin-top:22px; } :is(.r-menu-conditions,.a-menu-conditions,.c-conditions,.b-conditions,.p-conditions,.g-conditions) { font-size:12px; line-height:1.6; gap:13px; margin-top:23px; } .c-price-cover { font-size:10px; } .c-price-cover>span+span { font-size:10px; } .c-price-options dl>div { font-size:13px; } .c-price-options dd>small { font-size:11px; } .c-budget>div>:is(span,small), .c-budget>p { font-size:11px; } :is(.p-monthly,.g-monthly) { padding-block:23px; } :is(.p-levels,.g-levels) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:18px; } :is(.p-level,.g-level) { padding:16px 13px; } :is(.p-level,.g-level) h4 { font-size:15px; line-height:1.4; } :is(.p-level-price,.g-level-price) { flex-wrap:wrap; gap:2px 6px; margin:14px 0 7px; } :is(.p-level-price,.g-level-price) strong { font-size:27px; } :is(.p-level,.g-level)>p:last-child { font-size:13px; line-height:1.55; margin-top:12px; } :is(.p-level-recommended,.g-level-recommended) { grid-column:1/-1; } :is(.p-level,.g-level) .p-tax, :is(.p-level,.g-level) .g-tax { font-size:11px; } :is(.r-method ol,.a-method ol,.c-method,.b-method,.p-method,.g-method) { gap:20px; margin-top:24px; } :is(.r-method li,.a-method li,.c-method li,.b-method li,.p-method li,.g-method li) { padding-top:18px; padding-left:39px; } :is(.r-method li,.a-method li,.c-method li,.b-method li,.p-method li,.g-method li)>span { top:18px; font-size:27px; } :is(.r-method,.a-method,.c-method,.b-method,.p-method,.g-method) h3 { font-size:22px; line-height:1.22; margin:0 0 11px; } :is(.r-method,.a-method,.c-method,.b-method,.p-method,.g-method) p { font-size:15px; line-height:1.6; } :is(.r-faq details,.a-faq details,.c-faq details,.b-faq details,.p-faq details,.g-faq details) { padding-block:15px; } :is(.r-faq summary,.a-faq summary,.c-faq summary,.b-faq summary,.p-faq summary,.g-faq summary) { font-size:15px; line-height:1.5; } .c-faq summary { padding-block:0; } @media(max-width:360px) { body :is(.resto-page,.artisan-page,.coiffeur-page) [data-chiffrage] .n-budget-summary { column-gap:6px; } :is(.p-level,.g-level) { padding-inline:11px; } :is(.p-level,.g-level) h4 { font-size:14px; } :is(.p-level-price,.g-level-price) strong { font-size:24px; } } :is(.r-faq details,.a-faq details,.c-faq details,.b-faq details,.p-faq details,.g-faq details) p { font-size:15px; line-height:1.6; } } @media(max-width:760px){ .artisan-page .a-cover-bottom>div:last-child, .coiffeur-page .c-cover-foot>p:last-child, .beaute-page .b-cover-foot>p:last-child, .paysagiste-page .p-cover-foot>p:last-child, .garage-page .g-cover-foot>p:last-child{display:none} .beaute-page .b-cover-visual .b-visual-top{display:none} } @media (max-width: 760px) { :is(.traiteur-page, .boulangerie-page, .fleuriste-page, .yoga-page, .clubs-page, .associations-page) { font-size: 15px; line-height: 1.6; } :is(.t-wrap, .f-wrap, .fl-wrap, .yg-wrap, .cl-wrap, .as-wrap) { width: calc(100% - 36px); } :is(.t-section, .f-section, .fl-section, .yg-section, .cl-section, .as-section) { padding-block: 42px; } :is(.t-breadcrumb, .f-breadcrumb, .fl-breadcrumb, .yg-breadcrumb, .cl-breadcrumb, .as-breadcrumb) { gap: 8px; padding-block: 13px; font-size: 11px; } :is(.t-cover-grid, .f-cover-grid, .fl-cover-grid, .yg-cover-grid, .cl-cover-grid, .as-cover-grid) { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 6px 0 20px; } :is(.t-cover-copy, .f-cover-copy, .fl-cover-copy, .yg-cover-copy, .cl-cover-copy, .as-cover-copy) { padding-block: 0; max-width: none; min-width: 0; text-align: left; } :is(.traiteur-page, .boulangerie-page, .fleuriste-page, .yoga-page, .clubs-page, .associations-page) h1 { margin: 12px 0 14px; font-size: clamp(34px, 9.6vw, 40px); line-height: 1.08; letter-spacing: -.025em; text-align: left; text-wrap: balance; } .yg-title-sector { font-size: 14px; margin-bottom: 8px; letter-spacing: 0; } :is(.t-cover, .f-cover, .fl-cover, .yg-cover, .cl-cover, .as-cover) :is(.t-kicker, .f-kicker, .fl-kicker, .yg-kicker, .cl-kicker, .as-kicker) { max-width: none; font-size: 10px; line-height: 1.4; letter-spacing: .055em; } :is(.t-cover, .f-cover, .fl-cover, .yg-cover, .cl-cover, .as-cover) :is(.t-lead, .f-lead, .fl-lead, .yg-lead, .cl-lead, .as-lead) { margin: 0; max-width: none; font-size: 16px; line-height: 1.5; text-align: left; } :is(.t-cover-actions, .f-cover-actions, .fl-cover-actions, .yg-cover-actions, .cl-cover-actions, .as-cover-actions) { margin-top: 12px; gap: 8px; } :is(.t-cover-actions, .f-cover-actions, .fl-cover-actions, .yg-cover-actions, .cl-cover-actions, .as-cover-actions) :is(.t-textlink, .f-textlink, .fl-textlink, .yg-textlink, .cl-textlink, .as-textlink) { min-height: 36px; font-size: 13px; } :is(.t-reassurance, .f-reassurance, .fl-reassurance, .yg-reassurance, .cl-reassurance, .as-reassurance) { margin-top: 4px !important; margin-bottom: 0; font-size: 11px; line-height: 1.5; } :is(.t-cover-visual, .f-cover-visual, .fl-cover-visual, .yg-cover-visual, .cl-cover-visual, .as-cover-visual) { width: 100%; max-width: 480px; min-height: 0; padding: 12px 10px 10px; margin: 0 auto; } .t-cover-visual { border-radius: 26px 26px 4px 4px; } .f-cover-visual { border-radius: 24px 24px 4px 4px; } .fl-cover-visual { border-radius: 4px 26px 4px 26px; } .yg-cover-visual { border-radius: 4px 4px 24px 4px; box-shadow: 4px 4px 0 var(--yg-saffron); } .cl-cover-visual { border-radius: 0; box-shadow: 4px 4px 0 #d8fa63; } .as-cover-visual { border-radius: 4px 26px 4px 4px; box-shadow: 4px 4px 0 var(--as-peach); } :is(.t-visual-heading, .f-visual-heading, .fl-visual-heading, .yg-visual-heading, .cl-visual-heading, .as-visual-heading) { display: none; } :is(.t-cover-visual, .f-cover-visual, .fl-cover-visual, .yg-cover-visual, .cl-cover-visual, .as-cover-visual) :is(.t-devices, .f-devices, .fl-devices, .yg-devices, .cl-devices, .as-devices) { margin: 0; } :is(.t-devices, .f-devices, .fl-devices, .yg-devices, .cl-devices, .as-devices) .compo { width: 100%; aspect-ratio: 1000 / 650; } :is(.t-devices, .f-devices, .fl-devices, .yg-devices, .cl-devices, .as-devices) .appareil-desktop { width: 94%; border-width: 3px; border-bottom-width: 5px; border-radius: 6px; } :is(.t-devices, .f-devices, .fl-devices, .yg-devices, .cl-devices, .as-devices) .appareil-mobile { width: 25%; top: 12%; border-width: 3px; border-radius: 10px; } :is(.t-visual-caption, .f-visual-caption, .fl-visual-caption, .yg-visual-caption, .cl-visual-caption, .as-visual-caption) { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 3px 10px; margin: 5px 0 0; padding-top: 9px; font-size: 11px; line-height: 1.4; } :is(.t-visual-caption, .f-visual-caption, .fl-visual-caption, .yg-visual-caption, .cl-visual-caption, .as-visual-caption) strong { max-width: none; font-size: 17px; line-height: 1.2; } :is(.t-visual-caption, .f-visual-caption, .fl-visual-caption, .yg-visual-caption, .cl-visual-caption, .as-visual-caption) > span { max-width: none; text-align: left; } :is(.t-cover-foot, .f-cover-foot, .fl-cover-foot, .yg-cover-foot, .cl-cover-foot, .as-cover-foot) { padding: 16px 0 20px; } :is(.t-cover-foot, .f-cover-foot, .fl-cover-foot, .yg-cover-foot, .cl-cover-foot, .as-cover-foot) > p:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; margin: 0; } :is(.t-cover-foot, .f-cover-foot, .fl-cover-foot, .yg-cover-foot, .cl-cover-foot, .as-cover-foot) strong { font-size: 23px; white-space: normal; } :is(.t-cover-foot, .f-cover-foot, .fl-cover-foot, .yg-cover-foot, .cl-cover-foot, .as-cover-foot) span { margin: 0; font-size: 11px; line-height: 1.5; } :is(.t-cover-foot, .f-cover-foot, .fl-cover-foot, .yg-cover-foot, .cl-cover-foot, .as-cover-foot) > p:last-child { display: none; } :is(.t-universe-choices, .f-universe-choices, .fl-universe-choices, .yg-universe-choices, .cl-universe-choices, .as-universe-choices) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 18px; } :is(.t-universe-button, .f-universe-button, .fl-universe-button, .yg-universe-button, .cl-universe-button, .as-universe-button) { display: flex; align-items: center; min-height: 56px; padding: 10px 11px; gap: 8px; } :is(.t-universe-button, .f-universe-button, .fl-universe-button, .yg-universe-button, .cl-universe-button, .as-universe-button):nth-child(3):last-child { grid-column: 1 / -1; } :is(.t-universe-button, .f-universe-button, .fl-universe-button, .yg-universe-button, .cl-universe-button, .as-universe-button) > span:first-child, :is(.t-universe-button, .f-universe-button, .fl-universe-button, .yg-universe-button, .cl-universe-button, .as-universe-button) small, :is(.t-universe-arrow, .f-universe-arrow, .fl-universe-arrow, .yg-universe-arrow, .cl-universe-button > span:last-child) { display: none; } :is(.t-universe-button, .f-universe-button, .fl-universe-button, .yg-universe-button, .cl-universe-button, .as-universe-button) strong { font-family: var(--sans); font-size: 14px; line-height: 1.3; letter-spacing: 0; } :is(.t-demo-layout, .f-demo-layout, .fl-demo-layout, .yg-demo-layout, .cl-demo-layout, .as-demo-layout) { gap: 20px; } :is(.t-universe-stage, .f-universe-stage, .fl-universe-stage, .yg-universe-stage, .cl-universe-stage, .as-universe-stage) { padding: 13px 10px; } :is(.t-stage-label, .f-stage-label, .fl-stage-label, .yg-stage-label, .cl-stage-label, .as-stage-label) { gap: 8px; margin-bottom: 12px; font-size: 10px; } :is(.t-stage-label, .f-stage-label, .fl-stage-label, .yg-stage-label, .cl-stage-label, .as-stage-label) strong { font-size: 19px; max-width: none; } :is(.t-stage-caption, .f-stage-caption, .fl-stage-caption, .yg-stage-caption, .cl-stage-caption, .as-stage-caption) { display: none; } :is(.t-universe-copy, .f-universe-copy, .fl-universe-copy, .yg-universe-copy, .cl-universe-copy, .as-universe-copy) h3 { font-size: 28px; line-height: 1.15; margin: 8px 0 12px; } :is(.t-universe-copy, .f-universe-copy, .fl-universe-copy, .yg-universe-copy, .cl-universe-copy, .as-universe-copy) > p:not([class*="kicker"]) { font-size: 15px; line-height: 1.6; } :is(.t-checks, .f-checks, .fl-checks, .yg-checks, .cl-checks, .as-checks) { margin-block: 14px; } :is(.t-checks, .f-checks, .fl-checks, .yg-checks, .cl-checks, .as-checks) li { padding-block: 7px; font-size: 13px; line-height: 1.5; } :is(.t-demo-end, .f-demo-end, .fl-demo-end, .yg-demo-end, .cl-demo-end, .as-demo-end) { margin-top: 20px; padding-top: 18px; } :is(.t-demo-end, .f-demo-end, .fl-demo-end, .yg-demo-end, .cl-demo-end, .as-demo-end) > p { font-size: 12px; line-height: 1.55; } :is(.t-reception-grid, .f-boutique-grid, .fl-boutique-grid, .yg-experience-grid, .cl-terrain-grid) { gap: 24px; } :is(.t-reception-card, .f-boutique-card, .fl-boutique-card, .yg-experience-sheet) { padding: 12px; max-width: none; box-shadow: none; } :is(.t-reception-card, .f-boutique-card, .fl-boutique-card, .yg-experience-sheet) > :is([class*="plan-label"], [class*="plan-details"], p) { display: none; } :is(.t-reception-photo, .f-boutique-photo, .fl-boutique-photo, .yg-experience-photo) { margin: 0; } :is(.t-reception-photo, .f-boutique-photo, .fl-boutique-photo, .yg-experience-photo) picture { aspect-ratio: 16 / 9; max-height: 210px; } :is(.t-reception-photo, .f-boutique-photo, .fl-boutique-photo, .yg-experience-photo) figcaption { margin-top: 8px; font-size: 11px; line-height: 1.5; } .cl-terrain-photo { padding: 12px; } .cl-terrain-photo::before { display: none; } .cl-terrain-photo img { height: clamp(170px, 48vw, 210px); } .cl-terrain-photo figcaption { padding-top: 8px; font-size: 11px; line-height: 1.5; } :is(.t-reception-notes, .f-boutique-notes, .fl-boutique-notes, .yg-experience-notes, .cl-terrain-notes) article { grid-template-columns: 28px minmax(0, 1fr); gap: 12px; padding-block: 17px; } :is(.t-reception-notes, .f-boutique-notes, .fl-boutique-notes, .yg-experience-notes, .cl-terrain-notes) h3 { font-size: 25px; line-height: 1.15; } :is(.t-reception-notes, .f-boutique-notes, .fl-boutique-notes, .yg-experience-notes, .cl-terrain-notes) article p:not([class*="number"]) { margin-top: 9px; font-size: 15px; line-height: 1.6; } .as-paths { gap: 12px; } .as-paths article { position: relative; padding: 16px 16px 16px 43px; } .as-path-number { position: absolute; left: 12px; top: 16px; font-size: 22px; } .as-paths h3 { font-size: 24px; line-height: 1.15; } .as-paths p { font-size: 15px; margin-top: 10px; } .as-paths .as-checks { margin-top: 10px; } :is(.traiteur-page, .boulangerie-page, .fleuriste-page, .yoga-page, .clubs-page, .associations-page) h2 { font-size: clamp(29px, 8.4vw, 35px); line-height: 1.12; margin-top: 10px; text-align: left; } :is(.t-section-heading, .f-section-heading, .fl-section-heading, .yg-section-heading, .cl-section-heading, .as-heading) { gap: 13px; margin-bottom: 24px; } :is(.t-section-heading, .f-section-heading, .fl-section-heading, .yg-section-heading, .cl-section-heading, .as-heading) > p { margin: 0; font-size: 15px; line-height: 1.6; } :is(.t-search-grid, .f-search-grid, .fl-search-grid, .yg-search-grid, .cl-search-grid, .as-search-grid, .t-follow-grid, .f-follow-grid, .fl-follow-grid, .yg-follow-grid, .cl-follow-grid, .as-follow-grid) { gap: 24px; } :is(.t-search-grid, .f-search-grid, .fl-search-grid, .yg-search-grid, .cl-search-grid, .as-search-grid, .t-follow-grid, .f-follow-grid, .fl-follow-grid, .yg-follow-grid, .cl-follow-grid, .as-follow-grid) :is(.t-lead, .f-lead, .fl-lead, .yg-lead, .cl-lead, .as-lead) { margin-top: 16px; font-size: 15px; line-height: 1.6; } :is(.t-query-list, .f-query-list, .fl-query-list, .yg-query-list, .cl-query-list, .as-query-list) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; margin-top: 18px; } :is(.t-query-list, .f-query-list, .fl-query-list, .yg-query-list, .cl-query-list, .as-query-list) p { display: block; padding: 10px 0; margin: 0; font-size: 13px; line-height: 1.45; } :is(.t-query-list, .f-query-list, .fl-query-list, .yg-query-list, .cl-query-list, .as-query-list) p > span { display: none; } :is(.t-query-list, .f-query-list, .fl-query-list, .yg-query-list, .cl-query-list, .as-query-list) small { grid-column: 1 / -1; padding-block: 12px; font-size: 11px; line-height: 1.5; } :is(.t-search-notes, .f-search-notes, .fl-search-notes, .yg-search-notes, .cl-search-notes, .as-search-notes) article { margin-top: 0; padding-block: 16px; } :is(.t-search-notes, .f-search-notes, .fl-search-notes, .yg-search-notes, .cl-search-notes, .as-search-notes) article + article { margin-top: 0; padding-top: 16px; } :is(.t-search-notes, .f-search-notes, .fl-search-notes, .yg-search-notes, .cl-search-notes, .as-search-notes) h3 { font-size: 24px; line-height: 1.2; } :is(.t-search-notes, .f-search-notes, .fl-search-notes, .yg-search-notes, .cl-search-notes, .as-search-notes) p { margin-top: 9px; font-size: 15px; line-height: 1.6; } :is(.t-follow-note, .f-follow-note, .fl-follow-note, .yg-follow-note, .cl-follow-note, .as-follow-note) { margin-top: 20px; padding-block: 18px; } :is(.t-follow-note, .f-follow-note, .fl-follow-note, .yg-follow-note, .cl-follow-note, .as-follow-note) h3 { font-size: 17px; line-height: 1.4; } :is(.t-follow-note, .f-follow-note, .fl-follow-note, .yg-follow-note, .cl-follow-note, .as-follow-note) p { margin-top: 12px; font-size: 15px; line-height: 1.6; } :is(.t-follow-grid, .f-follow-grid, .fl-follow-grid, .yg-follow-grid, .cl-follow-grid, .as-follow-grid) > :is(.t-person, .f-person, .fl-person, .yg-person, .cl-person, .as-person) { display: none; } :is(.t-price-invitation, .f-price-invitation, .fl-price-invitation, .yg-price-carnet, .cl-price-sheet, .as-price-sheet) { padding: 0 16px 22px; } :is(.t-invitation-top, .f-invitation-top, .fl-invitation-top, .yg-invitation-top, .cl-invitation-top, .as-price-top) { padding-block: 14px; font-size: 10px; } :is(.t-invitation-top, .f-invitation-top, .fl-invitation-top, .yg-invitation-top, .cl-invitation-top, .as-price-top) > span + span { display: none; } :is(.t-creation, .f-creation, .fl-creation, .yg-creation, .cl-creation, .as-creation) { padding-block: 22px; gap: 20px; } :is(.t-price-invitation, .f-price-invitation, .fl-price-invitation, .yg-price-carnet, .cl-price-sheet, .as-price-sheet) h3 { font-size: 28px; line-height: 1.2; margin: 12px 0 14px; } :is(.t-big-price, .f-big-price, .fl-big-price, .yg-big-price, .cl-big-price, .as-big-price) { font-size: 66px; margin: 14px 0 10px !important; } :is(.t-big-price, .f-big-price, .fl-big-price, .yg-big-price, .cl-big-price, .as-big-price) > small { font-size: 17px; } :is(.t-monthly, .f-monthly, .fl-monthly, .yg-monthly, .cl-monthly, .as-monthly) { padding-block: 22px; } :is(.t-levels, .f-levels, .fl-levels, .yg-levels, .cl-levels, .as-levels) { grid-template-columns: 1fr; gap: 10px; margin-top: 16px; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 12px; align-items: start; padding: 14px; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) h4 { grid-column: 1; grid-row: 1 / 3; font-size: 15px; gap: 6px; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) :is(.t-level-price, .f-level-price, .fl-level-price, .yg-level-price, .cl-level-price, .as-level-price) { grid-column: 2; grid-row: 1; display: block; margin: 0 !important; text-align: right; line-height: 1.2; } :is(.t-level-price, .f-level-price, .fl-level-price, .yg-level-price, .cl-level-price, .as-level-price) strong { font-size: 29px; } :is(.t-level-price, .f-level-price, .fl-level-price, .yg-level-price, .cl-level-price, .as-level-price) > span { display: block; font-size: 11px; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) :is(.t-tax, .f-tax, .fl-tax, .yg-tax, .cl-tax, .as-tax) { grid-column: 2; grid-row: 2; margin: 0; text-align: right; font-size: 12px; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) > p:last-child { grid-column: 1 / -1; grid-row: 3; margin: 3px 0 0; font-size: 13px; line-height: 1.5; } :is(.t-options, .f-options, .fl-options, .yg-options, .cl-options, .as-options) { padding-top: 22px; } :is(.t-options, .f-options, .fl-options, .yg-options, .cl-options, .as-options) dl > div { padding-block: 13px; gap: 12px; } :is(.t-options, .f-options, .fl-options, .yg-options, .cl-options, .as-options) dt > small { font-size: 12px; line-height: 1.5; margin-top: 5px; } :is(.t-price-note, .f-price-note, .fl-price-note, .yg-price-note, .cl-price-note, .as-price-note) { margin-top: 18px !important; font-size: 12px; line-height: 1.6; } :is(.t-price-actions, .f-price-actions, .fl-price-actions, .yg-price-actions, .cl-price-actions, .as-price-actions) { margin-top: 18px; } :is(.t-conditions, .f-conditions, .fl-conditions, .yg-conditions, .cl-conditions, .as-conditions) { margin-top: 20px; gap: 14px; font-size: 12px; line-height: 1.6; } :is(.t-method, .f-method, .fl-method, .yg-method, .cl-method, .as-method) { gap: 18px; } :is(.t-method, .f-method, .fl-method, .yg-method, .cl-method, .as-method) li { padding: 16px 0 0 36px; } :is(.t-method, .f-method, .fl-method, .yg-method, .cl-method, .as-method) li > span { top: 16px; font-size: 24px; } :is(.t-method, .f-method, .fl-method, .yg-method, .cl-method, .as-method) h3 { font-size: 25px; line-height: 1.15; margin: 0 0 10px; } :is(.t-method, .f-method, .fl-method, .yg-method, .cl-method, .as-method) p { font-size: 15px; line-height: 1.6; margin: 0; } :is(.t-method-end, .f-method-end, .fl-method-end, .yg-method-end, .cl-method-end, .as-method-end) { gap: 12px; margin-top: 20px; padding-top: 16px; } :is(.t-faq, .f-faq, .fl-faq, .yg-faq, .cl-faq, .as-faq) { margin-top: 22px; } :is(.t-faq, .f-faq, .fl-faq, .yg-faq, .cl-faq, .as-faq) details { padding-block: 12px; } :is(.t-faq, .f-faq, .fl-faq, .yg-faq, .cl-faq, .as-faq) summary { min-height: 44px; font-size: 15px; } .as-faq summary { padding-block: 8px; } :is(.traiteur-page .t-contact, .boulangerie-page .f-contact, .fleuriste-page .fl-contact, .yoga-page .yg-contact, .clubs-page .cl-contact, .associations-page .as-contact) { padding-block: 42px; } } @media (max-width: 360px) { .clubs-page [data-chiffrage] .n-budget-summary { column-gap: 6px; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 9px 10px; min-width: 0; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) h4 { grid-column: 1 / -1; grid-row: 1; min-width: 0; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) :is(.t-level-price, .f-level-price, .fl-level-price, .yg-level-price, .cl-level-price, .as-level-price) { grid-column: 1; grid-row: 2; text-align: left; } :is(.t-level, .f-level, .fl-level, .yg-level, .cl-level, .as-level) :is(.t-tax, .f-tax, .fl-tax, .yg-tax, .cl-tax, .as-tax) { grid-column: 2; grid-row: 2; align-self: end; text-align: right; } } @media(max-width:360px){ :is(.t-level-price,.f-level-price,.fl-level-price,.yg-level-price,.cl-level-price,.as-level-price) strong{font-size:26px} } @media (max-width:760px) { .studio-interne .interne-hero { padding-block:20px 32px; } .studio-interne .fil-ariane { margin-bottom:20px; gap:5px 8px; font-size:12px; line-height:1.45; } .studio-interne .cartouche { font-size:10px; letter-spacing:.11em; line-height:1.5; } .studio-interne .interne-intro, .studio-interne .interne-intro.avec-aside { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; max-width:none; } .studio-interne h1 { font-size:clamp(31px,8.5vw,40px); line-height:1.08; text-align:left; margin-top:12px; letter-spacing:-.035em; } .studio-interne h1 em { margin-top:3px; } .studio-interne h2 { font-size:clamp(26px,7vw,31px); line-height:1.17; text-align:left; } .studio-interne h3 { font-size:18px; line-height:1.35; } .studio-interne .interne-lead { margin-top:16px; max-width:none; font-size:15px; line-height:1.55; text-align:left; } .studio-interne .section { padding-block:38px; } .studio-interne .interne-entete { grid-template-columns:minmax(0,1fr); gap:14px; } .studio-interne .interne-entete h2 { margin-top:12px; } .studio-interne .interne-entete>p { font-size:15px; line-height:1.55; } .studio-interne .interne-sommaire { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; margin-top:22px; } .studio-interne .interne-sommaire a { justify-content:space-between; min-height:44px; font-size:12px; gap:5px; line-height:1.35; } .studio-interne .interne-sommaire svg { flex:none; width:13px; height:13px; } .studio-interne .interne-note { margin-top:20px; padding-top:18px; font-size:13px; line-height:1.6; } .studio-interne .interne-note h3 { font-size:16px; margin-bottom:8px; } .studio-interne .interne-cta>.conteneur { gap:22px; } .studio-interne .interne-cta h2 { margin-top:12px; } .studio-interne .interne-cta p:not(.cartouche) { margin-top:12px; font-size:15px; line-height:1.55; } .studio-interne .interne-cta .bouton { width:100%; min-height:48px; margin-top:0; } .studio-interne .guide-renvoi { padding-block:20px; font-size:14px; line-height:1.55; } .studio-tarifs .interne-prix { margin-top:0; padding:18px; background:var(--navy); border:1px solid var(--filet); border-radius:12px; } .studio-tarifs .interne-prix .offre-label { font-size:11px; line-height:1.5; } .studio-tarifs .interne-prix .prix-grand { font-size:64px; margin-block:8px 2px; line-height:1; } .studio-tarifs .prix-grand span { font-size:18px; } .studio-tarifs .interne-prix>p:not(.prix-grand):not(.offre-label) { font-size:12px; line-height:1.5; } .studio-tarifs .prix-mensuel { margin-top:14px; padding-top:12px; } .studio-tarifs .prix-mensuel strong { font-size:20px; } .studio-tarifs .prix-mensuel span { margin-top:3px; font-size:12px; line-height:1.5; } .studio-tarifs .interne-prix .bouton { margin-top:16px; width:100%; min-height:48px; } .studio-tarifs .interne-prix .prix-note { margin-top:10px; font-size:12px; } .studio-tarifs .inclusions { grid-template-columns:minmax(0,1fr); margin-top:24px; gap:0; } .studio-tarifs .inclusions li { padding:12px 0 12px 22px; font-size:14px; line-height:1.5; } .studio-tarifs .options-liste { margin-top:22px; } .studio-tarifs .option-ligne { grid-template-columns:minmax(0,1fr) auto; gap:8px 14px; padding-block:18px; } .studio-tarifs .option-ligne h3 { font-size:17px; } .studio-tarifs .option-prix { font-size:19px; } .studio-tarifs .option-prix span { font-size:11px; margin-top:3px; } .studio-tarifs .option-texte p { font-size:14px; line-height:1.5; } .studio-tarifs .option-texte>span { margin-top:5px; font-size:11px; } .studio-tarifs .mensuels { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-top:24px; } .studio-tarifs .mensuel-plan { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 16px; padding:18px; border:1px solid var(--filet); border-radius:12px; } .studio-tarifs .mensuel-repere { grid-column:1/-1; margin:0 0 6px; font-size:11px; } .studio-tarifs .mensuel-plan h3 { grid-column:1; grid-row:2/4; min-height:0; align-self:center; font-size:19px; } .studio-tarifs .mensuel-plan .mensuel-prix { grid-column:2; grid-row:2; text-align:right; font-size:34px; line-height:1.05; margin:0; white-space:nowrap; } .studio-tarifs .mensuel-prix span { display:block; font-size:11px; margin-top:3px; } .studio-tarifs .mensuel-ttc { grid-column:2; grid-row:3; text-align:right; margin:0; font-size:10px; } .studio-tarifs .mensuel-plan .suivi-inclus { grid-column:1/-1; margin-top:12px; } .studio-tarifs .mensuel-plan .suivi-inclus li { font-size:13px; line-height:1.5; } .studio-tarifs .mensuel-plan .mensuel-description { grid-column:1/-1; font-size:13px; line-height:1.55; margin-top:10px; } .studio-tarifs .mensuel-plan .bouton { grid-column:1/-1; min-height:46px; margin-top:10px; } .studio-tarifs .budget-table { margin-top:24px; } .studio-tarifs .budget-table table { display:block; } .studio-tarifs .budget-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } .studio-tarifs .budget-table tbody { display:grid; gap:12px; } .studio-tarifs .budget-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; border:1px solid var(--filet); border-radius:10px; padding:16px; } .studio-tarifs .budget-table tbody th { grid-column:1/-1; border:0; padding:0 0 2px; font-size:15px; font-weight:500; line-height:1.4; } .studio-tarifs .budget-table td { padding:0; border:0; font-size:16px; white-space:normal; line-height:1.45; } .studio-tarifs .budget-table td::before { content:attr(data-label); display:block; font-size:11px; color:var(--muted); line-height:1.35; margin-bottom:5px; } .studio-tarifs .budget-table td small { font-size:11px; margin-top:3px; } .studio-tarifs .devis-propriete { grid-template-columns:minmax(0,1fr); gap:22px; margin-top:24px; } .studio-tarifs .devis-propriete p { margin-top:8px; font-size:14px; line-height:1.55; } .studio-realisations .portfolio-sommaire { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:22px; } .studio-realisations .portfolio-sommaire a { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 10px; padding-block:10px; min-height:56px; font-size:15px; line-height:1.35; } .studio-realisations .portfolio-sommaire a>span { grid-column:1/-1; margin:0; font-size:10px; } .studio-realisations .portfolio-sommaire svg { width:16px; height:16px; } .studio-realisations .portfolio-case-tete { gap:12px; margin-bottom:20px; align-items:start; } .studio-realisations .portfolio-case-tete h2 { font-size:30px; margin-top:10px; } .studio-realisations .portfolio-case-promesse { font-size:21px; line-height:1.3; margin-top:8px; } .studio-realisations .portfolio-case-date { display:flex; flex-wrap:wrap; align-items:center; gap:3px 14px; text-align:left; font-size:11px; } .studio-realisations .portfolio-case-date .lien-texte { justify-content:start; margin:0; min-height:44px; font-size:13px; } .studio-realisations .portfolio-stage { margin-inline:-8px; padding:14px 12px 16px; border-radius:9px; } .studio-realisations .portfolio-signature { font-size:9px; gap:6px; margin-bottom:16px; } .studio-realisations .portfolio-appareils { padding:0 11% 9% 0; } .studio-realisations .portfolio-mobile { width:26%; top:10%; border-width:3px; border-radius:10px; } .studio-realisations .portfolio-desktop { border-width:3px; border-bottom-width:5px; border-radius:6px; } .studio-realisations .portfolio-stage .portfolio-legende { margin-top:10px; font-size:10px; } .studio-realisations .portfolio-recit { grid-template-columns:minmax(0,1fr); gap:22px; margin-top:24px; } .studio-realisations .portfolio-besoin h3 { margin-top:8px; font-size:19px; line-height:1.4; } .studio-realisations .portfolio-points { gap:6px; margin-top:12px; } .studio-realisations .portfolio-points li { padding:5px 8px; font-size:11px; } .studio-realisations .portfolio-choix { display:grid; gap:12px; } .studio-realisations .portfolio-choix>div { margin:0; padding-top:12px; border-top:1px solid var(--filet); } .studio-realisations .portfolio-choix h3 { font-size:16px; line-height:1.35; } .studio-realisations .portfolio-choix p { font-size:14px; line-height:1.5; margin-top:5px; } .studio-realisations .portfolio-suivi { margin-top:24px; padding-top:18px; } .studio-realisations .portfolio-suivi h3 { font-size:20px; } .studio-realisations .portfolio-suivi>div { grid-template-columns:minmax(0,1fr); gap:14px; margin-top:16px; } .studio-realisations .portfolio-suivi h4 { font-size:15px; } .studio-realisations .portfolio-suivi p { font-size:14px; line-height:1.5; margin-top:5px; } .studio-realisations .portfolio-detail { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:28px; } .studio-realisations .portfolio-detail-ecran { margin-inline:-8px; } .studio-realisations .portfolio-detail h3 { margin-top:8px; font-size:21px; } .studio-realisations .portfolio-detail figcaption>p:last-child { font-size:14px; line-height:1.55; margin-top:8px; } .studio-realisations .portfolio-livraison { gap:16px; margin-top:24px; padding-top:18px; } .studio-realisations .portfolio-livraison .cartouche+p { margin-top:8px; font-size:14px; line-height:1.55; } .studio-realisations .portfolio-livraison .portfolio-perimetre { margin-top:8px; font-size:12px; line-height:1.55; } .studio-maquette-gratuite .contact-page { padding-block:20px 34px; } .studio-maquette-gratuite .contact-page-grid { grid-template-columns:minmax(0,1fr); gap:26px; } .studio-maquette-gratuite .contact-page h1 { font-size:clamp(31px,8.5vw,40px); line-height:1.08; margin-block:12px 14px; } .studio-maquette-gratuite .contact-page-lead { font-size:15px; line-height:1.5; margin-bottom:18px; } .studio-maquette-gratuite .contact-carte { padding:20px 18px; } .studio-maquette-gratuite .contact-carte .champ { margin-bottom:17px; } .studio-maquette-gratuite .contact-carte .champ-plus { margin-bottom:17px; } .studio-maquette-gratuite .contact-carte input, .studio-maquette-gratuite .contact-carte textarea { font-size:16px; } .studio-maquette-gratuite .contact-carte button[type=submit] { min-height:50px; font-size:15px; } .studio-maquette-gratuite .contact-note { font-size:12px; line-height:1.5; } .studio-maquette-gratuite .contact-page-aside { padding-top:0; } .studio-maquette-gratuite .contact-page-offer { padding-bottom:18px; } .studio-maquette-gratuite .contact-page-offer h2 { font-size:25px; line-height:1.16; margin-block:10px 12px; } .studio-maquette-gratuite .contact-page-offer>p:not(.cartouche) { font-size:14px; line-height:1.55; } .studio-maquette-gratuite .contact-page-offer ul { margin-top:14px; gap:7px; font-size:13px; } .studio-maquette-gratuite .contact-page-person { gap:14px; margin-block:20px 12px; } .studio-maquette-gratuite .contact-page-person .poignee-photo { width:64px; } .studio-maquette-gratuite .contact-page-person h2 { font-size:19px; } .studio-maquette-gratuite .contact-page-person p { font-size:12px; } .studio-maquette-gratuite .contact-page-human { font-size:14px; line-height:1.55; } .studio-maquette-gratuite .contact-page-details { margin-top:14px; gap:10px; } .studio-maquette-gratuite .contact-page-details a { font-size:15px; } .studio-maquette-gratuite #questions { padding-block:34px; } .service-page .service-hero { padding-block:20px 32px; } .service-page .service-hero-grid { grid-template-columns:minmax(0,1fr); gap:22px; } .service-page .service-hero h1 { font-size:clamp(31px,8.5vw,40px); line-height:1.08; margin-block:12px 16px; } .service-page .service-hero .interne-lead { font-size:15px; line-height:1.55; margin-top:0; } .service-page .service-hero .bouton { width:100%; min-height:48px; margin-top:18px; } .service-page .service-reassurance { font-size:12px; line-height:1.4; margin-top:10px; } .service-page .service-refonte-visual>.cartouche { margin-bottom:12px; } .service-page .service-hero .portfolio-stage { padding:14px 10px 16px; } .service-page .service-hero .portfolio-signature { margin-bottom:14px; font-size:9px; } .service-page .service-diagram-note { margin-top:12px; font-size:11px; line-height:1.45; } .service-page .service-section { padding-block:36px; } .service-page .service-section-head { grid-template-columns:minmax(0,1fr); gap:12px; margin-bottom:22px; } .service-page .service-section-head h2 { font-size:clamp(26px,7vw,31px); line-height:1.17; margin-top:10px; } .service-page .service-section-head>p { font-size:15px; line-height:1.55; } .service-page .service-cards { display:grid; grid-template-columns:minmax(0,1fr); gap:0; } .service-page .service-cards>article { display:grid; grid-template-columns:28px minmax(0,1fr); gap:6px 10px; padding:17px 0; border:0; border-top:1px solid var(--filet); border-radius:0; background:none; } .service-page .service-cards>article>.cartouche { grid-column:1; grid-row:1/3; margin-top:3px; } .service-page .service-cards>article h3 { grid-column:2; margin:0; font-size:18px; line-height:1.35; } .service-page .service-cards>article>p:not(.cartouche) { grid-column:2; font-size:14px; line-height:1.55; } .service-page .service-duo, .service-page .service-options, .service-page .service-split-note, .service-page .service-plans { grid-template-columns:minmax(0,1fr); gap:14px; } .service-page .service-duo>article { padding:18px; border-radius:10px; } .service-page .service-duo h3, .service-page .service-split-note h3 { font-size:19px; margin-block:10px; } .service-page .service-duo p:not(.cartouche), .service-page .service-split-note p { font-size:14px; line-height:1.55; } .service-page .service-split-note>div+div { padding-top:18px; border-top:1px solid var(--filet); } .service-page .service-options>article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 14px; padding:18px; border-radius:10px; } .service-page .service-option-price { grid-column:2; grid-row:1; text-align:right; font-size:25px; } .service-page .service-option-price>span { font-size:10px; margin-top:3px; } .service-page .service-options h3 { grid-column:1; grid-row:1; margin:0; align-self:start; font-size:18px; } .service-page .service-options>article>p:not(.service-option-price) { grid-column:1/-1; font-size:14px; line-height:1.55; } .service-page .service-options small { grid-column:2; margin:0; text-align:right; font-size:11px; } .service-page .service-plan { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 14px; padding:18px; border-radius:10px; } .service-page .service-plan .cartouche { grid-column:1/-1; margin-bottom:6px; } .service-page .service-plan h3 { grid-column:1; grid-row:2/4; margin:0; font-size:18px; align-self:center; } .service-page .service-plan-price { grid-column:2; grid-row:2; font-size:34px; text-align:right; } .service-page .service-plan-price span { display:block; font-size:11px; } .service-page .service-plan-tax { grid-column:2; grid-row:3; margin:0; text-align:right; font-size:10px; } .service-page .service-plan>p:last-of-type { grid-column:1/-1; font-size:14px; line-height:1.5; margin-top:8px; } .service-page .service-plan>.lien-texte { grid-column:1/-1; margin-top:0; } .service-page .lien-texte { font-size:14px; margin-top:10px; } .service-page .service-limits { font-size:12px; line-height:1.55; margin-top:16px; } .service-page .service-case { grid-template-columns:minmax(0,1fr); gap:18px; } .service-page .service-case .portfolio-stage { margin-inline:-8px; } .service-page .service-case h3 { font-size:22px; margin-block:10px; } .service-page .service-case>div>p:not(.cartouche) { font-size:14px; line-height:1.55; } .service-page .service-local, .service-page .service-journal { padding:18px; border-radius:12px; } .service-page .service-local-center { grid-template-columns:40px minmax(0,1fr); column-gap:12px; justify-items:start; text-align:left; margin-block:16px; padding:0 0 16px; } .service-page .service-local-center svg { width:36px; height:36px; grid-row:1/3; } .service-page .service-local-center strong { font-size:21px; } .service-page .service-local-center>span { font-size:12px; } .service-page .service-local-branches { gap:12px; } .service-page .service-local-branches>div { grid-template-columns:24px minmax(0,1fr); column-gap:8px; } .service-page .service-local-label { font-size:16px; } .service-page .service-local-branches p { font-size:13px; line-height:1.45; margin-top:3px; } .service-page .service-journal-title { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-block:14px 18px; } .service-page .service-journal h2 { font-size:26px; line-height:1.12; margin-bottom:0; } .service-page .service-example-label { max-width:110px; padding:5px 7px; font-size:10px; } .service-page .service-journal li { gap:12px; padding-block:12px; } .service-page .service-journal strong { font-size:16px; } .service-page .service-journal li p { font-size:13px; line-height:1.45; margin-top:3px; } .service-page .service-person { display:grid; grid-template-columns:64px minmax(0,1fr); gap:16px; } .service-page .service-person .poignee-photo { width:64px; } .service-page .service-person h3 { font-size:20px; margin-bottom:8px; } .service-page .service-person p { font-size:14px; line-height:1.55; margin-top:10px; } .service-page .service-person .service-limits { font-size:12px; } .service-page .service-report { padding:18px; border-radius:12px; } .service-page .service-report-top { flex-direction:row; align-items:start; gap:12px; margin-bottom:18px; } .service-page .service-report-items { grid-template-columns:minmax(0,1fr); gap:16px; } .service-page .service-report-items article+article { padding-top:16px; } .service-page .service-report-items article>span { font-size:11px; } .service-page .service-report h3 { font-size:18px; margin-block:8px; } .service-page .service-report p:not(.cartouche) { font-size:14px; line-height:1.55; } .service-page .service-report-details { margin-top:18px; } .service-page .service-report-details summary { font-size:14px; line-height:1.5; } .service-page .service-related-section { padding-block:26px 34px; } .service-page .service-related { grid-template-columns:minmax(0,1fr); gap:12px; } .service-page .service-related a { padding:16px; gap:6px 12px; border-radius:10px; } .service-page .service-related a strong { font-size:17px; } .studio-faire-son-site-ou-le-confier .guide-byline { display:flex; flex-wrap:wrap; gap:3px 12px; font-size:11px; padding-bottom:22px; } .studio-faire-son-site-ou-le-confier .guide-section { padding-block:34px; } .studio-faire-son-site-ou-le-confier .guide-reading h2 { margin-block:10px 18px; font-size:28px; } .studio-faire-son-site-ou-le-confier .guide-reading>p { margin-top:14px; font-size:15px; line-height:1.65; } .studio-faire-son-site-ou-le-confier .guide-reading>ul { font-size:14px; line-height:1.6; margin-top:18px; padding-left:20px; } .studio-faire-son-site-ou-le-confier .guide-reading li+li { margin-top:9px; } .studio-faire-son-site-ou-le-confier .guide-choice { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:22px; } .studio-faire-son-site-ou-le-confier .guide-choice article { padding-top:12px; } .studio-faire-son-site-ou-le-confier .guide-choice h3 { font-size:17px; } .studio-faire-son-site-ou-le-confier .guide-choice p { font-size:14px; line-height:1.55; margin-top:8px; } .studio-faire-son-site-ou-le-confier .guide-budget { padding-block:18px; margin-block:22px; } .studio-faire-son-site-ou-le-confier .guide-budget>span { font-size:12px; } .studio-faire-son-site-ou-le-confier .guide-budget strong { font-size:42px; } .studio-faire-son-site-ou-le-confier .guide-budget small { font-size:13px; } .studio-faire-son-site-ou-le-confier .guide-budget>p { font-size:14px; line-height:1.6; margin-top:12px; } .studio-interne .legal-layout { grid-template-columns:minmax(0,1fr); gap:22px; } .studio-interne .legal-sommaire { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; margin:0; } .studio-interne .legal-sommaire a { font-size:12px; line-height:1.4; min-height:44px; padding:10px 0; } .studio-interne .legal-bloc { padding-top:22px; margin-bottom:28px; } .studio-interne .legal-bloc h2 { font-size:24px; line-height:1.2; margin-block:10px 16px; } .studio-interne .legal-bloc p { font-size:14px; line-height:1.65; margin-top:12px; } .studio-interne .legal-bloc dl { margin-top:18px; } .studio-interne .legal-bloc dl>div { grid-template-columns:minmax(0,1fr); gap:4px; font-size:14px; padding-block:12px; } .studio-interne .legal-contact p { margin-top:12px; font-size:14px; line-height:1.6; } } @media (max-width:360px) { .studio-tarifs .mensuel-plan h3 { grid-column:1/-1; grid-row:2; align-self:start; } .studio-tarifs .mensuel-plan .mensuel-prix { grid-column:1; grid-row:3; text-align:left; margin-top:5px; } .studio-tarifs .mensuel-ttc { grid-column:2; grid-row:3; align-self:end; text-align:right; padding-bottom:2px; } .service-page .service-plan h3 { grid-column:1/-1; grid-row:2; align-self:start; } .service-page .service-plan-price { grid-column:1; grid-row:3; text-align:left; margin-top:5px; } .service-page .service-plan-tax { grid-column:2; grid-row:3; align-self:end; text-align:right; padding-bottom:2px; } }