/*------------------------------------*\
    $ GEN
\*------------------------------------*/

#search {
	margin: 0 auto;
	width: 100%;
	display: table;
	box-sizing: border-box;
}

.carte-cadeaux-page * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: #000;
}

.carte-cadeaux-page {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

body .pt_content #primary .block {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-avantage,
.pt_content #primary .content-asset .carte-cadeaux-page .block {
	width: 49.9%;
	/* float: left; */
	display: inline-table;
}

.pt_content #primary .content-asset header img {
	max-width: 100%;
	height: 160px;
	margin-bottom: 50px;
}

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement .block img {
	float: none;
	margin: 0 auto;
}


/*------------------------------------*\
    $ HEADER
\*------------------------------------*/

.carte-cadeaux-page header {
	text-align: center;
}


/*------------------------------------*\
    $ TITRE
\*------------------------------------*/


/* GEN */

.carte-cadeaux-page .title-style-01,
.carte-cadeaux-page .title-style-02 {
	text-transform: uppercase;
}


/* H1 */

.pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
	font: 56px "AvantGardeBold",Arial,sans-serif;
	margin: -150px 0 -30px!important;
}


/* H2 - H3 */

.pt_content #primary .carte-cadeaux-page .title-style-02 {
	width: 100%;
	font: 36px "AvantGardeBold",Arial,sans-serif!important;
	text-align: center;
	margin: 0 auto;
}

body .pt_content #primary .carte-cadeaux-page .title-style-02 a {
	text-decoration: none;
	color: #000;
	font: 36px "AvantGardeBold",Arial,sans-serif;
	top: 0;
}

.carte-cadeaux-page .note {
	color: #cc0000;
	font-family: "AvantGardeMedium",Arial,sans-serif;
	text-transform: none;
	font-weight: normal;
}

.carte-cadeaux-page .title-style-01 .note {
	font-size: 93px;
}

.carte-cadeaux-page .title-style-02 .note {
	font-size: 60px;
}

.carte-cadeaux-page p .note {
	font-size: 40px;
}


/*------------------------------------*\
    $ TEXT
\*------------------------------------*/

.carte-cadeaux-page .tagline {
	font: 20px "AvantGardeMedium",Arial,sans-serif;
	display: block;
	text-transform: uppercase;
}



body .pt_content #primary .carte-cadeaux-page .intro {
	margin: 60px auto;
	text-align: center;
	width: calc(100% - 20px);
}


/*------------------------------------*\
    $ DESCRIPTION 
\*------------------------------------*/

.carte-cadeaux-page .description {
	display: table;
	text-align: left;
	width: 490px;
	margin: 0 auto;
}

.carte-cadeaux-page .description li {
	display: table;
	vertical-align: top;
	margin-bottom: 10px;
}

.carte-cadeaux-page .description li:before {
	content: "";
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 60px;
}

.carte-cadeaux-page .description-left li:nth-child(1):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-ruban.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-left li:nth-child(2):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-magasin.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-left li:nth-child(3):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-billet.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-right li:nth-child(1):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-enveloppe.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-right li:nth-child(2):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-roue.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-right li:nth-child(3):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-billet.png') no-repeat 0 0;
}


/*------------------------------------*\
    $ CARTE CADEAU 
\*------------------------------------*/

.carte-cadeaux-page .carte-cadeau {
	margin: 30px 0;
	min-height: 411px;
	background-size: 85%;
}

.carte-cadeaux-page .carte-avantage:nth-child(odd) .carte-cadeau {
	background-position: center left;
}

.carte-cadeaux-page .carte-cadeau figure a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 20;
}

.carte-cadeaux-page .carte-cadeau figure {
	background: #333;
	border: 5px solid #000;
	display: inline-block;
	overflow: hidden;
	position: relative
}

.carte-cadeaux-page .carte-cadeau figure:before {
	color: #fff;
	content: "+";
	font: 200px "AvantGardeMedium",Arial,sans-serif;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	z-index: 10;
}

