.form-labo-wrapper{
	--primary: #004680;
	--secondary: #77BA5D;
	--tertiary: #cddae5;
	--dark: #141414;
	color: var(--primary) ;
	margin-left: auto ;
	margin-right: auto ;
}

@media screen and (min-width: 1600px) {
	.form-labo-wrapper{
		max-width: 80%;
	}
}

.form-labo-wrapper p,
.form-labo-wrapper ul{
	font-size : 1rem ;
	line-height: 1.65 ;
}

.form-labo-wrapper h2,
.form-labo-wrapper h3,
.form-labo-wrapper h4{
	text-align: center ;
	color: var(--primary) ;
	font-family: 'Saira', Arial, 'sans-serif';
	text-transform: uppercase ;
}
.form-labo-wrapper h2 span,
.form-labo-wrapper h3 span{
	font-weight: bold;
}

.form-labo-wrapper h2{
	font-size: 1.5rem !important;
}

.form-labo-wrapper h3{
	font-size: 1.4rem !important;
}
.form-labo-wrapper h4{
	font-size: 1.25rem !important;
}
.form-labo-wrapper form h3{
	margin-bottom: 1.5rem ;
}

.form-labo{
	margin: 40px auto;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

#step1{
	display: flex;
	justify-content: space-around;
}

#adress_destinataire_conteneur{
	display: none;
	flex-wrap: wrap;
}

input[type='button']{
	cursor: pointer;
}

#adress_destinataire{
	/* max-width: 50%; */
	width: 100% ;
	margin-top: 0px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}
#adress_destinataire_2{
	/* max-width: 50%px; */
	width: 100% ;
	margin-top: 0px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}

#step1>div{
	width: 40%;
}

#step1 h2{
	text-transform: uppercase;
	color: black;
	font-weight: bold;
	margin-top: 0px;
	font-size: 18px !important;
	text-align: center;
}

/* #step1 .row{
	margin-top: 10px;
} */

/*#adress_destinataire .col -- , #step1 .col*/
#step1 .row:not(.nocol), #adress_destinataire .row:not(.nocol), #adress_destinataire_2 .row:not(.nocol) {
	display: flex;
	justify-content: space-between;
}

#step1 .col, #adress_destinataire .col, #adress_destinataire_2 .col{
	width: 50%;
}

#step1 .col:first-child, #adress_destinataire .col:first-child, #adress_destinataire_2 .col:first-child{
	margin-right: 10px;
}

/* #step1 label, #adress_destinataire label, #adress_destinataire_2 label{ */
.form-labo-wrapper label{
	font-size: 16px;
	line-height:initial;
	margin: 0 ;
	font-weight: 500;
	text-transform: uppercase;
	color:var(--primary);
	display: block ;
	margin: 0 0 .25rem 0 ;
}

#commentaire{
	/* width: 50%; */
	min-height:110px;
	/* border: 1px solid black; */
}

/* #adress_destinataire input:not([type='checkbox']), #adress_destinataire_2 input:not([type='checkbox']), #step1 input:not([type='checkbox']), #reference_devis{ */
.form-labo-wrapper input[type="text"],
.form-labo-wrapper input[type="password"],
.form-labo-wrapper input[type="number"],
.form-labo-wrapper input[type="email"],
.form-labo-wrapper input[type="date"],
.form-labo-wrapper textarea,
.form-labo-wrapper select
{
	font-size:16px;
	width:100%;
	color:var(--primary);
	border:1px solid #656868;
	padding: 3px;
	/* font-weight:100; */
	border-radius: 8px ;
	margin : 0 0 1.5rem 0 ;
}

.form-labo-wrapper input[type=checkbox], 
.form-labo-wrapper input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 21px;
    height: 21px;
    border: 1px solid #656868;
    background: transparent ;
	vertical-align: top;
}
/* .form-labo-wrapper input[type=radio] {
    width: 21px;
    height: 21px;
} */

.form-labo-wrapper input[type=checkbox]:after{
    left: 6px;
    top: 2px;
    border: 3px solid var(--primary);
	border-top: 0;
    border-left: 0;
}
.form-labo-wrapper input[type=radio]:after{
    left: 4px;
    top: 4px;
    background : var(--primary);
}

#reference_devis{
	max-width: 150px;
}

.com_agirmer, .help{
	font-size: 70% ;
	line-height: 1.35;
	margin-bottom: 1.5rem ;
}

