html, body { height: 100%; width: 100%;}
body, div , { margin: 0; padding: 0; height: 100%; width: 100%;}

#global 
{
	width: 640px;
	margin-top: 50px;
	margin-bottom: 50px;	
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: #FFFFCC;
}

/* Contenu de la page */
.contenu { width: 800px; 
		   height : 770px;
 			float: left;
          padding: 10px;  padding-left: 30px;
           background-color: rgba(255, 255, 255, 0.0);
		   color: balck;
		   overflow: auto;
}
/* Pied de page */
.pied { clear: both;
        padding: 10px; 
		background-color: rgba(255, 255, 255, 0.0);
		font-size: 18px;
		font-weight: bold;
}
/* Bandeau d'en-tête */
.entete {height: 70px; 
		padding: 0px; 
		font-size: 18px;
		text-align: center;
		}
.texte
{
	height: 640px; width: 600px;
	padding-left: 3em;
	padding-right: 6em;
}
.centre {text-align: center;}
.gauche {
		float:left; 
		margin-right: 15px;
		margin-left: 10px;
}
.droite {
		float:right; 
		margin-left: 15px;
		margin-right: 15px;
}
.marge {
margin-left: 2em;
}

.col-d {  /* Colonne droite */
	float : left;
	width : 30%;
	text-align:center
}

.col-g {  /* Colonne gauche */
	float : left;
	width : 45%;
	text-align:center
}

#pied
{
	text-align:center
}
 h1  {font-style: italic; font-family: Times, serif; font-size: 36px; color: #663366;}
 h2  {font-family: Times,serif; text-align: center; font-size: 22px; color: #0000FF;}
 h3  {font-family: Arial, sans-serif; font-size: 16px; color: #0033FF;}
 h4  {font-family: Arial, sans-serif; font-size: 18px; color: #009933;}
 h5  {font-family: Arial, sans-serif; font-size: 18px; color: #993300;}