.carte-cadeaux-page .carte-cadeau figure:hover:before {
	opacity: 1;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau figure img {
	opacity: 1;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	width: 100%;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau figure:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


/*------------------------------------*\
    $ FONCTIONNEMENT
\*------------------------------------*/

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement {
	margin: 40px auto 90px auto;
	width: 69%;
	display: table;
}

.carte-cadeaux-page .carte-cadeau-fonctionnement h2 {
	margin-bottom: 30px;
}

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement .block {
	background-color: #f0f0f0;
	margin: 0 10px 10px 0;
	padding: 30px 0;
	width: calc(33% - 10px);
	height: 285px;
	box-sizing: border-box;
}

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement p {
	margin: 20px 0 0!important;
}

.carte-cadeaux-page .carte-cadeau-fonctionnement strong {
	font: 19px "AvantGardeBold",Arial,sans-serif;
}

.carte-cadeaux-page sup {
	font-size: 10px;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau-fonctionnement a {
	text-decoration: none;
}


/*------------------------------------*\
    $ MENTION
\*------------------------------------*/

.carte-cadeaux-page .mention {
	font: 12px "AvantGardeMedium",Arial,sans-serif;
	display: table;
	clear: both;
	margin: 0 auto;
	float: none;
	width: 90%;
}


/*------------------------------------*\
    $ CTA 
\*------------------------------------*/

body .pt_content #primary .carte-cadeaux-page .cta:link,
body .pt_content #primary .carte-cadeaux-page .cta:visited {
	background-color: #000;
	color: #fff;
	display: block;
	font: 18px "AvantGardeMedium",Arial,sans-serif;
	margin: 32px auto 0;
	padding: 6px 30px 6px 18px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	width: 408px;
}

.carte-cadeaux-page .cta:focus {
	outline: 1px dashed #cc0000;
}

.carte-cadeaux-page .cta:hover,
.carte-cadeaux-page .cta:active {
	background-color: #cc0000;
}

.carte-cadeaux-page .cta:after {
	border-color: transparent transparent transparent #cc0000;
	border-style: solid;
	border-width: 6px 0 6px 7px;
	content: "";
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	width: 0;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.carte-cadeaux-page .cta:hover:after {
	border-color: transparent transparent transparent #fff;
	content: "";
}


/*------------------------------------*\
    $ WEB MOBILE 
\*------------------------------------*/


/* GEN */

.carte-cadeaux-page-mob {
	overflow: hidden;
	width: 100%;
}

.carte-cadeaux-page-mob img {
	height: auto;
	max-width: 100%;
}


/* H1 - H2  */

#container>section:not(#not-found):not(#best-sales):not(#special-offers):not(#news):not(#gift):not(#sale):not(#beauty-to-go):not(#onlineCredits):not(#account):not(#infos-beauty-board)>header>h1 {
	margin-top: -50px;
}

#container>section:not(#not-found):not(#best-sales):not(#special-offers):not(#news):not(#gift):not(#sale):not(#beauty-to-go):not(#onlineCredits):not(#account):not(#infos-beauty-board)>header>h1,
#container>article:not([itemscope]):not(.checkout)>header>h1 {
	font: 40px/40px "AvantGardeBold",Arial,sans-serif;
	margin: 0;
}

.carte-cadeaux-page-mob .title-style-02 {
	margin-bottom: 30px;
}

.carte-cadeaux-page-mob h1.title-style-01,
.carte-cadeaux-page-mob h2.title-style-02,
.carte-cadeaux-page-mob h3.title-style-02 {
	font: 22px/22px "AvantGardeBold",Arial,sans-serif !important;
	margin: 0;
}

.carte-cadeaux-page-mob h3.title-style-02 {
	margin-bottom: 20px;
}

.carte-cadeaux-page-mob .title-style-01 .note,
.carte-cadeaux-page-mob .title-style-02 .note {
	font-size: 30px !important;
	line-height: 30px !important;
}

.carte-cadeaux-page-mob .tagline {
	font-size: 16px;
	width: 80%;
	margin: 10px auto;
}


/* INTRO */

.carte-cadeaux-page-mob .intro {
	margin: 10px 0 30px;
	padding: 0 5%;
	line-height: 20px;
}

.carte-cadeaux-page-mob .intro br {
	display: none;
}


/* BLOCK */

.carte-cadeaux-page-mob .carte-avantage,
.carte-cadeaux-page-mob .carte-cadeau-fonctionnement {
	width: 92%;
	margin: 0 auto !important;
}

.carte-cadeaux-page-mob .carte-cadeau {
	text-align: center;
}


/* LISTE */

.carte-cadeaux-page-mob .description li {
	display: block;
	text-align: left;
	margin: 20px 0 0;
	padding: 0 5%;
	width: 100%;
	font-family: "AvantGardeMedium",Arial,sans-serif;
	font-size: 14px;
	line-height: 19px;
}

.carte-cadeaux-page-mob .description {
	text-align: left;
	width: 80%;
	margin: 0 0 0 15%;
}

.carte-cadeaux-page-mob .description li::before {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 -40px;
	position: absolute;
}


/* TEXT */

.carte-cadeaux-page-mob .corps.plus {
	font-size: 20px !important;
	margin: 20px 0 30px;
	text-align: center;
}

.carte-cadeaux-page-mob .plus .note {
	display: inline-block;
	font-size: 60px;
	line-height: 40px;
}

.carte-cadeaux-page-mob .description {
	display: block;
}


/* CADEAU */

.carte-cadeaux-page-mob .carte-cadeau {
	background: none;
	margin-bottom: 62px;
	min-height: inherit;
}

.carte-cadeaux-page-mob .carte-cadeau figure {
	margin: 5%;
}

.carte-cadeaux-page-mob .carte-cadeau-fonctionnement {
	margin: 20px 0;
	text-align: center;
}

.carte-cadeaux-page-mob .carte-cadeau-fonctionnement .block {
	width: 94%;
	margin: 0 auto 10px;
	display: block;
}

.carte-cadeaux-page-mob .mention {
	padding: 5%;
}


/* CTA */

.carte-cadeaux-page-mob .cta:link {
	margin: 5%;
	width: 90%;
}

@media (max-width: 768px) {

	.carte-cadeaux-page .carte-avantage,
	.carte-cadeaux-page .block {
		float: none;
		margin: 0 auto;
	}
	.pt_content #primary .content-asset .carte-cadeaux-page .mention,
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-avantage,
	.pt_content #primary .content-asset .carte-cadeaux-page .block,
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau-fonctionnement,
	.pt_content #primary .content-asset .carte-cadeaux-page .title-style-02,
	.pt_content #primary .content-asset .carte-cadeaux-page .description {
		width: calc(100% - 20px);
		margin: 30px auto 0px auto;
		padding: 0;
		display: table;
	}
	.carte-cadeaux-page .title-style-02 {
		margin-top: 20px;
		font-size: 24px;
	}
	body .pt_content #primary .carte-cadeaux-page .cta:link,
	.carte-cadeaux-page .cta:visited {
		margin: 10px auto 30px auto;
		width: auto;
		font-size: 14px;
		display: table;
	}
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau figure {
		width: calc(100% - 20px);
	}
	.pt_content #primary img,
	body .pt_content #primary .content-asset img {
		width: 70%;
		margin-bottom: -50px;
	}
	.pt_content #primary .carte-cadeaux-page .title-style-02,
	body .pt_content #primary .carte-cadeaux-page .title-style-02 a,
	.pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
		font: 28px "AvantGardeBold",Arial,sans-serif!important;
		margin: 0px 0 0px 0!important;
		border: 0;
	}
	body .pt_content #primary .carte-cadeaux-page .intro {
		margin: 30px auto 60px auto;
	}
	.carte-cadeaux-page .title-style-02 .note,
	.carte-cadeaux-page .title-style-01 .note {
		font-size: 43px;
	}
	.carte-cadeaux-page .tagline {
		font: 16px "AvantGardeMedium",Arial,sans-serif;
	}
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau-fonctionnement .block {
		background-color: #f0f0f0;
		float: left;
		margin: 10px;
		width: calc(50% - 20px);
		height: 340px;
	}
	.carte-cadeaux-page .carte-cadeau-fonctionnement {
		margin: 20px auto 20px auto;
		width: 100%;
	}
	.carte-cadeaux-page .carte-cadeau-fonctionnement>a>.block {
		height: 100%;
		width: 100%;
	}
}

