.global__alert{z-index:2;position:relative;margin-top:2rem}
.global__alert .alert__core{padding:2rem;border:1px solid #e01a00;color:#e01a00;background:#fff}
.global__alert .alert__core span{display:inline-block;width:100%;font-size:2rem;text-align:center}
.global__alert .alert__core span a{font-size:2rem;color:#e01a00}
.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:70px;width:150px;z-index:9999}
.loader .text{margin-top:10px;color:#fff;text-align:center;font-size:20px}
.loader .spinnerNf{margin:auto;width:50px;height:40px;text-align:center}
.loader .spinnerNf > div{background-color:#fff;height:100%;width:6px;display:inline-block;-webkit-animation:loader-sk-stretchdelay 1.2s infinite ease-in-out;animation:loader-sk-stretchdelay 1.2s infinite ease-in-out}
.loader .spinnerNf > div:not(:first-child){margin-left:3px}
.loader .spinnerNf .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.loader .spinnerNf .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.loader .spinnerNf .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.loader .spinnerNf .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes loader-sk-stretchdelay {
0%,40%,100%{-webkit-transform:scaleY(0.4)}
20%{-webkit-transform:scaleY(1.0)}
}
@keyframes loader-sk-stretchdelay {
0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}
20%{-webkit-transform:scaleY(1.0);transform:scaleY(1.0)}
}
.error-msg.radio{margin-top:0;padding:1rem;border-radius:1rem}
.global-error-message{padding:2rem;border:1px solid #e01a00;color:#e01a00}
.global-error-message li{display:inline-block;width:100%}
.search{text-align:center;position:relative;bottom: 0.5rem}
.search .action{position:relative}
.search input{width:100%;font-family:"montserratregular",Arial,helvetica,sans-serif;font-size:1.5rem;font-feature-settings:normal}
.search .active input{border:#ffd344 1px solid}
.search button{font-size:0;padding:0;border:none;background-color:transparent;position:absolute;top:50%;transform:translateY(33%);left:-35px}
.search button:before{content:'';display:inline-block;vertical-align:middle;width:24px;height:24px;margin-right:8px;background-size:contain}
.search form button.validation-search{transition:all 300ms}
.search form button.validation-search:before{background:url(../img/generic/icon-search.svg) no-repeat left center}
.search form.active button.validation-search{cursor:pointer}
header .header__top .wrapper .header__links .top-links-search{display:none}
header .dropdown-slide{display:block;position:fixed;bottom:auto;visibility:hidden;width:100%}
header .dropdown-slide.visible{visibility:visible}
header .dropdown-slide .dropdown-slide-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;border:none;background-color:#fff;padding:0;height:0;visibility:hidden}
header .dropdown-slide .dropdown-slide-container.is-open{height:auto;visibility:visible;padding:0 1.5625rem;border:solid 1.5px #ebebe9}
header .drop-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%;max-width:62.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:auto;height:auto;padding:2rem}
header .drop-list .drop-list-col{display:inline-block;position:relative;width:auto}
header .drop-list ul{display:inline-block;margin-bottom:1.5625rem}
header .drop-list ul li{padding:.3125rem 0}
header .drop-list ul li a{font-size:1.6rem;line-height:1.25rem}
header .drop-list a:hover{color:#ffd344}
.picto{width:3rem;height:3rem}
@media screen and (max-width: 1400px) {
.connect{font-size:1.5rem}	
}	
@media screen and (max-width: 850px) {
header .content .top-content .search{position:absolute;bottom:-56px;left:50%;transform:translateX(-50%);width:calc(100% - 32px)}
.search button{font-size:0;padding:0;border:none;background-color:transparent;position:absolute;top:50%;transform:translateY(-50%);left:14px}
.search input{padding:10px 14px 10px 40px}
}
@media screen and (max-width: 510px) {
.search button{font-size:0;padding:0;border:none;background-color:transparent;position:absolute;top:50%;transform:translateY(-50%);left:14px}
.search input{padding:10px 14px 10px 40px}
}
@media screen and (min-width: 992px) and (max-width: 1105px) {
header .content .top-content .search{transform:translateX(0);z-index:1}
}
@media screen and (min-width: 992px) {
body.magazine #sticky-wrapper.is-sticky header .content .top-content .top-links .top-links-search{display:inline-block}
}
.icon-delivery-truck{width:71px;height:34px}
.icon-hand{width:32px;height:40px}
.icon-padlock{width:30px;height:41px}
.icon-sav{width:52px;height:49px}
.footer-middle .promises.footer-shop-3{width:80%;margin:auto}
.footer-middle-2 .promises.footer-shop-3 li{margin-bottom:2.125rem}
.footer-middle-2{padding:2.5rem 0;color:#fff;background:#5A5555;text-align:left}
.footer-middle-2 .footer-middle__title{margin-bottom:2.1875rem;font-family:"allerbold",sans-serif;font-size:2.5rem;line-height:1.2}
.footer-middle-2 .promises{font-size:.8125rem;text-transform:uppercase;font-family:"allerbold",sans-serif;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media (min-width:64em) {
.footer-middle-2 .promises{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:3.125rem}
}
.footer-middle-2 .promises li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;margin-bottom:3.125rem;font-size:1.2rem}
@media (min-width:40em) {
.footer-middle-2 .promises li{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}
}
@media (min-width:64em) {
.footer-middle-2 .promises li{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}
}
.footer-middle-2 .promises svg{display:block;min-height:3.125rem;min-width:6.25rem;margin:0;margin-right:1.25rem}
@media (min-width:64em) {
.footer-middle-2 .promises svg{min-width:0}
}
.footer-middle-2 .promises.footer-shop-3 li{margin-bottom:2.125rem}
@media (min-width:48em) {
.footer-middle-2 .promises.footer-shop-3 li{margin-bottom:0}
}
.button-stripe button{background:#ffd344;color:#fff;text-transform: uppercase;padding: 1rem 2.5rem;text-align: center;font-weight: 700;}
.button-stripe button:hover,.button-stripe button:focus{background:#fff;color:#ffd344}
.global__errors {display:none}
.title--5 {
    color: var(--e-global-color-ae71b3e);
	font-size: 23px;
    font-weight: 650;
    line-height: 34px;
    margin: 0.5rem auto;
    text-align: left;
}

:root {
	--color-light: #fff;
	--color-dark: #1c1d1b;
	--color-font: #1c1d1b;
	--color-grey-dark: grey;
	--color-grey-light: rgba(0, 0, 0, .1);
	--color-grey-5: rgba(0, 0, 0, .05);
	--color-grey-2: rgba(0, 0, 0, .25);
	--color-error: #f64741;
	--color-success: #44bba3;
	--color-red-edito: #951c04;
	--color-primary: #fde917;
	--color-primary-dark: #e8d82c;
	--gap-sm: 0.5rem;
	--gap-md: 1rem;
	--gap-lg: 2rem;
	--gap-xl: 3rem;
	--gap-xxl: 3rem
}

@media only screen and (min-width:62em) {
	:root {
		--gap-sm: 1rem;
		--gap-md: 2rem;
		--gap-lg: 3rem;
		--gap-xl: 4rem;
		--gap-xxl: 4rem
	}
}

@media only screen and (min-width:80.625em) {
	:root {
		--gap-xxl: 6rem
	}
}
.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: 5rem
}

@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: 5rem
	}
}

.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;
	gap: 2rem;
	width: calc(50% - var(--gap-lg)/2)
}

@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))
	}
}

