/* updated for NGI user directory on: 2024-12-23 */
/**
 * @env: lumsites
 * @customerName: Le Département du Var
 * @customerId: 6200393063202816
 * @account: admin@cgvar.fr
 *
 * @instanceName: Intranet
 * @instanceId: 5677648925687808
 *
 * @styleName: Var
 * @styleId: 5254755023585280
 * @styleType: Global platform
 * @kind: custom
 *
 * @url: https://sites.lumapps.com/a/var/intranet
 */


:root {
  --lumx-typography-custom-title1-font-size: 2rem;
  --lumx-typography-custom-title4-font-size: 1.2rem;
  --lumx-typography-font-weight-bold
}

.block-html a {
 color:#618627!important;
  
}

.widget-breadcrumb li a[aria-current="page"] {
   color:#618627!important;

}

.widget-footer__label.lumx-text {
  color:white;
}

.widget:not(.widget--has-ungrouped-container-block) {
  box-shadow: unset!important;
}

.widget-content--v2 .widget-breadcrumb__link, .widget-content--v2 .widget-breadcrumb__section {
  font-weight:normal !important;
  font-size:0.9rem !important;
}

#commentaire-idee .comment__action--answer,
#commentaire-idee .comment__action--like {
    display:none;
}

#listeContenu-tag-sans-prefix .content-block-tags__prefix {
    display:none;
}

.media-picker-list {
    height:100vh;
    overflow-y:scroll;
}

.community__new-post-btn {
    right: 64px;
    bottom: 2px;
}

/*hide chatbot*/
body:not(.front-office) #botnation-chatbox-container {
  display : none;
}

.header-default {
    background-image: url('https://lh3.googleusercontent.com/ZokhMKd0Ql9VTXIIoIRt4fgtDlmL6D4ykJQ4W7uCBlchHtZOeE5aOj9whR4OATS1MqcdswMUz7BSCnRdTxyidAX4oAL4Kbv1=s1600')!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:100%;
  
}


/* User directory default style*/
.user-directory__wrapper {
    padding: 0 24px 24px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084)
}

.user-directory__header,
.lumx-front-office-page-header.user-directory-page__user-directory-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 0;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.user-directory__title,
.lumx-header-label__title {
    flex: 1
}

.user-directory__actions {
    display: flex;
    flex-direction: row;
    align-items: center
}

.user-directory__filter {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    color: #757575;
    text-decoration: none;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    outline: none;
    transition-duration: .15s;
    transition-property: background-color,box-shadow,color
}

.user-directory__filter:hover {
    cursor: pointer
}

.user-directory__filter i {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    pointer-events: none
}

.user-directory__filter .ripple {
    display: none
}

.user-directory__filter:hover {
    background-color: hsla(0,0%,45.9%,.1)
}

.user-directory__filter:active {
    background-color: hsla(0,0%,45.9%,.2)
}

.user-directory__filter[data-focus-visible-added] {
    box-shadow: 0 0 0 2px hsla(0,0%,45.9%,.4)
}

.user-directory__filter:disabled {
    pointer-events: none;
    opacity: .5
}

.user-directory__filter--is-active {
    color: #2196f3;
    background-color: transparent
}

.user-directory__filter--is-active:hover {
    background-color: rgba(33,150,243,.1)
}

.user-directory__filter--is-active:active {
    background-color: rgba(33,150,243,.2)
}

.user-directory__filter--is-active[data-focus-visible-added] {
    box-shadow: 0 0 0 2px rgba(33,150,243,.4)
}

.user-directory__filter--is-active:disabled {
    pointer-events: none;
    opacity: .5
}

.user-directory__grid {
    display: flex
}


@media (max-width: 1023px) {
    .user-directory__grid {
        flex-direction:column-reverse
    }

}


@media (min-width: 1024px) {
    .user-directory__grid.user-directory__grid--filter-open {
        margin:0 -12px
    }

}


@media (min-width: 1024px) {
    .user-directory__grid:not(.user-directory__grid--filter-open) .user-directory__col-left {
        flex:1
    }

}


@media (min-width: 1024px) {
    .user-directory__grid--filter-open .user-directory__col-left {
        flex:0 0 66.66%;
        max-width: 66.66%;
        padding: 0 12px
    }

}


@media (max-width: 1023px) {
    .user-directory__col-right {
        margin-bottom:24px
    }

}


@media (min-width: 1024px) {
    .user-directory__col-right {
        flex:0 0 33.33%;
        max-width: 33.33%;
        padding: 0 12px
    }

}

.user-directory-list .infinite-scroll-button {
    margin-top: 24px
}


@media (min-width: 1024px) {
    .user-directory-list__users {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -12px -24px
    }

}

.user-directory-list__user {
    margin-bottom: 24px
}


@media (max-width: 1023px) {
    .user-directory-list__user:last-child {
        margin-bottom:0
    }

}


@media (min-width: 1024px) {
    .user-directory-list__user {
        flex:0 0 33.33%;
        max-width: 33.33%;
        padding: 0 12px
    }

}


@media (min-width: 1024px) {
    .user-directory__grid.user-directory__grid--filter-open .user-directory-list__user {
        flex:0 0 50%;
        max-width: 50%
    }

}

.user-directory-list__user .user-block,
.user-directory-content__list .page-card {
    height: 100%;
    padding: 16px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 2px
}

.user-directory-list__user .user-block:hover,
.user-directory-content__list .page-card:hover {
    border-color: #4caf50
}

.user-directory-list__user .user-block .user-block__link {
    display: none
}


@media (min-width: 1024px) {
    .user-directory-details--view-default {
        display:flex
    }

}

.user-directory-details__col-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
    background-color: #f5f5f5
}


@media (max-width: 1023px) {
    .user-directory-details__col-left {
        border-bottom:1px solid rgba(0,0,0,.12)
    }

}


@media (min-width: 1024px) {
    .user-directory-details__col-left {
        flex:0 0 30%;
        max-width: 30%;
        border-right: 1px solid rgba(0,0,0,.12)
    }

}

.user-directory-details__profile-picture-wrapper {
    position: relative
}

.user-directory-details__profile-picture-wrapper .editable-media .editable-media__img {
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%
}

