@charset "UTF-8";
/* CSS Document */



/* STRUCTURE HTML - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html {
	margin: 0px;
	height: 100%;
}

body {
	margin: 0px;
	background-color: #262626;
	height: 100%;
}

#fullscreen,
#fullscreen_oeuvre {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}

audio {
	width: 100%;
	margin-top: -10px;
}

.no-u {
	text-decoration: none;
}

/* MENU PRINCIPAL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#menu_principal,
#menu_principal_home {
	position: absolute;
	z-index: 1000;
	display: inline-block;
	margin-left: 20px;
	bottom: 30%;
}

#logo_principal,
#logo_principal_home {
	display: inline-block;
	width: 200px;
	height: 69px;
}

#gris,
#gris2,
#gris_video,
#gris_home,
#gris2_home {
	position: fixed;
	z-index: 990;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0;
	top: 0px;
}

nav {
	position: absolute;
	z-index: 1000;
}

nav ul {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: .8em;
	color: white;
	list-style: none;
	line-height: 20px;
}

#menu_principal1,
#menu_principal1_home {
	width: 200px;
	top: 17px;
	left: 240px;
	opacity: 0;
}

#menu_principal2,
#menu_principal2_home {
	width: 200px;
	top: 17px;
	left: 390px;
	opacity: 0;
}

#menu_principal3,
#menu_principal3_home {
	width: 720px;
	top: 17px;
	left: 610px;
	opacity: 0;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: .8em;
	color: rgba(255, 255, 255, .6);
	list-style: none;
	line-height: 20px;
	cursor: default;
}

.ESTUAIRE_SHORT_ARTISTS #menu_principal3,
.ESTUAIRE_SHORT_ARTISTS #menu_principal3_home {
	width: 720px;
	top: 137px;
	left: 240px;
	opacity: 0;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: .8em;
	color: rgba(255, 255, 255, .6);
	list-style: none;
	line-height: 20px;
	cursor: default;
}


#menu_principal1,
#menu_principal2 {
	display: none;
}

.menu_separateur1,
.menu_separateur1_home {
	position: absolute;
	z-index: 1000;
	height: 95px;
	width: 1px;
	background-color: white;
	top: 20px;
	left: 230px;
	opacity: 0;
}

.menu_separateur2,
.menu_separateur2_home {
	position: absolute;
	z-index: 1000;
	height: 95px;
	width: 1px;
	background-color: white;
	top: 20px;
	left: 380px;
	opacity: 0;
}

.menu_separateur3,
.menu_separateur3_home {
	position: absolute;
	z-index: 1000;
	height: 95px;
	width: 1px;
	background-color: rgba(255, 255, 255, .6);
	top: 20px;
	left: 600px;
	opacity: 0;
}


.ESTUAIRE_SHORT_ARTISTS .menu_separateur3,
.ESTUAIRE_SHORT_ARTISTS .menu_separateur3_home {
	position: absolute;
	z-index: 1000;
	height: 95px;
	width: 1px;
	background-color: rgba(255, 255, 255, .6);
	top: 140px;
	left: 230px;
	opacity: 0;
}

/*  PAGE TEXTE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#bloc_texte {
	position: absolute;
	z-index: 1100;
	width: 590px;
	left: 50%;
	margin-left: -345px;
	top: 10%;
	padding: 50px;
	background-color: white;

}

#content_texte {
	max-height: 100%;
	overflow: auto;
}

.entry-title {
	font-family: "museo-sans", sans-serif !important;
	font-style: normal !important;
	font-weight: 100 !important;
	font-size: 3.5em !important;
	text-transform: uppercase !important;
	color: #666666;
	max-width: 500px;
}

.sub-carte {
	font-family: "museo-sans", sans-serif !important;
	font-style: normal !important;
	font-weight: 300 !important;
	font-size: 1.3em !important;
	line-height: 1.3em;
	text-transform: uppercase !important;
	color: white;
	max-width: 500px;
}

.sub-carte:link,
.sub-carte:visited,
.sub-carte:hover {
	text-decoration: none;
}

#content_texte h1 {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 3.5em;
	text-transform: uppercase;
	color: #666666;
}

#content_texte h2 {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 1.5em;
	color: #666666;
}

#content_texte h3 {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 2em;
	color: #666666;
	line-height: 1.2em !important;
	text-transform: uppercase;
}

#content_texte {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.1em;
	color: #666666;
	line-height: normal;
}

.infos_pratiques {
	font-size: 0.8em;
	line-height: auto;
	text-transform: uppercase;
}

/*  PAGES FOND NOIR - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#bloc_texte_fond_noir {
	position: absolute;
	z-index: 1100;
	width: 590px;
	left: 50%;
	margin-left: -345px;
	top: 10%;
	padding: 50px;
}

#bloc_texte_fond_noir #content_texte {
	margin-top: 0px;
	max-height: 100%;
	color: white;
}

#bloc_texte_fond_noir h1,
.texte_blanc {
	color: white;
}

/*	PARCOURS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#fond_carte_parcours {
	position: fixed;
	z-index: 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background-color: black;
}

#fond_carte_parcours iframe {
	display: block;
	width: 100%;
	min-height: 100%;
}

#parcours_titre {
	position: fixed;
	z-index: 10;
	top: 45px;
	left: 45px;
}

#parcours_titre .entry-title {
	color: white;
}

/*  FICHES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.fiche_sst {
	font-size: 2.1em;
	line-height: 40px;
	font-weight: 100;
}

.fiche_titre {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 3.5em;
	text-transform: uppercase;
	color: #666666;
	line-height: 60px;
}

#fiche_content {
	line-height: normal;
}

#bloc_fiche {
	position: absolute;
	float: right z-index: 1100;
	width: 590px;
	right: 10%;
	top: 10%;
	padding: 45px;
	background-color: white;
}

#fiche_head {
	height: auto;
	overflow: hidden;
}

#fiche_nav {
	position: absolute;
	z-index: 40;
	margin-left: -55px;
	margin-top: 27px;
	height: auto;
}


.bt_fiche1 {
	width: 40px !important;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/fiche_fleche_gauche.png');
	background-color: white;
	background-size: contain;
}

.bt_fiche2 {
	width: 158px !important;
	height: 20px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/fiche_afficher.svg');
	background-color: white;
}

.bt_fiche2_en {
	width: 158px !important;
	height: 20px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/en/fiche_afficher.svg');
	background-color: white;
}

.bt_fiche3 {
	width: 203px !important;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/fiche_partager.svg');
	background-color: white;
}

.bt_fiche3_en {
	width: 203px !important;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/en/fiche_partager.svg');
	background-color: white;
}

.bt_fiche4 {
	width: 40px !important;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/fiche_fleche_droite.png');
	background-color: white;
	background-size: contain;
}

.bt_fiche5 {
	width: 40px !important;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/fiche_audio.png');
	background-color: white;
	background-size: contain;
}

.bt_fiche6 {
	width: 106px !important;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/fiche_s-y-rendre.svg');
	background-color: white;
}

.bt_fiche6_en {
	width: 106px !important;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
	display: inline-block;
	background-image: url('../images/ui/en/fiche_s-y-rendre.svg');
	background-color: white;
}

img .img_estuaire {
	border: 0 0 0 0;
	margin-left: -5px;
	box-shadow: none;
	border-radius: 0px !important;
}

/*  PAGES LES EDITIONS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#bloc_texte_editions {
	position: absolute;
	z-index: 1100;
	z-index: 1100;
	width: 810px;
	left: 50%;
	margin-left: -455px;
	top: 10%;
	padding: 50px;
	color: white;
}

#bloc_texte_editions #content_texte {
	margin-top: 0px;
	max-height: 100%;
	color: white;
}

#bloc_texte_editions h1,
.texte_blanc {
	color: white;
}

.bloc_editions {
	float: left;
	width: 250px;
	margin-right: 20px;
	text-align: center;
}

.editions_sst {
	font-family: "museo-sans", sans-serif;
	font-style: italic;
	font-weight: 900;
	color: white;
	font-size: 1.2em;
}

.edition_oeuvre {
	display: block;
	width: 250px;
	/* 220 */
	height: 350px;
	background-color: white;
	color: #868889;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}

