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;
}



h1{
	margin:0;
	padding:0;
	top:50%;
	transform:translateY(350%);
	width:100%;
	text-align:center;
	color:#ddd;
	font-size:5em;
	font-family:sans-serif;
	letter-spacing:0.12em;
	
}
h1 span{
	
	opacity:0;
	display: inline-block;
	animation: animate 1s linear forwards;
}

@keyframes animate
{
		0%
		{
			opacity:0;
			transform: rotateY(90deg);
			filter:blur(10px);
		}
		100%
		{
			opacity:1;
			transform: rotateY(0deg);
			filter:blur(0px);
		}
}		


.suivant {
position: absolute;
right:43%;
top:215%;
display:flex;


}	


.suivant li{
	list-style:none;
}

.suivant li a {
position:relative;	
display:block;
width:100px;
height:40px;
text-align:center;
line-height:40px;
color: #EFEFEF;
text-transform: uppercase;
text-decoration:none;
font-family:verdana;
letter-spacing:2px;
overflow:hidden;
transition: .5s
}

.suivant li a:before
{
		content: '';
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		background: #EFEFEF	;
		z-index: -1;
		transition: .5s;
}
.suivant li:nth-child(odd) a:before
{
	right:-100%;
}
.suivant li:nth-child(even) a:before	

{
	left:-100%;
}
.suivant li:nth-child(odd) a:hover:before
{
	right:00%;
}
.suivant li:nth-child(even) a:hover:before	

{
	left:00%;
}
.suivant li a:hover
{
	color: #000000;
}

form{
	color: green;
    text-decoration: none;
    font-size: 20px;
    
    margin-top: 0px;
    margin-left:30px;
    margin-right:30px;
    padding-left: 1370px;
    padding-right: 200px;
    padding-top: 15px;
}	





footer{
position: fixed;
margin:-8px;




bottom:0%;

width:100%;

padding-top:20px;

height:34px;

}

footer p {
	position:absolute;
	 right: 41%;
	 bottom:5%;
	font-family:verdana;
	background: transparent;
	color: #708090;
}	



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

.video{
  
 margin:20px;
  
}
.bloctext
{
	color:white;
  background-color:transparent;
  width:40%;
  font-size: 20px;
  position:relative;
  text-align:center;
  top:100px;  
  
}


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