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

html 
{ 
  margin:0;
  padding:0;
  background: url('pic/rideaux.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: 16px;
}
/* L'ensemble de la page est fixé et centré */
.global { width: 1200px; margin: 0 auto; 
          background-color: rgba(0, 0, 0, 0); }

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

/* format météo */
.tameteo {
		text-align: center;
		border: solid 1px #30A888;
		background-color : rgba(192, 249, 255, 0.2);
		padding: 10px;
		font-family: Arial;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		font-weight: bold;
		font-size:14px;
		text-decoration:none;
		color:#000000;
		line-height:14px
		}
		
.datejour{
	text-align: center;
	width: 90px;
	height: 60px
}
		
.arrondie {
	-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
	border-radius : 8px
}

/* Colonne de gauche, contenant le menu */
.blocmenu { width: 190px; 
		height: 625px;
		float: left; 
		border: solid 1px #30A888;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background-color : rgba(192, 249, 255, 0.2);
		text-align: center;
		color : black;
		font-size: 18px; 
}

/* Colonne du centre : contenu de la page */
.contenu { width: 670px; 
		   height : 610px;
		   float: left;
           padding: 10px;  padding-left: 35px;
           background-color: rgba(255, 255, 255, 0.0);
		   color: balck;
		   overflow: auto;
}
/* Colonne de droite, contenant les widgets */
.col3 { width: 190px; 
		height: 625x;
		float: left; 
		border: solid 1px #30A888;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background-color : rgba(192, 249, 255, 0.2);
		margin-left: 35px;
		background-color: rgba(192, 249, 255, 0.2); 
		text-align: center;
		color : black;
		font-size: 16px; 
}
/* Pied de page */
.pied { clear: both;
/*        padding: 1px; */
		background-color: rgba(255, 255, 255, 0.0);
}

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

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

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

 /* Les classes */
 .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;
		font-weight: bold;
}
  
 
 h1  {font-style: italic; font-family: Times, serif; font-size: 36px; color: #660000;}
 h2  {font-family: Times,serif; font-size: 22px; color: #660000;}
 h3  {font-family: Arial, sans-serif; font-size: 18px; color: #0033FF;}
 h4  {font-family: Arial, sans-serif; font-size: 18px; color: #009933;}
 h5  {font-family: Arial, sans-serif; font-size: 16px; color: #993300; text-align: center; }
}