.les_editions {
	display: block;
	width: 250px;
	/* 220 */
	height: 350px;
	color: white;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.edition_oeuvre_contenu img {
	width: 250px;
	margin-bottom: 15px;
}

.edition_oeuvre_contenu {
	/*position: absolute ;*/
	z-index: 400;
	line-height: 1.1;
}

.edition_titre {
	font-family: "museo-sans", sans-serif;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 1.1em;
}

.edition_artiste {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.05em;
}

.edition_lieu {
	font-family: "museo-sans", sans-serif;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 0.4em;
	max-width: 210px;
}

.oeuvre_temporaire {
	/* position: relative ; */
	position: absolute;
	z-index: 500;
	/* float: right; */
	right: 0;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
}

/*  LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#content_texte a,
#content_texte a:active,
#content_texte a:visited {
	color: #ff008c;
	text-decoration: none;
}

#content_texte a:hover {
	color: #ff008c;
	text-decoration: underline;
}

#menu_principal a,
#menu_principal a:active,
#menu_principal a:visited,
#menu_principal_home a,
#menu_principal_home a:active,
#menu_principal_home a:visited {
	color: white;
	text-decoration: none;
}

#menu_principal a:hover,
#menu_principal_home a:hover {
	color: white;
	text-decoration: underline;
}

#bloc_texte_fond_noir a,
#bloc_texte_fond_noir a:active,
#bloc_texte_fond_noir a:visited,
#bloc_texte_editions a,
#bloc_texte_editions a:active,
#bloc_texte_editions a:visited {
	color: white;
	text-decoration: none;
}

#bloc_texte_fond_noir a:hover,
#bloc_texte_editions a:hover {
	color: white;
	text-decoration: underline;
}

/*  IFRAME VIDEO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.videoplayer {
	position: fixed;
	z-index: 1200;
	width: 750px;
	height: 563px;
	left: 50%;
	top: 50%;
	margin-top: -281px;
	/* moiti� de la hauteur */
	margin-left: -375px;
	/* moiti� de la largeur */
	display: none;
}

