body, div, ul { margin: 0; padding: 0; }

html 
{ 
  margin:0;
  padding:0;
  background: url('pic/tempete.jpg') no-repeat fixed center; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover;
}

body {
  /* background-color: #F5F5F5;   gris clair */
	font-family: Arial, sans-serif; 
	color: black;
	font-size: 16px;
}
/* L'ensemble de la page est fixé et centré */
.global { width: 950px; margin: 0 auto; 
          background-color: rgba(0, 0, 0, 0);
}

/* Bandeau d'en-tête */
.entete {height: 50px; 
		padding: 0px; 
		font-size: 16px;
		text-align: center;
		color: gainsboro;
		}

 
/* Colonne de gauche, contenant le menu */
.blocmenu { width: 110px; 
		float: left; 
		background-color: rgba(255, 255, 255, 0); 
		color: white;
		font-size: 16px; 
}

/* Colonne de droite : contenu de la page */
.contenu { width: 800px; 
		   height : 620px;
		   float: left;
           padding: 1px;  padding-left: 30px;
           background-color: rgba(255, 255, 255, 0.0);
		   color: black;
		   overflow: auto;
}
/* Pied de page */
.pied { clear: both;
        padding: 1px; 
		background-color: rgba(255, 255, 255, 0.0);
		color: gainsboro;
}

.marge {
margin-left: 2em;
}

/* Détails pour le menu de navigation */
#menu li { list-style-type: none; }

#menu li a, #menu li a:visited {
  display: block; padding: 10px; font-size: 16px;
  text-decoration: none; color: white; }

#menu li a:hover {
 background-color: lightsteelblue; color: brown; }