.acct_20260120_ODM_container {
	margin-bottom: -2rem;
}

@media (min-width: 769px) {
	.bc-toolbar-container {
		margin-bottom: 0;
	}
}

.bc-toolbar-container .toolbar-products {
	margin-bottom: 0;
}

/*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_20260120_ODM_show_t {
	display: none;
}

.acct_20260120_ODM_content p {
	margin: auto;
}

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

.acct_20260120_ODM_container a img {
	display: block;
}

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

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

.acct_20260120_ODM_container>a {
	width: 100%;
}

.acct_20260120_ODM_container {
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: auto;
	height: 282px;
	background-color: #30678e;
	background-image: url('https://imagine.bayard.io/unsafe/1280x282/bayard-static/e-bayard-jeunesse.com/2026/fevrier/odm/images/20260120_ODM_background.png');
}

.acct_20260120_ODM_container button {
	border: none;
	box-shadow: none;
	background: #fff000;
	font-size: 21px;
	line-height: 55px;
	width: 210px;
	border-radius: 55px;
	font-family: 'gilroy', Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding: 0;
	color: #21275c;
	margin: auto;
	display: block;
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* TON CSS*/
.acct_20260120_ODM_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	text-align: center;
	height: 100%;
	width: 100%;
}

.acct_20260120_ODM_block_2 {
	position: relative;
}

.acct_20260120_ODM_block_2 p {
	font-family: 'gilroy', Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 70px;
	font-weight: 500;
	text-align: left;
	min-width: 505px;
}

.acct_20260120_ODM_block_2 p strong {
	font-weight: 700;
}

.acct_20260120_ODM_block_2 img {
	position: absolute;
	top: 14px;
	right: -60px;
}

.acct_20260120_ODM_block_3 {
	position: relative;
	min-width: 395px;
	align-self: flex-end;
}

.acct_20260120_ODM_block_3_texte {
	position: absolute;
	top: 45px;
	right: 78px;
}

.acct_20260120_ODM_block_3_texte p,
.acct_20260120_ODM_block_3_texte p:last-child>span {
	font-family: 'gilroy', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-align: left;
}

.acct_20260120_ODM_block_3_texte p:last-child {
	position: relative;
	font-size: 83px;
	line-height: 80px;
	font-family: 'bobby_jones', Arial, Helvetica, sans-serif;
	color: #4a8fcb;
	text-align: center;
}

.acct_20260120_ODM_block_3_texte p:last-child>sup {
	font-size: 50px;
	margin-left: -10px;
}

.acct_20260120_ODM_block_3_texte p:last-child>sub {
	font-size: 50px;
	margin-left: -18px;
	bottom: -2px;
}

.acct_20260120_ODM_block_3_texte p:last-child>span:first-child {
	position: absolute;
	top: 0;
	left: 0;
	line-height: normal;
}

.acct_20260120_ODM_block_3_texte p:last-child>span:last-child {
	position: absolute;
	top: 0;
	right: 15px;
	line-height: normal;
}

@media screen and (max-width:1024px) {
	.acct_20260120_ODM_block_1 {
		display: none;
	}

	.acct_20260120_ODM_block_2 p {
		margin: 18px;
	}
}

@media screen and (max-width:920px) {
	.acct_20260120_ODM_block_2 p {
		min-width: 365px;
		margin: 18px;
		font-size: 40px;
		line-height: 40px;
	}
}

@media screen and (max-width:767px) {
	.acct_20260120_ODM_container {
		height: 150px;
		background-image: url('https://imagine.bayard.io/unsafe/415x150/bayard-static/e-bayard-jeunesse.com/2026/fevrier/odm/images/20260120_ODM_background_m.png');
		background-repeat: repeat;

	}

	.acct_20260120_ODM_content {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		max-width: 460px;
		position: relative;
		margin: auto;
	}

	.acct_20260120_ODM_block_1 {
		display: none;
	}

	.acct_20260120_ODM_block_2 p {
		min-width: auto;
		font-size: 22px;
		line-height: 25px;
		margin: 18px;
	}

	.acct_20260120_ODM_block_2 img {
		width: 60px;
		right: auto;
		top: auto;
		bottom: -40px;
		left: 80px;
	}

	.acct_20260120_ODM_block_3 {
		position: absolute;
		bottom: 0;
		right: 0;
		min-width: 240px;
	}

	.acct_20260120_ODM_block_3_texte p,
	.acct_20260120_ODM_block_3_texte p:last-child>span {
		font-size: 9px;
		line-height: normal;
	}

	.acct_20260120_ODM_block_3_texte {
		position: absolute;
		top: 19px;
		right: 37px;
	}

	.acct_20260120_ODM_block_3_texte p:last-child {
		font-size: 40px;
		line-height: 40px;
		;
	}

	.acct_20260120_ODM_block_3_texte p:last-child>sup {
		font-size: 23px;
		margin-left: -4px;
	}

	.acct_20260120_ODM_block_3_texte p:last-child>sub {
		font-size: 23px;
		margin-left: -7px;
		bottom: 0;
	}

	.acct_20260120_ODM_block_3_texte p:last-child>span:last-child {
		right: 5px;
	}

}