.overlay_diagnostique{
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, 0.8);
	position:absolute;
	display:inline-block;
/*	z-index:1000;*/
	text-align:center;
	padding:50px 20px;
	box-sizing:border-box;
	opacity:0;	
}

.gallerie_participatif{
	height:100%;
	width:100%;
	background:rgba(0, 0, 0, 0.9);
	position:absolute;
	display:inline-block;
	z-index:1000;
	text-align:center;
	padding:50px 20px;
	box-sizing:border-box;
	opacity:1;
}
.tofade{
	-webkit-animation: overlay_1 4s ease-out;
	-moz-animation: overlay_1 4s ease-out;
	-ms-animation: overlay_1 4s ease-out;
	-o-animation: overlay_1 4s ease-out;
	animation: overlay_1 4s ease-out;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes overlay_1{   
	70%{opacity:0;}
	100%{opacity:0.9;}
} 
@-moz-keyframes overlay_1{   
	70%{opacity:0;}
	100%{opacity:0.9;}
} 
@-o-keyframes overlay_1{   
	70%{opacity:0;}
	100%{opacity:0.9;}
}
@keyframes overlay_1{   
	70%{opacity:0;}
	100%{opacity:0.9;}
}
.tofade_participatif{
	-webkit-animation: overlay_2 10s ease-out;
	-moz-animation: overlay_2 10s ease-out;
	-ms-animation: overlay_2 10s ease-out;
	-o-animation: overlay_2 10s ease-out;
	animation: overlay_2 10s ease-out;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes overlay_2{   
	90%{opacity:0;}
	100%{opacity:0.9;}
} 
@-moz-keyframes overlay_2{   
	90%{opacity:0;}
	100%{opacity:0.9;}
} 
@-o-keyframes overlay_2{   
	90%{opacity:0;}
	100%{opacity:0.9;}
}
@keyframes overlay_2{   
	90%{opacity:0;}
	100%{opacity:0.9;}
}
.overlay_boutons_wrapper{
	text-align:center;
}
.overlay_bouton{
	margin-top:20px;
	padding:6px 10px;
	width:200px;
	display:inline-block;
	background-color:rgba(235,235,235,1.00);
	border:rgba(17,17,17,1.00) 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:rgba(17,17,17,1.00);
	cursor:pointer;
	opacity:0;

	-webkit-animation: overlay_bouton 5s ease-out;
	-moz-animation: overlay_bouton 5s ease-out;
	-ms-animation: overlay_bouton 5s ease-out;
	-o-animation: overlay_bouton 5s ease-out;
	animation: overlay_bouton 5s ease-out;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes overlay_bouton{   
	90%{opacity:0;}
	100%{opacity:1;}
} 
@-moz-keyframes overlay_bouton{   
	90%{opacity:0;}
	100%{opacity:1;}
} 
@-o-keyframes overlay_bouton{   
	90%{opacity:0;}
	100%{opacity:1;}
}
@keyframes overlay_bouton{   
	90%{opacity:0;}
	100%{opacity:1;}
}

.description_diagnostique p{
	text-align:justify center;
}
.description_diagnostique{
	color:rgba(255,255,255,1.00);
}

.question_fin{
	width:450px;
	height:180px;
	margin-left:-225px;
	left:50%;
	margin-top:-90px;
	top:50%;
	position:absolute;
}