/***** champs formulaire *****/ 
label								{ font-weight: 600; font-size: clamp(16px, 1.4vw, 18px); color: var(--darkBlue); display: block; margin: clamp(25px, 7vw, 40px) 0 clamp(10px, 1.6vw, 15px) 0;}
label span							{ color: #e81e3f;}
select,
input,
textarea 							{ width: 100%; height: 70px; font: 400 clamp(14px, 1.2vw, 16px)/170% "Poppins"; letter-spacing: 0.2px; padding: 0 25px 2px 25px; border-radius: var(--radiusXS); border: 1px solid #c0e3f4; background: #fff; color: var(--darkBlue);}
select								{ -webkit-appearance: none; appearance: none; background: url("../images/arrow_down_blue.svg") calc(100% - 25px) 50% no-repeat #fff; 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: 0;}
/*::-webkit-calendar-picker-indicator { background: url(../images/calendar.svg) 50% 100% no-repeat; cursor: pointer; height: 24px; outline: none;}*/

select:focus,
input:focus,
textarea:focus 						{ border-color: var(--blue); outline: 1px solid var(--blue);}

::placeholder 						{ color: var(--darkBlue); opacity: 0.5;}

@media (max-width:1200px) { 
label								{ font-size: clamp(15px, 3vw, 18px);}
select,
input,
textarea 							{ font-size: clamp(13px, 2.8vw, 15px);}
}
@media (max-width:700px) { 
select,
input,
textarea 							{ height: 55px; padding: 0 18px;}
textarea							{ padding: 15px 18px;}
}


/** formulaire **/
.formulaire 						{ position: relative; display: grid; padding: 15px;}
.formulaire .grid 					{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.formulaire .grid * 				{ margin: 0;}
.formulaire .grid .fullw			{ grid-column: span 2;}
.formulaire .link 					{ width: auto; border: none; justify-self: end; cursor: pointer;}

@media (max-width:2000px) { 
.formulaire 						{ padding: 0;}
}
@media (max-width:1400px) { 
.formulaire .grid 					{ grid-template-columns: 1fr;}
.formulaire .grid .fullw			{ grid-column: auto;}
}
@media (max-width:700px) { 
.formulaire .link 					{ width: 100%;}
}


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



/***** RGPD *****/
#rgpdForm 							{ font: 400 14px/170% "Poppins"; letter-spacing: 0.2px; margin: clamp(20px, 7vw, 35px) 0; border-radius: var(--radiusXS); position: relative;}
#rgpdForm input[type=checkbox]		{ width: 22px; height: 22px; position: absolute; left: 15px; top: 50%; padding: 0; margin: -12px 0 0 0; appearance: checkbox; -webkit-appearance: checkbox; -ms-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox;}
#rgpdForm label						{ display: block; margin: 0; padding-left: 40px; font: 400 14px/170% "Poppins"; letter-spacing: 0.2px; padding: 5px 15px 5px 60px;}
#rgpdForm a							{ position: relative; color: var(--blue);}
#rgpdFormAcceptError				{ padding: 5px 15px 0 70px; color: #e81e3f;}

@media (max-width:1400px) { 
#rgpdForm input[type=checkbox]		{ left: 0;}
#rgpdForm label						{ padding: 5px 0 5px 45px;}
}
@media (max-width:700px) { 
#rgpdForm 							{ padding: 0;}
#rgpdForm input[type=checkbox]		{ width: 18px; height: 18px; top: 2px; margin: 0;}
#rgpdForm label						{ padding: 0 0 0 30px; font-size: 11px; line-height: 20px;}
}



/***** page contact *****/
#contact .top_page .square.yellow  						{ left: 65%; top: auto; bottom: 15%;}
#contact .top_page .square.darkblue						{ right: 5%; top: 45%;}
#contact .top_page .titre_main							{ margin-bottom: clamp(20px, 6vw, 100px);}
#contact .top_page .titre_main .icon					{ padding-right: 115px; position: relative;}
#contact .top_page .titre_main lord-icon				{ width: 90px; height: 90px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

#contact .grid_sticky .container 						{ grid-template-columns: 1.8fr 1fr;}
#contact .grid_sticky .content 							{ max-width: 900px; margin-top: calc(clamp(-60px, -4vw, -10px) - clamp(20px, 6vw, 100px));}
#contact .grid_sticky .content label:first-of-type 		{ margin-top: 0;}

#contact .grid_sticky .confirmation_form 				{ margin-top: calc(clamp(10px, 4vw, 60px) + clamp(20px, 6vw, 100px) + clamp(30px, 5vw, 100px));}

#contact .coordonnees  									{ margin-top: clamp(30px, 5vw, 100px); top: 100px;}
#contact .coordonnees .adresse 							{ padding: 10px 0 15px 0; font-weight: 500;}
#contact .coordonnees .adresse a						{ font-size: 14px; font-weight: 400; display: inline-block; margin-top: 5px;}
#contact .coordonnees .adresse a:after					{ margin-bottom: -4px; margin-right: 2px;}
#contact .coordonnees .contact_infos a					{ color: var(--txtColor);}
#contact .coordonnees lord-icon							{ width: 90px; height: 90px; display: block; position: absolute; right: 30px; bottom: 30px;}

#contact.scrolling_down .coordonnees  					{ top: 20px;}

@media (min-width:1201px) { 
#contact .coordonnees .contact_infos a:hover			{ filter: brightness(1);}
}
@media (max-width:2000px) { 
#contact .top_page .square.yellow  						{ left: 70%;}
#contact .grid_sticky .container 						{ padding-left: 5vw;}
}
@media (max-width:1800px) { 
#contact .top_page .square.yellow  						{ left: 75%;}
#contact .grid_sticky .container 						{ padding-left: 10vw;}
}
@media (max-width:1400px) { 
#contact .grid_sticky .wrapper_medium 					{ max-width: var(--wrapperXS);}
#contact .grid_sticky .container 						{ grid-template-columns: 1.6fr 1fr; padding-left: 0;}
#contact .coordonnees lord-icon							{ display: none;}
}
@media (max-width:1200px) { 
#contact .top_page .wrapper_small						{ width: 80vw; max-width: 700px;}
#contact .top_page .titre_main .icon					{ padding-right: 100px;}
#contact .top_page .titre_main lord-icon				{ width: 80px; height: 80px;}
#contact .grid_sticky .wrapper_medium 					{ width: 80vw; max-width: 700px;}
#contact .grid_sticky .container 						{ grid-template-columns: 1fr;}
#contact .coordonnees  									{ width: 100%; margin-top: 0;}
#contact .coordonnees lord-icon							{ display: block; width: 80px; height: 80px; right: 3.5vw; bottom: 3.5vw;}
}
@media (max-width:700px) { 
#contact .top_page .wrapper_small						{ width: 90vw; text-align: center;}
#contact .top_page .titre_main  						{ padding-top: calc(70px + 1vw); margin-top: -15px;}
#contact .top_page .titre_main .icon					{ padding-right: 0; position: static;}
#contact .top_page .titre_main lord-icon				{ width: 70px; height: 70px; right: 50%; top: 0; transform: translateX(50%);}
#contact .grid_sticky .wrapper_medium 					{ width: 90vw;}
#contact .coordonnees .bloc_shadow						{ padding: 7vw;}
#contact .coordonnees .adresse 							{ padding: 5px 0 10px 0;}
#contact .coordonnees .adresse a						{ font-size: 12px;}
#contact .coordonnees .adresse a:after					{ margin-bottom: -5px; margin-right: 3px;}
#contact .coordonnees .contact_infos p					{ margin: 10px 0 5px 0;}
#contact .coordonnees lord-icon							{ width: 60px; height: 60px; position: static; margin: -5px 0 10px 0;}
}


/*#contact iframe											{ width: 100%; height: auto; display: block; aspect-ratio: 16/9; border: none; border-radius: var(--radiusS);}*/