/***** champs formulaire *****/ 
label								{ font: 400 14px/30px "Poppins"; display: block; margin: 20px 0 10px 0;}
label span							{ color: #b33131 ;}
select,
input[type="text"],
input[type="email"],
input[type="adress"],
input[type="number"],
textarea 							{ width: 100%; height: 60px; border: 1px solid #e4e4e4; font: 400 12px/22px "Poppins"; letter-spacing: 0.4px; padding: 0 25px 4px 25px; border-radius: 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;}
select								{ -webkit-appearance: none; appearance: none; background: url("../images/arrow_select.svg") calc(100% - 30px) 50% no-repeat #fff; border: 1px solid #e4e4e4; padding-bottom: 0;}
option								{ -webkit-appearance: none; appearance: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] 					{ -moz-appearance: textfield;}


.requis_txt 						{ color: #b33131;}


/***** confirmation formulaire *****/
.anchor 							{ position: absolute; left: 0; top: -140px;}
.confirmation_form			 		{ text-align: center; border: 1px solid #e4e4e4; padding: 40px; border-radius: 0;}
.confirmation_form p			 	{ margin: 5px 0 20px 0;}

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


/***** RGPD *****/
#rgpdForm 							{ font: 400 12px/24px "Poppins"; padding: 20px; border: 1px solid #e4e4e4; letter-spacing: 0.5px; 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 12px/24px "Poppins"; letter-spacing: 0.5px;}
#rgpdForm a							{ position: relative; color: #2dab66 ; border-bottom: 1px solid transparent; }
#rgpdFormAcceptError				{ padding: 5px 0 0 30px; color: #b33131;}

@media (min-width:1201px) {
#rgpdForm a:hover 					{ color:#2dab66 ;  border-bottom: 1px solid #2dab66 ; }
}

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


/***** page contact *****/
#contact .bloc_contact 				{ display: grid; grid-template-columns: 400px 1fr; grid-gap: 80px;}
#contact .coordonnees 				{ background: #333e45; padding: 60px 50px; color: #fff;}
#contact .coordonnees .sous_titre	{ margin-top: -5px; color: #fff;}
#contact .coordonnees p				{ margin-bottom: 10px;}
#contact .coordonnees p	a			{ padding: 0; border: none;}
#contact .coordonnees .link			{ margin-top: 15px;}
#contact form .sous_titre			{ margin-bottom: 30px;}
#contact form .grid 				{ display: grid; grid-template-columns: 140px 1fr; align-items: center; margin-top: 20px;}
#contact form .btn_sub 				{ text-align: right; padding: 30px 0 10px 0;}

@media (max-width:1200px) { 
#contact .bloc_contact 				{ grid-gap: 60px;}
}
@media (max-width:1000px) { 
#contact .bloc_contact 				{ grid-template-columns: 1fr;}
}
@media (max-width:600px) { 
#contact .bloc_contact 				{ grid-gap: 10vw;}
#contact .coordonnees 				{ padding: 40px 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;}
}



#rognage .nombre_souche 		 	{ margin: 50px auto;}
#rognage .souches 					{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:0 30px; }
#rognage .col2						{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }

@media (max-width:900px) { 
#rognage .souches 					{ grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width:600px) { 
#rognage .souches 					{ grid-template-columns: 1fr 1fr; }
#rognage .col2						{ grid-template-columns: 1fr; grid-gap: 0; }
}


.quantite 							{ position: relative;}
.quantite input 					{ display: block;  padding: 0;
  margin: 0;
  padding-left: 40px;
}

.quantite input:focus {
  outline: 0;
}

.quantite-nav {
  float: left;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 60px;
}

.quantite-button {
  width: 30px;
  position: relative;
  cursor: pointer;
  text-align: center;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantite-button.quantite-up {
  position: absolute;
  height: 50%;
  top: 0;
}

.quantite-button.quantite-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}