p,body{font-family:arial,helvetica;font-size:20px;color:#fff;line-height:60px;background: black;} 
html, body {    height: 100%;   width: 100%; padding: 0px;    margin: 0px;border:0px;}
a:link { text-decoration: none; cursor:pointer;color:inherit;}
a:visited {text-decoration: none;color:inherit;}
a:hover {text-decoration: none;cursor:pointer;color: #ccc;}

#edition { display:block;background:transparent; width: 100%;height: 100%;
position: fixed; text-align: center;
}
#screen{
  height:100vm; width:100vm; /* IE9 fallback */
  width: 100vmin; height: 100vmin;
  position: absolute;
  top:0;bottom:0;
  left:0;right:0;
  margin: auto;
}
#movie { display:block;background:transparent; width: 90%;height: 90%;
position: absolute; left: 50%; top: 50%; cursor: none;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
img {width:100%;     height: 100%;   
	object-fit: contain;
    overflow: hidden;
}
#texte{ display:block;background:black; width: 100%;z-index: 1;
position: absolute; left: 50%; top: 50%; cursor: none;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
#generiquefond{ display:block;background:black; 
width: 100%;height:100%;z-index: 2;
position: fixed; left: 0px; top: 0px; 
}
#generique0{ display:block;background:black; 
width: 100%;z-index: 11;color:#fff;cursor: none;
position: fixed; left: 50%; top: 50%; cursor: none;text-align: center;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
#artiste1{ display:block;background:black; line-height:27px;
width: 90%;z-index: 10;color:#fff;cursor: none;
position: fixed; left: 50%; top: 50%; cursor: none;text-align: left;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
#artiste2{ display:block;background:black; line-height:27px;
width: 90%;z-index: 9;color:#fff;cursor: none;
position: fixed; left: 50%; top: 50%; cursor: none;text-align: left;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
#artiste3{ display:block;background:black; line-height:27px;
width: 90%;z-index: 8;color:#fff;cursor: none;
position: fixed; left: 50%; top: 50%; cursor: none;text-align: left;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
#generique3{ display:block;background:black; 
width: 90%;z-index: 7;color:#fff;cursor: none;
position: fixed; left: 50%; top: 50%; cursor: none;text-align: center;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
#generique4{ display:block;background:black; 
width: 90%;z-index: 6;color:#fff;cursor: none;
position: fixed; left: 50%; top: 50%; cursor: none;text-align: center;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
#generique5{ display:block;background:black; 
width: 100%;z-index: 5;color:#fff;cursor: none;
position: fixed; left: 50%; top: 50%; cursor: none;text-align: center;
transform: translate(-50%, -50%) ;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); 
}
.texteautre{line-height:27px;
} 
#info{position:fixed;display:block;top:20px;left:20px;background:transparent;z-index:1;
padding: 0px;}
.kebab{font-family:arial;font-size:24px;color:#fff;line-height:27px;font-weight: 900;}
#caption{position:fixed;display:none;top:20px;left:20px;background:black;z-index:1;
padding: 0px;}
#moreinfo{position:relative;display:none;
background:black;
padding: 0px;}

@media screen and (max-width: 800px) {
p,body{font-size:18px;line-height:54px;} 
#generique1,#generique2,#artiste1,#artiste2,#artiste3,.texteautre{line-height:20px;}
.kebab{font-size:22px;}
}
@media screen and (max-width: 640px) {
p,body{font-size:15px;line-height:45px;} 
#generique1,#generique2,#artiste1,#artiste2,#artiste3,.texteautre{line-height:18px;}
.kebab{font-size:20px;}
}
@media screen and (max-width: 480px) {
p,body{font-size:12px;line-height:36px;} 
#generique1,#generique2,#artiste1,#artiste2,#artiste3,.texteautre{line-height:15px;}
.kebab{font-size:18px;}
}