:root {
    --color-1: var(--color);
    --color-2: var(--color);
    --color-3: var(--color);
}
body {
    font-family: "Source Sans 3","Helvetica Neue",arial,sans-serif;
    color:#000;
    font-size: 1rem;
}
@media(min-width: 1200px) and (max-width: 1399px) { 
    .mm-container {
        max-width: 1024px;
    }
    r-header .r-menu--horizontal {
        width: 1024px !important;
    }
}
@media(min-width: 1400px) {
    .mm-container {
        max-width: 1328px !important;
    }
    r-header .r-menu--horizontal {
        width: 1328px !important;
    }

}
ul.infos-p {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr))!important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, 
.webblock>.infos>.title,
.simple-list a .title,
.mm-nav .mm-select .list a.item,
.webblock .picture .title,
.carousel3 .slides-title,
.mm-select>.title>.value, .mm-select>.title>.value b {
    font-family: "STIX Two Text","Lexend", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #000;
}
/* h1:after {
    display:none;
} */
h1, .h1 {
    font-weight: 700; 
    color: #000;
    padding-left:0;
}
h2, .h2 {
    font-weight: 700; 
    color: var(--color);
    padding-left:0;
}
h1:not(.section-title),
h2:not(.section-title),
h3:not(.section-title) {
    text-align: left;
}
h1:not(.section-title):after, 
h1:not(.section-title):before, 
h2:not(.section-title):after, 
h2:not(.section-title):before {
    background:initial!important;
    border:initial!important;
}
#mm-nav .mm-select .list a {
    font-size: 1.2em;
}
#mm-nav-classifications .list a {
    padding: 8px 16px;
}
.section-title { 
    font-weight: 700; 
    padding-left:0;
    color: var(--color);
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    font-size: 2rem;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1em;
    margin: 0;
    margin-right: -16px;
    margin-left: -16px;
    padding: 16px 0;
    text-align: center;
}
.section-title:after, .section-title:before {
    display:initial;
    background: #003978;
    content: '';
    -webkit-flex: 1;
    flex: 1;
    height: 1px !important;
    margin: 16px;
    padding: 0 16px;
    width: auto;
    position: static;
    top: initial;
    bottom: initial;
}
.section-title c {
    color: #111;
}
.btn.btn-light {
    background: var(--color);
    color: #FFF;
}
.breadcrumb {
    font-size: 0.9rem;
    text-transform: uppercase;
}
.breadcrumb ul>li:not(:first-child):before {
    content: '•';
    color: var(--color);
    font-family: "Source Sans 3","Helvetica Neue",arial,sans-serif;
}
.breadcrumb ul:before {
    display: none;
}
.article h1 + div {
    display: none;
}
.mm-row .mm-col > a {
    border-color:#f0f7fd;
}
.mm-row .mm-col:first-child > a {
    border-top: 0;
}
.webblock>.infos>.title {
    font-weight: 700;
    color:#000;
    margin-bottom:0.2em;
}
.webblock>.infos .dates {
    margin-top: 0em;
    margin-bottom: 0.1em;
    font-size: 1.1em;
    font-weight: 500;
}
.webblock>.picture>.pic>div:not(:empty) {
    text-transform: initial;
}
.webblock[data-type=themes] .title {
    text-transform: none;
}
.carousel3 .slides>ul>li>article {
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction:row;
    padding:0;
}
.carousel3 .slides-infos {
    max-width: 33%;
    padding: 2em;
    background: var(--color);
    text-align: center;
    align-self: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.carousel3 .slides-image {
    flex:1;
    align-self: normal;
    background-size:cover;
}
.carousel3 .btn.btn-white {
    border-color: #fff;
    color: #fff;
    border-width: 2px;
    border: 2px solid #fff;
    border-radius: 2em;
}
.carousel3 .slides-title {
    text-align:center;
    font-weight:600;
}
@media (max-width: 767px){ 
    .carousel3 .slides-block {
        flex-direction: column!important;
        font-size: .8em;
    }
    .carousel3 .slides-image {
        min-height:200px;
        flex: 0;
    }
    .carousel3 .slides-infos {
        width:100%;
        max-width:100%;
        flex:1;
        height:100%;
    }
}
/* .mm-carousel {
    max-height: 500px;
}
.mm-carousel .slides-title {
    line-height: 1em;
    font-size: 2em;
}
.mm-carousel .slides-bloc {
    background: var(--color)!important;
        width: 40%;
}
.mm-carousel .overflow {
    padding-top:30%;
}
.mm-carousel .slides-infos {
    background: var(--color);
    color: #fff;
    width: auto;
    overflow: hidden;
    white-space: initial;
    padding: 2em;
    background: var(--color);
    color: #fff;
    width: auto;
    overflow: hidden;
    white-space: initial;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-size:1.2em;
    margin: 0!important;
}

.mm-carousel .slides-title {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.1em;
    display: block;
    font-family: stix two text,lexend,roboto,-apple-system,BlinkMacSystemFont,segoe ui,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif
}
.mm-carousel .btn.btn-white {
    border-color: #fff;
    color: #fff;
    border-width: 2px;
    border: 2px solid #FFF;
    border-radius: 2em;
} */

/* .device-desktop .mm-carousel .slides>ul>li:after {
    content: '';
    display: block;
    background: url(/public/layout/web-agendabw/carousel-cache.png) no-repeat center center;
    width: auto;
    height: 100%;
    position: absolute;
    right: 33%;
    top: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
} */
/* .device-desktop .mm-carousel .slides>ul>li:nth-child(2):after {
    background: url(/public/layout/web-agendabw/carousel-cache-1.png) no-repeat center center;
}
.device-desktop .mm-carousel .slides>ul>li:nth-child(3):after {
    background: url(/public/layout/web-agendabw/carousel-cache-2.png) no-repeat center center;
}
.device-desktop .mm-carousel .slides>ul>li:nth-child(4):after {
    background: url(/public/layout/web-agendabw/carousel-cache-3.png) no-repeat center center;
}
.device-desktop .mm-carousel .slides>ul>li:nth-child(5):after {
    background: url(/public/layout/web-agendabw/carousel-cache-4.png) no-repeat center center;
} */

.mm-nav-menus {
    display:none;
}
[data-nav-toggle-aria] {
    position: absolute;
    padding: 0.5em 0em;
    top: 100%;
    border: 1px solid #EEE!important;
    margin-top: 1em;
    border-radius: 16px!important;
    box-shadow: 0 0 5px #00000006;
    z-index: 99;
    background: #FFF;
    white-space: nowrap;
    min-width: 280px;
}
[data-nav-toggle-aria]:not(.open) {
    display:none;
}
[data-nav-toggle-aria]>a {
    display: block;
    line-height: 1em;
    padding: 12px 16px;
    color:#222;
}
[data-nav-toggle-aria]>a:hover {
    background: #00000005;
    color: var(--color)!important;
}
@media (max-width: 767px){ 
    h1 {
        font-size: 1.7rem;
    }
    .section-title {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.4rem;
    }
    .webblock>.infos>.title {
        font-size: 1.2rem;
        margin-bottom: 0.2em;
    }
    .device-mobile .mm-content {
        padding-right: 0px;
        padding-left: 0px;
    }
    /* body:not([data-nav=""]) .main {
        opacity: 0.2;
    }
    body:not([data-nav=""]) #mm-main {
        pointer-events: none;
    } */
}
.webblock:not([data-type=themes]) > .infos > .intro,
.list .webblock:not([data-type=themes])>.infos>.intro, 
body.device-mobile .list .webblock:not([data-type=themes])>.infos>.intro {
    display: none!important;
}
.simple-list a {
    border-bottom: 1px solid #f0f7fd;
}
.simple-list a .title {
    border: 0;
    margin-left: 0;
    padding-left: 0;
    text-transform: none;
}
.simple-list a .intro {
    display: none;
}
.simple-list .fa-chevron-circle-right {
    color: var(--color)!important;
}
.mm-select>.title>.value {
    text-transform: none;
}
.mm-tags {
    background: transparent;
    color: var(--color)!important;
    padding: 0;
    margin: 0 0 .1em .1em;
}
.webblock>.agenda {
    background: var(--color);
    border-color:#041d3a;
    font-family: stix two text,lexend,roboto,-apple-system,BlinkMacSystemFont,segoe ui,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;
}
.r-btn--light,.r-btn--light:hover,a.r-btn--light,a.r-btn--light:hover{
    color:#fff
}
.admin-tools>a {
    background: #003978;
    box-shadow: 0 0 6px #ddeefd;
}
.device-mobile .admin-tools {
    bottom: 62px;
}
.device-mobile .sticky-footer {
    bottom: 52px;
}
#hdr-hor-d-1.gpt-hide, #hdr-hor-m-1.gpt-hide {
    visibility: hidden;
    position: absolute;
}
.sticky-footer .btn-map {
    background: #003978;
    /* box-shadow: 0 0 6px #ddeefd;
    border: 1px solid #003978; */
    color: #FFF;
    white-space: nowrap;
    font-size: .9rem;
}
.btn, a.btn {
    background: #003978;
}