.user-directory-details__follow-button {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.user-directory-details__profile-picture {
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%
}

.user-directory-details__profile-basic {
    width: 100%;
    margin-top: 16px
}

.user-directory-details__profile-basic--read {
    padding: 0 16px
}

.user-directory-details__profile-basic--edit {
    padding: 0 32px
}

.user-directory-details__primary-field {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.user-directory-details__secondary-field {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-size: .875rem;
    color: rgba(0,0,0,.54);
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-directory-details__contact {
    display: flex;
    margin-top: 16px
}

.user-directory-details__contact-email a,
.user-directory-details__contact-hangout a,
.user-directory-details__contact-slack a,
.user-directory-details__contact-teams a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
    border-radius: 50%
}

.user-directory-details__contact-email {
    margin: 0 4px
}

.user-directory-details__contact-email a {
    background-color: #f44336
}

.user-directory-details__contact-hangout {
    position: relative;
    margin: 0 4px
}

.user-directory-details__contact-hangout a {
    background-color: #4caf50
}

.user-directory-details__contact-hangout div[id^=___hangout] {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px!important;
    height: 40px!important;
    opacity: 1e-10
}

.user-directory-details__contact-hangout div[id^=___hangout] iframe {
    width: 40px!important;
    height: 40px!important
}

.user-directory-details__contact-teams {
    margin: 0 4px
}

.user-directory-details__contact-teams a {
    background-color: #5558af
}

.user-directory-details__contact-teams img {
    width: 18px
}

.user-directory-details__contact-slack {
    margin: 0 4px
}

.user-directory-details__contact-slack a {
    background-color: #3f0e40
}

.user-directory-details__contact-slack img {
    width: 18px
}

.user-directory-details__contact-slack-button {
    width: 40px!important;
    height: 40px!important;
    background-color: #3f0e40!important
}

.user-directory-details__col-right {
    padding: 0 24px
}


@media (min-width: 1024px) {
    .user-directory-details--view-default .user-directory-details__col-right {
        flex:0 0 70%;
        max-width: 70%
    }

}

.user-directory-details__toolbar {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.user-directory-details__toolbar span {
    flex: 1;
    font-weight: 700
}

.user-directory-details__toolbar button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    color: rgba(0,0,0,.87);
    text-decoration: none;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    outline: none;
    transition-duration: .15s;
    transition-property: background-color,box-shadow,color
}

.user-directory-details__toolbar button:hover {
    cursor: pointer
}

.user-directory-details__toolbar button i {
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    pointer-events: none
}

.user-directory-details__toolbar button .ripple {
    display: none
}

.user-directory-details__toolbar button:hover {
    background-color: rgba(0,0,0,.12)
}

.user-directory-details__toolbar button:active {
    background-color: rgba(0,0,0,.2)
}

.user-directory-details__toolbar button[data-focus-visible-added] {
    box-shadow: 0 0 0 2px rgba(0,0,0,.38)
}

.user-directory-details__toolbar button:disabled {
    pointer-events: none;
    opacity: .5
}


@media (min-width: 1024px) {
    .user-directory-details__fields {
        display:flex;
        flex-wrap: wrap;
        margin: 0 -12px
    }

}

.user-directory-details__fields--read .user-directory-details__field,
.user-details-element .user-details-list-item {
    margin-top: 24px
}


@media (min-width: 1024px) {
    .user-directory-details__fields .user-directory-details__field--half-width {
        flex:0 0 50%;
        max-width: 50%;
        padding: 0 12px
    }

}


@media (min-width: 1024px) {
    .user-directory-details__fields .user-directory-details__field--full-width {
        flex:0 0 100%;
        max-width: 100%;
        padding: 0 12px
    }

}

.user-directory-details__footer {
    border-top: 1px solid rgba(0,0,0,.12)
}

.user-directory-details__footer .loader {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.user-directory-details__close {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    color: rgba(0,0,0,.87);
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    pointer-events: none;
    pointer-events: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: none;
    border-radius: 2px;
    outline: none;
    transition-duration: .15s;
    transition-property: background-color,box-shadow,color
}

.user-directory-details__close:hover {
    cursor: pointer
}

.user-directory-details__close .ripple {
    display: none
}

.user-directory-details__close:hover {
    background-color: rgba(0,0,0,.12)
}

.user-directory-details__close:active {
    background-color: rgba(0,0,0,.2)
}

.user-directory-details__close[data-focus-visible-added] {
    box-shadow: 0 0 0 2px rgba(0,0,0,.38)
}

.user-directory-details__close:disabled {
    pointer-events: none;
    opacity: .5
}

.user-directory-field,
.user-directory-field__icon,
.user-details-list-item .lumx-icon {
    display: flex;
    align-items: center
}

.user-directory-field__icon,
.user-details-list-item .lumx-icon {
    flex-shrink: 0;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 16px;
    color: rgba(0,0,0,.54);
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 50%
}

.user-directory-field__wrapper {
    flex: 1
}

.user-directory-field__label,
.user-details-list-item__title {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: rgba(0,0,0,.54)
}

.user-directory-field--read .user-directory-field__component span,
.user-directory-field--read .user-details-list-item__value span {
    display: block;
    word-break: break-word
}

.user-directory-org-chart--vertical {
    margin-top: 16px
}

.user-directory-org-chart--horizontal {
    padding: 24px 0;
    overflow-x: auto;
    overflow-y: hidden;
    transform: translateZ(0)
}

.user-directory-org-chart__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.user-directory-org-chart--vertical .user-directory-org-chart__list .user-directory-org-chart__list {
    padding-left: 35px;
    margin-left: 20px;
    border-left: 1px solid rgba(0,0,0,.12)
}

.user-directory-org-chart--horizontal .user-directory-org-chart__list {
    position: relative;
    display: flex
}

.user-directory-org-chart--horizontal .user-directory-org-chart__list .user-directory-org-chart__list:before {
    position: absolute;
    top: 6px;
    left: 50%;
    width: 1px;
    height: 10px;
    content: "";
    background-color: rgba(0,0,0,.12)
}

.user-directory-org-chart--horizontal .user-directory-org-chart__item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.user-directory-org-chart--horizontal .user-directory-org-chart__item .user-directory-org-chart__item {
    position: relative;
    padding-top: 16px;
    margin-top: 16px
}

.user-directory-org-chart--horizontal .user-directory-org-chart__item .user-directory-org-chart__item:after,
.user-directory-org-chart--horizontal .user-directory-org-chart__item .user-directory-org-chart__item:before {
    content: "";
    background-color: rgba(0,0,0,.12)
}

.user-directory-org-chart--horizontal .user-directory-org-chart__item .user-directory-org-chart__item:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: ""
}

.user-directory-org-chart--horizontal .user-directory-org-chart__item .user-directory-org-chart__item:first-child:before {
    left: 50%
}

.user-directory-org-chart--horizontal .user-directory-org-chart__item .user-directory-org-chart__item:last-child:before {
    right: 50%
}

.user-directory-org-chart--horizontal .user-directory-org-chart__item .user-directory-org-chart__item:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 10px
}

.user-directory-org-chart--vertical .user-directory-org-chart__user {
    position: relative;
    margin-bottom: 16px
}

.user-directory-org-chart--vertical .user-directory-org-chart__user .user-block .user-block__link,
.user-directory-org-chart--vertical .user-directory-org-chart__user .block-user-profile-preview .user-block__link {
    display: none
}

.user-directory-org-chart--vertical .user-directory-org-chart__list .user-directory-org-chart__list .user-directory-org-chart__user:before {
    position: absolute;
    top: 50%;
    left: -35px;
    width: 20px;
    height: 1px;
    content: "";
    background-color: rgba(0,0,0,.12)
}

.user-directory-org-chart--horizontal .user-directory-org-chart__user {
    width: 130px
}

.user-directory-org-chart--horizontal .user-directory-org-chart__user .user-block .user-block__link,
.user-directory-org-chart--horizontal .user-directory-org-chart__user .block-user-profile-preview .user-block__link {
    display: none
}

.user-directory-org-chart--horizontal .user-directory-org-chart__user .user-block .user-block__wrapper,
.user-directory-org-chart--horizontal .user-directory-org-chart__user .block-user-profile-preview .user-block__wrapper {
    flex-direction: column;
    align-items: center
}

.user-directory-org-chart--horizontal .user-directory-org-chart__user .user-block .user-block__profile-wrapper,
.user-directory-org-chart--horizontal .user-directory-org-chart__user .block-user-profile-preview .block-user-profile-preview__content {
    width: 130px
}

.user-directory-org-chart--horizontal .user-directory-org-chart__user .user-block .user-block__primary-field,
.user-directory-org-chart--horizontal .user-directory-org-chart__user .block-user-profile-preview .user-block__primary-field {
    font-size: 13px;
    font-size: .8125rem;
    text-align: center
}

.user-directory-org-chart--horizontal .user-directory-org-chart__user .user-block .user-block__secondary-field,
.user-directory-org-chart--horizontal .user-directory-org-chart__user .block-user-profile-preview .user-block__secondary-field {
    display: none
}


@media (min-width: 1024px) {
    .user-directory-details-v2 {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex
    }

}


@media (max-width: 1023px) {
    .user-directory-details-v2__profile {
        position:relative
    }

}


@media (min-width: 1024px) {
    .user-directory-details-v2__profile {
        display: flex;
        flex:1;
        flex-direction: column;
        background-color: #fff
    }

}

.user-directory-details-v2__profile-header {
    display: flex;
    padding: 24px
}


@media (max-width: 1023px) {
    .user-directory-details-v2__profile-header {
        flex-direction:column;
        align-items: center;
        border-bottom: 1px solid rgba(0,0,0,.12)
    }

}


@media (min-width: 1024px) {
    .user-directory-details-v2__profile-header {
        flex-shrink:0
    }

}

.user-directory-details-v2__profile-footer {
    display: flex;
    justify-content: flex-end;
    padding: 8px;
    border-top: 1px solid rgba(0,0,0,.12)
}


@media (min-width: 1024px) {
    .user-directory-details-v2__profile-footer {
        flex-shrink:0
    }

}

.user-directory-details-v2__profile-footer button:last-child {
    margin-left: 8px
}


@media (max-width: 1023px) {
    .user-directory-details-v2__basic-fields {
        margin-top:16px
    }

}


@media (min-width: 1024px) {
    .user-directory-details-v2__basic-fields {
        flex:1;
        margin: 0 32px
    }

}


@media (min-width: 1024px) {
    .user-directory-details-v2__contact,
    .user-contact-links,
    .user-directory-details-v2__picture {
        flex-shrink:0
    }

}


@media (max-width: 1023px) {
    .user-directory-details-v2__contact,
    .user-contact-links {
        margin-top:16px
    }

}


@media (min-width: 1024px) {
    .user-directory-details-v2__advanced-fields {
        flex:1;
        overflow: auto
    }

}

.user-directory-details-v2__org-chart,
.user-about-page__org-chart {
    padding: 24px;
    background-color: #f5f5f5
}


@media (max-width: 1023px) {
    .user-directory-details-v2__org-chart,
    .user-about-page__org-chart {
        overflow-y: auto;
        border-top:1px solid rgba(0,0,0,.12)
    }

}


@media (min-width: 1024px) {
    .user-directory-details-v2__org-chart,
    .user-about-page__org-chart {
        flex:1;
        overflow: auto
    }

}

.user-directory-details-v2__close {
    position: absolute;
    top: 16px;
    right: 16px
}

.user-directory-details-v2__loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.user-directory-details-v2-picture {
    position: relative
}

.user-directory-details-v2-picture__follow-button {
    position: absolute;
    right: -16px;
    bottom: 0;
    z-index: 1
}

.user-directory-details-v2-picture__source--edit .editable-media .editable-media__img,
.user-directory-details-v2-picture__source--read {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 50%
}

.user-directory-details-v2-basic-fields__primary-field {
    display: block;
    font-size: 34px;
    font-size: 2.125rem
}


@media (max-width: 1023px) {
    .user-directory-details-v2-basic-fields__primary-field {
        text-align:center
    }

}

.user-directory-details-v2-basic-fields__secondary-field {
    display: block;
    color: rgba(0,0,0,.54)
}


@media (max-width: 1023px) {
    .user-directory-details-v2-basic-fields__secondary-field {
        text-align:center
    }

}

.user-directory-details-v2-contact {
    display: flex
}

.user-directory-details-v2-contact__email a,
.user-contact-link[data-type="email"] a,
.user-directory-details-v2-contact__hangout a,
.user-directory-details-v2-contact__teams a,
.user-contact-link[data-type="teams"] a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 4px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
    border-radius: 50%
}

