:root{--marine:#0d2b4b;--azur:#1e6bb8;--ciel:#dbe9f6;--chaux:#f5f8fb;--safran:#f0b429;--encre:#12202f;--gris:#566678;--rayon:20px;--titre:"Bricolage Grotesque",system-ui,sans-serif;--texte:"Source Sans 3",system-ui,sans-serif;--etoile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 6l8 22 22-8-8 22 22 8-22 8 8 22-22-8-8 22-8-22-22 8 8-22-22-8 22-8-8-22 22 8z' fill='none' stroke='%23ffffff' stroke-opacity='.08' stroke-width='1.2'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font:400 17px/1.65 var(--texte);color:var(--encre);background:var(--chaux);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--titre);line-height:1.08;letter-spacing:-.02em;color:var(--marine)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin-inline:auto}:focus-visible{outline:3px solid var(--safran);outline-offset:3px}.page{animation:entree .5s ease both}@keyframes entree{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.progres{position:fixed;top:0;left:0;height:3px;background:var(--safran);z-index:60;transition:width .1s linear}.entete{position:sticky;top:0;z-index:50;background:#f5f8fbdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .3s}.entete.defile{box-shadow:0 6px 24px #0d2b4b1a}.entete .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}.marque{display:flex;align-items:center;gap:12px;font:800 1.15rem var(--titre);color:var(--marine)}.marque svg{width:26px;height:30px;color:var(--azur)}.menu{display:flex;gap:6px}.menu a{padding:9px 16px;border-radius:999px;font-weight:600;color:var(--gris);transition:background .25s,color .25s}.menu a:hover{background:var(--ciel);color:var(--marine)}.menu a.actif{background:var(--marine);color:#fff}.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--marine);margin:6px auto;transition:transform .3s,opacity .3s}.burger.ouvert span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger.ouvert span:nth-child(2){opacity:0}.burger.ouvert span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:600;border:2px solid transparent;cursor:pointer;font-size:1rem;font-family:var(--texte);transition:transform .25s,background .25s,color .25s}.btn:hover{transform:translateY(-3px)}.btn-or{background:var(--safran);color:var(--marine)}.btn-clair{border-color:#ffffff8c;color:#fff}.btn-clair:hover{background:#fff;color:var(--marine)}.btn-marine{background:var(--marine);color:#fff}.btn:disabled{opacity:.6;cursor:wait}.hero{position:relative;background:var(--marine) var(--etoile);color:#fff;padding:90px 0 110px;overflow:hidden;animation:derive 70s linear infinite}@keyframes derive{to{background-position:400px 200px}}.soleil{position:absolute;right:6%;top:8%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#f0b4298c,#f0b42900 68%);animation:pulse 9s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.15);opacity:.7}}.hero-grille{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero h1{color:#fff;font-size:clamp(2.4rem,5vw,4.1rem);font-weight:800;margin-bottom:22px;animation:entree .9s .1s both}.hero p{font-size:1.2rem;max-width:34em;color:#d3e2f1;margin-bottom:34px;animation:entree .9s .3s both}.boutons{display:flex;flex-wrap:wrap;gap:14px;animation:entree .9s .5s both}.arches{position:relative;display:flex;align-items:flex-end;gap:10px;height:420px;padding-top:56px}.arches:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-10px;height:3px;background:var(--safran);transform-origin:left;animation:trait 1.4s .2s cubic-bezier(.2,.8,.2,1) both}@keyframes trait{0%{transform:scaleX(0)}}.arche{flex:1;height:var(--h);position:relative;display:grid;place-items:center;background:linear-gradient(180deg,#fff,var(--ciel));border-radius:999px 999px 6px 6px;animation:monter 1s var(--d) cubic-bezier(.2,.8,.2,1) both;transition:transform .35s,background .35s}@keyframes monter{0%{opacity:0;transform:translateY(90px)}}.arche:hover,.arche:focus-visible{transform:translateY(-12px);background:linear-gradient(180deg,#fff,var(--safran))}.arche img{width:200%;max-width:none;max-height:200%;object-fit:contain}.initiale{display:grid;place-items:center;font:800 1.2rem var(--titre);color:var(--azur)}.arche .nom{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;color:var(--marine);font:600 .85rem var(--texte);padding:6px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s}.arche:hover .nom,.arche:focus-visible .nom{opacity:1}.ruban{background:var(--safran);overflow:hidden;padding:15px 0;color:var(--marine)}.ruban-piste{display:flex;gap:34px;width:max-content;animation:defiler 38s linear infinite}.ruban:hover .ruban-piste{animation-play-state:paused}.ruban span{display:flex;align-items:center;gap:34px;font:700 1.05rem var(--titre);white-space:nowrap}.ruban span:after{content:"";width:11px;height:15px;background:var(--marine);border-radius:11px 11px 0 0}@keyframes defiler{to{transform:translate(-50%)}}.section{padding:92px 0}.section-ciel{background:var(--ciel)}.titre-section{max-width:640px;margin-bottom:46px}.titre-section h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin-bottom:12px}.titre-section p{color:var(--gris)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.carte{display:flex;flex-direction:column;gap:10px;background:#fff;padding:26px;border-radius:var(--rayon);transition:transform .35s,box-shadow .35s;height:100%}.carte:hover{transform:translateY(-8px);box-shadow:0 22px 40px #0d2b4b24}.carte h3{font-size:1.25rem}.carte p{color:var(--gris);font-size:.97rem;flex:1}.carte .lien{font-weight:600;color:var(--azur)}.cadre{width:108px;height:128px;border-radius:999px 999px 8px 8px;background:var(--ciel);display:grid;place-items:center;margin-bottom:30px;transition:background .35s}.carte:hover .cadre{background:var(--safran)}.cadre img{width:200%;max-width:none;max-height:200%;object-fit:contain}.cadre .initiale{font-size:1.5rem}.valeurs{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.valeur svg{width:52px;height:52px;color:var(--azur);margin-bottom:14px}.valeur h3{font-size:1.35rem;margin-bottom:8px}.valeur p{color:var(--gris)}.bandeau{background:var(--marine) var(--etoile);color:#fff;border-radius:28px;padding:60px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}.bandeau h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem);max-width:20em}.tete-page{background:var(--marine) var(--etoile);color:#fff;padding:78px 0 70px}.tete-page h1{color:#fff;font-size:clamp(2.2rem,4.4vw,3.4rem);margin-bottom:12px}.tete-page p{color:#d3e2f1;max-width:40em;font-size:1.15rem}.deux{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.texte p+p{margin-top:16px}.texte h2{font-size:2rem;margin-bottom:16px}.engagements{display:grid;gap:14px}.engagements .item{background:#fff;border-radius:14px;padding:18px 22px;border-left:5px solid var(--safran)}.engagements strong{display:block;font-family:var(--titre);color:var(--marine)}.pastilles{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:56px}.pastilles a{padding:9px 18px;border-radius:999px;background:#fff;font-weight:600;color:var(--marine);transition:background .25s}.pastilles a:hover{background:var(--safran)}.etab{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:center;padding:44px 0;border-top:1px solid #d5e0eb}.etab.inverse{grid-template-columns:1fr 240px}.etab.inverse .grand-cadre{order:2}.grand-cadre{width:220px;height:270px;margin-inline:auto;border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,#fff,var(--ciel));display:grid;place-items:center;box-shadow:0 18px 40px #0d2b4b1f}.grand-cadre img{width:200%;max-width:none;max-height:200%;object-fit:contain}.grand-cadre .initiale{font-size:2.6rem}.etab h2{font-size:2rem;margin-bottom:6px}.etab .accroche{color:var(--azur);font-weight:600;margin-bottom:14px}.etab .btn{margin-top:20px}.contact-grille{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}.formulaire{background:#fff;border-radius:var(--rayon);padding:36px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.champ{display:grid;gap:6px}.champ.plein{grid-column:1/-1}.champ label{font-weight:600;color:var(--marine)}.champ input,.champ select,.champ textarea{font:inherit;padding:13px 15px;border:2px solid #d5e0eb;border-radius:12px;background:var(--chaux);transition:border-color .25s}.champ input:focus,.champ select:focus,.champ textarea:focus{outline:none;border-color:var(--azur)}.champ textarea{min-height:150px;resize:vertical}.erreur{color:#b3261e;font-size:.92rem}.succes{grid-column:1/-1;background:#e3f4e8;color:#1c5b32;padding:16px 20px;border-radius:12px;font-weight:600;animation:entree .5s both}.infos{display:grid;gap:16px}.infos .bloc{background:#fff;border-radius:var(--rayon);padding:24px}.infos h3{font-size:1.15rem;margin-bottom:6px}.infos p{color:var(--gris)}.pied{background:var(--marine);color:#c3d4e6;padding:64px 0 28px;margin-top:0}.pied-grille{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:44px}.pied h3{color:#fff;font-size:1.1rem;margin-bottom:14px}.pied ul{list-style:none;display:grid;gap:8px}.pied a:hover{color:var(--safran)}.pied small{display:block;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15)}.haut{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;border:0;background:var(--safran);color:var(--marine);font-size:1.3rem;cursor:pointer;box-shadow:0 8px 20px #00000040;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;z-index:40}.haut.visible{opacity:1;pointer-events:auto}.haut:hover{transform:translateY(-4px)}@media(max-width:900px){.hero{padding:60px 0 80px}.hero-grille,.deux,.contact-grille,.pied-grille{grid-template-columns:1fr}.arches{height:300px;padding-top:30px}.arche .nom{display:none}.valeurs{grid-template-columns:1fr;gap:30px}.etab,.etab.inverse{grid-template-columns:1fr;gap:26px}.etab.inverse .grand-cadre{order:0}.formulaire{grid-template-columns:1fr;padding:24px}.burger{display:block}.menu{position:absolute;top:74px;left:0;right:0;flex-direction:column;background:var(--chaux);padding:12px 4%;gap:2px;box-shadow:0 14px 24px #0d2b4b1f;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.menu.ouvert{opacity:1;transform:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.arche img[src*=intac],.arche img[src*=bouebdelli-university]{width:72%;max-width:100%;max-height:55%}.cadre img[src*=intac],.cadre img[src*=bouebdelli-university]{width:74%;max-width:100%;max-height:60%}.grand-cadre img[src*=intac],.grand-cadre img[src*=bu]{width:76%;max-width:100%;max-height:62%}.arche img[src*=bu]{width:65%;max-height:62%}.cadre img[src*=bu]{width:65%;max-height:65%}.grand-cadre img[src*=bu]{width:65%;max-height:66%}