#address_facturation{
	opacity: 0.3;
	pointer-events: none;
}

.address-div{
	/*background-color: #f2efea;*/
	padding: 20px;
	border-radius: 5px;
}

.factu_diff{
	margin-top: 20px;

}

/* .factu_diff label{
	font-size: 18px !important;
	line-height: 18px !important;
	margin-left: 20px;
	text-transform: unset !important;
} */

.meta_donnees_step_1{
	/*background-color: #f2efea;*/
	margin: 40px auto;
	width: 60%;
}

.meta_donnees_step_1 hr{
	border:0px;
	border-bottom: 1px solid #ddd;
}

/* #envoi_step_1, #envoi_step_2, #envoi_step_3, .btn_precedent{ */
#envoi_step_0, #envoi_step_1, #envoi_step_2, #envoi_step_3{
	background-color: var(--secondary);
	color: white ;
	font-family: 'Saira', Arial, 'sans-serif';
	margin: 1rem auto 3rem auto ;
	border-radius: 8px ;
	padding: 1rem 1.25rem ;
	display: block ;
	text-transform: uppercase ;
	border: none ;
	width: 450px ;
	max-width: 100% ;
	cursor: pointer;
	font-weight: 400 ;
	line-height: 1.65;
	transition: all .2s ease-in-out ;
}




.btn_precedent{
	float: none !important;
	background: #cddae5;
	color: white ;
	cursor: pointer;
	display: block;
	margin-left : auto ;
	margin-right : auto ;
}

@media screen and (min-width: 992px) {
	.btn_precedent{
		transform: translateY(-98px);
		margin-left: 40px;
		display: inline-block;
	}
}

#form_echantillon table{
	text-align: center;
	font-size: 18px;
	margin: 30px auto; 

}
#form_echantillon table input{
	margin: 0 ;

}
#form_echantillon span + h2{
	padding-top: 40px ;
	padding-bottom: 40px ;
}

#form_echantillon table th{
	color : white;
	font-family: 'Saira', Arial, 'sans-serif';
	font-weight: 400 ;
	border: none ;
	border-color: var(--primary) ;
}

#form_echantillon tr:nth-child(even){
	background-color: rgba(3,3,3,.07);
}

#form_echantillon thead tr:first-child{
	background-color: var(--primary);
}

#form_echantillon th, #form_echantillon td{
	padding: 10px;
}

#echantillons_saisie td{
	padding: 50px 10px;
}
#form_echantillon td{
	border-color: #eee ;
}

.saisie_echantillons h2{
	text-align: center;
}

.btn-formlabo,
.btn-formlabo:focus{
	background-color: var(--secondary);
	color: white ;
	font-family: 'Saira', Arial, 'sans-serif';
	margin:0 auto ;
	border-radius: 8px ;
	padding: .25rem .5rem ;
	text-transform: uppercase ;
	border: none ;
	width: 290px ;
	max-width: 100% ;
	cursor: pointer;
	text-align: center ;
	display: block ;
	position: relative;
	z-index: 1;
	font-size: 1rem ;
	font-weight: 400 ;
	text-decoration:none ;
}

.btn-formlabo.btn-primary,
.btn-formlabo.btn-primary:focus{
	background-color: var(--primary);
}

.btn-formlabo.btn-light,
.btn-formlabo.btn-light:focus{
	background-color: var(--tertiary);
}

.btn-formlabo.disabled{
	opacity: .5;
	cursor: not-allowed;
}

@media screen and (min-width: 768px) {
	#add_pot{
		transform: translateY(-50px);
	}
}

.del_ligne{
	display: block;
	background-color: transparent;
	color:  #fb4a40 !important;
	border: 1px solid #fb4a40;
	border-radius: 50em;
	width:21px;
	font-size: 25px;
	line-height: 15px;
	margin: auto;
	cursor: pointer;
	height: 21px;
	font-weight: bold;
}

.form3{
	position: relative;
}

.form3 h1{
	text-align:center;
}

#sample_model{
	display:none;
}

#step3{
	position: relative;
	/* width: 622px; */
	/* overflow-x: hidden; */
	overflow: hidden;
	/* height: 1000px; */
	/* margin-left: calc(50vw - 311px); */
}

#step3 h2{
	background-color: #e69670;
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	margin: 0px;
	text-transform: uppercase;
	text-align: center;
}

