html, body{
	margin: 0;
	padding: 0;
}
header{
	width: 100%;
	/*border-bottom: 1px solid grey;*/
	box-shadow: 8px 8px 12px #aaa;
}
header img{
	margin: 15px;

}
header nav{
	float: right;
	width: 39%;
	height: 100%;
}
header nav ul li{
	display: inline-block;
}
header nav ul li{
	line-height: 110px;
}
header nav ul li span{
	background-color: #263d66;
	color: white;
	padding: 7px;
	/*border-radius: 5px;*/
}
header nav ul li span:hover{
	background-color: green;
	color: white;
	padding: 7px;

}
header nav ul li span a:hover{
	color: white;
	text-decoration: none;
}
header nav ul li span#ActifNav{
	background-color: green;
	color: white;
	padding: 7px;
}
header nav ul li a{
	line-height: 34px;
	color: white;
    margin-top: 40px;
    text-decoration: none;
}
section{
	width: 100%;
	margin-top: 20px;
}
footer{
	margin-top: 20px;
	min-height: 100px;
	width: 100%;
	white-space: normal;
    padding: 10%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-family: monospace;
    border-top: 1px solid black;
    padding-top: 20px;
    box-shadow: 1px -3px 12px #aaa;
}
/* Diaporama */

/* Gallery */

.gallery {
    position: relative;
    height: 310px;
    padding: 15px;
    border: 1px solid #ddd;
    margin: 0 auto 2em;
    background: #FFF;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
    box-shadow: 0 0 3px rgba(0,0,0, 0.2);
}
.gallery div.csc-textpic{
	float:left;
	width:100%;
	position:relative; /* Corrige le bogue d'overflow sur IE6/7 */
	overflow:hidden;
	height: 310px;
}
.gallery div.csc-textpic ul{
	position:relative;
	padding:0;
	list-style:none;
	margin:0;
	height:292px;
	z-index: 1;
}
.gallery div.csc-textpic ul li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width: 100%;
	height: 293px;
}
.gallery div.csc-textpic ul li img{
	height: 100%;
	width: auto;
	max-width: 670px;
	max-height: 310px;
}

/* Ombrage */
.gallery:before,  
.gallery:after {  
    position: absolute;  
    bottom:16px;  
    z-index: -10;  
    width: 50%;  
    height: 20px;  
    content: " ";  
    background: rgba(0,0,0,0.1);
	-webkit-border-radius: 50%;  
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	-moz-border-radius: 50%;  
    -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);  
    border-radius: 50%;  
    box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
}  
.gallery:before {  
    left:0;  
    -webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg); 
	transform: rotate(-4deg);
}
.gallery:after {  
    right:0;  
    -webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg); 
	transform: rotate(4deg); 
}

/* Navigation */
.gallery .nav{
	position:absolute;
	width: 98%;
	height: 310px;
}
.gallery .nav a{
    position: relative;
    height: 64px;
    width: 64px;
    margin-top: 230px;
}
.gallery .nav a.prev{
	float:left;
	margin-left: 5px;
	background: url(../IMAGES/prev.png) no-repeat center;
	z-index: 2;
}
.gallery .nav a.next{
	float: right;
	margin-right: 5px;
	background: url(../IMAGES/next.png) no-repeat center;
	z-index: 2;
}

/* Fil d'ariane */
#ariane h1 {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #263d66db;
    color: white;
    padding-left: 20px;
    font-size: 20px;
}

/* FAQ Etapes */
#Etapes{
	width: 75%;
	text-align: center;
	margin: auto;
}
#Etapes p span {
    padding: 7px;
    margin: 5px;
    text-align: center;
    font-size: 30px;
    color: #263d66;
    border-radius: 10px;
    background-color: #263d663b;
    box-shadow: -2px -3px 12px #263d6675;
}
#Etapes p{
	text-align: left;
}
#Etapes td{
	padding: 2px;
	width: 49%;
}
.st11 {
overflow: hidden!important;
}
#Contact h2 {
    font-size: 22px;
    margin: 0;
    font-weight: 100;
    color: #73819d;
}
#Contact h1 {
    margin: 0px;
    color: #243e63;
}