#StickyWheel{
	display:none;	
}
@media only screen and (max-width:761px) {
#StickyWheel{
	position:fixed;
	display:inline-block;
	border-radius:50%;
	background-image:url(img/sticky.png);
	background-size:100% auto;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	left:0;
	top:50%;
	z-index:100;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	overflow:hidden;
	border:5px #FFF solid;
	transition:all ease-in-out 0.5s;
}
#StickyWheel.Opened{
	left:50%;
}
#StickyWheel img{
	width:100px;
	display:block;
	position:relative;
	transition:all ease-in-out 0.1s;
}
#StickyWheel.Opened img{
	width:179px;
	display:block;
	position:relative;
}
#StickyWheel a{
	display:none;
}
#StickyWheel.Opened a{
	position:absolute;
	top:50%;
	color:#000;
	left:50%;
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	display:inline-block;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:18px;
}
#StickyWheel a span{
	display:inline;
	border-bottom:1px solid #d4d4d4;
}
}
body, html{
	overflow-x:hidden;
}
.MyContent {
	display: block;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 1250px;
	min-width:320px;
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 60px;
	z-index: 1;
}
.MyContent *{
	 user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.MyContent a:active
{
   outline:none;
}
.MyContent *{
	/*-webkit-backface-visibility: hidden;*/
}

.MyContent .MyAnchorTag{
	display: block;
	height:50px;	
}

@media only screen and (max-width:761px) {
.MyContent .MyAnchorTag{
	
	
}
}

.MyContent a {
   outline: 0;
}
.MyContent .NotVisible{
	display: none;
	
}


.MyContent .MyBlock {
	display: block;
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 0;
	text-align: center;
	margin-bottom: 40px;
}

.MyContent .MyBlock .InlineBlock {
	display: inline-block;
	position: relative;
	/*width: calc(50% - 40px);
	font-size: 14px;
	vertical-align: middle;
	max-width: 450px;
	margin: 20px;*/
}

.MyContent .MyBlock .InlineBlock img{
	max-width:100%;
}



.MyContent .FullWidthBlock {
	margin: 0;
	padding: 0;
	width: 2000px;
	margin-left: -375px;
	text-align: center;
	display: block;
	position: relative;
}

@media only screen and (max-width:1249px) {
.MyContent .FullWidthBlock {
	/*margin-left: calc(50% - 800px);*/
	margin-left: 0;
	width: 100%;
}
}

@media only screen and (max-width:761px) {
.MyContent .FullWidthBlock {
	margin-left: 0;
	width: 100%;
}
}


/***************************************/

.MyContent .Btn-Link {
	text-align: center;
	background-color: #000;
	display: inline-block;
	color: #FFF;
	padding: 18px 30px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	/*border: 2px solid #e5e5e5;*/
	min-width: 16px;
	margin-top: 20px;
}
@media only screen and (max-width:761px) {
.MyContent .Btn-Link {
    display: block;
    white-space: nowrap;
}
}
/***************************************/
.MyContent  #Block-HEADER{
	background: linear-gradient(to right, #f6b7c1, #f6b7c1 40% , #f7c0cc 60% , #f8c2ce); /* Standard syntax */
	z-index:2;
}
.MyContent  #Block-HEADER .FloatingBox{
	position:absolute;
	left:50%;
	top:50%;
	padding:60px;
	max-width:390px;
	transform:translateY(-50%);
	text-align:left;
} 

@media only screen and (max-width:1249px) {
.MyContent  #Block-HEADER img{
	margin-left: -14%;
	width: 128%;
}
}
@media only screen and (max-width:761px) {
.MyContent  #Block-HEADER img{
	margin-left: -28%;
	width: 218%;
	max-width:1600px;
}
}
@media only screen and (max-width:761px) {
.MyContent  #Block-HEADER .FloatingBox{
	position:relative;
	left:auto;
	top:auto;
	padding:20px;
	max-width:761px;
	transform:none;
	text-align:center;
	background-color:#FFFFFF;
	display:block;
}
}
.MyContent  #Block-HEADER .FloatingBox p{
	margin:0;
	padding:0;
	color:#FFF;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	padding-bottom:20px;
		padding-top:30px;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-HEADER .FloatingBox p{
	color:#be0f34;
	text-align:center;
	font-size:14px;
	padding-top:0px;
	padding-bottom:5px;
}
}
.MyContent  #Block-HEADER .FloatingBox h1{
	margin:0;
	padding:0;
	color:#000;
	text-align:left;
	font-size:50px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
}
@media only screen and (max-width:761px) {
.MyContent  #Block-HEADER .FloatingBox h1{
	text-align:center;
	font-size:50px;
}
}
.MyContent  #Block-HEADER .FloatingBox h1 em{
	font-size:25px;
	font-style:normal;
	line-height:1em;
	display:block;
	padding-top:10px;
	
} 
@media only screen and (max-width:761px) {
	.MyContent  #Block-HEADER .FloatingBox h1 em{
	font-size:25px;
} 
} 
.MyContent  #Block-HEADER .FloatingBox h1 em span{
	font-style:italic;
} 
/***************************************/ 
.MyContent  #Block-INTRO h2 {
	margin:0px;
	padding:0px;
	color:#fca4bc;
	font-size:35px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
} 
@media only screen and (max-width:761px) {
	.MyContent  #Block-INTRO  {
	display:flex;
	flex-direction:column-reverse;
	} 
}
.MyContent  #Block-INTRO p {
	margin:0px;
	padding:0px;
	color:#000;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
	max-width:400px;
	display: inline-block;
	padding-top:22px;
	
} 
@media only screen and (max-width:761px) {
.MyContent  #Block-INTRO p {
	margin-left: auto;
	margin-right: auto;
		display:block;
	} 
}    
.MyContent  #Block-INTRO p a{
	color:#000;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	text-decoration:none;
} 
.MyContent  #Block-INTRO .InlineBlock {
	display: inline-block;
	position: relative;
	width: 50%;
	font-size: 14px;
	vertical-align: top;
	margin:0px;
	text-align:center;
}        
@media only screen and (max-width:761px) {
.MyContent  #Block-INTRO .InlineBlock {
		width: 100%;
		display:block;
	} 
}    
.MyContent  #Block-INTRO .InlineBlock:first-child {
	text-align:right;
	padding:60px;
	width:calc(50% - 140px);
	padding-top:163px;
	overflow:hidden;
	padding-bottom: 160px;
}  
@media only screen and (max-width:761px) {
	.MyContent  #Block-INTRO .InlineBlock:first-child {
	flex:2;
	width:calc(100% - 40px);
	text-align:center;
	padding:20px;

	} 
}
.MyContent  #Block-INTRO .InlineBlock:first-child::before {
    content: " ";
    position: absolute;
    background-image: url(img/tache-rose.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
    width: 160px;
    height: 180px;
    left: calc(50% - 28px);
    top: -52px;

}
@media only screen and (max-width:761px) {
.MyContent  #Block-INTRO .InlineBlock:first-child::before {
display:none;
} 


}  
.MyContent  #Block-INTRO .InlineBlock:first-child::after {
   content: " ";
	position: absolute;
	background-image: url(img/tache-peche-dark.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	width: 90px;
	height: 100px;
	left: calc(50% + 38px);
	bottom: 5px;
}  
@media only screen and (max-width:761px) {
	.MyContent  #Block-INTRO .InlineBlock:first-child::after {
display:none;
} 
}
.MyContent  #Block-INTRO .InlineBlock:last-child {
	text-align:left;
	width:calc(50% + 20px);
}  
.MyContent  #Block-INTRO .InlineBlock:last-child img{

		margin-top:-85px;
		
	} 