.user-directory-details-v2-contact__email a,
.user-contact-link[data-type="email"] a {
    background-color: #2196f3
}

.user-directory-details-v2-contact__hangout {
    position: relative
}

.user-directory-details-v2-contact__hangout a {
    background-color: #2196f3
}

.user-directory-details-v2-contact__hangout div[id^=___hangout] {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px!important;
    height: 40px!important;
    opacity: 1e-10
}

.user-directory-details-v2-contact__hangout div[id^=___hangout] iframe {
    width: 40px!important;
    height: 40px!important
}

.user-directory-details-v2-contact__teams a,
.user-contact-link[data-type="teams"] a {
    background-color: #2196f3
}

.user-directory-details-v2-contact__teams img,
.user-contact-link[data-type="teams"] img {
    width: 18px
}

.user-directory-details-v2-advanced-fields {
    padding: 0 24px 24px
}

.user-directory-org-chart-v2__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.user-directory-org-chart-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 12px
}

.user-directory-org-chart-item:last-child {
    margin-bottom: 0
}

.user-directory-org-chart-item__more {
    position: relative;
    margin-bottom: 24px
}

.user-directory-org-chart-item__more:after {
    position: absolute;
    top: 44px;
    left: 18px;
    width: 1px;
    height: 8px;
    content: "";
    background-color: rgba(0,0,0,.12)
}

