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

#titrefilm {
margin-top: 3%;  
list-style-type: none;
}

#titrefilm img { 
width: 100%; 
 
}
    
.color{ 
 color: #00ffff;
 opacity:45%; 
 font-family: 'Nanum Gothic', sans-serif;
 
}

.color2{ 
 color: #fd02d7;
 opacity:60%; 
 font-family: 'Nanum Gothic', sans-serif;
 
}



.color3{ 
 color: #0bfb05;
 opacity:40%; 
 font-family: 'Nanum Gothic', sans-serif;
 
}




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



#animdisque img { 
width: 50%; 
 


}



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





h1 { 
color: white;
font-family: 'Amatic SC', cursive; 
font-size: 350%; 
margin-top: 5%; 
}



p { 
color:  white;
font-size: 17px; 
font-family:'Nanum Gothic', sans-serif; 
line-height: /*155%*/ 1.7em;
}


#citation2 {  
color:  white;
font-size: 28px; 
font-family:'Amatic SC', cursive ;
margin-top: 2%; 
}



#elaineetsaul { 
margin-top: 2%;
}

#elaineetsaul img {
width:100%; 
}


#saulbass { 
margin-top: 2%;
 }

#saulbass img {
width:100%; 
}





#animfleur {
width: 80%;
}


#1964 {
}


#animcigarette { 
width: 90%;
}

#animtelepone { 
width: 80%;
}

#animdisque {
width: 65%;  
}


#generiquevideo { 
width:80%;
margin-bottom: 3%; 
}

#generiquevideo video {
 width:100%; 
}


#lefilmvideo {
width:80%;
margin-bottom: 3%;  
}

#lefilmvideo video {
width:100%; 
}

#generiquesaulelaine {
width:80%;
margin-bottom: 3%;  
}
#generiquesaulelaine video {
width:100%; 
}

#plandusite a {
color: white;  
text-decoration: none; 
font-family: 'Nanum Gothic', sans-serif;

}


#plandusite2 a {
color: white;  
text-decoration: none; 
font-family: 'Nanum Gothic', sans-serif;
}

#plandusite3 a {
color: white;  
text-decoration: none; 
font-family: 'Nanum Gothic', sans-serif;
     
}

#footerplan {
margin-top: 2%;
 }



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) {

 
#titrefilm {
margin-top: 3%;      
}

#titrefilm img { 
width: 100%; 
margin-right: 500%;
 
}

     
    
    #animfleur{
    width: 240px;  
    }
    
    #texte {
    margin-top: 30px; 
    margin-left: 70px; 
    }  
    
    #texte p {
    width: 200%; 
    }  
    
    #animcigarette{
    width: 240px;  
     
    }
    
    #texte2 {
    margin-top: 30px; 
    margin-left: 10px; 
    }  
    #texte2 p {
    width: 200%; 
    }  
    
    
    #animtelephone{
    width: 240px; 
    border: solid red 2px; 
     
    }
    #texte3 {
    margin-top: 30px; 
    margin-left: 80px; 
    }  
    #texte3 p {
    width: 200%; 
    }  
    
 
    
#accueil a  {

font-size: 24px;
 

 
}   
    
#accueil {
margin-top: 10%;   
        
    }
    
    
    
h1 { 

font-size: 200%; 
margin-top: 8%;
margin-bottom: 2%;

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

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


    
    
    

#elaineetsaul  {
width:90%; 
margin-left: 18%; 
}



#saulbass {
width:90%; 
}
    

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


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

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