.bon-a-savoir{margin:40px 0}.bon-a-savoir .bas-shell{position:relative}.bon-a-savoir .bas-texte,.bon-a-savoir .bas-texte p{margin:0;font-family:"Arial",sans-serif;font-weight:400;font-size:16px;line-height:24px}.bon-a-savoir .bas-badge-icon svg,.bon-a-savoir .bas-badge-icon img{width:100%;height:100%;object-fit:contain}.bon-a-savoir .bas-icon-mobile{display:none}@media (max-width:1023px){.bon-a-savoir .bas-icon-desktop{display:none}.bon-a-savoir .bas-icon-mobile{display:flex}}.bon-a-savoir--2 .bas-shell{padding:24px 0 0 24px}.bon-a-savoir--2 .bas-box{border:1px solid var(--secondary300);border-radius:0 24px 24px 24px;padding:32px;background:linear-gradient(97.6deg,var(--secondary300) -54%,var(--secondary100) 102%);color:var(--neutral800)}.bon-a-savoir--2 .bas-titre{margin:0 0 10px;font-family:"Arial",sans-serif;font-weight:700;font-size:18px;line-height:normal}.bon-a-savoir--2 .bas-badge-icon{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:8px;box-sizing:border-box;border-radius:64px 64px 2px 64px;background-color:var(--secondary400);color:var(--white)}.bon-a-savoir--3 .bas-shell{padding-top:16px}.bon-a-savoir--3 .bas-tag{position:relative;z-index:2;display:flex;width:fit-content;align-items:center;justify-content:center;margin:0 0 -10px 28px;max-width:calc(100% - 44px)}.bon-a-savoir--3 .bas-tag-bg{position:absolute;inset:-5px -8px;z-index:-1;color:var(--primary500)}.bon-a-savoir--3 .bas-tag-bg svg{display:block;width:100%;height:100%}.bon-a-savoir--3 .bas-tag-label{font-family:"Arial",sans-serif;font-weight:700;font-size:20px;line-height:24px;color:var(--white)}.bon-a-savoir--3 .bas-box{border-radius:24px;padding:32px;background:linear-gradient(97.85deg,var(--primary200) 6.19%,var(--primary100) 92.8%);color:var(--neutral800)}.bon-a-savoir--4 .bas-shell{display:flex;align-items:stretch;border-radius:16px;overflow:hidden;background:linear-gradient(97.6deg,var(--secondary100) 11%,var(--secondary300) 249%)}.bon-a-savoir--4 .bas-ruban{flex:0 0 32px;display:flex;align-items:center;justify-content:center;padding:12px 0;background-color:var(--secondary500)}.bon-a-savoir--4 .bas-ruban-label{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Roboto",sans-serif;font-weight:700;font-size:17px;color:var(--white)}.bon-a-savoir--4 .bas-box{flex:1;min-width:0;display:flex;align-items:center;padding:24px;color:var(--neutral600)}.bon-a-savoir--5 .bas-shell{display:flex;align-items:stretch;border-radius:16px;overflow:hidden;background:linear-gradient(97.6deg,var(--primary100) 13%,var(--primary300) 246%)}.bon-a-savoir--5 .bas-badge-icon{position:relative;flex:0 0 78px;margin-right:32px;display:flex;align-items:center;justify-content:center;border-radius:16px 0 40px 16px;background:linear-gradient(97.6deg,var(--primary100) -101%,var(--primary300) 409%);color:var(--primary500)}.bon-a-savoir--5 .bas-badge-icon::after{content:"";position:absolute;top:0;left:100%;width:52px;height:52px;background-color:#dbeaff;-webkit-mask:radial-gradient(circle 52px at 100% 100%,#0000 0 52px,#000 52.5px);mask:radial-gradient(circle 52px at 100% 100%,#0000 0 52px,#000 52.5px)}.bon-a-savoir--5 .bas-badge-icon svg,.bon-a-savoir--5 .bas-badge-icon img{width:40px;height:40px}.bon-a-savoir--5 .bas-box{flex:1;min-width:0;display:flex;align-items:center;padding:24px;color:var(--neutral600)}.good-to-know{margin:40px 0}.good-to-know .container{padding:20px 0 0 32px;position:relative}.good-to-know .content{background-color:var(--primary100);padding:32px;border:1px solid var(--primary300);color:var(--neutral600);border-radius:24px}.good-to-know p:first-child{margin-top:0}.good-to-know p:last-child{margin-bottom:0}.good-to-know .gtk-badge{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:8px;box-sizing:border-box;border-radius:24px 24px 2px 24px;background-color:var(--primary500);color:var(--white)}.good-to-know .gtk-badge svg{width:100%;height:100%}.modele-image img{width:100%;height:auto;border-radius:16px}.modele-image picture:first-child{display:none}.modele-image picture:last-child{display:block}@media screen and (min-width:768px){.modele-image picture:first-child{display:block!important}.modele-image picture:last-child{display:none}}