@font-face {
   font-family: 'DIN-BOLD';
   src: url('http://static.sephora.fr/www/webmaster/marques/dior/R286500007/FONTS/DINABOLD.eot');
   src: url('http://static.sephora.fr/www/webmaster/marques/dior/R286500007/FONTS/DINABOLD.eot?#iefix') format('embedded-opentype'),url('http://static.sephora.fr/www/webmaster/marques/dior/R286500007/FONTS/DINABOLDwoff') format('woff'), url('http://static.sephora.fr/www/webmaster/marques/dior/R286500007/FONTS/DINABOLD.ttf') format('truetype'), url('http://static.sephora.fr/www/webmaster/marques/dior/R286500007/FONTS/DINABOLD.svg#avalon-medium') format('svg');
   font-weight: normal;
   font-style: normal;
}
		
		html,body{background:#fff;margin:0;padding:0;position:relative;height:100%;width:100%;}
		#content{overflow:hidden;}
		#main{
			width:100%;
			max-width:777px;
			border: 1px solid #bfbfbf;
			border-left: 0;
			border-top:0;
			background:white;
			margin:0 auto;
			padding: 0 18.5px 40px 18.5px;
			box-sizing:border-box;
		}
		#main #header{
			text-align:center;
			width:100%;
			min-height: 80px;
			/* height:auto; */
			vertical-align: middle;
		}
		#main #header img{
			margin: 10px auto;
			vertical-align: text-bottom;
		}
		.btn-cmd{
			margin: 0 auto;
			height: 14px;
			font-family: "Century Gothic Regular";
			font-size: 14px;
			padding: 7px 11px 7px 11px;
			display:table;
			text-decoration:none;
			color:#fff;
			background:#000;
			text-transform:uppercase;
			letter-spacing: 1px;
		}
		#main #mea,
		#main #mea2{
			width:100%;
			margin:0 auto;
			display:table;
			position:relative;
		}
		#video-dior{
			margin:20px auto;
			display:table;
		}
		#main #mea .btn-cmd{
			position:absolute;
			bottom: 35px;
			left: 133px;
		}
		#main #mea > span{
			position: absolute;
			right: 20px;
			bottom: 10px;
			color: #000;
			display: table;
			font-family: "DIN-BOLD";
			text-align: center;
			font-size: 14px;
		}
		.bloc-text{
			margin:25px auto 40px auto;
			display:table;
			width: 90%;
			text-align:center;
		}
		.title{
			font-size: 34px;
			line-height: 38px;
			margin-bottom:15px;
			letter-spacing: -1px;
			text-transform:uppercase;
			font-family: "DIN-BOLD";
			text-align:center;
		}
		.title span{
			color: #f0bcbd;
		}
		.desc{
			font-size:14px;
			font-family: Century Gothic;
		}
		.txtAbs{
			position:absolute;
			right:60px;
			top:40px;
			width:250px;
			display:table;
			text-align:right;
		}
		.txtAbs .title{
			margin-bottom:25px;
			text-align: right;
		}
		.txtAbs .btn-cmd{
			float:right;
			margin-top:25px;
		}
		#citation{
			width:100%;
			display:table;
			height:397px;
			position: relative;
		}
		#citation #texte-citation{
			width: 280px;
			height: 100%;
			display:table;
			margin:0 auto;
			float:left;
			font-family: Century Gothic;
			text-align: center;
			font-size: 28px;
			text-transform: uppercase;
			padding-top: 95px;
			box-sizing: border-box;
			position: relative;
			line-height: 30px;
			letter-spacing: 0.7px;
			font-weight: bold;
		}
		#citation #texte-citation:before{
			content:"";
			background:transparent url("img/sprite_guillemets.png") 0 0 no-repeat;
			height:36px;
			width:45px;
			position: absolute;
			top: 40px;
			left: 10px;
		}
		#citation #texte-citation:after{
			content:"";
			background:transparent url("img/sprite_guillemets.png") right bottom no-repeat;
			height:36px;
			width:45px;
			position: absolute;
			bottom: 90px;
			right: 10px;
		}
		#citation > .img{
			background:transparent url("img/flower_1.jpg") center center no-repeat;
			height:397px;
			width: calc(50% - 140px);
			float:left;
			/* display:table-cell; */
			position: relative;
		}
		#citation > .img:last-child{
			float:right;
			background:transparent url("img/flower_2.jpg") center center no-repeat;
		}
		#citation #nom-citaiton{
			position:absolute;
			bottom: 10px;
			right:10px;
			font-size: 26px;
			font-family: "Century Gothic";
			font-style: italic;
			text-transform: initial;
			font-weight: normal;
		}
		.bloc-prod{
			width: 100%;
			margin-top:40px;
			display: table;
		}
		.bloc-prod ul{
			list-style-type:none;
			padding:0;
			margin:0;
			width: calc(100% - 20px);
			display: table;
		}
		.bloc-prod ul li{
			margin:0 auto;
			float:left;
			width:25%;
			display:table;
			box-sizing:border-box;
			position: relative;
			padding: 10px 0 0 0;
			text-align: center;
		}
		.bloc-prod ul li img{
			/* width:100%; */
			margin: 0 auto;
			height: 130px;
			vertical-align: bottom;
			text-align: center;
		}
		#bloc-prod-1.bloc-prod ul li img{
			max-width: 130px;
		}
		.desc-prod,
		.name-prod{
			font-family:"Avalon-ExtraLight";
			font-size:13px;
			color:#333;
			text-align:center;
			margin: 10px auto 5px auto;
			width:90%;
			height: 60px;
			text-transform:uppercase;
			display: table;
		}
		#bloc-prod-1 #img-lg{
			width:100%;
			display:block;
			margin: 40px auto 0 auto;
			clear:both;
			line-height:100%;
		}
		.new-prod{
			position:absolute;
			top: 10px;
			width:100%;
			left:0;
			font-size: 22px;
			text-align:center;
			height: 26px!important;
		}
		.new-prod,
		.title-prod{
			font-family:"DIN-BOLD";
			text-transform:uppercase;
			text-align:center;
			height: 28px;
			line-height: 100%;
		}
		#bloc-prod-2 ul li.new{
			border:4px solid #ddd;
			padding: 36px 6px 16px 6px;
		}
		#bloc-prod-2 ul li{
			padding: 40px 10px 20px 10px;
			margin-top: 0px!important;
		}
		#bloc-prod-2 .name-prod{
			text-transform:initial;
		}
		#bloc-prod-2 .desc-prod{
			text-align:left;
			text-transform: initial;
			line-height: 16px;
			margin: 25px auto;
			height: 110px;
		}
		
		
		@media screen and (max-width: 776px) {
			#mea2{height: 245px;}
			#mea img,#mea2 img{width:100%;}
			.txtAbs {
				position: relative;
				right: auto;
				top: auto;
				width: 95%;
				display: table;
				text-align: right;
				margin: 10px auto;
				margin-top: -50px;
			}
			#main #mea > span {
				position: absolute;
				right: auto;
				bottom: 10px;
				color: #000;
				display: table;
				font-family: "DIN-BOLD";
				text-align: center;
				font-size: 3.3vw;
				line-height: 100%;
				width: 100%;
				margin: 0 auto;
				clear: both;
			}
			#main #mea{
				padding-bottom: 45px;
			}
			#main #mea .btn-cmd {
				position: absolute;
				bottom: 60px;
				left: auto;
				right: 20px;
			}
			.title {
				font-size: 5vw;
				line-height: 6vw;
			}
			.desc{
				font-size: 4.5vw;
				line-height: 5.5vw;
			}
			.txtAbs .btn-cmd{margin: 10px auto 0 auto;float: none;}
			.txtAbs .desc,
			.txtAbs .title{
				margin-bottom:10px;
				/* text-align: center; */
			}
			.bloc-prod ul {
				margin: 0 auto;
				width: calc(100% - 0px);
			}
			.bloc-prod ul li {
				margin: 0 auto 20px auto;
				float: left;
				width: 50%;
				padding:0;
				text-align: center;
			}
			.name-prod{
				font-size: 3.5vw;
				line-height: 4vw;
				height: 34px;
			}
			#bloc-prod-2 ul li{
				width: 300px;
				margin: 0 auto;
				float: none;
			}
			#video-dior{
				width:100%!important;
				min-height:200px;
				height:auto!important;
			}
			#bloc-prod-2 .desc-prod{
				text-align: center;
			}
		}
		
@media screen and (max-width: 550px) {
	
	html, body {
		overflow: hidden;
	}

	body #main #mea .btn-cmd {
		left: 30px;
	}

}