/*TEASER A AJOUTER*/
#teaser1,#teaser2{display: none;}
/*_____________________________________________________________________*/
body {font-family:'HelveticaNeue';background-color:#D7FAD7;-ms-overflow-style: none;  
    overflow: -moz-scrollbars-none;}
body::-webkit-scrollbar {display:none;}
img{-moz-user-select: none; /* Firefox */-webkit-user-select: none; -ms-user-select: none;user-select: none; }
::selection {background:#9AFC9A;}
::-moz-selection {background:#9AFC9A;}
/*MENU*/
#ecran{position:fixed;
    left:50%;
    top:45vh;
    transform: translate(-50%, -50%);
	z-index:100000;
	background-color:black;
	color:white;
	font-family:'MisterPixel';
	font-size:25px;
	user-select:none;}
.ecran-menu{text-align:justify;width:404px;cursor:default;}
.txt-ecran-broderies{cursor:pointer;height:33px;}
.sous-titre{font-size:11px;}
.txt-ecran-broderies-menu{cursor:default;height:31px;}
#txt-ecran-broderies,#txt-ecran-accueil,#txt-ecran-spectacles{
	float:left;
	width:220px;
	line-height:33px;
	text-align:center;
	margin:0;padding:0;}
#txt-ecran-accueil,#txt-ecran-spectacles{display:none;}
#close{display:none;cursor:pointer;float:left;margin:1px 8px 0px 8px;}
#menu{line-height:25px;
	padding: 0;
	margin:4px 8px 8px 8px;font-family: 'vcr';}
.titre-menu, .titre-menu:hover , .titre-menu:visited ,.titre-menu:active{
	text-decoration:underline;
	font-size:18px;
	color:white;
	cursor:pointer;padding:0;margin:0;}
.titre-menu, .separation-menu{display:none;}
.separation-menu{font-size:30px;line-height:0px;padding:0;margin:0;}

/*PICTOGRAMMES------------------*/	
#bouton-spectacles{position:fixed;right:5px; margin-top: 45vh;
	transform: translateY(-50%)rotate(-90deg);}
#bouton-accueil{position:fixed;left:5px; margin-top: 45vh;
  transform: translateY(-50%)rotate(90deg);}
/*CONTENU---------------*/
#contenu{width:70%;margin:20px 0 100px 15%;}
.gauche{position:relative;
		width:80%;
		padding-top:30px;}
.droite{position:relative;
		width:80%;
		text-align:right;
		display: flex;
		align-items:flex-end;
		flex-wrap:wrap;
		flex-direction:column;
		padding-top:30px;margin-left:20%;}
h1{font-family:'MisterPixel';font-size:14px;}
h2,h3{font-family:'HelveticaNeue';font-weight:normal;font-size:25px;margin:0;}
h2{transform:translateY(14px)translateX(1px);line-height:0;}
.sous-titre{font-family:'Avara';font-size:12px;margin:0;padding:5px 0 10px 0;width:60%;min-width:490px;}
.lien-interne,.lien-interne:hover,.lien-interne:active,.lien-interne:visited {text-decoration:underline;color:black;cursor:pointer;}
.illustration-portrait{height:250px;border-radius:10px;z-index:10000;position:relative;}
.illustration-paysage{height:170px;border-radius:10px;z-index:10000;position:relative;}
#illustration-surprise{height:350px;border-radius:10px;z-index:10000;position:relative;margin-top:20px;display: none;}
.teaser{font-family:'Avara';font-size:14px;cursor:pointer;text-decoration: underline;}
.video{width:270px;border-radius:10px;z-index:10000;position:relative;object-fit: cover; object-position: center;}
.description{font-family:'HelveticaNeue';font-size:15px;width:60%;margin:20px 0 0px 0px;padding:0;}
.generique{font-family:'MisterPixel';font-size:14px;margin:0;}
.titre-generique{font-family:'MisterPixel';font-size:15px;margin:40px 0 0 0;}
.credits{font-family:'Avara';font-size:12px;}
.dates{transform:rotate(-2deg);font-size:11px;font-weight:bold;margin:20px 0 0 0;}
.dates-titre{font-size:14px;padding:0;}
.dates p{padding:0;margin:0;}

.separation-projets{background-color:black;width:26px;height:26px;border-radius:13px;margin:30px 0 20px 0;}
#img-grand-box {width:100vw; height: 100vh;position: fixed;top: 0;left: 0;margin:0;padding:0;
	   			z-index:100000;display: none;}
#img-grand-box-flex {width:100vw; height: 100vh;position: fixed;top: 0;left: 0; display: flex;
	   			justify-content: center; align-items: center;margin:0;padding:0;}
#img-grand-box p {cursor: pointer;font-size: 80px;color: white;font-family: 'MisterPixel';position: absolute; top: 5px;left:20px;margin: 0;}
#img-grand-box img{width:80%;height: auto;}
#clic-conquete {cursor: pointer;}
/*------- DECO!!!!!!!!!!!!! ----------*/
#trait-horizontal{width:100%;height:1px;background-color:white;position:fixed;bottom:104px;left:0;right:0;
								-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select:none;}
#trait-vertical{width:0%;height:100%;border-right:white 1px solid;position:fixed;top:0;left:0;transition:width 0.3s;z-index:-10;
                 -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select:none;}
#fleche-menu-mob, #menu-mob,#close-menu-mob,#box-picto-mob,#ombre-bottom{display:none;}