.user-directory-org-chart-item__more button {
    z-index: 2;
    display: inline-block;
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px 0 0;
    margin: 0;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-color: transparent;
    background-color: #f5f5f5;
    border: none;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 18px
}

.user-directory-org-chart-item__more button,
.user-directory-org-chart-item__more button:active,
.user-directory-org-chart-item__more button:focus,
.user-directory-org-chart-item__more button:hover {
    text-decoration: none;
    outline: none
}

.user-directory-org-chart-item__more button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.user-directory-org-chart-item__more button:hover {
    background-color: #fff
}

.user-directory-org-chart-item__more button .mdi {
    width: 34px;
    font-size: 16px;
    font-size: 1rem;
    color: rgba(0,0,0,.54);
    text-align: center
}

.user-directory-org-chart-item__more button span {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase
}

.user-directory-org-chart-item__toggle {
    position: absolute;
    top: 7px;
    left: -38px;
    z-index: 1
}

.user-directory-org-chart-item__toggle button {
    z-index: 2;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    background-color: transparent;
    background-color: #f5f5f5;
    border: none;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 50%
}

.user-directory-org-chart-item__toggle button,
.user-directory-org-chart-item__toggle button:active,
.user-directory-org-chart-item__toggle button:focus,
.user-directory-org-chart-item__toggle button:hover {
    text-decoration: none;
    outline: none
}

.user-directory-org-chart-item__toggle button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.user-directory-org-chart-item__toggle button:hover {
    background-color: #fff
}

.user-directory-org-chart-item__toggle button .mdi {
    font-size: 10px;
    font-size: .625rem;
    color: rgba(0,0,0,.54)
}

.user-directory-org-chart-item__user,
.organization-chart-element {
    position: relative
}

.user-directory-org-chart-item__list .user-directory-org-chart-item__user:before {
    position: absolute;
    top: 50%;
    left: -26px;
    width: 16px;
    height: 1px;
    content: "";
    background-color: rgba(0,0,0,.12)
}

.user-directory-org-chart-item__user:after {
    position: absolute;
    top: -3px;
    right: -16px;
    bottom: -3px;
    left: -3px;
    z-index: 0;
    pointer-events: none;
    content: "";
    border-radius: 21px
}

.user-directory-org-chart-item__user:hover:after {
    background-color: #eee
}

.user-directory-org-chart-item__user--is-active:after {
    background-color: rgba(33,150,243,.08)!important
}

.user-directory-org-chart-item__user .user-block,
.organization-chart-element .block-user-profile-preview {
    position: relative;
    z-index: 1
}

.user-directory-org-chart-item__user .user-block__profile-basic,
.organization-chart-element .user-block__profile-basic {
    display: flex;
    align-items: center
}

.user-directory-org-chart-item__user .user-block__primary-field,
.organization-chart-element .user-block__primary-field,
.user-directory-org-chart-item__user .user-block__secondary-field,
.organization-chart-element .user-block__secondary-field {
    line-height: 36px
}

.user-directory-org-chart-item__user--is-active .user-directory-org-chart-item__user .user-block__primary-field,
.organization-chart-element--selected .organization-chart-element .user-block__primary-field,
.user-directory-org-chart-item__user--is-active .user-directory-org-chart-item__user .user-block__secondary-field,
.organization-chart-element--selected .organization-chart-element .user-block__secondary-field {
    color: #2196f3
}

.user-directory-org-chart-item__user .user-block__secondary-field,
.organization-chart-element .user-block__secondary-field {
    display: flex;
    align-items: center
}

.user-directory-org-chart-item__user .user-block__secondary-field:before,
.organization-chart-element .user-block__secondary-field:before {
    margin: 0 4px;
    font-size: 16px;
    font-size: 1rem;
    color: rgba(0,0,0,.12);
    content: "\2022"
}

.user-directory-org-chart-item__user--is-active .user-block__primary-field,
.organization-chart-element--selected .user-block__primary-field,
.user-directory-org-chart-item__user--is-active .user-block__secondary-field,
.organization-chart-element--selected .user-block__secondary-field,
.user-directory-org-chart-item__user--is-active .user-block__secondary-field:before,
.organization-chart-element--selected .user-block__secondary-field:before {
    color: #2196f3
}

.user-directory-org-chart-item__list {
    position: relative;
    display: none;
    padding: 0 0 0 26px;
    margin: 12px 0 0 18px;
    list-style: none
}

.user-directory-org-chart-item__list:before {
    position: absolute;
    top: 0;
    bottom: 18px;
    left: 0;
    width: 1px;
    content: "";
    background-color: rgba(0,0,0,.12)
}

.user-directory-org-chart-item__list--is-open {
    display: block
}

.bare-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    border: 0 !important
}

.content-block--default-style:not(.content-block--view-mode-cover) .content-block-title {
    font-size: 14px;
    font-size: 1rem
}


@media screen and (min-width: 1024px) {
    .content:not(.content--type-custom-list) .content-block--default-style.content-block--view-mode-list.content-block--size-m .content-block__thumbnail {
        width: 32px;
        height: 32px;
        margin-right: 16px;
        overflow: hidden;
        border-radius: 50%
    }

}

.content-block--default-style.content-block--theme-light .content-block-title a {
    color: #4caf50
}

.content-block__field--author {
    display: none !important
}

.content-block--default-style.content-block--theme-dark .content-block-social .like-button__btn,
.content-block--default-style.content-block--theme-dark .content-block-social .comment-button {
    color: rgba(255, 255, 255, 0.7) !important
}

