/* Avis d'utilisation des témoins (cookies) * * Habillage complet du widget public/cookie-consent, harmonisé avec le portail. * Le widget n'est PAS initialisé avec l'option « folder » (voir * templates/admin/standard_layout.html.twig): il ne charge donc pas son propre * consent.css et ce fichier est la seule feuille de style de l'avis. Il est * déclaré dans config/packages/sonata_admin.yaml, donc chargé dans le : * aucun affichage non stylé au premier rendu. * * Structure générée par consent.js: * #cookie-consent > h3 + p + div.center-buttons > button.choix × 2 * + button#bclose-popup-policy * #cookie-consent-edit-btn > a (lien flottant « Paramètres ») */ #cookie-consent { background: #111111; border-top: 2px solid #006bb6; bottom: 0; color: #f6f6f6; font-family: muli, 'Source Sans Pro', sans-serif; font-size: 15px; left: 0; line-height: 1.5; padding: 18px 40px 22px; position: fixed; width: 100%; /* Au-dessus de la barre latérale AdminLTE (810) et de l'en-tête fixe (1030), sous les fenêtres modales de Bootstrap (1050). */ z-index: 1040; } #cookie-consent > h3 { /* Le bleu des titres du portail est illisible sur fond foncé. */ color: #ffffff; font-family: muli, 'Source Sans Pro', sans-serif; font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0 0 8px; /* Place pour le bouton de fermeture, en surimpression à droite. */ padding: 0 50px 0 0; text-align: left; text-transform: uppercase; } #cookie-consent > p { margin: 0; max-width: 900px; padding: 0; } #cookie-consent > p a, #cookie-consent > p a:visited { /* Bleu du portail éclairci pour rester lisible sur fond foncé. */ color: #7fc4ef; text-decoration: underline; } #cookie-consent .center-buttons { margin: 16px 0 0; } /* Le widget affiche toujours deux boutons (« accepter » / « refuser »). Comme le portail ne dépose que des témoins essentiels, il n'y a aucun choix à faire: on masque le premier bouton et on ne garde que le second, configuré en accusé de lecture dans standard_layout.html.twig. */ #cookie-consent .center-buttons button.choix:first-child { display: none; } #cookie-consent .center-buttons button.choix { background: transparent; border: 2px solid #f6f6f6; border-radius: 3px; color: #f6f6f6; cursor: pointer; font-family: muli, 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 700; line-height: 1em; margin: 0; padding: 13px 34px 11px; text-transform: uppercase; transition: all 0.3s; } #cookie-consent .center-buttons button.choix:hover, #cookie-consent .center-buttons button.choix:focus { background: #f6f6f6; color: #000000; } #bclose-popup-policy { background-color: transparent; border: 0; cursor: pointer; padding: 0; position: absolute; right: 12px; top: 12px; } #bclose-popup-policy:hover { transform: scale(1.05); } /* Le widget ajoute un lien flottant « Paramètres de témoins (cookies) » en bas à droite de chaque page. Il n'y a aucun paramètre à régler ici et son libellé n'est pas traduisible (codé en dur dans consent.js): on le masque. Les informations restent accessibles par la page Politiques. */ #cookie-consent-edit-btn { display: none; } /* Sur écran large: titre sur une ligne, texte à gauche et bouton à droite, pour que l'avis occupe toute la largeur sans laisser un grand vide et empiète le moins possible sur la page. */ @media only screen and (min-width: 992px) { #cookie-consent { align-items: center; display: flex; flex-wrap: wrap; padding: 16px 40px 18px; } #cookie-consent > h3 { flex: 1 1 100%; } #cookie-consent > p { flex: 1 1 auto; } #cookie-consent .center-buttons { flex: 0 0 auto; margin: 0 0 0 40px; } } @media only screen and (max-width: 767px) { #cookie-consent { padding: 16px 20px 20px; } #cookie-consent > h3 { font-size: 16px; /* Place pour le bouton de fermeture, qui chevauchait le titre. */ padding: 0 44px 0 0; } #cookie-consent .center-buttons button.choix { width: 100%; } }