/***** bloc contact *****/
.bloc_contact  		 				{ position:relative; display:grid; grid-gap:80px; grid-template-columns:350px 1fr; }
.no_contact  		 				{ grid-template-columns:1fr; grid-gap:0px; background: #f6f6f6; border-radius: 30px; padding:60px; width:100%; max-width: 850px; }
.bloc_contact .left 				{ padding:0; color:#fff;}
.bloc_contact .left img				{ width:140px; height:auto; display:block; margin-bottom:30px;}
.bloc_contact .left .content		{ padding:50px 40px; position:relative; background:#0c2938; border-radius: 10px;}
.bloc_contact .left .content p		{ letter-spacing: 0.5px;  text-align:left; margin-bottom:25px;}
.bloc_contact .left .content p a	{ color: #fff;  border:none;}	  
.bloc_contact .left .sous_titre 	{ font: 400 20px/30px "Poppins"; letter-spacing: 0.2px; color: #00bcd4; height: auto; display: block; margin: 0 0 20px 0;}
.bloc_contact .left .tel		    { font: 500 16px/60px "Poppins"; letter-spacing: 0.6px; text-transform: uppercase; height: 60px;  border-radius: 5px;  display: inline-block;  vertical-align: middle;  color: #000000;  padding: 0 30px;  background: linear-gradient(to top, #dac696 0%, #dac696 50%, #535353 50%, #535353 100%);  background-size: 100% 200%;  background-position: 0 100%;  cursor: pointer;}
.bloc_contact .left .tel:before {  content: ""; background: url(../images/tel.svg); width: 12px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 15px 3px 0; transition: all 300ms ease-in-out 300ms;}
.bloc_contact .right span		    { color:red; }
.bloc_contact .grid					{ display:grid; grid-template-columns:1fr 1fr; align-items:end; grid-gap:20px;}
.bloc_contact .gridrue				{ grid-template-columns:1fr 30%; }
.bloc_contact .gridville			{ grid-template-columns:30% 1fr; }
.bloc_texte:last-child              { margin-top: 100px;}


@media (min-width:1201px) {
.bloc_contact .left p a:hover 		{ color: #00bcd4; }
.bloc_contact .left .tel:hover		{ background-position: 0 0;  color: #fff;}
}
@media (max-width:1200px) {
.bloc_contact  		 				{ grid-gap:60px; grid-template-columns:340px 1fr;}
.no_contact  		 				{ grid-template-columns:1fr; grid-gap:0px; background: #f6f6f6; border-radius: 10px; padding:80px;}
}
@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 				{ margin-bottom:60px; }
.bloc_contact .grid					{ grid-template-columns:1fr; grid-gap:0;}
.no_contact  		 				{ padding:60px;}
}
@media (max-width:600px) {
.bloc_contact  		 				{ margin-bottom:60px; margin-top:0px;}
.bloc_contact .left 				{ /*width:auto; margin:0 -7.5vw 60px;*/ display: none;}
.bloc_contact .left .content		{ padding:40px 7.5vw 40px 7.5vw; border-radius: 0px;}
.bloc_contact .left img				{ border-radius: 0px;}
.bloc_contact .right 				{ margin:60px 0 0 0;}
.top_page                           { margin-bottom:0px; }
.bloc_texte:last-child              { margin-top: 40px;}
.no_contact  		 				{ padding:0px; background: #fff;}
}

/***** formulaire de contact *****/ 
.contact_form  						{ width:100%; margin:0 auto; letter-spacing:0.2px;}
.contact_form .link					{ cursor:pointer; margin-top: 20px; border:0px; }
.contact_form label					{ margin:20px 0 5px 0; display: block;}
.requis_txt							{ font-size:14px; line-height:35px; letter-spacing:0.4px; color:#003f58;}
.contact_form input[type="text"], 
.contact_form input[type="email"],
.contact_form textarea				{ width:100%; border: 1px solid #dfdfdf; padding:0 20px; height:60px; padding-bottom:2px; font: 400 14px/30px "Poppins"; border-radius:8px;}
.contact_form select                { width:100%; border: 1px solid #dfdfdf; padding:0 20px; height:60px; padding-bottom:2px; font: 400 14px/30px "Poppins"; border-radius:8px; appearance: none; background: url(../images/arrow_sub.svg) calc(100% - 15px) 50% no-repeat #fff;}
.contact_form textarea				{ height:auto; min-height:140px; padding:20px;}
.input_required                     { color:red; }


/* formulaire : joindre un fichier ss*/
.js .input_file_container 			{ display:inline-block; position:relative;}  
.js .input_file 					{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; cursor:pointer;}  
.js .input_file_trigger 			{ width:100%; cursor:pointer; margin:0; padding:0 20px; color:#555; border: 1px solid #dfdfdf; font-size:14px; line-height:58px; background:#fff; }
.js .input_file:hover + .input_file_trigger,  
.js .input_file:focus + .input_file_trigger,  
.js .input_file_trigger:hover,  
.js .input_file_trigger:focus 		{ background-color:#ddd; color: #222;}  
.file_return 						{ margin:0;}  
.file_return:not(:empty) 			{ margin:10px 0 20px 0;}  
.js .file_return 					{ font:400 16px/20px "Poppins";}  
.js .file_return:not(:empty):before { content:"Fichier sélectionné : "; font-style:normal; font-weight:normal; font-family:"Poppins";}  
.input_file_trigger.error 			{ background:#f12626;}




/***** confirmation formulaire *****/
.confirmation_form			 		{ padding:40px; background:#fff; border: 1px solid #dfdfdf; border-radius:5px; text-align:center;}
.no_contact .confirmation_form      { background:none; border: 0px solid #dfdfdf;}
.confirmation_form p			 	{ margin:5px 0 20px 0;}

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


/***** RGPD *****/
#rgpdForm 							{ padding:20px; font: 500 14px/30px "Poppins"; letter-spacing:0.4px; margin:20px 0; border-radius:5px;}
#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: normal 11px/24px "Poppins"; letter-spacing:0.4px;}
#rgpdForm a							{ position:relative; color:#00bcd4; padding-bottom:2px;}
#rgpdFormAcceptError				{ padding:5px 0 0 30px; color:#00bcd4;}



/***** Affiche les boutons radio dans le formulaire *****/
.form-item.radio input[type="radio"] { appearance: radio; }
.form-item.radio>div 				{ float: left; padding: 0 40px 0 30px; position: relative;}
.form-item.radio>label 				{ display: block; }