@charset "utf-8";
/*****************************************************
**** SOMMAIRE **** GLOBAL
@DISPLAY LARGE
@DISPLAY SMALL
@POPUPS
@RESPONSIVE
******************************************************/





/*****************************************************
**** @DISPLAY LARGE
******************************************************/

/* HEADER */

.premium_visuel {display:none;}
.premium_logo {
	display: block;
	margin: 20px auto;
}
.premium_accroche {
	font: 25px OpenSansCondLight, Arial, sans-serif;
	font: var(--px-25) var(--font-light);
	text-align: center;
	margin: auto 10px;
}

/* MESSAGES ABONNÉS */

.is_premium, .premium_renew {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	margin: 20px auto;
}
.is_premium img,
.premium_renew img {width:80px; margin-right:20px;}
.is_premium div p, .premium_renew div p {margin: 5px;}
.is_premium div p:first-child, .premium_renew div p:first-child {font: 16px OpenSansBold, Arial, sans-serif;}
.is_premium div p:first-child, .premium_renew div p:first-child {font: 16px var(--font-bold);}
.premium_renew div p:first-child {color: #c30040;}
.premium_renew div p:first-child {color: var(--main-color);}
.premium_renew div p:nth-child(2) {text-align: center;}

/* BLOCS AVANTAGES */

.premium_subtitle, .gold_subtitle {
	text-align: center;
	font: bold 30px/40px OpenSansCondBold, Arial, sans-serif;
	font: bold var(--px-30)/40px var(--font-cond-bold);
	text-transform: uppercase;
	margin: 30px auto 20px auto;
}
.premium_subtitle span {
	padding: 0 20px;
}
.premium_subtitle::before, .premium_subtitle::after {
	content: '';
	display: inline-block;
	height: 3px;
	width: 10%;
	border-top: 3px solid #363636;
	vertical-align: middle;
	margin-top: .1em;
}
.premium_reciprocity {
	display:block;
	width:var(--premium-reciprocity-w);
	margin: 0 auto 20px;
	padding:5px;
	background-color: #251A5D;
	background-color: var(--premium-reciprocity-color);
	color: #fff;
	text-transform: uppercase;
	text-align:center;
	cursor: default;
}
#premium_liste {
	display:flex;
	justify-content: space-between;
}
.premium_advantage {
	background-color: #f0eeee;
	background-color: var(--lighter-grey);
	text-align:center;
}
.premium_advantage + .premium_advantage {margin-left:20px;}
.premium_advantage img {width:100%;}
.premium_details {padding:20px 10px;}
.premium_details i {
	display:inline-block;
	font-size:30px;
	margin-bottom:10px;
}
.premium_large .h2_premium  {
	font: bold normal 20px/25px OpenSansCondBold, Arial, sans-serif !important;
	font: bold normal var(--px-20)/25px var(--font-cond-bold) !important;
	text-transform: uppercase !important;
	text-align:center!important;
	margin: 0 auto 20px!important;
}
.premium_conditions {
	margin-top: 10px;
	text-align:right;
	font-style: italic;
	font-size:10px;
}
.premium_conditions span br {display:none;}
.premium_btn_premium_conditions {
	text-decoration: underline;
	text-transform: capitalize;
}

/* OFFRE PREMIUM DAYS */

.premium_large span.spd_offre {
	font: bold 1.4em OpenSansBold, Arial, sans-serif;
	font: bold 1.4em var(--font-bold);
	color: #c30040;
	text-transform: uppercase;
	padding: 0 5px;
}
.premium_large span.spd_dates {
	display:block;
	font-style: italic;
	margin-bottom:5px;
}

/* BLOC PRIX */

.premium_addtobasket {
	display:block;
	width:300px;
	margin: 40px auto;
	padding:40px;
	border: 1px solid black;
	border-radius: 10px;
}
.premium_price {text-align:center;}