@media only screen and (max-width:761px) {
	.MyContent  #Block-INTRO .InlineBlock:last-child {
	flex:1;
		width: 100%;
			text-align:center;
	} 
	.MyContent  #Block-INTRO .InlineBlock:last-child img{

		max-width: 50%;
		margin-top:0;
	} 
}
.MyContent #Block-INTRO .InlineBlock:last-child::after {
	content: " ";
	position: absolute;
	background-image: url(img/tache-verte-small.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	width: 16%;
	height: 100px;
	left: 61%;
	bottom: 28%;
}
/***************************************/
.MyContent  #Block-TEINTES {
	margin-top:-60px;
	margin-bottom:0px;
}
.MyContent  #Block-TEINTES .Title-Circle{
	border-radius:50%;
	display:inline-block;
	position:relative;
	overflow:hidden;
	vertical-align:bottom;
	width:405px;
	height:405px;
	line-height:405px;
	background-color:#f7c0cc;
	font-size:0;
	z-index:2;
	text-align:center;

}
@media only screen and (max-width:761px) {
	.MyContent  #Block-TEINTES .Title-Circle{
	border-radius:50%;
	z-index:1;
	width:120vw;
	height:120vw;
	margin-left:-10vw;
	line-height:120vw;
}
}


.MyContent  #Block-TEINTES .InlineBlock {
	display: inline-block;
	position: relative;
	width: 50%;
	font-size: 14px;
	vertical-align: middle;
	margin:0px;
	text-align:center;
} 

