.switch-seo-page { --black:#050505; --white:#ffffff; --cream:#f5f0e8; --grey:#787878; --line:rgba(0,0,0,.12); width:100%; max-width:1200px; margin:0 auto; overflow-x:hidden; font-family:"Cera-GR",sans-serif; color:var(--black); line-height:1.65; } .switch-seo-page * { box-sizing:border-box; max-width:100%; } .switch-seo-page h1, .switch-seo-page h2, .switch-seo-page h3, .switch-seo-page p, .switch-seo-page li { font-family:"Cera-GR",sans-serif; text-transform:none; font-variant-caps:normal; } .switch-seo-hero { background:var(--black); color:var(--white); padding:78px 64px 82px; border-radius:0 0 38px 38px; } .switch-seo-label, .switch-seo-kicker { font-size:11px; letter-spacing:.16em; color:var(--grey); margin-bottom:14px; } .switch-seo-hero .switch-seo-label { color:var(--white); opacity:.7; } .switch-seo-hero h1 { max-width:940px; margin:0 0 28px; font-size:clamp(32px,4.8vw,36px); line-height:.98; letter-spacing:-.035em; } .switch-seo-hero p { max-width:820px; margin:0 0 15px; font-size:17px; line-height:1.65; opacity:.9; } .switch-seo-section { padding:74px 64px; background:var(--white); } .switch-seo-section.alt { background:var(--cream); } .switch-seo-grid { display:grid; grid-template-columns:minmax(220px,310px) minmax(0,1fr); gap:62px; align-items:start; } .switch-seo-section h2 { margin:0; font-size:clamp(27px,3.3vw,43px); line-height:1.02; letter-spacing:-.032em; } .switch-seo-section h3 { margin:36px 0 13px; font-size:22px; line-height:1.14; } .switch-seo-section p { margin:0 0 17px; font-size:16.5px; line-height:1.72; } .switch-seo-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin:28px 0; padding:0; list-style:none; } .switch-seo-list li { background:#fff; border:1px solid var(--line); border-radius:15px; padding:14px 16px; font-size:14.5px; line-height:1.45; font-weight:600; } .switch-seo-band { background:var(--black); color:var(--white); padding:66px 64px; text-align:center; } .switch-seo-band p { max-width:900px; margin:0 auto; font-size:clamp(25px,3.4vw,43px); line-height:1.05; letter-spacing:-.035em; font-weight:700; } .switch-seo-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:36px; } .switch-seo-card { background:var(--black); color:var(--white); border-radius:24px; padding:28px; min-height:210px; } .switch-seo-card.light { background:var(--white); color:var(--black); border:1px solid var(--line); } .switch-seo-card h3 { margin:0 0 14px; font-size:21px; } .switch-seo-card p, .switch-seo-card li { font-size:15px; line-height:1.6; } .switch-seo-card ul { margin:16px 0 0; padding-left:18px; } .switch-seo-faq { max-width:900px; margin:0 auto; } .switch-seo-faq details { border-top:1px solid var(--line); padding:22px 0; } .switch-seo-faq details:last-child { border-bottom:1px solid var(--line); } .switch-seo-faq summary { cursor:pointer; font-size:17.5px; line-height:1.35; font-weight:700; } .switch-seo-cta { background:var(--black); color:var(--white); padding:78px 64px 84px; text-align:center; border-radius:38px 38px 0 0; } .switch-seo-cta h2 { margin:0 0 20px; font-size:clamp(38px,5vw,68px); line-height:.95; letter-spacing:-.045em; } .switch-seo-cta p { max-width:720px; margin:0 auto 30px; font-size:17px; line-height:1.65; opacity:.9; } .switch-seo-btn { display:inline-block; background:var(--white); color:var(--black); padding:14px 26px; border-radius:999px; text-decoration:none; font-size:12.5px; font-weight:700; letter-spacing:.08em; } @media (max-width:991px) { .switch-seo-hero, .switch-seo-section, .switch-seo-band, .switch-seo-cta { padding-left:36px; padding-right:36px; } .switch-seo-grid, .switch-seo-cards, .switch-seo-list { grid-template-columns:1fr; } } @media (max-width:767px) { .switch-seo-hero, .switch-seo-section, .switch-seo-band, .switch-seo-cta { padding-left:24px; padding-right:24px; } .switch-seo-hero h1 { font-size:32px; } .switch-seo-section h2 { font-size:28px; } }

.switch-related{

padding:90px 0;

}

.switch-related-title{

max-width:900px;
margin:auto;
text-align:center;
margin-bottom:60px;

}

.switch-related-title span{

font-size:12px;
letter-spacing:.15em;
text-transform:uppercase;
color:#999;

}

.switch-related-title h2{

font-size:46px;
margin:15px 0 20px;
line-height:1;
font-family:"Cera-GR",sans-serif;

}

.switch-related-title p{

font-size:17px;
max-width:700px;
margin:auto;
line-height:1.7;

}

.switch-related-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px;

}

.switch-related-card{

padding:28px;
border-radius:24px;
background:#faf8f5;
text-decoration:none;
transition:.3s;
border:1px solid rgba(0,0,0,.06);

}

