@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');
:root{
	--lumx-typography-font-family:'poppins';
  	--lumx-app-header-box-shadow:none;
  	--lumx-app-header-border-bottom-width:1px;
  	--lumx-app-header-border-bottom-color:#F0F0F0;
  	--lumx-app-background:#FFFFFF;
  	--lumx-typography-custom-title1-font-size:38px;
  	--lumx-typography-custom-title1-font-weight:600;  --teal: #009597;
  --teal-dark: #006a4e;
  --orange: #ed6842;
  --green-prairie: #9ebe38;
  --cream: #f8eddb;
  --cream-dark: #eee3cb;
  --cream-darker: #e8dcc4;
  --cream-darkest: #e3d8c2;
  --gray-dark: #4a4a49;
  --gray-brown: #7c7466;
  --gray-taupe: #8d8474;
  --black: #1a1a1a;
  --white: #ffffff;
  --navy: #272e80;
  --green-light: #6eca97;
  --green-pale: #d8ead7;
  --green-success-bg: #dcfce7;
  --green-success-text: #16a34a;
  --font-hand: 'Caveat', cursive;
  
}


/*hide MS streams in waffle*/
.bookmarked-apps-dropdown .bookmarks :nth-child(5) {
  display:none !important;
}

.bookmarked-apps-dropdown .bookmarks :nth-child(13) {
  display:none !important;
}


/*Bold font when main nav is active*/
.main-nav-item--is-active {
 font-weight: bold;
 border-bottom: solid 1px #009597;
}

.main-nav-item--is-active span {
 font-weight: bold !important;
}


/*hide create button*/
.header-top__contribution {
  display:none !important;
}


/*custom top bar icons*/
.header-top__directory-favorites i{
  color: #009597 !important;
}

.header-top__bookmarked-apps i{
  color: #009597 !important;
}

.header-top__play-video i{
  color: #009597 !important;
}


.notification-center-menu i{
  color: #009597 !important;
}

/*notif en orange*/
.lumx-icon--color-red.lumx-icon--no-shape  {
  color: #E15C3F !important;
}

.notification-center-list-header__count {
  background: #E15C3F !important;
}

.header-top__settings-menu i{
  color: #009597 !important;
}


.header-top__resource-center i{
  color: #009597 !important;
}


/*custom search button*/
.searchbox__submit-btn {
  background:#009597 !important;
  color: #FFF !important;
}

/*custom radius for content list widgets thumbnails*/
.widget--shared-listedecontenuhorizontale .lumx-thumbnail__background {
  border-radius: 24px;
}

.widget--shared-listedecontenuverticale .lumx-thumbnail__background {
  border-radius: 24px;
}


/*custom slider active item*/
.block-slideshow .lumx-slideshow-controls--theme-dark .lumx-slideshow-controls__pagination-item--is-active, .lumx-slideshow-controls--theme-dark .lumx-slideshow-controls__pagination-item:hover {
  background-color:#009597;
}

/* custom content list titles*/
.block-page-preview__content
.lumx-link__content {
  font-size:20px;
  font-weight:500;
}

.widget-content-list__list .content-block-title{
  font-size:20px !important;
  font-weight:500 !important;
}



/*custom link titles*/
.widget--shared-liensrapides .lumx-link__content {
  font-size:14px;
}


/*caption under featured image of news*/
.widget--caption .block-html {
  font-size:12px;
  font-weight:500;
}


/*custom title widget*/
.block-title{
  font-size:38px;
  font-weight:600!important;
  color:#363636 !important;
}


/*custom quote in news template*/
.widget--quote .block-html{
  color: #009597;
  font-size: 32px;
  font-style: italic;
  font-weight: 600;
  line-height: 140%;
}

.widget--quote .widget-html__content{
  color: #009597;
  font-size: 32px;
  font-style: italic;
  font-weight: 600;
  line-height: 140%;
}

.widget--quote-author .block-html{
  color: #009597 !important;
  font-weight:500;
  font-size:16px;
}

.widget--quote-author .widget-html__content{
  color: #009597 !important;
  font-weight:500;
  font-size:16px;
}

.widget--quote-job-title .block-html{
  color: #363636 !important;
  font-weight:400;
  font-size:14px;
}

.widget--quote-job-title .widget-html__content{
  color: #363636 !important;
  font-weight:400;
  font-size:14px;
}
/* Titre d'offre : plus petit, gras, orange */
.widget--my-jobs [data-testid^="textBlock-offer-title-"] .lumx-adaptive-card-text-block {
  color: #E8683C !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.widget--my-jobs .ac-button {
    margin-top: 16px;
}
.widget--my-jobs .lumx-text-field {
    padding-top: 12px!important;
}

/* Méta d'offre : gras + noir (au lieu du gris subtil), un peu plus petit */
.widget--my-jobs [data-testid^="textBlock-offer-meta-"] .lumx-adaptive-card-text-block {
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Séparateur : un trait sous chaque offre */
.widget--my-jobs
  .lumx-adaptive-card__element--column.lumx-adaptive-card__element--has-separator
  > .lumx-adaptive-card__element--container {
  border-top: none !important;      /* enlève le trait du haut si présent */
  border-bottom: 1px solid #d9d3c9 !important;
  padding-bottom: 12px !important;
}

/*custom intro*/
.block-intro{
  font-size: 16px !important;
  color: #000!important;
  font-weight:500!important;
}


/*custom green section titles*/
.widget--shared-titresectionvert .block-html{
  color:#009597!important;
  font-weight:500 !important;
  font-size:16px !important;
}


/*green description for link widget*/
.widget-links .generic-entity-block__description{
  color:#009597;
}


/*custom big section title with green heading and big black title*/
.widget--shared-titresectionnoir .block-html{
  color:#363636 !important;
  font-size:32px;
  font-weight:600;
}

.widget--shared-titresectionnoir .widget-header__title p{
  color:#363636 !important;
  font-size:16px;
  font-weight:500;
}

.widget--shared-titresectionnoir .widget-html__content p{
  color:#363636 !important;
  font-size:32px!important;
  font-weight:600!important;
}

.widget--shared-titresectionnoir .widget-header__titlep{
  color:#363636 !important;
  font-size:16px!important;
  font-weight:500!important;
}

/*custom white title*/
.widget--shared-titreblanc .block-title{
  color:#FFF !important;
}


/*custom html blocks*/
.widget--shared-contenubleu .block-html,
.widget--shared-contenuvert .block-html,
.widget--shared-contenuorange .block-html
{
  color: #FFF;
}

.widget--shared-contenuvertmoyen .block-html,
.widget--shared-contenuvertpale .block-html,
.widget--shared-contenugris .block-html
{
  color: #363636;
}



/*white texte in CTASOrange global style*/
.widget--shared-ctasboutonorange-fond-un .block-html,
.widget--shared-ctasboutonorange-fond-deux .block-html,
.widget--shared-ctasboutonorange-fond-trois .block-html,
.widget--shared-ctasboutonorange-fond-quatre .block-html,
.widget--shared-ctasboutonorange-fond-cinq .block-html,
.widget--shared-ctasboutonorange-fond-six .block-html,
.widget--shared-ctasboutonorange-fond-sept .block-html,
.widget--shared-ctasboutonorange-fond-huit .block-html,
.widget--shared-ctasboutonorange-fond-neuf .block-html,
.widget--shared-ctasboutonorange-fond-dix .block-html{
  color: #FFF;
  font-size: 24px;
  font-weight:500;
}

.widget--shared-ctasboutonorange-fond-un .widget-html__content,
.widget--shared-ctasboutonorange-fond-deux .widget-html__content,
.widget--shared-ctasboutonorange-fond-trois .widget-html__content,
.widget--shared-ctasboutonorange-fond-quatre .widget-html__content,
.widget--shared-ctasboutonorange-fond-cinq .widget-html__content,
.widget--shared-ctasboutonorange-fond-six .widget-html__content,
.widget--shared-ctasboutonorange-fond-sept .widget-html__content,
.widget--shared-ctasboutonorange-fond-huit .widget-html__content,
.widget--shared-ctasboutonorange-fond-neuf .widget-html__content,
.widget--shared-ctasboutonorange-fond-dix .widget-html__content{
  color: #FFF !important;
  font-size: 24px !important;
  font-weight:500 !important;
}

/*custom welcome message*/
.widget--welcome-message .widget-welcome {
  color:#009597 !important;
  font-weight:600 !important;
  font-size:38px !important;
}

/*custom app title in directory entries*/
.directory-entry-block-title {
  font-size:14px !important;
}


/*custom follow button*/
.follow-button__subscribe {
  background-color: #E15C3F !important;
  border-radius:20px !important;
  color:#FFF !important;
}

.block-community-preview__follow .lumx-button{
  background-color: #E15C3F !important;
  border-radius:20px !important;
  color:#FFF !important;
}

/*custom survey widget button*/
.widget-standalone-question__footer button{
  background-color: #E15C3F !important;
  border-radius:20px !important;
  color:#FFF !important;
}



/*custom community title*/
.community-block__title {
  font-weight:500!important;
}

.block-community-preview__title {
  font-weight:500!important;
}



/*custom community thumbnails*/
.block-community-preview__thumbnail-wrapper .lumx-thumbnail__background{
  border-radius:16px !important; 
}

.community-block__thumbnail .lumx-thumbnail__image{
  border-radius:16px !important; 
}


/*custom breadcrumb*/
.widget-breadcrumb__link:hover {
  text-decoration:none;
}



/*custom metadata*/
.content-block-metadata__metadata span{
  background:#009597 !important;
  padding: 4px 8px !important;
  border-radius:16px !important;
  color:#FFF !important;
  text-transform:uppercase;
  font-weight:500 !important;
}


.metadata-link span{
  background:#009597 !important;
  padding: 4px 8px !important;
  border-radius:16px !important;
  color:#FFF !important;
  text-transform:uppercase;
  font-weight:500 !important;
}


/*custom metadata white*/
.widget--metadata-white .content-block-metadata__metadata span{
  background:#FFF !important;
  padding: 4px 8px !important;
  border-radius:16px !important;
  color:#009597 !important;
  text-transform:uppercase;
  font-weight:500 !important;
}

.block-page-preview--theme-dark .block-page-preview__tags>span>span {
    background:#009597 !important;
  padding: 4px 8px !important;
  border-radius:16px !important;
  color:#FFF !important;
  text-transform:uppercase;
  font-weight:500 !important;
}

.widget--metadata-white .metadata-link span{
  background:#FFF !important;
  padding: 4px 8px !important;
  border-radius:16px !important;
  color:#009597 !important;
  text-transform:uppercase;
  font-weight:500 !important;
}

/*Metadata with 10px gap*/
.metadata-link-list li {
    margin-right: 10px;
}

/*hide tags in directory entries*/
.directory-entry-block-tags__tag{
  display:none !important;
}

.directory-entry-block__tags {
  display:none !important;
}



/*custom event widget*/
.widget--shared-evenements .block-event-preview__thumbnail-wrapper,
.widget--shared-evenements .reactions-block{
  display:none;
}

.widget--shared-evenements .lumx-link__content {
  font-size: 16px;
  font-weight:500;
}

.widget--shared-evenementslisterapide .lumx-thumbnail__background {
  border-radius:24px;
}

/*Sub naviagation custom*/
.sub-navigation-element .navigation-item__label {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}


/*remove margin between footer and content page*/
#front-office-app .content-page {
  margin-bottom:0px !important;
}


/*responsive title page etendue*/
@media (max-width: 1024px) {
    .widget--shared-titreblanc .block-title{
      color:#363636 !important;
    }
}


/*CTA image*/
.widget--CTAimage .block-html{
  color: #FFF;
  font-size: 24px;
  font-weight:500;
}


/*metadata cliquable*/
.metadata-link span{
  font-size: 14px !important;
  padding: 2px 8px !important;
}

/*tiret devant metadata*/
.metadata-link-list li::before{
  display:none !important;
}

.content-block-metadata__metadata::after{
  display:none;
}


/*CTA image avec grands titres dans page mon UGS*/
.widget--CTA-grand-titre .block-html{
  color: #FFF !important;
  font-size: 24px;
  font-weight:500;
}