@media (min-width: 420px) {
	.carte-cadeaux-page-mob .carte-cadeau-fonctionnement .block {
		display: inline-block;
		margin: 0 0 3px 3px;
		min-height: 290px;
		width: 47%;
	}
}

.carte-cadeaux-page-mob p .note {
	font-size: 40px !important;
}

.carte-cadeaux-page-mob .corps {
	font-size: 16px;
}

.carte-cadeaux-page-mob .carte-cadeau a img {
	border: 2px solid #000000;
	width: 90%;
}

.bandeGrise_3px {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #ebebeb;
	font-size: 1px;
	margin-top: 5px;
}

#content {
	margin: 0 auto;
	position: relative;
	width: 980px;
	width: 100%;
	max-width: 1440px;
	padding: 0 40px;
	box-sizing: border-box;
}

#content #titre {
	font-size: 30px;
	font-family: "AvantGardeMedium",Arial,sans-serif, sans-serif;
	letter-spacing: 5px;
	text-align: center;
	margin: 20px 0 15px 0;
	text-transform: uppercase;
}

.gc-clickandcollect *,
.gc-clickandcollect *:before,
.gc-clickandcollect *:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px;
}

.gc-clickandcollect {
	width: 100%;
	padding-top: 20px;
	max-width: 1440px;
}

