*{margin:0;padding:0;box-sizing:border-box}
:root{--clr-primary:#353535;--clr-secondary:#ED6D47;--clr-tertiary:#3776ED;--bg-dark-base:#1a1a1a;--bg-dark-elevated:#2c2c2c;--bg-dark-card:#343a40;--text-light:#f8f9fa;--text-muted:#e9ecef}
body{color:var(--text-light);overflow-x:hidden;font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg-dark-base)}
a{color:inherit;text-decoration:none;transition:opacity .2s ease}
a:hover{opacity:.85}
a:focus{outline:3px solid var(--clr-tertiary);outline-offset:3px}
header{background:linear-gradient(135deg,var(--bg-dark-elevated) 0%,#35353599 100%);position:relative;z-index:100}
.hdr_row1_wrapper{border-bottom:1px solid #ed6d4726;padding:12px 0;overflow-x:auto;overflow-y:hidden;background:#353535cc}
.hdr_row1_content{max-width:1340px;margin:0 auto;padding:0 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand_name_72{font-size:19px;font-weight:600;color:var(--text-light);letter-spacing:.3px}
.contact_email_14a{font-size:16px;color:var(--text-muted);display:flex;align-items:center;gap:8px}
.contact_email_14a i{color:var(--clr-secondary)}
.hdr_row2_wrapper{padding:18px 0;position:relative;background:#2c2c2cd9}
.hdr_row2_content{max-width:1340px;margin:0 auto;padding:0 25px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.logo_container_9x{display:flex;align-items:center;justify-content:center;z-index:110;position:relative}
.logo_container_9x img{height:90px;width:90px;object-fit:contain;display:block}
.nav_primary_83k{display:flex;gap:35px;align-items:center;flex-wrap:wrap}
.nav_primary_83k a{font-size:17px;font-weight:500;color:var(--text-light);position:relative;padding:8px 0;white-space:nowrap}
.nav_primary_83k a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;transition:width .25s ease;background:var(--clr-secondary)}
.nav_primary_83k a:hover::after{width:100%}
.nav_primary_83k a:focus{outline:3px solid var(--clr-tertiary);outline-offset:5px}
main{min-height:60vh}
footer{padding:55px 0 30px;margin-top:80px;border-top:3px solid var(--clr-secondary);background:var(--bg-dark-card)}
.footer_container_28m{max-width:1340px;margin:0 auto;padding:0 25px}
.footer_grid_layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:45px;margin-bottom:45px}
.footer_section_block{display:flex;flex-direction:column;gap:18px}
.footer_section_block h3{font-size:19px;color:var(--clr-secondary);font-weight:600;margin-bottom:8px}
.footer_logo_holder{margin-bottom:15px}
.footer_logo_holder img{height:75px;width:75px;object-fit:contain}
.footer_links_list{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer_links_list a{color:var(--text-muted);font-size:16px;display:inline-block;transition:color .2s ease}
.footer_links_list a:hover{color:var(--clr-tertiary)}
.footer_links_list a:focus{outline:2px solid var(--clr-tertiary);outline-offset:4px}
.footer_contact_info{color:var(--text-muted);font-size:16px;line-height:1.8}
.footer_contact_info a{color:var(--clr-secondary)}
.footer_bottom_bar{border-top:1px solid #ed6d4733;padding-top:25px;text-align:center;color:var(--text-muted);font-size:15px}
@media (max-width: 768px) {
.hdr_row1_content{flex-direction:column;align-items:flex-start;gap:12px}
.hdr_row2_content{flex-direction:column;align-items:center;gap:20px}
.nav_primary_83k{flex-direction:column;gap:15px;width:100%;align-items:center}
.nav_primary_83k a{font-size:18px;padding:10px 0}
.logo_container_9x img{height:70px;width:70px}
.footer_grid_layout{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 480px) {
body{font-size:16px}
.brand_name_72{font-size:17px}
.contact_email_14a{font-size:14px}
.nav_primary_83k a{font-size:17px}
}
.consent_overlay_47z{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,#1a1a1afa,#2c2c2cf5);padding:28px;box-shadow:0 -6px 25px #0009;z-index:9999;border-top:2px solid var(--clr-secondary);transform:translateY(0);transition:transform .3s ease}
.consent_overlay_47z.hidden_state{transform:translateY(100%);pointer-events:none}
.consent_inner_92p{max-width:920px;margin:0 auto}
.consent_text_block{margin-bottom:22px;color:var(--text-light);font-size:16px;line-height:1.6}
.consent_text_block p{margin-bottom:10px}
.consent_actions_row{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}
.btn_consent_base{padding:13px 28px;font-size:16px;font-weight:600;border:none;cursor:pointer;border-radius:4px;transition:background-color .2s ease,opacity .2s ease;min-width:140px}
.btn_consent_base:focus{outline:3px solid var(--clr-tertiary);outline-offset:3px}
.btn_accept_all{color:#fff;background:var(--clr-secondary)}
.btn_accept_all:hover{background:#d45a35}
.btn_reject_all{color:var(--text-light);border:2px solid var(--clr-secondary);background:var(--bg-dark-elevated)}
.btn_reject_all:hover{background:var(--clr-primary)}
@media (max-width: 600px) {
.consent_overlay_47z{padding:20px 16px}
.consent_actions_row{flex-direction:column}
.btn_consent_base{width:100%;min-width:auto}
}
.aboutpage-wrapper{background:#1a1a1a;color:#f8f9fa;min-height:100vh}
.aboutpage-hero{background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);padding:100px 20px 80px;position:relative;overflow:hidden}
.aboutpage-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#3776ed26 0%,transparent 70%);border-radius:50%}
.aboutpage-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.aboutpage-hero h1{font-size:3.2rem;font-weight:800;color:#fff;margin:0 0 30px;line-height:1.15}
.aboutpage-hero h1::after{content:'';display:block;width:90px;height:5px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 100%);margin-top:25px;border-radius:3px}
.aboutpage-hero-text{font-size:1.25rem;line-height:1.75;color:#e9ecef;margin:0 0 40px}
.aboutpage-hero-stats{display:flex;gap:50px;flex-wrap:wrap;margin-top:45px}
.aboutpage-stat-item{flex:1;min-width:200px}
.aboutpage-stat-number{font-size:2.8rem;font-weight:700;color:#ED6D47;display:block;margin-bottom:8px}
.aboutpage-stat-label{font-size:1rem;color:#e9ecef;display:block}
.aboutpage-mission-block{padding:90px 20px;background:#2c2c2c;position:relative}
.aboutpage-mission-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.aboutpage-mission-visual{position:relative}
.aboutpage-mission-img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 15px 40px #0006}
.aboutpage-mission-content h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 25px;position:relative;padding-left:20px}
.aboutpage-mission-content h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:80%;background:#3776ED;border-radius:3px}
.aboutpage-mission-text{font-size:1.1rem;line-height:1.8;color:#e9ecef;margin-bottom:25px}
.aboutpage-mission-list{list-style:none;padding:0;margin:30px 0 0}
.aboutpage-mission-list li{padding:15px 0 15px 45px;position:relative;font-size:1.05rem;color:#f8f9fa;line-height:1.6}
.aboutpage-mission-list li::before{content:'';position:absolute;left:0;top:15px;width:30px;height:30px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}
.aboutpage-approach-section{padding:90px 20px;background:linear-gradient(180deg,#1a1a1a 0%,#2c2c2c 100%)}
.aboutpage-approach-wrapper{max-width:1200px;margin:0 auto}
.aboutpage-approach-header{text-align:center;margin-bottom:70px}
.aboutpage-approach-header h2{font-size:2.6rem;font-weight:700;color:#fff;margin:0 0 20px}
.aboutpage-approach-header h2 span{color:#ED6D47;position:relative}
.aboutpage-approach-header h2 span::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:3px;background:#3776ED;border-radius:2px}
.aboutpage-approach-subtitle{font-size:1.15rem;color:#e9ecef;max-width:700px;margin:0 auto;line-height:1.7}
.aboutpage-approach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.aboutpage-approach-card{background:#353535;padding:40px;border-radius:10px;border-left:4px solid #3776ED;transition:all .3s ease;position:relative}
.aboutpage-approach-card:nth-child(2){border-left-color:#ED6D47}
.aboutpage-approach-card:nth-child(3){border-left-color:#ED6D47}
.aboutpage-approach-card:nth-child(4){border-left-color:#3776ED}
.aboutpage-approach-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;background:#3d3d3d}
.aboutpage-approach-icon{font-size:2.5rem;margin-bottom:20px;display:block}
.aboutpage-approach-card h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 15px}
.aboutpage-approach-card p{font-size:1rem;line-height:1.7;color:#e9ecef;margin:0}
.aboutpage-values-zone{padding:90px 20px;background:#2c2c2c;position:relative}
.aboutpage-values-zone::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#3776ED 0%,#ED6D47 50%,#3776ED 100%)}
.aboutpage-values-container{max-width:1400px;margin:0 auto}
.aboutpage-values-intro{text-align:center;margin-bottom:60px}
.aboutpage-values-intro h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 20px}
.aboutpage-values-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.aboutpage-value-box{background:linear-gradient(135deg,#353535 0%,#2c2c2c 100%);padding:45px 35px;border-radius:8px;text-align:center;transition:all .3s ease;border:2px solid transparent}
.aboutpage-value-box:hover{border-color:#3776ED;transform:scale(1.05);box-shadow:0 15px 35px #3776ed33}
.aboutpage-value-icon-wrap{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}
.aboutpage-value-box h3{font-size:1.4rem;font-weight:600;color:#fff;margin:0 0 15px}
.aboutpage-value-box p{font-size:1rem;line-height:1.7;color:#e9ecef;margin:0}
.aboutpage-visual-section{padding:90px 20px;background:#1a1a1a}
.aboutpage-visual-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.aboutpage-visual-item{position:relative;overflow:hidden;border-radius:10px;height:320px}
.aboutpage-visual-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.aboutpage-visual-item:hover img{transform:scale(1.1)}
.aboutpage-visual-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000c 0%,transparent 100%);padding:25px;color:#fff}
.aboutpage-visual-overlay h4{font-size:1.2rem;font-weight:600;margin:0}
.aboutpage-cta-final{padding:80px 20px;background:linear-gradient(135deg,#353535 0%,#2c2c2c 100%);text-align:center}
.aboutpage-cta-content{max-width:800px;margin:0 auto}
.aboutpage-cta-content h2{font-size:2.3rem;font-weight:700;color:#fff;margin:0 0 25px}
.aboutpage-cta-content p{font-size:1.15rem;line-height:1.7;color:#e9ecef;margin:0 0 40px}
.aboutpage-button-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.aboutpage-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 35px;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;border:2px solid transparent}
.aboutpage-btn-primary{background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);color:#fff}
.aboutpage-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ed6d4766}
.aboutpage-btn-secondary{background:none;color:#3776ED;border-color:#3776ED}
.aboutpage-btn-secondary:hover{background:#3776ED;color:#fff;transform:translateY(-3px)}
@media (max-width: 992px) {
.aboutpage-hero h1{font-size:2.5rem}
.aboutpage-mission-container{grid-template-columns:1fr;gap:40px}
.aboutpage-approach-grid{grid-template-columns:1fr}
.aboutpage-values-layout{grid-template-columns:repeat(2,1fr)}
.aboutpage-visual-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.aboutpage-hero{padding:70px 20px 50px}
.aboutpage-hero h1{font-size:2rem}
.aboutpage-hero-text{font-size:1.1rem}
.aboutpage-hero-stats{gap:30px}
.aboutpage-stat-item{min-width:150px}
.aboutpage-mission-block,.aboutpage-approach-section,.aboutpage-values-zone,.aboutpage-visual-section{padding:60px 20px}
.aboutpage-mission-content h2,.aboutpage-approach-header h2,.aboutpage-values-intro h2{font-size:2rem}
.aboutpage-mission-img{height:350px}
.aboutpage-values-layout{grid-template-columns:1fr}
.aboutpage-visual-grid{grid-template-columns:1fr;gap:20px}
.aboutpage-button-group{flex-direction:column;align-items:stretch}
.aboutpage-btn{justify-content:center}
}
@media (max-width: 576px) {
.aboutpage-hero h1{font-size:1.75rem}
.aboutpage-stat-number{font-size:2.2rem}
.aboutpage-approach-card{padding:30px 25px}
.aboutpage-value-box{padding:35px 25px}
}
.study-materials-page{background:#1a1a1a;color:#f8f9fa;overflow-x:hidden}
.study-materials-page .intro-budget-section{background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);padding:80px 20px 60px;position:relative}
.study-materials-page .intro-budget-section::before{content:'';position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,#ed6d471a 0%,transparent 70%);border-radius:50%}
.study-materials-page .intro-content-wrapper{max-width:900px;margin:0 auto}
.study-materials-page .intro-heading{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:25px;line-height:1.2}
.study-materials-page .intro-heading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 100%);margin-top:20px}
.study-materials-page .intro-text-block{font-size:1.1rem;line-height:1.7;color:#e9ecef;margin-bottom:20px}
.study-materials-page .resources-grid-section{background:#1a1a1a;padding:70px 20px;position:relative}
.study-materials-page .resources-grid-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.study-materials-page .resource-card-item{background:#2c2c2c;border-radius:12px;padding:35px 25px;border:1px solid #3a3a3a;transition:all .3s ease;position:relative}
.study-materials-page .resource-card-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#ED6D47 0%,#3776ED 100%);transition:height .3s ease;border-radius:12px 0 0 12px}
.study-materials-page .resource-card-item:hover::before{height:100%}
.study-materials-page .resource-card-item:hover{transform:translateY(-5px);border-color:#ED6D47;box-shadow:0 8px 25px #ed6d4726}
.study-materials-page .resource-card-number{font-size:2.5rem;font-weight:700;color:#ED6D47;margin-bottom:15px;line-height:1}
.study-materials-page .resource-card-title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:12px}
.study-materials-page .resource-card-description{font-size:.95rem;line-height:1.6;color:#e9ecef}
.study-materials-page .visual-guide-section{background:linear-gradient(180deg,#1a1a1a 0%,#2c2c2c 100%);padding:0;position:relative}
.study-materials-page .visual-guide-wrapper{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:500px}
.study-materials-page .visual-guide-image-block{position:relative;overflow:hidden}
.study-materials-page .visual-guide-image-block img{width:100%;height:100%;object-fit:cover;display:block}
.study-materials-page .visual-guide-content-block{padding:60px 50px;display:flex;flex-direction:column;justify-content:center;background:#2c2c2c}
.study-materials-page .visual-guide-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#3776ED;margin-bottom:20px}
.study-materials-page .visual-guide-heading{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:25px;line-height:1.3}
.study-materials-page .visual-guide-paragraph{font-size:1rem;line-height:1.7;color:#e9ecef;margin-bottom:18px}
.study-materials-page .timeline-planning-section{background:#1a1a1a;padding:70px 20px}
.study-materials-page .timeline-planning-container{max-width:1000px;margin:0 auto}
.study-materials-page .timeline-section-header{text-align:center;margin-bottom:50px}
.study-materials-page .timeline-main-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px}
.study-materials-page .timeline-subtitle-text{font-size:1.1rem;color:#e9ecef;line-height:1.6}
.study-materials-page .timeline-items-wrapper{position:relative;padding-left:70px}
.study-materials-page .timeline-items-wrapper::before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ED6D47 0%,#3776ED 100%)}
.study-materials-page .timeline-single-item{position:relative;margin-bottom:50px;padding-left:30px}
.study-materials-page .timeline-marker-circle{position:absolute;left:-41px;top:5px;width:24px;height:24px;background:#ED6D47;border:4px solid #1a1a1a;border-radius:50%;z-index:2}
.study-materials-page .timeline-single-item:nth-child(even) .timeline-marker-circle{background:#3776ED}
.study-materials-page .timeline-item-date{font-size:.9rem;font-weight:600;color:#ED6D47;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
.study-materials-page .timeline-item-heading{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:10px}
.study-materials-page .timeline-item-text{font-size:.95rem;line-height:1.6;color:#e9ecef}
.study-materials-page .practical-tools-section{background:#2c2c2c;padding:0;position:relative}
.study-materials-page .practical-tools-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:500px}
.study-materials-page .practical-tools-content-side{padding:60px 50px;display:flex;flex-direction:column;justify-content:center;background:#353535}
.study-materials-page .practical-tools-image-side{position:relative;overflow:hidden}
.study-materials-page .practical-tools-image-side img{width:100%;height:100%;object-fit:cover;display:block}
.study-materials-page .tools-section-tag{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#ED6D47;margin-bottom:20px}
.study-materials-page .tools-main-heading{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:25px;line-height:1.3}
.study-materials-page .tools-description-para{font-size:1rem;line-height:1.7;color:#e9ecef;margin-bottom:25px}
.study-materials-page .tools-features-list{list-style:none;padding:0;margin:0}
.study-materials-page .tools-features-list li{font-size:.95rem;color:#e9ecef;margin-bottom:12px;padding-left:30px;position:relative;line-height:1.6}
.study-materials-page .tools-features-list li::before{content:'';position:absolute;left:0;color:#3776ED;font-weight:700;font-size:1.2rem}
.study-materials-page .interactive-resources-section{background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);padding:70px 20px;position:relative}
.study-materials-page .interactive-resources-wrapper{max-width:1100px;margin:0 auto}
.study-materials-page .interactive-section-title{font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:50px}
.study-materials-page .interactive-section-title::before{content:'';display:block;width:60px;height:4px;background:#3776ED;margin:0 auto 20px}
.study-materials-page .resources-comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:#2c2c2c;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000004d}
.study-materials-page .resources-comparison-table thead{background:linear-gradient(135deg,#353535 0%,#3776ED 100%)}
.study-materials-page .resources-comparison-table th{padding:20px 15px;font-size:1rem;font-weight:600;color:#fff;text-align:left;border-bottom:2px solid #ED6D47}
.study-materials-page .resources-comparison-table td{padding:18px 15px;font-size:.95rem;color:#e9ecef;border-bottom:1px solid #3a3a3a;line-height:1.6}
.study-materials-page .resources-comparison-table tbody tr:hover{background:#343a40}
.study-materials-page .resources-comparison-table tbody tr:last-child td{border-bottom:none}
.study-materials-page .table-check-icon{color:#3776ED;font-weight:700;font-size:1.2rem}
.study-materials-page .table-cross-icon{color:#ED6D47;font-weight:700;font-size:1.2rem}
.study-materials-page .cta-action-button{display:inline-block;padding:14px 35px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer;margin-top:25px;position:relative;z-index:10}
.study-materials-page .cta-action-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ed6d4766}
@media (max-width: 768px) {
.study-materials-page .intro-heading{font-size:2rem}
.study-materials-page .resources-grid-container{grid-template-columns:1fr;gap:20px}
.study-materials-page .visual-guide-wrapper{grid-template-columns:1fr}
.study-materials-page .visual-guide-content-block{padding:40px 25px}
.study-materials-page .visual-guide-heading{font-size:1.8rem}
.study-materials-page .timeline-items-wrapper{padding-left:50px}
.study-materials-page .timeline-items-wrapper::before{left:20px}
.study-materials-page .timeline-marker-circle{left:-31px}
.study-materials-page .practical-tools-layout{grid-template-columns:1fr}
.study-materials-page .practical-tools-content-side{padding:40px 25px}
.study-materials-page .interactive-section-title{font-size:2rem}
.study-materials-page .resources-comparison-table{font-size:.85rem}
.study-materials-page .resources-comparison-table th,.study-materials-page .resources-comparison-table td{padding:12px 10px}
}
.methodes-enseignement-page{background:#1a1a1a;color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.7}
.methodes-enseignement-page .intro-hero-wrapper{background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.methodes-enseignement-page .intro-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ed6d4726 0%,transparent 70%);border-radius:50%}
.methodes-enseignement-page .intro-content-block{max-width:900px;margin:0 auto;position:relative;z-index:2}
.methodes-enseignement-page .intro-title-main{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}
.methodes-enseignement-page .intro-title-main::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 100%);margin-bottom:1.5rem}
.methodes-enseignement-page .intro-description-text{font-size:1.15rem;color:#e9ecef;margin-bottom:2rem;line-height:1.8}
.methodes-enseignement-page .intro-subtext-detail{font-size:1rem;color:#cbd5e0;margin-bottom:0}
.methodes-enseignement-page .approche-pratique-section{padding:5rem 2rem;background:#2c2c2c;position:relative}
.methodes-enseignement-page .approche-grid-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.methodes-enseignement-page .approche-image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006}
.methodes-enseignement-page .approche-image-wrapper::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3776ed33 0%,#ed6d4733 100%);pointer-events:none}
.methodes-enseignement-page .approche-featured-image{width:100%;height:450px;object-fit:cover;display:block}
.methodes-enseignement-page .approche-text-content{padding:0 1rem}
.methodes-enseignement-page .approche-section-label{font-size:.9rem;color:#3776ED;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:1rem;display:block}
.methodes-enseignement-page .approche-heading-main{font-size:2.4rem;color:#fff;font-weight:700;margin-bottom:1.5rem;line-height:1.3}
.methodes-enseignement-page .approche-intro-paragraph{font-size:1.05rem;color:#e9ecef;margin-bottom:2rem;line-height:1.8}
.methodes-enseignement-page .approche-details-list{list-style:none;padding:0;margin:0}
.methodes-enseignement-page .approche-list-item{padding:1rem 0;border-bottom:1px solid #ffffff1a;position:relative;padding-left:2.5rem}
.methodes-enseignement-page .approche-list-item::before{content:'→';position:absolute;left:0;top:1rem;color:#ED6D47;font-size:1.3rem;font-weight:700}
.methodes-enseignement-page .approche-list-item:last-child{border-bottom:none}
.methodes-enseignement-page .item-title-text{font-size:1.1rem;color:#fff;font-weight:600;margin-bottom:.4rem}
.methodes-enseignement-page .item-description-text{font-size:.95rem;color:#cbd5e0;margin:0;line-height:1.6}
.methodes-enseignement-page .progression-timeline-section{padding:5rem 2rem;background:linear-gradient(180deg,#1a1a1a 0%,#2c2c2c 100%);position:relative}
.methodes-enseignement-page .progression-container-main{max-width:1100px;margin:0 auto}
.methodes-enseignement-page .progression-header-block{text-align:center;margin-bottom:4rem}
.methodes-enseignement-page .progression-title-header{font-size:2.5rem;color:#fff;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}
.methodes-enseignement-page .progression-title-header::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#3776ED 0%,#ED6D47 100%)}
.methodes-enseignement-page .progression-subtitle-text{font-size:1.1rem;color:#e9ecef;margin-top:1.5rem;max-width:700px;margin-left:auto;margin-right:auto}
.methodes-enseignement-page .timeline-stages-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:3rem}
.methodes-enseignement-page .timeline-stage-card{background:#35353599;border:1px solid #ffffff1a;border-radius:10px;padding:2rem 1.5rem;position:relative;transition:all .3s ease}
.methodes-enseignement-page .timeline-stage-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006;border-color:#3776ed66}
.methodes-enseignement-page .stage-number-marker{width:50px;height:50px;background:linear-gradient(135deg,#3776ED 0%,#ED6D47 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:1.5rem}
.methodes-enseignement-page .stage-title-heading{font-size:1.3rem;color:#fff;font-weight:600;margin-bottom:1rem}
.methodes-enseignement-page .stage-description-para{font-size:.95rem;color:#cbd5e0;line-height:1.7;margin:0}
.methodes-enseignement-page .timeline-visual-flow{background:#35353566;border-radius:10px;padding:2.5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}
.methodes-enseignement-page .flow-phase-item{text-align:center;flex:1;position:relative}
.methodes-enseignement-page .flow-phase-item:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:#ED6D47;font-size:1.5rem;font-weight:700}
.methodes-enseignement-page .flow-phase-label{font-size:.85rem;color:#3776ED;text-transform:uppercase;letter-spacing:1px;font-weight:600;display:block;margin-bottom:.5rem}
.methodes-enseignement-page .flow-phase-name{font-size:1.05rem;color:#fff;font-weight:600;margin:0}
.methodes-enseignement-page .suivi-personnalise-section{padding:5rem 2rem;background:#343a40;position:relative}
.methodes-enseignement-page .suivi-layout-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.methodes-enseignement-page .suivi-content-area{padding-right:2rem}
.methodes-enseignement-page .suivi-main-title{font-size:2.3rem;color:#fff;font-weight:700;margin-bottom:1.5rem;line-height:1.3}
.methodes-enseignement-page .suivi-main-title span{color:#ED6D47;position:relative}
.methodes-enseignement-page .suivi-intro-text{font-size:1.05rem;color:#e9ecef;margin-bottom:2.5rem;line-height:1.8}
.methodes-enseignement-page .suivi-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}
.methodes-enseignement-page .suivi-feature-box{background:#1a1a1a80;border-left:3px solid #3776ED;padding:1.25rem;border-radius:6px;transition:all .3s ease}
.methodes-enseignement-page .suivi-feature-box:hover{background:#1a1a1ab3;border-left-color:#ED6D47;transform:translateX(5px)}
.methodes-enseignement-page .feature-box-title{font-size:1rem;color:#fff;font-weight:600;margin-bottom:.5rem}
.methodes-enseignement-page .feature-box-description{font-size:.9rem;color:#cbd5e0;margin:0;line-height:1.6}
.methodes-enseignement-page .suivi-cta-wrapper{margin-top:2rem}
.methodes-enseignement-page .suivi-primary-button{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#3776ED 0%,#ED6D47 100%);color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px #3776ed4d;position:relative;z-index:10}
.methodes-enseignement-page .suivi-primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3776ed66}
.methodes-enseignement-page .suivi-visual-area{position:relative}
.methodes-enseignement-page .suivi-image-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}
.methodes-enseignement-page .suivi-image-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ed6d4726 0%,#3776ed26 100%);z-index:1;pointer-events:none}
.methodes-enseignement-page .suivi-main-image{width:100%;height:500px;object-fit:cover;display:block}
.methodes-enseignement-page .suivi-decorative-element{position:absolute;bottom:-20px;right:-20px;width:150px;height:150px;background:linear-gradient(135deg,#3776ED 0%,#ED6D47 100%);border-radius:50%;opacity:.2;z-index:-1}
@media (max-width: 1024px) {
.methodes-enseignement-page .approche-grid-container,.methodes-enseignement-page .suivi-layout-grid{grid-template-columns:1fr;gap:3rem}
.methodes-enseignement-page .suivi-content-area{padding-right:0}
.methodes-enseignement-page .timeline-stages-wrapper{grid-template-columns:1fr}
.methodes-enseignement-page .suivi-features-grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.methodes-enseignement-page .intro-hero-wrapper{padding:3rem 1.5rem 2.5rem}
.methodes-enseignement-page .intro-title-main{font-size:2rem}
.methodes-enseignement-page .approche-heading-main,.methodes-enseignement-page .progression-title-header,.methodes-enseignement-page .suivi-main-title{font-size:1.8rem}
.methodes-enseignement-page .timeline-visual-flow{flex-direction:column;gap:1.5rem}
.methodes-enseignement-page .flow-phase-item:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-30px;transform:translateX(-50%)}
.methodes-enseignement-page .approche-featured-image,.methodes-enseignement-page .suivi-main-image{height:350px}
}
.finances-index-wrapper{background:#1a1a1a;color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;overflow-x:hidden}
.finances-index-wrapper *{box-sizing:border-box}
.hero-immersive-section{position:relative;height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%)}
.hero-immersive-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;z-index:1;background:url(./slider_images/7291.jpg) (cover) center}
.hero-immersive-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#1a1a1af2 0%,#1a1a1ab3 60%,transparent 100%);z-index:2}
.hero-content-block{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:0 2rem}
.hero-subtitle-accent{color:#ED6D47;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;font-weight:600;display:inline-block;position:relative;padding-left:3rem}
.hero-subtitle-accent::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.5rem;height:2px;background:linear-gradient(to right,#ED6D47,transparent)}
.hero-main-heading{font-size:clamp(2.5rem,7vw,5rem);line-height:1.1;margin-bottom:2rem;font-weight:800;color:#fff;max-width:850px}
.hero-main-heading .highlight-term{color:#3776ED;position:relative;display:inline-block}
.hero-description-text{font-size:1.25rem;line-height:1.7;color:#e9ecef;margin-bottom:3rem;max-width:650px}
.hero-cta-group{display:flex;gap:1.5rem;flex-wrap:wrap}
.btn-primary-hero{background:linear-gradient(135deg,#ED6D47 0%,#d95a35 100%);color:#fff;padding:1.2rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease;border:none;box-shadow:0 4px 15px #ed6d474d}
.btn-primary-hero:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ed6d4766;background:linear-gradient(135deg,#d95a35 0%,#ED6D47 100%)}
.btn-secondary-hero{background:none;color:#3776ED;padding:1.2rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease;border:2px solid #3776ED}
.btn-secondary-hero:hover{background:#3776ed1a;transform:translateY(-2px)}
.diagonal-split-reality{position:relative;background:#2c2c2c;padding:7rem 0;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);margin-top:-3rem}
.diagonal-content-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.reality-text-zone{position:relative}
.section-label-mini{color:#3776ED;font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;display:inline-block}
.diagonal-section-title{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin-bottom:2rem;color:#fff;font-weight:700}
.diagonal-section-title::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(to right,#ED6D47,#3776ED);margin-top:1.5rem}
.reality-paragraph{font-size:1.1rem;line-height:1.8;color:#e9ecef;margin-bottom:1.5rem}
.reality-highlight-box{background:linear-gradient(135deg,#3776ed1a 0%,#ed6d471a 100%);border-left:4px solid #3776ED;padding:1.5rem;margin-top:2rem;border-radius:0 8px 8px 0}
.reality-highlight-box p{margin:0;color:#f8f9fa;font-size:1.05rem;line-height:1.7}
.reality-visual-zone{position:relative}
.reality-image-frame{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006}
.reality-image-frame img{width:100%;height:auto;display:block;object-fit:cover}
.reality-image-frame::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3776ed33 0%,#ed6d4733 100%);z-index:1;opacity:0;transition:opacity .4s ease}
.reality-image-frame:hover::before{opacity:1}
.layered-approach-block{background:#1a1a1a;padding:6rem 0;position:relative}
.layered-approach-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#3776ED,transparent)}
.approach-wrapper-custom{max-width:1200px;margin:0 auto;padding:0 2rem}
.approach-header-center{text-align:center;margin-bottom:5rem}
.approach-main-title{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:1.5rem;font-weight:700}
.approach-intro-text{font-size:1.15rem;color:#e9ecef;max-width:700px;margin:0 auto;line-height:1.7}
.approach-grid-system{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}
.approach-card-item{background:linear-gradient(135deg,#2c2c2c 0%,#343a40 100%);padding:2.5rem;border-radius:12px;position:relative;transition:all .4s ease;border:1px solid #3776ed1a}
.approach-card-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(to bottom,#ED6D47,#3776ED);transition:height .4s ease;border-radius:4px 0 0 4px}
.approach-card-item:hover{transform:translateY(-8px);box-shadow:0 15px 40px #3776ed33}
.approach-card-item:hover::before{height:100%}
.approach-card-number{font-size:3rem;font-weight:800;color:#3776ed33;line-height:1;margin-bottom:1rem}
.approach-card-title{font-size:1.5rem;color:#fff;margin-bottom:1rem;font-weight:600}
.approach-card-description{font-size:1rem;color:#e9ecef;line-height:1.7}
.asymmetric-showcase-zone{background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);padding:7rem 0;position:relative;overflow:hidden}
.asymmetric-showcase-zone::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#3776ed1a 0%,transparent 70%);border-radius:50%}
.showcase-flex-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:4rem;align-items:center}
.showcase-visual-column{flex:0 0 45%;position:relative}
.showcase-image-stack{position:relative}
.showcase-main-image{width:100%;border-radius:12px;box-shadow:0 20px 60px #0006;position:relative;z-index:2}
.showcase-main-image img{width:100%;height:auto;display:block;border-radius:12px;object-fit:cover}
.showcase-accent-image{position:absolute;bottom:-3rem;right:-3rem;width:60%;border-radius:12px;box-shadow:0 15px 40px #00000080;border:4px solid #2c2c2c;z-index:3}
.showcase-accent-image img{width:100%;height:auto;display:block;border-radius:8px;object-fit:cover}
.showcase-content-column{flex:1}
.showcase-eyebrow{color:#ED6D47;font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.5rem;position:relative;padding-left:2rem}
.showcase-eyebrow::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.5rem;height:2px;background:#ED6D47}
.showcase-heading{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:2rem;font-weight:700;line-height:1.2}
.showcase-description{font-size:1.1rem;color:#e9ecef;line-height:1.8;margin-bottom:2rem}
.showcase-feature-list{list-style:none;padding:0;margin:0 0 2.5rem}
.showcase-feature-list li{padding-left:2rem;margin-bottom:1rem;color:#f8f9fa;font-size:1.05rem;position:relative;line-height:1.6}
.showcase-feature-list li::before{content:'→';position:absolute;left:0;color:#3776ED;font-weight:700;font-size:1.2rem}
.showcase-cta-link{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#3776ED 0%,#2a5ec9 100%);color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 15px #3776ed4d}
.showcase-cta-link:hover{transform:translateY(-3px);box-shadow:0 6px 25px #3776ed66}
.final-transformation-section{background:#1a1a1a;padding:7rem 0;position:relative}
.transformation-container{max-width:1200px;margin:0 auto;padding:0 2rem}
.transformation-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.transformation-content-side{position:sticky;top:2rem}
.transformation-label{color:#ED6D47;font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem}
.transformation-title{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:2rem;font-weight:700;line-height:1.2}
.transformation-text{font-size:1.1rem;color:#e9ecef;line-height:1.8;margin-bottom:2rem}
.transformation-stats-box{background:linear-gradient(135deg,#ed6d471a 0%,#3776ed1a 100%);padding:2rem;border-radius:12px;border:1px solid #3776ed33;margin-bottom:2.5rem}
.stat-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #ffffff1a}
.stat-row:last-child{border-bottom:none}
.stat-label{font-size:1rem;color:#e9ecef}
.stat-value{font-size:1.5rem;font-weight:700;color:#3776ED}
.transformation-cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ED6D47 0%,#d95a35 100%);color:#fff;padding:1.2rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #ed6d474d}
.transformation-cta-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ed6d4766}
.transformation-visual-side{position:relative}
.transformation-image-wrapper{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0006;margin-bottom:2rem}
.transformation-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover}
.transformation-callout-box{background:#2c2c2c;padding:2rem;border-radius:12px;border-left:4px solid #3776ED;box-shadow:0 10px 30px #0000004d}
.callout-title{font-size:1.3rem;color:#fff;margin-bottom:1rem;font-weight:600}
.callout-text{font-size:1rem;color:#e9ecef;line-height:1.7}
@media (max-width: 1024px) {
.diagonal-content-container,.showcase-flex-container,.transformation-grid{grid-template-columns:1fr;flex-direction:column;gap:3rem}
.showcase-visual-column{flex:1}
.showcase-accent-image{position:relative;bottom:auto;right:auto;width:80%;margin-top:2rem}
.transformation-content-side{position:relative;top:0}
.approach-grid-system{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero-immersive-section{height:auto;min-height:100vh;padding:4rem 0}
.hero-content-block{padding:0 1.5rem}
.hero-main-heading{font-size:2.5rem}
.hero-cta-group{flex-direction:column}
.btn-primary-hero,.btn-secondary-hero{width:100%;justify-content:center}
.diagonal-split-reality,.layered-approach-block,.asymmetric-showcase-zone,.final-transformation-section{padding:4rem 0}
.diagonal-split-reality{clip-path:none;margin-top:0}
.diagonal-section-title,.approach-main-title,.showcase-heading,.transformation-title{font-size:2rem}
.approach-header-center{margin-bottom:3rem}
.showcase-flex-container,.transformation-container{padding:0 1.5rem}
.stat-value{font-size:1.2rem}
}
@media (max-width: 480px) {
.hero-subtitle-accent{padding-left:2rem;font-size:.85rem}
.hero-subtitle-accent::before{width:1.5rem}
.hero-main-heading{font-size:2rem}
.hero-description-text{font-size:1.1rem}
.approach-card-item{padding:2rem 1.5rem}
.approach-card-number{font-size:2.5rem}
.transformation-stats-box{padding:1.5rem}
.stat-row{flex-direction:column;align-items:flex-start;gap:.5rem}
}
.contact-page-wrapper{background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);min-height:100vh;color:#f8f9fa}
.contact-hero-zone{padding:90px 20px 70px;text-align:center;background:#2c2c2c;border-bottom:3px solid #ED6D47;position:relative;overflow:hidden}
.contact-hero-zone::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(45deg,transparent 30%,#3776ed0d 50%,transparent 70%);animation:shimmer 8s infinite}
@keyframes shimmer {
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
.contact-hero-zone h1{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 25px;position:relative;z-index:2;line-height:1.2}
.contact-hero-zone h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#ED6D47,#3776ED);margin:20px auto 0;border-radius:2px}
.contact-hero-zone p{font-size:1.15rem;color:#e9ecef;max-width:680px;margin:0 auto;line-height:1.7;position:relative;z-index:2}
.contact-grid-container{max-width:1200px;margin:0 auto;padding:70px 20px}
.contact-dual-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start}
.contact-info-column{background:linear-gradient(145deg,#2c2c2c 0%,#353535 100%);padding:45px 35px;border-radius:12px;border:1px solid #ed6d4733;box-shadow:0 8px 32px #0006}
.contact-info-column h2{font-size:1.9rem;color:#ED6D47;margin:0 0 30px;font-weight:600}
.info-block-item{margin-bottom:35px;padding-left:45px;position:relative}
.info-block-item:last-child{margin-bottom:0}
.info-block-item i{position:absolute;left:0;top:3px;font-size:26px;color:#3776ED}
.info-block-item h3{font-size:1.1rem;color:#fff;margin:0 0 8px;font-weight:600}
.info-block-item p{font-size:1rem;color:#e9ecef;margin:0;line-height:1.6}
.info-block-item a{color:#e9ecef;text-decoration:none;transition:color .3s ease}
.info-block-item a:hover{color:#ED6D47}
.contact-form-column{background:#1a1a1a;padding:50px 40px;border-radius:12px;border:1px solid #3776ed33;box-shadow:0 8px 32px #00000080}
.contact-form-column h2{font-size:1.9rem;color:#3776ED;margin:0 0 15px;font-weight:600}
.contact-form-column .form-intro-text{font-size:1.05rem;color:#e9ecef;margin-bottom:35px;line-height:1.6}
.form-group-custom{margin-bottom:28px}
.form-group-custom label{display:block;font-size:.95rem;color:#f8f9fa;margin-bottom:8px;font-weight:500}
.form-group-custom input,.form-group-custom textarea,.form-group-custom select{width:100%;padding:14px 16px;background:#2c2c2c;border:1px solid #495057;border-radius:6px;color:#f8f9fa;font-size:1rem;transition:all .3s ease}
.form-group-custom input:focus,.form-group-custom textarea:focus,.form-group-custom select:focus{outline:none;border-color:#3776ED;box-shadow:0 0 0 3px #3776ed26}
.form-group-custom textarea{min-height:140px;resize:vertical}
.form-group-custom select{cursor:pointer}
.form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.privacy-consent-wrapper{margin:30px 0 25px;display:flex;align-items:start;gap:12px}
.privacy-consent-wrapper input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}
.privacy-consent-wrapper label{font-size:.95rem;color:#e9ecef;line-height:1.5;cursor:pointer}
.privacy-consent-wrapper a{color:#3776ED;text-decoration:none;transition:color .3s ease}
.privacy-consent-wrapper a:hover{color:#ED6D47}
.submit-button-custom{width:100%;padding:16px 32px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ed6d474d}
.submit-button-custom:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ed6d4780}
.submit-button-custom:active{transform:translateY(0)}
.image-section-wrapper{max-width:1200px;margin:0 auto;padding:0 20px 70px}
.image-content-split{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);padding:60px;border-radius:12px;border:1px solid #ed6d4726}
.image-content-text h2{font-size:2rem;color:#ED6D47;margin:0 0 25px;font-weight:600;position:relative;padding-left:20px}
.image-content-text h2::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,#3776ED,#ED6D47);border-radius:3px}
.image-content-text p{font-size:1.05rem;color:#e9ecef;line-height:1.7;margin-bottom:18px}
.image-content-visual img{width:100%;height:380px;object-fit:cover;border-radius:10px;box-shadow:0 10px 40px #0009;border:2px solid #3776ed4d}
.hours-section-wrapper{max-width:1200px;margin:0 auto;padding:0 20px 70px}
.hours-content-box{background:#2c2c2c;padding:50px 45px;border-radius:12px;border-left:5px solid #3776ED;box-shadow:0 6px 30px #0006}
.hours-content-box h2{font-size:1.9rem;color:#fff;margin:0 0 30px;font-weight:600}
.hours-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.hours-item-card{background:#1a1a1a;padding:25px;border-radius:8px;border:1px solid #3776ed33;transition:all .3s ease}
.hours-item-card:hover{border-color:#ED6D47;transform:translateY(-3px);box-shadow:0 6px 20px #ed6d4733}
.hours-item-card h3{font-size:1.15rem;color:#3776ED;margin:0 0 12px;font-weight:600}
.hours-item-card p{font-size:1rem;color:#e9ecef;margin:0;line-height:1.6}
.cta-section-wrapper{max-width:1200px;margin:0 auto;padding:0 20px 70px}
.cta-content-centered{text-align:center;background:linear-gradient(135deg,#353535 0%,#2c2c2c 100%);padding:60px 40px;border-radius:12px;border:2px solid #ed6d474d;position:relative;overflow:hidden}
.cta-content-centered::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#3776ed1a 0%,transparent 70%);animation:pulse 4s infinite}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.3}
}
.cta-content-centered h2{font-size:2.2rem;color:#fff;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.cta-content-centered p{font-size:1.15rem;color:#e9ecef;margin:0 0 35px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7;position:relative;z-index:2}
.cta-buttons-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.cta-button-primary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ed6d474d}
.cta-button-primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ed6d4780}
.cta-button-secondary{display:inline-block;padding:16px 40px;background:none;color:#3776ED;text-decoration:none;border:2px solid #3776ED;border-radius:8px;font-size:1.1rem;font-weight:600;transition:all .3s ease}
.cta-button-secondary:hover{background:#3776ED;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #3776ed66}
.map-section-wrapper{max-width:1200px;margin:0 auto;padding:0 20px 90px}
.map-content-box{background:#1a1a1a;padding:50px;border-radius:12px;border:1px solid #3776ed33;box-shadow:0 8px 32px #00000080}
.map-content-box h2{font-size:1.9rem;color:#ED6D47;margin:0 0 25px;font-weight:600;text-align:center}
.map-description-text{font-size:1.05rem;color:#e9ecef;text-align:center;max-width:750px;margin:0 auto 35px;line-height:1.7}
.map-address-highlight{text-align:center;padding:30px;background:#2c2c2c;border-radius:8px;border-left:4px solid #3776ED}
.map-address-highlight p{font-size:1.15rem;color:#f8f9fa;margin:0 0 10px;font-weight:500}
.map-address-highlight p:last-child{margin:0}
@media (max-width: 992px) {
.contact-dual-layout{grid-template-columns:1fr;gap:40px}
.image-content-split{grid-template-columns:1fr;padding:40px 30px;gap:35px}
.form-row-split{grid-template-columns:1fr}
.contact-hero-zone h1{font-size:2.2rem}
}
@media (max-width: 768px) {
.contact-hero-zone{padding:60px 20px 50px}
.contact-hero-zone h1{font-size:1.9rem}
.contact-grid-container{padding:50px 20px}
.contact-info-column,.contact-form-column{padding:35px 25px}
.hours-content-box{padding:35px 25px}
.cta-content-centered{padding:45px 25px}
.cta-content-centered h2{font-size:1.8rem}
.cta-buttons-row{flex-direction:column;align-items:stretch}
.cta-button-primary,.cta-button-secondary{width:100%;text-align:center}
.map-content-box{padding:35px 25px}
.image-content-visual img{height:280px}
}
@media (max-width: 576px) {
.contact-hero-zone h1{font-size:1.6rem}
.contact-hero-zone p{font-size:1rem}
.contact-info-column h2,.contact-form-column h2,.hours-content-box h2,.map-content-box h2{font-size:1.5rem}
.cta-content-centered h2{font-size:1.5rem}
.info-block-item{padding-left:38px}
.info-block-item i{font-size:22px}
}
.programme-apprentissage-hero{background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.programme-apprentissage-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ed6d4726 0%,transparent 70%);border-radius:50%}
.hero-contenu-principal{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.hero-titre-principal{font-size:3.2rem;font-weight:700;color:#f8f9fa;margin-bottom:24px;line-height:1.2}
.hero-titre-principal span{color:#ED6D47;position:relative;display:inline-block}
.hero-titre-principal span::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 100%)}
.hero-sous-titre{font-size:1.3rem;color:#e9ecef;max-width:680px;line-height:1.7;margin-bottom:36px}
.hero-meta-info{display:flex;gap:32px;flex-wrap:wrap;margin-top:40px}
.meta-item{display:flex;align-items:center;gap:12px;color:#e9ecef;font-size:1rem}
.meta-item i{color:#3776ED;font-size:1.4rem}
.parcours-formation-section{background:#1a1a1a;padding:90px 20px;position:relative}
.parcours-container{max-width:1100px;margin:0 auto}
.parcours-intro{text-align:center;margin-bottom:70px}
.parcours-titre{font-size:2.6rem;color:#f8f9fa;font-weight:700;margin-bottom:20px;position:relative;display:inline-block}
.parcours-titre::before{content:'';position:absolute;top:-12px;left:-30px;width:20px;height:20px;border:3px solid #ED6D47;border-radius:50%}
.parcours-description{font-size:1.15rem;color:#e9ecef;max-width:700px;margin:0 auto;line-height:1.8}
.parcours-etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}
.etape-card{background:linear-gradient(145deg,#2c2c2c 0%,#353535 100%);padding:40px 32px;border-radius:12px;border-left:4px solid #3776ED;transition:all .3s ease;position:relative}
.etape-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #3776ed40}
.etape-numero{position:absolute;top:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff}
.etape-titre{font-size:1.5rem;color:#f8f9fa;font-weight:600;margin-bottom:16px}
.etape-contenu{color:#e9ecef;font-size:1rem;line-height:1.7}
.methodes-enseignement-section{background:linear-gradient(180deg,#2c2c2c 0%,#1a1a1a 100%);padding:100px 20px;position:relative}
.methodes-enseignement-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#3776ED 50%,transparent 100%)}
.methodes-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.methodes-visuel{position:relative}
.methodes-image-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080}
.methodes-image-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ed6d4733 0%,#3776ed33 100%);z-index:1}
.methodes-image-container img{width:100%;height:480px;object-fit:cover;display:block}
.methodes-contenu{padding:20px 0}
.methodes-titre-principal{font-size:2.8rem;color:#f8f9fa;font-weight:700;margin-bottom:28px;line-height:1.3}
.methodes-titre-principal span{color:#ED6D47}
.methodes-liste{display:flex;flex-direction:column;gap:24px}
.methode-item{background:#35353566;padding:24px 28px;border-radius:10px;border-left:3px solid #3776ED;transition:all .3s ease}
.methode-item:hover{background:#353535b3;border-left-width:5px}
.methode-titre{font-size:1.3rem;color:#f8f9fa;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:12px}
.methode-titre i{color:#ED6D47;font-size:1.4rem}
.methode-description{color:#e9ecef;font-size:1rem;line-height:1.7}
.calendrier-section{background:#1a1a1a;padding:90px 20px}
.calendrier-conteneur{max-width:1000px;margin:0 auto}
.calendrier-header{text-align:center;margin-bottom:60px}
.calendrier-titre{font-size:2.6rem;color:#f8f9fa;font-weight:700;margin-bottom:18px}
.calendrier-titre::before{content:'';margin-right:16px}
.calendrier-sous-titre{font-size:1.2rem;color:#e9ecef;line-height:1.7}
.sessions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}
.session-card{background:linear-gradient(135deg,#2c2c2c 0%,#353535 100%);padding:36px 30px;border-radius:14px;border-top:4px solid #ED6D47;position:relative;transition:all .3s ease}
.session-card:hover{transform:scale(1.03);box-shadow:0 16px 48px #ed6d474d}
.session-badge{position:absolute;top:-14px;right:24px;background:linear-gradient(135deg,#3776ED 0%,#ED6D47 100%);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}
.session-date{font-size:1.6rem;color:#f8f9fa;font-weight:700;margin-bottom:12px}
.session-duree{color:#e9ecef;font-size:1rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.session-duree i{color:#3776ED}
.session-details{color:#e9ecef;font-size:.95rem;line-height:1.6;margin-bottom:24px}
.session-places{font-size:.9rem;color:#ED6D47;font-weight:600}
.competences-acquises-section{background:linear-gradient(165deg,#2c2c2c 0%,#1a1a1a 100%);padding:100px 20px;position:relative;overflow:hidden}
.competences-acquises-section::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#3776ed1a 0%,transparent 70%);border-radius:50%}
.competences-wrapper{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.competences-intro{max-width:800px;margin-bottom:60px}
.competences-titre-principal{font-size:2.8rem;color:#f8f9fa;font-weight:700;margin-bottom:24px;line-height:1.3}
.competences-description-intro{font-size:1.15rem;color:#e9ecef;line-height:1.8}
.competences-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.competence-bloc{background:#35353580;padding:32px 28px;border-radius:12px;border:1px solid #3776ed4d;transition:all .3s ease;position:relative}
.competence-bloc::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#ed6d471a 0%,transparent 100%);border-radius:12px;transition:width .4s ease}
.competence-bloc:hover::before{width:100%}
.competence-bloc:hover{border-color:#ED6D47;transform:translateX(8px)}
.competence-titre{font-size:1.4rem;color:#f8f9fa;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.competence-titre i{color:#3776ED;font-size:1.3rem}
.competence-description{color:#e9ecef;font-size:1rem;line-height:1.7;position:relative;z-index:1}
.inscription-section{background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);padding:90px 20px;position:relative}
.inscription-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 50%,#ED6D47 100%)}
.inscription-container{max-width:900px;margin:0 auto;text-align:center}
.inscription-titre{font-size:2.8rem;color:#f8f9fa;font-weight:700;margin-bottom:24px;line-height:1.3}
.inscription-description{font-size:1.2rem;color:#e9ecef;line-height:1.8;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}
.inscription-info-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:50px}
.info-box{background:#35353599;padding:28px 24px;border-radius:10px;border:1px solid #ed6d474d}
.info-box-titre{font-size:1.1rem;color:#ED6D47;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.info-box-valeur{font-size:1.5rem;color:#f8f9fa;font-weight:700}
.inscription-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn-inscription-primaire{background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);color:#fff;padding:16px 42px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;border:none;position:relative;z-index:10;cursor:pointer}
.btn-inscription-primaire:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ed6d4766}
.btn-inscription-secondaire{background:none;color:#f8f9fa;padding:16px 42px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease;border:2px solid #3776ED;position:relative;z-index:10;cursor:pointer}
.btn-inscription-secondaire:hover{background:#3776ed33;border-color:#ED6D47}
@media (max-width: 768px) {
.programme-apprentissage-hero{padding:80px 20px 60px}
.hero-titre-principal{font-size:2.2rem}
.hero-sous-titre{font-size:1.1rem}
.hero-meta-info{flex-direction:column;gap:16px}
.parcours-titre{font-size:2rem}
.parcours-etapes{grid-template-columns:1fr}
.methodes-wrapper{grid-template-columns:1fr;gap:40px}
.methodes-image-container img{height:320px}
.methodes-titre-principal{font-size:2.2rem}
.sessions-grid{grid-template-columns:1fr}
.competences-grid{grid-template-columns:1fr}
.competences-titre-principal{font-size:2.2rem}
.inscription-titre{font-size:2.2rem}
.inscription-actions{flex-direction:column;align-items:stretch}
.btn-inscription-primaire,.btn-inscription-secondaire{justify-content:center}
}
.cookie-policy-wrapper{background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);color:#f8f9fa;min-height:100vh}
.policy-hero-section{background:linear-gradient(180deg,#343a40 0%,#2c2c2c 100%);padding:4rem 2rem 3rem;border-bottom:3px solid #ED6D47;position:relative;overflow:hidden}
.policy-hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#3776ed26 0%,transparent 70%);border-radius:50%}
.policy-hero-section::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#ed6d471f 0%,transparent 70%);border-radius:50%}
.policy-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.policy-main-title{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:1.2rem;letter-spacing:-.02em;line-height:1.2}
.policy-main-title::before{content:'';display:inline-block;margin-right:1rem;filter:grayscale(20%)}
.policy-intro-text{font-size:1.15rem;color:#e9ecef;line-height:1.7;max-width:900px}
.policy-update-badge{display:inline-block;background:linear-gradient(90deg,#3776ED 0%,#ED6D47 100%);color:#fff;padding:.5rem 1.2rem;border-radius:30px;font-size:.9rem;font-weight:600;margin-top:1.5rem;letter-spacing:.02em}
.policy-content-container{max-width:100%;margin:0 auto;padding:0}
.policy-narrative-block{background:#2c2c2c;padding:4rem 5%;border-left:5px solid #3776ED;margin:0}
.policy-narrative-block:nth-child(even){background:#343a40;border-left-color:#ED6D47;border-right:5px solid #ED6D47;border-left:none}
.narrative-heading{font-size:2rem;color:#fff;margin-bottom:1.8rem;font-weight:600;position:relative;padding-left:2rem}
.narrative-heading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#ED6D47;border-radius:50%;box-shadow:0 0 15px #ed6d4799}
.policy-narrative-block:nth-child(even) .narrative-heading::before{background:#3776ED;box-shadow:0 0 15px #3776ed99}
.narrative-paragraph{font-size:1.05rem;color:#e9ecef;line-height:1.9;margin-bottom:1.8rem}
.narrative-paragraph:last-child{margin-bottom:0}
.tech-detail-list{list-style:none;padding:0;margin:2rem 0}
.tech-detail-item{background:#35353566;padding:1.5rem;margin-bottom:1rem;border-radius:8px;border-left:3px solid #3776ED;position:relative;overflow:hidden}
.tech-detail-item::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#3776ED 0%,#ED6D47 100%)}
.tech-term{color:#3776ED;font-weight:600;font-size:1.1rem;display:block;margin-bottom:.6rem}
.tech-explanation{color:#e9ecef;line-height:1.7;font-size:.98rem}
.philosophical-section{background:linear-gradient(135deg,#1a1a1a 0%,#353535 100%);padding:5rem 5%;position:relative}
.philosophical-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#ED6D47 50%,transparent 100%)}
.philosophy-title{font-size:2.2rem;color:#ED6D47;text-align:center;margin-bottom:3rem;font-weight:700;letter-spacing:-.01em}
.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto}
.philosophy-card{background:#2c2c2c99;padding:2rem;border-radius:12px;border:1px solid #3776ed33;transition:all .3s ease}
.philosophy-card:hover{border-color:#3776ED;box-shadow:0 8px 24px #3776ed33;transform:translateY(-4px)}
.card-icon{font-size:2.5rem;margin-bottom:1rem;display:block}
.card-title{font-size:1.3rem;color:#fff;margin-bottom:1rem;font-weight:600}
.card-description{color:#e9ecef;line-height:1.7;font-size:.95rem}
.control-mechanisms-section{background:#2c2c2c;padding:4rem 5%}
.mechanisms-title{font-size:2.1rem;color:#fff;margin-bottom:2.5rem;text-align:center;position:relative;padding-bottom:1rem}
.mechanisms-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:linear-gradient(90deg,#3776ED 0%,#ED6D47 100%);border-radius:2px}
.control-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1400px;margin:3rem auto 0}
.control-option-block{background:linear-gradient(135deg,#343a40 0%,#2c2c2c 100%);padding:2.5rem;border-radius:10px;position:relative;border:2px solid transparent;transition:all .3s ease}
.control-option-block:hover{border-color:#ED6D47;box-shadow:0 10px 30px #ed6d4733}
.control-option-block::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#3776ED 0%,#ED6D47 100%);border-radius:10px;z-index:-1;opacity:0;transition:opacity .3s ease}
.control-option-block:hover::before{opacity:.3}
.option-number{display:inline-block;width:45px;height:45px;background:#3776ED;color:#fff;border-radius:50%;text-align:center;line-height:45px;font-weight:700;font-size:1.2rem;margin-bottom:1.5rem}
.option-heading{font-size:1.4rem;color:#fff;margin-bottom:1.2rem;font-weight:600}
.option-text{color:#e9ecef;line-height:1.8;font-size:1rem}
.browser-list{list-style:none;padding:0;margin:1.5rem 0 0}
.browser-item{padding:.8rem 0;color:#f8f9fa;font-size:.95rem;position:relative;padding-left:1.8rem}
.browser-item::before{content:'→';position:absolute;left:0;color:#ED6D47;font-weight:700}
.temporal-context-section{background:#1a1a1a;padding:4rem 5%;position:relative}
.temporal-context-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#3776ED 50%,transparent 100%)}
.temporal-title{font-size:2rem;color:#3776ED;margin-bottom:2rem;font-weight:600;text-align:center}
.temporal-content{max-width:1000px;margin:0 auto}
.temporal-paragraph{color:#e9ecef;font-size:1.05rem;line-height:1.9;margin-bottom:1.8rem;text-align:left}
.emphasis-term{color:#ED6D47;font-weight:600;position:relative}
.emphasis-term::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#ed6d4766}
.data-flow-section{background:linear-gradient(180deg,#343a40 0%,#2c2c2c 100%);padding:5rem 5%}
.data-flow-title{font-size:2.3rem;color:#fff;margin-bottom:3rem;font-weight:700;text-align:center;letter-spacing:-.02em}
.flow-diagram{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}
.flow-stage{background:#35353580;padding:2rem;border-radius:10px;border-left:4px solid #3776ED;position:relative}
.flow-stage:nth-child(even){border-left-color:#ED6D47;margin-left:3rem}
.flow-stage:nth-child(odd){margin-right:3rem}
.stage-label{font-size:.85rem;color:#3776ED;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.8rem}
.flow-stage:nth-child(even) .stage-label{color:#ED6D47}
.stage-content{color:#f8f9fa;font-size:1.05rem;line-height:1.8}
.operational-reality-section{background:#2c2c2c;padding:4.5rem 5%}
.reality-intro{max-width:900px;margin:0 auto 3rem;text-align:center}
.reality-title{font-size:2.2rem;color:#ED6D47;margin-bottom:1.5rem;font-weight:700}
.reality-subtitle{font-size:1.1rem;color:#e9ecef;line-height:1.7}
.reality-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}
.matrix-cell{background:#1a1a1a99;padding:2rem;border-radius:8px;border:1px solid #3776ed4d}
.cell-header{font-size:1.2rem;color:#fff;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;gap:.8rem}
.cell-icon{color:#3776ED;font-size:1.5rem}
.cell-body{color:#e9ecef;line-height:1.7;font-size:.98rem}
.communication-alternative-section{background:linear-gradient(135deg,#1a1a1a 0%,#343a40 100%);padding:5rem 5%;position:relative}
.communication-alternative-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3776ED 0%,#ED6D47 100%)}
.alternative-content{max-width:1100px;margin:0 auto}
.alternative-heading{font-size:2.1rem;color:#fff;margin-bottom:2rem;font-weight:600;line-height:1.3}
.alternative-text{color:#e9ecef;font-size:1.08rem;line-height:1.9;margin-bottom:1.5rem}
.contact-info-embedded{background:#3776ed1a;padding:2rem;border-radius:10px;border:1px solid #3776ed4d;margin-top:2.5rem}
.embedded-detail{color:#f8f9fa;font-size:1rem;margin-bottom:.8rem;display:flex;align-items:center;gap:1rem}
.embedded-detail:last-child{margin-bottom:0}
.detail-icon{color:#ED6D47;font-size:1.2rem}
.detail-content{color:#e9ecef}
.detail-link{color:#3776ED;text-decoration:none;transition:color .3s ease}
.detail-link:hover{color:#ED6D47}
@media (max-width: 968px) {
.policy-main-title{font-size:2.2rem}
.policy-narrative-block{padding:3rem 4%}
.narrative-heading{font-size:1.6rem}
.philosophy-grid{grid-template-columns:1fr;gap:1.5rem}
.control-options-grid{grid-template-columns:1fr}
.flow-stage:nth-child(even),.flow-stage:nth-child(odd){margin-left:0;margin-right:0}
.reality-matrix{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.policy-hero-section{padding:3rem 1.5rem 2rem}
.policy-main-title{font-size:1.8rem}
.policy-intro-text{font-size:1rem}
.policy-narrative-block{padding:2rem 5%;border-left-width:3px}
.narrative-heading{font-size:1.4rem;padding-left:1.5rem}
.philosophy-title,.mechanisms-title,.data-flow-title,.reality-title,.alternative-heading{font-size:1.7rem}
.tech-detail-item{padding:1.2rem}
.philosophy-card,.control-option-block{padding:1.8rem}
}
.politique-confidentialite-wrapper{background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);color:#f8f9fa;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.7}
.politique-confidentialite-wrapper *{box-sizing:border-box}
.en-tete-politique{background:linear-gradient(160deg,#353535 0%,#2c2c2c 50%,#1a1a1a 100%);padding:4rem 0 3rem;position:relative;overflow:hidden}
.en-tete-politique::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#ed6d4726 0%,transparent 70%);border-radius:50%}
.en-tete-politique::after{content:'';position:absolute;bottom:-50px;left:-50px;width:300px;height:300px;background:radial-gradient(circle,#3776ed1a 0%,transparent 70%);border-radius:50%}
.conteneur-en-tete{max-width:1100px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}
.titre-principal-politique{font-size:3rem;font-weight:700;color:#fff;margin:0 0 1.5rem;letter-spacing:-.5px}
.titre-principal-politique::before{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 100%);margin-bottom:1.5rem;border-radius:3px}
.meta-info-politique{display:flex;gap:2rem;flex-wrap:wrap;font-size:.95rem;color:#e9ecef;margin-top:1.5rem}
.meta-info-politique span{display:flex;align-items:center;gap:.5rem}
.meta-info-politique span::before{content:'●';color:#ED6D47;font-size:.8rem}
.corps-politique-principale{max-width:1100px;margin:0 auto;padding:4rem 2rem 5rem}
.section-politique{margin-bottom:4rem;position:relative}
.section-politique:not(:last-child)::after{content:'';display:block;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#495057 50%,transparent 100%);margin-top:4rem}
.titre-section-politique{font-size:2rem;font-weight:600;color:#fff;margin:0 0 2rem;position:relative;padding-left:1.5rem}
.titre-section-politique::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#ED6D47 0%,#3776ED 100%);border-radius:3px}
.sous-titre-politique{font-size:1.5rem;font-weight:600;color:#ED6D47;margin:2.5rem 0 1.5rem;position:relative;padding-bottom:.5rem}
.sous-titre-politique::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:#3776ED;border-radius:2px}
.paragraphe-politique{font-size:1.05rem;color:#e9ecef;margin:0 0 1.5rem;line-height:1.8}
.paragraphe-politique strong{color:#fff;font-weight:600}
.paragraphe-politique em{color:#3776ED;font-style:normal}
.liste-politique{list-style:none;padding:0;margin:2rem 0}
.liste-politique li{padding:1rem 0 1rem 2.5rem;position:relative;font-size:1.05rem;color:#e9ecef;line-height:1.7}
.liste-politique li::before{content:'→';position:absolute;left:0;top:1rem;color:#ED6D47;font-size:1.3rem;font-weight:700}
.liste-politique li + li{border-top:1px solid #343a40}
.bloc-mise-en-avant{background:linear-gradient(135deg,#3776ed1a 0%,#ed6d470d 100%);border-left:4px solid #3776ED;padding:2rem 2.5rem;margin:2.5rem 0;border-radius:0 8px 8px 0;position:relative;overflow:hidden}
.bloc-mise-en-avant::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,#ed6d471a 0%,transparent 70%);border-radius:50%}
.bloc-mise-en-avant p{margin:0;font-size:1.1rem;color:#fff;line-height:1.8}
.grille-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2.5rem 0}
.carte-categorie{background:#2c2c2c;padding:2rem;border-radius:8px;border:1px solid #495057;transition:all .3s ease;position:relative;overflow:hidden}
.carte-categorie::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 100%);transform:scaleX(0);transition:transform .3s ease}
.carte-categorie:hover{border-color:#ED6D47;transform:translateY(-4px);box-shadow:0 8px 20px #ed6d4733}
.carte-categorie:hover::before{transform:scaleX(1)}
.carte-categorie h3{font-size:1.3rem;color:#fff;margin:0 0 1rem;font-weight:600}
.carte-categorie p{font-size:1rem;color:#e9ecef;margin:0;line-height:1.7}
.tableau-politique{width:100%;border-collapse:separate;border-spacing:0;margin:2.5rem 0;background:#2c2c2c;border-radius:8px;overflow:hidden;border:1px solid #495057}
.tableau-politique thead{background:linear-gradient(135deg,#353535 0%,#2c2c2c 100%)}
.tableau-politique th{padding:1.5rem;text-align:left;font-weight:600;color:#fff;font-size:1.1rem;border-bottom:2px solid #ED6D47}
.tableau-politique td{padding:1.5rem;color:#e9ecef;font-size:1rem;border-bottom:1px solid #343a40;line-height:1.7}
.tableau-politique tbody tr:last-child td{border-bottom:none}
.tableau-politique tbody tr{transition:background .2s ease}
.tableau-politique tbody tr:hover{background:#3776ed0d}
.section-contact-politique{background:linear-gradient(135deg,#2c2c2c 0%,#353535 100%);padding:3rem;border-radius:12px;margin-top:4rem;position:relative;overflow:hidden;border:1px solid #495057}
.section-contact-politique::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#3776ed26 0%,transparent 70%);border-radius:50%}
.section-contact-politique h2{font-size:2rem;color:#fff;margin:0 0 2rem;font-weight:600}
.info-contact-politique{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative;z-index:2}
.item-contact-politique{display:flex;flex-direction:column;gap:.5rem}
.item-contact-politique strong{color:#ED6D47;font-size:1.1rem;font-weight:600;display:block;margin-bottom:.5rem}
.item-contact-politique a{color:#3776ED;text-decoration:none;font-size:1.05rem;transition:color .3s ease}
.item-contact-politique a:hover{color:#ED6D47}
.item-contact-politique span{color:#e9ecef;font-size:1.05rem;line-height:1.6}
.ligne-separation{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#495057 50%,transparent 100%);margin:3rem 0}
.accent-texte{color:#ED6D47;font-weight:600}
.code-inline{background:#3776ed1a;color:#3776ED;padding:.2rem .6rem;border-radius:4px;font:.95em 'Courier New',monospace}
@media (max-width: 768px) {
.titre-principal-politique{font-size:2rem}
.titre-section-politique{font-size:1.6rem}
.sous-titre-politique{font-size:1.3rem}
.en-tete-politique{padding:3rem 0 2rem}
.corps-politique-principale{padding:2.5rem 1.5rem 3rem}
.meta-info-politique{flex-direction:column;gap:.8rem}
.grille-categories{grid-template-columns:1fr}
.tableau-politique{font-size:.9rem}
.tableau-politique th,.tableau-politique td{padding:1rem}
.section-contact-politique{padding:2rem 1.5rem}
.info-contact-politique{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.titre-principal-politique{font-size:1.75rem}
.conteneur-en-tete{padding:0 1.5rem}
.liste-politique li{padding-left:2rem}
.bloc-mise-en-avant{padding:1.5rem}
}
.success-page-wrapper{background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 100%);min-height:90vh;padding:0;position:relative;overflow:hidden}
.success-page-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ed6d4726 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success-page-wrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#3776ed1f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success-content-container{max-width:720px;margin:0 auto;padding:80px 20px;position:relative;z-index:2}
.success-icon-holder{width:120px;height:120px;margin:0 auto 40px;position:relative;display:flex;align-items:center;justify-content:center}
.success-icon-holder::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);border-radius:50%;opacity:.2;animation:pulse-ring 2s ease-out infinite}
@keyframes pulse-ring {
0%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.15}
100%{transform:scale(1.4);opacity:0}
}
.success-icon-holder::after{content:'';font-size:64px;color:#ED6D47;font-weight:700;position:relative;z-index:2;animation:check-appear .6s ease-out forwards;transform:scale(0)}
@keyframes check-appear {
0%{transform:scale(0) rotate(-45deg);opacity:0}
50%{transform:scale(1.1) rotate(5deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.success-main-heading{font-size:42px;font-weight:800;color:#f8f9fa;text-align:center;margin:0 0 24px;line-height:1.2;letter-spacing:-.5px}
.success-main-heading::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#ED6D47 0%,#3776ED 100%);margin:20px auto 0;border-radius:2px}
.success-description-block{background:#343a4066;border:1px solid #ed6d4733;border-radius:12px;padding:32px;margin:0 0 40px;backdrop-filter:blur(10px)}
.success-description-block p{font-size:18px;line-height:1.7;color:#e9ecef;margin:0 0 16px}
.success-description-block p:last-child{margin-bottom:0}
.success-timeline-wrapper{margin:48px 0;padding:0}
.success-timeline-item{display:flex;gap:24px;margin-bottom:32px;position:relative;align-items:flex-start}
.success-timeline-item:last-child{margin-bottom:0}
.timeline-number-box{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;position:relative;z-index:1;box-shadow:0 4px 12px #ed6d474d}
.timeline-text-content{flex:1;padding-top:4px}
.timeline-text-content h3{font-size:20px;font-weight:700;color:#f8f9fa;margin:0 0 8px;line-height:1.3}
.timeline-text-content p{font-size:16px;line-height:1.6;color:#e9ecef;margin:0}
.success-info-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:40px 0}
.info-card-item{background:#343a4080;border-left:4px solid #ED6D47;border-radius:8px;padding:24px;transition:all .3s ease}
.info-card-item:nth-child(2){border-left-color:#3776ED}
.info-card-item:hover{background:#343a40b3;transform:translateX(4px)}
.info-card-item h4{font-size:18px;font-weight:700;color:#f8f9fa;margin:0 0 12px}
.info-card-item p{font-size:15px;line-height:1.6;color:#e9ecef;margin:0}
.success-actions-row{display:flex;flex-direction:column;gap:16px;margin:48px 0 0;align-items:center}
.action-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ED6D47 0%,#3776ED 100%);color:#fff;font-size:17px;font-weight:700;padding:16px 40px;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #ed6d4766;border:none;cursor:pointer;position:relative;z-index:3}
.action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed6d4780}
.action-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;color:#f8f9fa;font-size:16px;font-weight:600;padding:14px 32px;border-radius:8px;text-decoration:none;transition:all .3s ease;border:2px solid #f8f9fa4d;position:relative;z-index:3}
.action-btn-secondary:hover{border-color:#3776ED;background:#3776ed1a}
.success-contact-footer{text-align:center;margin-top:56px;padding-top:32px;border-top:1px solid #f8f9fa1a}
.success-contact-footer p{font-size:15px;color:#e9ecef;margin:0 0 16px;line-height:1.6}
.contact-link-inline{color:#ED6D47;text-decoration:none;font-weight:600;transition:color .3s ease}
.contact-link-inline:hover{color:#3776ED}
@media (max-width: 768px) {
.success-content-container{padding:60px 16px}
.success-icon-holder{width:100px;height:100px;margin-bottom:32px}
.success-icon-holder::after{font-size:52px}
.success-main-heading{font-size:32px;margin-bottom:20px}
.success-description-block{padding:24px 20px;margin-bottom:32px}
.success-description-block p{font-size:16px}
.success-timeline-wrapper{margin:32px 0}
.success-timeline-item{gap:16px;margin-bottom:24px}
.timeline-number-box{width:40px;height:40px;min-width:40px;font-size:18px}
.timeline-text-content h3{font-size:18px}
.timeline-text-content p{font-size:15px}
.action-btn-primary{width:100%;padding:14px 32px;font-size:16px}
.action-btn-secondary{width:100%;padding:12px 28px;font-size:15px}
.success-actions-row{margin-top:40px}
.success-contact-footer{margin-top:48px;padding-top:28px}
}
@media (min-width: 769px) {
.success-actions-row{flex-direction:row;justify-content:center}
.info-card-item:nth-child(1){animation:slide-in-left .6s ease-out forwards}
.info-card-item:nth-child(2){animation:slide-in-right .6s ease-out forwards}
@keyframes slide-in-left {
from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes slide-in-right {
from{opacity:0;transform:translateX(20px)}
to{opacity:1;transform:translateX(0)}
}
}