.content--type-custom-list .component-cell--is-plain>.component-cell__components {
    box-shadow: none
}

.footer {
    padding: 40px 24px;
    margin-top: 24px;
    background-color: #3d454d
}


@media all and (max-width: 1023px) {
    .footer {
        flex-direction: column
    }

}

.footer__wrapper {
    display: flex;
    flex-direction: row
}


@media all and (min-width: 481px) {
    .footer__wrapper {
        margin-right: 32px;
        margin-left: 32px
    }

}

.footer__subtitle {
    margin-left: 64px;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 700;
    color: #ff9800
}


@media all and (max-width: 1023px) {
    .footer__subtitle {
        margin-bottom: 8px;
        margin-left: 0
    }

}

.footer-logo__logo {
    width: 160px;
    height: 54px;
    text-indent: -10000px;
    background: url("var/img/logo-white.png") no-repeat 0 0 transparent;
    background-size: cover
}


@media all and (max-width: 1023px) {
    .footer-logo__logo {
        width: 100%;
        margin-bottom: 24px;
        background-position: center;
        background-size: auto 100%
    }

}

.footer-external-links {
    margin-left: 64px;
    border-left: solid 1px rgba(255, 255, 255, 0.12)
}


@media all and (max-width: 1023px) {
    .footer-external-links {
        margin: 0;
        border: none
    }

}

.footer-external-links__list-container {
    display: flex;
    flex-direction: row
}

.footer-external-links__list {
    padding: 0;
    margin: 0;
    margin-left: 64px;
    list-style: none
}


@media all and (max-width: 1023px) {
    .footer-external-links__list {
        width: 50%;
        margin-left: 0
    }

}

.footer-external-links__list a {
    font-size: 14px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none
}


@media all and (max-width: 1023px) {
    .footer-external-links__list a {
        display: block;
        padding-right: 8px;
        margin-bottom: 8px;
        font-size: 13px;
        font-size: .92857rem;
        line-height: 15px
    }

}

.footer-external-links__list a:hover {
    color: #ff9800
}

.content-list__wrapper {
    padding-right: 0;
    padding-left: 0;
    box-shadow: none
}

.content-list__header {
    position: relative
}

.content-list__header:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 120px;
    height: 3px;
    content: '';
    background-color: #9e9e9e
}

.module--liste-actualites .content-list__header:after {
    background-color: #4caf50
}

.module--liste-petites-annonces .content-list__header:after {
    background-color: #ff9800
}

.module--liste-offres-emploi .content-list__header:after {
    background-color: #e91e63
}

.module--liste-petit-carre .content-list__header:after {
    background-color: #2196f3
}

.login__content {
    background-image: url("https://prod.cdn.lumapps.com/frontend-customer-assets/var/img/login-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.login-card {
    position: relative
}

.login-card:before {
    position: absolute;
    top: -54px;
    right: 0;
    left: 0;
    font-size: 24px;
    font-size: 1.71429rem;
    color: #fff;
    text-align: center;
    content: "Bienvenue sur l'intranet du Var"
}

.login-card__actions a[ng-click='openPasswordDialog()'] {
    display: none
}


@media all and (min-width: 1024px) {
    .module__wrapper {
        width: auto;
        margin: 0 24px
    }

}

.module__title,
.lumx-header-label__title {
    font-weight: 300;
    color: rgba(0, 0, 0, 0.54)
}


@media all and (min-width: 1024px) {
    .module__tip {
        width: auto;
        margin: 0 24px
    }

}

.tutorial-slides-mask {
    background-color: #3d454d
}

.user-directory__wrapper,
.user-directory-content__wrapper {
    box-shadow: none
}

.user-directory__header,
.lumx-front-office-page-header {
    position: relative
}

.user-directory__header:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 120px;
    height: 3px;
    content: '';
    background-color: #9e9e9e
}

.user-directory-list__user .user-block:hover,
.user-directory-list__user .block-user-profile-preview:hover {
    border-color: #3d454d
}

.user-block__primary-field {
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54)
}

.user-block--view-mode-extended .user-block__field span {
    font-size: 13px;
    font-size: .92857rem;
    color: rgba(0, 0, 0, 0.54)
}

.user-directory-details__primary-field {
    font-weight: 500
}

.user-directory-details__toolbar span {
    font-weight: 500
}

.widget {
    border-radius: 0;
    box-shadow: none
}

.widget--sidebar .widget-header {
    background-color: #3d454d
}

.widget--sidebar .widget-header .widget-wrapper {
    border-top: none;
    border-bottom-color: rgba(255, 255, 255, 0.12)
}

.widget--sidebar .widget-header .widget-wrapper .widget-header__title {
    color: #ffffff
}

.widget--sidebar .widget-content {
    background-color: #3d454d
}

.widget--mon-bureau {
    border: solid 1px rgba(0, 0, 0, 0.12)
}

.widget--mon-bureau .widget-header .widget-wrapper {
    border-top: none
}

.widget:not(.widget--sidebar):not(.widget--mon-bureau):not(.widget-meta):not(.widget-sub-nav):not(.widget-tip) .widget-header {
    margin-bottom: 24px
}

.widget:not(.widget--sidebar):not(.widget--mon-bureau):not(.widget-meta):not(.widget-sub-nav):not(.widget-tip) .widget-header .widget-wrapper {
    margin-right: 0;
    margin-left: 0
}

.widget:not(.widget--sidebar):not(.widget--mon-bureau):not(.widget-meta):not(.widget-sub-nav):not(.widget-tip) .widget-content {
    padding: 0;
    overflow-x: hidden
}

.widget:not(.widget--sidebar):not(.widget--mon-bureau):not(.widget-meta):not(.widget-sub-nav):not(.widget-tip) .widget-footer {
    right: 0
}

.widget.widget-content-list--view-mode-horizontal:not(.widget--sidebar):not(.widget--mon-bureau) .widget-content {
    margin: -24px
}

.widget-header {
    background-color: transparent
}

.widget-header .widget-wrapper {
    position: relative;
    border-top: 1px solid #E0E0E0
}

.widget-header .widget-wrapper:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 120px;
    height: 2px;
    content: '';
    background-color: #9e9e9e
}

.widget--actualites .widget-header .widget-wrapper:after,
.widget--actualites-2-colonnes .widget-header .widget-wrapper:after,
.widget--actualites-3-colonnes .widget-header .widget-wrapper:after,
.widget--mon-bureau-actualites .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--actualites .widget-header .widget-wrapper:after,
.widget--sidebar-actualites .widget-header .widget-wrapper:after,
.widget--sidebar.widget--actualites .widget-header .widget-wrapper:after {
    background-color: #4caf50
}

