/***** page contact *****/
#contact .grid_bloc  						{ background: none; padding-bottom: 0;}
#contact .grid_bloc:before					{ position: absolute; left: 0; top: 0; right: 0; bottom: 750px; background: var(--bgColorDark); content: "";}
#contact .grid_bloc .container				{ grid-template-columns: 1fr 380px; grid-gap: clamp(20px, 4vw, 60px); align-items: start; padding-top: clamp(40px, 4vw, 60px);}

.coordonnees img							{ width: 100%; height: auto; display: block; border-radius: var(--imgRadius); margin-top: 20px;}
.coordonnees>div							{ background: var(--bgColorDarker); padding: clamp(20px, 3vw, 40px); color: #fff; border-radius: calc(var(--linkRadius) + 5px);; line-height: 170%;}
.coordonnees p								{ margin: clamp(10px, 2vw, 15px) 0 0 0;}
.coordonnees .icon 							{ padding-left: 35px; position: relative; color: #fff; display: inline-block;}
.coordonnees .icon:after 					{ width: 18px; height: 100%; position: absolute; left: 0; top: 0; content: "";}
.coordonnees .gsm a:after 					{ background: url(../images/gsm.svg) 2px 50% no-repeat;}
.coordonnees .tel a:after 					{ background: url(../images/tel.svg) 0 50% no-repeat;}
.coordonnees .email a:after 				{ background: url(../images/email.svg) 0 50% no-repeat;}
.coordonnees .hours 						{ padding-bottom: 10px;}


@media (max-width:1200px) { 
#contact .grid_bloc>.wrapper				{ padding-top: var(--marginT);}
#contact .grid_bloc .container				{ grid-template-columns: 1fr 320px;}
}
@media (max-width:1000px) { 
#contact .grid_bloc .container				{ grid-template-columns: 1fr; grid-gap: 6vw;}
.coordonnees img							{ margin-top: 6vw;}
.coordonnees>div							{ padding: 5vw;}
}
@media (max-width:700px) { 
#contact .grid_bloc .container				{ padding-top: 6vw;}
.coordonnees 								{ grid-area: 1;}
.coordonnees>div							{ padding: 7vw;}
}



/***** formulaire *****/
select,
input[type="text"],
input[type="email"],
input[type="date"],
textarea 									{ border: 1px solid #888;}


.formulaire 								{ padding: clamp(20px, 4vw, 50px); border-radius: calc(var(--linkRadius) + 5px); background: #fff; box-shadow: rgba(0 0, 0, 0.08) 0 0 60px 0; color: var(--txtColor);}
.formulaire .alert							{ padding-bottom: 5px;}
.formulaire .label i						{ font-size: 13px;}
.formulaire .titre_cap						{ padding-bottom: 5px;}
.formulaire .line 							{ margin: 20px 0 25px 0; height: 1px; background: #ddd;}
.formulaire .grid 							{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 15px;}
.formulaire .adresse .grid 					{ grid-template-columns: 1fr 30%;}
.formulaire .adresse .grid.reverse			{ grid-template-columns: 30% 1fr;}
.formulaire .adresse .grid>div				{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.formulaire .link 							{ width: 100%; text-align: center; border: none;}

@media (max-width:700px) { 
.formulaire .label i						{ font-size: 12px;}
.formulaire .line 							{ margin: 18px 0 20px 0;}
.formulaire .grid 							{ grid-template-columns: 1fr; grid-gap: 0;}
.formulaire .adresse .grid 					{ grid-template-columns: 1fr;}
.formulaire .adresse .grid.reverse			{ grid-template-columns: 1fr;}
.formulaire .adresse .grid>div				{ grid-gap: 10px;}
.formulaire .link 							{ height: 48px; padding-bottom: 2px;}
}


/***** confirmation formulaire *****/
.confirmation_form			 				{ text-align: center;}
.confirmation_form p			 			{ margin: 5px 0 20px 0;}



/***** RGPD *****/
#rgpdForm 									{ font: 400 13px/24px "Open Sans"; padding: 0 15px; letter-spacing: 0.8px;}
#rgpdForm input[type=checkbox]				{ width: 20px; height: 20px; display: block; float: left; padding: 0; margin: 6px 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: 40px; font: 400 13px/24px "Open Sans"; letter-spacing: 0.6px;}
#rgpdForm a									{ position: relative; color: var(--mainColor1);}
#rgpdFormAcceptError						{ padding: 5px 0 0 30px; color: var(--mainColor1);}

@media (min-width:1201px) {
#rgpdForm a:hover 							{ color: var(--txtColor);}
}
@media (max-width:700px) { 
#rgpdForm 									{ padding: 0;}
#rgpdForm input[type=checkbox]				{ width: 16px; height: 16px; margin: 4px 0 0 0;}
#rgpdForm label								{ padding-left: 30px; font-size: 11px; line-height: 20px;}
}


/* custom */
.rgpd 										{ margin: 20px 0 30px 0;}

@media (max-width:700px) { 
.rgpd 										{ margin: 15px 0 25px 0;}
}