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

html 
{ 
  margin:0;
  padding:0;
  background: url('pic/calendrier.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: 130px; 
		padding: 0px; 
		font-size: 16px;
		text-align: center;
		}
	
/* Colonne de droite : contenu de la page */
.contenu { width: 600px; 
		   height : 540px;
		   	margin:30px;
/*		float: right; */
			margin-top: 2px;
			margin-bottom:10px;
           padding: 10px;  
		   padding-right: 30px; 
           background-color: rgba(255, 255, 255, 0.0);
		   color: #660000;
		   overflow: auto;
		   font-size:18px;
		   text-align:center;
}

.img { width: 750px; 
		   height : 425px;
			float: right;
			margin-top: 2px;
			margin-bottom:30px;
           padding: 10px;  
		   padding-right: 30px; 
           background-color: rgba(255, 255, 255, 0.0);
		   color: #660000;
		   overflow: auto;
		   font-size:18px;
		   text-align:center;
}

.tablephp { 
		width: 500px; 
		height : 370px;
		border-style: solid;
		border-color: #AAAAAA;
		background-color: rgba(255, 204, 153, 0.5);
		border-width: 1px;
		text-align: left;
		overflow: auto;
		border: dotted;
}

.table { 
		border-style: solid;
		border-color: #AAAAAA;
		background-color: rgba(255, 204, 153, 0.5);
		border-width: 1px;
		text-align: left;
		overflow: auto;
}

.ttit {
		width: 450px;
		height: 10px;
}
.tdat{
		width: 100px;
		height: 10px;	
}

.tcha{
		width: 5px;
		height: 10px;	
}
.tnon{
	display: none;
}
 
.selection{
		border-style: solid;
		border-color: #AAAAAA;
		border-width: 1px;
		background-color: #8888DD;
}

.defaut{
border-style: solid;
border-color: #AAAAAA;
border-width: 1px;
}
 
td{
cursor: pointer;
}
 
 span.reference{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	margin-bottom:10px;
}
span.reference a{
	color:#660000;
	text-decoration:none;
	font-size:18px;
	font-weight: bold;
	margin: 5px 20px;
}
span.reference a:hover{
	color:#FF6600;
}

 /* Les classes */
 
 .pied { clear: both;
        padding: 1px; 
		font-weight: bold;
		font-size:18px;
		background-color: rgba(255, 255, 255, 0.0);
}
.arrondie {
	-moz-border-radius : 8px;
	-webkit-border-radius : 8px;
	border-radius : 8px
}

 .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: 3em;
}
.bouton {
		background-color: yellow;
		border-radius: 50px;
		border-width: 20;
		box-shadow: rgba(25, 25, 25, 0.04) 0 0 1px 0, rgba(0, 0, 0, 0.1) 0 3px 4px 0;
		color: #0099FF;
		cursor: pointer;
		display: inline-block;
		font-family: Arial, sans-serif;
		font-size: 15px;
		height: 31px;
		padding: 0 25px;
		
		transition: all 200ms;
}
 
 
 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: 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-style: italic; font-family: Arial, sans-serif; font-size: 16px; color: #CC0000;}