.elementor-3085 .elementor-element.elementor-element-49b05d3f{--display:flex;--min-height:300px;--justify-content:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--overlay-opacity:0.99;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-49b05d3f:not(.elementor-motion-effects-element-type-background), .elementor-3085 .elementor-element.elementor-element-49b05d3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://nooou.fr/wp-content/uploads/2026/08/Gemini_Generated_Image_fxad1kfxad1kfxad.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-3085 .elementor-element.elementor-element-49b05d3f::before, .elementor-3085 .elementor-element.elementor-element-49b05d3f > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-49b05d3f > .e-con-inner > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-49b05d3f > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-49b05d3f > .e-con-inner > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-49b05d3f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000009C;--background-overlay:'';}.elementor-3085 .elementor-element.elementor-element-cca5f08{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-989860a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3085 .elementor-element.elementor-element-30aac34{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3085 .elementor-element.elementor-element-41483c8{--display:flex;--min-height:300px;--justify-content:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--overlay-opacity:0;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-41483c8:not(.elementor-motion-effects-element-type-background), .elementor-3085 .elementor-element.elementor-element-41483c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3085 .elementor-element.elementor-element-41483c8::before, .elementor-3085 .elementor-element.elementor-element-41483c8 > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-41483c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-3085 .elementor-element.elementor-element-41483c8 > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-41483c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3085 .elementor-element.elementor-element-41483c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000009C;--background-overlay:'';}.elementor-3085 .elementor-element.elementor-element-e248b9e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-3085 .elementor-element.elementor-element-e248b9e:not(.elementor-motion-effects-element-type-background), .elementor-3085 .elementor-element.elementor-element-e248b9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(148deg, #E1030C 58%, #000000 100%);}.elementor-3085 .elementor-element.elementor-element-aa00ef1{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;line-height:21px;color:#FFFFFF;}.elementor-3085 .elementor-element.elementor-element-a901725{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3085 .elementor-element.elementor-element-768467b .elementor-heading-title{color:#222222;}.elementor-3085 .elementor-element.elementor-element-5c95b4a{width:var( --container-widget-width, 114.005% );max-width:114.005%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:114.005%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-3085 .elementor-element.elementor-element-5c95b4a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__body-row.elementor-repeater-item-25ec432 .jet-table__body-cell{background-color:#DEF1FF;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__body-row.elementor-repeater-item-25a1503 .jet-table__body-cell{background-color:#DEF1FF;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__body-row.elementor-repeater-item-7f8b658 .jet-table__body-cell{background-color:#DEF1FF;}.elementor-3085 .elementor-element.elementor-element-abfe8a4{width:100%;max-width:100%;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table-wrapper{max-width:100%;margin-left:auto;margin-right:auto;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table{table-layout:auto;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__head-row:first-child .jet-table__cell:first-child{border-top-left-radius:10px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__head-row:first-child .jet-table__cell:last-child{border-top-right-radius:10px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__body-row:last-child .jet-table__cell:last-child{border-bottom-right-radius:10px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__body-row:last-child .jet-table__cell:first-child{border-bottom-left-radius:10px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__foot-row:first-child .jet-table__cell:first-child{border-bottom-left-radius:10px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__foot-row:first-child .jet-table__cell:last-child{border-bottom-right-radius:10px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__body_no-border-radius .jet-table__body-row > .jet-table__cell{border-radius:0 !important;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__head-cell .jet-table__cell-inner{padding:14px 14px 14px 14px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__foot-cell .jet-table__cell-inner{padding:14px 14px 14px 14px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__head-cell{border-style:solid;border-width:1px 0 1px 1px;font-size:18px;font-weight:bold;background-color:#E1030C;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__foot-cell{border-style:solid;border-width:0 0 1px 1px;font-size:18px;font-weight:bold;background-color:#E1030C;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__head-row:first-child .jet-table__head-cell:first-child{border-width:1px 0 1px 1px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__head-row:first-child .jet-table__head-cell:last-child{border-width:1px 1px 1px 1px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__foot-row:first-child .jet-table__foot-cell:first-child{border-width:0 0 1px 1px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__foot-row:first-child .jet-table__foot-cell:last-child{border-width:0 1px 1px 1px;}.elementor-3085 .elementor-element.elementor-element-abfe8a4 .jet-table__body-cell .jet-table__cell-inner{padding:10px 10px 10px 10px;}.elementor-3085 .elementor-element.elementor-element-35f44a2a > .elementor-container{max-width:1440px;}.elementor-3085 .elementor-element.elementor-element-35f44a2a .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-3085 .elementor-element.elementor-element-35f44a2a{margin-top:65px;margin-bottom:0px;}.elementor-3085 .elementor-element.elementor-element-7c51cc8e{text-align:center;}.elementor-3085 .elementor-element.elementor-element-7c51cc8e .elementor-heading-title{font-family:"PlusJakartaSans-Bold", Sans-serif;font-size:32px;font-weight:600;line-height:39px;color:#222222;}.elementor-3085 .elementor-element.elementor-element-b1fc6ce > .elementor-container{max-width:1440px;}.elementor-3085 .elementor-element.elementor-element-b1fc6ce{margin-top:10px;margin-bottom:0px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3085 .elementor-element.elementor-element-bd1ece5 .elementor-counter-number-wrapper{color:#E1030C;font-family:"PlusJakartaSans-Bold", Sans-serif;font-size:42px;font-weight:600;line-height:60px;}.elementor-3085 .elementor-element.elementor-element-bd1ece5 .elementor-counter-title{color:#555555;font-family:"Roboto Condensed", Sans-serif;font-size:17px;font-weight:400;line-height:24px;}.elementor-3085 .elementor-element.elementor-element-6b556845 .elementor-counter-number-wrapper{color:#E1030C;font-family:"PlusJakartaSans-Bold", Sans-serif;font-size:42px;font-weight:600;line-height:60px;}.elementor-3085 .elementor-element.elementor-element-6b556845 .elementor-counter-title{color:#555555;font-family:"Roboto Condensed", Sans-serif;font-size:17px;font-weight:400;line-height:24px;}.elementor-3085 .elementor-element.elementor-element-6d0ef5be .elementor-counter-number-wrapper{color:#E1030C;font-family:"PlusJakartaSans-Bold", Sans-serif;font-size:42px;font-weight:600;line-height:60px;}.elementor-3085 .elementor-element.elementor-element-6d0ef5be .elementor-counter-title{color:#555555;font-family:"Roboto Condensed", Sans-serif;font-size:17px;font-weight:400;line-height:24px;}.elementor-3085 .elementor-element.elementor-element-3412f50 .elementor-counter-number-wrapper{color:#E1030C;font-family:"PlusJakartaSans-Bold", Sans-serif;font-size:42px;font-weight:600;line-height:60px;}.elementor-3085 .elementor-element.elementor-element-3412f50 .elementor-counter-title{color:#555555;font-family:"Roboto Condensed", Sans-serif;font-size:17px;font-weight:400;line-height:24px;}@media(max-width:1024px){.elementor-3085 .elementor-element.elementor-element-35f44a2a{margin-top:60px;margin-bottom:0px;}.elementor-3085 .elementor-element.elementor-element-b1fc6ce{margin-top:0px;margin-bottom:0px;}.elementor-3085 .elementor-element.elementor-element-bd1ece5 .elementor-counter-number-wrapper{font-size:34px;}.elementor-3085 .elementor-element.elementor-element-bd1ece5 .elementor-counter-title{font-size:15px;}.elementor-3085 .elementor-element.elementor-element-6b556845 .elementor-counter-number-wrapper{font-size:34px;}.elementor-3085 .elementor-element.elementor-element-6b556845 .elementor-counter-title{font-size:15px;}.elementor-3085 .elementor-element.elementor-element-6d0ef5be .elementor-counter-number-wrapper{font-size:34px;}.elementor-3085 .elementor-element.elementor-element-6d0ef5be .elementor-counter-title{font-size:15px;}.elementor-3085 .elementor-element.elementor-element-3412f50 .elementor-counter-number-wrapper{font-size:34px;}.elementor-3085 .elementor-element.elementor-element-3412f50 .elementor-counter-title{font-size:15px;}}@media(max-width:767px){.elementor-3085 .elementor-element.elementor-element-49b05d3f{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-3085 .elementor-element.elementor-element-41483c8{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for container, class: .elementor-element-cca5f08 */.elementor-3085 .elementor-element.elementor-element-cca5f08{ display:none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-aa00ef1 */.elementor-3085 .elementor-element.elementor-element-aa00ef1{ display:none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-768467b */.elementor-3085 .elementor-element.elementor-element-768467b{ display: none; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5c95b4a */.elementor-3085 .elementor-element.elementor-element-5c95b4a{ display: none; }/* End custom CSS */ /* Start custom CSS for jet-table, class: .elementor-element-abfe8a4 */.elementor-3085 .elementor-element.elementor-element-abfe8a4{ display: none; }a/* End custom CSS */ /* Start custom CSS */:root { /* Palette NooOu (Fond Blanc Dominant) */ --bg-body: #FFFFFF; --bg-section: #F8F9F8; /* Gris très léger pour alternance */ --ink-main: #1A2421; --ink-muted: #536359; --brand-forest: #1E4536; --brand-forest-dark: #12271E; --brand-gold: #E8B923; --brand-gold-dark: #E1030C; --brand-red: #D32F2F; --border-light: rgba(30, 69, 54, 0.12); --radius-sm: 8px; --radius-md: 16px; --radius-lg: 24px; --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.03); --shadow-hover: 0 12px 30px rgba(30, 69, 54, 0.08); /* Transitions */ --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } .white{color:white !important} body { background-color: var(--bg-body); color: var(--ink-main); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } /* Typographie Globale */ h1, h2, h3, h4 { font-family: "Plus Jakarta Sans", Sans-serif; font-weight: 800; line-height: 1.1; letter-spacing: 0.02em; text-transform: uppercase; } a { text-decoration: none; color: inherit; } ul { list-style: none; } img { max-width: 100%; height: auto; display: block; } /* Conteneur Principal */ .container { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 24px; } /* ========================================= */ /* ANIMATIONS (SCROLL REVEAL) */ /* ========================================= */ .reveal { opacity: 1; transform: translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } .reveal.visible { opacity: 1; transform: translateY(0); } .delay-1 { transition-delay: 0.1s; } .delay-2 { transition-delay: 0.2s; } .delay-3 { transition-delay: 0.3s; } /* ========================================= */ /* COMPOSANTS RÉUTILISABLES */ /* ========================================= */ /* Boutons */ .btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 16px 32px !important; border-radius: var(--radius-sm) !important; font-weight: 700 !important; font-size: 16px !important; cursor: pointer !important; transition: var(--transition-smooth) !important; text-align: center !important; } .btn-primarydeux { background-color: white !important; color: #000 !important; box-shadow: 0 4px 0 0 rgba(18, 39, 30, 0.2) !important; } .btn-primarydeux:hover { transform: translateY(-2px); box-shadow: 0 6px 0 0 rgba(18, 39, 30, 0.2); } .btn-primarydeux:active { transform: translateY(2px); box-shadow: 0 0 0 0 rgba(18, 39, 30, 0.2); } .btn-secondarydeux { background-color: transparent !important; color: white !important; border: 2px solid white !important; } .btn-secondarydeux:hover { border-color: var(--brand-forest-dark); background-color: rgba(30, 69, 54, 0.03); } /* Tags & Labels */ .eyebrow { font-size: 14px; font-weight: 700; color: var(--brand-forest); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; display: inline-block; } /* En-têtes de section */ .section-header { text-align: center; max-width: 680px; margin: 0 auto 56px; } .section-header h2 { font-size: clamp(32px, 5vw, 48px); color: var(--brand-forest-dark); margin-bottom: 16px; } .section-header p { font-size: 18px; color: var(--ink-muted); } /* ========================================= */ /* HEADER / NAVIGATION */ /* ========================================= */ header { padding: 20px 0; border-bottom: 1px solid var(--border-light); background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 100; } .header-inner { display: flex; justify-content: space-between; align-items: center; } .logo { font-family: 'Anton', sans-serif; font-size: 22px; color: var(--brand-forest-dark); display: flex; align-items: center; gap: 12px; } .logo-dot { width: 10px; height: 10px; background-color: var(--brand-gold); border-radius: 50%; } .contact-info { display: flex; gap: 24px; font-family: 'Space Mono', monospace; font-size: 14px; color: var(--ink-muted); } .contact-info a { position: relative; transition: color 0.2s; } .contact-info a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background-color: var(--border-light); transition: var(--transition-smooth); } .contact-info a:hover { color: var(--brand-forest-dark); } .contact-info a:hover::after { background-color: var(--brand-forest-dark); } @media (max-width: 768px) { .contact-info { display: none; } } /* ========================================= */ /* HERO SECTION */ /* ========================================= */ /* ---------- hero ---------- */ .hero{position:relative;padding:8px 0 0;overflow:hidden;} .hero-inner{ position:relative;z-index:2; padding:36px 0 64px; text-align:center; } .partner-strip{ display:inline-flex;align-items:center;gap:8px; background:var(--bg-card);border:1px solid var(--line); border-radius:999px;padding:6px 16px 6px 6px; font-size:13px;color:var(--ink-soft);margin-bottom:28px; } .partner-strip img{height:22px;width:auto;border-radius:6px;} .eyebrow{ font-family:'Space Mono',monospace;font-size:13px;letter-spacing:0.12em; text-transform:uppercase;color:var(--forest);margin-bottom:14px; } .hero h1{ font-size:clamp(38px,7vw,74px); color:white; } .hero h1 span{color:var(--gold-deep);-webkit-text-stroke:1.5px var(--forest-deep);} .hero-sub{ margin-top:18px;font-size:clamp(15px,2vw,19px);color:var(--ink-soft); max-width:560px;margin-left:auto;margin-right:auto; } .hero-meta{ margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center; } .chip{ font-family:'Space Mono',monospace;font-size:12.5px; background:var(--bg-card);border:1px solid var(--line); padding:7px 14px;border-radius:999px;color:var(--ink); } .chip.presenter{background:var(--forest);color:#fff;border-color:var(--forest);} .urgency{ margin:30px auto 0;max-width:460px; background:var(--red);color:#fff;border-radius:10px; padding:12px 18px;font-size:14px;font-weight:600; display:flex;align-items:center;gap:10px;justify-content:center; } .urgency .n{font-family:'Space Mono',monospace;background:rgba(255,255,255,0.22);border-radius:6px;padding:2px 8px;} .cta-row{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;} .btn{ display:inline-flex;align-items:center;gap:8px; font-family:'Karla',sans-serif;font-weight:700;font-size:15px; padding:15px 26px;border-radius:10px;text-decoration:none; transition:transform .15s ease, box-shadow .15s ease; } .btn:hover{transform:translateY(-2px);} .btn-primary{background:var(--forest-deep);color:#fff;box-shadow:0 6px 0 0 rgba(0,0,0,0.15);} .btn-secondary{background:transparent;color:var(--forest-deep);border:1.5px solid var(--forest-deep);} /* elevation profile divider (signature element) */ .profile{width:100%;height:70px;display:block;margin-top:10px;} .profile path{fill:none;stroke:var(--forest-deep);stroke-width:2;opacity:0.5;} .profile .fill{fill:var(--forest-deep);opacity:0.08;stroke:none;} /* ========================================= */ /* SECTION: POUR QUI */ /* ========================================= */ .section-padding { padding: 0 0 100px 0; } .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .card-target { background: var(--bg-section); border: 1px solid var(--border-light); padding: 40px 32px; border-radius: var(--radius-md); transition: var(--transition-smooth); } .card-target:hover { background: var(--bg-body); box-shadow: var(--shadow-hover); transform: translateY(-5px); border-color: transparent; } .target-number { font-family: 'Plus Jakarta Sans', Sans-Serif; font-size: 14px; font-weight: 800; color: black; margin-bottom: 20px; display: block; } .card-target p { font-size: 17px; color: var(--ink-main); font-weight: 500; } /* ========================================= */ /* SECTION: DISPOSITIF */ /* ========================================= */ .bg-gray { background-color: var(--bg-section); } .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .card-channel { background: var(--bg-body); border: 1px solid var(--border-light); padding: 32px 24px; border-radius: var(--radius-md); transition: var(--transition-smooth); height: 100%; } .card-channel:hover { box-shadow: var(--shadow-hover); border-color: transparent; } .channel-icon { width: 40px; height: 40px; color: var(--brand-gold-dark); margin-bottom: 20px; } .card-channel h3 { font-family: 'Karla', sans-serif; font-weight: 700; font-size: 18px; text-transform: none; margin-bottom: 12px; } .card-channel p { font-size: 15px; color: var(--ink-muted); } .card-history { background: var(--brand-forest-dark); color: white; border: none; } .card-history h3 { color: white; } .card-history p { color: rgba(255,255,255,0.8); } /* ========================================= */ /* SECTION: OFFRE / PRICING */ /* ========================================= */ .pricing-box { background: var(--bg-body); border: 1px solid var(--border-light); border-radius: 24px; display: flex; overflow: hidden; box-shadow: 0 12px 30px rgba(30, 69, 54, 0.08); } .pricing-left { flex: 0 0 40%; padding: 56px 48px; background: #E1030C; color: white; display: flex; flex-direction: column; } .pricing-right { flex: 0 0 60%; padding: 56px 48px; } .price-label { text-align:center; font-size: 14px; color: var(--brand-gold); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; } .price-value { font-family: "Plus Jakarta Sans", Sans-serif; font-weight: 800; font-size: 80px; line-height: 1; margin-bottom: 32px; text-align:center; } .price-value span { font-family: 'Space Mono', monospace; font-size: 20px; color: rgba(255,255,255,0.6); } .pricing-left .btn-primarydeux { background: var(--brand-gold); color: var(--brand-forest-dark); box-shadow: 0 4px 0 0 rgba(201, 149, 16, 0.4); margin-bottom: 16px; } .pricing-left .btn-primarydeux:hover { box-shadow: 0 6px 0 0 rgba(201, 149, 16, 0.4); } .pricing-left .btn-secondary { border-color: rgba(255,255,255,0.2); color: white; } .pricing-left .btn-secondarydeux:hover { background: rgba(255,255,255,0.1); border-color: white; } .prereq { margin-top: auto; padding-top: 32px; font-size: 14px; color: rgba(255,255,255,0.89); border-top: 1px solid rgba(255,255,255,0.1); } .deliverables-title { font-size: 24px; margin-bottom: 32px; font-family: 'Karla', sans-serif; text-transform: none; font-weight: 700; } .features-list { display: flex; flex-direction: column; gap: 24px; } .features-list li { display: flex; gap: 16px; align-items: flex-start; } .check-icon { flex-shrink: 0; width: 28px; height: 28px; background: #E1030C; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; } .feature-text { font-size: 16px; color: var(--ink-main);line-height: 1.4; } .feature-qty { display: block; font-size: 14px; color: #E1030C; margin-top: 4px; font-weight: 700; } /* ========================================= */ /* SECTION: STATS & VIDEO */ /* ========================================= */ .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 64px; } .stat-card { text-align: center; padding: 32px; border-right: 1px solid var(--border-light); } .stat-card:last-child { border-right: none; } .stat-number { font-family: 'Anton', sans-serif; font-size: 56px; color: var(--brand-forest-dark); line-height: 1; margin-bottom: 12px; } .stat-label { font-size: 15px; font-weight: 600; color: var(--ink-muted); text-transform: uppercase; letter-spacing: 0.05em; } .video-container { max-width: 900px; margin: 0 auto; border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-hover); aspect-ratio: 16 / 9; background: #000; } .video-container iframe { width: 100%; height: 100%; border: none; } /* ========================================= */ /* SECTION: FAQ */ /* ========================================= */ .faq-wrapper { max-width: 800px; margin: 0 auto; } .faq-item { border: 1px solid var(--border-light); border-radius: var(--radius-sm); margin-bottom: 16px; background: var(--bg-body); overflow: hidden; } .faq-question { padding: 24px; font-size: 18px; font-weight: 700; cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; } .faq-question::-webkit-details-marker { display: none; } /* Cache la flèche native Safari */ .faq-question::after { content: '+'; font-family: 'Space Mono', monospace; font-size: 24px; color: var(--brand-forest); transition: transform 0.3s ease; } details[open] .faq-question::after { transform: rotate(45deg); } .faq-answer { padding: 0 24px 24px; font-size: 16px; color: var(--ink-muted); line-height: 1.7; } /* ========================================= */ /* CTA FINAL & FOOTER */ /* ========================================= */ .cta-final { background: var(--bg-section); border-top: 1px solid var(--border-light); text-align: center; padding: 80px 0; } .cta-final h2 { font-size: clamp(32px, 5vw, 48px); color: var(--brand-forest-dark); margin-bottom: 24px; } .cta-final p { font-size: 18px; color: var(--ink-muted); max-width: 600px; margin: 0 auto 40px; } footer { background: var(--brand-forest-dark); color: rgba(255,255,255,0.7); padding: 40px 0; font-size: 14px; } .footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; } .footer-links { display: flex; gap: 24px; } .footer-links a { transition: color 0.2s; } .footer-links a:hover { color: white; } /* ========================================= */ /* RESPONSIVE DESIGN (BREAKPOINTS) */ /* ========================================= */ /* Tablettes & Petits écrans Desktop (max 992px) */ @media (max-width: 992px) { .grid-4, .stats-grid { grid-template-columns: repeat(2, 1fr); } .pricing-box { flex-direction: column; } .pricing-left, .pricing-right { flex: none; width: 100%; padding: 40px 32px; } .stat-card { border-right: none; border-bottom: 1px solid var(--border-light); } .stat-card:nth-child(even) { border-right: none; } .stat-card:nth-last-child(-n+2) { border-bottom: none; } } /* Mobiles (max 768px) */ @media (max-width: 768px) { .section-padding { padding: 64px 0; } .grid-3 { grid-template-columns: 1fr; } .grid-4, .stats-grid { grid-template-columns: repeat(2, 1fr); } .hero { padding: 60px 0 80px; } .hero-actions { flex-direction: column; width: 100%; } .hero-actions .btn { width: 100%; } .event-meta { flex-direction: column; align-items: stretch; } .meta-tag { justify-content: center; } .stat-card { border-bottom: 1px solid var(--border-light) !important; } .stat-card:last-child { border-bottom: none !important; } .footer-inner { flex-direction: column; text-align: center; justify-content: center; } }/* End custom CSS */