/*videos galery custom*/
.gallery-all-videos .lumx-thumbnail__background  {
  border-radius: 24px !important;
}

.gallery-all-videos .block-video-thumbnail__image:hover  {
  border-radius: 24px !important;
}

.gallery-all-videos
.block-video-thumbnail__image { background:transparent;
}

.gallery-all-videos
.block-video-thumbnail--is-interactive .block-video-thumbnail__image:after{
  border-radius: 24px;
}

/*custom gradient content list cover mode*/
.widget--shared-cta-carrousel .block-page-preview--cover .block-page-preview__content:before {
    background: linear-gradient(180deg,transparent 28%,rgba(0,0,0)) !important;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

/*cacher les likes et commentaires dans les évènements*/
.widget--shared-evenementslisterapide .reactions-block {
  display:none;
}


/*enlever gradient sur cta carrousel*/
.widget--shared-cta-carrousel-bleu .block-page-preview--cover .block-page-preview__content:before {
    background: none !important;
}

.widget--shared-cta-carrousel-vert .block-page-preview--cover .block-page-preview__content:before {
    background: none !important;
}


/*Playlist video*/
.widget--shared-playlist-video-lumapps-play .block-video-title{
  margin-left:24px !important;
  margin-bottom:24px !important;
}


/*bouton extension orange*/
.widget--shared-extension-bouton-orange p{
  color: #FFF !important;
}


.widget--shared-extension-bouton-orange p{
  font-size: 16px !important;
  font-weight: 500;
}

.widget--shared-extension-bouton-orange a:hover{
  text-decoration:none !important;
}

/*custom headings in html v1/V2*/
.block-html h2,
.widget-html__content h2{
  font-size: 30px;
  color: #009597;
}

.block-html h3,
.widget-html__content h3{
  font-size: 24px;
  color: #292C63;
}

.block-html h4,
.widget-html__content h4{
  font-size: 20px;
  color: #E15C3F;
}


/*hide reset password*/
.new-login-card__form .new-login-card__forgotten-link{
  display:none !important;
}


/*cacher groupe dans le filtre de l'annuaire*/
#app-view .user-directory .ng-pristine .ng-not-empty{
  display:none !important;
}


/*widget playlist video via style global*/
.widget--shared-playlist-video-lumapps-play .lumx-thumbnail__background{
  border-radius: 12px !important;
}

.widget--shared-playlist-video-lumapps-play .block-video-thumbnail__image { background:transparent;
}

.widget--shared-playlist-video-lumapps-play .block-video-thumbnail--is-interactive .block-video-thumbnail__image:after{
  border-radius: 12px;
}


/*login page*/
.new-login {
  background: #009798;
}

.new-login-card__submit-btn{
  background: #E15C3F;
  border-radius: 20px;
}

#samlLoginForm .new-login-card__btn-label{
  visibility: hidden;
}

#samlLoginForm .new-login-card__btn-label::after {
  content: "Myplace";
  visibility: visible;
  position: absolute;
  margin-left:-110px;
}

/*------------------------*/


/*footer*/
.footerContainer {
  background: #009597;
  padding: 48px 96px;
  color: #FFF;
}

.footerRow1{
  display:flex;
  justify-content:space-between;
}

.footerRow1 img{
  width:237px;
  height:86px;
}

.footerLinks li{
  list-style:none;
}

.footerLinks a{
  text-decoration: none;
  text-decoration:none;
  color:#FFF;
}

.footerLinks {
  display:flex;
  gap:96px;
}

.footerContainer li:nth-child(1){
  font-weight:bold;
  padding-bottom:12px;
}


/*row 2*/
.footerRow2 {
  margin-top:48px;
  display:flex;
  padding-top:24px;
  justify-content:space-between;
  border-top:solid 1px #FFF
}

.footerSM{
  display:flex;
  gap:24px;
}

.footerRow2 a {
  text-decoration:none;
  color:#FFF;
}

.footerRow2 a,
.footerRow2 p{
  margin-right:12px;
  font-size: 12px;
}

.footerRow2 p{
  margin-right:24px;
  font-size: 12px;
}


/*footer responsive*/
@media (max-width:800px){
  .footerRow1 {
    display:flex;
    flex-direction:column;
  }
}


@media (max-width:800px){
  .footerRow1 {
    display:flex;
    align-items: center;
  }
}

@media (max-width:800px){
  .footerLinks {
    margin-top:48px;
    font-size:14px;
  }
}


@media (max-width:700px){
  .footerRow2 {
    display:flex;
    flex-direction:column;
    align-items: center;
    text-align:center
  }
}

@media (max-width:700px){
  .footerSM {
    margin-top:24px;
  }
}


@media (max-width:400px){
  .footerLinks {
    display:flex;
    flex-direction:column;
    align-items: center;
    text-align:center
  }
}

@media (max-width:800px) {
 .footerContainer {
  padding:24px;
} 
}

@media (max-width:800px) {
 .footerRow2 a,
 .footerRow2 p{
  font-size:14px;
} 
}

@media (max-width:700px) {
 .footerRow2 p{
  margin-bottom:24px;
} 
}


/*=================================================================
                    PAGE INTERACTIVE BUTTONS
==================================================================*/
/* ========== PERSONALIZED NEWS ALERT  ========== */
.wdc-break-news-html-wrapper,
.wdc-break-news-html-wrapper-2,
.wdc-break-news-html-wrapper-3,
.wdc-break-news-html-wrapper-4 {
    padding: 10px 0;
    overflow: hidden;
    position: relative;
    height: 32px;
}
.wdc-break-news-html-content,
.wdc-break-news-html-content-2,
.wdc-break-news-html-content-3,
.wdc-break-news-html-content-4 {
    position: absolute;
    white-space: nowrap;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
}
.wdc-break-news-html-icon,
.wdc-break-news-html-icon-2,
.wdc-break-news-html-icon-3,
.wdc-break-news-html-icon-4 {
    width: 24px; /* Icon width */
    height: 24px; /* Icon height */
    margin-right: 10px !important; /* Space between icon and text */
    flex-shrink: 0; /* Prevent icon from shrinking */
    background-color: #B3E4D8;
    border-radius: 50%;
    padding: 2px;
}
.wdc-break-news-html-icon-2 {
    background-color: #D8D3F5;
}
.wdc-break-news-html-icon-3 {
    background-color: #FDF4C2;
}
.wdc-break-news-html-icon-4 {
    background-color: #F9ACC0;
}
.wdc-break-news-html-h2 {
    font-size: 14px !important;
    margin: 0;
}
.wdc-break-news-html-link {
    text-decoration: none;
    color: #ffffff !important;
}
.wdc-break-news-html-link:hover {
    text-decoration: underline;
}

/* ========== CUSTOM ALERTS  ========== */
.widget--smart-content {
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.25) inset !important;
    background-position: 10px center !important;
    background-size: 36px 36px !important;
}
.widget--smart-content .block-page-preview__title {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 36px;
    padding: 10px 0;
}
.widget--smart-content .block-page-preview__link {
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 12px;    
}  
.widget--smart-content .block-page-preview__link span {
    font-size: 16px !important;
}
.widget--smart-content .lumx-link__content {
    font-weight: normal !important;
}
.widget--smart-content-dark .lumx-link__content {
  color: #009597 !important;
}

/*------test nouvelle HP par Mehdi LumApps---------*/

/*boutons nouvelle HP*/
.widget--shared-bouton-vert-pale .lumx-typography-title,
.widget--shared-bouton-vert .lumx-typography-title,
.widget--shared-bouton-orange .lumx-typography-title{
  font-size:14px !important;
  text-align:center;
}

/*fil nouvelle HP*/
.widget--shared-fil-personnel .lumx-thumbnail__image {
  border-radius: 8px !important;
}

/*centrage alerte*/
.widget--shared-banniere-alerte {
  text-align:center;
}

/*zoom au hover*/
.widget-content-list .lumx-thumbnail__image:hover,
.block-personal-feed-preview .lumx-thumbnail__image:hover{
   transform: scale(1.1);
  transition: transform 0.7s;
  border-radius:4px;
}

/*liste de contenus vert pale*/
.widget--shared-contenus-vert-pale .lumx-link__content{
  font-size:16px !important;
}

/*bouton fil*/
.widget--shared-fil-personnel .block-personal-feed-preview-footer {
  padding:0px !important;
  background: #009597;
  color: #FFF !important;
  opacity: 90%;
}

.widget--shared-fil-personnel .block-personal-feed-preview-footer:hover {
  padding:0px !important;
  background: #009597 !important;
  color: #FFF !important;
  opacity: 100%;
}

/*banniere alerte*/
.widget--shared-banniere-alerte .lumx-link__content {
  font-size:14px;
}

/*message d'accueil*/
.widget--message-bienvenue .widget-welcome{
  font-size:18px; 
  font-weight:bold;
  color: #009597 !important;
}

/*réduction hauteur des images du fil*/
@supports (aspect-ratio:1/1) {
    .widget--shared-fil-personnel .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
        aspect-ratio: var(--lumx-thumbnail-aspect-ratio, 16/9);
    }
}

/*cta abo & interets pour fil*/
.widget--cta-interet .lumx-typography-title,
.widget--cta-abonnements .lumx-typography-title{
  font-size: 14px !important;
}

/*image hp*/
.widget--image-hp img {
  margin:0 !important;
  width:100% !important;
}

/*content list, typo, images et event */
.widget-content-list .lumx-link__content{
    font-weight: bold;
}

.widget-content-list .lumx-thumbnail__image{
    border-radius: 12px;
}

.widget--event .block-event-preview__thumbnail-wrapper,
.widget--event .reactions-block{
    display:none;
}

.widget--event .lumx-link__content{
    font-size: 16px;
}

/*border-radius pour images et videos dans widget text enrichi*/
.widget-contribution .block-structured-content .lumx-thumbnail__background{
    border-radius: 24px !important;
}

.widget-contribution .block-structured-content .video-player__thumbnail__image:after {
    display: none !important
    ;
}


/*applis et event sur nouvelle hp*/
.widget--applis-home .lumx-slideshow-controls__navigation{
    color:#000 !important;
}


.widget--applis-home .lumx-slideshow-controls__pagination-item{
    background:#009597 !important;
}

.widget--applis-home .metadata-link-list {
display:none !important;
}

.widget--applis-home .lumx-slideshow-controls {
    align-items: center;
    display: flex
;
    justify-content:center !important;
}

.widget--event .block-event-preview__informations>:not(:first-child) {
    margin-top: 0px;
}

.widget--event .block-event-preview--theme-light .block-event-preview__date {
    font-size: 12px;
}

.widget--event .block-event-preview__actions{
    display: none!important;
}


.widget--event .block-list {
    --block-list-gap: 8px;
    display: flex
;
    gap: var(--block-list-gap);
}

/*bug slider applis home*/
.widget--applis-home .lumx-slideshow-controls {
    align-items: center;
    display: flex
;
    justify-content: flex-end;
    padding-left: 0;
}

/*bug boutons au dessus du fil sur la hp*/
.widget--cta-interet .lelab-marketplace-button-image, 
.widget--cta-abonnements .lelab-marketplace-button-image {
    width: 24px !important;
}

.widget--cta-interet
.lumx-flex-box--fill-space,
.widget--cta-abonnements .lumx-flex-box--fill-space
{
    flex:none!important;
}

/*communauté du mois*/
.widget--shared-featured-community h2{
    font-size: 16px !important;
}

/*cacher description des applis sur la home*/
.widget--applis-home .directory-entry-block__custom-field {
    display:none!important;
}

/*bouton MS apps*/

.header-top__bookmarked-apps .bookmarked-apps {
  position: relative !important;
  width: var(--lumx-button-height) !important;
  min-width: var(--lumx-button-height) !important;
  height: var(--lumx-button-height) !important;
  min-height: var(--lumx-button-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--lumx-material-button-variant-icon-border-radius, var(--lumx-button-border-radius)) !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.header-top__bookmarked-apps .bookmarked-apps::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;
  height: 18px !important;
  transform: translate(-50%, -50%) !important;
  display: block !important;
  background-image: url("https://myplace.ca-assurances.com/serve/1055850778122448-475552068141045/microsoft-365-copilot-seeklogo.png?contentDisposition=inline") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  pointer-events: none !important;
  z-index: 2 !important;
}


