@charset "UTF-8"; /* * Cartes GoGoCarto intégrées en iframe (entrées de menu de type Iframe, com_wrapper). * * Activé par le suffixe de classe de page `page-carte`, saisi dans l'onglet * « Affichage de la page » de l'entrée de menu. Joomla le pose sur le : * aucune surcharge de template n'est nécessaire, et une nouvelle carte filtrée * n'a qu'à reprendre le même suffixe pour hériter de cette mise en page. * * La carte est un outil, pas un contenu de lecture : elle prend toute la largeur * et une hauteur d'écran, plutôt que la colonne de texte de 1320 px. */ /* Cassiopeia contraint tout .grid-child à 1320 px. Mêmes lignes nommées que le bandeau d'accroche : cf. hero.css. */ body.page-carte .site-grid > .container-component { grid-column: full-start / full-end; max-width: none; padding: 0; } body.page-carte .com-wrapper, body.page-carte main { margin: 0; } /* Le titre est imprimé par com_wrapper (paramètre « Afficher le titre de la page » de l'entrée de menu) à l'intérieur du conteneur passé en pleine largeur : il faut lui rendre la marge de page, sinon il colle au bord de l'écran. */ body.page-carte .page-header { margin: 0; padding: clamp(1.75rem, 3.5vw, 2.75rem) var(--rem-marge-page) clamp(1.25rem, 2.5vw, 1.75rem); } body.page-carte .page-header h1 { margin: 0; color: var(--rem-encre); font-family: var(--rem-police-display); font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 800; line-height: 1.1; text-transform: uppercase; } body.page-carte .com-wrapper__iframe { display: block; inline-size: 100%; /* svh et non vh : sur mobile, la barre d'adresse rétractable fausse vh et laisse dépasser la carte sous le pli. */ /* Déduit l'en-tête collant et le titre de page. */ block-size: clamp(30rem, calc(100svh - 17rem), 56rem); /* Pas de filet d'encadrement : la carte porte déjà ses propres cadres (panneau de filtres, contrôles de zoom), un filet de plus surchargerait. */ border: 0; }