dans la maquette. */ --width:auto; } /* Elementor pilote flex-direction / wrap / justify / align par variables, avec `--flex-direction:column` par defaut. Sans ce reset, tout `display:flex` de la maquette (.nav, .step, .thumb, .card .ico) partirait en colonne. */ .e-con,.e-con.e-flex,.e-con-full.e-flex,.elementor-element{ --flex-direction:row; --flex-wrap:nowrap;--flex-wrap-mobile:nowrap; --justify-content:normal;--align-items:normal;--align-content:normal;--justify-items:normal; --text-align:initial; } /* La maquette est en flux bloc : les conteneurs flex d'Elementor supprimeraient la fusion des marges verticales et decaleraient tous les espacements. */ .e-con,.e-con.e-flex,.e-con.e-grid{display:block} .e-con.e-flex>.elementor-widget,.e-con>.elementor-widget{width:auto;max-width:none;flex:none;align-self:auto} .elementor-widget:not(:last-child){margin-block-end:0} .elementor-element{--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px} .elementor-widget-html,.elementor-widget-text-editor,.elementor-widget-heading,.elementor-widget-image{line-height:inherit} .elementor-widget-image .elementor-widget-container,.elementor-widget-image img{display:block} /* Elementor enveloppe chaque document dans

. Cette enveloppe ferait du header un enfant d'un bloc de 70px de haut : `position:sticky` n'aurait alors nulle part ou coller. `display:contents` la retire de la mise en page et rend a les enfants de la maquette. */ body > .elementor{display:contents} /* Barre d'admin : la maquette pose *{margin:0;padding:0;box-sizing:border-box}. */ #wpadminbar{box-sizing:border-box} #wpadminbar *{box-sizing:content-box} /* ===================== Maquette (chaque regle est suivie de sa variante renforcee) ===================== */ :root{--navy:#0D0D0D; --navy2:#1C1C1C; --orange:#D01F2E; --orange-d:#A5121F; --light:#F5F7FA; --white:#FFFFFF; --grey:#4A5568; --greyl:#D6D6D6; --green:#D01F2E; --red:#C0392B;} *{margin:0;padding:0;box-sizing:border-box} body{font-family:'Inter',sans-serif;color:#2A2F38;line-height:1.75;background:var(--white)} h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.25} h1.elementor-heading-title.elementor-size-default,h2.elementor-heading-title.elementor-size-default,h3.elementor-heading-title.elementor-size-default,h4.elementor-heading-title.elementor-size-default{font-family:'Poppins',sans-serif;line-height:1.25} .wrap{max-width:1140px;margin:0 auto;padding:0 24px} .wrap.e-con{max-width:1140px;margin:0 auto;padding:0 24px} .narrow{max-width:800px;margin:0 auto;padding:0 24px} .narrow.e-con{max-width:800px;margin:0 auto;padding:0 24px} a{text-decoration:none;color:inherit} /* Header */ header{background:var(--navy);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.25)} header.e-con{background:var(--navy);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px rgba(0,0,0,.25)} .nav{display:flex;align-items:center;justify-content:space-between;height:70px} .nav.e-con{display:flex;align-items:center;justify-content:space-between;height:70px} .logo{font-family:'Poppins',sans-serif;font-weight:800;font-size:22px;color:var(--white)} .logo.e-con{font-family:'Poppins',sans-serif;font-weight:800;font-size:22px;color:var(--white)} .logo span{color:var(--orange)} .logo.e-con span{color:var(--orange)} .menu{display:flex;gap:24px;list-style:none;align-items:center} .menu.e-con{display:flex;gap:24px;list-style:none;align-items:center} .menu > li{position:relative} .menu.e-con > li{position:relative} .menu a{color:var(--greyl);font-size:15px;font-weight:500;transition:.2s;display:block;padding:8px 0} .menu.e-con a{color:var(--greyl);font-size:15px;font-weight:500;transition:.2s;display:block;padding:8px 0} .menu a:hover{color:var(--white)} .menu.e-con a:hover{color:var(--white)} .menu a.shop{color:var(--orange);font-weight:600} .menu.e-con a.shop.e-con{color:var(--orange);font-weight:600} .menu a.active{color:var(--white);border-bottom:2px solid var(--orange)} .menu.e-con a.active.e-con{color:var(--white);border-bottom:2px solid var(--orange)} .sub{display:none;position:absolute;top:100%;left:-14px;background:var(--navy2);min-width:280px;border-radius:0 0 12px 12px;padding:10px 0;list-style:none;box-shadow:0 14px 30px rgba(0,0,0,.35)} .sub.e-con{display:none;position:absolute;top:100%;left:-14px;background:var(--navy2);min-width:280px;border-radius:0 0 12px 12px;padding:10px 0;list-style:none;box-shadow:0 14px 30px rgba(0,0,0,.35)} .menu > li:hover .sub{display:block} .menu.e-con > li:hover .sub.e-con{display:block} .sub a{padding:9px 20px;font-size:14px} .sub.e-con a{padding:9px 20px;font-size:14px} .sub a:hover{background:rgba(255,255,255,.06)} .sub.e-con a:hover{background:rgba(255,255,255,.06)} .burger{display:none;color:#fff;font-size:26px;background:none;border:none} .burger.e-con{display:none;color:#fff;font-size:26px;background:none;border:none} /* Buttons */ .btn{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;padding:15px 34px;border-radius:50px;transition:.25s;cursor:pointer;border:none} .btn.e-con{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;padding:15px 34px;border-radius:50px;transition:.25s;cursor:pointer;border:none} .btn-orange{background:var(--orange);color:#fff} .btn-orange.e-con{background:var(--orange);color:#fff} .btn-orange:hover{background:var(--orange-d);transform:translateY(-2px)} .btn-orange.e-con:hover{background:var(--orange-d);transform:translateY(-2px)} .btn-navy{background:var(--navy);color:#fff} .btn-navy.e-con{background:var(--navy);color:#fff} .btn-navy:hover{background:var(--navy2);transform:translateY(-2px)} .btn-navy.e-con:hover{background:var(--navy2);transform:translateY(-2px)} .btn-outline{border:2px solid #fff;color:#fff;margin-left:12px;background:transparent} .btn-outline.e-con{border:2px solid #fff;color:#fff;margin-left:12px;background:transparent} .btn-outline:hover{background:#fff;color:var(--orange)} .btn-outline.e-con:hover{background:#fff;color:var(--orange)} .hero .btn-outline:hover{color:var(--navy)} .hero.e-con .btn-outline.e-con:hover{color:var(--navy)} /* Home hero */ .hero{padding:110px 0 120px;text-align:center;color:var(--white);position:relative;overflow:hidden;} .hero.e-con{padding:110px 0 120px;text-align:center;color:var(--white);position:relative;overflow:hidden;} .hero::after{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(208,31,46,.18),transparent 70%)} .hero.e-con::after{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(208,31,46,.18),transparent 70%)} .kicker{color:var(--orange);font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;letter-spacing:3px} .kicker.e-con{color:var(--orange);font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;letter-spacing:3px} .hero h1{font-size:clamp(32px,5vw,50px);font-weight:700;margin:18px 0 20px} .hero.e-con h1.elementor-heading-title.elementor-size-default{font-size:clamp(32px,5vw,50px);font-weight:700;margin:18px 0 20px} .hero p{color:var(--greyl);font-size:19px;max-width:680px;margin:0 auto 38px} .hero.e-con p{color:var(--greyl);font-size:19px;max-width:680px;margin:0 auto 38px} /* Page hero */ .phero{padding:70px 0;text-align:center;color:#fff;} .phero.e-con{padding:70px 0;text-align:center;color:#fff;} .phero h1{font-size:clamp(28px,4vw,40px);font-weight:700;margin:14px 0 16px} .phero.e-con h1.elementor-heading-title.elementor-size-default{font-size:clamp(28px,4vw,40px);font-weight:700;margin:14px 0 16px} .phero p{color:var(--greyl);font-size:17.5px;max-width:660px;margin:0 auto} .phero.e-con p{color:var(--greyl);font-size:17.5px;max-width:660px;margin:0 auto} .crumb{margin-top:22px;font-size:13.5px;color:#9C9C9C} .crumb.e-con{margin-top:22px;font-size:13.5px;color:#9C9C9C} .crumb a{color:#9C9C9C;text-decoration:underline} .crumb.e-con a{color:#9C9C9C;text-decoration:underline} /* Stats */ .stats{background:var(--light);padding:64px 0} .stats.e-con{background:var(--light);padding:64px 0} .stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center} .stats.e-con .wrap.e-con{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center} .stat h3{font-size:40px;font-weight:700} .stat.e-con h3.elementor-heading-title.elementor-size-default{font-size:40px;font-weight:700} .stat p{color:var(--grey);font-size:15px;max-width:300px;margin:8px auto 0} .stat.e-con p{color:var(--grey);font-size:15px;max-width:300px;margin:8px auto 0} .c-orange{color:var(--orange)} .c-orange.e-con{color:var(--orange)} .c-green{color:var(--green)} .c-green.e-con{color:var(--green)} .c-navy{color:var(--navy)} .c-navy.e-con{color:var(--navy)} .c-red{color:var(--red)} .c-red.e-con{color:var(--red)} /* Blocks */ section.block{padding:84px 0;text-align:center} section.block.e-con{padding:84px 0;text-align:center} section.block h2{font-size:36px;color:var(--navy);font-weight:700} section.block.e-con h2.elementor-heading-title.elementor-size-default{font-size:36px;color:var(--navy);font-weight:700} .rule{width:80px;height:4px;background:var(--orange);border-radius:2px;margin:18px auto 28px} .rule.e-con{width:80px;height:4px;background:var(--orange);border-radius:2px;margin:18px auto 28px} .lead{max-width:760px;margin:0 auto 14px;font-size:17px} .lead.e-con{max-width:760px;margin:0 auto 14px;font-size:17px} .bg-light{background:var(--light)} .bg-light.e-con{background:var(--light)} /* Cards */ .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px} .cards.e-con{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px} .cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px} .cards2.e-con{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px} .card{background:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 6px 24px rgba(0,0,0,.07);transition:.25s;text-align:center} .card.e-con{background:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 6px 24px rgba(0,0,0,.07);transition:.25s;text-align:center} .card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.13)} .card.e-con:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.13)} .card .ico{width:76px;height:76px;border-radius:50%;background:rgba(208,31,46,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:34px} .card.e-con .ico.e-con{width:76px;height:76px;border-radius:50%;background:rgba(208,31,46,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:34px} .card h3{color:var(--navy);font-size:21px;font-weight:600;margin-bottom:12px} .card.e-con h3.elementor-heading-title.elementor-size-default{color:var(--navy);font-size:21px;font-weight:600;margin-bottom:12px} .card p{color:var(--grey);font-size:15.5px} .card.e-con p{color:var(--grey);font-size:15.5px} .card a.more{display:inline-block;margin-top:16px;color:var(--orange);font-weight:600;font-size:15px} .card.e-con a.more.e-con{display:inline-block;margin-top:16px;color:var(--orange);font-weight:600;font-size:15px} /* Blog cards */ .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px} .posts.e-con{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px} .posts2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px;text-align:left} .posts2.e-con{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:44px;text-align:left} .post{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.07);text-align:left;transition:.25s;display:block} .post.e-con{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.07);text-align:left;transition:.25s;display:block} .post:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.13)} .post.e-con:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.13)} .thumb{height:180px;display:flex;align-items:center;justify-content:center;font-size:52px;color:#fff} .thumb.e-con{height:180px;display:flex;align-items:center;justify-content:center;font-size:52px;color:#fff} .t1{background:linear-gradient(135deg,#0D0D0D,#555555)} .t1.e-con{background:linear-gradient(135deg,#0D0D0D,#555555)} .t2{background:linear-gradient(135deg,#D01F2E,#E8707A)} .t2.e-con{background:linear-gradient(135deg,#D01F2E,#E8707A)} .t3{background:linear-gradient(135deg,#D01F2E,#FF8A93)} .t3.e-con{background:linear-gradient(135deg,#D01F2E,#FF8A93)} .t4{background:linear-gradient(135deg,#3A3A3A,#D01F2E)} .t4.e-con{background:linear-gradient(135deg,#3A3A3A,#D01F2E)} .t5{background:linear-gradient(135deg,#7A0C14,#D01F2E)} .t5.e-con{background:linear-gradient(135deg,#7A0C14,#D01F2E)} .thumb img{width:100%;height:100%;object-fit:cover;display:block} .thumb.e-con img{width:100%;height:100%;object-fit:cover;display:block} .post .body{padding:24px} .post.e-con .body.e-con{padding:24px} .tag{display:inline-block;background:rgba(208,31,46,.12);color:var(--orange);font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:12px} .tag.e-con{display:inline-block;background:rgba(208,31,46,.12);color:var(--orange);font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:12px} .post h3{color:var(--navy);font-size:18px;font-weight:600;margin-bottom:10px} .post.e-con h3.elementor-heading-title.elementor-size-default{color:var(--navy);font-size:18px;font-weight:600;margin-bottom:10px} .post p{color:var(--grey);font-size:14.5px} .post.e-con p{color:var(--grey);font-size:14.5px} .pmeta{font-size:12.5px;color:#98A2B3;margin-top:12px} .pmeta.e-con{font-size:12.5px;color:#98A2B3;margin-top:12px} /* Article */ article{padding:70px 0} article.e-con{padding:70px 0} article h2{color:var(--navy);font-size:27px;font-weight:700;margin:38px 0 14px;position:relative;padding-left:18px;text-align:left} article.e-con h2.elementor-heading-title.elementor-size-default{color:var(--navy);font-size:27px;font-weight:700;margin:38px 0 14px;position:relative;padding-left:18px;text-align:left} article h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:var(--orange)} article.e-con h2.elementor-heading-title.elementor-size-default::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:var(--orange)} article h3{color:var(--navy);font-size:20px;font-weight:600;margin:26px 0 10px} article.e-con h3.elementor-heading-title.elementor-size-default{color:var(--navy);font-size:20px;font-weight:600;margin:26px 0 10px} article p{margin-bottom:16px;font-size:17px} article.e-con p{margin-bottom:16px;font-size:17px} article ul,article ol{margin:0 0 16px 24px} article.e-con ul,article.e-con ol{margin:0 0 16px 24px} article li{margin-bottom:8px;font-size:16.5px} article.e-con li{margin-bottom:8px;font-size:16.5px} .note{background:var(--light);border-left:5px solid var(--green);border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0;font-size:16px} .note.e-con{background:var(--light);border-left:5px solid var(--green);border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0;font-size:16px} .note strong{color:var(--green)} .note.e-con strong{color:var(--green)} .warn{background:#FDF3E7;border-left:5px solid var(--orange);border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0;font-size:16px} .warn.e-con{background:#FDF3E7;border-left:5px solid var(--orange);border-radius:0 12px 12px 0;padding:20px 24px;margin:26px 0;font-size:16px} .warn strong{color:var(--orange-d)} .warn.e-con strong{color:var(--orange-d)} .step{display:flex;gap:18px;align-items:flex-start;margin:30px 0} .step.e-con{display:flex;gap:18px;align-items:flex-start;margin:30px 0} .stepnum{flex:0 0 46px;height:46px;border-radius:50%;background:var(--orange);color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center} .stepnum.e-con{flex:0 0 46px;height:46px;border-radius:50%;background:var(--orange);color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center} .step h3{margin-top:0} .step.e-con h3.elementor-heading-title.elementor-size-default{margin-top:0} /* Comparison table */ .cmp{width:100%;border-collapse:collapse;margin:26px 0;font-size:15.5px} .cmp.e-con{width:100%;border-collapse:collapse;margin:26px 0;font-size:15.5px} .cmp th{background:var(--navy);color:#fff;padding:14px 16px;text-align:left;font-family:'Poppins',sans-serif;font-weight:600} .cmp.e-con th{background:var(--navy);color:#fff;padding:14px 16px;text-align:left;font-family:'Poppins',sans-serif;font-weight:600} .cmp td{padding:13px 16px;border-bottom:1px solid #E6E6E6;vertical-align:top} .cmp.e-con td{padding:13px 16px;border-bottom:1px solid #E6E6E6;vertical-align:top} .cmp tr:nth-child(even){background:var(--light)} .cmp.e-con tr:nth-child(even){background:var(--light)} .ok{color:var(--green);font-weight:600} .ok.e-con{color:var(--green);font-weight:600} .ko{color:var(--red);font-weight:600} .ko.e-con{color:var(--red);font-weight:600} /* Vrai / Faux */ .vf{display:inline-block;font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;padding:3px 14px;border-radius:20px;margin-left:8px;vertical-align:middle} .vf.e-con{display:inline-block;font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;padding:3px 14px;border-radius:20px;margin-left:8px;vertical-align:middle} .vf-faux{background:#FDECEA;color:var(--red)} .vf-faux.e-con{background:#FDECEA;color:var(--red)} .vf-vrai{background:#E8F7EF;color:var(--green)} .vf-vrai.e-con{background:#E8F7EF;color:var(--green)} .vf-nuance{background:#FDF3E7;color:var(--orange-d)} .vf-nuance.e-con{background:#FDF3E7;color:var(--orange-d)} /* FAQ */ .faq details{background:#fff;border:1px solid #E6E6E6;border-radius:12px;margin-bottom:14px;overflow:hidden} .faq.e-con details{background:#fff;border:1px solid #E6E6E6;border-radius:12px;margin-bottom:14px;overflow:hidden} .faq summary{cursor:pointer;padding:18px 22px;font-family:'Poppins',sans-serif;font-weight:600;font-size:16.5px;color:var(--navy);list-style:none;position:relative;padding-right:48px} .faq.e-con summary{cursor:pointer;padding:18px 22px;font-family:'Poppins',sans-serif;font-weight:600;font-size:16.5px;color:var(--navy);list-style:none;position:relative;padding-right:48px} .faq summary::after{content:"+";position:absolute;right:20px;top:14px;font-size:24px;color:var(--orange)} .faq.e-con summary::after{content:"+";position:absolute;right:20px;top:14px;font-size:24px;color:var(--orange)} .faq details[open] summary::after{content:"-"} .faq.e-con details[open] summary::after{content:"-"} .faq details[open] summary{border-bottom:1px solid #E6E6E6} .faq.e-con details[open] summary{border-bottom:1px solid #E6E6E6} .faq .ans{padding:16px 22px;font-size:15.5px;color:var(--grey)} .faq.e-con .ans.e-con{padding:16px 22px;font-size:15.5px;color:var(--grey)} /* Timeline benefits */ .tl{list-style:none;margin:26px 0 !important;padding:0} .tl.e-con{list-style:none;margin:26px 0 !important;padding:0} .tl li{position:relative;padding:0 0 22px 34px;border-left:3px solid #E0E0E0;margin-left:10px} .tl.e-con li{position:relative;padding:0 0 22px 34px;border-left:3px solid #E0E0E0;margin-left:10px} .tl li:last-child{border-left:3px solid transparent} .tl.e-con li:last-child{border-left:3px solid transparent} .tl li::before{content:"";position:absolute;left:-9.5px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--green)} .tl.e-con li::before{content:"";position:absolute;left:-9.5px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--green)} .tl b{color:var(--green)} .tl.e-con b{color:var(--green)} /* Contact */ .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0;text-align:center} .cgrid.e-con{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:40px 0;text-align:center} .cbox{background:var(--light);border-radius:16px;padding:34px 24px} .cbox.e-con{background:var(--light);border-radius:16px;padding:34px 24px} .cbox .ico{font-size:34px;margin-bottom:12px} .cbox.e-con .ico.e-con{font-size:34px;margin-bottom:12px} .cbox h3{color:var(--navy);font-size:18px;margin-bottom:8px} .cbox.e-con h3.elementor-heading-title.elementor-size-default{color:var(--navy);font-size:18px;margin-bottom:8px} .cbox p{font-size:15px;color:var(--grey);margin:0} .cbox.e-con p{font-size:15px;color:var(--grey);margin:0} form.cf{background:var(--light);border-radius:16px;padding:36px;text-align:left;max-width:640px;margin:0 auto} form.cf.e-con{background:var(--light);border-radius:16px;padding:36px;text-align:left;max-width:640px;margin:0 auto} .cf label{display:block;font-weight:600;font-size:14.5px;color:var(--navy);margin:16px 0 6px} .cf.e-con label{display:block;font-weight:600;font-size:14.5px;color:var(--navy);margin:16px 0 6px} .cf input,.cf textarea{width:100%;padding:13px 16px;border:1px solid #D8D8D8;border-radius:10px;font-family:'Inter',sans-serif;font-size:15px} .cf.e-con input,.cf.e-con textarea{width:100%;padding:13px 16px;border:1px solid #D8D8D8;border-radius:10px;font-family:'Inter',sans-serif;font-size:15px} .cf textarea{min-height:130px} .cf.e-con textarea{min-height:130px} /* CTA */ .cta{background:linear-gradient(135deg,var(--orange),#E8404E);padding:70px 0;text-align:center;color:#fff} .cta.e-con{background:linear-gradient(135deg,var(--orange),#E8404E);padding:70px 0;text-align:center;color:#fff} .cta h2{font-size:32px;font-weight:700;margin-bottom:14px} .cta.e-con h2.elementor-heading-title.elementor-size-default{font-size:32px;font-weight:700;margin-bottom:14px} .cta p{color:#FFDDE0;font-size:16.5px;max-width:640px;margin:0 auto 30px} .cta.e-con p{color:#FFDDE0;font-size:16.5px;max-width:640px;margin:0 auto 30px} /* Next links */ .nextlinks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px} .nextlinks.e-con{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px} .nl{background:var(--light);border-radius:14px;padding:22px 26px;text-align:left;transition:.2s;display:block} .nl.e-con{background:var(--light);border-radius:14px;padding:22px 26px;text-align:left;transition:.2s;display:block} .nl:hover{background:#ECECEC} .nl.e-con:hover{background:#ECECEC} .nl small{color:var(--orange);font-weight:700;font-size:12px;letter-spacing:1.5px} .nl.e-con small{color:var(--orange);font-weight:700;font-size:12px;letter-spacing:1.5px} .nl div:not(.elementor-widget){color:var(--navy);font-family:'Poppins',sans-serif;font-weight:600;font-size:17px;margin-top:4px} .nl.e-con div:not(.elementor-widget){color:var(--navy);font-family:'Poppins',sans-serif;font-weight:600;font-size:17px;margin-top:4px} /* Footer */ footer{background:var(--navy);color:var(--greyl);padding:56px 0 0} footer.e-con{background:var(--navy);color:var(--greyl);padding:56px 0 0} .fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px} .fgrid.e-con{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px} footer h4{color:#fff;font-size:16px;margin-bottom:16px} footer.e-con h4.elementor-heading-title.elementor-size-default{color:#fff;font-size:16px;margin-bottom:16px} footer ul{list-style:none} footer.e-con ul{list-style:none} footer li{margin-bottom:9px;font-size:14.5px} footer.e-con li{margin-bottom:9px;font-size:14.5px} footer a:hover{color:#fff} footer.e-con a:hover{color:#fff} .disclaimer{border-top:1px solid rgba(255,255,255,.12);padding:24px 0;text-align:center;font-size:12.5px;color:#9C9C9C} .disclaimer.e-con{border-top:1px solid rgba(255,255,255,.12);padding:24px 0;text-align:center;font-size:12.5px;color:#9C9C9C} .copy{padding:16px 0;text-align:center;font-size:13px;color:#8C8C8C;border-top:1px solid rgba(255,255,255,.08)} .copy.e-con{padding:16px 0;text-align:center;font-size:13px;color:#8C8C8C;border-top:1px solid rgba(255,255,255,.08)} @media(max-width:860px){ .menu{display:none} .menu.e-con{display:none} .burger{display:block} .burger.e-con{display:block} .stats .wrap,.cards,.cards2,.posts,.posts2,.fgrid,.cgrid,.nextlinks{grid-template-columns:1fr} .stats.e-con .wrap.e-con,.cards.e-con,.cards2.e-con,.posts.e-con,.posts2.e-con,.fgrid.e-con,.cgrid.e-con,.nextlinks.e-con{grid-template-columns:1fr} .btn-outline{margin:14px 0 0} .btn-outline.e-con{margin:14px 0 0} .hero{padding:80px 0;} .hero.e-con{padding:80px 0;} .cmp{font-size:13.5px} .cmp.e-con{font-size:13.5px} .cmp th,.cmp td{padding:10px} .cmp.e-con th,.cmp.e-con td{padding:10px} } /* Parallaxe */ .rv{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease} .rv.e-con{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease} .rv.on{opacity:1;transform:none} .rv.on.e-con{opacity:1;transform:none} .hero,.phero{background-attachment:fixed !important;} .hero.e-con,.phero.e-con{background-attachment:fixed !important;} @media(max-width:860px),(hover:none){ .hero,.phero{background-attachment:scroll !important;} .hero.e-con,.phero.e-con{background-attachment:scroll !important;} } @media(prefers-reduced-motion:reduce){ .rv{opacity:1;transform:none;transition:none} .rv.e-con{opacity:1;transform:none;transition:none} } /* ============================================================= * Bloc manuel : ajustements imposes par le balisage Elementor. * Toute retouche CSS passe par ici, jamais par itg-site.css directement * (le fichier est regenere a chaque phase `assets`). * ============================================================= */ /* Les enfants de section sont des conteneurs Elementor : on retablit le comportement des div de la maquette. */ .e-con.wrap,.e-con.narrow{width:100%} /* Cartes-liens : le conteneur est rendu en , il doit rester un bloc. */ a.e-con.card,a.e-con.post,a.e-con.nl{color:inherit;text-decoration:none} /* La grille .stats est portee par .wrap ; le pont .e-con l'a deja renforcee, on borne juste la largeur comme dans la maquette. */ .stats .e-con.wrap{max-width:1140px;margin:0 auto} /* Elementor enveloppe chaque widget : ces wrappers ne doivent rien ajouter. */ .e-con>.elementor-widget>.elementor-widget-container{margin:0;padding:0} /* Le widget image doit se comporter comme l' d'origine. */ .thumb .elementor-widget-image,.thumb .elementor-widget-container{height:100%;width:100%} /* Superposition des bannieres. Dans la maquette, le degrade est une COUCHE du raccourci `background` et subit donc `background-attachment:fixed` : il est dimensionne sur la fenetre, pas sur la section. Elementor, lui, pose la superposition en ::before cale sur la section, ce qui assombrit le bas des bannieres courtes. On lui rend le meme comportement, y compris le repli en `scroll` sur mobile comme la maquette. */ .hero::before,.phero::before,.hero.e-con::before,.phero.e-con::before{background-attachment:fixed} @media(max-width:860px),(hover:none){ .hero::before,.phero::before,.hero.e-con::before,.phero.e-con::before{background-attachment:scroll} } /* Dans la maquette, la pastille .stepnum est elle-meme l'element flex de .step et porte `flex:0 0 46px`. Enveloppee par Elementor, c'est l'enveloppe qui devient l'element flex : la pastille perd sa largeur et se reduit a un trait. `display:contents` efface l'enveloppe et rend a .stepnum son role. */ .step > .itg-w-stepnum{display:contents} /* Etat actif du menu pose par JS (le nav est un widget HTML atomique). */ .menu a.active{color:#FFFFFF;border-bottom:2px solid var(--orange)} /* Chaque bloc atomique est enveloppe par Elementor : l'enveloppe devient l'element flex a la place de l'original. Le menu et le burger doivent donc masquer leur enveloppe, sinon .nav (space-between) repartit sur 3 elements au lieu de 2 et le menu se decale. */ @media(min-width:861px){.itg-w-burger{display:none}} @media(max-width:860px){.itg-w-menu{display:none}} /* Menu mobile deroulant (la maquette n'avait qu'un bouton inerte). */ @media(max-width:860px){ .menu.itg-open{display:block;position:absolute;top:70px;left:0;right:0;background:var(--navy2);padding:12px 24px 20px;box-shadow:0 14px 30px rgba(0,0,0,.35)} .menu.itg-open>li{position:static} .menu.itg-open .sub{display:block;position:static;background:transparent;box-shadow:none;min-width:0;padding:0 0 0 14px} header .wrap.nav{position:relative} } /* Retour du formulaire de contact. */ .cf .itg-msg{margin-top:16px;padding:14px 18px;border-radius:10px;font-size:15px;display:none} .cf .itg-msg.on{display:block} .cf .itg-msg.ok{background:#E8F7EF;color:#1E7A4B} .cf .itg-msg.ko{background:#FDECEA;color:var(--red)} .cf button[disabled]{opacity:.6;cursor:default} /* ---- Styles inline de la maquette (classe triplee = priorite d'un style inline) ---- */ .itg-sfd1154d8.itg-sfd1154d8.itg-sfd1154d8{margin-top:14px;font-size:14.5px;max-width:300px} .itg-sf3dafe0f.itg-sf3dafe0f.itg-sf3dafe0f{color:#8C8C8C;text-decoration:underline} .itg-s682e6c97.itg-s682e6c97.itg-s682e6c97{color:#D01F2E;text-decoration:underline} .itg-s11f87e2b.itg-s11f87e2b.itg-s11f87e2b{margin-top:34px} .itg-s23d23857.itg-s23d23857.itg-s23d23857{color:#D01F2E;font-weight:600} .itg-s53896af7.itg-s53896af7.itg-s53896af7{margin-top:0} .itg-s13076d95.itg-s13076d95.itg-s13076d95{text-align:center} .itg-s25706edd.itg-s25706edd.itg-s25706edd{color:#0D0D0D;font-size:20px} .itg-s247a2bc8.itg-s247a2bc8.itg-s247a2bc8{margin-top:22px;text-align:center} .itg-s816a37be.itg-s816a37be.itg-s816a37be{margin-top:30px} .itg-s527f7bb5.itg-s527f7bb5.itg-s527f7bb5{color:#D01F2E;text-decoration:underline;font-weight:600} .itg-s885eddae.itg-s885eddae.itg-s885eddae{background:#0D0D0D;border-radius:16px;padding:36px 24px;text-align:center;margin:26px 0} .itg-s19bbb385.itg-s19bbb385.itg-s19bbb385{font-family:'Poppins',sans-serif;font-weight:700;font-size:52px;color:#fff} .itg-s80f705cc.itg-s80f705cc.itg-s80f705cc{color:#D6D6D6;font-size:17px;margin:10px 0 18px} .itg-s59176622.itg-s59176622.itg-s59176622{display:none;color:#FF8A93;font-family:'Poppins',sans-serif;font-weight:600;font-size:19px;margin-top:14px} .itg-s200a92a0.itg-s200a92a0.itg-s200a92a0{text-align:left} .itg-sd3a18014.itg-sd3a18014.itg-sd3a18014{margin-top:36px} .itg-sab51130a.itg-sab51130a.itg-sab51130a{color:#A5121F;text-decoration:underline}