.widget--sidebar-offres-emploi .widget-header .widget-wrapper:after,
.widget--sidebar.widget--offres-emploi .widget-header .widget-wrapper:after,
.widget--mon-bureau-emploi .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--emploi .widget-header .widget-wrapper:after,
.widget--mon-bureau-offres-emploi .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--offres-emploi .widget-header .widget-wrapper:after {
    background-color: #e91e63
}

.widget--sidebar-petites-annonces .widget-header .widget-wrapper:after,
.widget--sidebar.widget--petites-annonces .widget-header .widget-wrapper:after,
.widget--mon-bureau-annonces .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--annonces .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--petites-annonces .widget-header .widget-wrapper:after {
    background-color: #ff9800
}

.widget--sidebar-petit-carre .widget-header .widget-wrapper:after,
.widget--sidebar.widget--petit-carre .widget-header .widget-wrapper:after {
    background-color: #2196f3
}

.widget-calendar .widget-header .widget-wrapper:after,
.widget--mon-bureau-agenda .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget-calendar .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--agenda .widget-header .widget-wrapper:after {
    background-color: #2196f3
}

.widget--decouverte-metiers .widget-header .widget-wrapper:after {
    background-color: #2196f3
}

.widget-email .widget-header .widget-wrapper:after,
.widget--mon-bureau-emails .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--emails .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget-email .widget-header .widget-wrapper:after {
    background-color: #F44336
}

.widget-drive .widget-header .widget-wrapper:after,
.widget--mon-bureau-fichiers .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--fichiers .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget-drive .widget-header .widget-wrapper:after {
    background-color: #00bcd4
}

.widget-links .widget-header .widget-wrapper:after,
.widget--mon-bureau-liens .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--liens .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget-links .widget-header .widget-wrapper:after {
    background-color: #ff5722
}

.widget-user-list .widget-header .widget-wrapper:after {
    background-color: #009688
}

.widget-todo .widget-header .widget-wrapper:after,
.widget--mon-bureau-taches .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget--taches .widget-header .widget-wrapper:after,
.widget--mon-bureau.widget-todo .widget-header .widget-wrapper:after {
    background-color: #3f51b5
}

.widget-weather .widget-header .widget-wrapper:after {
    background-color: #673ab7
}

.widget--titre-marron .widget-header .widget-wrapper:after {
    background-color: #614e4a !important
}

.widget--titre-vert .widget-header .widget-wrapper:after {
    background-color: #2d6b35 !important
}

.widget--titre-bleu .widget-header .widget-wrapper:after {
    background-color: #1652a4 !important
}

.widget--titre-violet .widget-header .widget-wrapper:after {
    background-color: #7b287e !important
}

.widget--titre-rouge .widget-header .widget-wrapper:after {
    background-color: #a41e21 !important
}

.widget--titre-orange .widget-header .widget-wrapper:after {
    background-color: #f88b15 !important
}

.widget-header__title {
    font-size: 14px;
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54)
}

.widget-footer {
    position: absolute;
    top: 14px;
    right: 24px;
    background-color: transparent
}

.widget-footer .widget-wrapper {
    padding: 0;
    margin: 0;
    border-top: none
}

.widget-footer__link {
    height: 20px;
    padding: 0 8px;
    font-size: 12px;
    font-size: .85714rem;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    background-color: #9e9e9e
}

.widget--actualites .widget-footer__link,
.widget--actualites-2-colonnes .widget-footer__link,
.widget--actualites-3-colonnes .widget-footer__link,
.widget--mon-bureau-actualites .widget-footer__link,
.widget--mon-bureau.widget--actualites .widget-footer__link,
.widget--sidebar-actualites .widget-footer__link,
.widget--sidebar.widget--actualites .widget-footer__link {
    background-color: #4caf50
}

.widget--sidebar-offres-emploi .widget-footer__link,
.widget--sidebar.widget--offres-emploi .widget-footer__link,
.widget--mon-bureau-emploi .widget-footer__link,
.widget--mon-bureau.widget--emploi .widget-footer__link,
.widget--mon-bureau.widget--offres-emploi .widget-footer__link {
    background-color: #e91e63
}

.widget--sidebar-petites-annonces .widget-footer__link,
.widget--sidebar.widget--petites-annonces .widget-footer__link,
.widget--mon-bureau-annonces .widget-footer__link,
.widget--mon-bureau.widget--annonces .widget-footer__link,
.widget--mon-bureau.widget--petites-annonces .widget-footer__link {
    background-color: #ff9800
}

.widget--sidebar-petit-carre .widget-footer__link,
.widget--sidebar.widget--petit-carre .widget-footer__link {
    background-color: #2196f3
}

.widget-calendar .widget-footer__link,
.widget--mon-bureau-agenda .widget-footer__link,
.widget--mon-bureau.widget--agenda .widget-footer__link,
.widget--mon-bureau.widget-calendar .widget-footer__link {
    background-color: #2196f3
}

.widget--decouverte-metiers .widget-footer__link {
    background-color: #2196f3
}

.widget-email .widget-footer__link,
.widget--mon-bureau-emails .widget-footer__link,
.widget--mon-bureau.widget--emails .widget-footer__link,
.widget--mon-bureau.widget-email .widget-footer__link {
    background-color: #F44336
}

.widget-drive .widget-footer__link,
.widget--mon-bureau-fichiers .widget-footer__link,
.widget--mon-bureau.widget--fichiers .widget-footer__link,
.widget--mon-bureau.widget-drive .widget-footer__link {
    background-color: #00bcd4
}

.widget-links .widget-footer__link,
.widget--mon-bureau-liens .widget-footer__link .widget--mon-bureau.widget--liens .widget-footer__link,
.widget--mon-bureau.widget-links .widget-footer__link {
    background-color: #ff5722
}

.widget-user-list .widget-footer__link {
    background-color: #009688
}

.widget-todo .widget-footer__link,
.widget--mon-bureau-taches .widget-footer__link,
.widget--mon-bureau.widget--taches .widget-footer__link,
.widget--mon-bureau.widget-todo .widget-footer__link {
    background-color: #3f51b5
}

.widget-weather .widget-footer__link,
.widget--mon-bureau.widget-weather .widget-footer__link {
    background-color: #673ab7
}

