/* modif pour les smartphones*/

@media screen and (max-width:768px){
    
header{
    margin: 0 auto;
    text-align: center;
}

header ul {
    display:block;
    margin: 0 auto;
}
    
    
aside img{
    width: auto;
    text-align: center;
    }
    
aside article{
    text-align: center;
    }

section{
    text-align: center;
}
    
section article{
    display:block;
    margin-left: auto; /*permet de centrer l'image et le texte */
    margin-right: auto;
    }
    

footer{
    margin: 12 auto;
}
    
}

@media screen and (max-width:450px){
   section article img{
        width: 300px;
    }
}