/***** champs formulaire *****/ 
label								{ font: 500 16px/30px "Barlow"; display: block;}
label span							{ color: #cf2929;}
select,
input[type="text"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="number"],
textarea 							{ width: 100%; height: 60px; border: 1px solid #dadada; font: 500 16px/22px "Barlow"; letter-spacing: 0.4px; padding: 0 25px 4px 25px; border-radius: 5px;}
select								{ -webkit-appearance: none; appearance: none; background: url(../images/arrow_sub.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;}


/***** confirmation formulaire *****/
.anchor 							{ position: absolute; left: 0; top: -140px;}
.confirmation_form			 		{ text-align: center; background: #f5f5f5; padding: 40px; border-radius: 5px; max-width: 800px; margin: 0 auto;}
.confirmation_form p			 	{ margin: 5px 0 20px 0;}

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


/***** RGPD *****/
#rgpdForm 							{ font: 500 13px/24px "Barlow"; padding: 20px; border: 1px solid #dadada; letter-spacing: 0.6px; border-radius: 5px;}
#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: 500 13px/24px "Barlow"; letter-spacing: 0.6px;}
#rgpdForm a							{ position: relative; color: #0082c2;}
#rgpdFormAcceptError				{ padding: 5px 0 0 30px; color: #cf2929;}

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


/***** page contact *****/
#contact .bloc_contact 				{ display: grid; grid-template-columns: 380px 1fr; grid-gap: 80px;}
#contact .coordonnees .content 		{ background: #1e2b50; color: #fff; padding: 60px; border-radius: 5px;}
#contact .coordonnees .sous_titre	{ margin-top: -5px;}
#contact .coordonnees p				{ margin: 5px 0 0 0;}
#contact .coordonnees p	a			{ }
#contact .coordonnees p .tel 		{ color: #fff; border: none; padding: 0;}
#contact .coordonnees .email		{ margin: 20px 0 25px 0;}
#contact form .sous_titre			{ margin-bottom: 30px;}
#contact form .grid 				{ display: grid; grid-template-columns: 120px 1fr; align-items: center; margin-top: 20px;}
#contact form .btn_sub 				{ text-align: right; padding: 30px 0 0 0;}
#contact form .link 				{ cursor: pointer; border: none;}
#contact form .rgpd 				{ padding-left: 120px; margin-top: 20px;}
#contact iframe 					{ width: 100%; height: 600px; border-radius: 5px;}

@media (max-width:1200px) { 
#contact .bloc_contact 				{ grid-template-columns: 1fr;}
}
@media (max-width:1000px) { 
#contact iframe 					{ height: 60vw;}
}
@media (max-width:600px) { 
#contact .bloc_contact 				{ grid-gap: 50px;}
#contact .coordonnees .content 		{ padding: 9vw 7.5vw;}
#contact form .sous_titre			{ margin-bottom: 20px;}
#contact form .grid 				{ display: block;}
#contact form label 				{ margin-bottom: 10px;}
#contact form .btn_sub 				{ text-align: left;}
#contact form .rgpd 				{ padding-left: 0;}
#contact #rgpdForm label 			{ margin-bottom: 0;}
}


/***** page devis *****/
#devis form  						{ padding: 0 60px;}
#devis form .sous_titre				{ background: #1e2b50; text-align: left; padding: 0 30px; border-radius: 5px; margin: 80px 0 40px 0; font-size: 16px; line-height: 56px; height: 60px; color: #fff; letter-spacing: 0.6px;}
#devis form .grid 					{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px 80px;}
#devis form .grid_textarea			{ grid-template-columns: 140px 1fr; grid-gap: 0; align-items: center; margin-top: 20px;}
#devis form .hidden_address_load, #devis form .address_unload 	{ margin-top: 20px;}
#devis form .item					{ display: grid; grid-template-columns: 140px 1fr; align-items: center;}
#devis form .btn_sub 				{ text-align: right; padding: 40px 0 0 0;}
#devis form .link 					{ cursor: pointer; border: none;}
#devis form .rgpd 					{ padding-left: 140px; margin-top: 40px;}

@media (max-width:1200px) { 
#devis form  						{ padding: 0;}
#devis form .grid 					{ grid-template-columns: 1fr;}
#devis form .grid_textarea			{ grid-template-columns: 140px 1fr;}
#devis form .item					{ grid-template-columns: 140px 1fr;}
#devis form .rgpd 					{ padding-left: 0;}
}
@media (max-width:1000px) { 
#devis form .grid 					{ grid-template-columns: 1fr;}
#devis form .item					{ grid-template-columns: 140px 1fr;}
#devis form .btn_sub 				{ display: block; text-align: right;}
}
@media (max-width:600px) { 
#devis form .sous_titre				{ padding: 0 0 0 7.5vw; margin: 50px -7.5vw 35px -7.5vw; border-radius: 0;}
#devis form .item					{ display: block;}
#devis form label 					{ margin-bottom: 10px;}
#devis form .btn_sub 				{ text-align: left; padding: 30px 0 0 0;}
#devis form .rgpd 					{ margin-top: 30px;}
#devis #rgpdForm label 			{ margin-bottom: 0;}
}

.boutons_parti_pro                                  { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; text-align: center; margin-bottom: -30px;}
.boutons_parti_pro label                            { display: block; margin: 0; line-height: 0; font-size: 0;}
.boutons_parti_pro label span                       { color: unset; }
.boutons_parti_pro label input                      { margin: 0; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0;}
.boutons_parti_pro div                              { padding: 15px 5px; border-radius: 5px; border: 1px solid #ccc; background: #fff; cursor: pointer; font-size: 16px; line-height: 21px;}
.boutons_parti_pro .labl > input:checked + div      { background: #1e2b50; color: #fff; cursor: default;}

.radio_type_transport                                   { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(20% - 30px), 1fr)); text-align: center; margin-bottom: 30px;}
#radio_type_marchandise                                 { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(20% - 30px), calc(33% - 30px))); text-align: center; margin-bottom: 30px;}
#radio_temperature_dirigee                              { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(20% - 30px), calc(33% - 30px))); text-align: center; margin-bottom: 30px;}
.radio_type_transport label, 
#radio_type_marchandise label,
#radio_temperature_dirigee label                        { display: block; line-height: 0; font-size: 0; margin: 20px 10px;}
.radio_type_transport label input,
#radio_type_marchandise label input,
#radio_temperature_dirigee label input                  { margin: 0; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-appearance: none; -o-appearance: none; border-radius: 0;}
.radio_type_transport div div, 
#radio_type_marchandise div div,
#radio_temperature_dirigee div div                      { padding: 12px; border-radius: 10px; border: 1px solid #ccc; background: #fff; cursor: pointer; font-size: 16px; line-height: 21px;}
.radio_type_transport .labl > input:checked + div, 
#radio_type_marchandise .labl > input:checked + div,    
#radio_temperature_dirigee .labl > input:checked + div  { padding: 10px; border: 3px solid #1e2b50; cursor: default;}

@media (max-width:1000px) { 
.radio_type_transport, 
#radio_type_marchandise                                { grid-template-columns: 1fr 1fr;}
.radio_type_transport div                              { margin-bottom: 40px;}
.radio_type_transport label:not(first-child)           { margin-top: 0; }
}