html,body{margin:0;padding:0;
	height: auto;
	position:relative;
	width: 100%;
}
fl{
	left: "Avalon-Book";
}
body #search #topCat .type,body #topCat.grand .type {
    margin-left: 0;
    margin-top: 0;
}
#sephora-lipstain #logo_collect{background: none;padding:0;display: table;margin: -10px auto 30px auto;text-decoration: none;}
#logo_collect,
#sephora-lipstain .contentLip{
	width: 100%;
	max-width: 980px;
	margin:0 auto;
	position: relative;
	display: table;
}
#sephora-lipstain .contentLip{
	padding: 0;
	margin: 0 auto;
}
#sephora-lipstain #logo_collect img{line-height:0;/* width:100%; */margin: 0 auto;display: block;}
#sephora-lipstain .header{
	display: table;
	width: 100%;
	padding:0;
	position: relative;
}
#sephora-lipstain .header img {
	width:100%;
}
#sephora-lipstain .header h1{
	font-size: 36px;
	font-family:"Avalon-Demi";
	color:#000;
	padding:0 20px;
	text-align:center;
	line-height: 40px;
	letter-spacing: 0.3px;
	box-sizing:border-box;
	width: 100%;
	display: table;
	text-transform:uppercase;
	z-index:10;
}
body #sephora-lipstain .header h1 strong{
	font-family:"Avalon-Demi";
	text-transform:uppercase;
	font-size: 72px;
	line-height: 72px;
	color:#c00;
	letter-spacing: 0.5px;
}
body #sephora-lipstain .header h1 strong sup{
	font-size: 32px;
}
body #sephora-lipstain .header h1 span{
	font-family:"Black Diamond";
	color:#8b6847;
	font-size: 43px;
	line-height: 23px;
	display: table;
	padding-top: 16px;
	height: 70px;
	text-transform: uppercase;
	font-weight: normal;
}
#sephora-lipstain .header h1,
#sephora-lipstain .header h1 strong,
#sephora-lipstain .header h1 span{
	display: table;
	margin:0 auto;
}
#sephora-lipstain > h2,
#sephora-lipstain > div{
	font-size: 22px;
	letter-spacing:1px;
	width: 100%;
	margin:0 auto;
	text-align:center;
	font-family:"Avalon-Book";
	box-sizing: border-box;
	padding: 10px 0px;
	font-size: 17px;
	position: relative;
}
#sephora-lipstain div#bloc-fini-teinte{
	width:90%;
}
#sephora-lipstain > div#bloc-videos{
	padding:10px;
}
#sephora-lipstain span{
	color:#c00;
	font-weight:normal;
	font-size: 32px;
	line-height: 16px;
	padding:0 5px;
	font-family:"Black Diamond";
}
#sephora-lipstain strong{
	font-family:"Avalon-Demi";
	letter-spacing: 1px;
}
#sephora-lipstain div#prez{
	padding:0 30px;
	box-sizing:border-box;
	font-size: 22px;
	margin-bottom: 50px;
}
#sephora-lipstain div#prez #img-prez{width: 50%;float: left;height: 100%;}
#sephora-lipstain div#prez #img-prez img{height: 100%;}
#sephora-lipstain div#prez #text-prez{width: 50%;float: left;color: #fff;vertical-align: middle;display: table;height: 100%;}
#sephora-lipstain div#prez #text-prez p{width: 100%;color: #fff;vertical-align: middle;display: table-cell;font-size: 29px;padding-bottom: 50px;padding-left: 20px;}

#sephora-lipstain div#prez #text-prez span{
}
#sephora-lipstain div#prez #text-prez #prix-prez{background: #c00;color: #fff;text-decoration: none;padding: 2px 4px;line-height: 40px;position: absolute;margin: 0 auto;left: 90px;right: auto;margin-left: -50px;width: 100px;box-sizing: border-box;bottom: 10px;}
#sephora-lipstain div#prez p:first-of-type{
	/* margin-top:0; */
	/* padding-top:0; */
}
#sephora-lipstain div#prez #logo_collect_w{

margin: 10px 0 0 0;

padding: 0;
}

#flecheScroll{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 24px;
    left: auto;
    right: auto;
    text-align: center;
    z-index: 10000;
    animation-name: motionArrow;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

#flecheScroll i{
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
@keyframes motionArrow{
    0% {bottom: 0;opacity:1}
    100%{bottom:-10px;opacity:0}
}
#sephora-lipstain 
#bloc-avis
.title > p{
	margin-top:-18px;
}
#sephora-lipstain div#prez #logo_collect_w img{
	max-width: 320px;
}