#gris_video {
	position: fixed;
	z-index: 1190;
	width: 100%;
	height: 600%;
	background-color: black;
	opacity: 0;
	top: 0px;
	display: none;
}

.video_link {
	cursor: pointer;
}

.video_link:hover {
	text-decoration: underline;
}

#fermer_video {
	position: fixed;
	z-index: 1200;
	width: 25px;
	height: 25px;
	text-align: center;
	left: 50%;
	top: 50%;
	margin-top: -281px;
	/* moiti� de la hauteur */
	margin-left: 390px;
	/* moiti� de la largeur */
	background-image: url('../images/ui/fermer_blanc_heavy.png');
	background-size: contain;
	display: none;
	cursor: pointer;
}

/*  BOUTONS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#boutons {
	position: absolute;
	z-index: 1500;
	width: 150px;
	top: 20px;
	right: 20px;
}

#boutons_blanc {
	position: absolute;
	z-index: 500;
	width: 150px;
	top: 45px;
	right: 45px;
}

#boutons_blanc_video {
	position: absolute;
	z-index: 500;
	width: 150px;
	top: 55px;
	right: 45px;
}

.bouton,
.bt_fiche {
	width: 40px;
	height: 40px;
	text-align: center;
	margin-left: 10px;
	float: left;
}

.bt_fiche1 .info {
	margin-left: -20px;
}

.bt_fiche4 .info {
	margin-left: -10px;
}

.bt_fiche5 .info {
	margin-left: -20px;
}

.retour {
	background-image: url('../images/ui/retour_gris.png');
	background-size: contain;
}

.menu {
	background-image: url('../images/ui/menu_gris.png');
	background-size: contain;
}

.fermer {
	background-image: url('../images/ui/fermer_gris.png');
	background-size: contain;
}

.retour_blanc {
	background-image: url('../images/ui/retour_blanc_heavy.png');
	background-size: contain;
}

.menu_blanc {
	background-image: url('../images/ui/menu_blanc_heavy.png');
	background-size: contain;
}

.fermer_blanc {
	background-image: url('../images/ui/fermer_blanc_heavy.png');
	background-size: contain;
}

/*  INFO DE BASE  */

.triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: black transparent transparent transparent;
	margin: auto;
}

.info_box {
	font-family: "museo-sans", sans-serif;
	font-style: italic;
	font-weight: 900;
	padding: 5px;
	background-color: black;
	color: white;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;
}

.info {
	text-align: center;
	display: inline-block;
	cursor: pointer;
}

.bouton .info,
.bt_fiche .info {
	opacity: 0;
}

