/**
 * @env: lumsites
 * @customerName: RATP
 * @customerId: 6202969682870272
 * @account: None
 *
 * @instanceName: -
 * @instanceId: -
 *
 * @styleName: RATP GROUPE PLATFORM STYLE
 * @styleId: ratpgroup_platform-style
 * @styleType: Global platform
 * @kind: custom
 *
 * @url: https://sites-ms.lumapps.com/a/ratp/ratp-group
 * @github: https://github.com/kelloggs27/ratp-epic.git
 */

/****************************************
 CSS variables
****************************************/

:root {
    --lumx-app-background: #fff;
    --lumx-typography-font-family: "Trebuchet MS", sans-serif;
    --lumx-typography-custom-title1-font-family: "Montserrat", sans-serif;
    --lumx-typography-custom-title2-font-family: "Montserrat", sans-serif;
    --lumx-typography-custom-title3-font-family: "Montserrat", sans-serif;
    --lumx-typography-custom-title4-font-family: "Montserrat", sans-serif;
    --lumx-typography-custom-title5-font-family: "Montserrat", sans-serif;
    --lumx-typography-custom-title6-font-family: "Montserrat", sans-serif;
    --lumx-content-block-title-theme-light-color: var(--lumx-color-primary-N);
    --lumx-widget-title-theme-light-color: var(--lumx-color-primary-N);
}

/****************************************
 Theme material styles
****************************************/


/* Titles style */

.theme-material h1,
.theme-material h2,
.theme-material h3,
.theme-material h4,
.theme-material h5,
.theme-material h6,
.theme-material .post-block-content__title,
.theme-material .community-block__title,
.theme-material .content-block-title {
    font-family: Montserrat, sans-serif;
    font-weight: 700 !important;
}

/* Content list style - link style */

.theme-material .widget-content-list .content-block--theme-light .content-block-title a {
    color: var(--lumx-color-primary-N) !important;
}

/* Content list style - publication date */

.theme-material .widget-content-list .content-block-publication-date {
    font-weight: normal !important;
}

/* Author block margin */

.theme-material .widget-content-list .content-block-author {
    margin: 12px 0;
}

/* Metadata
(https://sites-ms.lumapps.com/a/ratp/ratp-group/toutes-les-actus-groupe/le-groupe-ratp-experimente-un-bus-100-autonome-sur-une-ligne-classique-une-premiere)
*/

.theme-material .widget-meta-metadata__name::after {
    display: none;
}

.theme-material .widget-meta-metadata__name {
    padding: 8px 20px;
    margin: 12px 24px 12px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 45px;
    color: var(--lumx-color-primary-N);
    background-color: #f3f2f9;
    border-radius: 35px;
}

/* Widget sub nav */

.theme-material .widget--theme-light .widget-sub-nav__link span {
    color: var(--lumx-color-primary-N);
}

/* Community navigation */

.theme-material .widget--theme-light .widget-community-navigation__link span,
.theme-material .widget--theme-light .widget-community-navigation__link i {
    color: var(--lumx-color-primary-N);
}

/* Directory entry block title (in directory entries module) */

.theme-material .content--type-directory .directory-entry-block.directory-entry-block--theme-light .directory-entry-block-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    color: var(--lumx-color-primary-N);
}
/* Directory entries - hide description  */
.widget-directory-entry
.directory-entry-block__custom-field{
    display: none;
}
/* Directory entries page - show description */
.app-content--module-main-app-directory
.directory-entry-block__custom-field{
    display: inline!important;
}


/**** Main app Directory  ****/
.widget--apps-filter 
.widget-content-filter__form{
    display: flex;
    flex-wrap: wrap;
}
.widget--apps-filter 
.widget-content-filter__block{
    flex: 1 1 200px!important;
}
.widget--apps-filter 
.widget-content-filter__block:first-child{
    margin-right: 24px;
}

/**** Mes liens personnels directory - THEME LUMAPPS ****/
/* Widget du tableau de bord */
.widget--mes-liens-perso
.block-no-results span {
    display: none;
}
.widget--mes-liens-perso
.block-no-results:after {
    content: 'Vous pouvez ajouter des liens personnels en cliquant sur "Gérer mes liens personnels" ci-dessous.';
    margin-left: 12px;   
    color: #0A0082;
}
.widget--mes-liens-perso
.block-no-results{
    margin: 12px 24px;
    background-color: #F3F2F8;
    padding: 24px;
}
.widget--mes-liens-perso
.block-no-results i {
    color: #0A0082;
    font-size: 32px;
}
/**** Mes liens personnels directory - THEME MATERIAL ****/
/* Widget du tableau de bord */
.widget--mes-liens-perso
.no-results span {
    display: none;
}
.widget--mes-liens-perso
.no-results:after {
    content: 'Vous pouvez ajouter des liens personnels en cliquant sur "Gérer mes liens personnels" ci-dessous.';
    margin-left: 12px;   
    color: #0A0082;
}
.widget--mes-liens-perso
.no-results{
    margin: 12px 24px;
    background-color: #F3F2F8;
    padding: 24px;
}
.widget--mes-liens-perso
.no-results i {
    color: #0A0082;
    font-size: 32px;
}
/* Bouton Ajouter du catalogue */
.widget--main-liens-perso
.widget-directory-entry-list__add button{
    background-color: #0A0082;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 12px 32px;
    border-radius: 8px;
    width: auto;
}
.widget--main-liens-perso
.widget-directory-entry-list__add button:after{
    content: 'un lien personnel';
    margin-left:4px;
}




/* Community title */

.theme-material .content--type-community .widget-title h1 {
    color: var(--lumx-color-primary-N);
}

/* Socials icons */

.theme-material .comment-button.comment-button--theme-light i,
.theme-material .like-button.like-button--theme-light i,
.theme-material .comment-button.comment-button--theme-light span,
.theme-material .like-button.like-button--theme-light span,
.theme-material .favorite-button__btn.favorite-button__btn--theme-light,
.theme-material .post-share-button__wrapper.lumx-button--color-dark i,
.theme-material .post-share-button__wrapper.lumx-button--color-dark span {
    color: var(--lumx-color-primary-N);
}

.lumx-button--size-m.lumx-button--variant-button i:first-child {
    width: 30px !important;
    height: 30px !important;
    font-size: 30px !important;
    line-height: 30px !important;
}

/* --- WIDGET GLOBAL STYLES */

/** 4.11 ratpgroup-page-title (BIG TITLE + LINE FOR TITLE WIDGET)
(https://sites-ms.lumapps.com/a/ratp/ratp-group/toutes-les-actualites)
**/

.theme-material .widget--shared-ratpgroup-page-title .widget-title__title {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
}

/** 4.18 ratpgroup-article-title
(https://sites-ms.lumapps.com/a/ratp/espace-formation/bonjour-a-tous)
**/

.theme-material .widget-title.widget--shared-ratpgroup-article-title .widget-content h1 {
    color: var(--lumx-color-primary-N);
}

/* 4.20 ratpgroup-horizontal-subnav
(https://sites-ms.lumapps.com/a/ratp/ratp-group/toutes-les-actualites)
*/

.theme-material .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list.widget-sub-nav__list--root > li {
    border: none;
}

.theme-material .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list .widget-sub-nav__link {
    justify-content: center;
    padding: 5px 24px;
    border-bottom: 3px #c4c4c4 solid;
}

.theme-material .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list .widget-sub-nav__link span {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #c4c4c4;
    text-align: center;
}

.theme-material .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list .widget-sub-nav__link--is-active,
.theme-material .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list .widget-sub-nav__link:hover {
    border-bottom-color: var(--lumx-color-primary-N);
}

.theme-material .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list .widget-sub-nav__link--is-active span {
    color: #010082 !important;
}

.theme-material .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list .widget-sub-nav__link:hover span {
    color: #a4a3ad !important;
}