.widget--theme-dark .widget-more {
    background: rgba(0, 0, 0, 0.87);
    border: 1px solid rgba(255, 255, 255, 0.7)
}

.widget--theme-dark .widget-more a .mdi,
.widget--theme-dark .widget-more a span {
    color: #fff
}

.widget-breadcrumb__wrapper {
    padding: 0
}

.widget-breadcrumb__link {
    font-size: 12px;
    font-size: .85714rem
}


@media all and (min-width: 1024px) {
    .widget--l .widget-calendar-planning__list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px
    }

}


@media all and (max-width: 1023px) {
    .widget-calendar-planning__event {
        border: 1px solid rgba(0, 0, 0, 0.12)
    }

}


@media all and (min-width: 1024px) {
    .widget--l .widget-calendar-planning__event {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 12px;
        margin-bottom: 0
    }

    .widget--l .widget-calendar-planning__event:before {
        position: absolute;
        top: 12px;
        right: 12px;
        bottom: 12px;
        left: 12px;
        content: '';
        border: 1px solid rgba(0, 0, 0, 0.12)
    }

    .widget--l .widget-calendar-planning__event:before .widget--theme-dark {
        border: 1px solid rgba(255, 255, 255, 0.12)
    }

}

.widget-calendar-planning__date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: solid 1px rgba(0, 0, 0, 0.12)
}

.widget-calendar-planning__date .widget--theme-dark {
    border-right: 1px solid rgba(255, 255, 255, 0.12)
}

.widget-calendar-event {
    background-color: transparent !important
}

.widget-calendar-event__title,
.widget-calendar-event__dates,
.widget-calendar-event__location,
.widget-calendar-event__hangout {
    font-size: 14px;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54)
}

.widget--theme-dark .widget-calendar-event__title,
.widget--theme-dark .widget-calendar-event__dates,
.widget--theme-dark .widget-calendar-event__location,
.widget--theme-dark .widget-calendar-event__hangout {
    color: rgba(255, 255, 255, 0.7)
}

.widget-calendar-planning__event:nth-child(2n+1) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+1) .widget-calendar-planning__date {
    color: #ff5722
}

.widget-calendar-planning__event:nth-child(2n+2) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+2) .widget-calendar-planning__date {
    color: #2196f3
}

.widget-calendar-planning__event:nth-child(2n+3) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+3) .widget-calendar-planning__date {
    color: #009688
}

.widget-calendar-planning__event:nth-child(2n+4) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+4) .widget-calendar-planning__date {
    color: #3f51b5
}

.widget-calendar-planning__event:nth-child(2n+5) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+5) .widget-calendar-planning__date {
    color: #ff9800
}

.widget-calendar-planning__event:nth-child(2n+6) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+6) .widget-calendar-planning__date {
    color: #4caf50
}

.widget-calendar-planning__event:nth-child(2n+7) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+7) .widget-calendar-planning__date {
    color: #e91e63
}

.widget-calendar-planning__event:nth-child(2n+8) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+8) .widget-calendar-planning__date {
    color: #ffc107
}

.widget-calendar-planning__event:nth-child(2n+9) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+9) .widget-calendar-planning__date {
    color: #00bcd4
}

.widget-calendar-planning__event:nth-child(2n+10) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+10) .widget-calendar-planning__date {
    color: #673ab7
}

.widget-calendar-planning__event:nth-child(2n+11) .widget-calendar-event__title,
.widget-calendar-planning__event:nth-child(2n+11) .widget-calendar-planning__date {
    color: #F44336
}

.widget-contact__message {
    display: block;
    width: 100%;
    height: 200px;
    padding: 0;
    padding: 8px;
    margin: 0;
    margin: 24px 0;
    overflow: hidden;
    cursor: text;
    background-color: transparent;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.12);
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.widget-contact__message:focus {
    outline: none
}

.widget-contact__message:focus {
    border-color: #3d454d
}

.widget--mon-bureau-conges .widget-header,
.widget--mon-bureau-conges .widget-content,
.widget--sidebar-conges .widget-header,
.widget--sidebar-conges .widget-content,
.widget--mon-bureau.widget--conges .widget-header,
.widget--mon-bureau.widget--conges .widget-content,
.widget--sidebar.widget--conges .widget-header,
.widget--sidebar.widget--conges .widget-content {
    background-color: transparent
}

.widget--mon-bureau-conges .widget-content,
.widget--sidebar-conges .widget-content,
.widget--mon-bureau.widget--conges .widget-content,
.widget--sidebar.widget--conges .widget-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 160px;
    font-size: 20px;
    font-size: 1.42857rem
}

.widget--mon-bureau-conges .widget-content strong,
.widget--sidebar-conges .widget-content strong,
.widget--mon-bureau.widget--conges .widget-content strong,
.widget--sidebar.widget--conges .widget-content strong {
    font-weight: 700;
    color: #fff
}

.widget--mon-bureau-conges .widget-content a,
.widget--sidebar-conges .widget-content a,
.widget--mon-bureau.widget--conges .widget-content a,
.widget--sidebar.widget--conges .widget-content a {
    font-weight: 300;
    color: #fff;
    text-align: center
}

.widget--mon-bureau-conges .widget-content a:hover,
.widget--sidebar-conges .widget-content a:hover,
.widget--mon-bureau.widget--conges .widget-content a:hover,
.widget--sidebar.widget--conges .widget-content a:hover {
    text-decoration: none
}

