html, body { height: 100%; width: 100%;}
body, div , { margin: 0; padding: 0; height: 100%; width: 100%;}
html { 
  margin:0;
  padding:0;
  background: url('pics/216.jpg') no-repeat fixed center; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover
}
#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: 640px; 
		   height : 580px;
			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: 280px; 
		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
}

h3  {
	font-family: Arial, sans-serif; 
	font-size: 22px; 
	color: #0000FF;
}
#pied
{
	padding: 1px;
}