body {
	margin: 0 !important;
}



#conteneur-pub {
	width: 300px;
	height: 250px;
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
}

.lien-pub {
	width: inherit;
	height: inherit;
	display: block;
	cursor: pointer;
}

.element {
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

#border {
	border: 1px solid black;
	width: 298px;
	height: 248px;
	z-index: 70;
}

/* Frame 1 */

#frame1 {
	width: 300px;
	height: 250px;
	background-color: #fff;
}

#logo_black {
	width: 300px;
	height: 250px;
	z-index: 41;
}

#logo_transparent {
	width: 300px;
	height: 250px;
	z-index: 40;
}

#txt_frame1 {
	width: 300px;
	height: 250px;
}


/* Frame 2 */

#frame2 {
	width: 300px;
	height: 250px;
	top: 250px;
}


/* Frame 3 */
#animShutter {
	top: 0px;
	left: 0;
	z-index: 50;
	opacity: 0;
	width: 300px;
	height: 250px;
}


/* Frame 4 */

#frame4 {
	width: 300px;
	height: 250px;
	top: 250px;
	z-index: 60;
}

#img_frame4 {
	width: 300px;
	height: 250px;
}

#img_cta{
	width: 300px;
	height: 250px;
	opacity: 0;
}

#img_shutter1 {
	/*top, right, bottom, left*/
	clip-path: polygon(0 180px, 300px 180px, 300px 180px, 0 180px);
}

#img_shutter2 {
	/*top, right, bottom, left*/
	clip-path: polygon(0 75px, 300px 75px, 300px 75px, 0 75px);
}

#img_shutter3 {
	/*top, right, bottom, left*/
	clip-path: polygon(0 224px, 300px 224px, 300px 224px, 0 224px);
}

#img_shutter4 {
	/*top, right, bottom, left*/
	clip-path: polygon(0 11px, 300px 11px, 300px 11px, 0 11px);
}

#img_shutter5 {
	/*top, right, bottom, left*/
	clip-path: polygon(0 147px, 300px 147px, 300px 147px, 0 147px);
}