body{
	margin:0;
	padding:0;

	font-family:"Open Sans", sans-serif;

	background-image: url('https://media.giphy.com/media/TECZ4cxO5oyg8/giphy.gif') ; /*url('https://cdn.glitch.com/2fed9aff-bdfb-4e24-954a-3cf83b4908db%2FNouveau%20projet.gif?1558473758835')*/ ; /*url('https://media.giphy.com/media/TECZ4cxO5oyg8/giphy.gif') ;*/
	background-color:transparent;
	background-size:cover;
}


header{
	background-color:#2E475B;
	height:70px;
}
.center .logo a {
	margin:10px;
	color:white;
  text-decoration:none;
	
}
.mt120{
	margin-top:120px;	
}
	
.left{
  margin-top:5px;
  margin-left:10px; /*  pour ne pas etre collé au bord  */
  float:left;
}  
.center{
  margin-left:10%;
  margin-right:10px;
  float:left;
}
.right{
  margin-right:10px;
  text-align:center;
  width:100%;
}

.logo{
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
	line-height:70px;
	font-weight:800;
}

.container{
	width:100%;
	margin:auto;
}

.menu{
	padding:0;
	margin:0;
  margin-left:50%
}

.menu .title{
	display:inline-block;
	/*float:left;*/
	position:relative;
	padding:23px 10px;
	transition:0.5s;
}
	
.menu .title a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
}

.menu .title:hover{
	background-color:rgba(126,23,26);
	
}

.menu .sous_menu{
	display:block;
	position:absolute;
	visibility:hidden;
	height:0;
	top:70px;
	left:0;
	transform:scaleY(0);
	transform-origin:50% 0;
	transition:transform  1s ease;
	background-color:#fff;
	box-shadow:0 2px 3px rgba(34,36,38,.15);
	border:1px solid  rgba(34,36,38,.15);
	border-radius: 0 0 5px 5px; 
}

.menu .title:hover .sous_menu{
	visibility:visible;
	height:auto;
	transform: scaleY(1);
}

.menu .sous_menu li{
	padding:0;
	display:inline-block;
	color:#fff;
	float:left;
	width:150px;
	margin-left:-40px;
	padding:5px;
	transition:0.2s;

}

.menu .sous_menu li a{
	text-transform:none;
	color:#242424;
	padding: 0 0 0 5px;
	font-weight:normal;
	font-size:14px;
}

.menu .sous_menu li:hover{
	background-color:#f9f9f9;
	border-left:3px solid #3498db;
}




form
{
    font-size: 35px;
  
    color: #2E475B;
    background-color: white;
    padding-left: 1em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-right: 1em;
    margin-top: 1.5em;
    margin-left: 8em;
    margin-right: 8em;
    text-align: justify;
}

form fieldset
{
    margin-bottom: 1em;
}
form p
{
    font-size: 25px;
}

form label
{
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: lighter;
    margin:auto;
}


input[type="text"], input[type="email"]
{
    font-family: 'Muli', sans-serif;
    font-size: 23px;
    font-weight: lighter;
    margin-bottom: 0.3em;
    height: 1em;
    width: 20em;
}


input[type="checkbox"]
{
    height: 1.5em;
    width: 1.5em;
}


input[type="submit"]
{
    font-family: 'Abel', sans-serif;
    font-weight: lighter;
    color: white;
    padding-top: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.3em;
    background-color: #2E475B;
    border:7px outset rgba(155, 21, 6, 0.5);
    height: 50px;
    width: 200px;
    font-size: 25px;
}


.blocfilm
{
  display: flex;
	justify-content:space-around;
  margin:20px;
  
}

.video{
  
 margin:20px;
  
}
.bloctext
{
	color:white;
  background-color:transparent;
  width:40%;
  font-size: 20px;
  
    
  
}

.titre
{
  text-align:center;
  font-size:30px;
  color:white;
}
  

#animation
{  
}

#aventure
{
}

#horreur
{ 
}

#comedie{}