#list_samples{
	position: relative;
	/* top:0px;
	left:0px; */
}

#list_samples .container_sample{
	/* width: 600px; */
	margin-right: 5px;
	margin-left: 10px;
	display: inline-block;
	font-size: 18px;
	vertical-align: top;
}

#list_samples .container_sample h3{
	margin-bottom: 40px ;
}
#list_samples .container_sample div{
	padding: 5px;
}

#list_samples .container_sample .titre{
	color : white;
	background-color: var(--primary);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	cursor:pointer;
	position: relative;
	font-family: 'Saira', Arial, 'sans-serif';
	text-align: center ;
}

#list_samples .container_sample .titre.moins::after{
	content:'-';
	position: absolute;
	right: 10px;
	top:4px;
	color:white;
	border:1px solid #fff;
	height: 10px;
	width: 10px;
	text-align: center;
	padding: 3px;
	line-height: 10px;
	border-radius:10px;
}

#list_samples .container_sample .titre.plus::after{
	content:'+';
	position: absolute;
	right: 10px;
	top:4px;
	color:white;
	border:1px solid #fff;
	height: 10px;
	width: 10px;
	padding: 3px;
	text-align: center;
	border-radius:10px;
	line-height: 10px;
}

#list_samples .container_sample .sous_titre{
	color : var(--primary);
	background-color: var(--tertiary);
	font-weight: bold;
	border-top:1px solid #fff;
	font-size: 1.25rempx;
	cursor:pointer;
	position: relative;
	text-transform: uppercase;
}

#list_samples .container_sample .sous_titre.moins::after{
	content:'-';
	position: absolute;
	right: 10px;
	top:4px;
	color:var(--primary);
	border:1px solid var(--primary);
	height: 21px;
	width: 21px;
	text-align: center;
	padding: 3px;
	line-height: 10px;
	border-radius:50em;
}

#list_samples .container_sample .sous_titre.plus::after{
	content:'+';
	position: absolute;
	right: 10px;
	top:4px;
	color:var(--primary);
	border:1px solid var(--primary);
	height: 21px;
	width: 21px;
	padding: 3px;
	text-align: center;
	border-radius:50em;
	line-height: 10px;
}

#list_samples .container_sample ul{
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}

#list_samples .container_sample ul li{
	padding: 8px 5px;
	margin: 0px;
	border-top: 1px solid #c3c9cb;
	/* font-size: 17px; */
	cursor: pointer;
	/* text-transform: uppercase ; */
	color: var(--dark);	
	font-size: .85rem ;
	position: relative ;
	transition: all .2s ease-in-out;
}

#list_samples .container_sample ul li:hover{
	/* background-color: rgba(230, 150, 112,0.3); */
	font-weight: bold ;
}

#list_samples .container_sample ul li.checked{
	background-color: rgba(119, 186, 93,.3);
}

.prix_ht{
	/* background: #ccc;
	padding:2px;
	font-weight: 300;
	float:right;
	margin-top: -3px;
	margin-right: 4px;
	margin-left: 4px;
	border:1px solid #888; */
	font-weight: bold ;
	color: var(--dark);
	float: right ;
}

.prix_ht_with_help{
	/* background: #eee;
	padding:2px;
	font-weight: 300;
	float:right;
	margin-top: -3px;
	margin-right: 4px;
	margin-left: 4px;
	border:1px solid #888; */
	font-weight: bold ;
	color: var(--dark);
	float: right ;
}

#fleche_gauche, #fleche_droite{
	/* width: 15px; */
	/* height: 48px; */
	position: absolute;
	top:0;
	padding: 0px;
	background-color: transparent;
	opacity: .55;
	z-index: 1 ;
	cursor: pointer ;
}

#fleche_gauche:hover, #fleche_droite:hover{
	background-color: #ccc;
}

#fleche_gauche{
	left: 40px;
}

#fleche_gauche span,
#fleche_droite span{
	font-family: 'Saira', Arial, 'sans-serif';
	text-transform: uppercase ;
	display: inline-block;
	text-align: center;
	transform: translateY(-2px);
}

/* #fleche_gauche::after{
	content: "Échantillon précédent";
	
} */

#fleche_droite{
	right:40px;
}

@media screen and (max-width: 767px) {
	#fleche_gauche span,
    #fleche_droite span{
		font-family: 'Saira', Arial, 'sans-serif';
		display:none ;
	}
	#fleche_gauche{
		left: 5px;
	}

	#fleche_droite{
		right:5px;
	}
}

