/* +P
  __      ____
 /\ \    /\  _`\  
 \_\ \___\ \ \L\ \
/\___  __\\ \ ,__/
\/__/\ \_/ \ \ \/ 
    \ \_\   \ \_\ 
     \/_/    \/_/ 
     Yeah! 2022 plusproduit.com
     
     plus10 theme 22.12.24
*/

/* Couleurs et gouttières dans global.css */
:root {
    --me-text-xs: .778rem;
    /* 14px */
    --me-text-s: .889rem;
    /* 16px */
    --me-text-m: 1rem;
    /* 18px */
    --me-text-l: 1.23rem;
    /* 22px */
    --me-text-xl: 1.5rem;
    /* 27px */
    --me-text-xxl: 2rem;
    /* 36px */
    --me-text-xxxl: 3rem;
    /* 36px */
}

html {
    font-size: 17px;
    background-color: var(--bs-secondary);
}

@media (min-width: 1300px) {
    html {
        font-size: 19px;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 22px;
    }
}

body {
    background: transparent;
}

/* #region STRUCTURE */

main,
.site-footer {
    background-color: var(--bs-body-bg);
    /* taille du header voir global.css */
    padding-left: var(--p-header-height);
}

.page-node-type-article .site-footer,
.page-node-type-article .site-footer .bg2 {
    /* background-color: #FFF !important; */
}

.region-content {
    /* padding-bottom: 2rem; */
}

.toolbar-fixed main {
    /* padding-top: calc(var(--p-header-height) + 39px); */
}

.toolbar-tray-open.toolbar-horizontal main {
    padding-top: calc(var(--p-header-height) + 79px);
}

.gutter-top {
    margin-top: calc(.5 * var(--bs-gutter-x));
}

.pt-gutter {
    padding-top: calc(1.5 * var(--bs-gutter-x));
}

.pt-gutter-half {
    padding-top: calc(0.5 * var(--bs-gutter-x));
}

.me-main-col,
.text-wrap {
    max-width: 50rem;
}

.me-title-col {
    max-width: 30rem;
}

/* #endregion */


/* #region HEADER */

/* Navbar */
.site-home-link {
    display: block;
    position: absolute;
    top: 100px;
    bottom: 80px;
    left: 0;
    right: 0;
    width: 100%;
}

.site-header-inner {
    /* margin: 80px 30px; */
    padding: 80px 1rem 1rem;

}

.site-header-inner,
.region-header {
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}


.site-header {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: var(--p-header-height);
    z-index: 3;
    background-color: var(--bs-dark);

    background-image: url(img/logo_vertical_latest.svg);
    background-repeat: no-repeat;
    background-size: 40% auto;
    background-position: center 6rem;
}




/* annule le 100% par défaut -> bs col-auto */
.region-header .block {
    flex: 0 0 auto;
    width: auto;
}


/* #endregion */


/* #region DROPDOWN multilevel nav */

.menu-item--expanded {
    position: relative;
}

.site-header ul.nav>.menu-item--expanded,
.site-header ul.nav .menu-item--expanded>ul {
    border-left: 2px solid transparent;
}

.site-header ul.nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 12rem;
    font-size: .8rem;
}

/* moins la largeur du border */
.site-header ul.nav>li>ul,
.site-header ul.nav>li>ul>li>ul {
    display: none;
    position: absolute;
    left: -2px;
}

.site-header ul.nav .menu-item--expanded:hover,
.site-header ul.nav .menu-item--expanded:hover>ul {
    display: block;
    background-color: rgba(var(--bs-body-bg-rgb), .95);
    border-color: var(--bs-primary);
}

/* troisième niveau */

.site-header ul.nav>li>ul>li>ul {
    display: none;
    left: 40px;
}

/* #endregion */


/* #region LANGUAGE */
.block-language {
    margin-top: auto;
}

.block-language .links {
    justify-content: center;
}

.block-language .links a {
    text-transform: uppercase;
    font-size: 13px;
    opacity: .6;

    padding: .25rem;
}

.block-language .links a.is-active {
    text-transform: uppercase;
    font-size: 13px;
    opacity: 1;
}

/* #endregion */


/* #region FOOTER */

.site-footer_top {
    padding: 6vh 0;
}

.site-footer_bottom {
    padding: 2vh 0;
}

/* #endregion */