.bouton_fiche .info {
	opacity: 0;
}

/*  INFO JAUNE  */

.jaune .info_box {
	background-color: yellow;
	color: black;
}

.jaune .triangle {
	border-color: yellow transparent transparent transparent;
}

/*  INFO BLANCHE  */

.blanc .info_box {
	background-color: white;
	color: black;
}

.blanc .triangle {
	border-color: white transparent transparent transparent;
}

/* - - - - - - - - - - - - - - FORMULAIRE - - - - - - - - - - - - - - - - - */

[required] {
	background-color: #EEEEEE;
}

/* - - - - - - - - - - - - - - TUTORIEL - - - - - - - - - - - - - - - - - */

#tuto {
	width: 500px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -250px;
	z-index: 999999;
	display: none;
}

#tutoriel {
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
	top: 0px;
}

/* - - - - - - - - - - - - - - BANNIERE SITES - - - - - - - - - - - - - - - - - */

#banniere_sites {
	position: fixed;
	margin-top: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	letter-spacing: 1px;
	background-color: #FFFFFF;
	opacity: 0.8;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	z-index: 999999999;

}

#banniere_sites a {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333333;
}

#banniere_sites a:hover {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FF0;
	text-decoration: none;
}

/* ESTUAIRE */

.estuaire_titre {
	font-family: "museo-sans", sans-serif !important;
	font-style: normal !important;
	font-weight: 100 !important;
	font-size: 3.5em !important;
	text-transform: uppercase !important;
	color: #666666;
	max-width: 500px;
}

.estuaire_chapeau {
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 1.5em;
	color: #666666;
}

.estuaire_infos-pratiques {
	font-size: 0.8em;
	line-height: auto;
	text-transform: uppercase;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #666666;
}

.estuaire_sous-titre {
	font-size: 2.1em;
	line-height: 40px;
	font-weight: 100;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	color: #666666;
}

/* LANGUES */

.sel_langue_fr {
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;
	text-align: center;
	font-size: 1em;
	font-weight: 100;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	color: #666666;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	z-index: 99999;
}

.sel_langue_en {
	display: block;
	position: absolute;
	top: 0px;
	right: 40px;
	text-align: center;
	font-size: 1em;
	font-weight: 100;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	color: #666666;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	z-index: 99998;
}

.sel_langue_es {
	display: block;
	position: absolute;
	top: 0px;
	right: 73px;
	text-align: center;
	font-size: 1em;
	font-weight: 100;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	color: #666666;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	z-index: 99998;
}

.sel_langue_de {
	display: block;
	position: absolute;
	top: 0px;
	right: 103px;
	text-align: center;
	font-size: 1em;
	font-weight: 100;
	font-family: "museo-sans", sans-serif;
	font-style: normal;
	color: #666666;
	background-color: white;
	padding: 5px;
	cursor: pointer;
	z-index: 99998;
}

.sel_langue_fr:hover,
.sel_langue_en:hover,
.sel_langue_es:hover,
.sel_langue_de:hover {
	background-color: #666666;
	color: white;
}

/* FERMETURE */


.only-mobile {
	display: none !important;
}


/* - - - - - - - - - - - - - - SMARTPHONE - - - - - - - - - - - - - - - - - - */

