/* =========================================================== MINAGRI — Mise à l'échelle "PC" (zoom proportionnel) ----------------------------------------------------------- Objectif : au-delà de la largeur de référence du design (1440px), le site ne devient PAS plus "responsive" (pas de nouvelles colonnes, pas de grandes marges) : il est simplement agrandi dans son ensemble, comme un zoom, pour remplir l'écran. En dessous de 1440px (mobile, tablette, petits/moyens écrans PC), ce fichier n'a AUCUN effet : le comportement existant du site (style.css + premium.css) reste inchangé. Fonctionnement : - #echelle-pc est le conteneur qui enveloppe tout le contenu du . - Au-delà de 1440px de large, js/echelle-pc.js lui applique en JS un transform: scale(largeurFenêtre / 1440) et le transforme en zone de défilement interne fixe qui occupe tout l'écran (position: fixed + overflow-y: auto), afin que l'ensemble (y compris l'en-tête fixe, le bouton "retour en haut" et le préchargeur) grandisse ensemble, sans jamais changer de position ni passer à la ligne. - Le défilement de la page a lieu DANS ce conteneur (et non plus sur la fenêtre) uniquement lorsque l'échelle est active. =========================================================== */ /* Empêche le double défilement (fenêtre + conteneur) uniquement lorsque le mode "échelle PC" est actif (classe posée en JS). */ html.mode-echelle-pc, html.mode-echelle-pc body { height: 100%; overflow: hidden; } /* État actif : le conteneur devient la seule zone de défilement et occupe tout l'écran. Largeur/hauteur/transform sont calculés dynamiquement en JS (js/echelle-pc.js) car ils dépendent de la taille réelle de la fenêtre. */ #echelle-pc.echelle-active { position: fixed; top: 0; left: 0; transform-origin: 0 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; /* Réserve toujours l'espace de la barre de défilement verticale, que la page en ait besoin ou non : sans cela, la largeur utile du conteneur (et donc celle des éléments ancrés hors de lui, comme l'en-tête — voir js/echelle-pc.js) varierait légèrement d'une page à l'autre selon que son contenu dépasse ou non la hauteur de la fenêtre. */ scrollbar-gutter: stable; } /* Le design original ajoutait, au-delà de 1441px "physiques", un padding latéral supplémentaire aux conteneurs (voir style.css). Cette règle a été pensée pour un site qui s'étire naturellement — elle entre en conflit avec la mise à l'échelle (qui, elle, fige le design à 1440px puis l'agrandit tel quel). On la neutralise donc quand le mode échelle est actif, pour revenir exactement au padding "1440px de référence". */ html.mode-echelle-pc .container, html.mode-echelle-pc .container-large { padding: 0 60px; }