/* #fleche_droite::before{
	content: "Échantillon suivant";
} */

.packs-col{
	flex: 1 1 0px;
	font-family: 'Saira', Arial, 'sans-serif';
}

.packs_analyses .compositionPacks{
	max-height: 0px ;
	transition: all .2s ease-in-out;
	font-size: .85rem;
	text-transform: none;
	/* position: absolute ; */
	/* top : 30px ; */
	/* left : 0 ; */
	/* right : 0 ; */
	padding: 0px 5px !important;
	background-color: white ;
	box-shadow: 0 0 4px #eee;
	font-size: .75rem ;
	line-height: 1.25;
	border: none ;
	border-radius: 4px ;
	z-index: 1 ;
	padding: 1rem ;
	overflow: hidden;
	font-weight: normal !important;
}

.packs_analyses li:hover .compositionPacks{
	opacity:1 ;
	max-height:none ;
	border: 2px solid #eee;
	padding: 5px!important ;
}

#fleche_gauche img, #fleche_droite img{
	width: 100%;
}

.reassurance{
	padding: 3rem 0 ; 
	text-align: center;
}
.container{
	width: 83.33333333%;
	max-width: 100%;;
}

.reassurance h2{
	position: relative;
	margin: 0 ;
	padding : 100px 0 40px 0 ;
}
.reassurance h2:after{
	content: "";
	display: block ;
	height: 2px ;
	background: var(--primary) ;
	width: 100px ;
	max-width: 100%;
	left: 50% ;
	position: absolute;
	transform: translateX(-50%);

}

.reassurance ul{
	display: flex;
	/* width: 750px; */
	justify-content: space-between;
	margin: 0;
	padding : 0 ;
	/* margin-left: calc(50vw - 365px); */
}

.reassurance ul li{
	list-style-type: none;
	flex: 1 1 0px;
	line-height: 1.25 ;
}
.reassurance ul li h4{
	text-align: center;
	text-transform: uppercase;
	font-weight: 400 ;
	position:relative ;
	margin-bottom: 1.5rem ;
}
.reassurance ul li strong{
	font-size: 1.5rem ;
}
.reassurance ul li h4:after{
	content: "";
	display: block ;
	height: 2px ;
	width: 100px ;
	max-width: 100%;
	left: 50% ;
	position: absolute;
	transform: translateX(-50%);
	border-bottom: 1px dotted #004680 ;
}
.reassurance ul li img{
	display:block ;
	margin-left: auto ;
	margin-right: auto ;
}

.pratiques{
	margin: 30px auto -50px auto;
	width: 60% ;
	position: relative;
	z-index: 1 ;
}

.pratiques h2{
	padding-top: 100px ;
	padding-bottom: 40px ;

}

.pratiques a{
	font-family: 'Saira', Arial, 'sans-serif';
	display: block ;
	color: #004680 ;
	flex: 1 1 0px;
	background: white ;
	border-radius :4px ;
	text-align:center ;
	padding : 1.25rem 1.5rem ;
	margin : 0 1rem ;
	text-decoration: none ;
	text-transform: uppercase ;
	box-shadow: 0 0 4px #eee;
	font-size: 1rem ;
	line-height: 1.25;
	border: 2px solid #eee;
	display: flex ;
	justify-content: center;
	align-items: center;
}
.pratiques a span{
	color: var(--secondary) ;
}

@media screen and (max-width: 767px) {
	#step1{
		display:block;
	}
	
	#step1>div{
		width: 100%
	}

	.meta_donnees_step_1,
	.pratiques{
		width: 100% ;
	}
	
	#envoi_step_1, #envoi_step_2, #envoi_step_3, .btn_precedent{
		float: none !important;
		margin-top:20px;
		border-radius: 5px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
		display: block;
		/* max-width: 70%; */
		text-align: center;
		position: relative ;
	}
	
	
	#form_echantillon table{
		text-align: center;
		font-size: 12px;
		
		max-width: 100vw;
	}
	
	#form_echantillon th, #form_echantillon td{
		padding: 2px;
	}
	
	#list_samples .container_sample{
		/* width: calc(70vw - 20px); */
		width: calc(100%);
		/* margin-right: 10px;
		margin-left: 10px; */
		display: inline-block;
		border: 1px solid #c3c9cb;
		font-size: 12px;
		vertical-align: top;
	}
	
	.prix_ht{
		font-size: 11px;
		display: block;
	}
	
	#step3{
		position: relative;
		width: 100%;
		/* overflow-x: hidden; */
		overflow: hidden;
		/* height: 1000px; */
		margin-left: 0%;
	}
	
	#list_samples .container_sample ul li{
		font-size: 13px;
	}
	
	.reassurance ul{
		display:block;
		margin:auto;
		margin-left: 0px;
		padding-left: 0px;
	}
	
	.reassurance ul li{
		display: block;
	}
	
	
	.reassurance ul li img{
		list-style-type: none;
		max-height:70px;
	}
	
	.reassurance h2{
		text-align: center;
		width: calc(100%);
		text-transform: uppercase;
		font-size: 18px;
	}

	.page-id-533 .cta-analyse{
		display:none ;
	}

	.table-wrapper{
		overflow-x: auto;
	}
}