@media screen and (max-width: 30em) {
	.magazine__item {
		max-width: 26rem;
		width: calc(75%)
	}
	.magazine__list {
		margin-left: 6rem;
	}
}

.magazine__page .magazine__item:after {
	background-color: var(--color-grey-light);
	content: "";
	display: block;
	height: .1rem;
	width: 100%
}

@media only screen and (min-width:62em) {
	.magazine__page .magazine__item:after {
		margin-top: 1rem
	}
}

.magazine__item button.btn {
	padding: 0
}

.magazine__item__image {
	border: .1rem solid var(--color-grey-light);
	max-width: 26rem;
	width: 100%
}

.magazine__item__content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	margin-bottom: -2rem;
}

@media only screen and (min-width:48em) {
	.magazine__item__content {
		margin-bottom: -5rem;
	}	
}

@media only screen and (min-width:62em) {
	.magazine__item__content {
		margin-bottom: -5rem;
	}
}

.magazine__item__content div {
	display: block;
	line-height: 2.5rem
}

.magazine__item__content div:first-child {
	margin-bottom: var(--gap-sm)
}

.magazine__item__content span {
	padding: 0 .5rem
}

.magazine__item.mini .magazine__item__numero,
.magazine__item.mini .magazine__item__mois {
	padding: 0
}

.magazine__item h2 {
	margin-bottom: 0
}
.magazine__item__mois {
	color: var(--color-grey-dark);
	font-size: 1.8rem
}

.magazine__item__numero,
.magazine__item__prix {
	font-family: Univers-cd, sans-serif;
	font-size: 2.5rem;
	line-height: 1
}

.magazine__item__prix {
	margin-top: .5rem
}

.magazine__item__btns {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;	
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	width: 100%
}


.magazine__item.mini .magazine__item__image {
	position: relative;
    width: 100%;
    flex-shrink: 0
}

.magazine__item.mini img {
	position: relative;
    flex-shrink: 0;
	height: 20rem;
    width: 100%;
}

.form--search{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2rem;
	border: 0.1rem solid var(--e-global-color-ae71b3e)
	}
.form--search > *{margin:0 2rem}
.form--search > :first-child{margin-left:0}
.form--search > :last-child{margin-right:0}
.form--search .select-container{width:auto}

@media screen and (max-width: 53.125em) {
	.form--search{padding:1rem}
	.form--search > *{margin:0 1rem}
}

@media screen and (max-width: 38.75em) {
	.form--search{flex-wrap:wrap;padding-top:0}
	.form--search > *{margin:1rem 1rem 0}
}	

.checkbox--before p ::before {
    background-image: none!important;
}

.block--biblio--notsubscriber{
	padding:1.5rem 2rem;
	background: #ebebe9;
	border-radius: 2rem;
	width: 60%;
	margin-left: auto;
    margin-right: auto;
	border: 0.1rem solid var(--e-global-color-ae71b3e)
	}
	
.button--read{
    font-size: 15px;
    font-weight: bold;
    text-transform: none;
    text-align: center;
    padding: 1rem 2rem;
    color: var(--e-global-color-cf421ab);
    background-color: #e60514;
    text-decoration: none;
    border-radius: 2rem;
    line-height:1;
	min-width: 11rem;
	}
@media screen and (min-width: 600px) {
	.button--read{
		width: 240px;
	}
}	
.button--read span{
    margin-right: 0.8rem;
	}

.user-notification{background-color:#d60000;padding: 0.5em 0em;}
.user-notification__desc{color:white;text-align:center;}
.user-notification__desc a{color:white;text-decoration: underline;}
.user-notification__desc a:hover{color:#f7f7f7;}