.premium_price span:first-child {font: 50px/40px OpenSansCondLight,Arial,sans-serif; color : #c30040;}
.premium_price span:first-child {font: var(--px-50)/40px var(--font-cond-light); color : var(--main-color);}

.premium_price span:nth-child(2) {font:35px/40px OpenSansCondLight,Arial,sans-serif; color : #c30040;}
.premium_price span:nth-child(2) {font:var(--px-35)/40px var(--font-cond-light); color : var(--main-color);}

.premium_price span:last-child {font:25px/22px OpenSansCondLight,Arial,sans-serif; display:block;}
.premium_price span:last-child {font:var(--px-25)/22px var(--font-cond-light); display:block;}

/*.premium_price div:not(.premium_discount):not(.premium_discount_new) span:last-child::after,*/
.premium_price > span:last-child::after {content : '*';}

.monthly {text-align:center;font: italic 15px OpenSansCondLight, Arial, sans-serif;margin-top:5px;}
.monthly {text-align:center;font: italic 15px var(--font-cond-light);margin-top:5px;}

#service_premium button {display:block;margin:20px auto;}

/* If discounted */

.premium_discount {display:block;}

.premium_discount span {
	font-style:normal!important;
	font-size:20px!important;
	font-size:var(--px-20)!important;
	color: #363636!important;
	display:inline!important;
}

.premium_discount_new span {
	display:inline!important;
}

/* GOLD */

.premium_gold {
	max-width: 80%;
	margin: auto;
	display:flex;
	justify-content: space-between;
}
.premium_gold > div {width: 48%; overflow:hidden;}
.premium_gold div img {width:100%;}
.premium_gold > div:last-child {
	padding:40px;
	border: 1px solid black;
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align:center;
}
.gold_od {
	display:inline-block;
	border: 1px solid black;
	border-radius: 5px;
	padding: 5px 20px;
	text-transform: uppercase;
	font: 18px OpenSansCondLight, Arial, sans-serif;
	font: 18px var(--font-cond-light);
	align-self: center;
}
.gold_subtitle {margin: 20px auto;}
.gold_text {font: 18px OpenSansCondLight, Arial, sans-serif; margin-bottom:20px;}
.gold_text {font: 18px var(--font-cond-light); margin-bottom:20px;}
.premium_gold button.btn {align-self: center;}
.gold_conditions {
	margin: 20px auto;
	font-style: italic;
	font-size: 10px;
	width: 70%;
}





/*****************************************************
**** @DISPLAY SMALL
******************************************************/

/* AVERTISSEMENT RENOUVELLEMENT */

.premium_renew_small {
	background-color: #f0eeee;
	background-color: var(--lighter-grey);
	display:flex;
	padding:15px;
	align-items: center;
}
.premium_renew_small img {height:40px;}
.premium_renew_small div {
	text-align:center !important;
	flex-grow: 1;
}
.premium_renew_small div p {margin-bottom:5px;text-align:center!important;}
.premium_renew_small div p:first-child {font: bold 14px OpenSansBold, Arial, sans-serif; color:#c30040;}
.premium_renew_small div p:first-child {font: bold 14px var(--font-bold); color: var(--main-color);}
.premium_renew_small i {font-size: 25px;}

/* BASE */
.premium_small {
	display:flex;
	align-items: center;
}
.premium_small .premium_visuel {
	display:flex;
	align-self: stretch;
	width:20%;
	overflow: hidden;
}

.premium_small .premium_visuel a {
	display:flex;
	align-self: stretch;
	width:100%;
	overflow: hidden;
}

.premium_small .premium_visuel img {display:initial;object-fit:cover;max-width:100%;}

/* AVANTAGES */

.premium_small .premium_liste {
	width:50%;
	padding: 0 20px;
}
.premium_small .premium_logo {
	padding: 0;
	height:40px;
	margin:0 0 20px;
}
.premium_small .premium_liste ul {list-style-type:none;margin-bottom:10px;padding-left:0;}
.premium_small .premium_liste .premium_advantage {
	margin-left:0;
	width:100%;
	background-color:initial;
	text-align: left;
}
.premium_small .premium_liste .premium_advantage .h2_premium {
	font: 16px/22px OpenSansRegular, Arial, sans-serif;
	font: 16px/22px var(--font-regular);
	text-transform: initial;
	margin-bottom:10px;
}
.premium_small .premium_liste .premium_advantage .h2_premium i {
	font-size: 22px;
	line-height: 22px;
	margin-right:5px;
}
.premium_small .premium_reciprocity {
	width: initial;
	background-color: initial;
	color: #251A5D;
	color: var(--premium-reciprocity-color-sec);
	font: bold 1.2em OpenSansCondBold, Arial, sans-serif;
	font: bold 1.2em var(--font-cond-bold);
	text-align:left;
	text-transform: initial;
	margin-bottom:10px;
}
.premium_addtobasket {height:fit-content;}

/* OFFRE PREMIUM DAYS */

.premium_small span.spd_offre {
	font: bold 1.1em OpenSansBold, Arial, sans-serif;
	font: bold 1.1em var(--font-bold);
	color: #c30040;
	color: var(--main-color);
}
.premium_small span.spd_dates {
	display:block;
	font-size:.9em;
	font-style: italic;
	margin-left:27px;
}

/* ABONNÉ */
.premium_addtobasket .is_premium {
	display:block;
	text-align:center!important;
}
.premium_small .premium_addtobasket .is_premium img {margin-bottom: 10px;}
.premium_small .premium_addtobasket .is_premium p {text-align:center!important;}
.premium_small .premium_addtobasket .is_premium .premium_conditions {text-align:center;}

/* premium_conditions */

.premium_small .premium_conditions {text-align:initial; margin-bottom:0;}
.premium_small .premium_conditions span br {display:inline;}
.premium_small .premium_addtobasket {
	width:30%;
	margin: 0;
	padding: 30px;
}
.premium_small .premium_addtobasket .monthly {margin-top:5px;}
.premium_small .premium_addtobasket .premium_conditions {
	display:block;
	margin:0;
	text-align:justify;
}





/*****************************************************
**** @POPUPS
******************************************************/

/* PREMIUM IN CART */

.popup-panier-title {
	width:80%;
	margin:auto 10%;
	font-size:15px;
}
.popup_alert_content .premium_small {margin: 40px 20px;}

.premium_offer_xmas {
	background-image: url(/images/premiumXmas.jpg);
	background-position: top;
}

/* premium_conditions */

#popup_cgv_premium .all-list {
	margin:10px 20px !important;
	padding:0;
	width: calc(100% - 40px);
}
#popup_cgv_premium .cgv-premium {margin: auto 20px !important;}
#popup_cgv_premium.section-cgv p {
	margin: auto 20px;
	max-width: 100%;
}





/*****************************************************
**** @RESPONSIVE
******************************************************/

@media screen and (min-width:768px) {
	.premium_logo_1 {display:none;}
	.premium_small .premium_subtitle {display:none;}
}

@media screen and (min-width:768px) and (max-width:1100px) {
	.premium_small {margin: 40px 5% auto;}
	.premium_visuel {align-self: stretch;}
	.premium_small .premium_liste ul {padding:0;}
}
@media screen and (max-width:768px) {

	/* DISPLAY LARGE */

	.premium_visuel {display:block;}
	.premium_large .premium_logo {max-width:200px;}
	.premium_accroche {font-size: 20px;}
	.premium_large span.spd_offre {font-size: 1.2em}

	/* Message premium, renouvellement et réciprocité */

	.premium_subtitle, .gold_subtitle {
		font-size: 2em;
		line-height:1.1em;
	}
	.premium_subtitle span {padding: 0;}
	.premium_subtitle::before, .premium_subtitle::after {display: none;}
	.premium_large .premium_reciprocity {
		max-width:90%;
		margin:auto auto 20px;
	}
	#premium_liste {display:block;}
	.premium_advantage {
		width:100%;
		background-color: initial;
		border-bottom: 1px solid #c0c0c0;
		border-bottom: 1px solid var(--light-grey);
	}
	.premium_advantage + .premium_advantage {margin:0;}
	.premium_advantage:first-child {
		border-top: 1px solid #c0c0c0;
		border-top: 1px solid var(--light-grey);
	}
	.premium_advantage img {display:none;}
	.h2_premium {margin-top: 0;}
	.premium_conditions {
		margin-top:0;
		padding: 40px 5vw;
		text-align:center;
		font-size:1em;
	}
	.premium_addtobasket {
		margin: 0 auto;
		border:none;
		border-radius:0;
		width:90%;
		background-color: #f0eeee;
		background-color: var(--lighter-grey);
		padding:20px;
	}
	.premium_gold {
		display:block;
		max-width:90%;
		margin-bottom: 20px;
	}
	.premium_gold > div {width:100%;}
	.premium_gold > div:first-child {height:350px;}
	.premium_gold > div:first-child a img {object-fit:cover;}
	.premium_gold > div:last-child {
		background-color: #f0eeee;
		background-color: var(--lighter-grey);
		border:none;
		padding:20px;
	}
	.gold_text {margin-bottom: 10px;}

	/* DISPLAY SMALL */

	.premium_small {flex-direction: column; margin-top:40px;}
	.premium_logo_2 {display:none;}
	.premium_small .premium_logo_1 {max-width:90%;}
	.premium_small .premium_logo {margin-bottom:10px;}
	.premium_small .premium_visuel, .premium_small .premium_liste, .premium_small .premium_addtobasket {
		width:90%;
		margin:auto;
		border-width: 0 1px;
		border-style: solid;
		border-color: #000;
	}
	.premium_small .premium_visuel {
		border-top:1px solid #000;
		border-radius: 5px 5px 0 0;
	}
	.premium_small .premium_subtitle {
		margin: 15px 0;
		font: bold 1.5em OpenSansCondBold, Arial, sans-serif;
		font: bold 1.5em var(--font-cond-bold);
		text-transform: initial;
		text-align: left;
	}
	.premium_small ul {padding-left:0;}
	.premium_small .premium_advantage {border:none;}
	.premium_small span.spd_dates {margin-left:0;}
	.premium_small .premium_reciprocity {margin:0 0 10px; padding:0; width:100%;}
	.premium_small .premium_conditions {padding: 0;margin-bottom: 20px;}
	.premium_small .premium_addtobasket {
		border-bottom:1px solid #000;
		border-radius: 0 0 5px 5px;
	}
	.premium_small .premium_addtobasket button {width:100%;}
	.premium_small .premium_addtobasket .premium_conditions {color: #363636; text-align: left; font-size: 10px;}

	/* message renouvellement*/
	.premium_renew_small {margin-bottom:10px; padding : 10px 15px;}
	.premium_renew_small img {height: 30px;}
	.premium_renew_small div p {margin:0;}
	.premium_renew_small i {font-size: 15px;}
	.premium_small .is_premium, .premium_renew {margin:0 20px;}

}
@media screen and (max-width:480px) {
	.premium_gold > div:first-child {height:250px;}

	/* Popup premium in cart */
	.premium_logo_popup {max-width:90%;margin: 20px 5%;display:block!important;}
	.popup-panier-title {width:90%;margin: 20px 5%;}
	.popup_alert_content .premium_small {margin: 20px 0;}
	.popup_alert_content .premium_small .premium_liste {border-top: 1px solid #000; border-radius: 5px 5px 0 0;}
	.popup_alert_content .premium_small .premium_addtobasket {padding: 20px;}
	.popup_alert_content .premium_small .premium_addtobasket .premium_price {padding: 0;}
	.popup_alert_content .premium_small .premium_visuel {display: none;}
	#popup_alert_parent li.premium_advantage {
		padding: 0;
		border-bottom:none;
	}
}
@media screen and (max-width:360px) {
	.premium_gold > div:first-child {height:150px;}
}