* {
    box-sizing: border-box;
      
}
     
 
body {
background-color: #4d4d4d;   
}

#titrefilm {
margin-top: 3%; 

}
    
#titrefilm img { 
width: 100%; 

}

#accueil2 a  {
color: white;
font-family: 'Amatic SC', cursive;;
font-size: 28px;
text-decoration:none;
list-style-type: none;
margin-left: 6%; 
background-color:black;
visibility: hidden;
 
}






    
#lampe1 { 
list-style-type: none;
}
#lampe1 img {
width:100%; 
}


#lampe2 {
list-style-type: none;
}
#lampe2 img {
width:100%; 
}


#lampe3 {
list-style-type: none; 
}
#lampe3 img {
width:100%; 
}


#citation { 
color:  white;
font-size: 28px; 
 
font-family: 'Amatic SC', cursive; 

}

#debut {
color:  white;
font-size: 28px; 
font-family:'Amatic SC', cursive;
margin-top: 4%;
text-align: center;
margin-bottom: 3%;
}





footer { 
margin-top: 3%;
}

footer li  {
display: inline; 
   
}



footer nav ul li a {
    
color: white;
font-family: 'Amatic SC', cursive;
font-size: 25px;
text-decoration:none;
background-color: black;

}



/* RESPONSIVE */

/*pour tablettes*/
@media only screen and (max-width: 800px) {


   
}



/*pour smartphone*/
@media only screen and (max-width: 600px) {


#lampe1 {
width:50%; 
margin-left: 16%;

}
    
#lampe2 {
width:50%; 
margin-left:25%; 
} 
#lampe3 {
width:50%; 
margin-left:35%; 
}

    
    
footer nav ul li a {
font-size: 15px;

}
  
.container_12 footer .grid_4 {
width:100%;  
    }
 

footer{
display:flex;
width: 40%; 
    }
}