/* Identite visuelle commune au site public et a l'espace client. */
:root{--hypo-nuit:#343438;--hypo-rouge:#c5103b;--hypo-papier:#f5f5f6;--hypo-ligne:#e2e2e5}
.site-public{background:var(--hypo-papier);--rouge:var(--hypo-rouge);--encre:var(--hypo-nuit);line-height:1.55}
.entete-public{max-width:1240px;padding:10px 30px;gap:20px;background:white;min-height:90px}
.site-public:has(.entete-public){background:linear-gradient(white 0 90px,var(--hypo-papier) 90px)}
.entete-public .logo-public{width:210px;height:74px}.entete-public nav{gap:4px;font-size:13px}.entete-public nav>a,.menu-public summary{padding:11px 13px;font-size:13px}.entete-public .bouton-public{padding:11px 18px;font-size:13px}
.prestations-public{gap:7px;padding:9px 24px;background:#e8edf0;border:0;border-bottom:1px solid #d7e0e6}
.prestations-public a{padding:9px 18px;font-size:13px;border-radius:4px;background:#ffffffb3;transition:background .2s,transform .2s}.prestations-public a:hover{background:white;transform:translateY(-2px)}
.hero-public{position:relative;isolation:isolate;max-width:1180px;min-height:0;margin:22px auto 0;padding:32px 36px;gap:36px;grid-template-columns:1.2fr 1fr;border:1px solid #294958;border-radius:16px;background:radial-gradient(ellipse at 45% 120%,#37526200 25%,#37526255 65%,transparent 95%),linear-gradient(120deg,#102c3d,#1d4050);color:white;overflow:hidden;box-shadow:0 16px 35px #102f4019;animation:apparition-hypo .65s both}
.hero-public:before{content:'';position:absolute;z-index:-1;width:420px;height:420px;right:-200px;top:-240px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03}
.site-public .hero-public h1{font-size:clamp(34px,3.9vw,51px);letter-spacing:-1.7px;margin:17px 0;line-height:1.08}.site-public .hero-public h1 em{color:#ffa3b7}.hero-public .surtitre-public{color:#eeafc0;font-size:10px;letter-spacing:1.65px}.hero-public p:not(.surtitre-public){color:#cfdee5;font-size:15px;line-height:1.7;max-width:520px;margin:16px 0}.hero-public .actions-public{gap:22px;margin-top:23px}.hero-public .lien-public{color:white;font-size:13px}
.visuel-accueil{margin:0;position:relative;min-width:0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 14px 35px #00182744;animation:apparition-hypo .8s .1s both}
.hero-public .visuel-accueil img{display:block;width:100%;height:280px;object-fit:cover;border-radius:0;transition:transform .7s}.visuel-accueil:hover img{transform:scale(1.035)}.visuel-accueil figcaption{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:5px 9px;padding:14px 18px;background:#ffffffee;color:#254656;font-size:12px}.visuel-accueil figcaption a{grid-column:2;color:#b61438;font-weight:700;text-decoration:none;font-size:11px}.point-ambiance{width:7px;height:7px;background:#c5103b;border-radius:50%;box-shadow:0 0 0 4px #c5103b12}
.reperes-accueil{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:16px 20px;border-bottom:1px solid #d8e2e8;color:#536e7d;font-size:12px}.reperes-accueil span{display:flex;align-items:center;justify-content:center;gap:12px}.reperes-accueil b{font-size:11px;color:#a91b3c;border:1px solid #ccd8df;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;background:white}
.section-public{max-width:1240px;padding:26px 30px 30px;border:0}.site-public .section-public h2{font-size:28px;margin:9px 0 20px}.grille-public{gap:16px}.prestation-public{position:relative;overflow:hidden;background:white;border:1px solid #dce5eb;border-top:3px solid #2b94af;border-radius:10px;padding:23px 25px;box-shadow:0 4px 12px #13334404;transition:transform .25s,box-shadow .25s,border-color .25s;animation:apparition-hypo .65s .15s both}.prestation-public:nth-child(2){animation-delay:.23s}.prestation-public:nth-child(3){animation-delay:.31s;border-top-color:#769d58}.prestation-public:after{content:'↗';position:absolute;right:20px;top:18px;font-size:23px;color:#afc1cb;transition:transform .25s,color .25s}.prestation-public:hover{transform:translateY(-5px);background:white;box-shadow:0 16px 30px #13334415;border-color:#aabfca}.prestation-public:hover:after{transform:translate(2px,-2px);color:#b71339}.prestation-public h3{font-size:21px;margin:17px 0 11px}.prestation-public p{font-size:13px;line-height:1.65;margin:0 0 17px}.prestation-public span{font-size:10px}.prestation-public b{font-size:12px;color:#174d65}.liens-prestations{margin-top:18px;gap:24px;font-size:12px}.liens-prestations a{text-decoration:none;border-bottom:1px solid #bdccd5;padding-bottom:4px}
.site-public .bouton-public{border-radius:6px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s}.site-public .bouton-public:after{content:'';position:absolute;inset:-50% auto -50% -70%;width:45%;background:linear-gradient(90deg,transparent,#ffffff30,transparent);transform:skewX(-25deg);pointer-events:none}.site-public .bouton-public:hover:after{animation:reflet-hypo .7s}.site-public .bouton-public:hover{transform:translateY(-2px);box-shadow:0 8px 18px #8c173c25}
.bandeau-public{position:relative;overflow:hidden;padding:34px max(30px,calc((100vw - 1180px)/2));gap:60px;background:radial-gradient(at 100% 100%,#36586555,transparent 55%),#102f40}.bandeau-public h2{font-size:29px}.bandeau-public h3{font-size:21px}.bandeau-public p{font-size:14px;line-height:1.65}.bandeau-public ol{font-size:14px;line-height:2.1}.bandeau-public>div+div{border-left:1px solid #ffffff20;padding-left:45px}.bandeau-public a:not(.bouton-public){font-size:13px}.pied-public{padding:29px 30px;max-width:1240px;gap:30px;font-size:12px}.pied-public .logo-public{width:180px;height:65px}.pied-public>div>a{margin-top:7px}.article-public{margin:22px auto;max-width:1180px;padding:30px 38px;min-height:420px;background:#fff;border:1px solid #dce5ea;border-radius:12px;box-shadow:0 6px 24px #12354505;animation:apparition-hypo .5s both}.article-public h1{font-size:36px;margin:8px 0 22px}.article-public h2{font-size:23px;margin-top:25px;margin-bottom:15px}.article-public p,.article-public li{font-size:15px;line-height:1.7}.fil-public{margin-bottom:12px}.chapeau-public{font-size:20px}.contenu-migre td,.contenu-migre th{padding:9px 12px}.contenu-migre h3{margin-top:23px}.site-public .aide-public{margin-top:25px}.menu-public>div{box-shadow:0 16px 35px #112f4028}
/* Espace de travail plus dense, avec un accueil immersif. */
.espace-client{background:#edf2f5;min-height:100vh}.espace-client .header{height:78px;padding:0 30px}.espace-client .logo-hypotheques{height:63px;width:190px}.espace-client .header-caption{font-size:13px;border-left:3px solid #c5103b;padding-left:13px}.espace-client .shell{grid-template-columns:225px 1fr;min-height:calc(100vh - 78px)}.espace-client .shell>aside{background:#102f40;padding:28px 14px;border:0}.espace-client .nav-caption{color:#a4bdca;font-size:10px;letter-spacing:1.6px;margin-bottom:20px}.espace-client nav a{color:#d9e6ec;padding:12px 14px;font-size:13px;border-left:2px solid transparent;transition:background .2s,border-color .2s,transform .2s}.espace-client nav a.active,.espace-client nav a:hover{background:#ffffff0c;color:white;border-left-color:#ee4164;transform:translateX(2px)}.espace-client .deconnexion{margin:26px 12px}.espace-client .deconnexion .btn{color:#d5e3e9;border-color:#577480;background:transparent}.espace-client .shell>main{padding:28px 32px;max-width:1440px}.espace-client .panel{padding:23px;border-radius:10px}.espace-client h1{font-size:32px}.espace-client .order-heading{margin-bottom:24px}.espace-client .cards{margin-top:17px;gap:18px}.espace-client .card{padding:25px;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 6px 18px #123c5006}.espace-client .card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #123c5012}.espace-client .card h2{font-size:22px;margin:17px 0 10px}.espace-client .card p{font-size:14px;margin:0;line-height:1.65}.espace-client .card .icon{padding:10px 13px;border-radius:9px;font-size:13px}.espace-client .card .action{font-size:13px;margin-top:20px}.espace-client .card:nth-child(2) .icon{background:#e7f1f4;color:#276681}.espace-client .tracking{margin-top:20px;padding:20px 25px;border:1px solid #d4e0e7;background:white;transition:transform .2s,border-color .2s}.espace-client .tracking:hover{transform:translateX(3px);border-color:#8caeba}
.bienvenue-client{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:20px;background:radial-gradient(ellipse at 80% 20%,#365a6b,transparent 60%),linear-gradient(110deg,#102c3d,#173b50);border:1px solid #224c60;border-radius:15px;padding:30px 34px;color:white;box-shadow:0 14px 30px #12354518;animation:apparition-hypo .6s both}.bienvenue-client .eyebrow{color:#f2adbe;font-size:10px;letter-spacing:1.8px;margin:0}.bienvenue-client h1{color:white;font-size:38px;line-height:1.12;margin:16px 0}.bienvenue-client p:not(.eyebrow){color:#c8dce5;font-size:14px;max-width:510px;line-height:1.6}.raccourci-client{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #ffffff40;padding:6px 0;color:white;font-size:13px;text-decoration:none}.raccourci-client span{transition:transform .2s}.raccourci-client:hover span{transform:translate(3px,-3px)}.decor-client{position:relative;height:195px;perspective:500px}.decor-client span{position:absolute;inset:20px;transform:rotate(-18deg);border:1px solid #b3ccd64a;border-radius:20px;background:linear-gradient(130deg,#ffffff0e,transparent)}.decor-client span:nth-child(2){transform:rotate(-7deg);inset:33px;background:#ffffff04}.decor-client span:nth-child(3){transform:rotate(7deg);inset:47px;border-color:#f19eb85c;background:#f096b00a}.decor-client i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:73px;font-weight:750;color:#f5a8bb;text-shadow:0 0 50px #c5103b55}.titre-prestations-client{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px}.titre-prestations-client h2{font-size:19px;margin:0}.titre-prestations-client>span{font-size:12px;color:#6a8290}
/* Connexion en deux panneaux, sans modifier le formulaire d'authentification. */
.page-connexion{max-width:1160px;margin:30px auto;min-height:0;padding:0 24px;display:grid;grid-template-columns:1.15fr 1fr;gap:0;align-items:stretch;background:none}.presentation-connexion{position:relative;overflow:hidden;background:radial-gradient(at 110% -10%,#49677880,transparent 60%),#102f40;border-radius:15px 0 0 15px;color:white;padding:48px 38px;display:flex;flex-direction:column;justify-content:center;animation:apparition-hypo .65s both}.presentation-connexion:before{content:'';position:absolute;bottom:-120px;right:-150px;width:330px;height:330px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ffffff03;pointer-events:none}.presentation-connexion .eyebrow{color:#eea0b5;font-size:10px}.presentation-connexion h1{font-size:42px;line-height:1.15;margin:14px 0 22px}.presentation-connexion h1 em{font-style:normal;color:#ffa3b7}.presentation-connexion>p:not(.eyebrow){color:#cadae3;font-size:14px;line-height:1.8}.services-connexion{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.services-connexion span{padding:7px 11px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:5px;font-size:11px}.presentation-connexion>a{font-size:12px;color:#e1ecf0;text-decoration:none}.carte-connexion{max-width:none;border-radius:0 15px 15px 0;padding:38px;border:1px solid #dce5ea;box-shadow:0 14px 40px #12354510;animation:apparition-hypo .65s .1s both}.carte-connexion h1{font-size:32px;margin:10px 0}.carte-connexion .muted{font-size:14px;line-height:1.6}.carte-connexion input:not([type=checkbox]){transition:border-color .2s,box-shadow .2s}.carte-connexion input:focus{border-color:#3c768a;box-shadow:0 0 0 3px #2a6c8610;outline:none}.carte-connexion .bouton-connexion{background:#c5103b;border-color:#c5103b;transition:transform .2s,box-shadow .2s}.carte-connexion .bouton-connexion:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c5103b22}
@keyframes apparition-hypo{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes reflet-hypo{to{left:140%}}
@media(min-width:1600px){.hero-public{max-width:1340px;grid-template-columns:1.2fr 1fr}.section-public,.entete-public,.pied-public{max-width:1400px}.reperes-accueil{max-width:1300px}.hero-public .visuel-accueil img{height:300px}}
@media(max-width:1100px){.entete-public{flex-wrap:wrap;padding:10px 24px}.entete-public nav{order:3;width:100%;justify-content:center}.entete-public .logo-public{height:62px;width:180px}.hero-public{margin:18px 22px 0;padding:28px;gap:24px}.hero-public .visuel-accueil img{height:255px}.site-public .hero-public h1{font-size:39px}.reperes-accueil{margin:0 22px}.espace-client .shell{grid-template-columns:205px 1fr}.espace-client .shell>main{padding:25px}.bienvenue-client{grid-template-columns:1fr 160px;padding:26px}.bienvenue-client h1{font-size:33px}.decor-client{height:165px}.page-connexion{margin:25px auto}.presentation-connexion{padding:35px 28px}.presentation-connexion h1{font-size:34px}.carte-connexion{padding:30px}}
@media(max-width:750px){.hero-public{grid-template-columns:1fr;gap:24px;margin:15px 16px 0;padding:27px 24px}.hero-public .visuel-accueil img{height:210px}.site-public .hero-public h1{font-size:38px}.hero-public .actions-public{gap:17px}.reperes-accueil{grid-template-columns:1fr;gap:11px;align-items:start;padding:18px 8px;margin:0 24px}.reperes-accueil span{justify-content:flex-start}.section-public{padding:24px 16px}.grille-public{grid-template-columns:1fr}.prestation-public{padding:22px}.bandeau-public{grid-template-columns:1fr;gap:23px;padding:28px 24px}.bandeau-public>div+div{border-left:0;border-top:1px solid #ffffff20;padding:20px 0 0}.pied-public{padding:25px 24px;grid-template-columns:1fr}.article-public{margin:16px;padding:24px;min-height:0}.article-public h1{font-size:30px}.espace-client .shell{grid-template-columns:1fr}.espace-client .shell>aside{padding:14px}.espace-client .shell>aside nav{display:flex;overflow-x:auto;gap:5px}.espace-client nav a{white-space:nowrap}.espace-client .nav-caption{margin:0 12px 10px}.espace-client .deconnexion{margin:12px}.espace-client .deconnexion .btn{width:auto;padding:7px 13px}.espace-client .header{height:70px;padding:0 20px}.espace-client .shell>main{padding:20px 16px}.bienvenue-client{grid-template-columns:1fr;padding:27px}.decor-client{display:none}.bienvenue-client h1{font-size:34px}.titre-prestations-client{align-items:flex-start;flex-direction:column;gap:5px;margin-top:22px}.espace-client .cards{grid-template-columns:1fr}.page-connexion{grid-template-columns:1fr;max-width:580px;margin:20px auto;padding:0 16px}.presentation-connexion{padding:28px;border-radius:14px 14px 0 0}.presentation-connexion h1{font-size:31px;margin:10px 0}.services-connexion{margin:10px 0 15px}.carte-connexion{border-radius:0 0 14px 14px;padding:28px}.entete-public nav>a,.menu-public summary{font-size:12px;padding:8px}.prestations-public{justify-content:flex-start;gap:7px;padding:9px 16px}.prestations-public a{font-size:11px;padding:7px 12px}.entete-public{gap:8px;padding:8px 16px}.entete-public .logo-public{width:165px;height:61px}}
@media(prefers-reduced-motion:reduce){.site-public *,.espace-client *,.presentation-connexion,.carte-connexion,.carte-connexion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.site-public .bouton-public:hover,.prestation-public:hover,.espace-client .card:hover,.espace-client nav a:hover,.espace-client nav a.active,.espace-client .tracking:hover,.carte-connexion .bouton-connexion:hover{transform:none}.visuel-accueil:hover img{transform:none}}