/** RATPGROUP_Actus-Groupe **/
.widget--shared-ratpgroup-titre-encadre-pink
.content-block__thumbnail{
      flex: 0 0 100px !important;
    margin-right: 16px !important;
     min-width: 100px !important;
    border: 2px var(--lumx-color-dark-L4) solid;
    display: block;
    height:70px !important;
}
.widget--shared-ratpgroup-titre-encadre-pink
.content-block__fields{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.widget--shared-ratpgroup-titre-encadre-pink
.content-block-title {
    font-size: 14px !important;
    line-height: 16px !important;
}
.widget--shared-ratpgroup-titre-encadre-pink
.content-block-title a{
    color: var(--lumx-color-dark-N) !important;
}

/****************************************
 Theme lumapps styles
****************************************/

/* --- NATIVE UI ELEMENTS OVERRIDES */

/* Main nav - remove bold on label */
.theme-lumapps
.main-nav__root
.main-nav-item .main-nav-item__label{
    font-weight: normal;
}

/* Metadata */

.theme-lumapps .widget-meta {
    --lumx-metadata-list-separator: "";
    --lumx-typography-custom-metadata-font-size: 16px;
    --lumx-typography-custom-metadata-font-weight: var(--lumx-typography-font-weight-bold);
    --lumx-typography-custom-metadata-font-style: normal;
    --lumx-metadata-height: 44px;
    --lumx-metadata-border-radius: 22px;
    --lumx-metadata-state-default-padding-horizontal: 20px;
    --lumx-metadata-state-default-theme-light-background-color: var(--lumx-color-primary-L6);
    --lumx-metadata-state-default-theme-light-color: var(--lumx-color-primary-N);
}
.theme-lumapps .widget-meta-metadata__wrapper{
    flex-wrap: wrap;
}

/* Directory entry block title (in directory entries module) */

.theme-lumapps .content--type-directory {
    --lumx-typography-custom-title5-font-size: 24px;
    --lumx-typography-custom-title5-line-height: 30px;
    --lumx-directory-entry-block-title-theme-light-color: var(--lumx-color-primary-N);
}

/* Socials icons */

.theme-lumapps .block-reactions.block-reactions--theme-light,
.theme-lumapps .directory-entry-block.directory-entry-block--theme-light,
.theme-lumapps .comment-button,
.theme-lumapps .like-button,
.theme-lumapps .favorite-button,
.theme-lumapps .post-share-button {
    --lumx-button-emphasis-low-state-default-theme-light-color: var(--lumx-color-primary-N);
    --lumx-button-emphasis-low-state-hover-theme-light-color: var(--lumx-color-primary-N);
    --lumx-button-emphasis-low-state-active-theme-light-color: var(--lumx-color-primary-N);
}

.theme-lumapps .like-button__btn i,
.theme-lumapps .comment-button i {
    width: 30px !important;
    height: 30px !important;
    font-size: 30px !important;
    line-height: 30px !important;
}

/* File list - force break lines */
.widget-file-list
span.text--truncated{
    white-space: normal!important;
}

.theme-lumapps .widget-file-list
.lumx-text--is-truncated{
    white-space: break-spaces !important;
}

/**** Extension file list SP - hide infos ****/
.extension-component
.drive-picker-main
.lumx-typography-custom-tag{
    display: none;
}

/** ratpgroup-suscribe-btn **/
.theme-lumapps 
.widget-instance-list.widget--shared-ratpgroup-suscribe-btn
.site-block__content::before {
    font-weight: bold;
    color: var(--lumx-color-primary-N);
    content: "Mettre le site en favori";
}
.theme-lumapps 
.widget-instance-list.widget--shared-ratpgroup-suscribe-btn
.lumx-link__content{
    display: none;
}
.theme-lumapps 
.widget-instance-list.widget--shared-ratpgroup-suscribe-btn
.site-block__content{
    justify-content: center;
}
.theme-lumapps 
.widget-instance-list.widget--shared-ratpgroup-suscribe-btn
.lumx-button--color-dark{
    color: #0A0082;
}


/* --- WIDGET GLOBAL STYLES */

/* 4.20 ratpgroup-horizontal-subnav
(https://sites-ms.lumapps.com/a/ratp/ratp-group/toutes-les-actualites)
*/

.theme-lumapps .widget--shared-ratpgroup-horizontal-subnav {
    --lumx-navigation-item-padding-horizontal: 24px;
    --lumx-navigation-item-border-radius: 0;
    --lumx-navigation-item-emphasis-low-state-default-border-bottom-width: 3px;
    --lumx-navigation-item-emphasis-low-state-default-theme-light-background-color: transparent;
    --lumx-navigation-item-emphasis-low-state-default-theme-light-border-color: #c4c4c4;
    --lumx-navigation-item-emphasis-low-state-default-theme-light-label-color: #c4c4c4;
    --lumx-navigation-item-emphasis-low-state-hover-border-bottom-width: 3px;
    --lumx-navigation-item-emphasis-low-state-hover-theme-light-background-color: transparent;
    --lumx-navigation-item-emphasis-low-state-hover-theme-light-border-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-low-state-hover-theme-light-label-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-low-state-active-border-bottom-width: 3px;
    --lumx-navigation-item-emphasis-low-state-active-theme-light-background-color: transparent;
    --lumx-navigation-item-emphasis-low-state-active-theme-light-border-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-low-state-active-theme-light-label-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-selected-state-default-border-bottom-width: 3px;
    --lumx-navigation-item-emphasis-selected-state-default-theme-light-background-color: transparent;
    --lumx-navigation-item-emphasis-selected-state-default-theme-light-border-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-selected-state-default-theme-light-label-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-selected-state-hover-border-bottom-width: 3px;
    --lumx-navigation-item-emphasis-selected-state-hover-theme-light-background-color: transparent;
    --lumx-navigation-item-emphasis-selected-state-hover-theme-light-border-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-selected-state-hover-theme-light-label-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-selected-state-active-border-bottom-width: 3px;
    --lumx-navigation-item-emphasis-selected-state-active-theme-light-background-color: transparent;
    --lumx-navigation-item-emphasis-selected-state-active-theme-light-border-color: var(--lumx-color-primary-N);
    --lumx-navigation-item-emphasis-selected-state-active-theme-light-label-color: var(--lumx-color-primary-N);
}

.theme-lumapps .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list .widget-sub-nav__link span {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/****************************************
 Common styles (both themes)
****************************************/

/***********************
 2.0 MAIN STYLES
***********************/

/** Widget header style **/

.widget-header .widget-header__title {
    font-family: Montserrat, sans-serif;
    font-weight: 700 !important;
}

/** Actions contextuelles - Masquer le bouton Signaler **/
div.contextual-actions
button[aria-label=Signaler]{
    display: none;
}

/** 2.1 Content background color (CSS variable in progress) **/

html,
body {
    background-color: #fff;
}

/** 2.2 Content lists **/

/* Hide author email */

.user-block__secondary-field {
    display: none !important;
}
.widget-meta
.block-metadata__author{
    align-items: center !important;
}
/* NGI - Hide author email in content lists + widget meta */
.theme-lumapps .widget-content-list 
.lumx-user-block__field,
.theme-lumapps .widget-meta
.lumx-user-block__field {
    display: none !important;
}
/* Author name color */

.widget-content-list .content-block-author .user-block__primary-field,
.widget-content-list .lumx-user-block__name {
    font-weight: 700 !important;
    color: #00806d !important;
}

/** 2.4 Horizontal content lists **/

/* Padding for slideshow (remove extra 24px if slideshow) */

.widget-content-list.widget-content-list--view-mode-horizontal .widget-slideshow {
    padding: 0;
}

/** 2.5 Communities **/

/* Member name */

.post-block-header__author,
.block-post .block-author .block-author__name {
    font-weight: 700 !important;
    color: #00806d !important;
}

/* Ungrouped posts list */

.widget-post-list .post-block.post-block--view-mode-variant-ungroup,
.widget-community-post-list .block-grid--ungrouped .block-grid__item {
    border: 1px #e8e8ea solid;
    box-shadow: none;
}

/* Community block title */

.community-block__title {
    margin: auto;
}

.community-new-post-btn__label{
    font-family: var(--lumx-typography-font-family);
    font-weight: bold;
}

/** 2.6 Hide MS apps from header-top **/

.header-top__bookmarked-apps {
    display: none;
}

/** Cacher le catalogue d'apps hérité sur le site Cap IDF **/
.ratp-ratp-cap-idf button[data-id='favorites-button-5053332007682048']{
    display: none;
}
/** Cacher le catalogue d'apps hérité sur le site Real Estate **/
.ratp-rre button[data-id='favorites-button-5053332007682048']{
    display: none;
}

/** 2.7 Widget comments - theme light **/

.widget-comments.widget--theme-light .lumx-comment-block__content {
    background-color: #fff;
}

@media screen and (max-width: 479px) {
    .widget-comments .comments-section-title {
        font-size: 16px;
    }
}

@media screen and (min-width: 480px) {
    .widget-comments .comments-section-title {
        font-size: 24px;
    }
}

.widget-comments .comments-section-title {
    position: relative;
    padding-bottom: 16px;
    margin-top: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
    text-transform: none;
    letter-spacing: normal;
}

.widget-comments .comments-section-title::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 55px;
    content: "";
    border-bottom: 7px #00aa91 solid;
}

/** 2.8 Blockquote / citation dans widget HTML
(https://sites-ms.lumapps.com/a/ratp/espace-formation/ouverture-des-stations-barbara-et-bagneux-lucie-aubrac-la-ligne-4-en-fete)
**/

.widget-html .widget-content blockquote {
    padding: 24px;
    font-size: 16px;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
    border-color: var(--lumx-color-primary-N);
    border-style: solid;
    border-width: 4px 4px 4px 8px;
}

/** 2.12 Child sites navigation **/

.ratp-rh .main-nav {
    background-color: #dc9600 !important;
}

.ratp-vp .main-nav {
    background-color: #3c91dc !important;
}

.ratp-espace-formation .main-nav {
    background-color: #ff4715 !important;
}
.ratp-ratp-solutions-ville .main-nav{
    background-color: #DC505F !important;
}
.ratp-ratp-cap-idf .main-nav{
    background-color: #F0AA00 !important;
}

/* Main nav Départements */

.ratp-dmc .main-nav, 
.ratp-bartle-departement-modele-pour-les-supports-de-formation .main-nav,
.ratp-service-clientele .main-nav {
    background-color: #af0082 !important;
}
.ratp-rer .main-nav {
    background-color: #008296 !important;
}

.ratp-mts .main-nav {
    background-color: #7d1973 !important;
}

.ratp-sem .main-nav,
.ratp-ifr .main-nav{
    background-color: #82b928 !important;
}

.ratp-m2e .main-nav {
    background-color: #006491 !important;
}

.ratp-mop .main-nav,
.ratp-gef .main-nav {
    background-color: #555aa5 !important;
}

.ratp-mrf .main-nav {
    background-color: #73c8c8 !important;
}

.ratp-val .main-nav {
    background-color: #870050 !important;
}

.ratp-cgf .main-nav {
    background-color: #fab900 !important;
}

.ratp-svd .main-nav {
    background-color: #00aadc !important;
}

.ratp-jur .main-nav {
    background-color: #00418c !important;
}

.ratp-iti .main-nav{
    background-color: #82285a !important;
}
.ratp-etudes-generales .main-nav,
.ratp-etg-geomatique .main-nav  {
    background-color: #555aa5 !important;
}

.ratp-com .main-nav {
    background-color: #cbd400 !important;
}

.ratp-gis .main-nav {
    background-color: #fab900 !important;
}

.ratp-sit .main-nav {
    background-color: #006464 !important;
}

.ratp-sdg .main-nav {
    background-color: #6e6f73 !important;
}

.ratp-ratp-infrastructures .main-nav,
.ratp-lem .main-nav,
.ratp-reso .main-nav {
    background-color: #006eb9 !important;
}

.ratp-dpg .main-nav{
    background-color: #FF4715!important;
}
.ratp-dei .main-nav,
.ratp-academie-du-digital .main-nav{
    background-color: #D72864!important;
}
/* Main nav BU */

.ratp-rds .main-nav {
    background-color: #6e823c !important;
}

.ratp-sur .main-nav {
    background-color: #b41e0a !important;
}
.ratp-rsf .main-nav,
.ratp-dmo .main-nav{
    background-color: #00aa91 !important;
}

/* Main nav metro */

.ratp-ligne1 .main-nav {
    background-color: #ffbe00 !important;
}

.ratp-ligne2 .main-nav {
    background-color: #0055c8 !important;
}

.ratp-ligne3 .main-nav {
    background-color: #7f8000 !important;
}

.ratp-ligne4 .main-nav {
    background-color: #a0006e !important;
}

.ratp-ligne5 .main-nav {
    background-color: #ff5a00 !important;
}

.ratp-ligne6 .main-nav {
    background-color: #82dc73 !important;
}

.ratp-ligne7 .main-nav {
    background-color: #ff82b4 !important;
}

.ratp-ligne8 .main-nav {
    background-color: #d282be !important;
}

.ratp-ligne9 .main-nav {
    background-color: #d2d200 !important;
}

.ratp-ligne10 .main-nav {
    background-color: #dc9600 !important;
}

.ratp-ligne11 .main-nav {
    background-color: #6e491e !important;
}

.ratp-ligne12 .main-nav {
    background-color: #00643c !important;
}

.ratp-ligne13 .main-nav {
    background-color: #82c8e6 !important;
}

.ratp-ligne14 .main-nav {
    background-color: #640082 !important;
}

.ratp-ligneA .main-nav {
    background-color: #ff1400 !important;
}

.ratp-ligneB .main-nav {
    background-color: #3c91dc !important;
}

/* Main nav Centre bus */

.ratp-aubervilliers .main-nav,
.ratp-belliard .main-nav,
.ratp-bords-de-marne .main-nav,
.ratp-creteil-saint-maur .main-nav,
.ratp-defense-ouest .main-nav,
.ratp-flandre .main-nav,
.ratp-montrouge .main-nav,
.ratp-paris-est .main-nav,
.ratp-paris-sud-ouest .main-nav,
.ratp-pavillons .main-nav,
.ratp-quais-de-seine .main-nav,
.ratp-rives-nord .main-nav,
.ratp-saint-denis .main-nav,
.ratp-seine-rive-gauche .main-nav,
.ratp-thiais .main-nav,
.ratp-vitry .main-nav,
.ratp-template-espace-centre-bus .main-nav,
.ratp-nef .main-nav,
.ratp-criv .main-nav,
.ratp-SAMA .main-nav,
.ratp-tram .main-nav,
.ratp-AC .main-nav {
    background-color: #6e823c !important;
}
/* Main nav TRAM */
.ratp-t1 .main-nav {
    background-color: #0055C8 !important;
}
.ratp-t2 .main-nav {
    background-color: #a0006e !important;
}
.ratp-t3a .main-nav {
    background-color: #ff5a00 !important;
}
.ratp-t3b .main-nav {
    background-color: #00643c !important;
}
.ratp-t5 .main-nav {
    background-color: #640082 !important;
}
.ratp-t6 .main-nav {
    background-color: #ff1400 !important;
}
.ratp-t7 .main-nav {
    background-color: #6e441e !important;
}
.ratp-t8 .main-nav {
    background-color: #7f8000 !important;
}

/* Espaces transverses */

.ratp-cybersecurite .main-nav {
    background-color: #e22947 !important;
}

.ratp-PIVM .main-nav {
    background-color: #82b928 !important;
}

.ratp-urbanopolis .main-nav {
    background-color: #f55 !important;
}

.ratp-ecms .main-nav {
    background-color: #e01a36 !important;
}

.ratp-encadrement .main-nav {
    background-color: #6f3aa6 !important;
}

.ratp-AGD .main-nav {
    background-color: #0055c8 !important;
}

/* Bold on active element */
.main-nav__root
.main-nav-item.main-nav-item--is-active
.main-nav-item__label{
    font-weight: 700!important;
}

/* Main nav links from white to black */

@media screen and (min-width: 1024px) {
    .ratp-ligne1 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label,
    .ratp-ligne5 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label,
    .ratp-ligne6 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label,
    .ratp-ligne7 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label,
    .ratp-ligne8 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label,
    .ratp-ligne9 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label,
    .ratp-ligne10 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label,
    .ratp-ligne13 .main-nav .main-nav__root > .main-nav-item:nth-child(n + 2) .main-nav-item__label {
        color: #000 !important;
    }
}

/* RATP group button */

@media screen and (min-width: 1024px) {
    .main-nav__child--ratp-group {
        height: 100%;
        background-color: #fff;
        border: 4px var(--lumx-color-primary-N) solid;
    }

    .main-nav__child--ratp-group .main-nav-item__link i,
    .main-nav__child--ratp-group .main-nav-item__link span,
    .main-nav__child--ratp-group > button i {
        color: var(--lumx-color-primary-N) !important;
    }
}

/** 2.13 Apps custom color **/

.apps-icon-custom span {
    display: none;
}

.apps-icon-custom i {
    color: var(--lumx-color-primary-N);
}

/** 2.14 H1 H2 H3 H4 color in widget html **/

.widget-html h1,
.widget-html h2,
.widget-html h3,
.widget-html h4 {
    color: var(--lumx-color-primary-N);
}

/** 2.16 Remove Navigation box-shadow **/

.main-nav {
    box-shadow: none;
}

/** 2.17 Widget Aide (not supported yet by ngi)
(https://sites-ms.lumapps.com/a/ratp/ratp-group/)
**/

.widget-tip__wrapper {
    align-items: center;
}

.widget-tip__icon {
    margin-right: 12px;
    font-size: 2rem;
}

.widget-tip .widget-content {
    padding: 24px !important;
    background-color: #f3f2f9 !important;
}

.widget-tip__wrapper i,
.widget-tip__wrapper p {
    color: var(--lumx-color-primary-N);
}

.widget-tip__wrapper::before {
    width: 20px;
    height: 20px;
    content: "";
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv96GbUH2SKdPav98l5Z4XuPlR2wJuKPPXtjNG1vt8r7kMTA_msWASpfKVmsuAo0VIlgGyNVHrnhClEyTRJon1oxaTBA5MsYlxkMMUAG90e8fW8Gg-oPY0NfEIY4jTJDNcpS9MkCOxI2Ch14B0YJepTpfBCEAupVqj3jfzKWcjc8A8fVlEb4UwFVE9eEZ5930nVG8WeSHEYCshczsx6qeQetDs9wMzA2nXZz9xmRnJ67PH2jrlfn9GE5hP49Nx5zRzlSQ5SD9P01IG_QrML-3c6jVFx5hZ6JGmlgcsb_8RqpfbAm0VMA/alert-circle-outline.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.widget-tip .mdi-help-circle {
    display: none;
}

.widget-tip__close {
    margin: 0;
}

/** 2.18 Vertical align cell
(https://sites-ms.lumapps.com/a/ratp/espace-formation/bonjour-a-tous)
**/

.component-cell--vertical-align .widget-content {
    display: flex;
    align-items: center;
}

.cell.vertical-align .widget-content {
    justify-content: center;
}

/** 2.19 Row separators **/

@media screen and (min-width: 480px) {
    .component-row--separator,
    .row.separator {
        height: 62px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 479px) {
    .component-row--separator,
    .row.separator {
        height: 48px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
}

/***********************
 3.0 PAGES
***********************/

/** 3.1 Home **/
/** Bouton Retour vers DEV **/
/* Edition - legacy */
#backToDev-btn
.widget-content
.widget-html__content {
    background-color: #00a2bc;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}
#backToDev-btn
.widget-content
.widget-html__content a:hover{
    text-decoration: none;
    cursor: pointer;
}
/* NGI */
.theme-lumapps
#backToDev-btn
.block-html{
    background-color: #00a2bc;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}
.theme-lumapps
#backToDev-btn
.block-html a:hover{
    text-decoration: none;
    cursor: pointer;
}
.theme-lumapps
#backToDev-btn
.block-html a{
    text-decoration: none;
}


/** Bouton Retour vers CAP **/
/* Edition - legacy */
#backToCap-btn
.widget-content
.widget-html__content {
    background-color: #d72864;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}
#backToCap-btn
.widget-content
.widget-html__content a:hover{
    text-decoration: none;
    cursor: pointer;
}
/* NGI */
.theme-lumapps
#backToCap-btn
.block-html{
    background-color: #d72864;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}
.theme-lumapps
#backToCap-btn
.block-html a:hover{
    text-decoration: none;
    cursor: pointer;
}
.theme-lumapps
#backToCap-btn
.block-html a{
    text-decoration: none;
}

/* Widget "à venir" - content list */

.widget-content-list.widget--events .content-block {
    margin: 0;
    border: none;
}

.widget-content-list.widget--events .block-list .block-list__item-divider {
    display: none;
}

.widget-content-list.widget--events .content-block__fields,
.widget-content-list.widget--events .block-list .block-list__item {
    padding: 12px;
    background-color: #f3f2f9;
    border-radius: 4px;
}

.widget-content-list.widget--events .block-list .block-list__item {
    margin-bottom: 16px;
}

.widget-content-list.widget--events .block-list .block-list__item:last-child {
    margin-bottom: 0;
}

/** 3.3 Template actus + article
(https://sites-ms.lumapps.com/a/ratp/espace-formation/bonjour-a-tous A voir avec vertical align cell)
**/

.content--type-news .widget-meta-social .widget-content,
.content--type-page .widget-meta-social .widget-content {
    display: flex;
}

@media screen and (min-width: 480px) {
    .content--type-news .widget-meta-social .widget-content,
    .content--type-page .widget-meta-social .widget-content {
        justify-content: flex-end;
    }

    .widget-meta-social .block-reactions {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 479px) {
    .content--type-news .widget-meta-social .widget-content,
    .content--type-page .widget-meta-social .widget-content,
    .content--type-news .widget-meta .widget-content,
    .content--type-page .widget-meta .widget-content {
        justify-content: center;
    }
}

/** 3.5 User profile **/

/***** NEW VERSION / REACT *****/
.user-profile
.user-profile-header__name{
    color: var(--lumx-color-primary-N);
    font-family: Montserrat, sans-serif;
}
.user-profile
.user-profile-header{
    flex-wrap: wrap;
    border-bottom: 4px var(--lumx-color-primary-N) solid;
    padding-bottom: 16px;
}

.user-profile
.user-profile-header:before{
    display: inline-block;
    width: 100%;
    height: 57px;
    margin-bottom: 24px;
    content: "";
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv95IKelTWxhtcqqfLwV3b_i9kFT39KM2WCuFkPOOFmbClpdWjo73zZQo3nhc1UwywVeneJmfa7E7exB3b7UIxR9xZFROT9qJM13euRxdFxcs2oH_KT4nzZ8XRO8nNi9gY0mwIuWYqw3pC2Auaa4tBHvwuk_r1C8MJkJ4ouHzyTb-ms8CkqS3xL3VpGTzONxLTXNwpWEyqQRHz6hxnBwbSmex_h_n98-rH1IrDsspTX4WSeeYjoyX42UHC_7ap45l1FNiGNu8L95dU2xvb6e7pP6l9atccg/user-profile_before.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.user-profile
.user-profile-header__toolbar button{
    background-color: rgba(10, 0, 130, 0.1)!important;
    color: var(--lumx-color-primary-N)!important;
}
.user-profile
i[data-id='user-history-item-thumbnail']{
    background-color: var(--lumx-button-emphasis-selected-state-default-theme-light-background-color)!important;
    color: var(--lumx-color-primary-N)!important;
}




/***** OLD VERSION *****/
/* Page background */

.module.social-profile {
    padding-top: 48px;
    background-color: #fff;
}

/* Sidebar component */

.social-profile__sidebar {
    padding: 0 0 24px;
    border-top: 8px var(--lumx-color-primary-N) solid;
    box-shadow: none;
}

/* User block */

.social-profile__sidebar .user-block__wrapper {
    padding: 24px 24px 0;
    background-color: #f3f2f9;
}

.social-profile__sidebar .user-block__wrapper .user-block__primary-field {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: #00806d;
}

.social-profile__sidebar .user-block__wrapper .user-block__field span {
    color: #000 !important;
}

/* More info button */

.social-profile__sidebar .user-block__more-info button {
    padding: 12px 24px !important;
    background-color: transparent !important;
    border: 2px var(--lumx-color-primary-N) solid;
    border-radius: 8px !important;
}

.social-profile__sidebar .user-block__more-info button span {
    font-size: 14px;
    font-weight: bold;
    color: var(--lumx-color-primary-N) !important;
    text-transform: none;
}

/* User status empty */

.social-profile__sidebar .social-profile__status {
    padding: 24px;
    margin: 0 !important;
    background-color: #f3f2f9;
}

.social-profile__sidebar .social-profile-status__input {
    background-color: #fff;
    border: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.social-profile__sidebar .social-profile-status__submit {
    background-color: var(--lumx-color-primary-N);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

/* User status edited */

.social-profile__sidebar .social-profile-status__wrapper {
    background-color: #fff;
    border-radius: 8px;
}

.social-profile__sidebar .social-profile-status__wrapper::after,
.social-profile-status__wrapper::before {
    color: var(--lumx-color-primary-N);
}

.social-profile__sidebar .social-profile-status__content {
    font-style: italic;
    font-weight: bold;
}

/* Sidebar navigation */

.social-profile__sidebar .social-profile-filters,
.social-profile__sidebar .social-profile-nav {
    border-top: 2px var(--lumx-color-primary-N) solid;
}

.social-profile__sidebar .social-profile-nav .social-profile-nav__link i {
    color: var(--lumx-color-primary-N) !important;
}

.social-profile__sidebar .social-profile-nav .social-profile-nav__link span {
    font-family: Montserrat, sans-serif;
    font-weight: normal;
    color: var(--lumx-color-primary-N);
}

.social-profile__sidebar .social-profile-nav .social-profile-nav__link.social-profile-nav__link--is-active span {
    font-weight: bold;
    color: #00aa91;
}

.social-profile__sidebar .social-profile__sidebar-subheader {
    color: var(--lumx-color-primary-N);
}

/* Right column before decoration */

.module.social-profile .social-profile__col-right::before {
    display: block;
    width: 100%;
    height: 57px;
    margin-bottom: 48px;
    content: "";
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv95IKelTWxhtcqqfLwV3b_i9kFT39KM2WCuFkPOOFmbClpdWjo73zZQo3nhc1UwywVeneJmfa7E7exB3b7UIxR9xZFROT9qJM13euRxdFxcs2oH_KT4nzZ8XRO8nNi9gY0mwIuWYqw3pC2Auaa4tBHvwuk_r1C8MJkJ4ouHzyTb-ms8CkqS3xL3VpGTzONxLTXNwpWEyqQRHz6hxnBwbSmex_h_n98-rH1IrDsspTX4WSeeYjoyX42UHC_7ap45l1FNiGNu8L95dU2xvb6e7pP6l9atccg/user-profile_before.png");
    background-repeat: no-repeat;
    background-size: cover;
}

/* Activity block header */

.module.social-profile .social-profile-activity {
    padding: 12px;
}

.module.social-profile .social-profile-activity__header {
    font-weight: bold;
    background-color: #faf9f9;
    border-bottom: 0;
}

.module.social-profile .social-profile-activity__header i {
    color: var(--lumx-color-primary-N);
}

.module.social-profile .social-profile-activity__header .user-block__primary-field {
    font-weight: bold;
    color: #00806d;
}

.module.social-profile .social-profile-activity__header .social-profile-activity-action__description {
    color: var(--lumx-color-primary-N);
}

.module.social-profile .social-profile-activity__header .social-profile-activity-action__date {
    font-weight: normal;
    color: #a4a3ad;
}

@media screen and (max-width: 479px) {
    .module.social-profile .social-profile-activity-action {
        flex-direction: column;
    }

    .module.social-profile .social-profile-activity-action__wrapper {
        flex-direction: column;
    }
}

/** 3.7 Page discussion (communautés) **/

/* Community panel margin fix
(https://sites-ms.lumapps.com/a/ratp/epic-departement-cml/ls/community/discussions-du-departement-cml/posts)
*/

@media screen and (max-width: 479px) {
    .component-cell--community-panel .widget-featured-image,
    .component-cell--community-panel .widget-community-navigation {
        margin: 0 -24px;
    }

    .component-cell--community-panel .component-widget {
        margin-top: 0 !important;
    }
}

/** 3.8 User directory **/

/* Header */

.content--type-user-directory .user-directory__wrapper {
    padding: 0;
    margin-top: -12px;
    box-shadow: none;
}

.content--type-user-directory .user-directory__header {
    border: none;
}

.content--type-user-directory .user-directory__title {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
}

@media screen and (min-width: 480px) {
    .content--type-user-directory .user-directory__title {
        position: relative;
        font-size: 40px;
    }

    .content--type-user-directory .user-directory__title::backdrop {
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 55px;
        content: "";
        border-bottom: 7px #00aa91 solid;
    }
}

@media screen and (max-width: 479px) {
    .content--type-user-directory .user-directory__title {
        font-size: 22px;
    }

    .content--type-user-directory .user-directory__header {
        padding: 0;
        margin-bottom: 12px;
    }
}

/* Filter panel */

.content--type-user-directory .filter-pane {
    border: 4px var(--lumx-color-primary-N) solid;
}

.content--type-user-directory .filter-pane label {
    margin-top: 12px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--lumx-color-primary-N);
}

/* User blocks */

.content--type-user-directory .user-block {
    padding: 32px 24px;
    background-color: #f8f7ff;
    border: 0;
}

.content--type-user-directory .user-block .user-block__profile-basic span {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
}

.content--type-user-directory .user-block .user-block__field i {
    color: var(--lumx-color-primary-N);
}

/**** NGI USER DIRECTORY ****/
/* Header */

.user-directory-page .user-directory-page__user-directory-title{
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
}

@media screen and (min-width: 480px) {
    .user-directory-page .user-directory-page__user-directory-title {
        position: relative;
        font-size: 40px;
    }
    .user-directory-page .user-directory-page__user-directory-title h1::after {
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 55px;
        content: "";
        border-bottom: 7px #00aa91 solid;
    }
}

@media screen and (max-width: 479px) {
    .user-directory-page .user-directory-page__user-directory-title {
        font-size: 22px;
    }
}

/* Filter panel */

.user-directory-page__filters .user-directory-page__card{
    border: 4px var(--lumx-color-primary-N) solid;
}

.user-directory-page__filters label {
    font-family: Montserrat, sans-serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--lumx-color-primary-N) !important;
}

/* User blocks */

.user-directory-page .user-directory-list__card {
    padding: 32px 24px;
    background-color: #f8f7ff;
    border: 0;
}
.user-directory-page
.block-user-profile-preview__content h2 {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
}

.user-directory-page
.block-user-profile-preview__content i {
    color: var(--lumx-color-primary-N);
}

/***********************
 4.0 WIDGET STYLES
***********************/

/** 4.1 ratpgroup-frame-title **/

/* Common styles */

.widget--shared-ratpgroup-frame-title .widget-content p {
    display: inline-block;
    padding: 12px;
    margin-left: 90px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: bold;
    border: 4px var(--lumx-color-primary-N) solid;
}

.widget--shared-ratpgroup-frame-title .widget-content p span,
.widget--shared-ratpgroup-frame-title .widget-content p {
    color: #fff !important;
}

@media (min-width: 480px) {
    .widget--shared-ratpgroup-frame-title .widget-content p {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 479px) {
    .widget--shared-ratpgroup-frame-title .widget-content p,
    .widget--shared-ratpgroup-frame-title .widget-content p span {
        font-size: 1.1em !important;
        line-height: 28px;
    }
}

.widget--shared-ratpgroup-frame-title .widget-content .html-title-container,
.widget--shared-ratpgroup-frame-title .widget-content .block-html {
    position: relative;
}

.widget--shared-ratpgroup-frame-title .widget-content p::before {
    position: absolute;
    top: -12px;
    left: 4px;
    width: 90px;
    height: 70px;
    content: "";
    background-size: cover;
    border: 4px var(--lumx-color-primary-N) solid;
}

.widget--shared-ratpgroup-frame-title .widget-content {
    position: relative;
    min-height: 110px;
}

/* Fuchsia and ochre */

.widget--shared-ratpgroup-frame-title.widget--fuchsia .widget-content p {
    background-color: #dc5ab4;
}

.widget--shared-ratpgroup-frame-title.widget--ochre .widget-content p {
    background-color: #dc9600;
}

.widget--shared-ratpgroup-frame-title.widget--fuchsia .widget-content p::before,
.widget--shared-ratpgroup-frame-title.widget--ochre .widget-content p::before {
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv959czbCr71MlgE9rWXLUE87IgrTYgVDWdJ-_oQj8txt4ay6BncPzohfqrE3-_cWdqMRKV82vduG-h2UZBvuvgFovrGcczu2rSbQPLkZwZFVORVAsUklW4jdq8xrtzQhbYgm6JUqM4ABXMw_wON6XtA9DDfPHfGQQ-9VWDuu9A0hByRvkP8u8SMK73IStn_dZNzYc6lq5UXfWi2X0luYyFKzRiLSV41r1e3ddaRA4CNt9tLYzN7yWtLt75V3NO8cLcp-QPA0ksQuwhlRqtNesuBcumjnUw/frame-title_fuchsia-ochre.png");
}

/* Cobalt */

.widget--shared-ratpgroup-frame-title.widget--cobalt .widget-content p {
    background-color: #3c91dc;
}

.widget--shared-ratpgroup-frame-title.widget--cobalt .widget-content p::before {
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv94ZBeIP1Xa-P62l3BmUN4fOsqluENuf-7jbpSwxRmUFQYzmmC2xDHYMALZUn-HvnvmgbPvSjat8Ox2CfIAwoeie62CMLFCigX1EcV9w_6e01DQqH2pDPp4aS6hL8VDk6F9aB1pZpKon2cpG0IOBy62iscya9YCsquqFESpOi7Ccd39vNYVQiRogIk8B1caR-6imRTjuV8rRRp6ig--g5c_V75c3vQVIvsCOvkn4EwCkHOnvYfb01CKuW0CMpT9sZw-ULjTPq7f5gQ-yOQpF-NN43bozdQ/frame-title_cobalt.png");
}

/* Pink */

.widget--shared-ratpgroup-frame-title.widget--pink .widget-content p {
    background-color: #ff82b4;
}

.widget--shared-ratpgroup-frame-title.widget--pink .widget-content p::before {
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv97bm7EYGJXaF9z4GWWO_SIMmxSoX_boPQqESIHa_v9WuEAjay5Ee97xl5wKCcI1YIFENpyC5Sk67XuAsjH7A9KaJWP-cjX-gXl2YudmU_C9ILn-JqSRL5oID7p1S-iMNHIZ4xuLT-hU0Ry5AEvuJJ6cjrenK_TNen3R30wJq1_JWXazevzegQ33WZdEsQGMAlmxVIyUMmgOMorcnUVZF1HIjQUHquZ42rMa3iFMI2pb4yGk7ZkGmwMfjFww8zJmJXmvs0B8-WaGKtKQLxMmJzUISk6_A4XSdGEr_HsD837uRsTOWG4/frame-title_pink.png");
}

/* Turquoise */

.widget--shared-ratpgroup-frame-title.widget--turquoise .widget-content p {
    background-color: #00a092;
}

.widget--shared-ratpgroup-frame-title.widget--turquoise .widget-content p::before {
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv96aTbuA9g0-ALnuES-gP1hcSB1Ig9y82oaOSKG2jAZhSLNrYf2uOYM_3p2bfYU7SFyuHdge1un-vunsPZ549DjnFF7nXD47-r21uNxHKLD23y4ex5ZvTYOaUJRD3A8rrxWxnW_v41-hbqnrATVPp0tHNwhbxV2CfhnNzeQ-cjPqzNgJ3Q7bgunwAms4DPnruj8Vt1aZvVyrfcO6YQNRwlXmDkdPrkrJ17FeT2DzbTXtWAci55qfy7oIgFsS8B1IKIXTbVQuRoQuJ-ANoptKWBSE8PCIUyZisegXq074Q2_GZsHcnRc/frame-title_turquoise.png");
}

/** 4.2 ratpgroup-widget-big-title (BIG TITLE + LINE FOR WIDGETS) **/

/* Title border */

.widget--shared-ratpgroup-widget-big-title .widget-header .widget-header__title {
    position: relative;
    overflow: visible;
}

.widget--shared-ratpgroup-widget-big-title .widget-header .widget-header__title::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 55px;
    content: "";
}

@media screen and (min-width: 480px) {
    .widget--shared-ratpgroup-widget-big-title .widget-header .widget-header__title::after {
        border-bottom: 7px #00aa91 solid;
    }
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-widget-big-title .widget-header__title {
        font-size: 20px !important;
    }

    .widget--shared-ratpgroup-widget-big-title .widget-header .widget-header__title::after {
        border-bottom: 4px #00aa91 solid;
    }
}

/** 4.3 ratpgroup-html-big-title (BIG TITLE + LINE FOR HTML) **/

.widget--shared-ratpgroup-html-big-title .widget-content p {
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
}

@media screen and (min-width: 480px) {
    .widget--shared-ratpgroup-html-big-title .widget-content p {
        position: relative;
        font-size: 40px;
    }

    .widget--shared-ratpgroup-html-big-title .widget-content p::after {
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 55px;
        content: "";
        border-bottom: 7px #00aa91 solid;
    }
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-html-big-title .widget-content p {
        font-size: 20px !important;
        line-height: 24px;
    }
}

/** 4.4 ratpgroup-widget-medium-title (MEDIUM TITLE + LINE FOR WIDGETS) (Publications sur la home) **/

/* Title border */

.widget--shared-ratpgroup-widget-medium-title .widget-header .widget-header__title {
    position: relative;
    overflow: visible;
}

.widget--shared-ratpgroup-widget-medium-title .widget-header .widget-header__title::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 55px;
    content: "";
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-widget-medium-title .widget-header__title {
        font-size: 20px !important;
    }

    .widget--shared-ratpgroup-widget-medium-title .widget-header .widget-header__title::after {
        border-bottom: 4px #00aa91 solid;
    }
}

@media screen and (min-width: 480px) {
    .widget--shared-ratpgroup-widget-medium-title .widget-header .widget-header__title::after {
        border-bottom: 7px #00aa91 solid;
    }
}

/** 4.5 ratpgroup-html-medium-title (MEDIUM TITLE + LINE FOR HTML) (Mes discussions sur la home) **/

.widget--shared-ratpgroup-html-medium-title .widget-content p {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: var(--lumx-color-primary-N);
}

.widget--shared-ratpgroup-html-medium-title .widget-content p::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 55px;
    content: "";
}

@media screen and (min-width: 480px) {
    .widget--shared-ratpgroup-html-medium-title .widget-content p {
        font-size: 32px;
    }

    .widget--shared-ratpgroup-html-medium-title .widget-content p::after {
        border-bottom: 7px #00aa91 solid;
    }
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-html-medium-title .widget-content p {
        font-size: 20px !important;
    }

    .widget--shared-ratpgroup-html-medium-title .widget-content p::after {
        border-bottom: 4px #00aa91 solid;
    }
}

/** 4.6 ratpgroup-cta-blue (for HTML) **/

.widget--shared-ratpgroup-cta-blue .widget-content a {
    position: relative;
    padding: 10px 20px 10px 40px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-color: var(--lumx-color-primary-N);
    border-radius: 8px;
}

.widget--shared-ratpgroup-cta-blue .widget-content {
    text-align: center;
}

.widget--shared-ratpgroup-cta-blue .widget-content a::before {
    position: absolute;
    top: 50%;
    left: 18px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    content: "";
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv95fpMG-l0eZl6Gfcn0eACq45CI2p1FwEhFjw7VlAXWLzBJbStcy98cmDVebqCvtLEiFygFrOkKPc9qBwDyrjBFtsPEVj6arAGdlHO4q_jFWdrnM9VjvbKMXJcxK1KwUh21yxu_j2LqrwlCRPenZaV0Lfp2O8Tot5tjrJrQeu4Y1nfNvhGMwY5qt3Z6DRQlk8Ij6FK9FkjuVD5D8J329M4IdoD6F0FcoZH2msUYyx91TXEgYilT73u0N3AXKIQTn2M09SXayZbawb-_ir84fJJoPQSW2GA/arrow-right.png");
    background-size: contain;
    transform: translateY(-50%);
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-cta-blue .widget-content a {
        font-size: 1em !important;
    }
}

@media screen and (min-width: 480px) {
    .widget--shared-ratpgroup-cta-blue .widget-content a {
        font-size: 14px !important;
    }
}

/** ratpgroup-askip-new **/
.widget--shared-ratpgroup-askip-new
.widget-header .widget-header__heading{
    border-bottom: 3px #fff solid;
    border-right: 3px #fff solid;
}
.widget--shared-ratpgroup-askip-new {
    position: relative;
}
.widget--shared-ratpgroup-askip-new .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.widget--shared-ratpgroup-askip-new 
.widget-header__title:after{
    content: "'";
    color: #00aa91;
}
.widget--shared-ratpgroup-askip-new 
.block-page-preview__content{
    align-items: center !important;
    flex-direction: row !important;
}
.widget--shared-ratpgroup-askip-new 
.block-page-preview__title{
    font-size: 14px !important;
    line-height: 20px !important;
}

.widget--shared-ratpgroup-askip-new 
.block-page-preview__thumbnail-wrapper{
    flex: 0 0 45% !important;
    margin-right: 12px !important;
}
@media screen and (max-width: 1023px) {
    .widget--shared-ratpgroup-askip-new{
        margin-top:-12px !important;
    }
    .widget--shared-ratpgroup-askip-new .widget-header .widget-header__title {
        font-size: 20px !important;
    }
    .widget--shared-ratpgroup-askip-new 
.block-page-preview__title{
    font-size: 12px !important;
    line-height: 16px !important;   
}
.widget--shared-ratpgroup-askip-new 
.block-page-preview__thumbnail-wrapper{
    margin-right: 0px !important;
}
}
.widget--shared-ratpgroup-askip-new
.widget-content
.block-page-preview--mobile{
    flex-direction: row !important;
}
.widget--shared-ratpgroup-askip-new
.widget-content
.block-page-preview--mobile .block-page-preview__thumbnail-wrapper {
    margin-bottom: 0 !important;
    max-width: auto !important;
    flex: 1 1 100% !important;
}
.widget--shared-ratpgroup-askip-new
.widget-content
.block-page-preview--mobile
.block-page-preview__content{
    padding: 12px !important;
}

/** ratpgroup-askip-new2 **/
.widget--shared-ratpgroup-askip-new2 {
    position: relative;
}
.widget--shared-ratpgroup-askip-new2 .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.widget--shared-ratpgroup-askip-new2
.block-page-preview--cover .block-page-preview__content:before{
    background-color: rgba(10, 0, 130,0.7) !important;
}
.widget--shared-ratpgroup-askip-new2
.block-page-preview--cover .block-page-preview__content
.lumx-link__content{
    padding-top: 64px;
}
.widget--shared-ratpgroup-askip-new2
.widget-header__title:after{
    content: "'";
    color: #00aa91;
}
.widget--shared-ratpgroup-askip-new2 
.block-page-preview__content{
    align-items: center !important;
    flex-direction: row !important;
    padding-top: 68px !important;
}
.widget--shared-ratpgroup-askip-new2 
.block-page-preview__title{
    font-size: 16px !important;
    line-height: 20px !important;
}
@media screen and (max-width: 1023px) {
    .widget--shared-ratpgroup-askip-new2 .widget-header .widget-header__title {
        font-size: 20px !important;
    }
    .widget--shared-ratpgroup-askip-new2 
.block-page-preview__title{
    font-size: 14px !important;
    line-height: 18px !important;
}
}

/** 4.7 ratpgroup-main-carousel **/

.widget--shared-ratpgroup-main-carousel {
    position: relative;
}

.widget--shared-ratpgroup-main-carousel .widget-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.widget--shared-ratpgroup-main-carousel .widget-content {
    overflow: hidden;
}

/*.widget--shared-ratpgroup-main-carousel .widget-slideshow,
.widget--shared-ratpgroup-main-carousel .widget-slideshow__block {
    padding: 0;
}

.widget--shared-ratpgroup-main-carousel .content-block__fields,
.widget--shared-ratpgroup-main-carousel .block-page-preview__content {
    padding: 0 56px;
}*/
.widget--shared-ratpgroup-main-carousel .block-slideshow--cover, 
    .widget--shared-ratpgroup-main-carousel .block-slideshow--cover .lumx-slideshow, 
    .widget--shared-ratpgroup-main-carousel .block-slideshow--cover .lumx-slideshow__slides, 
    .widget--shared-ratpgroup-main-carousel .block-slideshow--cover .lumx-slideshow__wrapper{
        height: 100% !important;
    }

    

@media screen and (max-width: 1023px) {
    .widget--shared-ratpgroup-main-carousel .widget-header .widget-header__title {
        font-size: 20px !important;
    }
    .widget--shared-ratpgroup-main-carousel .widget-content{
        height: calc(88vw / 1.5) !important;
    }
    .widget--shared-ratpgroup-main-carousel .block-slideshow__controls{
        bottom: 0 !important;
        left: 50% !important;
    transform: translateX(-50%);
    }
    .widget--shared-ratpgroup-main-carousel
    .block-page-preview__content{
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-main-carousel
    .block-page-preview__title{
        font-size: 18px !important;
        line-height: 20px !important;
    }
}
@media screen and (min-width: 1024px) {
    .widget--shared-ratpgroup-main-carousel .widget-content{
        height: 490px !important;
    }
    .widget--shared-ratpgroup-main-carousel .content-block__thumbnail,
    .widget--shared-ratpgroup-main-carousel .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background,
    .widget--shared-ratpgroup-main-carousel .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image {
        height: auto !important;
    }
}



.widget--shared-ratpgroup-main-carousel .content-block-title a {
    font-family: Montserrat, sans-serif;
}

.widget--shared-ratpgroup-main-carousel .content-block__thumbnail,
.widget--shared-ratpgroup-main-carousel .block-page-preview__thumbnail-wrapper {
    border-bottom: 4px var(--lumx-color-primary-N) solid;
}

/** 4.8 ratpgroup-askip **/

.widget--shared-ratpgroup-askip .widget-header__title {
    position: relative;
    padding: 8px 18px 8px 16px;
    overflow: visible;
    background-color: var(--lumx-color-primary-N);
}

.widget--shared-ratpgroup-askip .widget-header__title::after {
    position: absolute;
    color: #00aa91;
    content: "'";
}

.widget--shared-ratpgroup-askip .widget-slideshow__block,
.widget--shared-ratpgroup-askip .widget-slideshow {
    padding: 0;
}

.widget--shared-ratpgroup-askip .content-block__fields,
.widget--shared-ratpgroup-askip .block-page-preview__content {
    padding: 12px 24px 24px;
}

.widget--shared-ratpgroup-askip .lumx-thumbnail__background {
    border-top: 4px var(--lumx-color-primary-N) solid;
    border-bottom: 4px var(--lumx-color-primary-N) solid;
}

.widget--shared-ratpgroup-askip .content-block__thumbnail,
.widget--shared-ratpgroup-askip .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background,
.widget--shared-ratpgroup-askip .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image {
    height: 200px !important;
    padding-top: 0 !important;
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-askip .widget-header .widget-header__title {
        font-size: 20px !important;
    }
}

/** 4.9 Widget urban mag (for content list) **/

/* Vertical for portrait docs */

.widget--shared-ratpgroup-publication-pink .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-publication-cobalt .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-publication-jade .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
    min-width: auto;
}

.widget--shared-ratpgroup-publication-pink .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background,
.widget--shared-ratpgroup-publication-cobalt .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background,
.widget--shared-ratpgroup-publication-jade .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background,
.widget--shared-ratpgroup-publication-pink .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image,
.widget--shared-ratpgroup-publication-cobalt .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image,
.widget--shared-ratpgroup-publication-jade .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image {
    width: 150px !important;
    height: 200px !important;
    padding-top: 0 !important;
}
/** 4.9 Widget urban mag (for content list) **/
.widget--shared-ratpgroup-publication-cobalt
.widget-content
.lumx-thumbnail__image,
.widget--shared-ratpgroup-publication-pink
.widget-content
.lumx-thumbnail__image,
.widget--shared-ratpgroup-publication-jade
.widget-content
.lumx-thumbnail__image{
    aspect-ratio: 3/4;
}
.widget--shared-ratpgroup-publication-cobalt
.widget-content
.block-page-preview__title,
.widget--shared-ratpgroup-publication-pink
.widget-content
.block-page-preview__title,
.widget--shared-ratpgroup-publication-jade
.widget-content
.block-page-preview__title{
    text-align: center;
    font-size: 18px !important;
    line-height: 20px !important;
}

.widget--shared-ratpgroup-publication-pink .block-page-preview--horizontal,
.widget--shared-ratpgroup-publication-cobalt .block-page-preview--horizontal,
.widget--shared-ratpgroup-publication-jade .block-page-preview--horizontal  {
    display: flex;
    align-items: center;
}


/** 4.11 ratpgroup-page-title (BIG TITLE + LINE FOR TITLE WIDGET)
(https://sites-ms.lumapps.com/a/ratp/ratp-group/toutes-les-actualites)
**/

.widget--shared-ratpgroup-page-title .widget-title__title,
.widget--shared-ratpgroup-page-title .block-title {
    position: relative;
}

.widget--shared-ratpgroup-page-title .widget-title__title::after,
.widget--shared-ratpgroup-page-title .block-title::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 55px;
    content: "";
}

@media screen and (min-width: 480px) {
    .widget--shared-ratpgroup-page-title .widget-title__title,
    .widget--shared-ratpgroup-page-title .block-title {
        font-size: 40px;
    }

    .widget--shared-ratpgroup-page-title .widget-title__title::after,
    .widget--shared-ratpgroup-page-title .block-title::after {
        border-bottom: 7px #00aa91 solid;
    }
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-page-title .widget-title__title,
    .widget--shared-ratpgroup-page-title .block-title {
        font-size: 22px !important;
    }

    .widget--shared-ratpgroup-page-title .widget-title__title::after,
    .widget--shared-ratpgroup-page-title .block-title::after {
        border-bottom: 4px #00aa91 solid;
    }

    .widget--shared-ratpgroup-page-title .widget-content {
        padding-bottom: 12px !important;
    }
}

/** 4.12 ratpgroup-filter
(https://sites-ms.lumapps.com/a/ratp/ratp-group/toutes-les-actualites)
**/

/** 4.12 ratpgroup-search
(https://sites-ms.lumapps.com/a/ratp/ratp-group/applications)
**/

.widget--shared-ratpgroup-filter .widget-content-filter__subheader,
.widget--shared-ratpgroup-search .widget-content-filter__subheader {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--lumx-color-primary-N);
    text-transform: none;
}

@media screen and (max-width: 479px) {
    .widget--shared-ratpgroup-filter .widget-header .widget-header__title,
    .widget--shared-ratpgroup-search .widget-header .widget-header__title {
        font-size: 20px !important;
    }
}

/** 4.13 ratpgroup-rounded-content-list (for espace + departement list)
(https://sites-ms.lumapps.com/a/ratp/ratp-group/mes-espaces)
**/

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .content-block__thumbnail,
.widget-content-list.widget--shared-ratpgroup-rounded-content-list .block-page-preview__thumbnail-wrapper .lumx-thumbnail__background,
.widget-content-list.widget--shared-ratpgroup-rounded-content-list .block-page-preview__thumbnail-wrapper .lumx-thumbnail__image {
    width: 150px;
    height: 150px;
    padding-top: 0;
    margin: auto;
}

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .block-page-preview__thumbnail-wrapper {
    margin-bottom: 8px;
}

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .lumx-thumbnail__background {
    border-radius: 100%;
}

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .content-block-title {
    margin-top: 8px;
    text-align: center;
}

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .block-page-preview__title {
    display: flex;
    justify-content: center;
}

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .block-page-preview__title span {
    text-align: center;
}

/* Title */

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .widget-header .widget-header__title {
    position: relative;
    overflow: visible;
}

.widget-content-list.widget--shared-ratpgroup-rounded-content-list .widget-header .widget-header__title::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 55px;
    content: "";
}

@media screen and (max-width: 479px) {
    .widget-content-list.widget--shared-ratpgroup-rounded-content-list .widget-header .widget-header__title {
        font-size: 20px !important;
    }

    .widget-content-list.widget--shared-ratpgroup-rounded-content-list .widget-header .widget-header__title::after {
        border-bottom: 4px #00aa91 solid;
    }
}

@media screen and (min-width: 480px) {
    .widget-content-list.widget--shared-ratpgroup-rounded-content-list .widget-header .widget-header__title::after {
        border-bottom: 7px #00aa91 solid;
    }
}

/** NEW SITES THUMBNAILS 
ratpgroup-new-sites-list **/
/* Theme material */
.widget--shared-ratpgroup-new-sites-list
.content-block__thumbnail
.lumx-thumbnail__image{
   object-fit: contain !important;
}

/** 4.14 ratpgroup-alerte-html **/

.widget-html.widget--shared-ratpgroup-alerte-html .widget-content p {
    font-size: 14px;
    color: #000;
    text-align: center;
}

.widget-html.widget--shared-ratpgroup-alerte-html .widget-content a {
    font-style: italic;
    color: #000;
    text-decoration: underline;
}

/** 4.15 ratpgroup-departement-thumbnail
(https://sites-ms.lumapps.com/a/ratp/HA/home)
**/

.widget--shared-ratpgroup-departement-thumbnail {
    width: 216px;
    height: 216px;
    border: 10px #fff solid !important;
    border-radius: 100% !important;
}

.widget--shared-ratpgroup-departement-thumbnail .widget-content img {
    inset: -8px 0 0 -30.9743% !important;
}

/** 4.16 ratpgroup-key-figures
(https://sites-ms.lumapps.com/a/ratp/HA/content/create/custom/5338386638307328/4744588510101504)
**/

.widget-html.widget--shared-ratpgroup-key-figures table td {
    padding-bottom: 48px;
    vertical-align: top;
    border-top: 4px var(--lumx-color-primary-N) solid;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}

.widget-html.widget--shared-ratpgroup-key-figures table tr td:first-child {
    width: 20% !important;
}

/** 4.18 ratpgroup-article-title
(https://sites-ms.lumapps.com/a/ratp/espace-formation/bonjour-a-tous)
**/

@media screen and (max-width: 479px) {
    .widget-title.widget--shared-ratpgroup-article-title .widget-content h1 {
        font-size: 24px;
        line-height: 28px;
    }
}

@media screen and (min-width: 480px) {
    .widget-title.widget--shared-ratpgroup-article-title .widget-content h1 {
        font-size: 40px;
        line-height: 48px;
    }
}

/** 4.19 ratpgroup-suscribe-btn **/

.widget-instance-list.widget--shared-ratpgroup-suscribe-btn .instance-block__field--title::before {
    font-weight: bold;
    color: var(--lumx-color-primary-N);
    content: "Mettre le site en favori";
}

.widget-instance-list.widget--shared-ratpgroup-suscribe-btn .instance-block__field--title .instance-block-title,
.widget-instance-list.widget--shared-ratpgroup-suscribe-btn .instance-block__field--name,
.widget-instance-list.widget--shared-ratpgroup-suscribe-btn .instance-block__field--subtitle,
.widget-instance-list.widget--shared-ratpgroup-suscribe-btn .instance-block__field--metadata {
    display: none;
}

.widget-instance-list.widget--shared-ratpgroup-suscribe-btn .instance-block__actions {
    border-left: 3px solid var(--lumx-color-primary-N);
}

/** 4.20 ratpgroup-horizontal-subnav
(https://sites-ms.lumapps.com/a/ratp/ratp-group/toutes-les-actualites)
**/

.widget--shared-ratpgroup-horizontal-subnav .navigation {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.widget--shared-ratpgroup-horizontal-subnav .navigation-item{
    flex: 1 1 auto;
}

/** 4.21 ratpgroup-hub-list
(https://sites-ms.lumapps.com/a/ratp/epic-departement-cml/content/create/custom/6604892567240704/5659380817068032)
**/

.widget-content-list.widget--shared-ratpgroup-hub-list .content-block__thumbnail .lumx-thumbnail__background {
    border-radius: 8px;
}

/** 4.23 ratpgroup-article-featured-image **/

/* Fix height only for desktops */
@media screen and (min-width:1064px) {
    /* Theme Lumapps */
    .widget-featured-image.widget--shared-ratpgroup-article-featured-image .widget-content,
    .widget-featured-image.widget--shared-ratpgroup-article-featured-image .widget-featured-image__image {
       height: 500px!important;
        width: 750px !important;
       margin: auto;
   }
}
@media screen and (max-width:1063px) {
    /* Theme Lumapps */
    .widget-featured-image.widget--shared-ratpgroup-article-featured-image .widget-content,
    .widget-featured-image.widget--shared-ratpgroup-article-featured-image .widget-featured-image__image {
        height: calc(88vw / 1.5)!important;
}
}
/** Ajustement du ratio de la vignette en mode édition ***/
.uploader__placeholder,
.editable-media__img--is-thumbnail {
    height: 214px !important;
}




/** 4.24 ratpgroup-widget-borders-ochre USER DIRECTORY picture **/

.widget-user-list.widget--shared-ratpgroup-widget-borders-ochre .user-block__profile-picture-wrapper {
    display: none;
}

.widget-user-list.widget--shared-ratpgroup-widget-borders-ochre .user-block-wrapper.user-block-wrapper--view-mode-basic::after {
    left: 0 !important;
}

/** 4.25 ratpgroup-widget-borders- WIDGET LINKS color bubble **/

.widget-links.widget--shared-ratpgroup-widget-borders-bamboo .color-bubble,
.widget-links.widget--shared-ratpgroup-widget-borders-bamboo .color-bubble-letter {
    background-color: rgb(150 190 0) !important;
}

.widget-links.widget--shared-ratpgroup-widget-borders-blue-instit .color-bubble,
.widget-links.widget--shared-ratpgroup-widget-borders-blue-instit .color-bubble-letter {
    background-color: var(--lumx-color-primary-N) !important;
}

/** 4.26 video_portraits-de-salaries
Portail Mobilité Groupe - portrait vidéos **/

.widget--shared-video-portraits-de-salaries
.widget-content a {
    text-decoration: none!important;
}
.widget--shared-video-portraits-de-salaries
.widget-content img{
    border-radius: 8px;
}
.widget--shared-video-portraits-de-salaries
.widget-content p:first-child {
    position: relative!important;
    margin-bottom: 12px;
}

.widget--shared-video-portraits-de-salaries
.widget-content p:first-child:after{
    content:"";
    background-image: url('https://sites-ms.lumapps.com/serve/AMIfv94Dgg-MRaTQqRWoSmn84gQWUSiQwlDhAGOnAd66m-e1uUtH36UXSfZOitVrdVzbhb1W7g47BsgOTwE92PEq8DQqHhSf65UYZRwiwRhOPUO9YZWcfcMiN1krg1D1LRYrXGs-7eYX_YlRDi4yRXBhiiU0GPp6xpXMmsfzHq7GnvoQm8MJEub42-FuVQrT3Qe4SuI1kYOnq8LbK-_1K14qxfRyMs5yOHTjzv9VGPNPLWu3fKX1sZhr74jqL3kN6LbRQG9O9srAw5i5jO9HPCyoRSvkp58rv5TBUGQ12i3kCSWys_AsQF8/play-button.png');
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,170,145,0.1);
    pointer-events: none;
    border-radius: 8px;
    transition: background-color 1s;
}
.widget--shared-video-portraits-de-salaries
.widget-content:hover p:first-child:after{
    background-color: rgba(0,170,145,0.5);
}


/** 4.27 ratpgroup-print-button **/
.widget-html.widget--shared-ratpgroup-print-button
button{
    background-color: #FFF;
    border: none;
    cursor: pointer;
}


/**** CAP IDF only ****/
/* cap-bouton avec image */
.widget--cap-bouton-image
.widget-content {
   display: flex;
    justify-content: center;
    align-items: center;
}
.widget--cap-bouton-image
.widget-content a{
    background-color:var(--lumx-color-secondary-N);
    padding: 24px 48px;
    border-radius: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

.widget--cap-bouton-image
.widget-content a:hover{
    text-decoration: none!important;
}

/* Print view adjsutments */
@media print {
    .content-details{
        margin-top: -32px!important;
    }
    .component-row__wrapper{
        padding: 0!important;
    }
    div.contextual-actions,
    .widget--shared-ratpgroup-print-button,
    .component-row--contact,
    footer,
    .widget-meta-social{
        display: none;
    }
}

/** Alerte EcoWatt **/
.widget--shared-ratpgroup-ecowatt-red
.block-page-preview__content,
.widget--shared-ratpgroup-ecowatt-orange
.block-page-preview__content{
    padding: 0 24px 24px 24px !important;
}

/** NEW Actus groupe **/
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-header,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-header,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-header,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-header{
    position: absolute;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content{
    padding: 80px 24px 24px !important;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content
.block-page-preview,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content
.block-page-preview,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content
.block-page-preview,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content
.block-page-preview{
    align-items: center;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content
.block-page-preview__title,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content
.block-page-preview__title,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content
.block-page-preview__title,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content
.block-page-preview__title {
    font-size: 14px !important;
    line-height: 16px !important;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content
.block-page-preview__title span,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content
.block-page-preview__title span,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content
.block-page-preview__title span,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content
.block-page-preview__title span{
    color: var(--lumx-color-dark-N);
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content
.block-list,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content
.block-list,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content
.block-list,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content
.block-list {
    gap: 16px !important;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content
.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content
.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content
.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content
.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
    flex: 0 0 100px !important;
    margin-right: 16px !important;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-ochre
.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-turquoise
.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-pink
.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper{
    min-width: 100px !important;
}

.widget--shared-ratpgroup-titre-encadre-cobalt
.block-image,
.widget--shared-ratpgroup-titre-encadre-ochre
.block-image,
.widget--shared-ratpgroup-titre-encadre-turquoise
.block-image,
.widget--shared-ratpgroup-titre-encadre-pink
.block-image{
    border: 2px var(--lumx-color-dark-L4) solid;

}
.widget--shared-ratpgroup-titre-encadre-cobalt
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image,
.widget--shared-ratpgroup-titre-encadre-ochre
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image,
.widget--shared-ratpgroup-titre-encadre-turquoise
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image,
.widget--shared-ratpgroup-titre-encadre-pink
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image{
    border: 3px var(--lumx-color-dark-L4) solid;

}

/* mobile adjustments */
.widget--shared-ratpgroup-titre-encadre-cobalt
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image,
.widget--shared-ratpgroup-titre-encadre-ochre
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image,
.widget--shared-ratpgroup-titre-encadre-turquoise
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image,
.widget--shared-ratpgroup-titre-encadre-pink
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal
.block-image{
    border: 3px var(--lumx-color-dark-L4) solid;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal{
    flex-direction: row !important;
}
.widget--shared-ratpgroup-titre-encadre-cobalt
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-ochre
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-turquoise
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper,
.widget--shared-ratpgroup-titre-encadre-pink
.widget-content
.block-page-preview--mobile.block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper{
    margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
    .widget--shared-ratpgroup-titre-encadre-cobalt .widget-header .widget-header__title,
    .widget--shared-ratpgroup-titre-encadre-ochre .widget-header .widget-header__title,
    .widget--shared-ratpgroup-titre-encadre-turquoise .widget-header .widget-header__title,
    .widget--shared-ratpgroup-titre-encadre-pink .widget-header .widget-header__title {
        font-size: 20px !important;
    }
}
/** Resize vignette pour liste de contenus horizontal **/

@media (min-width: 1024px){
    .widget--vignette-200 
    .content-block--default-style.content-block--view-mode-list.content-block--size-l .content-block__thumbnail {
    height: 130px !important;
    width: 200px !important;
    }
    .widget--vignette-100 .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper{
        max-width: 100px !important;
    }
}
@media (min-width: 1024px){
    .widget--vignette-100 
    .content-block--default-style.content-block--view-mode-list.content-block--size-l .content-block__thumbnail {
    height: 60px !important;
    width: 100px !important;
    }
    .widget--vignette-200 .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper{
        max-width: 200px !important;
    }
}

/** aligner verticalement le texte dans les listes de contenus horizontal **/
.widget--justify-content-center .block-page-preview--horizontal .block-page-preview__content{
justify-content: center;
}
/** gap huge > big pour les items des listes de contenus horizontal **/
.widget--gap-big .block-list--vertical.block-list{
gap: var(--lumx-spacing-unit-big);
--block-list-gap: var(--lumx-spacing-unit-big);
}
/** titles color big blue > small black pour les listes de contenus **/
.widget--title-small
.block-page-preview__title span{
color: var(--lumx-color-dark-N);
font-size: 14px !important;
line-height: 16px !important;
}

.widget-instance-list
.site-block
.lumx-button--emphasis-low{
    color: var(--lumx-color-primary-N) !important;
    border: none !important;
}

/** Nom des sites en jade dans les listes de contenus **/
.widget-content-list
.block-page-preview__site{
    font-weight: bold !important;
    color:#00AA91 !important; 
}

/** Espace PRIDE - bouton adhérer **/
.widget--bouton-jadhere
.block-reactions{
    justify-content: center !important;
}
.widget--bouton-jadhere
.block-reactions__like-btn i{
    display: none;
}
.widget--bouton-jadhere
.block-reactions__like-btn:after{
    content:'J\002019adh\0000E8re';
    color: #fff;
    display: block;
    background-color: var(--lumx-color-primary-N);
    font-size: 20px;
    padding: 12px 24px;
    border-radius: 8px;
    margin-right: 12px;
}
.widget--bouton-jadhere
.block-reactions__like-btn--liked:after{
    content:'J\002019ai adh\0000E8r\0000E9' !important;
}
.widget--bouton-jadhere
.block-reactions__like-btn{
    display: flex;
    flex-direction: row-reverse;
}

/*** Espace RDS ***/
/** News tabs **/
/* Legacy */
.widget--shared-ratpgroup-news-tabs
.widget-html__content p {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.widget--shared-ratpgroup-news-tabs
.widget-html__content a {
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    text-wrap: nowrap;
    background-color: var(--lumx-color-primary-N);
    color: var(--lumx-color-light-N) !important;
}
.widget--shared-ratpgroup-news-tabs
.widget-html__content a:hover {
    background-color: var(--lumx-color-primary-L1);
}
/* NGI */
.widget--shared-ratpgroup-news-tabs
.block-html p {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
}
.widget--shared-ratpgroup-news-tabs
.block-html a {
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
    text-wrap: nowrap;
    background-color: var(--lumx-color-primary-N);
    color: var(--lumx-color-light-N) !important;
}
.widget--shared-ratpgroup-news-tabs
.block-html a:hover {
    background-color: var(--lumx-color-primary-L1);
}

/***********************
 5.0 FOOTER
***********************/

footer {
    width: 100%;
    margin-top: 0 !important;
}

/* Separator */

footer .footer-separator {
    height: 77px;
    background-image: url("https://sites-ms.lumapps.com/serve/AMIfv97nyBlRIEXcCKT4c-F7Q6rvVwiVCWTs5i8XzVNutb52bmPJTxPTcgwpDYkUH3e9ggF0AbDJeD_NkvZZKN3nma1yZAX-iGUtMSwt-dkR-E9mDSsyFhfIyEA-q8rvompWogChNw7lIpweR4qqj7-8M5pUiz5N2qNwJ5BYiSR56Js8SoLF0W1yWPUCn3GBgNDV2dkCjpsmglqNaJDwGw8Vo2cGmqwyWFsvkXWr97ePUnLCNjqvXP4HImbK8PCLr6NgSmaaRBxyyN7w3TQfzzQG3f-cjevz7g/epic-separator2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

/* Top part */

footer .footer-top {
    padding: 20px 0;
    background-color: #fff;
    border-top: 4px var(--lumx-color-primary-N) solid;
}

footer .footer-top .footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .footer-top .footer-container img {
    width: 65px;
}

footer .footer-top .footer-container .socials {
    display: flex;
    align-items: center;
}

footer .footer-top .footer-container .socials p {
    margin-right: 5px;
    color: var(--lumx-color-primary-N);
}

footer .footer-top .footer-container .socials a {
    width: 40px;
    height: 40px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--lumx-color-primary-N);
    border-radius: 12px;
}

footer .footer-top .footer-container .socials a img {
    width:20px;
}

/* Bottom part */

footer .footer-bottom {
    background-color: var(--lumx-color-primary-N);
}

footer .footer-bottom .footer-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 24px 0;
}

footer .footer-bottom .footer-container a {
    color: #b8b3ff;
    text-decoration: none;
}

@media (min-width: 1280px) {
    footer .footer-container {
        max-width: 1128px;
        margin: auto;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    footer .footer-container {
        max-width: 960px;
        margin: auto;
    }
}

@media (min-width: 768px) {
    footer .footer-bottom .footer-container a {
        margin: 0 12px;
        font-size: 14px;
    }

    footer .footer-bottom .footer-container .logo-group {
        margin-right: 50px;
    }

    footer .footer-bottom .footer-container .logo-group img {
        width: 55px;
    }

    footer .footer-top .footer-container .socials p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    footer .footer-container {
        padding: 0 24px;
    }

    footer .footer-top .footer-container {
        flex-direction: column;
    }

    footer .footer-bottom .footer-container {
        display: flex;
        justify-content: center;
    }

    footer .footer-bottom .footer-container a {
        margin: 0 4px;
        font-size: 10px;
    }
    footer .footer-top .footer-container .socials{
        margin-top:24px;
    }

    footer .footer-top .footer-container .socials p {
        font-size: 12px;
    }
}


/***********************
 7.0 MEDIA QUERIES
***********************/

/** 7.1 Remove padding template news screen < 1023px **/

@media screen and (max-width: 1023px) {
    .content--type-news .component-row__wrapper,
    .content--type-custom .component-row__wrapper,
    .content--type-page .component-row__wrapper {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

/** 7.2 Media queries for mobile and small screens **/

@media screen and (max-width: 479px) {
    /* 7.2a Remove padding of comments widget */

    .widget-comments .widget-content {
        padding: 0 !important;
    }

    /* 7.2b Fix margin of UrbanMag widget */

    .widget--urban-mag-content-list.widget-content-list .content-block__thumbnail {
        margin-right: 12px;
        margin-bottom: 0;
    }

    /* 7.2c Remove margin of alerte-html banner */

    .widget--shared-ratpgroup-alerte-html {
        margin-top: -12px;
        margin-bottom: -12px;
    }

    /* 7.2d Remove padding left/right of content-lists */

    .widget-content-list .widget-slideshow__block {
        padding: 24px 0;
    }

    .widget-content-list.widget-content-list--view-mode-horizontal .widget-content {
        padding: 0 !important;
    }

    /* Add top/bottom margin to content list */
    .widget-content-list
    .block-grid__item{
        margin: 12px 0!important;
    }

    /* 7.2e Remove margin on top of pages */

    .content-details,
    .content-module {
        margin-top: 0 !important;
    }

    /* 7.2f HOME - Remove padding for main carousel */

    .widget--shared-ratpgroup-main-carousel .content-block__fields,
    .widget--shared-ratpgroup-main-carousel .block-page-preview__content {
        padding: 0 24px;
    }

    .widget--shared-ratpgroup-main-carousel .widget-slideshow__block {
        padding: 0;
    }

    /* 7.2g HOME - Askip padding */

    .widget-content-list.widget--shared-ratpgroup-askip .widget-slideshow__block {
        padding: 0;
    }

    /* 7.2h Page liste actus - tabs */

    .widget--shared-ratpgroup-horizontal-subnav .widget-sub-nav__list {
        flex-direction: column;
        justify-content: center;
    }

    /* 7.2i Home des sites enfants */

    /* bannière */
    .component-row--site-banner,
    .row.site-banner {
        height: 200px;
        background-position: 80% !important;
    }
    /* bannière ESPACE MANAGERS*/
    .ratp-espace-manager .component-row--site-banner,
    .ratp-espace-manager .row.site-banner {
        background-position: 50% !important;
    }
    /* bannière ESPACE FORMATION*/
    .ratp-espace-formation .component-row--site-banner,
    .ratp-espace-formation .row.site-banner {
        background-position: 0% !important;
    }

    /* vignette */
    .widget--shared-ratpgroup-departement-thumbnail {
        margin: -100px auto -12px;
    }

    /* 7.2j remove article title overflow */
    .widget--shared-ratpgroup-article-title {
        overflow: hidden !important;
    }

    /** 7.2k Widget footer links **/
    .widget-footer__link {
        font-size: 14px !important;
    }

    /* 7.2l Reduce margin of homepage on mobile */
    .widget--a-la-une {
        margin-top: -32px;
    }
}

/** 7.3 Tablets and desktop **/

/* 7.3a Bannière des sites enfants */

@media screen and (min-width: 480px) {
    .component-row--site-banner,
    .row.site-banner {
        
        height: 245px;
    }
}

/** 7.4 Force Search on communities **/

@media screen and (max-width: 480px) {
    .content--type-community .widget-content-filter {
        display: block !important;
    }
}

/** Bannière cookies **/
@media screen and (max-width: 63.99em){
    .gdpr-banner__wrapper {
        flex-direction: column;
    }
    }
    

/***********************
 8.0 LOGIN PAGE
***********************/
/** 8.1 Intro message **/
.new-login-card__logout,
.new-login-card__error{
    display: none;
}
.new-login-card__title:after{
    font-size: 14px;
    font-weight: var(--lumx-typography-interface-body1-font-weight);
    line-height: 20px;
    padding: 16px;
    margin: 24px;
    background-color: #eee;
    color: var(--lumx-color-dark-L2);
    text-align: center;
    display: block;
    content: "Connectez-vous avec votre compte matriculaire et votre mot de passe Urban.";
}
.new-login:lang(fr)
.new-login-card__title:after{
    content: "Connectez-vous avec votre compte matriculaire et votre mot de passe Urban.";
}
.new-login:lang(en)
.new-login-card__title:before{
    content: "Connect with your registration number and your Urban password.";
}

/** 8.2 Login page background **/
.new-login{
    background-image: url('https://sites-ms.lumapps.com/serve/AMIfv946-PH3GrKgjq8V_yc9W5bu1q4T59DWKCQ9whWhXb_HdjHFwieRO95TFPVG0QfZx9Ys0jDI01ZW4ZLWDqRXdN9crTsDch6pj6q_jwb9a3LSkWYP4bOC0T-NnUkmtg6mh5S9-93U35YozaGiD1_BAkrF9hicEO0GqqY2-uDdpxAE0M0PX6xQ-MExkkRsYMhiDXOX6AGptMxXDgcyeEQlM_ic-zokKb67UjwT3T-AlrjPc4MFkBJOHfnRneQadPC9Bb2dA76CXzGzFkqnPBw3PFDAIb_nUt3j3hs_AIaHCM59bHVcgmc/fs093k1xnWUQ0xBL6416.png');
    background-repeat: no-repeat;
    background-size: cover;
}
/** 8.3 MS button **/
.new-login-card__btn--microsoft {
    border: 2px solid #0A0082;
}
.new-login-card__btn--microsoft
.new-login-card__btn-label{
    display: none;
}

.new-login:lang(fr)
.new-login-card__btn--microsoft:after{
content: 'Connexion avec Microsoft';
}
.new-login:lang(en)
.new-login-card__btn--microsoft:after{
content: 'Connection with Microsoft';
}

.new-login-card__btn--microsoft:after{
    color: #0A0082;
    font-size: 14px;
    text-align: center;
    flex: 1;
}

.new-login-card__btn--microsoft
.new-login-card__btn-logo{
   border-right: 2px solid #0A0082; 
  height: 36px;
  width:36px;
}
.new-login-card__btn--microsoft
.new-login-card__btn-logo:before{
    background-color: #fff;
    content: '';
    position: absolute;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-image: url('https://urbangroup.ratp.net/serve/AMIfv96POstgmr6XZf6uVxQ7dNfEsb_-Ep79Aa_On2Wfmj36U3osiQikblxK-6GUmJSeWoXezZo7WYe8CCqDQs7ue6dC0NuJc8ZqvprSedfy2jXqLDIfiMWLfojwsT30O0dKMPMjtS4omclQpafpeLISStVRwSntXomgK93WRYaULaSNimD8Ei4kCObCdKBYK5CF8dNWWJs9H0iBn6C4pBz1tfVAaQ0Lcl9zP0PAQwg-jUV8IV8UjvhBSFuOTX36nYNTvx4UZXnoUNy4lHkyH3DxyvVkwcDwvg/padlock.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
/** 8.4 OKTA button **/
.new-login-card__btn--okta {
    border: 2px solid #0A0082;
}
.new-login-card__btn--okta
.new-login-card__btn-label{
    display: none;
}

.new-login:lang(fr)
.new-login-card__btn--okta:after{
content: 'Connexion avec compte matriculaire';
}
.new-login:lang(en)
.new-login-card__btn--okta:after{
content: 'Connection with registration number';
}

.new-login-card__btn--okta:after{
    color: #fff;
    font-size: 14px;
    text-align: center;
    flex: 1;
}
.new-login-card__btn--okta
.new-login-card__btn-logo{
   border-right: 2px solid #0A0082; 
  height: 36px;
  width:36px;
}
.new-login-card__btn--okta
.new-login-card__btn-logo:before{
    background-color: #fff;
    content: '';
    position: absolute;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-image: url('https://urbangroup.ratp.net/serve/AMIfv94FjcvkZ1oMwOpYQ3IHhmCRMrmo9hDfBcs2aaGX5aCCnm_Al8vvBmdixNQO-qeKdjQ-nBpyxQnr2MdDCqlIOQuyu7hTX8TsZ2p5SUBFwPcHkwXP5mWPrjLFnsAFm57wZJj1xS9L0g4izG0wW7zQGW3mBVtT2LosmtCXwKrla0qEHG3cNnbY_Y2sPF6mbq_9rW9auIKz8nYMaputPZn5fsrAqEYBoDqN4B7Auuyo6tVtLbQTac3Zq1llnnDI2i7InIxcxNGnM5TCGg4_z07xGUtulYfB5A/ratp-group_logo-lumapps.jpg.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

/** 8.5 Hide external connection **/
.new-login-card__form,
.new-login-card__middle{
  display:none;
}
.new-login-card__top{
  padding-bottom:40px;
}
/** 8.6 Connection buttons order **/
.new-login-card__form-btn{
    display: flex;
    flex-direction: column;
}
.new-login-card__form-btn
form#oktaLoginForm{
    order: 1;
}
.new-login-card__form-btn
form#microsoftLoginForm{
    order: 2;
}
.new-login-card__form-btn
form#samlLoginForm{
    order: 3;
}

/***********************
 8.0 LOGIN PAGE V2
***********************/
/** 8.1 Intro message **/
.login-message {
    display: none;
}

.login-page__title:after{
    display: block;
    padding: 16px;
    margin: 24px;
    font-size: 14px;
    font-weight: var(--lumx-typography-interface-body1-font-weight);
    line-height: 20px;
    color: var(--lumx-color-dark-L2);
    text-align: center;
    content: "Connectez-vous avec votre compte matriculaire et votre mot de passe Urban.";
    background-color: #eee;
}

.login:lang(fr)
.login-page__title::after{
    content: "Connectez-vous avec votre compte matriculaire et votre mot de passe Urban.";
}
.login:lang(en)
.login-page__title::after{
    content: "Connect with your registration number and your Urban password.";
}

/** BLock order **/
.login-page__content{
    display: flex;
    flex-direction: column
}
.login-page__content
.login-provider-button__container:nth-child(1){
    order:2;
}
.login-page__content
.login-provider-button__container:nth-child(2){
    order:1;
}

/** 8.2 Login page background **/
#login-app {
    background-image: url('https://urbangroup.ratp.net/serve/6202969682870272-775373694778735/fs093k1xnWUQ0xBL6416.png?contentDisposition=inline');
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 29.99em){
.login-page {
    height: fit-content !important;
    top: 50% !important;
    transform: translateY(-50%);
}}

/** All button padding & font-size **/
.login-provider-button__container
.login-provider-button__text{
    font-size: 11px;
    padding-right: 8px;
    padding-left: 8px;
}

/** 8.3 MS button **/
.login-provider-button--microsoft
.login-provider-button__text > span{
    display: none;
}
.login:lang(fr)
.login-provider-button--microsoft
.login-provider-button__text:after{
content: 'Connexion avec Microsoft';
}
.login:lang(en)
.login-provider-button--microsoft
.login-provider-button__text:after{
content: 'Connection with Microsoft';
}
.login-provider-button--microsoft {
    --lumx-button-emphasis-high-state-default-theme-light-background-color: transparent;
    --lumx-button-emphasis-high-state-default-theme-light-color: #0A0082;
    --lumx-button-emphasis-high-state-default-theme-light-border-color: #0A0082;
    --lumx-button-emphasis-high-state-default-border-width: 2px;
    --lumx-button-border-radius: 0px;
}

.login-provider-button--microsoft .login-provider-button__logo-wrapper {
    border-right: 2px solid #0A0082;
}
.login-provider-button--microsoft
.login-provider-button__logo
.lumx-thumbnail{
    display: none;
}
.login-provider-button--microsoft
.login-provider-button__logo{
  height: 32px;
  width:32px;
}
.login-provider-button--microsoft
.login-provider-button__logo:before{
    background-color: #fff;
    border-right: 2px solid #0A0082;
    content: '';
    position: absolute;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-image: url('https://urbangroup.ratp.net/serve/AMIfv96POstgmr6XZf6uVxQ7dNfEsb_-Ep79Aa_On2Wfmj36U3osiQikblxK-6GUmJSeWoXezZo7WYe8CCqDQs7ue6dC0NuJc8ZqvprSedfy2jXqLDIfiMWLfojwsT30O0dKMPMjtS4omclQpafpeLISStVRwSntXomgK93WRYaULaSNimD8Ei4kCObCdKBYK5CF8dNWWJs9H0iBn6C4pBz1tfVAaQ0Lcl9zP0PAQwg-jUV8IV8UjvhBSFuOTX36nYNTvx4UZXnoUNy4lHkyH3DxyvVkwcDwvg/padlock.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.login-provider-button--microsoft:hover {
    background-color: #0A0082 !important;
}

/** 8.4 OKTA button **/
.login-provider-button--okta
.login-provider-button__text > span{
    display: none;
}
.login:lang(fr)
.login-provider-button--okta
.login-provider-button__text:after{
content: 'Connexion avec compte matriculaire';
}
.login:lang(en)
.login-provider-button--okta
.login-provider-button__text:after{
content: 'Connection with registration number';
}
.login-provider-button--okta {
    --lumx-button-emphasis-high-state-default-theme-light-background-color: transparent;
    --lumx-button-emphasis-high-state-default-theme-light-color: #0A0082;
    --lumx-button-emphasis-high-state-default-theme-light-border-color: #0A0082;
    --lumx-button-emphasis-high-state-default-border-width: 2px;
    --lumx-button-border-radius: 0px;
}

.login-provider-button--okta .login-provider-button__logo-wrapper {
    border-right: 2px solid #0A0082;
}
.login-provider-button--okta
.login-provider-button__logo
.lumx-thumbnail{
    display: none;
}
.login-provider-button--okta
.login-provider-button__logo{
  height: 32px;
  width:32px;
}
.login-provider-button--okta
.login-provider-button__logo:before{
    background-color: #fff;
    border-right: 2px solid #0A0082;
    content: '';
    position: absolute;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-image: url('https://urbangroup.ratp.net/serve/AMIfv94FjcvkZ1oMwOpYQ3IHhmCRMrmo9hDfBcs2aaGX5aCCnm_Al8vvBmdixNQO-qeKdjQ-nBpyxQnr2MdDCqlIOQuyu7hTX8TsZ2p5SUBFwPcHkwXP5mWPrjLFnsAFm57wZJj1xS9L0g4izG0wW7zQGW3mBVtT2LosmtCXwKrla0qEHG3cNnbY_Y2sPF6mbq_9rW9auIKz8nYMaputPZn5fsrAqEYBoDqN4B7Auuyo6tVtLbQTac3Zq1llnnDI2i7InIxcxNGnM5TCGg4_z07xGUtulYfB5A/ratp-group_logo-lumapps.jpg.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}
.login-provider-button--okta {
    background-color: #0277bd !important;
    color: #fff!important;
}
.login-provider-button--okta:hover {
    background-color: #0A0082 !important;
}

/** 8.5 Hide external connection **/
.login-provider-button--email {
    display:none;
}
/** Hide Powered by LumApps **/
.login .powered-by{
    display: none;
}


/**** Newsletter ****/
/* HTML - Numéro */
/* widget-html__content => legacy  // block-html => NGI */
.widget-html.widget--newsletter_numero
.widget-html__content p,
.widget-html.widget--newsletter_numero
.block-html p{
    color: var(--lumx-color-secondary-N);
    text-align: right;
    padding: 0 !important;
    margin: 0 !important;
     font-weight: bold;
}
.widget-html.widget--newsletter_numero
.widget-html__content p:first-child,
.widget-html.widget--newsletter_numero
.block-html p:first-child{
    font-size: 48px;
    line-height: 48px;
}
/* NEWSLETTER_article-title */
.widget--shared-newsletter-article-title
.widget-content{
    background-repeat: no-repeat;
    background-position: center;
}
.widget--shared-newsletter-article-title
.widget-content p{
    display: inline-block;
    color: #fff;
    background-color: var(--lumx-color-secondary-N);
    padding: 0 4px;
    font-weight: bold;
    font-size: 22px;
    font-family: var(--lumx-typography-custom-title2-font-family);
}




/**** SPACES ****/
/** HEADER **/
/* add border-bottom */
.space-header{
    border-bottom: 3px var(--lumx-color-primary-N) solid;
    padding-bottom: 12px;
}
/* Space title */
.space-header h1{
    color: var(--lumx-color-primary-N);
    font-size: 32px;
}
/* Hide space visibility */
.space-header .lumx-generic-block__content p{
    display: none;
}
/* Hide ask to join button */
.space-header .lumx-generic-block__actions > button{
    display: none;
}

/** in community list, hide JOP ask to join button **/
button[data-id="community-5912101518311424-button-request-access"] {
    display: none !important;
}

/** Content **/
.space-contribution-field{
    box-shadow: none !important;
    border: 2px #F6F6F6 solid;
}

/*** RATGROUP_jop-block ***/
/* NGI */
.widget--shared-ratpgroup-jop-block
.block-list__item
.block-author__name span,
.widget--shared-ratpgroup-jop-block
.block-list__item
.post-publication-description__community{
    color: #fff !important;
}
.widget--shared-ratpgroup-jop-block
.block-list__item
.block-author__field span:nth-child(1){
    display:none;
}
/*** RATGROUP_jop-block ***/
/* Legacy */
.widget--shared-ratpgroup-jop-block
.block-post
.block-author__name span,
.widget--shared-ratpgroup-jop-block
.block-post
.post-publication-description__community{
    color: #fff !important;
}
.widget--shared-ratpgroup-jop-block
.block-post
.block-author__field span:nth-child(1){
    display:none;
}
/** class to add to change thumbnail fit mode in content list **/
.widget--thumbnail-contain
    .lumx-thumbnail__image{
    object-fit: contain !important;
    padding: 24px 24px 0 24px;
}


/**------------------------------------
------- classes de widget -------------
-------------------------------------**/

/* brightness-hover-effect */

.widget--brightness-hover-effect
.widget-content a,
.widget--brightness-hover-effect
.block-html a{
    backdrop-filter: brightness(1) !important;
}
.widget--brightness-hover-effect
.widget-content a:hover,
.widget--brightness-hover-effect
.block-html a:hover{
    backdrop-filter: brightness(0.8) !important;
    transition: backdrop-filter ease-in 0.3s !important;
}

/** Search page message -- linked to customization API script in HEAD **/
.search-page_message{
    display: flex;
    background-color: var(--lumx-color-primary-L6);
    margin-top:-24px;
    justify-content: center;
    align-items: center;
    padding: 48px 24px;
}

.search-page_message > div {
    width: 100%;
    max-width: 1128px;
    display: flex;
    column-gap: 24px;
    align-items: center;
    background-color: #fff;
    padding: 24px;
    border-radius: 12px;
}