/*Flash infos / Temoignage*/
.pucesF{
	position:absolute;
	width:100%;
	text-align:center;
	top:70px;
	left:0;	
	z-index:9;
	display: none;
}
.pucesF li{
	height:13px;
	width:13px;
	border-radius:100%;
	background-color:#999a9a;
	opacity:0.5;
	display:inline-block;
	margin:0 2px;
	list-style:none;
	cursor:pointer;	
}
.pucesF li.active, #puces li:hover{
	opacity:1;
}	
.pucesF li.active{
	cursor:default;
	background-color: #728d41;
}
.flash .active,.tem .active{
	opacity: 1;
}
.flash .actuUl,.tem .temoignageUl{
	position: relative;
	overflow: hidden;
}
.flash .actuUl li,.tem .temoignageUl li{
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	top:0;
	left: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;
}
.flash .actuUl .premier,.tem .temoignageUl .premier{
	position: relative;
	min-height: 93px;
}
.actuUl li.active, .temoignageUl li.active{
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;
}


/*fullPageBan*/
.fullPageBan{
	position: relative;
	width: 100%;
}
.fullPageBan .galerie li img{
	display: none;
}
.fullPageBan .galerie li{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}
.fullPageBan .galerie, .fullPageBan .photoDiv{
	height: 100%;
}
.pucesB{
	position:absolute;
	width:100%;
	text-align:center;
	top:70px;
	left:0;	
	z-index:9;
	display: none;
}
.pucesB li{
	height:13px;
	width:13px;
	border-radius:100%;
	background-color:#999a9a;
	opacity:0.5;
	display:inline-block;
	margin:0 2px;
	list-style:none;
	cursor:pointer;	
}
.pucesB li.active, .pucesB li:hover{
	opacity:1;
}	
.pucesB li.active{
	cursor:default;
	background-color: #728d41;
}

#banniere .galerie{
	max-width: 100%;
}
.photoDiv{
	text-align:center;	
	position:relative;
}
#ban .photoDiv:hover .suivantBan,#ban .photoDiv:hover .precedentBan{
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;
}
#ban .precedentBan{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;
	opacity: 0;
	background-image:url(../img/center/leftBan.png);
	position:absolute;
	left:0;
	top:0;
	width:65px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:100%;
	z-index:7;	
}
#ban .suivantBan{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;
		 opacity: 0;
	background-image:url(../img/center/rightBan.png);
	position:absolute;
	right:0;
	top:0;
	width:65px;
	height:100%;	
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 50%;
	z-index:7;
}
.precedentGalerie{
	position:absolute;
	left:0;
	top:0;
	width:65px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../img/center/left.png);
	height:100%;
	z-index:999;	
}
.suivantGalerie{
	position:absolute;
	right:0;
	top:0;
	width:65px;
	height:100%;	
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(../img/center/right.png);
	z-index:999;
}
.realisationDiv .galerie{
	padding:0;	
	position:relative;
	text-align:center;
	max-width:800px;
	width:100%;
	margin:0 auto;
	display:inline-block;
}
.galerie .premier{
	position:relative;	
}
.galerie li img{
	max-width:100%;
	max-height:100%;
    display: inline-flex;
    margin: auto;
    vertical-align: middle;
}
.realisationDiv .premier li img{
	max-width:100%;
	max-height:600px;
}
.galerie li{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	height:100%;	
	opacity:0;
	list-style-type:none;
	z-index:-1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;	
}
.galerie li.active{
	opacity:1;
	z-index:1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	 -ms-transition: all 0.2s ease-out;
	  -o-transition: all 0.2s ease-out;
		 transition: all 0.2s  ease-out;		
}