/* #region TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5,
h6,
.font2,
.me-baseline {
    font-family: var(--p-alt-font-family);
    font-weight: var(--p-alt-font-weight);
    margin-bottom: 1rem;
    text-transform: uppercase;
    line-height: 1.33;
    color: var(--bs-dark);
    max-width: 30em;
}

.default-color {
    color: var(--bs-body-color) !important;
}

.me-main-col h2,
.me-main-col h3 {
    color: var(--bs-accent);
}

h1 {
    font-size: 2.25rem;
    line-height: 2.25rem;
    word-wrap: break-word;
    hyphens: auto;
}

h1.page-title {
    padding-top: 2.75rem;
    padding-top: 1.5rem;
    margin-bottom: 4rem;
}

h2 {
    margin-top: 1rem;
    font-size: var(--me-text-xl);
}

*+h2 {
    margin-top: 3rem;
}

h3 {
    font-size: 1rem;
}

b,
strong {
    font-family: var(--p-body-font-strong-weight);
    font-weight: normal;
}

hr {
    opacity: 1;
    border-top: 2px solid var(--bs-primary);
}

.text-l {
    font-size: var(--me-text-l);
}

.text-xl {
    font-size: var(--me-text-xl);
    line-height: 1.33;
}

.text-xxl {
    font-size: var(--me-text-xxl);
}

.text-xxxl {
    font-size: var(--me-text-xxxl);
}

.small,
figcaption,
.text-xs {
    font-size: var(--me-text-xs);
    letter-spacing: .033em;
    line-height: 1.2;
}

p.chapeau {
    font-size: var(--me-text-l);
}

p.citation,
p.signature,
.text-s {
    font-size: var(--me-text-s);
}

blockquote p.signature {
    font-family: var(--bs-body-font-family) !important;
    text-decoration: none;
    text-transform: none;
}

.field__label {
    font-size: var(--me-text-xs);
    font-weight: var(--p-body-font-strong-weight);
}

.me-caption {
    padding: .25rem 0 .5rem;

}

.field-label-inline {
    float: left;
    margin: 0 1rem 1rem 0;
}

/* listes contenu */
.text-formatted ul,
.text-formatted ol {
    margin: 1.5rem;
    padding-left: .5rem;
}


.text-wrap ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 2rem;

}

.text-wrap ul li {
    margin-bottom: 1rem;
    /* padding-left: 1rem; */
    /* border-left: 10px solid var(--bs-accent); */
}

.text-wrap ul li::before {
    content: '';
    display: block;
    width: 25%;
    height: .33rem;
    background-color: var(--bs-accent);
    margin-bottom: .5rem;
    /* margin-left: -1rem; */
}

/* citation */
blockquote {
    font-size: var(--me-text-xl);
    padding: 1rem calc(.5 * var(--bs-gutter-x));
    border: 0;
    /* margin-left: calc(-.5 * var(--bs-gutter-x)); */
    margin: 2rem 0 2rem calc(-.5 * var(--bs-gutter-x));
    color: #FFF;
    /* background-color: var(--bs-body-color); */
    font-family: var(--p-alt-font-family);
    text-transform: uppercase;
    line-height: 1.4;
}

.node--type-page-base blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: var(--bs-body-color);
    border-left: 10px solid var(--bs-accent);
}

blockquote.no-bg {
    padding-top: 0;
    padding-bottom: 0;
    color: var(--bs-dark);
    background-color: transparent;
    border-left: 10px solid var(--bs-dark);
}

blockquote.exergue-2 {}

blockquote.exergue-3 {
    text-transform: none;
    font-size: var(--me-text-l);
    font-family: var(--bs-body-font-family);
    font-weight: var(--bs-body-font-weight);
    
}

.logo-in-text img {
    max-height: 90px;
    width: auto;
}
.me-col-left table,
.me-col-left table td {
    border: 0;

}

.me-main-col table {
    max-width: 600px;
    margin-bottom: 2rem;
}

.me-main-col table * {
    vertical-align: top;
    font-size: var(--me-text-m);
}

.me-main-col table td {
    padding: 0 1rem 0 0;
}

.signature {
    text-align: left;
}

blockquote table {
    font-family: var(--bs-body-font-family);
    text-transform: none;
}

/* #endregion */


/* #region COLORS + LINKS + SOCIAL */