.gc-mention {
	font-family: Arial;
	font-size: 10px;
	color: #838383;
	font-style: italic;
	line-height: 12px;
	margin-left: 20px;
}

.gc-clickandcollect header {
	text-align: center;
	margin-bottom: 5px;
}

.gc-clickandcollect img {
	margin-bottom: 15px;
	max-width: 100%;
	height: auto;
}

.gc-clickandcollect h1 {
	margin-top: 10px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: "AvantGardeBold",Arial,sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 5px;
}

.gc-clickandcollect .subtitle {
	font-family: arial;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 45px;
}

.steps-list {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 395px;
}

.steps-list li {
	display: table-cell;
	text-align: center;
	font-family: arial;
	font-weight: bold;
	width: 33%;
}

.steps-list section {
	margin: 60px 10px 0 10px;
}

.steps-list li header {
	font-family: "AvantGardeMedium",Arial,sans-serif;
	letter-spacing: 1.5px;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 18px;
	height: 50px;
	text-transform: uppercase;
}

.steps-list strong {
	font-family: "AvantGardeMedium",Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.steps-list .content {
	height: 250px;
	font-size: 12px;
}

.steps-list .content p {
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
}

.steps-list .content img {
	max-height: 100%;
	max-width: 100%!important;
	vertical-align: middle;
	margin-top: 0px;
}


/* MEDIA QUERIES */

@media (max-width: 980px) and (max-device-width: 980px) {
	#content {
		padding: 0 10px;
	}
	.steps-list {
		width: 100%;
		text-align: center;
		padding: 0;
		height: auto;
	}
	.steps-list li header,
	.steps-list .content,
	.steps-list li {
		display: table;
		margin: 0 auto;
	}
	.steps-list li {
		width: 100%;
	}
	.steps-list .content {
		height: auto;
		font-size: 12px;
	}
}

.pt_content #primary img,
body .pt_content #primary .content-asset img {
	max-width: inherit;
	display: initial;
	float: none;
	padding: 0
}



body .pt_content #primary {
	padding: 0;
}

.bx-wrapper .bx-pager {
	display: none;
}

.pt_content #primary .articlesLine>a,
.pt_content #primary .articlesLine2>a,
.pt_content #primary h2>a {
	top: auto;
}


/*------------------------------------*\
    $ GEN
\*------------------------------------*/

#search {
	margin: 0 auto;
	width: 100%;
	display: table;
	box-sizing: border-box;
}

.carte-cadeaux-page * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: #000;
}

.carte-cadeaux-page {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

body .pt_content #primary .block {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-avantage,
.pt_content #primary .content-asset .carte-cadeaux-page .block {
	width: 49.9%;
	/* float: left; */
	display: inline-table;
}

.pt_content #primary .content-asset header .bg-header {
	max-width: 100%;
	height: 280px;
	margin-bottom: 50px;
}

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement .block img {
	float: none;
	margin: 0 auto;
}


/*------------------------------------*\
    $ HEADER
\*------------------------------------*/

.carte-cadeaux-page header {
	text-align: center;
	position: relative;
}

.carte-cadeaux-page .logo_ {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*------------------------------------*\
    $ TITRE
\*------------------------------------*/


/* GEN */

.carte-cadeaux-page .title-style-01,
.carte-cadeaux-page .title-style-02 {
	text-transform: uppercase;
}


/* H1 */

.pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
	font: 56px "AvantGardeBold",Arial,sans-serif;
	margin: 0 0 -30px!important;
}


/* H2 - H3 */

.pt_content #primary .carte-cadeaux-page .title-style-02 {
	width: 100%;
	font: 36px "AvantGardeBold",Arial,sans-serif!important;
	text-align: center;
	margin: 0 auto;
}