.switch-related-card:hover{

transform:translateY(-6px);

background:#050505;
color:white;

}

.switch-related-card h3{

margin-bottom:12px;
font-size:22px;

}

.switch-related-card p{

font-size:15px;
line-height:1.6;

}

@media(max-width:900px){

.switch-related-grid{

grid-template-columns:1fr;

}

}

.switch-lieux-page { --cream:#f5eee5; --red:#c72908; --dark:#381a13; width:100%; max-width:1200px; margin:0 auto; overflow-x:hidden; background:var(--cream); color:var(--red); font-family:"Cera-GR",sans-serif; } .switch-lieux-page *, .switch-lieux-page *::before, .switch-lieux-page *::after { box-sizing:border-box; max-width:100%; border-radius:0 !important; font-family:"Cera-GR",sans-serif; } .switch-lieux-page a { color:var(--red); text-decoration:none; border-bottom:2px solid var(--red); font-weight:800; } .switch-lieux-hero { padding:105px 64px 80px; background:var(--cream); } .switch-lieux-label { color:var(--red); font-size:13px; letter-spacing:.12em; font-weight:800; text-transform:uppercase; margin-bottom:26px; } .switch-lieux-hero h1 { max-width:900px; margin:0 0 54px; color:var(--red); font-size:clamp(52px,8vw,96px); line-height:.86; letter-spacing:-.075em; font-weight:800; text-transform:uppercase; } .switch-lieux-hero p { max-width:780px; margin:0 0 16px; color:var(--dark); font-size:17px; line-height:1.65; } .switch-lieux-pdf { padding:42px 64px; border-top:2px solid var(--red); border-bottom:2px solid var(--red); display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; background:var(--cream); } .switch-lieux-pdf h2 { margin:0; color:var(--red); font-size:clamp(38px,5.6vw,70px); line-height:.9; letter-spacing:-.065em; font-weight:400; text-transform:uppercase; } .switch-lieux-pdf p { margin:0 0 22px; color:var(--red); font-size:19px; line-height:1.08; font-weight:800; text-transform:uppercase; text-align:center; } .switch-lieux-pdf-actions { display:flex; gap:20px; flex-wrap:wrap; justify-content:center; } .switch-lieux-btn { display:inline-block; color:var(--red); border-bottom:2px solid var(--red); text-decoration:none; font-size:15px; font-weight:800; text-transform:uppercase; padding-bottom:5px; } .switch-lieux-partners { padding:100px 64px 90px; background:var(--cream); } .switch-lieux-partners h2 { max-width:780px; margin:0 0 90px; color:var(--red); font-size:clamp(58px,8vw,104px); line-height:.85; letter-spacing:-.075em; font-weight:800; text-transform:uppercase; } .switch-lieux-partners-grid { display:grid; grid-template-columns:1.6fr .8fr .8fr .8fr; gap:58px; } .switch-lieux-city h3 { margin:0 0 26px; padding-bottom:22px; border-bottom:2px solid var(--red); color:var(--red); font-size:21px; font-weight:800; text-transform:uppercase; } .switch-lieux-city ul { margin:0; padding:0; list-style:none; } .switch-lieux-city li { margin:0 0 14px; color:var(--red); font-size:15px; line-height:1.18; text-transform:uppercase; } .switch-lieux-lyon-columns { display:grid; grid-template-columns:1fr 1fr; gap:34px; } .switch-lieux-switch { padding-top:70px; text-align:right; color:var(--red); font-size:18px; font-weight:800; text-transform:uppercase; } .switch-lieux-band { padding:82px 64px; border-top:2px solid var(--red); border-bottom:2px solid var(--red); background:var(--cream); } .switch-lieux-band p { max-width:980px; margin:0; color:var(--red); font-size:clamp(34px,5.5vw,72px); line-height:.92; letter-spacing:-.06em; font-weight:700; text-transform:uppercase; } .switch-lieux-lines { background:var(--cream); border-top:2px solid var(--red); } .switch-lieux-line { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; padding:40px 64px; border-bottom:2px solid var(--red); } .switch-lieux-line h2 { margin:0; color:var(--red); font-size:clamp(38px,5.5vw,68px); line-height:.95; letter-spacing:-.065em; font-weight:400; text-transform:uppercase; } .switch-lieux-line p { max-width:590px; margin:0 0 0 auto; color:var(--red); font-size:19px; line-height:1.08; font-weight:800; text-transform:uppercase; text-align:center; } .switch-lieux-text { padding:82px 64px; display:grid; grid-template-columns:1fr 1fr; gap:60px; border-bottom:2px solid var(--red); background:var(--cream); } .switch-lieux-text h2 { margin:0; color:var(--red); font-size:clamp(38px,5.5vw,68px); line-height:.95; letter-spacing:-.06em; font-weight:400; text-transform:uppercase; } .switch-lieux-text p { margin:0 0 18px; color:var(--dark); font-size:17px; line-height:1.65; } .switch-lieux-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px 30px; margin:28px 0 0; padding:0; list-style:none; } .switch-lieux-list li { color:var(--red); font-size:15px; line-height:1.2; font-weight:800; text-transform:uppercase; } .switch-lieux-faq { padding:82px 64px; background:var(--cream); border-bottom:2px solid var(--red); } .switch-lieux-faq h2 { margin:0 0 44px; color:var(--red); font-size:clamp(42px,6vw,76px); line-height:.9; letter-spacing:-.06em; font-weight:800; text-transform:uppercase; } .switch-lieux-faq details { border-top:2px solid var(--red); padding:24px 0; } .switch-lieux-faq details:last-child { border-bottom:2px solid var(--red); } .switch-lieux-faq summary { cursor:pointer; color:var(--red); font-size:19px; font-weight:800; text-transform:uppercase; } .switch-lieux-faq p { margin:18px 0 0; color:var(--dark); font-size:16px; line-height:1.6; } .switch-lieux-cta { padding:70px 64px 86px; text-align:right; background:var(--cream); } .switch-lieux-cta h2 { margin:0 0 18px; color:var(--red); font-size:clamp(38px,5vw,68px); line-height:.95; letter-spacing:-.06em; font-weight:800; text-transform:uppercase; } .switch-lieux-cta p { max-width:720px; margin:0 0 28px auto; color:var(--dark); font-size:17px; line-height:1.65; } @media(max-width:991px) { .switch-lieux-hero, .switch-lieux-partners, .switch-lieux-band, .switch-lieux-faq, .switch-lieux-cta, .switch-lieux-pdf, .switch-lieux-line, .switch-lieux-text { padding-left:36px; padding-right:36px; } .switch-lieux-pdf, .switch-lieux-line, .switch-lieux-text { grid-template-columns:1fr; } .switch-lieux-line p, .switch-lieux-pdf p { margin:0; text-align:left; } .switch-lieux-pdf-actions { justify-content:flex-start; } .switch-lieux-partners-grid { grid-template-columns:repeat(2,1fr); } } @media(max-width:767px) { .switch-lieux-hero, .switch-lieux-partners, .switch-lieux-band, .switch-lieux-faq, .switch-lieux-cta, .switch-lieux-pdf, .switch-lieux-line, .switch-lieux-text { padding-left:24px; padding-right:24px; } .switch-lieux-hero h1, .switch-lieux-partners h2 { font-size:48px; } .switch-lieux-pdf h2, .switch-lieux-band p, .switch-lieux-line h2, .switch-lieux-text h2, .switch-lieux-faq h2 { font-size:38px; } .switch-lieux-partners-grid, .switch-lieux-lyon-columns, .switch-lieux-list { grid-template-columns:1fr; } }


.switch-blog-page { --cream:#f5eee5; --red:#c72908; --dark:#381a13; max-width:980px; margin:0 auto; padding:80px 32px; background:var(--cream); color:var(--dark); font-family:"Cera-GR",sans-serif; line-height:1.7; } .switch-blog-page *, .switch-blog-page *::before, .switch-blog-page *::after { box-sizing:border-box; border-radius:0 !important; font-family:"Cera-GR",sans-serif; } .switch-blog-page a { color:var(--red); font-weight:800; text-decoration:none; border-bottom:2px solid var(--red); } .switch-blog-label { color:var(--red); font-size:13px; letter-spacing:.14em; text-transform:uppercase; font-weight:800; margin-bottom:24px; } .switch-blog-page h1 { color:var(--red); font-size:clamp(42px,7vw,82px); line-height:.88; letter-spacing:-.07em; text-transform:uppercase; margin:0 0 42px; } .switch-blog-page h2 { color:var(--red); font-size:clamp(30px,4.2vw,54px); line-height:.95; letter-spacing:-.055em; text-transform:uppercase; margin:70px 0 24px; padding-top:28px; border-top:2px solid var(--red); } .switch-blog-page h3 { color:var(--red); font-size:24px; line-height:1.1; margin:38px 0 14px; text-transform:uppercase; } .switch-blog-page p { font-size:17px; margin:0 0 20px; } .switch-blog-page ul { margin:24px 0 34px; padding:0; list-style:none; } .switch-blog-page li { color:var(--red); font-size:16px; font-weight:800; text-transform:uppercase; border-top:1px solid var(--red); padding:12px 0; } .switch-blog-quote { margin:60px 0; padding:44px 0; border-top:2px solid var(--red); border-bottom:2px solid var(--red); } .switch-blog-quote p { color:var(--red); font-size:clamp(28px,4vw,48px); line-height:.98; letter-spacing:-.05em; text-transform:uppercase; font-weight:800; margin:0; } .switch-blog-cta { margin-top:80px; padding-top:34px; border-top:2px solid var(--red); text-align:right; } .switch-blog-cta h2 { border:0; padding:0; margin:0 0 18px; } .switch-blog-cta p { max-width:680px; margin-left:auto; } @media(max-width:767px) { .switch-blog-page { padding:56px 24px; } .switch-blog-page h1 { font-size:42px; } .switch-blog-page h2 { font-size:32px; } }