/* #region COLORS */
.color1 {
    color: var(--bs-body-color);
}

.color2 {
    color: var(--bs-primary);
}

.c-color,
.accent {
    color: var(--bs-accent);
}

.me-underline {
    position: relative;
    margin-top: 2rem;
}

.me-underline::before {
    background-color: var(--bs-accent);
    display: block;
    width: 25%;
    height: .33rem;
    margin-bottom: .5rem;
    content: '';
}

.bg1 {
    background-color: var(--bs-body-color);
}

.bg2 {
    background-color: var(--bs-secondary);
}

.bg3 {
    background-color: var(--bs-extradark) !important;
}


.bg-neg,
.text-bg-primary,
.text-bg-dark {
    color: var(--bs-body-bg) !important;
}

.text-bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-body-color) !important;
}

.text-bg-dark {
    background-color: var(--bs-dark) !important;
}

/* #endregion */

/* #region LINKS a + nav-link */

a {
    color: var(--bs-primary);
    text-decoration: none;
}

.link-underline a,
.text-wrap a {
    text-decoration: underline !important;
    text-underline-offset: .1rem;
}

a:hover,
a:focus,
a.is-active {
    color: var(--bs-dark);
    text-decoration: none;
}

/* underlined */
.presse-link {}

.presse-link a {
    display: inline-block;
    border-bottom: .75px solid var(--bs-dark) !important;
    padding-bottom: .15em;
}

/* nav ---- */
.nav-link,
.links a {
    color: var(--bs-body-color);
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.nav-link.is-active,
.links a:hover,
.links a:focus,
.links a.is-active {
    color: var(--bs-primary);
}

/* bg-neg links ------------- */

.bg-neg a,
.text-bg-primary a {
    color: var(--bs-white);
}

.bg-neg a:hover,
.bg-neg a:focus,
.bg-neg a.is-active,
.text-bg-primary a:hover,
.text-bg-primary a:focus,
.text-bg-primary a.is-active,
.text-bg-dark a:hover,
.text-bg-dark a:focus,
.text-bg-dark a.is-active {
    color: var(--bs-light);
}


/* pagination */

.pagination {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.page-link,
.page-link:hover {
    color: var(--bs-primary);
}

.active>.page-link,
.page-link.active {
    color: var(--bs-body-bg);
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.bg-neg .page-link,
.text-bg-primary .page-link {
    color: var(--bs-light);
    background-color: var(--bs-primary);
    border-color: var(--bs-body-bg);
}

.bg-neg .page-link:hover,
.text-bg-primary .page-link:hover {
    color: var(--bs-body-bg);
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-neg .active>.page-link,
.bg-neg .page-link.active,
.text-bg-primary .active>.page-link,
.text-bg-primary .page-link.active {
    color: var(--bs-primary);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-body-bg);
}

/* js pager */

.js-pager__items {
    list-style-type: none;
    margin: 2rem 0;
    padding: 0;
    display: flex;
    justify-content: center;
}


/* nav ---- */
.bg-neg .nav-link,
.bg-neg .links a,
.text-bg-primary .nav-link,
.text-bg-primary .links a {
    color: var(--bs-light);
}

.bg-neg .nav-link:hover,
.bg-neg .nav-link:focus,
.bg-neg .nav-link.active,
.bg-neg .nav-link.is-active,
.bg-neg .links a:hover,
.bg-neg .links a:focus,
.bg-neg .links a.is-active,
.text-bg-primary .nav-link:hover,
.text-bg-primary .nav-link:focus,
.text-bg-primary .nav-link.active,
.text-bg-primary .nav-link.is-active,
.text-bg-primary .links a:hover,
.text-bg-primary .links a:focus,
.text-bg-primary .links a.is-active {
    color: var(--bs-white);
}

/* #endregion */


/* #region BTN + CTA */

.btn,
.cta a,
.more-link a,
.node-readmore a,
.button {
    display: inline-block;
    width: auto;
    text-align: center;
    line-height: 1.5;
    padding: .5em 1.5em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: .5em;
    border: 2px solid var(--bs-primary);
    color: var(--bs-body-bg);
    background-color: var(--bs-primary);
    font-weight: var(--p-body-font-strong-weight);
    font-size: .8rem;
    letter-spacing: .12em;
    transition: .6s;
}

.btn:hover,
.cta a:hover,
.more-link a:hover,
.node-readmore a:hover,
.button:hover {
    color: var(--bs-primary);
    text-decoration: none;
    background-color: var(--bs-body-bg);
    border-color: var(--bs-primary);
}

/* bg-neg cta */
.bg-neg .btn,
.bg-neg .cta a,
.bg-neg .more-link a,
.bg-neg .node-readmore a,
.bg-neg .button,
.text-bg-primary .btn,
.text-bg-primary .cta a,
.text-bg-primary .more-link a,
.text-bg-primary .node-readmore a,
.text-bg-primary .button {
    border-color: var(--bs-light);
    background-color: var(--bs-light);
    color: var(--bs-primary);
}

.bg-neg .btn:hover,
.bg-neg .cta a:hover,
.bg-neg .more-link a:hover,
.bg-neg .node-readmore a:hover,
.bg-neg .button:hover,
.text-bg-primary .btn:hover,
.text-bg-primary .cta a:hover,
.text-bg-primary .more-link a:hover,
.text-bg-primary .node-readmore a:hover,
.text-bg-primary .button:hover {
    color: var(--bs-light);
    background-color: var(--bs-body-color);
    border-color: var(--bs-body-color);
}


/* Button outline à ajouter ============================================= */

/* #endregion */

/* #region DINGBAT MOSER */
/* DINGBATS */


[class^="em-icn-"]:before,
[class*=" em-icn-"]:before,
.social-link a:before,
.em-back-link a:before {
    font-family: "emoser" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-decoration: none !important;
    padding-right: .5rem;
    display: inline-block;
    transform: translateX(0) translateY(.15em);

    transition: all .2s ease-in-out;
}

[class^="em-icn-"]:hover:before,
[class*=" em-icn-"]:hover:before,
.social-link a:before {
    padding-right: .7rem;

}

a[class^="em-icn-"],
a[class*=" em-icn-"] {
    border: 0;
}

a[class^="em-icn-"].btn,
a[class*=" em-icn-"].btn {
    font-family: Rubik, sans-serif;
}

.em-back-link a {
    text-decoration: none !important;
    border-bottom: 0 !important;
}

.em-icon-left {}

.em-icon-left:before {}

.em-icon-right {}

.em-icon-right:before {}

.em-icon-m {}

.em-icon-l {}

.em-back-link a:before {
    transform: rotate(180deg);
    font-size: .6666em;
    border: 3px solid #333;
    border-radius: .25em;
    width: 1.5em;
    height: 1.5em;
    padding: 0 .1em;
    line-height: 1.5em;
    margin-right: 1rem;
}

.em-icn-arr:before,
.em-back-link a:before {
    content: "\62";
}

.em-icn-cal:before {
    content: "\63";
}

.em-icn-chev:before {
    content: "\65";
}

.em-icn-doc:before {
    content: "\66";
}

.em-icn-logo:before {
    content: "\67";
}

.em-icn-out:before {
    content: "\6b";
}

.em-icn-play:before {
    content: "\6c";
}

.em-icn-tel:before {
    content: "\6d";
}

/* social icons */
.social-link a {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 5px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    color: #FFF;
}

.social-link a:before {
    font-size: 2rem;
    margin-right: 1rem;
}

.social-link a[href^="https://www.facebook.com/"]:before,
.em-icn-fb:before {
    content: "\68";
}

.social-link a[href^="https://www.instagram.com/"]:before,
.em-icn-ig:before {
    content: "\69";
}

.social-link a[href^="https://www.youtube.com/"]:before,
.em-icn-yt:before {
    content: "\64";
}

.social-link a[href^="https://twitter.com/"]:before,
.em-icn-tw:before {
    content: "\6e";
}

.social-link a[href^="https://vimeo.com/"]:before,
.em-icn-vim:before {
    content: "\6f";
}

.social-link a[href^="https://www.linkedin.com/"]:before,
.em-icn-in:before {
    content: "\6a";
}


/* @end */

/* #endregion */

/* #region SOCIAL */

.social-link a {
    display: inline-block;
    width: 35px;
    height: 30px;
    margin-right: 3px;
    margin-top: 5px;
    overflow: hidden;
    background: url('img/sn-ext.svg') no-repeat center center;
    background-size: contain;
    color: var(--bs-light);
    text-indent: -1300px;
    font-size: 10px;
}

.social-link a[href^="https://www.linkedin.com/"] {
    background-image: url('img/sn-in.svg');
}

.bg-neg .social-link a[href^="https://www.linkedin.com/"] {
    background-image: url('img/sn-in-neg.svg');
}

.social-link a[href^="https://www.facebook.com/"] {
    background-image: url('img/sn-fb.svg');
}

.bg-neg .social-link a[href^="https://www.facebook.com/"] {
    background-image: url('img/sn-fb-neg.svg');
}

.social-link a[href^="https://www.instagram.com/"] {
    background-image: url('img/sn-insta.svg');
}

.bg-neg .social-link a[href^="https://www.instagram.com/"] {
    background-image: url('img/sn-insta-neg.svg');
}

.social-link a[href^="https://twitter.com/"] {
    background-image: url('img/sn-tw.svg');
}

.bg-neg .social-link a[href^="https://twitter.com/"] {
    background-image: url('img/sn-tw-neg.svg');
}

.social-link a[href^="https://www.youtube.com/"] {
    background-image: url('img/sn-yt.svg');
}

.bg-neg .social-link a[href^="https://www.youtube.com/"] {
    background-image: url('img/sn-yt-neg.svg');
}

.social-link a:hover {
    opacity: .8;
}

/* #endregion */


/* #endregion */


/* #region content styles */
.p-relative {
    position: relative;
}

.uppercase {
    text-transform: uppercase;
}

.me-main-col {
    min-height: 75vh;
}

.underline {
    text-decoration: underline;
}

.lsv-more-text {
    max-height: 0;
    overflow: hidden;
    transition: all 1s ease-in-out;
}

.lsv-more-text.open {
    max-height: 100rem;
}

.lsv-more {
    cursor: pointer;
}

.me-media-col .media--type-image {
    /* max-width: 600px; */
    /* margin-top: 0; */
}

.me-media-col .media--type-image img {
    height: 100%;
    object-fit: contain;
    max-height: 90vh;
    width: auto;
}

/* Magie Photoswipe */
.me-main-col .photoswipe-gallery {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: none;
    display: block;
}

/* Icône */
.me-main-col .photoswipe-gallery::after {
    content: ' ';
    position: absolute;
    background: #FFF url('img/picto_fs.svg') no-repeat center center;
    background-size: 80%;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    bottom: 4rem;
    left: 1rem;
    pointer-events: none;
    display: block;
    font-size: 3rem;
    z-index: 5;
    transition: opacity .3s linear;
    opacity: .66;
}

.me-main-col .photoswipe-gallery:hover::after {
    opacity: 1;
}

/* couvre l'image */
.me-main-col .photoswipe-gallery a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Vignette qui zoom */
.me-main-col .photoswipe-gallery a img {
    position: absolute;
    left: 1rem;
    bottom: 3rem;
    opacity: 0;
    transition: opacity .5s linear;
}

.me-main-col .photoswipe-gallery a {}

.pswp__bg {
    background: var(--bs-body-color);
}

#bloc-ecoles p {
    margin: .5rem 0;
}

#bloc-ecoles p a,
#bloc-ecoles-footer p a,
#bloc-ecoles-footer svg {
    margin-right: 1rem;
}



/* #region Templates by node type */
.p-sticky,
.bg-watermark {
    height: 90vh;
}

.bg-watermark {
    /* background: transparent url('../images/moser/logo_me_filigrane.svg') no-repeat left bottom;
    background-size: 140px;
    background-attachment: fixed;
    background-position: left bottom; */
    align-self: stretch;
}

.node--type-application .p-sticky {}

.node--type-application .bg-watermark {
    background-position: calc(.5 * var(--bs-gutter-x)) bottom;
    min-height: 75vh;
    height: auto;
}

@media (max-width: 991px) {

    .bg-watermark {
        height: auto;
        padding-bottom: 3rem;
        /* background: transparent url('../images/moser/logo_me_filigrane.svg') no-repeat left bottom;
        background-size: 6rem;
        background-attachment: fixed; */
    }
}

.media {
    margin: 1.5rem 0;
}

.media video {
    max-width: 100%;
    height: auto !important;
}

.media-oembed-content,
.media-oembed-content iframe {
    /* width: 100% !important; */
    /* max-width: 640px; */
}
.ratio > .media-oembed-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

/* #endregion */

/* #region page de base */
.py-6 {
    margin-top: 10vh;
    margin-bottom: 15vh;
}

/* #endregion */

/* #region Dictionnaire lexique */
.me-lettre-lexique {
    position: relative;
    z-index: 1;
    font-size: 50vh;
    margin-left: calc(-1 * var(--bs-gutter-x));
    color: var(--bs-body-bg);
    text-stroke: 1px #B3C5C7;
    -webkit-text-stroke: 1px #B3C5C7;
}

.me-groupe-lexique {
    position: relative;
    z-index: 2;

}

.me-groupe-lettres {
    max-width: 420px;

}

.node--view-mode-dictionnaire {
    margin-bottom: 2rem;
}

.me-lien-lexique {
    display: inline-block;
    margin: 1rem 2rem 1rem 0;
    font-size: 1.667rem;
    opacity: .33;
    transition: opacity .15s linear;
}

.me-lien-lexique:hover,
.me-lettre-active {
    opacity: 1;
}

/* #endregion */

/* #region Pesse */
.presse-teaser {
    border-top: 1px solid var(--bs-dark);
    padding-top: 1rem;
    margin-bottom: calc(2 * var(--bs-gutter-y));
}

.presse-full {}

.paragraph--type-liste-views>h2 {
    margin: 20vh 0 2rem;
}

.media--view-mode-presse figcaption p {
    margin-bottom: 0;
}

.vignette-s {
    max-width: 200px;
    margin-bottom: 1rem;
}

/* #endregion */

/* #region Articles /*/



.article-star-wrapper:nth-child(odd) {
    margin-top: 20vh;
}

.article-star {
    display: flex;
    height: 100vh;
    /* max-height: 100vw; */
}

.article-star .star-link {
    display: flex;
    align-self: stretch;
    width: 100%;
    flex: 1 1 100%;
}

.article-star .star-link:hover {
    opacity: 1;
    color: #FFF;
}

.article-star .star-link:hover .star-text {
    padding-bottom: 2rem;
}

.article-star .star-text {
    transition: all .4s ease-out;
    align-self: flex-end;
    padding: 3rem 1rem 1rem;
    width: 100%;
    flex: 1 1 100%;
    /* background: rgb(0, 26, 47);
    background: linear-gradient(0deg, rgba(0, 26, 47, 1) 0%, rgba(0, 26, 47, 0) 100%);
    background: none; */
}

.article-star .star-text * {
    color: #FFF;
    line-height: 1.4;
}

/* Article star sur deux colonnes */
.node--type-theme.node--view-mode-full h1.page-title {
    margin-bottom: 0;
}

.node--type-theme.node--view-mode-full .row>* {
    margin-top: calc(var(--bs-gutter-y) * .5);
}

.node--type-theme.node--view-mode-full .article-star-wrapper:nth-child(odd) {
    margin-top: 10vh;
}

.node--type-theme.node--view-mode-full .article-star {
    max-height: calc(100vh - 12rem);
}

/* Swiper Le Saviez-vous */


.swiper-lsv {
    margin: 3rem 0;
}

.swiper-lsv::before {
    content: '';
    display: block;
    position: absolute;
    width: 8rem;
    height: 6rem;
    background-color: var(--bs-dark);
    top: 0;
    left: 0rem;
    z-index: 1;
}

.swiper-lsv .swiper-wrapper,
.swiper-classic .swiper-wrapper {
    align-items: stretch;
}

.swiper-lsv .swiper-slide,
.swiper-classic .swiper-slide {
    height: auto;
}

.lsv-outer-wrapper {
    background-color: var(--bs-secondary);
    margin: .2rem 2rem .2rem;
    padding: 1rem;
    position: relative;
    height: 100%;
}

.lsv-outer-wrapper>div {
    position: relative;
    z-index: 2;
}

.lsv-label {
    margin-left: 9rem;
    margin-bottom: 0;
}

.swiper .swiper-button {
    background-color: var(--bs-dark);
    color: var(--bs-dark);
    background-color: #FFF;
    border: 0;
    width: 1.5rem;
    height: 3rem;

}

.swiper-button::after {
    font-size: 1.2rem;
    line-height: 3rem;
}

/* Swiper Mises en App */

.swiper-mea {
    position: relative;
    overflow: visible;
}

.paragraph--type-galerie-medias .swiper-mea .swiper-wrapper {
    align-items: flex-end;
}

.swiper-classic .swiper-slide {
    display: flex;
    align-items: center;
}

.swiper-classic img {
    display: block;
    margin: auto;
}

.swiper-classic .swiper-button-next {
    right: 0;
}

.swiper-classic .swiper-button-prev {
    left: 0;
}

.swiper {
    --swiper-theme-color: var(--bs-body-color);
    --swiper-navigation-color: var(--bs-body-color)
}

.swiper-button-next,
.swiper-button-prev {}

/* #endregion */

/* #region Node finder */
#bloc-nf {
    position: fixed;
    box-sizing: border-box;
    top: 1.5rem;
    right: 1rem;
    width: 320px;
}