body .pt_content #primary .carte-cadeaux-page .title-style-02 a {
	text-decoration: none;
	color: #000;
	font: 36px "AvantGardeBold",Arial,sans-serif;
	top: 0;
}

.carte-cadeaux-page .note {
	color: #cc0000;
	font-family: "AvantGardeMedium",Arial,sans-serif;
	text-transform: none;
	font-weight: normal;
}

.carte-cadeaux-page .title-style-01 .note {
	font-size: 93px;
}

.carte-cadeaux-page .title-style-02 .note {
	font-size: 60px;
}

.carte-cadeaux-page p .note {
	font-size: 40px;
}


/*------------------------------------*\
    $ TEXT
\*------------------------------------*/

.carte-cadeaux-page .tagline {
	font: 20px "AvantGardeMedium",Arial,sans-serif;
	display: block;
	text-transform: uppercase;
}



body .pt_content #primary .carte-cadeaux-page .intro {
	margin: 60px auto;
	text-align: center;
	width: calc(100% - 20px);
}


/*------------------------------------*\
    $ DESCRIPTION 
\*------------------------------------*/

.carte-cadeaux-page .description {
	display: table;
	text-align: left;
	width: 490px;
	margin: 0 auto;
}

.carte-cadeaux-page .description li {
	display: table;
	vertical-align: top;
	margin-bottom: 10px;
}

.carte-cadeaux-page .description li:before {
	content: "";
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	height: 60px;
}

.carte-cadeaux-page .description-left li:nth-child(1):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-ruban.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-left li:nth-child(2):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-magasin.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-left li:nth-child(3):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-billet.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-right li:nth-child(1):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-enveloppe.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-right li:nth-child(2):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-roue.png') no-repeat 0 0;
}

.carte-cadeaux-page .description-right li:nth-child(3):before {
	background: url('https://static.sephora.fr/www/webmaster/marques/sephora/carte-cadeau/img/icon/icon-billet.png') no-repeat 0 0;
}


/*------------------------------------*\
    $ CARTE CADEAU 
\*------------------------------------*/

.carte-cadeaux-page .carte-cadeau {
	margin: 30px 0;
	min-height: 411px;
	background-size: 85%;
}

.carte-cadeaux-page .carte-avantage:nth-child(odd) .carte-cadeau {
	background-position: center left;
}

.carte-cadeaux-page .carte-cadeau figure a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 20;
}

.carte-cadeaux-page .carte-cadeau figure {
	background: #333;
	border: 5px solid #000;
	display: inline-block;
	overflow: hidden;
	position: relative
}

.carte-cadeaux-page .carte-cadeau figure:before {
	color: #fff;
	content: "+";
	font: 200px "AvantGardeMedium",Arial,sans-serif;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	z-index: 10;
}

