@charset "UTF-8";

/* =========================
   BASE (stable, minimal)
   Objectif :
   - base saine desktop + mobile
   - éviter les effets "demi page" / scroll étrange sur iOS
   ========================= */

/* Box sizing global : évite les surprises de largeur */
*, *::before, *::after { box-sizing: border-box; }

/* Médias fluides */
img, object, embed, video { max-width: 100%; height: auto; }
.ie6 img { width:100%; } /* legacy */

/* Base document */
html{
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body{
  background-color: #FFF;
  margin: 0;                 /* IMPORTANT : pas de margins sur mobile */
  padding: 0 25px;           /* on remplace par du padding (desktop) */
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 1.5;

  min-height: 100vh;         /* robuste mobile */
  overflow-x: hidden;        /* évite les débords horizontaux */
}

/* Mobile : padding plus léger */
@media (max-width: 768px){
  body{ padding: 0 12px; }
}

/* Exposants */
sup{
  font-size: 70%;
  line-height: 0;
  vertical-align: super;
}

/* Footer */
.footer{
  text-align:center;
  font-size: 0.9rem;
}

/* Utilitaires anciens */
.FlotteDroite{ float:right; }
.FlotteGauche{ float:left; padding-right:5px; }

/* Clignotant (si tu l’utilises encore) */
.image-clignote{
  animation-duration: .8s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
  transition: none;
}

@keyframes clignoter{
  0%{opacity:1;}
  40%{opacity:0;}
  100%{opacity:1;}
}