/*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: '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_20250806_banniere_chatbot_show_t{
				display:none;
			}
			.acct_20250806_banniere_chatbot_content p{
				margin:auto;
			}
			.acct_20250806_banniere_chatbot_content img{
				display:block;
				width:100%;
				margin:auto;
			}
			.acct_20250806_banniere_chatbot_container a img {
				display: block;
			}
			.category-view>.category-cms>div{
				width:100%;
			}
			.acct_20250806_banniere_chatbot_container a{
				text-decoration: none;
				color:initial;
			}
			.acct_20250806_banniere_chatbot_container>a{
				width:100%;
			}
			/* TON CSS*/
			.acct_20250806_banniere_chatbot_container{
				height:150px;
				overflow: hidden;
				max-width:1280px;
				margin:auto;
				position:relative;
				background-color: #fff000;
			}
			.acct_20250806_banniere_chatbot_content{
				height:150px;
				text-align: center;
				color:#000000;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}
			.acct_20250806_banniere_chatbot_block_1 p{
				font-family:'gilroymedium',Arial, Helvetica, sans-serif;
				font-size:26px;
				line-height: 32px;
			}
			.acct_20250806_banniere_chatbot_block_2>p{
				font-family:'gilroyLight',Arial, Helvetica, sans-serif;
				font-size:15px;
				line-height: 20px;
			}
			.acct_20250806_banniere_chatbot_block_2 .acct_20250806_banniere_chatbot_block_input{
				background:#fff;
				max-width:816px;
				margin:auto;
				border-radius:3px;
				overflow: hidden;
				display:flex;
				align-items: center;
				justify-content: space-between;
				margin-top:12px;
			}
			
			.acct_20250806_banniere_chatbot_block_2 .acct_20250806_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;
			}
			.acct_20250806_banniere_chatbot_1{
				position:absolute;
				left:3%;
				bottom:0;
			}
			/*animation*/
			.acct_20250806_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_20250806_banniere_chatbot_block_input .acct_20250806_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_20250806_banniere_chatbot_block_input .acct_20250806_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_20250806_banniere_chatbot_block_input .acct_20250806_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_20250806_banniere_chatbot_block_input .acct_20250806_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:1090px) {
				.acct_20250806_banniere_chatbot_1{
					left:0;
				}
			}

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

			@media screen and (max-width: 810px) {
				.acct_20250806_banniere_chatbot_content{
					padding:0 25px;
					justify-content: flex-start;
				}
				.acct_20250806_banniere_chatbot_1{
					display:block!important;
					position:relative;
					left:0;
				}
				.acct_20250806_banniere_chatbot_block_1{
					width: 100%;;
					display:flex;
					align-items: center;
					justify-content: flex-start;
				}
				.acct_20250806_banniere_chatbot_block_1 p{
					font-size:18px;
					line-height: normal;
					margin:0;
				}
				.acct_20250806_banniere_chatbot_block_2{
					display:flex;
					align-items: center;
					justify-content: space-between;
					gap:25px;
				}
				.acct_20250806_banniere_chatbot_block_inputContainer{
					min-width:60%;
				}
				.acct_20250806_banniere_chatbot_block_2>p{
					font-size:14px;
					line-height: normal;
					text-align: left;
				}
				.acct_20250806_banniere_chatbot_block_2 .acct_20250806_banniere_chatbot_block_input{
					margin:auto;
				}
				.acct_20250806_banniere_chatbot_block_2 .acct_20250806_banniere_chatbot_block_input p{
					font-size:14px;
				}
				.acct_20250806_banniere_chatbot_block_input .acct_20250806_banniere_chatbot_2{
					min-width:51px;
				}
				.acct_20250806_banniere_chatbot_block_input .acct_20250806_banniere_chatbot_3{
					min-width: 45px;
				}
			}
			@media screen and (max-width:767px) {
				.acct_20250806_banniere_chatbot_content{
					padding:10px;
				}
				.acct_20250806_banniere_chatbot_1{
					display:none!important;
				}
				.acct_20250806_banniere_chatbot_block_2{
					flex-direction: column;
					justify-content: flex-start;
					gap:8px;
					max-width:100%;
					width:100%;
				}
				.acct_20250806_banniere_chatbot_block_1 p{
					font-size:17px;
					line-height: 18px;
					text-align: center;
					margin:auto;
					margin-bottom:8px;
				}
				.acct_20250806_banniere_chatbot_block_1 p span{
					white-space: nowrap;
					word-break:keep-all;
				}
				.acct_20250806_banniere_chatbot_block_2>p{
					font-size:12px;
					line-height: 14px;
					width: 85%;
        			text-align: center;
					margin:auto;
				}
				.acct_20250806_banniere_chatbot_block_2 .acct_20250806_banniere_chatbot_block_input p{
					font-size:12px;
					line-height: 14px;
				}
				.acct_20250806_banniere_chatbot_block_input .acct_20250806_banniere_chatbot_2 {
					min-width: 48px;
				}
				.acct_20250806_banniere_chatbot_block_input .acct_20250806_banniere_chatbot_3 {
					min-width: 41px;
				}
				.acct_20250806_banniere_chatbot_block_inputContainer{
					min-width: 100%;
				}
				.acct_20250806_banniere_chatbot_block_input{
					height:53px;
				}
			}
			@media screen and (max-width:440px) {
				.acct_20250806_banniere_chatbot_block_2>p{
					width:100%;
				}
			}