/* ============================================================ reset.css — Normalisation des styles par défaut ============================================================ Problème : chaque navigateur (Chrome, Firefox, Safari...) applique ses propres marges, tailles de police et styles par défaut. Résultat : ton site peut s'afficher différemment selon le navigateur. Solution : ce fichier "remet à zéro" tous ces styles de base pour que tu parte d'une feuille blanche identique partout. Ce fichier ne doit JAMAIS être modifié pour le style visuel. Il n'a qu'un rôle : neutraliser les defaults navigateur. ============================================================ */ /* --- Modèle de boîte universel --- Par défaut, quand tu définis width: 200px sur un élément, le padding et la bordure s'ajoutent PAR DESSUS. Avec border-box, tout est inclus dans la mesure. Beaucoup plus intuitif. */ *, *::before, *::after { box-sizing: border-box; } /* --- Suppression des marges et paddings par défaut --- Les navigateurs ajoutent des marges sur ,

,
, etc. On repart de zéro. / { margin: 0; padding: 0; } /* --- Corps du document --- line-height: 1.5 améliore la lisibilité du texte. -webkit-font-smoothing : rendu des polices plus net sur Mac/iOS. / body { line-height: 1.5; -webkit-font-smoothing: antialiased; } / --- Images et médias --- display: block évite un espace parasite sous les images. max-width: 100% empêche une image de déborder de son conteneur. / img, picture, video, canvas, svg { display: block; max-width: 100%; } / --- Champs de formulaire --- Par défaut, les inputs n'héritent pas de la police du site. On force l'héritage pour la cohérence visuelle. / input, button, textarea, select { font: inherit; } / --- Titres --- Les navigateurs forcent une graisse très lourde sur les titres. On neutralise pour contrôler via style.css. / h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } / --- Listes --- Suppression des puces et de l'indentation par défaut. / ul, ol { list-style: none; } / --- Liens --- Suppression du soulignement par défaut. On le restylera dans style.css selon les besoins. / a { text-decoration: none; color: inherit; } / --- Évite les débordements de texte --- Un mot très long (ex: une URL) ne déborde plus de son conteneur. */ p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }