:root {
    --blue-mdm: #007fb1;
    --blue-mdm-ee: #007fb1ee;
    --blue-mdm-rgb: 0 127 177;
    --blue-mdm-hover: #0078a6;
    --blue-mdm-dark: #004c68;
    --blue-mdm-light: #0199d5;
    --green-mdm: #7fcf5a;
    --green-mdm-hover: #77c354;
    --gray-mdm: #bbbaba;
    --gray-dark-mdm: #4d4d4d;
    --bs-dropdown-link-active-bg: #116e92;
    --agenda-day-width-percent: calc(100% / 7);
    --bs-nav-pills-link-active-bg: var(--blue-mdm);
    --bs-nav-link-color: white;
}

[data-bs-theme="etrepaye"] {
    --base02: #3e4451;
    --base03: #868e96;
    --base04: #868e96;
    --base05: #abb2bf;
    --base06: #b6bdca;
    --base07: #feb272;
    --base08: #6edff6;
    --base09: #feb272;
    --base0A: #ffe69c;
    --base0B: #79dfc1;
    --base0C: #79dfc1;
    --base0D: #6ea8fe;
    --base0E: #c29ffa;
    --base0F: #ea868f
}

[data-bs-theme="etrepaye"] {
    --docsearch-text-color: #f5f6f7;
    --docsearch-container-background: rgba(9, 10, 17, .8);
    --docsearch-modal-background: #15172a;
    --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
    --docsearch-searchbox-background: #090a11;
    --docsearch-searchbox-focus-background: #000;
    --docsearch-hit-color: #bec3c9;
    --docsearch-hit-shadow: none;
    --docsearch-hit-background: #090a11;
    --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
    --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);
    --docsearch-footer-background: #1e2136;
    --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2);
    --docsearch-muted-color: #7f8497;
}

[data-bs-theme="etrepaye"] {
    --bd-violet: #9461fb;
    --bd-violet-bg: #712cf9;
    --bd-toc-color: var(--bs-emphasis-color);
    --bd-sidebar-link-bg: rgba(84, 33, 187, .5);
    --bd-callout-link: 110, 168, 254;
    --bd-callout-code-color: #e685b5;
    --bd-pre-bg: #1b1f22;
}

[data-bs-theme="etrepaye"] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: var(--blue-mdm);
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: var(--blue-mdm-dark);
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
    --bs-dark-rgb: 21, 127, 167;
}

a {
    color: #607D20;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.form-control::placeholder {
    color: gray;
}

.btn.btn-default {
    background-color: #f2f2f2;
    border-color: #cacbcc;
}

.btn.btn-gradient {
    color: white;
    background: linear-gradient(60deg, #96c334, var(--blue-mdm)) padding-box, linear-gradient(45deg, #80a927, #0f6f93) border-box;
    border: 2px solid transparent;
}

.btn.btn-success-mdm {
    color: #fff !important;
    background-color: var(--green-mdm);
    border-color: var(--green-mdm);
}

.btn.btn-success-mdm:hover,
.btn.btn-success-mdm:active {
    background-color: var(--green-mdm-hover);
}

.btn.btn-primary-mdm {
    color: #fff !important;
    background-color: var(--blue-mdm);
    border-color: var(--blue-mdm);
}

.btn.btn-primary-mdm:hover,
.btn.btn-primary-mdm:active {
    background-color: var(--blue-mdm-light);
}

.btn-outline-primary-mdm {
    --bs-btn-color: var(--blue-mdm) !important;
    --bs-btn-border-color: var(--blue-mdm) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--blue-mdm);
    --bs-btn-hover-border-color: var(--blue-mdm) !important;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--blue-mdm);
    --bs-btn-active-border-color: var(--blue-mdm);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--blue-mdm);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--blue-mdm);
    --bs-gradient: none;
}

footer > .d-flex > .col {
    flex-direction: column;
    display: flex;
}

footer > .d-flex > .col > a {
    color: white;
    text-decoration: none;
}

.footer-gradient {
    height: 80px;
    background: linear-gradient(to top, var(--blue-mdm) 20%, transparent);
}

.accordion-button:not(.collapsed) {
    color: var(--blue-mdm);
}

#sn-list {
    flex-wrap: wrap;
    list-style: none;
    display: flex;
    justify-content: space-around;
    padding: 0 3em;
}

#sn-list li {
    flex: 0 1 25%;
    margin-bottom: .5em;
    text-align: center;
}

#sn-list a > img {
    max-height: 20px;
}

.hide {
    display: none !important;
}

.warning-login .bi {
    vertical-align: bottom;
}

.text-primary-mdm {
    color: var(--blue-mdm);
}

.text-success-mdm {
    color: var(--green-mdm);
}

.bg-primary-mdm {
    background-color: var(--blue-mdm);
}

.bg-success-mdm {
    background-color: var(--green-mdm);
}

.border-primary-mdm {
    border-color: var(--blue-mdm) !important;
}

.border-success-mdm {
    border-color: var(--green-mdm) !important;
}

.fs-07 {
    font-size: 0.7em !important;
}

.fs-08 {
    font-size: 0.8em !important;
}

.fs-09 {
    font-size: 0.9em !important;
}

/**
 * HEADER
 */
@media (min-width: 992px) {
    #container-show-login {
        min-width: 300px;
    }
}

#div-show-login {
    width: 300px;
    right: 0;
    left: auto;
}

.dropdown-item:hover {
    border-radius: 0.3em;
}

.dropdown-title {
    font-weight: bold;
    padding: 0.4em 1em;
    white-space: nowrap;
}

.navbar-nav .dropdown-item {
    color: white;
    min-width: 200px;
}

nav.navbar.bg-body-tertiary {
    background-color: white !important;
}

@media (min-width: 768px) {
    .navbar-nav > .nav-item.dropdown .dropdown-menu div + div {
        border-left: 1px solid #51a0b1;
        padding-left: 3px;
    }
}

@media (max-width: 767px) {
    .navbar-nav > .nav-item.dropdown .dropdown-menu div + div {
        border-top: 1px solid #51a0b1;
        padding-top: 3px;
    }

    .navbar-nav > .nav-item {
        width: 100%;
    }
}

.list-group-item > a {
    text-decoration: none;
    color: var(--blue-mdm);
}

.list-group-item:hover,
.list-group-item.active {
    background-color: var(--blue-mdm);
    border-color: transparent;
}

.list-group-item:hover > a,
.list-group-item.active > a {
    color: white;
}

.list-group-item.active > a:hover {
    text-decoration: underline;
}

.list-group-item.nav-header {
    text-align: center;
    font-size: 1.2em;
    background-color: var(--green-mdm-hover);
    color: white;
}

.list-group-item.nav-header .bi {
    vertical-align: bottom;
}

.list-group-item.disabled > a,
.list-group-item.disabled > a .badge {
    color: gray;
}


.lang-selected {
    padding: 2px;
    border: 1px solid var(--green-mdm);
    border-radius: 4px;
    align-content: center;
    display: flex;
}

#navbarToggleMenu {
    box-shadow: black 0 0 7px;
}

#div-langs img {
    max-height: 16px;
}

span[class^="op-p"]::after {
    content: "\002b";
}

span[class^="op-m"]::after {
    content: "\002d";
}

span[class^="op-d"]::after {
    content: "\002f";
}

span[class^="op-x"]::after {
    content: "\00d7";
}

h2, .h2 {
    color: var(--blue-mdm);
    font-weight: bold;
    margin-top: 0.5em;
}


#cat-blocks {
    justify-content: space-around;
    flex-wrap: wrap;
}

.cat-block {
    flex-direction: column;
    display: flex;
    align-items: center;
    background-color: var(--blue-mdm);
    padding: 2em;
    color: white;
    text-align: center;
    background-size: cover;
    background-position: center;
    justify-content: center;
    min-height: 200px;
}

@media (min-width: 768px) {
    .cat-block {
        width: 40%;
    }
}

@media (max-width: 992px) {
    .cat-block {
        width: 100%;
    }

    .container {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .cat-block {
        width: 100%;
    }

    .w-content.d-flex {
        flex-direction: column;
    }
}

.cat-block > svg {
    width: 100px;
}

.cat-block a {
    color: white;
    text-decoration: none;
}

.cat-block a:hover {
    text-decoration: underline;
}

.cat-block > .cat-name {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4em;
}

div.exclamation {
    background-color: #ddf6ff;
    padding: 1em;
    color: var(--blue-mdm-dark);
    border-radius: 5px;
    overflow: auto;
    margin-top: 1em;
}

div.alert {
    margin-top: 1em;
    overflow: auto;
}
div.alert > div.h2 {
    margin-top: 0;
}

.prev > a:hover,
.next > a:hover {
    text-decoration: underline;
}

.container-fluid.page-header {
    background-image: linear-gradient(to right, var(--blue-mdm-ee), var(--color-ep-green-opacity-c));
}

.page-header-type {
    text-align: right;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-transform: uppercase;
    font-size: 3em;
    font-weight: bold;
    color: var(--green-mdm);
    cursor: default;
}

.cat-rubriques {
    float: right;
    background-color: #e9f8d6;
    border-radius: 0.5em
}

.cat-rubriques > div > a {
    display:flex;
    justify-content:space-between;
    text-decoration: none;
    color: #2f2f2f;
    border-radius: 6px;
    padding: 0 0.4em;
    border: 1px solid transparent;
}

.cat-rubriques > div > a:hover,
.cat-rubriques > div > a.active {
    border: 1px solid var(--green-mdm-hover);
    background-color: white;
}

#alphabet_lexique {
    justify-content: center;
}

.lexique-term {
    text-decoration: underline dashed #0c76a4;
    color: inherit;
    cursor: help;
}

.tool-kit-block {
    border: 1px solid var(--blue-mdm-light);
    border-radius: 6px;
    flex-basis: 400px;
    justify-content: space-between;
}

.tool-kit-block > img {
    height: 200px;
    max-width: fit-content;
    align-self: center;
}


.container {
    flex-wrap: wrap;
}

.div-w-title {
    border-left: 2px solid var(--blue-mdm);
}

.w-title {
    background-color: var(--blue-mdm);
    color: white;
    width: fit-content;
    min-width: 200px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.3em 1em;
}

.w-img {
    height: 10em;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}

.w-img > img {
    height: 80px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.w-img-tag-article{
    position: absolute;
    bottom: 0;

    width: 100%;
    padding: 0.2em 1em;
    background: linear-gradient(90deg, var(--green-mdm) 40%, rgba(255, 255, 255, 0));
    color: white;
    align-self: flex-end;
    font-size: 0.9rem;
}



.home-article-block-body-title{
    font-weight: bold;
}

.home-article-block-body-infos{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;

    color: #757474;
    font-size: 0.9rem;
}

.home-article-block-body-infos-img{
    max-height: 50px;
    max-width: 50px;
    margin-right: 0.5rem;
    border-radius: 10px;
}

.home-article-block {
    flex-direction: column;
    flex: 1 1 32% !important;
    border: 1px solid var(--blue-mdm-light);
    border-radius: 5px;
}

@media(min-width: 768px) {
    .home-article-block {
        max-width: 33%;
    }
}

.home-podcast-block a,
.home-article-block a {
    color: initial;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.home-podcast-block a {
    text-transform: uppercase;
    font-size: 1.6em;
}

.home-podcast-block {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.podcastItemImg {
    height: 15em;
    padding: 1em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
    text-shadow: #093a4b 2px 2px 2px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
    align-content: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.podcastProviders {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.podcastProviders > a {
    background: white;
    padding: 0.3em;
    border-radius: 10px;
    display: flex;
    box-shadow: black 0 0 5px;
    margin: 0.3em;
}

.podcastProviders > a:hover {
    transform: scale(1.2);
    transition: all .2s;
}

.show-slider-video {
    cursor: pointer;
    box-shadow: gray 0 0 3px;
}

#video-current {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    color: white;
    background-color: var(--blue-mdm-ee);
    padding: 1em;
    border-radius: 1em;
    box-shadow: black 0 0 50px;
}


@keyframes loopOn {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

#partenaires-block > div {
    animation: loopOn 25s infinite linear;
}

#partenaires-block:hover > div {
    animation-play-state: paused;
}

#partenaires-block > div img {
    max-height: 100px;
    max-width: 200px;
    object-fit: contain;
}

#partenaires-block .logos,
#partenaires-block .logos-2 {
    align-items: center;
}

.form-quick-search {
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.nav.nav-tabs > .nav-item > a.nav-link {
    color: var(--blue-mdm-dark);
}

article img[alt] {
    color: darkgray;
    font-style: italic;
    font-size: 1.5em;
}

article ul.thumbnails {
    list-style: none;
    padding: 0;
}

article ul.thumbnails .thumbnail {
    padding: 1em;
    border-radius: 10px;
    box-shadow:gray 0 0 5px;
}

article ul.thumbnails .thumbnail img {
    border-radius: 10px;
    margin-bottom:1em;
}


/** Podcasts **/

.podcastListItem > a:hover {
    text-decoration: none;
}

.podcastItemImg {
    height: 15em;
    padding: 1em;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.5em;
    text-shadow: #093a4b 2px 2px 2px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 15px;
    align-content: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.podcastItemImg:hover {
    transform: scale(1.02);
    transition: all .2s;
}

.podcastProviders {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.podcastProviders > a {
    background: white;
    padding: 0.3em;
    border-radius: 10px;
    display: flex;
    box-shadow: black 0 0 5px;
    margin: 0.3em;
}

.podcastProviders > a:hover {
    transform: scale(1.2);
    transition: all .2s;
}

h3 {
    color: var(--blue-mdm);
    font-weight: bold;
    font-size: 1.5em;
}

#banner-contact {
    display: flex;
    background-image: url('/img/bg-vague.png');
    background-size: cover;
    padding: 0.5em 1em 0.7em;
    background-repeat: no-repeat;
    background-position-x: center;
    border-radius: 0.5em;
    justify-content: space-evenly;
}

#banner-contact img {
    max-height: 4em;
    float: left;
    margin: 0.2em 1em 0 0;
}

#banner-contact a {
    border-radius: 25px;
    padding: 0.5em 3em;
    text-transform: uppercase;
    font-weight: bold;
}

#banner-contact a:hover {
    text-decoration: none;
}

/** Outil **/
.striped-rows > .row:nth-child(2n+1) {
    background-color: whitesmoke;
    padding: 0.5em 0;
}

#penalites {
    margin: auto;
}

@media (min-width: 1200px) {
    #penalites {
        width: 50%;
    }
}

@media (max-width: 1199px) {
    #penalites {
        width: 80%;
    }
}

/** Agenda **/
.day {
    color: var(--blue-mdm);
    box-shadow: -1px -1px var(--blue-mdm), inset -1px -1px 0 0 var(--blue-mdm);
    position: relative;
}

.dayd + .dayd {
    border-left: 1px solid white;
}

.day-num {
    align-self: end;
    justify-self: end;
    margin-right: 5px;
}

.dayd {
    width: -moz-available;
    width: -webkit-fill-available;
    text-align: center;
}

.event {
    border-radius: 3px;
    padding: 2px 5px;
    color: white;
    margin-right: 10%;
    cursor: pointer;
    height: fit-content;
}

#month-select .dayd {
    text-transform: uppercase;
}

#month-select .dayd a {
    text-decoration: none;
    color: var(--blue-mdm);
    align-self: center;
}

#month-select .dayd.current-month a {
    font-size: 1.2em;
    font-weight: bold;
}

@media (min-width: 798px) {

    .week,
    .week-days {
        display: flex;
        background-color: whitesmoke;
    }

    .day {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0;
        display: grid;
    }

    .event {
        font-size: 0.9em;
    }

    /* OTHER STYLES */
    .month-days,
    .month-days .we {
        text-transform: uppercase;
    }

    .month-days .dayd.we {
        background-color: var(--blue-mdm);
        color: white;
    }

    .month-days .dayd:not(.we) {
        color: var(--blue-mdm);
        border-bottom: 1px solid white;
    }

    .month .day.we {
        background-color: #e5f8ff;
    }

    .month .day:not(.we) {
        background-color: white;
    }

    .week {
        min-height: 120px;
    }

    .day-num-title {
        display: none;
    }
}

@media (max-width: 797px) {
    .month-days {
        display: none;
    }

    .day:not(.has-events) {
        display: none;
    }

    .day.has-events {
        display: grid;
        margin-bottom: 1em;
        padding: 0.5em;
        border-radius: 6px;
    }

    .event {
        font-size: 1.1em;
    }

    .day-num {
        display: none;
    }

    .day-num-title {
        font-size: 1.4em;
    }
}

