/* login */
.powered-by{
	display:none;
}
.login-page__logo{
	height:80px;
	padding:10px;
}
.login-page{
	box-shadow:none; 
}
.login-page{
	width:400px !important
}
/* fin login */
:root {
    --lumx-button-border-radius : 0px;
    --lumx-typography-custom-title2-line-height : 1.8;
    --eiffage-accent-yellow : #FED100;
    --eiffage-accent-yellow-hover : #000000;
    --eiffage-accent-green : #008A09; /*#008A1E*/
    --eiffage-accent-green-hover : #FFFFFF;
    --eiffage-accent-blue : #0079B8;
    --eiffage-accent-blue-hover : #FFFFFF;
    --eiffage-accent-gray : #767676;
    --eiffage-accent-gray-hover : #FFFFFF;
    --eiffage-gray-background : rgba(242, 242, 242, 1);
    --eiffage-gray-transparent : rgba(0, 0, 0, 0.4);
	--lumx-color-accent-N : #EB0000 !important;
    --lumx-app-background : #fff;
    --lumx-thumbnail-aspect-ratio:auto;
    --lumx-button-emphasis-high-state-hover-theme-light-color:#000000 !important;
    --lumx-typography-custom-title1-line-height : 1;
    --lumx-typography-custom-title2-line-height : 1;
    --lumx-typography-custom-title3-line-height : 1;
    --lumx-typography-custom-title4-line-height : 1;
    --lumx-typography-custom-title5-line-height : 1;
    --lumx-typography-custom-title3-font-family: 'DM Serif Text', serif;
    --lumx-typography-custom-title4-font-family: Inter, sans-serif;
    --lumx-metadata-list-separator: '';
    --lumx-metadata-border-radius: 32px;
    --lumx-metadata-state-default-border-width: 1px;
    --lumx-metadata-state-default-border-color: var(--lumx-color-dark-N);
    --lumx-metadata-state-default-theme-light-color:var(--lumx-color-dark-N);
    --lumx-metadata-state-hover-padding-horizontal:8px;
    --lumx-metadata-state-hover-border-width:1px;
    --lumx-metadata-state-hover-theme-light-color:var(--lumx-color-dark-N);
    --lumx-metadata-state-hover-theme-dark-color:var(--lumx-color-dark-N);
    --lumx-metadata-state-active-padding-horizontal:8px;
    --lumx-metadata-state-active-border-width:1px;
    --lumx-metadata-state-default-padding-horizontal: 8px;
    --lumx-metadata-state-hover-padding-horizontal: 8px;
    --lumx-metadata-state-active-padding-horizontal: 8px;
    --lumx-metadata-state-default-theme-light-border-color: var(--lumx-color-primary-N);
    --lumx-typography-custom-metadata-font-size:12px;
  
}
@media (min-width: 64em) {
    body:not(.headless):not(.navigation-inheritance):not(.not-sticky):not(.no-top-bar) #front-office-app,
    body:not(.headless):not(.navigation-inheritance):not(.not-sticky):not(.no-top-bar) #app-view {
        padding-top: 130px;
    }
}

/* Grid System */
.widget--hide-first .block-grid__item:first-child{
    /*cacher le premier item : ajour de "hide-first" en classe du widget*/
    display: none;
}

@media (max-width: 64em) {
    .widget--hide-64em{
        /*cacher le premier item : ajour de "hide-first" en classe du widget*/
        display: none !important;
    }
    .block-grid {
        --lumx-grid-column-columns:2 !important;
    }
}
@media (max-width: 40em) {
    .widget--hide-40em{
        /*cacher le premier item : ajour de "hide-first" en classe du widget*/
        display: none !important;
    }
    .block-grid {
        --lumx-grid-column-columns:1 !important;
    }
}
@media (max-width:64em) {
   
	.component-row--home-grid-row .row:nth-child(-n + 2)   {
	     .row-wrapper:first-child{
	        display: grid !important;
	        grid-template-columns: repeat(3, 192px) !important;
            .widget-content{
                width: auto !important;
                height: auto !important;
                 aspect-ratio: 1;
            }
	    }
        @media (max-width:40em) {
        .row-wrapper:first-child {
	        display: grid !important;
	        grid-template-columns: repeat(3, 1fr) !important;
            gap: 24px;
            .widget-content{
                width: auto !important;
                height: auto !important;
                aspect-ratio: 1;
            }
			.lumx-typography-custom-title5{
				font-size:12px;
			}
            .eif-tile-extension span {
                     font-size : 2rem; 
                
                }
           
	    }
    }
	}
    
}
/* Fin grid system */