#sephora-lipstain div#prez #logo_collect_w img,
.bloc-collec > img,
#bloc-fini-teinte > img,
.bloc-collec >  a > img{
	/* width:100%; */
	margin:0 auto;
}
#sephora-lipstain .title {
	border-top: 1px solid #000;
	width: 90%;
	text-transform: uppercase;
	line-height: 22px;
	letter-spacing: 4px;
	margin: 6px auto 5px auto;
	text-transform: initial;
	font-size: 25px;
	letter-spacing: 0.5px;
	box-sizing: border-box;
	text-transform:uppercase;
}
#sephora-lipstain #bloc-fini-teinte > .title{
	border: 0;
	width: 100%;
	text-transform:uppercase;
	letter-spacing: 2px;
	padding: 0;
	font-size: 13px;
	clear: both;
}
#sephora-lipstain .title > p{
	background-color: #fff;
	display:table;
	margin: -28px auto 0 auto;
	padding: 0 37px;
	text-transform: uppercase;
}
#sephora-lipstain #prez{
	background:black;
	width:100%;
	display:table;
	margin:0 auto;
}
#sephora-lipstain .bloc-collec{
	margin-bottom: 40px;
}
#sephora-lipstain .bloc-collec .details{
	margin-bottom: 30px;
	margin-top: 20px;
}
#sephora-lipstain .bloc-collec .cta{
	background:black;
	color:#fff;
	padding:5px 25px 4px 10px;
	text-decoration:none;
	display: table;
	margin: 15px auto 0 auto;
	position: relative;
	text-transform: uppercase;
}
#sephora-lipstain .bloc-collec .cta:before{
	    content: "";
	    display: block;
	    position: absolute;
	    top: 9px;
	    right: 7px;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 6px 0 6px 7px;
	    border-color: transparent transparent transparent #c00;
}
body #sephora-lipstain .bloc-bg-black{
	line-height: 24px;
	color:#fff;
	background:#000;
	margin:25px auto;
	display:table;
	width: 100%;
	padding: 15px;
	position: relative;
	text-transform: uppercase;
	font-family: "Avalon-Demi";
	font-size: 24px;
	box-sizing: border-box;
	letter-spacing: 4px;
}
#sephora-lipstain #bloc-liens{
	display:table;
	width: 100%;
	margin:0 auto;
	padding-left: 0px;
	text-align: center;
}
#sephora-lipstain .lien-fini{
	text-align:center;
	display: inline-table;
	/* float:left; */
	text-decoration:none;
	color:#000;
	font-size: 14px;
	text-transform:uppercase;
	position:relative;
	padding-right: 20px;
	margin: 0 20px 10px 20px;
	white-space: nowrap;
}
#sephora-lipstain .lien-fini:before{
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0px 4px 5px;
    border-color: transparent transparent transparent #000;
}
#liens-teintes{
	width:100%;
	margin: 10px auto;
	display: table;
	padding: 0;

}
#sephora-lipstain #footer-produit a#lienbrillant,
#sephora-lipstain #footer-produit a#lienmetal{
	display:none;
}
#liens-teintes,
#liens-teintes li{
	list-style-type: none;
}
#liens-teintes li{
	float:left;
	text-align:center;
	display:table;
	box-sizing:border-box;
	padding: 2px;
	margin: 2px;
	min-width: 190px;
}
#liens-teintes li a{
	color:#000;
	box-sizing:border-box;
	padding: 10px 4px;
	text-decoration:none;
	border:1px solid #000;
	display: table;
	width: 100%;
	text-transform:uppercase;
	font-size: 3.7vw;
	white-space: nowrap;
}
#sephora-lipstain #bloc-produits .title{
	margin-top:10px;
	display: table;
	margin-bottom: 30px;
}
#sephora-lipstain #bloc-produits .title > p{
	margin-top: -20px;
}
#sephora-lipstain div#etapes{
	padding:10px 0;
}
#etapes .etape{
	padding:0;
	margin: 0 auto;
}
#etapes .etape.actif{
	display:block!important;
}
#etapes .etape .title{
	margin-top: 35px;
	padding: 10px 20px;
}
#etapes .etape .desc{
	display:table;
	text-align:left;
	padding: 0;
	vertical-align: middle;
	max-width: 490px;
	margin-bottom: 30px;
}
#etapes .etape .title p{
}
#pagination-etapes{
	margin:0 auto;
	padding:0;
	display:table;
	width:270px;
}
#pagination-etapes li{
	list-style-type:none;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	text-align:center;
	margin-right: 10px;
	float:left;
	display:table;
    height: 30px;
    width: 28px;
	font-size: 28px;
    -webkit-transition: background-color 0.5s; /* Safari */
    transition: background-color 0.5s;
}
#pagination-etapes li:first-child{
}
#pagination-etapes li:last-child{
	margin:0;
}
#pagination-etapes li.actif,
#pagination-etapes li:hover{
	list-style-type:none;
	background-color:#000;
	border:1px solid #000;
	color:#fff;
}
#pagination-etapes li:hover{
	cursor:pointer
}
#etapes .etape .desc img,
#etapes .etape .desc div{
	/* float:left; */
	padding:0;
	display: table-cell;
	vertical-align: middle;
	width: 60%;
}
#etapes .etape .desc img{
	margin-top: 20px;
	width: 100%;
}
#etapes .etape .desc p,
#etapes .etape .desc span{
	display:block;
	text-align:left;
	padding: 0;
}
#etapes a{
	color:#000;
	text-decoration:none;
}
#etapes .etape .desc p{
	min-width: 100px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 18px;
	line-height: 15px;
	width: 100%;
}
#bloc-videos ,
#bloc-videos >.bloc-video{
	display:table;
	width:100%;
	background: #000;
	color: #fff;
	box-sizing: border-box;
	padding: 10px 10px;
	margin: 20px auto 80px auto;
}
#bloc-videos >.bloc-video > a:first-of-type{
	margin-top:20px;
}
#bloc-videos >.bloc-video > a,
#bloc-videos >.bloc-video > a > img{
	width:100%;
	display:block;
	margin:0 auto;
}
#sephora-lipstain #bloc-videos >.bloc-video > .title{
	font-size: 17px;
	text-align:center;
	border: 0;
	letter-spacing:0.6px;
	text-align: left;
	margin: 0;
	padding-left: 8px;
	padding-right: 0;
	padding-bottom: 20px;
}
#bloc-produits{/* display:table; */width:100%;margin-bottom: 40px;margin-top: 50px;}
#prix-produit-teinte{display:none;}
#liste-teintes{
	margin:0;
	padding: 20px 0 23px 0;
	/* display: flex; */
}
#liste-teintes li{
	list-style-type:none;
	display: table;
	height: 66px;
	margin-right: 0px;
	width: 66px;
	float: left;
}
#liste-teintes li a{
	display: block;
	width: 60px;
	height: 60px;
	text-decoration:none;
	border:3px solid #fff;
     box-sizing: border-box;
}
#liste-teintes li a.actif,
#liste-teintes li a:hover{
	border:3px solid #000;
	border-radius: 4px;
}
#bloc-produit{
	display:table;
	width:100%;
}
#bloc-produit img{
	display:block;
}
#bloc-produit #img-bouche{
	width:70%;
	float:left;
}
#bloc-produit #img-produit{
	width:30%;
	float:right;
}
#bloc-produit #nom-produit{
	display:table;
	float:left;
	width: 80%;
	text-align:left;
	font-size: 14px;
	text-transform: uppercase;
	let;
	letter-spacing: 1px;
	margin: 10px 0 10px 10px;
	text-indent: 5px;
}
#sephora-lipstain #bloc-produit #nom-produit strong{
	font-size:15px;
}
#footer-produit{
	width: 100%;
	clear:both;
	margin: 0 auto;
	display: table;
	position: relative;
}

body #sephora-lipstain #footer-produit > a.cta{

margin: 20px 0 15px 10px;

float: none;

display: table;
}
#footer-produit a,
#footer-produit div{
	display:block;
	float:left;
}


