html, body { height: 100%;  width: 100%;}
body, div, { margin: 0; padding: 0; height: 100%; width: 100%;}

html { 
  margin:0;
  padding:0;
  background: url('pic/tel.jpg') no-repeat fixed center; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover;
  background-color: rgba(253, 245, 230, 0.6);
}


/* L'ensemble de la page est fixé et centré */
.global
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
    background-color: rgba(100, 100, 150, 0.1);
	text-align: center;
}

/* Bandeau d'en-tête */
.entete {height: 30px; 
		padding: 0px; 
		font-size: 16px;
		text-align: center;
		}
		
.img	 {width: 900px;
		margin-top: 2px;
		margin-bottom:30px;
		padding: 10px;  
		background-color: rgba(255, 255, 255, 0.0);
		color: #660000;
		overflow: auto;
		font-size:18px;
		text-align:center;
		}
		
.img1	 {width: 910px;
		height : 500px;
		margin-top: 2px;
		margin-bottom:30px;
		padding: 10px;  
		background-color: rgba(255, 255, 255, 0.0);
		color: #660000;
		overflow: auto;
		font-size:18px;
		text-align:center;
		}

.tt		 {color: #0033FF;
		font-size:25px;
		text-align:center;
		}


.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;
}

.bouton2{

          background-color: #66FFCC;
          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: #0033FF;
          cursor: pointer;
          display: inline-block;
          font-family: Arial, sans-serif;
          font-size: 15px;
          height: 35px;
          padding: 0 25px;
          transition: all 200ms;
}

.bouton3 {

          background-color: #00CCFF;
          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: #0033FF;
          cursor: pointer;
          display: inline-block;
          font-family: Arial, sans-serif;
          font-size: 17px;
		  font-weight : bold;
          height: 35px;
          padding: 0 25px;
          transition: all 200ms;
}

/* Pied de page */
.pied
{
	padding: 1px;
	background-color: rgba(255, 222, 173, 0.6);
}
span.reference{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:16px;
	font-weight: bold;
	text-align:center;
	margin-bottom:10px;
}
span.reference a{
	color:#660000;
	text-decoration:none;
	font-size:16px;
	font-weight: bold;
	margin: 5px 20px;
}
span.reference a:hover{
	color:#FF6600;
}



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

.table { 
		width: 900px; 
		border-style: solid;
		border-color: #000000;
		background-color: rgba(255, 222, 173, 0.6);
		border-width: 1px;
		text-align: left;
		overflow: auto;
		font-size: 18px;
}

.ttitn {
		width: 390px;
		height: 10px;
}

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

 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: 22px; color: #0033FF;}
 h6 {font-style: italic; font-family: Arial, sans-serif; font-size: 16px; color: #CC0000;}
 h7 {font-family: Arial, sans-serif; font-size: 22px; color: #0033FF;}