.carte-cadeaux-page .carte-cadeau figure:hover:before {
	opacity: 1;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau figure img {
	opacity: 1;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	width: 100%;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau figure:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}


/*------------------------------------*\
    $ FONCTIONNEMENT
\*------------------------------------*/

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement {
	margin: 40px auto 90px auto;
	width: 69%;
	display: table;
}

.carte-cadeaux-page .carte-cadeau-fonctionnement h2 {
	margin-bottom: 30px;
}

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement .block {
	background-color: #f0f0f0;
	margin: 0 9px 13px 0;
	padding: 30px 0;
	width: calc(33% - 10px);
	height: 285px;
	box-sizing: border-box;
}

body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement p {
	margin: 20px 0 0!important;
}

.carte-cadeaux-page .carte-cadeau-fonctionnement strong {
	font: 19px "AvantGardeBold",Arial,sans-serif;
}

.carte-cadeaux-page sup {
	font-size: 10px;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau-fonctionnement a {
	text-decoration: none;
}


/*------------------------------------*\
    $ MENTION
\*------------------------------------*/

.carte-cadeaux-page .mention {
	font: 12px "AvantGardeMedium",Arial,sans-serif;
	display: table;
	clear: both;
	margin: 0 auto;
	float: none;
	width: 90%;
}


/*------------------------------------*\
    $ CTA 
\*------------------------------------*/

body .pt_content #primary .carte-cadeaux-page .cta:link,
body .pt_content #primary .carte-cadeaux-page .cta:visited {
	background-color: #000;
	color: #fff;
	display: block;
	font: 18px "AvantGardeMedium",Arial,sans-serif;
	margin: 32px auto 0;
	padding: 6px 30px 6px 18px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	width: 408px;
}

.carte-cadeaux-page .cta:focus {
	outline: 1px dashed #cc0000;
}

.carte-cadeaux-page .cta:hover,
.carte-cadeaux-page .cta:active {
	background-color: #cc0000;
}

.carte-cadeaux-page .cta:after {
	border-color: transparent transparent transparent #cc0000;
	border-style: solid;
	border-width: 6px 0 6px 7px;
	content: "";
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	width: 0;
	height: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.carte-cadeaux-page .cta:hover:after {
	border-color: transparent transparent transparent #fff;
	content: "";
}


/*------------------------------------*\
    $ WEB MOBILE 
\*------------------------------------*/


/* GEN */

.carte-cadeaux-page-mob {
	overflow: hidden;
	width: 100%;
}

.carte-cadeaux-page-mob img {
	height: auto;
	max-width: 100%;
}


/* H1 - H2  */

#container>section:not(#not-found):not(#best-sales):not(#special-offers):not(#news):not(#gift):not(#sale):not(#beauty-to-go):not(#onlineCredits):not(#account):not(#infos-beauty-board)>header>h1 {
	margin-top: -50px;
}

#container>section:not(#not-found):not(#best-sales):not(#special-offers):not(#news):not(#gift):not(#sale):not(#beauty-to-go):not(#onlineCredits):not(#account):not(#infos-beauty-board)>header>h1,
#container>article:not([itemscope]):not(.checkout)>header>h1 {
	font: 40px/40px "AvantGardeBold",Arial,sans-serif;
	margin: 0;
}

.carte-cadeaux-page-mob .title-style-02 {
	margin-bottom: 30px;
}

.carte-cadeaux-page-mob h1.title-style-01,
.carte-cadeaux-page-mob h2.title-style-02,
.carte-cadeaux-page-mob h3.title-style-02 {
	font: 22px/22px "AvantGardeBold",Arial,sans-serif !important;
	margin: 0;
}

.carte-cadeaux-page-mob h3.title-style-02 {
	margin-bottom: 20px;
}

.carte-cadeaux-page-mob .title-style-01 .note,
.carte-cadeaux-page-mob .title-style-02 .note {
	font-size: 30px !important;
	line-height: 30px !important;
}

.carte-cadeaux-page-mob .tagline {
	font-size: 16px;
	width: 80%;
	margin: 10px auto;
}


/* INTRO */

.carte-cadeaux-page-mob .intro {
	margin: 10px 0 30px;
	padding: 0 5%;
	line-height: 20px;
}

.carte-cadeaux-page-mob .intro br {
	display: none;
}


/* BLOCK */

.carte-cadeaux-page-mob .carte-avantage,
.carte-cadeaux-page-mob .carte-cadeau-fonctionnement {
	width: 92%;
	margin: 0 auto !important;
}

.carte-cadeaux-page-mob .carte-cadeau {
	text-align: center;
}


/* LISTE */

.carte-cadeaux-page-mob .description li {
	display: block;
	text-align: left;
	margin: 20px 0 0;
	padding: 0 5%;
	width: 100%;
	font-family: "AvantGardeMedium",Arial,sans-serif;
}

.carte-cadeaux-page-mob .description {
	text-align: left;
	width: 80%;
	margin: 0 0 0 15%;
}

.carte-cadeaux-page-mob .description li::before {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 -40px;
	position: absolute;
}


/* TEXT */

.carte-cadeaux-page-mob .corps.plus {
	font-size: 20px !important;
	margin: 20px 0 30px;
	text-align: center;
}

.carte-cadeaux-page-mob .plus .note {
	display: inline-block;
	font-size: 60px;
	line-height: 40px;
}

.carte-cadeaux-page-mob .description {
	display: block;
}


/* CADEAU */

.carte-cadeaux-page-mob .carte-cadeau {
	background: none;
	margin-bottom: 62px;
	min-height: inherit;
}

.carte-cadeaux-page-mob .carte-cadeau figure {
	margin: 5%;
}

.carte-cadeaux-page-mob .carte-cadeau-fonctionnement {
	margin: 20px 0;
	text-align: center;
}