@media all and (max-width:1600px) {
    #bloc-nf {
        /* right: -1rem; */
    }
}

@media all and (max-width:1440px) {
    #bloc-nf {
        /* right: -2.25rem; */
        top: 1.5rem;
    }
}

@media all and (max-width:1200px) {
    #bloc-nf {
        /* right: -2.5rem; */
        top: 1.5rem;
    }
}

.nf-form {
    display: flex;
    flex-flow: row wrap;
    justify-content: stretch;
    justify-content: flex-end;
}

#nf {
    opacity: 0;
    box-sizing: border-box;
    padding: 2px 12px;
    pointer-events: none;
    border-radius: 3px;
    border: 1px solid rgba(0, 26, 47, 0.4);
}

#nf.open {
    opacity: 1;
    pointer-events: all;
}

#nf:focus,
#nf:focus-visible {
    box-shadow: 0 2px 4px rgba(0, 26, 47, 0.2) !important;
    outline: 0;
    border: 1px solid rgba(0, 26, 47, 0.6);

}

#nf::placeholder {
    color: #AAA;
}

#nf-toggle {
    display: block;
    cursor: pointer;
    background: transparent;
    width: 40px;
    height: auto;
    border-radius: 3px;
    margin-left: 10px;
    text-align: center;
    background-color: #FFF;
}