.header-top__bookmarked-apps .bookmarked-apps svg {
  display: none !important;
}

/* Custom CSS to hide Learning System Page until access for learners is ready */
[data-id="learning-page-header-icon-open-learning-page"] {display: none;}


/* Custom CSS bouton fil de post communauté */
[data-id="front-office-content-2900628610859145-page"] .block-personal-feed-preview-footer--grouped {
  border:2px solid #000 !important;
  background-color: #FFF !important;
  color: #000000 !important;
}

[data-id="front-office-content-2900628610859145-page"] .block-personal-feed-preview-footer--grouped:hover{
  background-color:#B2DFE0 !important;
}
/* Controle slider */
[data-id="front-office-content-2900628610859145-page"] .block-slideshow--size-m.block-slideshow--side .block-slideshow__controls, .block-slideshow--size-s.block-slideshow--side .block-slideshow__controls {
    position: relative !important;
    left: 0 !important;
}

/* Titre communauté */
[data-id="front-office-content-2900628610859145-page"] .block-page-preview__content .lumx-link__content {
    font-size: 20px;
    font-weight: 600;
}
/* Texte non coupé */
[data-id="front-office-content-2900628610859145-page"] .block-stream-item .block-page-preview__content .block-page-preview__excerpt, .block-stream-item .block-page-preview__content .block-page-preview__title .lumx-link__content {
    -webkit-line-clamp: 3 !important;
}
/* Custom CSS bouton fil de post communauté */
.btn-interet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    background-color: #F2F9FA;
    color: #009597;
    font-weight: bold;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-radius: 8px;
}