/* Bootstrap (like) helpers vince */
.text-left{text-align: left !important}
.text-center{text-align: center !important}
.text-primary{color: var(--primary) !important}
.text-secondary{color: var(--secondary) !important}
.text-danger{color:#fb4a40 !important}
.text-uppercase{text-transform: uppercase !important}
.d-none{display:none!important}
.d-block{display:block!important}
.d-inline-block{display:inline-block!important}
.d-flex{display:flex!important}

.d-md-flex{display:block;}
@media screen and (min-width: 768px) {
	.d-md-flex{display:flex!important;}
}

.justify-content-between{justify-content: space-between;}
.justify-content-around{justify-content: space-around;}
.justify-content-center{justify-content: center;}

.m-1{margin:1rem !important}
.m-15{margin:1.5rem !important}
.mb-1{margin-bottom:1rem !important}
.mt-1{margin-top:1rem !important}
.mr-1{margin-right:1rem !important}
.ml-1{margin-left:1rem !important}
.mb-15{margin-bottom:1.5rem !important}
.mt-15{margin-top:1.5rem !important}
.mr-15{margin-right:1.5rem !important}
.ml-15{margin-left:1.5rem !important}
.mt--1{margin-top:-1rem !important}
.mx-auto{
	margin-left: auto !important ;
	margin-right: auto !important ;
}

.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
  }


  .transparent{
	  opacity: 0;
	  transition: all .2s ease-in-out ;
	  display: inline-block;
	  width: 0 ;
	  height: 0 ;
	  overflow: hidden ;
  }
/* 
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% {  transform: rotate(359deg); }
}
[id^="envoi_step"].loading:before {
	content:"";
	display: inline-block ;
	margin-right: 10px;
    animation: spin 2s linear infinite;
	background-image: url("data:image/svg+xml,%3Csvg id=star width='4cm' height='4cm' viewBox='0 0 700 400' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3Cpolygon fill='white' stroke='white' stroke-width='10' points='350,75 379,161 469,161 397,215 423,301 350,250 277,301 303,215 231,161 321,161' /%3E%3C/svg%3E");

} */


.loader,
.loader:after {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}
.loader {
  vertical-align: bottom;
  vertical-align: super;
  display: inline-block ;
  margin: 0px 1rem 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: .5em solid rgba(255, 255, 255, 0.2);
  border-right: .5em solid rgba(255, 255, 255, 0.2);
  border-bottom: .5em solid rgba(255, 255, 255, 0.2);
  border-left: .5em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

[id^="envoi_step"] .loader {
	display: none ;
} 
[id^="envoi_step"].loading .loader {
	display: inline-block ;
} 

.page-id-533 .fil-ariane{
	text-align: center;
}

.page-id-533 .vc_custom_1627656047341,
.page-id-533 .fil-ariane .vc_separator
{
	display: none ;
}

@media only screen and (max-width: 500px){
    #topbar-container {
        padding-top: 0em !important ;
    }
}


.choice_miel_gelee-wrapper{
	max-width : 800px ;
	margin : 100px auto 200px auto;
	/* border : 1px solid var(--primary); */
	/* padding : 30px; */
}



.radio-button{
	display : block ;
	padding : 40px ;
	border-radius : 3px ;
	border: 1px solid var(--primary);
	/* color : white ; */
	text-align:center;
	margin : 0 auto 50px auto ;
}
.radio-button label{
	/* color : white ; */
	display: block ;
	text-align:center;
	margin: 0 ;

}