/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ///////// HP-BANDEAU ///////// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */

.plp-bandeau .bandeau-promo{
	position: relative;
	margin: 0 auto;
	padding:0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	gap:10px;
	margin-bottom:2.35%;
	background-color: #ffffff;
	background: #f1f2f4 url(https://media.idkids.fr/media/content/cms/FR/Bandeau-haut-PL/bandeau-nouvelle-co-2023/img/bg-mobile.jpg?v=1.0) no-repeat;
	background-size: cover;
	background-position: top center;
	height: 217px;
}

.plp-bandeau .bandeau-promo-texte-conteneur{
	width:100%;
	height: 100%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.plp-bandeau .bandeau-promo img{
	width: 100%;
	height: auto;
	display: block;
	margin:0;
}

.bandeau-promo-lien-qui-englobe{
	position: absolute;
	top:0;
	left:0;
	display: block;
	width:100%;
	height:100%;
	z-index: 3;
}

.linebottom{
	display: inline-block;
	border-bottom: 2px solid;
	padding-bottom: 2px;
}

a:hover .linebottom, a:active .linebottom{
	border-color: transparent;
}

.nomobile{display:none;}

.titre{
	font-weight: 800;
	font-size: 71px;
	line-height: 71px;
	color: #ffffff;
	text-shadow: #0F1D2320 4px 0 10px;
}

/* boutons */

.cabine-de-plage{
	overflow-x: auto;
	overflow-y: hidden;
	width:100%;
}

.seche-serviette{
	width:fit-content;
	display: flex;
	gap: 10px;
	padding:5px 16px 16px;
}

a.serviette{
	display:block;
	padding: 8px 30px;
	color:#000033;
	border:1px solid #000033;
	background-color: #ffffff;
}

a.serviette:hover{
	color:#ffffff;
	background-color: #000033;
}

/* /boutons */


@media (min-width:540px) {

	.nodesktop{display: none;}

	.nomobile{display: inline;}

}

@media (min-width:768px) {

	.plp-bandeau .bandeau-promo{
		height: 102px;
		background: #f1f2f4 url(https://media.idkids.fr/media/content/cms/FR/Bandeau-haut-PL/bandeau-nouvelle-co-2023/img/bg-desktop.jpg) no-repeat;
		background-size: cover;	
	}

	.plp-bandeau .bandeau-promo-texte-conteneur{
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
	}

	p.titre{
		flex: 1 1 55%;
		max-width: 55%;
		text-align: center;
	}

	.cabine-de-plage{
		flex: 1 1 45%;
		max-width: 45%;
	}

	.seche-serviette{
		padding:20px;
	}

	a.serviette{
		padding: 8px 15px;
	}
	
}

@media (min-width:1024px) {

	.plp-bandeau .bandeau-promo{
		margin-left:2.35%;
		height:100px;
	}

	.plp-bandeau .bandeau-promo{
		background: #f1f2f4 url(https://media.idkids.fr/media/content/cms/FR/Bandeau-haut-PL/bandeau-nouvelle-co-2023/img/bg-desktop.jpg) no-repeat;
		background-size: cover;
		background-position: left -30px center;
	}

	p.titre{
		flex: 1 1 48%;
		max-width: 48%;
		text-align: center;
	}

	.cabine-de-plage{
		flex: 1 1 52%;
		max-width: 52%;
	}

}

@media (max-width:1024px){

	.notablet{
		display: none;
	}
}

@media (min-width:1366px) {

	.nolarge{display:none !important;}

	.plp-bandeau .bandeau-promo{
		height:102px;
		background: #f1f2f4 url(https://media.idkids.fr/media/content/cms/FR/Bandeau-haut-PL/bandeau-nouvelle-co-2023/img/bg-desktop.jpg) no-repeat;
		background-size: contain;
	}

	p.titre{
		flex: 1 1 42%;
		max-width: 42%;
		font-size:80px;
		line-height: 80px;
	}

	.cabine-de-plage{
		flex: 1 1 58%;
		max-width: 58%;
	}
	
}

@media (min-width:1900px) {

	.linebottom{
		padding-bottom: 4px;
	}

	.plp-bandeau img.visuel-1, .plp-bandeau img.visuel-2{
		display: block !important;
	}

	p.titre{
		flex: 1 1 30%;
		max-width: 30%;
	}

	.cabine-de-plage{
		flex: 1 1 70%;
		max-width: 70%;
	}

}

/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ////// fin de HP-BANDEAU ///// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */
/* ////////////////////////////// */ /* ////////////////////////////// */ /* ////////////////////////////// */