.MyContent {
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	max-width: 1170px;
	position: relative;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
}
.MyContent p {
	margin: 0;
}
/*----------------------------------------------------------------------*/
.MyContent figure {
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}
.MyContent figure .IngredientName {
	margin: 0;
	padding: 0;
	position: absolute;
	display: inline-block;
	font-size: 11px;
	line-height: 1.2em;
	z-index:3;
}
.MyContent figure .IngredientName:nth-child(1) {
	top: 31%;
	text-align: right;
	right: 82%;
}
.MyContent figure .IngredientName:nth-child(2) {
	top: 80%;
	text-align: left;
	left: 87%;
}
.MyContent .MyHeader{
	
	background-position: top center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:20px;
}
.MyContent #NUTRILUMIERE-PDP-01 {
	height: 387px;
	background-image: url(img/pdp-header-1.jpg);
}
.MyContent #NUTRILUMIERE-PDP-01-bis {
	height: 396px;
	background-image: url(img/pdp-header-2.jpg);
}
.MyContent #NUTRILUMIERE-PDP-01-ter {
	height:452px;
	background-image: url(img/pdp-header-3.jpg);
}
.MyContent .MyHeader .Wrapper {
	width: 400px;
	box-sizing: border-box;
	padding: 20px;
	margin-left: 400px;
	text-align: left;
}
.MyContent .MyHeader .Title {
	margin: 0;
	font-size: 35px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;	padding-bottom: 15px;
}
.MyContent #NUTRILUMIERE-PDP-02 {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.MyContent #NUTRILUMIERE-PDP-02 .Wrapper {
	box-sizing: border-box;
	padding: 20px;
	text-align: right;
	flex-basis: 365px;
}
.MyContent #NUTRILUMIERE-PDP-02 figure {
	max-width:731px;
}
.MyContent #NUTRILUMIERE-PDP-02 .Title {
	margin: 0;
	font-size: 35px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding-bottom: 15px;
}
.MyContent #NUTRILUMIERE-PDP-02 figure {
	margin-bottom: -150px;
	flex: 1;
	position:relative;
}
.MyContent #NUTRILUMIERE-PDP-02 figure img {
	max-width: 100%;display: block;
}
.MyContent #NUTRILUMIERE-PDP-02 .Visual {
    position: absolute;
    top: 10.6%;
    left: 23.6%;
    border-radius: 50%;
    width: 56%;
    /* height: 60%; */
    overflow: hidden;
    display: block;
}
.MyContent #NUTRILUMIERE-PDP-02 figure::after {
	content:" ";
	background-image:url(img/pdp-photo-1-anim-2.jpg);
	height:267px;
	width:267px;
	 border-radius: 50%;
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:2;
}
.MyContent #NUTRILUMIERE-PDP-02 .Visual img {
	max-width: 100%;
	transform:scale(1);
	transition:transform ease-in-out 0.5s;	
}
.MyContent #NUTRILUMIERE-PDP-02 .Visual:hover img {
	transform:scale(1.1);
}
.MyContent #NUTRILUMIERE-PDP-03 {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.MyContent #NUTRILUMIERE-PDP-03 .Wrapper {
	box-sizing: border-box;
	padding: 40px;
	text-align: left;
	order: 2;
	flex-basis: 400px;
}
.MyContent #NUTRILUMIERE-PDP-03 .Title {
	margin: 0;
	font-size: 35px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	padding-bottom: 15px;
}
.MyContent #NUTRILUMIERE-PDP-03 figure {
	order: 1;
	flex: 1;
	max-width:454px;
	overflow:hidden;
	border-radius:50%;
}

.MyContent #NUTRILUMIERE-PDP-03 figure img {
	max-width: 100%;
	transform:scale(1);
	transition:transform ease-in-out 0.5s;
	display:block;
}
.MyContent #NUTRILUMIERE-PDP-03 figure:hover img {
	transform:scale(1.1);
}
.MyContent #NUTRILUMIERE-PDP-04 {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 350px;
	background-image: url(img/pdp-footer.jpg);
	background-position: center top;
	margin-top: 50px;
}
.MyContent #NUTRILUMIERE-PDP-04 .BtnLink {
	margin: 0px;
}
.MyContent #NUTRILUMIERE-PDP-04 .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
}

@media screen and (max-width:1023px) and (min-width:762px) {
	.MyContent .MyHeader {
	height: 290px;
	background-position: center top;
	background-size: auto 100%;
}
.MyContent #NUTRILUMIERE-PDP-02 figure {
	flex-basis: 550px!important;
	flex: 0;
	transform: scale(0.7);
	margin-left: -150px;
	transform-origin: top right;
}
.MyContent #NUTRILUMIERE-PDP-02 img.Main {
	width: 550px!important;
	max-width: 550px!important;
	float: none!important;
	display: block!important;
}
.MyContent #NUTRILUMIERE-PDP-03 figure {
	flex-basis: 300px!important;
	flex: 0;
}
.MyContent #NUTRILUMIERE-PDP-03 img {
	width: 300px!important;
	max-width: 300px!important;
	float: none!important;
	display: block!important;
}
.MyContent #NUTRILUMIERE-PDP-04 {
	height: 290px;
	background-position: center top;
	background-size: auto 100%;
}
.MyContent #NUTRILUMIERE-PDP-02 figure::after {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-size: 100% auto;
}
}