#sephora-lipstain #etapes a.cta, #sephora-lipstain #footer-produit a.cta,#sephora-lipstain  a.cta{
	background:black;
	color:#fff;
	padding: 10px 10px 10px 0px;
	text-decoration:none;
	display: table;
	font-family: 'Avalon-Demi';
	letter-spacing: 0.7px;
	font-size: 15px;
	margin:  0 auto;
	position: relative;
	text-transform: uppercase;
	height: auto;
	line-height: 40px;
	width: auto;
	height: 40px;
	box-sizing: border-box;
	padding: 0px 30px 0px 10px;
}
#sephora-lipstain #etapes a.cta{
	width:auto;
	padding-left:10px;
	padding-right:25px;
	margin:20px auto;
}
#sephora-lipstain #etapes a.cta:before, #sephora-lipstain #footer-produit a.cta:before, #sephora-lipstain a.cta:before{
	    content: "";
	    display: block;
	    position: absolute;
	    top: 50%;
	    right: 12px;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 6px 0 6px 9px;
	    border-color: transparent transparent transparent #c00;
	    margin-top: -7px;
}
#sephora-lipstain #footer-produit .coupdecoeur{
	text-decoration:none;
	color:#000;
	font-size:40px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: center;
}
#sephora-lipstain #footer-produit #bloc-prix{
	/* box-sizing:border-box; */
	padding: 0;
	background: black;
	color: #fff;
	text-align: center;
	height: auto;
	line-height: 1;
	float: left;
	height: 40px;
	display: table;
	margin: 0 0  0 10px;
}
#bloc-prix strong{
	font-size: 22px;
	letter-spacing: 3px;
}
#bloc-prix small{
    font-size: 9px;
    letter-spacing: 0.8px;
}
#bloc-prix strong,
#bloc-prix small{
	display:block;
	margin: 0;
	padding:0;
}
.bloc-com {border-bottom:1px solid #DDD;padding-bottom:20px;margin:20px 0 20px 0;}
.bloc-com:last-of-type{border-bottom:0;}
.bloc-com .etoiles{display: table;float: left;height: 40px;line-height: 40px;margin-right: 10px;color: #c00;font-size: 5vw;}
#sephora-lipstain  .bloc-com .title{border: 0;float: left;text-align: left;width: auto;display: table;font-size: 4.7vw;    line-height: 30px;}
.bloc-com p{width: 100%;display: table;text-align: left;clear: both;}
#broken-glass,.mfp-arrow{-webkit-tap-highlight-color:transparent}#markdown-toc .active a,#markdown-toc a,.example a,.example a:hover,.share-buttons a,a.popup-link,a.popup-link:hover{text-decoration:none}.c,.c1,.cm,.cp,.cs,.ge{font-style:italic}.gc3,.grid-c,.mfp-bg{overflow:hidden}#markdown-toc,.mfp-wrap{-webkit-backface-visibility:hidden}.mfp-preloader{font-size:13px}.get-code-window{position:relative;background:#FFF;padding:2em 3em;width:auto;margin:20px auto;max-width:600px}#magnific_popup_documentation{font-size:3em;margin-bottom:1em;font-weight:700;text-align:center}.grid-c h3{margin-top:0}.grid-c p{margin-bottom:.5em}.grid-c{clear:both;margin:0 -1em}.gc3{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;float:left;padding:1em}#main-wrapper,.mfp-container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.grid-c .gc3:nth-of-type(2n+1){clear:left}h1#magnific-popup-docs{display:none}#broken-glass{height:100%;position:absolute;left:0;top:0;width:100%}h2.intro{font-size:22px;line-height:1.2;font-weight:400;border:0;margin-top:0}#header-links{font-size:16px}#markdown-toc{position:fixed;left:0;top:50px;padding:20px;background:rgba(255,255,255,.71);list-style:none}#markdown-toc a[href="#magnific-popup-docs"],#markdown-toc ul ul{display:none}#markdown-toc ul{list-style:none;margin:0;padding:0}#markdown-toc:before{content:'Table of contents';font-weight:700;display:block;margin-bottom:10px}@media all and (max-width:75em){#markdown-toc{position:static;padding:0;background:0 0}}#main-wrapper,.embed-form,.example{position:relative}#markdown-toc a{border-bottom:1px dotted}#markdown-toc .active a{color:#666}#mc_embed_signup{max-width:350px;padding:32px;background:#EEE}#mc_embed_signup input[type=email]{border:1px solid #CCC;border-top:1px solid #999;padding:5px;font-size:18px;width:200px;margin-right:10px;height:25px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}#mc_embed_signup input[type=email]:focus{background-color:#FFF;border:1px solid #3169B3;box-shadow:#3169B3 0 0 5px;-moz-box-shadow:#3169B3 0 0 5px;-webkit-box-shadow:#3169B3 0 0 5px;outline:0}#mc_embed_signup input[type=submit]{border:1px solid #3169B3;font-size:13px;font-weight:700;color:#FFF;height:auto;padding:8px 13px;cursor:pointer;background-color:#3169B3;display:inline-block;width:auto;-webkit-appearance:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;vertical-align:top}#mc_embed_signup p{font-size:15px;color:#4F4F4F}#main-wrapper{background:0 0;max-width:800px;width:100%;margin:2em auto 4em;padding:0 3em 3em;box-sizing:border-box}.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}#examples:after{content:'to view source click on the title of example';opacity:.4;font-weight:400;font-size:14px;margin-top:13px;float:right}.example{margin-bottom:20px}.example h3{display:inline-block;cursor:pointer;border-bottom:1px dotted #949494}.example h3:hover{color:#C00}.example h3:hover:after{content:'view source';padding-left:8px;color:#999;position:absolute;top:16px;font-family:Consolas,"Liberation Mono",Courier,monospace;font-size:12px}.mfp-container:before,.mfp-figure:after,.smashing-link:before{content:''}.square-tmb{margin:0 10px 0 0;cursor:pointer}.zoom-cursor{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.example a,a.popup-link{border-bottom:1px dotted}.example a{line-height:26px}.example p a{text-decoration:underline;border:0;line-height:1.6}#image-gallery a,#single-image{border-bottom:none}.not-ready-yet-notice{padding:20px;background:#EEE}#conditional-lightbox-notice{display:none}#logo-status{opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;width:100%;text-align:center}#logo-status.down{opacity:1}.grid-of-images a{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;border-bottom:0;height:75px;display:block;float:left;margin:0 5px 5px 0;width:75px}.grid-of-images a:hover{opacity:.9}code.def{padding:0;background:#FFF;border:0;display:block;margin-bottom:8px;margin-top:-10px;color:#A3A3A3}@media all and (max-width:50em){#logo h1{font-size:52px;margin-top:36px}}@media all and (max-width:30em){#examples:after{display:none}.gc3{width:100%}.grid-c .gc3:nth-of-type(2n+1){clear:none}#main-wrapper{padding:1em;margin-top:0}}@media all and (max-width:700px){.zoom-cursor{cursor:pointer}#conditional-lightbox-notice{display:block;padding:10px;background:#FFEAEA}}#logo-overlay{width:100%;height:75px;background:red;position:absolute;left:0;top:0;opacity:0}#mfp-build-tool{background:#FFF;padding:30px 40px 40px;max-width:500px;text-align:left;margin:10px auto;position:relative}#mfp-build-tool h2{margin-top:0;margin-bottom:.7em}#mfp-build-form label{display:block;margin-bottom:5px;min-height:18px;padding-left:18px}#mfp-build-form input[type=checkbox]{margin:3px 5px 3px -18px;line-height:normal;cursor:pointer;width:auto;float:left}#mfp-build-status{min-height:40px}#mfp-build-status .error{color:#830C0C}#mfp-build-status .success{color:#014B04}#mfp-build-status .progress{color:#000}#smashing{text-align:center;font-weight:700}#smashing a,#smashing strong{color:#EF4A35}#smashing a:hover{color:#FF9369}.smashing-link{margin-left:29px;position:relative}.smashing-link:before{display:inline-block;width:24px;height:24px;background:url(http://dimsemenov.com/images/sm-logo-24x24.png);position:absolute;top:-4px;left:-28px}#hackernews{margin-left:24px}#hackernews:before{background:url(http://dimsemenov.com/images/hn-logo-18x18.gif);width:18px;height:18px;top:-1px;left:-22px}.share-buttons{text-align:center;position:relative;margin:70px 0}.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0;height:100%;width:100%}.share-buttons h2{text-align:center;border:0}.share-buttons a{-moz-border-radius:2px;border-radius:2px;display:inline-block;padding:10px 20px;margin:10px;color:#FFF;background:#5AAF63;font-size:16px;line-height:22px;cursor:pointer}.share-buttons a:hover{opacity:.7}#tweet{background:#0096c4}#like{background:#3b5998}#gplus{background:#d34836}#vkcom{background:#6e8fb1}pre .comment,pre .diff .header,pre .javadoc,pre .template_comment{color:#998;font-style:italic}pre .css .rule .keyword,pre .javascript .title,pre .keyword,pre .nginx .title,pre .request,pre .status,pre .subst,pre .winutils{color:#333;font-weight:700}pre .hexcolor,pre .number,pre .ruby .constant{color:#099}pre .phpdoc,pre .string,pre .tag .value,pre .tex .formula{color:#D01040}pre .id,pre .title{color:#900;font-weight:700}pre .clojure .title,pre .javascript .title,pre .lisp .title,pre .subst{font-weight:400}pre .class .title,pre .haskell .type,pre .tex .command,pre .vhdl .literal{color:#458;font-weight:700}pre .django .tag .keyword,pre .rules .property,pre .tag,pre .tag .title{color:navy;font-weight:400}.cp,.cs,.k,.kc,.kd,.kn,.kp,.kr,.kt,.nc,.nd,.ne,.nf,.nl,.o,.ow,pre .cdata,pre .class,pre .doctype,pre .pi,pre .preprocessor,pre .shebang{font-weight:700}pre .attribute,pre .lisp .body,pre .variable{color:teal}pre .regexp{color:#009926}pre .class{color:#458}pre .built_in,pre .clojure .built_in,pre .lisp .title{color:#0086b3}pre .cdata,pre .doctype,pre .pi,pre .preprocessor,pre .shebang{color:#999}pre .deletion{background:#fdd}pre .addition{background:#dfd}pre .diff .change{background:#0086b3}pre .chunk{color:#aaa}#documentation-intro{background:#2b2b2b;text-align:center;padding:3em;width:100%;margin-left:-3em;margin-bottom:3em}#documentation-intro h1{color:#FFF;width:100%;text-align:center;font-size:44px;line-height:1.1em}#id1{display:none}#documentation-intro h1 a{text-decoration:none;color:#FFF}#documentation-intro p a{font-size:15px;color:#7CB5FF}#documentation-intro a:hover{opacity:.75;text-decoration:underline}.hll{background-color:#ffc}.c{color:#998}.err{color:#a61717;background-color:#e3d2d2}.k,.o{color:#000}.cm{color:#998}.cp{color:#999}.c1{color:#998}.cs{color:#999}.gd,.ge{color:#000}.gd{background-color:#fdd}.gr{color:#a00}.gh{color:#999}.gi{color:#000;background-color:#dfd}.go{color:#888}.gp{color:#555}.gs{font-weight:700}.gu{color:#aaa}.gt{color:#a00}.kc,.kd,.kn,.kp,.kr{color:#000}.kt{color:#458}.m{color:#099}.s{color:#d01040}.na{color:teal}.nb{color:#0086b3}.nc{color:#458}.no{color:teal}.nd{color:#3c5d5d}.ni{color:purple}.ne,.nf,.nl{color:#900}.nn{color:#555}.nt{color:navy}.nv{color:teal}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#099}.s2,.sb,.sc,.sd,.se,.sh,.si,.sx{color:#d01040}.sr{color:#009926}.s1{color:#d01040}.ss{color:#990073}.bp{color:#999}.vc,.vg,.vi{color:teal}.il{color:#099}.mfp-bg{z-index:1042;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

#sephora-lipstain #bloc-nuancier{
	margin: 130px auto 80px auto;
	width: calc(100% - 110px);
	max-width:1440px;
	height: 70px;
	display:block;
	position:relative;
}
#barNuancier{
	height: 100%;
	margin: 0 0 0 0px;
}
#cursor{
	width: 60px;
	height: 60px;
	position:absolute;
	top:-5px;
	left:5px;
	display:none;
	border:1px solid #fff;
}
#sephora-lipstain span.ui-slider-handle.ui-corner-all.ui-state-default{
	border:1px solid #fff;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(255,255,255,0.4), inset 0px 0px 13px 0px rgba(255,255,255,0.4);
	-moz-box-shadow: 0px 0px 13px 0px rgba(255,255,255,0.4), inset 0px 0px 13px 0px rgba(255,255,255,0.4);
	box-shadow: 0px 0px 13px 0px rgba(255,255,255,0.4), inset 0px 0px 13px 0px rgba(255,255,255,0.4);
	z-index: 9999999;
	position: absolute;
	top: -20px;
	height: 100px;
	width: 100px;
	background: #000;
	margin-left: -55px;
	outline:none;
	-moz-outline:none;
}
#container-bloc-resultat-produits,
#bloc-resultat-produits{
	display:table;
	margin:0 auto;
	/* width: max-content; */
	max-width: 1440px;
	position:relative;
	height: 400px;
}
#bloc-resultat-produits > div{
	width: 33.3%;
	float:left;
	box-sizing:border-box;
	padding:10px 30px;
	/* display:none; */
}

