/*TEASERS A AJOUTER*/
#teaser1,#teaser2,#teaser3,#teaser4,#teaser5,#teaser6,#teaser7,#teaser8,#teaser9,#teaser10{display:none;}
/*_____________________________________________________________________*/
body {font-family:'HelveticaNeue',Helvetica;-ms-overflow-style: none;  
    overflow: -moz-scrollbars-none;}
body::-webkit-scrollbar {display:none;}
img{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select:none;}
::selection {background:#fbdfae;}
::-moz-selection {background:#fbdfae;}
/*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-spectacles{cursor:pointer;height:33px;}
.txt-ecran-spectacles-menu{cursor:default;height:31px;}
#txt-ecran-spectacles,#txt-ecran-accueil,#txt-ecran-broderies,#txt-ecran-ws{
	float:left;
	width:152px;
	line-height:33px;
	text-align:center;
	margin:0;padding:0;}
#txt-ecran-accueil,#txt-ecran-broderies,#txt-ecran-ws{display:none;}
#txt-ecran-broderies{width: 200px;}
#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-ws{position:fixed;top:5px;z-index:100000;left: 50%;
    transform: translate(-50%,0%)rotate(180deg);}
#bouton-accueil{position:fixed;left:5px; margin-top:45vh; 
  transform: translateY(-50%)rotate(90deg);}
#bouton-broderies{position:fixed;right:5px; margin-top:45vh; 
  transform: translateY(-50%)rotate(-90deg);}


/*PASTILLE PETITES FORMES---------------------------------------- */
	#petites-formes_txt{display:none;position:fixed; bottom:42px;right:44px;z-index:10000;width:70px;font-size:13px;color:white;text-align: center;font-family:'MisterPixel';transform:rotate(5deg);}
    #petites-formes_pastille{display:none;}
    #petites-formes_pastille:before,
    #petites-formes_pastille:after {
      position:fixed;
      content: "";
      right: 40px;
      bottom:20px;
      width: 40px;
      height: 60px;
      background: blue;
      border-radius: 40px 40px 0 0;
      transform: rotate(-45deg);
      transform-origin: 0 100%;
    }
    #petites-formes_pastille:after {
      right:80px;
      transform: rotate(45deg);
      transform-origin: 100% 100%;
    }


/*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%;}
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;}
.illustration-portrait{height:350px;border-radius:10px;z-index:10000;position:relative;}
.illustration-paysage{height:250px;border-radius:10px;z-index:10000;position:relative;}
#container .illustration-paysage{margin-left:5px;}
#container{display:flex;flex-wrap: wrap;}
.teaser{font-family:'Avara';font-size:14px;cursor:pointer;text-decoration: underline;color:black;}
.video{width:270px;border-radius:10px;z-index:10000;position:relative;object-fit: cover; object-position: center;}
.video-boueuse{border-radius:10px;z-index:10000;}
.description{font-family:'HelveticaNeue';font-size:15px;width:60%;margin:20px 0 0px 0px;padding:0;}
.titre-generique{font-family:'MisterPixel';font-size:15px;margin:40px 0 0 0;}
.generique{font-family:'MisterPixel';font-size:14px;margin: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;}

/*------- DECO!!!!!!!!!!!!! ----------*/
#trait-horizontal{width:100%;height:1px;background-color:blue;position:fixed;top:173px;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:blue 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;}