@media (max-width:1200px) {
#header { top: 0;}
}

/***** champs formulaire *****/ 
label								{ display: block; margin-bottom: 5px; font-size: 14px;}
label span							{ color: #ba0000;} 

.formulaire select,
.formulaire input[type="text"],
.formulaire input[type="email"],
.formulaire input[type="date"],
.formulaire input[type="number"],
.formulaire textarea      { width:100%; border:1px solid #dfdfdf; padding:0 0 0 15px; height:60px; font: var(--fontBody); color: var(--mainColor1); margin-bottom: 10px; display:block; background: #ffffff;   font-size: 14px; border-radius: 0;  }
.formulaire textarea      { min-height: 160px; padding:20px 0 0 15px; display: block; }
input[type=submit]        { border: none; cursor: pointer; transition: all 400ms ease-in-out;width: max-content; margin: 0; display: block; } 
input::placeholder        { color:#00000040; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus 		{ border: 1px solid #010101; -webkit-text-fill-color: #000000; box-shadow: 0 0 0px 1000px #ffffff inset; transition: background-color 5000s ease-in-out 0s;}

@media (min-width:1201px) {
    /*input[type=submit]:hover     { color: #ffffff; background: #000000; transition: all 400ms ease-in-out;}*/
}

[type="radio"]:checked,
[type="radio"]:not(:checked)                 { position: absolute; left: -9999px;}
[type="radio"]:checked + label, 
[type="radio"]:not(:checked) + label         { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before  { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after   { content: ''; width: 12px; height: 12px; background: #2d3850; position: absolute; top: 3px; left: 3px;  border-radius: 100%;    -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after   { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after         { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}


/* custom select */
.select2                                                                            { width: 100%!important;}
.select2-container--default .select2-selection--single 								{ border: 1px solid #dfdfdf;  height: 53px; background: url("../images/arrow_select.svg") right+20px center no-repeat #fff; }
.select2-container .select2-selection--single .select2-selection__rendered 			{ line-height: 25px; padding: 14px 25px; font-size: 14px;}
.select2-container--default .select2-selection--single .select2-selection__arrow 	{ display: none;}
.select2-dropdown 																	{ border-color: #dfdfdf; overflow: hidden;}
.select2-dropdown b, .select2-dropdown strong 										{ font-size: 14px;}
.select2-container--default .select2-results__option      					        { background: #ffffff; color: #000000; transition: all 400ms ease-in-out;}
.select2-container--default .select2-results__option:hover    					    { background: #2d3850; color: #ffffff; transition: all 400ms ease-in-out;}
.select2-container--default .select2-results__option--selected    					{ background: #2d3850; color: #ffffff;}
.select2-container--default .select2-search--dropdown .select2-search__field 		{ border-color: #2d3850;}
.select2-search                                                                     { display: none;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #2d3850; color: #ffffff;font-size: 14px;}
.select2-container--default .select2-results__option {  font-size: 14px;}
.select2-container--default .select2-selection--single .select2-selection__rendered         { color: #000000; }

@media (max-width:700px) {
.select2-container--default .select2-selection--single 								{ height: 48px;}
.select2-container .select2-selection--single .select2-selection__rendered 			{ line-height: 20px; padding: 14px 20px;}
}




/** formulaire **/
.formulaire 						{ position: relative;}
.formulaire form .grid 				{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin-bottom: 20px;}
.formulaire form .link 				{ width: 100%; text-align: center; border: none; padding-bottom: 2px;}

@media (max-width:1600px) { 
.formulaire form .grid 				{ grid-gap: 30px;}
}
@media (max-width:1400px) { 
.formulaire form .grid 				{ grid-gap: 25px; margin-top: 25px;}
}
@media (max-width:1200px) {     
.formulaire form .grid 				{ grid-gap: 15px; margin-top: 20px; grid-template-columns: 1fr;}
.formulaire form .grid .full		{ grid-column: auto;}
.formulaire form .sous_titre 		{ margin: 0;}
}
@media (max-width:1000px) { 
.formulaire 						{ padding-bottom: 20px;}
.formulaire form .grid 				{ grid-template-columns: 1fr 1fr;}
.formulaire form .grid .full		{ grid-column: span 2;}
}
@media (max-width:700px) { 
.formulaire form .grid 				{ grid-gap: 10px;}
}
@media (max-width:500px) { 
.formulaire form .grid 				{ grid-template-columns: 1fr;}
.formulaire form .grid .full		{ grid-column: auto;}
}


/***** confirmation formulaire *****/
.anchor 							{ position: absolute; left: 0; top: -140px;}
.confirmation_form			 		{ padding: 30px; background: var(--mainColor2); color: #ffffff; text-align: center; border-radius: 0;}

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


/***** RGPD *****/
#rgpdForm 							{ font: 400 12px/24px "Poppins"; border: none; letter-spacing: 0.6px; margin-bottom: 30px; padding: 20px; border-radius: 0; border: 1px solid #cccccc20;}
#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 11px/20px "Poppins"; letter-spacing: 0.6px;}
#rgpdForm a							{ color: var(--mainColor2); border-bottom: 1px solid var(--mainColor2);}
#rgpdFormAcceptError				{ padding: 5px 0 0 30px; color: #ba0000;}

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



/***** page contact *****/
#contact .grid_bloc  											{ margin-top: clamp(40px, 8vw, 80px);}
#contact .grid_bloc .container									{ grid-template-columns: 1fr 380px; grid-gap: clamp(20px, 4vw, 60px); align-items: start;}
#contact .grid_bloc .formulaire									{ background: var(--bgColorLight); padding: clamp(20px, 4vw, 50px); }
#contact .grid_bloc .formulaire	.chapo							{ margin-bottom: 40px;}
#contact .grid_bloc .coordonnees								{ background: var(--bgColorDark); color: #fff; line-height: 170%; position: sticky; top: 120px;}
#contact .grid_bloc .coordonnees .txt                           { padding: clamp(20px, 3vw, 40px); }
#contact .grid_bloc .coordonnees p								{ margin: clamp(10px, 2vw, 15px) 0 0 0; }
#contact .grid_bloc .coordonnees .icon 							{ padding: 5px 0 5px 35px; position: relative; color: #fff;}
#contact .grid_bloc .coordonnees .icon:after 					{ width: 18px; height: 100%; position: absolute; left: 0; top: 0; content: "";}
#contact .grid_bloc .coordonnees .address:after 				{ background: url(../images/map.svg) 1px 5px no-repeat;}
#contact .grid_bloc .coordonnees .opening 						{ margin-top: 10px; padding-bottom: 5px;}
#contact .grid_bloc .coordonnees .tel a:after 					{ background: url(../images/tel.svg) 0 50% no-repeat;}
#contact .grid_bloc .coordonnees .email a:after 				{ background: url(../images/email.svg) 1px 50% no-repeat;}
#contact .grid_bloc .coordonnees .gsm a:after 			        { background: url(../images/gsm.svg) 0 50% no-repeat;}

#contact .grid_bloc .coordonnees a { color: #ffffff; border-bottom: none;}

.bloc_contact .grid                     { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-bottom: 30px;  }

.contact_form .grid .item               { position: relative;}
.contact_form .grid .item h6            { font: normal 600 22px / 160% var(--fontBody);}
.contact_form .grid .item.margin-top    { margin-top: 40px;}
.contact_form .grid .item_full          { grid-column: span 2; position: relative;}

#contact .map  			 										{ margin-top: -2vw;}
#contact .map iframe 			 								{ width: 100%; height: auto; max-height: 700px; aspect-ratio: 16/9; object-fit: cover; display: block; border: none;}

@media (min-width:1201px) {
#contact .grid_bloc .coordonnees a:hover        { color: var(--mainColor2);}
}
@media (max-width:1400px) { 
#contact .bloc_col_txt .coordonnees             { padding-left: 40px;}
}
@media (max-width:1000px) { 
#contact .grid_bloc .container                  { grid-template-columns: 1fr;}
#contact .grid_bloc .coordonnees .item          { display: none;}
}

@media (max-width:700px) { 
#contact .grid_bloc .formulaire                 { margin-top: 40px;}    
#contact .grid_bloc .item                       { margin-bottom: 0;}
}

.contact_form .btn:disabled 					{ background: unset; background-color: #aaa; color: #111111; cursor: not-allowed;}
.contact_form .btn:disabled:hover 				{ background-color: #aaa; }