#bloc-resultat-produits .container{
	position:relative;
	display:table;
}
#bloc-resultat-produits > div > div.actif{
	display:table;
	width: auto;
}
#bloc-resultat-produits > div >  div .title-type{
	text-transform:uppercase;
	font-size:18px;
	width:100%;
	text-align:center;
}
#sephora-lipstain .bloc-title{text-transform: uppercase;display: table;margin: 0 auto;width: 100%;line-height: 50px;font-size: 35px;letter-spacing: 6px;margin-bottom: 50px;}
#sephora-lipstain .bloc-title span{font-size: 55px;text-transform: initial;line-height: 55px;}
#sephora-lipstain #bloc-choix {display: table;width: 100%;margin: 0px auto 80px auto;}
#sephora-lipstain #bloc-choix a{border:12px solid black;font-size: 25px;background: #000;float: left;width: calc(50% - 50px);padding-left: 180px;text-transform: uppercase;color: #fff;text-decoration: none;display: table;line-height: 52px;height: 122px;text-align: left;position: relative;background: #000 url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/imgchoix1.jpg") 0 0 no-repeat;box-sizing: border-box;}
#sephora-lipstain #bloc-choix a:last-of-type{background: #000 url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/imgchoix2.jpg") 0 0 no-repeat;}
#sephora-lipstain #bloc-choix a > span{font-size: 42px;float: right;display: table;text-transform: initial;margin: 0px 0 0px 0;position: absolute;left: 179px;bottom: 0px;line-height: 52px;}
#sephora-lipstain #bloc-choix > span{display: table;float: left;vertical-align: middle;font-family: "Avalon-Book";font-size: 24px;color: #000;line-height: 122px;text-transform: uppercase;height: 122px;width: 90px;}
#sephora-lipstain #bloc-choix a > span:before{content:"";position: absolute;right: -35px;top: 15px;background: transparent url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/triangleblanc.png") 0 0 no-repeat;width: 20px;height: 30px;}

	

	#bloc-resultat-produits > div > .title{
		width: 150px;
		color: #000;
		text-decoration: none;
		border: 1px solid #000;
		padding: 10px 20px;
		display: table;
		/* float: left; */
		x;
		box-sizing: border-box;
		text-transform: uppercase;
		margin: 0 auto;
	}
	
	#bloc-resultat-produits > div > div > .bloc-prods{
		width: 100%;
		display: none;
		float: left;
		margin-bottom: 80px;
	}
	#bloc-resultat-produits > div > div > .bloc-prods:first-of-type{
		display: table;
	}
	#bloc-resultat-produits  .img-produt{