@media screen and (max-width:761px) {
.MyContent #NUTRILUMIERE-PDP-01 {
	background-image:url(img/pdp-header-1-mobile.jpg);
	height:484px;
	display:block;
	
}
.MyContent #NUTRILUMIERE-PDP-02 .Main {
  display:none;
}
.MyContent #NUTRILUMIERE-PDP-02 .Visual {
  display:none;
}
.MyContent #NUTRILUMIERE-PDP-02 figure::after {
  display:none;
}
.MyContent #NUTRILUMIERE-PDP-01-bis {
	background-image:url(img/pdp-header-2-mobile.jpg);
	height:484px;
	display:block;
	
}
.MyContent #NUTRILUMIERE-PDP-01-ter {
	background-image:url(img/pdp-header-3-mobile.jpg);
	height:484px;
	display:block;
	
}
.MyContent  .MyHeader .Wrapper{
	text-align:center;display:block;
	margin:0;padding:20px;
	width:auto;
}


.MyContent #NUTRILUMIERE-PDP-01  .Wrapper{
	padding-top:320px;
}
.MyContent #NUTRILUMIERE-PDP-01-bis  .Wrapper{
	padding-top:290px;
	
}
.MyContent #NUTRILUMIERE-PDP-01-ter  .Wrapper{
	padding-top:350px;
	
}

.MyContent figure img{
	display:none;
}
.MyContent #NUTRILUMIERE-PDP-02 {
	background-image:url(img/pdp-photo-1-mobile.jpg);
	background-position:top center;
	padding-top:550px;
	background-repeat:no-repeat;
	margin-top:30px;

}
.MyContent figure .IngredientName:nth-child(1) {
	top: 30%;
	text-align: right;
	right:70%;
	width:90px;

}
.MyContent figure .IngredientName:nth-child(2) {
	top: 85%;
    text-align: right;
    right:42%;
    left: auto;

}
.MyContent #NUTRILUMIERE-PDP-02 .Wrapper{
	text-align:center;
}
.MyContent #NUTRILUMIERE-PDP-02  figure{
	position:absolute;

	top:0;
	left:calc(50% - 160px);
	width:320px;
	height:480px;
}
.MyContent #NUTRILUMIERE-PDP-03 {
	background-image:url(img/pdp-photo-2-mobile.jpg);
	background-position:top center;
	padding-top:360px;	background-repeat:no-repeat;	margin-top:30px;
}
.MyContent #NUTRILUMIERE-PDP-03 .Wrapper{
	text-align:center;
	justify-content:center;
}
.MyContent #NUTRILUMIERE-PDP-04 {
	background-image:url(img/pdp-footer-mobile.jpg);
	height:348px;
	margin:0;
}
}
.MyContent .TextLink {
	margin:0;
	padding-top:8px;
}

.MyContent .TextLink a{
	 font-size:11px;
	 text-decoration:underline;
	 color:#000;
	 text-transform:uppercase;
	 	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}


/*DTW_EDITS*/
.MyContent #NUTRILUMIERE-PDP-03 .Title{
	margin-top: 95px;
}
@media only screen and (max-width: 1023px){
	.MyContent #NUTRILUMIERE-PDP-03 .Title{
		margin-top: unset;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.MyContent #NUTRILUMIERE-PDP-03{
		margin-left: -300px;
	}
	.MyContent #NUTRILUMIERE-PDP-02{
		margin-left: -600px;
	}
}

/***DTW EDITS 12-3***/

.MyContent #NUTRILUMIERE-PDP-01-lotion {
	height:415px;
	background-image: url(img/pdp-header-4.jpg);
}

@media screen and (max-width:761px){
.MyContent #NUTRILUMIERE-PDP-01-lotion {
	background-image:url(img/pdp-header-4-mobile.jpg);
	height:484px;
	display:block;
	
}

.MyContent #NUTRILUMIERE-PDP-01-lotion  .Wrapper{
	padding-top:350px;
	
}
}

.MyContent #NUTRILUMIERE-PDP-01-lotion {
    height: 415px;
    background-image: url(img/pdp-header-4.jpg);
}
@media only screen and (max-width: 761px){
.MyContent #NUTRILUMIERE-PDP-01-lotion {
    background-image: url(img/pdp-header-4-mobile.jpg);
    height: 414px;
    display: block;
}
.MyContent .MyHeader .Title {
    margin-top: 230px;
}

}