/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 50px; 
		left: 50%;
		margin-left: -260px;
		width: 520px;
		background: #FFF url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 30px 34px;
		
		border: 3px solid #000;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 42px;
		line-height: 0.5;
		position: absolute;
		top: 12px;
		right: 11px;
		color: #AAA;
		font-weight: bold;
		cursor: pointer;
	}
		
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/
@media (max-width: 992px) {
.reveal-modal {
		visibility: hidden;
		top: 50px; 
		left: 50%;
		margin-left: -160px;
		width: 320px;
		
}
#form-modale h4{
	font-size: 28px;	
}
}
/* ------------------------ Modale ------------------- */
.reveal-modal{
	
}

.reveal-modal .gcore-line-td{
	margin-bottom: 10px;
}
.reveal-modal img{
	width: 70%;
	max-width: inherit;
	margin: 10px auto 10px;
	max-width: 100%;
	height: auto;
}
#form-modale input[type=text]{
	width: 100%;	
}
#form-modale input[type=radio]{
	margin-right: 5px;
	
}
#form-modale .gcore-radio-item{
	display: inline-block;
	margin-right: 10px;
}
#form-modale input.btn{
	margin: 17px auto -70px;
	display: block;
	width: 200px;
	height: 75px;
	border: 5px solid #000;
	border-radius: 0px;
	font-size: 35px;
	background-color: #C53D31;
	color: #FFF;
	font-family: Dense,Helvetica,sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding: 7px;	
}
#form-modale input.btn:hover{
	color: #000;
}
/**/	

#form-modale h5{
	text-align: center;	
	border-bottom: 1px solid #e6e6e6;
	color: #c53d31;
	font-size: 30px;
	font-weight: 100;
	text-transform: uppercase;
}
#form-modale h3{
	text-align: center;
	
	font-size: 33px;
	
	font-weight: 500;
	color: #000;
	font-family: Dense, Helvetica, sans-serif;	
}
#form-modale h4{
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #e6e6e6;
	color: #000;
}

#form-modale img{
	
}
#form-modale input[type=text], #form-modale textarea{
	background-color: #f4f4f4;	
}
#ftd-message label::before{
	content:"\f040";
	font-family: "FontAwesome";
	font-size: 20px;
	margin-right: 6px;
}