.path-frontpage #nf-toggle {
    background-color: transparent;
    filter: invert(1) saturate(0);
}

.path-frontpage.scrolled #nf-toggle {
    filter: none;
    background-color: #FFF;
}

.nf-list {
    display: none;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}

.nf-list ul {
    padding-left: 0;
    margin: 0;

}

.nf-item {
    display: none;
    list-style-type: none;
    border-bottom: 1px solid #CCC;
}

.nf-item.result {
    display: block;
}

.nf-item a {
    transition: all .25s ease-out;
    display: block;
    padding: .5rem .5rem .25rem;
    background: #FFF;
}

.nf-item p {
    margin: 0;
}

.nf-item a:hover {
    background-color: var(--bs-light);
}

.nf-type {
    padding-bottom: .25rem;
}

/* atention bizarrerie */
.nf-text {
    display: none;
}


/* #endregion */

/* #region Front Home */

.node--type-homepage>div {
    background-color: #FFF;
    position: relative;
    z-index: 2;
}

.node--type-homepage .me-main-col {
    max-width: none;
}

.me-main-col h2,
.me-main-col h3 {
    color: var(--bs-dark);
}


/* Logo accueil v3 */
.node--type-homepage .group-header {
    min-height: 40vh;
    max-height: 45vh;
    padding-top: var(--bs-gutter-x);
    padding-bottom: var(--bs-gutter-x);
    background-color: #003057;
    margin-top: 0 !important;
    z-index: 1;
}

