@font-face {
	font-family: "Meshed";
	src: url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/content_asset/2025/s19/MeshedDisplay-ExtraLight.otf") format("opentype"), url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/content_asset/2025/s19/MeshedDisplay-ExtraLight.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
/* ----- GLOBAL ----- */

.AllBloc{
	width: calc(100% + 36px);
	margin: 0 -18px;
	/*width: 100%;
	margin: 0;*/
	position: relative;
	font-size: clamp(11px, 3.8vw, 14px);
	--mgn-rouge: #e00019;
	/*overflow: hidden;*/
}

.swiper-slide{
	font-size: .9em;
}

.AllBloc img{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	max-width: none;
}
.dispdesk{
	display: none;
}
.global-link{
	/*display: block;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}


/* CTA soulignés (début) */

.cta-souligne {
	font-family: "Montserrat";
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #ffffff;
	padding: 0.5em;
	z-index: 1;
	font-weight: 400;
	letter-spacing: 1.28px;
	/* font-size: clamp(1.3846153846rem, 1.1648351648rem + 0.8928571429vw, 1.6923076923rem); */
}

.cta-souligne::after {
	content: '';
	position: absolute;
	bottom: 6%;
	left: 0.5em;
	width: calc(100% - 1em);
	height: 1px;
	background-color: #ffffff;
}

.cta-souligne:hover,
.cta-souligne:active,
.cta-souligne:link,
.cta-souligne:visited {
	text-decoration: none;
	color: #ffffff;
}

.cta-souligne:hover::after {
	width: calc(100% - 1em);
	animation-name: soulignement;
	animation-timing-function: ease-in-out;
	animation-duration: 480ms;
}

@keyframes soulignement {
	0% {
		left: unset;
		right: 0;
		width: calc(100% - 1em);
	}

	33% {
		width: 0;
	}

	66% {
		right: unset;
		left: 0;
	}

	100% {
		width: calc(100% - 1em);
	}
}

/* CTA soulignés (fin) */

/* ----- MOBILE ----- */
/* ----- B1 - VP  ----- */
.bloc1{
    position: relative;
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
}

.bloc1 p{
	margin: 0;
}

.bloc1-vp-cover{
	position: relative;
	aspect-ratio: 999/1706;
}
.bloc1 img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.bloc1 .div-img-absolute {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}


.bloc1 .bloc1-vp-cover-text {
height: 100%;
	    padding: 62% 0 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	gap:1.5em;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
	z-index: 2;
}



.bloc1 .bloc1-vp-cover-text .wording-VP {
	
	height: auto;
    width: 65%;
	max-width: 300px;
	/* object-fit: contain; */
	}
	

.bloc1 {
	margin-bottom: 0 !important;
	color: #fff;
}

.bloc1 .bloc-cta {
		font-family: "Montserrat";
		display: inline-block;
		position: relative;
		text-decoration: none;
		color: #000;
		padding: 0.5em 1em;
		border-radius: 10px;
		background-color: transparent;
		color: #fff;
		border: solid 1px #fff;
		z-index: 2;
		letter-spacing: 1.28px;
	}

	.bloc1 .bloc-cta a:hover,
	.bloc1 .bloc-cta a:active,
	.bloc1 .bloc-cta a:link,
	.bloc1 .bloc-cta a:visited {
		text-decoration: none;
		color: #fff;
	}
	.bloc1 .bloc-cta:hover {
		background-color: #fff;
		color: #000;
		border: solid 1px #fff;
		animation-timing-function: ease-in-out;
		animation-duration: 480ms;
	}

		.bloc1 .bloc-cta:hover a {
		color: #000;
	}

/* CTA contour (fin) */
/* ****************************** */
/* ----- B2 - CATEGORIES ----- */
.bloc2 {
	display: flex;
    position: relative;
    width: calc(100% + 36px);
    margin: 2px -18px 2px;
    /*width: 100%;
    margin: 2px 0;*/
    overflow: hidden;
	flex-wrap: wrap;
}
.bloc2 .bloc2-entree {
	display: flex;
	position: relative;
	width: 50%;
	font-family: 'Montserrat';
}
.bloc2 .bloc2-entree .entree-img {
	display: block;
	position: relative;
	width: 100%;
}
.bloc2 .bloc2-entree .bloc2-entree-text {
    display: block;
    position: absolute;
    width: 90%;
    text-align: left;
    color: #FFF;
	left: 15px;
    bottom: 15px;
}
.bloc2 .bloc2-entree .bloc2-entree-text-promo {
color: #000;
	width: fit-content;
	background-color: #FFF;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0.5em 1em;
	border-radius: 5px;
	font-size: 10px;
	mix-blend-mode: screen;
}
.bloc2 .bloc2-entree .bloc2-entree-text-title {
	text-transform: uppercase;
	font-weight: 700;
    margin:0;
	font-size: 0.85em;
	text-shadow: 0px 0px 8px #00000070;
}


/* ****************************** */
/* ----- B3 - VALISE ETE ----- */

.bloc3-hs {
	 width: calc(100% + 36px);
    margin: 0px -18px 0px;
	position: relative;
	padding: 1.5em;

}

.bloc3-hs-cover {
	position: relative;
	aspect-ratio: 666/1138;
}

.bloc3-hs img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.bloc3-hs .bloc3-hs-cover .div-img-absolute {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}


.bloc3-hs .bloc3-hs-cover .bloc3-hs-text {
	width: 100%;
	height: 100%;
	padding: 0em 0 5.5em;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	gap: 2em;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.bloc3-hs .bloc3-hs-text-logo {
    width: 100%;
    color: white;
    /* margin-bottom: 3em; */
    text-align: center;
}

.bloc3-hs .bloc3-hs-text-logo h3{
    font-size: 3.8em;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 90%;
	margin: 0;
	font-family: 'Meshed', sans-serif;
}

.bloc3-hs .swiper-slide-1 .cta-souligne:hover,
.bloc3-hs .swiper-slide-1 .cta-souligne:active,
.bloc3-hs .swiper-slide-1 .cta-souligne:link,
.bloc3-hs .swiper-slide-1 .cta-souligne:visited {
	text-decoration: none;
	color: #fff;

}

.bloc3-hs .swiper-slide-1 .cta-souligne::after {
	background-color: #fff;
}

.bloc3-hs {
	margin-bottom: 0 !important;
}

.bloc3-hs .cta-souligne {
	text-transform: capitalize;
}
/* CTA soulignés (fin) */

/* BLOC INSTAGRAM */
.hs-insta #button1 {
    left: 55.37%;
    top: 76.16%
}
 
.hs-insta #button2 {
    left: 65.94%;
    top: 70.08%
}
 
.hs-insta #button3 {
    left: 35.47%;
    top: 50.73%
}
 
