/*Les typos à utiliser dans la bannière*/
			@font-face {
				font-family: 'gilroymedium';
				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: normal;
				font-style: normal;
			}
			@font-face {
				font-family: 'gilroysemibold';
				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: normal;
				font-style: normal;
			}
			@font-face {
				font-family: 'gilroylight';
				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: normal;
				font-style: normal;
			}
			@font-face {
				font-family: 'gilroyregular';
				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: normal;
				font-style: normal;
			}
			@font-face {
				font-family: 'gilroyLight';
				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: normal;
				font-style: normal;
			}
			.acct_20251103_banniere_chatbot_show_t{
				display:none;
			}
			.acct_20251103_banniere_chatbot_content p{
				margin:auto;
			}
			.acct_20251103_banniere_chatbot_content img{
				display:block;
				width:100%;
				margin:auto;
			}
			.acct_20251103_banniere_chatbot_container a img {
				display: block;
			}
			.category-view>.category-cms>div{
				width:100%;
			}
			.acct_20251103_banniere_chatbot_container a{
				text-decoration: none;
				color:initial;
			}
			.acct_20251103_banniere_chatbot_container>a{
				width:100%;
			}
			/* TON CSS*/
			.acct_20251103_banniere_chatbot_container{
				height:150px;
				overflow: hidden;
				max-width:1280px;
				margin:auto;
				position:relative;
				background-color: #fff000;
			}
			.acct_20251103_banniere_chatbot_content{
				height:150px;
				text-align: center;
				color:#000000;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: row;
				gap:10px;
				background:url('https://imagine.bayard.io/unsafe/1200x150/bayard-static/e-bayard-jeunesse.com/2025/noel/periode1/boutique/homemineure/images/20251103_banniere_chatbot_background.png');
			}
			.acct_20251103_banniere_chatbot_block_left{
				align-self: flex-end;
			}
			.acct_20251103_banniere_chatbot_text{
				height:150px;
				text-align: center;
				color:#000000;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}
			.acct_20251103_banniere_chatbot_block_1 p,
			.acct_20251103_banniere_chatbot_block_1 p *{
				font-family:'gilroysemibold',Arial, Helvetica, sans-serif;
				font-size:26px;
				line-height: 32px;
				color:#fff;
			}
			.acct_20251103_banniere_chatbot_block_1 p>span{
				color:#fff000;
			}
			.acct_20251103_banniere_chatbot_block_1 p:last-child{
				font-family:'gilroylight',Arial, Helvetica, sans-serif;
				font-size:15px;
				line-height: 17px;
			}
			.acct_20251103_banniere_chatbot_text{
				width:64%;
			}
			.acct_20251103_banniere_chatbot_block_2{
				width:100%;
			}
			.acct_20251103_banniere_chatbot_block_2>p{
				font-family:'gilroyLight',Arial, Helvetica, sans-serif;
				font-size:15px;
				line-height: 20px;
			}
			.acct_20251103_banniere_chatbot_block_2 .acct_20251103_banniere_chatbot_block_input{
				background:#fff;
				max-width:816px;
				margin:auto;
				border-radius:5px;
				overflow: hidden;
				display:flex;
				align-items: center;
				justify-content: space-between;
				margin-top:12px;
				border:2px solid #fff000;
			}
			
			.acct_20251103_banniere_chatbot_block_2 .acct_20251103_banniere_chatbot_block_input p{
				font-family:'gilroyLight',Arial, Helvetica, sans-serif;
				color:#77787b;
				font-size:18px;
				line-height: normal;
				flex:1 0 0;
				text-align: left;
			}
			/*animation*/
			.acct_20251103_banniere_chatbot_block_input {
				position: relative;
				overflow: hidden;
				width: 10px;
				height:57px;
				transform: translateY(100%);
				animation:
				slideUp 0.3s ease-out forwards,
				expandWidth 0.7s ease-in forwards 0.3s;
				max-width: 816px;
				margin: 0 auto;
				display: flex;
				align-items: center;
				justify-content: flex-start;
			}

			@keyframes slideUp {
				to {
					transform: translateY(0);
				}
			}

			@keyframes expandWidth {
				from {
					width: 10px;
				}
				to {
					width: 100%;
				}
			}

			/* Image chatbot 2 */
			.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_2{
				min-width: 66px;
				transform: translateY(100%);
				animation:
					chatbot2In 0.3s ease-out forwards 0.2s,
					chatbot2Bounce 0.4s ease-in-out 2 alternate 1.7s,
					chatbot2Bounce 0.4s ease-in-out 2 alternate 4.6s;
			}

			@keyframes chatbot2In {
				to {
					transform: translateY(0);
				}
			}

			@keyframes chatbot2Bounce {
				0% {
					transform: translateY(0);
				}
				50% {
					transform: translateY(-3px);
				}
				100% {
					transform: translateY(0);
				}
			}

			/* Paragraphe 1 */
			.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_paragraphe_1{
				overflow: hidden;
				white-space: nowrap;
				max-width: 0;
				display: inline-block;
				animation:
				para1Expand 1.5s ease-in forwards 1.5s,
				para1Collapse 1.2s ease-out forwards 2.7s;
			}

			@keyframes para1Expand {
				to {
					max-width: 800px;
				}
			}

			@keyframes para1Collapse {
				to {
					max-width: 0;
				}
			}

			/* Paragraphe 2 */
			.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_paragraphe_2{
				overflow: hidden;
				white-space: nowrap;
				max-width: 0;
				display: inline-block;
				animation:
				para2Expand 1.3s ease-in forwards 4s;
			}

			@keyframes para2Expand {
				to {
					max-width: 800px;
				}
			}

			/* Image chatbot 3 */
			.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_3{
				min-width: 48px;
				transform: translateY(100%);
				animation: chatbot3In 0.5s ease-out forwards 5.3s;
			}

			@keyframes chatbot3In {
				to {
					transform: translateY(0);
				}
			}

			@media screen and (max-width: 810px) {
				.acct_20251103_banniere_chatbot_content{
					gap:5px;
					background:url('https://imagine.bayard.io/unsafe/768x150/bayard-static/e-bayard-jeunesse.com/2025/noel/periode1/boutique/homemineure/images/20251103_banniere_chatbot_background_t.png');
					background-size:cover;
				}
				.acct_20251103_banniere_chatbot_block_1{
				}
				.acct_20251103_banniere_chatbot_block_1 p{
					line-height: normal;
					margin:0;
				}
				.acct_20251103_banniere_chatbot_text{
					width:67%;
				}
				.acct_20251103_banniere_chatbot_block_2{
					display:flex;
					align-items: center;
					justify-content: space-between;
					gap:25px;
				}
				.acct_20251103_banniere_chatbot_block_inputContainer{
					min-width:100%;
				}
				.acct_20251103_banniere_chatbot_block_2>p{
					font-size:14px;
					line-height: normal;
					text-align: left;
				}
				.acct_20251103_banniere_chatbot_block_2 .acct_20251103_banniere_chatbot_block_input{

				}
				.acct_20251103_banniere_chatbot_block_2 .acct_20251103_banniere_chatbot_block_input p{
					font-size:14px;
				}
				.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_2{
					min-width:51px;
				}
				.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_3{
					min-width: 45px;
				}
			}
			@media screen and (max-width:767px) {
				.acct_20251103_banniere_chatbot_content{
					gap:0;
					background:url('https://imagine.bayard.io/unsafe/450x150/bayard-static/e-bayard-jeunesse.com/2025/noel/periode1/boutique/homemineure/images/20251103_banniere_chatbot_background_m.png');
					background-size:cover;
				}
				.acct_20251103_banniere_chatbot_text{
					padding:10px;
					width:calc(100% - 4px);
				}
				.acct_20251103_banniere_chatbot_block_left,
				.acct_20251103_banniere_chatbot_block_right{
					display:none!important;
				}
				.acct_20251103_banniere_chatbot_block_2{
					flex-direction: column;
					justify-content: flex-start;
					gap:8px;
					max-width:100%;
					width:100%;
				}
				.acct_20251103_banniere_chatbot_block_1 p,
				.acct_20251103_banniere_chatbot_block_1 p *{
					font-size:21px;
					line-height: 23px;
					margin-bottom:0;
				}
				.acct_20251103_banniere_chatbot_block_1 p:last-child{
					font-size:12px;
					line-height: 14px;
					margin-bottom:10px;
				}
				.acct_20251103_banniere_chatbot_block_2>p{
					font-size:12px;
					line-height: 14px;
					width: 85%;
        			margin-left: 0;
				}
				.acct_20251103_banniere_chatbot_block_2 .acct_20251103_banniere_chatbot_block_input p{
					font-size:12px;
					line-height: 14px;
				}
				.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_2 {
					min-width: 48px;
				}
				.acct_20251103_banniere_chatbot_block_input .acct_20251103_banniere_chatbot_3 {
					min-width: 41px;
				}
				.acct_20251103_banniere_chatbot_block_inputContainer{
					min-width: 100%;
				}
				.acct_20251103_banniere_chatbot_block_input{
					height:53px;
				}
			}
			@media screen and (max-width:440px) {
				.acct_20251103_banniere_chatbot_block_2>p{
					width:100%;
				}
				
				.acct_20251103_banniere_chatbot_block_1 p:last-child{
					font-size:12px;
					line-height: 14px;
					margin-bottom:0;
				}
				.acct_20251103_banniere_chatbot_block_2 .acct_20251103_banniere_chatbot_block_input{
					margin-top:5px;
				}
			}