
			/*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: 'gilroy';
				src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-heavy-webfont.woff2') format('woff2'),
					url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-heavy-webfont.woff') format('woff');
				font-weight: 900;
				font-style: normal;
			}	
			@font-face {
				font-family: 'gilroy';
				src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-black-webfont.woff2') format('woff2'),
					url('https://static.bayard.io/e-bayard-jeunesse.com/typos/gilroy-black-webfont.woff') format('woff');
				font-weight: 1000;
				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;
			}
			@font-face {
				font-family: 'brownCookies';
				src: url('https://static.bayard.io/e-bayard-jeunesse.com/typos/brown_cookies-webfont.woff2') format('woff2'),
						url('https://static.bayard.io/e-bayard-jeunesse.com/typos/brown_cookies-webfont.woff') format('woff');
				font-weight: 400;
				font-style: normal;
			}
			.acct_20260617_ODM_m_show{
				visibility: hidden;
			}
			.acct_20260617_ODM_show_t{
				display:none;
			}
			.acct_20260617_ODM_content p{
				margin:auto;
			}
			.acct_20260617_ODM_content img{
				display:block;
				width:100%;
				margin:auto;
			}
			.acct_20260617_ODM_container a img {
				display: block;
			}
			.category-view>.category-cms>div{
				width:100%;
			}
			.acct_20260617_ODM_container a{
				text-decoration: none;
				color:initial;
			}
			.acct_20260617_ODM_container>a{
				width:100%;
			}
			.acct_20260617_ODM_container{
				position:relative;
				width:100%;
				max-width:1440px;
				margin:auto;
				height:200px;
				background-color:#3593c7;
				background:url('https://imagine.bayard.io/unsafe/1440x300/bayard-static/e-bayard-jeunesse.com/2026/juin/sylius/bannieres/ODM/images/20260617_ODM_bg.png');
				background-size:100% auto;
				background-position:right center;
				background-repeat: no-repeat;
				overflow: hidden;
			}
			.acct_20260617_ODM_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_20260617_ODM_content{
				width:100%;
				height: 100%;
				display:flex;
				align-items: center;
				justify-content: space-between;
			}
			.acct_20260617_ODM_block_1{
				position:relative;
				align-self: flex-end;
				margin-left:20px;
			}
			.acct_20260617_ODM_block_1 p{
				font-size:51px;
				line-height: 51px;
				color:#fff;
				font-family:'gilroy',Arial, Helvetica, sans-serif;
				font-weight:400;
				text-align: left;
				padding-bottom: 120px;
			}
			.acct_20260617_ODM_block_1 p strong{
				font-weight: 700;
				color:#feed00;
			}
			.acct_20260617_ODM_block_1 p span{
				position:absolute;
				bottom:0;
				left:0;
				font-family:brownCookies,Arial, Helvetica, sans-serif;
				font-size:44px;
				color:#f9dbab;
				text-shadow: 3px 3px 7px rgba(0,0,0,0.34);
			}
			.acct_20260617_ODM_block_1 p span.acct_20260617_ODM_block_1_sable{
				margin-bottom: 60px;
				transform: rotate(-5deg);
				left: 40px;
			}
			.acct_20260617_ODM_block_1 p span.acct_20260617_ODM_block_1_soleil{
				color:#feed00;
				margin-bottom: 10px;
				transform: rotate(-5deg);
				left: 5px;
			}
			.acct_20260617_ODM_block_1>div{
				position:absolute;
				right:0;
				bottom:0;
			}
			.acct_20260617_ODM_block_2{
				align-self: flex-end;
				margin-bottom:-25px;
				text-align: center;
				white-space:nowrap;
				word-break:keep-all;
			}
			.acct_20260617_ODM_block_2>div{
				background:#feed00;
				aspect-ratio: 1 / 1;
				border-radius:50%;
				padding:25px;
				-webkit-box-shadow: -8px -2px 11px 4px rgba(0,0,0,0.34); 
				box-shadow: -8px -2px 11px 4px rgba(0,0,0,0.34);
			}
			.acct_20260617_ODM_block_2>div p{
				font-size:22px;
				font-family:'Gilroy',Arial, Helvetica, sans-serif;
				line-height:25px;
				color:#000;
			}
			.acct_20260617_ODM_block_2_title{
				display:block;
				margin:0 auto;
				font-weight: 500;
			}
			.acct_20260617_ODM_block_2_price{
				font-size:92px;
				line-height:92px;
				color:#5c4498;
				font-weight: 700;
			}
			.acct_20260617_ODM_block_2_price>sup{
				font-size: 0.4em;
				display: inline-block;
				vertical-align: bottom;
				margin-bottom: 42px;
				margin-left: 5px;
			}
			.acct_20260617_ODM_block_2_price>sup:first-child{
				font-size: 0.25em;
				vertical-align: top;
				margin-top: 40px;
				display: inline-block;
				font-weight: 500;
				margin-right: -9px;
				margin-bottom: auto;
			}
			.acct_20260617_ODM_block_2_price>sub{
				font-size: 0.4em;
				display: inline-block;
				margin-left: -30px;
				vertical-align: bottom;
				margin-bottom: 38px;
			}
			.acct_20260617_ODM_block_3{
				width: 30%;
				align-self: flex-end;
				font-size: 16px;
				line-height: 20px;
				color: #5c4498;
				margin-bottom: 15px;
				font-family: brownCookies;
			}
			.acct_20260617_ODM_block_3 p{
				text-align: center;
				margin-left: 0;
				width: fit-content;
				transform: rotate(-5deg);
			}
			
			@media screen and (min-width:1440px)  {
				.acct_20260617_ODM_container{
					position:relative;
					width:100%;
					max-width:1930px;
					margin:auto;
					height:200px;
					background-color:#3593c7;
					background:url('https://imagine.bayard.io/unsafe/1930x200/bayard-static/e-bayard-jeunesse.com/2026/juin/sylius/bannieres/ODM/images/20260617_ODM_bg_wide.png');
					background-size:cover;
					background-position:right center;
					background-repeat: no-repeat;
					overflow: hidden;
				}
				.acct_20260617_ODM_block_1 p{
					font-size:55px;
					line-height: 55px;
					padding-bottom:20px;
					white-space: nowrap;
        			word-break: keep-all;
					margin-right:56px;
				}
				.acct_20260617_ODM_block_1 p strong{
					font-size:73px;
					line-height: 73px;
					display:block;
				}
				.acct_20260617_ODM_block_1{
					display:flex;
					align-items: center;
					justify-content: center;
					margin-right:1%;
					height:100%;

				}
				.acct_20260617_ODM_block_1>div{
					position:relative;
					align-self: flex-end;
				}
				.acct_20260617_ODM_block_1 p span.acct_20260617_ODM_block_1_sable{
					left:360px;
				}
				.acct_20260617_ODM_block_1 p span.acct_20260617_ODM_block_1_soleil{
					left:325px;
				}
				.acct_20260617_ODM_block_3 p{
					font-size:24px;
					line-height: 24px;
				}
			}
			@media screen and (max-width:1250px) {
				.acct_20260617_ODM_block_1 p{
					font-size: 47px;
    				line-height: 44px;
					padding-bottom: 107px;
				}
				.acct_20260617_ODM_block_1 p span{
					font-size:36px;
				}
				.acct_20260617_ODM_block_1 p span.acct_20260617_ODM_block_1_sable {
    				margin-bottom: 53px;
				}
				.acct_20260617_ODM_block_1 img{
					width:85%;
					margin-right:0;
				}
			}
			@media screen and (max-width:1200px) {
				.acct_20260617_ODM_container{
					background-position: 30% center;
    				background-size: 110% auto;
				}
			}
			@media screen and (max-width:1024px) {
				.acct_20260617_ODM_block_3 p{
					display:none;
				}
				.acct_20260617_ODM_block_3 {
    				width: 19%;
				}
			}
			@media screen and (max-width:1000px) {
				.acct_20260617_ODM_block_1 img {
        			width: 75%;
				}
				.acct_20260617_ODM_block_2>div p{
					font-size:18px;
					line-height:21px;
				}
				.acct_20260617_ODM_block_2_price {
					font-size: 82px;
					line-height: 87px;
				}
				.acct_20260617_ODM_block_1 p {
					font-size: 40px;
					line-height: 39px;
				}
				.acct_20260617_ODM_block_1 p span {
					font-size: 28px;
				}
			}
			@media screen and (max-width:767px) {
				.acct_20260617_ODM_block_3{
					display:none;
				}
				.acct_20260617_ODM_content{
					flex-direction: column;
					width:95%;
					max-width:415px;
					margin:auto;
					position: relative;
				}
				.acct_20260617_ODM_container{
					height:150px;
				}
				.acct_20260617_ODM_container{
					background:url('https://imagine.bayard.io/unsafe/768x150/bayard-static/e-bayard-jeunesse.com/2026/juin/sylius/bannieres/ODM/images/20260617_ODM_bg_m.png');
					background-position:center center;
					background-size:cover;
				}
				.acct_20260617_ODM_block_1{
					margin:0 auto;
					position:unset
				}
				.acct_20260617_ODM_block_1 p{
					text-align: center;
					font-size:20px;
					line-height: normal;
					padding-bottom:24px;
					position:relative;
				}
				.acct_20260617_ODM_block_1 p strong{
					font-size:25px;
				}
				.acct_20260617_ODM_block_1 p span {
					font-size: 18px;
					text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.34)
				}
				.acct_20260617_ODM_block_1 p span.acct_20260617_ODM_block_1_sable {
					left: 0;
					right: 0;
					margin: auto;
					text-align: center;
					margin-left: -70px;
				}
				.acct_20260617_ODM_block_1 p span.acct_20260617_ODM_block_1_soleil{
					left: 0;
					right: 0;
					margin: auto;
					text-align: center;
					margin-right:-110px;
				}
				.acct_20260617_ODM_block_1>div{
					right: auto;
					left: 8px;
					bottom: 4px;
				}
				.acct_20260617_ODM_block_1 img {
					width: 161px;
				}
				.acct_20260617_ODM_block_2>div p {
					font-size: 8px;
					line-height: 9px;
				}
				.acct_20260617_ODM_block_2_price {
					font-size: 33px;
					line-height: 33px;
				}
				.acct_20260617_ODM_block_2_price>sup {
					font-size: 0.4em;
					display: inline-block;
					vertical-align: bottom;
					margin-bottom: 1.1em;
					margin-left: 0.2em;
				}
				.acct_20260617_ODM_block_2_price>sup:first-child{
					margin-top: 1.5em;
					margin-right: -0.5em;
				}
				.acct_20260617_ODM_block_2_price>sub{
					font-size: 0.4em;
					display: inline-block;
					margin-left: -0.8em;
					vertical-align: bottom;
					margin-bottom: 1em;
				}
				.acct_20260617_ODM_block_2>div{
					width: 70px;
    				height: 70px;
					padding: 10px;
				}
				.acct_20260617_ODM_block_2{
					margin: 0;
					position: absolute;
					left: 43%;
					bottom: 15px;
				}
				.acct_20260617_ODM_block_2>div{
					box-shadow: -3px -1px 7px 2px rgba(0,0,0,0.34);
				}
			}
			@media screen and (max-width:450px) {
			}
			
			@media screen and (max-width:415px) {
				.acct_20260617_ODM_block_2{
					left:50%;
				}
			}