.carte-cadeaux-page-mob .carte-cadeau-fonctionnement .block {
	width: 94%;
	margin: 0 auto 10px;
	display: block;
}

.carte-cadeaux-page-mob .mention {
	padding: 5%;
}


/* CTA */

.carte-cadeaux-page-mob .cta:link {
	margin: 5%;
	width: 90%;
}

@media (max-width: 768px) {
	.carte-cadeaux-page .carte-avantage,
	.carte-cadeaux-page .block {
		float: none;
		margin: 0 auto;
	}
	.pt_content #primary .content-asset .carte-cadeaux-page .mention,
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-avantage,
	.pt_content #primary .content-asset .carte-cadeaux-page .block,
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau-fonctionnement,
	.pt_content #primary .content-asset .carte-cadeaux-page .title-style-02,
	.pt_content #primary .content-asset .carte-cadeaux-page .description {
		width: calc(100% - 20px);
		margin: 30px auto 0px auto;
		padding: 0;
		display: table;
	}
	.carte-cadeaux-page .title-style-02 {
		margin-top: 20px;
		font-size: 24px;
	}
	body .pt_content #primary .carte-cadeaux-page .cta:link,
	.carte-cadeaux-page .cta:visited {
		margin: 10px auto 30px auto;
		width: auto;
		font-size: 14px;
		display: table;
	}
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau figure {
		width: calc(100% - 20px);
	}
	.pt_content #primary img,
	body .pt_content #primary .content-asset img {
		width: 70%;
		margin-bottom: -50px;
	}
	.pt_content #primary .carte-cadeaux-page .title-style-02,
	body .pt_content #primary .carte-cadeaux-page .title-style-02 a,
	.pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
		font: 28px "AvantGardeBold",Arial,sans-serif!important;
		margin: 0px 0 0px 0!important;
		border: 0;
	}
	body .pt_content #primary .carte-cadeaux-page .intro {
		margin: 30px auto 60px auto;
	}
	.carte-cadeaux-page .title-style-02 .note,
	.carte-cadeaux-page .title-style-01 .note {
		font-size: 43px;
	}
	.carte-cadeaux-page .tagline {
		font: 16px "AvantGardeMedium",Arial,sans-serif;
	}
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau-fonctionnement .block {
		background-color: #f0f0f0;
		float: left;
		margin: 10px;
		width: calc(50% - 20px);
		height: 340px;
	}
	.carte-cadeaux-page .carte-cadeau-fonctionnement {
		margin: 20px auto 20px auto;
		width: 100%;
	}
	.carte-cadeaux-page .carte-cadeau-fonctionnement>a>.block {
		height: 100%;
		width: 100%;
	}
}

@media (min-width: 420px) {
	.carte-cadeaux-page-mob .carte-cadeau-fonctionnement .block {
		display: inline-block;
		margin: 0 0 3px 3px;
		min-height: 290px;
		width: 47%;
	}
}

.carte-cadeaux-page-mob p .note {
	font-size: 40px !important;
}

.carte-cadeaux-page-mob .corps {
	font-size: 16px;
}

.carte-cadeaux-page-mob .carte-cadeau a img {
	border: 2px solid #000000;
	width: 90%;
}

body .pt_content #primary {
	padding: 0;
}

.pt_content #primary #encartVideo iframe {
	width: 50%;
	height: 268px;
	margin: 30px auto 0 auto;
}

.pt_content #primary .encart {
	width: 80%;
	display: table;
	margin: 50px auto;
	padding: 0 8.5%;
	box-sizing: border-box;
}

#encartCartes {
	width: calc(50% - 20px);
	margin-right: -20px;
	float: right;
}

.pt_content #primary #encartBiz {
	width: 66%;
	padding: 0;
	float: none;
	margin: 0 auto 20px auto;
}

.pt_content #primary #encartBiz .cta {
	width: max-content;
	margin-bottom: 30px;
}

.pt_content #primary #encartVideo {
	float: none;
}


.pt_content #primary .encart p {
	display: table;
	margin: 0 auto 10px auto;
}

.pt_content #primary .encart p span,
.pt_content #primary .encart p strong {
	font-family:"AvantGardeBold",Arial,sans-serif !important;
	font-weight: inherit;
}

.pt_content #primary .encart ul {
	list-style-type: disc;
	margin: 0 auto;
	padding: 0;
	display: table;
	width: 80%;
}

.pt_content #primary .encart ul li {
	margin-bottom: 20px;
}