.MyContent #Block-TEINTES .InlineBlock:first-child::before {
	content: " ";
	position: absolute;
	background-image: url(img/tache-corail.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	width: 260px;
	height: 330px;
	left: 80px;
	top: -60px;
	z-index: 1;
}
@media only screen and (max-width:761px) {
.MyContent #Block-TEINTES .InlineBlock:first-child::before {
	display: none;
} 
}
.MyContent #Block-TEINTES .InlineBlock:first-child::after {
	content: " ";
	position: absolute;
	background-image: url(img/tache-peche.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	width: 180px;
	height: 190px;
	left: calc(50% - 160px);
	bottom: -30px;
	z-index: 3;
}
@media only screen and (max-width:761px) {
.MyContent #Block-TEINTES .InlineBlock:first-child::after {
	display: none;
} 
}
.MyContent  #Block-TEINTES .InlineBlock:first-child {
	text-align:right;
	width:calc(50% + 20px);
}  
@media only screen and (max-width:761px) {
.MyContent  #Block-TEINTES .InlineBlock:first-child {
	display: block;
	position: relative;
	width: 100%;
	text-align:center;
	margin-bottom:-60vw;
	z-index:1;
} 
}
.MyContent  #Block-TEINTES .InlineBlock:last-child {

	padding-top:80px;
	width:calc(50% - 20px);
}  
@media only screen and (max-width:761px) {
.MyContent  #Block-TEINTES .InlineBlock:last-child {
	display: block;
	position: relative;
	width: 100%;
	text-align:center;
	z-index:2;
	background-color:#FFF;
	padding-top:0px;
} 
}
.MyContent  #Block-TEINTES .Title-Circle span{
	font-size:35px;
	line-height:1em;
	vertical-align:middle;
	display:inline-block;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-family:ClarinsRegular, Clarins;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-TEINTES .Title-Circle span{
		padding: 20px;
		padding-bottom: 65vw;
		vertical-align: bottom;
		width: 80vw;
}
}
.MyContent  #Block-TEINTES .Title-Circle span strong{
	border-radius:50%;
	background-color:#FFF;
	color:#f7c0cc;
	width:35px;
	height:35px;
	display:inline-block;
	line-height:30px;
}
.MyContent  #Block-TEINTES .InlineBlock ul{
	margin:0;
	display:block;
	max-width:370px;
	list-style:none;
	padding:20px;
	position:relative;
	padding-left:30px;
	font-size:14px;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-TEINTES .InlineBlock ul{
	margin:0;
	display:block;
	max-width:761px;
	list-style:none;
	padding:20px;
	position:relative;
	font-size:0px;
}
}
.MyContent  #Block-TEINTES .InlineBlock p{
	margin:0px;
	max-width:450px;
	text-align:left;
	font-size:14px;
	line-height:1.4em;
	position:relative;
	display:block;
	padding:20px;
	padding-top:0;
	padding-left:30px;
}
.MyContent  #Block-TEINTES .InlineBlock ul li{
	padding:0;
	margin:0;
	display:inline-block;
	width:33%;
	margin-bottom: 10px;
}
.MyContent  #Block-TEINTES .InlineBlock ul li img{
	width:100%;
	-webkit-transform:translateX(-10%);
	transform:translateX(-10%);
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-TEINTES .InlineBlock ul li img{
-webkit-transform:none;
	transform:none;
}
}
/***************************************/
.MyContent  #Block-COLOR-WHEEL{
	max-width:1050px;
	background-color:#FFFFFF;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL {
	display:flex;
	flex-direction:column;

} 
}
.MyContent  #Block-COLOR-WHEEL .InlineBlock {
	display: inline-block;
	position: relative;
	width: 45%;
	vertical-align: middle;
	margin:0px;
	text-align:center;
	z-index:1;
} 
@media only screen and (max-width:1023px) {
.MyContent  #Block-COLOR-WHEEL .InlineBlock {
	width: 40%;
} 
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL .InlineBlock {
	width:calc(100% - 40px);
	order:1;
	padding-left:20px;
	padding-right:20px;
} 
}
.MyContent  #Block-COLOR-WHEEL .InlineBlock:first-child {
	width: 27%;
} 
@media only screen and (max-width:1023px) {
.MyContent  #Block-COLOR-WHEEL .InlineBlock:first-child {
	width:20%;
} 
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL .InlineBlock:first-child {
	width:100%;
	order:2;
	padding-left:0px;
	padding-right:0px;
	height:60px;
	z-index:2;
	background-color:#FFF;
	
} 
}
.MyContent  #Block-COLOR-WHEEL .InlineBlock:last-child {
	width: 27%;
	vertical-align:top;
	padding-top:60px;
} 
@media only screen and (max-width:1023px) {
.MyContent  #Block-COLOR-WHEEL .InlineBlock:last-child {
	width: 40%;
		padding-top:0px;
} 
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL .InlineBlock:last-child {
	width:calc(100% - 40px);
	order:3;
} 
}
.MyContent  #Block-COLOR-WHEEL ul.Words{
	margin:0;
	padding:0;
	display:block;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL ul.Words {
	white-space:nowrap;
	

}
}
.MyContent  #Block-COLOR-WHEEL ul.Words li{
	margin:0;
	display:block;
	text-align:right;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color:#8b8b8b;
	text-transform:uppercase;
	font-size:14px;
	padding:8px;
	line-height:1em;
	padding-right:10px;
	
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL ul.Words li{
	display: inline-block;
	padding: 20px;
}
}
.MyContent  #Block-COLOR-WHEEL ul.Words li a{
	color:#8b8b8b;
	display:inline-block;
	text-decoration:none;
	
}
.MyContent  #Block-COLOR-WHEEL ul.Words li.Selected a{
	color:#000;
}


.MyContent  #Block-COLOR-WHEEL #WheelContainer{
	overflow:hidden;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL #WheelContainer{
	overflow:visible;
	background-image: url(img/SOS-Primers-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% auto;

}	
}
.MyContent  #Block-COLOR-WHEEL #WheelContainer::after{
	content:" ";
	position:absolute;
	background-color:#FFF;
	width:40px;
	height:40px;
	transform:translateX(-50%) scaleY(1.2) rotate(45deg) ;
	bottom:-32px;
	left:50%;
	box-shadow:-1px -2px 3px rgba(0,0,0,0.3);
}

.MyContent  #Block-COLOR-WHEEL #Wheel{
	display:inline-block;
	position:relative;
	width:100%;
	max-width:474px;
	
	
}
.MyContent  #Block-COLOR-WHEEL #Wheel img{
	width:100%;
}
.MyContent  #Block-COLOR-WHEEL #Wheel img[usemap="#WheelMap"]{
	width:466px;
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	transform-origin:center center;
	max-width:none;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-COLOR-WHEEL #Wheel{

	max-width:761px;
	

	
}
}
.MyContent  #Block-COLOR-WHEEL #Wheel.Anim{
	transition:transform ease-in-out 0.5s;
	
}

