*{margin:0;padding:0;box-sizing:border-box}
:root{--color-primary:#A8B6AF;--color-secondary:#B7CDC6;--color-tertiary:#E6EEED;--color-text-dark:#212529;--color-text-medium:#495057;--color-bg-light:#fafbfc;--color-bg-white:#fff;--color-border:#dee2e6}
body{color:var(--color-text-dark);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--color-bg-light)}
.hdr_wrapper_3k7{background:linear-gradient(135deg,#E6EEED 0%,#B7CDC6 100%);position:relative;width:100%;overflow:hidden}
.hdr_row_top_9m2{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2.5rem;padding:1.8rem 5%;max-width:1400px;margin:0 auto;position:relative;z-index:3}
.logo_container_5xq{display:flex;align-items:center;justify-content:center;position:relative;z-index:10}
.logo_container_5xq img{height:85px;width:85px;object-fit:contain;display:block}
.company_brand_7rt{font-size:2.1rem;font-weight:300;color:var(--color-text-dark);letter-spacing:-.5px;opacity:.4;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1;pointer-events:none}
.hdr_contact_8wn{display:flex;align-items:center;gap:.8rem;font-size:.95rem;color:var(--color-text-medium);background:#fff9;padding:.7rem 1.4rem;border-radius:50px;backdrop-filter:blur(4px)}
.hdr_row_nav_4pl{background:#a8b6af40;padding:0;position:relative;z-index:5}
.nav_main_container_6bz{max-width:1400px;margin:0 auto;padding:0 5%}
.nav_main_2ks{display:flex;justify-content:center;align-items:center;gap:.2rem;list-style:none;flex-wrap:wrap}
.nav_main_2ks li{margin:0}
.nav_main_2ks a{display:block;padding:1.15rem 1.8rem;color:var(--color-text-dark);text-decoration:none;font-size:1.05rem;font-weight:500;transition:background-color .25s ease,color .25s ease;border-radius:4px}
.nav_main_2ks a:hover{color:#495057;background:#ffffff80}
.nav_main_2ks a:focus{outline:2px solid var(--color-text-dark);outline-offset:2px}
.ftr_wrapper_1hn{background:linear-gradient(180deg,#A8B6AF 0%,#B7CDC6 50%,#E6EEED 100%);padding:3.5rem 5% 2rem;margin-top:4rem}
.ftr_grid_8cv{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem;max-width:1400px;margin:0 auto 3rem}
.ftr_column_5nw{display:flex;flex-direction:column;gap:1rem}
.ftr_column_5nw h3{font-size:1.15rem;font-weight:600;color:var(--color-text-dark);margin-bottom:.5rem}
.ftr_column_5nw p,.ftr_column_5nw a{font-size:.95rem;color:var(--color-text-medium);line-height:1.65;text-decoration:none;transition:color .25s ease}
.ftr_column_5nw a:hover{color:var(--color-text-dark)}
.ftr_column_5nw a:focus{outline:2px solid var(--color-text-dark);outline-offset:2px}
.ftr_logo_area_9jx{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.ftr_logo_area_9jx img{height:65px;width:65px;object-fit:contain}
.ftr_links_list_3kp{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.ftr_bottom_7mq{border-top:1px solid #49505726;padding-top:2rem;text-align:center;color:var(--color-text-medium);font-size:.9rem;max-width:1400px;margin:0 auto}
.cookie_overlay_4rz{position:fixed;bottom:20px;left:20px;right:20px;max-width:580px;background:var(--color-bg-white);border-radius:12px;box-shadow:0 8px 30px #00000026;padding:2rem;z-index:9999;border:1px solid var(--color-border);display:none}
.cookie_overlay_4rz.active_state{display:block}
.cookie_title_8xt{font-size:1.3rem;font-weight:600;color:var(--color-text-dark);margin-bottom:1rem}
.cookie_description_2vn{font-size:.95rem;color:var(--color-text-medium);line-height:1.6;margin-bottom:1.5rem}
.cookie_description_2vn a{color:var(--color-primary);text-decoration:underline;transition:color .2s ease}
.cookie_description_2vn a:hover{color:#8a9891}
.cookie_actions_6bp{display:flex;gap:1rem;flex-wrap:wrap}
.cookie_btn_accept_9kl,.cookie_btn_reject_7wm{padding:.8rem 1.8rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .25s ease,opacity .25s ease;min-width:140px}
.cookie_btn_accept_9kl{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-dark)}
.cookie_btn_accept_9kl:hover{opacity:.85}
.cookie_btn_reject_7wm{background:var(--color-tertiary);color:var(--color-text-medium)}
.cookie_btn_reject_7wm:hover{background:#d0d9d7}
.cookie_btn_accept_9kl:focus,.cookie_btn_reject_7wm:focus{outline:2px solid var(--color-text-dark);outline-offset:2px}
@media (max-width: 768px) {
.hdr_row_top_9m2{grid-template-columns:1fr;gap:1.5rem;text-align:center;padding:1.5rem 4%}
.logo_container_5xq img{height:70px;width:70px}
.company_brand_7rt{font-size:1.5rem;position:static;transform:none;margin:.5rem 0;opacity:.5}
.hdr_contact_8wn{justify-content:center}
.nav_main_2ks{flex-direction:column;gap:0}
.nav_main_2ks a{padding:1rem;width:100%;text-align:center}
.ftr_grid_8cv{grid-template-columns:1fr;gap:2rem}
.cookie_overlay_4rz{left:15px;right:15px;bottom:15px;padding:1.5rem}
.cookie_actions_6bp{flex-direction:column}
.cookie_btn_accept_9kl,.cookie_btn_reject_7wm{width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hdr_row_top_9m2{gap:1.5rem;padding:1.5rem 4%}
.logo_container_5xq img{height:75px;width:75px}
.company_brand_7rt{font-size:1.8rem}
.nav_main_2ks a{padding:1rem 1.3rem;font-size:1rem}
}
.programme-apprentissage-main{background:#fff;min-height:100vh}
.intro-formation-block{background:linear-gradient(135deg,#E6EEED 0%,#B7CDC6 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.intro-formation-block::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:#a8b6af33;border-radius:50%}
.intro-formation-content{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.intro-formation-content h1{font-size:2.8rem;color:#212529;margin-bottom:25px;font-weight:700;line-height:1.2}
.intro-formation-content .sous-titre-intro{font-size:1.25rem;color:#495057;line-height:1.7;max-width:750px}
.parcours-detaille-section{padding:70px 20px;background:#f8f9fa}
.parcours-detaille-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.parcours-texte-zone h2{font-size:2.2rem;color:#212529;margin-bottom:30px;font-weight:700}
.parcours-texte-zone p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:20px}
.parcours-image-zone img{width:100%;height:450px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001f}
.methodes-pedagogiques-bloc{padding:80px 20px;background:#fff;position:relative}
.methodes-pedagogiques-container{max-width:1100px;margin:0 auto}
.methodes-pedagogiques-container h2{font-size:2.3rem;color:#212529;text-align:center;margin-bottom:55px;font-weight:700}
.grille-methodes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.carte-methode{background:#fafbfc;padding:35px 28px;border-radius:10px;border:2px solid #E6EEED;transition:all .3s ease}
.carte-methode:hover{transform:translateY(-5px);box-shadow:0 12px 28px #a8b6af33;border-color:#A8B6AF}
.carte-methode h3{font-size:1.4rem;color:#212529;margin-bottom:15px;font-weight:600}
.carte-methode p{font-size:1rem;color:#495057;line-height:1.7}
.tarifs-programmes-section{padding:75px 20px;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}
.tarifs-programmes-contenu{max-width:1150px;margin:0 auto}
.tarifs-programmes-contenu h2{font-size:2.4rem;color:#212529;text-align:center;margin-bottom:50px;font-weight:700}
.grille-tarifs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.carte-tarif{background:#fff;border:3px solid #E6EEED;border-radius:14px;padding:45px 35px;text-align:center;transition:all .3s ease;position:relative}
.carte-tarif.populaire{border-color:#A8B6AF;box-shadow:0 10px 30px #a8b6af40}
.carte-tarif.populaire::before{content:'Le plus choisi';position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#A8B6AF;color:#fff;padding:6px 20px;border-radius:20px;font-size:.85rem;font-weight:600}
.carte-tarif:hover{transform:translateY(-8px);box-shadow:0 15px 35px #a8b6af33}
.carte-tarif h3{font-size:1.6rem;color:#212529;margin-bottom:20px;font-weight:700}
.prix-affichage{font-size:3rem;color:#A8B6AF;font-weight:700;margin-bottom:10px}
.prix-affichage span{font-size:1.1rem;color:#495057;font-weight:400}
.duree-programme{font-size:1rem;color:#495057;margin-bottom:30px}
.liste-inclusions{list-style:none;padding:0;margin:30px 0;text-align:left}
.liste-inclusions li{font-size:1rem;color:#495057;padding:12px 0;border-bottom:1px solid #E6EEED;position:relative;padding-left:30px}
.liste-inclusions li::before{content:'';position:absolute;left:0;color:#A8B6AF;font-weight:700;font-size:1.2rem}
.btn-inscription-tarif{display:inline-block;background:#A8B6AF;color:#fff;padding:14px 40px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:20px;transition:all .3s ease;border:none;cursor:pointer;font-size:1.05rem}
.btn-inscription-tarif:hover{background:#8a9b94;transform:scale(1.05);box-shadow:0 6px 20px #a8b6af4d}
.calendrier-sessions-bloc{padding:70px 20px;background:#fff}
.calendrier-sessions-wrapper{max-width:950px;margin:0 auto}
.calendrier-sessions-wrapper h2{font-size:2.3rem;color:#212529;margin-bottom:45px;font-weight:700;text-align:center}
.tableau-sessions{width:100%;border-collapse:separate;border-spacing:0;border:2px solid #E6EEED;border-radius:10px;overflow:hidden}
.tableau-sessions thead{background:linear-gradient(135deg,#B7CDC6 0%,#A8B6AF 100%)}
.tableau-sessions th{padding:18px 20px;color:#fff;font-weight:600;text-align:left;font-size:1.05rem}
.tableau-sessions tbody tr{border-bottom:1px solid #E6EEED;transition:background .3s ease}
.tableau-sessions tbody tr:hover{background:#fafbfc}
.tableau-sessions tbody tr:last-child{border-bottom:none}
.tableau-sessions td{padding:18px 20px;color:#495057;font-size:1rem}
.places-disponibles{display:inline-block;background:#E6EEED;color:#495057;padding:5px 12px;border-radius:6px;font-size:.9rem;font-weight:600}
.places-limitees{background:#A8B6AF;color:#fff}
.fonctionnement-demarche-section{padding:75px 20px;background:#f8f9fa;position:relative}
.fonctionnement-demarche-contenu{max-width:1100px;margin:0 auto;display:flex;gap:60px;align-items:center}
.fonctionnement-visuel{flex:1}
.fonctionnement-visuel img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #00000026}
.fonctionnement-texte{flex:1}
.fonctionnement-texte h2{font-size:2.3rem;color:#212529;margin-bottom:35px;font-weight:700}
.etapes-liste{list-style:none;padding:0;margin:0}
.etape-item{display:flex;gap:20px;margin-bottom:30px;align-items:start}
.numero-etape{background:#A8B6AF;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}
.etape-contenu h3{font-size:1.3rem;color:#212529;margin-bottom:8px;font-weight:600}
.etape-contenu p{font-size:1rem;color:#495057;line-height:1.7}
.lien-decouverte{display:inline-block;margin-top:25px;color:#A8B6AF;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease}
.lien-decouverte:hover{color:#8a9b94;transform:translateX(5px)}
.contact-informations-finales{padding:70px 20px;background:linear-gradient(135deg,#E6EEED 0%,#fff 100%);text-align:center}
.contact-informations-wrapper{max-width:850px;margin:0 auto}
.contact-informations-wrapper h2{font-size:2.2rem;color:#212529;margin-bottom:30px;font-weight:700}
.contact-informations-wrapper p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:35px}
.details-contact-grille{display:flex;justify-content:center;gap:45px;margin-bottom:40px;flex-wrap:wrap}
.info-contact-item{font-size:1rem;color:#495057}
.info-contact-item strong{display:block;color:#212529;margin-bottom:5px;font-size:1.05rem}
.boutons-actions-contact{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn-contact-principal{background:#A8B6AF;color:#fff;padding:15px 45px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;font-size:1.05rem}
.btn-contact-principal:hover{background:#8a9b94;transform:translateY(-3px);box-shadow:0 8px 20px #a8b6af4d}
.btn-contact-secondaire{background:none;color:#A8B6AF;padding:15px 45px;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid #A8B6AF;transition:all .3s ease;display:inline-block;font-size:1.05rem}
.btn-contact-secondaire:hover{background:#A8B6AF;color:#fff;transform:translateY(-3px)}
@media (max-width: 768px) {
.intro-formation-content h1{font-size:2rem}
.parcours-detaille-wrapper{grid-template-columns:1fr;gap:35px}
.parcours-image-zone img{height:320px}
.grille-methodes{grid-template-columns:1fr;gap:25px}
.grille-tarifs{grid-template-columns:1fr}
.fonctionnement-demarche-contenu{flex-direction:column;gap:40px}
.fonctionnement-visuel img{height:350px}
.tableau-sessions{font-size:.9rem}
.tableau-sessions th,.tableau-sessions td{padding:12px 10px}
.details-contact-grille{flex-direction:column;gap:25px}
.boutons-actions-contact{flex-direction:column}
}
@media (max-width: 480px) {
.intro-formation-block{padding:50px 15px 40px}
.intro-formation-content h1{font-size:1.6rem}
.parcours-detaille-section{padding:50px 15px}
.methodes-pedagogiques-bloc{padding:50px 15px}
.tarifs-programmes-section{padding:50px 15px}
.calendrier-sessions-bloc{padding:50px 15px}
.fonctionnement-demarche-section{padding:50px 15px}
.contact-informations-finales{padding:50px 15px}
}
.how-it-page-wrapper{background:#fff;min-height:100vh}
.how-it-intro-section{padding:80px 20px 60px;background:linear-gradient(135deg,#E6EEED 0%,#fff 100%);position:relative;overflow:hidden}
.how-it-intro-section::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:#B7CDC6;opacity:.15;border-radius:50%}
.how-it-intro-container{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.how-it-intro-content{max-width:720px}
.how-it-intro-content h1{font-size:2.8rem;color:#212529;margin-bottom:24px;font-weight:700;line-height:1.2}
.how-it-intro-content p{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:18px}
.how-it-steps-block{padding:90px 20px;background:#fff}
.how-it-steps-wrapper{max-width:1140px;margin:0 auto}
.how-it-steps-header{text-align:center;margin-bottom:70px}
.how-it-steps-header h2{font-size:2.4rem;color:#212529;margin-bottom:20px;font-weight:700}
.how-it-steps-header p{font-size:1.1rem;color:#495057;max-width:680px;margin:0 auto;line-height:1.6}
.how-it-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-top:50px}
.how-it-single-step{position:relative;padding:35px 30px;background:#fafbfc;border-radius:8px;border-left:5px solid #A8B6AF;transition:all .3s ease}
.how-it-single-step:hover{transform:translateY(-8px);box-shadow:0 12px 28px #a8b6af33;border-left-color:#B7CDC6}
.how-it-step-number{position:absolute;top:-20px;left:30px;width:50px;height:50px;background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #a8b6af4d}
.how-it-single-step h3{font-size:1.5rem;color:#212529;margin-bottom:16px;margin-top:20px;font-weight:600}
.how-it-single-step p{font-size:1rem;color:#495057;line-height:1.65;margin-bottom:0}
.how-it-visual-section{padding:80px 20px;background:linear-gradient(180deg,#E6EEED 0%,#fff 100%)}
.how-it-visual-container{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.how-it-visual-text h2{font-size:2.2rem;color:#212529;margin-bottom:28px;font-weight:700;line-height:1.25}
.how-it-visual-text p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:20px}
.how-it-visual-list{list-style:none;padding:0;margin:30px 0 0}
.how-it-visual-list li{padding-left:35px;position:relative;margin-bottom:18px;font-size:1.05rem;color:#343a40;line-height:1.6}
.how-it-visual-list li::before{content:'';position:absolute;left:0;top:2px;color:#A8B6AF;font-weight:700;font-size:1.3rem}
.how-it-visual-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.how-it-visual-image img{width:100%;height:auto;display:block;min-height:380px;object-fit:cover}
.how-it-practice-zone{padding:90px 20px;background:#fff;position:relative}
.how-it-practice-zone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#A8B6AF 0%,#B7CDC6 50%,#E6EEED 100%)}
.how-it-practice-container{max-width:1140px;margin:0 auto}
.how-it-practice-split{display:grid;grid-template-columns:45% 55%;gap:70px;align-items:start}
.how-it-practice-image-block{position:relative}
.how-it-practice-image-block img{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px #00000026;display:block;min-height:420px;object-fit:cover}
.how-it-practice-content h2{font-size:2.3rem;color:#212529;margin-bottom:26px;font-weight:700;line-height:1.3}
.how-it-practice-content p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:22px}
.how-it-practice-features{margin-top:40px;display:grid;gap:25px}
.how-it-single-feature{padding:25px;background:#f8f9fa;border-radius:8px;border:2px solid transparent;transition:all .3s ease}
.how-it-single-feature:hover{border-color:#B7CDC6;background:#fff;box-shadow:0 6px 18px #a8b6af26}
.how-it-single-feature h3{font-size:1.35rem;color:#212529;margin-bottom:12px;font-weight:600}
.how-it-single-feature p{font-size:1rem;color:#495057;line-height:1.65;margin-bottom:0}
.how-it-cta-button{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 100%);color:#fff;text-decoration:none;border-radius:6px;font-size:1.05rem;font-weight:600;margin-top:30px;transition:all .3s ease;box-shadow:0 4px 12px #a8b6af4d}
.how-it-cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #a8b6af66;color:#fff}
@media (max-width: 968px) {
.how-it-visual-container{grid-template-columns:1fr;gap:40px}
.how-it-practice-split{grid-template-columns:1fr;gap:40px}
.how-it-steps-grid{grid-template-columns:1fr;gap:60px}
.how-it-intro-content h1{font-size:2.2rem}
.how-it-steps-header h2,.how-it-visual-text h2,.how-it-practice-content h2{font-size:2rem}
}
@media (max-width: 640px) {
.how-it-intro-section{padding:60px 15px 40px}
.how-it-intro-content h1{font-size:1.9rem}
.how-it-steps-block,.how-it-visual-section,.how-it-practice-zone{padding:60px 15px}
.how-it-steps-header h2{font-size:1.75rem}
.how-it-single-step{padding:30px 20px}
.how-it-step-number{width:45px;height:45px;font-size:1.2rem;left:20px}
}
.methodes-hero-wrapper{background:linear-gradient(135deg,#E6EEED 0%,#B7CDC6 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.methodes-hero-wrapper::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:150%;background:#a8b6af26;transform:rotate(-15deg);border-radius:30% 70% 70% 30%}
.methodes-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.methodes-hero-content h1{font-size:2.8rem;color:#212529;margin-bottom:1.5rem;font-weight:700;line-height:1.2}
.methodes-hero-content p{font-size:1.15rem;color:#495057;line-height:1.7;max-width:720px}
.methodes-approche-section{background:#fff;padding:5rem 2rem}
.methodes-approche-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.methodes-approche-visual{position:relative}
.methodes-approche-visual img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 8px 25px #a8b6af4d}
.methodes-approche-text h2{font-size:2.3rem;color:#212529;margin-bottom:1.8rem;font-weight:700;line-height:1.3}
.methodes-approche-text p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:1.5rem}
.methodes-approche-highlight{background:linear-gradient(120deg,#E6EEED 0%,#B7CDC6 100%);padding:2rem;border-radius:8px;margin-top:2rem;border-left:4px solid #A8B6AF}
.methodes-approche-highlight p{margin-bottom:0;font-size:1.08rem;color:#343a40}
.methodes-pedagogie-wrapper{background:#f8f9fa;padding:5rem 2rem;position:relative}
.methodes-pedagogie-wrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#A8B6AF 0%,#B7CDC6 50%,#E6EEED 100%)}
.methodes-pedagogie-inner{max-width:1200px;margin:0 auto}
.methodes-pedagogie-inner h2{font-size:2.3rem;color:#212529;margin-bottom:3rem;text-align:center;font-weight:700}
.methodes-pedagogie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.methodes-pedagogie-card{background:#fff;padding:2.5rem 2rem;border-radius:10px;box-shadow:0 4px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #A8B6AF}
.methodes-pedagogie-card:hover{transform:translateY(-6px);box-shadow:0 8px 25px #a8b6af40}
.methodes-pedagogie-card h3{font-size:1.5rem;color:#212529;margin-bottom:1.2rem;font-weight:600}
.methodes-pedagogie-card p{font-size:1rem;color:#495057;line-height:1.7;margin-bottom:0}
.methodes-pedagogie-number{display:inline-block;width:50px;height:50px;background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 100%);color:#fff;border-radius:50%;text-align:center;line-height:50px;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem}
.methodes-pratique-section{background:#fff;padding:5rem 2rem;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);margin-top:-2rem}
.methodes-pratique-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}
.methodes-pratique-content h2{font-size:2.3rem;color:#212529;margin-bottom:2rem;font-weight:700;line-height:1.3}
.methodes-pratique-content p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:1.5rem}
.methodes-pratique-liste{list-style:none;padding:0;margin:2.5rem 0}
.methodes-pratique-liste li{padding:1rem 0 1rem 3rem;position:relative;font-size:1.05rem;color:#343a40;line-height:1.7;border-bottom:1px solid #E6EEED}
.methodes-pratique-liste li:last-child{border-bottom:none}
.methodes-pratique-liste li::before{content:'→';position:absolute;left:0;top:1rem;color:#A8B6AF;font-size:1.5rem;font-weight:700}
.methodes-pratique-image{position:relative}
.methodes-pratique-image img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #a8b6af4d}
.methodes-pratique-badge{position:absolute;bottom:2rem;right:2rem;background:#fff;padding:1.2rem 1.8rem;border-radius:8px;box-shadow:0 6px 20px #00000026}
.methodes-pratique-badge p{margin:0;font-size:.95rem;color:#A8B6AF;font-weight:600}
@media (max-width: 992px) {
.methodes-hero-content h1{font-size:2.2rem}
.methodes-approche-container{grid-template-columns:1fr;gap:3rem}
.methodes-approche-visual img{height:400px}
.methodes-pedagogie-grid{grid-template-columns:1fr;gap:2rem}
.methodes-pratique-layout{grid-template-columns:1fr;gap:3rem}
.methodes-pratique-image{order:-1}
.methodes-pratique-image img{height:380px}
}
@media (max-width: 768px) {
.methodes-hero-wrapper{padding:3rem 1.5rem 2.5rem}
.methodes-hero-content h1{font-size:1.9rem}
.methodes-hero-content p{font-size:1.05rem}
.methodes-approche-section{padding:3rem 1.5rem}
.methodes-approche-text h2{font-size:1.9rem}
.methodes-approche-visual img{height:320px}
.methodes-pedagogie-wrapper{padding:3rem 1.5rem}
.methodes-pedagogie-inner h2{font-size:1.9rem;margin-bottom:2rem}
.methodes-pratique-section{padding:3rem 1.5rem}
.methodes-pratique-content h2{font-size:1.9rem}
.methodes-pratique-image img{height:300px}
.methodes-pratique-badge{bottom:1rem;right:1rem;padding:.8rem 1.2rem}
}
.page-index-finances{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:#212529;line-height:1.6}
.hero-finance-splash{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#E6EEED 0%,#B7CDC6 100%);overflow:hidden}
.hero-finance-splash::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;z-index:1;background:url(./media_assets/photo7.jpg) (cover) center}
.hero-finance-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 20px}
.hero-finance-content h1{font-size:3.2rem;font-weight:700;color:#2d3e36;margin-bottom:25px;line-height:1.2}
.hero-finance-content p{font-size:1.3rem;color:#495057;margin-bottom:35px;max-width:680px}
.hero-cta-button{display:inline-block;padding:18px 45px;background:#A8B6AF;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 12px #a8b6af4d}
.hero-cta-button:hover{background:#8fa096;transform:translateY(-2px);box-shadow:0 6px 20px #a8b6af66}
.mission-finance-block{background:#fff;padding:90px 20px}
.mission-inner-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.mission-text-area h2{font-size:2.4rem;color:#2d3e36;margin-bottom:20px;font-weight:700}
.mission-text-area p{font-size:1.1rem;color:#495057;margin-bottom:18px}
.mission-img-container{border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000014}
.mission-img-container img{width:100%;height:420px;object-fit:cover;display:block}
.principles-diagonal-section{background:linear-gradient(165deg,#f8f9fa 0%,#E6EEED 100%);padding:85px 20px;position:relative}
.principles-diagonal-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:#fff;clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}
.principles-container{max-width:1150px;margin:0 auto;position:relative;z-index:2}
.principles-container h2{font-size:2.6rem;color:#2d3e36;text-align:center;margin-bottom:55px;font-weight:700}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.principle-card{background:#fff;padding:35px;border-radius:10px;box-shadow:0 4px 16px #0000000f;transition:transform .3s ease,box-shadow .3s ease}
.principle-card:hover{transform:translateY(-5px);box-shadow:0 8px 28px #0000001f}
.principle-card h3{font-size:1.5rem;color:#A8B6AF;margin-bottom:15px;font-weight:600}
.principle-card p{font-size:1.05rem;color:#495057;line-height:1.7}
.journey-timeline-section{background:#fff;padding:95px 20px 110px}
.timeline-wrapper{max-width:900px;margin:0 auto}
.timeline-wrapper h2{font-size:2.5rem;color:#2d3e36;text-align:center;margin-bottom:65px;font-weight:700}
.timeline-track{position:relative;padding-left:70px}
.timeline-track::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#A8B6AF 0%,#B7CDC6 100%)}
.timeline-item{position:relative;margin-bottom:50px;padding-left:20px}
.timeline-marker{position:absolute;left:-58px;top:5px;width:18px;height:18px;background:#A8B6AF;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #B7CDC6}
.timeline-content h3{font-size:1.4rem;color:#2d3e36;margin-bottom:10px;font-weight:600}
.timeline-date{font-size:.95rem;color:#A8B6AF;font-weight:600;margin-bottom:12px;display:block}
.timeline-content p{font-size:1.05rem;color:#495057;line-height:1.7}
.approach-split-view{background:linear-gradient(90deg,#B7CDC6 0%,#E6EEED 100%);padding:90px 20px}
.approach-flex-container{max-width:1200px;margin:0 auto;display:flex;gap:50px;align-items:stretch}
.approach-image-side{flex:1;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000026}
.approach-image-side img{width:100%;height:100%;min-height:500px;object-fit:cover;display:block}
.approach-content-side{flex:1;background:#fff;padding:45px;border-radius:12px;box-shadow:0 6px 20px #00000014}
.approach-content-side h2{font-size:2.3rem;color:#2d3e36;margin-bottom:25px;font-weight:700}
.approach-content-side p{font-size:1.1rem;color:#495057;margin-bottom:20px;line-height:1.7}
.approach-list{list-style:none;padding:0;margin:25px 0}
.approach-list li{font-size:1.05rem;color:#495057;padding-left:30px;margin-bottom:15px;position:relative}
.approach-list li::before{content:'';position:absolute;left:0;color:#A8B6AF;font-weight:700;font-size:1.3rem}
.modules-masonry-section{background:#f8f9fa;padding:90px 20px}
.modules-container{max-width:1150px;margin:0 auto}
.modules-container h2{font-size:2.5rem;color:#2d3e36;text-align:center;margin-bottom:60px;font-weight:700}
.masonry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.module-card{background:#fff;padding:35px;border-radius:10px;border-left:5px solid #A8B6AF;box-shadow:0 4px 14px #00000012;transition:all .3s ease}
.module-card:hover{border-left-color:#8fa096;box-shadow:0 6px 22px #0000001f;transform:translateX(5px)}
.module-card h3{font-size:1.6rem;color:#2d3e36;margin-bottom:15px;font-weight:600}
.module-card p{font-size:1.05rem;color:#495057;line-height:1.7}
.realistic-outcomes-section{background:#fff;padding:90px 20px}
.outcomes-wrapper{max-width:1100px;margin:0 auto}
.outcomes-wrapper h2{font-size:2.4rem;color:#2d3e36;margin-bottom:40px;font-weight:700}
.outcomes-flex{display:flex;gap:45px;align-items:center}
.outcomes-image-part{flex:0 0 420px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a}
.outcomes-image-part img{width:100%;height:480px;object-fit:cover;display:block}
.outcomes-text-part{flex:1}
.outcomes-text-part p{font-size:1.1rem;color:#495057;margin-bottom:22px;line-height:1.7}
.outcomes-note{background:#E6EEED;padding:25px;border-radius:8px;margin-top:30px;border-left:4px solid #A8B6AF}
.outcomes-note p{font-size:1.05rem;color:#343a40;margin:0;font-style:italic}
.final-invitation-section{background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 50%,#E6EEED 100%);padding:100px 20px;text-align:center}
.invitation-content-box{max-width:800px;margin:0 auto;background:#fffffff2;padding:60px 50px;border-radius:16px;box-shadow:0 12px 40px #00000026}
.invitation-content-box h2{font-size:2.6rem;color:#2d3e36;margin-bottom:25px;font-weight:700}
.invitation-content-box p{font-size:1.2rem;color:#495057;margin-bottom:35px;line-height:1.7}
.invitation-cta-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-primary-btn,.cta-secondary-btn{padding:16px 40px;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-block}
.cta-primary-btn{background:#A8B6AF;color:#fff;box-shadow:0 4px 12px #a8b6af4d}
.cta-primary-btn:hover{background:#8fa096;transform:translateY(-2px);box-shadow:0 6px 20px #a8b6af66}
.cta-secondary-btn{background:none;color:#2d3e36;border:2px solid #A8B6AF}
.cta-secondary-btn:hover{background:#A8B6AF;color:#fff}
@media (max-width: 968px) {
.hero-finance-content h1{font-size:2.4rem}
.mission-inner-wrap{grid-template-columns:1fr;gap:40px}
.principles-grid{grid-template-columns:1fr;gap:25px}
.timeline-track{padding-left:50px}
.timeline-marker{left:-48px}
.approach-flex-container{flex-direction:column}
.approach-image-side img{min-height:350px}
.outcomes-flex{flex-direction:column}
.outcomes-image-part{flex:0 0 auto;width:100%}
.invitation-content-box{padding:45px 30px}
.invitation-cta-group{flex-direction:column;align-items:center}
.cta-primary-btn,.cta-secondary-btn{width:100%;max-width:320px}
}
@media (max-width: 640px) {
.hero-finance-content h1{font-size:1.9rem}
.hero-finance-content p{font-size:1.1rem}
.mission-text-area h2{font-size:1.9rem}
.principles-container h2{font-size:2rem}
.timeline-wrapper h2{font-size:2rem}
.approach-content-side{padding:30px}
.approach-content-side h2{font-size:1.9rem}
.modules-container h2{font-size:2rem}
.outcomes-wrapper h2{font-size:1.9rem}
.invitation-content-box h2{font-size:2rem}
}
.contact-page-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);min-height:100vh}
.contact-hero-section{background:linear-gradient(to bottom right,#E6EEED 0%,#B7CDC6 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.contact-hero-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a8b6af33 0%,transparent 70%);border-radius:50%}
.contact-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}
.contact-hero-content h1{font-size:2.8rem;color:#212529;margin-bottom:20px;font-weight:700;line-height:1.2}
.contact-hero-content .subtitle-text{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:15px}
.contact-main-container{max-width:1200px;margin:-40px auto 0;padding:0 20px 80px;position:relative;z-index:3}
.contact-grid-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-bottom:60px}
.contact-info-card{background:#fff;border-radius:12px;padding:40px 35px;box-shadow:0 4px 20px #00000014;border-left:5px solid #A8B6AF}
.contact-info-card h2{font-size:1.8rem;color:#212529;margin-bottom:25px;font-weight:600}
.info-item-block{margin-bottom:28px;padding-left:15px;border-left:3px solid #E6EEED}
.info-item-block h3{font-size:.95rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}
.info-item-block p{font-size:1.05rem;color:#212529;line-height:1.6;margin:0}
.info-item-block a{color:#495057;text-decoration:none;transition:color .3s ease}
.info-item-block a:hover{color:#A8B6AF}
.contact-form-card{background:#fff;border-radius:12px;padding:45px 40px;box-shadow:0 4px 20px #00000014}
.contact-form-card h2{font-size:1.8rem;color:#212529;margin-bottom:30px;font-weight:600}
.form-group-custom{margin-bottom:25px}
.form-group-custom label{display:block;font-size:.95rem;color:#495057;margin-bottom:8px;font-weight:500}
.form-group-custom input,.form-group-custom textarea{width:100%;padding:14px 16px;border:2px solid #E6EEED;border-radius:8px;font-size:1rem;color:#212529;transition:all .3s ease;background:#fafbfc;font-family:inherit}
.form-group-custom input:focus,.form-group-custom textarea:focus{outline:none;border-color:#A8B6AF;background:#fff;box-shadow:0 0 0 3px #a8b6af1a}
.form-group-custom textarea{min-height:140px;resize:vertical}
.privacy-consent-wrapper{margin:25px 0;display:flex;align-items:flex-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:#495057;line-height:1.5;cursor:pointer}
.privacy-consent-wrapper a{color:#A8B6AF;text-decoration:underline}
.privacy-consent-wrapper a:hover{color:#8a9d94}
.submit-button-custom{width:100%;padding:16px 32px;background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #a8b6af4d;position:relative;z-index:10}
.submit-button-custom:hover{transform:translateY(-2px);box-shadow:0 6px 18px #a8b6af66;background:linear-gradient(135deg,#97a5a0 0%,#a6bdb5 100%)}
.submit-button-custom:active{transform:translateY(0)}
.visual-section-wrapper{background:#fff;border-radius:12px;padding:50px 40px;box-shadow:0 4px 20px #00000014;margin-bottom:60px}
.visual-section-wrapper h2{font-size:2rem;color:#212529;margin-bottom:20px;text-align:center;font-weight:600}
.visual-section-wrapper .intro-text{font-size:1.05rem;color:#495057;line-height:1.7;text-align:center;max-width:700px;margin:0 auto 40px}
.image-content-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.image-wrapper-custom{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #0000001f}
.image-wrapper-custom img{width:100%;height:auto;display:block;object-fit:cover}
.text-content-block{padding-left:20px}
.text-content-block h3{font-size:1.6rem;color:#212529;margin-bottom:18px;font-weight:600}
.text-content-block p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:16px}
.features-highlight-section{background:linear-gradient(to right,#E6EEED 0%,#B7CDC6 100%);border-radius:12px;padding:60px 40px;margin-bottom:60px}
.features-highlight-section h2{font-size:2rem;color:#212529;margin-bottom:45px;text-align:center;font-weight:600}
.features-grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.feature-card-item{background:#fff;border-radius:10px;padding:35px 28px;text-align:center;transition:all .3s ease;border-top:4px solid #A8B6AF}
.feature-card-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}
.feature-icon-circle{width:70px;height:70px;background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem;color:#fff}
.feature-card-item h3{font-size:1.3rem;color:#212529;margin-bottom:12px;font-weight:600}
.feature-card-item p{font-size:.98rem;color:#495057;line-height:1.6;margin:0}
.opening-hours-section{background:#fff;border-radius:12px;padding:50px 40px;box-shadow:0 4px 20px #00000014;max-width:800px;margin:0 auto}
.opening-hours-section h2{font-size:2rem;color:#212529;margin-bottom:35px;text-align:center;font-weight:600}
.hours-table-wrapper{background:#fafbfc;border-radius:8px;padding:30px;border:2px solid #E6EEED}
.hours-row-item{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #E6EEED}
.hours-row-item:last-child{border-bottom:none}
.hours-row-item .day-label{font-size:1.05rem;color:#495057;font-weight:600}
.hours-row-item .time-label{font-size:1.05rem;color:#212529}
@media (max-width: 992px) {
.contact-grid-layout{grid-template-columns:1fr}
.image-content-split{grid-template-columns:1fr}
.text-content-block{padding-left:0}
.features-grid-three{grid-template-columns:1fr}
.contact-hero-content h1{font-size:2.2rem}
}
@media (max-width: 768px) {
.contact-hero-section{padding:60px 20px 50px}
.contact-hero-content h1{font-size:1.9rem}
.contact-hero-content .subtitle-text{font-size:1rem}
.contact-form-card,.contact-info-card,.visual-section-wrapper,.opening-hours-section{padding:35px 25px}
.contact-main-container{padding:0 15px 60px}
.features-highlight-section{padding:45px 25px}
}
.apropos-hero-principale{background:linear-gradient(165deg,#E6EEED 0%,#B7CDC6 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.apropos-hero-principale::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#a8b6af26;border-radius:50%;z-index:1}
.apropos-hero-principale .contenu-hero-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.apropos-hero-principale h1{font-size:3.2rem;color:#212529;font-weight:700;margin-bottom:24px;line-height:1.2}
.apropos-hero-principale .sous-titre-hero{font-size:1.3rem;color:#495057;max-width:680px;line-height:1.7;margin-bottom:0}
.section-valeurs-fondamentales{padding:90px 20px;background:#fff}
.section-valeurs-fondamentales .conteneur-valeurs{max-width:1200px;margin:0 auto}
.section-valeurs-fondamentales .titre-section-valeurs{font-size:2.5rem;color:#212529;margin-bottom:16px;font-weight:700;text-align:center}
.section-valeurs-fondamentales .description-valeurs{text-align:center;color:#495057;font-size:1.1rem;max-width:750px;margin:0 auto 60px;line-height:1.7}
.grille-valeurs-async{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.bloc-valeur-gauche{display:flex;flex-direction:column;gap:35px}
.bloc-valeur-droite{display:flex;flex-direction:column;gap:35px;padding-top:50px}
.carte-valeur-individuelle{background:#fafbfc;padding:35px;border-radius:8px;border-left:4px solid #A8B6AF;transition:transform .3s ease,box-shadow .3s ease}
.carte-valeur-individuelle:hover{transform:translateX(8px);box-shadow:0 8px 24px #a8b6af26}
.carte-valeur-individuelle h3{font-size:1.5rem;color:#212529;margin-bottom:14px;font-weight:600}
.carte-valeur-individuelle p{color:#495057;line-height:1.7;margin-bottom:16px;font-size:1.05rem}
.carte-valeur-individuelle .exemple-pratique{background:#fff;padding:18px;border-radius:6px;font-size:.95rem;color:#343a40;line-height:1.6;border:1px solid #E6EEED}
.section-histoire-parcours{padding:100px 20px;background:linear-gradient(to bottom,#f8f9fa 0%,#fff 100%);position:relative}
.section-histoire-parcours .conteneur-histoire{max-width:1400px;margin:0 auto}
.section-histoire-parcours .titre-histoire{font-size:2.6rem;color:#212529;margin-bottom:70px;font-weight:700;text-align:center}
.chronologie-parcours{position:relative;padding-left:0}
.etape-chronologie{display:grid;grid-template-columns:280px 1fr;gap:50px;margin-bottom:80px;align-items:start}
.etape-chronologie:nth-child(even){grid-template-columns:1fr 280px}
.etape-chronologie:nth-child(even) .contenu-etape{order:-1}
.image-etape-wrapper{position:relative}
.image-etape-wrapper img{width:100%;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 12px 28px #a8b6af33}
.badge-annee{position:absolute;top:-15px;left:-15px;background:#A8B6AF;color:#fff;padding:12px 22px;border-radius:50px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #a8b6af4d}
.contenu-etape{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 16px #0000000f;border-top:3px solid #B7CDC6}
.contenu-etape h3{font-size:1.7rem;color:#212529;margin-bottom:16px;font-weight:600}
.contenu-etape .description-etape{color:#495057;line-height:1.7;margin-bottom:18px;font-size:1.05rem}
.contenu-etape .lecon-apprise{background:#E6EEED;padding:20px;border-radius:8px;color:#343a40;font-size:.98rem;line-height:1.6;font-style:italic}
.section-philosophie-equipe{padding:90px 20px;background:#fff}
.section-philosophie-equipe .conteneur-philosophie{max-width:1200px;margin:0 auto}
.disposition-philosophie{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.contenu-philosophie h2{font-size:2.5rem;color:#212529;margin-bottom:24px;font-weight:700}
.contenu-philosophie .intro-philosophie{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:40px}
.liste-principes-equipe{display:flex;flex-direction:column;gap:28px}
.principe-item{display:flex;gap:20px;align-items:start}
.icone-principe{width:48px;height:48px;background:linear-gradient(135deg,#B7CDC6 0%,#A8B6AF 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.4rem;color:#fff;font-weight:700}
.principe-item h3{font-size:1.3rem;color:#212529;margin-bottom:8px;font-weight:600}
.principe-item p{color:#495057;line-height:1.6;font-size:1.02rem}
.visuel-philosophie img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #a8b6af40}
.section-engagement-client{padding:100px 20px;background:linear-gradient(135deg,#E6EEED 0%,#f8f9fa 100%);position:relative}
.section-engagement-client::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:4px;background:linear-gradient(to right,#A8B6AF 0%,#B7CDC6 50%,#A8B6AF 100%)}
.section-engagement-client .conteneur-engagement{max-width:1300px;margin:0 auto}
.section-engagement-client .titre-engagement{font-size:2.6rem;color:#212529;margin-bottom:20px;font-weight:700;text-align:center}
.section-engagement-client .sous-titre-engagement{text-align:center;color:#495057;font-size:1.1rem;max-width:700px;margin:0 auto 60px;line-height:1.7}
.grille-engagements{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.carte-engagement{background:#fff;padding:40px 32px;border-radius:12px;box-shadow:0 6px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #B7CDC6}
.carte-engagement:hover{transform:translateY(-8px);box-shadow:0 12px 32px #a8b6af33}
.carte-engagement h3{font-size:1.5rem;color:#212529;margin-bottom:16px;font-weight:600}
.carte-engagement p{color:#495057;line-height:1.7;font-size:1.03rem;margin-bottom:20px}
.carte-engagement .exemple-concret{background:#fafbfc;padding:16px;border-radius:6px;font-size:.94rem;color:#343a40;line-height:1.6;border-left:3px solid #A8B6AF}
@media (max-width: 968px) {
.apropos-hero-principale{padding:80px 20px 60px}
.apropos-hero-principale h1{font-size:2.4rem}
.apropos-hero-principale .sous-titre-hero{font-size:1.1rem}
.grille-valeurs-async{grid-template-columns:1fr;gap:30px}
.bloc-valeur-droite{padding-top:0}
.etape-chronologie,.etape-chronologie:nth-child(even){grid-template-columns:1fr;gap:30px;margin-bottom:60px}
.etape-chronologie:nth-child(even) .contenu-etape{order:0}
.image-etape-wrapper img{height:260px}
.disposition-philosophie{grid-template-columns:1fr;gap:40px}
.grille-engagements{grid-template-columns:1fr;gap:28px}
.section-valeurs-fondamentales .titre-section-valeurs,.section-histoire-parcours .titre-histoire,.contenu-philosophie h2,.section-engagement-client .titre-engagement{font-size:2rem}
}
@media (max-width: 640px) {
.apropos-hero-principale h1{font-size:2rem}
.carte-valeur-individuelle{padding:28px}
.contenu-etape{padding:30px}
.badge-annee{font-size:.95rem;padding:10px 18px}
.visuel-philosophie img{height:320px}
}
.cookie-policy-page-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.cookie-policy-header-section{background:linear-gradient(165deg,#E6EEED 0%,#B7CDC6 100%);padding:4.5rem 1.5rem 3rem;position:relative;overflow:hidden}
.cookie-policy-header-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a8b6af26 0%,transparent 70%);border-radius:50%}
.cookie-policy-header-content{max-width:850px;margin:0 auto;position:relative;z-index:2}
.cookie-policy-main-title{font-size:2.8rem;font-weight:700;color:#212529;margin:0 0 1.2rem;line-height:1.2;letter-spacing:-.02em}
.cookie-policy-subtitle-text{font-size:1.15rem;color:#495057;line-height:1.6;margin:0;font-weight:400}
.cookie-policy-document-container{max-width:820px;margin:0 auto;padding:3rem 1.5rem 5rem}
.cookie-policy-intro-block{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 12px #0000000a;margin-bottom:2.5rem;border-left:4px solid #A8B6AF}
.cookie-policy-intro-block p{font-size:1.05rem;line-height:1.75;color:#343a40;margin:0 0 1.2rem}
.cookie-policy-intro-block p:last-child{margin-bottom:0}
.cookie-policy-content-section{background:#fff;padding:2.8rem 2.5rem;margin-bottom:2rem;border-radius:10px;box-shadow:0 1px 8px #00000008;border-top:3px solid #B7CDC6}
.cookie-policy-section-heading{font-size:1.75rem;font-weight:600;color:#212529;margin:0 0 1.5rem;line-height:1.3}
.cookie-policy-subsection-heading{font-size:1.35rem;font-weight:600;color:#343a40;margin:2rem 0 1rem;line-height:1.4}
.cookie-policy-content-section p{font-size:1rem;line-height:1.8;color:#495057;margin:0 0 1.3rem}
.cookie-policy-content-section p:last-child{margin-bottom:0}
.cookie-policy-definition-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}
.cookie-policy-definition-card{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);padding:1.8rem;border-radius:8px;border:1px solid #E6EEED}
.cookie-policy-definition-title{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 .8rem;display:flex;align-items:center}
.cookie-policy-definition-title::before{content:'';display:inline-block;width:8px;height:8px;background:#A8B6AF;border-radius:50%;margin-right:.8rem;flex-shrink:0}
.cookie-policy-definition-card p{font-size:.98rem;line-height:1.7;color:#495057;margin:0}
.cookie-policy-purpose-list{list-style:none;padding:0;margin:1.5rem 0}
.cookie-policy-purpose-list li{padding:1.2rem 1.5rem 1.2rem 3rem;margin-bottom:1rem;background:#fafbfc;border-radius:6px;position:relative;font-size:1rem;line-height:1.7;color:#343a40;border-left:3px solid #B7CDC6}
.cookie-policy-purpose-list li::before{content:'→';position:absolute;left:1.2rem;top:1.2rem;font-size:1.2rem;color:#A8B6AF;font-weight:700}
.cookie-policy-table-wrapper{overflow-x:auto;margin:2rem 0;border-radius:8px;box-shadow:0 1px 6px #0000000d}
.cookie-policy-data-table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}
.cookie-policy-data-table thead{background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 100%)}
.cookie-policy-data-table th{padding:1.2rem 1rem;text-align:left;font-weight:600;color:#212529;border-bottom:2px solid #E6EEED;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em}
.cookie-policy-data-table td{padding:1.1rem 1rem;border-bottom:1px solid #f0f0f0;color:#495057;line-height:1.6;vertical-align:top}
.cookie-policy-data-table tbody tr:hover{background:#fafbfc}
.cookie-policy-data-table tbody tr:last-child td{border-bottom:none}
.cookie-policy-highlight-box{background:linear-gradient(135deg,#E6EEED 0%,#fff 100%);padding:2rem;border-radius:10px;margin:2rem 0;border:2px solid #B7CDC6}
.cookie-policy-highlight-box p{font-size:1.05rem;line-height:1.75;color:#343a40;margin:0 0 1rem}
.cookie-policy-highlight-box p:last-child{margin-bottom:0}
.cookie-policy-contact-section{background:linear-gradient(165deg,#A8B6AF 0%,#B7CDC6 100%);padding:3rem 2.5rem;border-radius:12px;margin-top:3rem;text-align:center}
.cookie-policy-contact-title{font-size:1.6rem;font-weight:600;color:#212529;margin:0 0 1.5rem;line-height:1.3}
.cookie-policy-contact-details{display:flex;flex-direction:column;gap:.8rem;align-items:center;margin-top:1.5rem}
.cookie-policy-contact-item{font-size:1rem;color:#343a40;line-height:1.6}
.cookie-policy-contact-item strong{font-weight:600;color:#212529}
@media (max-width: 768px) {
.cookie-policy-main-title{font-size:2.2rem}
.cookie-policy-subtitle-text{font-size:1.05rem}
.cookie-policy-header-section{padding:3rem 1.2rem 2rem}
.cookie-policy-document-container{padding:2rem 1.2rem 3rem}
.cookie-policy-content-section{padding:2rem 1.5rem}
.cookie-policy-intro-block{padding:1.8rem}
.cookie-policy-section-heading{font-size:1.5rem}
.cookie-policy-subsection-heading{font-size:1.2rem}
.cookie-policy-table-wrapper{margin:1.5rem -1.5rem}
.cookie-policy-data-table{font-size:.88rem}
.cookie-policy-data-table th,.cookie-policy-data-table td{padding:.9rem .7rem}
.cookie-policy-contact-section{padding:2rem 1.5rem}
.cookie-policy-purpose-list li{padding:1rem 1rem 1rem 2.5rem;font-size:.95rem}
.cookie-policy-purpose-list li::before{left:.8rem;top:1rem}
}
.privacy-policy-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:80px 20px}
.privacy-header-section{max-width:900px;margin:0 auto 60px;text-align:center;padding:50px 30px;background:#fff;border-left:6px solid #A8B6AF;box-shadow:0 4px 20px #a8b6af26}
.privacy-header-section h1{font-size:2.8rem;color:#212529;margin:0 0 20px;font-weight:700;line-height:1.2}
.privacy-last-update{font-size:.95rem;color:#495057;font-style:italic;margin:15px 0 0}
.privacy-content-container{max-width:850px;margin:0 auto;background:#fff;padding:60px 50px;box-shadow:0 2px 25px #00000014;border-radius:2px}
.privacy-intro-text{font-size:1.1rem;line-height:1.8;color:#343a40;margin:0 0 50px;padding:30px;background:linear-gradient(to right,#E6EEED 0%,#fff 100%);border-left:4px solid #B7CDC6}
.policy-section-block{margin:0 0 55px}
.policy-section-block:last-child{margin-bottom:0}
.section-title-primary{font-size:1.9rem;color:#212529;margin:0 0 25px;font-weight:700;position:relative;padding-bottom:12px}
.section-title-primary::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(to right,#A8B6AF,#B7CDC6)}
.section-title-secondary{font-size:1.4rem;color:#343a40;margin:35px 0 18px;font-weight:600}
.policy-paragraph-text{font-size:1.05rem;line-height:1.75;color:#495057;margin:0 0 20px}
.policy-paragraph-text:last-child{margin-bottom:0}
.information-list-styled{margin:25px 0;padding-left:0;list-style:none}
.information-list-styled li{font-size:1.05rem;line-height:1.7;color:#495057;margin:0 0 15px;padding-left:35px;position:relative}
.information-list-styled li::before{content:'→';position:absolute;left:0;color:#A8B6AF;font-weight:700;font-size:1.3rem}
.highlighted-notice-box{background:#E6EEED;padding:25px 30px;margin:30px 0;border-left:5px solid #A8B6AF;border-radius:2px}
.highlighted-notice-box .policy-paragraph-text{margin:0;color:#343a40}
.rights-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0}
.right-card-item{background:linear-gradient(135deg,#fafbfc 0%,#E6EEED 100%);padding:25px;border:1px solid #B7CDC6;border-radius:2px;transition:all .3s ease}
.right-card-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #a8b6af33}
.right-card-title{font-size:1.15rem;color:#212529;margin:0 0 12px;font-weight:600}
.right-card-description{font-size:.98rem;line-height:1.6;color:#495057;margin:0}
.contact-info-section{background:linear-gradient(to bottom right,#A8B6AF,#B7CDC6);padding:40px;margin:50px 0 0;border-radius:2px;color:#212529}
.contact-info-section h2{font-size:1.7rem;margin:0 0 25px;font-weight:700;color:#212529}
.contact-details-list{list-style:none;padding:0;margin:0}
.contact-details-list li{font-size:1.05rem;line-height:1.8;margin:0 0 12px;color:#212529}
.contact-details-list li:last-child{margin-bottom:0}
.contact-details-list strong{font-weight:600;margin-right:8px}
.emphasis-text{font-weight:600;color:#212529}
.subtle-divider{height:1px;background:linear-gradient(to right,transparent,#B7CDC6,transparent);margin:40px 0;border:none}
@media (max-width: 768px) {
.privacy-policy-wrapper{padding:50px 15px}
.privacy-header-section{padding:35px 20px;margin-bottom:40px}
.privacy-header-section h1{font-size:2rem}
.privacy-content-container{padding:40px 25px}
.privacy-intro-text{padding:20px;font-size:1rem}
.section-title-primary{font-size:1.5rem}
.section-title-secondary{font-size:1.2rem}
.policy-paragraph-text{font-size:1rem}
.information-list-styled li{font-size:1rem;padding-left:30px}
.rights-grid-layout{grid-template-columns:1fr;gap:20px}
.contact-info-section{padding:30px 20px}
.contact-info-section h2{font-size:1.4rem}
}
@media (max-width: 480px) {
.privacy-header-section h1{font-size:1.7rem}
.privacy-content-container{padding:30px 20px}
.section-title-primary{font-size:1.3rem}
}
.success-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#fff 0%,#f8f9fa 50%,#E6EEED 100%);padding:0;margin:0}
.confirmation-hero-section{padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.confirmation-hero-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#b7cdc626 0%,transparent 70%);animation:pulse-gentle 8s ease-in-out infinite}
@keyframes pulse-gentle {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.success-icon-container{width:120px;height:120px;margin:0 auto 40px;position:relative;z-index:2}
.success-checkmark{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#B7CDC6 0%,#A8B6AF 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #a8b6af4d;animation:bounce-in .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes bounce-in {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.checkmark-icon{width:60px;height:60px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw-check .8s ease-out .3s forwards}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.main-confirmation-title{font-size:42px;font-weight:700;color:#212529;margin:0 0 20px;line-height:1.2;position:relative;z-index:2}
.confirmation-subtitle{font-size:19px;color:#495057;line-height:1.6;max-width:620px;margin:0 auto 50px;position:relative;z-index:2}
.details-panel-wrapper{max-width:900px;margin:0 auto 80px;padding:0 20px}
.info-card-primary{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 4px 20px #0000000f;border:1px solid #E6EEED;position:relative;overflow:hidden}
.info-card-primary::after{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#A8B6AF 0%,#B7CDC6 100%)}
.info-section-title{font-size:26px;font-weight:600;color:#212529;margin:0 0 30px;text-align:center}
.timeline-wrapper{position:relative;padding:0}
.timeline-step{display:flex;gap:30px;margin-bottom:40px;align-items:flex-start}
.timeline-step:last-child{margin-bottom:0}
.step-number-box{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#B7CDC6 0%,#A8B6AF 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;box-shadow:0 3px 12px #a8b6af40}
.step-content-area{flex:1;padding-top:5px}
.step-heading{font-size:20px;font-weight:600;color:#212529;margin:0 0 10px}
.step-description{font-size:16px;color:#495057;line-height:1.6;margin:0}
.email-highlight-box{background:linear-gradient(135deg,#f8f9fa 0%,#E6EEED 100%);border-left:4px solid #A8B6AF;padding:25px 30px;border-radius:8px;margin:50px 0 0}
.email-label{font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}
.email-address-text{font-size:20px;font-weight:600;color:#212529;margin:0}
.actions-section{text-align:center;padding:60px 20px 80px;background:#fff}
.actions-inner-container{max-width:700px;margin:0 auto}
.actions-heading{font-size:28px;font-weight:600;color:#212529;margin:0 0 35px}
.button-group-horizontal{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn-primary-action{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:linear-gradient(135deg,#A8B6AF 0%,#B7CDC6 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 15px #a8b6af4d;position:relative;z-index:10;border:none;cursor:pointer}
.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a8b6af66;color:#fff}
.btn-secondary-outline{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:#fff;color:#495057;font-size:17px;font-weight:600;text-decoration:none;border-radius:10px;border:2px solid #A8B6AF;transition:all .3s ease;position:relative;z-index:10;cursor:pointer}
.btn-secondary-outline:hover{background:#f8f9fa;border-color:#B7CDC6;color:#495057;transform:translateY(-2px)}
.support-info-block{margin-top:50px;padding:35px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:12px;border:1px solid #E6EEED}
.support-heading{font-size:20px;font-weight:600;color:#212529;margin:0 0 20px;text-align:center}
.contact-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;text-align:center}
.contact-item{display:flex;flex-direction:column;align-items:center}
.contact-label-text{font-size:14px;font-weight:600;color:#495057;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
.contact-value-text{font-size:16px;color:#212529;margin:0}
.contact-link-styled{color:#A8B6AF;text-decoration:none;transition:color .3s ease}
.contact-link-styled:hover{color:#B7CDC6;text-decoration:underline}
@media (max-width: 768px) {
.confirmation-hero-section{padding:60px 20px 40px}
.main-confirmation-title{font-size:32px}
.confirmation-subtitle{font-size:17px}
.success-icon-container,.success-checkmark{width:100px;height:100px}
.checkmark-icon{width:50px;height:50px}
.info-card-primary{padding:35px 25px}
.timeline-step{gap:20px}
.step-number-box{width:45px;height:45px;font-size:20px}
.step-heading{font-size:18px}
.step-description{font-size:15px}
.button-group-horizontal{flex-direction:column;gap:15px}
.btn-primary-action,.btn-secondary-outline{width:100%}
.contact-details-grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 480px) {
.main-confirmation-title{font-size:28px}
.info-section-title{font-size:22px}
.actions-heading{font-size:24px}
.email-highlight-box{padding:20px}
}