:root{--color-primary: #1C3353;--color-secondary: #273951;--color-text: #475569;--color-bg-dark: #0f1f33}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.site-header{background:#fff;box-shadow:0 2px 10px #1c33531a;position:sticky;top:0;z-index:1000;height:64px;padding:0}.site-header .container{width:100%;height:100%;padding:0;max-width:none}.header-content{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;height:100%;max-width:1200px;margin:0 auto}.logo{flex-shrink:0}.logo a{text-decoration:none}.logo-img{height:54px;width:auto;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.nav{display:flex;align-items:center}.dropdown{position:relative;display:inline-block}.dropdown-btn{background:#1c3353;color:#fff;padding:.6rem 1rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:700;transition:all .3s ease;font-size:.9rem}.dropdown-btn:hover{background:#2a4a6b}.dropdown:after{content:"";position:absolute;top:100%;left:0;right:0;height:8px;background:transparent;z-index:999}.dropdown-content{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;box-shadow:0 8px 25px #1c335326;border-radius:6px;overflow:hidden;z-index:1000;min-width:180px;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.dropdown:hover .dropdown-content{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-content a{color:#1c3353;padding:.8rem 1rem;text-decoration:none;display:block;transition:background .2s;font-size:.9rem}.dropdown-content a:hover{background:#f8fafc}.dropdown-icon{transition:transform .3s ease;flex-shrink:0}.dropdown:hover .dropdown-icon{transform:rotate(180deg)}.hero{margin-top:0}@media (max-width: 768px){.header-content{padding:.8rem 1rem}.logo-img{height:40px}.dropdown-content{right:0;min-width:160px}.dropdown-btn{padding:.5rem .8rem;font-size:.8rem}.dropdown.active .dropdown-content{display:block;opacity:1;transform:translateY(0);pointer-events:auto}}@media (max-width: 480px){.logo-img{height:35px}}.hero{position:relative;color:#fff;padding:6rem 0;text-align:center;overflow:hidden;min-height:500px}.hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;display:block}.hero .container{position:relative;z-index:2}.hero p{font-size:1.6rem;margin-bottom:2rem;font-weight:300;letter-spacing:2px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.cta-button{background:#1c3353;color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease;border:2px solid white;margin-top:2rem;display:inline-block}.cta-button:hover{background:transparent;color:#fff;transform:translateY(-2px)}.citation-title{font-size:3rem;margin-bottom:2rem;font-weight:300;letter-spacing:2px;color:#fff;font-style:italic;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.hero{padding:4rem 0;min-height:400px}.citation-title{font-size:2rem}.hero p{font-size:1.2rem}}@media (max-width: 480px){.citation-title{font-size:1.5rem}.hero p{font-size:1rem}}.services{background:linear-gradient(0deg,#000 -10%,#1c3353 15%,#0f1f33);padding:2.5rem 0;position:relative}.services h2{color:#fff;margin-bottom:1.5rem;text-align:center;font-size:2.5rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;max-width:900px;margin-left:auto;margin-right:auto}.service-card{background:transparent;border-radius:16px;box-shadow:0 8px 25px #ffffff4d,0 4px 15px #fff3;text-align:center;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease;border:none;overflow:hidden}.service-card:hover{transform:scale(1.05);box-shadow:0 15px 40px #fff6,0 8px 25px #ffffff4d;border-color:#1c3353}.gardien-card,.officier-card,.commissaire-card{height:400px!important;min-height:400px!important;padding:0!important;overflow:hidden;background:linear-gradient(to bottom,#000,#3d5a7a 15%,#fff 30% 100%);border-radius:16px;box-shadow:0 10px 30px #ffffff40,0 5px 15px #ffffff26}.service-badge{background:transparent;color:#fff;text-align:center;padding:.5rem;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;height:40px;display:flex;align-items:center;justify-content:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.service-image{width:100%;height:140px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s ease}.service-card:hover .card-image{transform:scale(1.05)}.service-content{padding:1rem;height:220px;display:flex;flex-direction:column;justify-content:space-between;flex-grow:0}.service-content h3{color:#1c3353;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.service-content p{color:#4a5568;line-height:1.6;flex-grow:1;margin-bottom:2rem}.service-icon{display:none}@media (max-width: 834px){.services-grid{grid-template-columns:1fr!important;max-width:400px!important;gap:1.5rem!important}.services h2{font-size:2rem!important}.gardien-card,.officier-card,.commissaire-card{height:420px!important;min-height:420px!important}.service-content h3{font-size:1.3rem!important}.service-content p{font-size:1rem!important}}.about{background-image:url(/gladiator.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:4rem 0;min-height:60vh;color:#fff}.about:before{content:"";position:absolute;inset:0;background:linear-gradient(#0e141c66,#0e141c80);z-index:0}.about .container{position:relative;z-index:1}.about h2{color:#fff;margin-bottom:3rem;text-align:center;font-size:2.5rem;opacity:0;transform:translateY(30px);transition:all .8s ease;text-shadow:2px 2px 8px rgba(0,0,0,.7)}.about h2.visible{opacity:1;transform:translateY(0)}.about-content{max-width:1000px;margin:0 auto}.about-card{opacity:0;transform:translateY(50px);transition:all 1s ease}.about-card.visible{opacity:1;transform:translateY(0)}.about-card-inner{backdrop-filter:blur(10px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.2)}.about-text-section{color:#fff}.about-text-content p{color:#fff!important;font-size:1.1rem!important;line-height:1.9!important;margin-bottom:1.5rem!important;text-align:justify!important;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.about-text-content p:last-child{margin-bottom:0!important}@media (min-width: 1024px){.about{background-attachment:fixed}}@media (max-width: 834px){.about{background-position:top center;padding:3rem 0}.about-card-inner{padding:2rem}.about-text-content p{font-size:1.05rem!important;line-height:1.7!important}}@media (max-width: 480px){.about{padding:2rem 0}.about h2{font-size:2rem!important;margin-bottom:2rem!important}.about-card-inner{padding:1.5rem}.about-text-content p{font-size:.95rem!important;line-height:1.6!important}}.president-section{background:linear-gradient(180deg,#000 -10%,#1c3353 15%,#0f1f33);padding:6rem 1rem;padding-top:.5%;position:relative}.president-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent 0%,#000000 100%);pointer-events:none}.president-section h2{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:2.5rem;opacity:0;transform:translateY(-30px);transition:all 1s ease}.president-section h2.visible{opacity:1;transform:translateY(0)}.president-content{max-width:1200px;margin:0 auto;opacity:0;transform:translateY(30px);transition:all 1s ease .2s}.president-content.visible{opacity:1;transform:translateY(0)}.president-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.president-photo-column{width:100%;margin-top:200px}.president-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px #0006;border:2px solid rgba(255,255,255,.2)}.president-text-column{width:100%}.president-text-column p{color:#fff;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:left;hyphens:auto;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.president-text-column p:last-of-type{margin-bottom:1.5rem}.president-signature-block{margin-top:1.5rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.3);text-align:left}.president-name-text{font-family:Dancing Script,cursive;color:#fff;font-size:2rem;font-weight:900;margin-bottom:.3rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.president-title{color:#fff;font-size:.95rem;font-weight:400;font-style:italic;margin-bottom:1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.president-signature{display:block;width:220px;margin:0;opacity:1;filter:none}.president-signature img{width:100%;height:auto}@media (max-width: 1024px){.president-layout{grid-template-columns:250px 1fr;gap:2rem}.president-text-column p{font-size:1.05rem}}@media (max-width: 768px){.president-section{padding:4rem 1rem}.president-section h2{font-size:2rem;margin-bottom:3rem}.president-layout{grid-template-columns:1fr;gap:2rem}.president-photo-column{max-width:200px;margin:0 auto}.president-text-column p{font-size:1rem;line-height:1.6;text-align:left}.president-name-text{font-size:1.2rem}.president-title{font-size:.9rem}.president-signature{width:180px}}@media (max-width: 480px){.president-photo-column{max-width:150px}.president-signature{width:160px}.president-name-text{font-size:1.1rem}.president-title{font-size:.85rem}}.footer{background:#000;padding:3rem 0;color:#fff;min-height:180px;margin-top:-30px}.footer .container{display:flex;flex-direction:column;justify-content:center;min-height:120px}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin:0}.footer-left{flex:1;text-align:left}.footer-left p{margin:0;font-size:.9rem;color:#fffc}.footer-center{flex:1;text-align:center}.footer-contact{margin-bottom:1rem}.footer-contact h3{font-size:1rem;font-weight:600;margin-bottom:.8rem;letter-spacing:1px;color:#fff}.footer-contact p{margin:.5rem 0;font-size:.9rem;color:#ffffffe6;display:flex;align-items:center;justify-content:center;gap:.6rem}.contact-icon{flex-shrink:0;color:#ffffffe6}.footer-social{display:flex;gap:1rem;justify-content:center;align-items:center}.footer-social a{color:#ffffffb3;transition:all .3s ease;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.footer-social a:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.footer-social svg{width:20px;height:20px}.footer-right{flex:1;text-align:right}.footer-logo{height:50px;width:auto}@media (max-width: 768px){.footer{margin-top:-20px}.footer-content{flex-direction:column;text-align:center;gap:2rem}.footer-left,.footer-center,.footer-right{flex:none;text-align:center}.footer-logo{height:40px}.footer-contact p{font-size:.85rem}}@media (max-width: 768px){.container{padding:1rem}}@media (max-width: 480px){.container{padding:.5rem}}