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

html 
{ 
  margin:0;
  padding:0;
  background: url('pic/leman3.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: Times New Roman, sans-serif; 
	color: black;
	font-size: 18px;
}
/* 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;
		}

 /*          background-color: lightgray; font-size: 14px; }/*

/* Colonne de gauche, contenant le menu */
.blocmenu { width: 50px; 
		font-family: Arial, serif;
		font-weight: bold;
		float: right;
		padding-left: 100px;		
		background-color: rgba(0, 0, 0, 0); 
		color: black;
		font-size: 16px; 
}

/* Colonne de droite : contenu de la page */
.contenu { width: 800px; 
		   height : 575px;
		   float: left;
           padding: 10px;  
		   padding-left: 180px;
           background-color: rgba(255, 255, 255, 0.0);
		   color: black;
		   text-align : justify;
		   overflow: auto;
}

.main{		width: 600px; 
			height : 550px;
		   float: left;
           padding: 10px; 
			padding-top:20px;		   
		   padding-left: 180px;
           background-color: rgba(255, 255, 255, 0.0);
		   color: black;
		   text-align : justify;
		   overflow: auto;
}

/* Pied de page */
.pied { clear: both;
        padding: 10px; 
		background-color: rgba(255, 255, 255, 0.0);
		text-align: right;
}

/* Détails pour le menu de navigation */
#menu li { list-style-type: none;
		position: absolute;
		top: 40em;
		right: 6em;
}

#menu li a{
	background: url(pic/portef.jpg);
	padding: 0px;
}

#menu li a:hover, #menu li a:visited  {
	background: url(pic/porteo.jpg); 
	display: block;
	line-height: 10px;
	color: #0033FF;
	font-size: 12px;
	}

 /* Les classes */
 .centre {text-align: center;}
 .gauche {
		float:left; 
		margin-right: 15px;
		margin-left: 10px;
 }
.droite {
		float:right; 
		margin-left: 15px;
		margin-right: 15px;
}
.arrondie {
	-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
	border-radius : 8px
}
.marge {
margin-left: 2em;
}

.marge1 {
margin-left: 38em;
}
 
 h1  {font-style: italic; font-family: Times, serif; font-size: 36px; color: #660000;}
 h2  {font-family: Times,serif; font-size: 19px; color: #0033FF;}
 h3  {font-style: italic; font-family: Times, 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;}
 h6  {font-family: Times, sans-serif; font-size: 16px; color: #0033FF;}