body
{
   width: 100%;
   height: 100%;
   margin: auto; 
   margin-top: 0px; 
   margin-bottom: 20px;
   overflow : hidden;
}

#en_tete
{
position : absolute;
   top : 0px;
   left : 0px;
   width: 100%;
   height: 11%;
   margin-bottom: 2px;
   border-style : ridge;
   overflow : hidden;
  
}


#bandeauhaut
{
position : absolute;
   top : 11%;
   left : 0px;
   width: 100%;
   height: 10%;
   background-color : #06f5f8;
   margin-bottom: 2px;
   border-style : ridge;
   overflow : hidden;
}



#principal
{
position : absolute;
   top: 21%;
   left : 0%;
   width: 100%;
   height: 60%;
   border-style : ridge;
   overflow : hidden;
   
}

#barre
{
position : absolute;
   top: 81%;
   left : 0%;
   width: 100%;
   height: 4%;
   background-color : #21F9E2;
   border-style : ridge;
   overflow : hidden;
   }

#bandeaubas
{
position : absolute;
   top : 85%;
   left : 0px;
   width: 100%;
   height: 15%;
   background-color : #F89508;
   margin-bottom: 2px;
   border-style : ridge;
   overflow : hidden;
}