@media handheld,
only screen and (max-device-width:480px) {

	body,
	html,
	#gris,
	#gris2,
	#fullscreen {
		width: 100% !important;
	}

	#banniere_sites,
	#menu_principal1,
	#menu_principal2,
	.menu_separateur1,
	.menu_separateur2,
	#logo_principal {
		display: none;
	}

	/* FERMETURE */

	.no-mobile {
		display: none !important;
	}

	.only-mobile {
		display: block !important;
	}


	/* MENU PRINCIPAL */
	#menu_principal,
	#menu_principal_home {
		position: absolute;
		z-index: 1000;
		display: inline-block;
		height: 120%;
		width: 87.5%;
		top: 5%;
	}

	#logo_principal,
	#logo_principal_home {
		display: inline-block;
		width: 100%;
	}

	#logo_principal img,
	#logo_principal_home img {
		display: inline-block;
		width: 100%;
	}

	#menu_principal1,
	#menu_principal1_home {
		top: 150px;
	}

	#menu_principal2,
	#menu_principal2_home {
		top: 290px;
	}

	.ESTUAIRE_SHORT_ARTISTS #menu_principal3,
	.ESTUAIRE_SHORT_ARTISTS #menu_principal3_home {
		top: 450px;
	}

	#menu_principal1,
	#menu_principal1_home,
	#menu_principal2,
	#menu_principal2_home {
		text-align: center;
		font-size: 1.6em;
		width: 100%;
		left: 0px;
		opacity: 0;
	}


	.ESTUAIRE_SHORT_ARTISTS #menu_principal3,
	.ESTUAIRE_SHORT_ARTISTS #menu_principal3_home {
		text-align: center;

		width: 100%;
		left: 0px;
		opacity: 0;
	}

	#menu_principal1 li,
	#menu_principal1_home li,
	#menu_principal2 li,
	#menu_principal2_home li,
	.ESTUAIRE_SHORT_ARTISTS #menu_principal3 li,
	.ESTUAIRE_SHORT_ARTISTS #menu_principal3_home li {
		margin-top: 8px;
	}

	#menu_principal1,
	#menu_principal2,
	.ESTUAIRE_SHORT_ARTISTS #menu_principal3 {
		display: none;
	}

	.menu_separateur1,
	.menu_separateur1_home {
		position: absolute;
		z-index: 1000;
		height: 95px;
		width: 0px;
		background-color: white;
		top: 20px;
		left: -10px;
		opacity: 0;
	}

	.menu_separateur2,
	.menu_separateur2_home {
		position: absolute;
		z-index: 1000;
		height: 95px;
		width: 0px;
		background-color: white;
		top: 20px;
		left: -10px;
		opacity: 0;
	}

	.ESTUAIRE_SHORT_ARTISTS .menu_separateur3,
	.ESTUAIRE_SHORT_ARTISTS .menu_separateur3_home {
		position: absolute;
		z-index: 1000;
		height: 95px;
		width: 0px;
		background-color: white;
		top: 20px;
		left: -10px;
		opacity: 0;
	}

	/* BLOC EDITION OEUVRES */

	#bloc_texte_editions {
		position: absolute;
		z-index: 1100;
		width: 90%;
		left: 5%;
		margin-left: 0px;
		top: 5%;
		padding: 0px;
		color: white;
	}

	#boutons_blanc_video {
		position: absolute;
		z-index: 500;
		width: 150px;
		top: 0px;
		right: 0px;
	}

	.edition_oeuvre_contenu img {
		width: 290px;
		margin-bottom: 15px;
	}

	.edition_oeuvre_contenu {
		position: absolute;
		z-index: 400;
		line-height: 1.2;
	}

	.les_editions {
		display: block;
		width: 250px;
		/* 220 */
		height: 440px;
		color: white;
		clear: both;
		margin-right: 20px;
		margin-bottom: 20px;
		text-align: center;
	}

	/* - - - - - - - - - - - - - - TUTORIEL - - - - - - - - - - - - - - - - - */

	#tuto-mobile {
		width: 100%;
		position: absolute;
		top: 0%;
		left: 0%;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 9999999;
		display: none;
	}

	/* VIDEOS */

	#bloc_texte_fond_noir {
		position: absolute;
		z-index: 1100;
		width: 90%;
		left: 5%;
		margin-left: 0px;
		top: 5%;
		padding: 0px;
	}

	.videoplayer {
		position: fixed;
		z-index: 1200;
		width: 90%;
		height: 20% !important;
		left: 5%;
		top: 5%;
		margin-top: 0px;
		margin-left: 0px;
		display: none;
	}

	#fermer_video {
		position: fixed;
		z-index: 1300;
		width: 25px;
		height: 25px;
		text-align: center;
		left: 5%;
		top: 5%;
		margin-top: 0px;
		margin-left: 0px;
		background-image: url("../images/ui/fermer_blanc_heavy.png");
		background-size: contain;
		display: none;
		cursor: pointer;
	}

	/* decalage titres */

	#bloc_texte_editions .entry-title,
	#bloc_texte_fond_noir .entry-title {
		margin-top: 45px;
	}

	/* LISTE OEUVRES */

	.edition_oeuvre {
		display: block;
		width: 290px;
		/* 220 */
		height: 410px;
		background-color: white;
		color: #868889;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		text-align: center;
	}


	/* PAGE DE PARTENARIAT */

	.logo_estuaire,
	.logo_estuaire img {
		width: 140px;
		height: 140px;
	}

	/* PAGE DE TEXTE */

	#bloc_texte {
		width: 90% !important;
		margin: 0;
		top: 0;
		left: 0;
		padding: 5%;
		padding-top: 80px;
	}

	#bloc_fiche {
		width: 90% !important;
		margin: 0;
		top: 0;
		left: 0;
		padding: 5%;
		padding-top: 80px;
	}

	#content_texte h1 {
		font-family: "museo-sans", sans-serif;
		font-style: normal;
		font-weight: 100;
		font-size: 3.5em;
		text-transform: uppercase;
		color: #666666;
	}

	#content_texte h2 {
		font-family: "museo-sans", sans-serif;
		font-style: normal;
		font-weight: 100;
		font-size: 1.3em;
		color: #666666;
	}

	#content_texte h3 {
		font-family: "museo-sans", sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size: 2em;
		color: #666666;
		line-height: 1.2em !important;
		text-transform: uppercase;
	}

	#content_texte {
		font-family: "museo-sans", sans-serif;
		font-style: normal;
		font-weight: 300;
		font-size: 1.1em;
		color: #666666;
		line-height: normal;
	}

	.infos_pratiques {
		font-size: 0.8em;
		line-height: auto;
		text-transform: uppercase;
	}

	.fiche_sst {
		font-size: 1.4em;
		line-height: 1em;
	}

	.fiche_titre {
		font-size: 2em;
		line-height: 1em;
	}

	#fullscreen_oeuvre {
		position: relative;
		z-index: -1;
		width: 100%;
		margin-top: 180px;
		background-size: cover;
	}

	#fiche_nav {
		position: absolute;
		z-index: 5000;
		margin-left: -6%;
		margin-top: 10px;
		height: auto;
		width: 100% !important;
	}

	.bt_fiche1,
	.bt_fiche2,
	.bt_fiche2_en,
	.bt_fiche3,
	.bt_fiche3_en,
	.bt_fiche4,
	.bt_fiche5,
	.bt_fiche6,
	.bt_fiche6_en {
		margin-left: 0px !important;
		margin-right: 3px !important;
		display: inline-block !important;
		position: relative;
		z-index: 999999999;
	}

	.bt_fiche1 {
		width: 40px !important;
		height: 40px !important;
		text-align: center;
		background-image: url('../images/ui/fiche_fleche_gauche.png');
		background-color: white;
		background-size: cover;
	}

	.bt_fiche2 {
		width: 71px !important;
		height: 40px !important;
		text-align: center;
		background-image: url('../images/ui/fiche_afficher_mobile.svg');
		background-color: white;
		background-size: cover;
	}

	.bt_fiche2_en {
		width: 71px !important;
		height: 40px !important;
		text-align: center;
		background-image: url('../images/ui/fiche_afficher_mobile.svg');
		background-color: white;
		background-size: cover;
	}

	.bt_fiche3,
	.bt_fiche3_en {
		width: 40px !important;
		height: 40px !important;
		text-align: center;
		background-image: url('../images/ui/fiche_partager_mobile.png') !important;
		background-color: white;
		background-size: cover;
	}

	.bt_fiche4 {
		width: 40px !important;
		height: 40px !important;
		text-align: center;
		background-image: url('../images/ui/fiche_fleche_droite.png');
		background-color: white;
		background-size: cover;
	}

	.bt_fiche5 {
		width: 40px !important;
		height: 40px !important;
		text-align: center;
		background-image: url('../images/ui/fiche_audio.png');
		background-color: white;
		background-size: cover;
	}

	.bt_fiche6,
	.bt_fiche6_en {
		width: 57px !important;
		height: 40px;
		text-align: center;
		background-image: url('../images/ui/fiche_s-y-rendre_mobile.png');
		background-color: white;
		background-size: cover;
	}



	.info_box,
	.triangle {
		display: none !important;
		width: 0px !important;
		height: 0px !important;
	}
}




#banniere_temporaire {
	position: fixed;
	margin-top: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	letter-spacing: 1px;
	background-color: #fff100;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	z-index: 999999999;

}


/* newsletter registration messages */
.nl-success {
	font-weight: bold;
	color: #48a937;
}

.nl-error {
	font-weight: bold;
	color: #bc1926;
}