.MyContent  #Block-COLOR-WHEEL ul.Packshots{
	margin:0;
	padding:0;
	display:block;
	position:absolute;
	width:18%;
	bottom:10%;
	left:41%;
}
@media only screen and (max-width:761px) {
.MyContent #Block-COLOR-WHEEL ul.Packshots {
	bottom: calc(-70vw - 120px);
	left: 5vw;
	width: 30vw;
}
}
.MyContent  #Block-COLOR-WHEEL ul.Packshots li{
	display:inline-block;
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	text-align:center;
}
.MyContent  #Block-COLOR-WHEEL ul.Packshots li img{
	max-width:100%;
	display:block;
	opacity:0;
	transition:opacity 0.5s ease-in-out;

	
}
@media only screen and (max-width:761px) {
.MyContent #Block-COLOR-WHEEL ul.Packshots li img {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: none !important;
	max-height: 65vw;
	height: 65vw;
	margin-bottom: 5vw;
}
}
.MyContent  #Block-COLOR-WHEEL ul.Packshots li.Selected img{
	opacity:1;
}
.MyContent  #Block-COLOR-WHEEL ul.Texts{
	margin:0;
	padding:0;
	display:block;
	
}
@media only screen and (max-width:761px) {
.MyContent #Block-COLOR-WHEEL ul.Texts {
    padding-left: 35vw;
    width: 60vw;
	min-height:70vw;
}
}
.MyContent  #Block-COLOR-WHEEL ul.Texts li{
	display:none;
	text-align:left;
	padding-left:50px;
}
@media only screen and (max-width:1023px) {
	.MyContent  #Block-COLOR-WHEEL ul.Texts li{
	padding-left:20px;
}
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-COLOR-WHEEL ul.Texts li{
	padding-left:0px;
}
}
.MyContent  #Block-COLOR-WHEEL ul.Texts li img{
	/*margin-top:16px;
	margin-bottom:5px;*/
	width:24px;
	/*margin-left:-10px;*/
}
.MyContent  #Block-COLOR-WHEEL ul.Texts li h3{
	margin:0;
	padding:0;
	display:block;
	text-align:left;
	color:#be0f34;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	line-height:1em;
	font-weight:normal;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-COLOR-WHEEL ul.Texts li h3{
		width:90vw;
		margin-left:-35vw;
		text-align:center;
	}
}
.MyContent  #Block-COLOR-WHEEL ul.Texts li p{
	margin:0;
	padding:0;
	display:block;
	text-align:left;
	color:#000;
	font-size:14px;
	line-height:1.4em;
	padding-right:30px;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-COLOR-WHEEL ul.Texts li p:nth-child(2){
    width: 90vw;
	padding-right:0px;
    margin-left: -35vw;
    text-align: center;
}
}
.MyContent #Block-COLOR-WHEEL .BtnLink a{
	text-align: center;
	background-color: #000;
	display: inline-block;
	color: #FFF;
	padding: 18px 30px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	/*border: 2px solid #e5e5e5;*/
	min-width: 16px;
	margin-top: 10px;
	letter-spacing:0.12em;
}
.MyContent  #Block-COLOR-WHEEL ul.Texts li p.MyPrice{
	padding-top:20px;
	font-size:16px;
}
.MyContent  #Block-COLOR-WHEEL ul.Texts li.Selected{
	display:block;
}
/***************************************/
.MyContent  #Block-HOW-TO{
	max-width:1210px;
	padding-top:50px;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-HOW-TO{

	padding-top:0px;
}
}
.MyContent  #Block-HOW-TO h2{
	color:#be0F34;
	margin:0px;
	padding:0px;
	font-size:35px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
	margin-left:20px;
	margin-right:20px;
}
.MyContent  #Block-HOW-TO ul {
	margin:0px;
	padding:0px;
	display:block;
	vertical-align:top;
	list-style:none;
	text-align:center;
	font-size:14px;
}
.MyContent  #Block-HOW-TO ul li{
	padding:0px;
	/*width:33%;*/
	margin:0px;
	display:inline-block;
	vertical-align:top;	
	text-align:center;
}
.MyContent  #Block-HOW-TO ul li img{
	max-width:100%;
	position:relative;
	margin-bottom:15px;
}
.MyContent  #Block-HOW-TO ul li .TipsWrapper{
	padding:0px;
	max-width:360px;
	display:inline-block;
	margin:20px;
}
.MyContent  #Block-HOW-TO ul li .TipsWrapper h3{
	padding:0px;
	margin:0px;
	font-size:16px;
	line-height:1.4em;
	font-weight:normal;
	color:#be0f34;
	padding-bottom:5px;
}
.MyContent  #Block-HOW-TO ul li .TipsWrapper p{
	padding:0px;
	margin:0px;
	font-size:14px;
	line-height:1.4em;
}
/***************************************/
.MyContent  #Block-AVANTAGE{
	max-width:768px;
	text-align:center;
	background-color:#fff;

}
@media only screen and (max-width:1023px) {
	.MyContent  #Block-AVANTAGE{

		max-width:1024px;
}

}
@media only screen and (max-width:761px) {
	.MyContent  #Block-AVANTAGE{
			max-width:768px;
	margin-bottom:0px;text-align:center;
}

}
.MyContent #Block-AVANTAGE::before {
	content: " ";
	position: absolute;
	background-image: url(img/tache-rose.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	width: 170px;
	height: 330px;
	left: 320px;
	top: 30px;
	z-index: 3;
}
@media only screen and (max-width:1023px) {
.MyContent #Block-AVANTAGE::before {
	content: " ";
	position: absolute;
	background-image: url(img/tache-rose.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	width: 40vw;
	height: 45vw;
	left:85vw;
	top: 30px;
	z-index: 3;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
}
.MyContent #Block-AVANTAGE::after {
	content: " ";
	position: absolute;
	background-image: url(img/tache-verte.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	width: 270px;
	height: 280px;
	right: -50px;
	bottom: -40px;
	z-index: 4;
}
@media only screen and (max-width:1023px) {
	.MyContent #Block-AVANTAGE::after {
	display:none;
}
}
.MyContent  #Block-AVANTAGE .Packshot-Circle{
	width:340px;
	height:340px;
	border-radius:50%;
	overflow:hidden;
	margin:30px;
	margin-top:15px;
	display:inline-block;
	vertical-align:top;
}
@media only screen and (max-width:1023px) {
.MyContent  #Block-AVANTAGE .Packshot-Circle{
	width:40vw;
	height:40vw;
	border-radius:50%;
	overflow:hidden;
	margin-left:5vw;
	margin-right:0;
	margin-top:0;
	display:inline-block;
	vertical-align:top;
}
}
@media only screen and (max-width:761px) {
.MyContent  #Block-AVANTAGE .Packshot-Circle{
	width:80vw;
	height:80vw;
	border-radius:50%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	display:block;
	vertical-align:top;
}
}
.MyContent  #Block-AVANTAGE .Circle{
	width:420px;
	height:420px;
	border-radius:50%;
	overflow:hidden;
	margin:30px;
	margin-right:20px;
	margin-left:-80px;
	margin-top:80px;
	background-color:#fbf3e9;
	display:inline-block;
	vertical-align:top;
	line-height:420px;
	text-align:center;
}
@media only screen and (max-width:1023px) {
.MyContent #Block-AVANTAGE .Circle {
	width: 60vw;
	height: 60vw;
	border-radius: 50%;
	overflow: hidden;
	margin: 0;
	margin-right: 20vw;
	margin-left: -25vw;
	margin-top: 15vw;
	background-color: #fbf3e9;
	display: inline-block;
	vertical-align: top;
	line-height: 60vw;
	text-align: center;
}
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-AVANTAGE .Circle{
	width:auto;
	height:auto;
	border-radius:0;
	overflow:hidden;
	margin:20px;
	background-color:#FFF;
	display:block;
	vertical-align:top;
	line-height:1em;
	text-align:center;
}
}
.MyContent  #Block-AVANTAGE .Circle .Wrapper{
	vertical-align:middle;
	display:inline-block;
	font-size:14px;
	text-align:center;
	max-width:280px;	
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-AVANTAGE .Circle .Wrapper{

	max-width:761px;	
}
}
.MyContent  #Block-AVANTAGE .Circle .Wrapper h3{ 
	font-size:16px;	
	line-height:1.4em;
	color:#be0f34;
	font-weight:normal;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}
