/*
Theme Name: CTL Group
Theme URI: https://connecticlab.com
Author: Connec-TIC Lab Group
Description: Thème bloc sur mesure pour Connec-TIC Lab Group (CTL Group), entreprise de services numériques au Sénégal. 100 % éditable dans Gutenberg.
Version: 1.0.5
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ctl-group
Tags: block-theme, full-site-editing, business
*/
:root{--blue:#0F2F8F;--blue2:#1565E8;--orange:#F28C0F;--orange2:#D9760A;--night:#0A1430;--light:#F1F4FA;--ink:#1B2236;--mut:#5B6680;--r:12px;
 --i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E");
 --i-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
 --i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
 --i-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
 --i-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:#fff;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;margin:0}
:where(h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote){margin:0}
:where(ul,ol){padding:0}body img{max-width:100%;height:auto;display:block}body figure.wp-block-image{margin:0}
:where(ul.wp-block-list,ol.wp-block-list){margin:0;padding:0}body a{color:inherit;text-decoration:none}body h1, body h2, body h3, body h4, body h5{font-family:'Anton','Bebas Neue',Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:1.08;letter-spacing:.01em;hyphens:none;text-wrap:balance}body .wrap{max-width:1180px;margin:0 auto;padding:0 24px}body section.wp-block-group, body .wp-block-group{box-sizing:border-box}body /* boutons (core/button) */
.wp-block-buttons{display:flex;flex-wrap:wrap}body .wp-block-button{display:inline-block;background:none;border:0;padding:0;border-radius:0}body .wp-block-button__link.wp-element-button{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:8px;font-family:inherit;font-weight:800;font-size:13px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:2px solid transparent;transition:.2s}body .wp-block-button.or .wp-block-button__link{background:var(--orange);color:#fff}body .wp-block-button.or .wp-block-button__link:hover{background:var(--orange2)}body .wp-block-button.ol .wp-block-button__link{border-color:#fff;color:#fff;background:rgba(255,255,255,.06)}body .wp-block-button.ol .wp-block-button__link:hover{background:#fff;color:var(--blue)}body .wp-block-button.ic::before{content:none}body .wp-block-button.ic .wp-block-button__link::before{content:"";width:1.15em;height:1.15em;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}body .wp-block-button.ic-phone{--m:var(--i-phone)}body /* pastilles et titres */
p.pill{display:inline-block;border:1.5px solid var(--orange);color:var(--orange);font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:18px}body p.pill-c{display:table;margin-left:auto;margin-right:auto}body .sec-title{text-align:center;font-size:clamp(30px,4vw,46px);color:var(--blue);margin-bottom:12px}body .sub{text-align:center;color:var(--mut);max-width:620px;margin:0 auto 44px}body .ic::before{content:"";display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.5em;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}body .ic-phone{--m:var(--i-phone)}body .ic-mail{--m:var(--i-mail)}body .ic-pin{--m:var(--i-pin)}body /* barre du haut + en-tête */
.top{background:var(--night);color:#cfd8f3;font-size:12px;padding:8px 0}body .top .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}body .top-r{display:flex;gap:18px;flex-wrap:wrap}body .top p{margin:0}body .top .ic::before{background:var(--orange)}body .top strong{color:var(--orange)}body header.wp-block-template-part{position:sticky;top:0;z-index:50}
body.admin-bar header.wp-block-template-part{top:32px}body .nav{background:#fff;box-shadow:0 2px 14px rgba(10,20,48,.08)}body .nav-row{display:flex;align-items:center;justify-content:space-between;height:96px;gap:12px}body .wp-block-site-logo.logo{width:108px;height:84px;overflow:hidden;flex:none}body .wp-block-site-logo.logo img{width:112px;height:112px;max-width:none;margin:-16px 0 0 -3px}body .wp-block-navigation.menu{font-weight:700;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);gap:28px}body .wp-block-navigation.menu .wp-block-navigation__container{gap:28px}body .menu .wp-block-navigation-item__content{padding:0;color:inherit}body .menu .wp-block-navigation-item__content:hover, body .menu .is-active>.wp-block-navigation-item__content{color:var(--orange)}
@media(max-width:599px){body .wp-block-navigation.menu .wp-block-navigation__responsive-container-open{width:46px;height:46px;border-radius:10px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center}}body .wp-block-navigation.menu .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff!important;color:var(--blue)!important;padding:24px}body .wp-block-navigation.menu .is-menu-open .wp-block-navigation__container{gap:0;align-items:stretch;width:100%}body .wp-block-navigation.menu .is-menu-open .wp-block-navigation-item{padding:15px 0;border-bottom:1px solid #eef1f8;width:100%}body .entete-cta .wp-block-button__link.wp-element-button{padding:11px 20px}body /* hero */
.hero{background:linear-gradient(180deg,#0A2073 0%,var(--blue) 70%);color:#fff;position:relative;overflow:hidden;padding:64px 0 150px}body .hero::before{content:"CTL";position:absolute;right:-30px;top:-40px;font-family:Anton;font-size:520px;line-height:1;color:rgba(255,255,255,.04);pointer-events:none}body .hero>.wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}body .badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}body p.badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:6px 14px;font-size:11.5px;font-weight:700;letter-spacing:.04em}body .hero h1{font-size:clamp(40px,5.6vw,68px);margin-bottom:12px}body p.script{font-family:'Kaushan Script',cursive;font-size:28px;color:var(--orange);margin:0 0 22px;line-height:1.6}body .chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}body p.chip{border:1.5px solid var(--orange);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700}body .cta{display:flex;gap:14px;flex-wrap:wrap}body .hero-photo{position:relative}body .hero-photo .ph img{border-radius:var(--r);aspect-ratio:4/4.4;object-fit:cover;width:100%;box-shadow:0 30px 60px rgba(0,0,0,.4);border:4px solid rgba(255,255,255,.14)}body .tag{color:#fff;position:absolute;border-radius:var(--r);padding:18px 24px;box-shadow:0 18px 40px rgba(0,0,0,.35)}body .hero-photo .tag{left:-26px;bottom:34px;background:var(--orange)}body .tag-n{font-family:Anton;font-size:46px;line-height:1}body .tag-t{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}body /* formulaire de devis qui déborde */
.quote{position:relative;z-index:5;margin-top:-92px}body .quote-card{background:#fff;border-radius:var(--r);box-shadow:0 24px 60px rgba(10,20,48,.22);padding:28px 30px}body .quote-card h3{font-size:22px;color:var(--blue);margin-bottom:16px}body /* chiffres */
.stats{padding:44px 0 36px}body .stats h4{text-align:center;font-size:21px;color:var(--ink);margin-bottom:26px}body .stats h4 strong{color:var(--orange);font-weight:400}body .stat-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}body .stat{flex:1;min-width:150px;text-align:center;border-right:1px solid #e3e8f3;padding:4px 10px}body .stat:last-child{border:0}body .stat-n{font-family:Anton;font-size:40px;color:var(--blue);line-height:1.1}body .stat-t{font-size:12.5px;color:var(--mut);font-weight:600;line-height:24px}body /* services */
.services{background:var(--light);padding:84px 0}body .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}body .card{background:var(--blue);border-radius:var(--r);overflow:hidden;color:#fff;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(15,47,143,.18)}body .card-head{padding:14px 18px;display:flex;align-items:center;gap:10px}body .card-n{width:26px;height:26px;border-radius:6px;background:var(--orange);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}body .card-t{font-family:Anton;font-size:16px;letter-spacing:.04em;text-transform:uppercase}body .card .card-img img{height:170px;width:100%;object-fit:cover}body .card .body{background:#fff;color:var(--ink);padding:18px;flex:1}body .card .body p.small{font-weight:800;font-size:10.5px;letter-spacing:.12em;color:var(--blue);margin-bottom:10px}body .card .body p.d{font-size:13.5px;color:var(--mut);margin-bottom:14px}body .card .body ul{list-style:none}body .card .body li{list-style:none;font-size:13px;font-weight:600;padding:7px 12px;border-radius:99px;background:var(--light);margin-bottom:7px;display:flex;gap:8px;align-items:center}body .card .body li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}body .more{text-align:center;padding-top:36px}body .more .wp-block-buttons{justify-content:center}body .arrows{display:flex;justify-content:center;gap:12px;padding-top:26px}body p.arrow{width:44px;height:44px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(242,140,15,.35);cursor:pointer;font-size:0}body p.arrow:hover{background:var(--orange2)}body p.arrow::before{content:"";width:22px;height:22px;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}body p.arrow-prev{--m:var(--i-left)}body p.arrow-next{--m:var(--i-right)}body /* carrousels : défilement horizontal, body flèches et lecture auto dans app.js */
.car{position:relative;--per:4}body .car-3{--per:3}body .track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 14px}body .track::-webkit-scrollbar{display:none}body .track>*{flex:0 0 calc((100% - (var(--per) - 1)*22px)/var(--per));scroll-snap-align:start}body /* à propos */
.about{padding:96px 0}body .about>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}body .about-ph{position:relative}body .about-ph .ph img{border-radius:var(--r);width:100%;aspect-ratio:1/1.05;object-fit:cover;box-shadow:0 26px 54px rgba(15,47,143,.25)}body .about-ph .tag{right:-26px;bottom:-26px;background:var(--blue)}body .about h2{font-size:clamp(30px,3.6vw,44px);color:var(--blue);margin-bottom:18px}body .about-txt p{color:var(--mut);margin-bottom:14px}body .about-txt p.pill{color:var(--orange);margin-bottom:18px}body .checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:22px 0 28px}body .checks li{list-style:none;font-weight:700;font-size:13.5px;display:flex;gap:10px}body .checks li::before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}body /* process */
.process{background:linear-gradient(180deg,#0A2073,var(--blue));color:#fff;padding:96px 0 150px;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);margin-bottom:-40px}body .process .sec-title{color:#fff}body .process .sub{color:#c9d6f7;margin-bottom:54px;max-width:560px}body .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}body .step{position:relative;padding-top:124px}body .step p.n{font-family:Anton;font-size:150px;line-height:1;position:absolute;top:-10px;left:-4px;color:#fff}body .step:nth-child(odd) p.n{color:var(--orange)}body .step:nth-child(even) p.n{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.75)}body .step h3{position:relative;font-size:18px;margin-bottom:8px}body .step p.sd{position:relative;font-size:13.5px;color:#c9d6f7}body /* réalisations */
.results{padding:90px 0 70px}body .results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:34px;flex-wrap:wrap}body .results h2{font-size:clamp(30px,3.6vw,44px);color:var(--ink);margin:0}body .gal figure{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4}body .gal figure img{width:100%;height:100%;object-fit:cover}body .gal figcaption{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border-radius:8px;padding:10px 14px;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);border-left:4px solid var(--orange);margin:0;text-align:left}body /* zones */
.zones{background:var(--light);padding:84px 0}body .zones>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}body .zones h2{font-size:clamp(30px,3.6vw,44px);color:var(--blue);margin-bottom:14px}body .zones-txt>p{color:var(--mut);margin-bottom:20px}body .zones-txt>p.pill{color:var(--orange);margin-bottom:18px}body .reg{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}body .zones .reg p{background:#fff;border:1.5px solid #dbe2f1;border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:700;color:var(--ink);margin:0}body .zones .reg p.on{background:var(--blue);border-color:var(--blue);color:#fff}body .map{background:#fff;border-radius:var(--r);overflow:hidden;border:4px solid #fff;box-shadow:0 18px 40px rgba(15,47,143,.15)}body .zones .map img{width:100%;height:auto}body /* témoignages */
.testi{padding:84px 0}body .testi .car{padding-top:30px}body .t{background:var(--night);color:#e8edfb;border-radius:var(--r);padding:26px}body p.stars{color:var(--orange);letter-spacing:3px;margin-bottom:12px}body p.t-q{font-size:14px;margin-bottom:20px}body .who{display:flex;align-items:center;gap:12px}body p.av{width:42px;height:42px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:800;color:#fff;flex:none}body p.who-n{font-weight:700;font-size:13.5px}body p.who-r{color:#9fb0dc;font-size:12px;line-height:24px}body /* faq */
.faq{background:var(--light);padding:84px 0}body .faq-list{max-width:820px;margin:0 auto;padding:28px 0 12px;display:flex;flex-direction:column;gap:12px}body .q{background:#fff;border-radius:8px;margin:0;border:1.5px solid #e1e7f3}body p.qh{line-height:normal;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:700;font-size:14.5px}body p.qh::after{line-height:1;content:"+";color:var(--orange);font-size:20px;line-height:1;transition:transform .25s;flex:none}body p.qa{display:none;padding:0 22px 20px;font-weight:500;font-size:13.5px;color:var(--mut)}body .q.open{background:var(--orange);color:#fff;border-color:var(--orange)}body .q.open p.qa{display:block;color:#fff}body .q.open p.qh::after{color:#fff;transform:rotate(45deg)}body .q:not(.open):hover{border-color:var(--orange)}body /* appel final */
.final{background:linear-gradient(120deg,#0A2073,var(--blue));color:#fff;padding:0;overflow:hidden}body .final>.wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end}body .final .txt{padding:80px 0}body .final h2{font-size:clamp(32px,4.2vw,52px);margin-bottom:14px}body .final h2 em{font-style:normal;color:var(--orange)}body .final .txt p{color:#c9d6f7;margin-bottom:26px;max-width:480px}body .final .final-img img{width:100%;height:380px;object-fit:cover;border-radius:var(--r) var(--r) 0 0;object-position:center top}body /* pied de page */
footer.wp-block-template-part, body .pied{background:var(--night);color:#aab7de;font-size:13.5px}body .pied{padding:64px 0 24px}body .fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:44px}body .pied .wp-block-site-logo img{height:96px;width:96px;background:#fff;border-radius:10px}body .pied .wp-block-site-logo{margin-bottom:16px}body .pied h5{color:#fff;font-size:16px;line-height:1.6;letter-spacing:.06em;margin-bottom:16px}body .pied ul{list-style:none}body .pied li{list-style:none;margin-bottom:9px;line-height:1.6}body .pied a:hover, body .pied li:hover{color:var(--orange)}body .pied p.ic::before{background:var(--orange)}body .pied p.ic{margin-bottom:9px}body .copy{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;font-size:12px;flex-wrap:wrap;gap:10px}body /* pages internes */
.phero{background:linear-gradient(180deg,#0A2073,var(--blue));color:#fff;text-align:center;padding:72px 0 120px;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);margin-bottom:-30px}body .phero h1{font-size:clamp(34px,4.6vw,56px);max-width:820px;margin:0 auto 14px}body .phero p{color:#c9d6f7;max-width:620px;margin:0 auto}body .phero p.pill{color:var(--orange);margin:0 auto 18px}body .vals{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-top:28px}body .val{background:#fff;border-radius:var(--r);padding:26px;border-top:4px solid var(--orange)}body p.val-n{font-family:Anton;font-size:40px;color:var(--blue);line-height:1;margin-bottom:10px}body .val h3{font-size:18px;margin-bottom:6px}body .val p.vd{font-size:13.5px;color:var(--mut)}body .blog{padding:60px 0 90px}body .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}body .post{background:#fff;border:1.5px solid #e1e7f3;border-radius:var(--r);overflow:hidden}body .post .post-img img{height:190px;width:100%;object-fit:cover}body .post .post-img.post-produit img{object-fit:contain;background:#fff}body .pb{padding:20px}body p.cat{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;line-height:24px}body .pb h3{font-size:19px;color:var(--blue);margin-bottom:8px}body .pb p.pd{font-size:13.5px;color:var(--mut);margin-bottom:14px}body .pb p.more-l a{display:inline-block;padding:10px 0;font-weight:800;font-size:12.5px;color:var(--blue);text-transform:uppercase;letter-spacing:.06em}body .contact{padding:70px 0 90px}body .contact>.wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:start}body .cform{background:#fff;border-radius:var(--r);box-shadow:0 24px 60px rgba(10,20,48,.14);padding:34px}body .cform h2{font-size:28px;color:var(--blue);margin-bottom:20px}body .cinfo{display:grid;gap:14px}body .ci{display:flex;gap:16px;align-items:center;background:var(--blue);color:#fff;border-radius:var(--r);padding:20px}body .ci::before{content:"";width:46px;height:46px;border-radius:10px;flex:none;background:var(--orange) center/22px no-repeat}body .ci-phone::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E")}body .ci-mail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")}body .ci-pin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}body .ci-clock::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}body p.ci-l{color:#c9d6f7;font-size:12px}body p.ci-v{font-weight:700;font-size:14.5px}body /* formulaires (Contact Form 7) */
.wpcf7 form{display:grid;gap:14px}body .quote-card .wpcf7 form{grid-template-columns:repeat(4,1fr)}body .cform .wpcf7 form{grid-template-columns:1fr 1fr}body .wpcf7 .wpcf7-form-control-wrap{display:block}body .wpcf7 [data-name="msg"]{grid-column:span 2}body .cform .wpcf7 [data-name="service"]{grid-column:span 2}body .wpcf7 .wpcf7-response-output, body .wpcf7 form>div, body .wpcf7 form>p{grid-column:1/-1;margin:0}body .wpcf7 .f{display:block;width:100%;border:1.5px solid #dfe5f1;border-radius:8px;padding:13px 14px;font:inherit;font-size:13.5px;color:var(--ink);background:#fff;outline:0;appearance:none;-webkit-appearance:none}body .wpcf7 .f::placeholder{color:var(--mut)}body .wpcf7 select.f{cursor:pointer;color:var(--mut);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230F2F8F' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center;padding-right:40px}body .wpcf7 select.f:valid{color:var(--ink)}body .wpcf7 .f:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(21,101,232,.15)}body .wpcf7 textarea.f{resize:vertical;min-height:158px;height:158px}body .wpcf7 .wpcf7-submit{background:var(--orange);color:#fff;border:2px solid transparent;border-radius:8px;padding:14px 26px;font:inherit;font-weight:800;font-size:13px;line-height:normal;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}body .wpcf7 .wpcf7-submit:hover{background:var(--orange2)}body .quote-card .wpcf7 .wpcf7-submit{width:100%}body .wpcf7 .wpcf7-not-valid-tip{color:#c0392b;font-size:12px;margin-top:4px}body .wpcf7 form .wpcf7-response-output{border-radius:8px;padding:10px 14px;font-size:13px;margin:0}body .wpcf7 form .wpcf7-response-output:empty{display:none}body .wpcf7 .wpcf7-spinner{display:none}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--blue2);outline-offset:2px;border-radius:6px}

@media(max-width:900px){body .hero>.wrap, body .about>.wrap, body .zones>.wrap, body .final>.wrap{grid-template-columns:1fr}body .cards{grid-template-columns:1fr 1fr}body .steps{grid-template-columns:1fr 1fr}body .posts, body .vals{grid-template-columns:1fr 1fr}body .quote-card .wpcf7 form{grid-template-columns:1fr 1fr}body .fgrid{grid-template-columns:1fr 1fr}body .hero-photo .tag{left:12px}body .about-ph .tag{right:12px}body .contact>.wrap{grid-template-columns:1fr}body .car{--per:2!important}body .entete-cta{display:none}body .nav-row{height:76px}body .wp-block-site-logo.logo{width:86px;height:66px}body .wp-block-site-logo.logo img{width:90px;height:90px;margin:-13px 0 0 -2px}body .hero{padding:0 0 120px}body .hero::before{font-size:300px;right:-40px}body .hero h1{font-size:clamp(36px,10vw,52px)}body p.script{font-size:22px}body .quote{margin-top:-80px}body .quote-card{padding:22px 18px}body .services, body .about, body .zones, body .testi, body .faq{padding-top:56px;padding-bottom:56px}body .about>.wrap, body .zones>.wrap{gap:34px}body .process{padding:64px 0 110px}body .step{padding-top:108px}body .final .txt{padding:56px 0 20px}body .final .final-img img{height:240px}body .phero{padding:52px 0 96px}body .top{font-size:11px}body .stat{min-width:45%;border:0}body .hero>.wrap{gap:28px}body .hero-photo{order:-1;margin:0 -24px}body .hero-photo .ph img{aspect-ratio:16/10;border-radius:0;border:0;border-bottom:4px solid var(--orange);box-shadow:none;object-position:center 40%}body .hero-photo .tag{left:24px;bottom:-22px;padding:12px 18px}body .hero-photo .tag-n{font-size:32px}body .hero-txt{padding-top:14px}
}
@media(max-width:560px){body .cards, body .posts, body .vals, body .fgrid, body .checks{grid-template-columns:1fr}body .steps{grid-template-columns:1fr 1fr}body .car{--per:1!important}body .stat{border:0}body .top .wrap{justify-content:center}body .top-r{justify-content:center}body .step{padding-top:96px}body .step p.n{font-size:120px}body .steps{gap:18px}body .wp-block-button__link.wp-element-button{padding:13px 20px}body .cta .wp-block-button, body .cta .wp-block-button__link{width:100%;justify-content:center}body .cta .wp-block-button__link.wp-element-button{display:flex}body .hero-photo .tag{left:10px}body .hero-photo .tag-n, body .tag-n{font-size:34px}body .about-ph .tag{right:10px;bottom:-18px}body .results-head{flex-direction:column;align-items:flex-start}body .arrows{padding-top:10px}body p.qh{padding:16px 16px;font-size:14px}body p.qa{padding:0 16px 16px}body .cform{padding:22px 18px}body .copy{flex-direction:column}body .quote-card .wpcf7 form, body .cform .wpcf7 form{grid-template-columns:1fr}body .wpcf7 [data-name="msg"], body .cform .wpcf7 [data-name="service"]{grid-column:1/-1}body .wpcf7 .wpcf7-submit{width:100%}
}body /* article */
.art{padding:50px 0 80px}body .art-narrow{max-width:780px;margin:0 auto;padding:0 24px}body .art-meta{color:#c9d6f7;font-size:13px;font-weight:600;letter-spacing:.04em}body .art .art-img img{width:100%;height:340px;object-fit:cover;border-radius:var(--r);box-shadow:0 22px 50px rgba(15,47,143,.2)}body .art .art-img{margin-bottom:34px}body .art .art-img.art-produit img{height:380px;object-fit:contain;background:#fff;border:1px solid #e3e8f3;box-shadow:none}body .art h2{font-size:clamp(26px,3vw,34px);color:var(--blue);margin:44px 0 14px}body .art h3{font-size:20px;color:var(--blue);margin:36px 0 12px}body .art p{margin-bottom:14px;font-size:16px;line-height:1.75;color:var(--ink);text-align:justify;text-justify:inter-word;hyphens:auto}body .art li{text-align:justify;hyphens:auto}body .art ul.wp-block-list, body .art ol.wp-block-list{padding-left:22px;margin-bottom:18px}body .art li{margin-bottom:9px;font-size:16px;line-height:1.7}body .art a{color:var(--blue2);text-decoration:underline}body .art .callout{background:#FFF6E8;border-left:5px solid var(--orange);border-radius:10px;padding:22px 26px;margin:34px 0 8px}body .art .callout h2{margin-top:0;font-size:24px}body .art .callout p:last-child, body .art .callout li:last-child{margin-bottom:0}body .art .wp-block-table{margin:18px 0 22px;overflow-x:auto}body .art .wp-block-table table{width:100%;border-collapse:collapse;font-size:14.5px}body .art .wp-block-table th{background:var(--blue);color:#fff;text-align:left;padding:12px 14px;font-weight:700}body .art .wp-block-table td{padding:12px 14px;border-bottom:1px solid #e3e8f3}body .art .wp-block-table tbody tr:nth-child(even) td{background:var(--light)}body .art .art-cta{background:linear-gradient(120deg,#0A2073,var(--blue));border-radius:var(--r);padding:30px 32px;margin:44px 0 10px}body .art .art-cta h2{color:#fff;margin:0 0 12px}body .art .art-cta p{color:#dbe5ff;margin-bottom:10px}body .art .art-cta strong{color:var(--orange)}body .art .art-src ul.wp-block-list{font-size:14px;padding-left:20px}body .art .art-src li{font-size:14px;margin-bottom:6px;text-align:left;hyphens:none}body .art .art-src h3{font-size:16px;margin-top:40px}body .art hr.wp-block-separator{border:0;border-top:1px solid #dfe5f1;margin:36px 0 0}
@media(max-width:900px){body .art{padding:34px 0 60px}body .art .art-img img, body .art .art-img.art-produit img{height:240px}body .art .callout{padding:18px 18px}body .art .art-cta{padding:24px 20px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.cform .wpcf7 .wpcf7-submit{grid-column:1/-1;justify-self:start;margin-top:6px}