<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto+Condensed" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto" />
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
<div style="clear: both;">&ensp;</div>

<style type="text/css">

	#page {
	  width: 100%;
	  max-width: 950px;
	  margin: auto;
	  font-family: 'Roboto', sans-serif !important;
	  }

	.logo_pepe_jeans{
		text-align: center;
		margin-bottom: 30px;
	}

	h3{
	text-align: center;
	font-size:26px;
	margin:0;
	margin-bottom: 50px;
	}


	.header_pepe_jeans{
		background-color: #000;
		color: #FFF;
		width: 100%;
		border: 1px solid #ddd;
	}


	.header_pepe_jeans img{
		width: 100%;
	}

	.header_pepe_jeans:after {
		content: "";
		background-image: url('https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9133910917150/pepe-jeans-gradient-line.png');
    display: block;
    height:10px;
    bottom: 0;
}

	.header_intro_pepe_jeans{
		padding: 20px 150px 50px;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
	}

	.header_intro_pepe_jeans p{
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 1.8;
	}

	.header_intro_pepe_jeans a{
		border:2px solid #fff;
		padding: 10px 20px;
		color: #fff;
		font-weight: 900;
		text-decoration: none;
	}

	.header_intro_pepe_jeans a:hover{
		border:2px solid #fff;
		padding: 10px 20px;
		background-color: #fff;
		color: #000;
		font-weight: 900;
		text-decoration: none;
	}

	.products_pepe_jeans {
		width: 100%;
		background-color: #F8F8F8;
		padding-top: 55px;
		padding-bottom: 55px;
	}

	.parfum_pepe_jeans {
		width: 50%;
		float:left;
		text-align: center;
	}
	.parfum_item_pepe_jeans {
		background-color: #fff;
		display: inline-block;
		padding-top: 40px;
    	padding-bottom: 20px;
    	width: 80%;
    	text-align:center;
 		background: white;
 		box-shadow: 0px 0px 0px grey;
  		-webkit-transition:  box-shadow .3s ease-out;
    	 box-shadow: 0px 0px 0px #dddddd;
	}

	.parfum_item_pepe_jeans:hover {
  		-webkit-transition:  box-shadow .3s ease-out;
    	 box-shadow: 0px 20px 40px #dddddd;
	}

	.parfum_item_pepe_jeans img {
		margin-bottom: 20px;
		width: 100%;
		max-width: 205px;
	}

	.parfum_item_pepe_jeans p {
		text-transform: uppercase;
		letter-spacing: 5px;
		font-weight: 700;
		font-size: 14px;
		color: #000;
	}


	.video_pepe_jeans img{
		width: 100%;
		display: block;
		margin: auto;
	}

	.footer_pepe_jeans {
		background-color: #000;
		margin-top:-10px;
		padding: 30px;
		text-align: center;
	}

	.footer_pepe_jeans img {
		width: 150px;
	}

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

	.parfum_pepe_jeans {
		width: 100%;
		float:left;
		text-align: center;
	}

	.parfum_item_pepe_jeans {
		margin-bottom: 20px;
	}


	.header_intro_pepe_jeans{
		padding: 20px 50px 50px;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
	}

	}


</style>

<div id="page">

	<!-- START intro -->

	<div class="logo_pepe_jeans"><img width="250" src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9133905051678/pepe-jeans-20190624-logo.png"></div>

	<div class="header_pepe_jeans">
			<div class="header_image_pepe_jeans"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9133904953374/pepe-jeans-20190624-header.png"></div>
			<div class="header_intro_pepe_jeans"><p>Pepe Jeans London, le style véritablement british. Tout commence en 1973 à Londres, au cœur de Portobello Market. Depuis, Pepe Jeans est à l’avant-garde de la mode internationale du jeans. Réputée pour ses campagnes publicitaires iconiques, la marque a récemment dévoilé le nom de Dua Lipa comme sa nouvelle ambassadrice.</p>
			<a href="#">VOIR TOUS LES PRODUITS</a>
			</div>
	</div>


	<div class="products_pepe_jeans">
	<h3>Découvrez l'univers de la marque</h3>
			<div class="parfum_pepe_jeans">
				<a href="#"><div class="parfum_item_pepe_jeans">
					<img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9133905346590/pepe-jeans-20190624-parfum-vrouwen.png">
					<p>PARFUM FEMME</p>
				</div>
			</div></a>
			<div class="parfum_pepe_jeans">
				<a href="#"><div class="parfum_item_pepe_jeans">
					<img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9133905248286/pepe-jeans-20190624-parfum-mannen.png">
					<p>PARFUM HOMMME</p>
				</div></a>
			</div>
			<div style="clear: both;">&ensp;</div>
	</div>

	<div class="video_pepe_jeans">
		<a title="Pepe Jeans London" class="js-video-component" data-embedded-code="https://www.youtube.com/embed/NEK09XCa7O8" style="cursor: pointer;"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9133911015454/pepe-jeans-20190624-video.png"></a>
	</div>

	<div class="footer_pepe_jeans">
		<img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9133905149982/pepe-jeans-20190624-logo-white.png">
	</div>

</div>