a, .vignette_cartouche img, .vignette_cartouche_exposition img, .liste_expo_resume img, .vignette_opex, .liste_expo_mosaique img, td, .tableau_ligne0, .navigation_onglet, .auto_list .auto_item, .auto_list .MDHauto_item, .MDHauto_list .auto_item, .MDHauto_list .MDHauto_item, body#fiche_detaillee.facettes #autres_images img, .bouton a, .ef_filtre_texte_btn, input[type="submit"], input[type="button"], .infos a span, body#accueil .actualites_accueil .slider_cycle_slide > span > a img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } #colonne2 #macaron_filtres .auto_list { -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } body, #pied_de_page li li, #outils li, .liste_resume h3, liste_expo_resume h3, .resultat_mosaique h5, .resultat_mosaique h6, #plan_du_site h5, .navire_picto .navire_infobulle, #menu .sous_menu, body#pop_up #abecedaire, body#pop_up .abecedaire, body#pop_up #contenu_central .ef_retour_recherche, .facettes_ef_tri label, #eadArkCENTER h5, body.facettes_mosaique.bbcarchange .resultat_mosaique h3.archange, body.facettes .resultat_mosaique h4, body.facettes .popup_fiche h4, body.facettes .tableau_facettes h4, body.facettes .leaflet-container, .macaron_alerte h2, .macaron_objetdumois h3, body#accueil .macaron_actualites_mdh h3 { font-family: Helvetica, Arial, sans-serif; } .titre_rubrique, legend, #pied_de_page .mention_pied_de_page, #pied_de_page li, th, .liste_simple .affichage_liste_entree, .liste_expo_liste_simple .slide, .resultat_mosaique h4, #conteneur_navigation_onglets, .premier_niveau .titre_page, #body_espace_personnel .titre_page, #body_espace_personnel #contenu_central .fleche, .nombre_de_morts, a.picto_equipage, body.recherche_transversale .resultat_recherche_transversale p, #resultat_conversion p, #arkoCnilTracking-conteneur a#arkoCnilTracking-accept, #arkoCnilTracking-conteneur a#arkoCnilTracking-refuse, #menu, #abecedaire, .abecedaire, #contenu_central .ef_retour_recherche, #popup_panier_ajout p, #popup_lienArk h4, .nombre_facettes strong, .reset_facettes, .lien_accordeon a, .bouton a, .ef_filtre_texte_btn, input[type="submit"], input[type="button"], .macaron_alerte h1, .macaron_objetdumois h1, #colonne2 .nombre_annotations strong, .macaron_panier_bouton a, body#accueil #voir_toutes_les_actus, body#accueil .macaron_actualites_mdh h1, body#accueil #nuage_de_mots_cles { font-family: 'Oswald', Helvetica, Arial, sans-serif; } * { background-repeat: no-repeat; box-sizing: border-box; } body { font-size: 13px; background-color: #FFF; text-align: center; padding: 0px; margin-right: auto !important; margin-left: auto; width: 90%; max-width: 1600px; color: #12212e; margin-top: 0px; margin-bottom: 0px; background-image: url(../images/interface/fond.jpg); background-repeat: repeat-x; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local("Oswald"), url(fonts/oswald_300.woff) format("woff"); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local("Oswald"), url(fonts/oswald_400.woff) format("woff"); } a { text-decoration: none; color: #1d66bf; } a:hover { text-decoration: underline; color: #13437d; } h1 small { font-size: 18px; } h2 small { font-size: 18px; font-weight: 300; color: #30465A; } .titre_rubrique { font-size: 20px; font-weight: 400; text-transform: uppercase; margin: 0px; width: 70%; line-height: 20px; text-align: left; } .xxl .titre_rubrique, body#fiche_detaillee.facettes .titre_rubrique { width: auto; } .titre_rubrique a { padding-right: 140px; padding-left: 4%; color: #FFF; background-color: #85adce; display: block; padding-top: 20px; padding-bottom: 0px; } .titre_rubrique a:hover { text-decoration: none; background-color: #4F97D1; } hr { clear: both; padding: 0px; height: 1px; margin: 20px 0px; border: none; border-top: 1px dotted #91989E; } hr.filet_invisible { margin: 0px; height: 0px; visibility: hidden; } blockquote { margin-top: 0px 5%; } fieldset { margin: 20px 0; border: 1px solid #DADFE1; clear: left; padding-right: 2%; padding-left: 2%; } legend { text-align: left; font-size: 18px; font-weight: 300; color: #879FB6; padding: 0 10px 5px; } .demie_colonne { width: 48%; margin-right: 2%; display: inline-block; float: left; } .demie_colonne:last-child { width: 50%; margin-right: 0px; } .demie_colonne p, .quart_de_colonne p { text-align: left; } .quart_de_colonne { width: 23%; margin-right: 2%; display: inline-block; float: left; } .filrouge { font-size: 11px; color: #a8aeb3; text-align: left; padding-left: 20px; padding-bottom: 3px; margin-bottom: 15px; background-image: url(../images/icones/home.png); line-height: normal; margin-top: 15px; max-height: 24px; overflow: hidden; } .filrouge a { color: #a8aeb3; } #pied_de_page { margin-top: 15px; clear: both; } #pied_de_page .mention_pied_de_page { text-align: left; color: #9baabb; font-weight: 400; font-size: 25px; line-height: 25px; } @media only screen and (max-width: 750px) { #pied_de_page .mention_pied_de_page { margin-left: 15px; } } #pied_de_page_interieur { background-color: #d2dce6; width: 100%; position: absolute; left: 0px; padding-bottom: 30px; } #pied_de_page_interieur_bis { background-image: url(../images/interface/pied_de_page.jpg); margin-right: auto; margin-left: auto; width: 90%; min-width: 974px; max-width: 1600px; } #menu_pied_de_page { width: 80%; display: inline-block; float: left; } #pied_de_page ul { margin-bottom: 10px; } #pied_de_page li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; text-align: left; } #pied_de_page li { font-weight: 400; font-size: 14px; width: 31%; display: inline-block; float: left; margin-top: 25px; margin-right: 2%; text-transform: uppercase; } #pied_de_page li a { color: #223d55; padding-bottom: 2px; display: inline-block; } #pied_de_page a:hover { color: #003E81; } #pied_de_page ul ul { padding-left: 0px; } #pied_de_page li li, #outils li { font-size: 12px; display: list-item; float: none; width: auto; list-style-image: url(../images/icones/puce_pied_de_page.png); list-style-type: disc; margin-left: 15px; margin-right: 0; padding-bottom: 2px; margin-top: 4px; font-weight: normal; text-transform: none; line-height: normal; } #pied_de_page li li a, #outils a { display: inline !important; } #pied_de_page #menu4, #pied_de_page #menu8 { clear: left; } #pied_de_page #menu7 { display: none; } #onglets { float: right; } #onglets a { background-color: #FFF; display: inline-block; height: 40px; width: 40px; overflow: hidden; border-radius: 0 0 10px 10px; box-shadow: 3px 3px 3px #b8c6d3; margin-left: 10px; } #onglets a:hover { background-position: -40px 0px; } #onglets .contact { background-image: url(../images/icones/mail_pied_de_page.gif); } #onglets .facebook { background-image: url(../images/icones/facebook_pied_de_page.gif); } #onglets .rss { background-image: url(../images/icones/rss.gif); } #onglets span { display: none; } #outils { width: 20%; display: inline-block; float: left; margin-top: 20px; } #outils li { width: auto; } .signature { font-size: 11px; line-height: normal; color: #6f767d; padding-top: 25px; clear: both; font-style: italic; text-align: left; } .signature a { color: #6f767d; } #espace_personnel { display: none; } #colonne1 { display: none; } #central { background-color: #FFF; float: left; width: 70%; padding-right: 3%; padding-left: 3%; padding-top: 20px; padding-bottom: 20px; min-height: 500px; } body.xxl #central, body#fiche_detaillee.facettes #central, body.body_conversion_calendrier #central { width: 100%; float: none; } #article_haut { padding-top: 1px; } .bandeau_haut_image img { margin-bottom: 18px; width: 100%; } .vignette_cartouche { float: right; margin-bottom: 15px; margin-left: 20px; } .vignette_cartouche a { background-color: #0052ba; display: inline-block; } .vignette_cartouche_exposition { margin-top: 15px; margin-bottom: 20px; } .vignette_cartouche img, .vignette_cartouche_exposition img, .liste_expo_resume img, .vignette_opex { max-width: 100%; max-height: 400px; vertical-align: middle; box-shadow: 3px 3px 7px #b5bcc3; -webkit-box-shadow: 3px 3px 7px #b5bcc3; border: 1px solid #A0ABB3; } .vignette_opex { margin-bottom: 20px; } .vignette_cartouche_exposition img { max-width: 624px; max-height: 600px; width: auto; } .vignette_cartouche a:hover > img, #autres_images a:hover > img, .liste_expo_resume img:hover { opacity: 0.5; } #autres_images img { margin-right: 5px; margin-bottom: 5px; margin-left: 5px; border: 1px solid #B0B9C0; height: 130px; width: 130px; box-shadow: 1px 1px 3px #c7cdd4; -webkit-box-shadow: 1px 1px 3px #c7cdd4; } .liste_complete #autres_images { display: none; } .vignette_sans_ombre { float: right; margin-bottom: 20px; margin-left: 30px; } .fancybox-title-float-wrap .child { white-space: normal !important; } .liste_expo_mosaique { margin-top: 20px; padding-bottom: 15px; clear: both; } .liste_expo_mosaique a { background-color: #1C344A; display: inline-block; margin-right: 6px; margin-bottom: 12px; margin-left: 6px; float: left; } .liste_expo_mosaique img { width: 196px; } .liste_expo_mosaique img:hover { opacity: 0.6; } table { text-align: left; border-collapse: collapse; font-size: 13px; border: none !important; width: 100% !important; } table.tableau_facettes { position: relative; } th { font-weight: 400; color: #FFF; text-align: left; padding: 3px 5px; font-size: 14px; background-color: #8E959B; vertical-align: bottom; } tr { background-color: #FFF; } td, .tableau_ligne0 { padding: 3px 5px; vertical-align: top; } td h6, .tableau_ligne0 h6 { margin: 0; } .tableau_cms td { padding-bottom: 6px; padding-top: 6px; } table tr:nth-child(odd) { background-color: #EFF2F5; } .resultat_recherche tr:hover > td, .tableau_cms tr:hover > td, .tableau_facettes tr:hover > td { background-color: #cbdceb; } .cellule_insecable { white-space: nowrap; } .nombre_images, .poids_fichier, td h6 { text-align: left; font-size: 12px; font-style: italic; color: #6A7885; } .liste_simple .affichage_liste_entree, .liste_expo_liste_simple .slide { margin-left: 10px; margin-bottom: 8px; font-size: 17px; font-weight: 300; background-image: url(../images/icones/fleche_courte.svg); background-size: 6px; background-position: 0px 9px; padding-left: 12px; padding-bottom: 2px; margin-left: 10px; text-align: left; } #sommaire_icone_recherche .liste_simple .numero_1, .sommaire_icone_recherche .liste_simple .numero_1, #sommaire_icone_recherche_2 .liste_simple .numero_2, .sommaire_icone_recherche_2 .liste_simple .numero_2, #sommaire_icone_recherche_3 .liste_simple .numero_3, .sommaire_icone_recherche_3 .liste_simple .numero_3, body#accueil_musees .liste_simple .numero_1, body.sommaire_icone_recherche_double .liste_simple .numero_1, body.sommaire_icone_recherche_double .liste_simple .numero_2 { text-align: center; background-image: none; font-size: 19px; font-weight: 400; margin-top: 30px; margin-bottom: 20px; } #sommaire_icone_recherche .liste_simple .numero_1 a, .sommaire_icone_recherche .liste_simple .numero_1 a, #sommaire_icone_recherche_2 .liste_simple .numero_2 a, .sommaire_icone_recherche_2 .liste_simple .numero_2 a, #sommaire_icone_recherche_3 .liste_simple .numero_3 a, .sommaire_icone_recherche_3 .liste_simple .numero_3 a, body#accueil_musees .liste_simple .numero_1 a, body.sommaire_icone_recherche_double .liste_simple .numero_1 a, body.sommaire_icone_recherche_double .liste_simple .numero_2 a { color: #FFFFFF; background-color: #1d66bf; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; margin-right: 2px; margin-left: 2px; border-radius: 15px; text-decoration: none !important; font-weight: 300; background-image: url("../images/icones/rechercher.svg"); background-size: 22px; background-position: 10px center; padding-left: 40px; } #sommaire_icone_recherche .liste_simple .numero_1 a:hover, .sommaire_icone_recherche .liste_simple .numero_1 a:hover, #sommaire_icone_recherche_2 .liste_simple .numero_2 a:hover, .sommaire_icone_recherche_2 .liste_simple .numero_2 a:hover, #sommaire_icone_recherche_3 .liste_simple .numero_3 a:hover, .sommaire_icone_recherche_3 .liste_simple .numero_3 a:hover, body#accueil_musees .liste_simple .numero_1 a:hover, body.sommaire_icone_recherche_double .liste_simple .numero_1 a:hover, body.sommaire_icone_recherche_double .liste_simple .numero_2 a:hover { background-color: #00478E; text-decoration: none; color: #FFF; } body#accueil_musees .liste_simple .numero_1 a { background-image: url(../images/icones/monument.svg); background-size: 21px; background-position: 10px center; padding-left: 40px; } body.sommaire_icone_recherche_double .liste_simple .numero_1, body.sommaire_icone_recherche_double .liste_simple .numero_2 { display: inline-block; } .liste_resume, liste_expo_resume { margin-top: 20px; clear: both; display: flex; flex-wrap: wrap; justify-content: space-around; } .liste_resume h3, liste_expo_resume h3 { font-size: 13px; line-height: normal; text-align: left; color: #2E5C81; margin-top: 2px; font-weight: normal; } .liste_resume .affichage_liste_entree { width: 50%; padding-left: 2%; padding-right: 2%; } @media only screen and (min-width: 1500px) { .liste_resume .affichage_liste_entree { width: 33%; padding-left: 1%; } } .premier_niveau .liste_resume .affichage_liste_entree { margin-bottom: 50px; } .liste_resume .affichage_liste_entree .vignette_cartouche { float: none; margin-left: 0px; width: 100%; max-width: none; height: 190px; overflow: hidden; margin-bottom: 0; } .liste_resume .affichage_liste_entree .vignette_cartouche a { border-color: #FFF; display: block; height: 100%; } .liste_resume .affichage_liste_entree .vignette_cartouche a img { box-shadow: none; max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover; } .liste_resume .affichage_liste_entree .sous_titre_sommaire { transform: translateY(-35px); } .liste_resume .affichage_liste_entree .sous_titre_sommaire h2 a { font-size: 16px; background-image: url(../images/interface/sommaire_cartouche.png); background-position: right 0px; padding-right: 35px; padding-left: 15px; padding-top: 5px; max-width: 97%; display: inline-block; min-height: 42px; transform: translateX(-15px); } @media only screen and (max-width: 1000px) { .liste_resume .affichage_liste_entree .sous_titre_sommaire h2 a { font-size: 15px; } } .liste_resume .affichage_liste_entree .sous_titre_sommaire p { font-size: 12px !important; line-height: 16px !important; text-align: left; color: #4A779A; margin-top: 8px; } .liste_resume .affichage_liste_entree:hover > .sous_titre_sommaire h2 a { color: #002E67; text-decoration: none; transform: none; } .liste_resume .affichage_liste_entree hr { display: none; } .liste_expo_resume .slide { float: left; width: 33%; padding-left: 1%; padding-right: 2%; padding-top: 10px; margin-bottom: 15px; } .liste_expo_resume .slide_ordre_4, .liste_expo_resume .slide_ordre_7, .liste_expo_resume .slide_ordre_10, .liste_expo_resume .slide_ordre_13, .liste_expo_resume .slide_ordre_16, .liste_expo_resume .slide_ordre_19, .liste_expo_resume .slide_ordre_22, .liste_expo_resume .slide_ordre_25, .liste_expo_resume .slide_ordre_28, .liste_expo_resume .slide_ordre_31, .liste_expo_resume .slide_ordre_34, .liste_expo_resume .slide_ordre_37, .liste_expo_resume .slide_ordre_40, .liste_expo_resume .slide_ordre_43, .liste_expo_resume .slide_ordre_46, .liste_expo_resume .slide_ordre_49, .liste_expo_resume .slide_ordre_52, .liste_expo_resume .slide_ordre_55, .liste_expo_resume .slide_ordre_58, .liste_expo_resume .slide_ordre_61, .liste_expo_resume .slide_ordre_64, .liste_expo_resume .slide_ordre_67, .liste_expo_resume .slide_ordre_70 { clear: both; } .liste_expo_resume img { box-shadow: 2px 2px 5px #C1C7CD; -webkit-box-shadow: 2px 2px 5px #C1C7CD; } .liste_expo_resume h2 { font-size: 16px; margin-bottom: 0px; } .liste_accordeon_simple { clear: both; border-top: 1px dotted #91989E; } .accordeon_contenu_slide { border-bottom: 1px dotted #91989E; } .accordeon_titre { padding-left: 18px; font-size: 19px; font-weight: 400; background-image: url(../images/icones/accordeon_ferme.png); background-position: 3px 11px; margin-top: 15px; } .accordeon_titre.ouvert { background-image: url(../images/icones/accordeon_ouvert.png); background-position: 0px 13px; } .resultat_mosaique { width: 25%; display: inline-block; padding-right: 3%; float: left; padding-bottom: 10px; margin-bottom: 5px; } .resultat_mosaique .resultat_mosaique_image { display: block; } .resultat_mosaique .resultat_mosaique_image a { background-color: #1C344A; display: inline-block; border: 1px solid #FFF; box-shadow: 3px 3px 7px #b5bcc3; margin-bottom: 15px; } .resultat_mosaique .resultat_mosaique_image a img { opacity: 1; -webkit-transition-property: opacity; -webkit-transition-duration: 0.6s; -moz-transition-property: opacity; -moz-transition-duration: 0.6s; transition-property: opacity; transition-duration: 0.6s; float: none; vertical-align: middle; } .resultat_mosaique .resultat_mosaique_image a img:hover { opacity: 0.5; } body.resultat_recherche .resultat_mosaique { position: relative; } body.resultat_recherche .resultat_mosaique .fiche_detail { text-align: left; width: 100%; display: block; margin-right: 0; } body.resultat_recherche .resultat_mosaique .fiche_detail + h3 { margin-left: 35px; } body.resultat_recherche .resultat_mosaique .fiche_detail + h3 + h4 { margin-left: 35px; } body.resultat_recherche .resultat_mosaique .fiche_detail + h3 + h4 + h5 { margin-left: 35px; } body.resultat_recherche .resultat_mosaique .fiche_detail + h3 + h4 + h5 + h6 { margin-left: 35px; } .resultat_mosaique .fiche_detail { position: absolute; } .resultat_mosaique h3 { font-weight: 400; font-size: 15px; margin-top: 0px; margin-bottom: 2px; text-align: left; } .resultat_mosaique h4 { font-weight: 400; margin-top: 4px; margin-bottom: 4px; text-align: left; font-size: 14px; color: #62819A; text-transform: uppercase; } .resultat_mosaique h5 { margin-top: 3px; margin-bottom: 4px; font-size: 13px; font-style: italic; text-align: left; } .resultat_mosaique h6 { margin-top: 3px; text-align: left; font-style: normal; font-weight: bold; color: #647380; } .vignette_lot_images { float: left; height: 120px; width: 100px; margin-right: 10px; overflow: hidden; border: 1px solid #B49B7C; margin-bottom: 10px; } .resultat_mosaique .vignette_lot_images img { margin-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .premier_niveau #central, #body_espace_personnel #central { background-image: url(../images/interface/fonds_centraux/fond_neutre.jpg); background-size: 75px; background-repeat: repeat-x; } .premier_niveau .sous_titre { color: #30485A; } #intro_conflit { padding-left: 320px; min-height: 320px; } #conflit_premiere_gm #central, #conflit_deuxieme_gm #central, #conflit_indochine #central, #conflit_guerre_de_coree #central, #conflit_algerie #central, #conflit_autres_theatres #central, #conflit_sepultures #central, #accueil_compagnie_des_indes #central, #accueil_registres_matricules #central, #accueil_musees #central, #accueil_levant #central, #accueil_collections #central, #accueil_registres_enrolement #central, #accueil_des_hommes_des_vies #central, #activites_commerciales #central, #cartographie_francaise #central, #expeditions_militaires #central, #missions_scientifiques #central, #plans #central, #engins_militaires #central, #logistique #central, #pensee_militaire #central, #administration_militaire #central, #territoire_algerien #central { background-repeat: no-repeat, repeat-x; background-position: 0 0, 0 0; } #conflit_premiere_gm #contenu_central h1, #conflit_deuxieme_gm #contenu_central h1, #conflit_indochine #contenu_central h1, #conflit_guerre_de_coree #contenu_central h1, #conflit_algerie #contenu_central h1, #conflit_autres_theatres #contenu_central h1, #conflit_sepultures #contenu_central h1, #accueil_compagnie_des_indes #contenu_central h1, #accueil_registres_matricules #contenu_central h1, #accueil_musees #contenu_central h1, #accueil_levant #contenu_central h1, #accueil_collections #contenu_central h1, #accueil_registres_enrolement #contenu_central h1, #accueil_des_hommes_des_vies #contenu_central h1, #activites_commerciales #contenu_central h1, #cartographie_francaise #contenu_central h1, #expeditions_militaires #contenu_central h1, #missions_scientifiques #contenu_central h1, #plans #contenu_central h1, #engins_militaires #contenu_central h1, #logistique #contenu_central h1, #pensee_militaire #contenu_central h1, #administration_militaire #contenu_central h1, #territoire_algerien #contenu_central h1 { display: none; } #conflit_premiere_gm #central { background-image: url(../images/interface/fonds_centraux/premiere_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_premiere_gm #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/premiere_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_premiere_gm #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/premiere_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_premiere_gm #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/premiere_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_premiere_gm .liste_resume p { margin-top: 0; } #conflit_premiere_gm .liste_resume .numero_1 p:lang(fr), #conflit_premiere_gm .liste_resume .numero_3 p:lang(fr), #conflit_premiere_gm .liste_resume .numero_1 p:lang(en), #conflit_premiere_gm .liste_resume .numero_3 p:lang(en), #conflit_premiere_gm .liste_resume .numero_1 p:lang(de), #conflit_premiere_gm .liste_resume .numero_2 p:lang(de), #conflit_premiere_gm .liste_resume .numero_3 p:lang(de), #conflit_premiere_gm .liste_resume .numero_1 p:lang(es), #conflit_premiere_gm .liste_resume .numero_3 p:lang(es) { margin-top: 22px; } #conflit_premiere_gm .liste_resume .numero_4 p:lang(fr) { margin-top: 44px; } #conflit_deuxieme_gm #central { background-image: url(../images/interface/fonds_centraux/seconde_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_deuxieme_gm #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/seconde_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_deuxieme_gm #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/seconde_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_deuxieme_gm #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/seconde_gm.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_deuxieme_gm .liste_resume p { margin-top: 0; } #conflit_deuxieme_gm .liste_resume .numero_1 p:lang(fr), #conflit_deuxieme_gm .liste_resume .numero_1 p:lang(en), #conflit_deuxieme_gm .liste_resume .numero_1 p:lang(de), #conflit_deuxieme_gm .liste_resume .numero_1 p:lang(es) { margin-top: 22px; } #conflit_indochine #central { background-image: url(../images/interface/fonds_centraux/guerre_indochine.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_indochine #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/guerre_indochine.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_indochine #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/guerre_indochine.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_indochine #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/guerre_indochine.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_guerre_de_coree #central { background-image: url(../images/interface/fonds_centraux/guerre_de_coree.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_guerre_de_coree #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/guerre_de_coree.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_guerre_de_coree #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/guerre_de_coree.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_guerre_de_coree #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/guerre_de_coree.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_guerre_de_coree .liste_resume p { margin-top: 0; } #conflit_guerre_de_coree .liste_resume .numero_1 p:lang(fr), #conflit_guerre_de_coree .liste_resume .numero_1 p:lang(en), #conflit_guerre_de_coree .liste_resume .numero_1 p:lang(de), #conflit_guerre_de_coree .liste_resume .numero_1 p:lang(es) { margin-top: 22px; } #conflit_algerie #central { background-image: url(../images/interface/fonds_centraux/guerre_algerie.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_algerie #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/guerre_algerie.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_algerie #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/guerre_algerie.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_algerie #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/guerre_algerie.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_autres_theatres #central { background-image: url(../images/interface/fonds_centraux/autres_theatres.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_autres_theatres #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/autres_theatres.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_autres_theatres #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/autres_theatres.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_autres_theatres #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/autres_theatres.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_sepultures #central { background-image: url(../images/interface/fonds_centraux/sepultures_de_guerre.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_sepultures #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/sepultures_de_guerre.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_sepultures #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/sepultures_de_guerre.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conflit_sepultures #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/sepultures_de_guerre.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_compagnie_des_indes #central { background-image: url(../images/interface/fonds_centraux/compagnie_des_indes.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_compagnie_des_indes #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/compagnie_des_indes.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_compagnie_des_indes #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/compagnie_des_indes.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_compagnie_des_indes #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/compagnie_des_indes.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_compagnie_des_indes .liste_resume p { margin-top: 0; } #accueil_compagnie_des_indes .affichage_liste_entree.numero_6 { display: none; } #accueil_registres_matricules #central { background-image: url(../images/interface/fonds_centraux/registres_matricules.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_musees #central { background-image: url(../images/interface/fonds_centraux/musees_monuments.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); background-repeat: no-repeat, repeat-x; background-position: 0 0, 0 0; } #accueil_musees #central:lang(en) { background-image: url(../images/interface/fonds_centraux/en/musees_monuments.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_musees #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/musees_monuments.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_musees #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/musees_monuments.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_musees #intro_conflit { min-height: 320px; } #accueil_levant #central { background-image: url(../images/interface/fonds_centraux/levant.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_collections #central { background-image: url(../images/interface/fonds_centraux/collections.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_collections #central:lang(de) { background-image: url(../images/interface/fonds_centraux/de/collections.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_collections #central:lang(es) { background-image: url(../images/interface/fonds_centraux/es/collections.jpg), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #association_ashdl #central { background-image: url(../images/interface/fonds_centraux/association_ashdl.jpg); background-repeat: no-repeat; background-position: center 0; padding-top: 150px; } #association_ashdl #outils_article { margin-top: -175px; } #accueil_registres_enrolement #central { background-image: url("../images/interface/fonds_centraux/registres_enrolement.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #accueil_des_hommes_des_vies #central { background-image: url("../images/interface/fonds_centraux/des_hommes_des_vies.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #activites_commerciales #central { background-image: url("../images/interface/fonds_centraux/activites_commerciales.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #cartographie_francaise #central { background-image: url("../images/interface/fonds_centraux/cartographie_francaise.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #expeditions_militaires #central { background-image: url("../images/interface/fonds_centraux/expeditions_militaires.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #missions_scientifiques #central { background-image: url("../images/interface/fonds_centraux/missions_scientifiques.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #plans #central { background-image: url("../images/interface/fonds_centraux/plans.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #engins_militaires #central { background-image: url("../images/interface/fonds_centraux/engins_militaires.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #logistique #central { background-image: url("../images/interface/fonds_centraux/logistique.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #pensee_militaire #central { background-image: url("../images/interface/fonds_centraux/pensee_militaire.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #administration_militaire #central { background-image: url("../images/interface/fonds_centraux/administration_militaire.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #territoire_algerien #central { background-image: url("../images/interface/fonds_centraux/territoire_algerien.jpg"), url(../images/interface/fonds_centraux/fond_neutre.jpg); } #conteneur_navigation_onglets { display: table; width: 100%; border-collapse: separate; border-spacing: 3px 0px; font-size: 12px; text-transform: uppercase; margin-bottom: 20px; font-weight: 400; } .navigation_onglet { display: table-cell; padding: 7px; vertical-align: bottom; background-color: #B6D0E4; } .onglet_en_cours { background-color: transparent !important; color: #757E86; } .navigation_onglet a { color: #FFFFFF; } .navigation_onglet:hover { background-color: #4F97D1; cursor: pointer; } .onglet_en_cours:hover { cursor: default; } .navigation_onglet:hover > span a, .navigation_onglet a:hover { text-decoration: none; } #navigation_transversale { margin-top: 30px; clear: both; border-top: 1px dotted #CCD0D3; font-size: 13px; padding-top: 15px; } #navigation_transversale a { width: 45%; display: inline-block; color: #6b9edd; } #navigation_transversale a:hover { color: #387ECE; } #navigation_transversale .precedent { background-image: url(../images/icones/page_precedente.png); padding-left: 15px; float: left; background-position: 0px 2px; } #navigation_transversale .suivant { float: right; background-image: url(../images/icones/page_suivante.png); text-align: right; padding-right: 15px; background-position: right 2px; } #reseaux_sociaux { height: 40px; margin: 10px 0; clear: both; } #reseaux_sociaux a { margin: 10px 5px 0; border-radius: 2px; display: inline-block; width: 30px; height: 30px; background-position: center; vertical-align: middle; } .twitter-partage { background-size: 70%; background-color: #5cccff; background-image: url(../images/icones/twitter.svg); } .fb-partage { background-size: 40%; background-color: #4f6a9f; background-image: url(../images/icones/facebook.svg); } #reseaux_sociaux a:hover { margin-top: 0; } #reseaux_sociaux span { display: none; } #plan_du_site hr:first-of-type { display: none; } #plan_du_site h2 a { color: #004081; } #plan_du_site h3 { margin-left: 40px; margin-top: 10px; margin-bottom: 5px; font-size: 16px; font-weight: 400; } #plan_du_site h3 a { color: #00459B; } #plan_du_site h4 { margin-left: 80px; margin-top: 8px; font-weight: 400; font-size: 14px; } #plan_du_site h5 { margin-left: 120px; margin-top: 6px; margin-bottom: 4px; text-align: left; font-weight: normal; font-size: 13px; } #plan_du_site h5 a { color: #1E6EC2; background-color: transparent; padding: 0px; margin: 0px; } #plan_du_site h5 a:hover { text-decoration: underline; } #plan_du_site h6 { font-size: 12px; margin-left: 160px; font-style: normal; } #plan_du_site h6 a { color: #4892DE; } #plan_du_site p { margin-top: 4px; margin-bottom: 4px; background-image: url(../images/icones/puce.png); padding-left: 10px; background-position: 0px 8px; } .references, .references a { font-size: 9px; text-transform: uppercase; color: #C2CBD2; line-height: 12px; } .premier_niveau .titre_page, #body_espace_personnel .titre_page { font-weight: 400; text-transform: uppercase; color: #FFF; margin-bottom: 10px; } #body_espace_personnel .titre_page { background-image: url(../images/icones/titre_espace_personnel.png); padding-left: 38px; line-height: 30px; font-size: 30px; } #body_espace_personnel h1 { font-size: 25px; } #body_espace_personnel #contenu_central .fleche { text-align: center; font-size: 19px; margin: 30px 0 20px; background-image: none; padding-left: 0; } #body_espace_personnel #contenu_central .fleche a { color: #FFF; background-color: #1d66bf; padding: 6px 18px 8px; border-radius: 18px; font-weight: 300; } #body_espace_personnel #contenu_central .fleche a:hover { background-color: #00478E; text-decoration: none; color: #FFF; } .info_nb_annot { background-color: rgba(133, 173, 206, 0.1); padding: 20px 5%; } .info_nb_annot h3 { text-align: center; color: #13437d; margin: 0 0 5px; } .info_nb_annot h3 large { font-weight: 500; font-size: 24px; color: #051324; } .info_nb_annot h4 { margin: 0; text-align: center; color: #767f86; } .info_nb_annot h4 large { color: #464b50; } #colonne2 .acces_carto { padding-left: 10%; padding-right: 10%; margin-bottom: 20px; } .acces_carto a { background-image: url(../images/macarons/acces_carto_coree.jpg); background-position: center; background-size: auto 100%; display: block; height: 293px; width: 320px; border: 1px solid #A0ABB3; box-shadow: 3px 3px 7px #b5bcc3; float: right; margin-left: 30px; margin-top: 10px; } #colonne2 .acces_carto a { float: none; margin: 0; width: auto; max-width: 480px; } .acces_carto span { visibility: hidden; display: none; } .nombre_de_morts { background-image: url(../images/icones/silhouette_nombre_de_morts.gif); padding-top: 12px; padding-bottom: 5px; padding-left: 25px; margin-top: 5px; display: inline-block; font-size: 19px !important; font-weight: 300; } .nombre_de_morts .chiffre { font-weight: 400; font-size: 30px; } .detail_navire { background-color: #E1E8F0; border: none; } .detail_navire .cartouche_boutons { margin-top: 10px; } .detail_navire .retrait_navire { background-image: url("../images/icones/navire.svg"); background-size: 80px; padding-top: 3px; padding-left: 95px; background-position: 0px 5px; } .detail_navire h2 { font-size: 26px; margin-bottom: 0; margin-top: 5px; } .detail_navire h2 small { font-size: 21px; } .detail_navire h3 { margin-top: 0; font-weight: 500; } .detail_navire .colonnes_navires { display: flex; margin-bottom: 15px; text-align: left; } .detail_navire .colonnes_navires > div { flex: 1; } .detail_navire .colonnes_navires label { display: contents; } .detail_navire .demie_colonne, .detail_navire .detail_navire .quart_de_colonne { margin-bottom: 15px; } .navire_picto { height: 25px; padding-top: 7px; background-size: 45px; padding-left: 55px; min-height: 30px; } .navire_picto:hover { cursor: default; } .navire_picto:hover > .navire_infobulle { visibility: visible; opacity: 1; margin-top: 30px; } .navire_picto .navire_infobulle { color: #FFF; background-color: #808080; padding: 5px; position: absolute; border-radius: 5px; opacity: 0; transition-property: opacity, margin-top; transition-duration: 0.6s; margin-top: 10px; visibility: hidden; margin-left: -15px; font-size: 13px; font-weight: normal; } .navire_picto.picto_batiment { background-image: url(../images/icones/picto_batiment.svg); } .navire_picto.picto_tonneaux { background-image: url(../images/icones/picto_tonneaux.svg); background-size: 25px; background-position: 8px 0; } .navire_picto.picto_canons { background-image: url(../images/icones/picto_canons.svg); background-position: 0 3px; } .navire_picto.picto_equipage { background-image: url(../images/icones/picto_equipage.svg); background-size: 20px; background-position: 16px 0; } a.picto_equipage { background-image: url(../images/icones/picto_equipage_lien.png); padding-left: 45px; display: inline-block; color: #FFFFFF; background-color: #1d66bf; text-decoration: none !important; font-weight: 300; border-radius: 10px; padding-top: 6px; padding-right: 13px; padding-bottom: 7px; background-position: 10px center; height: 23px; margin-top: 0; font-weight: 300; font-size: 17px; line-height: 23px; } a.picto_equipage:hover { background-color: #003974; text-decoration: none; color: #FFF; cursor: auto; } .navire_picto em { color: #555759; } .detail_navire table { border: 1px solid #C0C8D2 !important; } .detail_navire .fichier { margin-top: 8px; } body.recherche_transversale fieldset { width: 66%; } @media only screen and (max-width: 900px) { body.recherche_transversale fieldset { width: 95%; } } body.recherche_transversale #fausse_colonne2 { border-left-style: none; margin-left: 0; } body.recherche_transversale #vignettes_transversales { display: flex; flex-wrap: wrap; gap: 15px 1%; } @media only screen and (max-width: 650px) { body.recherche_transversale #vignettes_transversales { gap: 10px 2%; } } body.recherche_transversale .nb_resultats_fonds { width: 15.8%; } @media only screen and (min-width: 1400px) { body.recherche_transversale .nb_resultats_fonds { width: 13.4%; } } @media only screen and (max-width: 1200px) { body.recherche_transversale .nb_resultats_fonds { width: 19.2%; } } @media only screen and (max-width: 900px) { body.recherche_transversale .nb_resultats_fonds { width: 24.25%; } } @media only screen and (max-width: 650px) { body.recherche_transversale .nb_resultats_fonds { width: 32%; } } @media only screen and (max-width: 500px) { body.recherche_transversale .nb_resultats_fonds { width: 49%; } } body.recherche_transversale .nb_resultats_fonds.loading { text-align: center; height: 172px; padding-top: 130px; } body.recherche_transversale .resultat_recherche_transversale { padding: 10px 5%; background-color: #85adce; -webkit-transition-property: background-color; -webkit-transition-duration: 0.6s; -moz-transition-property: background-color; -moz-transition-duration: 0.6s; transition-property: background-color; transition-duration: 0.6s; display: block; text-align: center; } body.recherche_transversale .resultat_recherche_transversale:hover { background-color: #1d66bf; text-decoration: none; } body.recherche_transversale .resultat_recherche_transversale:hover > .vignette_transversale { opacity: 0.4; } body.recherche_transversale .resultat_recherche_transversale .vignette_transversale { -webkit-transition-property: opacity; -webkit-transition-duration: 0.6s; -moz-transition-property: opacity; -moz-transition-duration: 0.6s; transition-property: opacity; transition-duration: 0.6s; opacity: 1; height: 131px; width: 131px; box-shadow: 2px 2px 2px #4e6f89; display: inline-block; background-size: cover; } body.recherche_transversale .resultat_recherche_transversale h3 { color: #DAE8F3; margin-top: 8px; font-size: 13px; font-weight: 400; line-height: 18px; margin-bottom: 0; height: 85px; } body.recherche_transversale .resultat_recherche_transversale p { text-align: center; color: #FFF; font-weight: 300; font-size: 15px; padding-top: 10px; margin-top: 0; width: 100% !important; } body.recherche_transversale .resultat_recherche_transversale p span { font-weight: 400; font-size: 28px; } body.recherche_transversale .resultat_recherche_transversale.transversale_pas_de_resultat { background-color: #CED9E1 !important; } body.recherche_transversale .resultat_recherche_transversale.transversale_pas_de_resultat .vignette_transversale { opacity: 0.3 !important; } body.recherche_transversale .resultat_recherche_transversale.transversale_pas_de_resultat h3 { color: #889299 !important; } .fonds_transversal_1 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_01_mpf_1gm.jpg); } .fonds_transversal_2 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_02_journaux_unites_1e_gm.jpg); } .fonds_transversal_3 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_03_aeronautique.jpg); } .fonds_transversal_4 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_04_algerie.jpg); } .fonds_transversal_5 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_05_indochine.jpg); } .fonds_transversal_6 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_06_valerien.jpg); } .fonds_transversal_7 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_07_2gm.jpg); } .fonds_transversal_8 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_08_coree.jpg); } .fonds_transversal_10a .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_10a_opex1.jpg); } .fonds_transversal_10b .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_10b_opex2.jpg); } .fonds_transversal_11c .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_11c_equipages_passagers.jpg); } .fonds_transversal_14 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_14_registres_matricules.jpg"); } .fonds_transversal_16 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_16_alsaciens_mosellans.jpg"); } .fonds_transversal_17 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_17_medailles_resistance.jpg"); } .fonds_transversal_18 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_18_sepultures.jpg); } .fonds_transversal_19 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_19_engages_volontaires.jpg); } .fonds_transversal_21 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_21_historiques_regimentaires.jpg); } .fonds_transversal_23 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_23_fusilles.jpg); } .fonds_transversal_24 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_24_titres_homologations.jpg); } .fonds_transversal_25 .vignette_transversale { background-image: url(../images/interface/recherche_transversale/vign_25_morts_service_nation.jpg); } .fonds_transversal_29 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_29_deportes.jpg"); } .fonds_transversal_30 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_30_fafl.jpg"); } .fonds_transversal_39 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_39_victimes_civiles.jpg"); } .fonds_transversal_40 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_40_militaires_disparus_guerre_algerie.jpg"); } .fonds_transversal_41 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_41_victimes_civiles_guerre_algerie.jpg"); } .fonds_transversal_54 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_54_deportes_resistants.jpg"); } .fonds_transversal_55 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_55_engages.jpg"); } .fonds_transversal_56 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_56_internes_politiques.jpg"); } .fonds_transversal_57 .vignette_transversale { background-image: url("../images/interface/recherche_transversale/vign_57_inscriptions_maritimes.jpg"); } #logo_compagnie_des_indes { background-image: url("../images/logos/compagnie_des_indes.gif"); background-position: center 0px; height: 200px; margin-top: 15px; margin-bottom: 15px; } #logo_compagnie_des_indes span { display: none; } #ajax_licence_click { width: 650px; height: 400px; padding: 15px; overflow: hidden; } #resultat_conversion p, #resultat_conversion h3 { text-align: center; margin-bottom: 0px; } #resultat_conversion p { margin-top: 20px; font-size: 18px; color: #91989E; font-weight: 300; } #resultat_conversion h3 { color: #85adce; margin-top: 0px; font-size: 24px; } #arkoCnilTracking-conteneur { color: #c2d3e9; position: fixed; z-index: 900; bottom: 0; width: 100%; padding: 15px 5%; left: 0; background-color: rgba(29, 102, 191, 0.9); animation-duration: 0.7s; animation-name: cartouche_cnil; animation-timing-function: ease-in; } @keyframes cartouche_cnil { from { bottom: 35px; opacity: 0; } to { bottom: 20px; opacity: 1; } } #arkoCnilTracking-conteneur a { color: #FFF; } #arkoCnilTracking-conteneur #arkoCnilTracking-message { margin-bottom: 10px; } #arkoCnilTracking-conteneur a#arkoCnilTracking-accept, #arkoCnilTracking-conteneur a#arkoCnilTracking-refuse { background-image: url(../images/icones/accepter_cnil.svg); background-size: 20px; background-position: 9px center; background-color: #009300; display: inline-block; font-size: 14px; line-height: 32px; padding-left: 40px; padding-right: 12px; overflow: hidden; margin-left: 20px; } #arkoCnilTracking-conteneur a#arkoCnilTracking-accept:hover, #arkoCnilTracking-conteneur a#arkoCnilTracking-refuse:hover { transform: scale(1.1); } #arkoCnilTracking-conteneur a#arkoCnilTracking-accept:hover, #arkoCnilTracking-conteneur a#arkoCnilTracking-refuse:hover { background-color: #00b700; text-decoration: none; } #arkoCnilTracking-conteneur a#arkoCnilTracking-refuse { background-image: url(../images/icones/fermer_cnil.svg); background-color: #A70033; } #arkoCnilTracking-conteneur a#arkoCnilTracking-refuse:hover { background-color: #410014; } #arkoCnilTracking-conteneur hr { display: none; } #menu { height: 49px; width: 100%; font-weight: 300; background-image: url(../images/interface/menu_filet.gif); background-size: 100% 1px; background-position: 0px bottom; padding-bottom: 1px; margin-bottom: 15px; } #menu a:hover { text-decoration: none; } #menu ul, #menu li { padding: 0px; margin: 0px; list-style-type: none; list-style-image: none; line-height: normal; } #menu > ul { display: flex; } #menu > ul > li { flex-grow: 1; text-align: center; background-image: url(../images/interface/menu_separateur.gif); background-position: right 0px; padding-right: 1px; font-size: 16px; min-width: 10%; } #menu > ul > li:nth-child(7) { background-image: none !important; position: relative; } #menu > ul > li:nth-child(7) .sous_menu { right: 0; } #menu > ul > li:nth-child(n+8) { display: none; } #menu li a { display: block; padding-left: 10%; padding-right: 10%; color: #FFF; line-height: 48px; background-image: url(../images/interface/menu_rollover.png); background-repeat: repeat-x; background-position: 0px bottom; white-space: nowrap; } #menu li a:lang(de) { padding-left: 9px; padding-right: 9px; } #menu li:hover > a { background-position: 0px top; } #menu li li { border-bottom: 1px dotted #1c5d9b; text-align: left; } #menu li li a { padding-left: 25px !important; padding-right: 15px !important; font-weight: normal; line-height: normal !important; padding-top: 9px; padding-bottom: 9px; font-size: 12px !important; background-image: url(../images/icones/fleche_blanche_menu.png); background-repeat: no-repeat; background-color: #0050a3; background-color: rgba(0, 80, 163, 0); background-position: 12px 12px; white-space: normal; } #menu li li:last-of-type { border-bottom-style: none; } #menu li li a:hover, #menu #menu2 .sous_sous_menu a:hover, #menu .sous_menu li:hover > a { background-color: #004286; background-color: #004286; background-position: 19px 12px; } #menu li:hover > .sous_menu, #menu #menu2 li:hover > .sous_sous_menu, #menu #menu3 li:hover > .sous_sous_menu, #menu #menu4 li:hover > .sous_sous_menu, #menu #menu5 li:hover > .sous_sous_menu { display: block; visibility: visible; z-index: 200; } #menu .sous_menu { display: none; width: 240px; position: absolute; z-index: 100; visibility: hidden; background-color: #276bb0; background-color: rgba(39, 107, 176, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; border-top: 1px solid #1C5D9B; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-name: menuderoulant; -webkit-animation-name: menuderoulant; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; } @keyframes menuderoulant { from { margin-top: -5px; opacity: 0; } to { margin-top: 0; opacity: 1; } } @-webkit-keyframes menuderoulant { from { margin-top: -5px; opacity: 0; } to { margin-top: 0; opacity: 1; } } #menu #menu6 .sous_menu { width: 175px; } .sous_sous_menu { display: none; width: 260px; position: absolute; visibility: hidden; background-color: #2b80d1; background-color: rgba(43, 128, 209, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; left: 240px; margin-top: -33px !important; } #menu2c .sous_sous_menu, #menu2g .sous_sous_menu { display: none !important; } .sous_sous_menu #menu3e1 { display: none !important; } #burger-menu { display: none; } @media only screen and (max-width: 750px) { #ead #menu { display: none; } #menu { height: 46px; width: 46px; top: 0px; margin-left: 0 !important; margin-right: 0 !important; z-index: 201; -webkit-overflow-scrolling: touch; background-image: none; } #menu.menu-visible { position: fixed; position: -webkit-fixed; width: 100%; height: 100%; z-index: 250; background-color: #F0F0F0; overflow-y: auto; } #burger-menu { display: inline-block; background-color: #1d66bf; background-image: url(../images/icones/burger.svg); background-size: 60%; background-position: center center; height: 46px; width: 46px; cursor: pointer; z-index: 202; } #menu.menu-visible > #burger-menu { position: absolute; top: 0; } #burger-menu:hover { background-color: #004286; } #menu ul { display: none; } #menu.menu-visible ul { display: block; } #menu > ul { position: absolute; top: 0; width: 100%; transition-duration: 0.3s; transform: translateX(-210px); -webkit-transition-duration: 0.3s; -webkit-transform: translateX(-210px); z-index: 201; } #menu > ul li { max-width: none; width: 100%; padding-right: 0; background-image: none; display: block; } #menu.menu-visible > ul { transform: translateX(0px); -webkit-transform: translateX(0px); } #menu.menu-visible > ul .sous_menu { display: block; position: static; visibility: visible; } #menu li a { background-color: #14589d; background-color: rgba(20, 88, 157, 0.9); background-image: none; font-weight: 400; line-height: 46px; } #menu li a:hover { background-color: #004286; background-color: #004286; } #menu .sous_menu, #menu #menu6 .sous_menu { width: auto; } .sous_sous_menu { display: none !important; } #menu li li a { font-size: 13px !important; } #menu7 span { color: #FFFFFF; background-position: left center; width: auto; padding-left: 40px; } } #bandeau { background-image: url(../images/bandeau/bandeau_filet.gif); background-size: 100% 1px; background-position: 0px bottom; padding-bottom: 1px; height: 140px; } #logo_ministere_defense { z-index: 200; top: 38px; position: absolute; margin-left: 5%; text-align: right; } @media only screen and (max-width: 1500px) { #logo_ministere_defense { margin-left: 5px; } } @media only screen and (max-width: 750px) { #logo_ministere_defense { margin-left: 10px; } } @media only screen and (max-width: 550px) { #logo_ministere_defense { top: 56px; } } #logo_ministere_defense a { height: 89px; width: 95px; display: inline-block; background-color: #FFF; background-image: url(../images/interface/logo_ministere_defense.svg); background-position: center; background-size: 85%; } @media only screen and (max-width: 550px) { #logo_ministere_defense a { width: 70px; height: 65px; } } #logo_ministere_defense a span { display: none; } #titre_mdh { background-image: url(../images/interface/titre.png); background-position: right 0; position: absolute; z-index: 198; width: 35%; max-width: 600px; min-width: 450px; height: 140px; top: 0; } @media only screen and (max-width: 550px) { #titre_mdh { width: 100%; min-width: 0; background-position: -250px 0; } } #titre_mdh span { display: none; } #retour_accueil a { position: absolute; top: 0; margin-left: 125px; height: 140px; width: 40%; display: block; z-index: 199; } #retour_accueil a span { display: none; } #bandeau_defilant { width: 974px; height: 140px; display: inline-block; text-align: left; } #drapeaux { margin-right: auto; margin-left: auto; width: 90%; max-width: 1600px; position: absolute; top: 0px; text-align: right; z-index: 199; } #drapeaux_interieur { background-color: #25394a; padding-top: 10px; padding-bottom: 9px; padding-left: 9px; border-radius: 0 0 8px 8px; width: 108px; display: inline-block; } #drapeaux a { display: inline-block; float: left; height: 17px; width: 22px; margin-right: 10px; overflow: hidden; opacity: 1; } #drapeaux a:hover { opacity: 0.6; } #drapeaux a span { display: none; } #drapeaux .francais { background-image: url(../images/icones/drapeau_fr.gif); } #drapeaux .anglais { background-image: url(../images/icones/drapeau_gb.gif); } #drapeaux .allemand { background-image: url(../images/icones/drapeau_de.gif); } #drapeaux .espagnol { background-image: url(../images/icones/drapeau_es.gif); } .alerte { text-align: center; margin-top: 20px; margin-bottom: 20px; font-size: 14px; } .alerte span { background-color: #A70033; color: #FFFFFF; max-width: 66%; padding: 5px 12px; display: inline-block; border-radius: 15px; } span.ArkoFormError { display: block; color: #A70033; font-style: italic; margin-bottom: 10px; } .AFC_invalid { border-color: #B3989F !important; background-color: #FDF5F7 !important; } .AFC_cont_invalid label { color: #9A5C6E; } form p, .champ_formulaire { overflow: hidden; width: 100%; margin-bottom: 12px; clear: left; text-align: left; } .mdh_visionneuse .champ_formulaire { text-align: center; } form table p { width: auto; } #textfield, input[type="text"], input[type="password"], textarea { border: 1px solid #ABB8CD; background-color: #F2F8FF; display: inline; font-size: 14px; color: #0B3E81; width: 70%; padding: 5px 10px; vertical-align: middle; margin: 0px; } input[type="text"] { margin-right: 10px; } select { background-repeat: repeat; max-width: 70%; font-size: 13px; } textarea { height: 200px; } input[type="radio"], input[type="checkbox"] { width: 15px; vertical-align: middle; border: none; display: inline; margin-right: 5px; margin-left: 10px; } input[type="radio"] { margin-top: 0px; } input[type="hidden"] { display: none; visibility: hidden; } input[type="text"].moyen, input[type="password"].moyen { width: 50%; } input[type="text"].court { width: 100px; } input[type="text"].trescourt { width: 55px; padding: 5px; margin-right: 5px; text-align: center; } input[type="password"].court { width: 120px; } input[type="password"].trescourt { width: 40px; } label { float: left; width: 15%; margin-right: 3%; text-align: right; color: #808080; clear: both; padding-top: 2px; margin-bottom: 5px; font-size: 12px; line-height: 16px; font-weight: bold; } @media only screen and (max-width: 750px) { label { float: none; width: auto; margin-right: 0; text-align: left; display: block; } } label .label_info { display: block; font-size: 90%; font-weight: normal; } .label_second { float: none; width: auto; text-align: left; margin: 0px; padding: 0px; font-weight: normal; color: #666; font-size: 13px; } .label_second:hover { cursor: pointer; } .post_label { width: 82%; float: right; display: block; } .post_label p.url { margin-top: 0; } #abecedaire, .abecedaire, #contenu_central .ef_retour_recherche { font-size: 15px; margin-bottom: 15px; margin-top: 15px; font-weight: 400; color: #424E5A; clear: both; } body#pop_up #abecedaire, body#pop_up .abecedaire, body#pop_up #contenu_central .ef_retour_recherche { font-weight: bold; font-size: 14px; margin-bottom: 5px; } #abecedaire a, .abecedaire a, #contenu_central .ef_retour_recherche a { color: #FFFFFF; text-decoration: none; background-color: #94B5DA; padding: 1px 5px; margin: 0 1px 5px; display: inline-block; } body#pop_up #abecedaire a, body#pop_up .abecedaire a, body#pop_up #contenu_central .ef_retour_recherche a { padding-right: 3px; padding-left: 3px; margin-left: 0px; } #abecedaire a:hover, .abecedaire a:hover, #contenu_central .ef_retour_recherche a:hover { background-color: #1d66bf; } #abecedaire .page_en_cours, .abecedaire .page_en_cours, #contenu_central .ef_retour_recherche .page_en_cours { text-decoration: none; padding: 1px 4px; margin: 0 7px; color: #000; background-color: #FFF; } #abecedaire .abecedaire_interieur, .abecedaire .abecedaire_interieur, #contenu_central .ef_retour_recherche .abecedaire_interieur { display: inline; margin-right: 10px; } #contenu_central .ef_retour_recherche a { border-radius: 0; } .facettes_ef_tri { text-align: center; margin: 10px 0; } .facettes_ef_tri label { font-size: 13px; font-weight: normal; display: inline-block; margin-right: 25px; color: #12212e; width: auto; } .cellule_icones { width: 110px; } .cellule_une_icone { width: 45px !important; } .cellule_deux_icones { width: 80px; } body.facettes_mosaique.expeditionmadagascar .abecedaire, body.facettes_mosaique.expeditionmadagascar .nombre_facettes, body#masque_la_pagination .abecedaire, body#masque_la_pagination .nombre_facettes { display: none; } body.facettes_mosaique.expeditionmadagascar .abecedaire + hr, body#masque_la_pagination .abecedaire + hr { display: none; } #pop_up { margin-top: 20px; background-position: 0px -500px; } #pop_up select { max-width: 650px; min-width: 350px; margin-top: 5px; height: 70%; } #pop_up.popup_ios select { height: 30px; } body#pop_up.visionneuse { margin: 0 -10px; background-image: none; background-color: rgba(29, 102, 191, 0.1); padding: 15px 20px; } body#pop_up.visionneuse h1 { display: none; } body#pop_up.visionneuse #conteneur_popup label { color: #FFF; } .yui-ac-bd { width: 68%; padding-top: 1px; padding-bottom: 5px; background-color: #83ADCF; border-radius: 0 0 15px 15px; box-shadow: 2px 2px 5px #d8dcde; padding-right: 5px; padding-left: 10px; } .yui-ac-bd ul { list-style-image: url(../images/icones/fleche_blanche_menu.png); padding-left: 25px; } .yui-ac-bd li { color: #FFF; margin-left: 0px; text-align: left; padding-left: 0px; font-size: 13px; } .yui-ac-bd li:hover { text-decoration: underline; color: #FFF; cursor: pointer; } body#ead #conteneur_global { margin-right: auto; margin-left: auto; width: 90%; min-width: 974px; max-width: 1600px; position: relative; } body#ead #drapeaux { right: 40px; } body#ead #titre_mdh { background-size: 524px; height: 108px; width: 32%; max-width: 500px; min-width: 372px; } @media only screen and (max-width: 550px) { body#ead #titre_mdh { background-position: right 0; } } #ead #bandeau_defilant { height: 108px; } #ead #retour_accueil a { height: 105px; } #ead #menu { z-index: 150; position: absolute; top: 109px; background-image: none; height: 30px; max-width: 1600px; } #ead #menu li a { line-height: 30px; font-size: 15px; } #ead #logo_ministere_defense { top: 16px; } #ead #logo_ministere_defense a { height: 80px; width: 90px; } #ead #pied_de_page, #ead #conteneur { display: none; } #ead #layout-doc { background-color: #ffffff; background: linear-gradient(bottom, #d9dcde, #ffffff); background-image: -o-linear-gradient(bottom, #d9dcde, #ffffff); background-image: -moz-linear-gradient(bottom, #d9dcde, #ffffff); background-image: -webkit-linear-gradient(bottom, #d9dcde, #ffffff); background-image: -ms-linear-gradient(bottom, #d9dcde, #ffffff); } #eadArkTOP { background-color: #3F4D59 !important; padding-left: 35px !important; padding-top: 0 !important; padding-bottom: 6px !important; } #eadArkTOP h1 { color: #E5F4FF !important; } #eadArkTOP .bouton { font-size: 15px; margin-top: 0; } #eadArkTOP .bouton a { border-radius: 0; } #eadArkLEFT { border-right-width: 1px; border-right-style: dotted; border-right-color: #ACB9C0; } #ead tr { background-color: transparent !important; } #ead td { min-width: 0; } .ead_menugauche_selected { background-color: #7195C1 !important; } .champ_ead { border-top-color: #B2BBC0 !important; } .label_niv1 { color: #666 !important; } .label_niv2 { color: gray !important; } .label_niv3 { color: #999 !important; } .label_niv4 { color: #B3B3B3 !important; } .label_niv5 { color: #B3B3B3; font-size: 11px; } #eadArkBOTTOM { background-color: #B7CFE1 !important; } #eadArkBOTTOM .bouton { font-size: 16px; margin-top: 10px; } .champ_ead .fichier { background-position: 0 center; line-height: 23px; } .champ_ead .fichier a { padding-top: 8px; display: inline-block; } .champ_ead .fichier img { vertical-align: middle; margin-left: 20px; height: 140px; border: 1px solid #A0ABB3; box-shadow: 2px 2px 6px rgba(156, 163, 170, 0.4); -webkit-box-shadow: 2px 2px 6px rgba(156, 163, 170, 0.4); } .champ_ead .fichier br { display: none; } #ead .imagette { border: 1px solid #FFF; box-shadow: 3px 3px 7px #b5bcc3; margin-top: 0; } .bouton_back_ead { background-color: #1d66bf; position: absolute; top: 140px; display: block; height: 35px; width: 35px; left: 0px; background-image: url(../images/icones/retour_ead.png); background-position: center; -webkit-transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-property: background-color; -moz-transition-duration: 0.5s; transition-property: background-color; transition-duration: 0.5s; } .bouton_back_ead:hover { background-color: #00478E; text-decoration: none; color: #FFF; } .bouton_back_ead span { display: none; } #eadArkCENTER h2 { margin-top: 10px !important; font-size: 18px; } #eadArkCENTER h3 { margin-top: 10px !important; font-size: 17px; } #eadArkCENTER h4 { margin-top: 10px !important; padding-left: 15px; font-size: 14px; } #eadArkCENTER h5 { margin-top: 10px !important; padding-left: 40px; text-align: left; font-size: 13px; } #fonds_2_jmo td:nth-child(2) { min-width: 90px; } #fonds_2_jmo td:nth-child(1) { font-style: italic; } .formulaire_a_cocher, .formulaire_a_cocher .post_label { width: 82%; float: right; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px; } @media only screen and (max-width: 750px) { .formulaire_a_cocher, .formulaire_a_cocher .post_label { width: 100%; float: none; } } .formulaire_a_cocher > span, .formulaire_a_cocher .case_et_intitule, .formulaire_a_cocher .post_label > span, .formulaire_a_cocher .post_label .case_et_intitule { display: flex; padding-bottom: 15px; width: 100%; } .case_a_cocher_mdh_deux .formulaire_a_cocher > span, .case_a_cocher_mdh_deux .formulaire_a_cocher .case_et_intitule, .case_a_cocher_mdh_deux .formulaire_a_cocher .post_label > span, .case_a_cocher_mdh_deux .formulaire_a_cocher .post_label .case_et_intitule { width: 45%; } @media only screen and (max-width: 450px) { .case_a_cocher_mdh_deux .formulaire_a_cocher > span, .case_a_cocher_mdh_deux .formulaire_a_cocher .case_et_intitule, .case_a_cocher_mdh_deux .formulaire_a_cocher .post_label > span, .case_a_cocher_mdh_deux .formulaire_a_cocher .post_label .case_et_intitule { width: 100%; } } .case_a_cocher_mdh_deux .formulaire_a_cocher > span .label_second, .case_a_cocher_mdh_deux .formulaire_a_cocher .case_et_intitule .label_second, .case_a_cocher_mdh_deux .formulaire_a_cocher .post_label > span .label_second, .case_a_cocher_mdh_deux .formulaire_a_cocher .post_label .case_et_intitule .label_second { font-size: 12px; } body.recherche_transversale .formulaire_a_cocher .case_et_intitule, body.recherche_transversale .formulaire_a_cocher .post_label .case_et_intitule { flex-basis: 30%; } @media only screen and (max-width: 600px) { body.recherche_transversale .formulaire_a_cocher .case_et_intitule, body.recherche_transversale .formulaire_a_cocher .post_label .case_et_intitule { flex-basis: 48%; } } @media only screen and (max-width: 500px) { body.recherche_transversale .formulaire_a_cocher .case_et_intitule, body.recherche_transversale .formulaire_a_cocher .post_label .case_et_intitule { flex-basis: 100%; } } .formulaire_a_cocher .label_second, .formulaire_a_cocher .post_label .label_second { flex: 1; } .formulaire_a_cocher .label_second::first-letter, .formulaire_a_cocher .post_label .label_second::first-letter { text-transform: uppercase; } .formulaire_a_cocher .label_second:hover, .formulaire_a_cocher .post_label .label_second:hover { cursor: pointer; color: #1d66bf; } .formulaire_a_cocher input[type="checkbox"], .formulaire_a_cocher .post_label input[type="checkbox"] { margin-left: 0px; } .formulaire_a_cocher .post_label { width: 100%; float: none; } #id_f_captcha { width: 30%; font-size: 20px; } .AFC_captcha_img { vertical-align: middle; margin-right: 10px; margin-bottom: 20px; } .auto_list, .MDHauto_list { background-color: #F2F8FF; border: solid 1px #ABB8CD; border-top: none; z-index: 9999; } .auto_list .auto_item, .auto_list .MDHauto_item, .MDHauto_list .auto_item, .MDHauto_list .MDHauto_item { display: block; color: black; text-decoration: none; min-height: 20px; padding: 3px 5px; text-align: left; border-bottom: 1px solid #FFF; } .auto_list .auto_item:hover, .auto_list .MDHauto_item:hover, .MDHauto_list .auto_item:hover, .MDHauto_list .MDHauto_item:hover { background-color: #387ECE; color: #D5E3F3 !important; } .auto_list .auto_item:hover > span strong, .auto_list .MDHauto_item:hover > span strong, .MDHauto_list .auto_item:hover > span strong, .MDHauto_list .MDHauto_item:hover > span strong { color: #FFF !important; } .auto_list .auto_item:hover > .valeur_supp, .auto_list .MDHauto_item:hover > .valeur_supp, .MDHauto_list .auto_item:hover > .valeur_supp, .MDHauto_list .MDHauto_item:hover > .valeur_supp { color: #AEC2DA; } .auto_list .auto_item strong, .auto_list .MDHauto_item strong, .MDHauto_list .auto_item strong, .MDHauto_list .MDHauto_item strong { color: #004494; } .auto_list .valeur_supp, .MDHauto_list .valeur_supp { font-size: 11px; font-style: italic; color: #666; } .MDHAuto_blink { background-image: url(../images/icones/en_attente.png); display: inline-block; vertical-align: middle; height: 25px; width: 25px; overflow: hidden; } .MDHAuto_blink span { visibility: hidden; } .ArkoFormChamp textarea { resize: vertical; min-height: 50px; } #popup_panier_ajout { position: fixed; left: 35%; top: 40%; background-color: #387ECE; border-radius: 15px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; } #popup_panier_ajout p { color: #ffffff; font-size: 17px; font-weight: 300; margin-bottom: 10px; } #popup_lienArk { position: fixed; left: 18%; top: 47%; background-color: #4E8BCE; border-radius: 15px; padding-top: 10px; padding-right: 15px; padding-bottom: 17px; padding-left: 15px; width: 700px; } #popup_lienArk h4 { color: #ffffff; font-size: 19px; font-weight: 400; margin-top: 6px; } #popup_lienArk input[type="text"] { width: 91%; } .popup_lienArk_fermer { background-image: url(../images/icones/fermer.png); cursor: pointer; height: 25px; width: 25px; overflow: hidden; display: inline-block; vertical-align: middle; transition: none; } .popup_lienArk_fermer:hover { background-position: -25px 0px; text-decoration: none; } .popup_lienArk_fermer span { visibility: hidden; } .mdh_recherche_infobulle_lien { height: 16px; width: 16px; overflow: hidden; background-image: url(../images/visionneuse/aide.png); display: inline-block; vertical-align: middle; /*float: left;*/ margin-right: 5px; } .mdh_recherche_infobulle_lien:hover { background-position: -16px 0px; cursor: default; } .mdh_recherche_infobulle_lien span { display: none; } .mdh_recherche_infobulle_contenu { color: #FFF; background-color: #234567; padding: 6px; position: absolute; border-radius: 5px; opacity: 0; -webkit-transition-property: opacity, margin-top; -webkit-transition-duration: 0.6s; -moz-transition-property: opacity, margin-top; -moz-transition-duration: 0.6s; transition-property: opacity, margin-top; transition-duration: 0.6s; margin-top: 5px; visibility: hidden; font-size: 12px; max-width: 180px; margin-top: 5px; } .mdh_recherche_infobulle:hover > .mdh_recherche_infobulle_contenu { visibility: visible; opacity: 1; margin-top: -10px; } #eadArkTOP h1 { font-size: 18px !important; color: #FFF; margin-top: 0px; margin-bottom: 0px; line-height: 29px; } ul.image_autre { list-style-image: none; list-style-type: none; padding-left: 0; } .nombre_facettes strong { font-weight: 400; font-size: 21px; color: #3a5265; } body.facettes #macaron_recherche_globale { display: none; } #facettes_mode_presentation h3, #macaron_facettes h3, #macaron_filtres h3 { margin-top: 0; margin-bottom: 10px; text-align: left; } #colonne2 #facettes_mode_presentation { padding: 5%; margin-bottom: 10px; background-color: #85adce; } #colonne2 #facettes_mode_presentation h3 { color: #D8EEFF; } #colonne2 #facettes_mode_presentation ul { display: flex; padding: 0px; margin: 0px; } #colonne2 #facettes_mode_presentation ul li { flex-grow: 1; padding: 0px; margin: 0; margin-right: 2%; list-style-type: none; list-style-image: none; background-position: center; background-color: rgba(159, 192, 219, 0.69); } #colonne2 #facettes_mode_presentation ul li a, #colonne2 #facettes_mode_presentation ul li, #colonne2 #facettes_mode_presentation ul li > span { display: block; height: 60px; background-position: center; background-size: 35px; } #colonne2 #facettes_mode_presentation ul li a { border: 1px dotted #D8EEFF; background-color: #85adce; } #colonne2 #facettes_mode_presentation ul li a:hover { border: 1px solid #4c86c6; background-color: #4c86c6; background-size: 30px; } #colonne2 #facettes_mode_presentation ul li.mosaique, #colonne2 #facettes_mode_presentation ul li.mosaique a, #colonne2 #facettes_mode_presentation ul li .restit-mosaique { background-image: url("../images/icones/facettes_mosaique.svg"); } #colonne2 #facettes_mode_presentation ul li.tableau, #colonne2 #facettes_mode_presentation ul li.tableau a, #colonne2 #facettes_mode_presentation ul li .restit-tableau { background-image: url(../images/icones/facettes_tableau.svg); } #colonne2 #facettes_mode_presentation ul li.carte, #colonne2 #facettes_mode_presentation ul li.carte a { background-image: url(../images/icones/facettes_carto.svg); background-size: 30px; } #colonne2 #facettes_mode_presentation ul li.carte a:hover { background-size: 25px; } #colonne2 #facettes_mode_presentation ul li a span, #colonne2 #facettes_mode_presentation ul li span span { display: none; } body.musees #colonne2 #facettes_mode_presentation ul li > span, body.bbcarchange #colonne2 #facettes_mode_presentation ul li > span, body.Carnetsvoyage #colonne2 #facettes_mode_presentation ul li > span, body.voyagesmissions #colonne2 #facettes_mode_presentation ul li > span, body.Blindes #colonne2 #facettes_mode_presentation ul li > span, body.arsenalrochefort #colonne2 #facettes_mode_presentation ul li > span, body.livredor #colonne2 #facettes_mode_presentation ul li > span, body.chienssanitaires #colonne2 #facettes_mode_presentation ul li > span, body.memoireslarrey #colonne2 #facettes_mode_presentation ul li > span, body.dossiersindividuels #colonne2 #facettes_mode_presentation ul li > span, body.photographiegeuser #colonne2 #facettes_mode_presentation ul li > span, body.aeronautique1gm #colonne2 #facettes_mode_presentation ul li > span, body.generalrouquerol #colonne2 #facettes_mode_presentation ul li > span, body.archprivesallares #colonne2 #facettes_mode_presentation ul li > span, body.plansconstructeursaeronautiques #colonne2 #facettes_mode_presentation ul li > span, body.felixamiot #colonne2 #facettes_mode_presentation ul li > span, body.photoconstructionnavale #colonne2 #facettes_mode_presentation ul li > span, body.spectateurmilitaire #colonne2 #facettes_mode_presentation ul li > span { display: none; } body.facettes_loading .icone_chargement { display: block; } .icone_chargement { display: none; background-image: url(../images/icones/chargement_en_cours.svg); background-position: center; width: 300px; height: 300px; position: fixed; z-index: 1100; left: 40%; top: 30%; pointer-events: none; opacity: 0; animation-duration: 1s; -webkit-animation-duration: 1s; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-name: loading_facettes; -webkit-animation-name: loading_facettes; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; } @keyframes loading_facettes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes loading_facettes { from { opacity: 0; } to { opacity: 1; } } #macaron_facettes { background-color: rgba(167, 0, 51, 0.2); padding: 5%; margin-bottom: 10px; } #macaron_facettes h3 { color: #6b3b4a; } #macaron_facettes p { margin-left: 30px; } #macaron_facettes .supprimer_petit { margin-left: -30px; } .reset_facettes { font-weight: 400; margin-top: 12px; display: block; padding-top: 4px; padding-bottom: 4px; text-align: center; font-size: 15px; color: #FFFFFF !important; background-color: #c3738c; } .reset_facettes:hover { background-color: #A70033; text-decoration: none; } #colonne2 #macaron_filtres { padding: 5%; text-align: center; } #colonne2 #macaron_filtres .facettes_criteres_filtre { display: flex; flex-wrap: wrap; position: relative; } #colonne2 #macaron_filtres h4 { width: 100%; font-size: 14px; margin: 20px 0 5px; } #colonne2 #macaron_filtres div:first-of-type h4 { margin-top: 5px; } #colonne2 #macaron_filtres .ef_filtres_choix { flex: 1; flex-basis: 100%; display: flex; } #colonne2 #macaron_filtres ul { margin-top: 0; } #colonne2 #macaron_filtres li { margin-bottom: 2px; } #colonne2 #macaron_filtres input[type="text"] { border-right: none; flex: 1; width: auto; padding: 6px; margin-right: 0; } #colonne2 #macaron_filtres input[type="button"], #colonne2 #macaron_filtres .ef_filtre_texte_btn { padding: 4px 7px; text-transform: uppercase; font-size: 14px; border-radius: 0 4px 4px 0; font-weight: 400; margin: 0; } #colonne2 #macaron_filtres select { width: 80%; max-width: none; } #colonne2 #macaron_filtres .auto_list { top: auto !important; left: auto !important; width: 100% !important; max-height: 500px; overflow: scroll; margin-top: 76px; } #colonne2 #macaron_filtres .conteneur_slider { width: 100%; } #colonne2 #macaron_filtres .conteneur_slider { display: block; text-align: center; } #colonne2 #macaron_filtres .irs { margin: -18px 0 10px; pointer-events: none; } #colonne2 #macaron_filtres .irs-line-mid, #colonne2 #macaron_filtres .irs-line-left, #colonne2 #macaron_filtres .irs-line-right, #colonne2 #macaron_filtres .irs-bar, #colonne2 #macaron_filtres .irs-bar-edge, #colonne2 #macaron_filtres .irs-slider { pointer-events: auto; background-image: url(../images/interface/facettes_slider.png) !important; } #colonne2 #macaron_filtres input[type="text"].input_saisie_slider { width: 60px; margin-right: 5px; text-align: center; border-right: 1px solid #ABB8CD; } body.musees #colonne2 #macaron_filtres .liste_critere_element-7-0, body.musees #colonne2 #macaron_filtres .liste_critere_element-8-0 { display: none; } #colonne2 #facettes_criteres_filtre-2 li { list-style-image: none; list-style-type: none; line-height: 45px; padding-left: 45px; } #facettes_criteres_filtre-2 li.liste_critere_element-2-35 { background-image: url(../images/cartographie/icon_picto_monument.png); } #facettes_criteres_filtre-2 li.liste_critere_element-2-36 { background-image: url(../images/cartographie/icon_picto_musee.png); } #facettes_criteres_filtre-2 li.liste_critere_element-2-86 { background-image: url(../images/cartographie/icon_picto_autres_sites.png); } body.facettes_mosaique .facette_resultats { display: flex; flex-wrap: wrap; justify-content: space-around; position: relative; } body.facettes_mosaique .facette_resultats hr { display: none; } body.facettes_mosaique .facette_resultats .resultat_mosaique { padding: 10px 0 35px; width: 22%; } @media only screen and (min-width: 1600px) { body.facettes_mosaique .facette_resultats .resultat_mosaique { width: 17%; } } @media only screen and (min-width: 2050px) { body.facettes_mosaique .facette_resultats .resultat_mosaique { width: 14.5%; } } @media only screen and (max-width: 1150px) { body.facettes_mosaique .facette_resultats .resultat_mosaique { width: 30%; } } @media only screen and (max-width: 550px) { body.facettes_mosaique .facette_resultats .resultat_mosaique { width: 45%; } } body.facettes_mosaique .facette_resultats .resultat_mosaique .vignette_facette img { box-shadow: 2px 2px 6px #b5bcc3; -webkit-box-shadow: 2px 2px 6px #b5bcc3; border: 1px solid #A0ABB3; max-width: 100%; margin-bottom: 8px; } body.facettes_mosaique .facette_resultats .resultat_mosaique h2 { margin-top: 0; margin-bottom: 1px; font-size: 15px; } body.facettes_mosaique .facette_resultats .resultat_mosaique h4 { font-size: 12px; margin: 2px 0; } body.facettes_mosaique .facette_resultats .resultat_mosaique p { text-align: left; line-height: normal; } body.facettes_mosaique .facette_resultats .resultat_mosaique .champ_adresse_ville { display: block; text-align: left; } body.facettes_mosaique.bbcarchange .resultat_mosaique .vignette_facette:hover { cursor: zoom-in; } body.facettes_mosaique.bbcarchange .resultat_mosaique h2 { padding-left: 32px; } body.facettes_mosaique.bbcarchange .resultat_mosaique h2 a:before { content: ""; display: block; width: 22px; height: 22px; border-radius: 50%; background-color: #1d66bf; background-image: url("../images/icones/fiche_detail.svg"); background-size: 55% 55%; background-repeat: no-repeat; background-position: center; position: absolute; margin-left: -32px; margin-top: -1px; } body.facettes_mosaique.bbcarchange .resultat_mosaique h3.archange { font-size: 13px; font-weight: bold; padding-left: 32px; } body.facettes_mosaique.bbcarchange .resultat_mosaique h3.archange a { color: #307fdf; } body.facettes_mosaique.bbcarchange .resultat_mosaique .lieu_de_conservation { padding-left: 32px; text-transform: uppercase; font-size: 12px; color: #91989E; } body.facettes_mosaique.Carnetsvoyage .resultat_mosaique .infos { margin-top: -32px; margin-right: 0; } body.facettes_mosaique.Carnetsvoyage .resultat_mosaique .infos a { height: 20px; width: 20px; background-size: 6px; } .resultat_mosaique .facette_imagette img, .facettes_carte .facette_imagette img { box-shadow: 2px 2px 6px #b5bcc3; -webkit-box-shadow: 2px 2px 6px #b5bcc3; border: 1px solid #A0ABB3; max-width: 100%; margin-bottom: 8px; } body.facettes .resultat_mosaique h4, body.facettes .popup_fiche h4, body.facettes .tableau_facettes h4 { margin: 2px 0; font-size: 11px; font-weight: bold; color: #62819A; text-transform: uppercase; line-height: normal; } body.facettes .resultat_mosaique .champ_adresse_adresse, body.facettes .resultat_mosaique .champ_adresse_codepostal, body.facettes_carte .champ_adresse_adresse, body.facettes_carte .champ_adresse_codepostal { display: none; } body.facettes_tableau td { vertical-align: middle; padding: 5px 7px; } body.facettes_tableau td h2 { margin: 0; font-size: 15px; } .picto_musee_de_france, .picto_jep, .picto_nem { background-image: url(../images/icones/picto_musee_de_france.svg); width: 26px; height: 26px; background-position: center; margin-top: 2px; margin-bottom: 3px; margin-left: 8px; float: right; } .picto_jep { background-image: url(../images/icones/picto_jep.svg); clear: right; } .picto_nem { background-image: url(../images/icones/picto_nuit_des_musees.svg); clear: right; } .tableau_facettes .picto_musee_de_france, .tableau_facettes .picto_jep, .tableau_facettes .picto_nem { margin: 0; } .picto_musee_de_france span, .picto_jep span, .picto_nem span { display: none; } .tableau_facettes .champ_adresse_adresse:after { content: ", "; } .tableau_facettes .champ_adresse_codepostal:after { content: " "; } body.facettes_tableau td { vertical-align: top; } body.facettes_tableau td .facette-visionneuse-vignette img, body.facettes_tableau td .vignette_facette img { width: 90px; height: 90px; object-fit: cover; box-shadow: 2px 2px 6px #b5bcc3; -webkit-box-shadow: 2px 2px 6px #b5bcc3; border: 1px solid #A0ABB3; } body#fiche_detaillee.facettes h1.titre_page, .ef_detail_conteneur h1.titre_page { display: none; } body#fiche_detaillee.facettes h2, .ef_detail_conteneur h2 { font-size: 30px; color: #004494; margin-top: 0; margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; } body#fiche_detaillee.facettes .vignette_cartouche, .ef_detail_conteneur .vignette_cartouche { margin-bottom: 20px; } .colonne_description_facette_detail { float: right; width: 67%; padding-left: 3%; display: inline-block; margin-bottom: 20px; } .colonne_infos_facette_detail { float: left; width: 33%; display: inline-block; padding: 15px 2%; background-color: #edeef0; margin-bottom: 20px; } .colonne_infos_facette_detail p { text-align: left; } body#fiche_detaillee.facettes #facettes_carto_conteneur_detail { height: 300px; width: 100%; margin-bottom: 10px; border: 2px solid #FFF; } body#fiche_detaillee.facettes .champ_adresse_adresse, body#fiche_detaillee.facettes .champ_adresse_codepostal { padding-right: 5px; } body#fiche_detaillee.facettes .champ_adresse_ville { font-weight: bold; } body#fiche_detaillee.facettes .champ_formulaire { width: auto; margin-bottom: 10px; } body#fiche_detaillee.facettes label { float: none; display: inline; width: auto; margin: 0; } body#fiche_detaillee.facettes label:after { content: " \00003A\0000A0"; } body#fiche_detaillee.facettes .post_label { float: none; display: inline; width: auto; } p.tags { margin-top: 20px; background-image: url(../images/icones/tags.svg); background-size: 20px; padding-left: 27px; background-position: 0px 0px; } body#fiche_detaillee.facettes #autres_images { clear: both; margin-top: 15px; } .musee_de_france { background-image: url("../images/logos/musee_de_france.svg"); width: 250px; height: 50px; background-position: 0 0; } .musee_de_france span { display: none; } .description_evenement { background-color: rgba(0, 167, 255, 0.2); color: #00283D; padding: 15px 4%; margin-bottom: 20px; } .description_evenement h3 { color: #00a7ff; margin-top: 0px; background-size: 23px; background-position: 0 5px; padding-left: 32px; } .description_jep h3 { background-image: url(../images/icones/picto_jep.svg); } .description_nem h3 { background-image: url(../images/icones/picto_nuit_des_musees.svg); } .ef_detail_conteneur .ef_detail_fiche_champ, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .ef_detail_fiche_champ { text-align: left; margin-bottom: 5px; } .ef_detail_conteneur .ef_detail_fiche_champ:nth-child(2) label, .ef_detail_conteneur .ef_detail_fiche_champ:nth-child(3) label, .ef_detail_conteneur .ef_detail_fiche_champ:nth-child(4) label, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .ef_detail_fiche_champ:nth-child(2) label, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .ef_detail_fiche_champ:nth-child(3) label, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .ef_detail_fiche_champ:nth-child(4) label { display: none; } .ef_detail_conteneur .post_label, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .post_label { display: inline; width: auto; float: none; } .ef_detail_conteneur .lieu_de_conservation, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .lieu_de_conservation { text-transform: uppercase; color: #91989E; } .ef_detail_conteneur h3, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail h3 { font-size: 26px; color: #3369A9; margin-top: 0; margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; } .ef_detail_conteneur .vignette_cartouche, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .vignette_cartouche { text-align: center; } .ef_detail_conteneur .vignette_cartouche a, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail .vignette_cartouche a { margin-bottom: 15px; } .ef_detail_conteneur p.texte_large, body#fiche_detaillee.bbcarchange #facettes_conteneur_detail p.texte_large { font-size: 120%; padding: 20px 0; border-top: 1px solid rgba(133, 173, 206, 0.3); border-bottom: 1px solid rgba(133, 173, 206, 0.3); margin: 20px 0; } body.facettes_carte .filrouge { display: none; } body.facettes_carte { width: 100%; max-width: none; } body.facettes_carte #bandeau, body.facettes_carte #menu, body.facettes_carte .mention_pied_de_page { max-width: 1600px; margin-left: auto; margin-right: auto; } body.facettes_carte .mention_pied_de_page { width: 90%; } body.facettes_carte #menu { margin-bottom: 0; } body.facettes_carte .titre_rubrique { width: 73%; } body.facettes_carte #central { width: 73%; } body.facettes_carte #colonne2 { width: 27%; } #facettes_carto_conteneur { height: 600px !important; } @media only screen and (min-height: 800px) { #facettes_carto_conteneur { height: 700px !important; } } @media only screen and (min-height: 900px) { #facettes_carto_conteneur { height: 800px !important; } } @media only screen and (min-height: 1000px) { #facettes_carto_conteneur { height: 900px !important; } } @media only screen and (min-height: 1100px) { #facettes_carto_conteneur { height: 1000px !important; } } .leaflet-popup-content { width: 195px !important; } .facettes_carte .facette_imagette img { width: 173px; } body.facettes .popup_fiche h2 { font-size: 17px; line-height: normal; margin: 0; } body.facettes .leaflet-container a { color: #1d66bf; } body.facettes .leaflet-container a:hover { text-decoration: underline; } body.facettes .leaflet-container { font-size: 13px; color: #12212e; } body.opendata .tableau_facettes .fichier { text-align: left; line-height: normal; } body.opendata .tableau_facettes .fichier a { font-size: 0px; } body.opendata .tableau_facettes .fichier a:before { content: "T\0000E9l\0000E9charger le fichier"; font-size: 13px; } body.regmatricule #complement_central #macaron_recherche_globale { display: block; } body.annotation_rct #complement_central hr, body.annotation_rct #complement_central #macaron_recherche_globale { display: none; } body.annotation_rct #macaron_recherche_globale { display: none; } body.livredor.facettes_mosaique .abecedaire, body.livredor.facettes_mosaique p.nombre_facettes, body.chienssanitaires.facettes_mosaique .abecedaire, body.chienssanitaires.facettes_mosaique p.nombre_facettes, body.memoireslarrey.facettes_mosaique .abecedaire, body.memoireslarrey.facettes_mosaique p.nombre_facettes { display: none; } body.dossiersindividuels .abecedaire, body.dossiersindividuels .abecedaire + hr, body.dossiersindividuels .nombre_facettes { display: none; } body.habillementtroupe .abecedaire, body.habillementtroupe .abecedaire + hr, body.habillementtroupe .nombre_facettes { display: none; } .visualiser, .supprimer, .bouton_ead, .police_plus_petite, .ajouter_panier, .police_plus_grosse, .article_print, .partager, .lien_ark, .navire_armement { margin-right: 6px; display: inline-block; vertical-align: middle; } .visualiser a, .supprimer a, .bouton_ead a, .police_plus_petite a, .ajouter_panier a, .police_plus_grosse a, .article_print a, .partager a, .lien_ark a, .navire_armement a { display: inline-block; height: 25px; width: 25px; overflow: hidden; transition: none; } .visualiser a:hover, .supprimer a:hover, .bouton_ead a:hover, .police_plus_petite a:hover, .ajouter_panier a:hover, .police_plus_grosse a:hover, .article_print a:hover, .partager a:hover, .lien_ark a:hover, .navire_armement a:hover { background-position: -25px 0px; text-decoration: none; } .visualiser span, .supprimer span, .bouton_ead span, .police_plus_petite span, .ajouter_panier span, .police_plus_grosse span, .article_print span, .partager span, .lien_ark span, .navire_armement span { visibility: hidden; } .visualiser a { background-image: url(../images/icones/visualiser.png); } .lien_ark a { background-image: url(../images/icones/lien_ark.png); } .supprimer a { background-image: url(../images/icones/panier_enlever.png); } .ajouter_panier { margin-right: 0; } .ajouter_panier a { background-image: url(../images/icones/panier_ajouter.png); } .navire_armement a { background-image: url(../images/icones/navire_bouton_rond.png); } .fichier_pdf a { display: inline-block; height: 25px; width: 25px; overflow: hidden; background-image: url(../images/icones/fichier_pdf.png); } .fichier_pdf a span { visibility: hidden; } .bouton_ead a { background-image: url(../images/icones/fiche_detail_ead.png); display: inline-block; height: 25px; width: 25px; margin-left: 10px; overflow: hidden; } .police_plus_petite a { background-image: url(../images/icones/police_plus_petite.png); } .police_plus_grosse a { background-image: url(../images/icones/police_plus_grosse.png); } .article_print a { background-image: url(../images/icones/imprimer.png); } .partager a { background-image: url(../images/icones/partager.png); } .conversion, .fiche_detail, .infos { margin-right: 6px; display: inline-block; vertical-align: middle; } .conversion a, .fiche_detail a, .infos a { display: inline-block; vertical-align: middle; height: 25px; width: 25px; border-radius: 50%; background-size: 70% 70%; background-color: #1d66bf; background-position: center; } .conversion a:hover, .fiche_detail a:hover, .infos a:hover { transform: scale(1.15); background-color: #13437d; text-decoration: none; } .conversion a span, .fiche_detail a span, .infos a span { display: none; } .conversion a { background-image: url(../images/icones/conversion.svg); margin-left: 10px; } .fiche_detail a { background-image: url("../images/icones/fiche_detail.svg"); background-size: 55% 55%; } .infos a { background-image: url(../images/icones/infos.svg); background-size: 8px; } .supprimer_petit, .annotation_oui, .annotation_non, .btn_intervalle { margin-right: 6px; display: inline-block; vertical-align: middle; height: 25px; width: 25px; overflow: hidden; transition: none; border-radius: 12px; background-position: center; background-size: 57%; } .supprimer_petit:hover, .annotation_oui:hover, .annotation_non:hover, .btn_intervalle:hover { background-color: #13437d; text-decoration: none; } .supprimer_petit span, .annotation_oui span, .annotation_non span, .btn_intervalle span { visibility: hidden; } .supprimer_petit { background-image: url(../images/icones/supprimer.svg); background-size: 57%; background-color: #A70033; } .supprimer_petit:hover { background-color: #800027; } .annotation_oui, .annotation_non { border-radius: 0; background-size: auto; background-color: transparent !important; } .annotation_oui { background-image: url(../images/icones/annotation_oui.png); } .annotation_non { background-image: url(../images/icones/annotation_non.png); } .btn_intervalle { background-image: url("../images/icones/intervalle.svg"); background-color: #1d66bf; background-size: 80% 80%; } .btn_intervalle:hover { background-color: #13437d; } #outils_article { position: absolute; margin-top: -40px; width: 58%; max-width: 1030px; text-align: right; pointer-events: none; } body.premier_niveau #outils_article { margin-top: 0px; } body.xxl #outils_article { width: 85%; max-width: 1525px; } #outils_article a { pointer-events: auto; } .cartouche_boutons { float: right; margin-bottom: 10px; margin-left: 20px; } .dossier_deroulant a { background-image: url(../images/icones/dossier_deroulant.png) !important; padding-left: 30px !important; padding-top: 2px !important; } .deroule_dossier { background-image: url(../images/icones/dossier_deroulant.png); padding-top: 3px; padding-bottom: 12px; padding-left: 28px; display: block; } .fleche_ead a { background-image: url(../images/icones/fichier.png) !important; padding-top: 0 !important; } .lien_accordeon { margin-top: 15px; } .lien_accordeon a { padding-left: 18px; padding-bottom: 1px; font-size: 17px; background-image: url(../images/icones/accordeon_ferme.png); background-position: 3px 4px; font-weight: 300; display: inline-block; } .lien_accordeon a.ouvert { background-image: url(../images/icones/accordeon_ouvert.png); background-position: 0px 11px; } #pop_up.mdh_visionneuse .lien_accordeon { margin-left: 25px; margin-top: 0; } .bouton_navire { vertical-align: middle; font-style: italic; color: #727A80; } .bouton_navire a { color: #FFFFFF; background-color: #1d66bf; margin-right: 5px; border-radius: 12px; text-decoration: none !important; background-image: url(../images/icones/navire_bouton.png); background-position: 8px center; display: inline-block; font-style: normal; line-height: 25px; margin-left: 5px; overflow: hidden; vertical-align: middle; padding-left: 35px; padding-right: 8px; } .bouton_navire a:hover { background-color: #00478E; text-decoration: none; color: #FFF; } .deux_icones_panier { white-space: nowrap; margin-bottom: 5px; } .bouton { clear: both; margin: 20px 0 15px; } .bouton a, .ef_filtre_texte_btn, input[type="submit"], input[type="button"] { color: #FFFFFF; text-decoration: none; background-color: #1d66bf; margin: 0 2px; padding: 7px 8px 6px; border-radius: 10px; border: none; text-align: center; font-size: 17px; font-weight: 300; display: inline-block; vertical-align: middle; } #colonne2 .bouton a, #colonne2 .ef_filtre_texte_btn, #colonne2 input[type="submit"], #colonne2 input[type="button"] { border-radius: 5px; } .bouton a:hover, .ef_filtre_texte_btn:hover, input[type="submit"]:hover, input[type="button"]:hover { background-color: #00478E; cursor: pointer; text-decoration: none; } .bouton .rechercher:link, .bouton .rechercher:visited { background-image: url("../images/icones/rechercher.svg"); background-size: 20px; background-position: 10px center; padding-left: 38px; padding-top: 4px; padding-bottom: 5px; } .bouton .annuler:link, .bouton .annuler:visited { background-image: url(../images/icones/annuler.png); background-position: 5px center; padding-left: 33px; padding-top: 4px; padding-bottom: 5px; background-color: #733153; } .bouton .annuler:hover { background-color: #C01925; } body.inventaire_afgg .bouton.lien_etat_des_fonds span:before { content: "Consulter la table g\00E9n\00E9rale des mati\00E8res"; } body.inventaire_afgg .bouton.lien_etat_des_fonds span span { display: none; } .infos a { color: #FFF; text-decoration: none; transform: none !important; } .infos a span { display: inline-block !important; background-color: #767f86; padding: 15px; position: absolute; z-index: 2; border-radius: 10px; opacity: 0; margin-top: 20px; right: 0; visibility: hidden; box-shadow: 2px 2px 4px rgba(34, 34, 34, 0.2); max-width: 330px; font-size: 13px; } table .infos a span, .resultat_mosaique .infos a span { max-width: 100%; text-align: justify; } .infos a:hover span { visibility: visible; opacity: 1; margin-top: 30px; } #colonne2 { background-color: #FFF; float: left; display: inline-block; width: 30%; padding-bottom: 15px; font-size: 12px; margin-top: -40px; background-image: url(../images/interface/ombre_colonne_droite.png); background-position: 0px 20px; } @media only screen and (max-width: 750px) { #colonne2 { float: none; width: 92%; font-size: 13px; background-image: none; border: 1px solid #d2dce6; margin-top: 10px; margin-bottom: 20px; } } body.xxl #colonne2 { display: none; } body#accueil #colonne2 { box-shadow: none; width: 33%; padding: 0px; margin-top: 0; background-color: transparent; } @media only screen and (max-width: 750px) { body#accueil #colonne2 { width: 92%; margin-top: 10px; } } .premier_niveau #colonne2, #body_espace_personnel #colonne2 { margin-top: 0; } #body_espace_personnel #colonne2 { padding-top: 15px; } #fausse_colonne2 { float: right; width: 250px; display: inline-block; padding-left: 20px; margin-left: 20px; font-size: 12px; border-left: 1px dotted #C6CACE; margin-bottom: 15px; } @media only screen and (max-width: 900px) { #fausse_colonne2 { display: none; } } #colonne2 hr { background-image: url(../images/interface/filet_droite.png); background-size: 100% 1px; border-top-style: none; } #accueil #colonne2 hr { background-image: url(../images/accueil/filet_droite.png); } #colonne2 p, #colonne2 li { text-align: left; line-height: 17px; font-size: 12px; } @media only screen and (max-width: 750px) { #colonne2 p, #colonne2 li { font-size: 13px; line-height: 18px; } } #colonne2 h6 { font-size: 12px; } #colonne2 .fleche { background-image: url(../images/icones/fleche_courte.svg); background-size: 6px; background-position: 0px 3px; padding-left: 12px; } #colonne2 #textfield, #colonne2 input[type="text"] { font-size: 13px; } .vignette_colonne_droite { max-height: 180px; overflow: hidden; margin-bottom: 10px; } .vignette_colonne_droite a { border: 1px solid #A0ABB3; box-shadow: 2px 2px 6px #C6CCD1; -webkit-box-shadow: 2px 2px 6px #C6CCD1; display: block; } .vignette_colonne_droite img { width: 100%; } .macaron_vide { padding-left: 10%; padding-right: 10%; } #macaron_recherche_globale, #macaron_calendrier_revolutionnaire, #macaron_musees, #macaron_evenement, #macaron_annotation_collaborative, .macaron_alerte, .macaron_objetdumois, #macaron_infos_pratiques, #macaron_sites_complementaires, .macaron_actualites_mdh { padding-left: 15%; padding-right: 8%; padding-top: 3px; margin-bottom: 15px; position: relative; } @media only screen and (min-width: 1300px) { #macaron_recherche_globale, #macaron_calendrier_revolutionnaire, #macaron_musees, #macaron_evenement, #macaron_annotation_collaborative, .macaron_alerte, .macaron_objetdumois, #macaron_infos_pratiques, #macaron_sites_complementaires, .macaron_actualites_mdh { padding-left: 10%; } } #macaron_recherche_globale:before, #macaron_calendrier_revolutionnaire:before, #macaron_musees:before, #macaron_evenement:before, #macaron_annotation_collaborative:before, .macaron_alerte:before, .macaron_objetdumois:before, #macaron_infos_pratiques:before, #macaron_sites_complementaires:before, .macaron_actualites_mdh:before { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; width: 48px; height: 42px; background-repeat: no-repeat; background-size: contain; } #macaron_recherche_globale h2, #macaron_calendrier_revolutionnaire h2, #macaron_musees h2, #macaron_evenement h2, #macaron_annotation_collaborative h2, .macaron_alerte h2, .macaron_objetdumois h2, #macaron_infos_pratiques h2, #macaron_sites_complementaires h2, .macaron_actualites_mdh h2 { font-size: 17px; color: #13437d; } @media only screen and (min-width: 1300px) { #macaron_recherche_globale h2, #macaron_calendrier_revolutionnaire h2, #macaron_musees h2, #macaron_evenement h2, #macaron_annotation_collaborative h2, .macaron_alerte h2, .macaron_objetdumois h2, #macaron_infos_pratiques h2, #macaron_sites_complementaires h2, .macaron_actualites_mdh h2 { font-size: 19px; } } #macaron_recherche_globale:before { background-image: url(../images/macarons/recherche_globale.png); } #macaron_recherche_globale form > div:first-of-type { display: flex; justify-content: space-between; } #macaron_recherche_globale .champ_formulaire { width: 48%; margin-bottom: 3px; } #macaron_recherche_globale .champ_formulaire input[type="text"] { width: 100%; } #macaron_recherche_globale .bouton { margin-top: 10px; } #macaron_calendrier_revolutionnaire:before { background-image: url(../images/macarons/calendrier_revolutionnaire.svg); } .macaron_alerte { padding-bottom: 15px; background-color: rgba(167, 0, 51, 0.15); } .macaron_alerte:before { background-image: url("../images/macarons/alerte.svg"); } .macaron_alerte h1 { font-size: 17px; color: #740023; margin: 10px 0 8px; } @media only screen and (min-width: 1300px) { .macaron_alerte h1 { font-size: 19px; } } .macaron_alerte h2 { color: #A70033; font-size: 13px; } .macaron_objetdumois:before { background-image: url(../images/macarons/objet_du_mois.png); } .macaron_objetdumois h1 { margin-top: 10px; font-weight: 400; font-size: 17px; margin-bottom: 5px; } .macaron_objetdumois h1 a { color: #004494; } .macaron_objetdumois .navigation { display: none; } .macaron_objetdumois .slider_cycle_slide > a { height: 150px; overflow: hidden; display: block; box-shadow: 1px 1px 3px #b6bdc4; -webkit-box-shadow: 1px 1px 3px #b6bdc4; } .macaron_objetdumois img { width: 100%; } .macaron_objetdumois h2 { font-size: 16px; margin-bottom: 4px; } .macaron_objetdumois h3 { font-weight: normal; font-size: 13px; margin-top: 4px; } #macaron_musees:before { background-image: url(../images/macarons/carte_france.svg); } .vignette_macaron_musees { height: 150px; display: block; margin-bottom: 10px; background-image: url(../images/macarons/vignette_carte_musee.jpg); box-shadow: 1px 1px 3px #b6bdc4; -webkit-box-shadow: 1px 1px 3px #b6bdc4; } #macaron_evenement { padding-bottom: 15px; background-color: rgba(0, 114, 255, 0.15); } #macaron_evenement:before { background-image: url(../images/macarons/evenement.svg); } #macaron_annotation_collaborative:before { background-image: url("../images/macarons/annotation_collaborative.svg"); } body#accueil #macaron_annotation_collaborative { background-image: linear-gradient(180deg, #13437d 0%, #1d66bf 100%); color: #a9c5dd; padding-bottom: 15px; } body#accueil #macaron_annotation_collaborative:before { background-image: url("../images/macarons/annotation_collaborative_accueil.svg"); } body#accueil #macaron_annotation_collaborative h2 { color: #FFF; } body#accueil #macaron_annotation_collaborative .fleche { background-image: url("../images/icones/fleche_courte_blanche.svg"); font-weight: bold; } body#accueil #macaron_annotation_collaborative a { color: #FFF; } #colonne2 .nombre_annotations { text-align: center; color: #32536f; border-top: 1px dotted #bfc3c7; padding-top: 10px; } body#accueil #colonne2 .nombre_annotations { border-top-color: #85adce; color: #85adce; } #colonne2 .nombre_annotations strong { line-height: normal; display: block; font-size: 28px; color: #003373; font-weight: 400; } body#accueil #colonne2 .nombre_annotations strong { color: #FFF; } #macaron_infos_pratiques:before { background-image: url("../images/macarons/infos_pratiques.svg"); } #macaron_infos_pratiques h2 a { color: #004494; } #logo_sga a { background-image: url("../images/logos/sga.svg"); background-position: center; background-size: contain; height: 80px; display: block; margin: 10px 0; } #logo_sga a span { display: none; } #logo_chemins_de_memoire a { background-color: #243147; background-image: url(../images/macarons/chemins_de_memoire.svg); background-position: center; height: 90px; margin-top: 25px; margin-bottom: 10px; display: block; background-size: 85% !important; } #logo_chemins_de_memoire a:hover { background-color: #000000; } #logo_chemins_de_memoire span { display: none; } #logo_ordre_liberation a { background-image: url("../images/logos/ordre_liberation.gif"); background-position: center; background-size: contain; height: 140px; width: 160px; display: inline-block; margin: 10px 0; } #logo_ordre_liberation a span { display: none; } #macaron_info_espace_personnel { background-color: #85adce; margin-top: -15px; margin-bottom: 15px; padding: 15px 20px; color: #E5F4FF; } #macaron_info_espace_personnel h2 { display: none; } #macaron_info_espace_personnel h3 { font-size: 23px; color: #D8EEFF; text-align: center; margin-top: 5px; } #zone_annotation_infos { display: none; } .macaron_panier_bouton { line-height: 28px !important; text-align: center !important; } .macaron_panier_bouton a { color: #FFF; background-color: #1d66bf; padding: 2px 8px; margin-right: 2px; margin-left: 2px; border-radius: 8px; text-decoration: none !important; font-weight: 300; font-size: 17px; } .macaron_panier_bouton a:hover { background-color: #00478E; text-decoration: none; } #macaron_info_espace_personnel a { color: #FFF; } #macaron_info_espace_personnel .fleche { background-image: url("../images/icones/fleche_courte_blanche.svg"); font-weight: bold; } #pourcentage_annotation p { text-align: center; color: #91989E; text-transform: uppercase; font-size: 12px; margin: 15px 0 3px; } #pourcentage_annotation #barre_pourcentage_annotation { border: 1px solid #acb1b6; display: flex; height: 30px; margin-bottom: 20px; overflow: hidden; } table.tableau_facettes #pourcentage_annotation #barre_pourcentage_annotation { margin: 5px 0; background-color: #FFF; height: 20px; } #pourcentage_annotation #barre_pourcentage_annotation span { background-image: linear-gradient(270deg, #103766 0%, #307fdf 100%); animation-name: barre_progressive; animation-duration: 1s; animation-fill-mode: both; } @keyframes barre_progressive { from { transform: translate3d(-100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } #pourcentage_annotation #barre_pourcentage_annotation span span { display: none; } a, .vignette_cartouche img, .vignette_cartouche_exposition img, .liste_expo_resume img, .vignette_opex, .liste_expo_mosaique img, td, .tableau_ligne0, .navigation_onglet, .auto_list .auto_item, .auto_list .MDHauto_item, .MDHauto_list .auto_item, .MDHauto_list .MDHauto_item, body#fiche_detaillee.facettes #autres_images img, .bouton a, .ef_filtre_texte_btn, input[type="submit"], input[type="button"], .infos a span, body#accueil .actualites_accueil .slider_cycle_slide > span > a img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } #colonne2 #macaron_filtres .auto_list { -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } body, #pied_de_page li li, #outils li, .liste_resume h3, liste_expo_resume h3, .resultat_mosaique h5, .resultat_mosaique h6, #plan_du_site h5, .navire_picto .navire_infobulle, #menu .sous_menu, body#pop_up #abecedaire, body#pop_up .abecedaire, body#pop_up #contenu_central .ef_retour_recherche, .facettes_ef_tri label, #eadArkCENTER h5, body.facettes_mosaique.bbcarchange .resultat_mosaique h3.archange, body.facettes .resultat_mosaique h4, body.facettes .popup_fiche h4, body.facettes .tableau_facettes h4, body.facettes .leaflet-container, .macaron_alerte h2, .macaron_objetdumois h3, body#accueil .macaron_actualites_mdh h3 { font-family: Helvetica, Arial, sans-serif; } .titre_rubrique, legend, #pied_de_page .mention_pied_de_page, #pied_de_page li, th, .liste_simple .affichage_liste_entree, .liste_expo_liste_simple .slide, .resultat_mosaique h4, #conteneur_navigation_onglets, .premier_niveau .titre_page, #body_espace_personnel .titre_page, #body_espace_personnel #contenu_central .fleche, .nombre_de_morts, a.picto_equipage, body.recherche_transversale .resultat_recherche_transversale p, #resultat_conversion p, #arkoCnilTracking-conteneur a#arkoCnilTracking-accept, #arkoCnilTracking-conteneur a#arkoCnilTracking-refuse, #menu, #abecedaire, .abecedaire, #contenu_central .ef_retour_recherche, #popup_panier_ajout p, #popup_lienArk h4, .nombre_facettes strong, .reset_facettes, .lien_accordeon a, .bouton a, .ef_filtre_texte_btn, input[type="submit"], input[type="button"], .macaron_alerte h1, .macaron_objetdumois h1, #colonne2 .nombre_annotations strong, .macaron_panier_bouton a, body#accueil #voir_toutes_les_actus, body#accueil .macaron_actualites_mdh h1, body#accueil #nuage_de_mots_cles { font-family: 'Oswald', Helvetica, Arial, sans-serif; } @media only screen and (max-width: 450px) { body#accueil { background-position: center -200px; } } body#accueil .filrouge, body#accueil #contenu_central h1, body#accueil #outils_article { display: none; } body#accueil #logo_ministere_defense { margin-left: 0; top: 20px; } body#accueil #bandeau { height: 451px; background-image: url(../images/accueil/bandeau/bandeau_filet.jpg); } @media only screen and (max-width: 450px) { body#accueil #bandeau { height: 156px; background-image: none; } } body#accueil #bandeau_defilant { height: 450px; margin-left: 0 !important; } @media only screen and (max-width: 1000px) and (min-width: 750px) { body#accueil #bandeau_defilant { background-image: none; } body#accueil #bandeau_defilant img { display: block !important; width: 100%; left: 0; } } @media only screen and (max-width: 750px) { body#accueil #bandeau_defilant { background-image: url(../images/accueil/bandeau/bandeau_responsive.jpg); } } @media only screen and (max-width: 450px) { body#accueil #bandeau_defilant { display: none; } } body#accueil #titre_mdh { background-image: url(../images/accueil/titre.png); background-size: auto 100%; background-position: right 0; width: 50%; max-width: 635px; min-width: 525px; height: 305px; top: 145px; } body#accueil #menu { background-image: none; } body#accueil #menu > ul > li { background-image: url(../images/accueil/menu_separateur.gif); } body#accueil #central { width: 64%; background-color: transparent; padding: 0px; margin-right: 3%; } body#accueil area:focus, body#accueil area:active { outline: none; } body#accueil .actualites_accueil { text-align: left; width: 30%; max-width: 528px; position: absolute; top: 85px; z-index: 200; height: 350px; } @media only screen and (max-width: 1000px) and (min-width: 750px) { body#accueil .actualites_accueil { margin-left: -5%; width: 35%; } } @media only screen and (max-width: 750px) { body#accueil .actualites_accueil { margin-left: 50%; width: 38%; } } @media only screen and (max-width: 660px) { body#accueil .actualites_accueil { width: 100%; max-width: none; margin-left: 0; margin-top: 30px; position: inherit; } } body#accueil .actualites_accueil #cycle_1, body#accueil .actualites_accueil .slider_cycle_slide { width: 100%; height: 350px; } body#accueil .actualites_accueil h1 { display: none; } body#accueil .actualites_accueil .navigation { margin-top: 248px; position: absolute; z-index: 200; } @media only screen and (max-width: 750px) { body#accueil .actualites_accueil .navigation { margin-top: 232px; } } body#accueil .actualites_accueil .slider_cycle_slide > span > a { height: 235px; width: 97%; border: 5px solid #2C3A46; display: block; overflow: hidden; margin-bottom: 22px; } @media only screen and (max-width: 750px) { body#accueil .actualites_accueil .slider_cycle_slide > span > a { height: 215px; } } body#accueil .actualites_accueil .slider_cycle_slide > span > a img { width: 100%; min-height: 235px; object-fit: cover; } @media only screen and (max-width: 750px) { body#accueil .actualites_accueil .slider_cycle_slide > span > a img { min-height: 215px; } } body#accueil .actualites_accueil .slider_cycle_slide > span > a img:hover { filter: brightness(1.3); -webkit-filter: brightness(1.3); -moz-filter: brightness(1.3); -o-filter: brightness(1.3); -ms-filter: brightness(1.3); } body#accueil .actualites_accueil .textes_slider { height: 85px; overflow: hidden; } body#accueil .actualites_accueil .textes_slider h2 { font-size: 20px; text-shadow: 1px 1px 5px #193a5c; margin-bottom: 0px; line-height: 25px; } @media only screen and (max-width: 660px) { body#accueil .actualites_accueil .textes_slider h2 { text-shadow: none; } } body#accueil .actualites_accueil .textes_slider h2 a { color: #FFF; } @media only screen and (max-width: 660px) { body#accueil .actualites_accueil .textes_slider h2 a { color: #1d66bf; } } body#accueil .actualites_accueil .textes_slider h3 { font-size: 16px; color: #bcc4cb; margin-top: 3px; margin-bottom: 0px; } @media only screen and (max-width: 660px) { body#accueil .actualites_accueil .textes_slider h3 { color: #626c75; } } body#accueil .actualites_accueil .textes_slider p { display: none; } body#accueil #pagerSlide a, body#accueil #pagerSlide2 a { border-radius: 10px; margin-right: 5px; background-color: #58a0e6; height: 12px; width: 12px; display: inline-block; border: none; } body#accueil #pagerSlide a:hover, body#accueil #pagerSlide a.activeSlide, body#accueil #pagerSlide2 a:hover, body#accueil #pagerSlide2 a.activeSlide { background-color: #FFF; text-decoration: none; } @media only screen and (max-width: 660px) { body#accueil #pagerSlide a:hover, body#accueil #pagerSlide a.activeSlide, body#accueil #pagerSlide2 a:hover, body#accueil #pagerSlide2 a.activeSlide { background-color: #13437d; } } body#accueil #pagerSlide a span, body#accueil #pagerSlide2 a span { display: none; } body#accueil #voir_toutes_les_actus { position: absolute; top: 60px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } @media only screen and (max-width: 1000px) and (min-width: 750px) { body#accueil #voir_toutes_les_actus { margin-left: -5%; } } @media only screen and (max-width: 750px) { body#accueil #voir_toutes_les_actus { margin-left: 50%; } } @media only screen and (max-width: 660px) { body#accueil #voir_toutes_les_actus { display: none; } } @media only screen and (max-width: 1400px) { body#accueil #voir_toutes_les_actus span { display: none; } } body#accueil #voir_toutes_les_actus a { display: inline-block; background-color: #2C3A46; padding: 5px 10px 0; line-height: 20px; color: #FFF; } body#accueil #voir_toutes_les_actus a:hover { background-color: #13437d; text-decoration: none; } body#accueil .macaron_actualites_mdh { background-image: linear-gradient(180deg, #395772 0%, #5E7A93 100%); padding-bottom: 15px; } body#accueil .macaron_actualites_mdh:before { background-image: url("../images/macarons/actualites_mdh.svg"); } body#accueil .macaron_actualites_mdh h1 { font-size: 17px; margin: 8px 0 10px; } body#accueil .macaron_actualites_mdh h1 a { color: #FFF; } body#accueil .macaron_actualites_mdh h1 a:hover { text-decoration: none; } body#accueil .macaron_actualites_mdh #pagerSlide2 { position: absolute; z-index: 20; margin-top: 215px; } body#accueil .macaron_actualites_mdh #cycle_3, body#accueil .macaron_actualites_mdh .slider_cycle_slide { width: 100%; } body#accueil .macaron_actualites_mdh h2 { font-size: 20px; line-height: 25px; font-weight: 300; margin: 35px 0 4px; } body#accueil .macaron_actualites_mdh h2 a { color: #FFF; } body#accueil .macaron_actualites_mdh h3 { font-size: 14px; font-weight: bold; color: #CFE1F2; margin-top: 0; } body#accueil .macaron_actualites_mdh p { order: 4; margin: 0; color: #A7CDEE; } body#accueil .macaron_actualites_mdh img { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4); width: 100%; height: 200px; object-fit: cover; } body#accueil #macaron_sites_complementaires { padding-right: 0; display: flex; flex-wrap: wrap; max-width: 370px; } @media only screen and (max-width: 1000px) { body#accueil #macaron_sites_complementaires { justify-content: space-between; } } body#accueil #macaron_sites_complementaires:before { background-image: url("../images/macarons/sites_complementaires.svg"); } body#accueil #macaron_sites_complementaires h2 { width: 100%; } body#accueil #macaron_sites_complementaires > div { width: 80%; margin: 10px 0; } @media only screen and (max-width: 1200px) { body#accueil #macaron_sites_complementaires > div { width: 90%; } } @media only screen and (max-width: 1000px) { body#accueil #macaron_sites_complementaires > div { width: 100%; } } body#accueil #macaron_sites_complementaires > div a { height: 80px; display: block; background-size: contain; margin: 0; } body#accueil #macaron_sites_complementaires > div span { display: none; } body#accueil #macaron_sites_complementaires > div#logo_clade a { background-image: url("../images/logos/clade.svg"); height: 80px; } body#accueil #macaron_sites_complementaires > div#logo_shd, body#accueil #macaron_sites_complementaires > div#logo_sga { width: 40%; } @media only screen and (max-width: 1200px) { body#accueil #macaron_sites_complementaires > div#logo_shd, body#accueil #macaron_sites_complementaires > div#logo_sga { width: 45%; } } body#accueil #macaron_sites_complementaires > div#logo_shd a, body#accueil #macaron_sites_complementaires > div#logo_sga a { height: 90px; } body#accueil #macaron_sites_complementaires > div#logo_shd a { background-image: url("../images/logos/shd.svg"); } body#accueil fieldset { padding-top: 25px; padding-bottom: 0; margin-bottom: 10px; margin-top: 0; background-color: #FFF; } body#accueil .liste_resume { margin-top: 0; } body#accueil .liste_resume .affichage_liste_entree { width: 48%; padding-left: 1%; padding-right: 1%; } body#accueil #nuage_de_mots_cles { font-weight: 300; text-align: center; line-height: 22px; margin-top: 30px; padding-bottom: 5px; } body#accueil #nuage_de_mots_cles a { margin-right: 5px; white-space: nowrap; } body#accueil .nuage_niveau_1 { font-size: 20px; color: #235483 !important; } body#accueil .nuage_niveau_2 { font-size: 16px; color: #3275c3 !important; font-weight: 400; } body#accueil .nuage_niveau_3 { font-size: 13px; color: #75aff2 !important; font-weight: 400; } @media only screen and (max-width: 750px) { body#accueil #menu { top: 0; } body#accueil #colonne2 { border: none; } body#accueil #titre_mdh { margin-top: 35px; height: 270px; min-width: 400px; width: 70%; min-width: 460px; } body#accueil .liste_resume .vignette_cartouche { height: 150px; } } @media only screen and (max-width: 450px) { body#accueil #titre_mdh { height: 200px; margin-top: 0; top: -43px; width: 100%; background-position: -130px 0; min-width: 0; } body#accueil .liste_resume .affichage_liste_entree { width: 100%; padding: 0; } body#accueil .liste_resume .vignette_cartouche { height: 190px; } } @media only screen and (min-width: 1500px) { #menu li { font-size: 17px; } #central h1 { font-size: 30px; } #central h2.sous_titre { font-size: 22px; } body { font-size: 14px; } #central p, #central li, body#fiche_detaillee.facettes .post_label { font-size: 14px; line-height: 21px; } #colonne2 p, #colonne2 li { line-height: 18px; font-size: 13px; text-align: justify; } #conteneur_navigation_onglets { font-size: 13px; } } @media only screen and (min-width: 1300px) { #bandeau_defilant { margin-left: 200px; } #menu #menu6 .sous_menu { width: 240px; } .macaron_objetdumois h1, #macaron_infos_pratiques h2 { font-size: 19px; } #macaron_recherche_globale, .macaron_objetdumois, #macaron_infos_pratiques { padding-left: 10%; } #logo_chemins_de_memoire a { background-size: 75%; height: 105px; } } @media only screen and (max-width: 1100px) { body { width: 95%; } .vignette_cartouche { max-width: 40%; } #menu li { font-size: 15px; } #menu li a { padding-left: 5%; padding-right: 5%; overflow: hidden; text-overflow: ellipsis; } #menu #menu6 .sous_menu { margin-left: -80px; } #outils_article { width: 61%; } } @media only screen and (max-width: 1000px) { #bandeau_defilant { background-image: url(../images/bandeau/bandeau_responsive.jpg); width: 100%; } .liste_resume .vignette_cartouche { height: 140px; } #bandeau_defilant img { display: none !important; } #drapeaux, #ead #drapeaux { right: 0; } #drapeaux_interieur { border-radius: 0 0 0 8px; } #pied_de_page_interieur_bis { min-width: 0; width: 95%; } #intro_conflit { padding-left: 6%; padding-right: 6%; padding-top: 280px; min-height: 0; } } @media only screen and (max-width: 900px) { .resultat_mosaique { width: 100%; display: block; padding-right: 0; float: none; } body.facettes_mosaique .resultat_mosaique { width: 42%; display: inline-block; padding-right: 8%; float: left; } } @media only screen and (max-width: 750px) { body { width: 100%; font-size: 14px; } .filrouge { font-size: 12px; margin-left: 60px; margin-top: -47px; max-height: none; margin-right: 5%; } #menu #menu6 .sous_menu { margin-left: 0px; } .titre_rubrique a { padding-right: 4%; } #outils_article { display: none; } .titre_rubrique { width: 100%; } #central, #accueil #central { width: 100% !important; padding-right: 4%; padding-left: 4% !important; float: none; } .vignette_cartouche { max-width: 50%; } .liste_resume .vignette_cartouche { height: 190px; } .liste_resume .vignette_cartouche img { width: auto; height: 210px; } #popup_lienArk { left: 0; border-radius: 0; box-sizing: border-box; width: 100%; } #popup_lienArk input[type="text"] { width: 88%; } #conteneur_navigation_onglets { font-size: 13px; } .post_label { width: auto; float: none; } .recherche_transversale fieldset { width: 96%; } #textfield, input[type="text"], input[type="password"], textarea { width: 68%; padding: 2%; padding-top: 10px; padding-bottom: 10px; } #menu_pied_de_page { width: 70%; } #outils { width: 30%; } #pied_de_page li { width: 48%; } #pied_de_page #menu3, #pied_de_page #menu5, #pied_de_page #menu7 { clear: both; } #pied_de_page #menu4, #pied_de_page #menu8 { clear: none; } body.facettes_carte #menu { margin-bottom: 15px; } body.facettes_carte .filrouge { display: block; } body.facettes_carte .titre_rubrique { width: 100%; } .colonne_description_facette_detail, .colonne_infos_facette_detail { float: none; width: 100%; padding: 0; display: block; } .colonne_infos_facette_detail { padding: 15px 2%; } a#btn_mobile_facettes { display: block !important; overflow: hidden; width: 40px; height: 50px; border-radius: 40px 0 0 40px; position: fixed; z-index: 1001; top: 45%; right: 0px; margin-top: 5px; background-image: url("../images/icones/rechercher.svg"); background-size: 70%; background-position: 8px center; background-color: #1d66bf; } a#btn_mobile_facettes.mobile_ouvert { background-image: url(../images/icones/supprimer.svg); background-position: center center; background-size: 55%; background-color: #13437d; } a#btn_mobile_facettes span { display: none; } body.facettes #colonne2 { display: none; } body.facettes #colonne2.mobile_ouvert { display: block; background-color: #FFF; float: none; margin: 0; width: 100%; text-align: center; position: fixed; position: -webkit-fixed; z-index: 1000; height: 100% !important; padding-bottom: 40px; overflow-y: auto; top: 0; left: 0; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-name: volet_facette_animation; -webkit-animation-name: volet_facette_animation; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; } @keyframes volet_facette_animation { from { left: 100%; opacity: 0; } to { left: 0; opacity: 1; } } @-webkit-keyframes volet_facette_animation { from { left: 100%; opacity: 0; } to { left: 0; opacity: 1; } } } @media only screen and (max-width: 550px) { #menu.menu-visible { width: 100%; } #bandeau_defilant, #accueil #bandeau_defilant { background-image: none; } #ead #bandeau_defilant { background-image: url(../images/bandeau/bandeau_responsive.jpg); } .bandeau_haut_image { display: none; } .vignette_cartouche { float: none; max-width: none; text-align: center; margin-left: 0; } .vignette_cartouche a { background-color: transparent; } #abecedaire, #pop_up #abecedaire { font-size: 16px; } #abecedaire a:link, #abecedaire a:visited, #pop_up #abecedaire a:link, #pop_up #abecedaire a:visited { padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; margin-right: 2px; margin-left: 3px; margin-bottom: 10px; } .lien_accordeon { margin-left: 4%; } #menu_pied_de_page { width: 60%; } #outils { width: 40%; } #pied_de_page li { width: 98%; } .liste_resume .affichage_liste_entree { width: 88%; padding-left: 6%; float: none; } .liste_resume .vignette_cartouche img { box-sizing: border-box; width: 100%; height: auto; } .liste_resume h2 a { font-size: 16px; } .liste_resume h3 { font-size: 14px; } #fausse_colonne2 { float: none; width: auto; display: block; padding-left: 0; border: none; } body.recherche_transversale #logo_sga { display: none; } } @media only screen and (max-width: 450px) { #drapeaux { display: none; } #menu_pied_de_page, #outils { width: 100%; } #onglets { float: none; text-align: center; } body.facettes_mosaique .resultat_mosaique { width: 100%; display: block; padding-right: 0; float: none; } } /*# sourceMappingURL=styles.css.map */