*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#333;background:#fff}a{text-decoration:none;color:inherit}.top{min-height:92px;display:flex;align-items:center;padding:10px 6vw;background:#256093;border-bottom:0;position:relative;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.14)}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:190px;max-height:68px;object-fit:contain}.top nav{margin-left:auto;display:flex;gap:8px;align-items:stretch}.top nav a,.login{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 17px;font-size:14px;color:#fff;transition:background-color .2s ease,color .2s ease}.top nav a:hover,.top nav a:focus-visible,.login:hover,.login:focus-visible{background:#1b75bc;color:#fff;outline:none}.top nav a.active{background:#fff;color:#256093}.login{margin-left:10px}.login:hover,.login:focus-visible{background:#1b75bc;color:#fff}.hero{min-height:570px;background:linear-gradient(#ffffffa8,#ffffffa8),url('../images/backgrounds/Business-processes.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 20px}.hero-inner{max-width:900px}.hero-logo{max-width:380px;width:min(75vw,380px);margin-bottom:20px}.hero h1{font-size:48px;font-weight:300;margin:10px 0 26px;color:#333}.hero h1 a{color:#168ab4}.actions{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:0 auto;padding:68px 30px;gap:35px;text-align:center}.action img{width:100%;height:210px;object-fit:contain}.action h2{font-weight:300;font-size:25px;color:#168ab4;margin:22px 0 8px}.action p{line-height:1.55;color:#666;font-size:15px}.choose{text-align:center;font-size:30px;font-weight:300;padding:0 20px 55px;color:#555}.downloads{background:#f2f2f2;padding:65px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.downloads h2{font-size:35px;font-weight:300;margin:0 0 16px}.downloads p{color:#666;line-height:1.6}.downloads img{max-width:520px;width:100%;justify-self:center}.button{display:inline-block;margin-top:18px;padding:13px 24px;background:#168bb6;color:#fff}.page-hero{min-height:340px;background:#eee center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}.page-hero.contact{background-image:linear-gradient(#ffffff88,#ffffff88),url('../images/content/contact-us.png')}.page-hero h1{font-size:50px;font-weight:300}.content{max-width:900px;margin:auto;padding:65px 30px;line-height:1.7}.content h2{font-weight:300;color:#168ab4}footer{padding:35px 6vw;border-top:1px solid #256093;display:flex;justify-content:space-between;background:#256093;color:#fff;font-size:13px}@media(max-width:800px){.top{min-height:auto;flex-wrap:wrap;padding:12px 20px}.brand img{width:155px;max-height:58px}.top nav{order:3;width:100%;gap:4px;overflow:auto;margin-top:10px}.top nav a,.login{padding:0 12px;min-height:42px}.hero h1{font-size:36px}.actions,.downloads{grid-template-columns:1fr}.action img{height:180px}.login{margin-left:auto}}

