a, .vignette_cartouche img, .facettes-fancybox img, .slider_cycle_slide img, .facette_imagette img, .facette-visionneuse-vignette img, .vignette_cartouche_exposition img, #autres_images a img, td, .liste_expo_mosaique a.slide img, .liste_accordeon_simple .accordeon_titre:before, .liste_accordeon_multiple .accordeon_titre:before, #menu li span, .yui-ac-bd li, .visualiser a, .visualiser_interdit a, .visualiser_salle_lecture a, .fiche_detail a, .supprimer a, .btn_intervalle { -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; }

#conteneur_global, body.mediatheque #signature_mediatheque > div { margin: 0px auto !important; width: 90%; max-width: 1900px; min-width: 980px; }

* { background-repeat: no-repeat; box-sizing: border-box; }

body { font-family: 'proxima_nova', Helvetica, Arial, sans-serif; padding: 0px; margin: 0px auto !important; width: 100%; background-color: #FFF; font-size: 14px; color: #333; position: relative; text-align: center; }

@font-face { font-family: 'proxima_nova'; font-style: normal; font-weight: 300; src: url("fonts/proxima-nova-thin.woff") format("woff"); }
@font-face { font-family: 'proxima_nova'; font-style: normal; font-weight: normal; src: url("fonts/proxima-nova-regular.woff") format("woff"); }
@font-face { font-family: 'proxima_nova'; font-style: normal; font-weight: bold; src: url("fonts/proxima-nova-bold.woff") format("woff"); }
a { text-decoration: none; color: #c60015; }
a:hover { text-decoration: underline; color: #7a000d; }

hr { clear: both; padding: 0px; height: 1px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; border-top: 1px solid #d3d3d3; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; }

hr.filet_invisible { margin: 0px; padding: 0px; height: 0px; visibility: hidden; }

fieldset { margin: 20px 0; padding: 15px 3% 10px; border: 1px solid #adadad; }

#conteneur_global { display: flex; flex-wrap: wrap; }

#conteneur { margin-bottom: 30px; flex: 1; }

.filrouge { clear: both; background-color: #f5f5f5; padding: 8px 15px; color: #777; margin: 0; line-height: 31px; font-size: 12px; }
.filrouge a { color: #000000; }

.titre_rubrique { margin: 0; margin-left: 4%; }
.titre_rubrique a { font-size: 16px; font-weight: bold; position: absolute; padding-top: 45px; }

#signature { position: absolute; left: 0; bottom: -130px; width: 100%; background-color: #3D3D3F; box-sizing: border-box; padding: 40px 0; font-size: 12px; color: #FFFFFF; }

#signature_interieure { margin-right: auto; margin-left: auto; width: 90%; min-width: 980px; max-width: 1400px; }

#signature a { color: #FFFFFF; }

#signature_gauche { display: inline-block; border-right: 1px solid white; padding-right: 30px; width: 59%; box-sizing: border-box; text-align: right; }

#signature_droite { display: inline-block; padding-left: 30px; width: 40%; box-sizing: border-box; text-align: left; }
#signature_droite h2 { margin: 0; margin-bottom: 6px; padding: 0; font-size: 12px; color: #FFEA00; font-weight: normal; }

#signature_droite ul { list-style-type: none; padding: 0; margin: 4px 0 0 0; }

#signature_droite li { display: inline; margin-right: 10px; }

#signature_droite a { display: inline-block; width: 23px; height: 23px; background-position: center; }

#signature_droite span { display: none; }

#signature_droite .facebook { background-image: url(../images/icones/facebook.svg); }

#signature_droite .twitter { background-image: url(../images/icones/twitter.svg); }

#signature_droite .monaco_channel { background-image: url(../images/icones/monaco_channel.svg); }

#colonne1 { display: none; }

#central { background-image: url(../images/interface/zebra.jpg); background-repeat: repeat-x; padding-top: 60px; }

#body_espace_personnel #central { float: left; width: 75%; }

#contenu_central { padding-left: 4%; }

#body_espace_personnel #contenu_central { padding: 0 4%; }

img { border: none; }

.vignette_cartouche, #fiche_detaillee.facettes .vignette_facette { max-width: 45%; float: right; margin-bottom: 35px; margin-left: 30px; display: inline-block; background-color: #c70016; }
@media only screen and (max-width: 500px) { .vignette_cartouche, #fiche_detaillee.facettes .vignette_facette { max-width: none; float: none; margin-left: 0; } }

.vignette_cartouche, .facettes-fancybox, .slider_cycle_slide, .facette_imagette, .facette-visionneuse-vignette, .vignette_cartouche_exposition { display: inline-block; }
.vignette_cartouche img, .facettes-fancybox img, .slider_cycle_slide img, .facette_imagette img, .facette-visionneuse-vignette img, .vignette_cartouche_exposition img { max-width: 100%; vertical-align: middle; }
.vignette_cartouche a:hover > img, .vignette_cartouche:hover > a img, .facettes-fancybox a:hover > img, .facettes-fancybox:hover > a img, .slider_cycle_slide a:hover > img, .slider_cycle_slide:hover > a img, .facette_imagette a:hover > img, .facette_imagette:hover > a img, .facette-visionneuse-vignette a:hover > img, .facette-visionneuse-vignette:hover > a img, .vignette_cartouche_exposition a:hover > img, .vignette_cartouche_exposition:hover > a img { cursor: pointer; filter: brightness(1.3); -webkit-filter: brightness(1.3); -moz-filter: brightness(1.3); -o-filter: brightness(1.3); -ms-filter: brightness(1.3); }

.vignette_cartouche_exposition img { max-width: 100%; max-height: 650px; }

.vignette_cartouche a:hover > img { cursor: pointer; filter: brightness(1.3); -webkit-filter: brightness(1.3); -moz-filter: brightness(1.3); -o-filter: brightness(1.3); -ms-filter: brightness(1.3); }

#autres_images { clear: both; margin-top: 30px; }
#autres_images a { margin-right: 5px; margin-bottom: 10px; margin-left: 5px; display: inline-block; background-color: #c70016; }
#autres_images a img { max-width: 100%; vertical-align: middle; width: 160px; }
@media only screen and (min-width: 1400px) { #autres_images a img { width: 170px; } }
#autres_images a img:hover { cursor: pointer; filter: brightness(1.3); -webkit-filter: brightness(1.3); -moz-filter: brightness(1.3); -o-filter: brightness(1.3); -ms-filter: brightness(1.3); }

.bandeau_haut_image { margin: 20px 0; }
.bandeau_haut_image img { width: 100%; object-fit: cover; height: 200px; }

table { border-collapse: collapse; font-size: 14px; border-width: 0px !important; border-style: none !important; width: 100% !important; margin-top: 15px; margin-bottom: 25px; text-align: left; }

th { text-align: left; padding: 6px; font-weight: bold; vertical-align: bottom; background-color: #919191; color: #FFFFFF; }

td { padding: 4px 6px; border: none; vertical-align: middle; }

tr { background-color: transparent; }

table tr:nth-child(even) { background-color: #f5f5f5; }

.resultat_recherche tr:hover > td { background-color: #ffecee; }

.cellule_insecable { white-space: nowrap; }

.nombre_images, .epoux_epouse, .poids_fichier { font-size: 13px; font-style: italic; color: #969696; }

.liste_simple, .affichage_liste_second_niveau, .liste_expo_liste_simple { margin-top: 20px; text-align: left; }
.liste_simple .affichage_liste_entree, .liste_simple .slide, .affichage_liste_second_niveau .affichage_liste_entree, .affichage_liste_second_niveau .slide, .liste_expo_liste_simple .affichage_liste_entree, .liste_expo_liste_simple .slide { background-image: url(../images/icones/fleche.svg); background-size: 7px; margin-left: 25px; padding-left: 17px; background-position: 0px 2px; margin-bottom: 8px; font-size: 15px; font-weight: bold; }

.liste_resume { clear: both; margin: 30px 0 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.liste_resume .affichage_liste_entree { width: 31%; padding-bottom: 75px; }
@media only screen and (min-width: 1700px) { .liste_resume .affichage_liste_entree { width: 23%; } }
.liste_resume .affichage_liste_entree .vignette_cartouche { display: inline-block; float: none; margin: 0; max-width: none; }
.liste_resume .affichage_liste_entree .vignette_cartouche img { height: 250px; object-fit: cover; }
.liste_resume h3 { font-size: 17px; margin: 0 0 10px; }
.liste_resume hr { display: none; }

.liste_expo_mosaique { margin-top: 30px; padding-bottom: 15px; clear: both; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.liste_expo_mosaique a.slide { margin-bottom: 10px; width: 24%; }
@media only screen and (min-width: 1500px) { .liste_expo_mosaique a.slide { width: 19%; } }
@media only screen and (min-width: 1900px) { .liste_expo_mosaique a.slide { width: 16%; } }
@media only screen and (min-width: 2200px) { .liste_expo_mosaique a.slide { width: 14%; } }
.liste_expo_mosaique a.slide img { max-width: 100%; vertical-align: middle; }
.liste_expo_mosaique a.slide img:hover { cursor: pointer; filter: brightness(1.3); -webkit-filter: brightness(1.3); -moz-filter: brightness(1.3); -o-filter: brightness(1.3); -ms-filter: brightness(1.3); }
.liste_expo_mosaique .filet_invisible { display: none; }

.liste_accordeon_simple, .liste_accordeon_multiple { clear: both; }
.liste_accordeon_simple .accordeon_contenu_slide, .liste_accordeon_multiple .accordeon_contenu_slide { width: 100% !important; padding-left: 5%; padding-bottom: 20px; border-bottom: 1px solid #7A7A7A; }
.liste_accordeon_simple .accordeon_titre, .liste_accordeon_multiple .accordeon_titre { display: flex; }
.liste_accordeon_simple .accordeon_titre:before, .liste_accordeon_multiple .accordeon_titre:before { content: ""; display: inline-block; width: 12px; height: 15px; margin-right: 10px; margin-top: 4px; background-image: url("../expositions/images/icones/accordeon.svg"); background-size: 11px; background-repeat: no-repeat; }
.liste_accordeon_simple .accordeon_titre.ouvert:before, .liste_accordeon_multiple .accordeon_titre.ouvert:before { transform: rotate(90deg); }
.liste_accordeon_simple .accordeon_titre a:hover, .liste_accordeon_multiple .accordeon_titre a:hover { text-decoration: none; }

#navigation_transversale { margin: 35px 0 20px 4%; clear: both; font-size: 14px; }
#navigation_transversale a { width: 46%; display: inline-block; background-size: 10px; color: #9798c1; }
#navigation_transversale a:hover { color: #c60015; opacity: 1; text-decoration: none; }
#navigation_transversale a.precedent { background-image: url(../images/icones/page_precedente.svg); background-position: 0 1px; padding-left: 22px; float: left; text-align: left; }
#navigation_transversale a.suivant { float: right; background-image: url(../images/icones/page_suivante.svg); text-align: right; padding-right: 22px; background-position: right 1px; }
#navigation_transversale:after { content: ""; display: block; clear: both; }

#accueil .filrouge, #accueil h1.titre_page { display: none; }

#accueil #conteneur { margin-bottom: 0; }

#accueil #contenu_central { padding: 3%; }

#accueil #central { background-repeat: repeat; padding-top: 0; }

.pitch { padding: 70px 10%; background-color: #FFF; }

.texte_pitch { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; column-gap: 40px; -webkit-column-gap: 40px; -moz-column-gap: 40px; }

#bandeau_defilant { width: 100%; height: 200px; overflow: hidden; margin-bottom: 20px; text-align: left; }
#bandeau_defilant img { max-width: 703px; min-width: 574px; width: 53%; }

#bandeau { width: 100%; }

#liens_annexes { padding: 8px 20px 5px; border: 1px solid rgba(153, 153, 153, 0.5); border-radius: 0 0 3px 3px; border-top: 0; height: 22px; text-transform: uppercase; display: table; width: 100%; margin: 0; box-sizing: border-box; margin-bottom: 22px; }

#liens_annexes li { border-right: 1px solid #999; display: table-cell; padding: 0; margin: 0; text-align: center; list-style: none; vertical-align: top; }

#liens_annexes > li:last-child { border-right: none; }

#liens_annexes a { display: inline-block; font-size: 11px; color: #999; }

#liens_annexes > li > a:hover { text-decoration: none; color: #000000; }

#tetiere { display: flex; height: 82px; }
#tetiere .logo_monaco { width: 22%; max-width: 264px; background-image: url(../images/interface/logo_monaco.svg); background-size: contain; background-position: center; }
#tetiere .logo_monaco span { display: none; }
#tetiere .titre_monaco { padding-top: 25px; flex: 1; background-color: #c60015; font-size: 24px; font-weight: 700; text-transform: uppercase; color: #FFF; text-align: center; }
#tetiere .titre_monaco span { display: block; font-size: 11px; font-family: 'Trebuchet MS'; letter-spacing: 0.2px; padding-top: 1px; }
#tetiere .titre_monaco:hover { background-color: #FFF; color: #c70016; text-decoration: none; }

#menu { flex-basis: 22%; max-width: 264px; padding-top: 47px; }

#menu ul { margin: 0px; padding: 0px; }

#menu li { padding: 0px; list-style: none; margin: 0px; margin-bottom: 25px; line-height: normal; }

#menu li a { display: block; background-color: #f9bb00; font-size: 19px; font-weight: 700; color: #FFFFFF; text-align: center; }

#menu li a:hover { background-color: #c70016; text-decoration: none; }

#menu li span { padding: 15px 15% 0; height: 200px; display: block; background-image: url(../images/interface/menu_1.png); background-position: center 55px; }

#menu #menu2 span { background-image: url(../images/interface/menu_2.png); }

@media only screen and (max-width: 1300px) { #menu li span { padding: 15px 25px 0; } }
#menu li a:hover > span { background-position: center bottom; }

#menu .sous_menu { display: none; }

#espace_personnel { clear: both; }

#espace_personnel a { display: none; }

.espace_personnel { box-sizing: border-box; display: inline-block; float: left; width: 5%; height: 82px; background-color: #c60015; background-image: url(../images/icones/espace_personnel.svg); background-position: center; background-size: 25px; }

.espace_personnel_connecte { background-image: url(../images/icones/espace_personnel_connecte.svg); }

.espace_personnel:hover { background-size: 30px; background-color: rgba(198, 0, 21, 0.78); }

.espace_personnel span { display: none; }

.alerte { font-weight: bold; text-align: center; margin-top: 20px; margin-bottom: 20px; font-size: 13px; font-family: 'Trebuchet MS'; padding: 0 !important; }

.alerte span { background-color: #fabc00; color: #FFFFFF; max-width: 66%; padding: 5px 10px; display: inline-block; }

.champ_formulaire { width: 90%; margin-left: 10%; padding-top: 25px; clear: left; text-align: left; }

input[type="text"], input[type="password"], textarea { font-family: 'proxima_nova', Helvetica, Arial, sans-serif; border: 1px solid #dfdfdf; background-color: #f5f5f5; display: inline; font-size: 15px; color: #000000; width: 100%; padding: 8px 1%; box-sizing: border-box; vertical-align: middle; margin: 0px; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; background-color: #fff5f6; color: #c60015; border-color: #eed8da; }

select { font-size: 14px; }

input[type="radio"], input[type="checkbox"] { width: 15px; vertical-align: middle; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline; margin-right: 5px; margin-left: 10px; }

input[type="text"].moyen, input[type="password"].moyen { width: 50%; }

input[type="text"].court, input[type="text"].trescourt { width: 50px !important; margin-right: 5px; }

label { display: block; color: #535353; font-size: 16px; font-weight: bold; margin-bottom: 10px; }

label .label_info { display: block; font-size: 13px; font-weight: normal; }

.label_second { display: inline; margin: 0px; font-weight: normal; color: #333; font-size: 15px; }

.label_second:hover { cursor: pointer; color: #000000; }

.cartouche_formulaire { padding: 15px; border: 1px solid #cecece; float: left; display: inline-block; width: 19%; box-sizing: border-box; margin-top: 20px; margin-right: 1%; }

.cartouche_formulaire + .cartouche_formulaire { width: 39%; }

.cartouche_formulaire .champ_formulaire { width: 100%; margin: 0; padding: 0; }

.cartouche_formulaire input[type="text"] { width: 82%; }

#abecedaire { margin-bottom: 20px; margin-top: 15px; text-align: center; clear: both; color: #6a6a6a; line-height: 30px; font-size: 16px; font-weight: 300; }

#abecedaire a:link, #abecedaire a:visited { font-weight: normal; font-size: 16px; text-decoration: none; background-color: #f5f5f5; color: #000; padding: 4px 6px; margin: 0 1px; }

#abecedaire a:hover { background-color: #FFF; color: #c70016; }

#abecedaire .page_en_cours { font-weight: bold; font-size: 16px; padding: 2px 8px; color: #6a6a6a !important; }

#pop_up { width: auto; min-width: 0; text-align: center; margin-right: 20px !important; margin-left: 20px; padding-top: 8px; }

#pop_up select { min-width: 300px; max-width: 650px; margin-top: 10px; height: 75%; }

#pop_up.visionneuse { min-width: 0; margin-right: 6% !important; margin-left: 6%; }

.visionneuse #conteneur_popup h2 { font-size: 16px; margin: 0px; }

.visionneuse #conteneur_popup label { font-size: 14px; }

.visionneuse #conteneur_popup input[type="text"], .visionneuse #conteneur_popup input[type="password"] { width: 90%; }

#conteneur_popup h1 { font-size: 22px; margin: 0; }

.yui-ac-bd { width: 82%; box-sizing: border-box; padding-top: 1px; background-color: #fff5f6; }

.autocomplete_reduit .yui-ac-bd { width: 49%; }

.yui-ac-bd ul { margin: 0; padding: 0; }

.yui-ac-bd li { color: #c60015; margin: 0px; padding: 4px 7px; list-style-type: none; }

.yui-ac-bd li:hover { background-color: #f5c0c5; color: #7a000d; text-decoration: none; cursor: pointer; }

.case_et_intitule { display: inline-block; float: left; margin-bottom: 5px; width: 100%; }

.formulaire_a_cocher .post_label { padding-top: 2px; }

.formulaire_a_cocher_deux .case_et_intitule { width: 48%; margin-right: 2%; }

.formulaire_a_cocher_trois .case_et_intitule { width: 31%; margin-right: 2%; }

.case_et_intitule input[type="checkbox"] { display: inline-block; /*width: 12%; */ margin-right: 5px; float: left; margin-left: 0px; }

.boutons_repetes_haut { display: none; }

.visualiser, .visualiser_interdit, .visualiser_salle_lecture, .fiche_detail, .supprimer, .btn_intervalle { margin-right: 6px; display: inline-block; vertical-align: middle; }

.visualiser a, .visualiser_interdit a, .visualiser_salle_lecture a, .fiche_detail a, .supprimer a, .btn_intervalle { background-position: center; display: inline-block; overflow: hidden; height: 28px; width: 28px; opacity: 0.7; }

.visualiser a { background-image: url(../images/icones/visualiser.svg); }

.visualiser a:hover, .visualiser_interdit a:hover, .visualiser_salle_lecture a:hover, .fiche_detail a:hover, .btn_intervalle:hover, .supprimer a:hover { opacity: 1; text-decoration: none; }

.supprimer a { background-image: url(../images/icones/supprimer.svg); }

.btn_intervalle { background-image: url(../images/icones/intervalle.svg); height: 25px; width: 30px; }

.visualiser span, .visualiser_interdit a span, .visualiser_salle_lecture a span, .visualiser_salle_lecture a span, .supprimer span, .btn_intervalle span, .fiche_detail span { visibility: hidden; }

.fiche_detail a { background-image: url(../images/icones/liste.svg); margin-left: 10px; }

.bouton { clear: both; text-align: center; margin: 40px 0 30px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
.bouton.ouvrir_exposition { clear: none; }
.bouton a { color: #FFF; background-color: #c60015; padding: 7px 12px; border-radius: 2px; }
.bouton a:hover { text-decoration: none; color: #c60015; background-color: #FFFFFF; }

.visualiser_salle_lecture a { background-image: url(../images/icones/visualiser_autorise.svg); }

.visualiser_interdit a { background-image: url(../images/icones/visualiser_interdit.svg); }

.infobulle { color: #FFF; background-color: #650511; padding: 10px; position: absolute; z-index: 900; 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: 25px; margin-left: -130px; visibility: hidden; font-size: 13px; }

.visualiser_interdit:hover > .infobulle { visibility: visible; opacity: 1; margin-top: 35px; }

#colonne2 { display: none; }

#body_espace_personnel #colonne2, body.facettes #colonne2 { float: right; width: 25%; display: inline-block; }

#colonne2 p, #colonne2 li { font-size: 14px; line-height: 18px; text-align: left; }

#macaron_info_espace_personnel { background-color: rgba(235, 201, 114, 0.48); padding: 5%; }

#macaron_info_espace_personnel h2 { display: none; }

#macaron_info_espace_personnel h3 { color: #7b6632; font-style: italic; text-align: center; }

#macaron_info_espace_personnel hr { border-top-color: #f9f0db; }

.macaron_panier_bouton { font-size: 12px; margin-top: 15px; margin-bottom: 20px; }

.macaron_panier_bouton a { display: inline-block; }

#macaron_info_espace_personnel large { white-space: nowrap; font-size: 20px; color: #987724; font-weight: normal; }

body { background-color: #3D3D3F; color: #D8D8D8; }

hr { border-top-color: #616161; }

#conteneur_global { min-width: 0; }

#conteneur_interieur { display: flex; flex-wrap: wrap; }
#conteneur_interieur > .filet_invisible { display: none; }

#conteneur h1 { color: #FFF; margin-top: 40px; }
#conteneur h2 { color: #BCBCBC; }
#conteneur h3 { color: #A5A5A5; }

a { color: #FF4357; }
a:hover { color: #ff909b; }

.filrouge { width: 100%; }

.titre_rubrique { width: 100%; }

#central { background-image: none; padding-top: 30px; flex: 1; flex-basis: 50%; }
@media only screen and (max-width: 850px) { #central { width: 100%; padding-top: 0; } }

@media only screen and (max-width: 850px) { #contenu_central { padding-left: 0; } }

#tetiere { height: 100px; }
#tetiere .logo_monaco { background-size: 140px; background-image: url("../expositions/images/interface/logo_monaco.svg"); }
@media only screen and (max-width: 850px) { #tetiere .logo_monaco { width: 190px; } }
@media only screen and (max-width: 500px) { #tetiere .logo_monaco { width: 150px; background-size: 120px; } }
#tetiere .logo_monaco:hover { background-color: #c60015; }
#tetiere .titre_monaco { padding: 36px 15px 0; font-size: 31px; }
@media only screen and (max-width: 750px) { #tetiere .titre_monaco { font-size: 25px; } }
@media only screen and (max-width: 650px) { #tetiere .titre_monaco { padding: 26px 20px; } }
@media only screen and (max-width: 500px) { #tetiere .titre_monaco { font-size: 20px; padding: 30px 20px; } }

#liens_annexes { padding: 8px 10px 5px; }
@media only screen and (max-width: 650px) { #liens_annexes { display: none; } }
#liens_annexes > li { line-height: normal; }
#liens_annexes > li > a { color: #FFF; padding: 1px 10px; }
#liens_annexes > li > a:hover { color: #999; }

@media only screen and (max-width: 850px) { #menu { width: 100%; max-width: none; flex-basis: auto; padding-top: 15px; } }
#menu li a { background-color: #242425; }
#menu li a:hover > span { background-size: 85px; background-position: center 18px; }
#menu li span { padding: 120px 15% 10px; height: auto; background-size: 90px; background-position: center 15px; }
#menu #menu1 span { background-image: url("../expositions/images/mediatheque.svg"); }
#menu #menu2 span { background-image: url("../expositions/images/pavillon_bosio.svg"); }
#menu #menu3 span { background-image: url("../expositions/images/jardin_exotique.svg"); background-size: 70px; }
#menu #menu3 a:hover > span { background-size: 65px; }

.filrouge { background-color: rgba(174, 174, 174, 0.3); color: #adadad; margin: 0; line-height: 31px; font-size: 12px; }
.filrouge a { color: #FFF; }

#signature { background-color: transparent; }

#signature_interieure { min-width: 0; }

#signature_mediatheque { display: none; }

.liste_simple .affichage_liste_entree, .affichage_liste_second_niveau .affichage_liste_entree_2, .liste_expo_liste_simple .slide { background-image: url("../expositions/images/icones/fleche.svg"); }

.liste_resume a { color: #FFF; }

#navigation_transversale a { color: #949494; }
#navigation_transversale a:hover { color: #FFF; }
#navigation_transversale a.precedent { background-image: url("../expositions/images/icones/page_precedente.svg"); }
#navigation_transversale a.suivant { background-image: url("../expositions/images/icones/page_suivante.svg"); }

#colonne2 { display: block; max-width: 25%; color: #CECECE; }
@media only screen and (max-width: 1000px) { #colonne2 { width: 100%; max-width: none; } }
#colonne2 #complement_central { padding-left: 15%; padding-top: 70px; }
@media only screen and (max-width: 1000px) { #colonne2 #complement_central { padding-left: 4%; padding-top: 20px; margin-top: 20px; border-top: 1px solid #616161; } }
@media only screen and (max-width: 850px) { #colonne2 #complement_central { padding-left: 0; } }

#conteneur_global .url { background-image: url("../expositions/images/icones/url.svg"); }
#conteneur_global .mail { background-image: url("../expositions/images/icones/mail.svg"); }

body.mediatheque { background-image: url("../expositions/images/interface/fond_mediatheque.svg"); background-position: center 250px; background-size: 700px; }
body.mediatheque #signature_mediatheque { display: block; width: 100%; border-top: 1px solid #616161; border-bottom: 1px solid #616161; padding: 15px 0 30px; }
body.mediatheque #signature_mediatheque h2 { color: #7A7A7A; }
body.mediatheque #signature_mediatheque a { color: #FFF; opacity: 0.5; padding-left: 55px; background-size: 40px; line-height: 50px; display: inline-block; }
body.mediatheque #signature_mediatheque a:nth-child(n+2) { margin-left: 40px; }
body.mediatheque #signature_mediatheque a.facebook { background-image: url("../expositions/images/icones/facebook.svg"); background-size: 20px; padding-left: 35px; }
body.mediatheque #signature_mediatheque a.instagram { background-image: url("../expositions/images/icones/instagram.svg"); }
body.mediatheque #signature_mediatheque a.internet { background-image: url("../expositions/images/icones/web.svg"); }
body.mediatheque #signature_mediatheque a:hover { opacity: 1; text-decoration: none; }

body.accueil .filrouge, body.accueil h1.titre_page { display: none; }
body.accueil #menu { order: 4; margin-left: 22%; flex-basis: 78%; flex: 1; max-width: none; }
body.accueil #menu > ul { display: flex; justify-content: space-between; }
body.accueil #menu > ul > li { flex-basis: 29%; display: flex; }
body.accueil #menu > ul > li a { flex: 1; }
body.accueil #menu li a:hover > span { background-size: 115px; background-position: center 25px; }
body.accueil #menu li span { padding: 160px 15% 20px; background-size: 120px; background-position: center 20px; }
body.accueil #menu #menu3 span { background-size: 90px; }
body.accueil #menu #menu3 a:hover > span { background-size: 85px; }
body.accueil #conteneur { margin-left: 22%; margin-bottom: 0; flex-basis: 78%; }