body
{
width :100% ;
background : white ;
}

h1 {
color: white;
background-color:orange;
text-align: center;
}


h2 {
color: white;
background-color:orange;
text-align: center;
margin: 0% 5%;
}

        table {
            width: 100%; /* Le tableau occupe toute la largeur de l'écran */
            border-collapse: collapse; /* Supprime les espaces entre les cellules */
        }
        td {
            padding: 15px;
            text-align: center;
            width: 33.33%; /* Chaque colonne prend 1/3 de la largeur */
        }

#centrerImage {
text-align: center;
}


#global

{
width :90% ;
margin :auto ;
padding :25px ;
}

header
{
width :100% ;
}

#gauche
{
width :20% ;
float :left ;
}

 
#milieu
{
width :60% ;
float :left ;
align-content: center;
}

 

#droite
{
width :20% ;
float :left ;
}


#bas
{
width :100% ;
background-color:orange;
float :left ;
text-align : center;
}


@media(max-width: 1000px)
{ 
 

h2 {
color: white;
background-color:orange;
text-align: left;
margin: 0;

}


#centrerImage {
text-align: left;
}


#global
{
width :100% ;
padding :0px ;
}
 

#gauche

{
width :100% ;
}


#milieu
{
width :100% ;

 margin: auto;
}
 

#droite
{
width :100% ;
}


#bas
{
width :100% ;

background-color:orange;
float :right ;
text-align : left;
}


}