background: transparent url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/bgproduitsteintes.png") center center no-repeat;

background-size: 100%;

max-width: 328px;

max-height: 407px;

box-sizing: border-box;

padding: 0px 20px 10px 20px;

display: table;

margin-bottom: 80px;
}
	#bloc-resultat-produits > div  .bloc-carres{
		position:absolute;
		left: 10px;
		top: 354px;
		width: 90%;
		height:65px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	#bloc-resultat-produits > div  .bloc-carres .carrecouleur{
		height:63px;
		width:63px;
		margin: 0 0px 20px 0px;
		white-space: nowrap;
		justify-content: center;
		flex: 0 0 65px;
		display: flex;
		border:2px solid #fff;
		cursor: pointer;
	}
	#bloc-resultat-produits > div  .bloc-carres .carrecouleur.actif{
		border:2px solid #000;
	}
	#bloc-resultat-produits > div  .bloc-prods  .img-bouche{
		width: 90%;
		margin:0 auto 25px auto;
	}
	#bloc-resultat-produits > div  .bloc-prods > div > img,
	#bloc-resultat-produits > div  .bloc-prods > p{
		display: table;
		margin:10px auto;
		width: 100%;
	}
	#bloc-resultat-produits > div > .bloc-prods > div > img{margin: 10px auto 0 auto;width: 100%;}

	@media screen and (min-width: 980px){
	#sephora-lipstain .header{
		width: 100%;
		z-index: 1;
		margin-bottom: 60px;
	}
	#sephora-lipstain div#prez #logo_collect_w{display:none;}
	#sephora-lipstain .header h1{
		color: #000;
		font-size: 36px;
		line-height: 40px;
	}
	body #sephora-lipstain .header h1 strong{
		font-size: 72px;
		line-height: 80px;
	}
	body #sephora-lipstain .header h1 span{
		font-size: 90px;
		margin-top: 30px;
	}
	#sephora-lipstain div#prez p{
		/* margin-bottom:0; */
		/* padding-bottom:0; */
		/* margin-top: 10px; */
	}
	#sephora-lipstain div#prez p:first-of-type{
		/* margin-top:90px; */
	}
	#sephora-lipstain div#prez p span{
		font-size: 50px;
	}
	#sephora-lipstain div#prez,#sephora-lipstain div#prez .contentLip{
	height: 310px;
	}
	#sephora-lipstain .bloc-collec{
		width: 47%;
		float:left;
		margin-top:50px;
		margin: 50px 0 50px 3%;
		padding: 0;
		position: relative;
	}
	#sephora-lipstain .bloc-collec .title{
	}
	#sephora-lipstain .bloc-collec .details{
		font-size: 32px;
		letter-spacing: 0.7px;
	}
	#sephora-lipstain .bloc-collec .details span{
		font-size: 50px;
	}
	#sephora-lipstain .bloc-collec .cta{
		padding: 10px 35px 10px 10px;
		font-family: "Avalon-Demi";
		font-size: 26px;
		float: right;
		margin: 20px 90px 0 0;
	}
	#sephora-lipstain .bloc-collec #cta-teintes-2{
		margin-right: 0;
		margin-left: 120px;
		float: left;
	}
	#sephora-lipstain .bloc-collec .cta:before{
		top: 16px;
		right: 10px;
		border-width: 10px 0 10px 12px;
	}
	#sephora-lipstain strong{
		font-size: 19px;
	}
	body #sephora-lipstain .bloc-bg-black{
		/* font-size: 28px; */
	}
	body #sephora-lipstain .bloc-bg-black{
		/* padding: 20px 220px; */
	}
	#bloc-collect-img-1{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/fini_mat_d.jpg");
	}
	#bloc-collect-img-2{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/fini_metal_d.jpg");
	}
	#sephora-lipstain > .bloc-collec:nth-child(0){
		margin-right:10px;
	}
	#sephora-lipstain .bloc-collec:last-of-type{
		margin-left:10px;
	}
	#sephora-lipstain div#prix-produit-teinte{
		display:table;
		width: auto;
		background: #000;
		color: #fff;
		font-size: 41px;
		font-family: "Avalon-Demi";
		position: absolute;
		bottom: 250px;
		left: -94px;
		padding: 0px 16px;
	}
	#sephora-lipstain #bloc-fini-teinte > .title{
	/* font-family: "Avalon-Demi"; */
	font-size: 24px;
	text-transform:uppercase;
	letter-spacing: 8px;
	}
	#sephora-lipstain #bloc-fini-teinte > img{
		/* content: url("../img/trio-mat.jpg"); */
		width: 100%;
		margin: 0px auto;
	}
	#sephora-lipstain #bloc-liens{
		width: 100%;
		padding-top: 0;
		margin-bottom: 10px;
	}
	#sephora-lipstain .lien-fini{
		margin: 0px 30px 30px 120px;
		font-size: 24px;
	}
	#sephora-lipstain .lien-fini:before{
		border-width: 8px 0px 8px 9px;
		top: 9px;
		right: 2px;
	}
	#liens-teintes{
		display:block;
		/* overflow:hidden; */
		width:860px;
		font-size: 22px;
		margin: 15px auto;
		padding-left: 16px;
	}
	#liens-teintes li a{
		padding:20px;
		font-size: 22px;
	}
	#bloc-produits{
		margin-top: 30px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: table;
	}

	#sephora-lipstain #bloc-produits .title{
		width:100%;
		display: table;
		margin: 30px auto;
		line-height: 100%;
	}
	#sephora-lipstain #bloc-produits .title > p{
		display: table;
	}
	#sephora-lipstain #bloc-produits .title p span{
		font-size: 48px;
		line-height: 48px;
	}
	#sephora-lipstain div#etapes{
		width: 100%;
		margin-bottom: 60px;
	}
	#sephora-lipstain #bloc-etapes-title h2{
		    width: calc(100% - 360px);
		    height: 157px;
		    font-size: 42px;
		    padding-top: 30px;
		    box-sizing: border-box;
		    margin: 0;
	}
	#sephora-lipstain #bloc-etapes-title h2 span{
	font-size: 64px;
	line-height: 74px;
	line-height: 90px;
	font-weight: normal;
	}
	#sephora-lipstain #bloc-etapes-title h2 strong{
	font-size: 35px;
	letter-spacing: 3.5px;
	margin-left: 18px;
	}
	#etapes .etape .title{
		margin-top: 50px;		
		font-size: 46px;
	}
	#etapes .etape .desc{
		max-width:980px;
		margin-bottom: 0;
	}
	#etapes .etape .desc img{
		width: 405px;
		margin: 0;
	}
	#etapes #etape1 .desc img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/etape_1_d.jpg");
	}
	#etapes #etape2 .desc img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/etape_2_d.jpg");
	}
	#etapes #etape3 .desc img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/etape_3_d.jpg");
	}
	#etapes #etape4 .desc img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/etape_4_d.jpg");
	}
	#etapes #etape5 .desc img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/etape_5_d.jpg");
	}
	#etapes #etape6 .desc img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/etape_6_d.jpg");
	}
	#etapes #etape7 .desc img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/etape_7_d.jpg");
	}
	#etapes .etape .desc div{
		margin:0;
	}
	#etapes .etape .desc > div > p{
		font-size: 30px;
		line-height: 37px;
	}
	#etapes .etape .desc > div > p span{
		font-size: 70px;
		line-height: 70px;
	}
	#sephora-lipstain > div#bloc-videos{
		padding:0;
	}
	#bloc-videos >.bloc-video{
		width: calc(33% - 60px);
		box-sizing: border-box;
		padding: 0 0px;
		float: left;
		margin: 0 30px;
	}
	#bloc-videos >.bloc-video:first-child{
		float: left;
	}
	#sephora-lipstain #bloc-videos >.bloc-video > .title{
		margin:40px auto;
		text-align:center;
		width: 100%;
		font-family: "Avalon-Book";
		font-weight: 300;
	}
	#sephora-lipstain #bloc-videos >.bloc-video > .title,
	#sephora-lipstain #bloc-videos >.bloc-video > .title strong{
		font-size: 19px;
		line-height: 26px;
		text-transform: uppercase;
		display: block;
		margin: 0 auto;
		letter-spacing: 3px;
	}
	#sephora-lipstain #bloc-videos >.bloc-video > .title{
		margin-top:10px;
		margin-bottom: 0;
		padding-bottom: 10px;
	}
	#pagination-etapes{
		margin:0 auto;
		padding:0;
		display:table;
		width: 408px;
	}
	#pagination-etapes li{
		margin-right: 20px;
		font-size: 30px;
		line-height: 39px;
		height: 39px;
		width: 39px;
	}
	#bloc-produit #nom-produit{
		font-size: 19px;
		text-transform:uppercase;
		letter-spacing:4px;
		margin: 20px 0 20px 0px;
	}
	#sephora-lipstain #bloc-produit #nom-produit strong{
		font-size: 23px;
	}
	#sephora-lipstain #footer-produit a.cta{
		padding: 0 40px 0 20px;
		letter-spacing: 2px;
		font-size: 23px;
		line-height: 24px;
		width: 46%;
		min-width: 170px;
		height: 50px;
		line-height: 50px;
		white-space: nowrap;
	}
	#sephora-lipstain #footer-produit a.cta:before{
		    margin-top: -10px;
		    right: 5%;
		    border-width: 10px 0 10px 12px;
	}
	#sephora-lipstain #footer-produit .coupdecoeur{		
		font-size:70px;
		line-height: 60px;
		height: 70px;
	}
	body #sephora-lipstain #footer-produit > a.cta{
	float: left;
	margin: 0;
	}
	#sephora-lipstain #footer-produit #bloc-prix{
		padding: 0;
		text-align: right;
		height: 50px;
		line-height: 50px;
		display: table;
		float: right;
		/* width: auto; */
		margin: 0;
	}
	#bloc-prix strong{
		margin: 0;
		text-align: center;
	}
	#bloc-prix small{
		font-size: 16px;
		margin: 0 0 3px 0;
		letter-spacing: 1px;
	}
	#liste-teintes {
    margin: 0 auto;
    width:860px;
    display: block;
    /* overflow:hidden; */
  }
 	#liste-teintes li{
 		/* height: 50px; */
 	}
	#bloc-produit {
		margin-bottom: 10px;
		width: 100%;
		margin: 0 auto;
	}
	#bloc-produit #nom-produit{margin-left:0;}
	body #bloc-produit > a:first-of-type {
		width: 70%;
		margin-left: 0px;
	}
	#sephora-lipstain #etapes a.cta{
		font-size:30px;
		padding: 20px 45px 20px 30px;
		margin: 20px auto 50px auto;
	}
	#sephora-lipstain #etapes a.cta:before{
		content: "";
		display: block;
		position: absolute;
		/* top: 20px; */
		right: 14px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 0 10px 13px;
		border-color: transparent transparent transparent #c00;
	}
	}