.pt_content #primary .encart p span {
	float: left;
	display: table;
}

.pt_content #primary .encart ul li img {
	float: right;
	width: 30%;
}

.pt_content #primary .content-asset .carte-cadeaux-page .carte-avantage,
.pt_content #primary .content-asset .carte-cadeaux-page .block {
	width: 49.8%;
}

body .pt_content #primary p.mention {
	font: 12px "AvantGardeMedium",Arial,sans-serif !important;
	display: table;
	clear: both;
	margin: 0 auto;
	float: none;
	width: 90%;
	color: #333;
}

.pt_content #primary .content-asset header img {
	width: 100%;
}

.pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
	font: 56px "AvantGardeBold",Arial,sans-serif;
	margin: -150px 0 -30px !important;
}

@media (max-width: 768px) {
	.pt_content #primary .carte-cadeaux-page .title-style-02,
	body .pt_content #primary .carte-cadeaux-page .title-style-02 a,
	.pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
		font: 28px "AvantGardeBold",Arial,sans-serif !important;
		margin: 0px 0 0px 0 !important;
		border: 0;
	}
	body .pt_content #primary .content-asset header img {
		height: auto;
	}
	.carte-cadeaux-page {
		width: 100vw;
	}
	body .pt_content #primary .carte-cadeaux-page .intro {
      width: 90%;
}

	
	.carte-cadeaux-page .carte-cadeau {
		background: none;
	}
	body #encartCartes {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 auto;
	}
	.pt_content #primary #encartVideo iframe {
		min-width: 280px;
		height: auto;
		width: 100%;
		margin: 0 auto;
	}
	.bloc-cartes {
		width: 100vw;
		box-sizing: border-box;
	}
	.pt_content #primary #encartBiz .cta {
		width: auto;
		text-align: center;
	}
	.pt_content #primary #encartBiz,
	.pt_content #primary .encart {
		width: 100%;
		margin: 0 auto 25px auto;
		padding: 10px 20px;
		display: block;
		box-sizing: border-box;
	}
	.pt_content #primary .encart .title-style-02 {
		line-height: 100% !important;
		margin-bottom: 20px !important;
		;
		margin-top: 20px !important;
	}
	.pt_content #primary .encart ul,
	.pt_content #primary .encart ul li {
		margin: 0;
		padding: 0;
	}
	.morecontent>span:not(.redspan) {
		display: none;
		font: 20px/26px "AvantGardeMedium",Arial,sans-serif !important;
	}
	a.morelink {
		color: #ccc;
		font-style: italic;
		text-decoration: underline;
	}
	.pt_content #primary .content-asset .carte-cadeaux-page .carte-avantage,
	.pt_content #primary .content-asset .carte-cadeaux-page .block {
		width: calc(100% - 20px);
	}
	.carte-cadeaux-page .carte-cadeau {
		margin: 10px 0 0 0;
		min-height: 350px;
		background-size: 85%;
	}
	.pt_content #primary img,
	body .pt_content #primary .content-asset img {
		width: 100%;
	}
	body .pt_content #primary .carte-cadeaux-page .carte-cadeau-fonctionnement .block img {
		width: 40%;
	}
}

    .pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
    margin: -320px 0 -30px!important;
    }
    .pt_content #primary .content-asset .carte-cadeaux-page header img {
        height: 350px !important;
    }
    .pt_content #primary .content-asset .carte-cadeaux-page header .corps {
        margin-top: 140px;
    }
    @media (max-width: 768px) {
        .pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
            margin: -60px 0 -30px!important;
        }
        .pt_content #primary .content-asset .carte-cadeaux-page header img {
            height: 100px !important;
        }
        .pt_content #primary .content-asset .carte-cadeaux-page header .tagline {
            margin-top: 20px;
        }
        .pt_content #primary .content-asset .carte-cadeaux-page header .corps {
            margin-top: 80px;
        }
        .pt_content #primary .content-asset .carte-cadeaux-page .carte-cadeau-right img {
          margin-bottom: 0 !important;
        }
    }
    @media (max-width: 340px) {
      .pt_content #primary .content-asset .carte-cadeaux-page .title-style-01 {
          margin: -50px 0 -30px!important;
          font-size: 20px !important;
      }
      .pt_content #primary .content-asset .carte-cadeaux-page header .tagline {
          font-size: 10px !important;
      }
    }