/****** mm-carousel ******/
/* .mm-carousel {
	position: relative;
	max-width: 100%;
}
.mm-carousel .overflow {
	position: relative;
	background-color: #00000005;
	width: 100%;
	margin: 0;
	overflow: hidden;
    aspect-ratio: 26/9;
    padding-top: 34.615%;
}
.mm-carousel .slides {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	white-space: nowrap;
    overflow: hidden;
    max-height: none;
}
.mm-carousel .slides > ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: 100%;
	white-space: nowrap;
    vertical-align: top;
}
.mm-carousel .slides > ul > li {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
    position: relative;
    white-space: normal;
	user-select: none;
    vertical-align: top;
    overflow: hidden;
    cursor:pointer;
}
.mm-carousel .slides-block {
    display: grid;
    grid-template-columns: 61.75% 1fr;
    width: 100%;
    height: 100%;
}
.mm-carousel .slides-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    aspect-ratio: 16 / 9;
}
.mm-carousel .slides-infos {
    background: var(--color);
    color: #FFF;
    width: auto;
    overflow: hidden;
    white-space: initial;
    padding: 2em;

    background: var(--color);
    color: #fff;
    width: auto;
    overflow: hidden;
    white-space: initial;
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    text-align: center;
}
.mm-carousel .slides-title {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.1em;
    display: block;
    font-family: "STIX Two Text","Lexend", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color:#FFF;
}
.mm-carousel .points {
    display: block;
    left: 0;
    right: 0;
    bottom:0;
    text-align: center;
    padding:1em;
}
.mm-carousel .points > div {
    display: inline-block;
    background-color: #CCC;
    border-radius: 100%!important;
    width: 0.6em;
    height: 0.6em;
    line-height: 0;
    margin: 0 0.4em;
    cursor: pointer;
}
.mm-carousel .points > div.active {
	background-color: var(--color);
}
.mm-carousel .btn.btn-white {
    border-color: #fff;
    color: #fff;
    border-width: 2px;
    border: 2px solid #FFF;
    border-radius: 2em;
} */

/* tab */
@media (min-width: 768px) and (max-width: 1024px) {
    .mm-carousel .slides-block {
        font-size: 0.8em;
    }
    .mm-carousel .slides-title {
        font-size: 1.8em;
    }
}

/* mobile */
@media (max-width: 768px) {
    .mm-carousel .slides-block {
        font-size: 0.8em;
        grid-template-columns: 1fr;
        width: 100%;
    }
    .mm-carousel .slides-infos {
        padding: 1em;
    }
    .mm-carousel .slides-title {
        font-size: 1.6em;
    }
    .mm-carousel .overflow {
        height: 450px;
    }
    .mm-carousel .slides-image {
        padding-top: 34.615%;
        aspect-ratio: auto;
    }

}