.MyContent  #Block-AVANTAGE .Circle .Wrapper p{ 
	font-size:14px;	
	line-height:1.4em;
	padding:0px;
	margin:0;
}
.MyContent  #Block-AVANTAGE .Packshot-Circle img{
	width:100%;
	display:block;
	position:relative;
}
.MyContent  #Block-AVANTAGE #DiscoverBtn{
	color:#f7c0cc;
	border:#f7c0cc 3px solid;
	line-height:40px;
	font-size:14px;
	display:inline-block;
	text-decoration:none;
	border-radius:23px;
	padding-left:50px;
	padding-right:18px;
	margin:30px;
	letter-spacing:0.04em;
	position:relative;
	cursor:pointer;
	
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-AVANTAGE #DiscoverBtn{
	margin:10px;
	white-space:nowrap;

}
}
.MyContent  #Block-AVANTAGE #DiscoverBtn span{
	content:" ";
	background-color:#f7c0cc;
	width:46px;
	height:46px;
	position:absolute;
	left:-3px;
	top:-3px;
	border-radius:23px;
	background-image:url(img/btn-arrow.png);
	background-repeat:no-repeat;
	background-position:right 4px center;
	
}
/***************************************/
.MyContent  #Block-SECRET-TIP{
	max-width:1024px;
	height:1px;
	transition:height ease-in-out 1s;
	overflow:hidden;
	margin-top:20px;
}

@media only screen and (max-width:761px) {
	.MyContent  #Block-SECRET-TIP{
	margin-top:-40px;
}

}
.MyContent  #Block-SECRET-TIP .Wrapper{
	padding-top:4px;
}

@media only screen and (max-width:761px) {
.MyContent  #Block-SECRET-TIP .Wrapper{
	padding-top:40px;
	
}

}
.MyContent  #Block-SECRET-TIP .Title-Circle{
	border-radius:50%;
	display:inline-block;
	position:relative;
	overflow:hidden;
	vertical-align:bottom;
	width:370px;
	height:370px;
	line-height:370px;
	background-color:#d0accf;
	font-size:0;
	margin-left:130px;
	margin-bottom:-240px;
	margin-right:calc(100% - 500px);
	z-index:1;
}
@media only screen and (max-width:1023px) {
.MyContent #Block-SECRET-TIP .Title-Circle {
	border-radius: 50%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
	width: 36vw;
	height: 36vw;
	line-height: 36vw;
	background-color: #d0accf;
	font-size: 0;
	margin-left: 22vw;
	margin-bottom: -23vw;
	margin-right: 42vw;
	z-index: 1;
}
}

@media only screen and (max-width:761px) {
.MyContent #Block-SECRET-TIP .Title-Circle {
	border-radius: 50%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
	width: 80vw;
	height: 80vw;
	line-height: 80vw;
	background-color: #d0accf;
	font-size: 0;
	margin-left: 10vw;
	margin-bottom: -40vw;
	margin-right: 10vw;
	z-index: 1;
}
}


