/*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_ODM_show_t{
				display:none;
			}
			.acct_20260326_ODM_content p{
				margin:auto;
			}
			.acct_20260326_ODM_content img{
				display:block;
				width:100%;
				margin:auto;
			}
			.acct_20260326_ODM_container a img {
				display: block;
			}
			.category-view>.category-cms>div{
				width:100%;
			}
			.acct_20260326_ODM_container a{
				text-decoration: none;
				color:initial;
			}
			.acct_20260326_ODM_container>a{
				width:100%;
			}
			.acct_20260326_ODM_container{
				position:relative;
				width:100%;
				max-width:1280px;
				margin:auto;
				height:200px;
				background-color:#fff000;
				overflow: hidden;
			}
			.acct_20260326_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_20260326_ODM_content{
				width:100%;
				height: 100%;
				display:flex;
				align-items: center;
				justify-content: flex-start;
				white-space: nowrap;;
			}
			.acct_20260326_ODM_block_1{
				width:24.14%;
				height:100%;
				position:relative;
				align-self: flex-end;
			}
			.acct_20260326_ODM_block_1 .acct_20260326_ODM_block_1_img_1,
			.acct_20260326_ODM_block_1 .acct_20260326_ODM_block_1_img_2{
				position:absolute;
				bottom:0;
				left:0;
			}
			.acct_20260326_ODM_block_1_img_1 {
				animation: img-switch 1s step-start infinite reverse;
			}

			.acct_20260326_ODM_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_ODM_block_2{
				align-self: center;
				padding-right:85px;
			}
			.acct_20260326_ODM_block_2_title{
				font-size:52px;
				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_ODM_block_2_title strong{
				font-weight: 800;
				font-size:65px;
			}
			.acct_20260326_ODM_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_ODM_block_2_title span img{
				position: absolute;
				left: 0;
				top: 0;
				min-width: 283px;
				transform: translateY(-53px);
			}
			.acct_20260326_ODM_block_3{
				width:15.62%;
				height:100%;
				position:relative;
			}
			.acct_20260326_ODM_block_3 .acct_20260326_ODM_block_3_img_1,
			.acct_20260326_ODM_block_3 .acct_20260326_ODM_block_3_img_2{
				position:absolute;
				bottom:0;
				left:0;
			}
			.acct_20260326_ODM_block_3_img_1 {
				animation: img-switch 1s step-start infinite reverse;
			}

			.acct_20260326_ODM_block_3_img_2 {
				animation: img-switch 1s step-start infinite;
			}
			.acct_20260326_ODM_block_4{
				display:flex;
				align-items: center;
				justify-content: center;
				gap:3px;
				height:100%;
			}
			.acct_20260326_ODM_block_4_text{
				color:#000;
				font-size:22px;
				text-align: left;
				line-height: 22px;
				letter-spacing: -1px;
				font-family: 'gilroy',Arial, Helvetica, sans-serif;
				font-weight: 600;
				margin:0;				
			}
			.acct_20260326_ODM_block_4_text strong{
				font-weight: 800;
			}
			.acct_20260326_ODM_block_4_code{
				font-size:23px;
				line-height: 23px;
				text-align: left;
				font-family: 'gilroy',Arial, Helvetica, sans-serif;
				font-weight: 600;
				margin-top:10px;
			}
			.acct_20260326_ODM_block_4_code>span{
				color:#8719ff;
				font-weight: 800;
				letter-spacing: 2px;
			}
			.acct_20260326_ODM_block_4_price{
				margin-top:-30px;
				min-width:82px;
				margin-right:20px;
				animation: ctaScale 1s step-start infinite;
			}
			@keyframes ctaScale {
				0%, 49.9% { transform: scale(1); }
				50%, 100%  { transform: scale(0.9); }
			}
			.acct_20260326_ODM_block_4{
				background-image:url('https://imagine.bayard.io/unsafe/232x200/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_background_1.png');
				background-position:top right;
				background-repeat: no-repeat;
				animation: block4Background 1s step-start infinite;
			}
			@keyframes block4Background {
				0%, 49.9% { 
					background-image:url('https://imagine.bayard.io/unsafe/232x200/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_background_1.png');
					background-position:top right;
					background-repeat: no-repeat;
				 }
				50%, 100%  { 
					background-image:url('https://imagine.bayard.io/unsafe/232x200/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_background_2.png');
					background-position:top right;
					background-repeat: no-repeat;
				}
			}

			@media screen and (min-width:768px) and (max-width:1024px) {
				.acct_20260326_ODM_block_2_title{
					font-size:35px;
				}
				.acct_20260326_ODM_block_2_title strong{
					font-size:45px;
				}
				.acct_20260326_ODM_block_2_title span img{
					min-width:200px;
					max-width: 200px;
					transform: translateY(-36px);
					margin-left: 10px;
				}
				.acct_20260326_ODM_block_4_text,
				.acct_20260326_ODM_block_4_code{
					font-size:20px;
				}
			}		
			
			@media screen and (min-width:768px) and (max-width:900px) {
				
				.acct_20260326_ODM_block_1{
					display:none;
				}
				.acct_20260326_ODM_content{
					padding-left:15px;
				}

			}	



			@media screen and (max-width:767px) {
				.acct_20260326_ODM_block_1,
				.acct_20260326_ODM_block_3{
					display:none;
				}
				.acct_20260326_ODM_block_2{
					align-self: flex-start;
				}
				.acct_20260326_ODM_block_2_title{
					font-size:27px;
				}
				.acct_20260326_ODM_block_2_title strong{
					font-size:34px;
				}
				.acct_20260326_ODM_block_2_title span img{
					min-width:140px;
					max-width: 140px;
					transform: translateY(-26px);
    				margin-left: 13px;
				}
				.acct_20260326_ODM_block_2{
					padding:0;
				}
				.acct_20260326_ODM_content{
					flex-direction: column;
					align-items: flex-start;
					justify-content: center;
					padding-left:15px;
				}
				.acct_20260326_ODM_block_4{
					animation:none;
					background:none;
					height:auto;
					margin-top:10px;
				}
				.acct_20260326_ODM_block_4_text{
					font-size:18px;
					line-height: 18px;
				}
				.acct_20260326_ODM_block_4_code{
					text-align: center;
					position: absolute;
					top: 7px;
					right: 10px;
					font-size: 16px;
					line-height: 18px;
					animation:ctaScale 1s step-start infinite reverse;
				}
				.acct_20260326_ODM_block_4_code>span{
					display:block;
				}
				.acct_20260326_ODM_block_4_price{
					animation:none;    
					width: 59px;
					min-width: 59px;
					max-width: 59px;
					margin-top: -15px;
				}
				.acct_20260326_ODM_container{
					height:150px;
				}
				.acct_20260326_ODM_content{
					height:150px;
					position: relative;
					max-width: 415px;
					width:calc(100% - 15px);
					margin:auto;
					background-image:url('https://imagine.bayard.io/unsafe/246x150/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_background_1_m.png');
					background-position:top right;
					background-repeat: no-repeat;
					animation: containerBackground 1s step-start infinite reverse;
				}
				@keyframes containerBackground {
					0%, 49.9% { 
						background-image:url('https://imagine.bayard.io/unsafe/246x150/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_background_1_m.png');
						background-position:top right;
						background-repeat: no-repeat;
					}
					50%, 100%  { 
						background-image:url('https://imagine.bayard.io/unsafe/246x150/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_background_2_m.png');
						background-position:top right;
						background-repeat: no-repeat;
					}
				}
				.acct_20260326_ODM_block_4_price{
					position:relative;
				}
				.acct_20260326_ODM_block_4_price picture{
					position:relative;
					z-index: 2;
				}
				.acct_20260326_ODM_block_4_price:after{
					content:'';
					width:59px;
					height:60px;
					position:absolute;
					top:-25px;
					left:0;
					z-index: 1;
					animation: POB 1s step-start infinite;
				}
				@keyframes POB {
					0%, 49.9% { 
						background-image:url('https://imagine.bayard.io/unsafe/59x50/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_POB.png');
						background-position:top right;
						background-repeat: no-repeat;
					}
					50%, 100%  { 
						background-image:url('https://imagine.bayard.io/unsafe/59x50/bayard-static/e-bayard-jeunesse.com/2026/avril/odm/images/20260326_ODM_POB_2.png');
						background-position:top right;
						background-repeat: no-repeat;
					}
				}
				@keyframes surprise {
					0%, 49.9% { transform: rotate(-5deg); }
					50%, 100%  { transform: rotate(-7deg); }
				}
				
			}
			@media screen and (max-width:415px) {
				.acct_20260326_ODM_block_4_code{
					right:-2px;
				}
			}