body 
{
background: #ffffcc;
margin-left: 10%;
margin-right: 10%;
width: 90%;
max-height: 100%;
font-weight: normal;
font-size: large;   
  }

  
#header
{
position: relative;
max-width: 90%;
margin-left: auto;
margin-right: auto;
top: 0px;
height: 200px;
}

#left
{
clear: both;
float: left;
width: 15%;
margin-top: 0px;
padding: 5px;
margin-left: 10px;
overflow: hidden;
}

#droite
{

float: right;
width: 15%;
margin-top: 5px;
padding: 0px;
margin-right: 10px;
overflow: hidden;
}
#corps
{

position: relative;
height: auto;
margin-left: 15%;
margin-right: 15%;
margin-top: 0px;
padding: 15px;
overflow: auto;
border-left: 1px solid silver;
border-right: 1px solid silver;

}

p
{
text-align: left;
text-indent: 40px;
color: black;   
}


h5
{
text-align: center;
font-weight: normal;
font-size: small;
font-style: normal;
}

#lien
{
text-align: center;
font-weight: normal;
font-size: x-small;
font-style: normal;
}


#centre
{
text-align: center;
}

#red
{

font-weight: normal;
font-size: large;
color: red;   
}

.blue
{

font-weight: normal;
font-size: x-small;
color: blue;   
}


a
{
color: #0000FF;
}
a:hover
{
color: red;
background: black;
}
 
 table
 {
 table-layout: fixed; 
 font-weight: normal;
 font-size: large; 

 }
td { 
 border-width:1px;
 border-style:solid; 
 border-color:silver; 
 }


 
#footer {
	position : relative;	
	width : 90%; /* obligatoire si le footer n'a pas de taille fixe */
	height : auto; /** hauteur attribuée en tant que padding-bottom pour le conteneur */
	bottom : 0px; /* positionner le footer tout en bas **/	
    clear: both;
}