/* Pages du prototype – le site en ligne reste inchangé */
body.page-detail{height:auto!important;min-height:100dvh;overflow-x:hidden!important;overflow-y:auto!important}
.page-detail .conteneur{max-width:1060px}
.page-detail-main{flex:1;width:100%;padding:34px 0 70px}
.page-detail-title{padding:14px 0 25px;text-align:center}
.page-detail-title h1{font-size:clamp(31px,4vw,54px);margin:0 0 12px}
.page-detail-title p{font-size:clamp(14px,1.4vw,17px);line-height:1.6;color:#abbcc9;max-width:800px;margin:0 auto}
.page-detail .video-cadre{width:100%;aspect-ratio:16/9;border-color:rgba(61,189,238,.65);box-shadow:0 15px 55px #0009}
.page-detail-video video{width:100%;height:100%;object-fit:contain}
.page-detail-note{display:block;max-width:850px;color:#a9b7c5;font-size:15px;line-height:1.6;margin:20px auto;text-align:center}
.page-detail .btn-retour{display:inline-block;margin:18px 0;color:#3DBDEE;text-decoration:none;font-size:14px;border-bottom:1px solid #3DBDEE80;padding-bottom:5px}
.page-about-main{max-width:850px!important;padding-top:42px}
.page-about-main h1{text-align:left}
.page-about-main .about-role{font-size:clamp(17px,1.8vw,20px);color:#3DBDEE;font-weight:650;margin:10px 0 30px}
.page-about-main .about-body{font-size:clamp(15px,1.38vw,18px);line-height:1.85;color:#dce6ef}
.page-about-main .about-body p{margin:0 0 17px}
.page-about-main h2{color:#3DBDEE;font-size:26px;margin:38px 0 15px}
.page-detail .contenu-attente{margin:35px auto;max-width:700px;padding:30px;background:#12232f;border:1px solid #3dbdee55;border-radius:12px;text-align:center;color:#d9e6ed;line-height:1.65}
.page-detail .contenu-attente strong{color:#3DBDEE}
@media(max-width:640px){.page-detail-main{padding:22px 0 45px}.page-about-main{padding-top:28px}.page-detail-title h1{font-size:30px}.page-detail-title p{font-size:14px}.page-about-main .about-body{font-size:15px}}