/* Base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid #0066cc;outline-offset:2px}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.section{padding:48px 16px}
h1,h2,h3{line-height:1.25;margin:0 0 12px}
p{margin:0 0 12px}
ul{margin:0 0 12px 18px}

/* Header */
.afe-header{background:#004080;color:#fff;display:flex;justify-content:flex-end;align-items:flex-start;padding:.5rem 1rem;height:60px;position:relative;z-index:1000}
.afe-logo{position:absolute;top:-40px;left:1rem;z-index:1100}
.afe-logo img{max-height:220px}
.afe-nav{display:flex;gap:1rem;margin-left:auto;align-self:flex-start;z-index:1500}
.afe-nav a{color:#fff;font-weight:700}
.afe-burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:.25rem}

/* Hero */
.hero{background:url('images/camion-hero.jpg') center/cover no-repeat;color:#fff;padding:5rem 1rem;text-align:center}
.hero-content{background:rgba(0,0,0,.5);display:inline-block;padding:2rem;border-radius:10px}

/* Flotte */
.fleet-list{list-style-type:"🚛 ";margin-left:1rem}
.fleet-gallery{max-width:900px;margin:auto}
.fleet-gallery .big-photo{width:100%;border-radius:8px;object-fit:cover}
.fleet-gallery .small-photos{display:flex;gap:1rem;margin-top:1rem}
.fleet-gallery .small-photos img{width:50%;border-radius:8px;object-fit:cover}

/* Contact form */
.contact-section form{display:flex;flex-direction:column;gap:1rem;max-width:500px}
form input,form textarea{padding:.75rem;border:1px solid #ccc;border-radius:5px}
form button{padding:.75rem;border:none;background:#007bff;color:#fff;font-size:1rem;border-radius:5px;cursor:pointer}
form button:hover{background:#0066cc}

/* Footer */
footer{background:#f4f4f4;padding:2rem 0;text-align:center;font-size:.9rem}

/* Mobile */
@media(max-width:768px){
  .afe-header{height:64px;display:flex;align-items:center;justify-content:flex-start}
  .afe-logo{position:relative;top:0;left:0;z-index:1}
  .afe-logo img{max-height:56px}
  .afe-burger{display:block;position:absolute;right:12px;top:10px;z-index:3000}
  .afe-nav{
    position:fixed;inset:64px 0 0 0;background:#004080;display:none;flex-direction:column;
    padding:1rem;gap:.75rem;z-index:2500
  }
  .afe-nav.is-open{display:flex}
  .afe-nav a{padding:.5rem 0}
  body.afe-lock{overflow:hidden}
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  