.hs-insta #button4 {
    left: 23.22%;
    top: 44.21%
}
 
.hs-insta #button5 {
    left: 53.85%;
    top: 77.36%
}
 
.hs-insta #button6 {
    left: 56.32%;
    top: 52.62%;
}
.hs-insta #button7 {
    left: 56.32%;
    top: 52.62%;
}

/* XOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXO */
/* XOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXOXO */
/* ----- DESKTOP ----- */
@media screen and (min-width: 768.98px) {
	/* ----- GLOBAL ----- */
	.AllBloc{
		width: calc(100% + 36px);
		margin: 0 -18px;
		/*width: 100%;
		margin: 0;*/
		position: relative;
		font-size: clamp(11px, 3.8vw, 14px);
		--mgn-rouge: #e00019;
		/*overflow: hidden;*/
	}
	.AllBloc img{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		max-width: none;
	}
	
	/* ----- B1 - VP ----- */
	
		.bloc1 {
		display: flex;
		position: relative;
		width: calc(100% + 60px);
    	margin: 0 -30px 0;
		flex-wrap: nowrap;
	}

	.bloc1-vp-cover{
		aspect-ratio: 1900/1080;
		width: 100%;
	}

	.bloc1 .bloc1-vp-cover-text{
	position: -webkit-sticky;
        position: sticky;
        top: 60px;
        left: 0;
        height: calc(100vh - 122px);
        max-height: 100%;
        padding: 0 0 0 59%;
        justify-content: center;
        gap: 2.5em;
        background: unset;
	}

	.bloc1 .bloc1-vp-cover-text .wording-VP {
    width: 65%
	}
	.bloc1 .bloc1-vp-cover-text .texte-nonco-VP{font-size: 14px;}
	.bloc1 .bloc1-vp-cover-text .ML-VP{font-size:11px;}
    /* ****************************** */
	/* ----- B2 - CATEGORIES ----- */
	.bloc2 {
		display: flex;
		position: relative;
		width: calc(100% + 60px);
    	margin: 4px -30px 4px;
		/*width: 100%;
		margin: 2px 0;*/
		overflow: hidden;
		flex-wrap: nowrap;
	}
	.bloc2 .bloc2-entree {
		display: flex;
		position: relative;
		width: 50%;
		font-family: 'Montserrat';
	}
    .bloc2 .bloc2-entree .bloc2-entree-text {
		display: grid;
		position: absolute;
		width: 100%;
		text-align: left;
		color: #FFF;
		left: 15px;
    bottom: 15px;
	gap: 0.5em;
	}
.bloc2-entree-text-promo{
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	background-color: white;
	padding: 0.3em 0.8em 0.25em;
	border-radius: 0.4em;
	mix-blend-mode: screen;
	font-size: .8em;
}
	.bloc2 .bloc2-entree .bloc2-entree-text-title {
		text-transform: uppercase;
		font-weight: 600;
		font-size: 1.2em;
	}
    /* ****************************** */
	/* ----- B3 - VALISE ETE ----- */
	.bloc3-hs {
		width: calc(100% + 60px);
    	margin: 0px -30px 0px;
		padding: 0;
	}
	.bloc3-hs-cover {
		aspect-ratio: 1900/1080;
	}

	.bloc3-hs .bloc3-hs-cover .bloc3-hs-text {
		position: -webkit-sticky;
		position: sticky;
		/* Hauteur du petit header */
		top: 60px;
		left: 0;
		/* Taille de l'écran, moins la taille du header */
		height: calc(100vh - 102px);
		max-height: 100%;
		padding: 0 6% 0 53%;
		justify-content: center;
		gap: 5vh;
		background: unset;
	}

	.bloc3-hs .bloc3-hs-text-logo h3 {
		font-size: 5em;
	}

	.bloc3-hs .bloc3-hs-text-logo {
	 width: 27vw;
		max-width: 28em;
		margin: 0;
	}

	.bloc3-hs .cta-souligne:hover,
	.bloc3-hs .cta-souligne:active,
	.bloc3-hs .cta-souligne:link,
	.bloc3-hs .cta-souligne:visited {
		text-decoration: none;
		color: #000000;
	}

	.bloc3-hs .cta-souligne::after {
		background-color: #000000;
	}



	.bloc3-hs .bloc3-hs-text-logo {
		width: 100%;
		color: #000;
	}

	/* CTA soulignés (fin) */
}