/*Les typos à utiliser dans la bannière*/
@font-face {
	font-family: 'gilroy';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-light-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-light-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'gilroy';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-regular-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'gilroy';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-medium-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'gilroy';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-semibold-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-semibold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'gilroy';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-bold-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'gilroy';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-extrabold-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-extrabold-webfont.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'bobby_jones';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/tom_chalky_-_bobbyjones-regular-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/tom_chalky_-_bobbyjones-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'crayon_en_folie';
	src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/hanoded_-_crayon_en_folie-webfont.woff2') format('woff2'),
		url('https://static.bayard.io/e-bayard-jeunesse.com/typos/hanoded_-_crayon_en_folie-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

.acct_20260326_HOME_belgique_show_t {
	display: none;
}

.acct_20260326_HOME_belgique_content p {
	margin: auto;
}

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

.acct_20260326_HOME_belgique_container a img {
	display: block;
}

.category-view>.category-cms>div {
	width: 100%;
}

.acct_20260326_HOME_belgique_container a {
	text-decoration: none;
	color: initial;
}

.acct_20260326_HOME_belgique_container>a {
	width: 100%;
}

.acct_20260326_HOME_belgique_container {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: auto;
	height: 350px;
	background-color: #fff000;
	overflow: hidden;
}

.acct_20260326_HOME_belgique_container button {
	border: none;
	box-shadow: none;
	background: #8719ff;
	font-size: 31px;
	line-height: 56px;
	width: 273px;
	border-radius: 56px;
	font-family: 'gilroy', Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding: 0;
	color: #fff;
	margin: auto;
	display: block;
	text-transform: uppercase;
}

/* TON CSS*/
.acct_20260326_HOME_belgique_content {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.acct_20260326_HOME_belgique_block_1 {
	width: 42.2%;
	height: 100%;
	position: relative;
}

.acct_20260326_HOME_belgique_block_1 .acct_20260326_HOME_belgique_block_1_img_1,
.acct_20260326_HOME_belgique_block_1 .acct_20260326_HOME_belgique_block_1_img_2 {
	position: absolute;
	bottom: 0;
	left: 0;
}

.acct_20260326_HOME_belgique_block_1_img_1 {
	animation: img-switch 1s step-start infinite reverse;
}

.acct_20260326_HOME_belgique_block_1_img_2 {
	animation: img-switch 1s step-start infinite;
}

@keyframes img-switch {

	0%,
	49.9% {
		opacity: 1;
	}

	50%,
	100% {
		opacity: 0;
	}
}

.acct_20260326_HOME_belgique_block_2 {
	width: 57.8%;
	align-self: center;
}

.acct_20260326_HOME_belgique_block_2_title {
	font-size: 71px;
	line-height: 90%;
	letter-spacing: -1px;
	color: #000;
	font-family: 'gilroy', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
}

.acct_20260326_HOME_belgique_block_2_title strong {
	font-weight: 800;
	font-size: 89px;
}

.acct_20260326_HOME_belgique_block_2_title span {
	display: inline-block;
	position: relative;
	margin-left: -15px;
	animation: surprise 1s step-start infinite;
}

@keyframes surprise {

	0%,
	49.9% {
		transform: rotate(0deg);
	}

	50%,
	100% {
		transform: rotate(-7deg);
	}
}

.acct_20260326_HOME_belgique_block_2_title span img {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 391px;
	transform: translateY(-74px);
}

.acct_20260326_HOME_belgique_block_2_abonnement>p {
	color: #000;
	font-size: 31px;
	text-align: left;
	line-height: 29px;
	letter-spacing: 1px;
	font-family: 'gilroy', Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 0;
}

.acct_20260326_HOME_belgique_block_2_abonnement {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}

.acct_20260326_HOME_belgique_block_2_abonnement>p strong {
	font-weight: 800;
}

.acct_20260326_HOME_belgique_block_2_content {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 3%;
}

.acct_20260326_HOME_belgique_block_2_cta {
	margin-top: -55px;
	animation: ctaScale 1s step-start infinite;
}

@keyframes ctaScale {

	0%,
	49.9% {
		transform: scale(1);
	}

	50%,
	100% {
		transform: scale(0.9);
	}
}

.acct_20260326_HOME_belgique_block_2_cta>p {
	font-size: 29px;
	color: #000;
	font-family: 'gilroy', Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
	text-align: center;
	line-height: 100%;
}

.acct_20260326_HOME_belgique_block_2_cta>p>span {
	display: block;
	color: #8719ff;
	font-weight: 800;
}


@media screen and (min-width:768px) and (max-width:1180px) {
	.acct_20260326_HOME_belgique_block_2_title {
		font-size: 51px;
	}

	.acct_20260326_HOME_belgique_block_2_title strong {
		font-size: 69px;
	}

	.acct_20260326_HOME_belgique_block_2_title span img {
		max-width: 300px;
		min-width: 300px;
		transform: translateY(-55px);
	}

	.acct_20260326_HOME_belgique_block_2_abonnement>p {
		min-width: 231px;
		font-size: 20px;
		line-height: 22px;
	}

	.acct_20260326_HOME_belgique_container button {
		width: 233px;
		line-height: 46px;
		font-size: 25px;
	}

	.acct_20260326_HOME_belgique_block_2_cta {
		margin-top: -15px;
	}

	.acct_20260326_HOME_belgique_block_2_abonnement>div {
		min-width: 70px;
	}

	.acct_20260326_HOME_belgique_block_1 {}

	.acct_20260326_HOME_belgique_block_2 {
		width: fit-content;
	}
}

@media screen and (min-width:768px) and (max-width:900px) {
	.acct_20260326_HOME_belgique_block_2_title strong {
		font-size: 59px;
	}

	.acct_20260326_HOME_belgique_block_2_title {
		font-size: 41px;
	}

	.acct_20260326_HOME_belgique_block_2_abonnement>p {
		font-size: 20px;
		line-height: 23px;
	}

	.acct_20260326_HOME_belgique_block_2_abonnement>p {
		min-width: 234px;
	}

	.acct_20260326_HOME_belgique_block_2_title span img {
		min-width: 210px;
		max-width: 210px;
		transform: translateY(-41px);
	}

	.acct_20260326_HOME_belgique_block_2_title span {
		margin-left: -5px;
	}
}

@media screen and (max-width:767px) {
	.acct_20260326_HOME_belgique_block_1 {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		max-width: 443px;
	}

	.acct_20260326_HOME_belgique_block_2 {
		width: 443px;
		align-self: flex-start;
		margin: 20px auto;
	}

	.acct_20260326_HOME_belgique_block_2_title {
		font-size: 41px;
	}

	.acct_20260326_HOME_belgique_block_2_title strong {
		font-size: 51px;
	}

	.acct_20260326_HOME_belgique_block_2_title span img {
		width: 229px;
		min-width: 229px;
		transform: translateY(-43px);
	}

	.acct_20260326_HOME_belgique_block_2_abonnement>div img {
		width: 72px;
		animation: imgScale 1s step-start infinite;
	}

	@keyframes imgScale {

		0%,
		49.9% {
			transform: scale(1);
		}

		50%,
		100% {
			transform: scale(0.9);
		}
	}

	.acct_20260326_HOME_belgique_block_2_cta {
		position: absolute;
		bottom: 7px;
		right: 33px;
		padding-right: 57px;
		padding-bottom: 16px;
	}

	.acct_20260326_HOME_belgique_block_2_cta:after {
		content: '';
		width: 50px;
		height: 50px;
		background: url(https://static.bayard.io/e-bayard-jeunesse.com/reseau-bayardfamille/2026/avril/homemajeure/images/20260326_home_belgique_4_m.png);
		animation: ctaScale 1s step-start infinite;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.acct_20260326_HOME_belgique_block_2_cta {
		animation: none;
	}

	.acct_20260326_HOME_belgique_block_2_cta button {
		display: none;
	}

	.acct_20260326_HOME_belgique_block_2_cta>p {
		font-size: 21px;
		margin: 0;
	}

	.acct_20260326_HOME_belgique_block_2_cta>p>span {
		display: inline;
	}

	.acct_20260326_HOME_belgique_block_2_abonnement>p {
		font-size: 18px;
		line-height: 21px;
		letter-spacing: normal;
	}

	.acct_20260326_HOME_belgique_block_2_abonnement {
		gap: 0;
	}

	.acct_20260326_HOME_belgique_block_2_title span {
		animation: surprise 1s step-start infinite reverse;
	}
}

@media screen and (max-width:450px) {
	.acct_20260326_HOME_belgique_block_1 {
		left: -28px;
	}

	.acct_20260326_HOME_belgique_block_2 {
		margin: 14px 0 0 20px;
		width: auto;
	}

	.acct_20260326_HOME_belgique_block_2_title span {
		margin-left: -5px;
	}
}

@media screen and (max-width:415px) {
	.acct_20260326_HOME_belgique_block_2 {
		margin: 10px 0 0 10px;
	}

	.acct_20260326_HOME_belgique_block_2_title strong {
		font-size: 43px;
	}

	.acct_20260326_HOME_belgique_block_2_title {
		font-size: 35px;
	}
}