@media screen and (max-width: 800px) {
    #entete { width: 90%; }
    #entete .banniere { max-width: 100%; height: auto; max-height: 120px; }
    #corps { width: 90%; padding: 15px 10px; }
    #pdp { width: 90%; }

    /***************************MENU***************************/
    #menu { height: auto; min-width: auto; }
    #menu div { display: block; width: 90%; }
    #menu a { display: block; width: 100%; }

    /***************************Accueil***************************/
    div.concerts { position: initial; float: none; width: auto; }
    div.article { width: auto; }

    /***************************Groupe***************************/
    #groupe img.groupe { width: 100%; }
    #groupe img.membre { width: 16%; margin: 15px 5px; }
    div.popupContent { width: 90%; }
}