/***** bloc contact *****/
.bloc_contact  		 				{ position:relative; display:grid; grid-gap:80px; grid-template-columns:400px 1fr;}
.bloc_contact .coordonnees			{ padding: 60px; background-color: #1d1d1d; color: #fff;}
.bloc_contact .coordonnees .email 	{ border-bottom: 1px solid transparent;}
.bloc_contact .coordonnees .localisation { margin-bottom:10px;}
.bloc_contact .coordonnees .sous_titre	{ color:#fff; }
.bloc_contact .coordonnees .content	{ padding:50px 40px; position:relative; background:#1d1d1d;}
.bloc_contact .coordonnees .separate{ margin: 25px 0;}	
.bloc_contact p  					{ margin-top: 5px;}
.bloc_contact .link 				{ background: linear-gradient(to top, #d9b47a 0%, #d9b47a 50%, #fff 50%, #fff 100%); background-size: 100% 200%; background-position: 0 100%;  }
@media (min-width:1201px) {
.bloc_contact .link:hover			{ background-position: 0 0; color: #1d1d1d;}
.bloc_contact .coordonnees .email:hover	{ border-bottom: 1px solid #d9b47a;}
}
@media (max-width:1200px) {
.bloc_contact  		 				{ grid-gap:60px; grid-template-columns:380px 1fr; }
}
@media (max-width:1000px) {
.bloc_contact  		 				{ padding-bottom:0; display:block;}
.bloc_contact>div 					{ width:100%; padding:0;} 
.bloc_contact .right 				{ background:none;}
.bloc_contact .left 				{ width:100%; margin-bottom:60px; max-height: 100%}
}
@media (max-width:600px) {
.bloc_contact  		 				{ margin-bottom:60px;}
.bloc_contact.bloc_texte			{ margin-top: 0;}
.bloc_contact .left 				{ width:auto; margin: 0 -7.5vw 40px -7.5vw;}
.bloc_contact .left .content		{ padding:9vw 5vw;}
.bloc_contact .coordonnees			{ padding: 9vw 7.5vw;}
.bloc_contact .link					{ text-align: left;}
}

/***** formulaire de contact *****/ 
.contact_form  						{ width:100%; margin:0 auto; letter-spacing:0.2px;}
.contact_form .link					{ cursor:pointer; margin-top: 20px; background: linear-gradient(to top, #d9b47a 0%, #d9b47a 50%, #1d1d1d 50%, #1d1d1d 100%); background-size: 100% 200%; background-position: 0 100%;  }
.contact_form label					{ margin:20px 0 10px 0; display:block;}
.contact_form label	span			{ color:#d71313;}
.contact_form input[type="text"], 	
.contact_form input[type="email"],
.contact_form textarea				{ width:100%; background: #eeeeee; padding:0 20px; height:60px; padding-bottom:2px; font:400 14px/34px "Barlow"; border-radius:0; border: none;}
.contact_form textarea				{ height:auto; min-height:160px; padding:18px 20px;}
.requis_txt							{ font-size:14px; line-height:35px; letter-spacing:0.4px; color:#d71313; margin-top: 15px;}

@media (min-width:1201px) {
.contact_form .link:hover			{ background-position: 0 0; color: #d9b47a;}
}

/***** confirmation formulaire *****/
.confirmation_form			 		{ padding:40px; background:#fff; border:1px solid #ccc; text-align:center; border-radius: 0; margin-top: 150px;}
.confirmation_form .link	 		{ background: linear-gradient(to top, #d9b47a 0%, #d9b47a 50%, #1d1d1d 50%, #1d1d1d 100%); background-size: 100% 200%; background-position: 0 100%; }
.confirmation_form p			 	{ margin:5px 0 20px 0; color: #000;}

@media (min-width:1201px) {
.confirmation_form .link:hover		{ background-position: 0 0; color: #d9b47a;}
}

@media (max-width:600px) {
.confirmation_form			 		{ padding:30px 20px;}
}

/***** RGPD *****/
#rgpdForm 							{ padding:20px; border:1px solid #aaaaaa; font:400 12px/24px "Barlow"; letter-spacing:0.4px; margin:20px 0; border-radius:0;}
#rgpdForm input[type=checkbox]		{ width:18px; height:18px; display:block; float:left; padding:0; margin:5px 0 0 0; -webkit-appearance:checkbox; -ms-appearance:checkbox; appearance:checkbox; -moz-appearance:checkbox; -o-appearance:checkbox;}
#rgpdForm label						{ display:block; margin:0; padding: 0 0 0 30px; float:none; font:400 14px/24px "Barlow"; letter-spacing:0.4px;}
#rgpdForm a							{ position:relative; color:#d9b47a; border-bottom: 1px solid #d9b47a; padding-bottom:1px; }
#rgpdFormAcceptError				{ padding:5px 0 0 30px; color:#d71313;}


