.loader {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999;
}
.loader .content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 60px;
  width: 150px;
  z-index: 9999;
}
.loader .text {
  margin-top: 10px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.loader .spinner {
  margin: auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.loader .spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.loader .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loader .spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loader .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loader .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
    transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.button-yesno-valid {
	background-color: #CAE8BE;
    width: 200px;
    border-radius: 5px;
    height: 38px;
    border: silver solid 1px;
    cursor: pointer;
    font-weight: bold;
}
.button-yesno-unselected {
	background-color: #f0f0f0;
    width: 200px;
    border-radius: 5px;
    height: 38px;
    border: silver solid 1px;
    cursor: pointer;
    font-weight: bold;
}

.btn-left {
	margin-right:10px
}

@media (max-width:450px) {
	.progress-tracker {
		font-size: 11px;
	}
}

.password-div {
	display: flex;
	align-items: center;
}

.input__error {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-top: 0.625rem;
  color: #e20714;
  font-size: 12px;
  line-height: 1.3;
}
.input__error a {
  color: #e20714;
  text-decoration: underline;
}
.input.incomplete {
  border: 1px solid #e20714;
}
.form-error .form-control {
  border-bottom: 1px solid #e20714;
}
.form-error label {
  color: #e20714 !important;
}
.form-error input,
.form-error select,
.form-error textarea {
  border-bottom: 1px solid #e20714;
  background: url(../img/picto-caution.png) no-repeat 100% center;
}
.form-error input:focus,
.form-error select:focus,
.form-error textarea:focus {
  border-bottom: 1px solid #e20714;
}
.form-error input:focus + label,
.form-error select:focus + label,
.form-error textarea:focus + label {
  color: #e20714;
}
.global-errors,
.form-errors {
  clear: both;
  margin:0 2rem
}
.global-errors .form-msg-error,
.form-errors .form-msg-error {
  text-align: center;
  margin-top: 0.3125rem;
  color: #e20714;
}
.form-errors .newsletterEmail {
  color: white;
}
.global-errors .form-msg-error {
  line-height: 1.3;
  font-size: 1rem;
}
.form-errors .form-msg-error {
  font-size: 0.875rem;
}
.global-errors .form-msg-error:first-child {
  /*margin-top: 0.625rem;*/
}
@media (min-width: 48em) {
  .global-errors .form-msg-error:first-child {
    /*margin-top: 1.5rem;*/
  }
}
.global-errors .form-msg-error img,
.form-errors .form-msg-error img {
  width: auto !important;
  height: auto !important;
  margin: 0 0.3125rem 0 0 !important;
}
.global-errors .form-msg-error a,
.form-errors .form-msg-error a {
  color: #e20714;
  text-decoration: underline;
}

.space-right {
	margin-right:0;
}
.field-33 {
	width:100%
}

.mobile-space {
	margin: 0 auto 10px !important;
}
@media (min-width: 480px) {
  .field-33 {
    flex: 0 0 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
  .space-right {
    margin-right:1rem;
  }
  .mobile-space {
	margin: 0!important;
 }
}
@media (min-width: 768px) {
  .field-33 {
    flex: 0 0 calc(33.333333% - 1rem);
    max-width: calc(33.333333% - 1rem);
  }
  .space-right {
		margin-right:1rem;
	}
  .mobile-space {
	margin: 0!important;
  }
}

.recap-tunnel {
	border: 1px solid;
	border-radius: 5px;
	margin-bottom: 10px;
	padding: 0 10px;
}

.form-generic__order--no-abo {
	display:flex
}

.form-generic__order-picture {
	width:180px;
	margin:15px
}

ul.ulmodepaiement {
	list-style-type: none;
}
.ulmodepaiement label {
	display: contents !important;
}
.compte-div {
	padding: 0px 3rem;
}
.check-collection label {
	display: inline-block;
}
.form--search {
	display: inline-block;
	padding: 2rem;
    border: 0.1rem solid silver;
    max-width: 615px;
}
.search--element {
	margin-right: 2rem;
	display: inline-block
}
.form--search label {
	display: inline-block
}
.center-div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.img-biblio {
	height:175px
}
.magazine__item {
	padding:1rem 1.5rem;
}
.magazine__item img {
	width: 112px;
}
.magazine__list {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	align-items: flex-start;
	-moz-column-gap: var(--gap-lg);
	-webkit-column-gap: var(--gap-lg);
	column-gap: var(--gap-lg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: var(--gap-xxl);
	row-gap: var(--gap-xxl);
	margin-top: 1rem;
}

@media only screen and (min-width:62em) {
	.magazine__list {
		-moz-column-gap: var(--gap-xxl);
		-webkit-column-gap: var(--gap-xxl);
		column-gap: var(--gap-xxl);
		margin-bottom: 8.5rem;
		margin-top: 1rem;
	}
}

.magazine__item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media only screen and (min-width:48em) {
	.magazine__item {
		gap: var(--gap-xl);
		width: calc(33.33% - var(--gap-lg))
	}	
}

@media only screen and (min-width:62em) {
	.magazine__item {
		max-width: 26rem;
		width: calc(25% - var(--gap-xxl))
	}
}

.text-biblio {
	font-size: 19px;
    text-align: center;
    padding-bottom:1rem
}

.button-div {
	margin-top:2rem;
	text-align: center;
}

.item-reabo {
	border : 1px solid silver;
	margin: 1rem;
	border-radius: 5px;
	padding: 1rem
}

@media (max-width:500px) {
	.compte-div {
	    padding: 0px 1rem;
	}
	
	.item-reabo {
		border : 1px solid silver;
		margin: 1rem;
		border-radius: 5px;
		padding: 0.5rem
	}
	
	.woocommerce-account .woocommerce-MyAccount-navigation li a {
		width:auto;
	}
	
	.woocommerce-account .woocommerce-MyAccount-content {
		padding:inherit;
		padding-top:1rem;
		padding-bottom:1rem
	}
}

table.table-mpaiement td {
	padding:1rem
}

.gray {
	color:gray;
}

.stripe-gray-bg .form.stripe::before, .stripe-gray-bg form.stripe::before {
    content: "Paiement s\0000E9curis\0000E9\000020par STRIPE";
    position: absolute;
    top: -12px;
    left: 38px;
    background-color: transparent;
    padding: 0 10px;
    font-weight: bold;
    color: gray;
    border-radius: 5px;
}

.definitions-term.text-secondary {
	font-weight: bold
}

.paragraphe {
	padding-right: 1rem;
    padding-left: 1rem;
}

a.ul-div{
	display: flex !important;
	justify-content: space-between;
}

.alert__core {
	text-align: center
}

.global-errors {
	color: #e20714;
	max-width: 1280px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.nfgen_errors {
	padding:0.5rem;
	color: #e20714;
}
.nfgen_errors ul.global-errors {
	list-style-type: none;
	font-size:medium;
	padding:1rem
}

ul.input__error {
	list-style-type: none;
	font-size:medium;
	padding-left: 1rem;
}

#leftBlock h4, #leftBlockbottom h4, #leftBlockbottomGift2 h4 {
	margin-top: 0;
	margin-bottom:0.5rem
}

.red-mandatory {
	padding-bottom:0.5rem;
	padding-left:0.5rem
}

.menu-dynamique{display:none;width:30%;height:1500px;background-color:#eeedec;position:absolute;top:0;z-index:3}
@media (max-width: 970px) {
.menu-dynamique{width:50%}
}
@media (max-width: 500px) {
.menu-dynamique{width:100%}
}
#fermerMenu{color:#000}
.fermerMenudiv{float:right;font-size:32px;color:#21184a;;padding-top:10px;padding-right:20px;cursor:pointer}
.titreMenuDynamique{clear:both;font-size:26px;font-weight:700;padding-left:30px;padding-bottom:10px;color:#21184a;}
.listMenuDynamique{padding-left:35px;font-size:20px}
ul.listMenuDynamique li{list-style-type:none}
ul.listMenuDynamique li a{color:#21184a;}

.required {
	color: red;
    font-weight: 700;
}

.modal__alert{padding:2rem;border:1px solid #e01a00;color: #e01a00;margin:1rem 0}
.modal__alert span{display:inline-block;width:100%}

.title-alert__core {
	font-weight: bold;
	text-decoration: underline;
}

.grunion-field-text-wrap h4 {margin-top: 0}

.success ul.input__error {
	border: 1px solid #61b024;
	padding: 5px;
	color: green;
	margin-top:10px;
	background-color: #fff;
}

.btnpdf {
	background-color: #fff !important;
}

.btnpdf:hover {
	background-color: gray !important;
}

.btnjaune {
	border: 1px solid #ffd400 !important;
}
.btnjaune:hover{
	background-color: #ebc400 !important;
	border: 1px solid #ebc400 !important;
}

table.adresses-resume {
	margin:auto
}
.adresse-left{
	padding-right: 5rem;
}
@media (max-width: 500px) {
	.adresse-left{
		padding-right: 1rem;
	}
}
.adresse-right {
	padding-left: 1rem
}
.modifieradr{
	padding-bottom:1rem;
	float: right;
}
.content-adresse-left {
	padding-right: 1rem
}
.content-adresse-right{
	padding-left: 1rem
}
.titre-adr{
	margin-bottom: 1rem; margin-top: 1rem;
}
.strong {
	font-weight: bold
}

.btnpadding {
	padding-left: 2rem;
	padding-right: 2rem;
}

@media (max-width: 500px) {
	nav i.fa-shopping-basket {
		font-size: 23px;
	}
	nav .cart-number {
		font-size: 14px;
	}
	
	#mysticky-nav .custom-logo {
		max-width: 136px;
	}
	
	footer {
		margin-bottom: 10rem;
	}
}

.wc-block-formatted-money-amount {
	display: flex;
	justify-content: center;
	align-items: center;
}

.wc-block-components-totals-item__label {
	width:160px
}

.maxwidth-unset{max-width:unset !important}

.aulieude{line-height: 1.2;text-align: center;font-size: 15px;}
.col2panier{min-width: 148px;}
.col2panierprix{align-items: center;}
.coltitretotal{text-align: center !important;align-items: center;}
.titretotal{padding-left: 2rem;}
.descriptionproduit{font-size: 15px;}
.descriptionproduit ul {padding-left:24px;list-style-image: url(../img/check.gif);}

@media (max-width: 1200px) {
	.wc-block-components-sidebar {
		width: 100%;
	}
	.wc-block-components-sidebar-layout .wc-block-components-main {
		width: 100%;
	}
}

td.desktop {
	display: table-cell;
}
td.mobile {
	display: none;
}
th.desktop {
	display: table-cell;
}
th.mobile {
	display: none;
}
a.mobile{
	display:none
}
.imagetitleitemcart{display:flex}
.imagetitleitemcart img{width:50px}
th.th1{text-align:left;}
th.th1 span.titreth{padding-left:10px}
@media (max-width: 500px) {
	.aulieude{font-size: 13px;}
	.col2panier {min-width: auto;}
	td.desktop {
		display: none;
	}
	td.mobile {
		display: table-cell;
	}
	th.desktop {
		display: none;
	}
	th.mobile {
		display: table-cell;
	}
	a.mobile{
		display:block
	}
	.imagetitleitemcart img{margin-right:10px}
	.imagetitleitemcart {margin-bottom:0 !important}
	.descriptionproduit ul{margin-top:7px !important}
}
