*{margin:0;padding:0;box-sizing:border-box} body{font-family:'Open Sans',sans-serif;background:#FFFFFF;overflow-x:hidden} h1,h2,h3,h4{font-family:'Playfair Display',serif} img{max-width:100%;height:auto;display:block} @keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}} @keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}} @keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}} @keyframes floatIcon{0,100%{transform:translateY(0)}50%{transform:translateY(-15px)}} @keyframes shimmer{0{background-position:-1000px 0}100%{background-position:1000px 0}} @keyframes bounceIn{0{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}} @keyframes rotateGlow{0{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes gradientShift{0,100%{background-position:0 50%}50%{background-position:100% 50%}} @keyframes pulse{0,100%{opacity:.6}50%{opacity:.9}} .container{max-width:1200px;margin:0 auto;padding:0 20px} .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .col-lg-6{flex:0 0 50%;padding-left:15px;padding-right:15px} .col-lg-4{flex:0 0 33.333%;padding-left:15px;padding-right:15px} .col-md-12{flex:0 0 100%;padding-left:15px;padding-right:15px} .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;text-align:left}.card-hover{transition:all .4s ease;border-radius:16px;background:#FFFFFF;padding:32px 28px;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid rgba(201,161,74,.1);position:relative;overflow:hidden;height:100%} .card-hover::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,161,74,.1),transparent);transition:left .5s ease} .card-hover:hover::before{left:100%} .card-hover:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 50px rgba(201,161,74,.35);border-color:rgba(201,161,74,.3)} .card-hover h4{font-family:'Playfair Display',serif;font-size:22px;font-weight:800;margin-bottom:18px;color:#000;padding-bottom:12px;position:relative} .card-hover h4::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(135deg,#C9A14A,#C9A14A);border-radius:2px;transition:width .4s ease} .card-hover:hover h4::after{width:100px} .card-hover ul{list-style:none;margin:0;color:rgba(0,0,0,.8);line-height:1.9} .card-hover ul li{padding-left:28px;position:relative;margin-bottom:10px;font-size:15px;font-weight:500;transition:all .3s ease} .card-hover ul li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:linear-gradient(135deg,#C9A14A,#C9A14A);border-radius:50%;transition:all .3s ease} .card-hover:hover ul li::before{transform:scale(1.5);box-shadow:0 0 10px rgba(201,161,74,.6)} .card-hover ul li:hover{padding-left:32px;color:#000} .gold{background:linear-gradient(135deg,#C9A14A 0,#C9A14A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;background-size:200% 200%} @media (max-width:991px){#page-competences-adyel .anglais{gap:15px !important}#page-competences-adyel .anglais .titre{font-size:15px !important}#page-competences-adyel .anglais .sous-titre{font-size:10px !important}#page-competences-adyel .francais{gap:15px !important}#page-competences-adyel .francais .titre{font-size:15px !important}#page-competences-adyel .francais .sous-titre{font-size:10px !important}.container{padding:0 16px !important} .grid{grid-template-columns:1fr !important;gap:20px !important} .card-hover{padding:22px 18px !important} .card-hover h4{font-size:18px !important} .card-hover ul li{font-size:14px !important;line-height:1.6 !important} h1.gold{font-size:34px !important;line-height:1.25 !important;padding:0 6px} h2{font-size:26px !important;line-height:1.25} p{font-size:15px !important} .hero-pill{padding:10px 18px !important;gap:8px !important} .hero-pill span{font-size:12px !important;letter-spacing:1.5px !important} .hero-section{padding:80px 0 64px !important} .hero-blob{display:none !important} .col-lg-6{flex:0 0 100%} .col-lg-4{flex:0 0 100%} } @media (max-width:771px){#page-competences-adyel .anglais{gap:15px !important}#page-competences-adyel .anglais .titre{font-size:12px !important}#page-competences-adyel .anglais .sous-titre{font-size:8px !important}#page-competences-adyel .francais{gap:15px !important}#page-competences-adyel .francais .titre{font-size:12px !important}#page-competences-adyel .francais .sous-titre{font-size:8px !important}} @media (max-width:698px){#page-competences-adyel .anglais{gap:15px !important}#page-competences-adyel .anglais .titre{font-size:10px !important}#page-competences-adyel .anglais .sous-titre{font-size:6px !important}#page-competences-adyel .francais{gap:15px !important}#page-competences-adyel .francais .titre{font-size:10px !important}#page-competences-adyel .francais .sous-titre{font-size:6px !important}} @media (max-width:629px){#page-competences-adyel .anglais .icone{width:40px !important;height:40px !important}#page-competences-adyel .francais .icone{width:40px !important;height:40px !important}#page-competences-adyel .anglais{min-width:0 !important;padding:16px 16px !important}#page-competences-adyel .francais{min-width:0 !important;padding:16px 16px !important}} @media (max-width:580px){#page-competences-adyel .anglais{gap:5px !important}#page-competences-adyel .francais{gap:5px !important}#page-competences-adyel .anglais .titre{font-size:8px !important}#page-competences-adyel .anglais .sous-titre{font-size:6px !important}#page-competences-adyel .francais .titre{font-size:8px !important}#page-competences-adyel .francais .sous-titre{font-size:6px !important}} @media (max-width:480px){#page-competences-adyel .anglais .icone{width:30px !important;height:30px !important;font-size:20px !important}#page-competences-adyel .francais .icone{width:30px !important;height:30px !important;font-size:20px !important}#page-competences-adyel .anglais .titre{font-size:6px !important}#page-competences-adyel .anglais .sous-titre{font-size:4px !important}#page-competences-adyel .francais .titre{font-size:6px !important}#page-competences-adyel .francais .sous-titre{font-size:4px !important}h1.gold{font-size:28px !important} h2{font-size:22px !important} .card-hover{padding:18px !important} .card-hover ul li{font-size:13px !important} } @media (max-width:375px){#page-competences-adyel .anglais{padding:16px 10px !important}#page-competences-adyel .francais{padding:16px 10px !important}#page-competences-adyel .anglais .icone{width:20px !important;height:20px !important;font-size:10px !important}#page-competences-adyel .francais .icone{width:20px !important;height:20px !important;font-size:10px !important}#page-competences-adyel .anglais .titre{font-size:5px !important}#page-competences-adyel .francais .titre{font-size:5px !important}} a:focus,button:focus{outline:2px dashed #C9A14A;outline-offset:2px}