html, body {
    font-family: "Inter", sans-serif !important;
	background-color:white;
}

a,
.block-html a{
	color: var(--lumx-color-primary-N);
    text-decoration: none;
}
a:hover,
.block-page-preview--theme-light .block-page-preview__link:hover,
.block-html a:hover
{
	color: var(--lumx-color-secondary-N) !important;
    text-decoration: none !important;
}
.lumx-link:hover, .lumx-link[data-focus-visible-added], .lumx-link[data-lumx-hover]{
    text-decoration: none !important;
}
.block-html h1{
	padding-bottom: 0px !important;
}
hr {
    border-bottom: 5px solid var(--eiffage-gray-background) !important;
    margin-top: 10px;
    margin-bottom: 10px;
	background-color:transparent;
}
hr.lumx-divider--theme-light{
    border-width: 2px !important;
    height: 0px !important;
}

#main-nav, #maincontent,
.cell--is-plain>.cell__wrapper, 
.widget:not(.widget--has-ungrouped-container-block){
	box-shadow: none !important;
}
.lumx-button--color-dark.lumx-button--emphasis-medium{
	background-color: transparent !important;
}
.directory-entry-block__custom-field{
    line-height: 1 !important;
}
.color-bubble-letter {
    display:none !important;
}
.block-list--ungrouped>.block-list__item {
    border-radius: 0px !important;
    box-shadow: none !important;
}






/**************************************** Widgets ********************************/
.block-title {
    padding-top: 8px;
    padding-bottom: 8px;
}
.block-page-preview__title {
    word-break: break-word;
    font-family: "DM Serif Display", serif !important;
    font-weight: 400 !important;
    font-size: 24px !important;
	padding-bottom:8px;
}
.metadata-link{
    padding:0px 10px;
}
.metadata-link--theme-light{
  border-width: 1px !important;
  border-color: black !important;
}
.widget--shared-widget-metadata ul li a{
  font-size: 12px;
}
.widget-footer a{
	        background-image: url(/lumapps-customization/images/eiffage-arrow.svg);
        background-repeat: no-repeat;
        background-position: top 3px right;
	padding-right:20px !important;
    color: black !important;
}

.widget .widget-header {
    margin-bottom: 1rem !important;
}

.widget .widget-header .lumx-typography-subtitle2 {
    line-height: 2rem !important;
}
/************************************ CARROUSEL **********************************/

.block-slideshow{
    .block-page-preview--cover .block-page-preview__content:before{
        display: none !important;
    }
     .block-page-preview__link span {
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .block-page-preview--cover .block-page-preview__content {
        position: absolute !important;
        width: 250px !important;
        aspect-ratio: 1;
        background-color: #ffffff !important;
        margin: 24px;
        justify-content: end;
        background-image: url('/lumapps-customization/images/eiffage-arrow.svg');
        background-repeat: no-repeat;
        background-position: top 16px right 16px;        
        padding: 24px !important;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    }
    .block-slideshow__controls, 
    .block-slideshow__controls, 
    .block-slideshow__controls {
        left: 26px !important;
        width: 245px !important;
    }
    
	.block-page-preview--theme-dark .block-page-preview__link:hover {
        color: var(--lumx-color-secondary-N) !important;
    }
    /*Titre*/
    .block-page-preview--theme-dark .block-page-preview__date, 
    .block-page-preview--theme-dark .block-page-preview__site,
    .block-page-preview--theme-dark .block-page-preview__link{
        color:#000000 !important;
    }
    /*Navigation*/
    .lumx-button--color-light.lumx-button--emphasis-low,
    .lumx-slideshow-controls--theme-dark .lumx-slideshow-controls__pagination-item{
        color:#000000 !important;
    }
    .block-slideshow--cover .block-slideshow__controls, .block-slideshow--side .block-slideshow__controls {
        width: 264px !important;
    }
    .lumx-slideshow-controls--theme-dark .lumx-slideshow-controls__pagination-item {
        border-color: #000000cc;
    }
    .metadata-link--theme-dark{
        border-color: #000000 !important;
    }
    .metadata-link--theme-dark .lumx-text{
        color: #000000 !important;
    }
}

/*********************************************** Various Eiffage ***********************************************/
#eif-page-title{
    margin-bottom:0px !important;
}
.eif-page-subtitle{
font-size: 40px;
    color: var(--eiffage-gray-transparent);
    font-weight: 700;
    line-height: 1;
}
.faketile{
    width: 168px;
    height: 168px;
    background-color: var(--eiffage-gray-background);
}
.newslink{
    text-align:left !important;
    vertical-align: bottom;
    height: 100%;
}
.newslink a{
    font-weight: bold;
}
@media (max-width: 1172){
    [class$="eif-only-desktop"] {
    display: none;
    }
}



