.grid-banner1 .html-slot-container, .grid-banner2 .html-slot-container, .grid-banner3 .html-slot-container {
   text-align: center;
	position: relative;
	height: 100%;
	background-size: initial;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0;
}
.grid-banner1 .visual-text {padding: 10px;}
.grid-banner1 p, .grid-banner2 p, .grid-banner3 p {
margin: 0 auto 10px auto;
font-family: "AvalonMedium",Arial,sans-serif;
text-rendering: optimizelegibility;
}

.grid-banner1 p span {
font-family: "AvalonBold",Arial,sans-serif
}

.grid-banner1 .html-slot-container {
margin: 0 15px !important;
background-size: 100%;
}

.linkallover{width: 100%;height: 100%;display: block;position: absolute;z-index: 2; }




.grid-banner2  .html-slot-container::before, .grid-banner2  .html-slot-container::after {
    content: '';
    display: block;
    position: absolute;
    max-height: calc(100% + 10px);
    max-width: calc(100% + 10px);
    width: 51px;
    height: 51px;
    z-index: 0;
    background-image: -webkit-linear-gradient(315deg,white 0,white 5px,black 5px,black 10px,white 10px,white 15px,black 15px,black 20px,white 20px,white 25px,black 25px,black 30px,white 30px,white 35px,black 35px,black 40px,white 40px,white 45px,black 45px,black 50px,black);
    background-image: linear-gradient(135deg,white 0,white 5px,black 5px,black 10px,white 10px,white 15px,black 15px,black 20px,white 20px,white 25px,black 25px,black 30px,white 30px,white 35px,black 35px,black 40px,white 40px,white 45px,black 45px,black 50px,black);
}

.grid-banner2  .html-slot-container::after {

    right: -5px;
    bottom: -5px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);

}

.grid-banner2  .html-slot-container::before {
    top: -5px;
    left: -5px;
}


.grid-banner2  .html-slot-container {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border: 5px solid black;
    margin: 10px 0 0;
	height: calc(100% - 10px);
}

.grid-banner2 .html-slot-container .stripes-block-inner {
	background-color: #fff;
	position: relative;
	z-index: 1;
	width: 100%;
	height:100%;
	text-align: left;
	padding: 25px;
}


.grid-banner3 .html-slot-container {
/*background-image: url("https://static.sephora.fr/www/webmaster/sfcc/fr/tutu_2.png");*/
background-position: center center;
height: 100%;
background-size: cover;
}

.grid-banner3 .html-slot-container .content_3 {
	width: 60%;
	text-align: left;
	padding: 25px;
	position: absolute;
	bottom: 0;
}

.visible_hight { display:block }
.visible_medium { display:none; }
.visible_little { display:none; }
.visible_medium.visible_hight { display:block }

@media screen and (min-width:50em) and (max-width:80em) {
	.visible_medium { display:block; }
	.visible_little { display:none; }
	.visible_medium.visible_hight { display:block }
	.grid-banner1 .html-slot-container {
		margin: 0!important;
		background-size: 100%;
	}

}

@media screen and (max-width:49.9375em) {
	
	
	.visible_hight { display:none }
	.visible_medium { display:none; }
	.visible_little { display:block; }
	.grid-banner1 .html-slot-container {
		margin: 0 15px;
		background-size: auto 100%;
	}
	
	.grid-banner1 .html-slot-container, .grid-banner2 .html-slot-container {
		background-size: cover;
		background-position: top center;
	}
	
	.grid-banner3 .html-slot-container {
		background-size: cover;
		background-position: 65% center !important;
	}
	
	.grid-banner3 .html-slot-container .content_3 {
		padding: 15px 0 0 15px;
		top: 0;
		border: inherit;
	}



}


/*
 background-image: url("http://dev15-web1-sephorasa.demandware.net/on/demandware.static/-/Library-Sites-SephoraV2/default/dw8e89a38e/webmaster/tutu.jpg");
 */