.MyContent  #Block-SECRET-TIP .Title-Circle span{
	font-size:35px;
	line-height:1em;
	vertical-align:top;
	display:inline-block;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-family:ClarinsRegular, Clarins;
	padding-top:55px;
	
}
@media only screen and (max-width:1023px) {
	.MyContent  #Block-SECRET-TIP .Title-Circle span{
	font-size:3.4vw;
	line-height:1em;
	vertical-align:top;
	display:inline-block;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-family:ClarinsRegular, Clarins;
	padding-top:5.4vw;
	
}
	
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-SECRET-TIP .Title-Circle span{
	font-size:35px;
	padding-top:55px;
}
	
}
.MyContent  #Block-SECRET-TIP .Packshot-LisseMinute{
	border-radius:50%;
	display:inline-block;
	position:relative;
	overflow:hidden;
	vertical-align:middle;
	z-index:3;

}
@media only screen and (max-width:1023px) {
	.MyContent  #Block-SECRET-TIP .Packshot-LisseMinute{

	margin-left:4vw;
}
.MyContent  #Block-SECRET-TIP .Packshot-LisseMinute img{
width:30.8vw;
}
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-SECRET-TIP .Packshot-LisseMinute{

	margin-left:-10vw;
}
.MyContent  #Block-SECRET-TIP .Packshot-LisseMinute img{
width:60vw;
}
}
.MyContent  #Block-SECRET-TIP  .Plus-Circle{
	border-radius:50%;
	display:inline-block;
	position:absolute;
	width:88px;
	height:88px;
	color:#FFF;
	z-index:5;
	line-height:88px;
	background-color:#be0f34;
	top:150px;
	left:250px;
	font-size:70px;
}
@media only screen and (max-width:1023px) {
	.MyContent #Block-SECRET-TIP .Plus-Circle {
border-radius:50%;
	display:inline-block;
	position:absolute;
	width:8.5vw;
	height:8.5vw;
	color:#FFF;
	z-index:5;
	line-height:8.5vw;
	background-color:#be0f34;
	top:14.6vw;
	left:39vw;
	font-size:6.8vw;
}
	
}
@media only screen and (max-width:761px) {
	.MyContent #Block-SECRET-TIP .Plus-Circle {
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	width: 25vw;
	height: 25vw;
	color: #FFF;
	z-index: 5;
	line-height: 25vw;
	background-color: #be0f34;
	top: 35vw;
	left: calc(50% - 12.5vw);
	font-size: 15vw;
	font-family: Arial;
}
	
}
.MyContent  #Block-SECRET-TIP .Packshot-Primer{
	border-radius:50%;
	width:470px;
	height:470px;
	display:inline-block;
	position:relative;
	overflow:hidden;
	background-color:#fde7e6;
	vertical-align:middle;
	margin-left:-45px;
	z-index:2;
	margin-bottom:40px;
}
@media only screen and (max-width:1023px) {
	.MyContent #Block-SECRET-TIP .Packshot-Primer {
	border-radius: 50%;
	width: 45.8vw;
	height:45.8vw;
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #fde7e6;
	vertical-align: middle;
	margin-left: -4.3vw;
	z-index: 2;
	margin-bottom:3.9vw;
	
}
}
@media only screen and (max-width:761px) {
	.MyContent #Block-SECRET-TIP .Packshot-Primer {
	border-radius: 50%;
	width: 80vw;
	height: 80vw;
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #fde7e6;
	vertical-align: middle;
	margin-left: -10vw;
	z-index: 2;
	margin-bottom: 1vw;
	margin-right: -35vw;
}
}
.MyContent  #Block-SECRET-TIP .Packshot-Primer img{
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:translateX(-50%);
	transition:opacity 0.5s ease-in-out;
	opacity:0;

}
@media only screen and (max-width:1023px) {
	.MyContent  #Block-SECRET-TIP .Packshot-Primer img{
	width:13vw;

}
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-SECRET-TIP .Packshot-Primer img{

	width:22vw;
	margin-left:-5vw;
}
}
.MyContent  #Block-SECRET-TIP .Packshot-Primer img.Selected{
	opacity:1;
}
.MyContent #Block-SECRET-TIP .Text-Circle {
	border-radius: 50%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
	z-index: 3;
	margin-left: -120px;
	width: 231px;
	height: 231px;
	line-height: 231px;
	padding: 80px;
	background-color: #FFFFFF;
	border: 2px #eecea5 solid;
	font-size: 0;
}

@media only screen and (max-width:1023px) {
	.MyContent #Block-SECRET-TIP .Text-Circle {
	border-radius: 0;
	display: block;
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
	z-index: 3;
	margin-left: 20px;
	width: calc(100% - 40px);
	height: auto;
	line-height: 1em;
	padding: 0px;
	background-color: #FFFFFF;
	border: 0px #eecea5 solid;
	font-size: 0;
	margin-top:20px;
}
	
}
.MyContent  #Block-SECRET-TIP .Text-Circle span{
	font-size:14px;
	line-height:1.4em;
	vertical-align:midddle;
	display:inline-block;
}

/***************************************/
.MyContent  #Block-RESULTS{
	max-width:670px;
	padding-top:40px;
}
@media only screen and (max-width:1023px) {
.MyContent  #Block-RESULTS{
	padding-top:0px;
	margin-bottom:0;
}	
}
.MyContent  #Block-RESULTS h2{
	color:#000;
	margin:0px;
	padding:0px;
	font-size:35px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
	margin-left:20px;
	margin-right:20px;
}
.MyContent  #Block-RESULTS ul {
	margin:0px;
	padding:0px;
	display:block;
	vertical-align:top;
	list-style:none;
	text-align:center;
	margin-top:56px;
	font-size:14px;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-RESULTS ul {
	margin-top:20px;
}
}
.MyContent  #Block-RESULTS ul li{
	padding:0px;
	width:33%;
	margin:0px;
	display:inline-block;
	vertical-align:top;	
	text-align:center;
	
}
@media only screen and (max-width:1023px) {
.MyContent  #Block-RESULTS ul li{	
		padding-bottom:0px;
}
}
@media only screen and (max-width:761px) {
.MyContent  #Block-RESULTS ul li{	
		padding-bottom:40px;
}
}
.MyContent  #Block-RESULTS p.Stat strong{
	width:114px;
	height:114px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	background-position:center center;
	font-size:30px;
	line-height:114px;
	text-align:center;
	color:#000;
	font-weight:normal;
}
.MyContent  #Block-RESULTS p.Stat{
	margin:0px;
	padding:0px;
	width:200px;
	display:inline-block;
	font-size:14px;
	line-height:1.4em;
}
.MyContent  #Block-RESULTS #Stat-80p strong{
	background-image:url(img/80p.svg);
}
.MyContent  #Block-RESULTS #Stat-90p strong{
	background-image:url(img/90p.svg);
}
.MyContent  #Block-RESULTS #Stat-79p strong{
	background-image:url(img/79p.svg);
}