/******************************************** header  ************************************/
.header--reworked-ui .header-main-nav.sticky {
    margin-top: 0px;
    padding-top: 0px;
        top: 80px;
}
.page {
	margin-top: 24px;
}
.header--reworked-ui.header--no-content-header {
    margin-bottom: 0px;
}
.main-nav-item__label{
	font-size:16px;
}
 
.main-nav-item .main-nav-item__label:hover,
.main-nav-item--is-active .main-nav-item__label{
	color:var(--lumx-color-accent-N) !important;
}
 
.searchbox .lumx-text-field__wrapper{
	background-color: transparent;
	border-bottom: 2px #ededed solid;
}
.lumx-search-field__icon-button{
    border:none !important;
}
.header-top__actions div{
    svg {
        display: none;
    }
	
    button {
        margin: 0px !important;
        height: 40px !important;
        width: 40px !important;
        padding: 10px !important;
        background-repeat: no-repeat;
        background-position-x: 8px;
        background-position-y: 8px;
    }
}

.header-top__actions .header-top__user-settings button {
   padding: 00px !important;
}
.header-top__actions .header-top__contribution button{
    width:auto !important;
    height:40px !important;
}

.header-top__favorite-sites button {
    display: none;
}
.header-top__directory-favorites button {
    background: url("/lumapps-customization/images/star.svg");
}
.header-top__bookmarked-apps button {
    background: url("/lumapps-customization/images/grip.svg");
}
.notification-center-menu button{
    background: url("/lumapps-customization/images/bell-ring.svg");
}
.header-top__resource-center button{
    background: url("/lumapps-customization/images/circle-help.svg");
}
.header-top__settings-menu button{
    background: url("/lumapps-customization/images/settings.svg"); 
}
.searchbox__submit-btn{
    border-bottom:0px !important;
}
.header-top__search {
      svg {
        display: none;
    }
    .lumx-text-field__input-clear {
        height: calc(var(--lumx-button-height)/1.5) !important;
		width: calc(var(--lumx-button-height)/1.5) !important;
		margin: 6px 0px 6px 4px !important;
		padding: 0px !important;
        i {
            content: url("/lumapps-customization/images/circle-x.svg");
        }
    }
    .search-submit {
        button {
                i {
                height: 20px !important;
                width: 20px !important;
                content: url("/lumapps-customization/images/search.svg");
                }
            }
    }
}
@media (min-width: 80em) {
    .header--reworked-ui .header-top__wrapper {
        margin-top: 20px;
    }
}
@media (max-width: 80em)
{
  .header--reworked-ui .header-main-nav.sticky {
	    top:60px;
	}
    .header-main{
        display: none !important;
    }
	body:not(.headless):not(.navigation-inheritance):not(.not-sticky):not(.no-top-bar) #front-office-app,
    body:not(.headless):not(.navigation-inheritance):not(.not-sticky):not(.no-top-bar) #app-view {
        padding-top: 90px;
    }
}






