/* !!!! Style à changer !!!! */

	/*  - Couleur Form */
	.case svg{fill: #b23f22;}
	.contact_form{border-bottom-color : #000; color: #000;}
	#envoyer{color:#000;}
	::placeholder{color: initial;}
	/* - Couleur Form hover */
	.case:hover svg{fill: #b23f22;}
	.case:hover .contact_form{border-bottom-color : #b23f22; color: #b23f22;}
	#envoyer:hover{background-color: #b23f22 !important;}

	#captcha{display: flex;justify-content: center;}


	/* !!!! Formulaire CSS !!!! */
	input[type=checkbox], input[type=radio]{margin: 15px; width: 50px !important; height: 50px !important;}
	#contact_page input, #contact textarea{width:100%;padding-bottom: 5px; padding-top: 5px;}
	.case{position: relative;}
	.case svg{height: 37px; width: 23px; position: absolute;transition: all 0.4s; padding-top: 14px; box-sizing: border-box !important;  left: 0;}
	.clear{clear: both;}
	#contact_page{width: 450px; margin: 0 auto;}
	#envoyer{margin-top:15px; padding:15px !important; cursor:pointer; border:0px !important; border-radius: 30px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; outline: none; transition: all 0.3s;}
	.adr-code{display: flex;align-content: flex-end; justify-content: space-between;}
	#contact_page #ville{width: 245px;}
	#contact_page #code_postal{ width:200px;}
	#contact_page .flexpage_form {width: 100%; color: #000;display: flex; align-items: center;}
	#contact_page .flexpage_form p{
		width: 100%;
	}
	#contact_page #donnees {margin: 15px; max-width: 30px !important;}
	.flexpage_form p{color:rgba(0,0,0,0.4) !important; font-size: 13px !important; line-height: 18px;}
	.text-loi p{color:rgba(0,0,0,0.4) !important; font-size: 13px !important; line-height: 18px; text-align: center !important; font-family: Arial,Helvetica,sans-serif;}
	#formulaire{font-family: Arial,Helvetica,sans-serif;}
	.contact_form{border:0px; border-radius: 0px !important; border-bottom: 2px solid;outline: none;transition: all 0.3s;font-size: 14px;line-height: 23px;margin-bottom: 10px;min-height: 30px;margin-top: 10px;padding-left: 32px;width: 450px;}
	#envoyer{border-style:outset; background-color: rgba(0,0,0,0.13) !important; font-size: 16px;margin-bottom: 20px;}
	#envoyer:hover{color: #fff;}
	#captcha{display: flex;justify-content: center;}
	input{background-color: transparent !important;}
	textarea{background-color: transparent !important;}
	
	/* !!!! Reset style form HTML5 !!!! */
	textarea{padding: 5px 0px; max-width: 100%; min-width: 100%; font-family:inherit;}
	::placeholder {color: rgba(0,0,0,0.35);}
	input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active
	{-webkit-box-shadow: 0 0 0 30px white inset !important;}

	.contact_txt{
		border:solid 2px rgba(0,0,0,0.1);
		padding: 20px;
		border-radius: 0px;
		text-align: center !important;
		margin-bottom: 15px;
	}
	.contact_txt p{text-align: center !important; margin-bottom: 0px !important;}
	.contact_txt h2{
		text-align: center !important;
		 margin-bottom: 15px !important;
		 margin-top: 0px !important;
	}
	.contact_txt h2:after{display: none !important;}

	.encart-contact{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.encart-contact>div{
		width: 100%;
		max-width: 500px;
		margin: 20px auto;
	}

	/* !!!! Responsive Form !!!! */
	@media all and (max-width:525px){
		.clear-appear{clear: both;}
		#contact_page{width: 95%;}
		#contact_page input, #contact_page textarea{width:100%;}
		.adr-code{
			flex-direction: column;
		}
		#contact_page #ville{width: 100%;}#contact_page #code_postal{width:100%;}
		#contact_page .flexpage_form input[type="checkbox"] {width: 80px!important;height: 80px!important;}      
	}