.widget--sidebar-conges,
.widget--sidebar.widget--conges {
    background-image: url("https://prod.cdn.lumapps.com/frontend-customer-assets/var/img/holidays-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.widget--mon-bureau-conges .widget-content,
.widget--mon-bureau.widget--conges .widget-content {
    background-image: url("https://prod.cdn.lumapps.com/frontend-customer-assets/var/img/holidays-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.titre-futura-24,
.titre-futura-20,
.titre-futura-16 {
    font-weight: 700
}

.titre-futura-24 {
    font-size: 24px;
    font-size: 1.71429rem
}

.titre-futura-20 {
    font-size: 20px;
    font-size: 1.42857rem
}

.titre-futura-16 {
    font-size: 16px;
    font-size: 1.14286rem
}

.widget-intro__content,
.widget-intro__wysiwyg .fr-view {
    font-size: 18px;
    font-size: 1.28571rem;
    font-weight: 400
}

.widget-meta .widget-content {
    padding: 24px;
    background-color: #f5f5f5
}

.component-cell--is-plain .widget-meta .widget-content {
    padding: 0
}

.component-cell--is-plain .widget-meta.widget--has-header .widget-content {
    padding-top: 24px
}

.component-cell--is-plain .widget-meta.widget--has-footer .widget-content {
    padding-bottom: 24px
}

.widget-meta__field {
    margin-bottom: 16px
}

.widget-meta__field:last-child {
    margin-bottom: 0
}

.widget-meta__field--author {
    display: none
}

.widget--petites-annonces .widget-meta__field--author {
    display: block
}

.widget-meta-author:before {
    display: block;
    font-size: 13px;
    font-size: .92857rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
    content: 'Auteur'
}

.widget-meta-publication-date:before {
    display: block;
    font-size: 13px;
    font-size: .92857rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
    content: 'Date de publication'
}

.widget-meta-tags:before {
    display: block;
    font-size: 13px;
    font-size: .92857rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54);
    content: 'Catégorie'
}

.widget-meta-metadata__parent-name {
    display: block;
    font-size: 13px;
    font-size: .92857rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.54)
}

.widget-meta-metadata__name {
    display: block
}

.widget-meta-social {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.12)
}

.widget-meta-social__like-button {
    border-right: 1px solid rgba(0, 0, 0, 0.12)
}

.widget-meta-social__like-button,
.widget-meta-social__comment-button {
    display: flex;
    flex: 1;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 24px 0
}

.widget-sub-nav {
    background-color: #ebeff2
}

.widget-sub-nav .widget-header,
.widget-sub-nav .widget-content,
.widget-sub-nav .widget-footer {
    background-color: transparent
}

.widget-sub-nav .widget-header .widget-wrapper {
    border: none
}

.widget-sub-nav .widget-header .widget-wrapper:after {
    display: none
}

.widget-sub-nav .widget-header .widget-wrapper .widget-header__title {
    font-size: 20px;
    font-size: 1.42857rem;
    font-weight: 300
}

.widget--theme-light .widget-sub-nav__list.widget-sub-nav__list--root>li,
.widget--theme-dark .widget-sub-nav__list.widget-sub-nav__list--root>li {
    border: 0
}

.widget-tip {
    border: solid 1px rgba(0, 0, 0, 0.12)
}

.widget-tip__content,
.widget-tip__wysiwyg {
    color: rgba(0, 0, 0, 0.54)
}

.widget-tip__content p,
.widget-tip__wysiwyg p {
    margin-bottom: 8px
}

.widget-title {
    position: relative;
    padding: 24px 0;
    overflow: visible;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.content:not(.content--type-custom-list) .widget-title {
    border-top: 1px solid rgba(0, 0, 0, 0.12)
}

.content--type-custom-list .widget-title {
    padding: 8px 0 0
}

.content:not(.content--type-community) .widget-title:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 120px;
    height: 3px;
    content: '';
    background-color: #9e9e9e
}

.widget--titre-actualite .content:not(.content--type-community) .widget-title:after,
.liste-actualites .content:not(.content--type-community) .widget-title:after {
    background-color: #4caf50
}

.widget--titre-annonce .content:not(.content--type-community) .widget-title:after,
.liste-petites-annonces .content:not(.content--type-community) .widget-title:after {
    background-color: #ff9800
}

.widget--titre-emploi .content:not(.content--type-community) .widget-title:after,
.liste-offres-emploi .content:not(.content--type-community) .widget-title:after {
    background-color: #e91e63
}

.widget--titre-metier .content:not(.content--type-community) .widget-title:after,
.liste-petit-carre .content:not(.content--type-community) .widget-title:after {
    background-color: #2196f3
}

.widget--titre-marron .content:not(.content--type-community) .widget-title:after {
    background-color: #614e4a !important
}

.widget--titre-vert .content:not(.content--type-community) .widget-title:after {
    background-color: #2d6b35 !important
}

.widget--titre-bleu .content:not(.content--type-community) .widget-title:after {
    background-color: #1652a4 !important
}

.widget--titre-violet .content:not(.content--type-community) .widget-title:after {
    background-color: #7b287e !important
}

.widget--titre-rouge .content:not(.content--type-community) .widget-title:after {
    background-color: #a41e21 !important
}

.widget--titre-orange .content:not(.content--type-community) .widget-title:after {
    background-color: #f88b15 !important
}

.content--type-custom-list .widget-title__title {
    font-weight: 300;
    color: rgba(0, 0, 0, 0.54)
}

html {
    font-size: 0.85em;
    background-color: #fff
}

html.accessibility {
    background-color: #000 !important
}

html.accessibility .widget,
html.accessibility .widget-header,
html.accessibility .widget-content,
html.accessibility .widget-footer {
    background-color: transparent !important
}

html.accessibility .widget-header .widget-wrapper,
html.accessibility .widget-footer .widget-wrapper {
    border-color: rgba(255, 255, 255, 0.3) !important
}

html.accessibility .widget-header__title,
html.accessibility .widget-footer__link {
    color: #fff !important
}

html.accessibility .widget-html__content,
html.accessibility .widget-html__content span,
html.accessibility .widget-html__content p,
html.accessibility .widget-html__content a,
html.accessibility .widget-html__content ul,
html.accessibility .widget-html__content li,
html.accessibility .widget-tip__content,
html.accessibility .widget-tip__content span,
html.accessibility .widget-tip__content p,
html.accessibility .widget-tip__content a,
html.accessibility .widget-tip__content ul,
html.accessibility .widget-tip__content li,
html.accessibility .widget-html__wysiwyg .fr-view,
html.accessibility .widget-html__wysiwyg .fr-view span,
html.accessibility .widget-html__wysiwyg .fr-view p,
html.accessibility .widget-html__wysiwyg .fr-view a,
html.accessibility .widget-html__wysiwyg .fr-view ul,
html.accessibility .widget-html__wysiwyg .fr-view li,
html.accessibility .widget-tip__wysiwyg .fr-view,
html.accessibility .widget-tip__wysiwyg .fr-view span,
html.accessibility .widget-tip__wysiwyg .fr-view p,
html.accessibility .widget-tip__wysiwyg .fr-view a,
html.accessibility .widget-tip__wysiwyg .fr-view ul,
html.accessibility .widget-tip__wysiwyg .fr-view li {
    color: #fff !important;
    background-color: transparent !important
}




/* AMROUE 20260323 bug couleur sur sidebar*/
.widget--sidebar  {
    color:white!important;
}

.widget--sidebar  button.lumx-button  {
    color:white!important;
}

.widget--sidebar .lumx-text {
       color:white!important;
}