/* V3.4 - Accueil simplifié */
.home-services{min-height:720px;background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),url('../images/backgrounds/Business-processes.jpg') center center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:58px 5vw 44px}
.home-welcome{width:min(1120px,100%);margin:0 auto;color:#256093;text-shadow:none}
.home-welcome h1{margin:0 0 8px;font-size:44px;font-weight:300}
.home-welcome p{margin:0;font-size:21px;font-weight:300}
.home-services-inner{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:stretch}
.service-card{background:rgba(205,211,214,.94);box-shadow:0 8px 28px rgba(0,0,0,.16);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.service-card:hover,.service-card:focus-visible{transform:translateY(-5px);box-shadow:0 12px 34px rgba(0,0,0,.24);outline:none}
.service-card img{width:100%;height:220px;object-fit:cover;background:#cdd3d6}
.service-card:first-child img{object-fit:contain;padding:14px;background:#cdd3d6}
.service-card span{min-height:84px;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;font-size:25px;font-weight:400;color:#256093}
@media(max-width:800px){.home-services{min-height:auto;padding:38px 20px 42px;background-position:68% center;gap:180px}.home-welcome h1{font-size:34px}.home-welcome p{font-size:18px}.home-services-inner{grid-template-columns:1fr;max-width:460px}.service-card img{height:190px}.service-card span{min-height:68px;font-size:22px}}

/* V3.7 - Page Réservations */
.reservation-page{min-height:720px;background:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),url('../images/backgrounds/Business-processes.jpg') center center/cover no-repeat;padding:54px 5vw 48px;display:flex;flex-direction:column;justify-content:space-between;gap:44px}
.reservation-copy{width:min(1120px,100%);margin:0 auto;color:#256093;max-width:1120px}
.reservation-copy h1{margin:0 0 24px;font-size:44px;font-weight:300}
.reservation-copy p{max-width:850px;margin:0 0 8px;font-size:18px;line-height:1.5}
.reservation-copy .reservation-note{margin-top:26px;font-size:14px;max-width:930px}
.reservation-options{width:min(900px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px}
.reservation-card{background:rgba(205,211,214,.94);box-shadow:0 8px 28px rgba(0,0,0,.16);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.reservation-card:hover,.reservation-card:focus-visible{transform:translateY(-5px);box-shadow:0 12px 34px rgba(0,0,0,.24);outline:none}
.reservation-card img{width:100%;height:245px;object-fit:cover;background:#cdd3d6}
.reservation-card span{min-height:86px;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;color:#256093;font-size:25px;line-height:1.25}
@media(max-width:800px){.reservation-page{min-height:auto;padding:38px 20px 42px;background-position:68% center}.reservation-copy h1{font-size:34px}.reservation-copy p{font-size:16px}.reservation-copy .reservation-note{font-size:13px}.reservation-options{grid-template-columns:1fr;max-width:460px;gap:28px}.reservation-card img{height:210px}.reservation-card span{min-height:72px;font-size:22px}}

/* V3.8 - Lisibilité texte Réservations */
.reservation-copy{width:min(50%,560px);margin-left:0;margin-right:auto}
.reservation-copy h1{font-size:48px}
.reservation-copy p{max-width:none;font-size:20px;line-height:1.58}
.reservation-copy .reservation-note{max-width:none;font-size:16px;line-height:1.55}
@media(max-width:800px){.reservation-copy{width:100%;max-width:100%}.reservation-copy h1{font-size:36px}.reservation-copy p{font-size:17px}.reservation-copy .reservation-note{font-size:14px}}

/* V3.9 - Prise en main à distance */
.remote-page{min-height:720px;background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)),url('../images/content/illustration_tnm.png') center center/cover no-repeat;padding:54px 5vw 48px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.remote-copy{width:min(50%,560px);color:#256093;margin-left:0;margin-right:auto}
.remote-copy h1{margin:0 0 22px;font-size:48px;font-weight:300}
.remote-copy p{margin:0 0 10px;font-size:20px;line-height:1.58}
.remote-download{width:min(390px,100%);display:flex;flex-direction:column;align-items:center;margin-left:0}
.remote-download img{display:block;width:100%;height:220px;object-fit:contain;background:rgba(205,211,214,.94);box-shadow:0 8px 28px rgba(0,0,0,.16)}
.remote-download-link{width:100%;min-height:68px;display:flex;align-items:center;justify-content:center;padding:15px 20px;background:rgba(205,211,214,.96);color:#256093;font-size:22px;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
.remote-download-link:hover,.remote-download-link:focus-visible{background:#256093;color:#fff;transform:translateY(-3px);box-shadow:0 12px 34px rgba(0,0,0,.24);outline:none}
@media(max-width:800px){.remote-page{min-height:auto;padding:38px 20px 42px;background-position:center}.remote-copy{width:100%;max-width:100%}.remote-copy h1{font-size:36px}.remote-copy p{font-size:17px}.remote-download{max-width:420px}.remote-download img{height:190px}.remote-download-link{font-size:20px}}

/* V3.10 - Placement Prise en main */
.remote-copy{margin-left:auto;margin-right:0}
.remote-download{margin-left:auto;margin-right:auto}
@media(max-width:800px){.remote-copy{margin-left:0;margin-right:0}.remote-download{margin-left:auto;margin-right:auto}}

/* V3.11 - Harmonisation liens et contours images */
.service-card span,.reservation-card span{transition:background-color .2s ease,color .2s ease}
.service-card:hover span,.service-card:focus-visible span,.reservation-card:hover span,.reservation-card:focus-visible span{background:#256093;color:#fff}
.service-card img,.reservation-card img,.remote-download img{border:3px solid #256093}


/* V3.12 - Prise en main : carte entièrement interactive */
.remote-download{overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease}
.remote-download:hover,.remote-download:focus-visible{transform:translateY(-5px);box-shadow:0 12px 34px rgba(0,0,0,.24);outline:none}
.remote-download:hover .remote-download-link,.remote-download:focus-visible .remote-download-link{background:#256093;color:#fff}
.remote-download img,.remote-download-link{box-shadow:none}

/* V3.13 - Sublimation des textes : fond gris harmonisé */
.home-welcome,.reservation-copy,.remote-copy{background:rgba(205,211,214,.94);padding:24px 28px;box-shadow:0 8px 28px rgba(0,0,0,.16)}
@media(max-width:800px){.home-welcome,.reservation-copy,.remote-copy{padding:20px}}

/* V3.14 - Cadres texte plus transparents et accueil harmonisé */
.home-welcome,.reservation-copy,.remote-copy{background:rgba(205,211,214,.68)}
.home-welcome{width:min(50%,560px);margin-left:0;margin-right:auto}
@media(max-width:800px){.home-welcome{width:100%;max-width:100%}}


/* V3.15 - Déclaration d’incident via WhatsApp Business */
.incident-page{min-height:720px;background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url('../images/content/contact-us.png') center center/cover no-repeat;padding:54px 5vw 48px;display:flex;flex-direction:column;gap:36px}
.incident-copy{width:min(50%,560px);margin-left:0;margin-right:auto;color:#256093;background:rgba(205,211,214,.68);padding:24px 28px;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.incident-copy h1{margin:0 0 20px;font-size:48px;font-weight:300}.incident-copy p{margin:0 0 10px;font-size:20px;line-height:1.58}
.incident-form{width:min(900px,100%);margin:0 auto;background:rgba(205,211,214,.82);padding:28px;border:3px solid #256093;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.incident-form label{display:flex;flex-direction:column;gap:8px;color:#256093;font-size:16px}.form-wide{grid-column:1/-1}
.incident-form input,.incident-form select,.incident-form textarea{width:100%;border:1px solid #969696;background:rgba(255,255,255,.94);padding:13px 14px;font:inherit;color:#333;outline:none}.incident-form textarea{resize:vertical;min-height:140px}.incident-form input:focus,.incident-form select:focus,.incident-form textarea:focus{border-color:#256093;box-shadow:0 0 0 2px rgba(37,96,147,.18)}
.incident-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;margin-top:24px;border:0;background:#cdd3d6;color:#256093;font:inherit;font-size:21px;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.incident-submit:hover,.incident-submit:focus-visible{background:#256093;color:#fff;transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.2);outline:none}
@media(max-width:800px){.incident-page{min-height:auto;padding:38px 20px 42px;background-position:center}.incident-copy{width:100%;max-width:100%;padding:20px}.incident-copy h1{font-size:36px}.incident-copy p{font-size:17px}.incident-form{padding:20px}.form-grid{grid-template-columns:1fr}.form-wide{grid-column:auto}.incident-submit{font-size:18px}}