a, svg, .contenu_image figure img, .start-visionneuse .corner_visionneuse svg .cercle, .container-accordeon .container-title, td, .react-player__shadow, .contenu_album_couverture a .couverture_album .vignette_album_couverture img, nav#navigation_transversale a svg, .data_cookie button span, .expo-nav-ui ol.expo-nav-pag, .sommaire_liste > ul > li > a .puce_sommaire_liste, .sommaire_resume section.page_resumee h2, .sommaire_resume section.page_resumee p, .carousel .slick-arrow:before, .carousel .slick-slide, .carousel .slick-dots li button:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu:after, label, input[type="text"], input[type="number"], input[type="email"], input[type="password"], textarea, select, input[type="checkbox"], input[type="radio"], input[type="checkbox"]:before, input[type="radio"]:before, input[type=range]::-webkit-slider-thumb, .all_feature_result .feature_result, .ia-calendar > div.ia-calendar-prev-btn button:before, .ia-calendar > div.ia-calendar-next-btn button:before, .calendrier-selection .calendrier-ui button:before, .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour, .dropzone_et_collection .dropzone .dropzone-inner, .modal table tr, .react-datepicker__portal .react-datepicker .react-datepicker__month .react-datepicker__day, .badge, .rdw-editor-main, #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .filtre_de_recherche_intitule, #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .filtre_de_recherche_intitule:before, button, input[type="submit"], .boutons > a, .contenu_texte.bouton a, .sommaire_liste.bouton a, .sommaire_resume.bouton a, .bouton_rond, .visibilite-salle-de-lecture .bouton_rond.visualiser .pupille, .visibilite-groupe-internaute .bouton_rond.visualiser .pupille, #ajout-classeur-container button.classeur-add-button span, .fiche_detail, .bouton_arbre, .bouton_fichier, .bouton_crayon, button.contenu-visite-virtuelle-toggle .vignette_visite_presentation img, .contenu-visite-virtuelle-modal .loading-overlay, .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .vignette img, .contenu-visite-virtuelle-modal .point-outer.point-type-cartel h2, .tri_des_facettes .bouton_tri, .filtre-groupe .filtre_de_recherche.gros_bouton_filtre .container_filtre_termes_de_recherche button:after, .arbre-cont-intermediaire svg, .info_maison, .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image img, .resultats_mode_mosaique .resultat_mosaique a.lien_fiche_detail img, .volet_resultat_carto .individuel_field figure img, .volet_resultat_carto .individuel_field.volet_fleche_detail:before, .filtre_de_recherche_intitule, .filtre_de_recherche_intitule svg, .reset-filtre, .nombre_occurences, .filtre_de_recherche_item, .filtre_de_recherche_items.filtre_de_recherche_slider .filtre_slider_label, .moteur_detail_fiche .image_detail img, .resultat_arborescent_inner_container .image_detail img, .frise-selection-container .image_detail img, ul.termes_liste_hierarchique button, .faux_accordeon > label:before, .faux_accordeon .fa_contenu, .jauge_annotation div, footer #footer_signature .footer_rs a.lien_externe:before, .visionneuse_arkotheque .viewer-container, .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant, .visionneuse_arkotheque nav.mosaique_visionneuse ul img { transition: all 0.4s ease; } a.lien-zoom img, .start-visionneuse img, .sommaire_resume section.page_resumee .vignette img, .carousel .slick-slide figure .image_carousel img { transition: all 0.8s ease; } #conteneur, footer .retour_haut, footer #footer_signature, .tetiere .tetiere_interieure, header #header_interieur { margin: 0px auto !important; width: 94% !important; max-width: 1900px; } @media only screen and (max-width: 700px) { #conteneur, footer .retour_haut, footer #footer_signature, .tetiere .tetiere_interieure, header #header_interieur { width: 92% !important; } } body.page_etroite article, .contenu_texte, .contenu_fichier, .lot_contenu_pdf, ul.contenu-courriels, ul.contenu_liens, blockquote, ol.table_des_matieres, ul.contenu-telephones, .container-cadre, .container-alerte, .container-accordeon, .sommaire_liste { max-width: 1300px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1500px) { body.page_etroite article, .contenu_texte, .contenu_fichier, .lot_contenu_pdf, ul.contenu-courriels, ul.contenu_liens, blockquote, ol.table_des_matieres, ul.contenu-telephones, .container-cadre, .container-alerte, .container-accordeon, .sommaire_liste { max-width: 1100px; } } @media only screen and (max-width: 1300px) { body.page_etroite article, .contenu_texte, .contenu_fichier, .lot_contenu_pdf, ul.contenu-courriels, ul.contenu_liens, blockquote, ol.table_des_matieres, ul.contenu-telephones, .container-cadre, .container-alerte, .container-accordeon, .sommaire_liste { max-width: 900px; } } @media only screen and (max-width: 1100px) { body.page_etroite article, .contenu_texte, .contenu_fichier, .lot_contenu_pdf, ul.contenu-courriels, ul.contenu_liens, blockquote, ol.table_des_matieres, ul.contenu-telephones, .container-cadre, .container-alerte, .container-accordeon, .sommaire_liste { max-width: 800px; } } @media only screen and (max-width: 1000px) { body.page_etroite article, .contenu_texte, .contenu_fichier, .lot_contenu_pdf, ul.contenu-courriels, ul.contenu_liens, blockquote, ol.table_des_matieres, ul.contenu-telephones, .container-cadre, .container-alerte, .container-accordeon, .sommaire_liste { max-width: none; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu, #recherche-container section.resultats.aucun-resultat span, .all_feature_result, .popup-aide-recherche > div, .modal .modal-content, #fausse_popup > div, .validation_ajout_au_classeur span, .contenu-visite-virtuelle-modal .point-outer .visite-tooltip > div, .contenu-visite-virtuelle-modal .point-outer .visite-tooltip .sommaire_resume, .tri_des_facettes .tri_sous_menu, .resultats_facettes .mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content, .filtre_de_recherche_items, .visionneuse_arkotheque .visionneuse-chargement, .visionneuse_arkotheque .overlay-complement:hover, .image-viewer-error span, .message-copy-success span, .react-error span { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } .contenu-carto .sommaire_resume section.page_resumee, .react-datepicker__portal .react-datepicker, .volet_resultat_carto .volet_resultat_carto_interieur, .infographie_facettes .choropleth-tooltip, .selection-box .confirm-button:before, .selection-box .cancel-button:before { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); } .recharts-default-tooltip { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05); } body:has(.colonne_header .contenu_image) h1.titre_page { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active, #recherche-container #recherche_container_interieur, .bouton_rond.image_non_visible, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee, .recherche-detail .recherche-resultats-container .image_non_numerisee, .infographie_facettes .btn-toggle-infographies.afficher_infographie, .infographie_facettes .choropleth-toggle-occurrences, .visionneuse_arkotheque .header_visionneuse button, .visionneuse_arkotheque .onglets_volet button { position: relative; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active > span, #recherche-container #recherche_container_interieur > span, .bouton_rond.image_non_visible > span, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner > span, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee > span, .recherche-detail .recherche-resultats-container .image_non_numerisee > span, .infographie_facettes .btn-toggle-infographies.afficher_infographie > span, .infographie_facettes .choropleth-toggle-occurrences > span, .visionneuse_arkotheque .header_visionneuse button > span, .visionneuse_arkotheque .onglets_volet button > span { display: none; position: absolute; z-index: 200; right: 0; color: #FFF; padding: 6px 8px; font-size: 0.75rem; font-weight: 500; text-transform: none; letter-spacing: normal; line-height: normal; white-space: nowrap; border: none !important; min-width: 0; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a > span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active > span:before, #recherche-container #recherche_container_interieur > span:before, .bouton_rond.image_non_visible > span:before, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner > span:before, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee > span:before, .recherche-detail .recherche-resultats-container .image_non_numerisee > span:before, .infographie_facettes .btn-toggle-infographies.afficher_infographie > span:before, .infographie_facettes .choropleth-toggle-occurrences > span:before, .visionneuse_arkotheque .header_visionneuse button > span:before, .visionneuse_arkotheque .onglets_volet button > span:before { content: ""; position: absolute; margin-top: -15px; width: 0px; height: 0px; right: 8px; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a:hover > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active:hover > span, #recherche-container #recherche_container_interieur:hover > span, .bouton_rond.image_non_visible:hover > span, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner:hover > span, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee:hover > span, .recherche-detail .recherche-resultats-container .image_non_numerisee:hover > span, .infographie_facettes .btn-toggle-infographies.afficher_infographie:hover > span, .infographie_facettes .choropleth-toggle-occurrences:hover > span, .visionneuse_arkotheque .header_visionneuse button:hover > span, .visionneuse_arkotheque .onglets_volet button:hover > span { display: block; } .contenu_gps .intitule_marker, #recherche-container section.resultats:not(.aucun-resultat), .popup-aide-recherche > div, .modal #progress_bar, #fausse_popup > div, .jauge_annotation div span { animation: fadein 2s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .contenu_media_embed .player-progress .hover-position, nav.nav_principal .burger_icon, nav.nav_principal .burger_icon_fermer, #recherche-container .ouvrir_recherche, #recherche-container .fermer_recherche, .url_classeur, .classeur-add-choice, .popup-aide-recherche, .react-datepicker__portal, #fausse_popup, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner .etiquette_salle, .filtre_de_recherche_items, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire .source-complementaire-contenu, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche, .image-viewer-error, .message-copy-success, .react-error { animation: fade_in_rapide 0.6s; } @keyframes fade_in_rapide { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .reza-reservation-module .selectionnez_une_date, .container_filtre_termes_de_recherche button.valider_recherche, .visionneuse_arkotheque .visionneuse-chargement, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .localisation-missing, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .localisation-missing, .image-viewer-info { animation-duration: 1s; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-name: blinking; animation-timing-function: ease-in; } @keyframes blinking { from { opacity: 1; } to { opacity: 0; } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active > span, #recherche-container #recherche_container_interieur > span, .bouton_rond.image_non_visible > span, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner > span, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee > span, .recherche-detail .recherche-resultats-container .image_non_numerisee > span, .infographie_facettes .btn-toggle-infographies.afficher_infographie > span, .infographie_facettes .choropleth-toggle-occurrences > span, .visionneuse_arkotheque .header_visionneuse button > span, .visionneuse_arkotheque .onglets_volet button > span, .contenu-carto .sommaire_resume section.page_resumee, #recherche-container section.resultats.aucun-resultat, .alerte:not(.filtre_de_recherche_item) > span, .alerte:not(.filtre_de_recherche_item) > p, .alert, .cartouche_evenement, .filtre_actif .filtre_de_recherche_intitule .reset-filtre { animation-duration: 0.75s; animation-name: bounce_in; animation-fill-mode: both; } @keyframes bounce_in { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes fade_in_down { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .info_maison:hover > span { animation-name: fade_in_down_court; animation-duration: 0.75s; animation-fill-mode: both; } @keyframes fade_in_down_court { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fade_in_left { from { opacity: 0; transform: translate3d(-20%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .volet_resultat_carto { animation-name: slide_in_left; animation-duration: 0.5s; } @keyframes slide_in_left { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } #commentaires { animation-name: slide_in_right; animation-duration: 0.5s; } @keyframes slide_in_right { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } .rec_player_container { animation-name: slide_in_up; animation-duration: 0.5s; } @keyframes slide_in_up { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } } .validation_ajout_au_classeur { animation-duration: 3s; animation-name: apparition_disparition; } @keyframes apparition_disparition { from, 20%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 80% { opacity: 1; } to { opacity: 0; } } .oeil_et_nombre .visualiser.document-consulte ~ .coche, figure.image button.document-consulte:after, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes a.document-consulte:after, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes a.document-consulte:after, .resultats_mode_mosaique .resultat_mosaique .mosaique_field a.document-consulte:before, .volet_resultat_carto a.document-consulte .champ_contenu:before, .volet_resultat_carto a.document-consulte figure:after { content: ""; width: 10px; height: 6px; border-left: 4px solid #25b700; border-bottom: 4px solid #25b700; transform: rotate(-45deg); position: absolute; z-index: 2; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active > span, #recherche-container #recherche_container_interieur > span, .bouton_rond.image_non_visible > span, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner > span, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee > span, .recherche-detail .recherche-resultats-container .image_non_numerisee > span, .infographie_facettes .btn-toggle-infographies.afficher_infographie > span, .infographie_facettes .choropleth-toggle-occurrences > span, .visionneuse_arkotheque .header_visionneuse button > span, .visionneuse_arkotheque .onglets_volet button > span, body, blockquote.contenu_citation p.auteur_citation, .contenu_media_embed .media-links button, .contenu_comparaison_interieur .juxtapose, .cookie_enabled button, .data_cookie button, .sommaire_liste.sommaire_onglets ul li, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu, input[type="text"], input[type="number"], input[type="email"], input[type="password"], textarea, select, .date-picker table.date-picker-table, #ajout-classeur-container button.classeur-add-button span, ul.mode_de_restitution li button, .tri_des_facettes .tri_sous_menu button.proposition_tri, .filtre-groupe .filtre_de_recherche.gros_bouton_filtre .container_filtre_termes_de_recherche button, .recherche-resultats-container td button:not(.bouton_rond), .recherche-resultats-container .mosaique_field button:not(.bouton_rond), .recherche-resultats-container .individuel_field button:not(.bouton_rond), .volet_resultat_carto-inner td button:not(.bouton_rond), .volet_resultat_carto-inner .mosaique_field button:not(.bouton_rond), .volet_resultat_carto-inner .individuel_field button:not(.bouton_rond), .resultats_facettes .mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content, blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte, .reset-filtre, .nombre_occurences, .filtre_de_recherche_items .filtres_texte_actifs button, .filtre_de_recherche_items.filtre_de_recherche_slider .slider-set-aujourdhui, .container_filtre_mode label, .et_ou_sauf label, h2.sous-titre-page, .moteur_detail_fiche .h1.membres_colh button:nth-child(2), .visionneuse_arkotheque, .visionneuse_arkotheque .contenu_info button:not(.bouton-lien-ark), .visionneuse_arkotheque .contenu_partage ul li a, .visionneuse_arkotheque .contenu_partage ul li > button, .visionneuse_arkotheque .contenu_partage .champ_formulaire > button { font-family: "Josefin", "Helvetica Neue", Arial, sans-serif; } blockquote, ol.table_des_matieres li:before, ul.contenu-chiffre-cles li .meter_unite, h1, .champ_detail.h1, .volet_resultat_carto .individuel_field.h1, .monopage-slide .contenu_texte h2, .expo-slide .contenu_texte h2, h2, .champ_detail.h2, .volet_resultat_carto .individuel_field.h2, .monopage-slide .contenu_texte h3, .expo-slide .contenu_texte h3, .sommaire_liste > ul > li { font-family: "Old Standard", "Times New Roman", Times, serif; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active > span, #recherche-container #recherche_container_interieur > span, .bouton_rond.image_non_visible > span, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner > span, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee > span, .recherche-detail .recherche-resultats-container .image_non_numerisee > span, .infographie_facettes .btn-toggle-infographies.afficher_infographie > span, .infographie_facettes .choropleth-toggle-occurrences > span, .visionneuse_arkotheque .header_visionneuse button > span, .visionneuse_arkotheque .onglets_volet button > span { background-color: black; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a > span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active > span:before, #recherche-container #recherche_container_interieur > span:before, .bouton_rond.image_non_visible > span:before, .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner > span:before, body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee > span:before, .recherche-detail .recherche-resultats-container .image_non_numerisee > span:before, .infographie_facettes .btn-toggle-infographies.afficher_infographie > span:before, .infographie_facettes .choropleth-toggle-occurrences > span:before, .visionneuse_arkotheque .header_visionneuse button > span:before, .visionneuse_arkotheque .onglets_volet button > span:before { border-bottom-color: black; } * { background-repeat: no-repeat; box-sizing: border-box; background-position: center; min-height: 0; min-width: 0; } script { display: none !important; } html:not(.cypress-tests) { scroll-behavior: smooth; } .insecable { white-space: nowrap; } .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } body { background-color: #f8f2ea; width: 100%; color: #36312A; padding: 0px; margin: 0px auto; text-align: center; font-size: 1em; line-height: 1.5em; } @media only screen and (min-width: 1500px) { body { font-size: 1.05em; } } body:has(input.case_recherche:checked) { overflow-y: hidden; } body:has(#commentaires) { overflow-y: hidden; } body:has(.popup-aide-recherche.popup-front) { overflow-y: hidden; } h1, h2, h3, h4, h5, h6 { text-align: left; line-height: 1.3em; } h1, .h1, .monopage-slide .contenu_texte h2, .expo-slide .contenu_texte h2 { font-size: 2.4em; font-weight: 300; margin: 0 0 25px; word-wrap: break-word; } @media only screen and (max-width: 800px) { h1, .h1, .monopage-slide .contenu_texte h2, .expo-slide .contenu_texte h2 { font-size: 2.1em; } } @media only screen and (max-width: 600px) { h1, .h1, .monopage-slide .contenu_texte h2, .expo-slide .contenu_texte h2 { font-size: 1.9em; } } body.accueil h1.titre_page { display: none; } h2, .h2, .monopage-slide .contenu_texte h3, .expo-slide .contenu_texte h3 { font-size: 1.6em; font-weight: 300; margin: 25px 0 15px; word-wrap: break-word; } @media only screen and (max-width: 800px) { h2, .h2, .monopage-slide .contenu_texte h3, .expo-slide .contenu_texte h3 { font-size: 1.6em; } } @media only screen and (max-width: 600px) { h2, .h2, .monopage-slide .contenu_texte h3, .expo-slide .contenu_texte h3 { font-size: 1.5em; } } h2.sous-titre-page, .h2.sous-titre-page, .monopage-slide .contenu_texte h3.sous-titre-page, .expo-slide .contenu_texte h3.sous-titre-page { margin: -10px 0 20px; } .colonne_droite h2, .colonne_un_tiers h2, .colonne_droite .h2, .colonne_un_tiers .h2, .colonne_droite .monopage-slide .contenu_texte h3, .colonne_un_tiers .monopage-slide .contenu_texte h3, .colonne_droite .expo-slide .contenu_texte h3, .colonne_un_tiers .expo-slide .contenu_texte h3 { font-size: 1.4em; } .expo-slide .contenu_texte h2 { margin-top: 25px; } h3, .h3, .monopage-slide h4, .expo-slide h4 { font-size: 1.4em; font-weight: 600; margin: 20px 0 15px; } @media only screen and (max-width: 800px) { h3, .h3, .monopage-slide h4, .expo-slide h4 { font-size: 1.4em; } } .colonne_droite h3, .colonne_un_tiers h3, .colonne_droite .h3, .colonne_un_tiers .h3, .colonne_droite .monopage-slide h4, .colonne_un_tiers .monopage-slide h4, .colonne_droite .expo-slide h4, .colonne_un_tiers .expo-slide h4 { font-size: 1.3em; } h4, .h4, .monopage-slide h5, .expo-slide h5 { font-size: 1.3em; font-weight: 600; margin: 15px 0; } @media only screen and (max-width: 800px) { h4, .h4, .monopage-slide h5, .expo-slide h5 { font-size: 1.3em; } } .colonne_droite h4, .colonne_un_tiers h4, .colonne_droite .h4, .colonne_un_tiers .h4, .colonne_droite .monopage-slide h5, .colonne_un_tiers .monopage-slide h5, .colonne_droite .expo-slide h5, .colonne_un_tiers .expo-slide h5 { font-size: 1.2em; } h5, .monopage-slide h6, .expo-slide h6 { font-size: 1.2em; font-weight: 700; margin: 0 0 15px; } @media only screen and (max-width: 800px) { h5, .monopage-slide h6, .expo-slide h6 { font-size: 1.2em; } } .colonne_droite h5, .colonne_un_tiers h5, .colonne_droite .monopage-slide h6, .colonne_un_tiers .monopage-slide h6, .colonne_droite .expo-slide h6, .colonne_un_tiers .expo-slide h6 { font-size: 1.1em; } h6 { font-size: 1.1em; font-weight: 500; margin: 0 0 15px; } @media only screen and (max-width: 800px) { h6 { font-size: 1.1em; } } .colonne_droite h6, .colonne_un_tiers h6 { font-size: 1em; } p, li { font-size: 1em; line-height: 1.5em; text-align: justify; margin: 0 0 5px; word-wrap: break-word; } @media only screen and (max-width: 500px) { p, li { text-align: left; } } body:not(.deux_colonnes_egales) .colonne_droite p, .colonne_un_tiers p, body:not(.deux_colonnes_egales) .colonne_droite li, .colonne_un_tiers li { text-align: left; line-height: 1.4em; } p { margin-bottom: 15px; } ul { margin-top: 0; margin-bottom: 9px; padding-left: 0; margin-left: 25px; } .colonne_droite ul, .colonne_un_tiers ul { margin-left: 20px; } ul.pds_niv1 { list-style: none; } ul.pds_niv3, ul.pds_niv5 { list-style-type: disc; } ul.pds_niv4, ul.pds_niv6 { list-style-type: circle; } ul li::marker { color: #99948f; font-size: 1.1em; } ul ul { margin-top: 5px; } body.plan_du_site nav#plan_du_site { margin: 0 10%; } @media only screen and (max-width: 900px) { body.plan_du_site nav#plan_du_site { margin: 0; } } body.plan_du_site nav#plan_du_site ul { margin-left: 35px; } body.plan_du_site nav#plan_du_site .pds_niv1a:nth-child(n+2) { border-top: 1px solid rgba(128, 122, 117, 0.25); padding-top: 20px; } sup { font-size: 60%; } fieldset { margin: 20px 0; padding: 20px 3%; border: 1px solid #ccc4bc; } fieldset > *:first-child { margin-top: 0; } legend { font-weight: normal; font-size: 1.1em; color: #807a75; padding: 0 2%; text-align: left; } .contenu_texte ol, .expo-nav-ui ol, .media-links ol { margin-left: 45px; padding-left: 0; list-style-type: none; } .contenu_texte ol li, .expo-nav-ui ol li, .media-links ol li { counter-increment: step-counter; margin-bottom: 10px; } .contenu_texte ol li::before, .expo-nav-ui ol li::before, .media-links ol li::before { color: #99948f; white-space: nowrap; content: counter(step-counter) "."; font-size: 1.1em; font-weight: bold; position: absolute; margin-left: -45px; margin-top: -1px; text-align: right; width: 30px; } a { color: #000; text-decoration: none; word-wrap: break-word; } a:hover { color: black; text-decoration: underline; } hr { clear: both; padding: 0px; height: 1px; margin: 30px 0; border: none; border-top: 1px solid rgba(128, 122, 117, 0.2); } .colonne_droite hr { margin: 15px 0; } figure { margin: 0; } ul#evitement { margin: 0; display: flex; justify-content: center; position: absolute; left: 0; right: 0; white-space: nowrap; list-style: none; } ul#evitement li { margin: 0; position: relative; width: 130px; } ul#evitement a { position: absolute; left: -99999rem; background: #fff; padding: .5em; border: 1px solid #000; } ul#evitement a:focus { left: 0; z-index: 1000; } .alignement-droite li, .alignement-droite p, .alignement-gauche li, .alignement-gauche p { text-align: left; } .alignement-droite > *, .alignement-gauche > * { display: inline-block; max-width: 48%; } @media only screen and (max-width: 650px) { .alignement-droite > *, .alignement-gauche > * { float: none !important; max-width: none !important; display: block; } } .contenu_colonne .alignement-droite > *, .contenu_colonne .alignement-gauche > * { display: block; max-width: none; } .alignement-droite > *.petit, .alignement-gauche > *.petit { max-width: 25%; } @media only screen and (max-width: 900px) { .alignement-droite > *.petit, .alignement-gauche > *.petit { max-width: 33%; } } .alignement-droite.petit > *, .alignement-gauche.petit > * { max-width: 25%; } @media only screen and (max-width: 900px) { .alignement-droite.petit > *, .alignement-gauche.petit > * { max-width: 33%; } } .alignement-droite > * { float: right; clear: right; margin-left: 4% !important; } @media only screen and (max-width: 650px) { .alignement-droite > * { margin-left: 0 !important; } } .contenu_colonne .alignement-droite > * { float: none; margin-left: 0 !important; } .alignement-gauche > * { float: left; clear: left; margin-right: 4% !important; } @media only screen and (max-width: 650px) { .alignement-gauche > * { margin-right: 0 !important; } } .contenu_colonne .alignement-gauche > * { float: none; margin-right: 0 !important; } #conteneur { display: flex; column-gap: 3%; } .mise_a_jour { display: flex; align-items: center; font-size: .9em; margin: 2rem 0; color: #807a75; } .mise_a_jour svg { margin-right: 9px; fill: #807a75; } .mise_a_jour svg .st0 { fill: #FFF; } .mise_a_jour mark { display: contents; color: inherit; } #nav_secondaire { width: 20%; max-width: 350px; } @media only screen and (max-width: 1000px) { #nav_secondaire { display: none; } } #nav_secondaire ul { list-style: none; } #nav_secondaire ul, #nav_secondaire li { margin: 0px; padding: 0px; } #nav_secondaire li { text-align: left; line-height: 1.4em; } #nav_secondaire li a, #nav_secondaire li.nav_gauche_page_en_cours > span { display: block; width: 100%; padding: 10px 5%; } #nav_secondaire li a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } #nav_secondaire li.nav_gauche_niv_1 { font-size: 0.8em; font-weight: bold; } #nav_secondaire li.nav_gauche_niv_2 { text-transform: none; font-weight: normal; font-size: 0.95em; } #nav_secondaire li.nav_gauche_niv_2 a, #nav_secondaire li.nav_gauche_niv_2.nav_gauche_page_en_cours > span { padding: 5px 5% 5px 10%; } #nav_secondaire li.nav_gauche_niv_3 { display: none; } main#central { flex: 1; } nav.fil_rouge { color: #b1adaa; margin-bottom: 30px; display: flex; } @media only screen and (max-width: 400px) { nav.fil_rouge { display: none !important; } } body.accueil nav.fil_rouge { display: none; } nav.fil_rouge svg { fill: #b1adaa; flex: none; width: 15px; margin-right: 10px; margin-top: 3px; } nav.fil_rouge ol { flex: 1; } nav.fil_rouge ol, nav.fil_rouge li { margin: 0px; padding: 0px; text-align: left; line-height: 1.4em; } nav.fil_rouge li { display: inline; font-size: 0.9em; } body.recherche-detail nav.fil_rouge li { overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } nav.fil_rouge li + li:before { content: "\00003E"; padding: 0 5px; } nav.fil_rouge li > span { font-weight: bold; color: #8d8782; } nav.fil_rouge a { color: #b1adaa; } nav.fil_rouge a:hover { color: black; text-decoration: none; } body.page_tres_etroite article { max-width: 1000px; margin: 0 auto; } .colonnes { display: flex; gap: 25px 3%; } @media only screen and (max-width: 800px) { .colonnes { display: block; } } section.colonne > *:first-child, section.colonne > *:first-child > * { margin-top: 0; } section.colonne > *:first-child .container-cadre, section.colonne > *:first-child > * .container-cadre { margin-top: 0; } section.colonne_centre { flex: 1; width: 100%; } section.colonne_droite { flex-basis: 27%; font-size: 0.9em; line-height: 1.4em; } @media only screen and (max-width: 900px) { section.colonne_droite { flex-basis: 32%; } } @media only screen and (max-width: 800px) { section.colonne_droite { width: 90%; clear: both; padding-left: 0; margin-left: 5%; font-size: 0.95em; } } @media only screen and (max-width: 500px) { section.colonne_droite { width: 100%; margin-left: 0; } } body.deux_colonnes_egales section.colonne_droite { flex: 1; font-size: inherit; line-height: inherit; } body:not(.deux_colonnes_egales) .colonne_droite, .colonne_un_tiers { color: #6f6557; } body:not(.deux_colonnes_egales) .colonne_droite strong, .colonne_un_tiers strong { color: #534b40; } body:not(.deux_colonnes_egales) .colonne_droite a strong, .colonne_un_tiers a strong { color: inherit; } div.contenu { display: contents; } .contenu_image { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 20px; padding: 0 !important; margin-bottom: 25px; } @media only screen and (max-width: 600px) { .contenu_image { flex-direction: column; align-items: center; flex-wrap: nowrap; } } .colonne_droite .contenu_image, .alignement-droite > .contenu_image, .alignement-gauche > .contenu_image, .contenu_colonne > .contenu > .contenu_image { flex-direction: column; align-items: center; } .colonne_droite .contenu_image figure, .alignement-droite > .contenu_image figure, .alignement-gauche > .contenu_image figure, .contenu_colonne > .contenu > .contenu_image figure { max-width: none !important; } .contenu_colonne > .contenu > .contenu_image figure { margin-bottom: 20px; } .alignement-centre .contenu_image { text-align: left; clear: both; margin: 25px auto; } @media only screen and (max-height: 800px) { .alignement-centre .contenu_image img { max-height: 700px; width: auto; } } @media only screen and (max-height: 700px) { .alignement-centre .contenu_image img { max-height: 600px; } } @media only screen and (max-height: 800px) { .alignement-centre .contenu_image.visionneuse-embed img { max-height: 600px; } } @media only screen and (max-height: 700px) { .alignement-centre .contenu_image.visionneuse-embed img { max-height: 500px; } } .contenu_image figure { text-align: center; max-width: 900px; flex: 1; flex-grow: 1; flex-basis: calc(20% - 16px); } .contenu_image figure:nth-child(n+5) ~ figure { max-width: calc(20% - 16px); } @media only screen and (max-width: 2000px) { .contenu_image figure { flex-basis: calc(25% - 15px); } .contenu_image figure:nth-child(n+4) ~ figure { max-width: calc(25% - 15px); } } @media only screen and (max-width: 1600px) { .contenu_image figure { flex-basis: calc(33.3% - 14px); } .contenu_image figure:nth-child(n+3) ~ figure { max-width: calc(33.3% - 13px); } } @media only screen and (max-width: 1200px) { .contenu_image figure { flex-basis: calc(50% - 10px); } .contenu_image figure:nth-child(n+2) ~ figure { max-width: calc(50% - 10px); } } @media only screen and (max-width: 900px) { .contenu_image figure { flex-basis: calc(50% - 10px); } .contenu_image figure:nth-child(n+2) ~ figure { max-width: calc(50% - 10px); } } @media only screen and (max-width: 600px) { .contenu_image figure { flex-basis: 100% !important; max-width: none !important; } } .colonnes:has(.colonne_droite) .contenu_image figure { flex-basis: calc(33.3% - 14px); } .colonnes:has(.colonne_droite) .contenu_image figure:nth-child(n+3) ~ figure { max-width: calc(33.3% - 13px); } @media only screen and (max-width: 1600px) { .colonnes:has(.colonne_droite) .contenu_image figure { flex-basis: calc(50% - 10px); } .colonnes:has(.colonne_droite) .contenu_image figure:nth-child(n+2) ~ figure { max-width: calc(50% - 10px); } } #central:first-child .contenu_image figure { flex-basis: calc(16.6% - 16px); } #central:first-child .contenu_image figure:nth-child(n+6) ~ figure { max-width: calc(16.6% - 16px); } @media only screen and (max-width: 2000px) { #central:first-child .contenu_image figure { flex-basis: calc(20% - 16px); } #central:first-child .contenu_image figure:nth-child(n+5) ~ figure { max-width: calc(20% - 16px); } } @media only screen and (max-width: 1600px) { #central:first-child .contenu_image figure { flex-basis: calc(25% - 15px); } #central:first-child .contenu_image figure:nth-child(n+4) ~ figure { max-width: calc(25% - 15px); } } @media only screen and (max-width: 1200px) { #central:first-child .contenu_image figure { flex-basis: calc(33.3% - 14px); } #central:first-child .contenu_image figure:nth-child(n+3) ~ figure { max-width: calc(33.3% - 13px); } } @media only screen and (max-width: 900px) { #central:first-child .contenu_image figure { flex-basis: calc(50% - 10px); } #central:first-child .contenu_image figure:nth-child(n+2) ~ figure { max-width: calc(50% - 10px); } } #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure { flex-basis: calc(20% - 16px); } #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure:nth-child(n+5) ~ figure { max-width: calc(20% - 16px); } @media only screen and (max-width: 2000px) { #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure { flex-basis: calc(25% - 15px); } #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure:nth-child(n+4) ~ figure { max-width: calc(25% - 15px); } } @media only screen and (max-width: 1600px) { #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure { flex-basis: calc(33.3% - 14px); } #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure:nth-child(n+3) ~ figure { max-width: calc(33.3% - 13px); } } @media only screen and (max-width: 1200px) { #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure { flex-basis: calc(50% - 10px); } #central:first-child .colonnes:has(.colonne_droite) .contenu_image figure:nth-child(n+2) ~ figure { max-width: calc(50% - 10px); } } .contenu_image figure .image_carousel { display: inline-block; vertical-align: middle; overflow: hidden; } .contenu_image figure img { max-width: 100%; vertical-align: middle; } .contenu_image figure.image_format_png a.lien-zoom { background-color: transparent; } .contenu_image figure.image_format_png .image_carousel { border: none; box-shadow: none; } .contenu_image figure.image_format_png .image_carousel img { object-fit: contain; } .colonne_header .contenu_image figure { max-width: none; } .colonne_header .contenu_image figure .image_carousel { display: block; } .colonne_header .contenu_image figure img { width: 100%; height: 200px; object-fit: cover; } @media only screen and (min-width: 1700px) { .colonne_header .contenu_image figure img { height: 250px; } } @media only screen and (min-width: 1900px) { .colonne_header .contenu_image figure img { height: 300px; } } .colonne_header .contenu_image figure.sujet_haut img { object-position: center top; } .colonne_header .contenu_image figure.sujet_bas img { object-position: center bottom; } @media only screen and (min-width: 1000px) { .contenu_image.legende_a_droite, .contenu_image.legende_a_gauche { align-items: flex-end; } .contenu_image.legende_a_droite figure, .contenu_image.legende_a_gauche figure { display: flex; align-items: flex-end; max-width: 1300px; } .contenu_image.legende_a_droite figure > a, .contenu_image.legende_a_gauche figure > a { max-width: 900px; } .contenu_image.legende_a_droite figure figcaption, .contenu_image.legende_a_gauche figure figcaption { flex: 1; min-width: 40%; max-width: 60%; border: none; } } @media only screen and (min-width: 1000px) and (min-width: 1000px) and (max-width: 1500px) { .contenu_image.legende_a_droite figure figcaption p, .contenu_image.legende_a_droite figure figcaption li, .contenu_image.legende_a_gauche figure figcaption p, .contenu_image.legende_a_gauche figure figcaption li { text-align: left; } } @media only screen and (min-width: 1000px) and (max-width: 1400px) { .alignement-gauche .contenu_image.legende_a_droite figure, .alignement-droite .contenu_image.legende_a_droite figure, .alignement-gauche .contenu_image.legende_a_gauche figure, .alignement-droite .contenu_image.legende_a_gauche figure { display: block; } .alignement-gauche .contenu_image.legende_a_droite figure figcaption, .alignement-droite .contenu_image.legende_a_droite figure figcaption, .alignement-gauche .contenu_image.legende_a_gauche figure figcaption, .alignement-droite .contenu_image.legende_a_gauche figure figcaption { max-width: none; } } @media only screen and (min-width: 1000px) { .contenu_image.legende_a_droite figure figcaption { padding-left: 5%; } .contenu_image.legende_a_gauche figure > a, .contenu_image.legende_a_gauche figure > .image_carousel { order: 2; } .contenu_image.legende_a_gauche figure figcaption { order: 1; padding-right: 5%; padding-left: 0; } } .contenu_image.pas_de_contour .image_carousel { border: none; box-shadow: none; } .contenu_image.petite figure { max-width: 360px !important; } .alignement-droite > .contenu_image.petite figure, .alignement-gauche > .contenu_image.petite figure { max-width: 250px !important; } .colonne_droite .contenu_image.petite figure { max-width: 60% !important; flex-basis: 60%; } .contenu_image.minuscule { align-items: flex-end; } .contenu_image.minuscule figure { max-width: 160px !important; } .colonne_droite .contenu_image.minuscule { flex-direction: row; } .colonne_droite .contenu_image.minuscule figure { max-width: 50% !important; flex-basis: calc(50% - 10px); } .contenu_image.patchwork { flex-wrap: nowrap; margin-bottom: 25px; gap: 0; } .contenu_image.patchwork figure { margin: 0 !important; max-width: none !important; min-width: inherit; flex: auto; flex-shrink: 2; flex-grow: 3; } @media only screen and (max-width: 700px) { .contenu_image.patchwork figure:nth-child(n+4) { display: none; } } @media only screen and (max-width: 1000px) { .contenu_image.patchwork figure:nth-child(n+5) { display: none; } } @media only screen and (max-width: 1400px) { .contenu_image.patchwork figure:nth-child(n+6) { display: none; } } @media only screen and (max-width: 1700px) { .contenu_image.patchwork figure:nth-child(n+7) { display: none; } } @media only screen and (max-width: 2000px) { .contenu_image.patchwork figure:nth-child(n+8) { display: none; } } .contenu_image.patchwork figure .image_carousel { border: none; box-shadow: none; } .contenu_image.patchwork figure img { width: 100%; height: 300px; object-fit: cover; } @media only screen and (min-width: 1400px) { .contenu_image.patchwork figure img { height: 400px; } } @media only screen and (min-width: 2000px) { .contenu_image.patchwork figure img { height: 500px; } } .contenu_image.une_seule_vignette figure:nth-child(n+2) { display: none; } .contenu_image.alignement_bas { align-items: flex-end; } .blueimp-gallery .title { top: 0 !important; left: 0 !important; padding: 8px 14px; margin: 0 !important; font-size: 0.8em !important; line-height: normal !important; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; max-width: 90%; overflow: hidden; color: #FFF !important; background-color: rgba(0, 0, 0, 0.9); } @media only screen and (max-width: 600px) { .blueimp-gallery .title { display: none; } } .blueimp-gallery > .close { width: 38px; height: 38px; overflow: hidden; color: transparent !important; text-shadow: none !important; background-image: url("/default/images/icones/fermer.svg"); background-size: 17px; background-color: #dc3545; opacity: 1 !important; } .blueimp-gallery > .close:hover { background-color: #bd2130; } a.lien-zoom, .start-visionneuse { padding: 0; } a.lien-zoom img, .start-visionneuse img { filter: brightness(1); vertical-align: middle; } a.lien-zoom:hover, .start-visionneuse:hover { cursor: zoom-in; } a.lien-zoom:hover img, .start-visionneuse:hover img { filter: brightness(1.1); transform: scale(1.03); } .image_format_png a.lien-zoom:hover img, .image_format_png .start-visionneuse:hover img { transform: scale(0.97); } .start-visionneuse { position: relative; display: inline-block; overflow: hidden; border-radius: 0; border: none; transform: none; } .start-visionneuse .corner_visionneuse svg { width: 45px; height: 45px; margin-right: 0; fill: #000; position: absolute; z-index: 1; right: 0; bottom: 0; } .start-visionneuse .corner_visionneuse:after { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 0 45px 45px; border-color: transparent transparent #f8f2ea transparent; position: absolute; right: 0; bottom: 0; } .start-visionneuse:hover svg { fill: black; } .start-visionneuse:hover svg .cercle { fill: transparent; } figcaption { padding: 13px 0 0 15px; border-left: 1px solid rgba(128, 122, 117, 0.15); text-align: left; max-width: 800px; margin: 0 auto; } .alignement-gauche figcaption, .alignement-droite figcaption { font-size: 0.95em; } .carousel figcaption { font-size: 1em; line-height: 1.4em; padding: 15px 0; border: none; } figcaption .legende_simple { display: block; color: #807a75; font-weight: 500; line-height: 1.45em; } figcaption .legende_riche { font-size: 90%; margin-top: 5px; color: #6f6557; } figcaption .legende_riche p, figcaption .legende_riche li { line-height: 1.4em; } @media only screen and (max-width: 900px) { figcaption .legende_riche p, figcaption .legende_riche li { text-align: left; } } @media only screen and (max-width: 1800px) { .contenu_image:has(figure:nth-child(n+2)) .legende_riche p, .contenu_image:has(figure:nth-child(n+2)) .legende_riche li { text-align: left; } } .lazy.lazy-not-loaded { opacity: 0; } .lazy.lazy-loaded { opacity: 1; } .alignement-gauche > *, .alignement-droite > * { margin-top: 0 !important; } .alignement-gauche > .contenu_liens, .alignement-gauche > .lot_contenu_pdf, .alignement-gauche > .contenu-courriels { width: 30%; padding-right: 3%; } @media only screen and (max-width: 900px) { .alignement-gauche > .contenu_liens, .alignement-gauche > .lot_contenu_pdf, .alignement-gauche > .contenu-courriels { width: 45%; padding-right: 5%; } } @media only screen and (max-width: 650px) { .alignement-gauche > .contenu_liens, .alignement-gauche > .lot_contenu_pdf, .alignement-gauche > .contenu-courriels { width: auto; padding-right: 0; } } .contenu_colonne .alignement-gauche > .contenu_liens, .contenu_colonne .alignement-gauche > .lot_contenu_pdf, .contenu_colonne .alignement-gauche > .contenu-courriels { width: 100%; padding-right: 0; } .alignement-droite > .contenu_liens, .alignement-droite > .lot_contenu_pdf, .alignement-droite > .contenu-courriels { width: 30%; padding-left: 3%; } @media only screen and (max-width: 900px) { .alignement-droite > .contenu_liens, .alignement-droite > .lot_contenu_pdf, .alignement-droite > .contenu-courriels { width: 45%; padding-left: 5%; } } @media only screen and (max-width: 650px) { .alignement-droite > .contenu_liens, .alignement-droite > .lot_contenu_pdf, .alignement-droite > .contenu-courriels { width: auto; padding-left: 0; } } .contenu_colonne .alignement-droite > .contenu_liens, .contenu_colonne .alignement-droite > .lot_contenu_pdf, .contenu_colonne .alignement-droite > .contenu-courriels { width: 100%; padding-left: 0; } .alignement-centre .contenu_texte { width: 100%; margin-left: auto; margin-right: auto; } .alignement-gauche > .contenu_texte, .alignement-droite > .contenu_texte { max-width: 48%; } .alignement-gauche .contenu_texte p, .alignement-gauche .contenu_texte li, .alignement-droite .contenu_texte p, .alignement-droite .contenu_texte li { text-align: justify; } body:not(.mode-restitution-expo) .contenu_textebody:not(.mode-restitution-monopage) .contenu_texte strong { color: #191714; } body:not(.mode-restitution-expo) .contenu_textebody:not(.mode-restitution-monopage) .contenu_texte a strong { color: inherit; } .contenu_texte > *:first-child { margin-top: 0; } .contenu_texte.note { color: #807a75; font-size: 0.9em; } .contenu_texte.deux_colonnes { column-count: 2; column-gap: 50px; column-rule: 1px solid rgba(128, 122, 117, 0.2); } @media only screen and (max-width: 700px) { .contenu_texte.deux_colonnes { column-count: auto; } } .contenu_fichier { margin: 0 auto; } body.recherche-detail .contenu_fichier { max-width: none; } .contenu_fichier p { margin: 10px 0 15px; } .contenu_fichier p a { display: inline-flex; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .contenu_fichier p a { display: block; } } .contenu_fichier p a svg { fill: #000; flex-basis: 25px; margin-right: 7px; } .container-alerte .contenu_fichier p a svg { fill: #dc3545; } .contenu_fichier p a:hover svg { fill: black; } .container-alerte .contenu_fichier p a:hover svg { fill: #bd2130; } .contenu_fichier p a .libelle_fichier { flex: 1; word-break: break-word; } .contenu_fichier p a .poids_du_fichier { color: #807a75; font-size: 0.8em; font-style: italic; font-weight: normal; white-space: nowrap; } .lot_contenu_pdf { clear: both; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 4%; margin: 0 auto 25px; } .alignement-gauche .lot_contenu_pdf, .alignement-droite .lot_contenu_pdf, .colonne_droite .lot_contenu_pdf, .contenu_colonne .lot_contenu_pdf { flex-direction: column; } .lot_contenu_pdf.lot_pdf_sans_image { display: block; clear: none; } .lot_contenu_pdf.lot_pdf_sans_image .contenu_pdf { max-width: none; } .alignement-gauche .lot_contenu_pdf.lot_pdf_sans_image .contenu_fichier, .alignement-droite .lot_contenu_pdf.lot_pdf_sans_image .contenu_fichier, .colonne_droite .lot_contenu_pdf.lot_pdf_sans_image .contenu_fichier, .contenu_colonne .lot_contenu_pdf.lot_pdf_sans_image .contenu_fichier { margin-left: 0; } .lot_contenu_pdf:not(.lot_pdf_sans_image) svg { display: none; } .contenu_pdf { flex: 1; flex-basis: 48%; display: flex; align-items: center; gap: 15px 20px; } @media only screen and (max-width: 800px) { .alignement-centre .contenu_pdf { flex-basis: 100%; max-width: none; } } @media only screen and (min-width: 1500px) { .alignement-centre .contenu_pdf { flex-basis: 30%; } } .colonne_centre .alignement-centre .contenu_pdf { min-width: 350px; } @media only screen and (max-width: 500px) { .colonne_centre .alignement-centre .contenu_pdf { min-width: 0; } } @media only screen and (max-width: 400px) { .colonne_centre .alignement-centre .contenu_pdf { display: block; } } .colonne_centre .contenu_colonne .alignement-centre .contenu_pdf { min-width: 0; } .alignement-gauche .contenu_pdf, .alignement-droite .contenu_pdf, .colonne_droite .contenu_pdf, .contenu_colonne .contenu_pdf { flex-direction: column; width: auto; min-width: 0 !important; } .contenu_pdf .contenu_image { flex-basis: 120px; margin: 0; } .alignement-gauche .contenu_pdf .contenu_image, .alignement-droite .contenu_pdf .contenu_image, .colonne_droite .contenu_pdf .contenu_image, .contenu_colonne .contenu_pdf .contenu_image { flex: none; } .contenu_pdf .contenu_image figure { margin: 0 auto !important; min-width: inherit; max-width: 180px; } .contenu_pdf .contenu_image figure .image_carousel { border: none; } .alignement-centre .contenu_pdf .contenu_image img { max-height: 200px; width: auto; } .contenu_pdf .contenu_image img { border: 1px solid #edeae7; } @media only screen and (max-width: 650px) { .contenu_pdf .contenu_image img { max-height: 200px; width: auto; } } .contenu_pdf .contenu_fichier { flex: 1; } .contenu_pdf .contenu_fichier p { text-align: left; margin: 0; } ul.contenu-courriels, ul.contenu_liens { margin: 0 auto !important; list-style: none; } body.recherche-detail ul.contenu-courriels, body.recherche-detail ul.contenu_liens { max-width: none; } ul.contenu-courriels li, ul.contenu_liens li { margin-bottom: 15px; display: flex; } ul.contenu-courriels a, ul.contenu_liens a { display: flex; column-gap: 8px; font-weight: normal !important; } ul.contenu-courriels a svg, ul.contenu_liens a svg { fill: #000; flex: none; } .container-alerte ul.contenu-courriels a svg, .container-alerte ul.contenu_liens a svg { fill: #dc3545; } ul.contenu-courriels a:hover svg, ul.contenu_liens a:hover svg { fill: black; } .container-alerte ul.contenu-courriels a:hover svg, .container-alerte ul.contenu_liens a:hover svg { fill: #bd2130; } ul.contenu-courriels a .libelle_url, ul.contenu-courriels a .libelle_courriel, ul.contenu_liens a .libelle_url, ul.contenu_liens a .libelle_courriel { word-break: break-word; } ul.contenu-courriels { margin-bottom: 25px; } .colonne_droite > ul.contenu-courriels, .colonne_un_tiers > ul.contenu-courriels { margin-bottom: 15px; } ul.contenu-courriels a svg { margin-top: 2px; } ul.contenu_liens a svg { flex-basis: 17px; margin-top: 2px; } .colonne_droite ul.contenu_liens a svg, .colonne_un_tiers ul.contenu_liens a svg { margin-top: 0; } ul.contenu-telephones { list-style: none; margin: 0 auto 10px; font-size: 1.4em; font-weight: bold; } ul.contenu-telephones a { display: inline-flex; align-items: center; column-gap: 10px; color: #a67041; } ul.contenu-telephones a:hover { text-decoration: none; } ul.contenu-telephones svg { fill: rgba(166, 112, 65, 0.4); flex: none; } ul.contenu-telephones span { white-space: nowrap; } blockquote { display: flex !important; justify-content: center; margin: 50px auto; min-height: 35px; color: #a67041 !important; font-size: 1.4em; line-height: 1.6em; text-align: left; font-style: italic; } @media only screen and (max-width: 900px) { blockquote { margin: 50px 0; } } @media only screen and (max-width: 800px) { blockquote { font-size: 1.3em; } } @media only screen and (max-width: 600px) { blockquote { font-size: 1.2em; } } .colonne_droite blockquote { margin: 50px 0; } .alignement-gauche blockquote, .alignement-droite blockquote, .contenu_colonne blockquote, .colonne_droite blockquote { font-size: 1.2em; } blockquote p.citation, blockquote p.auteur_citation, .contenu_texte blockquote, .moteur_detail_fiche blockquote { padding: 0 60px; } .colonne_droite blockquote p.citation, .colonne_droite blockquote p.auteur_citation, .colonne_droite .contenu_texte blockquote, .colonne_droite .moteur_detail_fiche blockquote { padding: 0 35px !important; } blockquote p.citation, .contenu_texte blockquote, .moteur_detail_fiche blockquote { position: relative; } blockquote p.citation:before, blockquote p.citation:after, .contenu_texte blockquote:before, .contenu_texte blockquote:after, .moteur_detail_fiche blockquote:before, .moteur_detail_fiche blockquote:after { font-size: 105px; font-style: normal; line-height: normal; position: absolute; top: 0; opacity: 0.3; } .alignement-gauche blockquote p.citation:before, .alignement-droite blockquote p.citation:before, .contenu_colonne blockquote p.citation:before, .alignement-gauche blockquote p.citation:after, .alignement-droite blockquote p.citation:after, .contenu_colonne blockquote p.citation:after, .alignement-gauche .contenu_texte blockquote:before, .alignement-droite .contenu_texte blockquote:before, .contenu_colonne .contenu_texte blockquote:before, .alignement-gauche .contenu_texte blockquote:after, .alignement-droite .contenu_texte blockquote:after, .contenu_colonne .contenu_texte blockquote:after, .alignement-gauche .moteur_detail_fiche blockquote:before, .alignement-droite .moteur_detail_fiche blockquote:before, .contenu_colonne .moteur_detail_fiche blockquote:before, .alignement-gauche .moteur_detail_fiche blockquote:after, .alignement-droite .moteur_detail_fiche blockquote:after, .contenu_colonne .moteur_detail_fiche blockquote:after { font-size: 90px; } .colonne_droite blockquote p.citation:before, .colonne_droite blockquote p.citation:after, .colonne_droite .contenu_texte blockquote:before, .colonne_droite .contenu_texte blockquote:after, .colonne_droite .moteur_detail_fiche blockquote:before, .colonne_droite .moteur_detail_fiche blockquote:after { font-size: 60px; } blockquote p.citation:before, .contenu_texte blockquote:before, .moteur_detail_fiche blockquote:before { content: "\00201C"; left: 0; text-align: left; } blockquote p.citation:after, .contenu_texte blockquote:after, .moteur_detail_fiche blockquote:after { content: "\00201D"; right: 0; } .contenu_texte.citation_multiligne blockquote { display: block !important; } blockquote.contenu_citation { flex-direction: column; align-items: center; position: relative; pointer-events: none; } .alignement-gauche blockquote.contenu_citation { margin-left: 0; } .alignement-droite blockquote.contenu_citation { margin-right: 0; } .container-inner blockquote.contenu_citation { margin-bottom: 20px; } blockquote.contenu_citation p.citation, blockquote.contenu_citation .contenu_texte { margin-bottom: 10px; color: inherit; font-size: inherit; } blockquote.contenu_citation p.citation { text-align: left; } blockquote.contenu_citation p.auteur_citation { text-align: right; font-size: 0.7em; line-height: normal; color: #807a75 !important; width: 100%; } .texte_negatif blockquote.contenu_citation:before { color: #e3cbb7; opacity: 0.5; } ol.table_des_matieres { counter-reset: table_des_matieres_compteur; list-style-type: none; } .alignement-centre ol.table_des_matieres { width: 100%; margin-left: auto; margin-right: auto; } ol.table_des_matieres li { display: flex; } ol.table_des_matieres li:before { counter-increment: table_des_matieres_compteur; content: counter(table_des_matieres_compteur) "."; color: #807a75; font-size: 1.5em; margin-right: 7px; margin-top: -2px; } h2.titre_de_section { clear: both; margin: 0 0 20px; padding: 100px 0 5px !important; border-bottom: 5px solid rgba(128, 122, 117, 0.2); } ul.contenu-chiffre-cles { list-style: none; margin: 30px 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .alignement-gauche ul.contenu-chiffre-cles, .alignement-droite ul.contenu-chiffre-cles, .colonne_droite ul.contenu-chiffre-cles, .contenu_colonne ul.contenu-chiffre-cles { flex-direction: column; } ul.contenu-chiffre-cles li { max-width: 50%; flex: 1; flex-basis: 33%; margin: 0; padding: 15px 3% 20px; text-align: center; line-height: normal !important; } @media only screen and (min-width: 1700px) { ul.contenu-chiffre-cles li { flex-basis: 25%; } } @media only screen and (min-width: 2000px) { ul.contenu-chiffre-cles li { flex-basis: 20%; } } @media only screen and (max-width: 800px) { ul.contenu-chiffre-cles li { flex-basis: 50%; } } @media only screen and (max-width: 550px) { ul.contenu-chiffre-cles li { flex-basis: 100%; max-width: none; } } .alignement-gauche ul.contenu-chiffre-cles li, .alignement-droite ul.contenu-chiffre-cles li, .colonne_droite ul.contenu-chiffre-cles li, .contenu_colonne ul.contenu-chiffre-cles li { max-width: none; padding: 15px 6% 20px; } ul.contenu-chiffre-cles li .meter_unite { font-size: 2.5em; display: block; margin-bottom: 10px; white-space: nowrap; } ul.contenu-chiffre-cles li .meter_unite .unite { font-size: 0.7em; } .contenu_gps { margin-bottom: 25px; } .contenu_gps > div { position: relative; } .contenu_gps .intitule_marker { background-color: rgba(128, 122, 117, 0.9); color: #FFF; pointer-events: none; font-weight: 300; position: absolute; z-index: 10; width: 100%; top: 0; padding: 8px 15px; } .contenu_gps, .contenu-carto { margin-bottom: 0; } .mapboxgl-map { height: 600px !important; } @media only screen and (max-width: 800px) { .mapboxgl-map { height: 500px !important; } } .contenu_colonne .mapboxgl-map, .colonne_droite .mapboxgl-map, .colonne_un_tiers .mapboxgl-map { height: 400px !important; } @media only screen and (max-width: 800px) { .contenu_colonne .mapboxgl-map, .colonne_droite .mapboxgl-map, .colonne_un_tiers .mapboxgl-map { height: 300px !important; } } .mapboxgl-map .mapboxgl-ctrl-attrib-button { display: none; } .map-links ul { list-style: none; margin: 10px 0 25px; line-height: 1em; } .map-links ul li { font-size: 0.75em; color: #807a75; display: inline; } .map-links ul li:before { content: none; } .map-links ul li:nth-child(1):after, .map-links ul li:nth-child(2):after { content: "/"; padding: 0 5px; } .map-links ul li a { color: #807a75; white-space: nowrap; } .map-links ul li a:hover { color: #000; } .container-cadre, .container-alerte { margin: 30px auto; clear: both; } .container-cadre.alignement-gauche, .container-cadre.alignement-droite, .container-alerte.alignement-gauche, .container-alerte.alignement-droite { clear: none; } .container-title { font-weight: bold; font-size: 1.2em; padding: 0 3% 3px; text-align: left; } .colonne_droite .container-title { line-height: 1.4em; padding: 0 7% 3px; } .alignement-gauche > .container-title, .alignement-droite > .container-title { width: 48%; } .container-accordeon .container-title { color: #000; background-color: rgba(0, 0, 0, 0.1); padding: 15px 3%; display: flex; } .container-accordeon .container-title:hover { background-color: rgba(0, 0, 0, 0.05); color: black; cursor: pointer; } .container-accordeon .container-title:focus { outline: none; } .container-accordeon .container-title svg { flex: none; margin-top: 5px; margin-right: 10px; width: 11px; height: 15px; fill: currentColor; } .colonne_droite .container-accordeon .container-title svg { margin-top: 3px; margin-right: 7px; width: 9px; height: 12px; } .container-accordeon-deplie .container-title svg { transform: rotate(90deg); } .container-alerte .container-title { color: rgba(220, 53, 69, 0.6); } .container-inner, .ia-reservation, .reza-reservation-module { padding: 20px 3% 1px; margin-bottom: 1.5em; } @media only screen and (max-width: 600px) { .container-inner, .ia-reservation, .reza-reservation-module { padding: 20px 5% 1px; } } .colonne_droite .container-inner, .colonne_un_tiers .container-inner, .colonne_droite .ia-reservation, .colonne_un_tiers .ia-reservation, .colonne_droite .reza-reservation-module, .colonne_un_tiers .reza-reservation-module { padding: 20px 7% 1px; } .colonnes_de_contenus .container-inner, .colonnes_de_contenus .ia-reservation, .colonnes_de_contenus .reza-reservation-module { padding: 20px 6% 1px; } .alignement-gauche > .container-inner, .alignement-droite > .container-inner, .alignement-gauche > .ia-reservation, .alignement-droite > .ia-reservation, .alignement-gauche > .reza-reservation-module, .alignement-droite > .reza-reservation-module { width: 48%; } .alignement-gauche > .container-inner .contenu_texte, .alignement-droite > .container-inner .contenu_texte, .alignement-gauche > .ia-reservation .contenu_texte, .alignement-droite > .ia-reservation .contenu_texte, .alignement-gauche > .reza-reservation-module .contenu_texte, .alignement-droite > .reza-reservation-module .contenu_texte { max-width: none; } @media only screen and (max-width: 650px) { .alignement-gauche > .container-inner, .alignement-gauche > .ia-reservation, .alignement-gauche > .reza-reservation-module { margin-right: 0; } } @media only screen and (max-width: 650px) { .alignement-droite > .container-inner, .alignement-droite > .ia-reservation, .alignement-droite > .reza-reservation-module { margin-left: 0; } } .container-inner .resultat_arborescent_inner_container { padding: 20px 4% 1px; } .container-inner > .contenu:first-of-type > * { margin-top: 0; } .container-inner > .contenu:first-of-type > * > * { margin-top: 0; } .container-inner > .contenu:first-of-type > * > * .contenu_fichier p { margin-top: 0; } .container-inner:after { content: ""; display: block; clear: both; } .container-cadre.invisible .container-inner { border-radius: 0; background-color: transparent; border: none; box-shadow: none; padding: 0; margin: 0; } .moteur_detail_fiche .container-inner > *:first-of-type, .resultat_arborescent_inner_container .container-inner > *:first-of-type { margin-top: 0; } .container-accordeon .container-inner { background-color: #FFF; border: 1px solid #e2ded9; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; animation-duration: 0.3s; animation-name: contenu_accordeon; animation-timing-function: ease-in; animation-fill-mode: both; } @keyframes contenu_accordeon { from { margin-top: -15px; opacity: 0; } to { margin-top: 0; opacity: 1; } } .container-alerte .container-inner { background-color: #fcebec !important; color: #66121a; } .container-alerte .container-inner h2 { color: #bd2130; } .container-alerte .container-inner h3 { color: #921925; } .container-alerte .container-inner h4 { color: #66121a; } .container-alerte .container-inner li::marker { color: rgba(220, 53, 69, 0.5); } .container-alerte .container-inner a { color: #dc3545; font-weight: 600; } .container-alerte .container-inner a:hover { color: #bd2130; } .container-accordeon { margin-bottom: 30px; clear: both; } .colonnes_de_contenus { display: flex; justify-content: space-between; clear: both; gap: 20px 4%; } @media only screen and (max-width: 800px) { .colonnes_de_contenus { flex-wrap: wrap; } } @media only screen and (max-width: 550px) { .colonnes_de_contenus { flex-direction: column; } } .contenu_colonne { flex: 1; } @media only screen and (max-width: 1300px) { .contenu_colonne li, .contenu_colonne p { text-align: left; } } @media only screen and (max-width: 800px) { .contenu_colonne { min-width: 300px; } } @media only screen and (max-width: 550px) { .contenu_colonne { flex: none; min-width: 0; width: 100%; } } .contenu_colonne > *:first-of-type, .contenu_colonne > *:first-of-type > * { margin-top: 0; } .contenu_colonne.colonne_large { flex: 1.5; } .contenu_dates { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; } .contenu_dates > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 15px 30px; max-width: 300px; } .contenu_dates .date_intitule { width: 100%; margin-bottom: 15px; font-weight: bold; color: #807a75; } .contenu_dates .date_debut, .contenu_dates .date_fin { display: inline-flex; flex-direction: column; width: 120px; } .contenu_dates span { padding: 5px 0; } .contenu_dates .date_jour { font-size: 4em; line-height: normal; background-color: #FFF; color: #000; padding: 12px; } .contenu_dates .date_mois { text-transform: uppercase; color: #FFF; } .contenu_dates .date_annee { color: #FFF; letter-spacing: 10px; padding-left: 5px; } .contenu_dates .date_description { color: #65615d; font-size: 0.95em; margin-top: 15px; } .contenu_dates .date_description p { line-height: 1.4em; } .contenu_tableau { overflow-x: auto; } table { border-collapse: collapse; border: none; width: 100%; margin: 0 0 30px; text-align: left; font-size: 0.9em; line-height: 1.3em; } table caption { color: #807a75; font-weight: bold; text-align: left; margin-bottom: 5px; font-size: 1.25em; padding-left: 8px; } table tr { border-bottom: 1px solid rgba(204, 196, 188, 0.6); } table thead tr { border-bottom-color: #b6ab9f; } table th { background-color: #ccc4bc; color: #FFF; padding: 10px 8px; text-align: left; vertical-align: bottom; } table th.en_tete_en_colonne { vertical-align: top; } td { padding: 10px 8px; vertical-align: top; } td.cellule_insecable { white-space: nowrap; } td p, td li { text-align: left; margin: 0; } .insecable { white-space: nowrap; } .react-player__preview:hover > .react-player__shadow { transform: scale(1.4); } .file-audio .react-player__preview:hover > .react-player__shadow { transform: scale(1.1); } .contenu_media_embed { width: 100%; } .contenu_media_embed > div { margin: 20px 0 40px; display: flex; flex-direction: column; align-items: center; } .contenu_media_embed .player-wrapper { width: 500px; max-width: 100%; } @media only screen and (min-width: 1400px) { .contenu_media_embed .player-wrapper { width: 600px; } } @media only screen and (min-width: 1700px) { .contenu_media_embed .player-wrapper { width: 700px; } } @media only screen and (min-width: 1900px) { .contenu_media_embed .player-wrapper { width: 800px; } } @media only screen and (max-width: 550px) { .contenu_media_embed .player-wrapper { width: 100%; } } .colonne_droite .contenu_media_embed .player-wrapper, .contenu_colonne .contenu_media_embed .player-wrapper { width: 100% !important; } .colonne_droite .contenu_media_embed .player-wrapper .react-player__preview, .contenu_colonne .contenu_media_embed .player-wrapper .react-player__preview { background-size: auto 140% !important; } .contenu_media_embed .player-wrapper.file-video .react-player__preview { background-color: rgba(0, 0, 0, 0.15); } .contenu_media_embed .player-wrapper:-webkit-full-screen { width: 100% !important; height: 100vh; margin: 0; background-color: #000; } .contenu_media_embed .player-wrapper:-webkit-full-screen .player-title { display: none !important; } .contenu_media_embed .player-wrapper:-webkit-full-screen.file-video .react-player, .contenu_media_embed .player-wrapper:-webkit-full-screen.file.unknown .react-player { height: 100vh !important; width: 100% !important; padding-bottom: 40px; } body.mode-restitution-monopage .contenu_media_embed .player-wrapper:-webkit-full-screen.file-video .react-player, body.mode-restitution-expo .contenu_media_embed .player-wrapper:-webkit-full-screen.file-video .react-player, body.mode-restitution-monopage .contenu_media_embed .player-wrapper:-webkit-full-screen.file.unknown .react-player, body.mode-restitution-expo .contenu_media_embed .player-wrapper:-webkit-full-screen.file.unknown .react-player { height: 100vh !important; } .contenu_media_embed .player-wrapper:-webkit-full-screen .player-tools { position: fixed; left: 0; bottom: 0; width: 100vw; } .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 280px !important; margin: 0 auto; } .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 160px !important; } @media only screen and (max-width: 800px) { .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 280px !important; } } @media only screen and (max-width: 550px) { .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 250px !important; } } @media only screen and (max-width: 450px) { .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 220px !important; } } @media only screen and (min-width: 1400px) { .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 337px !important; } .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .colonne_droite .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 220px !important; } } @media only screen and (min-width: 1700px) { .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 393px !important; } } @media only screen and (min-width: 1900px) { .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 449px !important; } } @media only screen and (max-width: 550px) { .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 250px !important; } } @media only screen and (max-width: 450px) { .contenu_media_embed .player-wrapper:not(:fullscreen).file-video .react-player, .contenu_media_embed .player-wrapper:not(:fullscreen).file.unknown .react-player { height: 220px !important; } } .contenu_media_embed .player-wrapper:-moz-full-screen { width: 100% !important; height: 100vh; margin: 0; background-color: #000; } .contenu_media_embed .player-wrapper:-moz-full-screen .player-title { display: none !important; } .contenu_media_embed .player-wrapper:-moz-full-screen.file-video .react-player, .contenu_media_embed .player-wrapper:-moz-full-screen.file.unknown .react-player { height: 100vh !important; width: 100% !important; padding-bottom: 40px; } body.mode-restitution-monopage .contenu_media_embed .player-wrapper:-moz-full-screen.file-video .react-player, body.mode-restitution-expo .contenu_media_embed .player-wrapper:-moz-full-screen.file-video .react-player, body.mode-restitution-monopage .contenu_media_embed .player-wrapper:-moz-full-screen.file.unknown .react-player, body.mode-restitution-expo .contenu_media_embed .player-wrapper:-moz-full-screen.file.unknown .react-player { height: 100vh !important; } .contenu_media_embed .player-wrapper:-moz-full-screen .player-tools { position: fixed; left: 0; bottom: 0; width: 100vw; } .contenu_media_embed .player-wrapper.player-Vimeo .react-player > div { background-color: transparent !important; } .contenu_media_embed .player-wrapper.file-audio .react-player__preview { width: auto !important; display: inline-flex !important; } .contenu_media_embed .player-wrapper.file-audio .react-player__preview .react-player__shadow { border-radius: 50%; background-image: none !important; background-color: #000 !important; } .contenu_media_embed .player-wrapper.file-audio .react-player__preview .react-player__shadow:hover { background-color: black !important; } .contenu_media_embed .player-wrapper.file-audio button.fullscreen { display: none; } .contenu_media_embed .player-title { color: #807a75; font-weight: bold; text-align: left; margin-bottom: 5px; } .contenu_media_embed .file-audio .player-title { text-align: center; margin-bottom: 10px; } .contenu_media_embed .player-tools { margin-top: 10px; display: flex; align-items: center; } .contenu_media_embed .player-tools button { width: 27px; height: 27px; border-radius: 50%; padding: 6px; } .contenu_media_embed .player-tools button.play_pause { margin-right: 10px; } .contenu_media_embed .player-tools button.fullscreen { margin-left: 10px; } .contenu_media_embed .player-tools button svg { fill: #FFF; width: 14px; height: 14px; margin-left: 1px; margin-right: 0; } .contenu_media_embed .player-tools button[title="Pause"] svg { margin-left: 2px; } .contenu_media_embed .player-progress { flex: 1; display: flex; flex-direction: column; position: relative; } .contenu_media_embed .player-progress > * { width: 100%; } .contenu_media_embed .player-progress input[type=range] { position: absolute; } .contenu_media_embed .player-progress input[type=range]::-webkit-slider-thumb { border-radius: 0; } .contenu_media_embed .player-progress progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; } .contenu_media_embed .player-progress progress::-webkit-progress-bar { background-color: transparent; } .contenu_media_embed .player-progress progress:nth-child(3) { height: 24px; } .contenu_media_embed .player-progress progress:nth-child(3)::-webkit-progress-value { background-color: rgba(0, 0, 0, 0.5); } .contenu_media_embed .player-progress progress:nth-child(3)::-moz-progress-bar { background-color: rgba(0, 0, 0, 0.5); } .contenu_media_embed .player-progress progress:nth-child(4) { height: 3px; } .contenu_media_embed .player-progress .hover-position { display: none; pointer-events: none; position: absolute; color: #807a75; font-size: 0.9em; width: auto; margin-top: -24px; margin-left: 45%; line-height: 24px; padding: 0 10px; background-color: rgba(255, 255, 255, 0.85); } .contenu_media_embed .player-progress:hover .hover-position { display: inline-block; } .contenu_media_embed input[type=range] { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; margin: 0; height: 24px; } .contenu_media_embed input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 24px; cursor: pointer; background-color: black; } .contenu_media_embed input[type=range]::-webkit-slider-thumb:hover { background-color: #000; } .contenu_media_embed input[type=range]::-moz-range-thumb { border: none; width: 12px; height: 24px; cursor: pointer; border-radius: 0; background-color: black; } .contenu_media_embed input[type=range]::-moz-range-thumb:hover { background-color: #000; } .contenu_media_embed input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } .contenu_media_embed input[type=range]:focus { outline: none; } .contenu_media_embed .player-duree { color: #807a75; padding-left: 15px; font-size: 0.9em; } .contenu_media_embed .player-duree span:first-of-type { font-weight: bold; color: #4b4744; } .contenu_media_embed .player-volume { padding-left: 15px; flex-basis: 20%; height: 27px; display: flex; position: relative; } .colonne_droite .contenu_media_embed .player-volume, .contenu_colonne .contenu_media_embed .player-volume { display: none; } @media only screen and (max-width: 600px) { .contenu_media_embed .player-volume { display: none; } } .contenu_media_embed .player-volume svg { margin-right: 8px; fill: #b1adaa; } .contenu_media_embed .player-volume input[type=range] { border-radius: 12px; } .contenu_media_embed .player-volume input[type=range]::-webkit-slider-thumb { width: 24px; } .contenu_media_embed .player-volume input[type=range]::-moz-range-thumb { width: 24px; border-radius: 50%; } .contenu_media_embed .media-links { width: 80%; max-width: 800px; } @media only screen and (max-width: 550px) { .contenu_media_embed .media-links { width: 100%; } } .colonne_droite .contenu_media_embed .media-links { width: 100%; } .contenu_media_embed .media-links button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; border-radius: 0; transform: none; display: inline; text-align: left; padding: 0; font-size: 1em; letter-spacing: normal; text-transform: none; vertical-align: inherit; color: #000; } .contenu_media_embed .media-links button:hover { text-decoration: underline; color: black; } .contenu_media_embed.rec_player_container > div .player-progress progress:nth-child(3) { background-color: #FFF; } .contenu_media_embed.rec_player_container > div .player-volume input[type=range] { background-color: #FFF; } .contenu_comparaison { display: flex; } .contenu_comparaison_interieur { display: inline-block; max-width: 100%; margin: 0 auto 30px; } .contenu_comparaison_interieur .juxtapose { max-width: 100%; min-height: 50vh; } .contenu_comparaison_interieur .jx-image .jx-label { font-size: 0.9em; background-color: #65615d; padding: 8px 12px; } .contenu_comparaison_interieur .jx-knightlab { display: none; } .contenu_comparaison_interieur .jx-arrow { animation-duration: 1s; animation-delay: 0.3s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in; } .contenu_comparaison_interieur .jx-arrow.jx-left { animation-name: comparaison_slider_left; } @keyframes comparaison_slider_left { from { border-color: transparent #FFF transparent transparent; } to { border-color: transparent #000 transparent transparent; } } .contenu_comparaison_interieur .jx-arrow.jx-right { animation-name: comparaison_slider_right; } @keyframes comparaison_slider_right { from { border-color: transparent transparent transparent #FFF; } to { border-color: transparent transparent transparent #000; } } .contenu_album_mosaique ul { list-style: none; margin: 25px 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } .contenu_album_mosaique ul li { padding: 0; margin: 0; } .contenu_album_mosaique ul li a { display: inline-flex; overflow: hidden; vertical-align: middle; } .contenu_album_mosaique ul li a:hover img { transform: scale(1.1); } .contenu_album_mosaique ul li img { width: 200px; height: 200px; object-fit: cover; } @media only screen and (min-width: 1500px) { .contenu_album_mosaique ul li img { width: 250px; height: 250px; } } @media only screen and (min-width: 2000px) { .contenu_album_mosaique ul li img { width: 300px; height: 300px; } } @media only screen and (max-width: 600px) { .contenu_album_mosaique ul li img { width: 180px; height: 180px; } } .contenu_album_couverture a { margin: 20px 0 30px; max-width: 47%; display: inline-block; } @media only screen and (min-width: 1900px) { .contenu_album_couverture a { max-width: 31%; } } @media only screen and (max-width: 800px) { .contenu_album_couverture a { max-width: 70%; } } @media only screen and (max-width: 700px) { .contenu_album_couverture a { max-width: 80%; } } @media only screen and (max-width: 550px) { .contenu_album_couverture a { max-width: 90%; } } @media only screen and (max-width: 450px) { .contenu_album_couverture a { width: 100%; max-width: none; } } .colonne_droite .contenu_album_couverture a, .colonne_un_tiers .contenu_album_couverture a, .alignement-droite .contenu_album_couverture a, .alignement-gauche .contenu_album_couverture a { max-width: none; margin: 0 0 30px; } .contenu_album_couverture a:hover { cursor: zoom-in; text-decoration: none; } .contenu_album_couverture a.album-start-gallery:hover img { filter: brightness(1.1); transform: scale(1.03); } .contenu_album_couverture a .couverture_album { display: inline-block; } .contenu_album_couverture a .couverture_album .vignette_album_couverture { overflow: hidden; } .contenu_album_couverture a .couverture_album .vignette_album_couverture img { width: 100%; height: 300px; object-fit: cover; vertical-align: middle; } .contenu_album_couverture a .couverture_album .album_legende { padding: 8px 10px; display: flex; align-items: flex-end; column-gap: 10px; } .contenu_album_couverture a .couverture_album .album_legende figcaption { border-left: none; font-size: 0.9em; padding: 0; margin: 0; flex: 1; } .contenu_album_couverture a .couverture_album .album_legende .album_nombre_images { color: #807a75; display: flex; align-content: flex-end; column-gap: 5px; font-size: 0.8em; } .contenu_album_couverture a .couverture_album .album_legende .album_nombre_images svg { position: relative; width: 20px; height: 20px; fill: #ccc4bc; } #reseaux_sociaux { clear: both; margin: 30px 0; font-size: 0.8em; color: #807a75; } @media only screen and (max-width: 600px) { #reseaux_sociaux { display: none; } } #reseaux_sociaux div { display: flex; justify-content: center; align-items: center; column-gap: 5px; } #reseaux_sociaux a { display: inline-flex; background-position: center; border-radius: 50%; } #reseaux_sociaux a:hover svg { fill: #FFF !important; } #reseaux_sociaux a:hover.btn-facebook { background-color: #4f6a9f; } #reseaux_sociaux a:hover.btn-twitter { background-color: #000; } #reseaux_sociaux a:hover.btn-linkedin { background-color: #0e76a8; } #reseaux_sociaux a svg { fill: #807a75; margin: 7px; } #boutons_commentaires { margin: 30px 0; } #boutons_commentaires button { font-size: 1em; } #boutons_commentaires button.ajouter_commentaire { background-color: transparent; color: #807a75; border: 1px solid rgba(128, 122, 117, 0.4); text-shadow: none; } #boutons_commentaires button.ajouter_commentaire svg { fill: #807a75; } #boutons_commentaires button.ajouter_commentaire:hover { background-color: black; color: #FFF; } #boutons_commentaires button.ajouter_commentaire:hover svg { fill: #FFF; } #boutons_commentaires button.nombre_commentaires { background-color: #a67041; border: 1px solid #a67041; color: #FFF; } #boutons_commentaires button.nombre_commentaires:hover { background-color: #815733; border-color: #815733; } #boutons_commentaires button.nombre_commentaires svg { fill: #FFF; } #commentaires { background-color: #f8f2ea; width: 36%; max-width: 600px; height: 100vh; overflow-y: auto; padding: 20px 2% 40px; position: fixed; z-index: 1000; right: 0; top: 0; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 1200px) { #commentaires { width: 50%; } } @media only screen and (max-width: 900px) { #commentaires { width: 70%; padding: 20px 4% 40px; } } @media only screen and (max-width: 600px) { #commentaires { width: 100%; } } #commentaires h2 { font-size: 1.5em; margin: 0 0 5px; } #commentaires .auteur_commentaire { display: block; font-style: italic; color: #99948f; } #commentaires .auteur_commentaire strong { color: #807a75; font-style: normal; font-size: 1.1em; } #commentaires ul { margin: 0; } #commentaires ul#liste_commentaires { font-size: .9em; list-style: none; } #commentaires ul#liste_commentaires ul { margin-left: 5%; } #commentaires ul#liste_commentaires > li { padding: 10px 0; } #commentaires ul#liste_commentaires > li:nth-child(n+2) { border-top: 1px solid rgba(204, 196, 188, 0.6); } #commentaires ul#liste_commentaires li { margin: 0; } #commentaires ul .bloc_commentaires { display: flex; align-items: center; column-gap: 15px; padding: 5px 0; } #commentaires ul .bloc_commentaires > span { flex: 1; } #commentaires ul .bloc_commentaires button.repondre_commentaire { background-color: transparent; padding: 0; flex: none; } #commentaires ul .bloc_commentaires button.repondre_commentaire svg { width: 30px; fill: #000; } #commentaires ul .bloc_commentaires button.repondre_commentaire:hover { transform: scale(1.15); } #commentaires ul .bloc_commentaires button.repondre_commentaire:hover svg { fill: black; } #formulaire_commentaire { text-align: center; padding: 10px 3% 20px; background-color: rgba(0, 0, 0, 0.1); } li #formulaire_commentaire { font-size: 1.1em; } #formulaire_commentaire .champ_formulaire { margin-bottom: 20px; } #formulaire_commentaire .champ_formulaire label { display: block; text-align: left; margin-bottom: 5px; } #formulaire_commentaire input[type="submit"] { font-size: 1em; } .tags { margin: 20px 0; display: flex; } .tags svg { fill: #ccc4bc; width: 25px; margin-right: 8px; margin-top: 3px; } .tags ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; flex: 1; } .tags ul li { margin: 0; padding: 0; font-size: 0.8em; color: #807a75; } .tags ul li > span { font-size: 0.9rem; display: inline-block; padding: 3px 6px; } .tags ul li a { background-color: rgba(204, 196, 188, 0.8); text-transform: uppercase; display: inline-block; padding: 3px 6px; color: #FFF; margin: 2px; } .tags ul li a:hover { background-color: #000; text-decoration: none; } .tags ul li a.tag_selectionne { background-color: #a67041; } .tags ul li a.tag_selectionne:hover { background-color: #dc3545; } .tags ul hr { width: 100%; border-top-width: 2px; margin: 10px 0; } .tags ul .nombre_resultats_tag { margin-left: 6px; font-size: 0.75em; font-weight: bold; background-color: rgba(37, 183, 0, 0.6); padding: 2px 4px; line-height: normal; border-radius: 2px; } nav#navigation_transversale { margin: 25px 0; clear: both; } body.pas_de_navigation_transversale nav#navigation_transversale { display: none; } nav#navigation_transversale ul, nav#navigation_transversale li { margin: 0px; padding: 0px; text-align: left; } nav#navigation_transversale ul:after { content: ""; display: block; clear: both; } nav#navigation_transversale li { display: inline-block; max-width: 45%; font-size: 0.9em; line-height: 1.3em; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { nav#navigation_transversale li { width: 45%; } } @media only screen and (max-width: 600px) { nav#navigation_transversale li { max-width: none; display: block; } } nav#navigation_transversale li.page_precedente svg { margin-right: 10px; } nav#navigation_transversale li.page_suivante { float: right; text-align: right; } @media only screen and (max-width: 600px) { nav#navigation_transversale li.page_suivante { float: none; margin-top: 20px; } } nav#navigation_transversale li.page_suivante svg { margin-left: 10px; } nav#navigation_transversale a { display: flex; color: #b1adaa; } nav#navigation_transversale a:hover { color: black; text-decoration: none; } nav#navigation_transversale a:hover svg { opacity: 1; fill: black; } nav#navigation_transversale a svg { fill: #b1adaa; opacity: 0.5; } nav#navigation_transversale a .navigation_transversale_intitule { flex: 1; padding-top: 2px; } .cookie_enabled { background-color: rgba(128, 122, 117, 0.85); color: #FFF; font-size: 0.9em; position: fixed; z-index: 900; left: 0; bottom: 0; width: 100%; padding: 15px 2% 20px; animation-duration: 0.7s; animation-name: cartouche_cnil; animation-timing-function: ease-in; } @keyframes cartouche_cnil { from { bottom: -60px; opacity: 0; } to { bottom: 0; opacity: 1; } } .cookie_enabled .intitule_cookie { margin-bottom: 12px; } .cookie_enabled .intitule_cookie a { margin: 0 20px 0 10px; color: #666666; } .cookie_enabled button { font-size: 1.05em; padding: 4px 8px; color: #000; background-color: #FFF; text-shadow: none; border: none; border-radius: 0; } .cookie_enabled button:hover { color: #FFF; } .cookie_enabled button.btn_refuser:hover { background-color: #dc3545; } .cookie_enabled button.btn_refuser:hover svg { fill: #eb8c95; } .cookie_enabled button.btn_accepter:hover { background-color: #25b700; } .cookie_enabled button.btn_accepter:hover svg { fill: #4bff1e; } .cookie_enabled button svg { width: 15px; height: 15px; fill: #000; } .cookie_enabled .btn_cookie { display: flex; justify-content: center; } .cookie_enabled .btn_cookie .btn_accepter { margin-left: 10px; } .data_cookie button { position: absolute; z-index: 90; right: 3%; margin-top: -50px; display: flex; background-color: transparent; border: none; border-radius: 0; transform: none; padding: 5px 10px; font-size: 0.7em; text-transform: uppercase; font-weight: 400; line-height: normal; } .data_cookie button span { flex: none; text-align: left; width: 0; overflow: hidden; white-space: nowrap; } .data_cookie button svg { fill: #000; } .data_cookie button:hover span { flex: 1; width: auto; } .data_cookie button:hover svg { fill: #FFF; } .data_cookie button:hover svg .cadenas { fill: #000; } #plan_du_site li { font-size: 1em; } #plan_du_site .pds_niv1 { margin-left: 0; } #plan_du_site .pds_niv1a { margin-bottom: 25px; font-size: 1.3em; } #plan_du_site .pds_niv1a:before { content: none; } #plan_du_site .pds_niv1a > a { font-weight: bold; font-size: 1.2em; } #plan_du_site .pds_niv2a { font-size: 1em; } #plan_du_site .pds_niv3a { font-size: 0.8em; } #plan_du_site .pds_niv4a { font-size: 0.9em; } #plan_du_site .pds_niv4 a { color: rgba(0, 0, 0, 0.75); } #plan_du_site .pds_niv5 a { color: rgba(0, 0, 0, 0.5); } .ephemeride { padding: 15px 3%; position: relative; } .ephemeride ul { margin: 0 !important; } .ephemeride ul.ephemeride_evenements { padding: 0 30px; } .ephemeride ul.ephemeride_evenements .slick-arrow { display: none !important; } .ephemeride img { max-width: 100%; margin-bottom: 10px; } .ephemeride h2 { margin: 0 0 5px; } .ephemeride h3 { margin-top: 0; } .ephemeride p:last-of-type { margin-bottom: 0; } .ephemeride .evenement_diff { color: #807a75; } .ephemeride .ephemeride_nav li { margin: 0; } .ephemeride .ephemeride_nav li button { background-color: transparent; padding: 0; width: 0px; height: 0px; border-style: solid; border-radius: 0; position: absolute; top: 50px; } .ephemeride .ephemeride_nav li.ephemeride_nav_precedent button { border-width: 8px 14px 8px 0; border-color: transparent #000 transparent transparent; } .ephemeride .ephemeride_nav li.ephemeride_nav_precedent button:hover { border-right-color: black; } .ephemeride .ephemeride_nav li.ephemeride_nav_futur button { right: 3%; border-width: 8px 0 8px 14px; border-color: transparent transparent transparent #000; } .ephemeride .ephemeride_nav li.ephemeride_nav_futur button:hover { border-left-color: black; } #arko-admin-bar ul, #arko-admin-bar li { margin: 0; padding: 0; } #arko-admin-bar a { display: block; padding: 8px; width: 300px; margin-right: -80px; margin-bottom: 50px; text-align: center; font-weight: 300; font-size: 1em; color: #FFF; background-color: rgba(0, 164, 175, 0.5); position: fixed; z-index: 9999; right: 0; bottom: 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #arko-admin-bar a:hover { background-color: #47A500; text-decoration: none; } body.mode-restitution-monopage, body.mode-restitution-expo { width: 100% !important; max-width: none; } body.mode-restitution-monopage #body_interieur, body.mode-restitution-expo #body_interieur { padding-top: 0; } body.mode-restitution-monopage article, body.mode-restitution-expo article { width: 100% !important; max-width: none; margin: 0; padding: 0; background-color: transparent; } body.mode-restitution-monopage h1, body.mode-restitution-monopage h2.sous-titre-page, body.mode-restitution-expo h1, body.mode-restitution-expo h2.sous-titre-page { display: none !important; } .expo-slide, .monopage-slide { font-size: 1.1em; } @media only screen and (max-width: 800px) { .expo-slide, .monopage-slide { font-size: 1em; } } .expo-slide .contenu_texte h2, .monopage-slide .contenu_texte h2 { font-size: 2.6em; } .expo-slide .contenu_texte h3, .monopage-slide .contenu_texte h3 { font-size: 2.2em; } .expo-slide .contenu_texte h4, .monopage-slide .contenu_texte h4 { font-size: 1.8em; } .expo-slide .contenu_texte h5, .monopage-slide .contenu_texte h5 { font-size: 1.4em; } .expo-slide section.page_resumee h2, .monopage-slide section.page_resumee h2 { font-size: 1.2em; } .expo-slide section.page_resumee h3, .monopage-slide section.page_resumee h3 { font-size: 1em; line-height: 1.4em; } .expo-slide hr, .monopage-slide hr { border-top-color: rgba(54, 49, 42, 0.1); } .expo-slide figcaption, .monopage-slide figcaption { border-left-color: rgba(54, 49, 42, 0.1); } .expo-slide h2, .expo-slide h3, .expo-slide h4, .expo-slide h5, .expo-slide figcaption .legende_simple, .expo-slide figcaption .legende_riche, .expo-slide .contenu_media_embed .player-title, .expo-slide ol.table_des_matieres li:before, .monopage-slide h2, .monopage-slide h3, .monopage-slide h4, .monopage-slide h5, .monopage-slide figcaption .legende_simple, .monopage-slide figcaption .legende_riche, .monopage-slide .contenu_media_embed .player-title, .monopage-slide ol.table_des_matieres li:before { color: inherit !important; } .expo-slide blockquote, .expo-slide blockquote p, .expo-slide blockquote p.auteur_citation, .monopage-slide blockquote, .monopage-slide blockquote p, .monopage-slide blockquote p.auteur_citation { color: inherit !important; } .expo-slide .media-links ol li::before, .monopage-slide .media-links ol li::before { color: inherit !important; opacity: 0.5; } .expo-slide.texte_negatif, .monopage-slide.texte_negatif { color: rgba(255, 255, 255, 0.85) !important; } .expo-slide.texte_negatif a, .monopage-slide.texte_negatif a { color: #FFF; } .expo-slide.texte_negatif a:hover, .monopage-slide.texte_negatif a:hover { color: white; } .expo-slide.texte_negatif h2, .expo-slide.texte_negatif .legende_simple, .monopage-slide.texte_negatif h2, .monopage-slide.texte_negatif .legende_simple { color: #FFF !important; } .expo-slide.texte_negatif h4, .expo-slide.texte_negatif .legende_riche p, .expo-slide.texte_negatif .contenu_media_embed .player-title, .monopage-slide.texte_negatif h4, .monopage-slide.texte_negatif .legende_riche p, .monopage-slide.texte_negatif .contenu_media_embed .player-title { color: rgba(255, 255, 255, 0.7) !important; } .expo-slide.texte_negatif h5, .monopage-slide.texte_negatif h5 { color: rgba(255, 255, 255, 0.55) !important; } .expo-slide.texte_negatif h6, .expo-slide.texte_negatif .contenu_texte ul li:before, .expo-slide.texte_negatif .contenu_texte ol li::before, .monopage-slide.texte_negatif h6, .monopage-slide.texte_negatif .contenu_texte ul li:before, .monopage-slide.texte_negatif .contenu_texte ol li::before { color: rgba(255, 255, 255, 0.4) !important; } .expo-slide.texte_negatif hr, .monopage-slide.texte_negatif hr { border-top-color: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif figcaption, .monopage-slide.texte_negatif figcaption { border-left-color: rgba(255, 255, 255, 0.15); } .expo-slide.texte_negatif ul.contenu-courriels svg, .expo-slide.texte_negatif ul.contenu_liens svg, .monopage-slide.texte_negatif ul.contenu-courriels svg, .monopage-slide.texte_negatif ul.contenu_liens svg { fill: #FFF; } .expo-slide.texte_negatif ul.contenu-courriels:hover svg, .expo-slide.texte_negatif ul.contenu_liens:hover svg, .monopage-slide.texte_negatif ul.contenu-courriels:hover svg, .monopage-slide.texte_negatif ul.contenu_liens:hover svg { fill: white; } .expo-slide.texte_negatif .contenu-courriels svg .fond_enveloppe, .monopage-slide.texte_negatif .contenu-courriels svg .fond_enveloppe { display: none; } .expo-slide.texte_negatif .contenu_fichier p a svg, .monopage-slide.texte_negatif .contenu_fichier p a svg { fill: #FFF; } .expo-slide.texte_negatif .contenu_fichier p a:hover svg, .monopage-slide.texte_negatif .contenu_fichier p a:hover svg { fill: white; } .expo-slide.texte_negatif .contenu_fichier p a .poids_du_fichier, .monopage-slide.texte_negatif .contenu_fichier p a .poids_du_fichier { color: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif blockquote:before, .expo-slide.texte_negatif blockquote:after, .monopage-slide.texte_negatif blockquote:before, .monopage-slide.texte_negatif blockquote:after { color: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif ul.contenu-telephones svg, .monopage-slide.texte_negatif ul.contenu-telephones svg { fill: rgba(255, 255, 255, 0.4); } .expo-slide.texte_negatif .container-title, .monopage-slide.texte_negatif .container-title { color: #FFF; } .expo-slide.texte_negatif .container-inner, .monopage-slide.texte_negatif .container-inner { background-color: rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 800px) { .expo-slide.texte_negatif .container-inner, .monopage-slide.texte_negatif .container-inner { background-color: rgba(0, 0, 0, 0.4); } } @media only screen and (max-width: 600px) { .expo-slide.texte_negatif .container-inner, .monopage-slide.texte_negatif .container-inner { background-color: rgba(0, 0, 0, 0.5); } } .expo-slide.texte_negatif .contenu_media_embed .player-title, .monopage-slide.texte_negatif .contenu_media_embed .player-title { color: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif .contenu_media_embed .media-links ol li::before, .monopage-slide.texte_negatif .contenu_media_embed .media-links ol li::before { color: #FFF; } .expo-slide.texte_negatif .contenu_media_embed .media-links button, .monopage-slide.texte_negatif .contenu_media_embed .media-links button { color: #FFF; } .expo-slide.texte_negatif .contenu_media_embed .media-links button:hover, .monopage-slide.texte_negatif .contenu_media_embed .media-links button:hover { color: white; } .expo-slide.texte_negatif .contenu_media_embed .player-duree, .monopage-slide.texte_negatif .contenu_media_embed .player-duree { color: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif .contenu_media_embed .player-duree span:first-of-type, .monopage-slide.texte_negatif .contenu_media_embed .player-duree span:first-of-type { color: #FFF; } .expo-slide.texte_negatif .contenu_media_embed .player-volume svg, .monopage-slide.texte_negatif .contenu_media_embed .player-volume svg { fill: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif .sommaire_liste .puce_sommaire_liste, .monopage-slide.texte_negatif .sommaire_liste .puce_sommaire_liste { border-left-color: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif .sommaire_liste a:hover .puce_sommaire_liste, .monopage-slide.texte_negatif .sommaire_liste a:hover .puce_sommaire_liste { border-left-color: white; } .expo-slide.texte_negatif .carousel .slick-prev:before, .monopage-slide.texte_negatif .carousel .slick-prev:before { border-right-color: #FFF; } .expo-slide.texte_negatif .carousel .slick-prev:hover:before, .monopage-slide.texte_negatif .carousel .slick-prev:hover:before { border-right-color: #FFF; } .expo-slide.texte_negatif .carousel .slick-next:before, .monopage-slide.texte_negatif .carousel .slick-next:before { border-left-color: #FFF; } .expo-slide.texte_negatif .carousel .slick-next:hover:before, .monopage-slide.texte_negatif .carousel .slick-next:hover:before { border-left-color: #FFF; } .expo-slide.texte_negatif .carousel .slick-dots li button:before, .monopage-slide.texte_negatif .carousel .slick-dots li button:before { color: #FFF; opacity: 0.5; } .expo-slide.texte_negatif .carousel .slick-dots li button:hover:before, .monopage-slide.texte_negatif .carousel .slick-dots li button:hover:before { color: #FFF; opacity: 1; } .expo-slide.texte_negatif .carousel .slick-dots li.slick-active button:before, .monopage-slide.texte_negatif .carousel .slick-dots li.slick-active button:before { color: #FFF; opacity: 1; } .expo-slide.texte_negatif table, .monopage-slide.texte_negatif table { color: #FFF; } .expo-slide.texte_negatif table caption, .monopage-slide.texte_negatif table caption { color: rgba(255, 255, 255, 0.5); } .expo-slide.texte_negatif table th, .monopage-slide.texte_negatif table th { background-color: rgba(0, 0, 0, 0.5); border-bottom-color: rgba(255, 255, 255, 0.3); } .expo-slide.texte_negatif table td, .monopage-slide.texte_negatif table td { border-bottom-color: rgba(255, 255, 255, 0.3); } .expo-slide.gauche, .expo-slide.droite, .monopage-slide.gauche, .monopage-slide.droite { font-size: 1em; } @media only screen and (max-width: 700px) { .expo-slide.gauche, .expo-slide.droite, .monopage-slide.gauche, .monopage-slide.droite { flex-direction: column; } } .expo-slide.gauche div[class$="-slide-inner"], .expo-slide.droite div[class$="-slide-inner"], .monopage-slide.gauche div[class$="-slide-inner"], .monopage-slide.droite div[class$="-slide-inner"] { width: 50%; padding: 6vh 4%; } @media only screen and (max-width: 700px) { .expo-slide.gauche div[class$="-slide-inner"], .expo-slide.droite div[class$="-slide-inner"], .monopage-slide.gauche div[class$="-slide-inner"], .monopage-slide.droite div[class$="-slide-inner"] { width: 100%; margin: 0 !important; } } .expo-slide.gauche div[class$="-background"], .expo-slide.droite div[class$="-background"], .monopage-slide.gauche div[class$="-background"], .monopage-slide.droite div[class$="-background"] { width: 50% !important; } @media only screen and (max-width: 700px) { .expo-slide.gauche div[class$="-background"], .expo-slide.droite div[class$="-background"], .monopage-slide.gauche div[class$="-background"], .monopage-slide.droite div[class$="-background"] { width: 100% !important; flex: 1; position: relative; min-height: 90vh; } } .expo-slide.gauche .legende_riche li, .expo-slide.gauche .legende_riche p, .expo-slide.droite .legende_riche li, .expo-slide.droite .legende_riche p, .monopage-slide.gauche .legende_riche li, .monopage-slide.gauche .legende_riche p, .monopage-slide.droite .legende_riche li, .monopage-slide.droite .legende_riche p { text-align: left; } .expo-slide.gauche .contenu_image figure, .expo-slide.droite .contenu_image figure, .monopage-slide.gauche .contenu_image figure, .monopage-slide.droite .contenu_image figure { flex-basis: 31%; } .expo-slide.gauche .contenu_image figure:nth-child(n+3) ~ figure, .expo-slide.droite .contenu_image figure:nth-child(n+3) ~ figure, .monopage-slide.gauche .contenu_image figure:nth-child(n+3) ~ figure, .monopage-slide.droite .contenu_image figure:nth-child(n+3) ~ figure { max-width: calc(33% - 20px); } @media only screen and (max-width: 1600px) { .expo-slide.gauche .contenu_image figure, .expo-slide.droite .contenu_image figure, .monopage-slide.gauche .contenu_image figure, .monopage-slide.droite .contenu_image figure { flex-basis: 47%; } .expo-slide.gauche .contenu_image figure:nth-child(n+2) ~ figure, .expo-slide.droite .contenu_image figure:nth-child(n+2) ~ figure, .monopage-slide.gauche .contenu_image figure:nth-child(n+2) ~ figure, .monopage-slide.droite .contenu_image figure:nth-child(n+2) ~ figure { max-width: calc(50% - 20px); } } @media only screen and (max-width: 1000px) { .expo-slide.gauche .contenu_image figure, .expo-slide.droite .contenu_image figure, .monopage-slide.gauche .contenu_image figure, .monopage-slide.droite .contenu_image figure { flex-basis: 100% !important; max-width: none !important; } } .expo-slide.gauche div[class$="-slide-inner"], .monopage-slide.gauche div[class$="-slide-inner"] { margin-right: 50%; } .expo-slide.gauche div[class$="-background"], .monopage-slide.gauche div[class$="-background"] { margin-left: 50%; } @media only screen and (max-width: 700px) { .expo-slide.gauche div[class$="-background"], .monopage-slide.gauche div[class$="-background"] { margin-left: 0; } } .expo-slide.droite div[class$="-slide-inner"], .monopage-slide.droite div[class$="-slide-inner"] { margin-left: 50%; } @media only screen and (max-width: 700px) { .expo-slide.droite div[class$="-slide-inner"], .monopage-slide.droite div[class$="-slide-inner"] { order: 3; } } @media only screen and (max-width: 700px) { .expo-slide.droite div[class$="-background"], .monopage-slide.droite div[class$="-background"] { transform: none !important; } } .expo-slide.bas div[class$="-slide-inner"], .expo-slide.photo_legendee div[class$="-slide-inner"], .expo-slide.photo_legendee_claire div[class$="-slide-inner"], .monopage-slide.bas div[class$="-slide-inner"], .monopage-slide.photo_legendee div[class$="-slide-inner"], .monopage-slide.photo_legendee_claire div[class$="-slide-inner"] { display: flex; flex-direction: column; justify-content: flex-end; } .expo-slide.bas div[class$="-slide-inner"] > *:last-child, .expo-slide.bas div[class$="-slide-inner"] > *:last-child > *, .expo-slide.photo_legendee div[class$="-slide-inner"] > *:last-child, .expo-slide.photo_legendee div[class$="-slide-inner"] > *:last-child > *, .expo-slide.photo_legendee_claire div[class$="-slide-inner"] > *:last-child, .expo-slide.photo_legendee_claire div[class$="-slide-inner"] > *:last-child > *, .monopage-slide.bas div[class$="-slide-inner"] > *:last-child, .monopage-slide.bas div[class$="-slide-inner"] > *:last-child > *, .monopage-slide.photo_legendee div[class$="-slide-inner"] > *:last-child, .monopage-slide.photo_legendee div[class$="-slide-inner"] > *:last-child > *, .monopage-slide.photo_legendee_claire div[class$="-slide-inner"] > *:last-child, .monopage-slide.photo_legendee_claire div[class$="-slide-inner"] > *:last-child > * { margin-bottom: 0 !important; } .expo-slide.bas div[class$="-slide-inner"] > *:last-child .contenu_texte p:last-child, .expo-slide.photo_legendee div[class$="-slide-inner"] > *:last-child .contenu_texte p:last-child, .expo-slide.photo_legendee_claire div[class$="-slide-inner"] > *:last-child .contenu_texte p:last-child, .monopage-slide.bas div[class$="-slide-inner"] > *:last-child .contenu_texte p:last-child, .monopage-slide.photo_legendee div[class$="-slide-inner"] > *:last-child .contenu_texte p:last-child, .monopage-slide.photo_legendee_claire div[class$="-slide-inner"] > *:last-child .contenu_texte p:last-child { margin-bottom: 0; } .expo-slide.photo_legendee div[class$="-slide-inner"], .expo-slide.photo_legendee_claire div[class$="-slide-inner"], .monopage-slide.photo_legendee div[class$="-slide-inner"], .monopage-slide.photo_legendee_claire div[class$="-slide-inner"] { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 40%); font-size: 0.85em; padding-bottom: 3vh; } .expo-slide.photo_legendee div[class$="-slide-inner"] .contenu_texte, .expo-slide.photo_legendee_claire div[class$="-slide-inner"] .contenu_texte, .monopage-slide.photo_legendee div[class$="-slide-inner"] .contenu_texte, .monopage-slide.photo_legendee_claire div[class$="-slide-inner"] .contenu_texte { max-width: none; } .expo-slide.photo_legendee .expo-slide-inner, .expo-slide.photo_legendee_claire .expo-slide-inner, .monopage-slide.photo_legendee .expo-slide-inner, .monopage-slide.photo_legendee_claire .expo-slide-inner { padding-bottom: calc(30px + 2vh) !important; } .expo-slide.photo_legendee_claire div[class$="-slide-inner"], .monopage-slide.photo_legendee_claire div[class$="-slide-inner"] { background-image: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0, transparent 40%); } .expo-slide.photo_entiere div[class$="-background"], .monopage-slide.photo_entiere div[class$="-background"] { background-size: contain; } @media only screen and (min-width: 800px) { .expo-slide .contenu_media_embed .player-wrapper, .monopage-slide .contenu_media_embed .player-wrapper { width: 700px; } } @media only screen and (min-width: 1500px) { .expo-slide .contenu_media_embed .player-wrapper, .monopage-slide .contenu_media_embed .player-wrapper { width: 900px; } } @media only screen and (min-width: 800px) { .expo-slide .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .contenu_media_embed .player-wrapper.file.unknown .react-player { height: 393px !important; } } @media only screen and (min-width: 1500px) { .expo-slide .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .contenu_media_embed .player-wrapper.file.unknown .react-player { height: 506px !important; } } @media only screen and (min-width: 800px) { .expo-slide .contenu_media_embed .media-links, .monopage-slide .contenu_media_embed .media-links { max-width: 700px; } } @media only screen and (min-width: 1500px) { .expo-slide .contenu_media_embed .media-links, .monopage-slide .contenu_media_embed .media-links { max-width: 900px; } } .expo-slide.gauche .contenu_media_embed .player-wrapper, .expo-slide.droite .contenu_media_embed .player-wrapper, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper, .monopage-slide.gauche .contenu_media_embed .player-wrapper, .monopage-slide.droite .contenu_media_embed .player-wrapper, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper { width: 500px; } @media only screen and (min-width: 2000px) { .expo-slide.gauche .contenu_media_embed .player-wrapper, .expo-slide.droite .contenu_media_embed .player-wrapper, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper, .monopage-slide.gauche .contenu_media_embed .player-wrapper, .monopage-slide.droite .contenu_media_embed .player-wrapper, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper { width: 600px; } } @media only screen and (max-width: 1300px) { .expo-slide.gauche .contenu_media_embed .player-wrapper, .expo-slide.droite .contenu_media_embed .player-wrapper, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper, .monopage-slide.gauche .contenu_media_embed .player-wrapper, .monopage-slide.droite .contenu_media_embed .player-wrapper, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper { width: 400px; } } @media only screen and (max-width: 1000px) { .expo-slide.gauche .contenu_media_embed .player-wrapper, .expo-slide.droite .contenu_media_embed .player-wrapper, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper, .monopage-slide.gauche .contenu_media_embed .player-wrapper, .monopage-slide.droite .contenu_media_embed .player-wrapper, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper { width: 100%; } } .expo-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player { height: 280px !important; } @media only screen and (min-width: 2000px) { .expo-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player { height: 337px !important; } } @media only screen and (max-width: 1300px) { .expo-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player { height: 225px !important; } } @media only screen and (max-width: 1000px) { .expo-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper.file.unknown .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file-video .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper.file.unknown .react-player { height: 250px !important; } } .expo-slide.gauche .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player, .expo-slide.droite .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player, .expo-slide .alignement-gauche .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player, .expo-slide .alignement-droite .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player, .monopage-slide.gauche .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player, .monopage-slide.droite .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player, .monopage-slide .alignement-gauche .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player, .monopage-slide .alignement-droite .contenu_media_embed .player-wrapper:-webkit-full-screen .react-player { height: 100vh !important; } .expo-slide.gauche .contenu_media_embed .media-links, .expo-slide.droite .contenu_media_embed .media-links, .expo-slide .alignement-gauche .contenu_media_embed .media-links, .expo-slide .alignement-droite .contenu_media_embed .media-links, .monopage-slide.gauche .contenu_media_embed .media-links, .monopage-slide.droite .contenu_media_embed .media-links, .monopage-slide .alignement-gauche .contenu_media_embed .media-links, .monopage-slide .alignement-droite .contenu_media_embed .media-links { width: 500px; } @media only screen and (min-width: 2000px) { .expo-slide.gauche .contenu_media_embed .media-links, .expo-slide.droite .contenu_media_embed .media-links, .expo-slide .alignement-gauche .contenu_media_embed .media-links, .expo-slide .alignement-droite .contenu_media_embed .media-links, .monopage-slide.gauche .contenu_media_embed .media-links, .monopage-slide.droite .contenu_media_embed .media-links, .monopage-slide .alignement-gauche .contenu_media_embed .media-links, .monopage-slide .alignement-droite .contenu_media_embed .media-links { width: 600px; } } @media only screen and (max-width: 1300px) { .expo-slide.gauche .contenu_media_embed .media-links, .expo-slide.droite .contenu_media_embed .media-links, .expo-slide .alignement-gauche .contenu_media_embed .media-links, .expo-slide .alignement-droite .contenu_media_embed .media-links, .monopage-slide.gauche .contenu_media_embed .media-links, .monopage-slide.droite .contenu_media_embed .media-links, .monopage-slide .alignement-gauche .contenu_media_embed .media-links, .monopage-slide .alignement-droite .contenu_media_embed .media-links { width: 400px; } } @media only screen and (max-width: 1000px) { .expo-slide.gauche .contenu_media_embed .media-links, .expo-slide.droite .contenu_media_embed .media-links, .expo-slide .alignement-gauche .contenu_media_embed .media-links, .expo-slide .alignement-droite .contenu_media_embed .media-links, .monopage-slide.gauche .contenu_media_embed .media-links, .monopage-slide.droite .contenu_media_embed .media-links, .monopage-slide .alignement-gauche .contenu_media_embed .media-links, .monopage-slide .alignement-droite .contenu_media_embed .media-links { width: 100%; } } .expo-slide div[class$="-slide-inner"] > .contenu:first-child .titre_de_section, .monopage-slide div[class$="-slide-inner"] > .contenu:first-child .titre_de_section { padding-top: 0; } body.mode-restitution-monopage { background-attachment: fixed; } body.mode-restitution-monopage .fil_rouge_monopage { display: none; width: 100%; padding: 0 8%; } body.mode-restitution-monopage .fil_rouge_monopage nav.fil_rouge { max-width: 1900px; margin-left: auto; margin-right: auto; } body.mode-restitution-monopage .monopage-intro { width: 84%; margin: 0 8%; } @media only screen and (min-width: 1800px) { body.mode-restitution-monopage .monopage-intro { width: 68%; margin: 0 16%; } } @media only screen and (max-width: 800px) { body.mode-restitution-monopage .monopage-intro { margin: 0 5%; } } body.mode-restitution-monopage .mise_a_jour, body.mode-restitution-monopage .tags, body.mode-restitution-monopage .navigation_transversale_monopage { padding: 0 8%; } @media only screen and (max-width: 800px) { body.mode-restitution-monopage .mise_a_jour, body.mode-restitution-monopage .tags, body.mode-restitution-monopage .navigation_transversale_monopage { padding: 0 5%; } } body.mode-restitution-monopage nav#navigation_transversale { padding-top: 15px; } .monopage-slide { width: 100%; overflow: hidden; position: relative; min-height: 90vh; height: auto; display: flex; align-items: stretch; } .monopage-slide .couverture_album .legende_simple { color: #807a75 !important; } .monopage-slide .monopage-slide-inner { z-index: 2; width: 100%; padding: 6vh 8%; position: inherit; } @media only screen and (max-width: 1200px) { .monopage-slide .monopage-slide-inner { padding: 6vh 5%; } } @media only screen and (max-width: 800px) { .monopage-slide .monopage-slide-inner { padding: 6vh 3%; } } .monopage-slide .monopage-background { background-size: cover; width: 100%; z-index: 1; position: absolute; height: 113%; } .monopage-slide.fond_haut .monopage-background { background-position: center top; } .monopage-slide.fond_droite .monopage-background { background-position: right center; } .monopage-slide.milieu .monopage-slide-inner { display: flex; flex-direction: column; justify-content: center; } .monopage-slide.diapo_courte { min-height: 25vh; } .monopage-slide.diapo_courte .monopage-background { height: 122%; } @supports not (-webkit-touch-callout: none) { .monopage-slide.fond_fige .monopage-background { transform: none !important; background-attachment: fixed; height: 100%; } } @media only screen and (max-width: 700px) { .monopage-slide.gauche .monopage-background, .monopage-slide.droite .monopage-background { position: relative; } } body.mode-restitution-expo { background-image: none; overflow-y: hidden; } body.mode-restitution-expo .expo-intro, body.mode-restitution-expo .mise_a_jour, body.mode-restitution-expo .tags, body.mode-restitution-expo #reseaux_sociaux, body.mode-restitution-expo #commentaires-container, body.mode-restitution-expo footer, body.mode-restitution-expo #analytics-container, body.mode-restitution-expo .fil_rouge { display: none; } body.mode-restitution-expo #body_interieur { position: inherit; background-color: #f8f2ea; } body.mode-restitution-expo #body_interieur #conteneur { width: 100% !important; max-width: none; margin: 0; padding: 0; position: inherit; } body.mode-restitution-expo main#central { position: inherit; } body.mode-restitution-expo main { width: 100%; } body.mode-restitution-expo .colonne_droite_expo { display: none; } body.mode-restitution-expo section.expo-virtuelle { position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; height: 100vh; } body.mode-restitution-expo .expo-slide:not(.texte_negatif) .couverture_album .legende_simple { color: #807a75; } .expo-slide { overflow: hidden; width: 100%; height: 100%; overflow-y: auto; position: absolute; left: 0; transition: all .5s ease-out .0s; } .expo-slide.slide-precedente, .expo-slide.slide-suivante { opacity: 0; visibility: hidden; } .expo-slide.slide-precedente { transform: translateX(-100%); } .expo-slide.slide-suivante { transform: translateX(100%); } .expo-slide .expo-slide-inner { z-index: 2; position: inherit; padding: 6vh 8% calc(6vh + 30px); min-height: 100%; flex: 1; width: 100%; } @media only screen and (min-width: 1800px) { .expo-slide .expo-slide-inner { padding-left: 16%; padding-right: 16%; } } @media only screen and (max-width: 1200px) { .expo-slide .expo-slide-inner { padding-left: 5%; padding-right: 5%; } } @media only screen and (max-width: 800px) { .expo-slide .expo-slide-inner { padding-left: 3%; padding-right: 3%; } } .expo-slide .expo-slide-inner > *:first-of-type, .expo-slide .expo-slide-inner > *:first-of-type > * { margin-top: 0; } .expo-slide .expo-background { background-size: cover; background-attachment: fixed; width: 100%; height: 100%; z-index: -100; position: fixed; top: 0; } .expo-slide.milieu .expo-slide-inner { display: flex; flex-direction: column; justify-content: center; } .expo-slide.gauche .expo-slide-inner, .expo-slide.droite .expo-slide-inner { width: 50%; } @media only screen and (max-width: 700px) { .expo-slide.gauche .expo-slide-inner, .expo-slide.droite .expo-slide-inner { width: 100%; min-height: inherit; position: relative !important; } } .expo-slide.gauche .expo-background, .expo-slide.droite .expo-background { background-attachment: inherit; } @media only screen and (max-width: 700px) { .expo-slide.gauche .expo-background, .expo-slide.droite .expo-background { position: relative; } } .expo-nav-ui { position: fixed; z-index: 80; left: 0; bottom: 0; width: 100%; display: flex; justify-content: center; height: 30px; } .expo-nav-ui ol.expo-nav-pag { margin: 0; padding: 0; display: flex; list-style: none; } .expo-nav-ui ol.expo-nav-pag li { margin-bottom: 0; display: flex; } .expo-nav-ui ol.expo-nav-pag li::before { content: none; } .expo-nav-ui ol.expo-nav-pag li button { font-size: 0.9em; font-weight: 400; white-space: nowrap; border-radius: 0; } .expo-nav-ui ol.expo-nav-pag li button:hover { border-color: black; } .expo-nav-ui ol.expo-nav-pag li button > span { text-overflow: ellipsis; overflow: hidden; } .expo-nav-ui ol.expo-nav-pag li button > span .expo-titre-count { color: #807a75; font-size: 0.9em; padding-left: 5px; } .expo-nav-ui ol.expo-nav-pag li.page-active { border-top: 1px solid #ccc4bc; } .expo-nav-ui ol.expo-nav-pag li.page-active button { color: #191714; background-color: #FFF !important; pointer-events: none; } .expo-nav-ui ol.expo-nav-pag li.page-active + li { border-right: 1px solid #ccc4bc; } .expo-nav-ui ol.expo-nav-pag li:nth-child(-n+2) { border-left: 1px solid #ccc4bc; } @media only screen and (min-width: 1700px) { .expo-nav-ui ol.expo-nav-pag li:nth-child(1), .expo-nav-ui ol.expo-nav-pag li:nth-child(5) { display: flex !important; } } @media only screen and (max-width: 1000px) { .expo-nav-ui ol.expo-nav-pag li:nth-child(2), .expo-nav-ui ol.expo-nav-pag li:nth-child(4) { display: none !important; } } .expo-nav-ui .expo-nav-count { padding: 0 10px; line-height: 30px; font-size: 0.9em; color: #807a75; background-color: #FFF; border-top: 1px solid #ccc4bc; border-left: 1px solid #ccc4bc; border-right: 1px solid #ccc4bc; } .expo-nav-ui .bouton_pagination { @expand %typo; padding: 5px; width: 30px; min-width: 30px; border-radius: 0; border: none; background-color: #000; } .expo-nav-ui .bouton_pagination.hide-nav { visibility: hidden; pointer-events: none; } .expo-nav-ui .bouton_pagination:hover { background-color: black; } .expo-nav-ui .bouton_pagination svg { margin-right: 0; width: 20px; height: 20px; } .sommaire_liste > ul { margin: 0 0 20px 0; } .sommaire_liste > ul > li { font-size: 1.1em; text-align: left; display: flex; } .colonne_droite .sommaire_liste > ul > li { font-size: 1em; } .sommaire_liste > ul > li > a { display: flex; column-gap: 12px; } .sommaire_liste > ul > li > a .puce_sommaire_liste { flex: none; width: 0; height: 0; margin-top: 8px; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent rgba(0, 0, 0, 0.5); } .colonne_droite .sommaire_liste > ul > li > a .puce_sommaire_liste { margin-top: 7px; } .container-alerte .sommaire_liste > ul > li > a .puce_sommaire_liste { border-left-color: rgba(220, 53, 69, 0.5); } .sommaire_liste > ul > li > a:hover { text-decoration: none; } .sommaire_liste > ul > li > a:hover .puce_sommaire_liste { transform: translateX(4px); border-left-color: black; } .sommaire_liste > ul > li.active a { pointer-events: none; color: #a67041 !important; font-weight: bold; } .sommaire_liste > ul > li.active a .puce_sommaire_liste { margin-top: 11px; border-width: 4px; border-color: #a67041; } .colonne_droite .sommaire_liste > ul > li.active a .puce_sommaire_liste { margin-top: 9px; } .sommaire_liste.sommaire_profond { clear: both; max-width: none; } .sommaire_liste.sommaire_profond > ul { margin: 20px 0; } .sommaire_liste.sommaire_profond > ul > li { flex-wrap: wrap; font-size: 1em; } .sommaire_liste.sommaire_profond > ul > li > a { font-size: 1.4em; color: black; } .sommaire_liste.sommaire_profond > ul > li > a:hover { color: black; } .colonne_droite .sommaire_liste.sommaire_profond > ul > li > a { font-size: 1.1em; } .sommaire_liste.sommaire_profond > ul > li > a > .puce_sommaire_liste { display: none; } .sommaire_liste.sommaire_profond > ul > li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(128, 122, 117, 0.2); } .colonne_droite .sommaire_liste.sommaire_profond > ul > li + li { margin-top: 10px; padding-top: 10px; } .sommaire_liste.sommaire_profond .sommaire_liste { width: 100%; margin-top: 10px; } .sommaire_liste.sommaire_profond .sommaire_liste ul { margin-bottom: 0; } .colonne_droite .sommaire_liste.sommaire_profond .sommaire_liste ul { margin-top: 0; } .sommaire_liste.sommaire_profond .sommaire_liste li { font-size: 0.95em; } .colonne_droite .sommaire_liste.sommaire_profond .sommaire_liste li { font-size: 0.9em; } .sommaire_liste.sommaire_profond .sommaire_liste li:last-of-type { margin-bottom: 0; } .sommaire_liste.sommaire_profond .sommaire_resume { width: 100%; } .sommaire_liste.deux_colonnes { margin-left: 5%; } .sommaire_liste.deux_colonnes ul { margin-left: 0; column-count: 2; column-gap: 50px; column-rule: 1px solid rgba(128, 122, 117, 0.2); } @media only screen and (max-width: 700px) { .sommaire_liste.deux_colonnes ul { column-count: auto; } } .sommaire_liste.deux_colonnes ul li { font-size: 1.05em; } .sommaire_liste.sommaire_onglets ul { display: flex; gap: 10px 5px; justify-content: center; list-style: none; margin: 0 0 30px; padding: 0; border-bottom: 1px solid #ccc4bc; } @media only screen and (max-width: 1200px) { .sommaire_liste.sommaire_onglets ul { flex-wrap: wrap; } } .sommaire_liste.sommaire_onglets ul li { font-size: 0.8em; margin: 0; display: flex; align-items: flex-end; line-height: normal; height: 35px; white-space: nowrap; max-width: 30vw; } @media only screen and (max-width: 1000px) { .sommaire_liste.sommaire_onglets ul li { max-width: 50vw; } } .sommaire_liste.sommaire_onglets ul li.active a { background: #807a75; border-color: #807a75; color: #FFF !important; font-weight: 500 !important; } .sommaire_liste.sommaire_onglets ul li .puce_sommaire_liste { display: none; } .sommaire_liste.sommaire_onglets ul a { display: block; font-weight: 500; line-height: 1.3em; padding: 5px 7px; border: 1px solid #ccc4bc; border-bottom: none; text-transform: uppercase; color: #807a75; background-color: #FFF; text-overflow: ellipsis; overflow: hidden; } .sommaire_liste.sommaire_onglets ul a:hover { background-color: #000; border-color: #000; color: #FFF; padding-bottom: 10px; } .sommaire_liste.bouton ul { margin-left: 0; } .sommaire_liste.bouton li { justify-content: center; font-size: 1em; } .sommaire_liste.bouton .puce_sommaire_liste { display: none; } .sommaire_resume { clear: both; margin: 30px 0; display: flex; flex-wrap: wrap; gap: 50px 2%; } @media only screen and (max-width: 1200px) { .sommaire_resume { gap: 50px 3%; } } @media only screen and (max-width: 750px) { .sommaire_resume { gap: 50px 4%; } } .sommaire_resume.centre { justify-content: center; } .sommaire_resume section.page_resumee { flex-basis: 32%; } @media only screen and (max-width: 1200px) { .sommaire_resume section.page_resumee { flex-basis: 31%; } } @media only screen and (max-width: 750px) { .sommaire_resume section.page_resumee { flex-basis: 48% !important; } } @media only screen and (max-width: 500px) { .sommaire_resume section.page_resumee { flex-basis: 100% !important; } } @media only screen and (min-width: 1700px) { .sommaire_resume section.page_resumee { flex-basis: 23.5%; } } .colonnes:has(.colonne_droite) .sommaire_resume section.page_resumee { flex-basis: 49%; } @media only screen and (max-width: 1200px) { .colonnes:has(.colonne_droite) .sommaire_resume section.page_resumee { flex-basis: 48.5%; } } @media only screen and (min-width: 1700px) { .colonnes:has(.colonne_droite) .sommaire_resume section.page_resumee { flex-basis: 32%; } } #central:first-child .sommaire_resume section.page_resumee { flex-basis: 23.5%; } @media only screen and (max-width: 1200px) { #central:first-child .sommaire_resume section.page_resumee { flex-basis: 22.75%; } } @media only screen and (max-width: 1000px) { #central:first-child .sommaire_resume section.page_resumee { flex-basis: 31%; } } @media only screen and (min-width: 1700px) { #central:first-child .sommaire_resume section.page_resumee { flex-basis: 18.4%; } } .expo-slide .sommaire_resume section.page_resumee, .monopage-slide .sommaire_resume section.page_resumee { flex-basis: 23.5%; } @media only screen and (max-width: 1200px) { .expo-slide .sommaire_resume section.page_resumee, .monopage-slide .sommaire_resume section.page_resumee { flex-basis: 22.75%; } } @media only screen and (max-width: 1000px) { .expo-slide .sommaire_resume section.page_resumee, .monopage-slide .sommaire_resume section.page_resumee { flex-basis: 31%; } } @media only screen and (min-width: 1700px) { .expo-slide .sommaire_resume section.page_resumee, .monopage-slide .sommaire_resume section.page_resumee { flex-basis: 18.4%; } } #central:first-child .colonnes:has(.colonne_droite) .sommaire_resume section.page_resumee { flex-basis: 32%; } @media only screen and (max-width: 1200px) { #central:first-child .colonnes:has(.colonne_droite) .sommaire_resume section.page_resumee { flex-basis: 31%; } } @media only screen and (min-width: 1700px) { #central:first-child .colonnes:has(.colonne_droite) .sommaire_resume section.page_resumee { flex-basis: 23.5%; } } .sommaire_resume section.page_resumee .vignette { overflow: hidden; display: flex; align-items: center; } .sommaire_resume section.page_resumee .vignette.vignette_align_haut { align-items: flex-start; } .sommaire_resume section.page_resumee .vignette.vignette_align_bas { align-items: flex-end; } .sommaire_resume section.page_resumee .vignette.image_format_png { border: none !important; border-radius: 0; box-shadow: none; justify-content: center; align-items: flex-end; } .sommaire_resume section.page_resumee .vignette.image_format_png img { object-fit: contain; } .sommaire_resume section.page_resumee .vignette img { width: 100%; aspect-ratio: 4/3; object-fit: cover; filter: brightness(1); } .sommaire_resume section.page_resumee .vignette.sujet_haut img { object-position: top; } .sommaire_resume section.page_resumee .vignette.sujet_bas img { object-position: bottom; } .sommaire_resume section.page_resumee h2 { font-size: 1.2em; margin: 12px 0 2px; } .sommaire_resume section.page_resumee h3 { font-size: 1em; margin: 0; } .sommaire_resume section.page_resumee p { color: #99948f; text-align: left; line-height: 1.3rem; font-size: 0.9em; margin: 5px 0 0; } .colonne_droite .sommaire_resume section.page_resumee p { font-size: 1em; } .sommaire_resume section.page_resumee a:hover { text-decoration: none; } .sommaire_resume section.page_resumee a:hover img { filter: brightness(1.1); transform: scale(1.05); } .sommaire_resume section.page_resumee a:hover .image_format_png img { transform: scale(0.95); } .sommaire_resume section.page_resumee a:hover h2 { color: #000; } .colonne_droite .sommaire_resume, .alignement-droite .sommaire_resume, .alignement-gauche .sommaire_resume, .contenu_colonne .sommaire_resume, .moteur_detail_fiche .colonne_un_tiers .sommaire_resume { flex-direction: column; gap: 30px 0; align-items: center; } .colonne_droite .sommaire_resume section.page_resumee, .alignement-droite .sommaire_resume section.page_resumee, .alignement-gauche .sommaire_resume section.page_resumee, .contenu_colonne .sommaire_resume section.page_resumee, .moteur_detail_fiche .colonne_un_tiers .sommaire_resume section.page_resumee { max-width: 600px; width: 100%; } .colonne_droite .sommaire_resume section.page_resumee h2, .alignement-droite .sommaire_resume section.page_resumee h2, .alignement-gauche .sommaire_resume section.page_resumee h2, .contenu_colonne .sommaire_resume section.page_resumee h2, .moteur_detail_fiche .colonne_un_tiers .sommaire_resume section.page_resumee h2 { margin: 10px 0 0; } .colonne_droite .sommaire_resume section.page_resumee p, .alignement-droite .sommaire_resume section.page_resumee p, .alignement-gauche .sommaire_resume section.page_resumee p, .contenu_colonne .sommaire_resume section.page_resumee p, .moteur_detail_fiche .colonne_un_tiers .sommaire_resume section.page_resumee p { margin-top: 3px; } @media only screen and (max-width: 800px) and (min-width: 550px) { .colonne_droite .sommaire_resume, .moteur_detail_fiche .colonne_un_tiers .sommaire_resume { flex-direction: row; gap: 70px 4%; } .colonne_droite .sommaire_resume section.page_resumee, .moteur_detail_fiche .colonne_un_tiers .sommaire_resume section.page_resumee { flex-basis: 48%; } } .sommaire_resume.sans_recadrage section.page_resumee .vignette { height: 250px; align-items: flex-end; justify-content: center; border: none; box-shadow: none; overflow: visible; } .sommaire_resume.sans_recadrage section.page_resumee .vignette img { aspect-ratio: auto; max-height: 100%; transform: none; } .sommaire_resume .nombre_commentaires_sommaire { color: #36312A; position: absolute; right: 10px; margin-top: 188px; display: flex; flex-direction: column; } .sommaire_resume .nombre_commentaires_sommaire span { font-size: 0.8em; margin-top: -26px; font-weight: bold; } .sommaire_resume.sommaire_profond ul { margin-top: 15px; } .sommaire_resume.sommaire_profond ul li { font-size: 0.9em; line-height: 1.4em; display: flex; text-align: left; } .sommaire_resume.bouton .page_resumee a { display: block; padding: 10px 15px; } .sommaire_resume.bouton .page_resumee a h2 { color: #FFF !important; } .sommaire_resume.bouton .page_resumee a h3 { color: rgba(255, 255, 255, 0.75); } .sommaire_resume.bouton .page_resumee a p { color: rgba(255, 255, 255, 0.5); font-weight: normal; } .contenu-carto { position: relative; } .contenu-carto .sommaire_resume { pointer-events: none; margin: 0; } .contenu-carto .sommaire_resume section.page_resumee { pointer-events: auto; position: absolute; left: calc(50% - 110px); top: 30px; width: 220px; padding: 16px; background-color: #FFF; border-radius: 3px; } .contenu-carto .sommaire_resume section.page_resumee .vignette { height: 160px; } .contenu-carto .sommaire_resume section.page_resumee h2 { margin: 10px 0 0; } .contenu-carto .sommaire_resume section.page_resumee h3 { font-size: 0.7em; } .contenu-carto .sommaire_resume section.page_resumee button.fermer_etiquette { position: absolute; right: -13px; top: -13px; padding: 6px; background-color: #dc3545; border-radius: 50%; border: none; } .contenu-carto .sommaire_resume section.page_resumee button.fermer_etiquette:hover { background-color: #bd2130; transform: scale(1.1); } .contenu-carto .sommaire_resume section.page_resumee button.fermer_etiquette svg { fill: #FFF; width: 14px; height: 14px; } .carousel { margin: 20px auto; width: 100%; max-width: 1500px; } .alignement-droite .carousel, .alignement-gauche .carousel, .contenu_colonne .carousel { margin: 20px 0; } .alignement-droite .carousel, .alignement-gauche .carousel { max-width: 48%; } .colonne_droite .carousel { margin: 20px 0; } .carousel .slick-arrow { width: 25px; height: 25px; } .colonne_droite .carousel .slick-arrow, .alignement-droite .carousel .slick-arrow, .alignement-gauche .carousel .slick-arrow, .contenu_colonne .carousel .slick-arrow { display: none !important; } .carousel .slick-arrow:before { font-size: 0; opacity: 1; content: ""; color: #000; width: 0; height: 0; border-style: solid; border-width: 12px 16px 12px 0; border-color: transparent #000 transparent transparent; } .carousel .slick-arrow:hover:before { transform: scale(1.15); } .carousel .slick-arrow.slick-disabled { opacity: 0; cursor: default; } .carousel .slick-arrow.slick-prev { left: 0px; } .carousel .slick-arrow.slick-prev:hover:before { border-right-color: black; } .carousel .slick-arrow.slick-prev + .slick-list { margin: 0 30px; } .colonne_droite .carousel .slick-arrow.slick-prev + .slick-list, .alignement-droite .carousel .slick-arrow.slick-prev + .slick-list, .alignement-gauche .carousel .slick-arrow.slick-prev + .slick-list, .contenu_colonne .carousel .slick-arrow.slick-prev + .slick-list { margin: 0; } .carousel .slick-arrow.slick-next { right: 0; } .carousel .slick-arrow.slick-next:before { border-width: 12px 0 12px 16px; border-color: transparent transparent transparent #000; } .carousel .slick-arrow.slick-next:hover:before { border-left-color: black; } .carousel .slick-track { display: flex; align-items: flex-start; } .carousel .slick-slide.slick-active { opacity: 1; } .carousel .slick-slide:not(.slick-current) *, .carousel .slick-slide:not(.slick-active) * { box-shadow: none !important; } body.admin-live-preview .carousel .slick-slide { height: auto; } .carousel .slick-slide figure { padding: 5px; text-align: center; } .colonne_droite .carousel .slick-slide figure, .alignement-droite .carousel .slick-slide figure, .alignement-gauche .carousel .slick-slide figure, .contenu_colonne .carousel .slick-slide figure { padding: 0; } .carousel .slick-slide figure.image_format_png img { border: none; box-shadow: none; } .carousel .slick-slide figure .image_carousel { display: flex; align-items: flex-end; justify-content: center; height: 600px; max-height: 70vh; min-height: 400px; overflow: hidden; } @media only screen and (max-width: 600px) { .carousel .slick-slide figure .image_carousel { max-height: 60vh; min-height: 350px; } } .carousel .slick-slide figure .image_carousel:has(img[src*="&format=png"]) { border: none; box-shadow: none; } .carousel .slick-slide figure .image_carousel:has(img[src*="&format=png"]) img { width: auto; height: auto; max-height: 100%; max-width: 100%; } .alignement-droite .carousel .slick-slide figure .image_carousel, .alignement-gauche .carousel .slick-slide figure .image_carousel, .contenu_colonne .carousel .slick-slide figure .image_carousel { height: 500px; max-height: 55vh; min-height: 300px; } .colonne_droite .carousel .slick-slide figure .image_carousel { height: 300px; max-height: 40vh; min-height: 200px; } .carousel .slick-slide figure .image_carousel img { display: inline-block; width: 100%; height: 100%; object-fit: cover; } .carousel .slick-slide figure a:hover { cursor: pointer; } .carousel .slick-slide figure a:hover .image_carousel img { filter: brightness(1.1); transform: scale(1.05); } .carousel .slick-slide figure a:hover .image_carousel img[src*="&format=png"] { transform: scale(0.97); } .carousel .slick-slide figure.sujet_bas .image_carousel img { object-position: center bottom; } .carousel .slick-slide figure.sujet_haut .image_carousel img { object-position: center top; } .carousel .slick-slide figure .textes_slider { padding: 0 8%; } @media only screen and (max-width: 500px) { .carousel .slick-slide figure .textes_slider { padding: 0; } } .colonne_droite .carousel .slick-slide figure .textes_slider { padding: 0; } .carousel .slick-slide figure .textes_slider h2 { font-size: 1.5em; margin: 15px 0 2px; } .colonne_droite .carousel .slick-slide figure .textes_slider h2 { font-size: 1.2em; margin-top: 15px; } .carousel .slick-slide figure .textes_slider h3 { font-size: 1em; margin: 0 0 5px; } .colonne_droite .carousel .slick-slide figure .textes_slider h3 { font-size: 1em; } .carousel .slick-slide figure .textes_slider p { color: #a39889; font-size: 0.9em; margin: 0; } .carousel .slick-dots { display: flex; justify-content: center; flex-wrap: wrap; gap: 2px; margin: 20px 0 10px; position: relative; bottom: auto; } .carousel .slick-dots li { margin: 0; } @media only screen and (max-width: 800px) { .carousel .slick-dots li { width: 24px; height: 24px; } } .colonne_droite .carousel .slick-dots li { margin: 0; } @media only screen and (max-width: 800px) { .carousel .slick-dots li button { width: 24px; height: 24px; } } .carousel .slick-dots li button:before { color: rgba(128, 122, 117, 0.3); opacity: 1; font-size: 15px; } @media only screen and (max-width: 800px) { .carousel .slick-dots li button:before { width: 24px; height: 24px; font-size: 18px; line-height: 24px; } } .carousel .slick-dots li button:hover { transform: scale(1.25); } .carousel .slick-dots li button:hover:before { color: black; } .carousel .slick-dots li.slick-active { pointer-events: none; } .carousel .slick-dots li.slick-active button:before { color: black; opacity: 1; cursor: default; } .carousel figcaption { max-width: none; display: inline-block; } .carousel.sans_recadrage .slick-slide figure .image_carousel img { max-width: 100%; width: auto; height: auto; max-height: 100%; } .tetiere { position: fixed; z-index: 100; width: 100%; top: 0; pointer-events: none; } .tetiere .tetiere_interieure { display: flex; justify-content: space-between; } nav.nav_principal { flex: 1; display: flex; } @media only screen and (max-width: 992px) { nav.nav_principal { position: relative; height: 38px; min-height: 0 !important; } } nav.nav_principal ul { list-style: none; } nav.nav_principal ul, nav.nav_principal li { margin: 0px; padding: 0px; text-align: left; line-height: normal; } nav.nav_principal li { word-wrap: initial; } nav.nav_principal a:hover { text-decoration: none; } nav.nav_principal .nav_principal_ul { display: flex; pointer-events: auto; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul { padding: 38px 0 !important; margin: 0 !important; display: block; position: fixed !important; z-index: 200; top: 0; left: 0; height: 100% !important; width: 100% !important; overflow-y: auto; -webkit-overflow-scrolling: touch; background-image: none !important; background-color: #fcf9f5; transform-origin: 0% 0%; transform: translate(110%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); box-shadow: none; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 { position: relative; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 { flex-basis: 100%; width: 100% !important; max-width: none !important; height: auto !important; background-image: none !important; border: none !important; opacity: 1 !important; font-size: 1rem !important; text-align: left !important; display: block !important; margin: 0 !important; padding: 0 !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; pointer-events: auto !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:nth-child(n+2) { border-top: 1px solid rgba(128, 122, 117, 0.4) !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:after { content: none !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu { font-size: .8em; font-weight: bold; padding: 10px 15px 7px; text-transform: uppercase; display: flex; align-items: flex-end; height: 100%; line-height: normal; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu { font-size: 1.1em !important; font-weight: bold !important; color: black !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 16px 5% 12px !important; max-width: none !important; background-color: transparent !important; background-image: none !important; line-height: normal !important; border: none !important; border-radius: 0 !important; transform: none !important; white-space: normal !important; letter-spacing: normal !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a:hover, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span:hover, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu:hover { transform: none !important; background-color: rgba(0, 0, 0, 0.15) !important; color: black !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu span { display: block !important; } } @media only screen and (max-width: 992px) and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu span { display: contents !important; font-family: inherit !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; white-space: normal !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a span:after, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span span:after, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu span:after { content: none !important; } } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span { display: none !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a:last-child, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span:last-child { display: block !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a:after, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span:after { content: none !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu { display: none; justify-content: flex-start; width: 100%; border: none; border-radius: 0; background-color: inherit; color: inherit; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu { display: flex; justify-content: space-between !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu:after { content: ""; width: 7px; height: 7px; transform: rotate(45deg); border-right: 2px solid; border-bottom: 2px solid; margin-bottom: 5px; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu:after { border-color: black !important; margin-bottom: 6px; } } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu.btn_menu_ouvert { background-color: #cccccc !important; color: black !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu.btn_menu_ouvert:hover { background-color: #b3b3b3 !important; color: black !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 .btn_deplier_menu.btn_menu_ouvert:after { transform: rotate(-135deg); margin-bottom: 2px; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a.active { background-color: transparent !important; color: black !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span.page_active { cursor: inherit !important; background-color: #a67041 !important; color: #FFF !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"], nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel { flex: none; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] .page_active, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active { padding-left: 0; padding-right: 0; justify-content: center; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] .page_active, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active { justify-content: flex-start; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] a:hover, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] .page_active:hover, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a:hover, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active:hover { opacity: 1; } body.accueil nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] { display: none !important; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] { display: block !important; width: 100% !important; padding-right: 38px; min-height: 38px; overflow: hidden; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] svg { display: none; } } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel .page_active { font-weight: normal !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel svg .voyant { fill: transparent; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel.menu_espace_personnel_connecte svg .voyant { fill: #25b700; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel { width: 100% !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel svg { display: none; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel span { display: contents !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:hover > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:hover > span { cursor: pointer; } @media only screen and (min-width: 993px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:hover > .nav_principal_sous_menu { transform: none; opacity: 1; margin-top: 0; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu { background-color: #FFF; width: 100%; min-width: 250px; position: absolute; transform: translateX(-99999px); transition-delay: 0.4s; transition-duration: 0.4s; transition-property: opacity, margin-top; z-index: 200; opacity: 0; margin-top: -5px; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu { background-color: #e6e6e6 !important; background-image: none !important; box-shadow: none !important; min-width: 0; height: 0 !important; width: 100% !important; max-width: none !important; overflow: hidden; position: absolute !important; top: auto !important; left: auto !important; margin: -5px 0 0 !important; padding: 0 !important; border: none !important; z-index: auto !important; column-count: auto !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu li:nth-child(n+2) { border-top: 1px solid rgba(128, 122, 117, 0.2) !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu.sous_menu_ouvert { height: auto !important; display: block !important; transform: none !important; transition-duration: 0.7s; transition-delay: 0s; opacity: 1 !important; margin-top: 0 !important; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu.sous_menu_ouvert { position: relative !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu li { font-size: 0.9em; line-height: 1.3em; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu li { display: block !important; font-size: 0.9em !important; float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active { display: block; padding: 8px 5%; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active { color: #000 !important; background-color: transparent !important; background-image: none !important; border: none !important; width: 100% !important; height: auto !important; padding: 8px 5% 8px 9% !important; text-transform: none !important; font-weight: normal !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a:after, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active:after { content: none !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a span, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active span { display: contents !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a span:after, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active span:before, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active span:after { content: none !important; } } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a:hover { background-color: rgba(0, 0, 0, 0.15) !important; color: black !important; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a.active, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active { background-color: #807a75 !important; color: #FFF !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu a.active:hover { background-color: #403d3b !important; color: #FFF !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu span.page_active { pointer-events: none; } @media only screen and (max-width: 992px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu .nav_principal_sous_menu { display: none !important; } } nav.nav_principal input.case_burger, nav.nav_principal .burger_icon, nav.nav_principal .burger_icon_fermer { display: none; position: absolute; z-index: 101; top: 0; right: 0; width: 38px; height: 38px; } @media only screen and (max-width: 992px) { nav.nav_principal input.case_burger, nav.nav_principal .burger_icon, nav.nav_principal .burger_icon_fermer { display: block; } } nav.nav_principal .burger_icon, nav.nav_principal .burger_icon_fermer { pointer-events: none; } nav.nav_principal .burger_icon { fill: #000; padding: 10px 0; } nav.nav_principal .burger_icon_fermer { position: fixed; right: 0; z-index: 201; display: none; padding: 10px 0 !important; width: 38px !important; height: 38px !important; fill: #FFF; background-color: #dc3545; } nav.nav_principal .burger_icon_fermer:hover { background-color: #bd2130; } nav.nav_principal input.case_burger { margin: 0; cursor: pointer; opacity: 0; pointer-events: auto; -webkit-touch-callout: none; } nav.nav_principal input.case_burger:checked { position: fixed; top: 0; right: 0; z-index: 201; margin: 0 !important; width: 38px !important; height: 38px !important; transform: none; } nav.nav_principal input.case_burger:checked ~ .nav_principal_ul { transform: none; } nav.nav_principal input.case_burger:checked ~ .burger_icon { display: none; } nav.nav_principal input.case_burger:checked ~ .burger_icon_fermer { display: block; } body:has(nav.nav_principal input.case_burger:checked) { overflow-y: hidden; } body:has(nav.nav_principal input.case_burger:checked) .btn_deplier_filtres { display: none; } nav.nav_principal input.case_burger:hover ~ .burger_icon, nav.nav_principal input.case_burger:focus ~ .burger_icon { fill: black; } nav.nav_principal input.case_burger:hover ~ .burger_icon_fermer, nav.nav_principal input.case_burger:focus ~ .burger_icon_fermer { background-color: #bd2130; } @media only screen and (max-width: 992px) { #recherche-container { width: 38px !important; position: relative !important; } } #recherche-container #recherche_container_interieur { height: 100%; } #recherche-container #recherche_container_interieur > span { z-index: 149; } #recherche-container input.case_recherche, #recherche-container .ouvrir_recherche, #recherche-container .fermer_recherche { position: absolute; z-index: 151; top: 0; right: 0; width: 38px; } @media only screen and (max-width: 992px) { #recherche-container input.case_recherche, #recherche-container .ouvrir_recherche, #recherche-container .fermer_recherche { width: 38px !important; height: 38px !important; } } #recherche-container input.case_recherche, #recherche-container .ouvrir_recherche { height: 100%; } #recherche-container .ouvrir_recherche, #recherche-container .fermer_recherche { padding: 8px 0; pointer-events: none; } @media only screen and (max-width: 992px) { #recherche-container .ouvrir_recherche, #recherche-container .fermer_recherche { padding: 8px 0 !important; } } #recherche-container .fermer_recherche { padding: 10px 0 !important; display: none; background-color: #dc3545; fill: #FFF; } #recherche-container input.case_recherche { margin: 0; cursor: pointer; opacity: 0; pointer-events: auto; -webkit-touch-callout: none; } #recherche-container input.case_recherche:hover ~ .fermer_recherche { background-color: #bd2130; } #recherche-container input.case_recherche:checked, #recherche-container input.case_recherche:checked ~ .fermer_recherche { right: 0 !important; top: 0 !important; position: fixed; height: 38px !important; width: 38px !important; transform: none !important; } #recherche-container input.case_recherche:checked ~ .ouvrir_recherche { display: none; } #recherche-container input.case_recherche:checked ~ .fermer_recherche { display: block; } body:has(#recherche-container input.case_recherche:checked) .btn_deplier_filtres { display: none; } #recherche-container div[aria-live=polite] { position: absolute; } #recherche-container .not-loaded .recherche_popup { display: none; } #recherche-container .recherche_popup { position: fixed; z-index: 150; top: 0; left: 0; height: 100vh; width: 100vw !important; padding: 38px 5%; align-items: center; justify-content: center; pointer-events: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; animation-name: volet_de_recherche; animation-duration: 0.3s; } @keyframes volet_de_recherche { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 0, 0); } } #recherche-container .recherche_popup .nav_racine_niv_1 { flex-basis: 100%; } #recherche-container .recherche_popup form.search-input { width: 60%; margin-left: 20%; display: flex; justify-content: flex-end; align-items: center; } @media only screen and (max-width: 800px) { #recherche-container .recherche_popup form.search-input { width: 80%; margin-left: 10%; } } @media only screen and (max-width: 500px) { #recherche-container .recherche_popup form.search-input { width: 100%; margin-left: 0; } } #recherche-container .recherche_popup form.search-input input[type=text] { flex: 1; padding-right: 45px; border: none; } #recherche-container .recherche_popup svg { position: absolute; fill: rgba(128, 122, 117, 0.5); } #recherche-container section.resultats:not(.aucun-resultat) { animation-duration: 0.4s; } #recherche-container section.resultats .total { font-size: 1.3em; color: #ccc4bc; } #recherche-container section.resultats ul { margin: 40px 0 0; padding: 0; list-style: none; } #recherche-container section.resultats ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 10px; padding-bottom: 10px; } #recherche-container section.resultats ul a { display: block; } #recherche-container section.resultats ul a:hover { text-decoration: none; } #recherche-container section.resultats ul a:hover .resultat-titre { text-decoration: underline; } #recherche-container section.resultats ul .resultat-texte > * { display: block; } #recherche-container section.resultats ul .resultat-titre { color: #FFF; font-weight: bold; font-size: 1.2em; } #recherche-container section.resultats ul .resultat-sous-titre { color: gray; font-size: .9em; line-height: normal; } #recherche-container section.resultats ul small.resultat-parent { color: #b6ab9f; padding-top: 4px; font-size: .8em; font-style: italic; } #recherche-container section.resultats.aucun-resultat { background-color: transparent; position: fixed; top: 40%; left: 0; width: 100%; } #recherche-container section.resultats.aucun-resultat span { display: inline-block; background-color: #dc3545; color: #FFF; padding: 12px; font-size: 1.1em; } .alerte:not(.filtre_de_recherche_item) { margin: 20px 0 30px; text-align: center; font-weight: 300; width: 100%; } .alerte:not(.filtre_de_recherche_item) > span, .alerte:not(.filtre_de_recherche_item) > p { background-color: #dc3545; color: #FFF; padding: 8px 15px; max-width: 66%; display: inline-block; } @media only screen and (max-width: 700px) { .alerte:not(.filtre_de_recherche_item) > span, .alerte:not(.filtre_de_recherche_item) > p { max-width: 80%; } } @media only screen and (max-width: 550px) { .alerte:not(.filtre_de_recherche_item) > span, .alerte:not(.filtre_de_recherche_item) > p { max-width: none; } } .colonne_droite .alerte:not(.filtre_de_recherche_item) > span, .colonne_droite .alerte:not(.filtre_de_recherche_item) > p { max-width: none; } .alerte:not(.filtre_de_recherche_item) > span button, .alerte:not(.filtre_de_recherche_item) > p button { background-color: #FFF; color: #dc3545; font-size: 1em; margin: 12px 0 5px; } .alerte:not(.filtre_de_recherche_item) > span button:hover, .alerte:not(.filtre_de_recherche_item) > p button:hover { background-color: #fcebec; color: #bd2130; } .alerte:not(.filtre_de_recherche_item) > span a, .alerte:not(.filtre_de_recherche_item) > p a { color: #FFF; font-weight: bold; text-decoration: underline; } .alerte:not(.filtre_de_recherche_item) > span a:hover, .alerte:not(.filtre_de_recherche_item) > p a:hover { text-decoration: none !important; } .alerte:not(.filtre_de_recherche_item).alerte_validation > span, .alerte:not(.filtre_de_recherche_item).alerte_validation > p { background-color: #25b700; color: #FFF; } .alerte:not(.filtre_de_recherche_item).alerte_validation > span button, .alerte:not(.filtre_de_recherche_item).alerte_validation > p button { color: #25b700; } .alerte:not(.filtre_de_recherche_item).alerte_validation > span button:hover, .alerte:not(.filtre_de_recherche_item).alerte_validation > p button:hover { background-color: #e9f8e6; color: #1b8400; } .alerte:not(.filtre_de_recherche_item) .bouton { margin: 10px 0; } .alert { background-color: #dc3545; color: #FFF; padding: 8px 15px; } iframe { border: none; } label { color: #65615d; font-weight: bold; } label.required { color: #9a333a; } label.required:after { content: "\00002A"; } .post_label label { color: #36312A; font-weight: normal; } .colonne_droite label { display: block; margin-bottom: 6px; text-align: left; } input[type="text"], input[type="number"], input[type="email"], input[type="password"], textarea { color: black; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; font-size: 1em; border: none; background-color: #FFF; display: block; width: 100%; padding: 12px; margin: 0px; } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { outline: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); color: #000; } .colonne_droite input[type="text"], .colonne_droite input[type="number"], .colonne_droite input[type="email"], .colonne_droite input[type="password"], .colonne_droite textarea { width: 100%; } input[type="number"] { width: 130px; } textarea { height: 130px; resize: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("/default/images/icones/select.svg"); background-repeat: no-repeat !important; background-size: 16px; background-position: right center !important; background-color: #FFF; color: #65615d; border: 1px solid #ccc4bc; border-radius: 18px 0 0 18px; max-width: 100%; overflow: hidden; height: 36px; padding: 5px 25px 5px 14px; font-size: 1em; font-weight: 500; line-height: normal; margin: 0; } .colonne_droite select { width: 100%; font-size: 0.9em; } select:hover { background-color: #e0e0e0; border-color: #b3b3b3; color: #000; cursor: pointer; } select:focus { outline: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); color: #000; } select { background-repeat: repeat; background-position: initial; } input[type="radio"] { margin-right: 10px; } input[type="checkbox"], input[type="radio"] { margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: none; position: relative; height: 18px; background-color: rgba(128, 122, 117, 0.4); border-radius: 9px; cursor: pointer; } input[type="checkbox"]:before, input[type="radio"]:before { content: ""; width: 14px; height: 14px; position: absolute; top: 2px; left: 2px; border-radius: 50%; background-color: #FFF; cursor: pointer; } input[type="checkbox"]:hover, input[type="radio"]:hover { background-color: rgba(0, 0, 0, 0.6); } input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: rgba(37, 183, 0, 0.8); } input[type="checkbox"]:focus, input[type="radio"]:focus { outline: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); } input[type="checkbox"] { width: 30px; } input[type="checkbox"]:checked:hover { background-color: #209e00; } input[type="checkbox"]:checked:before { left: 14px; } input[type="radio"] { width: 18px; } input[type="radio"]:hover:before { top: 3px; left: 3px; width: 12px; height: 12px; } input[type="radio"]:checked:before { top: 5px; left: 5px; width: 8px; height: 8px; } input[type="radio"]:checked:hover { cursor: inherit; } .champ_formulaire { margin-bottom: 30px; clear: both; } .champ_formulaire .champ_formulaire { margin-bottom: 0; } .colonne_centre .champ_formulaire, .visionneuse_arkotheque .champ_formulaire, .contenu-contribution-fonds-container-modal .champ_formulaire { display: flex; align-items: flex-start; gap: 0 4%; } @media only screen and (max-width: 700px) { .colonne_centre .champ_formulaire, .visionneuse_arkotheque .champ_formulaire, .contenu-contribution-fonds-container-modal .champ_formulaire { display: block; padding: 0 10%; } } @media only screen and (max-width: 550px) { .colonne_centre .champ_formulaire, .visionneuse_arkotheque .champ_formulaire, .contenu-contribution-fonds-container-modal .champ_formulaire { padding: 0; } } .colonne_centre .champ_formulaire > label, .visionneuse_arkotheque .champ_formulaire > label, .contenu-contribution-fonds-container-modal .champ_formulaire > label { text-align: right; flex: none; flex-basis: 28%; } @media only screen and (max-width: 700px) { .colonne_centre .champ_formulaire > label, .visionneuse_arkotheque .champ_formulaire > label, .contenu-contribution-fonds-container-modal .champ_formulaire > label { display: block; text-align: left; width: 100%; margin-bottom: 8px; } } .colonne_centre .champ_formulaire .post_label, .visionneuse_arkotheque .champ_formulaire .post_label, .contenu-contribution-fonds-container-modal .champ_formulaire .post_label { flex: 2; flex-basis: 68%; text-align: justify; } .colonne_centre .champ_formulaire .post_label select + p, .visionneuse_arkotheque .champ_formulaire .post_label select + p, .contenu-contribution-fonds-container-modal .champ_formulaire .post_label select + p { margin-top: 5px; } .colonne_centre .champ_formulaire .post_label button, .visionneuse_arkotheque .champ_formulaire .post_label button, .contenu-contribution-fonds-container-modal .champ_formulaire .post_label button { font-size: 1em; padding: 4px 8px; } .colonne_centre .champ_formulaire > input[type="text"], .colonne_centre .champ_formulaire > input[type="email"], .colonne_centre .champ_formulaire > input[type="password"], .colonne_centre .champ_formulaire > textarea, .visionneuse_arkotheque .champ_formulaire > input[type="text"], .visionneuse_arkotheque .champ_formulaire > input[type="email"], .visionneuse_arkotheque .champ_formulaire > input[type="password"], .visionneuse_arkotheque .champ_formulaire > textarea, .contenu-contribution-fonds-container-modal .champ_formulaire > input[type="text"], .contenu-contribution-fonds-container-modal .champ_formulaire > input[type="email"], .contenu-contribution-fonds-container-modal .champ_formulaire > input[type="password"], .contenu-contribution-fonds-container-modal .champ_formulaire > textarea { margin-top: -10px; flex-basis: 66%; } @media only screen and (max-width: 700px) { .colonne_centre .champ_formulaire > input[type="text"], .colonne_centre .champ_formulaire > input[type="email"], .colonne_centre .champ_formulaire > input[type="password"], .colonne_centre .champ_formulaire > textarea, .visionneuse_arkotheque .champ_formulaire > input[type="text"], .visionneuse_arkotheque .champ_formulaire > input[type="email"], .visionneuse_arkotheque .champ_formulaire > input[type="password"], .visionneuse_arkotheque .champ_formulaire > textarea, .contenu-contribution-fonds-container-modal .champ_formulaire > input[type="text"], .contenu-contribution-fonds-container-modal .champ_formulaire > input[type="email"], .contenu-contribution-fonds-container-modal .champ_formulaire > input[type="password"], .contenu-contribution-fonds-container-modal .champ_formulaire > textarea { margin-top: 0; width: 100%; } } .colonne_droite .champ_formulaire { margin-bottom: 20px; } .champ_formulaire #registration_form_plainPassword { flex: 1; } .champ_formulaire #registration_form_plainPassword input { width: 100%; } .champ_formulaire #registration_form_plainPassword div:first-of-type label { display: none; } .champ_formulaire #registration_form_plainPassword label { display: block; font-weight: normal; margin: 15px 0 5px; font-size: 0.9em; } .champ_formulaire #registration_form_plainPassword label:after { content: " :"; } .champ_formulaire #registration_form_plainPassword .alerte span { max-width: none; } .champ_formulaire .help-text { flex: 1; margin-top: 5px; font-size: 0.9em; color: #65615d; } @media only screen and (max-width: 700px) { .champ_formulaire.formulaire_optin { display: flex; column-gap: 10px; } } .champ_formulaire.formulaire_optin label { order: 3; flex-basis: 68%; text-align: justify; font-weight: inherit; color: inherit; cursor: pointer; } .champ_formulaire.formulaire_optin .post_label { margin-top: 4px; text-align: right; flex-basis: 30%; width: 30%; transform: translateX(9%); } @media only screen and (max-width: 700px) { .champ_formulaire.formulaire_optin .post_label { flex: none; width: auto; transform: none; } } .champ_formulaire.champ_obligatoire label { color: #914147; } .plage_de_date { display: flex; gap: 10px 3%; } .visionneuse_arkotheque .plage_de_date { flex-direction: column; } .plage_de_date > .champ_formulaire:nth-child(2) { flex-grow: 1; } .plage_de_date .input-group { display: flex; column-gap: 10px; } .post_label .case_a_cocher { display: flex; column-gap: 10px; margin-bottom: 10px; } .post_label .case_a_cocher input[type="checkbox"], .post_label .case_a_cocher input[type="radio"] { flex: none; } .colonne_centre .post_label .case_a_cocher input[type="checkbox"], .colonne_centre .post_label .case_a_cocher input[type="radio"] { margin-top: 4px; } .post_label .case_a_cocher label:hover { cursor: pointer; } .post_label.champs_dates input[type="text"] { flex: none; width: 60px !important; } .post_label.champs_dates input[data-cy="champ-date-intitule"] { width: calc(100% - 220px) !important; } mark { background-color: #c3ff16; padding: 2px 4px; text-shadow: none; } .champ_intitule mark { display: contents; color: inherit; } input[type=range] { color: #000; background: rgba(128, 122, 117, 0.2); margin: 0; height: 18px; border-radius: 9px; -webkit-appearance: none; padding: 0; font: inherit; box-sizing: border-box; cursor: pointer; } input[type=range]:focus { outline: none; } @supports (-webkit-touch-callout: none) { input[type=range] { border: 1px solid transparent; } } input[type=range]::-webkit-slider-runnable-track { height: 100%; border: none; border-radius: 0; background-color: transparent; } input[type=range]:focus::-webkit-slider-runnable-track { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 1em; height: inherit; border: none; border-radius: 50%; width: 18px; background: #000; } input[type=range]::-webkit-slider-thumb:hover { background-color: black; } input[type=range]::-moz-range-track { height: 100%; border: none; border-radius: 9px; background-color: transparent; } input[type=range]::-moz-range-thumb { width: 1em; height: inherit; border: none; border-radius: 50%; background: #000; } input[type=range]::-moz-range-thumb:hover { background-color: black; } input[type=range]::-moz-range-progress { height: 100%; background: rgba(0, 0, 0, 0.2); } input[type=range].custom-slider::-ms-track { height: 100%; border: none; border-radius: 9px; color: transparent; background-color: transparent; } input[type=range].custom-slider::-ms-thumb { width: 1em; height: inherit; border: none; border-radius: 50%; background: currentColor; } input[type=range].custom-slider::-ms-tooltip { display: none; } input[type=range].custom-slider::-ms-fill-lower { background: transparent; } input[type=range].custom-slider::-ms-fill-upper { background: transparent; } input[type=range].custom-slider:focus::-ms-fill-lower { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } input[type=range].custom-slider:focus::-ms-fill-upper { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .formulaire_contact { margin: 20px 0; text-align: left; } .formulaire_contact .champ_formulaire .form-check.form-check-inline { margin-bottom: 5px; } .formulaire_contact .champ_formulaire.captcha input[type="text"] { width: 150px; flex: none; } .formulaire_contact .champ_formulaire .datetimepicker { display: flex; align-items: center; } .formulaire_contact .champ_formulaire .datetimepicker input[type="text"] { width: 150px; flex-basis: auto; } .formulaire_contact .champ_formulaire .datetimepicker .date-picker-control { margin-left: 15px; margin-right: 0; transition: none; flex: 0 1 auto; } .formulaire_contact .champ_formulaire.formulaire_optin span { flex: 1; padding-right: 5%; } .formulaire_contact .legende { text-align: center; } .date-picker * { text-shadow: none !important; } .date-picker table.date-picker-table { border-radius: 5px; border: none; } .date-picker table.date-picker-table th { color: #FFF; } .date-picker table.date-picker-table th.date-picker-title { background-color: #b6ab9f; } .date-picker table.date-picker-table th.date-picker-title span { font-weight: bold; } .date-picker table.date-picker-table th.date-picker-day-header { pointer-events: none; } .date-picker table.date-picker-table th.date-picker-statusbar { color: #25b700; font-weight: bold; letter-spacing: normal; } .date-picker table.date-picker-table th .today-but { color: #FFF; } .date-picker table.date-picker-table td { background-image: none; color: #36312A; } .date-picker table.date-picker-table td.date-picker-today { background-color: rgba(37, 183, 0, 0.2); border: none; color: #1b8400; } .date-picker table.date-picker-table td.date-picker-hover { box-shadow: none; border-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3); color: black; } .date-picker table.date-picker-table td.date-picker-selected-date { border: none; background-color: #25b700; color: #FFF; } .date-picker table.date-picker-table td.date-picker-highlight { color: #807a75; } .date-picker table.date-picker-table td.date-picker-unused { border: none; } .formulaire_contact .form-group .form-check label, .formulaire_espace_personnel .form-group .form-check label { color: #36312A; } .formulaire_contact .form-group .form-check label:hover, .formulaire_espace_personnel .form-group .form-check label:hover { color: #000; } .formulaire_contact p small, .formulaire_espace_personnel p small { color: #807a75; } .vignette_espace_personnel { margin-top: 20px; } .vignette_espace_personnel svg { fill: rgba(128, 122, 117, 0.3); vertical-align: middle; } .vignette_espace_personnel svg .cle { fill: #FFF; } .formulaire_espace_personnel { margin: 0 0 20px; text-align: left; padding: 40px 5% 10px; border: 1px solid rgba(128, 122, 117, 0.3); } @media only screen and (min-width: 1300px) { .formulaire_espace_personnel { margin: 0 10% 20px; } } .formulaire_espace_personnel label[for="registration_form_agreeTerms"] { order: 2; flex-basis: 100%; padding-right: 0; text-align: left; color: #36312A; font-weight: normal; cursor: pointer; } .formulaire_espace_personnel label[for="registration_form_agreeTerms"]:hover { color: black; } .formulaire_espace_personnel #registration_form_agreeTerms { margin-top: 3px; flex: none; } .formulaire_espace_personnel input[type="text"], .formulaire_espace_personnel input[type="email"], .formulaire_espace_personnel input[type="password"], .formulaire_espace_personnel textarea { flex-basis: 68% !important; } .formulaire_espace_personnel .champ_formulaire.has-error { flex-wrap: wrap; } .formulaire_espace_personnel .champ_formulaire.has-error ul { width: 100%; margin: 0 0 25px; text-align: center; } .formulaire_espace_personnel .champ_formulaire.has-error ul li { background-color: #dc3545; color: #FFF; padding: 8px 15px; display: inline-block; } .formulaire_espace_personnel .champ_formulaire.has-error label { order: 3; } .formulaire_espace_personnel .champ_formulaire.has-error input { order: 4; } form[name="modifier_compte_form"] .post_label p { margin-top: 5px; color: #807a75; font-size: 0.9em; } form[name="modifier_compte_form"] input[type="text"], form[name="modifier_compte_form"] input[type="email"], form[name="modifier_compte_form"] input[type="password"], form[name="modifier_compte_form"] textarea { flex-basis: 68% !important; } h3.message_bienvenue_espace_personnel { font-weight: normal; } .vignette_macaron_espace_personnel:not(.menu_espace_personnel_connecte) { display: none; } .vignette_macaron_espace_personnel svg { vertical-align: middle; } .vignette_macaron_espace_personnel svg .voyant { fill: #25b700; } .macaron_espace_personnel { padding: 15px 5%; margin-bottom: 1em; position: relative; } .macaron_espace_personnel h2 { margin-top: 5px; } .macaron_espace_personnel > p:last-of-type { margin-bottom: 0; } .macaron_espace_personnel .faux_ruban { position: absolute; right: 0; top: 15px; } .macaron_espace_personnel .faux_ruban svg { fill: #000; width: 50px; height: 32px; } .macaron_espace_personnel.macaron_podium { background-color: rgba(37, 183, 0, 0.1); border: none; } .macaron_espace_personnel.macaron_podium .lien_classement { display: flex; justify-content: center; margin-bottom: 10px; } .macaron_espace_personnel.macaron_podium .lien_classement a { display: flex; color: #25b700; } .macaron_espace_personnel.macaron_podium .lien_classement a div { display: flex; flex-direction: column; padding: 0 5px; } .macaron_espace_personnel.macaron_podium .lien_classement a div span:nth-child(1) { font-size: 1.5em; color: #209e00; } .macaron_espace_personnel.macaron_podium .lien_classement a div span:nth-child(2) { font-size: 0.85em; font-weight: bold; text-transform: uppercase; } .macaron_espace_personnel.macaron_podium .lien_classement a svg { fill: #25b700; } .macaron_espace_personnel.macaron_podium .lien_classement a:hover { text-decoration: none; transform: scale(1.05); } .macaron_espace_personnel.macaron_podium hr { margin: 20px 0; } .macaron_espace_personnel.macaron_podium h3 { color: #31591d; } .macaron_espace_personnel.macaron_podium .podium_grade_titre { color: #2c8111; font-weight: bold; font-size: 1.1em; } .macaron_espace_personnel.macaron_podium .podium_progress_bar { margin: 10px 5%; border-radius: 10px; height: 20px; display: flex; border: 1px solid rgba(37, 183, 0, 0.3); overflow: hidden; background-color: #FFF; } .macaron_espace_personnel.macaron_podium .podium_progress_bar .podium_progress { background-image: linear-gradient(90deg, #25b700 0%, #105100 100%); } .macaron_espace_personnel.macaron_podium .podium_points_total, .macaron_espace_personnel.macaron_podium .prochain_grade { color: #807a75; font-size: 0.9em; } @media only screen and (max-width: 600px) { .classeurs table thead, .classeurs table tbody { display: block; } .classeurs table tr { display: flex; flex-direction: column; } .classeurs table tbody tr { border-bottom: 1px solid #b6ab9f; } .classeurs table th, .classeurs table td { border-bottom: none; padding: 2px 8px; } .classeurs table th:first-of-type, .classeurs table td:first-of-type { padding-top: 10px; } .classeurs table th:last-of-type, .classeurs table td:last-of-type { padding-bottom: 10px; } .classeurs table th:nth-child(2), .classeurs table td:nth-child(2) { display: none; } } .description_espace_personnel div[role="button"] { display: flex; } .description_espace_personnel div[role="button"]:hover .bouton_rond { cursor: pointer; background-color: black; text-decoration: none; transform: scale(1.15); } .description_espace_personnel div[role="button"]:hover .contenu_description { color: black; } .description_espace_personnel .bouton_rond { margin-right: 10px; flex: none; } .description_espace_personnel .contenu_description { font-size: 0.95em; color: #807a75; } .description_espace_personnel .edition_description { display: flex; flex-wrap: wrap; justify-content: flex-end; } .description_espace_personnel .edition_description textarea { width: 100%; margin-bottom: 7px; } .description_espace_personnel .edition_description button { padding: 5px; } .description_espace_personnel .edition_description button.annuler { margin-left: 5px; } .description_espace_personnel .edition_description button svg { margin-right: 0; width: 16px; height: 16px; } .url_classeur { color: #25b700; font-size: 0.9em; margin-top: 10px; } .date_classeur { font-size: 0.9em; color: #807a75; font-style: italic; margin-top: 20px; } .vos_evenements table td.date_evenements .evenement_passe { display: inline-block; padding: 2px 5px 1px; background-color: #dc3545; border-radius: 2px; color: #FFF; font-weight: 500; font-size: 0.8em; margin-right: 8px; } .vos_evenements table td.date_evenements time { display: inline-block; } .vos_evenements table .evenement_liens_calendars { margin-left: 0; } .vos_evenements table .evenement_liens_calendars li { display: inline; } .vos_evenements table .evenement_liens_calendars li:nth-child(n+2):before { color: #99948f; content: "\2022"; margin: 0 5px; font-size: 1.4rem; transform: translateY(3px); display: inline-block; } .vos_evenements table .evenement_liens_calendars li a { color: #807a75; } .vos_evenements table .evenement_liens_calendars li a:hover { color: black; } .vos_evenements table .inscription_annulee { color: #dc3545; font-weight: 500; font-size: 0.9em; } td .reservation-annulee, td .reservation-enretard { color: #dc3545; font-weight: 500; font-size: 0.9em; } td .reservation-enretard { color: #dc3545; } .classeur-add-choice { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); display: flex; flex-direction: column; justify-content: center; } .classeur-add-choice > div { margin: 0 20%; } .classeur-add-choice > div h2 { color: #ccc4bc; margin-bottom: 40px; } .classeur-add-choice > div button { border: none; } .classeur-add-choice > div button.classeur-add-submit { background-color: #25b700; } .classeur-add-choice > div button.classeur-add-submit:hover { background-color: #1b8400; color: #FFF; } body.global-loading:after { content: ""; bottom: 0; position: fixed; z-index: 3000; left: 0; width: 10%; height: 4px; background-color: #000; animation: k2000 4s ease infinite alternate; } @keyframes k2000 { 0% { margin-left: 0; width: 1%; } 50% { width: 10%; } 100% { margin-left: 99%; width: 1%; background-color: #dc3545; } } .code_secret_form { margin-bottom: 25px; } .code_secret { border: none; background-color: #000; display: flex; margin: 30px auto; padding: 0 12px 0 20px; max-width: 350px; height: 50px; border-radius: 25px; } .code_secret .picto_code_secret { display: flex; align-items: center; flex: none; } .code_secret .picto_code_secret svg { width: 26px; height: 26px; fill: #FFF; margin-right: 8px; } .code_secret input[type="password"] { background-color: transparent; color: #FFF; font-size: 1.6em; text-align: center; border: none; } .code_secret input[type="password"]:hover { background-color: black; } .code_secret input[type="password"]:focus { background-color: transparent; } .code_secret input[type="password"]::placeholder { font-size: 0.6em; color: rgba(255, 255, 255, 0.5); } .code_secret button { flex: none; background-color: transparent !important; padding: 0 10px; } .code_secret button:hover { transform: scale(1.15); } .code_secret button svg { margin-right: 0; } .code_secret button span { display: none; } .cartouche_evenement { padding: 15px 5%; margin-bottom: 1em; } .colonne_centre .cartouche_evenement { margin: 0 10% 1em; } @media only screen and (min-width: 1600px) { .colonne_centre .cartouche_evenement { margin: 0 20% 1em; } } @media only screen and (max-width: 600px) { .colonne_centre .cartouche_evenement { margin: 0 0 1em; } } .cartouche_evenement p.evenement_jauge { text-align: center; font-size: 1.2em; line-height: normal; } .cartouche_evenement p.evenement_jauge strong { display: block; font-size: 2.2em; line-height: normal; } .cartouche_evenement.evenement_complet, .cartouche_evenement.inscriptions_closes { background-color: rgba(220, 53, 69, 0.1); } .cartouche_evenement.evenement_complet h2, .cartouche_evenement.inscriptions_closes h2 { font-size: 1.3em; color: #921925; margin: 0 0 5px; font-weight: bold; text-align: center; } .cartouche_evenement.evenement_complet p, .cartouche_evenement.inscriptions_closes p { font-size: 1em; margin-bottom: 0; color: #dc3545; } .cartouche_evenement.inscriptions_closes h2, .cartouche_evenement.inscriptions_closes p { text-align: left; } .cartouche_evenement .liens_calendars { margin-top: 15px; font-size: 0.9em; } .cartouche_evenement .liens_calendars li { margin-bottom: 0; } .cartouche_evenement .liens_calendars a { color: #807a75; } .cartouche_evenement .liens_calendars a:hover { color: black; } .all_feature_result { border: 1px solid #FFF; background-color: #FFF; } .visionneuse_arkotheque .all_feature_result { font-size: 0.9em; } .all_feature_result .feature_result { background-color: rgba(0, 0, 0, 0.1); color: black; padding: 3px 2%; } .all_feature_result .feature_result + .feature_result { border-top: 1px solid #ccc4bc; } .all_feature_result .feature_result:hover { cursor: pointer; background-color: #000; color: #FFF; } .ia-calendar { display: flex; column-gap: 1%; } .ia-calendar > div { flex: 1; } .ia-calendar > div.ia-calendar-prev-btn, .ia-calendar > div.ia-calendar-next-btn { flex: none; padding-top: 15px; } .ia-calendar > div.ia-calendar-prev-btn button, .ia-calendar > div.ia-calendar-next-btn button { background-color: transparent; padding: 0; border: none; } .ia-calendar > div.ia-calendar-prev-btn button:disabled, .ia-calendar > div.ia-calendar-next-btn button:disabled { display: none; } .ia-calendar > div.ia-calendar-prev-btn button:before, .ia-calendar > div.ia-calendar-next-btn button:before { content: ""; width: 0; height: 0; border-style: solid; } .ia-calendar > div.ia-calendar-prev-btn button svg, .ia-calendar > div.ia-calendar-next-btn button svg { display: none; } .ia-calendar > div.ia-calendar-prev-btn.ia-calendar-prev-btn button:before, .ia-calendar > div.ia-calendar-next-btn.ia-calendar-prev-btn button:before { border-width: 12px 16px 12px 0; border-color: transparent #000 transparent transparent; } .ia-calendar > div.ia-calendar-prev-btn.ia-calendar-prev-btn button:hover:before, .ia-calendar > div.ia-calendar-next-btn.ia-calendar-prev-btn button:hover:before { border-right-color: black; } .ia-calendar > div.ia-calendar-prev-btn.ia-calendar-next-btn button:before, .ia-calendar > div.ia-calendar-next-btn.ia-calendar-next-btn button:before { border-width: 12px 0 12px 16px; border-color: transparent transparent transparent #000; } .ia-calendar > div.ia-calendar-prev-btn.ia-calendar-next-btn button:hover:before, .ia-calendar > div.ia-calendar-next-btn.ia-calendar-next-btn button:hover:before { border-left-color: black; } .ia-calendar > div.ia-calendar-day { padding: 10px 2%; } .ia-calendar > div.ia-calendar-day.ia-calendar-day-today { background-color: rgba(37, 183, 0, 0.1); } .ia-calendar > div.ia-calendar-day > div:last-child { margin-top: 5px; gap: 6px; } .ia-calendar > div.ia-calendar-day > div:last-child button { font-size: 0.9em; font-weight: bold; } .reza-reservation-module .plage_reservation { display: flex; column-gap: 10px; font-weight: bold; color: #25b700; } .reza-reservation-module .plage_reservation button { border-radius: 50%; width: 30px; height: 30px; background-color: #dc3545; font-weight: bold; } .reza-reservation-module .plage_reservation button:hover { background-color: #bd2130; } .reza-reservation-module .loading-ring { position: absolute; } .calendrier-selection .calendrier-ui { display: flex; justify-content: space-between; margin-bottom: 10px; column-gap: 10px; } .calendrier-selection .calendrier-ui button { flex: none; background-color: transparent; padding: 0; } .calendrier-selection .calendrier-ui button:before { content: ""; width: 0px; height: 0px; border-style: solid; } .calendrier-selection .calendrier-ui button:hover:before { transform: scale(1.1); } .calendrier-selection .calendrier-ui button:first-child:before { border-width: 10px 15px 10px 0; border-color: transparent #000 transparent transparent; } .calendrier-selection .calendrier-ui button:first-child:hover:before { border-right-color: black; } .calendrier-selection .calendrier-ui button:last-child:before { border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #000; } .calendrier-selection .calendrier-ui button:last-child:hover:before { border-left-color: black; } .calendrier-selection .calendrier-ui span { flex: 1; font-size: 1.5em; font-weight: bold; white-space: nowrap; text-align: center; } .calendrier-selection .calendrier-semaines { display: flex; flex-direction: column; row-gap: 4px; } .calendrier-selection .calendrier-semaines .calendrier-semaine { display: flex; gap: 4px 4px; } .calendrier-selection .calendrier-semaines .calendrier-semaine.intitule_jours { color: #99948f; font-size: 0.9em; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour { flex: 1; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour.jour_selectionnable { cursor: pointer; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour.jour_selectionnable:hover .jour { border-color: #1b8400; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour { border: 2px solid transparent; padding: 5px 6%; background-color: #fff; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour.jour-selectable { background-color: #e5f6e0; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour.aujourdhui { background-color: #f6f1ec; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour.aujourdhui .numero { color: #000; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour.jour-plage { background-color: #25b700 !important; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour.jour-plage .nom_du_jour { color: rgba(255, 255, 255, 0.6); } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour.jour-plage .numero { color: #FFF; } .calendrier-selection .calendrier-semaines .calendrier-semaine .calendrier-jour .jour .numero { color: #736d69; font-weight: bold; } .date_choisie_calendrier { margin-top: 20px; column-gap: 10px !important; justify-content: center; } .date_choisie_calendrier label, .date_choisie_calendrier .post_label { flex: none !important; } .date_choisie_calendrier label { color: #807a75; } .date_choisie_calendrier time { font-weight: bold; color: #25b700; } .contenu_sticky { position: sticky; position: -webkit-sticky; top: 0; } .filtre_liste_popup_container { background-image: linear-gradient(180deg, gainsboro 20%, rgba(245, 245, 245, 0.95) 100%); position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; padding: 0 10%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow-y: auto; -webkit-overflow-scrolling: touch; animation-name: aide_a_la_saisie; animation-duration: 0.3s; } body:has(.filtre_liste_popup_container) { overflow: hidden; } @keyframes aide_a_la_saisie { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 0, 0); } } .filtre_liste_popup_container nav.pagination { margin-bottom: 20px; } .filtre_liste_popup_container .filtre_liste_popup_liste { height: 80vh; overflow-y: auto; min-width: 50%; text-align: left; line-height: 1.2em; } .filtre_liste_popup_container .alerte { width: 100%; } .filtre_liste_popup_container button.fermer_popup { position: fixed; right: 0; top: 0; width: 38px; height: 38px; padding: 0; overflow: hidden; border-radius: 0; border: none; transform: none; } .filtre_liste_popup_container button.fermer_popup svg { width: 18px; height: 18px; } .popup-aide-recherche { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.85); overflow: hidden; display: flex; justify-content: center; align-items: center; } .popup-aide-recherche > div { background-color: #ebe7e4; padding: 20px 2%; max-width: 80%; border-radius: 3px; max-height: 75vh; overflow-y: auto; } @media only screen and (max-width: 1100px) { .popup-aide-recherche > div { max-width: 92%; } } .popup-aide-recherche > button { position: absolute; bottom: 0; } .popup-aide-recherche.popup-front > div { width: 80%; max-height: calc(100vh - 96px); margin-bottom: 20px; font-size: .95em; line-height: 1.2em; } @media only screen and (max-width: 1100px) { .popup-aide-recherche.popup-front > div { width: 90%; } } @media only screen and (max-width: 900px) { .popup-aide-recherche.popup-front > div { width: 100%; } } @media only screen and (max-width: 800px) { .popup-aide-recherche.popup-front > div { border-radius: 0; max-width: none; } } .popup-aide-recherche.popup-front .bloc_blanc_intitule { text-align: left; text-transform: uppercase; font-weight: bold; color: #807a75; font-size: 0.9em; } .popup-aide-recherche.popup-front .bloc_blanc { background-color: rgba(255, 255, 255, 0.5); padding: 15px 2%; margin-bottom: 15px; } .popup-aide-recherche.popup-front .bloc_blanc .valeur-bloc .champ_formulaire:last-of-type { margin-bottom: 0; } .popup-aide-recherche.popup-front .champ_formulaire { margin-bottom: 15px; } .popup-aide-recherche.popup-front input[type="text"], .popup-aide-recherche.popup-front input[type="number"] { line-height: 28px; padding: 0 6px; } .popup-aide-recherche.popup-front input[type="text"]::placeholder, .popup-aide-recherche.popup-front input[type="number"]::placeholder { font-size: 0.9em; } .popup-aide-recherche.popup-front .bouton_rond.creer_terme { width: auto; border-radius: 5px; padding: 5px 10px; font-size: .9em; } .popup-aide-recherche.popup-front .bouton_rond.creer_terme:hover { transform: none; } .popup-aide-recherche.popup-front .bouton_rond.creer_terme span { display: block; } .popup-aide-recherche.popup-front .bouton_rond svg { width: 15px; height: 15px; } .popup-aide-recherche.popup-front .post_label.cases_a_cocher { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; gap: 16px 4%; } .popup-aide-recherche.popup-front .post_label.cases_a_cocher > div { flex-basis: 48%; display: flex; } @media only screen and (max-width: 900px) { .popup-aide-recherche.popup-front .post_label.cases_a_cocher > div { flex-basis: 100%; } } @media only screen and (min-width: 1400px) { .popup-aide-recherche.popup-front .post_label.cases_a_cocher > div { flex-basis: 30%; } } @media only screen and (min-width: 1700px) { .popup-aide-recherche.popup-front .post_label.cases_a_cocher > div { flex-basis: 22%; } } .popup-aide-recherche.popup-front .post_label.cases_a_cocher > div input[type="checkbox"] { flex: none; margin-right: 10px; } .popup-aide-recherche.popup-front .post_label.cases_a_cocher > div label { display: flex; cursor: pointer; } .popup-aide-recherche.popup-front .input-group { display: flex; flex-wrap: wrap; justify-content: space-between; } .popup-aide-recherche.popup-front .input-group > .form-control { width: 49.5%; margin-bottom: 3px; } .popup-aide-recherche.popup-front .post_label.appel_liste { display: flex; } .popup-aide-recherche.popup-front .post_label.appel_liste .badges { flex: 1; padding-left: 15px; } .popup-aide-recherche.popup-front .mapboxgl-map { height: 60vh !important; min-height: 300px; max-height: 600px; margin-bottom: 10px; border: none; } .popup-aide-recherche.popup-front .mapboxgl-map + button { display: none; } .popup-aide-recherche.popup-front .contenu_et_ascenceur { display: flex; margin-bottom: 50px; } .popup-aide-recherche.popup-front .contenu_et_ascenceur:last-of-type { margin-bottom: 20px; } .popup-aide-recherche.popup-front .contenu_et_ascenceur .contenu_et_ascenceur_1 { flex: 1; } .popup-aide-recherche.popup-front .contenu_et_ascenceur .contenu_et_ascenceur_2 { flex: none; padding-left: 2%; display: flex; flex-direction: column; row-gap: 4px; } .popup-aide-recherche.popup-front .contenu_et_ascenceur .contenu_et_ascenceur_2 .btn { padding: 6px; width: 24px; height: 24px; border-radius: 50%; } .popup-aide-recherche.popup-front .contenu_et_ascenceur .contenu_et_ascenceur_2 .btn.btn-danger { background-color: #dc3545; } .popup-aide-recherche.popup-front .contenu_et_ascenceur .contenu_et_ascenceur_2 .btn.btn-danger:hover { background-color: #bd2130; } .popup-aide-recherche.popup-front .contenu_et_ascenceur .contenu_et_ascenceur_2 .btn svg { width: 10px; height: 10px; } .popup-aide-recherche.popup-front .alert.alert-danger { color: #dc3545; font-weight: bold; margin-bottom: 2px; } .popup-aide-recherche.popup-front .btn-danger { background-color: #dc3545; border-radius: 50%; height: 26px; width: 26px; padding: 0; } .popup-aide-recherche.popup-front .btn-danger:hover { background-color: #bd2130; } .popup-aide-recherche.popup-front .btn-danger svg { width: 15px; height: 15px; } .popup-aide-recherche.popup-front .nav-tabs { display: flex; flex-wrap: wrap; justify-content: center; padding-left: 1px; margin: 0; column-gap: 4px; } .popup-aide-recherche.popup-front .nav-tabs li { margin-bottom: -1px; font-size: 0.9em; overflow: hidden; } @media only screen and (max-width: 1200px) { .popup-aide-recherche.popup-front .nav-tabs li { font-size: 0.8em; } } @media only screen and (max-width: 1000px) { .popup-aide-recherche.popup-front .nav-tabs li { font-size: 0.75em; } } .popup-aide-recherche.popup-front .nav-tabs li a { display: block; border-radius: 3px 3px 0 0; padding: 5px 10px; text-transform: uppercase; color: #FFF; font-weight: 600; background-color: #aaa7a3; white-space: nowrap; } .popup-aide-recherche.popup-front .nav-tabs li a:hover, .popup-aide-recherche.popup-front .nav-tabs li a:focus { text-decoration: none; cursor: pointer; background-color: #000; color: #FFF; } .popup-aide-recherche.popup-front .nav-tabs li a.active { pointer-events: none; color: #807a75; background-color: #FFF; } .popup-aide-recherche.popup-front .nav-tabs + .tab-content { padding: 15px 2%; background-color: #fff; border-radius: 3px; } .popup-aide-recherche.popup-front .nav-tabs + .tab-content .bloc_blanc { background-color: rgba(204, 196, 188, 0.2); } .popup-aide-recherche.popup-front .boutons_de_tableau { display: flex; justify-content: flex-end; align-items: center; } .popup-aide-recherche.popup-front .icones_light .btn { width: 30px; height: 30px; border-radius: 0; padding: 5px; background-color: transparent; } .popup-aide-recherche.popup-front .icones_light .btn:hover { background-color: #000; } .popup-aide-recherche.popup-front .icones_light .btn:hover svg { fill: #FFF !important; } .popup-aide-recherche.popup-front .icones_light .btn.btn-danger { color: #dc3545; } .popup-aide-recherche.popup-front .icones_light .btn.btn-danger:hover { background-color: #dc3545; } .popup-aide-recherche.popup-front .icones_light .btn.btn-danger svg { fill: #dc3545; } .popup-aide-recherche.popup-front .icones_light .btn svg { fill: #000; } .post_label.champs_date > div { display: flex; } .post_label.champs_date > div .form-control { margin-right: 5px !important; flex: 1; } .post_label.champs_date > div .form-control:nth-child(n+4) { flex: 3; } @media only screen and (max-width: 1300px) { .plage_de_date { flex-direction: column; } } .plage_de_date .champ_formulaire { margin-bottom: 0; padding: 0 !important; } .plage_de_date .champ_formulaire:nth-child(1) { flex: none; width: 210px; } label.btn.btn-primary { background-color: #000; color: #FFF; font-size: 0.9em; border-radius: 3px; padding: 5px 8px; } label.btn.btn-primary:hover { background-color: black; cursor: pointer; } label.btn.btn-primary + span { padding: 0 5px; color: #807a75; font-style: italic; } .dropzone_et_collection { display: flex; margin-bottom: 15px; } .dropzone_et_collection .dropzone { width: 25%; margin-right: 5%; } .dropzone_et_collection .dropzone .dropzone-inner { display: flex; align-items: center; align-content: center; border: 1px dotted rgba(0, 0, 0, 0.5); font-style: italic; padding: 15px 15%; color: rgba(0, 0, 0, 0.5); height: auto; } .dropzone_et_collection .dropzone .dropzone-inner:hover { color: #000; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; } .dropzone_et_collection .dropzone .dropzone-inner p { font-size: 0.9em; text-align: center; line-height: normal; margin: 0; } .dropzone_et_collection .repetable-collection { flex: 1; } .dropzone_et_collection .repetable-collection .fichier-preview button { padding: 7px; } .modal { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden; background-color: rgba(0, 0, 0, 0.8); padding: 15px 5%; display: flex !important; align-items: center; justify-content: center; } .modal .bloc_blanc_intitule { display: none; } .modal .modal-dialog { flex: 1; } .modal .modal-dialog.modale-creation-fiche-base h5 { font-size: 0em; color: transparent; } .modal .modal-dialog.modale-creation-fiche-base h5:before { font-size: 1.5rem; line-height: 1.4em; font-weight: 300; color: #FFF; content: "Ajouter un terme"; } .modal .modal-content { min-width: 0 !important; max-height: 95vh !important; background-color: #e2ded9; border-radius: 5px; padding: 15px 5%; position: relative; margin: 0 auto; } @media only screen and (max-width: 1300px) { .modal .modal-content { width: 70% !important; } } @media only screen and (max-width: 1100px) { .modal .modal-content { width: 80% !important; } } @media only screen and (max-width: 900px) { .modal .modal-content { width: 90% !important; } } .modal .modal-content .modal-body { overflow: auto; max-height: 90vh; } .modal .modal-content #colonne_de_facettes { margin-bottom: 15px; } .modal.modale-recherche-base-container { padding: 15px 40px; align-items: stretch; font-size: 0.9em; } .modal.modale-recherche-base-container .modal-content { width: 100% !important; padding: 15px 2%; overflow-y: auto; height: 95vh; } .modal.modale-recherche-base-container h5.modal-title { display: none; } .modal.modale-recherche-base-container button.btn-success { position: fixed; } .modal .internaute_ajax_container h2 { margin-top: 0; font-size: 1.4em; } .modal .internaute_ajax_container .vignette_espace_personnel, .modal .internaute_ajax_container .classeurs, .modal .internaute_ajax_container .aide_espace_personnel, .modal .internaute_ajax_container .macaron_podium { display: none; } .modal .internaute_ajax_container .formulaire_espace_personnel { padding: 30px 3% 10px; } .modal .internaute_ajax_container .macaron_espace_personnel h2 + p { display: none; } .modal button { padding: 6px; } .modal button.close, .modal button.btn-success, .modal button.reset-recherche-filtres { border-radius: 0; } .modal button.close { position: fixed; z-index: 10; right: 0; top: 0; background-color: #dc3545; } .modal button.close:hover { background-color: #bd2130; } .modal button.btn-success { background-color: #25b700; position: absolute; right: 0; bottom: 0; } .modal button.btn-success:hover { background-color: #1b8400; } .modal button.reset-recherche-filtres { background-color: #dc3545; } .modal button.reset-recherche-filtres:hover { background-color: #bd2130; } .modal button svg { width: 20px; height: 20px; } .modal .champ_formulaire { display: flex; align-items: flex-start; } @media only screen and (max-width: 700px) { .modal .champ_formulaire { display: block; padding: 0 10%; } } @media only screen and (max-width: 550px) { .modal .champ_formulaire { padding: 0; } } .modal .champ_formulaire label { text-align: right; flex-basis: 25%; padding-right: 12px; } @media only screen and (max-width: 700px) { .modal .champ_formulaire label { display: block; text-align: left; width: 100%; margin-bottom: 8px; } } .modal .champ_formulaire .post_label { flex: 1; text-align: left; } .modal .champ_formulaire .post_label input[type="text"] { width: 90%; } .modal .filtre_de_recherche_libre { display: flex; margin-bottom: 1em; } .modal .filtre_de_recherche_libre .form-control { flex: 1; } .modal nav.pagination { margin-top: 0; } .modal .colonne_de_resultat_de_facettes { overflow-x: hidden; overflow-y: auto; height: 70vh; } .modal p.fiches-selectionnees { color: #807a75; margin-bottom: 10px; } .modal p.fiches-selectionnees strong { font-size: 1.5em; font-weight: bold; } .modal table { margin: 20px 0; } .modal table tr { cursor: pointer; } .modal table tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.2); } .modal table tr:hover { background-color: rgba(0, 0, 0, 0.15); } .modal table tr.ligne_selectionnee { background-color: #25b700; color: #FFF; } .modal table tr.ligne_selectionnee:hover { background-color: #dc3545; } .modal .tableau_selectionnable thead { display: none; } .modal .tableau_selectionnable td:nth-child(n+2) { display: none; } .modal #progress_bar { top: 0; position: fixed; z-index: 10; left: 0; margin: 5px 40px; width: calc(100% - 80px); background-color: rgba(204, 196, 188, 0.5); border-radius: 5px; } .modal #progress_bar div { border-radius: 5px; width: 10%; background-color: #000; height: 5px; animation: progression 3s ease infinite alternate; } @keyframes progression { from { margin-left: 0; } to { margin-left: 90%; background-color: #25b700; } } .react-datepicker__portal { text-align: center; font-size: 0.9rem; position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; } .react-datepicker__portal .react-datepicker { background-color: #FFF; position: relative; border-radius: 4px; overflow: hidden; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation { background-color: transparent; position: absolute; margin: 10px; z-index: 1; height: 30px; width: 30px; font-size: 0em; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.4s ease; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous { left: 0; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous:before { border-width: 13px 20px 13px 0; border-color: transparent #000 transparent transparent; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous:hover:before { border-right-color: black; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next { right: 0; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next:before { border-width: 13px 0 13px 20px; border-color: transparent transparent transparent #000; } .react-datepicker__portal .react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next:hover:before { border-left-color: black; } .react-datepicker__portal .react-datepicker .react-datepicker__header { background-color: #e2ded9; border-bottom: 1px solid #ccc4bc; padding-top: 8px; } .react-datepicker__portal .react-datepicker .react-datepicker__header .react-datepicker__current-month { font-weight: bold; font-size: 1.4em; line-height: 35px; } .react-datepicker__portal .react-datepicker .react-datepicker__header .react-datepicker__current-month::first-letter { text-transform: uppercase; } .react-datepicker__portal .react-datepicker .react-datepicker__header .react-datepicker__header__dropdown > div { display: inline-block; margin: 0 2px; } .react-datepicker__portal .react-datepicker .react-datepicker__day-name, .react-datepicker__portal .react-datepicker .react-datepicker__day { display: inline-block; width: 40px; line-height: 40px; } .react-datepicker__portal .react-datepicker .react-datepicker__month { margin: 5px; height: 240px; } .react-datepicker__portal .react-datepicker .react-datepicker__month .react-datepicker__day { cursor: pointer; } .react-datepicker__portal .react-datepicker .react-datepicker__month .react-datepicker__day.react-datepicker__day--today { font-weight: bold; } .react-datepicker__portal .react-datepicker .react-datepicker__month .react-datepicker__day:hover { background-color: rgba(0, 0, 0, 0.15); } .react-datepicker__portal .react-datepicker .react-datepicker__month .react-datepicker__day.react-datepicker__day--selected { background-color: #25b700; color: #FFF; } .react-datepicker__portal .react-datepicker .react-datepicker__month .react-datepicker__day.react-datepicker__day--selected:hover { background-color: #1b8400; } .react-datepicker__portal .react-datepicker .react-datepicker__today-button { background-color: #e2ded9; border-top: 1px solid #ccc4bc; padding: 5px; cursor: pointer; font-weight: bold; } .badge { flex: none !important; display: inline-block; padding: 3px 5px; white-space: nowrap; vertical-align: middle; color: #FFF; background-color: #000; border-radius: 2px; font-size: 0.8em; line-height: normal; font-weight: 500; margin-right: 3px; margin-bottom: 2px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 1100px) { .badge { max-width: 400px; } } @media only screen and (max-width: 1000px) { .badge { max-width: 300px; } } .badge.badge_de_liste { background-color: #25b700; } .badge.badge_de_liste:hover { background-color: #dc3545; cursor: pointer; } .fiche-btns { position: fixed; left: 0; bottom: 10px; width: 100%; } .fiche-btns .btn.btn-success { background-color: #25b700; height: 38px; } .fiche-btns .btn.btn-success:hover { background-color: #1b8400; } .rdw-editor-toolbar { margin-bottom: 0; } .rdw-editor-toolbar .rdw-option-wrapper[title="Monospace"] { display: none; } .rdw-editor-main { min-height: 200px; max-height: 500px; background-color: #FFF; padding: 3px 6px; border: 1px solid rgba(128, 122, 117, 0.4); } .rdw-editor-main:hover { border-color: #1a1a1a; } #fausse_popup { content: ""; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); overflow: hidden; display: flex; justify-content: center; align-items: center; cursor: pointer; } #fausse_popup > div { background-color: #ebe7e4; padding: 20px 3%; max-width: 80%; border-radius: 3px; max-height: 75vh; overflow-y: auto; } #recherche_a_facettes { display: flex; justify-content: space-between; column-gap: 1%; } #recherche_a_facettes #colonne_de_facettes { flex: none; flex-basis: 27%; max-width: 400px; font-size: 0.9em; margin-bottom: 0; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .filtre_de_recherche_intitule { background-color: #FFF; display: flex; justify-content: space-between; align-items: flex-start; color: #65615d; text-transform: uppercase; font-size: 0.8rem; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .filtre_de_recherche_intitule:hover { background-color: rgba(0, 0, 0, 0.1); color: black; cursor: pointer; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .filtre_de_recherche_intitule:hover:before { border-left-color: black; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .filtre_de_recherche_intitule:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #807a75; margin-top: 6px; margin-right: 5px; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .filtre_de_recherche_intitule span { flex: 1; text-align: left; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche.ouvert .filtre_de_recherche_intitule:before { transform: rotate(90deg); } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche .input-group { display: none; } #recherche_a_facettes #colonne_de_facettes .champ_formulaire { background-color: #FFF; padding: 0.75rem 1.25rem; margin: 0; flex-wrap: wrap; } #recherche_a_facettes #colonne_de_facettes .champ_formulaire > label { flex-basis: 100%; justify-content: flex-start; max-width: none; transform: none; text-align: left; } #recherche_a_facettes #colonne_de_facettes .champ_formulaire .post_label { flex: none; width: 100%; } #recherche_a_facettes #colonne_de_facettes .champ_formulaire .post_label input[type="text"] { width: 100%; border: 1px solid #ccc4bc; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche_libre { padding: 0; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche_items { padding: 0 10px; background-color: #FFF; } #recherche_a_facettes #colonne_de_facettes .filtre_de_recherche.ouvert .filtre_de_recherche_items { padding-bottom: 10px; } #recherche_a_facettes #colonne_de_facettes .input-group { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; } #recherche_a_facettes #colonne_de_facettes .input-group label { font-weight: normal; } #recherche_a_facettes .colonne_de_resultat_de_facettes { flex: 1; height: auto; overflow-x: auto; } #recherche_a_facettes .colonne_de_resultat_de_facettes .bloc_blanc { background-color: #FFF; padding: 15px; } .boutons { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin: 20px 0; } td.boutons_de_tableau { display: flex; justify-content: flex-end; column-gap: 5px; } .bouton { margin: 30px auto; } .bouton.filtre_de_recherche_item { margin: auto; text-align: inherit; } button, input[type="submit"], .boutons > a, .contenu_texte.bouton a, .sommaire_liste.bouton a, .sommaire_resume.bouton a { background-color: #000; font-size: 1.1em; font-weight: normal; line-height: 1.3em; color: #FFF; margin: 0; border-radius: 3px; padding: 5px 10px; vertical-align: middle; text-decoration: none; border: none; display: inline-flex; align-items: center; justify-content: center; column-gap: 10px; } button:hover, input[type="submit"]:hover, .boutons > a:hover, .contenu_texte.bouton a:hover, .sommaire_liste.bouton a:hover, .sommaire_resume.bouton a:hover { background-color: black; color: #FFF; text-decoration: none; cursor: pointer; } button.annuler, button.valider, input[type="submit"].annuler, input[type="submit"].valider, .boutons > a.annuler, .boutons > a.valider, .contenu_texte.bouton a.annuler, .contenu_texte.bouton a.valider, .sommaire_liste.bouton a.annuler, .sommaire_liste.bouton a.valider, .sommaire_resume.bouton a.annuler, .sommaire_resume.bouton a.valider { border: none; color: #FFF; } button.annuler, input[type="submit"].annuler, .boutons > a.annuler, .contenu_texte.bouton a.annuler, .sommaire_liste.bouton a.annuler, .sommaire_resume.bouton a.annuler { background-color: #dc3545; } button.annuler:hover, input[type="submit"].annuler:hover, .boutons > a.annuler:hover, .contenu_texte.bouton a.annuler:hover, .sommaire_liste.bouton a.annuler:hover, .sommaire_resume.bouton a.annuler:hover { background-color: #bd2130; } button.valider, input[type="submit"].valider, .boutons > a.valider, .contenu_texte.bouton a.valider, .sommaire_liste.bouton a.valider, .sommaire_resume.bouton a.valider { background-color: #25b700; } button.valider:hover, input[type="submit"].valider:hover, .boutons > a.valider:hover, .contenu_texte.bouton a.valider:hover, .sommaire_liste.bouton a.valider:hover, .sommaire_resume.bouton a.valider:hover { background-color: #1b8400; } button svg, input[type="submit"] svg, .boutons > a svg, .contenu_texte.bouton a svg, .sommaire_liste.bouton a svg, .sommaire_resume.bouton a svg { fill: #FFF; width: 20px; height: 20px; } .colonne_droite button, .colonne_droite input[type="submit"], .colonne_droite .boutons > a, .colonne_droite .contenu_texte.bouton a, .colonne_droite .sommaire_liste.bouton a, .colonne_droite .sommaire_resume.bouton a { font-size: 1em; } .contenu_texte.bouton p, .contenu_texte.bouton h2, .contenu_texte.bouton h3, .contenu_texte.bouton h4, .contenu_texte.bouton h5, .contenu_texte.bouton h6 { text-align: center !important; } .contenu-contribution-fonds { margin-bottom: 25px; } .contenu-contribution-fonds button.btn-contribution svg { width: 17px; height: 17px; } .bouton_rond { padding: 0; display: inline-flex; vertical-align: middle; background-position: center; flex: none; width: 26px; height: 26px; min-width: 0; min-height: 0; overflow: hidden; border-radius: 50%; align-items: center; justify-content: center; background-color: #000; border: none; transform: none; } .bouton_rond:hover { cursor: pointer; background-color: black; text-decoration: none; transform: scale(1.15); } .bouton_rond.fiche_detail, .bouton_rond.supprimer, .bouton_rond.ajouter { fill: #FFF; } .bouton_rond + .bouton_rond { margin-left: 8px; } .bouton_rond.visualiser, .bouton_rond.image_non_visible { margin-right: 6px; } .bouton_rond.visualiser .pupille, .bouton_rond.image_non_visible .pupille { fill: black; } .bouton_rond.visualiser .pupille_noire, .bouton_rond.image_non_visible .pupille_noire { fill: #000; } .visibilite-salle-de-lecture .bouton_rond.visualiser .oeil_blanc, .visibilite-groupe-internaute .bouton_rond.visualiser .oeil_blanc { transform: scaleY(60%); transform-origin: center bottom; } .visibilite-salle-de-lecture .bouton_rond.visualiser .oeil_blanc:last-child, .visibilite-groupe-internaute .bouton_rond.visualiser .oeil_blanc:last-child { transform: scale(50%); transform-origin: center center; } .visibilite-salle-de-lecture .bouton_rond.visualiser .pupille, .visibilite-groupe-internaute .bouton_rond.visualiser .pupille { transform: scale(0.9); transform-origin: center bottom; } .visibilite-groupe-internaute .bouton_rond.visualiser { background-color: #dc3545; } .visibilite-groupe-internaute .bouton_rond.visualiser .pupille { fill: #dc3545; } .visibilite-groupe-internaute .bouton_rond.visualiser:hover { background-color: #bd2130; } .visibilite-groupe-internaute .bouton_rond.visualiser:hover .pupille { fill: #bd2130; } .visibilite-salle-de-lecture .bouton_rond.visualiser { background-color: #a67041; } .visibilite-salle-de-lecture .bouton_rond.visualiser .pupille { fill: #a67041; } .visibilite-salle-de-lecture .bouton_rond.visualiser:hover { background-color: #815733; } .visibilite-salle-de-lecture .bouton_rond.visualiser:hover .pupille { fill: #815733; } .bouton_rond.image_non_visible { cursor: help; background-color: #99948f; transform: none !important; overflow: visible; margin-right: 20px; } .bouton_rond.image_non_visible .pupille { fill: #65615d; } .bouton_rond.image_non_visible .croix_image_non_visible { position: absolute; margin-left: 33px; width: 14px; height: 14px; fill: #dc3545; pointer-events: none; } .bouton_rond.image_non_visible > span { top: 37px; } @media only screen and (max-width: 600px) { .bouton_rond.image_non_visible > span { left: 0; right: auto; } } .bouton_rond.image_non_visible > span:before { right: 1px; } @media only screen and (max-width: 600px) { .bouton_rond.image_non_visible > span:before { left: 1px; right: auto; } } .bouton_rond.supprimer { background-color: #dc3545; } .bouton_rond.supprimer:hover { background-color: #bd2130; } .bouton_rond.supprimer svg { width: 13px; height: 13px; } .bouton_rond.modifier svg { margin-left: 2px; margin-bottom: 2px; } .bouton_rond svg { fill: #FFF; margin-right: 0; height: auto; width: auto; } .bouton_rond span { display: none; } .bouton_rond.bouton-lien-ark svg { width: 16px; height: 16px; } .bouton_rond.icone_player svg { margin-left: 2px; height: 54%; } body.recherche-detail .bouton_rond.icone_player, .resultat_arborescent_inner_container .bouton_rond.icone_player { width: 60px; height: 60px; } body.recherche-detail .bouton_rond.icone_player svg, .resultat_arborescent_inner_container .bouton_rond.icone_player svg { margin-left: 5px; } .bouton_rond.info_detail { width: 20px; height: 20px; background-color: rgba(0, 0, 0, 0.7); } .bouton_rond.info_detail:hover { background-color: black; } .bouton_rond.info_detail:before { content: none !important; } .container_zone_images { display: flex; } .oeil_et_nombre { display: inline-flex; align-items: center; position: relative; } .oeil_et_nombre .visualiser.document-consulte { margin-right: 16px; } .oeil_et_nombre .visualiser.document-consulte ~ .coche { left: 28px; top: 7px; width: 11px; height: 7px; flex: none; } .oeil_et_nombre .nombre_images { color: #807a75; font-size: 0.9em; font-style: italic; font-weight: normal; white-space: nowrap; flex: 1; } .visibilite-groupe-internaute .oeil_et_nombre .nombre_images { color: #ae585d; } .visibilite-salle-de-lecture .oeil_et_nombre .nombre_images { color: #93755b; } .icone_seule { height: 26px; width: 26px; overflow: hidden; display: inline-block; vertical-align: middle; fill: #99948f; } .icone_seule.icone_public { fill: #25b700; } .icone_seule.icone_public:hover { cursor: pointer; fill: #1b8400; } .icone_seule.icone_public .face { fill: #FFF; } #ajout-classeur-container button.classeur-add-button { background-color: transparent; color: #FFF; border: none; padding: 0; min-height: 0; position: fixed; z-index: 20; right: 40px; transition: none; transform: translate(100%); column-gap: 0; } body.accueil #ajout-classeur-container button.classeur-add-button { display: none; } #ajout-classeur-container button.classeur-add-button svg { fill: #000; width: 50px; height: 32px; margin-right: 0; } @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { #ajout-classeur-container button.classeur-add-button svg { transform: scaleX(1.02); } } #ajout-classeur-container button.classeur-add-button span { background-color: #000; line-height: 32px; overflow: hidden; font-size: 0.65em; font-weight: 400; text-transform: uppercase; padding-left: 1px; padding-right: 70px; white-space: nowrap; visibility: hidden; } #ajout-classeur-container button.classeur-add-button:hover { transform: none; animation-name: bounceInRight; animation-duration: 0.5s; animation-fill-mode: both; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { transform: translate3d(100%, 0, 0); } 60% { transform: translate3d(-20px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translate3d(0, 0, 0); right: -50px; } } #ajout-classeur-container button.classeur-add-button:hover svg { fill: black; } #ajout-classeur-container button.classeur-add-button:hover span { background-color: black; visibility: visible; } .in-folder #ajout-classeur-container button.classeur-add-button svg { fill: #25b700; } .in-folder #ajout-classeur-container button.classeur-add-button span { background-color: #25b700; } .validation_ajout_au_classeur { position: fixed; z-index: 3000; width: 100%; top: 40%; pointer-events: none; } .visionneuse_arkotheque .validation_ajout_au_classeur { position: relative; } .validation_ajout_au_classeur span { display: inline-block; background-color: #1b1915; color: #FFF; padding: 8px 12px; border-radius: 3px; } button.fermer_commentaires, button.volet_resultat_carto-close, .fermer_modale { position: fixed; right: 0; top: 0; width: 38px; height: 38px; overflow: hidden; justify-content: center; background-color: #dc3545; border: none; border-radius: 0; padding: 0; } button.fermer_commentaires:hover, button.volet_resultat_carto-close:hover, .fermer_modale:hover { background-color: #bd2130; } button.fermer_commentaires svg, button.volet_resultat_carto-close svg, .fermer_modale svg { width: 18px; height: 18px; fill: #FFF; } button.volet_resultat_carto-close { right: 60%; } @media only screen and (min-width: 1600px) { button.volet_resultat_carto-close { right: 70%; } } .fiche_detail, .bouton_arbre, .bouton_fichier, .bouton_crayon { display: inline-block; vertical-align: middle; background-position: center; height: 26px; width: 26px; overflow: hidden; border-radius: 50%; background-color: #000; } .fiche_detail:hover, .bouton_arbre:hover, .bouton_fichier:hover, .bouton_crayon:hover { cursor: pointer; background-color: black; text-decoration: none; transform: scale(1.15); } .fiche_detail span, .bouton_arbre span, .bouton_fichier span, .bouton_crayon span { display: none; } .fiche_detail { background-image: url("/default/images/icones/detail.svg"); background-size: 18px; } .bouton_arbre { background-image: url("/default/images/icones/detail_arbre.svg"); background-size: 56%; } .bouton_fichier { background-image: url("/default/images/icones/fichier.svg"); background-size: 60%; } .bouton_crayon { background-image: url("/default/images/icones/modifier.svg"); background-size: 55%; } .confirmable-after { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 4px; font-size: 0.9em; } .confirmable-after p { color: #65615d; width: 100%; text-align: center; } .confirmable-after > button, .confirmable-after > a { font-size: 1em; padding: 5px 8px; color: #FFF; background-color: #000; font-weight: normal; white-space: nowrap; } .confirmable-after > button:hover, .confirmable-after > a:hover { text-decoration: none; background-color: black; color: #FFF; } .confirmable-after .confirmable-confirm { background-color: #dc3545; } .confirmable-after .confirmable-confirm:hover { background-color: #bd2130; } .badge_bigout { font-size: 12px; line-height: normal; font-weight: 500; display: inline-flex; } .badge_bigout a { padding: 3px 7px; color: #FFF !important; background-color: #25b700; border-top-left-radius: 2px; border-bottom-left-radius: 2px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; } .badge_bigout button { margin: 0 !important; padding: 3px 7px 3px 5px; background-color: #dc3545; border-radius: 0 11px 11px 0; } .badge_bigout button:hover { background-color: #bd2130; } button.contenu-visite-virtuelle-toggle { padding: 0; color: #807a75; margin-bottom: 30px; display: inline-block; border: 1px solid #e2ded9; } button.contenu-visite-virtuelle-toggle:hover { cursor: zoom-in; text-decoration: none; } button.contenu-visite-virtuelle-toggle:hover img { filter: brightness(1.1); transform: scale(1.03); } button.contenu-visite-virtuelle-toggle .vignette_visite_presentation { overflow: hidden; } button.contenu-visite-virtuelle-toggle .vignette_visite_presentation img { width: 400px; vertical-align: middle; } @media only screen and (max-width: 500px) { button.contenu-visite-virtuelle-toggle .vignette_visite_presentation img { width: 100%; height: auto; } } button.contenu-visite-virtuelle-toggle .visite_legende { padding: 8px 10px; } button.contenu-visite-virtuelle-toggle .visite_legende figcaption { border-left: none; font-size: 0.9em; padding: 0; margin: 0; } button.contenu-visite-virtuelle-toggle .visite_legende { background-color: #FFF; } .contenu-visite-virtuelle-modal .visite-virtuelle-outer-container { background-color: rgba(48, 46, 44, 0.95); position: fixed; top: 0; left: 0; z-index: 1000; } body:has(.contenu-visite-virtuelle-modal .visite-virtuelle-outer-container) { overflow: hidden; } .contenu-visite-virtuelle-modal .react-transform-component { cursor: grab; } .contenu-visite-virtuelle-modal .react-transform-component:active { cursor: grabbing; } .contenu-visite-virtuelle-modal .visite-titres { position: fixed; z-index: 10; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); height: 80px; pointer-events: none; display: flex; justify-content: center; align-items: flex-end; padding: 0 3% 8px; white-space: nowrap; } .contenu-visite-virtuelle-modal .visite-titres * { margin: 0; text-overflow: ellipsis; overflow: hidden; min-width: 20%; } .contenu-visite-virtuelle-modal .visite-titres h2 { color: #FFF; font-size: 1.5em; line-height: normal; text-align: right; } .contenu-visite-virtuelle-modal .visite-titres p { color: rgba(255, 255, 255, 0.6); } .contenu-visite-virtuelle-modal .loading-overlay { opacity: 0; position: absolute; } .contenu-visite-virtuelle-modal .loading-overlay.loading-overlay-active { z-index: 1000; backdrop-filter: blur(10px); opacity: 1; } .contenu-visite-virtuelle-modal .point-outer { position: absolute; transform-origin: center; transform: translate(-50%, -50%); } .contenu-visite-virtuelle-modal .point-outer:has(.visite-tooltip) { z-index: 20 !important; } .contenu-visite-virtuelle-modal .point-outer button.point-inner { padding: 0; background-color: transparent; border: none; border-radius: 0; display: flex; align-items: center; } .contenu-visite-virtuelle-modal .point-outer button.point-inner:hover, .contenu-visite-virtuelle-modal .point-outer button.point-inner:focus { cursor: pointer; } .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner svg { width: 60px; height: 50px; fill: #000; filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.4)); } .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner .etiquette_salle { right: auto; background-color: black; font-size: 0.7em; max-width: 50vw; overflow: hidden; text-overflow: ellipsis; } .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner .etiquette_salle:before { content: none; } .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner:hover svg { fill: black; margin-top: -20px; transform: scale(90%); } .contenu-visite-virtuelle-modal .point-outer.point-type-salle button.point-inner:hover .etiquette_salle { top: 35px; } .contenu-visite-virtuelle-modal .point-outer.point-type-page button.point-inner:hover, .contenu-visite-virtuelle-modal .point-outer.point-type-cartel button.point-inner:hover { transform: scale(1.15); transform-origin: right top; } .contenu-visite-virtuelle-modal .point-outer.point-type-page button.point-inner svg, .contenu-visite-virtuelle-modal .point-outer.point-type-cartel button.point-inner svg { width: 26px; height: 26px; filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.4)); fill: #000; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel button.point-inner:hover { transform-origin: right bottom; } .contenu-visite-virtuelle-modal .point-outer.point-type-page .sommaire_resume { background-color: #FFF; display: block; margin: 0; } .contenu-visite-virtuelle-modal .point-outer.point-type-page .sommaire_resume section.page_resumee { background-color: transparent; border: none; padding: 0; } .contenu-visite-virtuelle-modal .point-outer.point-type-page:hover img { filter: brightness(1.1); transform: scale(1.05); } .contenu-visite-virtuelle-modal .point-outer.point-type-page:hover h2 { color: #000; } .contenu-visite-virtuelle-modal .point-outer .visite-tooltip { width: 350px; padding-bottom: 40px; position: absolute; left: 40px; transform: translateY(-50%); animation: apparition_cartel 0.6s; } @keyframes apparition_cartel { from { opacity: 0; left: 30px; } to { opacity: 1; left: 40px; } } .contenu-visite-virtuelle-modal .point-outer .visite-tooltip > div, .contenu-visite-virtuelle-modal .point-outer .visite-tooltip .sommaire_resume { padding: 12px; } .contenu-visite-virtuelle-modal .point-outer .visite-tooltip > div:before, .contenu-visite-virtuelle-modal .point-outer .visite-tooltip .sommaire_resume:before { content: ""; position: absolute; top: calc(50% - 20px); width: 0px; height: 0px; left: -15px; border-style: solid; border-width: 17px 17px 17px 0; border-color: transparent #FFF transparent transparent; } .contenu-visite-virtuelle-modal .point-outer .visite-tooltip button.bouton_icone.close { padding: 0; position: absolute; top: 0; right: 0; width: 26px; height: 26px; background-color: #dc3545; display: flex; justify-content: center; align-items: center; border: none; border-radius: 0; } .contenu-visite-virtuelle-modal .point-outer .visite-tooltip button.bouton_icone.close:hover { background-color: #bd2130; } .contenu-visite-virtuelle-modal .point-outer .visite-tooltip button.bouton_icone.close svg { width: 16px; height: 16px; fill: #FFF; margin-right: 0; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel { z-index: 10; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .visite-tooltip > div { background-color: #302e2c; max-height: 90vh; overflow-y: auto; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .visite-tooltip > div:before { border-right-color: #302e2c; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .vignette { height: 230px; overflow: hidden; display: flex; align-items: center; cursor: zoom-in; pointer-events: auto; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .vignette:hover img { filter: brightness(1.1); transform: scale(1.05); } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .vignette img { width: 100%; height: 100%; object-fit: cover; filter: brightness(1); } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel h2 { font-size: 1.2em; margin: 12px 0 2px; color: #FFF; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .cartel-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .cartel-description:last-child { margin-bottom: 0; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .cartel-description p, .contenu-visite-virtuelle-modal .point-outer.point-type-cartel .cartel-description li { color: rgba(255, 255, 255, 0.7); font-size: 0.9em; text-align: left; } .contenu-visite-virtuelle-modal .point-outer.point-type-cartel button { pointer-events: auto; } .contenu-visite-virtuelle-modal .fermer_visite_virtuelle { position: fixed; right: 0; top: 0; width: 38px; height: 38px; padding: 0; border: none; border-radius: 0; background-color: #dc3545; } .contenu-visite-virtuelle-modal .fermer_visite_virtuelle:hover { background-color: #bd2130; } .modal-cartel .modal-content-cartel { height: auto !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; overflow-y: auto; padding: 0; border-top-right-radius: 0; } .modal-cartel .modal-content-cartel .modal-content-inner { position: inherit !important; padding: 0 !important; } .modal-cartel .modal-content-cartel .modal-content-inner .cartel-full-size { padding: 25px 5% !important; } .modal-cartel .modal-content-cartel .modal-content-inner figure img { max-width: 100%; max-height: 80vh; vertical-align: middle; } .modal-cartel .modal-content-cartel .modal-content-inner figure figcaption { font-weight: bold; margin-bottom: 8px; } .modal-cartel .modal-content-cartel .modal-content-inner .cartel-description { margin-top: 20px; } .modal-cartel .modal-content-cartel .modal-content-inner .cartel-description:empty { display: none; } .modal-cartel .modal-content-cartel .modal-content-inner button.close { position: absolute; } @media print { html { width: 96%; margin: 2%; } body { background-color: #fff !important; background-image: none !important; color: #000 !important; margin: 0 !important; width: 100% !important; max-width: none !important; font-size: 10pt !important; text-align: justify !important; overflow-y: visible !important; } #body_interieur, #conteneur { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; } header, .tetiere, #nav_secondaire, nav#navigation_transversale, #reseaux_sociaux, #commentaires-container, #ajout-classeur-container, footer, #analytics-container, .nombre_resultat_page, .tri_des_facettes, .tetiere_resultat_en_pied, .expo-nav-ui { display: none !important; } body[class*="recherche-restit-"] .colonne_droite { display: none !important; } body.recherche-detail nav.pagination, body.recherche-detail a.lien-modifier-recherche, body.recherche-detail a.lien-nouvelle-recherche { display: none !important; } nav.fil_rouge { padding: 0 !important; margin: 0 0 1cm !important; } nav.fil_rouge, nav.fil_rouge a, nav.fil_rouge span { color: #757575 !important; } .mise_a_jour, figcaption .legende_simple { color: #757575 !important; } .contenu_image img { max-height: 10cm !important; width: auto !important; } body.mode-restitution-monopage .expo-slide.texte_negatif *, body.mode-restitution-monopage .monopage-slide.texte_negatif *, body.mode-restitution-expo .expo-slide.texte_negatif *, body.mode-restitution-expo .monopage-slide.texte_negatif * { color: #000 !important; } body.mode-restitution-monopage .fil_rouge_monopage { padding: 0 !important; } body.mode-restitution-monopage .monopage-intro { width: 100% !important; margin: 0 !important; } body.mode-restitution-monopage .monopage-slide { min-height: 0 !important; } body.mode-restitution-monopage .monopage-slide .monopage-slide-inner { padding: 0 !important; } body.mode-restitution-monopage .monopage-slide .monopage-background { display: none !important; } body.mode-restitution-expo .fil_rouge ol { display: block; white-space: normal; } body.mode-restitution-expo section.expo-virtuelle { position: relative !important; top: auto !important; } body.mode-restitution-expo .expo-slide .expo-slide-inner { padding: 0 !important; } body.mode-restitution-expo .expo-slide .expo-background { display: none !important; } } body[class*="recherche-restit-"] #nav_secondaire, body[class*="recherche-restit-"] #ajout-classeur-container, body[class*="recherche-restit-"] #navigation_transversale { display: none; } @media only screen and (max-width: 1000px) { body[class*="recherche-restit-"] .colonnes { display: block; } } body[class*="recherche-restit-"] .colonnes:has(.filtres_coches) { column-gap: 0; } @media only screen and (min-width: 1300px) { body[class*="recherche-restit-"] section.colonne_droite { flex-basis: 22%; max-width: 350px; } } @media only screen and (min-width: 1001px) { body[class*="recherche-restit-"] section.colonne_droite.filtres_coches { flex: none; width: 0; } body[class*="recherche-restit-"] section.colonne_droite.filtres_coches > * > *:not(.filtres_facettes) { display: none; } } ul.mode_de_restitution { border-bottom: 1px solid rgba(128, 122, 117, 0.2); margin: 0 0 15px; display: flex; justify-content: center; align-items: center; column-gap: 10px; } section.colonne_droite ul.mode_de_restitution { display: none; } ul.mode_de_restitution li { margin: 0; display: flex; align-items: flex-end; line-height: normal; height: 35px; } ul.mode_de_restitution li > * { font-size: 0.8em; text-transform: uppercase; padding: 5px 7px; white-space: nowrap; } ul.mode_de_restitution li > * span { text-overflow: ellipsis; overflow: hidden; } ul.mode_de_restitution li button { font-weight: normal; text-shadow: none; border-radius: 0; transform: none; letter-spacing: normal; line-height: normal; border: none; background-color: #FFF; color: #807a75; display: flex; column-gap: 7px; } ul.mode_de_restitution li button svg { fill: #ccc4bc; } ul.mode_de_restitution li button:hover { background-color: #000; color: #FFF; padding-bottom: 10px; } ul.mode_de_restitution li button:hover svg { fill: #FFF; } ul.mode_de_restitution li > span { background-color: #807a75; color: #FFF; display: flex; column-gap: 7px; align-items: center; } ul.mode_de_restitution li > span svg { fill: #FFF; } ul.mode_de_restitution svg { width: 20px; height: 20px; } .tetiere_resultat_facette { display: flex; gap: 15px 20px; justify-content: center; align-items: flex-end; line-height: 1.2em; margin-bottom: 30px; } @media only screen and (max-width: 1250px) { .tetiere_resultat_facette { flex-wrap: wrap; } } section.colonne_droite .tetiere_resultat_facette { display: none; } .tetiere_resultat_facette.tetiere_resultat_en_pied { justify-content: center; } .tetiere_resultat_facette.tetiere_resultat_en_pied .nombre_resultat_facettes, .tetiere_resultat_facette.tetiere_resultat_en_pied .nombre_resultat_page { display: none; } .tetiere_resultat_facette .enveloppe_pagination { flex-grow: 1; } @media only screen and (max-width: 450px) { .tri_des_facettes { display: none; } } .tri_des_facettes .bouton_tri { background-color: rgba(0, 0, 0, 0.5); position: relative; } .tri_des_facettes .bouton_tri > span { display: block; padding: 5px 5px 4px; color: #FFF; font-size: 0.8em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .tri_des_facettes .bouton_tri:hover, .tri_des_facettes .bouton_tri:focus, .tri_des_facettes .bouton_tri:focus-within { background-color: black; cursor: pointer; } .tri_des_facettes .bouton_tri:hover .tri_sous_menu, .tri_des_facettes .bouton_tri:focus .tri_sous_menu, .tri_des_facettes .bouton_tri:focus-within .tri_sous_menu { display: block; } .tri_des_facettes .tri_sous_menu { background-color: #FFF; position: absolute; z-index: 10; right: 0; display: none; padding: 7px 10px 10px; border-radius: 5px 0 5px 5px; animation-name: tri_deroulant; animation-duration: 0.5s; animation-fill-mode: both; } @keyframes tri_deroulant { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .tri_des_facettes .tri_sous_menu div { display: flex; border-top: 1px solid #e2e0df; } .tri_des_facettes .tri_sous_menu div:first-of-type { border-top: none; } .tri_des_facettes .tri_sous_menu div.tri_selectionne button.proposition_tri { background-color: #25b700; color: #FFF; } .tri_des_facettes .tri_sous_menu div.tri_selectionne button.proposition_tri:hover { background-color: #dc3545; color: #FFF; } .tri_des_facettes .tri_sous_menu div:last-of-type button.proposition_tri { color: #807a75; } .tri_des_facettes .tri_sous_menu button { border-radius: 0; } .tri_des_facettes .tri_sous_menu button.proposition_tri { color: #36312A; background-color: transparent; border: none; transform: none; justify-content: flex-start; flex: 1; font-size: 0.9em; font-weight: normal; white-space: nowrap; display: flex; align-items: center; padding: 6px 15px 6px 10px; text-transform: none; } .tri_des_facettes .tri_sous_menu button.proposition_tri:hover { background-color: rgba(0, 0, 0, 0.1); color: black; cursor: pointer; } .tri_des_facettes .tri_sous_menu button.proposition_tri .ordre_tri { width: 20px; height: 20px; overflow: hidden; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); font-weight: bold; margin-right: 11px; } .tri_des_facettes .tri_sous_menu button.sens_du_tri svg { width: 10px; height: 10px; margin-right: 0; } .tri_des_facettes .tri_sous_menu button.sens_du_tri.tri_decroissant svg { transform: rotate(180deg); } .nombre_resultat_facettes, .carto-detail-nb-fiches { color: #a67041; text-align: left; white-space: nowrap; flex-grow: 1; } .nombre_resultat_facettes span, .carto-detail-nb-fiches span { font-size: 1.6em; } body.recherche-restit-carte .nombre_resultat_facettes, body.recherche-restit-carte .carto-detail-nb-fiches { margin-bottom: 15px; } nav.pagination ul { list-style: none; margin: 0; display: flex; justify-content: center; align-items: flex-end; column-gap: 3px; } nav.pagination li { margin: 0; } nav.pagination button, nav.pagination .page_en_cours { font-size: .9em; font-weight: bold; line-height: 16px; height: 26px; border-radius: 13px; min-width: 26px; padding: 5px; vertical-align: middle; } nav.pagination button { font-family: inherit; background-color: transparent; color: #65615d; border: none; transform: none; letter-spacing: normal; text-shadow: none; } nav.pagination button.bouton_pagination { padding: 3px; } nav.pagination button.bouton_pagination svg { width: 20px; height: 20px; fill: rgba(128, 122, 117, 0.4); } nav.pagination button.bouton_pagination:hover { background-color: transparent; } nav.pagination button.bouton_pagination:hover svg { fill: #000; } nav.pagination button:hover { background-color: #000; color: #FFF; } nav.pagination .page_en_cours { background-color: #a67041; color: #FFF; display: inline-flex; align-items: center; justify-content: center; pointer-events: none; } .pagination_detail { display: flex; justify-content: center; align-items: stretch; column-gap: 3px; margin: 30px 0; position: sticky; position: -webkit-sticky; column-gap: 0; z-index: 80; bottom: 0; height: 30px; clear: both; } .pagination_detail a { background-color: #000; padding: 5px; } .pagination_detail a svg { fill: #FFF; width: 20px; height: 20px; } .pagination_detail a:hover { background-color: black; } .pagination_detail a.resultat_precedent + .page_en_cours { border-left: none; } .pagination_detail a.resultat_suivant { margin-left: -1px; } .pagination_detail .page_en_cours { background-color: #FFF; border: 1px solid #ccc4bc; color: #807a75; padding: 0 10px; line-height: 30px; font-weight: normal; white-space: nowrap; } #nav_detail_container { display: contents; } .nombre_resultat_page { white-space: nowrap; display: flex; justify-content: center; align-items: baseline; column-gap: 5px; } @media only screen and (max-width: 450px) { .nombre_resultat_page { flex-basis: 100%; } } .nombre_resultat_page label { font-size: 0.8em; font-weight: normal; color: #807a75; } .nombre_resultat_page select { font-size: 0.9em; height: 30px; } body.pas_de_filtres .filtres_facettes { display: none; } .colonne_droite .filtres_facettes { top: 0px; position: sticky; position: -webkit-sticky; z-index: 10; } @media only screen and (max-width: 1000px) { .colonne_droite .filtres_facettes { position: inherit; top: inherit; } } .filtres_facettes .btn_deplier_filtres { position: absolute; width: 12px; height: 45px; background-color: rgba(128, 122, 117, 0.4); left: 0; transform: translate(-17px, 30px); padding: 9px 0; border-radius: 10px 0 0 10px; border: none; } @media only screen and (max-width: 1000px) { .filtres_facettes .btn_deplier_filtres { width: 38px !important; height: 38px; position: fixed; z-index: 101; top: 45vh; right: 0; left: auto; background-color: #000; transform: none !important; padding: 0; border-radius: 0 !important; } } .filtres_facettes .btn_deplier_filtres:hover, .filtres_facettes .btn_deplier_filtres:focus { background-color: black; } .filtres_facettes .btn_deplier_filtres:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 8px; border-color: transparent transparent transparent #FFF; margin-left: 1px; } @media only screen and (max-width: 1000px) { .filtres_facettes .btn_deplier_filtres:before { content: none; } } .filtres_facettes .btn_deplier_filtres svg { display: none; } @media only screen and (max-width: 1000px) { .filtres_facettes .btn_deplier_filtres svg { display: block; } } .filtres_facettes .btn_deplier_filtres[aria-expanded=false] { position: fixed; left: auto; right: 0; top: 40vh; transform: translate(0, 30px); width: 24px; border-radius: 16px 0 0 16px; } @media only screen and (max-width: 1000px) { .filtres_facettes .btn_deplier_filtres[aria-expanded=false] { top: 0; z-index: 301; background-color: #dc3545; } .filtres_facettes .btn_deplier_filtres[aria-expanded=false]:hover, .filtres_facettes .btn_deplier_filtres[aria-expanded=false]:focus { background-color: #bd2130; } body:has(.filtres_facettes .btn_deplier_filtres[aria-expanded=false]) { overflow-y: hidden; } } .filtres_facettes .btn_deplier_filtres[aria-expanded=false]:before { border-width: 9px 10px 9px 0; border-color: transparent #FFF transparent transparent; } .filtres_facettes .btn_deplier_filtres[aria-expanded=false] svg { width: 18px; height: 18px; } .filtres_facettes .arko-recherche-filtres { display: none; } @media only screen and (max-width: 1000px) { .filtres_facettes .arko-recherche-filtres { display: block; position: fixed; z-index: 300; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #e6e0d8; padding: 50px 5% 25px; transform-origin: 0% 0%; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); transform: none; } } .filtres_facettes .arko-recherche-filtres.filtres_ouverts { display: block; } @media only screen and (max-width: 1000px) { .filtres_facettes .arko-recherche-filtres.filtres_ouverts { transform: translate(110%, 0); } } .filtre-groupe { text-align: left; line-height: 1.3em; } .filtre-groupe .filtre_de_recherche { border-bottom: 1px solid #ccc4bc; } .filtre-groupe .filtre_de_recherche:last-of-type { border-bottom: none; } .filtre-groupe .filtre_de_recherche.ouvert { border-bottom: none; margin: .8rem 0; } .filtre-groupe .filtre_de_recherche.invisible { display: none !important; } .filtre-groupe .filtre_de_recherche.gros_bouton_filtre .container_filtre_termes_de_recherche { justify-content: center; } .filtre-groupe .filtre_de_recherche.gros_bouton_filtre .container_filtre_termes_de_recherche input { display: none !important; } .filtre-groupe .filtre_de_recherche.gros_bouton_filtre .container_filtre_termes_de_recherche button { font-size: 1em; font-weight: normal; text-transform: none; letter-spacing: normal; max-width: none; } .filtre-groupe .filtre_de_recherche.gros_bouton_filtre .container_filtre_termes_de_recherche button:after { content: "S\00E9lectionnez un terme"; font-size: 0.9em; opacity: 0.6; } .filtre-groupe .filtre_de_recherche.gros_bouton_filtre .container_filtre_termes_de_recherche button:hover:after { opacity: 1; } .filtre-groupe .filtre-texte-intitule { font-weight: bold; color: #807a75; } .filtre-groupe .reset_complet_filtres { width: 100%; background-color: #dc3545; color: #FFF; margin-bottom: 1em; transform: none; border: none; letter-spacing: normal; padding: 5px 10px; } .filtre-groupe .reset_complet_filtres svg { fill: #FFF; } .filtre-groupe .reset_complet_filtres:hover { background-color: #bd2130; } .arbre-niveau-0 { font-weight: bold; color: #000; border-top: none; width: 97% !important; } .arbre-niveau-1 { border-top: 1px solid rgba(204, 196, 188, 0.5); margin-left: 3% !important; width: 94% !important; } .arbre-niveau-2 { margin-left: 6% !important; width: 91% !important; } .arbre-niveau-3 { margin-left: 9% !important; width: 88% !important; } .arbre-niveau-4 { margin-left: 12% !important; width: 85% !important; } .arbre-niveau-5 { margin-left: 15% !important; width: 82% !important; } .arbre-niveau-6 { margin-left: 18% !important; width: 79% !important; } .arbre-niveau-6 { margin-left: 21% !important; width: 76% !important; color: #736d69; } .arbre-niveau-7 { margin-left: 24% !important; width: 73% !important; color: #736d69; } .arbre-niveau-8 { margin-left: 27% !important; width: 70% !important; color: #807a75; } .arbre-niveau-9 { margin-left: 30% !important; width: 67% !important; color: #807a75; } .arbre-cont-intermediaire { display: flex; align-items: center; width: 100%; } .arbre-cont-intermediaire span { cursor: pointer; } .arbre-cont-intermediaire span:first-of-type { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1; } .arbre-cont-intermediaire span:first-child { padding-left: 10px; } .arbre-cont-intermediaire .arbre-niveau-ouvert { transform: rotate(90deg); } .arbre-cont-intermediaire svg { fill: #807a75; } .arbre-cont-intermediaire .arbre-niveau-ouvert:hover, .arbre-cont-intermediaire .arbre-niveau-ferme:hover { cursor: pointer; } .arbre-cont-intermediaire .arbre-niveau-ouvert:hover svg, .arbre-cont-intermediaire .arbre-niveau-ferme:hover svg { fill: #000; } .recherche-resultats-container td ul, .recherche-resultats-container .mosaique_field ul, .recherche-resultats-container .individuel_field ul, .volet_resultat_carto-inner td ul, .volet_resultat_carto-inner .mosaique_field ul, .volet_resultat_carto-inner .individuel_field ul { list-style: none; } .recherche-resultats-container td ul, .recherche-resultats-container td li, .recherche-resultats-container .mosaique_field ul, .recherche-resultats-container .mosaique_field li, .recherche-resultats-container .individuel_field ul, .recherche-resultats-container .individuel_field li, .volet_resultat_carto-inner td ul, .volet_resultat_carto-inner td li, .volet_resultat_carto-inner .mosaique_field ul, .volet_resultat_carto-inner .mosaique_field li, .volet_resultat_carto-inner .individuel_field ul, .volet_resultat_carto-inner .individuel_field li { margin: 0; padding: 0; } .recherche-resultats-container td li, .recherche-resultats-container .mosaique_field li, .recherche-resultats-container .individuel_field li, .volet_resultat_carto-inner td li, .volet_resultat_carto-inner .mosaique_field li, .volet_resultat_carto-inner .individuel_field li { margin-bottom: 4px; } .recherche-resultats-container td button:not(.bouton_rond), .recherche-resultats-container .mosaique_field button:not(.bouton_rond), .recherche-resultats-container .individuel_field button:not(.bouton_rond), .volet_resultat_carto-inner td button:not(.bouton_rond), .volet_resultat_carto-inner .mosaique_field button:not(.bouton_rond), .volet_resultat_carto-inner .individuel_field button:not(.bouton_rond) { font-size: 0.9rem; font-weight: normal; text-transform: none; text-shadow: none; display: inline; background-color: transparent; color: #1b1915; -webkit-appearance: none; border: none; border-radius: 0; padding: 0; margin: 0; text-align: left; transform: none; letter-spacing: normal; line-height: normal; white-space: normal; -moz-user-select: text; } .recherche-resultats-container td button:not(.bouton_rond):hover, .recherche-resultats-container .mosaique_field button:not(.bouton_rond):hover, .recherche-resultats-container .individuel_field button:not(.bouton_rond):hover, .volet_resultat_carto-inner td button:not(.bouton_rond):hover, .volet_resultat_carto-inner .mosaique_field button:not(.bouton_rond):hover, .volet_resultat_carto-inner .individuel_field button:not(.bouton_rond):hover { color: black; text-decoration: underline; } .recherche-resultats-container td.liste_virgule, .recherche-resultats-container .mosaique_field.liste_virgule, .recherche-resultats-container .individuel_field.liste_virgule, .volet_resultat_carto-inner td.liste_virgule, .volet_resultat_carto-inner .mosaique_field.liste_virgule, .volet_resultat_carto-inner .individuel_field.liste_virgule { text-align: left; } .recherche-resultats-container td.liste_virgule li button, .recherche-resultats-container .mosaique_field.liste_virgule li button, .recherche-resultats-container .individuel_field.liste_virgule li button, .volet_resultat_carto-inner td.liste_virgule li button, .volet_resultat_carto-inner .mosaique_field.liste_virgule li button, .volet_resultat_carto-inner .individuel_field.liste_virgule li button { color: rgba(0, 0, 0, 0.7); } .recherche-resultats-container td.liste_virgule li button:hover, .recherche-resultats-container .mosaique_field.liste_virgule li button:hover, .recherche-resultats-container .individuel_field.liste_virgule li button:hover, .volet_resultat_carto-inner td.liste_virgule li button:hover, .volet_resultat_carto-inner .mosaique_field.liste_virgule li button:hover, .volet_resultat_carto-inner .individuel_field.liste_virgule li button:hover { color: black; background-color: transparent; } .recherche-resultats-container td.liste_virgule > button, .recherche-resultats-container .mosaique_field.liste_virgule > button, .recherche-resultats-container .individuel_field.liste_virgule > button, .volet_resultat_carto-inner td.liste_virgule > button, .volet_resultat_carto-inner .mosaique_field.liste_virgule > button, .volet_resultat_carto-inner .individuel_field.liste_virgule > button { color: #1b1915; } .recherche-resultats-container td.liste_virgule > button:nth-child(n+2):before, .recherche-resultats-container .mosaique_field.liste_virgule > button:nth-child(n+2):before, .recherche-resultats-container .individuel_field.liste_virgule > button:nth-child(n+2):before, .volet_resultat_carto-inner td.liste_virgule > button:nth-child(n+2):before, .volet_resultat_carto-inner .mosaique_field.liste_virgule > button:nth-child(n+2):before, .volet_resultat_carto-inner .individuel_field.liste_virgule > button:nth-child(n+2):before { content: ""; display: inline-block; background-color: #807a75; width: 4px; height: 4px; margin-right: 4px; margin-left: 2px; margin-bottom: 3px; border-radius: 50%; } .liste_virgule.mosaique_field { display: block !important; } .liste_virgule.mosaique_field > a { display: block; } .liste_virgule ul { display: inline !important; margin: 0 !important; } .liste_virgule ul li { display: inline !important; } .liste_virgule ul li:not(:last-child):after { content: "\00003B "; color: inherit; font-size: inherit; position: relative; display: inline; margin-left: 0; margin-top: 0; } .a_la_ligne > button { display: block !important; line-height: 1.4em; margin-bottom: 5px !important; } td.strong, .mosaique_field.strong, .individuel_field.strong { font-weight: bold !important; } td.strong button, .mosaique_field.strong button, .individuel_field.strong button { font-weight: bold !important; } td.invisible, .mosaique_field.invisible, .individuel_field.invisible { display: none !important; } figure.image { display: inline-block; } figure.image button.document-consulte:before { content: ""; position: absolute; z-index: 1; width: 20px; height: 20px; background-color: #25b700; } figure.image button.document-consulte:after { border-color: #FFF; border-width: 3px; left: 4px; top: 4px; width: 9px; height: 5px; } .image_non_numerisee { text-align: center; margin-bottom: 10px; } .image_non_numerisee svg { fill: #ccc4bc; width: 65px; height: 60px; } .image_non_numerisee p { color: #b6ab9f; font-size: .9em; line-height: normal; letter-spacing: normal; text-align: center; } body.recherche-restit-tableau .recherche-resultats-container, .recherche-detail .recherche-resultats-container { overflow-x: auto; padding-bottom: 35px; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes { margin: 0 0 15px; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes > caption, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes > caption { display: none; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr:hover > td, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr:hover > td { background-color: rgba(204, 196, 188, 0.2); } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr:not(.visibilite-visible-front).visibilite-groupe-internaute, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr:not(.visibilite-visible-front).visibilite-groupe-internaute { background-color: rgba(220, 53, 69, 0.1); } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr:not(.visibilite-visible-front).visibilite-salle-de-lecture, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr:not(.visibilite-visible-front).visibilite-salle-de-lecture { background-color: rgba(166, 112, 65, 0.1); } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-incomplet td:last-child, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-complet td:last-child, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-incomplet td:last-child, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-complet td:last-child { position: relative; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-incomplet td:last-child:before, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-complet td:last-child:before, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-incomplet td:last-child:before, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-complet td:last-child:before { content: ""; position: absolute; z-index: 10; right: 0; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 15px 15px 0; border-color: transparent #dc3545 transparent transparent; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-complet td:last-child:before, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr.type-completion-complet td:last-child:before { border-right-color: #25b700; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td.liste_virgule > span, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td.liste_virgule > span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; /* number of lines to show */ -webkit-box-orient: vertical; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td.strong, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td.strong button, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td.strong, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td.strong button { font-weight: bold !important; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td.petit, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td.petit { font-size: 0.95em; color: #807a75; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td.large, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td.large { min-width: 200px; } @media only screen and (min-width: 1800px) { body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td.large, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td.large { min-width: 300px; } } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td.texte_court a, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td.texte_court a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; /* number of lines to show */ -webkit-box-orient: vertical; } @media only screen and (max-width: 600px) { body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes thead, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tbody, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes thead, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tbody { display: block; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes tr, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes tr { display: flex; flex-direction: column; border-bottom-color: #b6ab9f; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes th, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes th { border-bottom: none; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes th, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes th, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td { padding: 2px 8px; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes th:first-of-type, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td:first-of-type, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes th:first-of-type, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td:first-of-type { padding-top: 10px; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes th:last-of-type, body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes td:last-of-type, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes th:last-of-type, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes td:last-of-type { padding-bottom: 10px; } } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes .start-visionneuse, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes .start-visionneuse { padding: 0; border-radius: 0; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes a.document-consulte, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes a.document-consulte { display: block; padding-left: 20px; position: relative; } body.recherche-restit-tableau .recherche-resultats-container table.tableau_resultat_facettes a.document-consulte:after, .recherche-detail .recherche-resultats-container table.tableau_resultat_facettes a.document-consulte:after { top: 2px; left: 0; width: 9px; height: 5px; } body.recherche-restit-tableau .recherche-resultats-container li, body.recherche-restit-tableau .recherche-resultats-container p, .recherche-detail .recherche-resultats-container li, .recherche-detail .recherche-resultats-container p { line-height: 1.3em; } body.recherche-restit-tableau .recherche-resultats-container a, .recherche-detail .recherche-resultats-container a { font-weight: bold; font-size: 1.05em; } body.recherche-restit-tableau .recherche-resultats-container ul.contenu-telephones, .recherche-detail .recherche-resultats-container ul.contenu-telephones { font-size: 1.1em; } body.recherche-restit-tableau .recherche-resultats-container ul.contenu-telephones svg, .recherche-detail .recherche-resultats-container ul.contenu-telephones svg { width: 20px; height: 20px; } body.recherche-restit-tableau .recherche-resultats-container ul.contenu-telephones a, .recherche-detail .recherche-resultats-container ul.contenu-telephones a { font-weight: normal; } body.recherche-restit-tableau .recherche-resultats-container .champ_detail, .recherche-detail .recherche-resultats-container .champ_detail { margin-bottom: 0; } body.recherche-restit-tableau .recherche-resultats-container .champ_detail.title_ead li, .recherche-detail .recherche-resultats-container .champ_detail.title_ead li { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } body.recherche-restit-tableau .recherche-resultats-container figure.image figcaption, .recherche-detail .recherche-resultats-container figure.image figcaption { display: none; } body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee svg, .recherche-detail .recherche-resultats-container .image_non_numerisee svg { fill: #ccc4bc; width: 26px; height: 26px; } body.recherche-restit-tableau .recherche-resultats-container .image_non_numerisee span, .recherche-detail .recherche-resultats-container .image_non_numerisee span { top: 40px; right: -8px; } .info_maison { display: inline-block; border-radius: 50%; width: 26px; height: 26px; background-image: url("/default/images/icones/infos.svg"); background-size: 16px 16px; background-color: rgba(0, 0, 0, 0.7); } .info_maison span { display: none; position: absolute; z-index: 50; margin-left: -20px; margin-top: 46px; margin-right: 3%; color: #FFF; font-size: 0.9em; text-align: justify; background-color: #5a5552; padding: 15px 2%; border-radius: 2px; } @media only screen and (max-width: 1200px) { .info_maison span { text-align: left; } } .info_maison span:before { position: absolute; left: 23px; margin-top: -30px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 16px 10px; border-color: transparent transparent #5a5552 transparent; } .info_maison:hover { cursor: pointer; background-color: black; } .info_maison:hover > span { display: block; } .resultats_mode_mosaique { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px 2%; margin-bottom: 2.5rem; } @media only screen and (max-width: 1100px) { .resultats_mode_mosaique { gap: 50px 3%; } } @media only screen and (max-width: 650px) { .resultats_mode_mosaique { gap: 50px 4%; } } @media only screen and (min-width: 1600px) { body.infographie-type-choropleth .resultats_mode_mosaique { gap: 50px 4%; } } @media only screen and (min-width: 1800px) { body.infographie-type-choropleth .resultats_mode_mosaique { gap: 50px 3%; } } @media only screen and (min-width: 2100px) { body.infographie-type-choropleth .resultats_mode_mosaique { gap: 50px 2%; } } .resultats_mode_mosaique .resultat_mosaique { font-size: 0.8em; flex-basis: 23.5%; } @media only screen and (min-width: 1700px) { .resultats_mode_mosaique .resultat_mosaique { flex-basis: 18.4%; } } @media only screen and (min-width: 2200px) { .resultats_mode_mosaique .resultat_mosaique { flex-basis: 15%; } } @media only screen and (max-width: 1100px) { .resultats_mode_mosaique .resultat_mosaique { flex-basis: 31.3%; } } @media only screen and (max-width: 650px) { .resultats_mode_mosaique .resultat_mosaique { flex-basis: 48%; } } @media only screen and (max-width: 450px) { .resultats_mode_mosaique .resultat_mosaique { flex-basis: 100% !important; } } @media only screen and (min-width: 1600px) { body.infographie-type-choropleth .resultats_mode_mosaique .resultat_mosaique { flex-basis: 48%; } } @media only screen and (min-width: 1800px) { body.infographie-type-choropleth .resultats_mode_mosaique .resultat_mosaique { flex-basis: 31.3%; } } @media only screen and (min-width: 2100px) { body.infographie-type-choropleth .resultats_mode_mosaique .resultat_mosaique { flex-basis: 23.5%; } } .resultats_mode_mosaique .resultat_mosaique.visibilite-salle-de-lecture { padding: 5px 1%; background-color: rgba(166, 112, 65, 0.1); } .resultats_mode_mosaique .resultat_mosaique.visibilite-groupe-internaute { padding: 5px 1%; background-color: rgba(220, 53, 69, 0.1); } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image, .resultats_mode_mosaique .resultat_mosaique a.lien_fiche_detail { margin-bottom: 12px; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image figure, .resultats_mode_mosaique .resultat_mosaique a.lien_fiche_detail figure { vertical-align: middle; overflow: hidden; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image:hover img, .resultats_mode_mosaique .resultat_mosaique a.lien_fiche_detail:hover img { filter: brightness(1.1); transform: scale(1.03); } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image img, .resultats_mode_mosaique .resultat_mosaique a.lien_fiche_detail img { filter: brightness(1); width: auto; max-width: 100%; max-height: 250px; vertical-align: middle; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image.contour figure { border: 1px solid #ccc4bc; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image figure.image_format_png { border: none; box-shadow: none; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image a:hover { text-decoration: none; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field { text-align: left; margin-bottom: 5px; line-height: 1.4em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field.mosaique_field_1 { font-size: 1.15em; font-weight: bold; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field.mosaique_field_2 { font-size: 1em; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field.mosaique_field_3 { color: #807a75; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field.h2 { font-size: 1.15em; font-weight: bold; margin-top: 0; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field.h3, .resultats_mode_mosaique .resultat_mosaique .mosaique_field.h4 { margin: 0 0 2px; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field ul { display: contents; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field li, .resultats_mode_mosaique .resultat_mosaique .mosaique_field p { font-size: 1em; line-height: 1.4em; display: contents; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field li:before { content: none; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field a.document-consulte { display: inline-block; padding-left: 20px; position: relative; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field a.document-consulte:before { top: 4px; left: 0; width: 9px; height: 5px; } .resultats_mode_mosaique .resultat_mosaique .champ_detail ul { margin-left: 0; } .resultats_mode_mosaique .resultat_mosaique .champ_detail ul li { text-align: left; } .resultats_mode_mosaique .resultat_mosaique .champ_detail.title_ead { margin-bottom: 0; } .resultats_mode_mosaique .resultat_mosaique .champ_detail.title_ead:first-of-type { font-size: 1.15em; font-weight: bold; } .resultats_mode_mosaique .resultat_mosaique .champ_detail.title_ead + .mosaique_field_1 { font-size: 1em; font-weight: normal; } .resultats_mode_mosaique .resultat_mosaique .mosaique_field_image + .champ_detail.title_ead { font-size: 1.15em; font-weight: bold; } .resultats_mode_mosaique .resultat_mosaique p.champ_adresse { text-align: left; } .resultats_mode_mosaique .resultat_mosaique.type-completion-incomplet .mosaique_field_image figure, .resultats_mode_mosaique .resultat_mosaique.type-completion-complet .mosaique_field_image figure { position: relative; } .resultats_mode_mosaique .resultat_mosaique.type-completion-incomplet .mosaique_field_image figure:before, .resultats_mode_mosaique .resultat_mosaique.type-completion-complet .mosaique_field_image figure:before { content: ""; position: absolute; z-index: 10; right: 0; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 15px 15px 0; border-color: transparent #dc3545 transparent transparent; } .resultats_mode_mosaique .resultat_mosaique.type-completion-complet .mosaique_field_image figure:before { border-right-color: #25b700; } .colonne_droite .resultats_mode_mosaique { flex-direction: column; gap: 20px 0; } .colonne_droite .resultats_mode_mosaique .resultat_mosaique { width: 100%; } .resultats_facettes .mapboxgl-map { height: 80vh !important; text-align: left; } .contenu_colonne .resultats_facettes .mapboxgl-map, .colonne_droite .resultats_facettes .mapboxgl-map, .colonne_un_tiers .resultats_facettes .mapboxgl-map { height: 500px !important; } @media only screen and (max-width: 800px) { .contenu_colonne .resultats_facettes .mapboxgl-map, .colonne_droite .resultats_facettes .mapboxgl-map, .colonne_un_tiers .resultats_facettes .mapboxgl-map { height: 400px !important; } } .resultats_facettes .mapboxgl-map .mapboxgl-popup { margin-top: 20px; animation: etiquette_mapbox 0.4s; } @keyframes etiquette_mapbox { from { opacity: 0; margin-top: 5px; } to { opacity: 1; margin-top: 20px; } } .resultats_facettes .mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content { padding: 8px 10px; } .volet_resultat_carto { width: 40%; max-width: 400px; height: 100vh; position: fixed; z-index: 200; top: 0; left: 1%; font-size: .9em; display: flex; align-items: center; pointer-events: none; } @media only screen and (min-width: 1600px) { .volet_resultat_carto { width: 30%; } } @media only screen and (max-width: 800px) { .volet_resultat_carto { width: 50%; } } @media only screen and (max-width: 600px) { .volet_resultat_carto { width: 70%; } } @media only screen and (max-width: 500px) { .volet_resultat_carto { width: 80%; } } @media only screen and (max-width: 400px) { .volet_resultat_carto { width: 100%; } } .volet_resultat_carto .volet_resultat_carto_interieur { background-color: #f8f2ea; border: 1px solid rgba(128, 122, 117, 0.4); flex: 1; pointer-events: auto; padding: 20px 35px 20px 6%; position: relative; max-height: 100vh; overflow-y: auto; text-align: left; } .volet_resultat_carto button.volet_resultat_carto-close { position: absolute; z-index: 1; right: 0; width: 25px; height: 25px; border-radius: 0; } .volet_resultat_carto button.volet_resultat_carto-close svg { width: 15px; height: 15px; } .volet_resultat_carto .volet_resultat_carto-inner:nth-child(n+3) { border-top: 1px solid #ccc4bc; margin-top: 15px; padding-top: 15px; } .volet_resultat_carto .carto-detail-nb-fiches + .volet_resultat_carto-inner { border-top: none; margin-top: 0; padding-top: 0; } .volet_resultat_carto .individuel_field { margin-bottom: 4px; } .volet_resultat_carto .individuel_field .champ_intitule { font-size: 0.95em; margin-bottom: 4px; } .volet_resultat_carto .individuel_field.h2, .volet_resultat_carto .individuel_field.h3, .volet_resultat_carto .individuel_field.h4 { margin: 0 0 2px; } .volet_resultat_carto .individuel_field.h1 { font-size: 1.8em; } .volet_resultat_carto .individuel_field.h2 { font-size: 1.3em; color: inherit !important; } .volet_resultat_carto .individuel_field.h3 { font-size: 1.1em; } .volet_resultat_carto .individuel_field.h4 { font-size: 1em; } .volet_resultat_carto .individuel_field .champ_contenu { text-align: left; line-height: 1.4em; } .volet_resultat_carto .individuel_field.vignette { text-align: center; } .volet_resultat_carto .individuel_field figure { overflow: hidden; margin-bottom: 10px; } .volet_resultat_carto .individuel_field figure img { max-width: 100%; vertical-align: middle; } .volet_resultat_carto .individuel_field figure img:hover { filter: brightness(1.1); transform: scale(1.03); } .volet_resultat_carto p, .volet_resultat_carto li { text-align: left; line-height: 1.4em; } .volet_resultat_carto a.document-consulte .champ_contenu { display: flex; padding-left: 20px; position: relative; } .volet_resultat_carto a.document-consulte .champ_contenu:before { top: 4px; left: 0; } .volet_resultat_carto a.document-consulte figure { position: relative; } .volet_resultat_carto a.document-consulte figure:before { content: ""; position: absolute; z-index: 1; width: 20px; height: 20px; background-color: #25b700; } .volet_resultat_carto a.document-consulte figure:after { border-color: #FFF; border-width: 3px; left: 4px; top: 4px; width: 9px; height: 5px; } .volet_resultat_carto a.document-consulte + a.document-consulte .champ_contenu { padding-left: 0; } .volet_resultat_carto a.document-consulte + a.document-consulte .champ_contenu:before { content: none; } .volet_resultat_carto .enveloppe_pagination { border-top: 1px solid #ccc4bc; margin-top: 15px; padding-top: 15px; } .volet_resultat_carto .individuel_field.volet_fleche_detail:before { content: ""; position: absolute; width: 12px; height: 12px; top: calc(50% - 18px); right: 13px; transform: rotate(45deg); border-top: #000 6px solid; border-right: #000 6px solid; } .volet_resultat_carto .individuel_field.volet_fleche_detail:hover:before { border-color: black; right: 10px; } .extrait-transcription:nth-child(n+2) { margin-top: 15px; } .extrait-transcription .visionneuse-highlight { display: flex; align-items: center; } .extrait-transcription .visionneuse-highlight .visualiser { flex: none; margin-right: 10px; } .extrait-transcription .visionneuse-highlight .extrait-transcription-texte-vide { font-style: italic; color: #807a75; font-size: 0.9em; line-height: 1.4em; } blockquote.extrait-transcription { pointer-events: auto; margin: 0 auto; align-items: flex-start; } .tableau_resultat_facettes blockquote.extrait-transcription { font-size: inherit; justify-content: flex-start; } blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte { position: relative; padding: 0 15px; } blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte:before, blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte:after { font-size: 35px; position: absolute; top: 0; opacity: 0.3; } .tableau_resultat_facettes blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte:before, .tableau_resultat_facettes blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte:after { font-size: 24px; width: 10px; } blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte:before { content: "\00201C"; left: 0; text-align: left; } blockquote.extrait-transcription .visionneuse-highlight .extrait-transcription-texte:after { content: "\00201D"; right: 0; } blockquote.extrait-transcription .search-highlight { display: inline-block; padding: 2px 4px; background-color: rgba(37, 183, 0, 0.2); color: #105100; } .filtre-texte { padding: 15px; } .filtre-texte label { font-weight: bold; } .filtre-texte input[type="text"] { margin: 10px 0; font-size: 0.95rem; } .filtre_de_recherche_intitule { flex: 1; display: flex; align-items: flex-start; padding: 10px 15px 8px; font-weight: bold; } .filtre_de_recherche_intitule, .filtre_de_recherche_intitule label { color: #807a75; } .filtre_de_recherche_intitule svg { fill: #807a75; margin-top: 3px; margin-right: 7px; } .ouvert .filtre_de_recherche_intitule, .ouvert .filtre_de_recherche_intitule label { color: #4b4744; } .ouvert .filtre_de_recherche_intitule svg { fill: #4b4744; transform: rotate(90deg); } .filtre_de_recherche_intitule:hover { cursor: pointer; color: black; } .filtre_de_recherche_intitule:hover svg { fill: black; } .filtre_de_recherche_intitule:hover label { color: black; } .filtre_de_recherche_intitule:focus { outline: none; } .filtre_actif .filtre_de_recherche_intitule { background-color: #c9edbf; } .filtre_actif .filtre_de_recherche_intitule, .filtre_actif .filtre_de_recherche_intitule label { color: #209e00 !important; } .filtre_actif .filtre_de_recherche_intitule svg { fill: #209e00 !important; } .filtre_actif .filtre_de_recherche_intitule:hover { background-color: #def4d9; } .filtre_actif .filtre_de_recherche_intitule:hover, .filtre_actif .filtre_de_recherche_intitule:hover label { color: #166b00 !important; } .filtre_actif .filtre_de_recherche_intitule:hover svg { fill: #166b00 !important; } .filtre_actif .filtre_de_recherche_intitule .reset-filtre { font-weight: bold; color: #FFF; background-color: #25b700; margin-top: -2px; border-radius: 0; border: none; line-height: normal; min-height: 0; padding-block-end: 0; } .filtre_actif .filtre_de_recherche_intitule .reset-filtre:hover { background-color: #dc3545; color: #FFF; cursor: pointer; } .filtre_de_recherche_intitule span { flex: 1; } .filtre_de_recherche_intitule label { font-size: 1em; cursor: pointer; font-weight: bold; font-family: inherit; text-transform: inherit; margin: 0; } .filtre_et_aide { display: flex; width: 100%; } .filtre_et_aide .aide_filtre { padding: 5px; flex: none; border-radius: 0; border: none; transform: none; background-color: rgba(0, 0, 0, 0.6); } .filtre_et_aide .aide_filtre:hover { background-color: black; } .filtre_et_aide .aide_filtre svg { margin-right: 0; width: 16px; height: 16px; } .reset-filtre, .nombre_occurences { font-size: 0.75rem; margin-left: 5px; padding: 3px 5px !important; } .nombre_occurences { background-color: rgba(128, 122, 117, 0.2); color: #4b4744; line-height: 1.4em; } .container_filtre_termes_de_recherche { position: relative; display: flex; flex-wrap: wrap; } .container_filtre_termes_de_recherche input[type=text] { flex: 1; padding: 9px 10px; text-overflow: ellipsis; } .container_filtre_termes_de_recherche input[type=text]::placeholder { font-size: 0.8em; } .container_filtre_termes_de_recherche button.valider_recherche { padding: 5px 0 5px 5px; background-color: transparent; border: none; transform: none; } .container_filtre_termes_de_recherche button.valider_recherche svg { fill: rgba(128, 122, 117, 0.4); width: 22px; height: 22px; margin-right: 0; } .container_filtre_termes_de_recherche button.valider_recherche span { display: none; } .container_filtre_termes_de_recherche button.valider_recherche:hover { animation: none; } .container_filtre_termes_de_recherche button.valider_recherche:hover svg { fill: black; } .container_filtre_termes_de_recherche button.filtre_liste_popup_toggle { margin-left: -1px; max-width: 38px; padding: 5px 8px; border-radius: 0; border: none; transform: none; background-color: #000; color: #FFF; } .container_filtre_termes_de_recherche button.filtre_liste_popup_toggle svg { margin-right: 0; } .container_filtre_termes_de_recherche button.filtre_liste_popup_toggle:hover { background-color: black; } .container_filtre_termes_de_recherche:has(button.filtre_liste_popup_toggle) input[type=text] { border-top-right-radius: 0; border-bottom-right-radius: 0; } .container_filtre_termes_de_recherche + .container_checkbox_termes_de_recherche { margin-top: 10px; } .filtre_de_recherche_item { font-size: 0.9em; display: flex; justify-content: space-between; align-items: center; padding: 6px 5px; border-top: 1px solid rgba(128, 122, 117, 0.25); } .filtre_de_recherche_item:first-of-type { border-top: none; } .filtre_de_recherche_item span:first-of-type { flex: 1; padding-left: 5px; } .filtre_de_recherche_item:hover { background-color: rgba(0, 0, 0, 0.1); color: black; cursor: pointer; } .filtre_de_recherche_item:hover .nombre_occurences { background-color: rgba(0, 0, 0, 0.2); } .filtre_de_recherche_item.filtre_selectionne { background-color: #25b700; color: #FFF; } .filtre_de_recherche_item.filtre_selectionne:hover { background-color: #dc3545; color: #FFF; } .filtre_de_recherche_item.filtre_selectionne:hover .nombre_occurences { background-color: #921925; } .filtre_de_recherche_item.filtre_selectionne .nombre_occurences { background-color: #197a00; color: #FFF; } .filtre_de_recherche_item.complet span:first-of-type:before, .filtre_de_recherche_item.incomplet span:first-of-type:before { content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 50%; background-color: #dc3545; vertical-align: middle; margin-right: 5px; } .filtre_de_recherche_item.complet span:first-of-type::first-letter, .filtre_de_recherche_item.incomplet span:first-of-type::first-letter { text-transform: uppercase; } .filtre_de_recherche_item.complet span:first-of-type:before { background-color: #25b700; } .filtre_de_recherche_items { padding: 7px 15px 10px; border-radius: 0 0 10px 10px; animation-name: filtre_deroulant; animation-duration: 0.5s; animation-fill-mode: both; } @keyframes filtre_deroulant { from { opacity: 0; margin-top: -20px; } to { opacity: 1; margin-top: 0px; } } .filtre_de_recherche_items .filtres_texte_actifs { padding-top: 3px; } .filtre_de_recherche_items .filtres_texte_actifs button { font-size: 0.8em; font-weight: normal; text-transform: none; border-radius: 3px; border: none; padding: 5px 20px 5px 7px; margin-top: 3px; margin-right: 3px; text-align: left; letter-spacing: normal; background-color: #25b700; color: #FFF; position: relative; } .filtre_de_recherche_items .filtres_texte_actifs button:before, .filtre_de_recherche_items .filtres_texte_actifs button:after { content: ""; background-color: #FFF; width: 3px; height: 12px; position: absolute; right: 7px; } .filtre_de_recherche_items .filtres_texte_actifs button:before { transform: rotate(45deg); } .filtre_de_recherche_items .filtres_texte_actifs button:after { transform: rotate(-45deg); } .filtre_de_recherche_items .filtres_texte_actifs button:hover { background-color: #dc3545; } .filtre_de_recherche_items.filtre_de_recherche_slider { text-align: center; overflow: hidden; } .filtre_de_recherche_items.filtre_de_recherche_slider .slider-set-aujourdhui { margin: 10px auto 0; font-size: 0.8em; padding: 5px 10px; } .filtre_de_recherche_items.filtre_de_recherche_slider .filtre_slider_label { background-color: #000 !important; border-radius: 0 !important; } .filtre_de_recherche_items.filtre_de_recherche_slider .filtre_slider_thumb { border-radius: 50% !important; border: 1px solid #807a75; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px !important; } .filtre_de_recherche_items.filtre_de_recherche_slider .filtre_slider_thumb:hover { border-color: black; } .filtre_de_recherche_items.filtre_de_recherche_slider .filtre_slider_thumb:hover .filtre_slider_label { background-color: black !important; } .filtre_de_recherche_items.filtre_de_recherche_slider .filtre_slider_thumb .filtre_slider_thumb_int { visibility: hidden; } .filtre_de_recherche_items .filtre_date_saisie { display: flex; gap: 10px; } .filtre_de_recherche_items .filtre_date_saisie input[type=text] { padding: 8px 0; text-align: center; border: none; border-radius: 0; } .filtre_de_recherche_items .filtre_date_saisie .saisie_date_debut, .filtre_de_recherche_items .filtre_date_saisie .saisie_date_fin { display: flex; } .filtre_de_recherche_items .filtre_date_saisie .saisie_date_debut span, .filtre_de_recherche_items .filtre_date_saisie .saisie_date_fin span { display: flex; align-items: center; flex: 1; } .filtre_de_recherche_items .filtre_date_saisie .saisie_date_debut span:nth-child(n+2):before, .filtre_de_recherche_items .filtre_date_saisie .saisie_date_fin span:nth-child(n+2):before { content: "\00002F"; color: #807a75; } .filtre_de_recherche_items .filtre_date_saisie .saisie_date_debut span:last-of-type, .filtre_de_recherche_items .filtre_date_saisie .saisie_date_fin span:last-of-type { flex: 2; } .filtre_de_recherche_items.filtre_arborescent { color: #807a75; max-height: 350px !important; padding: 0 10px 10px; } .filtre_de_recherche_items.filtre_arborescent > div:first-of-type { width: 100% !important; } .filtre_de_recherche_items.filtre_arborescent .filtre_de_recherche_item.filtre_selectionne svg { fill: #9dff84; } .filtre_de_recherche_items.filtre_arborescent .filtre_de_recherche_item.filtre_selectionne:hover svg { fill: #f3b7bd; } .filtre_de_recherche_items.filtre_arborescent .filtre_de_recherche_item.filtre_selectionne .arbre-niveau-ouvert:hover svg, .filtre_de_recherche_items.filtre_arborescent .filtre_de_recherche_item.filtre_selectionne .arbre-niveau-ferme:hover svg { fill: #FFF; } .filtre_de_recherche_items .react-error { position: relative; font-size: 0.9em; } .container_filtre_mode, .et_ou_sauf { width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 8px; padding-top: 10px; font-size: .9em; } .container_filtre_mode label, .et_ou_sauf label { font-weight: normal; color: #807a75; margin-bottom: 0; } .container_filtre_mode select, .et_ou_sauf select { width: auto; height: auto; font-size: .8rem; } .infographie_et_resultats_facettes { clear: both; margin-top: 35px; } body.recherche-info-choropleth .infographie_et_resultats_facettes { display: flex; flex-direction: column; } body.recherche-info-choropleth .infographie_et_resultats_facettes .mapboxgl-map { height: 400px !important; } @media only screen and (min-width: 1600px) { body.recherche-info-choropleth .infographie_et_resultats_facettes { flex-direction: row; column-gap: 3%; } body.recherche-info-choropleth .infographie_et_resultats_facettes .mapboxgl-map { height: 75vh !important; } body.recherche-info-choropleth .infographie_et_resultats_facettes .resultats_facettes { flex: 1; } } .pas_de_mode_de_restitution .infographie_et_resultats_facettes .mode_de_restitution, .pas_de_mode_de_restitution .infographie_et_resultats_facettes .tetiere_resultat_facette { display: none; } .infographie_facettes { margin-bottom: 1em; min-height: 26px; } @media only screen and (min-width: 1600px) { .infographie_facettes { order: 3; flex-basis: 45%; } } .infographie_facettes .enveloppe-btn-occurrences, .infographie_facettes .enveloppe-btn-toggle { position: relative; } .infographie_facettes .enveloppe-btn-toggle { text-align: right; } .infographie_facettes .btn-toggle-infographies, .infographie_facettes .choropleth-toggle-occurrences { position: absolute; z-index: 1; top: 1px; padding: 5px; border-radius: 0; border: none; } .infographie_facettes .btn-toggle-infographies svg, .infographie_facettes .choropleth-toggle-occurrences svg { margin-right: 0; width: 16px; height: 16px; } .infographie_facettes .btn-toggle-infographies { right: 1px; } .infographie_facettes .btn-toggle-infographies:not(.afficher_infographie) { background-color: #dc3545; } .infographie_facettes .btn-toggle-infographies:not(.afficher_infographie):hover { background-color: #bd2130; } .infographie_facettes .btn-toggle-infographies:not(.afficher_infographie) svg { fill: #FFF; } .infographie_facettes .btn-toggle-infographies.afficher_infographie svg { width: 25px; height: 25px; } .infographie_facettes .btn-toggle-infographies.afficher_infographie span { top: 58px; font-size: 0.8em; } .infographie_facettes .btn-toggle-infographies.afficher_infographie span:before { margin-top: -15px; right: 8px; } .infographie_facettes .choropleth-a11y-hover { display: none; } .infographie_facettes .choropleth-tooltip { font-size: 0.9em; color: #807a75; background-color: #FFF; padding: 4px 8px; } .infographie_facettes .choropleth-tooltip.tooltip-empty { display: none; } .infographie_facettes .choropleth-tooltip .choropleth-tooltip-intitule { color: #302e2c; font-weight: bold; } .infographie_facettes .choropleth-tooltip .choropleth-tooltip-occurrences:before { content: " - "; } .infographie_facettes .choropleth-toggle-occurrences { right: 28px; } .infographie_facettes .choropleth-toggle-occurrences span { top: 35px; } .infographie_facettes .choropleth-legende { position: relative; } .infographie_facettes .choropleth-legende > div { border-top: 1px solid #ccc4bc; border-right: 1px solid #ccc4bc; font-size: 0.75em; color: #807a75; position: absolute; bottom: 1px; z-index: 10; margin-left: 1px; width: 175px; background-color: #FFF; padding: 8px 12px; display: flex; flex-wrap: wrap; justify-content: center; } .infographie_facettes .choropleth-legende > div .legende-gradient { height: 20px; width: 150px; order: 4; } .infographie_facettes .choropleth-legende > div div:nth-child(2), .infographie_facettes .choropleth-legende > div div:nth-child(3), .infographie_facettes .choropleth-legende > div div:nth-child(4) { flex-basis: 33%; width: auto !important; padding-bottom: 2px; } .infographie_facettes .choropleth-legende > div div:nth-child(2) { text-align: left; } .infographie_facettes .choropleth-legende > div div:nth-child(4) { text-align: right; } .infographie_facettes .choropleth-legende > div .legende-no-gradient { width: 100%; } .infographie_facettes .choropleth-legende > div .legende-no-gradient:after { margin-top: 2px; content: ""; display: block; height: 20px; opacity: 0.8; } .infographie_facettes .choroplay-toggle-occurrences { position: absolute; } .recharts-default-tooltip { padding: 5px 10px !important; font-size: 0.9em; } .recharts-default-tooltip p { font-size: 1.1em; font-weight: bold; } .recharts-default-tooltip li { margin: 0; padding: 0 !important; color: #807a75 !important; } .recharts-default-tooltip li .recharts-tooltip-item-value { color: #a67041; font-weight: bold; } .recharts-cartesian-axis { font-size: 0.8em; } .recharts-cartesian-axis text { fill: #807a75 !important; } .recharts-cartesian-axis line { stroke: #c1b7ae !important; } .recharts-bar-rectangle { cursor: pointer; } .loading-ring { display: inline-block; position: relative; width: 80px; height: 80px; margin: 40px; opacity: 0.5; } ul#liste_commentaires .loading-ring { display: block; margin: 10px auto; } .loading-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 6px solid #fff; border-radius: 50%; animation: lds-ring 2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #a67041 transparent transparent transparent; } .loading-ring div:nth-child(1) { animation-delay: -0.45s; } .loading-ring div:nth-child(2) { animation-delay: -0.3s; } .loading-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-ring.chargement-resultats { position: fixed; z-index: 1000; width: 240px; height: 240px; top: 45%; left: 45%; } .loading-ring.chargement-resultats div { width: 224px; height: 224px; border-width: 20px; } body.recherche-detail #nav_secondaire { display: none; } body.recherche-detail .infographie_et_resultats_facettes .tetiere_resultat_facette { display: none; } body.recherche-detail .mapboxgl-canvas-container { height: 400px; margin-bottom: 10px; } .moteur_detail_fiche .image_detail, .resultat_arborescent_inner_container .image_detail, .frise-selection-container .image_detail { margin-bottom: 20px; } .moteur_detail_fiche .image_detail a:hover img, .resultat_arborescent_inner_container .image_detail a:hover img, .frise-selection-container .image_detail a:hover img { filter: brightness(1.1); transform: scale(1.03); cursor: zoom-in; } .moteur_detail_fiche .image_detail .start-visionneuse:hover img, .resultat_arborescent_inner_container .image_detail .start-visionneuse:hover img, .frise-selection-container .image_detail .start-visionneuse:hover img { filter: brightness(1.1); } .moteur_detail_fiche .image_detail .image_carousel, .resultat_arborescent_inner_container .image_detail .image_carousel, .frise-selection-container .image_detail .image_carousel { display: inline-block; vertical-align: middle; overflow: hidden; } .moteur_detail_fiche .image_detail img, .resultat_arborescent_inner_container .image_detail img, .frise-selection-container .image_detail img { filter: brightness(1); vertical-align: middle; max-width: 100%; width: auto; } .moteur_detail_fiche .image_detail.contour .start-visionneuse, .moteur_detail_fiche .image_detail.contour .image_carousel, .resultat_arborescent_inner_container .image_detail.contour .start-visionneuse, .resultat_arborescent_inner_container .image_detail.contour .image_carousel, .frise-selection-container .image_detail.contour .start-visionneuse, .frise-selection-container .image_detail.contour .image_carousel { border: 1px solid #ccc4bc; } .moteur_detail_fiche .container_zone_images, .resultat_arborescent_inner_container .container_zone_images, .frise-selection-container .container_zone_images { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 20px 2%; } @media only screen and (max-width: 600px) { .moteur_detail_fiche .container_zone_images, .resultat_arborescent_inner_container .container_zone_images, .frise-selection-container .container_zone_images { flex-direction: column; align-items: center; flex-wrap: nowrap; } } .moteur_detail_fiche .container_zone_images figure, .resultat_arborescent_inner_container .container_zone_images figure, .frise-selection-container .container_zone_images figure { flex-basis: 15%; } @media only screen and (max-width: 2000px) { .moteur_detail_fiche .container_zone_images figure, .resultat_arborescent_inner_container .container_zone_images figure, .frise-selection-container .container_zone_images figure { flex-basis: 18.4%; } } @media only screen and (max-width: 1600px) { .moteur_detail_fiche .container_zone_images figure, .resultat_arborescent_inner_container .container_zone_images figure, .frise-selection-container .container_zone_images figure { flex-basis: 23.5%; } } @media only screen and (max-width: 1200px) { .moteur_detail_fiche .container_zone_images figure, .resultat_arborescent_inner_container .container_zone_images figure, .frise-selection-container .container_zone_images figure { flex-basis: 32%; } } @media only screen and (max-width: 900px) { .moteur_detail_fiche .container_zone_images figure, .resultat_arborescent_inner_container .container_zone_images figure, .frise-selection-container .container_zone_images figure { flex-basis: 49%; } } @media only screen and (max-width: 600px) { .moteur_detail_fiche .container_zone_images figure, .resultat_arborescent_inner_container .container_zone_images figure, .frise-selection-container .container_zone_images figure { flex-basis: 100% !important; } } .moteur_detail_fiche .container_zone_images figure.image_format_pdf button, .resultat_arborescent_inner_container .container_zone_images figure.image_format_pdf button, .frise-selection-container .container_zone_images figure.image_format_pdf button { border: 1px solid #ccc4bc; } .moteur_detail_fiche .colonne_un_tiers .container_zone_images, .moteur_detail_fiche .infographie_et_resultats_facettes .container_zone_images, .resultat_arborescent_inner_container .colonne_un_tiers .container_zone_images, .resultat_arborescent_inner_container .infographie_et_resultats_facettes .container_zone_images, .frise-selection-container .colonne_un_tiers .container_zone_images, .frise-selection-container .infographie_et_resultats_facettes .container_zone_images { display: contents; } .moteur_detail_fiche .champ_detail button:not(.bouton_rond), .resultat_arborescent_inner_container .champ_detail button:not(.bouton_rond), .frise-selection-container .champ_detail button:not(.bouton_rond) { all: unset; cursor: pointer; color: #000; } .moteur_detail_fiche .champ_detail button:not(.bouton_rond):hover, .resultat_arborescent_inner_container .champ_detail button:not(.bouton_rond):hover, .frise-selection-container .champ_detail button:not(.bouton_rond):hover { color: black; text-decoration: underline; } .moteur_detail_fiche .champ_detail.strong, .resultat_arborescent_inner_container .champ_detail.strong, .frise-selection-container .champ_detail.strong { font-weight: bold !important; } .moteur_detail_fiche .champ_detail.gris, .resultat_arborescent_inner_container .champ_detail.gris, .frise-selection-container .champ_detail.gris { opacity: 0.5; font-size: 0.9em; } .moteur_detail_fiche .deux_colonnes_detail { display: flex; justify-content: space-between; gap: 20px 3%; margin-bottom: 30px; clear: both; } @media only screen and (max-width: 800px) { .moteur_detail_fiche .deux_colonnes_detail { flex-direction: column; } } .moteur_detail_fiche .deux_colonnes_detail .colonne_deux_tiers { flex: 1; } @media only screen and (max-width: 800px) { .moteur_detail_fiche .deux_colonnes_detail .colonne_deux_tiers { width: 100%; } } .moteur_detail_fiche .deux_colonnes_detail .colonne_deux_tiers > *:first-of-type { margin-top: 0; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers { flex-basis: 30%; font-size: 0.9em; } @media only screen and (max-width: 900px) { .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers { flex-basis: 35%; } } @media only screen and (max-width: 800px) and (min-width: 500px) { .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers { padding: 0 5%; } } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers > *:nth-child(1) { margin-top: 0; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers > *:nth-child(1) .sommaire_resume { margin-top: 0; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers fieldset { padding: 20px 5%; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers .champ_contenu { text-align: left; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers .infographie_et_resultats_facettes .resultats_mode_mosaique { flex-direction: column; gap: 20px 0; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique { width: 100%; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique li:before { content: none; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers .image_detail, .moteur_detail_fiche .deux_colonnes_detail .deux_colonnes_interieur .image_detail { flex-direction: column; } .moteur_detail_fiche .deux_colonnes_detail .colonne_un_tiers .image_detail figure, .moteur_detail_fiche .deux_colonnes_detail .deux_colonnes_interieur .image_detail figure { margin-left: auto; margin-right: auto; max-width: 100%; } .moteur_detail_fiche .deux_colonnes_interieur { flex-basis: 48%; } @media only screen and (max-width: 800px) { .moteur_detail_fiche .deux_colonnes_interieur { width: 100%; } } @media only screen and (max-width: 1500px) { .moteur_detail_fiche .deux_colonnes_interieur .infographie_et_resultats_facettes .resultats_mode_mosaique { flex-direction: column; } } .moteur_detail_fiche .deux_colonnes_interieur .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique { margin-bottom: 30px; width: 45%; } @media only screen and (max-width: 1500px) { .moteur_detail_fiche .deux_colonnes_interieur .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique { width: 100%; } } .moteur_detail_fiche > .image_detail:first-child, .moteur_detail_fiche .colonne_deux_tiers > .image_detail:first-child, .frise-selection-container > .image_detail:first-child, .frise-selection-container .colonne_deux_tiers > .image_detail:first-child { float: right; margin-left: 3%; max-width: 47%; display: block; } @media only screen and (max-width: 650px) { .moteur_detail_fiche > .image_detail:first-child, .moteur_detail_fiche .colonne_deux_tiers > .image_detail:first-child, .frise-selection-container > .image_detail:first-child, .frise-selection-container .colonne_deux_tiers > .image_detail:first-child { max-width: none; float: none; margin-left: 0; } } .moteur_detail_fiche > .image_detail:first-child .container_zone_images figure, .moteur_detail_fiche .colonne_deux_tiers > .image_detail:first-child .container_zone_images figure, .frise-selection-container > .image_detail:first-child .container_zone_images figure, .frise-selection-container .colonne_deux_tiers > .image_detail:first-child .container_zone_images figure { flex-basis: 300px; flex-grow: 1; } .moteur_detail_fiche .image_detail.vignettes_a_droite, .frise-selection-container .image_detail.vignettes_a_droite { float: right; margin-left: 4%; max-width: 46%; display: block; } @media only screen and (max-width: 650px) { .moteur_detail_fiche .image_detail.vignettes_a_droite, .frise-selection-container .image_detail.vignettes_a_droite { max-width: none; float: none; margin-left: 0; } } .moteur_detail_fiche .image_detail.vignettes_a_droite .container_zone_images, .frise-selection-container .image_detail.vignettes_a_droite .container_zone_images { flex-direction: column; } .resultat_arborescent_inner_container .image_detail figure { flex-basis: 32%; } @media only screen and (max-width: 1900px) { .resultat_arborescent_inner_container .image_detail figure { flex-basis: 49%; } } @media only screen and (max-width: 1300px) { .resultat_arborescent_inner_container .image_detail figure { flex-basis: 100%; } } .champ_detail { text-align: left; } .resultat_arborescent .champ_detail.h1, .visionneuse_arkotheque .champ_detail.h1 { font-size: 1.7em; margin-bottom: 15px; } .champ_detail.h1 button { text-align: left; } .resultat_arborescent .champ_detail.h2, .visionneuse_arkotheque .champ_detail.h2 { font-size: 1.2em; } .champ_detail.p { text-align: justify; } .champ_detail blockquote mark { display: contents; color: #8dbe00; } .champ_detail.title_ead > dd.champ_contenu { display: block; margin-bottom: .25rem; } .champ_detail, .individuel_field { margin: 0 0 15px; } .volet_resultat_carto_interieur .champ_detail, .volet_resultat_carto_interieur .individuel_field { margin-bottom: 5px; } .champ_detail .champ_intitule, .individuel_field .champ_intitule { display: inline; color: #807a75; font-size: 0.85em; font-weight: bold; } .colonne_un_tiers .champ_detail .champ_intitule, .colonne_un_tiers .individuel_field .champ_intitule { font-size: 0.9em; } .champ_detail .champ_intitule:after, .individuel_field .champ_intitule:after { content: "\00003A "; } .champ_detail.h1 .champ_intitule, .champ_detail.h2 .champ_intitule, .individuel_field.h1 .champ_intitule, .individuel_field.h2 .champ_intitule { font-size: 0.85rem; } .champ_detail dd, .individuel_field dd { margin: 0; } .champ_detail dd.champ_contenu, .individuel_field dd.champ_contenu { display: inline; text-align: justify; line-height: normal; } tr.resultat_container .champ_detail dd.champ_contenu, tr.resultat_container .individuel_field dd.champ_contenu { text-align: left; } .champ_detail dd.champ_contenu p, .champ_detail dd.champ_contenu li, .individuel_field dd.champ_contenu p, .individuel_field dd.champ_contenu li { font-size: 1em; } .champ_detail dd.champ_contenu button, .individuel_field dd.champ_contenu button { vertical-align: text-bottom; } .champ_detail dd.champ_contenu a, .champ_detail dd.champ_contenu iframe, .individuel_field dd.champ_contenu a, .individuel_field dd.champ_contenu iframe { pointer-events: auto; } .champ_detail.h1 dd.champ_contenu, .champ_detail.h2 dd.champ_contenu, .individuel_field.h1 dd.champ_contenu, .individuel_field.h2 dd.champ_contenu { line-height: 1.3em; text-align: left; } .champ_detail .champ_detail.title_ead, .individuel_field .champ_detail.title_ead { display: inline; } ul.termes_liste_hierarchique button { all: unset; color: #000; cursor: pointer; } ul.termes_liste_hierarchique button:hover { text-decoration: underline; color: black; } ul.termes_liste_hierarchique > li > button { font-weight: bold !important; } .faux_onglets { margin-bottom: 25px; } .faux_onglets [type="radio"] { display: none; } .faux_onglets ul.tabs { display: flex; flex-wrap: wrap; column-gap: 5px; justify-content: center; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc4bc; } .faux_onglets ul.tabs li { margin: 0; display: flex; align-items: flex-end; line-height: normal; height: 35px; } .faux_onglets ul.tabs li:before { content: none; } .faux_onglets ul.tabs label { font-size: 0.8em; line-height: 1.3em; padding: 5px 7px; border: 1px solid #ccc4bc; border-bottom: none; text-transform: uppercase; color: #807a75; background-color: #FFF; cursor: pointer; } .faux_onglets ul.tabs label:hover { background-color: #000; border-color: #000; color: #FFF; padding-bottom: 10px; } .faux_onglets [type="radio"]:nth-of-type(1):checked ~ ul.tabs li:nth-of-type(1) label, .faux_onglets [type="radio"]:nth-of-type(2):checked ~ ul.tabs li:nth-of-type(2) label, .faux_onglets [type="radio"]:nth-of-type(3):checked ~ ul.tabs li:nth-of-type(3) label, .faux_onglets [type="radio"]:nth-of-type(4):checked ~ ul.tabs li:nth-of-type(4) label, .faux_onglets [type="radio"]:nth-of-type(5):checked ~ ul.tabs li:nth-of-type(5) label, .faux_onglets [type="radio"]:nth-of-type(6):checked ~ ul.tabs li:nth-of-type(6) label, .faux_onglets [type="radio"]:nth-of-type(7):checked ~ ul.tabs li:nth-of-type(7) label, .faux_onglets [type="radio"]:nth-of-type(8):checked ~ ul.tabs li:nth-of-type(8) label { background: #807a75; border-color: #807a75; color: #FFF; pointer-events: none; } .faux_onglets .contenu_faux_onglet { padding-top: 20px; display: none; } .faux_onglets [type="radio"]:nth-of-type(1):checked ~ .contenu_faux_onglet:nth-of-type(1), .faux_onglets [type="radio"]:nth-of-type(2):checked ~ .contenu_faux_onglet:nth-of-type(2), .faux_onglets [type="radio"]:nth-of-type(3):checked ~ .contenu_faux_onglet:nth-of-type(3), .faux_onglets [type="radio"]:nth-of-type(4):checked ~ .contenu_faux_onglet:nth-of-type(4), .faux_onglets [type="radio"]:nth-of-type(5):checked ~ .contenu_faux_onglet:nth-of-type(5), .faux_onglets [type="radio"]:nth-of-type(6):checked ~ .contenu_faux_onglet:nth-of-type(6), .faux_onglets [type="radio"]:nth-of-type(7):checked ~ .contenu_faux_onglet:nth-of-type(7), .faux_onglets [type="radio"]:nth-of-type(8):checked ~ .contenu_faux_onglet:nth-of-type(8) { display: block; } .faux_accordeon { margin: 20px 0; clear: both; } .faux_accordeon [type="checkbox"] { position: absolute; opacity: 0; z-index: -1; } .faux_accordeon [type="checkbox"]:checked ~ label:before { transform: rotate(90deg); transform-origin: center; } .faux_accordeon [type="checkbox"]:checked ~ .fa_contenu { max-height: 2000px; margin-top: -1px; transition-duration: 2s; } .faux_accordeon > label { display: block; background-color: #FFF; border-radius: 10px 10px 0 0; border: 1px solid #ccc4bc; font-size: 0.85em; line-height: 1.3em; padding: 12px 3% 8px; text-transform: uppercase; color: #807a75; cursor: pointer; width: 100%; text-align: left; } .faux_accordeon > label:before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #807a75; margin-right: 8px; } .faux_accordeon > label:hover { background-color: #000; border-color: #000; color: #FFF; } .faux_accordeon > label:hover:before { border-left-color: #FFF; } .faux_accordeon .fa_contenu { max-height: 0; overflow: hidden; } .faux_accordeon .fa_contenu > div { background-color: #FFF; border-radius: 0 0 10px 10px; border: 1px solid #ccc4bc; border-top: none; padding: 10px 3%; } .rec_player_container { background-color: #ebdac4; position: fixed; z-index: 91; bottom: 0; width: 100%; padding: 0 5%; box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.1); border-top: 1px solid #f8f2ea; display: flex; flex-direction: column; align-items: center; } .rec_player_container .player-tools { width: 100%; } .rec_player_container .rec_player_close { position: absolute; right: 0; padding: 9px; background-color: #dc3545; border-radius: 0; } .rec_player_container .rec_player_close:hover { background-color: #bd2130; } .rec_player_container .rec_player_close svg { margin-right: 0; height: 20px; width: 20px; } .rec_player_container .contenu_media_embed, .detail_player_container .contenu_media_embed { display: flex; flex-direction: column; align-items: center; text-align: center; } .rec_player_container .contenu_media_embed, .rec_player_container .player-tools, .detail_player_container .contenu_media_embed, .detail_player_container .player-tools { width: 100%; } .rec_player_container .champ_formulaire, .detail_player_container .champ_formulaire { margin-top: 0; } .detail_player_container .champ_formulaire { align-items: center; } .pas_de_rebond button, .pas_de_rebond a { all: unset; display: contents !important; pointer-events: none !important; font-family: inherit; color: inherit !important; font-weight: inherit !important; font-size: inherit !important; background-color: transparent !important; border-radius: 0 !important; padding: 0 !important; text-decoration: none !important; cursor: initial !important; } .podium_classement { display: flex; flex-wrap: wrap; justify-content: center; } .podium_classement .podium_top_score { width: 25%; padding: 0 3% 60px; } @media only screen and (min-width: 1800px) { .podium_classement .podium_top_score { width: 20%; } } @media only screen and (max-width: 1200px) { .podium_classement .podium_top_score { width: 33%; } } @media only screen and (max-width: 600px) { .podium_classement .podium_top_score { width: 50%; } } .podium_classement .podium_top_score:nth-child(-n+3) { padding: 20px 5%; } .podium_classement .podium_top_score:nth-child(1) { width: 40%; margin: 0 30%; } @media only screen and (max-width: 900px) { .podium_classement .podium_top_score:nth-child(1) { width: 50%; margin: 0 25%; } } @media only screen and (max-width: 500px) { .podium_classement .podium_top_score:nth-child(1) { width: 60%; margin: 0 20%; } } .podium_classement .podium_top_score:nth-child(1) .podium_visuel { height: 170px; } .podium_classement .podium_top_score:nth-child(2), .podium_classement .podium_top_score:nth-child(3) { width: 38%; margin-bottom: 40px; } @media only screen and (min-width: 1800px) { .podium_classement .podium_top_score:nth-child(2), .podium_classement .podium_top_score:nth-child(3) { width: 41%; } } @media only screen and (max-width: 1200px) { .podium_classement .podium_top_score:nth-child(2), .podium_classement .podium_top_score:nth-child(3) { width: 50%; } } .podium_classement .podium_top_score:nth-child(2) .podium_visuel, .podium_classement .podium_top_score:nth-child(3) .podium_visuel { height: 130px; } .podium_classement .podium_top_score .podium_position { color: rgba(166, 112, 65, 0.5); } .podium_classement .podium_top_score .podium_pseudo { font-weight: bold; font-size: 1.2em; color: #a67041; word-wrap: break-word; } .podium_classement .podium_top_score .podium_grade { color: #807a75; text-transform: uppercase; font-size: 0.9em; line-height: 1.3em; margin-bottom: 5px; } .podium_classement .podium_top_score .podium_nombre_points { font-size: 0.8em; font-style: italic; color: #b1adaa; line-height: normal; } .podium_visuel { margin-bottom: 15px; background-size: contain; background-position: center bottom; height: 100px; } .contenu_nombre_fiches_fonds { padding: 15px 5%; margin-bottom: 1em; background-color: #f6f1ec; color: #a67041; } .container-inner:has(.contenu_nombre_fiches_fonds) { background-color: #f6f1ec; color: #a67041; } .container-inner:has(.contenu_nombre_fiches_fonds) .contenu_nombre_fiches_fonds { padding: 0; } .contenu_nombre_fiches_fonds span { display: block; color: #cda480; font-weight: bold; font-size: 3em; line-height: normal; white-space: nowrap; } .contenu_nombre_fiches_fonds h2 { color: #815733; margin: 0 0 5px; font-size: 1.2em; } .legende_conditions_de_visibilite { color: #807a75; font-size: 0.9em; margin-bottom: 20px; } .legende_conditions_de_visibilite p { margin: 0 0 5px; display: flex; } .legende_conditions_de_visibilite p span:first-of-type { flex: none; width: 18px; height: 18px; border-radius: 50%; margin-right: 8px; border: solid 5px; } .legende_conditions_de_visibilite p span:first-of-type.pastille_salle_de_lecture { background-color: #a67041; border-color: #e4d4c6; } .legende_conditions_de_visibilite p span:first-of-type.pastille_groupe_internaute { background-color: #dc3545; border-color: #f5c2c7; } .jauge_annotation { display: block; border-radius: 17px; border: 1px solid rgba(128, 122, 117, 0.5); background-color: #FFF; padding: 4px; margin-bottom: 1rem; } .jauge_annotation div { background-image: linear-gradient(to right, #25b700 0, #1b8400 90%); border-radius: 18px; height: 26px; min-width: 26px; font-size: .75rem; color: #FFF; display: flex; justify-content: flex-end; align-items: center; padding-right: 10px; white-space: nowrap; overflow: hidden; animation: jauge_annotes 1s; transform-origin: left center; } @keyframes jauge_annotes { from { transform: scaleX(0); } to { transform: scaleX(1); } } .jauge_annotation div span { transition-delay: 3s; } @font-face { font-family: 'Josefin'; font-style: normal; font-weight: 300; src: url("fonts/josefin_sans_300.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Josefin'; font-style: italic; font-weight: 300; src: url("fonts/josefin_sans_300_italic.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Josefin'; font-style: normal; font-weight: 400; src: url("fonts/josefin_sans_400.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Josefin'; font-style: italic; font-weight: 400; src: url("fonts/josefin_sans_400_italic.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Josefin'; font-style: normal; font-weight: 500; src: url("fonts/josefin_sans_600.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Josefin'; font-style: normal; font-weight: 700; src: url("fonts/josefin_sans_700.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Josefin'; font-style: italic; font-weight: 700; src: url("fonts/josefin_sans_700_italic.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Old Standard'; font-style: normal; font-weight: 400; src: url("fonts/old_standard_400.woff2") format("woff2"); font-display: swap; } @font-face { font-family: 'Old Standard'; font-style: italic; font-weight: 400; src: url("fonts/old_standard_400_italic.woff2") format("woff2"); font-display: swap; } body { font-size: 1.3em; } h1, .champ_detail.h1, .volet_resultat_carto .individuel_field.h1, .monopage-slide .contenu_texte h2, .expo-slide .contenu_texte h2 { text-align: center; font-size: 2.2em; color: #000; margin-bottom: 50px; } h1.titre_page { width: 94%; max-width: 1900px; position: absolute; top: 215px; padding: 0 8%; } @media only screen and (max-width: 750px) { h1.titre_page { width: auto; position: relative; padding: 0; top: auto; } } h2.sous-titre-page { text-align: center; font-size: 1.4em; color: #000; margin: 0 0 40px; } h3, .champ_detail.h3, .volet_resultat_carto .individuel_field.h3, .monopage-slide h4, .expo-slide h4 { color: #000; } p, li { font-weight: 300; } #conteneur { padding-top: 40px; } nav.fil_rouge { justify-content: center; margin-bottom: 50px; } body.pas_de_fil_rouge nav.fil_rouge { display: none; } nav.fil_rouge ol { flex: initial; } nav.fil_rouge svg { margin-top: 5px; } nav.fil_rouge li:last-child { display: none; } section.colonne_droite { font-size: .8em; } .colonne_header .contenu_image { display: contents; pointer-events: none; } .colonne_header .contenu_image figure img { position: absolute; z-index: -1; top: 47px; left: 0; height: 400px; width: 100%; object-fit: cover; border: none; } .colonne_header .contenu_image figcaption { display: none; } body:has(.colonne_header .contenu_image) header { background-color: rgba(0, 0, 0, 0.6); } body:has(.colonne_header .contenu_image) header #header_interieur { background-image: url("../images/interface/coin_degrade_noir.svg"); } body:has(.colonne_header .contenu_image) header #header_interieur a { background-image: url("../images/interface/logo_archives_blanc.svg"); } body:has(.colonne_header .contenu_image) h1.titre_page { color: #FFF; } .sommaire_liste > ul > li { font-size: 1.2em; margin-bottom: 10px; } .sommaire_liste > ul > li > a .puce_sommaire_liste { width: 15px; height: 15px; background-image: url("../images/icones/puce_laurier.svg"); background-size: contain; opacity: .5; border: none; } .sommaire_resume { row-gap: 20px; } .sommaire_resume section.page_resumee { background-color: #FFF; padding: 10px; } @media only screen and (min-width: 1900px) { .sommaire_resume section.page_resumee { padding: 20px; } } .contenu_album_couverture a .album_legende { background-color: #FFF; } ul.contenu-chiffre-cles li { background-color: #FFF; color: #807a75; } ul.contenu-chiffre-cles li .meter_unite { color: #000; } .container-inner, .ia-reservation, .reza-reservation-module { background-color: #FFF; } .contenu_dates .date_jour_lettres { font-weight: 300; background-color: #d7d1ca; color: #807a75; } .contenu_dates .date_jour { padding: 12px 12px 0; } .contenu_dates .date_mois { background-color: #000; font-size: .8em; } .contenu_dates .date_annee { font-weight: 300; background-color: #807a75; } .contenu_media_embed > div .player-progress progress:nth-child(3) { background-color: rgba(204, 196, 188, 0.5); } .contenu_media_embed > div .player-volume input[type=range] { background-color: rgba(204, 196, 188, 0.5); } #reseaux_sociaux div > span { padding-top: 5px; } footer #photo_footer { background-image: url("../images/interface/photo_footer.jpg"); background-size: cover; height: 300px; } @media only screen and (min-width: 1800px) { footer #photo_footer { height: 350px; } } @media only screen and (min-width: 2200px) { footer #photo_footer { height: 400px; } } @media only screen and (max-width: 800px) { footer #photo_footer { height: 250px; } } @media only screen and (max-width: 600px) { footer #photo_footer { height: 200px; } } footer .retour_haut { display: flex; justify-content: flex-end; } footer .retour_haut a { margin-top: -22px; width: 45px; height: 45px; border-radius: 50%; background-color: #000; background-image: url("../images/icones/fleche_haut_epaisse.svg"); background-size: 60% 60%; } footer .retour_haut a:hover { transform: scale(1.1); } footer #footer_signature, footer .footer_baseline { color: #65615d; } footer #footer_signature a, footer .footer_baseline a { color: #65615d; } footer #footer_signature a:hover, footer .footer_baseline a:hover { text-decoration: none; color: #000; } footer #footer_signature { padding: 30px 0 50px; display: flex; justify-content: space-between; gap: 30px 9%; } @media only screen and (max-width: 800px) { footer #footer_signature { flex-wrap: wrap; } } @media only screen and (max-width: 500px) { footer #footer_signature { flex-direction: column; } } @media only screen and (max-width: 800px) { footer #footer_signature .logo_signature { width: 100%; } } footer #footer_signature .logo_signature a { display: block; width: 190px; height: 90px; background-image: url("../images/interface/logo_archives.svg"); background-size: contain; background-position: 0 0; opacity: .5; } footer #footer_signature .logo_signature a:hover { opacity: 1; } footer #footer_signature ul { margin: 0; list-style: none; } footer #footer_signature ul li { font-size: .8em; margin: 0 0 3px; text-align: left; } footer #footer_signature .footer_rs { flex: 1; } footer #footer_signature .footer_rs p { text-align: left; font-size: .8em; } footer #footer_signature .footer_rs h2 { margin-top: 0; font-size: 1.1em; color: #65615d; } footer #footer_signature .footer_rs a.lien_externe { display: flex; column-gap: 12px; } footer #footer_signature .footer_rs a.lien_externe:before { flex: none; content: ""; width: 11px; height: 11px; background-image: url("../images/icones/lien_externe.svg"); background-size: contain; opacity: .5; margin-top: 5px; } footer #footer_signature .footer_rs a.lien_externe:hover:before { opacity: 1; } footer #footer_signature .footer_rs ul { display: flex; column-gap: 12px; } footer #footer_signature .footer_rs ul a { display: block; width: 22px; height: 22px; background-size: 50% 50%; border: 0.5px solid #65615d; border-radius: 50%; } footer #footer_signature .footer_rs ul a:hover { transform: scale(1.1); } footer #footer_signature .footer_rs ul li:nth-child(1) a { background-image: url("../images/icones/rs_footer/linkedin.svg"); } footer #footer_signature .footer_rs ul li:nth-child(2) a { background-image: url("../images/icones/rs_footer/instagram.svg"); } footer #footer_signature .footer_rs ul li:nth-child(3) a { background-image: url("../images/icones/rs_footer/facebook.svg"); } footer #footer_signature .footer_liens { flex: 1; } .expo-slide a, .monopage-slide a { font-weight: 600; } body.mode-restitution-monopage header { background-color: rgba(204, 196, 188, 0.3); } body.mode-restitution-monopage header #bandeau_defilant { display: none; } body.mode-restitution-monopage:not(.accueil) #header_interieur { height: auto; padding: 15px 0; background-image: none; } body.mode-restitution-monopage:not(.accueil) #header_interieur .logo_archives { height: 90px; } body.mode-restitution-monopage:not(.accueil) #header_interieur:after { width: 55px; } body.mode-restitution-expo header { display: none; } body.mode-restitution-expo .expo-slide .expo-slide-inner { padding-top: calc(6vh + 57px); } .tetiere { border-bottom: 1px solid #000; background-color: #f8f2ea; } nav.nav_principal { justify-content: flex-end; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span { padding: 19px 20px 13px; font-size: .7em; font-weight: 600; } @media only screen and (max-width: 1250px) { nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span { padding: 19px 13px 13px; font-size: .65em; min-width: 140px; } } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:hover > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:hover > span { background-color: #FFF !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > a.active, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > span.page_active { background-color: rgba(128, 122, 117, 0.2); } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1:nth-child(n+7) { display: none; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1[data-menu-racine="1-0"] { display: none; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel { display: block; width: 45px; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel > a, nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel > span { min-width: 0 !important; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1.menu_espace_personnel span { top: 70px; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu { border: 1px solid rgba(204, 196, 188, 0.5); } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu li { font-weight: 400; font-size: .8em; } nav.nav_principal .nav_principal_ul li.nav_racine_niv_1 > .nav_principal_sous_menu li a:hover { background-color: rgba(166, 112, 65, 0.1); } nav.nav_principal input.case_burger:hover ~ .burger_icon, nav.nav_principal input.case_burger:focus ~ .burger_icon { background-color: #FFF; } #recherche-container { width: 45px; } #recherche-container #recherche_container_interieur > span { top: 70px; font-size: 0; font-weight: 400; } #recherche-container #recherche_container_interieur > span:after { content: "Rechercher par mots-cl\0000E9s"; font-size: .8rem; } #recherche-container .ouvrir_recherche { padding: 18px 0 13px; } #recherche-container input.case_recherche:hover ~ .ouvrir_recherche, #recherche-container #recherche_container_interieur:focus-within .ouvrir_recherche { background-color: #FFF; } #recherche-container .recherche_popup { background-color: rgba(0, 0, 0, 0.9); } #recherche-container .recherche_popup form.search-input input[type=text]::placeholder { font-weight: 300; } #recherche-container section.resultats.aucun-resultat span { font-weight: 300; } header { padding-top: 57px; } @media only screen and (max-width: 992px) { header { padding-top: 39px; } } header #bandeau_defilant { position: absolute; z-index: -1; width: 100%; text-align: left; } header #bandeau_defilant img { width: 100%; height: 340px; object-fit: cover; background-position: center top; } @media only screen and (max-width: 750px) { header #bandeau_defilant img { height: 200px; } } body.recherche-detail header #bandeau_defilant img { height: 200px; } header #header_interieur { height: 340px; padding-left: 30px; padding-top: 30px; background-image: url("../images/interface/coin_degrade.svg"); background-position: 0 0; background-size: 400px; position: relative; } @media only screen and (max-width: 750px) { header #header_interieur { height: 200px; } } body.recherche-detail header #header_interieur { height: 200px; } header #header_interieur .logo_archives { display: block; width: 210px; height: 100px; background-image: url("../images/interface/logo_archives.svg"); background-size: contain; background-position: 0 0; } header #header_interieur:after { content: ""; display: block; height: 100%; width: 160px; background-image: url("../images/interface/feuillage.svg"); background-size: contain; background-repeat: no-repeat; background-position: right center; position: absolute; right: 0; top: 0; } @media only screen and (max-width: 750px) { header #header_interieur:after { width: 90px; } } body.recherche-detail header #header_interieur:after { width: 90px; } label { font-weight: normal; font-size: .9em; } input[type="text"], input[type="number"], input[type="email"], input[type="password"], textarea { border: 1px solid #ccc4bc; } input[type="text"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover { border-color: rgba(166, 112, 65, 0.5); } input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { border-color: #FFF; } .macaron_espace_personnel { background-color: #FFF; } nav.pagination button, nav.pagination .page_en_cours { padding: 7px 5px 3px; } .colonne_droite .filtres_facettes { top: 62px; } .filtre-groupe .reset_complet_filtres { font-size: .8em; } .filtre_de_recherche_intitule { background-color: #FFF; } .saisie_date_debut, .saisie_date_fin { border: 1px solid #ccc4bc; } .filtre_de_recherche_items { background-color: #FFF; } .filtre_de_recherche.medailles .filtre_de_recherche_item:before { content: ""; display: inline-block; width: 28px; height: 36px; background-size: contain; background-repeat: no-repeat; } .filtre_de_recherche.medailles .filtre_de_recherche_item.legion_dhonneur:before { background-image: url("../images/icones/medailles/legion_dhonneur.svg"); } .filtre_de_recherche.medailles .filtre_de_recherche_item.medaille_militaire:before { background-image: url("../images/icones/medailles/medaille_militaire.svg"); } .filtre_de_recherche.medailles .filtre_de_recherche_item.ordre_national_du_merite:before { background-image: url("../images/icones/medailles/ordre_national_merite.svg"); } .filtre_de_recherche.medailles .filtre_de_recherche_item[class*="terrorisme"]:before { background-image: url("../images/icones/medailles/victimes_terrorisme.svg"); } .legende_conditions_de_visibilite { display: none; } .recherche-resultats-container .tableau_resultat_facettes { font-size: .8em; } .recherche-resultats-container .tableau_resultat_facettes td button:not(.bouton_rond) { font-size: 1em; } .medailles_tableau { display: flex; column-gap: 5px; } .medailles_tableau span { display: none; flex: none; width: 28px; height: 36px; background-size: contain; } tr[class*="dhonneur"] .medailles_tableau span.medaille_tableau_lh { display: block; background-image: url("../images/icones/medailles/legion_dhonneur.svg"); } tr[class*="militaire"] .medailles_tableau span.medaille_tableau_militaire { display: block; background-image: url("../images/icones/medailles/medaille_militaire.svg"); } tr[class*="ordre-national-du"] .medailles_tableau span.medaille_tableau_merite { display: block; background-image: url("../images/icones/medailles/ordre_national_merite.svg"); } tr[class*="terrorisme"] .medailles_tableau span.medaille_tableau_terrorisme { display: block; background-image: url("../images/icones/medailles/victimes_terrorisme.svg"); } .moteur_detail_fiche .medailles_detail { display: inline-flex; column-gap: 10px; vertical-align: middle; padding-bottom: 20px; padding-right: 20px; } .moteur_detail_fiche .medailles_detail span { display: none; flex: none; width: 45px; height: 70px; background-size: contain; } .moteur_detail_fiche[class*="dhonneur"] .medaille_detail_lh { display: block; background-image: url("../images/icones/medailles/legion_dhonneur.svg"); } .moteur_detail_fiche[class*="militaire"] .medaille_detail_militaire { display: block; background-image: url("../images/icones/medailles/medaille_militaire.svg"); } .moteur_detail_fiche[class*="ordre-national-du"] .medaille_detail_merite { display: block; background-image: url("../images/icones/medailles/ordre_national_merite.svg"); } .moteur_detail_fiche[class*="terrorisme"] .medaille_detail_terrorisme { display: block; background-image: url("../images/icones/medailles/victimes_terrorisme.svg"); } .moteur_detail_fiche .h1.lud_nom { display: inline-block; } .moteur_detail_fiche .h1.lud_nom span[data-champ="nom"] { font-weight: bold; } .moteur_detail_fiche .h1.lud_nom span[data-champ="prenom"] { font-size: 70%; } .moteur_detail_fiche .h1.lud_nom li:after { content: none !important; } .moteur_detail_fiche .h1.membres_colh button:first-child { font-weight: bold !important; text-transform: uppercase; } .moteur_detail_fiche .h1.membres_colh button:nth-child(2) { display: inline-block !important; font-size: 0.8em !important; } .moteur_detail_fiche .h1.membres_colh button:nth-child(2):before { content: "\000028\0000A0nom d'\0000E9pouse : "; } .moteur_detail_fiche .h1.membres_colh button:nth-child(2):after { content: "\000029"; } .bouton .bouton_interieur, button, input[type="submit"], .bouton > a, .contenu_texte.bouton a, .sommaire_liste.bouton a, .sommaire_resume.bouton a { text-transform: uppercase; font-size: .8em; font-weight: 500; border-radius: 40px; padding: 10px 20px; } .colonne_droite .bouton .bouton_interieur, .colonne_droite button, .colonne_droite input[type="submit"], .colonne_droite .bouton > a, .colonne_droite .contenu_texte.bouton a, .colonne_droite .sommaire_liste.bouton a, .colonne_droite .sommaire_resume.bouton a { font-size: .7em; } .bouton .bouton_interieur:hover, button:hover, input[type="submit"]:hover, .bouton > a:hover, .contenu_texte.bouton a:hover, .sommaire_liste.bouton a:hover, .sommaire_resume.bouton a:hover { background-color: #a67041; } .visionneuse_arkotheque { overflow: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; color: #36312A; } .visionneuse_arkotheque div[title="Toggle selection"] { display: none !important; } body:has(.visionneuse_arkotheque.visionneuse_arkotheque_normal.visionneuse_arkotheque_visible) { overflow-y: hidden; } .visionneuse-embed .visionneuse_arkotheque { position: relative; z-index: 1; } .visionneuse_arkotheque:fullscreen .bouton_icone.fullscreen { background-color: #dc3545; } .visionneuse_arkotheque:fullscreen .bouton_icone.fullscreen:hover { background-color: #bd2130; } .visionneuse_arkotheque:fullscreen .header_visionneuse .intitule { padding-top: 10px !important; } .visionneuse_arkotheque.visionneuse_une_seule_image:has(.navigation_transversale_visionneuse:empty) .viewer-container { padding-bottom: 0; } .visionneuse_arkotheque.visionneuse_une_seule_image .onglets_volet li.mosaique_visionneuse { display: none; } .visionneuse_arkotheque h1, .visionneuse_arkotheque h2, .visionneuse_arkotheque h3, .visionneuse_arkotheque h4, .visionneuse_arkotheque h5, .visionneuse_arkotheque h6 { text-align: left; } .visionneuse_arkotheque h2 { font-size: 1.2em; margin: 0 0 18px; } .visionneuse_arkotheque p, .visionneuse_arkotheque li { font-size: 0.9em; line-height: 1.4em; text-align: left; } .visionneuse_arkotheque li { position: relative; } .visionneuse_arkotheque .viewer-container { position: absolute; top: 0; left: 0%; width: 100%; height: 100%; padding: 45px 0 30px; } .visionneuse_arkotheque.with-volet .viewer-container { width: 65%; overflow: hidden; } @media only screen and (max-width: 900px) { .visionneuse_arkotheque.with-volet .viewer-container { width: 100%; height: 35%; } } .visionneuse_arkotheque .visionneuse-chargement { animation-delay: 2s; pointer-events: none; display: inline-block; margin-top: 45vh; padding: 5px 10px; color: #FFF; font-size: 1.1em; } .visionneuse_arkotheque .licence { position: fixed; top: 55px; right: 8px; transform: rotate(-90deg); transform-origin: 100% 100%; color: #FFF; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); font-size: 0.8em; opacity: 0.8; pointer-events: none; } .visionneuse-embed .visionneuse_arkotheque .licence { display: none; } .visionneuse_arkotheque:fullscreen .licence { display: block; } .visionneuse_arkotheque .champ_formulaire { margin-bottom: 10px; } .visionneuse_arkotheque .champ_formulaire input[type="text"], .visionneuse_arkotheque .champ_formulaire input[type="email"], .visionneuse_arkotheque .champ_formulaire input[type="password"], .visionneuse_arkotheque .champ_formulaire textarea { margin-top: -5px; } .visionneuse_arkotheque label { font-size: 0.9em; line-height: 1.3em; } .visionneuse_arkotheque button { font-size: 0.95em; } .visionneuse_arkotheque button svg { width: 24px; height: 24px; margin-right: 0; } .visionneuse_arkotheque button.bouton_icone span { display: none; } .visionneuse_arkotheque button.disabled { pointer-events: none; opacity: 0.2; } .visionneuse_arkotheque .header_visionneuse { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 45px; display: flex; box-shadow: 0 0 16px rgba(0, 0, 0, 0.25); } .visionneuse_arkotheque .header_visionneuse .logo { display: flex; } @media only screen and (max-width: 700px) { .visionneuse_arkotheque .header_visionneuse .logo { display: none; } } .visionneuse_arkotheque .header_visionneuse .logo a { flex: 1; outline: none; } .visionneuse_arkotheque .header_visionneuse .logo span { display: none; } .visionneuse_arkotheque .header_visionneuse .intitule { flex: 1; display: flex; align-items: baseline; padding-top: 10px; white-space: nowrap; margin-right: 20px; margin-left: 20px; } .visionneuse-embed .visionneuse_arkotheque .header_visionneuse .intitule { padding-top: 13px; } .visionneuse_arkotheque .header_visionneuse .intitule h1 { display: block !important; font-size: 1.1em; line-height: normal; margin: 0; padding: 0; text-overflow: ellipsis; overflow: hidden; flex: 1; } .visionneuse-embed .visionneuse_arkotheque .header_visionneuse .intitule h1 { font-size: 1em; } @media only screen and (max-width: 550px) { .visionneuse-embed .visionneuse_arkotheque .header_visionneuse .intitule h1 { font-size: 0.95em; } } .alignement-gauche .visionneuse-embed .visionneuse_arkotheque .header_visionneuse .intitule h1, .alignement-droite .visionneuse-embed .visionneuse_arkotheque .header_visionneuse .intitule h1 { font-size: 0.9em; } .visionneuse_arkotheque .header_visionneuse .intitule p { color: #807a75; margin: 0; margin-left: 10px; } .visionneuse_arkotheque .header_visionneuse .intitule p:before { content: " - "; } .visionneuse_arkotheque .header_visionneuse button { padding: 10px; position: relative; border-radius: 0; border: none; transform: none; letter-spacing: normal; background-color: #000; } .visionneuse_arkotheque .header_visionneuse button.bouton_volet, .visionneuse_arkotheque .header_visionneuse button.fullscreen { margin-right: 1px; } .visionneuse_arkotheque .header_visionneuse button.close { background-color: #dc3545; } .visionneuse_arkotheque .header_visionneuse button.close:hover { background-color: #bd2130; } .visionneuse_arkotheque .header_visionneuse button:hover { background-color: black; } .visionneuse_arkotheque .header_visionneuse button span { top: 58px; } .visionneuse_arkotheque .navigation_transversale_visionneuse { position: absolute; z-index: 94; bottom: 0; left: 0; width: 100%; padding: 0 5%; display: flex; justify-content: center; height: 30px; white-space: nowrap; } .visionneuse_arkotheque .navigation_transversale_visionneuse:empty { display: none; } .visionneuse_arkotheque .navigation_transversale_visionneuse button { padding: 5px; background-color: transparent; border-radius: 0; border: none; transform: none; } .visionneuse_arkotheque .navigation_transversale_visionneuse button svg { fill: #000; width: 20px; height: 20px; } .visionneuse_arkotheque .navigation_transversale_visionneuse button:hover { background-color: #000; } .visionneuse_arkotheque .navigation_transversale_visionneuse button:hover svg { fill: #FFF; } .visionneuse_arkotheque .navigation_transversale_visionneuse button.resultat_precedent:disabled, .visionneuse_arkotheque .navigation_transversale_visionneuse button.resultat_suivant:disabled { pointer-events: none; opacity: 0.3; } .visionneuse_arkotheque .navigation_transversale_visionneuse button.resultat_precedent svg, .visionneuse_arkotheque .navigation_transversale_visionneuse button.resultat_suivant svg { width: 23px; } .visionneuse_arkotheque .navigation_transversale_visionneuse .nb_actuel { width: 50px; text-align: center; padding: 0 5px; border: none; border-radius: 0; } .visionneuse_arkotheque .navigation_transversale_visionneuse .nb_total { color: rgba(204, 196, 188, 0.6); line-height: 30px; padding: 0 10px; } .visionneuse_arkotheque .navigation_transversale_visionneuse .separateur_navigation_transversale { width: 1px; } .visionneuse_arkotheque .navigation_transversale_visionneuse button.lot_images .pastille_lot_images { display: block; border-radius: 3px; background-color: #FFF; color: #65615d; font-weight: bold; font-size: 0.75em; padding: 1px 4px 2px; margin-left: 7px; } .visionneuse_arkotheque .navigation_transversale_visionneuse button.lot_images .pastille_lot_images span { display: inline; padding-left: 3px; color: #b6ab9f; } .visionneuse_arkotheque .navigation_transversale_visionneuse .select_navigation, .visionneuse_arkotheque .navigation_transversale_visionneuse .select_navigation_par_lot { display: flex; align-items: center; } .visionneuse_arkotheque .navigation_transversale_visionneuse .select_navigation select, .visionneuse_arkotheque .navigation_transversale_visionneuse .select_navigation_par_lot select { font-size: 0.9em; margin: 0 10px; } @media only screen and (max-width: 900px) { .visionneuse_arkotheque.with-volet .navigation_transversale_visionneuse { bottom: 65%; margin-top: -30px; animation-name: montee_transversale; -webkit-animation-name: montee_transversale; animation-duration: 1s; -webkit-animation-duration: 1s; } @keyframes montee_transversale { from { bottom: 0; } to { bottom: 65%; margin-top: -30px; } } @-webkit-keyframes montee_transversale { from { bottom: 0; } to { bottom: 65%; margin-top: -30px; } } } .visionneuse_arkotheque .volet { position: absolute; right: 0; z-index: 95; top: 0; padding: 45px 0 50px; width: 35%; height: 100%; background-color: #edeae7; box-shadow: 0 0 16px rgba(0, 0, 0, 0.25); animation-name: volet_visionneuse_in; -webkit-animation-name: volet_visionneuse_in; animation-duration: 0.6s; -webkit-animation-duration: 0.6s; } @keyframes volet_visionneuse_in { from { right: -100%; } to { right: 0; } } @-webkit-keyframes volet_visionneuse_in { from { right: -100%; } to { right: 0; } } @media only screen and (max-width: 900px) { .visionneuse_arkotheque .volet { padding: 0 0 40px; width: 100%; top: 35%; height: 65%; } } .visionneuse_arkotheque .volet.volet-vide { right: -100%; animation-name: volet_visionneuse_out; -webkit-animation-name: volet_visionneuse_out; } @keyframes volet_visionneuse_out { from { right: 0; } to { right: -100%; } } @-webkit-keyframes volet_visionneuse_out { from { right: 0; } to { right: -100%; } } .visionneuse_arkotheque .onglets_volet { margin-top: 10px; height: 36px; } .visionneuse_arkotheque .onglets_volet ul, .visionneuse_arkotheque .onglets_volet li { margin: 0; padding: 0; } .visionneuse_arkotheque .onglets_volet ul { list-style: none; display: flex; justify-content: center; } .visionneuse_arkotheque .onglets_volet button { background-color: #FFF; padding: 6px; border-radius: 3px 3px 0 0; border: none; transform: none; margin-right: 5px; box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.1); } .visionneuse_arkotheque .onglets_volet button svg { fill: black; } .visionneuse_arkotheque .onglets_volet button:hover { border-bottom-color: #FFF; } .visionneuse_arkotheque .onglets_volet button:hover svg { fill: #000; } .visionneuse_arkotheque .onglets_volet button:hover span { display: block !important; } .visionneuse_arkotheque .onglets_volet button.onglet_visionneuse_actif { background-color: black; border-bottom-color: black; pointer-events: none; } .visionneuse_arkotheque .onglets_volet button.onglet_visionneuse_actif svg { fill: #FFF; } .visionneuse_arkotheque .onglets_volet button.onglet_espace_personnel svg .voyant { fill: transparent; } .visionneuse_arkotheque .onglets_volet button.onglet_espace_personnel.onglet_espace_personnel_connecte svg .voyant { fill: #25b700; } .visionneuse_arkotheque .onglets_volet button span { top: 52px; font-size: 0.9em; } .visionneuse_arkotheque .onglets_volet button span:before { right: 6px; } .visionneuse_arkotheque .contenu_onglet { background-color: #FFF; border-top: 1px solid #e2ded9; padding: 1rem 1rem 2rem; height: 100%; overflow-y: auto; } .visionneuse_arkotheque .contenu_onglet input[type="text"], .visionneuse_arkotheque .contenu_onglet input[type="email"], .visionneuse_arkotheque .contenu_onglet input[type="password"], .visionneuse_arkotheque .contenu_onglet textarea { font-size: .9rem; padding: 9px; background-color: rgba(0, 0, 0, 0.15); } .visionneuse_arkotheque .contenu_onglet input[type="text"]:hover, .visionneuse_arkotheque .contenu_onglet input[type="email"]:hover, .visionneuse_arkotheque .contenu_onglet input[type="password"]:hover, .visionneuse_arkotheque .contenu_onglet textarea:hover { background-color: #8c8c8c; } .visionneuse_arkotheque .contenu_onglet input[type="text"]:focus, .visionneuse_arkotheque .contenu_onglet input[type="email"]:focus, .visionneuse_arkotheque .contenu_onglet input[type="password"]:focus, .visionneuse_arkotheque .contenu_onglet textarea:focus { background-color: #FFF; } .visionneuse_arkotheque .contenu_onglet button { margin: 0 4px; } .visionneuse_arkotheque .contenu_onglet .navigation_pdf { display: flex; justify-content: center; align-items: stretch; column-gap: 5px; margin-bottom: 10px; height: 38px; } .visionneuse_arkotheque .contenu_onglet .navigation_pdf input[type="text"] { flex-basis: auto; width: 50px; text-align: center; } .visionneuse_arkotheque .contenu_onglet .navigation_pdf button { margin: 0; padding: 7px; background-color: transparent; } .visionneuse_arkotheque .contenu_onglet .navigation_pdf button svg { fill: #000; } .visionneuse_arkotheque .contenu_onglet .navigation_pdf button:hover svg { fill: black; } .visionneuse_arkotheque .contenu_onglet .navigation_pdf .nb_total { color: #807a75; padding: 0 5px; line-height: 38px; white-space: nowrap; } .visionneuse_arkotheque .contenu_onglet .react-pdf__Outline { display: none; } .visionneuse_arkotheque .contenu_onglet .champ_formulaire.recherche_pdf { margin: 20px 0 25px; padding-top: 20px; border-top: 1px solid rgba(128, 122, 117, 0.2); } .visionneuse_arkotheque .contenu_onglet .pdf-text-searching { color: #807a75; } .visionneuse_arkotheque .contenu_onglet .pdf-text-search-results { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 5px; } .visionneuse_arkotheque .contenu_onglet .pdf-text-search-results button { font-size: 0.8em; font-weight: bold; margin: 0; padding: 4px 6px; } .visionneuse_arkotheque .contenu_onglet .pdf-text-search-results button.active { background-color: #a67041; } .visionneuse_arkotheque .complement_ferme, .visionneuse_arkotheque .contenu-alerte-notice, .visionneuse_arkotheque .infos_onglet_annot { margin-top: 15px; text-align: left; color: #807a75; font-size: 0.8em; line-height: 1.4em; } .visionneuse_arkotheque .complement_ferme > span, .visionneuse_arkotheque .contenu-alerte-notice > span, .visionneuse_arkotheque .infos_onglet_annot > span { display: block; } .visionneuse_arkotheque .complement_ferme button, .visionneuse_arkotheque .contenu-alerte-notice button, .visionneuse_arkotheque .infos_onglet_annot button { all: unset; background-color: transparent; text-align: justify; font-size: 1em; color: #000; cursor: pointer; } .visionneuse_arkotheque .complement_ferme button:hover, .visionneuse_arkotheque .contenu-alerte-notice button:hover, .visionneuse_arkotheque .infos_onglet_annot button:hover { text-decoration: underline; color: black; } @media only screen and (max-width: 1700px) { .visionneuse_arkotheque .contenu_info .champ_detail { flex-direction: column; } .visionneuse_arkotheque .contenu_info .champ_intitule { width: 100%; text-align: left; padding-right: 0; } } @-moz-document url-prefix() { .visionneuse_arkotheque .contenu_info { padding-bottom: 50px; } } .visionneuse_arkotheque .contenu_info h1 { font-size: 1.2em; } .visionneuse_arkotheque .contenu_info .image_detail { display: none; } .visionneuse_arkotheque .contenu_info .champ_contenu { font-size: 0.9em; } @media only screen and (max-width: 1700px) { .visionneuse_arkotheque .contenu_info .champ_contenu { text-align: left; } } .visionneuse_arkotheque .contenu_info button:not(.bouton-lien-ark) { display: contents; pointer-events: none; color: #36312A; font-weight: normal; text-transform: none; } .visionneuse_arkotheque .contenu_info button.bouton-lien-ark { vertical-align: middle; } @media only screen and (max-width: 2000px) { .visionneuse_arkotheque .contenu_info .infographie_et_resultats_facettes .resultats_mode_mosaique { flex-direction: column; } } .visionneuse_arkotheque .contenu_info .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique { flex-basis: 48%; margin-left: 4%; } .visionneuse_arkotheque .contenu_info .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique:nth-child(3n+1), .visionneuse_arkotheque .contenu_info .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique:nth-child(4n+1) { margin-left: 4%; } .visionneuse_arkotheque .contenu_info .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique:nth-child(2n+1) { margin-left: 0; } @media only screen and (max-width: 2000px) { .visionneuse_arkotheque .contenu_info .infographie_et_resultats_facettes .resultats_mode_mosaique .resultat_mosaique { width: 100%; margin-left: 0; margin-bottom: 30px; } } .visionneuse_arkotheque .contenu_sources_complementaires .aucune_source_complementaire { text-align: left; font-size: .9em; color: #807a75; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire + .source-complementaire { margin-top: 20px; border-top: 6px solid #ccc4bc; padding-top: 20px; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire .source-complementaire-header { position: relative; text-align: left; font-weight: bold; padding-left: 35px; margin-bottom: 5px; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire .source-complementaire-header .source-complementaire-toggle { position: absolute; transform: translateX(-35px); } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire .source-complementaire-header .source-complementaire-toggle.toggle-ouvert { background-color: rgba(0, 0, 0, 0.5); } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire .source-complementaire-header .source-complementaire-toggle.toggle-ouvert svg { transform: rotate(90deg); } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire .source-complementaire-contenu .complement-signaletik { margin-bottom: 20px; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire .source-complementaire-contenu .complement-signaletik button.visualiser { display: none; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-vide { color: #807a75; font-style: italic; margin-bottom: 15px; text-align: center; } .visionneuse_arkotheque .contenu_sources_complementaires .bloc_blanc_intitule { display: none; } @media only screen and (min-width: 901px) and (max-width: 1250px) { .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire { flex-wrap: wrap; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire label { flex: none; text-align: left; padding-right: 0; width: 100%; margin-bottom: .1rem; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire .post_label { width: 100%; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire .post_label.cases_a_cocher > div { margin-bottom: 10px; } } @media only screen and (max-width: 500px) { .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire { flex-direction: column; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire label { text-align: left; padding-right: 0; width: 100%; margin-bottom: 8px; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire .post_label { width: 100%; text-align: left; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire input[type="text"], .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire textarea { margin-top: 0; } } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire .cases_a_cocher label { display: flex; column-gap: 10px; margin-bottom: 2px; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire .cases_a_cocher label:hover { cursor: pointer; color: #000; } .visionneuse_arkotheque .contenu_sources_complementaires .champ_formulaire .cases_a_cocher label input[type="checkbox"] { flex: none; } .visionneuse_arkotheque .contenu_sources_complementaires input[type="text"], .visionneuse_arkotheque .contenu_sources_complementaires textarea { width: 100%; } .visionneuse_arkotheque .contenu_sources_complementaires button:disabled { display: none; } .visionneuse_arkotheque .contenu_sources_complementaires .btn-annuler { background-color: #dc3545; } .visionneuse_arkotheque .contenu_sources_complementaires .btn-annuler:hover { background-color: #bd2130; } .visionneuse_arkotheque .contenu_sources_complementaires button { margin: 0; float: none; } .visionneuse_arkotheque .contenu_sources_complementaires button svg { width: 14px; height: 14px; } .visionneuse_arkotheque .contenu_sources_complementaires .badges { flex: 1; overflow: hidden; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 5px; padding-top: 3px; } .visionneuse_arkotheque .contenu_sources_complementaires .post_label.appel_liste { display: flex; } .visionneuse_arkotheque .contenu_sources_complementaires .post_label.appel_liste button { margin-right: 10px; } @media only screen and (max-width: 1300px) and (min-width: 901px) { .visionneuse_arkotheque .contenu_sources_complementaires .post_label.appel_liste button { margin-bottom: 10px; } } .visionneuse_arkotheque .contenu_sources_complementaires .creer_terme { margin-left: 10px; } @media only screen and (max-width: 1300px) and (min-width: 901px) { .visionneuse_arkotheque .contenu_sources_complementaires .creer_terme { margin-left: 0; } } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche { margin: 20px -1rem 0; width: calc(100% + 2rem) !important; margin-top: 20px; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche { font-size: 1rem; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche { padding: 20px 5%; background-color: rgba(0, 0, 0, 0.15); min-height: 0 !important; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche input[type="text"], .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche textarea, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche input[type="text"], .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche textarea { background-color: #FFF; border: none; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .localisation-missing, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .localisation-ok, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .localisation-missing, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .localisation-ok { margin-bottom: 20px; font-weight: bold; font-size: 0.85em; line-height: normal; display: block; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .localisation-missing, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .localisation-missing { color: #dc3545; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .localisation-ok, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .localisation-ok { color: #25b700; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .mapboxgl-map, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .mapboxgl-map { margin-bottom: 10px; height: 300px !important; border: none; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .repetable-collection .contenu_et_ascenceur .contenu_et_ascenceur_2, .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .repetable-collection .contenu_et_ascenceur .contenu_et_ascenceur_2 { display: none; } .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-add-fiche .repetable-collection .contenu_et_ascenceur + button[data-cy="repetable-add"], .visionneuse_arkotheque .contenu_sources_complementaires .source-complementaire-edit-fiche .repetable-collection .contenu_et_ascenceur + button[data-cy="repetable-add"] { display: none; } .visionneuse_arkotheque .contenu_sources_complementaires .plage_de_date .champs_dates .input-group input[data-cy="champ-date-intitule"], .visionneuse_arkotheque .contenu_sources_complementaires .plage_de_date .champs_dates .input-group .bouton_rond { display: none; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants { margin: 0; position: relative; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant { padding: 10px 5px 5px; margin: 0; display: flex; align-items: flex-start; column-gap: 10px; border-bottom: 1px solid #ccc4bc; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant:before { content: none; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant.is-overlay-highlight { background-color: rgba(37, 183, 0, 0.1); } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant .fiche-complementaire-valeurs { flex: 1; order: 2; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant .fiche-complementaire-valeurs .bloc_blanc_intitule { display: none; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant .fiche-complementaire-valeurs .post_label span:nth-child(n+2):before { content: "\00003B"; padding: 0 4px; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant .champ_formulaire > label { padding-top: 3px; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant .post_label { font-size: 0.9em; line-height: 1.4em; text-align: left; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant .post_label p { font-size: 1em; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant .image.image-preview { text-align: center; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant button.completer_annotation { order: 1; margin-left: 0; margin-right: 10px; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant button.completer_annotation svg { width: 16px; height: 16px; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant button.visualiser { order: 3; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants li.complement-existant button.visualiser svg { height: auto; width: auto; } .visionneuse_arkotheque .contenu_sources_complementaires .complements-existants > label:after { content: ":"; padding: 0 5px; } .visionneuse_arkotheque .contenu_sources_complementaires .btn-nouveau-complement { margin-top: 25px; } .visionneuse_arkotheque .contenu_sources_complementaires .fiche-btns { display: flex; justify-content: flex-end; } .visionneuse_arkotheque .contenu_sources_complementaires .fiche-btns button { padding: 5px; border-radius: 0; width: 38px; } .visionneuse_arkotheque .contenu_sources_complementaires .fiche-btns button.btn-success { background-color: #25b700; } .visionneuse_arkotheque .contenu_sources_complementaires .fiche-btns button.btn-success:hover { background-color: #1b8400; } .visionneuse_arkotheque .contenu_sources_complementaires .fiche-btns button.disabled { display: none; } .visionneuse_arkotheque .contenu_sources_complementaires .fiche-btns button svg { width: 20px; height: 20px; } .visionneuse_arkotheque .contenu_sources_complementaires .marquer-comme-complet { border: 1px solid #ccc4bc; padding: 1.5rem 1rem; margin: 1.5rem 0 1rem; } .visionneuse_arkotheque .contenu_sources_complementaires .marquer-comme-complet .marquer-comme-complet-explication, .visionneuse_arkotheque .contenu_sources_complementaires .marquer-comme-complet .marquer-comme-complet-message { color: #807a75; font-style: italic; } .visionneuse_arkotheque .contenu_sources_complementaires .marquer-comme-complet .marquer-comme-complet-message { margin-bottom: 0; } .visionneuse_arkotheque .overlay-complement { border: 1px solid #000; background-color: rgba(0, 0, 0, 0.2); } .visionneuse_arkotheque .overlay-complement:hover { background-color: rgba(0, 0, 0, 0.35); cursor: pointer; } .visionneuse_arkotheque .overlay-complement.overlay-hightlight { border-color: #25b700; background-color: rgba(37, 183, 0, 0.2); } .visionneuse_arkotheque .overlay-complement.point-overlay { border: none; background-color: transparent; } .visionneuse_arkotheque .overlay-complement.point-overlay.overlay-hightlight { z-index: 10; transform: scale(1.7); } .visionneuse_arkotheque .overlay-complement.point-overlay.overlay-hightlight span { box-shadow: 0 0 30px 8px #000; } .visionneuse_arkotheque .overlay-complement.point-overlay span { display: block; transform: perspective(40px) rotateX(20deg) rotateZ(-45deg); transform-origin: 50% 50%; border-radius: 50% 50% 50% 0; padding: 0 3px 3px 0; width: 30px; height: 30px; margin-top: -40px; background-color: #000; } .visionneuse_arkotheque .overlay-complement.point-overlay:before { display: block; content: ""; width: 30px; height: 10px; background: radial-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0) 70%); position: absolute; bottom: -8px; } .visionneuse_arkotheque .overlay-complement.point-overlay:after { content: ""; background-size: contain; background-position: center bottom; background-repeat: no-repeat; position: absolute; width: 20px; height: 20px; left: 5px; top: -33px; } .visionneuse_arkotheque .volet-vide ~ .viewer-container .overlay-complement { display: none !important; } .visionneuse_arkotheque.utilise-signaletik .volet-vide ~ .viewer-container .overlay-complement { display: block !important; } .visionneuse_arkotheque .contenu_signalement .post_label input, .visionneuse_arkotheque .contenu_signalement .post_label textarea { width: 100%; } .visionneuse_arkotheque .contenu_outils .champ_formulaire { margin-bottom: 20px; } .visionneuse_arkotheque .contenu_outils input[type=range] { flex: 1; } @media only screen and (max-width: 700px) { .visionneuse_arkotheque .contenu_outils input[type=range] { width: 100%; } } .visionneuse_arkotheque .contenu_outils button { margin-top: 20px; } .visionneuse_arkotheque nav.mosaique_visionneuse ul { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; } .visionneuse_arkotheque nav.mosaique_visionneuse ul li { margin: 6px; display: flex; line-height: normal; } .visionneuse_arkotheque nav.mosaique_visionneuse ul li.completion-incomplet, .visionneuse_arkotheque nav.mosaique_visionneuse ul li.completion-complet { position: relative; } .visionneuse_arkotheque nav.mosaique_visionneuse ul li.completion-incomplet:after, .visionneuse_arkotheque nav.mosaique_visionneuse ul li.completion-complet:after { content: ""; position: absolute; z-index: 10; right: 0; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 0 15px 15px 0; border-color: transparent #dc3545 transparent transparent; } .visionneuse_arkotheque nav.mosaique_visionneuse ul li.completion-complet:after { border-right-color: #25b700; } .visionneuse_arkotheque nav.mosaique_visionneuse ul button { padding: 0; margin: 0; border-radius: 0; border: none; transform: none; } .visionneuse_arkotheque nav.mosaique_visionneuse ul img { border: 1px solid #b1adaa; max-width: 100px; max-height: 100px; } .visionneuse_arkotheque nav.mosaique_visionneuse ul img:hover { opacity: 0.7; } .visionneuse_arkotheque nav.mosaique_visionneuse ul img.image_en_cours, .visionneuse_arkotheque nav.mosaique_visionneuse ul img.has_highlights { pointer-events: none; border: 3px solid #25b700; filter: brightness(1.08); } .visionneuse_arkotheque nav.mosaique_visionneuse ul img.has_highlights { border-color: #a67041; } .visionneuse_arkotheque nav.mosaique_visionneuse ul .numero_image { position: absolute; right: 0; bottom: 0; color: #FFF; background-color: #4b4744; padding: 4px 8px; font-size: 0.8em; pointer-events: none; } .visionneuse_arkotheque nav.mosaique_visionneuse ul div + .numero_image { background-color: #a67041; } .visionneuse_arkotheque .legende-highlights { display: flex; align-items: center; margin-bottom: 10px; } .visionneuse_arkotheque .legende-highlights .legende-highlight-couleur { flex: none; border: 3px solid #25b700; width: 50px; height: 50px; } .visionneuse_arkotheque .legende-highlights .legende-highlight-texte { padding-left: 15px; text-align: left; color: #807a75; font-size: 0.9em; font-style: italic; } .visionneuse_arkotheque .overlay-transcription { background-color: rgba(255, 240, 0, 0.3); outline: solid 7px rgba(255, 240, 0, 0.3); } .visionneuse_arkotheque .overlay-transcription:hover { background-color: rgba(255, 240, 0, 0.5); outline-color: rgba(255, 240, 0, 0.5); } .visionneuse_arkotheque .contenu_partage { text-align: center; } .visionneuse_arkotheque .contenu_partage ul { margin: 0 20%; } .visionneuse_arkotheque .contenu_partage ul li { display: flex; justify-content: center; margin: 0; padding: 12px 0; font-size: 1em; border-bottom: 3px solid rgba(128, 122, 117, 0.2); } .visionneuse_arkotheque .contenu_partage ul li:before { content: none; } .visionneuse_arkotheque .contenu_partage ul li a { padding: 0; border-radius: 0; border: none; transform: none; text-transform: none; } .visionneuse_arkotheque .contenu_partage ul li a:hover { text-decoration: none; } .visionneuse_arkotheque .contenu_partage ul li > button, .visionneuse_arkotheque .contenu_partage .champ_formulaire > button { margin: 0; padding: 0; border-radius: 0; border: none; transform: none; text-transform: none; font-weight: normal; } .visionneuse_arkotheque .contenu_partage ul li > button#visio_imprimer:not([aria-label=Annuler]), .visionneuse_arkotheque .contenu_partage ul li > button.bouton-lien-ark, .visionneuse_arkotheque .contenu_partage .champ_formulaire > button#visio_imprimer:not([aria-label=Annuler]), .visionneuse_arkotheque .contenu_partage .champ_formulaire > button.bouton-lien-ark { font-size: 1em; background-color: transparent; } .visionneuse_arkotheque .contenu_partage ul li a, .visionneuse_arkotheque .contenu_partage ul li button#visio_imprimer:not([aria-label=Annuler]), .visionneuse_arkotheque .contenu_partage ul li button.bouton-lien-ark, .visionneuse_arkotheque .contenu_partage .champ_formulaire a, .visionneuse_arkotheque .contenu_partage .champ_formulaire button#visio_imprimer:not([aria-label=Annuler]), .visionneuse_arkotheque .contenu_partage .champ_formulaire button.bouton-lien-ark { color: #807a75; } .visionneuse_arkotheque .contenu_partage ul li a:hover, .visionneuse_arkotheque .contenu_partage ul li button#visio_imprimer:not([aria-label=Annuler]):hover, .visionneuse_arkotheque .contenu_partage ul li button.bouton-lien-ark:hover, .visionneuse_arkotheque .contenu_partage .champ_formulaire a:hover, .visionneuse_arkotheque .contenu_partage .champ_formulaire button#visio_imprimer:not([aria-label=Annuler]):hover, .visionneuse_arkotheque .contenu_partage .champ_formulaire button.bouton-lien-ark:hover { color: black; } .visionneuse_arkotheque .contenu_partage .champ_formulaire { flex-wrap: wrap; align-items: center; justify-content: center; } .visionneuse_arkotheque .contenu_partage .champ_formulaire .visio_imprimer { margin: 12px 0; } .visionneuse_arkotheque .contenu_partage .champ_formulaire .visio_imprimer_page, .visionneuse_arkotheque .contenu_partage .champ_formulaire .visio_imprimer_annuler { margin: 12px 0; padding: 5px 10px; } .visionneuse_arkotheque .contenu_partage button#visio_imprimer[aria-label=Annuler] { background-color: #dc3545; color: #FFF; } .visionneuse_arkotheque .contenu_partage button#visio_imprimer[aria-label=Annuler]:hover { background-color: #bd2130; } .visionneuse_arkotheque .contenu_partage .pdf-settings { margin: 10px 0 20px; } .visionneuse_arkotheque .contenu_partage .pdf-settings select:first-of-type { margin-right: 10px; } .visionneuse_arkotheque .contenu_partage .visionneuse-info-nettete { width: 100%; text-align: center; font-style: italic; color: #807a75; } .visionneuse_arkotheque .contenu_signets { position: relative; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel { position: fixed; right: 20px; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel > span { display: none; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel button { margin: 0; opacity: 0.5; border-radius: 50%; width: 36px; height: 36px; overflow: hidden; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel button:hover { opacity: 1; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel button:before { content: ""; width: 0; height: 0; border-style: solid; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel button:disabled { display: none; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel button span { display: none; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel.visible { display: none; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel.down button:before { margin-top: 3px; border-width: 16px 10px 0 10px; border-color: #FFF transparent transparent transparent; } .visionneuse_arkotheque .contenu_signets .position_signet_actuel.up button:before { margin-bottom: 3px; border-width: 0 10px 16px 10px; border-color: transparent transparent #FFF transparent; } .visionneuse_arkotheque .contenu_signets h3 { display: none; } .visionneuse_arkotheque .contenu_signets ul li { font-size: 1em; } .visionneuse_arkotheque .contenu_signets ul li.highlight button { font-weight: bold; color: #25b700; } .visionneuse_arkotheque .contenu_signets ul button { all: unset; background-color: transparent; color: #000; cursor: pointer; } .visionneuse_arkotheque .contenu_signets ul button:hover { text-decoration: underline; } .visionneuse_arkotheque .contenu_classeur .classeur-add-button { margin-bottom: 15px; } .visionneuse_arkotheque .contenu_classeur .classeur-add-button span { background-color: transparent; } .visionneuse_arkotheque .contenu_classeur .classeur-add-button svg { display: none; } .visionneuse_arkotheque .pdf-viewer { height: 100%; overflow: auto; } .visionneuse_arkotheque .pdf-viewer .react-pdf__Page { position: inherit !important; display: flex; justify-content: center; align-items: center; align-content: center; } .visionneuse_arkotheque .pdf-viewer .react-pdf__Page .react-pdf__Page__canvas { /** Fix pour centrer le pdf et l'aligner avec le layer texte */ position: absolute; top: 0; left: 0; } .visionneuse_arkotheque .pdf-viewer .react-pdf__Page .react-pdf__Page__textContent { left: 0 !important; top: 0 !important; transform: none !important; } .visionneuse_arkotheque .pdf-viewer .navigation_pdf { position: fixed; z-index: 10; top: 45vh; width: 44px; height: 44px; border-radius: 50%; border: none; background-color: #000; } .visionneuse_arkotheque .pdf-viewer .navigation_pdf:hover { background-color: black; } .visionneuse_arkotheque .pdf-viewer .navigation_pdf.navigation_pdf_precedent { left: 11px; padding: 5px 10px 5px 5px; } .visionneuse_arkotheque .pdf-viewer .navigation_pdf.navigation_pdf_suivant { right: 11px; padding: 5px 5px 5px 10px; } .visionneuse_arkotheque .pdf-viewer .navigation_pdf:disabled { display: none; } .visionneuse_arkotheque.with-volet .navigation_pdf_suivant { right: 35% !important; margin-right: 11px; } .visionneuse-embed .visionneuse_arkotheque { margin-bottom: 30px; } @media only screen and (max-width: 1500px) { .visionneuse-embed .visionneuse_arkotheque .volet { width: 100%; } } @media only screen and (min-width: 1501px) and (max-width: 2000px) { .visionneuse-embed .visionneuse_arkotheque .volet { width: 45%; } } .visionneuse_arkotheque.licence_clic { background-image: none; } .visionneuse_arkotheque.licence_clic .header_visionneuse { justify-content: flex-end; } .visionneuse_arkotheque.licence_clic .viewer-container { background-color: rgba(0, 0, 0, 0.1); font-size: 1.1em; display: flex; flex-direction: column; justify-content: center; padding-top: 100px; padding-left: 20%; padding-right: 20%; color: #FFF; align-items: center; text-align: justify; } @media only screen and (max-width: 800px) { .visionneuse_arkotheque.licence_clic .viewer-container { padding-left: 5%; padding-right: 5%; } } .visionneuse_arkotheque.licence_clic .viewer-container h2, .visionneuse_arkotheque.licence_clic .viewer-container > div { width: 100%; } .visionneuse_arkotheque.licence_clic .viewer-container > div { flex: 1; overflow-y: auto; padding-right: 20px; } .visionneuse_arkotheque.licence_clic .viewer-container > div p, .visionneuse_arkotheque.licence_clic .viewer-container > div li { text-align: justify; } .visionneuse_arkotheque.licence_clic .viewer-container > div li::marker { color: rgba(255, 255, 255, 0.4); } .visionneuse_arkotheque.licence_clic .viewer-container h1 { color: rgba(255, 255, 255, 0.5); } .visionneuse_arkotheque.licence_clic .viewer-container h2 { font-size: 1.4em; color: rgba(255, 255, 255, 0.7); } .visionneuse_arkotheque.licence_clic .viewer-container button { margin-top: 20px; letter-spacing: normal; } .visionneuse_arkotheque.licence_clic .viewer-container a { color: #FFF; } .visionneuse_arkotheque.licence_clic .viewer-container a:hover { color: white; } body.masque_impression .visionneuse_arkotheque .impression_visionneuse { display: none !important; } .visionneuse_arkotheque .invisible_visionneuse { display: none !important; } @media print { body.masque_impression .visionneuse_arkotheque { display: none !important; } } .contenu_image.visionneuse-embed { display: inline-block; width: 75%; margin-bottom: 25px; } @media only screen and (max-width: 800px) { .contenu_image.visionneuse-embed { width: 100%; } } .alignement-droite .contenu_image.visionneuse-embed, .alignement-gauche .contenu_image.visionneuse-embed { width: 45%; } @media only screen and (max-width: 650px) { .alignement-droite .contenu_image.visionneuse-embed, .alignement-gauche .contenu_image.visionneuse-embed { width: auto; display: block; } } .alignement-droite .contenu_image.visionneuse-embed { float: right; clear: right; } .alignement-gauche .contenu_image.visionneuse-embed { float: left; clear: left; } .visionneuse_pagination { display: none; } .image-viewer-info { pointer-events: none; position: absolute; width: 100%; left: 0; top: 50%; color: #FFF; font-size: 0.9em; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .image-viewer-info span { max-width: 80%; padding: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 6px; } .selection-box { background-color: rgba(0, 0, 0, 0.15); } .selection-box .confirm-button, .selection-box .cancel-button { display: none !important; } @media only screen and (max-width: 900px) { .selection-box .confirm-button, .selection-box .cancel-button { display: block !important; } } .selection-box .confirm-button img, .selection-box .cancel-button img { display: none; } .selection-box .confirm-button:before, .selection-box .cancel-button:before { transition: all 0.4s ease; content: ""; display: block; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center; background-size: 55%; border-radius: 50%; margin: 7px; } .selection-box .confirm-button:hover, .selection-box .cancel-button:hover { cursor: pointer; } .selection-box .confirm-button { margin-right: 20px; } .selection-box .confirm-button:before { background-color: #25b700; background-image: url("../../../default/images/icones/valider.svg"); } .selection-box .confirm-button:hover:before { background-color: #1b8400; } .selection-box .cancel-button:before { background-color: #dc3545; background-image: url("../../../default/images/icones/annuler.svg"); } .selection-box .cancel-button:hover:before { background-color: #bd2130; } .parametres-impression .autres-options button { font-size: 0.9em; margin-bottom: 10px; } .parametres-impression .autres-options > p { font-style: italic; color: #807a75; font-size: 0.8em; margin: 10px 0; } .parametres-impression .apercu-impression { border: 1px solid #808080; background-color: #808080; } @media only screen and (max-height: 800px) { .parametres-impression .apercu-impression { display: none; } } @media only screen and (max-width: 900px) { .parametres-impression .apercu-impression { display: none; } } .parametres-impression .apercu-impression iframe { height: 60vh; } @media only screen and (max-height: 1100px) { .parametres-impression .apercu-impression iframe { height: 50vh; } } @media only screen and (max-height: 1000px) { .parametres-impression .apercu-impression iframe { height: 40vh; } } .image-viewer-error, .message-copy-success, .react-error { position: absolute; z-index: 2001; top: 45%; width: 100%; pointer-events: none; } @media only screen and (max-width: 600px) { .image-viewer-error, .message-copy-success, .react-error { top: 35%; } } .image-viewer-error span, .message-copy-success span, .react-error span { display: inline-block; padding: 10px 15px; background-color: #dc3545; color: #FFF; } .image-viewer-error span li::marker, .message-copy-success span li::marker, .react-error span li::marker { color: #FFF; } .image-viewer-error span a, .message-copy-success span a, .react-error span a { font-weight: bold; color: #f0aab1; pointer-events: auto; } .image-viewer-error span a:hover, .message-copy-success span a:hover, .react-error span a:hover { color: #FFF; } .message-copy-success { position: fixed; } .visionneuse_arkotheque { background-color: #302e2c; background-image: url("../images/interface/fond_visionneuse.svg"); background-size: 40% 40%; } .visionneuse_arkotheque .header_visionneuse { background-color: #f8f2ea; } .visionneuse_arkotheque .navigation_transversale_visionneuse { background-color: #807a75; } .visionneuse_arkotheque .navigation_transversale_visionneuse .nb_total { color: #FFF; } body.accueil header { padding-top: 0; background-color: transparent; } body.accueil header #bandeau_defilant { display: inherit; } body.accueil header #bandeau_defilant img { height: 460px; } @media only screen and (max-width: 400px) { body.accueil header #bandeau_defilant img { height: 300px; } } body.accueil header #header_interieur { height: 460px; display: flex; column-gap: 10%; background-size: 450px; padding-top: 80px; } @media only screen and (min-width: 1700px) { body.accueil header #header_interieur { column-gap: 15%; } } @media only screen and (max-width: 1300px) { body.accueil header #header_interieur { column-gap: 0; } } @media only screen and (max-width: 992px) { body.accueil header #header_interieur { flex-direction: column; padding-top: 20px; } } @media only screen and (max-width: 400px) { body.accueil header #header_interieur { padding-top: 50px; height: 300px; } } body.accueil header #header_interieur .logo_archives { pointer-events: none; flex: none; } body.accueil header #header_interieur:after { width: 160px; } body.accueil header #titre_accueil #titre_accueil_interieur { display: flex; column-gap: 8%; padding-top: 70px; } @media only screen and (max-width: 750px) { body.accueil header #titre_accueil #titre_accueil_interieur { column-gap: 4%; } } @media only screen and (max-width: 500px) { body.accueil header #titre_accueil #titre_accueil_interieur { display: block; } } body.accueil header #titre_accueil #titre_accueil_interieur .fleche_accueil { margin-top: 35px; flex: none; width: 140px; height: 140px; border: .5px solid #000; border-radius: 50%; background-image: url("../images/icones/fleche_bas_noire.svg"); background-size: 25px; } @media only screen and (max-width: 750px) { body.accueil header #titre_accueil #titre_accueil_interieur .fleche_accueil { width: 100px; height: 100px; } } @media only screen and (max-width: 700px) { body.accueil header #titre_accueil #titre_accueil_interieur .fleche_accueil { display: none; } } body.accueil header #titre_accueil #titre_accueil_interieur .fleche_accueil:hover { transform: scale(1.1); } body.accueil header #titre_accueil #titre_accueil_interieur h2 { font-size: 3.5em; line-height: .9em; margin: 0 0 20px; } @media only screen and (max-width: 1400px) { body.accueil header #titre_accueil #titre_accueil_interieur h2 { font-size: 2.9em; } } @media only screen and (max-width: 550px) { body.accueil header #titre_accueil #titre_accueil_interieur h2 { font-size: 2.5em; } } @media only screen and (max-width: 400px) { body.accueil header #titre_accueil #titre_accueil_interieur h2 { display: none; } } body.accueil header #titre_accueil #titre_accueil_interieur h2 em { line-height: normal; display: block; font-size: 70%; } @media only screen and (max-width: 500px) { body.accueil header #titre_accueil #titre_accueil_interieur h2 em br { display: none; } } body.accueil header #titre_accueil #titre_accueil_interieur div { flex: none; text-align: left; } body.accueil header #titre_accueil #titre_accueil_interieur div a { background-color: #a67041; color: #FFF; text-transform: uppercase; font-size: .62em; border-radius: 30px; padding: 5px 20px 3px; display: inline-block; } @media only screen and (max-width: 500px) { body.accueil header #titre_accueil #titre_accueil_interieur div a { line-height: 1.5em; text-align: center; } } body.accueil header #titre_accueil #titre_accueil_interieur div a:hover { background-color: #815733; text-decoration: none; } body.accueil .tetiere { border-bottom: none; background-color: transparent; position: absolute; } body.accueil .sommaire_resume { max-width: 1600px; margin: 0 auto; } body.accueil .sommaire_resume section.page_resumee { flex-basis: 32%; } @media only screen and (max-width: 1200px) { body.accueil .sommaire_resume section.page_resumee { flex-basis: 31.3%; } } body.accueil #monopage-slide-0 { min-height: 0; } body.accueil #monopage-slide-1 { min-height: 0; } /*# sourceMappingURL=styles_gclh.css.map */