#bloc-avis{}
#bloc-avis .title{ }
#bloc-avis .title p{font-size: 34px;line-height: 50px;}
#bloc-avis .title p span{font-size: 50px;font-weight: normal;margin-left: 10px;}
.bloc-com {
    border: 0;
}
.bloc-com:last-of-type{}
.bloc-com .etoiles{
    font-size: 30px;
    height: 30px;
    line-height: 30px;
}
#sephora-lipstain  .bloc-com .title{
    line-height: 30px;
	font-size: 24px;
    /* clear: both; */
    font-family: "Avalon-Demi";
    margin-top: 0px;
    margin-bottom: 20px;
	}
	#sephora-lipstain div#bloc-fini-teinte{
		width:100%;
	}
	.bloc-com p{
		font-size: 18px;
	}
	#bloc-produit > a{
			display:table;
			float:left;
			width:30%;
	}
	#bloc-produit > a:first-of-type{
			width: calc(70% - 10px);
			margin-left: 10px;
	}
	#bloc-produit > a img#img-produit,
	#bloc-produit > a img#img-bouche{
			width:100%;
	}
@keyframes no-hover-v {
  0% {
      width:0;
	  height: 2px;
     }
  20% {   
      opacity: 1;
	  height: 2px;
     }
  
  40% {
      width:100%;
      opacity: .02;
	  height: 2px;
     }
  
  100% {
      width:100%;
      opacity: .02;
	  height: 2px;
     }
}
@keyframes no-hover-v2 {
	0%{
      width:0;
	  height: 2px;
     }
   40% {
      width:0;
	  height: 2px;
     }
   70% {
      opacity: 1;
     }
  
  100% {
      width:100%;
      opacity: .02;
	  height: 2px;
     }
}
#bloc-liens .lien-fini{
	position:relative;
}
#bloc-liens .lien-fini:after {
  content: "";
  background: #000;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  z-index: -1;
}
#bloc-liens .lien-fini:focus:after,
#bloc-liens .lien-fini:after {
  animation: 2.5s forwards no-hover-v2 infinite;
  animation-fill-mode: forwards;
}
#bloc-liens .lien-fini:first-of-type:focus:after,
#bloc-liens .lien-fini:first-of-type:after {
  animation: 2.5s forwards no-hover-v infinite;
  animation-fill-mode: forwards;
}
#bloc-liens .lien-fini:hover:after {
  display:none;
  animation:none;
}
.blocSlider{
	width:860px;
	display:block;
	margin:0 auto;
}
#bloc-produits .blocSlider,
#bloc-produits .blocSlider #liste-teintes{
	height:70px;
	box-sizing:border-box;
	padding:0;
}
body #sephora-lipstain li.inactif,
body #sephora-lipstain li.inactif a,
body #sephora-lipstain a.inactif,
.inactif{
	cursor:default;
}
.ui-slider-handle.ui-corner-all.ui-state-default:before{
	content:"";
	height: 40px;
	width: 40px;
	position:absolute;
	background: black;
	border-radius: 40px;
	top: -83px;
	left: 50%;
	margin-left: -20px;
}
.ui-slider-handle.ui-corner-all.ui-state-default:after{
	position:absolute;
	content:"";
	height: 35px;
	width: 3px;
	background: black;
	top: -40px;
	left: 50%;
	margin-left: -1.5px;
}
#sephora-lipstain 	#liens-teintes,
#sephora-lipstain 	#liens-teintes .slick-list{ 
	height:75px;
}
#sephora-lipstain 	#liste-teintes .slick-slide,
#sephora-lipstain 	#liens-teintes .slick-slide{
	
	float: left;
	height: auto;
	min-height: 1px;
} 
#btn-prev-teinte-mobile,
#btn-next-teinte-mobile{
	display:none;
}
@media screen and (max-width: 768px){
	body{
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#sephora-lipstain.ios{
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
		z-index:1;
		width:100%;
	}
	.ios, .ios * {
		cursor: pointer;
	}
	.ios #bloc-produits .slick-track {
		padding-left: 15px !important;
	}
	.ios .blocSlider .slick-prev {
		margin-top: -8px !important;
		left: -15px !important;
		width: 11px !important;
		height: 30px !important;
		background-size: 150% !important;
	}
	.ios .blocSlider .slick-next {
		right: -24px !important;
		width: 11px !important;
		height: 30px !important;
		background-size: 200% !important;
	}
	.ios #bloc-produits .slick-prev {
		margin-top: -8px !important;
		left: -10px !important;
		width: 11px !important;
		height: 30px !important;
		background-size: 150% !important;
	}
	.ios #bloc-produits .slick-next {
		right: -28px !important;
		width: 11px !important;
		height: 30px !important;
		background-size: 200% !important;
	}

	

	

	body #container-bloc-resultat-produits a#btn-prev-teinte-mobile,
	body #container-bloc-resultat-produits a#btn-next-teinte-mobile{
		display:table;
		width:20px;
		height:30px;
		background:red;
		position: absolute;
		top:50%;
		margin-top:-10px;
		right: 0px;
		z-index: 99999999;
	}
	/* body #container-bloc-resultat-produits > p{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		z-index: 0;
	} */
	body #container-bloc-resultat-produits a#btn-next-teinte-mobile{
		background: url(https://www.sephora.fr/eStore-webMaster/images/common/homepage/fleches_carousel.png) no-repeat -33px -2px;
		background-size: 230%;
	}
	body #container-bloc-resultat-produits  a#btn-prev-teinte-mobile{
		background: url(https://www.sephora.fr/eStore-webMaster/images/common/homepage/fleches_carousel.png) no-repeat 6px -2px;
		background-size: 230%;
		display:none;
		left: 0px;
		right:auto;
	}
	#sephora-lipstain div#prez, #sephora-lipstain #logo_collect img, #sephora-lipstain div#prez #img-prez, #sephora-lipstain div#prez #img-prez img, #sephora-lipstain div#prez #text-prez, #bloc-fini-teinte > img, .bloc-collec > a > img{
		width:100%;
	}
	#bloc-resultat-produits > div .bloc-prods > div > img, #bloc-resultat-produits > div .bloc-prods > p{
		width:80%;
	}
	#sephora-lipstain #bloc-choix a{
		width: calc(100% - 40px);
		float:none;
		clear:both;
		margin:20px auto;
	}
	#sephora-lipstain #logo_collect{
		margin:0 auto 20px auto;
		background:#000;
	}
	#sephora-lipstain #logo_collect img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/logo_noir.jpg");
	}
	#sephora-lipstain div#prez{
		padding:0 20px;
	}
	#sephora-lipstain div#prez #img-prez img{
		content:url("http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/lipsAnim.gif");
		margin-top: -30px;
	}
	#sephora-lipstain div#prez #text-prez #prix-prez{
		position:relative;
		bottom:auto;
		left:auto;
		margin:20px auto;
		display:table;
	}
	#sephora-lipstain .bloc-com .title {
		border: 0;
		float: left;
		text-align: left;
		width: auto;
		display: table;
		font-size: 4.7vw;
		line-height: 30px;
	}
	.bloc-com p {
		padding:0 10px;
		box-sizing:border-box;
		font-size: 4vw;
		line-height:5vw;
	}
	.bloc-com .etoiles {
		display: table;
		float: left;
		height: 40px;
		line-height: 40px;
		margin-left: 10px;
		margin-right: 10px;
		color: #c00;
		font-size: 5vw;
	}
	#sephora-lipstain div#etapes,
	#sephora-lipstain .header {
		margin-bottom:30px;
	}
	#sephora-lipstain #bloc-nuancier,
	#sephora-lipstain div#prez #logo_collect_w img, .bloc-collec > img{
		width:calc(100% - 40px);
		padding-left:0;
		padding-right:0;
	}
	#bloc-resultat-produits > div{
		padding:10px 0;
		height: auto;
		clear: both;
		/* float: none; */
		width: 90vw;
		flex: 0 0 90vw;
		margin-top: 0px;
		/* display: table; */
		height: 460px;
		margin: 0 5vw;
		z-index: 1;
	}
	#bloc-resultat-produits .img-produt {
    	background: transparent url(http://static.sephora.fr/www/webmaster/marques/sephora/shadefinder/img/bgproduitsteintes.png) center center no-repeat;
    	background-size: 90%;
    	display: none;
 }
	body #bloc-resultat-produits > div .bloc-carres{
		width: 90%;
	}
	 #bloc-resultat-produits > div .container{
		display: table;
		width: 90%;
		height: auto;
		margin: 20px auto 0 auto;
		cursor: pointer;
	}
	#bloc-resultat-produits > div > div > .bloc-prods {
		width: 100%;
		margin-bottom: 0px;
		margin-left: 0px;
		float: left;
		padding: 0 7px;
		height: 400px;
		display: table;
		box-sizing: border-box;
	}
	#bloc-resultat-produits > div .bloc-prods .img-bouche {
		margin: 30px auto 25px auto;
	}
	#sephora-lipstain #liste-teintes li,
	#sephora-lipstain #liste-teintes li a{
		height:40px;
		width:40px;
	}
	#bloc-resultat-produits{
		height: auto;
		min-height: 500px;
		overflow-y: hidden;
		overflow: scroll;
		width: 100vw;
		display: flex;
		align-items: center;
		flex-direction: row;
		padding-top: 0px;
	}
	#bloc-resultat-produits > div  .bloc-prods > p{
		height: auto;
		vertical-align:middle;
		margin-top: 90px;
	}
	body #sephora-lipstain .header h1 strong sup,
	#sephora-lipstain .header h1{
		font-size:6vw;
		line-height:8vw;
	}
	body #sephora-lipstain .header h1 strong {
		font-size: 10vw;
		line-height: 11vw;
		letter-spacing: 0.5px;
	}
	#sephora-lipstain .bloc-title {
		margin: 0 auto;
		line-height: 7vw;
		font-size: 5vw;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	#sephora-lipstain #bloc-choix{
		margin:10px auto;
	}
	#sephora-lipstain div#prez #text-prez p {
		font-size: 5vw;
		padding-bottom: 25px;
		line-height: 8vw;
		font-family: "Avalon-Book";
		padding-left: 0;
	}
	#sephora-lipstain span,
	#sephora-lipstain .bloc-title span {
		font-size: 9vw;
		text-transform: initial;
		line-height: 6vw;
	}
	#bloc-resultat-produits > div  .bloc-prods .carrecouleur{
		height:40px;
		width:40px;
		margin:20px auto;
	}
	#sephora-lipstain .bloc-prods a.cta {
		line-height: 50px;
		font-size: 16px;
		padding: 0 15px 0 0;
		width: 185px;
		position: relative;
		height: 50px;
		margin: 0 auto;
	}
	#sephora-lipstain #bloc-choix a:last-of-type,
	#sephora-lipstain #bloc-choix a{
		font-size: 4.1vw;
		padding-left: 42%;
		background-size: 45%;
		background-position: left center;
	}
	#sephora-lipstain #bloc-choix a > span {
		font-size: 8vw;
		position: initial;
		bottom: auto;
		left: auto;
		line-height: 8vw;
		padding: 0;
		float: left;
	}
	#sephora-lipstain #bloc-choix a > span:before {
		position: absolute;
		right: -6px;
		top: auto;
		width: 10px;
		height: 20px;
		background-size: 100%;
		bottom: 0px;
	}
	#sephora-lipstain #bloc-choix > span{
		clear:both;
		float:none;
		width:100%;
		margin:0 auto;
		text-align:center;
		height:auto;
		display:table;
		line-height: 20px;
		padding:5px 0;
	}
	.bx-viewport{
		margin:0 auto;
	}
	.bx-wrapper .bx-controls-direction .bx-next {
		right: -25px;
	}
	.bx-wrapper .bx-controls-direction .bx-prev {
		left: -25px;
	}
	.bx-wrapper .bx-controls-direction .bx-prev ,
	.bx-wrapper .bx-controls-direction .bx-next {
		width: 10px;
		height: 30px;
	}
	.bx-wrapper .bx-controls-direction .bx-next {
		background-position:-40px -2px;
	}
	.blocSlider{
		width: calc(100% - 30px);
	}
	#bloc-produits .blocSlider,
	#liste-teintes{
		height:90px;
	}
	#liens-teintes{
		height:40px;
	}
	#liens-teintes,
	#liste-teintes{
		width:calc(100vw - 40px);
		display:block;
	}
	#liens-teintes li{
		min-width:25vw;
		width:25vw;
	}
	#bloc-videos, #bloc-videos >.bloc-video{
		max-width:300px;
		background:none;
		margin-bottom:10px;
		margin-top:10px;
		color:#000;
	}
	#sephora-lipstain #bloc-videos >.bloc-video > .title{
		text-align:center;
		margin:10px auto 0 auto;
	}
	#sephora-lipstain .lien-fini {
		margin: 0 3vw 10px 3vw;
	}
	#bloc-videos >.bloc-video br{
		display:none;
	}
	#bloc-videos >.bloc-video strong{
		float:none;
		padding-left:5px;
		display:inline;
	}
	#sephora-lipstain #bloc-nuancier{
			height: 40px;
			display: block;
			margin: 75px auto 10px auto;
	}
	#sephora-lipstain span.ui-slider-handle.ui-corner-all.ui-state-default{
		width:50px;
		padding:0;
		height:50px;
		top:-5px;
		left:-30px;
		margin-left: -40px;
	}
	#barNuancier{
		margin-left: -5px;
		
	}
	.ui-slider-handle.ui-corner-all.ui-state-default:before {
		content: "";
		height: 30px;
		width: 30px;
		position: absolute;
		background: black;
		border-radius: 40px;
		top: -65px;
		left: 50%;
		margin-left: -15px;
	}
	.ui-slider-handle.ui-corner-all.ui-state-default:after {
		position: absolute;
		content: "";
		height: 26px;
		width: 3px;
		background: black;
		top: -30px;
		left: 50%;
		margin-left: -1.5px;
	}
	#sephora-lipstain 	#liens-teintes,
	#sephora-lipstain 	#liens-teintes .slick-list{
		height: 46px;
	}
	#sephora-lipstain 	#liste-teintes .slick-slide,
	#sephora-lipstain 	#liens-teintes .slick-slide{
        
        float: left;
        height: auto;
        min-height: 1px;
	} 
	#bloc-produits .blocSlider,#bloc-produits .blocSlider #liste-teintes{height:40px;margin-bottom:25px;}
	body .slick-slider .slick-next.slick-arrow {
		right: -20px;
		background: url(https://www.sephora.fr/eStore-webMaster/images/common/homepage/fleches_carousel.png) no-repeat -33px -2px;
		width: 11px;
		height: 20px;
		margin-top: -14px;
		background-size: 350%;
	}
	body .slick-slider .slick-prev.slick-arrow {
		left: -16px;
		background: url(https://www.sephora.fr/eStore-webMaster/images/common/homepage/fleches_carousel.png) no-repeat 2px -2px;
		width: 11px;
		height: 20px;
		background-size: 350%;
		margin-top: -14px;
		top: 50%;
	}
	
	
	
}


/* DIRECTION CONTROLS (NEXT / PREV) */
.slick-slider .slick-prev.slick-arrow {
  left: -20px;
  background:url(https://www.sephora.fr/eStore-webMaster/images/common/homepage/fleches_carousel.png) no-repeat -2px -2px;
}
/*
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}*/
.slick-slider .slick-next.slick-arrow {
  right: -40px;
  background: url(https://www.sephora.fr/eStore-webMaster/images/common/homepage/fleches_carousel.png) no-repeat -33px -2px;
}
.slick-slider  button.slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  outline: 0;
  width: 20px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
  border:0;
  background:0;
  text-indent: -5200px;
  cursor: pointer;
}
.mention{
	display:table;
	margin:20px 0;
	color: #333;
	font-size:13px;
}
.slick-slider  button.disabled {
  display: none;
}
.slick-slide{      
	float: left;
	height: auto;
	min-height: 1px;
} 
.ui-slider .ui-slider-range{
	background:none;
}


.carre348808:nth-child(3) {display: none !important;}
.carre397402:nth-child(3) {display: none !important;}
.carre348801:nth-child(2) {display: none !important;}
.carre348800:nth-child(2) {display: none !important;}
.carre348816:nth-child(3) {display: none !important;}
.carre397378:nth-child(1) {display: none !important;}
/* .carre348800:nth-child(1) {display: none !important;} */
.carre348816:nth-child(1) {display: none !important;}