@media (max-height:600px) {
    .node--type-homepage .group-header {
        max-height: 60vh;
    }
}

.me-cover svg *,
.me-cover p {
    fill: #FFF;
    color: #FFF;
}

.me-baseline {
    max-width: none;
    font-size: var(--me-text-xl);
}

.baseline-line {

    overflow: hidden;
}

#logo_ME {
    width: 95% !important;
    max-width: 60%;
    height: auto !important;
    margin-bottom: 1rem;
}

@media (max-width: 640px) {
    #logo_ME {
        max-width: none;
    }
}



/* Thématiques*/
h2.theme-link {
    font-size: var(--me-text-m);
    margin: 1rem 0;
}

h2.theme-link a {
    transition: all .3s ease-in-out;
}

h2.theme-link:hover a {
    padding-left: .5rem;
}

h2.theme-link::after {
    content: '';
    display: block;
    margin-top: 1rem;
    width: 3rem;
    height: 3px;
    background-color: var(--bs-dark);
}

/* Fin de thématiques */
.swiper-home {
    width: 500px;
    max-width: 100%;
    margin-left: 0;
}




.me-une-article {
    margin-bottom: calc(var(--bs-gutter-x) - var(--bs-gutter-y));
}

@media (min-width:768px) {
    .me-une-article:nth-child(even) {
        margin-top: calc(-1 * var(--bs-gutter-y));

    }
}