/******************************************** footer  ************************************/
.footer {
    background-color: rgb(51, 51, 51);
    color: #FFFFFF;
    text-align: center;
    padding: 0px 0;
    width: 100%;
    box-sizing: border-box;
    margin-top: 64px;
    padding-top: 60px;
	background-image: url('/lumapps-customization/images/footerdots.png');
	background-repeat: no-repeat;
	background-position: top 60px right 8px;

    .wrapper {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-title {
        width: 100%;
        text-align: left;
        margin-bottom: 25px;
    }
    .footer-title h3 {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 4.8px;
        margin: 0;
        color: #FFFFFF;
        font-family: 'Inter';
        text-transform: uppercase;
    }
    .footer-columns {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
    }
    .footer-columns .column {
        flex: 1;
        max-width: 400px;
        padding-right: 20px;
        box-sizing: border-box;
        text-align: left;
    }
    .footer-columns .column ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .footer-columns .column ul li {
        margin-bottom: 24px;
    }
    .footer-columns .column ul li:last-child {
        margin-bottom: 0;
    }
    .footer-columns .column ul li a {
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        line-height: 24px;
        color: #FFFFFF;
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
        transition: none;
    }
    .footer-columns .column ul li a:hover,
    .footer-columns .column ul li a:active,
    .footer-columns .column ul li a:focus {
        color: #FFFFFF;
        text-decoration: none;
        outline: none;
    }
    .column-right-aligned {
        text-align: right;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .squares-container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .square {
        width: 30px;
        height: 30px;
        background-color: #FFFFFF;
        margin-bottom: 24px;
    }
    .square:last-child {
        margin-bottom: 0;
    }
    .footer-bottom-links {
        width: 100%;
        text-align: left;
        background-color: black;
        margin-top: 50px;
    }
    @media (min-width: 80em) {
        .footer-bottom-links ul {
            width: 1128px;
        }
    }
    .footer-bottom-links ul {
        max-width: 1200px;
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer-bottom-links ul li {
        margin-right: 24px;
        margin-bottom: 10px;
    }
    .footer-bottom-links ul li:last-child {
        margin-right: 0;
    }
    .footer-bottom-links ul li a {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        line-height: 24px;
        color: #FFFFFF;
        text-decoration: none;
        cursor: pointer;
        font-weight: 500;
        transition: none;
    }
    .footer-bottom-links ul li a:hover,
    .footer-bottom-links ul li a:active,
    .footer-bottom-links ul li a:focus {
        color: #FFFFFF;
        text-decoration: none;
        outline: none;
    }
        
    @media (max-width: 768px) 
    {
        .wrapper {
            padding: 40px 15px;
        }

        .footer-columns {
            flex-direction: column;
            align-items: flex-start;
        }

        .footer-columns .column {
            width: 100%;
            padding-right: 0;
            margin-bottom: 20px;
        }

        .footer-columns .column:last-child {
            margin-bottom: 0;
        }

        .column-right-aligned {
            align-items: flex-start;
            text-align: left;
        }

        .squares-container {
            align-items: flex-start;
        }

        .footer-bottom-links ul {
            flex-direction: column;
            align-items: flex-start;
        }

        .footer-bottom-links ul li {
            margin-right: 0;
            margin-bottom: 10px;
        }
    }
}
/******************************************** footer  ************************************/

/******************************************** Profile  ************************************/
.organization-chart-element .organization-chart-element__content .organization-chart-element-user__content .user-block .lumx-user-block__wrapper .lumx-user-block__fields {
    display: none;
}
.user-profile-header .user-profile-header__user .user-profile-header__user-info .user-profile-header__highlighted-fields {
    display: none;
}

/******************************************** Spaces  ************************************/
.component-row--vie-locale .widget-header__title{
    font-size: 18px;
}
.space-contribution-field {
    border: 0 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    background-color: var(--eiffage-gray-background) !important;
}
.space-wrapper, .component-row--space-wrapper{
    .lumx-thumbnail--aspect-ratio-wide:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image{
        aspect-ratio: 16/7;
    }
    .widget-title{
        margin-left: 50px;
        margin-right: 50px;
        margin-top: -70px;
        background-color: white !important;
        padding: 20px;
    }
    .widget-resource-metadata, .widget-contribution, .widget-meta-social{
        margin-left: 50px;
        margin-right: 50px;
        padding: 20px;
    }
    h3{
        padding-bottom: 16px !important;
    }
    .block-article-preview, .block-event-preview{
        background-color: var(--eiffage-gray-background);
    }
    .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
        aspect-ratio: 1;
    }
    .block-personal-feed-preview-header{
        display:none;
    }
}