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

	body {
		font-family:verdana, sans-serif;
		
		color: grey;
		background-image: url(images/back01.jpg); 
		background-repeat: repeat-y;
		background-size: 100%;
		
	}
	
	.cadre_h1 {
		position:absolute;
		width: 100%;
		text-align : center;
		margin : 50px 0;
		bottom:0;		
	}
	
	h1 {
		margin-left: auto;
		margin-right: auto;
		top:50%;
		max-width: 700px;
		background-color: rgba(210, 210, 210, 0.4);
		color:white;
		font-size : 70px;
	}
	
	h2 {
		margin: auto;
	}

	p {
		margin:1em 0;
		
	}
	
	p:first-letter /* Je veux que la première lettre de mes paragraphes... */
		{    
			
			font-size : 1.5em; /* Fasse une hauteur de 3 lignes */  
			margin-right : 1px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
			

		} 
		
	ol {
		max-width:600px;
		margin:auto;
	}
	li {
		margin: 1em 0;
	}
	
	.image_bande {
		text-align:center; 
		height:50%;
		margin:auto;
		
		 
		background-size:cover;
		background-position: center;
		
	}
	
	.img01 {
	height: 100%;
	
}
		
	
	
	.texte01 {
		margin:auto;
		max-width:960px;
		font-size: large;
	}
	
	.laliste {
		max-width:800px;
		padding-left : 100px;
	}
	
	.texte02 {
		text-align:center;
		margin:auto;
		max-width:500px;
		font-size: large;
	}
	
	.texte03 {
		margin:auto;
		max-width:960px;
		font-size: large;
		color: #FF0000;
	}
	
	.zone01 {
		margin:auto;
		max-width:1200px;
	}
	
	.zone02 {
		
		max-width:1800px;
		box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3) ;
		margin-left:auto;
		margin-right:auto;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	.zoneteaser{
		margin:auto;
		width:840px;
		font-size: large;
	}
	
	.design1 {
		background-color: rgba(230, 230, 230, 0.0);
		padding: 20px 20px;
		box-shadow: 3px 3px 10px 2px rgba(0, 0, 0, 0.3) inset;
		margin-bottom: 20px;
	}
	
	.design2 {
		background-color: rgba(230, 230, 230, 0.2);
		padding: 20px 20px;
		box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3) ;
		margin-bottom: 30px;
		
	}
	
	.designtableau {
		box-shadow: 15px 15px 20px 5px rgba(0, 0, 0, 0.3) ;
		margin-bottom: 40px;
		margin-top: 10px;
	}
	
	.affiche{
		text-align:center;
		margin:20px 0;
	}
	
	.pied {
		background-color: rgba(80, 80, 80, 0.1);
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	#ascenseur {
		margin: 30px auto;
		padding: 0 10px;
		overflow:auto; 
		height: 400px; 
		max-width: 300px; 
		border: 1px solid #AAAAAA;
		box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3) ;
	}
	
	#ascenseur2 {
		margin: 30px auto;
		padding: 0 10px;
		overflow:auto; 
		height: 400px; 
		max-width: 300px; 
		border: 1px solid #AAAAAA;
		box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.3) ;
	}
	
	.piedth1 {
		text-align:left;
		width:33%;
		padding: 0 10px;
		
	}
	
	.piedth2 {
		text-align:center;
		padding: 0 10px;
	}
	
	.piedth3 {
		text-align:right; width:33%;
		padding: 0 10px;
	}
	
	.bulle {
		width:400px;
	}
	
	#texte3 {
		margin-left: auto;
		margin-right: auto;
		width:800px;
		font-size: x-large;
	}
	
	#texte {
		margin-left: auto;
		margin-right: auto;
		width:800px;
		font-size: large;
	}

	#texte2 {
		margin-left: auto;
		margin-right: auto;
	}
	
	.gros_table
{
background-color: rgba(255, 255, 255, 0.3);
margin:auto;
border: medium solid black;
border-collapse: collapse;
max-width: 850px;
}

.gros_th {
padding: 5px;
border: thin solid black;
text-align: center;
background-color: none;
}

td.first {
padding: 5px;
border: thin solid black;
background-color: none;
}

td.firstrouge {
padding: 5px;
color:#ac1e44;
border: thin solid black;
background-color: none;
}

input[type=button]
 {
	width:85px;
	height:85px;
	background:  #cfc8af ;
	box-shadow:5px 5px 10px #aaa;
	font:bold 13px Arial;
	border-radius:50%;
	color:#555;
	cursor: pointer;
}

input[type=submit]
{
	border:none;
	padding:6px 16px 6px 16px;
	border-radius:8px;
	background:#d34836;
	font:bold 13px Arial;
	color:#fff;
	cursor: pointer;
}