.MyContent #Block-RESULTS .mentions{
padding:20px;
margin:0;
font-size:12px;
opacity:0.5;
margin-top:40px;

}
@media only screen and (max-width:1023px) {

.MyContent  #Block-RESULTS .mentions{
margin-top:0px;
}
}
@media only screen and (max-width:761px) {

.MyContent  #Block-RESULTS .mentions{
margin-top:0px;
padding-bottom:40px;
}
}
/***************************************/

.MyContent  #Block-INGREDIENT{
	background-repeat:no-repeat, no-repeat; 
	background-image:url(img/texture-rond.jpg), url(img/ingredient-lys.jpg);
	background-position:left 110px bottom 80px, right 0px bottom 20px;
	max-width:1200px;
	padding-top:1px;
	padding-bottom:215px;
}
@media only screen and (max-width:1023px) {
.MyContent  #Block-INGREDIENT{
	background-image:none, none;
	padding-bottom:20px;
	
}
}
.MyContent  #Block-INGREDIENT .FloatingBox{
	max-width:460px;
	padding:50px;
	border:5px solid #feded6;
	background-color:#FFF;
	padding-top:90px;
	margin-top:95px;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (max-width:1023px) {
.MyContent  #Block-INGREDIENT .FloatingBox{
	max-width:320px;
	padding:20px;
	padding-top:90px;
	background-image:url(img/ingredient-lys.jpg);
	background-position:bottom 20px center;
	background-repeat:no-repeat;
	padding-bottom:360px;
	background-size:auto 320px;
	
}
}
@media only screen and (max-width:761px) {
.MyContent  #Block-INGREDIENT .FloatingBox{
	margin-top:60px;
	width:calc(100% - 90px);
}
}
.MyContent  #Block-INGREDIENT h2{
	color:#000;
	margin:0px;
	padding:0px;
	font-size:35px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
	padding-bottom:20px;
	padding-top:25px;
}
.MyContent  #Block-INGREDIENT p{
	color:#000;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
	padding-bottom:10px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:360px;
}
.MyContent  #Block-INGREDIENT p.mentions{
	font-size:10px;
	opacity:0.5;
	margin-top:20px;
	padding-bottom:0px;
}
.MyContent  #Block-INGREDIENT p.Picto{
	margin:0;
	padding:0;
	width:133px;
	height:133px;
	margin-top:-160px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border-radius:80px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.MyContent  #Block-INGREDIENT .Picto img{
	width:100%;
	display:block;
	position:relative;
}

.MyContent #Block-INGREDIENT .ingredientName {
	display: block;
	position: absolute;
	font-size: 11px;
	bottom: 75px;
	left: calc(50% + 305px);
	text-align: left;
}
@media only screen and (max-width:1023px) {
	.MyContent #Block-INGREDIENT .ingredientName {
	display: block;
	position: absolute;
	font-size: 11px;
	bottom: 75px;
	left: 50%;
	text-align: left;
}
}

/***************************************/
.MyContent  #Block-TEXTURE{
	padding-top:0px;
}
.MyContent  #Block-TEXTURE h2{
	color:#000;
	margin:0px;
	padding:0px;
	font-size:35px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
	margin-left:20px;
	margin-right:20px;
}
.MyContent  #Block-TEXTURE .FloatingBox{
	max-width:1070px;
	padding:50px;
	border:1px solid #e8bdca;
	background-color:#FFF;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	background-image:url(img/texture.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	
	background-size: 50% auto;
	text-align:left;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-TEXTURE .FloatingBox{
	max-width:1070px;
	padding:20px;
	border:1px solid #e8bdca;
	background-color:#FFF;
	margin:20px;
	margin-top:30px;
	font-size:14px;
	background-image:url(img/texture.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size: 80% auto;
	text-align:left;
	width:auto;
	padding-top:45vw;
		padding-bottom:40px;
}
}
.MyContent  #Block-TEXTURE .FloatingBox p{
	margin:0;
	padding:0;
	width:calc(50% - 20px);
	margin-left:0px;
	display:block;
	text-align:right;
	padding-bottom:40px;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-TEXTURE .FloatingBox p{
	margin:0;
	padding:0;
	width:auto;
	display:block;
	text-align:center;
	padding-bottom:20px;
}
}
.MyContent  #Block-TEXTURE .FloatingBox p strong{
	color:#e8bdca;
	font-weight:normal;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:16px;
	display:block;
	padding-bottom:10px;
}
.MyContent  #Block-TEXTURE .FloatingBox p:last-child{
	padding-bottom:0px;
}
/***************************************/
	.MyContent  #Block-ROUTINE{
	padding-top:35px;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-ROUTINE{
	padding-top:0px;
}
}
.MyContent  #Block-ROUTINE h2{
	color:#000;
	margin:0px;
	padding:0px;
	font-size:35px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
}
.MyContent  #Block-ROUTINE .jcarousel {
	max-width:900px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;	
	margin-top:56px;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-ROUTINE .jcarousel {
	margin-top:20px;
}
}
.MyContent  #Block-ROUTINE ul {
	margin:0px;
	padding:0px;
	display:block;
	vertical-align:top;
	list-style:none;
	text-align:center;

	font-size:14px;
}

