:root{--bg-light: var(--color-surface);--bg-lighter: var(--color-surface-alt);--transition: all var(--transition-base)}.qui-page{font-family:var(--font-display),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--color-text);line-height:1.7;background:var(--color-white);width:100%;overflow-x:hidden}.qui-page .qui-hero{display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#070f1cb3,#0b3c5d99),url(/deal.jpg) center/cover no-repeat;color:var(--color-white);min-height:80vh;padding:0 var(--space-6)}.qui-page .hero-badge{display:inline-block;background:#c8a85c33;border:1px solid rgba(200,168,92,.4);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-xs);margin-bottom:var(--space-4);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em}.qui-page .hero-title{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:800;margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.1}.qui-page .hero-subtitle{font-size:var(--text-lg);max-width:650px;margin:0 auto;color:#ffffffbf;line-height:1.7}.qui-page .section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);text-align:center;color:var(--color-primary);position:relative;letter-spacing:-.02em}.qui-page .section-title:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .qui-figures{background:var(--color-primary);padding:var(--space-16) 5%;position:relative}.qui-page .qui-figures:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,168,92,.4),transparent)}.qui-page .qui-figures-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);max-width:var(--container-max);margin:0 auto;text-align:center}.qui-page .qui-figure{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.qui-page .qui-figure:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#ffffff1f}.qui-page .qui-figure-number{font-size:clamp(var(--text-3xl),3.5vw,var(--text-5xl));font-weight:800;color:var(--color-accent);font-family:var(--font-display);line-height:1}.qui-page .qui-figure-label{font-size:var(--text-xs);color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.qui-page .qui-timeline{padding:var(--space-24) 5%;background:var(--color-surface);text-align:center}.qui-page .qui-timeline h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);color:var(--color-primary);position:relative;letter-spacing:-.02em}.qui-page .qui-timeline h2:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .timeline-track{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap;max-width:var(--container-max);margin:0 auto;position:relative}.qui-page .timeline-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:1;min-width:120px;max-width:160px}.qui-page .timeline-dot{width:52px;height:52px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:3px solid var(--color-white)}.qui-page .timeline-item:hover .timeline-dot{transform:scale(1.12);box-shadow:var(--shadow-lg);background:var(--color-accent)}.qui-page .timeline-year{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);font-family:var(--font-display)}.qui-page .timeline-text{font-size:var(--text-xs);color:var(--color-text-light);line-height:1.5;max-width:140px}.qui-page .directeur-section{padding:var(--space-24) 5%;background:var(--color-white)}.qui-page .directeur-wrapper{display:grid;grid-template-columns:180px 1fr;gap:var(--space-10);align-items:center;max-width:var(--container-max);margin:0 auto;padding:var(--space-10);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.qui-page .directeur-wrapper .directeur-photo{width:180px;height:180px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:3.5rem;box-shadow:var(--shadow-md)}.qui-page .directeur-badge{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.qui-page .directeur-info h3{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-4)}.qui-page .directeur-info p{font-size:var(--text-base);color:var(--color-text-light);line-height:1.8}.qui-page .mv-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);margin:0 auto var(--space-6);transition:all var(--transition-base)}.qui-page .valeur-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);margin-bottom:var(--space-5);transition:all var(--transition-base)}.qui-page .valeur-card:hover .valeur-icon{background:var(--color-primary);color:var(--color-white);transform:scale(1.05)}.qui-page .certifications{padding:var(--space-24) 5%;background:var(--color-white);text-align:center}.qui-page .certifications h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);color:var(--color-primary);position:relative;letter-spacing:-.02em}.qui-page .certifications h2:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);max-width:var(--container-max);margin:0 auto}.qui-page .cert-card{padding:var(--space-10) var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base)}.qui-page .cert-card i{font-size:2.5rem;color:var(--color-accent);margin-bottom:var(--space-4)}.qui-page .cert-card h4{font-size:var(--text-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-2)}.qui-page .cert-card p{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.7}.qui-page .cert-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.qui-page .infra-grid{display:grid;gap:var(--space-4);max-width:var(--container-max);margin:0 auto}.qui-page .infra-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);transition:all var(--transition-base)}.qui-page .infra-item i{color:var(--color-primary);font-size:var(--text-lg);margin-top:2px;flex-shrink:0}.qui-page .infra-item span{font-size:var(--text-base);color:var(--color-text-light);line-height:1.7}.qui-page .infra-item:hover{transform:translate(6px);box-shadow:var(--shadow-sm);border-left-color:var(--color-accent)}.qui-page .qse-grid{display:grid;gap:var(--space-4);max-width:var(--container-max);margin:0 auto}.qui-page .qse-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-white);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);transition:all var(--transition-base)}.qui-page .qse-item i{color:var(--color-accent);font-size:var(--text-lg);margin-top:2px;flex-shrink:0}.qui-page .qse-item span{font-size:var(--text-base);color:var(--color-text-light);line-height:1.7}.qui-page .qse-item:hover{transform:translate(6px);box-shadow:var(--shadow-sm)}.qui-page .historique{padding:var(--space-24) 5%;max-width:1400px;margin:0 auto;position:relative}.qui-page .historique:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(31,95,139,.03) 0%,transparent 50%);pointer-events:none}.qui-page .historique h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);text-align:center;color:var(--color-primary);position:relative;letter-spacing:-.02em}.qui-page .historique h2:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .historique-content{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:var(--space-16);padding:var(--space-12);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;z-index:1;border:1px solid var(--color-border)}.qui-page .historique-logo{width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));transition:var(--transition);background-color:var(--color-nav-bg);border-radius:var(--radius-md)}.qui-page .historique-content:hover .historique-logo{transform:scale(1.03);filter:drop-shadow(0 8px 20px rgba(31,95,139,.15))}.qui-page .historique-content p{font-size:clamp(1rem,1.5vw,1.1rem);color:var(--color-text-light);line-height:1.9;font-weight:400}.qui-page .historique-content p:first-letter{font-size:3.2em;font-weight:800;float:left;line-height:.8;margin:.1em .12em 0 0;color:var(--color-primary)}.qui-page .directeur{padding:var(--space-24) 5%;background:var(--bg-light);position:relative;overflow:hidden}.qui-page .directeur:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(31,95,139,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.qui-page .directeur-photo{background:var(--color-primary)}.qui-page .directeur h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);text-align:center;color:var(--color-primary);position:relative;letter-spacing:-.02em;z-index:1}.qui-page .directeur h2:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .directeur-content{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:var(--space-12);max-width:1200px;margin:0 auto;position:relative;z-index:1}.qui-page .directeur-photo{width:100%;height:350px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:var(--transition);position:relative}.qui-page .directeur-content:hover .directeur-photo{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.qui-page .directeur-content>div{display:flex;flex-direction:column;gap:var(--space-5)}.qui-page .directeur-content p{font-size:clamp(1rem,1.5vw,1.1rem);color:var(--color-text-light);line-height:1.85;font-weight:400;background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:3px solid var(--color-primary)}.qui-page .mission-vision{padding:var(--space-24) 5%;text-align:center;background:var(--color-white);position:relative}.qui-page .mission-vision:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.qui-page .mission-vision-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.qui-page .mission,.qui-page .vision{padding:var(--space-12) var(--space-10);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden;border:1px solid var(--color-border);text-align:left}.qui-page .mission:after,.qui-page .vision:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.qui-page .mission:hover,.qui-page .vision:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.qui-page .mission:hover:after,.qui-page .vision:hover:after{transform:scaleX(1)}.qui-page .mission h2,.qui-page .vision h2{font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800;margin-bottom:var(--space-5);color:var(--color-primary);letter-spacing:-.02em;position:relative}.qui-page .mission p,.qui-page .vision p{font-size:clamp(.95rem,1.3vw,1.05rem);color:var(--color-text-light);line-height:1.85;font-weight:400}.qui-page .valeurs{padding:var(--space-24) 5%;text-align:center;background:var(--color-surface);position:relative}.qui-page .valeurs h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);color:var(--color-primary);position:relative;letter-spacing:-.02em}.qui-page .valeurs h2:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .valeurs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto}.qui-page .valeur-card{background:var(--color-white);padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden;border:1px solid var(--color-border);text-align:left}.qui-page .valeur-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.qui-page .valeur-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.qui-page .valeur-card:hover:before{transform:scaleY(1)}.qui-page .valeur-card h3{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--color-primary);letter-spacing:-.01em;position:relative}.qui-page .valeur-card p{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.8;position:relative;z-index:1}.qui-page .infrastructures{padding:var(--space-24) 5%;max-width:var(--container-max);margin:0 auto;background:var(--color-white)}.qui-page .infrastructures h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);text-align:center;color:var(--color-primary);position:relative;letter-spacing:-.02em}.qui-page .infrastructures h2:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .infrastructures ul{list-style:none;padding:0;display:grid;gap:var(--space-4)}.qui-page .infrastructures ul li{font-size:clamp(.95rem,1.2vw,1.05rem);color:var(--color-text-light);padding:var(--space-5) var(--space-6) var(--space-5) var(--space-12);background:var(--color-white);border-radius:var(--radius-lg);transition:var(--transition);line-height:1.8;box-shadow:var(--shadow-xs);border:1px solid var(--color-border);position:relative;overflow:hidden}.qui-page .infrastructures ul li:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--color-primary);transition:var(--transition)}.qui-page .infrastructures ul li:after{content:"";position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-primary);transition:var(--transition)}.qui-page .infrastructures ul li:hover{transform:translate(6px);box-shadow:var(--shadow-sm);border-color:var(--color-primary-200)}.qui-page .infrastructures ul li:hover:before{width:4px;background:var(--color-accent)}.qui-page .infrastructures ul li:hover:after{background:var(--color-accent)}.qui-page .qse{padding:var(--space-24) 5%;max-width:var(--container-max);margin:0 auto;background:var(--color-surface)}.qui-page .qse h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-16);text-align:center;color:var(--color-primary);position:relative;letter-spacing:-.02em}.qui-page .qse h2:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:2px}.qui-page .qse ul{list-style:none;padding:0;display:grid;gap:var(--space-4)}.qui-page .qse ul li{font-size:clamp(.95rem,1.2vw,1.05rem);color:var(--color-text-light);padding:var(--space-5) var(--space-6) var(--space-5) var(--space-12);background:var(--color-white);border-radius:var(--radius-lg);transition:var(--transition);line-height:1.8;box-shadow:var(--shadow-xs);border:1px solid var(--color-border);position:relative;overflow:hidden}.qui-page .qse ul li:before{content:"";position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);width:24px;height:24px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.qui-page .qse ul li:hover{transform:translate(6px);box-shadow:var(--shadow-sm);border-color:var(--color-primary-200)}.qui-page .qse ul li:hover:before{background:var(--color-accent);transform:translateY(-50%) scale(1.1)}.qui-page .qui-cta{padding:var(--space-24) 5%;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);position:relative;overflow:hidden}.qui-page .qui-cta:before{content:"";position:absolute;top:-30%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(200,168,92,.08),transparent 70%);border-radius:50%;pointer-events:none}.qui-page .qui-cta h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin-bottom:var(--space-5);color:var(--color-white);letter-spacing:-.02em;position:relative;z-index:1}.qui-page .qui-cta p{font-size:clamp(1rem,1.5vw,1.15rem);color:#fffc;margin-bottom:var(--space-10);max-width:650px;margin-left:auto;margin-right:auto;line-height:1.8;position:relative;z-index:1}.qui-page .btn-primary{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--color-accent);color:var(--color-white);padding:var(--space-4) var(--space-10);border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:var(--text-base);transition:var(--transition);box-shadow:0 8px 24px #c8a85c4d;position:relative;z-index:1;letter-spacing:.02em}.qui-page .btn-primary:after{content:"";font-size:1.2rem;transition:var(--transition)}.qui-page .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #c8a85c66;background:var(--color-accent-hover)}@media(max-width:1024px){.qui-page .historique-content,.qui-page .directeur-content{grid-template-columns:1fr;text-align:center;gap:var(--space-8);padding:var(--space-8)}.qui-page .historique-logo{max-width:180px;margin:0 auto}.qui-page .directeur-wrapper{grid-template-columns:1fr;text-align:center}.qui-page .directeur-wrapper .directeur-photo{margin:0 auto}.qui-page .qui-figures-grid{grid-template-columns:repeat(2,1fr)}.qui-page .qui-figure:not(:last-child):after{display:none}.qui-page .mission-vision-wrapper{grid-template-columns:1fr}.qui-page .timeline-track{flex-wrap:wrap}}@media(max-width:768px){.qui-page .historique,.qui-page .directeur,.qui-page .mission-vision,.qui-page .valeurs,.qui-page .infrastructures,.qui-page .qse,.qui-page .qui-cta{padding:var(--space-16) 5%}.qui-page .section-title,.qui-page .historique h2,.qui-page .directeur h2,.qui-page .valeurs h2,.qui-page .infrastructures h2,.qui-page .qse h2,.qui-page .certifications h2,.qui-page .qui-timeline h2{margin-bottom:var(--space-12)}.qui-page .historique-content,.qui-page .directeur-content{padding:var(--space-6)}.qui-page .mission,.qui-page .vision{padding:var(--space-8) var(--space-6)}.qui-page .valeurs-grid{grid-template-columns:1fr}.qui-page .valeur-card{padding:var(--space-6) var(--space-5)}.qui-page .historique-content p:first-letter{font-size:2.5em}.qui-page .qui-hero{min-height:60vh}}@media(max-width:480px){.qui-page .btn-primary{padding:var(--space-3) var(--space-8)}.qui-page .infrastructures ul li,.qui-page .qse ul li{padding:var(--space-4) var(--space-5) var(--space-4) var(--space-10)}}