.week .day.agenda-offset-start-1 {
    margin-left: calc(var(--agenda-day-width-percent) * 1);
}

.week .day.agenda-offset-start-2 {
    margin-left: calc(var(--agenda-day-width-percent) * 2);
}

.week .day.agenda-offset-start-3 {
    margin-left: calc(var(--agenda-day-width-percent) * 3);
}

.week .day.agenda-offset-start-4 {
    margin-left: calc(var(--agenda-day-width-percent) * 4);
}

.week .day.agenda-offset-start-5 {
    margin-left: calc(var(--agenda-day-width-percent) * 5);
}

.week .day.agenda-offset-start-6 {
    margin-left: calc(var(--agenda-day-width-percent) * 6);
}

.week .day.agenda-offset-end-1 {
    margin-right: calc(var(--agenda-day-width-percent) * 1);
}

.week .day.agenda-offset-end-2 {
    margin-right: calc(var(--agenda-day-width-percent) * 2);
}

.week .day.agenda-offset-end-3 {
    margin-right: calc(var(--agenda-day-width-percent) * 3);
}

.week .day.agenda-offset-end-4 {
    margin-right: calc(var(--agenda-day-width-percent) * 4);
}

.week .day.agenda-offset-end-5 {
    margin-right: calc(var(--agenda-day-width-percent) * 5);
}

.week .day.agenda-offset-end-6 {
    margin-right: calc(var(--agenda-day-width-percent) * 6);
}

.event-langue-icon {
    width: 16px;
    background-color: white;
    padding: 1px;
    border-radius: 2px;
    float: right;
    margin-top: 2px;
    margin-left: 2px;
}

/** Cookie consent **/
/**
    Redéfinir certains styles pour être plus "My DSO" like
 */
/* Bandeau en pleine largeur (au lieu de 1/2 largeur) */
.termsfeed-com---nb-simple {
    max-width: 100% !important;
}

/* Couleur de fond du bandeau en bleu My DSO */
.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: var(--blue-mdm) !important;
}

/* Couleur du texte en blanc */
.termsfeed-com---palette-light .cc-nb-text,
.termsfeed-com---palette-light .cc-nb-title {
    color: #fff !important;
}

/* Couleur de fond du bouton "J'accepte" et "Je refuse" */
.termsfeed-com---palette-light .cc-nb-okagree,
.termsfeed-com---palette-light .cc-nb-reject,
.termsfeed-com---palette-light .cc-cp-foot-save {
    background-color: #96c334 !important;
}

/* Couleur de fond + texte du bouton "Changer mes préférences" */
.termsfeed-com---palette-light .cc-nb-changep {
    background-color: #6ba0b1 !important;
    color: #fff !important;
}

/* Bordure du select "Langue" dans les préférences */
.termsfeed-com---palette-light .cc-pc-head-lang select:focus {
    box-shadow: 0 0 0 2px #6ba0b1 !important;
}

.mHover{
    cursor: pointer;
}

.scrollToElement{
    font-size: 0.9rem;
    color: #607D20;

}

.scrollToElement svg{
    max-width: 16px;
    max-height: 16px;
    color: #607D20;
}

.scrollToElement:hover{
    text-decoration: underline;
}

/* WARNING LOG IN */
.warning-login{
    position: absolute;
    opacity: 0;
    transition: opacity 2s;
    font-size: 0.8rem;
    padding: 8px 16px;
    background: white;
    box-shadow: 4px 3px 5px #d0d0d0;
    border-radius: 7px;
    color: red;
}

.warning-login.visible{
    opacity: 1;
}

/* FIN WARNING LOG IN */

/* BOOTSTRAP EXTEND */
.ms-60{
    margin-left: 60px;
}

/* FIN BOOSTRAP EXTEND */

@media (max-width: 800px) {
    .cat-rubriques{
        width: 100%;
    }

    .scrollToDownload{
        width: 100%;
    }
}

.recent-post-footer{
    padding-left: 8px;
}

.btn-recent-post-footer{
    /*width: 45%;*/
    margin-right: 30px;
    &:hover {
        text-decoration: none !important;
    }
}