.page_content p a 					                { border: none;}
.page_content p a:hover				                { border: none;}
.bloc_texte p a:hover 				                { border: none;}

@media (max-width:600px) {
.top_page .bloc_2_col                               { display: none;}
.chapo 								                { display: none;}
}

/***** champs formulaire *****/ 
label								                { font: 400 15px/30px "Barlow"; display: block; margin: 0 ;}
label span							                { color: #ff0000;}
select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea 							                { width: 100%; height: 50px; border: 1px solid #e5e5e5; font: 400 14px/22px "Barlow"; letter-spacing: 0.4px; padding: 0 25px 4px 25px; background: #f8f8f8; border-radius: 5px}
select								                { -webkit-appearance: none; appearance: none; background: url("../images/scrollbottom.svg") calc(100% - 25px) 50% no-repeat #f8f8f8; padding-bottom: 0;}
textarea							                { min-height: 160px; padding: 20px 25px; display: block;}
input[type=checkbox] 				                { -webkit-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 2px 10px 2px 0;}
input[type=radio] 					                { -webkit-appearance: radio; -ms-appearance: radio; appearance: radio; -moz-appearance: radio; -o-appearance: radio; width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 2px 10px 2px 0;}
.contact_form #Date1, .contact_form #Date2, .contact_form #Date3 { background: url("../images/calendar_blue.svg") 95% 50% no-repeat #f8f8f8; cursor: pointer;}
.objet                                              { margin: 10px 0;}
.form_message                                       { margin: 10px 0;}


/***** confirmation formulaire *****/
.confirmation_form			 		                { text-align: center; background: #f0f0f0; padding: 40px; border-radius: 20px}
.confirmation_form p			 	                { margin: 5px 0 20px 0;}

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


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

@media (min-width:1201px) {
#rgpdForm a:hover 					                { color:#e92229; border-color: #e92229;}
}

/* custom */
.rgpd 								                { margin-top: 40px; margin-bottom: 40px; }

form .grid 				                            { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px 30px; align-items: center; margin: 20px auto;}
form .grid.phone		                            { grid-template-columns: 180px 1fr; }
@media (max-width:1000px) {
form .grid 				                            { grid-template-columns: 1fr; margin: 20px auto;}
}


/***** page contact *****/
#contact .bloc_contact 				                { display: grid; grid-template-columns: 380px 1fr; grid-gap: 60px; margin-bottom: 100px; margin-top: 60px; position: relative; z-index: 90;}
#contact .bloc_contact .coordonnees .sous_titre     { color: #fff;}
#contact .bloc_contact .coordonnees .content        { background: #111; color: #fff; padding: 50px; border-radius: 20px 0;}
#contact .bloc_contact .coordonnees .tel,			
#contact .bloc_contact .coordonnees .mail           { padding-left: 35px; color: #fff;}
#contact .bloc_contact .coordonnees .tel            { background:url("../images/tel_red.svg") 0 52% no-repeat;}			
#contact .bloc_contact .coordonnees .mail           { background:url("../images/mail_red.svg") 0 52% no-repeat;}
#contact .bloc_contact .coordonnees .link           { margin-top: 10px;}
#contact .bloc_contact .coordonnees p               { margin-bottom: 10px;}
#contact .bloc_contact .coordonnees p a             { color: #fff;}

#contact form .sous_titre			                { margin-bottom: 30px;}
#contact form .link      		                    { cursor: pointer;}
#contact form .btn_sub .link 		                { border-radius: 5px;}

@media (max-width:1000px) { 
#contact .bloc_contact 				                { grid-template-columns: 1fr; grid-gap: 40px; margin-bottom: 80px; margin-top: 50px; }
#contact form .grid 				                { grid-template-columns: 1fr; grid-gap: 10px; }
}

@media (max-width:600px) { 
#contact .bloc_contact 				                { grid-gap: 50px; margin-top: 0;}
#contact .bloc_contact .coordonnees                 { margin: 0 -7.5vw 0 -7.5vw;}
#contact .bloc_contact .coordonnees .content        { border-radius: 0; padding: 40px 7.5vw;}
#contact form .sous_titre			                { margin-bottom: 20px;}
#contact form label 				                { margin-bottom: 10px;}
}