.path-frontpage .p-sticky {
    /* background: none; */
}

.path-frontpage .site-home-link {
    display: none;
}

.path-frontpage .site-header {
    background-image: none;
}

.path-frontpage .article-star {
    max-height: 60vh;

}

.path-frontpage .mea-home {
    display: flex;
    min-height: 180px;
    background-position: center top;
}

@media (min-width:1600px) {
    .path-frontpage .mea-home {
        min-height: 16.66vh;
    }
}

.path-frontpage .mea-home a {
    padding: 0;
    display: flex;
    align-self: stretch;
    justify-self: stretch;
    width: 100%;
    transition: all .4s linear;
}

.path-frontpage .mea-home a:hover {
    backdrop-filter: blur(0);
}

.path-frontpage .mea-home h3 {
    display: inline-block;
    align-self: flex-end;
    justify-self: flex-start;
    background-color: #FFF;
    padding: .5rem;
    color: var(--bs-dark);
    margin: auto auto -1px 0;
    max-width: 75%;
    border-left: .5rem solid var(--bs-dark);
    transition: all .4s ease-out;
}

.path-frontpage .mea-home a:hover h3 {
    padding-bottom: 1.5rem;
}

/* #endregion */

/* #endregion */


/* #region MEDIA QUERIES */

/* #region MOBILE FIRST */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {}

@media (min-width: 1920px) {}

/* #endregion */


/* #region DESKTOP FIRST */

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    :root {
        --me-text-xs: .778rem;
        --me-text-s: .889rem;
        /* 14px */
        --me-text-l: 1.23rem;
        --me-text-xl: 1.23rem;
        --me-text-xxl: 2rem;
    }

    html {
        font-size: 17px;
    }

    h1 {
        font-size: 1.33rem;
    }

    .article-star-wrapper {
        padding-right: 0 !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    :root {
        --p-header-height: 60px;
    }

    html {
        font-size: 15px;
    }

    /* Header et finder */
    #bloc-nf {
        right: -4rem;
        top: 1rem;
    }

    /* Article */
    .me-title-col {
        padding-top: 4rem;
    }

    /* front */
    .node--type-homepage>.p-sticky-wrapper {
        order: 3;
    }

    .node--type-homepage .me-col-left {
        display: none;
    }

    .lsv-outer-wrapper {
        margin: .2rem 0 .2rem 1rem;
    }

    .swiper-lsv::before {
        width: 4.5rem;
        height: 3rem;
        left: 0rem;
        top: .5rem;
    }

    .lsv-label {
        margin-left: 5rem;
    }

    .lsv-outer-wrapper img {}

    .swiper-lsv {}

    .swiper-button {
        display: none;
    }

    .swiper-button-next,
    .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 25%);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    }

    .swiper-button-next {
        right: 0;
    }

    .swiper-button-prev {
        left: 0rem;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {


    /* module nbsp */
    .nbsp {
        display: inline-block;
    }

    .block-language .links {
        flex-direction: column;
    }

    blockquote {
        font-size: var(--me-text-m);
    }

    .article-star {
        height: 60vh;
    }

    .node ul {
        padding-left: 1rem;
    }

    .page-node-type-page-base h1 {
        margin-top: calc(3 * var(--bs-gutter-y));
    }

    .py-6 {
        margin-top: 5vh;
    }

    .p-sticky,
    .bg-watermark {
        height: auto;
    }

    #bloc-ecoles-footer svg {
        width: 80% !important;
        height: auto !important;
        max-width: 130px;
        margin-right: 50%;
        margin-bottom: 1rem;
    }

    .theme-link {
        padding-top: 4rem;
    }

}

/* #endregion */

/* #endregion */