.btn-interet .icon {
    font-size: 20px;
    line-height: 1;
}
.btn-abonnements {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding:8px 16px;
        background-color: #F2F9FA;
        width: 100%;
        height: 48px;
        /* Couleur de fond */
        color: #009597;
        font-weight: bold;
        font-size: 14px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
    }

    .btn-abonnements .icon {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

/* Countdown */
.lelab-marketplace-widget-countdown{
    color:#027765;
}

/* Cacher l'auteur */
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-author__name,
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-author__avatar,
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .lumx-user-block__fields span:nth-child(1),
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .generic-stream-context-banner,
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-stream-item .lumx-divider,
[data-id="front-office-content-2900628610859145-page"] .tagz {
  display:none;
}

[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-stream-item .block-page-preview__thumbnail-wrapper{
  order: 3;
}
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-stream-item .block-publication-info{
  order:4;
}


[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-stream-item .block-page-preview__content {
    gap: 8px;
}

[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-stream-item{
  gap:8px;
}

[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-publication-info{
  margin-bottom: 0 !important;
  align-items: center;
}

/* Bouton evenement */
[data-id="front-office-content-2900628610859145-page"] .widget--custom-event-button .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button{
    height: 36px !important;
    padding: 8px 12px !important;
}
[data-id="front-office-content-2900628610859145-page"] .widget--custom-event-button .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button:hover{
    padding: 8px 16px !important;
}
[data-id="front-office-content-2900628610859145-page"] .widget--custom-event-button .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-icon {
    height: 36px !important;
    width: 36px !important;
}
[data-id="front-office-content-2900628610859145-page"] .widget--custom-event-button .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:before{
  border:none !important;
}
[data-id="front-office-content-2900628610859145-page"] .widget:not(.widget--has-ungrouped-container-block) {
     overflow: visible !important;
}
[data-id="front-office-content-2900628610859145-page"] .widget-content--v2:not(.widget-content--block-variant-ungrouped):not(.widget-content--block-augmented-container) {
    overflow: inherit !important;
}
/* Footer margin */
[data-id="front-office-content-2900628610859145-page"]  .footerContainer {
    margin-top: 24px;
}
/* Zoom des image d'application */
[data-id="front-office-content-2900628610859145-page"]  .directory-entry-block--vertical .directory-entry-block__image {
    width: var(--lumx-directory-entry-block-orientation-v-thumbnail-size);
    transform: scale(1.8);
}

/* Border-radius follow UX/UI rule */
[data-id="front-office-content-2900628610859145-page"] .widget-content-list .lumx-thumbnail__image, 
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .lumx-thumbnail__image {
  border-radius: 5px !important;
}

[data-id="front-office-content-2900628610859145-page"] .widget-links .widget-content--v2 {
  justify-content:center;
}
[data-id="front-office-content-2900628610859145-page"] .lumx-button--size-m.lumx-button--emphasis-medium.lumx-button--variant-button{
  height:44px;
}
[data-id="front-office-content-2900628610859145-page"] .lumx-button--size-m.lumx-button--emphasis-medium.lumx-button--variant-button:before {
    pointer-events: none;
    position: relative;
    display: flex;
    align-items: center;
    content: '';
    width: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZS1pY29uIGx1Y2lkZS1leWUiPjxwYXRoIGQ9Ik0yLjA2MiAxMi4zNDhhMSAxIDAgMCAxIDAtLjY5NiAxMC43NSAxMC43NSAwIDAgMSAxOS44NzYgMCAxIDEgMCAwIDEgMCAuNjk2IDEwLjc1IDEwLjc1IDAgMCAxLTE5Ljg3NiAwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==);
    height: 24Px;
    margin-right: 8px;
}
[data-id="front-office-content-2900628610859145-page"] .block-slideshow--ungrouped .block-slideshow__controls {
    margin-top: 16px;
    margin-bottom:0 !important;
} 
/*Tous les petits boutons*/
[data-id="front-office-content-2900628610859145-page"] .lumx-button--size-s>span {
    font-size: 14px;
}

/* Liste évènement */
[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
.block-event-preview__container{
  display:flex !important;
  flex-direction:column !important;
}

[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
.block-event-preview__date-action,
[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
.block-event-preview__date-action > .lumx-flex-box{
  display:contents !important;
}

[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
.block-event-preview__date{
  order:1 !important;
}

[data-id="front-office-content-2900628610859145-page"] .widget-event-list .block-event-preview__container h2 {
    order: 2 !important;
    margin-top: -8px;
}


[data-id="front-office-content-2900628610859145-page"] .widget-event-list button[data-id="widget-event-preview-add-to-my-calendar-button-open-dropdown"] {
    order: 3 !important;
    align-self: flex-start !important;
    margin: 8px 0 !important;
    width: max-content !important;
}

[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
.block-event-preview__actions{
  order:4 !important;
}

[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
.block-event-preview__content{
  position:relative !important;
}

[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
.event-actions{
  position:absolute !important;
  right:0;
}


/*custom follow button*/
[data-id="front-office-content-2209127139505960-page"] [data-id="content-filter-follow-interest-button-save-interest"]{
  background-color: #E15C3F !important;
  border-radius:20px !important;
  color:#FFF !important;
}

/* =========================
   SUGGESTED COMMUNITIES GRID
========================= */

.widget--communaute-round2 .block-grid__item .block-community-preview,
.widget--shared-listedespaces .block-grid__item .block-community-preview{
  align-items: center!important;
  text-align: center !important;
  padding: 0 0 32px 0 !important;
}
.widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper,
.widget--shared-listedespaces .block-grid__item .block-community-preview__thumbnail-wrapper{
  width: auto;
  max-width: 320px !important;
  position:relative;
}

.widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail,
.widget--shared-listedespaces .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail {
  border-radius:50%!important;
  margin-top:16px;
  /* overflow: hidden !important; */
}

.widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background,
.widget--shared-listedespaces .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background{
  border-radius:50%!important;
  /* overflow: hidden !important; */
  border:2px solid #fff!important;
  height: auto !important;
  display:flex;
}

.widget--communaute-round2 .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background:before,
.widget--shared-listedespaces .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background:before{
  content:"";
  position:absolute;
  display:block;
  border-radius:50%!important;
  /* overflow: hidden !important; */
  /* border:3px solid #009597 !important; */
  height: 110px;
  width: 110px;
  left: -5px;
  top: -5px;
  right: 0;
  bottom:0;
}

.widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail__image,
.widget--shared-listedespaces .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail__image{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  
}

 .widget--communaute-round2 .lumx-flex-box--orientation-vertical.lumx-flex-box--v-align-left,
 .widget--shared-listedespaces .lumx-flex-box--orientation-vertical.lumx-flex-box--v-align-left{
    align-items: center;
}

.widget--communaute-round2 .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background,
.widget--shared-listedespaces .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background {
    border-radius: 50% !important;
    width: 150px;
    height:150px;
    border: 3px solid #ffffff;
    /* overflow: visible !important; */
}

.widget--communaute-round2 .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background:before,
.widget--shared-listedespaces .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background:before {
 content:'';
 width: 165px;
 height:165px;
 border:8px solid #009597;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 border-radius:50%;
}

.widget--communaute-round2 .lumx-flex-box--orientation-horizontal.lumx-flex-box--v-align-left, .lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-top,
.widget--shared-listedespaces .lumx-flex-box--orientation-horizontal.lumx-flex-box--v-align-left, .lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-top {
    justify-content: center;
    align-items: center;
}

.widget--communaute-round2 .block-community-preview__title h2,
.widget--shared-listedespaces .block-community-preview__title h2{
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #0b0f14 !important;
}

.widget--communaute-round2 .block-grid__item .block-community-preview__follow,
.widget--shared-listedespaces .block-grid__item .block-community-preview__follow{
  justify-content: center!important;
}

.widget--communaute-round2 .block-grid__item .block-community-preview__follow .lumx-button,
.widget--shared-listedespaces .block-grid__item .block-community-preview__follow .lumx-button{
  background: #E15C3F !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  min-height: 38px !important;
  font-weight: 800 !important;
}

.widget--communaute-round2 .lumx-thumbnail__image,
.widget--shared-listedespaces .lumx-thumbnail__image {
  aspect-ratio: var(--lumx-thumbnail-aspect-ratio, 3 / 3) !important;
  border-radius: 50%;
}

.widget--communaute-round2 .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:before,
.widget--shared-listedespaces .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:before {
    border: none !important;
}

.widget--communaute-round2 .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-icon,
.widget--shared-listedespaces .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-icon{
    height: auto;
    width: 38px !important;
}

[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview {
  display: flex;
  flex-direction: column;
}

[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__content {
  display: contents;
}

/* Ordre : Titre (1), Texte (2), Image (3), Tags (4), Réactions (5), Date (6) */
/* Titre */
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__field:has(.block-page-preview__title),
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__field:has(h2) {
  order: 1 !important;
}
 /* Texte */
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__field:has(.block-page-preview__excerpt) {
  order: 2 !important;
}
 /* Image */
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview > a.lumx-link,
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__thumbnail-wrapper {
  order: 3 !important;
}
 /* Tags "Actu CAA" après l'image */
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__field:has(.metadata-link-list),
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .tagz  {
  order: 4 !important;
}
 /* Réactions/Commentaires */
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__field--reactions,
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-post__header  {
  order: 5 !important;
}
/* Date */
[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-publication-info {
  order: 6 !important;
}

[data-id="front-office-content-2900628610859145-page"] .widget--fil-custom-button .block-page-preview__field:empty {
  order: 7;
}
[data-id="front-office-content-2900628610859145-page"] .component-cell--hide{
  display:none;
}


/* VERSION 2 */ 

/* Custom CSS bouton fil de post communauté */
[data-id="front-office-content-5793485406736404-page"] .block-personal-feed-preview-footer--grouped {
  border:2px solid #000 !important;
  background-color: #FFF !important;
  color: #000000 !important;
}

[data-id="front-office-content-5793485406736404-page"] .block-personal-feed-preview-footer--grouped:hover{
  background-color:#B2DFE0 !important;
}


/* Texte non coupé */
[data-id="front-office-content-5793485406736404-page"] .block-stream-item .block-page-preview__content .block-page-preview__excerpt, 
[data-id="front-office-content-5793485406736404-page"] .block-stream-item .block-page-preview__content .block-page-preview__title .lumx-link__content {
    -webkit-line-clamp: 3 !important;
    margin-bottom: 12px !important;
}
/* Custom CSS bouton fil de post communauté */
.btn-interet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    background-color: #F2F9FA;
    color: #009597;
    font-weight: bold;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border-radius: 8px;
}

.btn-interet .icon {
    font-size: 20px;
    line-height: 1;
}
.btn-abonnements {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding:8px 16px;
        background-color: #F2F9FA;
        width: 100%;
        height: 48px;
        /* Couleur de fond */
        color: #009597;
        font-weight: bold;
        font-size: 14px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
    }

    .btn-abonnements .icon {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

/* Countdown */
.lelab-marketplace-widget-countdown{
    color:#027765;
}

/* Cacher l'auteur */
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-author__name,
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-author__avatar,
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .lumx-user-block__fields span:nth-child(1),
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .generic-stream-context-banner,
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-stream-item .lumx-divider,
[data-id="front-office-content-5793485406736404-page"] .tagz {
  display:none;
}

[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-stream-item .block-page-preview__thumbnail-wrapper{
  order: 3;
}
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-stream-item .block-publication-info{
  order:4;
}


[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-stream-item .block-page-preview__content {
    gap: 8px;
}

[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-stream-item{
  gap:8px;
}

[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-publication-info{
  margin-bottom: 0 !important;
  align-items: center;
}

/* Bouton evenement */
[data-id="front-office-content-5793485406736404-page"] .widget--custom-event-button .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button{
    height: 36px !important;
    padding: 8px 12px !important;
}
[data-id="front-office-content-5793485406736404-page"] .widget--custom-event-button .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-button:hover{
    padding: 8px 16px !important;
}
[data-id="front-office-content-5793485406736404-page"] .widget--custom-event-button .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-icon {
    height: 36px !important;
    width: 36px !important;
}
[data-id="front-office-content-5793485406736404-page"] .widget--custom-event-button .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:before{
  border:none !important;
}
[data-id="front-office-content-5793485406736404-page"] .widget:not(.widget--has-ungrouped-container-block) {
     overflow: visible !important;
}
[data-id="front-office-content-5793485406736404-page"] .widget-content--v2:not(.widget-content--block-variant-ungrouped):not(.widget-content--block-augmented-container) {
    overflow: inherit !important;
}
/* Footer margin */
[data-id="front-office-content-5793485406736404-page"]  .footerContainer {
    margin-top: 24px;
}
/* Zoom des image d'application */
[data-id="front-office-content-5793485406736404-page"]  .directory-entry-block--vertical .directory-entry-block__image {
    width: var(--lumx-directory-entry-block-orientation-v-thumbnail-size);
    transform: scale(1.8);
}

/* Border-radius follow UX/UI rule */
[data-id="front-office-content-5793485406736404-page"] .widget-content-list .lumx-thumbnail__image, 
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .lumx-thumbnail__image, 
[data-id="front-office-content-5793485406736404-page"] .widget--RH .lumx-thumbnail__image{
  border-radius: 12px !important;
}
[data-id="front-office-content-5793485406736404-page"] .widget-links .widget-content--v2 {
  justify-content:center;
}
[data-id="front-office-content-5793485406736404-page"] .lumx-button--size-m.lumx-button--emphasis-medium.lumx-button--variant-button{
  height:44px;
}
[data-id="front-office-content-5793485406736404-page"] .lumx-button--size-m.lumx-button--emphasis-medium.lumx-button--variant-button:before {
    pointer-events: none;
    position: relative;
    display: flex;
    align-items: center;
    content: '';
    width: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZS1pY29uIGx1Y2lkZS1leWUiPjxwYXRoIGQ9Ik0yLjA2MiAxMi4zNDhhMSAxIDAgMCAxIDAtLjY5NiAxMC43NSAxMC43NSAwIDAgMSAxOS44NzYgMCAxIDEgMCAwIDEgMCAuNjk2IDEwLjc1IDEwLjc1IDAgMCAxLTE5Ljg3NiAwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==);
    height: 24Px;
    margin-right: 8px;
}
[data-id="front-office-content-5793485406736404-page"] .block-slideshow--ungrouped .block-slideshow__controls {
    margin-top: 16px;
    margin-bottom:0 !important;
} 
/*Tous les petits boutons*/
[data-id="front-office-content-5793485406736404-page"] .lumx-button--size-s>span {
    font-size: 14px;
}

/* Liste evenement */
[data-id="front-office-content-5793485406736404-page"]
.widget-event-list
.block-event-preview__container{
  display:flex !important;
  flex-direction:column !important;
}

[data-id="front-office-content-5793485406736404-page"]
.widget-event-list
.block-event-preview__date-action,
[data-id="front-office-content-5793485406736404-page"]
.widget-event-list
.block-event-preview__date-action > .lumx-flex-box{
  display:contents !important;
}

[data-id="front-office-content-5793485406736404-page"]
.widget-event-list
.block-event-preview__date{
  order:1 !important;
}

[data-id="front-office-content-5793485406736404-page"] .widget-event-list .block-event-preview__container h2 {
    order: 2 !important;
    margin: 4px 0;
}

[data-id="front-office-content-2900628610859145-page"]
.widget-event-list
button[data-id="widget-event-preview-add-to-my-calendar-button-open-dropdown"]:nth-child(2) span::before{
  font-size:14px !important;
  font-weight:600;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXBsdXMtaWNvbiBsdWNpZGUtcGx1cyI+PHBhdGggZD0iTTUgMTJoMTQiLz48cGF0aCBkPSJNMTIgNXYxNCIvPjwvc3ZnPg==");
}

[data-id="front-office-content-5793485406736404-page"] .widget-event-list .block-event-preview__informations{
  line-height:1.5rem;
}

[data-id="front-office-content-5793485406736404-page"] .widget-event-list button[data-id="widget-event-preview-add-to-my-calendar-button-open-dropdown"] {
    order: 3 !important;
    align-self: flex-start !important;
    margin: 8px 0 !important;
    width: max-content !important;
}

[data-id="front-office-content-5793485406736404-page"]
.widget-event-list
.block-event-preview__actions{
  order:4 !important;
}

[data-id="front-office-content-5793485406736404-page"]
.widget-event-list
.block-event-preview__content{
  position:relative !important;
}

[data-id="front-office-content-5793485406736404-page"]
.widget-event-list
.event-actions{
  position:absolute !important;
  right:0;
}


/*custom follow button*/
[data-id="front-office-content-2209127139505960-page"] [data-id="content-filter-follow-interest-button-save-interest"]{
  background-color: #E15C3F !important;
  border-radius:20px !important;
  color:#FFF !important;
}

/* =========================
   SUGGESTED COMMUNITIES GRID
========================= */

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-grid__item .block-community-preview{
  align-items: center!important;
  text-align: center !important;
  padding: 0 0 32px 0 !important;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper {
    max-width: 320px !important;
    position: relative;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail {
    border-radius: 50% !important;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background{
  border-radius:50%!important;
  overflow: hidden !important;
  border:2px solid #fff!important;
  height: auto !important;
  display:flex;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background:before{
  content:"";
  position:absolute;
  display:block;
  border-radius:50%!important;
  overflow: hidden !important;
  border:3px solid #009597 !important;
  height: 110px;
  width: 110px;
  left: -5px;
  top: -5px;
  right: 0;
  bottom:0;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-grid__item .block-community-preview__thumbnail-wrapper .lumx-thumbnail__image{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .lumx-flex-box--orientation-vertical.lumx-flex-box--v-align-left {
    align-items: center;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background {
    border-radius: 50% !important;
    width: 150px;
    height:150px;
    border: 3px solid #ffffff;
    overflow:visible;
  
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-community-preview__thumbnail-wrapper .lumx-thumbnail__background:before {
 content:'';
 width: 165px;
 height:165px; 
 border:8px solid #009597;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%);
 border-radius:50%;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .lumx-flex-box--orientation-horizontal.lumx-flex-box--v-align-left, .lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-top {
    justify-content: center;
    align-items: center;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-community-preview__title h2{
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #0b0f14 !important;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-grid__item .block-community-preview__follow{
  justify-content: center!important;
  flex-wrap:nowrap;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .block-grid__item .block-community-preview__follow .lumx-button{
  background: #E15C3F !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  min-height: 38px !important;
  font-weight: 800 !important;
}
[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .lumx-thumbnail__image {
        aspect-ratio: var(--lumx-thumbnail-aspect-ratio, 3 / 3) !important;
        border-radius: 50%;
}

[data-id="front-office-content-5793485406736404-page"] .lumx-button.lumx-button--is-selected.lumx-button--emphasis-medium.lumx-button--color-dark.lumx-button--is-selected:before {
    border: none !important;
}

[data-id="front-office-content-5793485406736404-page"] .widget--communaute-round2 .lumx-button--size-s.lumx-button--emphasis-medium.lumx-button--variant-icon {
    height: auto;
    width: 38px !important;
}

[data-id="front-office-content-5793485406736404-page"] .widget--text-communaute h3{
  text-align:center;
}

[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview {
  display: flex;
  flex-direction: column;
}

[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__content {
  display: contents;
}

/* Ordre : Titre (1), Texte (2), Image (3), Tags (4), Réactions (5), Date (6) */
/* Titre */
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__field:has(.block-page-preview__title),
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__field:has(h2) {
  order: 1 !important;
}
 /* Texte */
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__field:has(.block-page-preview__excerpt) {
  order: 2 !important;
}
 /* Image */
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview > a.lumx-link,
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__thumbnail-wrapper {
  order: 3 !important;
}
 /* Tags "Actu CAA" après l'image */
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__field:has(.metadata-link-list),
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .tagz  {
  order: 4 !important;
  display: none;
}
 /* Réactions/Commentaires */
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__field--reactions,
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-post__header  {
  order: 5 !important;
}
/* Date */
[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-publication-info {
  order: 6 !important;
}

[data-id="front-office-content-5793485406736404-page"] .widget--fil-custom-button .block-page-preview__field:empty {
  order: 7;
}


/*actus lien rapide*/




[data-id="front-office-content-5793485406736404-page"] .RH {
  display:none;
}

[data-id="front-office-content-5793485406736404-page"] .metadata-link-list {
  display:none;
}

[data-id="front-office-content-5793485406736404-page"] .lumx-slideshow__slides{
  border-radius: 12px;
}

[data-id="front-office-content-5793485406736404-page"] .widget--RH .lumx-slideshow__slides{
  border-radius: 12px !important;
}

/*changement ordre titre et texte 2ème lien rapide*/
[data-id="front-office-content-5793485406736404-page"] #widget-defd2528-68b7-5929-a39c-e169e223cdfb .block-page-preview__content {
  display: flex;
  flex-direction: column;
}

/* Titre en premier */
[data-id="front-office-content-5793485406736404-page"] #widget-defd2528-68b7-5929-a39c-e169e223cdfb .block-page-preview__title {
  order: -1;
}

/*Titre Pacinews*/
[data-id="front-office-content-5793485406736404-page"] #widget-defd2528-68b7-5929-a39c-e169e223cdfb .block-page-preview__content {
  display: flex;
  flex-direction: column;
}

/* On force le titre à passer avant la date */
[data-id="front-office-content-5793485406736404-page"] #widget-defd2528-68b7-5929-a39c-Pacinews > .block-page-preview__field > .block-page-preview__title {
  order: 0;
}

[data-id="front-office-content-5793485406736404-page"] #widget-content-defd2528-68b7-5929-a39c-e169e223cdfb > div > div > div > .block-page-preview__content {
    display: flex;
    flex-direction: column-reverse;
}

[data-id="front-office-content-5793485406736404-page"] .widget--RH .block-page-preview--cover {
   /*align-items: center;*/
}

[data-id="front-office-content-5793485406736404-page"] .widget--RH .block-page-preview--cover .block-page-preview__content:before {
    /*background: rgba(0, 0, 0, 60%);*/
}

[data-id="front-office-content-5793485406736404-page"] .widget--RH .widget-footer {
  z-index:1;
}

[data-id="front-office-content-5793485406736404-page"] .widget--RH .widget-footer__wrapper {
 position:absolute;
}

.iframe-preview__header{
  display:none;
}

[data-id="front-office-content-5793485406736404-page"] .widget--event-solo .block-list__item {
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px;
    padding: 24px;
    background-position: 0px;
    background-repeat: no-repeat;
}

.app-content--module-mon-quotidien .widget-content {
  padding: 0 !important;
}

.app-content--module-mon-quotidien #widget-131dc966-9869-5be6-ad86-bcc023e5a970 {
  padding-top : 24px;
}

.app-content--module-mon-quotidien #widget-content-aa20a989-273d-540e-9e8a-83ffecb2c04c, .app-content--module-mon-quotidien #widget-content-9ad6cee7-5e39-51ed-8a79-4998fd43ab06, .app-content--module-mon-quotidien #widget-content-8a4848ad-824e-5c4e-8a05-f7b2873402aa {
  justify-content: center !important;
}

[data-id="front-office-content-1045609312028209-page"] {
  margin-top: -35px;
}

.app-content--module-mon-quotidien #widget-content-a2858771-1ef6-5cf7-996a-938ae92eefdb .widget-micro-app, .app-content--module-mon-quotidien #widget-content-57a742f7-e767-58f6-8ea6-bafe5001dd65 .widget-micro-app {
  padding: 0 !important;
  overflow: hidden !important;
}

.app-content--module-mon-quotidien #widget-content-7a7bbe6c-8999-5379-969e-337decdb51a6 .app__header {
  display: none;
}

.app-content--module-mon-quotidien #widget-content-3045f925-3e14-5884-882b-dd339e676411 .lumx-color-background-blue-L5 {
  background: none;
  padding: 10px 0 !important;
  color: black;
}

.app-content--module-mon-quotidien #widget-content-3045f925-3e14-5884-882b-dd339e676411 .lumx-adaptive-card-text-block {
  color : black;
}

.app-content--module-mon-quotidien #widget-content-3045f925-3e14-5884-882b-dd339e676411 .lumx-thumbnail__image {
  border-radius : 10px;
}

.app-content--module-mon-quotidien .lumx-adaptive-card__action--has-separator, .lumx-adaptive-card__element--has-separator {
  border : none;
}

.app-content--module-mon-quotidien .lumx-typography-subtitle1 {
      font-size: 18px !important;
}

.app-content--module-mon-quotidien .lumx-flex-box--orientation-horizontal.lumx-flex-box--v-align-center, .lumx-flex-box--orientation-vertical.lumx-flex-box--h-align-center {
  justify-content: flex-start;
}

.widget--quotidien-titre {
  font-weight: 600;
  padding: 20px 20px 0;
}

.widget--quotidien-texte {
  padding: 0 20px 20px;
}

.widget--quotidien-titre div, .widget--quotidien-texte p {
  color : #009597 !important;
  text-align: center !important;
}
/* Fix Thumbnail*/
.widget-content-list .lumx-thumbnail {
  border-radius: 12px !important;
  overflow: hidden;
}                                                                                                                                             

.widget-content-list .lumx-thumbnail__image {                                                                                                 
  border-radius: 0;
  transition: transform 0.7s;                                                                                                               
}                                                         

.widget-content-list .lumx-thumbnail__image:hover {
  transform: scale(1.1);
}   
/* Community grid*/
[data-id="front-office-content-5793485406736404-page"] .widget--custom-event-button .lumx-grid-column{
  --lumx-grid-column-item-min-width:176px !important;
}
.widget--carousel-home{
  background-color:#f2f9fa !important;
}

.widget--carousel-home .lumx-typography-title {
    line-height: 24px !important;
}

.widget--carousel-home .block-slideshow--cover .block-slideshow__controls, 
.widget--carousel-home .block-slideshow--side .block-slideshow__controls {
    bottom: 24px;
    position: relative;
    left:inherit;
}

.widget--carousel-home .lumx-slideshow-controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    width:100%;
}

.widget--carousel-home .lumx-typography-headline, 
.widget--carousel-home .lumx-typography-interface-headline, 
.widget--carousel-home .lumx-link__content{
    line-height: 24px !important;
    font-weight:600 !important;
}

.widget--carousel-home .block-slideshow--side .block-page-preview__content {
    padding: 0 24px !important;
}




/* ==========================================================================
  DASHBOARD MONQUOTIDIEN
   ========================================================================== */


.layout.app-content--module-mon-quotidien .hero {
    padding: 40px 32px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.layout.app-content--module-mon-quotidien .hero .date-tag {
    display: inline-block;
    font-family: var(--font-hand);
    font-weight: 700;
    font-size: 26px;
    color: var(--cream);
    transform: rotate(-3deg);
    margin-bottom: 8px;
}
.layout.app-content--module-mon-quotidien .hero h1 {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 44px;
    color: var(--white);
    margin: 0 0 14px;
}
.layout.app-content--module-mon-quotidien .hero .subtitle {
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 17px;
    color: var(--white);
    line-height: 1.5;
    max-width: 560px;
    margin: 0 auto;
}
.layout.app-content--module-mon-quotidien .hero .subtitle strong {
    font-weight: 700;
}

/*nav links*/

/* v3 (2026-07-27) : une fois épinglée, la barre passait DERRIÈRE certains widgets.
   Cause identifiée dans l'inspecteur : quand LumApps épingle une cellule, il lui pose
   des styles EN INLINE sur l'élément lui-même --
       <div data-id="layout-row2-cell0" class="cell cell--is-sticky"
            style="position: fixed; ...; z-index: 9;">
   Ce z-index: 9 inline l'emporte sur toute règle de feuille de style ordinaire : d'où
   l'inefficacité d'un simple `z-index: 800`. Seul !important peut le surcharger.

   On ne touche PAS à `position` : LumApps la calcule (fixed) en même temps que top/left/
   right pour épingler la cellule. La forcer à autre chose casserait l'épinglage.

   Valeur retenue : 800. Assez haut pour dominer les widgets de la page, mais volontai-
   rement sous la barre de navigation LumApps : la cellule est épinglée à top:109px,
   donc juste sous le menu du site -- il ne faut pas qu'elle puisse le recouvrir.

   Ciblage par la classe .cell--is-sticky (posée par LumApps au moment de l'épinglage)
   plutôt que par l'ID de cellule : la règle vaut ainsi pour toute cellule épinglée de
   la page, y compris si l'on en ajoute d'autres plus tard. */
.layout.app-content--module-mon-quotidien .cell--is-sticky {
    z-index: 800 !important;
}

.day-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 18px 16px;
}
.day-nav .pill {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--white);
    border-radius: 999px;
    padding: 9px 18px;
    box-shadow: 0 4px 7.5px rgba(0, 0, 0, 0.15);
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 12.5px;
    color: var(--gray-dark);
    white-space: nowrap;
}
.day-nav .pill .time-badge {
    border-radius: 999px;
    color: var(--white);
    font-family: var(--font-title);
    font-weight: 900;
    font-size: 10.5px;
    padding: 2px 8px;
}
a.pill.one.is-active {
    border: 4px solid #2f9496;
}
a.pill.two.is-active {
    border: 4px solid #e46d48;

}
a.pill.three.is-active {
    border: 4px solid #9ebe3f;

}
a.pill.four.is-active {
    border: 4px solid #1c694e;
}
.badge-08h {
    background: var(--teal);
}
.badge-1230 {
    background: var(--orange);
}
.badge-14h {
    background: var(--green-prairie);
}
.badge-18h {
    background: var(--teal-dark);
}
.day-nav a {
    text-decoration: none;
}
/*Titles*/

.layout.app-content--module-mon-quotidien .kicker-row {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.layout.app-content--module-mon-quotidien .time-stamp {
    display: inline-block;
    background: var(--gray-dark);
    color: var(--white);
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 15px;
    border-radius: 8px;
    padding: 6px 16px;
    transform: rotate(-2deg);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
}

.layout.app-content--module-mon-quotidien .hand-note.teal {
    color: var(--teal);
}
.layout.app-content--module-mon-quotidien .hand-note {
    font-family: var(--font-hand);
    font-weight: 700;
    font-size: 22px;
    transform: rotate(-3deg);
    display: inline-block;
}
.layout.app-content--module-mon-quotidien .hand-note.cream-text {
    color: var(--cream);
}

.layout.app-content--module-mon-quotidien h2.section-title {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 34px;
    color: var(--gray-dark);
    margin: 10px 0 12px;
    line-height: 1.15;
}
.layout.app-content--module-mon-quotidien h2.section-title .highlight {
    display: inline-block;
    background: var(--teal);
    color: var(--white);
    border-radius: 5px;
    padding: 2px 12px;
    transform: rotate(-1.2deg);
}
.layout.app-content--module-mon-quotidien h2.section-title .highlight.teal-dark-bg {
    background: var(--teal-dark);
}
.layout.app-content--module-mon-quotidien h2.section-title .highlight {
    display: inline-block;
    background: var(--teal);
    color: var(--white);
    border-radius: 5px;
    padding: 2px 12px;
    transform: rotate(-1.2deg);
}
.layout.app-content--module-mon-quotidien h2.section-title .highlight.orange-bg {
    background: var(--orange);
}
.layout.app-content--module-mon-quotidien h2.section-title.on-dark {
    color: var(--white);
}
.layout.app-content--module-mon-quotidien p.section-desc {
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 15px;
    color: var(--gray-brown);
    max-width: 560px;
    line-height: 1.5;
    margin: 0px 0px 16px 0px;
}
.layout.app-content--module-mon-quotidien p.section-desc.on-dark {
    color: var(--white);
}
.layout.app-content--module-mon-quotidien .elearning-kicker {
    font-family: var(--font-hand);
    font-weight: 700;
    font-size: 22px;
    color: var(--cream);
    transform: rotate(-3deg);
    display: inline-block;
    margin-bottom: 8px;
}



/* ==========================================================================
   WIDGET CALENDAR (widget--dashboard-calendar) 
   ========================================================================== */
.widget--dashboard-calendar {
  position: relative !important;
  overflow: visible !important;
}
.widget--dashboard-calendar::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background-color: #ed6842;
  border-radius: 50%;
  border: 2px solid  #ed6842;
  z-index: 2;
}
.widget-calendar .lumx-calendar.lumx-flex-box--orientation-vertical {
    min-height: auto;
    height: 540px!important;
}

.widget-calendar .lumx-calendar.lumx-flex-box--orientation-vertical {
    min-height: auto;
    height: 552px;
    overflow: hidden;
    /* border-radius: 20px!important; */
}
.widget--dashboard-calendar {
    height: 552px;
}

.widget--dashboard-calendar .lumx-calendar__schedule {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #0f8a6b transparent;
    height: 404px;
}
/* ==========================================================================
   WIDGET MÉTro (widget--metro) 
   ========================================================================== */
.widget--metro-montparnasse .micro-app.widget-micro-app, .widget--rer-montparnasse .micro-app.widget-micro-app, .widget--velib-montparnasse .micro-app.widget-micro-app {
    padding: 0 24px 24px;
    height: 100%;
}
.widget--metro,  .widget--rer, .widget--metro-montparnasse, .widget--rer-montparnasse{
    max-height: 420px;
  position: relative !important;
  overflow: visible !important;
  height: 100%;
  min-height: 420px;
}
.widget--metro::after, .widget--rer::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background-color: #ed6842;
  border-radius: 50%;
  border: 2px solid #ed6842;
  z-index: 2;
}
.widget--metro-montparnasse .widget-content--v2, .widget--rer-montparnasse .widget-content--v2 , .widget--velib-montparnasse .widget-content--v2{
  height:100%;
}
/* =======VELIB (widget--velib) 
   ========================================================================== */
 .widget--velib-montparnasse .micro-app.widget-micro-app {
    padding: 0 24px 24px;
    height: 100%;
}
.widget--velib, .widget--velib-montparnasse{
    max-height: 420px;
  position: relative !important;
  overflow: visible !important;
  height: 100%;
  border-radius: 10px;
   min-height: 420px;
}
.widget--velib div#widget-content-d06af76e-7e2c-5112-b466-72d438b2480c {
    border-radius: 10px;
}
.widget--velib::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background-color: #ed6842;
  border-radius: 50%;
  border: 2px solid #ed6842;
  z-index: 2;
}
/* ==========================================================================
   WIDGET MÉTÉO (widget--dashboard-meteo) — carte Matin
   ========================================================================== */

.widget--meteo-dashboard .widget-micro-app.micro-app {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    min-height: 230px;
}
.widget--dashboard-meteo , .widget--meteo-dashboard{
  border-radius: 16px !important;
  box-shadow: 0 4px 7.5px rgba(0, 0, 0, 0.15) !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
}
.widget--dashboard-meteo , .widget--meteo-dashboard{
  position: relative !important;
  overflow: visible !important;
}
.widget--dashboard-meteo::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 16px;
  background-color: #ed6842;
  border-radius: 50%;
  border: 2px solid #ed6842;
  z-index: 2;
}
.widget--meteo-dashboard::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ed6842;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
  z-index: 1;
}
.widget--metro-montparnasse::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ed6842;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
  z-index: 1;
}
.widget--rer-montparnasse::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ed6842;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
  z-index: 1;
}

.widget--meteo-dashboard{transform: rotate(-2.2deg);}
.widget--metro-montparnasse{transform: rotate(-2.2deg);}
.widget--rer-montparnasse{transform: rotate(1.2deg);}
.widget--velib-montparnasse{transform: rotate(-1.2deg);}


.widget--velib-montparnasse::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ed6842;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.18);
  z-index: 1;
}
.widget--dashboard-meteo .lumx-adaptive-card__element--container {
  background-color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Masque les blocs 3 à 7 (graphique horaire, prévisions 7 jours, coordonnées) */
.widget--dashboard-meteo .widget-content--v2 .adaptive-card > :nth-child(n+3) {
  display: none !important;
}

/* Masque la ligne de date sous le titre */
.widget--dashboard-meteo .lumx-adaptive-card__element--column-set:nth-of-type(1)
  .lumx-adaptive-card__element--column:nth-of-type(2) > div:nth-child(2) {
  display: none !important;
}

/* Titre "Météo Paris" (au cas où il resterait visible avant le masquage ci-dessous) */
.widget--dashboard-meteo .lumx-typography-title.lumx-color-font-blue-N {
  font-family: 'Poppins', Arial, sans-serif !important;
  color: #009597 !important;
  font-weight: 700 !important;
}

/* Température principale */
.widget--dashboard-meteo .lumx-typography-headline {
  font-family: 'Poppins', Arial, sans-serif !important;
  color: #006a4e !important;
  font-weight: 700 !important;
  font-size: 63px !important;
  line-height: 1.1 !important;
}

.widget--dashboard-meteo .lumx-typography-subtitle1,
.widget--dashboard-meteo .lumx-typography-subtitle2 {
  font-family: 'Poppins', Arial, sans-serif !important;
  color: #4a4a49 !important;
}

.widget--dashboard-meteo .lumx-typography-body1,
.widget--dashboard-meteo .lumx-typography-caption,
.widget--dashboard-meteo .lumx-typography-overline {
  font-family: 'Montserrat', Arial, sans-serif !important;
  color: #7c7466 !important;
}

/* Tableau Vent/Humidité en pastilles horizontales */
.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set table {
  display: block !important;
}

.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set tbody {
  display: flex !important;
  gap: 24px !important;
}

.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set tr {
  display: flex !important;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set tr:nth-child(2),
.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set tr:nth-child(4) {
  display: none !important;
}

.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set td {
  display: block !important;
}

.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set .lumx-typography-body1 {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #4a4a49 !important;
  font-size: 15px !important;
}

.widget--dashboard-meteo .lumx-adaptive-card__element--fact-set .lumx-typography-subtitle1 {
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #7c7466 !important;
}

.widget--dashboard-meteo .lumx-color-font-green-N { color: #16a34a !important; }
.widget--dashboard-meteo .lumx-color-font-yellow-N { color: #ed6842 !important; }
.widget--dashboard-meteo .lumx-color-font-red-N { color: #c0392b !important; }

.widget--dashboard-meteo [class*="has-separator"] {
  border-top: 1px solid #eee3cb !important;
}

/* ==========================================================================
   REPOSITIONNEMENT (grille) — icône+température en haut, condition en
   dessous, Vent/Humidité en pleine largeur en bas, comme la maquette Matin
   ========================================================================== */
.widget--dashboard-meteo .widget-content--v2 .adaptive-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  grid-template-rows: auto auto auto !important;
  grid-template-areas:
    "icon temp"
    "icon cond"
    "stats stats" !important;
  column-gap: 14px !important;
  row-gap: 2px !important;
  align-items: start !important;
  padding: 20px !important;
}

.widget--dashboard-meteo .adaptive-card > :nth-child(1),
.widget--dashboard-meteo .adaptive-card > :nth-child(1) > *,
.widget--dashboard-meteo .adaptive-card > :nth-child(1) > * > :nth-child(2),
.widget--dashboard-meteo .adaptive-card > :nth-child(2),
.widget--dashboard-meteo .adaptive-card > :nth-child(2) > *,
.widget--dashboard-meteo .adaptive-card > :nth-child(2) > * > :nth-child(1) {
  display: contents !important;
}

.widget--dashboard-meteo .adaptive-card > :nth-child(1) > * > :nth-child(1) {
  grid-area: icon !important;
  align-self: start !important;
}
.widget--dashboard-meteo .adaptive-card > :nth-child(1) > * > :nth-child(1) img {
  width: 95px !important;
  height: 95px !important;
  object-fit: contain !important;
}

.widget--dashboard-meteo .adaptive-card > :nth-child(1) > * > :nth-child(2) > :nth-child(1) {
  display: none !important;
}

.widget--dashboard-meteo .adaptive-card > :nth-child(2) > * > :nth-child(1) > :nth-child(1) {
  grid-area: temp !important;
  align-self: center !important;
}

.widget--dashboard-meteo .adaptive-card > :nth-child(2) > * > :nth-child(1) > :nth-child(2) {
  grid-area: cond !important;
}

.widget--dashboard-meteo .adaptive-card > :nth-child(2) > * > :nth-child(2) {
  grid-area: stats !important;
  margin-top: 16px !important;
}

/*My jobs*/
/* ===== MyJobs — branding (scope: .widget--my-jobs) ===== */

/* Carte blanche autour du formulaire (bouton inclus) */
.widget--my-jobs
  .lumx-adaptive-card__element--column:not(.lumx-adaptive-card__element--has-separator)
  > .lumx-adaptive-card__element--container {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}

/* Bouton Rechercher -> orange plein */
.widget--my-jobs [data-testid="submit-button-submit-btn"] {
  background-color: #E8683C !important;
  border-radius: 8px !important;
}
.widget--my-jobs [data-testid="submit-button-submit-btn"] .lumx-text {
  color: #fff !important;
}

/* Titres d'offres + lien "Toutes les opportunités" -> orange */
.widget--my-jobs [data-testid^="textBlock-offer-title-"] .lumx-adaptive-card-text-block,
.widget--my-jobs [data-testid="textBlock-offers-footer"] .lumx-adaptive-card-text-block {
  color: #E8683C !important;
}

/* Bouton retour (Back) -> contour orange (secondaire) */
.widget--my-jobs [data-testid^="execute-button-"] {
  background: transparent !important;
  border: 1px solid #E8683C !important;
}

.jobs-card h3 {
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 24px;
    color: var(--black);
    margin: 0 0 4px;
}
.jobs-card h3 .tag-myjobs {
    display: inline-block;
    background: var(--orange);
    color: var(--white);
    border-radius: 5px;
    padding: 1px 10px;
    transform: rotate(-1.2deg);
}
.jobs-card .jobs-desc {
    font-size: 14px;
    color: var(--black);
    line-height: 1.5;
    margin-bottom: 16px;
}






/* ==========================================================================
   WIDGET MYJOBS (widget--my-jobs) — carte "Et après ?" Matin
   ========================================================================== */




/* Espacement compact entre les champs restants */
.widget--my-jobs .adaptive-card > * {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* Libellés des champs */
.widget--my-jobs .lumx-input-label {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #4a4a49 !important;
  font-size: 13px !important;
}

/* Champs de saisie / select */
.widget--my-jobs .lumx-text-field__input-wrapper {
  border-radius: 10px!important;
  border-color: #e3d8c2!important;
}

.widget--my-jobs .lumx-text-field__input-native {
  font-family: 'Montserrat', Arial, sans-serif !important;
  color: #4a4a49 !important;
}

/* Bouton "Rechercher" → pilule orange (couleur héritée de la règle
   générique lumx-button--emphasis-high.lumx-button--color-primary si elle
   est présente ailleurs dans ton CSS ; sinon décommente le bloc ci-dessous) */
.widget--my-jobs .lumx-button--is-full-width {
  border-radius: 5px !important;
}

.widget--my-jobs .lumx-button--emphasis-high.lumx-button--color-primary {
  background-color: #ed6842 !important;
  border-color: #ed6842 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px -10px rgb(237 104 66 / 65%);
}


/* Petite icône loupe devant "Rechercher" (pur CSS, aucun élément ajouté) 
.widget--my-jobs .ac-button button::before {
  content: "";
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") center / contain no-repeat;
  margin-right: 15px!important;
  transform: translateX(-50px);
  width:20px;
  left:auto!important;
  right:auto!important;
}*/





/* ==========================================================================
   WIDGET ACTUALITES (widget--my-jobs) — carte "Et après ?" Matin
   ========================================================================== */
.widget--actualites button{
  
  display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    border: 1.5px solid var(--teal-dark);
    border-radius: 4px;
    padding: 14px 25px;
    font-family: var(--font-title);
    font-weight: 600;
    font-size: 14px;
    color: var(--teal-dark);
    width: fit-content;
    margin-left: auto;
  }




  /* ==========================================================================
   WIDGET LINKEDIN E-LEARNING (widget--linkedin_elearning) — carte Matin
   ========================================================================== */


/* Titre : le texte réel du DOM est l'id technique "linkedin_elearning"
   (pas modifiable en CSS pur) → masqué visuellement, remplacé par un
   libellé lisible via ::before.
   ATTENTION accessibilité : un lecteur d'écran annoncera toujours
   "linkedin_elearning" (texte réel), pas "LinkedIn e-learning". Idéalement
   à corriger côté back-office LumApps (nom du micro-app), pas en CSS. */


.widget--linkedin_elearning #micro-app-title {
  font-size: 0 !important;
}
.widget--linkedin-learning span.lumx-text.lumx-text--is-truncated {
    font-size: 0.8rem !important;
}
.widget--linkedin_elearning #micro-app-title::before {
  content: "LinkedIn e-learning";
  font-size: 20px !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #006a4e !important;
}

/* Séparateur vertical masqué, bouton rafraîchir sur rond crème */
.widget--linkedin_elearning .micro-app-header__separator {
  display: none !important;
}
.widget--linkedin_elearning .micro-app-header .lumx-button--variant-icon {
  background-color: #f8eddb !important;
  border-radius: 50% !important;
}

/* Astérisque "obligatoire" masqué (absent de la maquette) */
.widget--linkedin_elearning .lumx-input-label--is-required::before,
.widget--linkedin_elearning .lumx-input-label--is-required::after {
  display: none !important;
}

.widget--linkedin_elearning .lumx-input-label {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #4a4a49 !important;
  font-size: 13px !important;
}

/* Champs de saisie / select */
.widget--linkedin_elearning .lumx-text-field__input-wrapper {
  border: 0px solid #fff !important;
}
.widget--linkedin_elearning .lumx-text-field__input-native {
  font-family: 'Montserrat', Arial, sans-serif !important;
  color: #4a4a49 !important;
}

/* Mise en ligne horizontale : Thématique | Trier par | bouton */
.widget--linkedin_elearning .adaptive-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}
.widget--linkedin_elearning .adaptive-card > .lumx-adaptive-card__element--choice-set-input {
  flex: 1 1 160px !important;
  min-width: 140px !important;
}
.widget--linkedin_elearning .adaptive-card > .ac-button,
.widget--linkedin_elearning .adaptive-card > .lumx-adaptive-card__action {
  flex: 0 0 auto !important;
}

/* Bouton → orange plein, largeur au contenu (plus de pleine largeur) */
.widget--linkedin_elearning .lumx-button--is-full-width {
  width: auto !important;
}
.widget--linkedin_elearning .ac-button button,
.widget--linkedin_elearning .lumx-adaptive-card__action button {
  background-color: #ed6842 !important;
  border-color: #ed6842 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px -10px rgb(237 104 66 / 65%);
  color: #ffffff !important;
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 700 !important;
  padding: 0 20px !important;
  margin-top: 0px!important;
}
.widget--linkedin_elearning .lumx-adaptive-card__action.ac-button{
  margin-top: 0px!important;
      padding-bottom: 8px;
    padding-top: 16px;
}
.widget--linkedin_elearning .widget-micro-app.micro-app {
    padding: 0px;
    height: 100%;
}
.widget--linkedin_elearning .widget-content--v2 {
    height: 100%!important;
    overflow: hidden!important;
}
/*menu sodexo*/
.widget--zone-restauration {
    max-height: 321px;
}
.widget--affluence-sodexo .widget-micro-app.micro-app {
    padding: 0px;
    max-height: 390px;
}
.widget--menu-sodexco .micro-app.widget-micro-app{
  padding:0px!important;
}
.widget--menu-sodexco section .cards{
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
/* ==========================================================================
   WIDGET MENU SODEXO (widget--widget-sodexo-menu) — fond vert, texte
   blanc, aucune ombre
   ========================================================================== */

/* Cadre extérieur : fond vert plein, aucune ombre */
.widget--widget-sodexo-menu {
  background-color: #006a4e !important;
  box-shadow: none !important;
}

.widget--widget-sodexo-menu .widget-content--v2 {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Thème interne du composant Sodexo (best-effort : seules ces 5 variables
   sont exposées par le fournisseur, la structure interne reste fixe) */
.widget--widget-sodexo-menu sodexo-public-shop-menu-template {
  --sodexo-container-background-color: #006a4e;
  --sodexo-primary-background-color: #006a4e;
  --sodexo-primary-text-color: #ffffff;
  --sodexo-primary-color: #ffffff;
}

.widget--widget-sodexo-menu sodexo-public-shop-menu-template sodexo-title#month-title {
    display: none!important;
}
.resto-card__title {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}
/* ==========================================================================
   WIDGET LINKEDIN LEARNING — carte formation (widget--linkedin-learning)
   ========================================================================== */

/* En-tête technique masqué (absent de la maquette) */
.widget--linkedin-learning .micro-app-header {
  display: none !important;
}

/* "Détail d'une formation spécifique" masqué */
.widget--linkedin-learning .adaptive-card > :nth-child(1) {
  display: none !important;
}

/* Légendes "Description" / "Contenu du cours" + accordéon des chapitres masqués */
.widget--linkedin-learning .adaptive-card > :nth-child(2) > :nth-child(2) > :nth-child(3) > :nth-child(1),
.widget--linkedin-learning .adaptive-card > :nth-child(2) > :nth-child(2) > :nth-child(3) > :nth-child(3),
.widget--linkedin-learning .adaptive-card > :nth-child(2) > :nth-child(2) > :nth-child(3) > :nth-child(4) {
  display: none !important;
}

/* Description tronquée à 3 lignes */
.widget--linkedin-learning .adaptive-card > :nth-child(2) > :nth-child(2) > :nth-child(3) > :nth-child(2) {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  color: #7c7466 !important;
}

/* Image pleine largeur, hauteur fixe, coins arrondis */
.widget--linkedin-learning .lumx-adaptive-card__element--image {
  align-self: stretch !important;
  width: 100% !important;
  margin-bottom: 16px;
  border-radius: 12px 12px 0px 0px !important;
    overflow: hidden;
}
.widget--linkedin-learning .lumx-adaptive-card__element--image .lumx-thumbnail,
.widget--linkedin-learning .lumx-adaptive-card__element--image .lumx-thumbnail__background {
  width: 100% !important;
}
.widget--linkedin-learning .lumx-adaptive-card__element--image img {
  width: 100% !important;
  height: 160px !important;
  object-fit: cover !important;
  border-radius: 12px 12px 0px 0px !important;
}

/* Titre de la formation */
.widget--linkedin-learning .lumx-typography-title {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #4a4a49 !important;
}

/* Durée/Niveau sur une seule ligne avec séparateur */
.widget--linkedin-learning .lumx-adaptive-card__element--fact-set table {
  display: block !important;
}
.widget--linkedin-learning .lumx-adaptive-card__element--fact-set tbody {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
}
.widget--linkedin-learning .lumx-adaptive-card__element--fact-set tr {
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}
.widget--linkedin-learning .lumx-adaptive-card__element--fact-set tr:not(:last-child)::after {
  content: "·";
  margin: 0 8px;
  color: #7c7466;
}
.widget--linkedin-learning .lumx-adaptive-card__element--fact-set td {
  display: inline !important;
}
.widget--linkedin-learning .lumx-adaptive-card__element--fact-set .lumx-typography-subtitle1 {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 700 !important;
  color: #4a4a49 !important;
  font-size: 14px !important;
}
.widget--linkedin-learning .lumx-adaptive-card__element--fact-set .lumx-typography-body1 {
  font-family: 'Montserrat', Arial, sans-serif !important;
  color: #4a4a49 !important;
  font-size: 14px !important;
}

/* Badges décoratifs "À la une" + pastille orange (purement visuels) */
.widget--linkedin-learning {
  position: relative !important;
  overflow: visible !important;
  transform: rotate(-1.5deg);
}

.widget--linkedin-learning::before {
  content: "À la une";
  position: absolute;
  top: 16px;
  left: 16px;
  background-color: #ffffff;
  color: #006a4e;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 999px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 2;
}
.widget--linkedin-learning::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background-color: #ed6842;
  border-radius: 50%;
  border: 2px solid #ed6842;
  z-index: 2;
}
.widget--linkedin-learning .micro-app.widget-micro-app {
    padding: 0px!important;
}
.widget--linkedin-learning .lumx-adaptive-card__element.lumx-adaptive-card__element--container.lumx-adaptive-card__element--spacing-small.lumx-flex-box.lumx-flex-box--orientation-vertical{
  display:none!important;
}
.widget--linkedin-learning .lumx-adaptive-card__element.lumx-adaptive-card__element--text-block.lumx-adaptive-card__element--spacing-small, .lumx-adaptive-card__element.lumx-adaptive-card__element--fact-set.lumx-adaptive-card__element--spacing-small {
    padding: 0px 16px;
}
.widget--linkedin-learning .lumx-adaptive-card__action--spacing-medium, .lumx-adaptive-card__element--spacing-medium, .widget--linkedin-learning .lumx-adaptive-card__element.lumx-adaptive-card__element--container.lumx-adaptive-card__element--spacing-medium.lumx-flex-box.lumx-flex-box--orientation-vertical {
    margin-top: 0px!important;
  padding-top:0px!important;
}
.widget--linkedin-learning .ac-button{
  padding:16px!important;


}
.widget--linkedin-learning .ac-button a{
    background-color: #ed6842 !important;
    box-shadow: 0 10px 22px -10px rgb(237 104 66 / 65%);
}

























/* ==========================================================================
   0. FILET ANTI-DÉBORDEMENT (toutes largeurs — inoffensif en desktop)
   ========================================================================== */

/* Médias jamais plus larges que leur conteneur */
.layout.app-content--module-mon-quotidien img,
.layout.app-content--module-mon-quotidien video,
.layout.app-content--module-mon-quotidien table,
.layout.app-content--module-mon-quotidien pre {
  max-width: 100% !important;
}

/* Correctif flexbox classique : sans min-width:0, un enfant flex au contenu
   large (long libellé, select, tableau) refuse de rétrécir et déborde. */
.layout.app-content--module-mon-quotidien .cell,
.layout.app-content--module-mon-quotidien .cell__wrapper,
.layout.app-content--module-mon-quotidien .widget-content,
.layout.app-content--module-mon-quotidien .adaptive-card,
.layout.app-content--module-mon-quotidien .lumx-adaptive-card__element--column,
.layout.app-content--module-mon-quotidien .lumx-adaptive-card__element--container {
  min-width: 0 !important;
}

/* Les longs mots / URLs cassent au lieu de pousser la carte */
.layout.app-content--module-mon-quotidien .lumx-text,
.layout.app-content--module-mon-quotidien [class*="wrex-content"],
.layout.app-content--module-mon-quotidien .lumx-typography-body1,
.layout.app-content--module-mon-quotidien .lumx-typography-caption {
  overflow-wrap: break-word !important;
}


/* ==========================================================================
   1. TABLETTE (768–1023px) — grille "auto-fit"
   --------------------------------------------------------------------------
   Sous 1024px LumApps empile tout en 1 colonne : sur tablette cela donne une
   page très longue avec des cartes trop larges. On réactive une grille souple
   qui recompose 2–3 colonnes selon la place. flex-wrap + base mini garantit
   qu'AUCUNE ligne ne peut déborder horizontalement.
   ========================================================================== */
@media (min-width: 48em) and (max-width: 63.99em) {

  .layout.app-content--module-mon-quotidien .row > .row-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .layout.app-content--module-mon-quotidien .row > .row-wrapper > .cell {
    flex: 1 1 320px !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* Les cellules pleine largeur (titres de section, bandeaux d'accroche)
     restent seules sur leur ligne. */
  .layout.app-content--module-mon-quotidien .row > .row-wrapper > .cell--w-12 {
    flex-basis: 100% !important;
  }

  /* Rangées de PETITES cartes de même taille (transport metro/RER/Vélib =
     3×w-4 ; toute rangée 100% w-3) : base plus petite pour tenir à 3 de front.
     Le :not(:has(...)) ne cible que les rangées où TOUTES les cellules ont la
     même largeur, donc jamais une paire "grande + petite". */
  .layout.app-content--module-mon-quotidien .row > .row-wrapper:has(> .cell--w-4):not(:has(> .cell:not(.cell--w-4))) > .cell,
  .layout.app-content--module-mon-quotidien .row > .row-wrapper:has(> .cell--w-3):not(:has(> .cell:not(.cell--w-3))) > .cell {
    flex-basis: 200px !important;
  }
}


/* ==========================================================================
   1B. RANGÉES RESTAURATION (menu w-6 + 2 cartes w-3) — GARDER 3 COLONNES
   --------------------------------------------------------------------------
   Par défaut la grille auto-fit (section 1) fait passer la 3e carte à la ligne
   sur tablette (« 2 + 1 »). Ici on force le maintien des 3 colonnes au ratio
   6/3/3 (≈ 50% / 25% / 25%), comme en desktop.
   Cible ROBUSTE : toute rangée contenant À LA FOIS une cellule w-6 ET une w-3
   — dans cette page, uniquement les 2 rangées restauration.
   ========================================================================== */
@media (min-width: 48em) and (max-width: 63.99em) {
  .layout.app-content--module-mon-quotidien .row > .row-wrapper:has(> .cell--w-6):has(> .cell--w-3) > .cell--w-6 {
    flex: 2 1 0 !important;   /* ≈ 50% */
  }
  .layout.app-content--module-mon-quotidien .row > .row-wrapper:has(> .cell--w-6):has(> .cell--w-3) > .cell--w-3 {
    flex: 1 1 0 !important;   /* ≈ 25% chacune */
  }
}


/* ==========================================================================
   2. MISES EN PAGE HORIZONTALES INTERNES AUX WIDGETS → EMPILÉES (< 1024px)
   --------------------------------------------------------------------------
   Les Adaptive Cards LumX rendent leurs ColumnSet en flex-row et NE les
   empilent pas d'elles-mêmes en petit écran : d'où les formulaires "filtres |
   résultats" écrasés. On force l'empilement vertical sous 1024px.
   ========================================================================== */
@media (max-width: 63.99em) {

  /* ColumnSets génériques d'Adaptive Card → une colonne */
  .layout.app-content--module-mon-quotidien .lumx-adaptive-card__element--column-set {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .layout.app-content--module-mon-quotidien .lumx-adaptive-card__element--column-set > .lumx-adaptive-card__element--column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  /* MyJobs : bloc formulaire + bloc résultats côte à côte → empilés */
  .widget--my-jobs .adaptive-card,
  .widget--my-jobs [class*="column-set"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .widget--my-jobs [class*="column-set"] > [class*="column"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Barre de filtres e-learning ("Thématique | Trier par | bouton") → empilée
     (le thème la met en flex-row wrap ; sous 1024px on préfère la verticale
     pour des champs pleine largeur, plus lisibles). */
  .widget--linkedin_elearning .adaptive-card {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .widget--linkedin_elearning .adaptive-card > * {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  /* Champs et boutons d'action pleine largeur = plus faciles à toucher */
  .layout.app-content--module-mon-quotidien .lumx-text-field,
  .layout.app-content--module-mon-quotidien .lumx-select,
  .layout.app-content--module-mon-quotidien .lumx-adaptive-card__element--choice-set-input,
  .layout.app-content--module-mon-quotidien .lumx-adaptive-card__element--text-input {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* ==========================================================================
   3. WIDGET SODEXO (Web Component tiers en Shadow DOM)
   --------------------------------------------------------------------------
   Impossible de reflow l'intérieur (Shadow DOM). On protège juste le cadre
   extérieur d'un débordement horizontal : si le composant est plus large que
   l'écran, il défile dans SA carte au lieu de pousser toute la page.
   ========================================================================== */
@media (max-width: 63.99em) {
  .widget--widget-sodexo-menu .widget-content--v2,
  .widget--widget-sodexo-menu sodexo-public-shop-menu-template {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}


/* ==========================================================================
   4. CONFORT MOBILE (<= 767px)
   ========================================================================== */
@media (max-width: 47.99em) {

  /* --- Espace vertical entre cartes EMPILÉES ------------------------------
     Sous 768px LumApps met .row-wrapper en display:block : les cellules
     s'empilent SANS gouttière et se touchent (météo↕agenda, cartes transport,
     cartes resto…). On ré-injecte une gouttière verticale entre cellules
     voisines. `.cell + .cell` = toute cellule qui en suit une autre → n'ajoute
     rien avant la 1re ni après la dernière, et ne touche pas les rangées à
     cellule unique. Ajuster la valeur (20px) selon le rythme voulu. */
  .layout.app-content--module-mon-quotidien .row > .row-wrapper > .cell + .cell {
    margin-top: 20px !important;
  }

  /* --- Typographie : on réduit les grands titres pour éviter les coupures --- */
  .layout.app-content--module-mon-quotidien .lumx-typography-headline {
    font-size: 22px !important;
    line-height: 1.25 !important;
  }
  .layout.app-content--module-mon-quotidien .lumx-typography-title {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
  /* Titre d'accueil "Bonjour {prénom}" (bandeau teal) — gros titre de héros */
  .layout.app-content--module-mon-quotidien [data-id="layout-row0"] .lumx-heading,
  .layout.app-content--module-mon-quotidien .widget-welcome {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  /* --- Cartes : padding intérieur resserré 
  .layout.app-content--module-mon-quotidien .widget-content--v2 {
    padding: 0px !important;
  }--- */

  /* --- Cibles tactiles : hauteur mini 44px sur les boutons/inputs --- */
  .layout.app-content--module-mon-quotidien .lumx-button {
    min-height: 44px !important;
  }
  .layout.app-content--module-mon-quotidien .lumx-text-field__input-native,
  .layout.app-content--module-mon-quotidien .lumx-select__wrapper {
    min-height: 44px !important;
  }

  /* --- Boutons CTA principaux en pleine largeur (plus faciles à viser) --- */
  .layout.app-content--module-mon-quotidien .lumx-button--emphasis-high.lumx-button--color-primary,
  .widget--my-jobs .ac-button button,
  .widget--linkedin_elearning .ac-button button {
    width: 100% !important;
  }

  /* --- Séparateurs "papier déchiré" plus discrets sur mobile --- */
  .layout.app-content--module-mon-quotidien [data-id="layout-row0"]::after,
  .layout.app-content--module-mon-quotidien [data-id*="row"]::before,
  .layout.app-content--module-mon-quotidien [data-id*="row"]::after {
    height: 10px !important;
  }

  /* --- Grille météo (posée par le thème) : icône + température alignées,
         indicateurs dessous — on garde, on resserre juste le padding --- */
  .widget--meteo-dashboard .widget-content--v2 .adaptive-card,
  .widget--dashboard-meteo .widget-content--v2 .adaptive-card {
    padding: 16px !important;
  }
}


/* ==========================================================================
   5. TRÈS PETIT MOBILE (<= 400px) — derniers ajustements d'espace
   ========================================================================== */
@media (max-width: 25em) {
  .layout.app-content--module-mon-quotidien .widget-content--v2 {
    padding: 0px !important;
  }
  .layout.app-content--module-mon-quotidien [data-id="layout-row0"] {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .layout.app-content--module-mon-quotidien .lumx-typography-headline {
    font-size: 20px !important;
  }
}


/* ==========================================================================
   6. NORMALISATION DU PADDING VERTICAL DES RANGÉES (<= 1040px)
   --------------------------------------------------------------------------
   Uniformise l'espacement haut/bas des rangées de contenu quand la page
   passe sous 1040px, pour un rythme vertical régulier.
   NB : ciblage par [data-id="layout-rowN"] — À REVÉRIFIER si la page est
   reconstruite (les numéros de ligne se renumérotent dans l'éditeur LumApps).
   ========================================================================== */
@media (max-width: 1040px) {
  .app-content--module-mon-quotidien [data-id="layout-row2"],
  .app-content--module-mon-quotidien [data-id="layout-row3"],
  .app-content--module-mon-quotidien [data-id="layout-row4"],
  .app-content--module-mon-quotidien [data-id="layout-row6"],
  .app-content--module-mon-quotidien [data-id="layout-row7"],
  .app-content--module-mon-quotidien [data-id="layout-row8"],
  .app-content--module-mon-quotidien [data-id="layout-row12"],
  .app-content--module-mon-quotidien [data-id="layout-row13"],
  .app-content--module-mon-quotidien [data-id="layout-row14"] {
    padding: 24px 0px 24px 0px !important;
  }
}


/* ==========================================================================
   7. MARGE D'UN MICRO-APP SPÉCIFIQUE (<= 1176px)
   --------------------------------------------------------------------------
   NB : ciblage par HASH D'INSTANCE de widget (data-id="widget-micro-app-…") —
   très spécifique, À REVÉRIFIER si le widget est recréé (le hash change).
   ========================================================================== */
@media (max-width: 1176px) {
  .app-content--module-mon-quotidien [data-id="widget-micro-app-635e0988-0788-57c5-9e9e-33fe6c851a15"] {
    margin: 15px !important;
  }
}


/* ==========================================================================
   8. MICRO-APPS À CONTENU DIRECT → LIBÉRER LA HAUTEUR (anti-ROGNAGE, <= 1266px)
   --------------------------------------------------------------------------
   LumApps fige une hauteur (mesurée en desktop) + overflow:hidden sur la
   chaîne d'enveloppes du micro-app ; en plus étroit le contenu se replie plus
   haut et le bas est ROGNÉ (ex. bouton "Rechercher"). On rend la hauteur auto
   pour que la carte grandisse.

   Hook générique = classe .widget-micro-app (sur TOUS les micro-apps). Ici on
   ne vise QUE les micro-apps à contenu direct (Adaptive Card / HTML) via
   :not(:has(.iframe-preview)) — e-learning, MyJobs, formation LinkedIn… Les
   aperçus IFRAME (transport/météo/affluence/zones) sont traités en section 9
   (hauteur:auto y ferait s'effondrer l'iframe). Le widget Sodexo est exclu
   (Shadow DOM, section 3). Les 2 formulaires déjà validés (e-learning, MyJobs)
   restent listés explicitement par sécurité.
   Breakpoint 1266px : le rognage apparaît déjà sous cette largeur.
   ========================================================================== */
@media (max-width: 1280px) {
  .widget--linkedin_elearning,
  .widget--linkedin_elearning .widget-content--v2,
  .widget--linkedin_elearning .widget-content--v2 > div,
  .widget--linkedin_elearning .lumx-flex-box,
  .widget--linkedin_elearning .micro-app,
  .widget--my-jobs,
  .widget--my-jobs .widget-content--v2,
  .widget--my-jobs .widget-content--v2 > div,
  .widget--my-jobs .lumx-flex-box,
  .widget--my-jobs .micro-app,
  .layout.app-content--module-mon-quotidien .widget-micro-app:not(.widget--widget-sodexo-menu):not(:has(.iframe-preview)),
  .layout.app-content--module-mon-quotidien .widget-micro-app:not(.widget--widget-sodexo-menu):not(:has(.iframe-preview)) .widget-content--v2,
  .layout.app-content--module-mon-quotidien .widget-micro-app:not(.widget--widget-sodexo-menu):not(:has(.iframe-preview)) .widget-content--v2 > div,
  .layout.app-content--module-mon-quotidien .widget-micro-app:not(.widget--widget-sodexo-menu):not(:has(.iframe-preview)) .lumx-flex-box,
  .layout.app-content--module-mon-quotidien .widget-micro-app:not(.widget--widget-sodexo-menu):not(:has(.iframe-preview)) .micro-app {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* ==========================================================================
   9. MICRO-APPS EN APERÇU IFRAME → CARTE QUI SUIT L'IFRAME + TRANSPORT (< 1024px)
   --------------------------------------------------------------------------
   Les widgets transport (Métro/RER/Vélib), météo, affluence et zones de
   restauration sont des APERÇUS IFRAME (.iframe-preview) : l'iframe a une
   hauteur en %, donc height:auto sur la chaîne la FERAIT S'EFFONDRER. On
   procède en 2 temps :
     (a) libérer les enveloppes pour que la CARTE épouse la hauteur de l'iframe
         (au lieu de rester bloquée sur une hauteur desktop) ;
     (b) pour le transport uniquement, l'iframe teaser natif est fixé à 150px →
         en étroit le contenu (station + 2 sélecteurs empilés + liste des
         départs) déborde et un ASCENSEUR INTERNE apparaît. On agrandit
         l'iframe à 430px. CIBLAGE PAR NOM de widget : la règle native 150px
         résiste au sélecteur générique :has(.iframe-preview) iframe, mais
         cède à un sélecteur par nom (vérifié en direct sur les 3).
   Breakpoint < 1024px (63.99em) : sur desktop les aperçus restent des teasers
   compacts voulus ; on ne les agrandit qu'en tablette/mobile. Hauteur 430px
   ajustable (480–520px pour afficher plus de départs ; utile pour Vélib dont
   la liste de stations est longue). Météo/affluence/zones gardent leur propre
   hauteur d'iframe configurée en back-office (150/360/400px) ; ajouter leur
   nom sur le modèle transport si elles rognent aussi.
   ========================================================================== */
@media (max-width: 63.99em) {

  /* (a) libérer les enveloppes de TOUS les aperçus iframe */
  .layout.app-content--module-mon-quotidien .widget-micro-app:has(.iframe-preview) .widget-content--v2,
  .layout.app-content--module-mon-quotidien .widget-micro-app:has(.iframe-preview) .widget-content--v2 > div,
  .layout.app-content--module-mon-quotidien .widget-micro-app:has(.iframe-preview) .lumx-flex-box,
  .layout.app-content--module-mon-quotidien .widget-micro-app:has(.iframe-preview) .micro-app,
  .layout.app-content--module-mon-quotidien .widget-micro-app:has(.iframe-preview) .iframe-preview,
  .layout.app-content--module-mon-quotidien .widget-micro-app:has(.iframe-preview) .iframe-preview__container,
  .layout.app-content--module-mon-quotidien .widget-micro-app:has(.iframe-preview) .iframe-preview__iframe-wrapper {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* (b) transport : iframe teaser agrandie (ciblage PAR NOM, fiable) */
  .layout.app-content--module-mon-quotidien .widget--metro-montparnasse iframe,
  .layout.app-content--module-mon-quotidien .widget--rer-montparnasse iframe,
  .layout.app-content--module-mon-quotidien .widget--velib-montparnasse iframe {
    height: 430px !important;
    min-height: 430px !important;
  }
}

@media (max-width: 63.99em) {
    .layout>.row>.row-wrapper:not(.row-wrapper--is-full-width):not(.row-wrapper--is-compact) {
        margin: 24px!important;
    }
}
@media (max-width: 1040px) {
.app-content--module-mon-quotidien [data-id="layout-row6"]{
          padding: 0px !important;
    }
}