.MyContent  #Block-ROUTINE ul li{
	padding:0px;
	/*width:33%;*/
	margin:0px;
	display:inline-block;
	vertical-align:top;	
	text-align:center;

}

.MyContent  #Block-ROUTINE ul li .WrapperProduct{
	display:block;
	width:240px;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
}

.MyContent #Block-ROUTINE ul li h3{
	font-size:35px;
	font-family:ClarinsRegular, Clarins;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:1em;
	width:115%;
	margin-left:-20px;
}
.MyContent  #Block-ROUTINE ul li h3 span{
	font-size:35px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	color:#be0f34;
}
.MyContent  #Block-ROUTINE ul li .Packshot{
	display:block;
	width:202px;
	height:315px;
	font-size:0;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
}
.MyContent  #Block-ROUTINE ul li .Text{
	margin:0;
	padding:0;
	display:block;
	width:202px;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
	min-height:30px;
	padding-top:10px;
}
.MyContent  #Block-ROUTINE ul li .TextLink{
	display:block;
	width:202px;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
}
.MyContent  #Block-ROUTINE ul li .TextLink a{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	border-bottom:1px solid #CCC;
	color:#000;
}
.MyContent  #Block-ROUTINE ul li .Packshot img{
	position:absolute;
	display:block;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
}

.MyContent  .jcarousel-pagination{
	display:none;
}

@media only screen and (max-width:761px) {
.MyContent  .jcarousel-pagination{
	display:block;
	bottom:-20px;
}
}

.products-pagination.jcarousel-control-prev, .products-pagination.jcarousel-control-next{
	top:50%;
}
@media only screen and (max-width:761px) {
.products-pagination.jcarousel-control-prev, .products-pagination.jcarousel-control-next{
	display:none;
}
}

.MyContent #jcarousel-Stats .jcarousel-pagination{
	bottom:10px;
}
/***************************************/
/***************************************/
.MyContent  #Block-HEADER-PDP{
	background: linear-gradient(to right, #f6b7c1, #f6b7c1 40% , #f7c0cc 60% , #f8c2ce); /* Standard syntax */
	z-index:2;
}
@media only screen and (max-width:761px) {
.MyContent  #Block-HEADER-PDP img {
	margin-left: -79%;
	width: 218%;
	max-width: 1600px;
}
}
/*-------------------------------------------*/
.MyContent  #Block-PDP {
	
	margin-bottom:50px;
	
}


.MyContent  #Block-PDP h1{
	margin:20px;
	padding:0;
	color:#000;
	text-align:center;
	font-size:50px;
	font-weight:normal;
	line-height:1em;
	font-family:ClarinsRegular,Clarins; 
	margin-bottom:50px;
	
}

.MyContent  #Block-PDP h1 em{
	font-size:35px;
	font-style:normal;
	line-height:1em;
	display:block;
	padding-top:10px;
	
} 
.MyContent  #Block-PDP h1 em span{
	font-style:italic;
} 
.MyContent  #Block-PDP .InlineBlock{
	max-width:460px;
	width:calc(50% - 40px);
	margin:20px;
	font-size:14px;
	vertical-align:middle;
}
@media only screen and (max-width:761px) {
	.MyContent  #Block-PDP .InlineBlock{
	max-width:760px;
	width:calc(100% - 40px);
}
}
.MyContent  #Block-PDP .InlineBlock:first-child{
	text-align:right;
}

.MyContent  #Block-PDP .InlineBlock:last-child{
	text-align:left;
}
.MyContent  #Block-PDP .InlineBlock h2{
	margin:0;
	padding:0;
	color:#be0f34;
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	font-weight:normal;
	line-height:1em;
	padding-bottom:5px;
}
.MyContent  #Block-PDP .InlineBlock h3{
	margin:0;
	padding:0;
	color:#000;
	font-family:ClarinsRegular, Clarins;
	font-size:25px;
	font-weight:normal;
		line-height:1em;
}
.MyContent #Block-PDP p.Text{
	margin-top:20px;
	margin-bottom:20px
}
.MyContent #Block-PDP p.Mentions {
	font-size:10px;
	color:#8b8b8b;
}

.MyContent #Block-PDP ul.CheckBox {
	display: block;
	padding:20px;
	border:2px solid  #e8dacb;
	margin-top:20px;
}

@media screen and (max-width: 761px) {
.MyContent #Block-PDP ul.CheckBox {
	padding: 15px;
}
}
.MyContent #Block-PDP ul.CheckBox li {
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
	background-image: url(img/checkbox.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 38px;
	min-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 16px;
}

.MyContent #Block-HEADER {
   background: #f7c3cf !important;
}
.MyContent #Block-TEINTES {
 margin-top: auto !important;
}

.MyContent #Block-HEADER-PDP {
   background: #fbcbd7 !important;
}

main:not(.main-homepage) {
margin-top: 21px !important;
}

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 96px !important;
}

@media only screen and (max-width:1023px) {

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 50px !important;
}}
@media only screen and (max-width:761px) {

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 50px !important;
}}

.breadcrumb{
	display: block!important;
	margin-top: 21px!important;
}

@media only screen and (max-width: 761px){
	.breadcrumb{
		display: none;
	}
}