/* ****************************************************** */
/* 02-base-v-luxe-2026.css                                */
/* Theme Principal : Version Luxe 2026                    */
/* reset, typographie, @font-face, utilitaires (.sr-only) */
/* Theme en commun pour les pages : index, services ...   */
/* ****************************************************** */
/* Links */
a{text-decoration:none !important;color:inherit}a:hover,a:focus,a:active{text-decoration:none !important;color:inherit}
/* Reset et styles de base */
*{margin:0;padding:0;box-sizing:border-box} body {color:var(--color-light-text);background:var(--color-light-bg);} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Couleur custom pour la selection des textes */
::selection {background:#cce2ff;color:black} ::-moz-selection {background:#cce2ff;color:black} h1, h2, h3, h4, .paragraphe {color:var(--color-light-heading);font-size:1.5rem;font-weight:200;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;text-align:left;line-height:2;}
/* solution professionnelle et sémantiquement correcte pour gérer les retours à la ligne dans de longs paragraphes, sans utiliser <br>, tout en restant valide selon les schémas HTML. DEMO : <p><span>Première partie du texte.</span> <span>Deuxième partie du texte.</span></p> */
p span {display:block;}
/* BARRE DE DÉFILEMENT NIVEAU AAA | Points clés niveau AAA implémentés : 1. Taille et espacement (WCAG 2.5.8) : - Largeur totale : 24px (dépassant les 24px requis)   - Zone interactive minimale : 48px de hauteur   - Espacement garanti via background-clip: padding-box
2. Contraste des couleurs (WCAG 1.4.6) : - Mode clair : #8a8a8a sur #f0f0f0 = contraste 4.5:1   - Mode sombre : #a0a0a0 sur #2a2a2a = contraste 7:1   - États hover : contraste encore renforcé      3. États interactifs complets : - États :hover, :active et :focus visibles - Feedback visuel immédiat et clair - Pas de dépendance à la couleur seule
4. Respect des préférences utilisateur : - prefers-color-scheme pour le mode sombre/clair   - prefers-reduced-motion pour réduire les animations   - prefers-contrast pour le mode haut contraste      5. Compatibilité maximale : - Support Webkit (Chrome,Safari,Edge) - Support Firefox via les standards - Gestion propre de l'espace via scrollbar-gutter */
/* Gestion de l'espace et base */
html {scrollbar-gutter: stable both-edges;scroll-behavior:smooth;}
/* STANDARD FIREFOX (AAA) */
html {scrollbar-color:#8a8a8a #f0f0f0;scrollbar-width:auto;}
/* WEBKIT (CHROME, SAFARI, EDGE) */
/* Container principal - 24px minimum */
::-webkit-scrollbar {width:24px;background-color:#f0f0f0;}
/* Piste (track) */
::-webkit-scrollbar-track {background:#f0f0f0;border:2px solid #fff;border-radius:0px; /* Meilleure performance AAA */}
/* Pouce (thumb) - Contraste 4.5:1 minimum */
::-webkit-scrollbar-thumb {background-color:#8a8a8a; /* Contraste 4.5:1 sur #f0f0f0 */
border:6px solid transparent;border-radius:12px;background-clip:padding-box;min-height:48px; /* Taille minimale tactile */}
/* États interactifs */
::-webkit-scrollbar-thumb:hover {background-color:#6a6a6a; /* Contraste 7:1 sur #f0f0f0 */} ::-webkit-scrollbar-thumb:active {background-color:#4a4a4a; /* Contraste 7:1+ */}
/* Boutons flèches (si visibles) */
::-webkit-scrollbar-button {display:block;height:12px;background-color:#f0f0f0;background-repeat:no-repeat;background-position:center;border:1px solid #d0d0d0;} ::-webkit-scrollbar-button:hover {background-color:#e0e0e0;}
/* MODE SOMBRE AAA */
/* Firefox mode sombre */
@media (prefers-color-scheme: dark) {html {scrollbar-color:#a0a0a0 #2a2a2a;}} .darkmode {scrollbar-color:#a0a0a0 #2a2a2a;}
/* Webkit mode sombre */
@media (prefers-color-scheme: dark) {::-webkit-scrollbar {background-color:#2a2a2a;} ::-webkit-scrollbar-track {background:#2a2a2a;border-color:#1a1a1a;} ::-webkit-scrollbar-thumb {background-color:#a0a0a0; /* Contraste 4.5:1 sur #2a2a2a */} ::-webkit-scrollbar-thumb:hover {background-color:#c0c0c0; /* Contraste 7:1 sur #2a2a2a */} ::-webkit-scrollbar-thumb:active {background-color:#e0e0e0;}}
.darkmode ::-webkit-scrollbar {background-color:#2a2a2a;} .darkmode ::-webkit-scrollbar-track {background:#2a2a2a;border-color:#1a1a1a;} .darkmode ::-webkit-scrollbar-thumb {background-color:#a0a0a0;} .darkmode ::-webkit-scrollbar-thumb:hover {background-color:#c0c0c0;} .darkmode ::-webkit-scrollbar-thumb:active {background-color:#e0e0e0;}
/* AMÉLIORATIONS AAA SUPPLÉMENTAIRES */
/* Réduction du mouvement pour les utilisateurs sensibles */
@media (prefers-reduced-motion: reduce) {html {scroll-behavior:auto;} ::-webkit-scrollbar-thumb {transition:none;}}
/* Support haute visibilité */
@media (prefers-contrast: high) {::-webkit-scrollbar-thumb {background-color:#000;border-width:3px;} .darkmode ::-webkit-scrollbar-thumb {background-color:#fff;}}
/* Support vision réduite */
@media (prefers-reduced-transparency: reduce) {::-webkit-scrollbar-thumb {border:4px solid #f0f0f0;} .darkmode ::-webkit-scrollbar-thumb {border:4px solid #2a2a2a;}}
/* BODONI XT - FOR OPTIMIZE ALL web browsers - @see : js + css + html : logo madjeek svg  */
@font-face {font-family: 'BodoniXT';src: url('https://madjeek.fr/madjeek-write/bodonixt-webfont.eot') format('embedded-opentype'), url('https://madjeek.fr/madjeek-write/bodonixt-webfont.woff2') format('woff2'), url('https://madjeek.fr/madjeek-write/bodonixt-webfont.woff') format('woff'),
url('https://madjeek.fr/madjeek-write/bodonixt-webfont.ttf') format('truetype'), url('https://madjeek.fr/madjeek-write/bodonixt-webfont.svg#bodonixtregular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}