body{background-color:glad;}
.image_stade{border: solid 9px #345;}
.image_remplace{border: solid 6px #345;}
.titre{padding:5px 20px;background-color:midnightblue; width:250px; color:white;}
#entete, #menu,#footer{
padding:5px 2;}/* mise en forme de l'entete de page...*/
#entete{
background:; text-align: center; }
#main{
max-width:900px; margin:auto;}
#menu{ border: solid 9px #345; margin-left:10px;
float:left; width:400px; background:skyblue; color:;}
#contenu{ width:400px;
margin-left:600px; display:flex;}
#footer{background-color: #669933; text-align: center; clear: both;}
.entete_db{border: solid 9px #345;}
.en_haut{padding:2px 20px;background-color:midnightblue; width:320px; border: solid 3px #222; color:white;}

@media all and (max-device-width: 480px)
{
 #BLOCK_PAGE{ width:auto;}
 .conteneur{display:flex; flex-direction: column-reverse;}
 #entete, #menu,#footer{
padding:1px 0;}
#entete{
background-color:; text-align: center;}
#main{
width:auto; margin:auto;}
#menu{ border: solid 9px #345; padding:12px; margin-top:2px;
float:left; width:auto;background-color:;}
.en_haut{padding:2px 20px;background-color:midnightblue; width:auto; border: solid 3px #222;}
#comment{width:250px; padding:2px 10px; border: solid 3px #222;}
#contenu{
margin-left:auto; width: auto}
.image_stade{border: solid 9px #345; width:250px;}
.image_remplace{border: solid 6px #345; width:100px;}
#footer{
background-color: #669933; text-align: center; clear: both;}
.titre{padding:5px 20px;background-color:midnightblue; width:auto; color:white;}
}