@charset "UTF-8";
/* Modifications dans section animation 2d*/

@media only screen and (max-width: 700px){
 div.responsive {
    width: 50%;
    padding: 10px;
    
  }
}

@media only screen and (max-width: 500px){
 div.responsive {
    width: 100%;
    padding: 10px;
    
  }
}


* {box-sizing: border-box;
}



video {width: 100%;
       height: auto;
	   transition: transform 0.5s ease-in-out;
	   position: relative;
	   
		   }


		   
video:hover {transform: scale(1.1, 1.1);
             
             		 
}
	
h1 {color: white;
	text-align: center;
}
  
body {
	 background-color: tomato;
	}	 	 

div.desc {
	padding: 10px;
	text-align: justify;
	background-color: white;
    position: relative;	
	z-index: 2;
}

div.titre {text-align: center;
           padding: 10px;
		   color: white;
		   background-color: black;
		   margin-bottom:5px;
		   position: relative;
		   z-index:3;
		   
		   
		   
}



.gallery {border: 1px solid black;
           overflow:hidden;
		   
		  background-color: black; 
		
		  
}

.gallery:hover {box-shadow: 0 0 5px 5px yellow;
                
}

.responsive {
	padding: 10px;
	float: left;
	width: 25%;

	
	
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}