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

#centrerImage {
text-align: center;
}


#global

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

header
{
width :100% ;
}

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

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

 

#droite
{
width :33% ;
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;
}


}