html, body {  
	margin : 0px; 
  	padding : 0px;  
  	text-align: left; /* pour résoudre le bug de centrage sous IE5 et IE6-7 en mode Quirks */
	font-family:'Titillium Web','Montserrat', sans-serif;
 	font-size:small;  
	background-color: #000;
	height: 100%;
  	width: 100%;
    background: url('underwater-4286600_1920.jpg') repeat;
	background-attachment: fixed;
	}
.table1{
	width:75%;
	padding:2em;
	margin-left:auto;
	margin-right:auto;	
	background-color: #fff; 

	margin-top:20px;
	margin-bottom:20px; 
	border-radius: 40px;	
	box-shadow: 1px 1px 12px #555;

}

@media screen and (max-width: 800px) {.table1{width:90%;}}

li{padding-bottom:1em;} 
.img1{width:100%; }
.img2{width:30%; float:left; padding:2em;}  
.img3{width:30%; float:right; padding:2em;}  
h1{
	font-family:'Source Sans Pro','Open Sans Condensed', sans-serif; 	
  	text-align: center;

	margin-top:0px;
	padding-top:0px;
	
} 
h2{ 
	font-family:'Source Sans Pro','Open Sans Condensed', sans-serif;	
	text-decoration: underline;	
	 	font-size:2em;  
} 

h3{ 
	font-family:'Source Sans Pro','Open Sans Condensed', sans-serif;	
	 	font-size:1.5em;  
} 
.mail{width:30px; padding-right:10px;}
.cadremail{
	margin:2em;
	 
    background: #F5F5F5 url(images/visu.png) no-repeat 10px 15px;
    border: 1px solid #C0C0C0;
    color: #404040;
    padding: 10px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 6px 0 #A9A9A9;
    -webkit-box-shadow: 3px 3px 6px #A9A9A9;
    box-shadow: 3px 3px 6px 0 #A9A9A9;	
}
.action{
	font-weight: bold;
	font-size: 1.2em; 
	color : #fff;
    background: #6633FF;
	padding:1em;
}
.posts{
	
	display:table-block;
	padding:2em;
	width:100%;
	text-align:center;
	
}
.fb-post{vertical-align: top;
text-align:center;
}
.center{
	text-align:center;
}
.expiration{
	width:60%;
	  border: 2px solid #C0C0C0;
	
}
.citation{
	font-size: 0.9em; 	
}