@charset "UTF-8";
html {
--color-black: #000;
--color-grey: #797979;
--color-on-secondary: #000;
--color-smoke: #F9F9F9;
--color-border-grey: #9F9E9E;
--color-bg-dark: #202020;
--shadow-block: 0 0 19px rgba(0, 0, 0, 0.2);
--title-highlight-height: 24px;
}
body {
--color-primary: #000091;
--color-secondary: #FFE552;
}
body.profiling-35 {
--color-primary: #6A6AF4;
--color-secondary: #E3E3FD;
}
body.profiling-1024 {
--color-primary: #F95C5E;
--color-secondary: #FDDEDE;
}
body.profiling-41 {
--color-primary: #00A95F;
--color-secondary: #E3FDEB;
}
body.profiling-471 {
--color-primary: #009099;
--color-secondary: #E5FBFD;
}
body.profiling-1025 {
--color-primary: #A558A0;
--color-secondary: #FEE7FC;
}
.full-width, .bg-dots:after {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
body .d-none {
display: none;
}
.container {
width: unset !important;
max-width: 1200px !important;
}
@media all and (min-width: 1520px) {
.container {
max-width: 1500px !important;
}
}
html[lang] {
font-size: 14px;
}
@media all and (min-width: 992px) {
html[lang] {
font-size: 16px;
}
}
.clickfirst {
cursor: pointer;
}
body ::-moz-selection {
background-color: var(--color-secondary) !important;
}
body ::selection {
background-color: var(--color-secondary) !important;
}
body .page-wrapper .color-1,
body .page-wrapper a,
body .page-wrapper a:hover,
body .page-wrapper a:focus,
body .page-wrapper a:visited {
color: var(--color-primary);
}
body .page-wrapper ul.menu li a.active, body .page-wrapper ul.menu li a:hover, body .page-wrapper ul.links li a.active, body .page-wrapper ul.links li a:hover {
color: var(--color-primary);
}
body .page-wrapper article a, body .page-wrapper article a:visited {
color: var(--color-black);
font-weight: 700;
text-decoration: underline;
}
body .page-wrapper .color-1, body .page-wrapper .color-1 a,
body .page-wrapper .color-2,
body .page-wrapper .color-2 a {
color: var(--color-primary) !important;
}
body .page-wrapper .color-3, body .page-wrapper .color-3 a,
body .page-wrapper .color-4,
body .page-wrapper .color-4 a {
color: var(--color-secondary) !important;
}
body .page-wrapper .color-5, body .page-wrapper .color-5 a {
color: var(--color-black) !important;
}
a.btn-primary, .btn-primary, body input[type=submit], body input[type=button] {
color: var(--color-primary) !important;
background: #FFFFFF !important;
border: 2px solid var(--color-primary) !important;
border-radius: 60px !important;
text-decoration: none !important;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
min-width: 210px;
}
a.btn-primary:after, .btn-primary:after, body input[type=submit]:after, body input[type=button]:after {
content: "";
display: block;
background-color: var(--color-primary);
width: 14px;
height: 14px;
-webkit-mask: url("./chevron-btn.svg") no-repeat;
mask: url("./chevron-btn.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: relative;
top: 2px;
}
a.btn-primary:focus, a.btn-primary:hover, .btn-primary:focus, body input[type=submit]:focus, body input[type=button]:focus, .btn-primary:hover, body input[type=submit]:hover, body input[type=button]:hover {
background: var(--color-primary) !important;
color: white !important;
border: 2px solid white !important;
}
a.btn-primary:focus:after, a.btn-primary:hover:after, .btn-primary:focus:after, body input[type=submit]:focus:after, body input[type=button]:focus:after, .btn-primary:hover:after, body input[type=submit]:hover:after, body input[type=button]:hover:after {
background: white !important;
}
a.btn-primary.btn-inverse, .btn-primary.btn-inverse, body input.btn-inverse[type=submit], body input.btn-inverse[type=button], .btn-secondary, body input[type=reset] {
color: #FFFFFF !important;
background: var(--color-primary) !important;
}
a.btn-primary.btn-inverse:focus, a.btn-primary.btn-inverse:hover, .btn-primary.btn-inverse:focus, body input.btn-inverse[type=submit]:focus, body input.btn-inverse[type=button]:focus, .btn-primary.btn-inverse:hover, body input.btn-inverse[type=submit]:hover, body input.btn-inverse[type=button]:hover, .btn-secondary:focus, body input[type=reset]:focus, .btn-secondary:hover, body input[type=reset]:hover {
color: var(--color-primary) !important;
background: #FFFFFF !important;
}
.closeBt, #header-top .open .closeBt, #header-top .open body .header-top-wrapper .search-background:after, body .header-top-wrapper #header-top .open .search-background:after, #header-top .open body .header-wrapper .search-background:after, body .header-wrapper #header-top .open .search-background:after, #header-top .open body .main-navigation-wrapper .search-background:after, body .main-navigation-wrapper #header-top .open .search-background:after, body .header-top-wrapper .search-background:after, body .header-wrapper .search-background:after, body .main-navigation-wrapper .search-background:after {
display: block;
width: 36px;
height: 36px;
background: white;
position: absolute;
right: 10px;
top: 10px;
background: url("./close.svg") no-repeat center center;
background-color: var(--color-primary);
border-radius: 100%;
cursor: pointer;
}
@media all and (min-width: 1200px) {
.closeBt, #header-top .open .closeBt, #header-top .open body .header-top-wrapper .search-background:after, body .header-top-wrapper #header-top .open .search-background:after, #header-top .open body .header-wrapper .search-background:after, body .header-wrapper #header-top .open .search-background:after, #header-top .open body .main-navigation-wrapper .search-background:after, body .main-navigation-wrapper #header-top .open .search-background:after, body .header-top-wrapper .search-background:after, body .header-wrapper .search-background:after, body .main-navigation-wrapper .search-background:after {
right: 60px;
top: 60px;
}
}
body .header-top-wrapper button.show-search, body .header-wrapper button.show-search, body .main-navigation-wrapper button.show-search {
background: none;
}
body .page-wrapper a.btn-primary.btn-inverse:hover,
body .page-wrapper .btn-primary.btn-inverse:hover,
body .page-wrapper input.btn-inverse[type=submit]:hover,
body .page-wrapper input.btn-inverse[type=button]:hover,
body .page-wrapper a.btn-primary.btn-inverse:focus,
body .page-wrapper .btn-primary.btn-inverse:focus,
body .page-wrapper input.btn-inverse[type=submit]:focus,
body .page-wrapper input.btn-inverse[type=button]:focus {
color: var(--color-primary) !important;
}
/*
$accentColor: #ff6600;
$transparentColor: #ff8811;
body {

// Fist way - background befind the section
// Pretty safe

// Using border image and repeating gradient
& {
border: 1rem solid $accentColor;
border-image: repeating-linear-gradient(45deg, $transparentColor, $transparentColor 5px, $accentColor 6px, $accentColor 15px, $transparentColor 16px, $transparentColor 20px) 20/1rem;
}


}
*/
.js-tabs {
margin: 60px 0;
max-width: 100%;
}
.js-tabs h2.tab-title-center {
text-align: center;
margin-bottom: 40px;
text-transform: uppercase;
font-weight: 800;
font-size: 1.75rem;
line-height: 2.4375rem;
color: var(--color-primary);
}
.js-tabs h2.tab-title-center:after {
display: none !important;
}
body .js-tabs .paragraph--type--content > .paragraph-wrapper > .paragraph-content {
justify-content: center;
}
.js-tabs__header {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 10px;
overflow: hidden;
padding: 0;
margin: 0;
}
@media all and (min-width: 1200px) {
.js-tabs__header {
margin: 0 60px;
gap: 30px;
}
}
.js-tabs__header li {
list-style: none;
padding: 0;
margin: 0;
}
.js-tabs__title {
font-style: normal;
font-weight: 500 !important;
line-height: 140.9090909091%;
text-transform: uppercase;
cursor: pointer;
display: block;
padding: 0 5px;
transition: all 0.25s;
color: var(--color-black);
opacity: 0.5;
}
@media all and (min-width: 1200px) {
.js-tabs__title {
font-size: 19px;
}
}
.js-tabs__title:hover {
text-decoration: none;
}
.js-tabs__title:after {
margin-top: 3px;
margin-inline: 16px;
content: "";
display: block;
height: 3px;
}
.js-tabs__title-active {
font-weight: 800 !important;
opacity: 1;
letter-spacing: -0.025em;
}
.js-tabs__title-active:after {
background: var(--color-primary);
}
.js-tabs__content {
border-top: 1px solid var(--color-border-grey);
margin-top: -1px;
padding: 0;
margin-inline: auto;
}
.js-tabs__content .header {
padding: 0;
}
@media all and (min-width: 1200px) {
.js-tabs__content {
margin-inline: 60px;
}
}
.page-wrapper .position-fixed .profiling--wrapper.profiling--active .profiling--title {
background-color: var(--color-primary) !important;
}
body.node-1508.main-content-wrapper-gray .main-content-wrapper,
body.node-1521.main-content-wrapper-gray .main-content-wrapper,
body.node-1519.main-content-wrapper-gray .main-content-wrapper,
body.node-1518.main-content-wrapper-gray .main-content-wrapper,
body.node-1520.main-content-wrapper-gray .main-content-wrapper {
background: var(--color-primary) !important;
}
body .card-article {
overflow: hidden;
}
body .card-article .title {
font-size: 18px;
}
body .card-article .content {
padding: 0;
}
body .card-article .image {
padding: 0;
height: 100%;
aspect-ratio: 15/9;
background-size: cover;
transition: all ease 0.25s;
}
body .card-article .image:after {
display: none;
}
body .card-article .image-border {
border: none;
}
body .card-article.card-article-legend .automatic-sup-title, body .card-article.card-article-link-image .automatic-sup-title {
display: none;
}
body .card-article.card-article-legend:hover .image::before, body .card-article.card-article-legend:focus .image::before, body .card-article.card-article-legend:active .image::before, body .card-article.card-article-link-image:hover .image::before, body .card-article.card-article-link-image:focus .image::before, body .card-article.card-article-link-image:active .image::before {
background: rgba(0, 0, 0, 0.25) !important;
opacity: 1;
}
body .card-article.card-article-legend:hover .image, body .card-article.card-article-legend:focus .image, body .card-article.card-article-legend:active .image, body .card-article.card-article-link-image:hover .image, body .card-article.card-article-link-image:focus .image, body .card-article.card-article-link-image:active .image {
transform: scale(120%);
}
body .card-article:hover h2.title, body .card-article:focus h2.title, body .card-article:active h2.title {
text-decoration: underline !important;
}
body .card-article:hover h2.title, body .card-article:hover h2.title a, body .card-article:focus h2.title, body .card-article:focus h2.title a, body .card-article:active h2.title, body .card-article:active h2.title a {
color: var(--color-black);
}
body .card-article:hover .image::before, body .card-article:focus .image::before, body .card-article:active .image::before {
background: none;
}
body .card-article a.image-link {
overflow: hidden;
}
body .card-article:hover a.image-link {
border-color: var(--color-primary);
}
body .card-article:hover a.image-link .image {
transform: scale(1.25);
}
body .card-article.card-article-legend, body .card-article.card-article-link-image, body .card-article.card-article-slideshow, body .card-article.card-article-title-text {
border-top: 5px solid transparent;
transition: all ease 0.25s;
}
body .card-article.card-article-legend:hover, body .card-article.card-article-link-image:hover, body .card-article.card-article-slideshow:hover, body .card-article.card-article-title-text:hover {
border-color: var(--color-primary);
}
body .card-article.card-article-title-text {
padding: 20px 10px;
box-shadow: var(--shadow-block);
}
@media all and (min-width: 992px) {
body .card-article.card-article-title-text {
padding: 40px 20px;
}
}
body .card-article.card-article-title-text h2 {
margin: 0 !important;
}
body .card-article.card-article-title-text div.content {
display: none;
}
body .card-article.card-article-slideshow {
background-color: transparent;
}
body .card-article.card-article-slideshow:hover .image {
transform: scale(1.25);
}
body .card-article.card-article-slideshow:hover .background-image-overlay {
opacity: 0;
}
body .card-article.card-article-slideshow .background-image-overlay {
opacity: 0.15;
}
body .card-article.card-article-slideshow div.content a {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body .card-article.card-article-slideshow div.content a h2 {
padding: 3px 10px 5px 10px;
background: var(--color-black);
position: absolute;
bottom: 0;
left: 0;
margin: 0 !important;
color: #FFF;
font-size: 1.125rem !important;
font-style: normal;
font-weight: 700;
line-height: 125% !important;
}
body .card-article.card-article-slideshow:hover div.content a h2 {
text-decoration: none !important;
}
body .card-article.card-article-portrait h2 {
padding: 15px;
}
body .card-article.card-article-portrait, body .card-article.card-article-teaser, body .card-article.card-article-classic {
box-shadow: var(--shadow-block);
}
body .card-article.card-article-portrait .image-link, body .card-article.card-article-teaser .image-link, body .card-article.card-article-classic .image-link {
border-bottom: 5px solid transparent;
}
body .card-article.card-article-mini .image {
border-bottom: 5px solid transparent;
}
body .card-article.card-article-mini:hover .image {
border-color: var(--color-primary);
}
body .card-article.card-article-classic-circle .image-link {
border: 5px solid transparent;
}
body .card-article.card-article-teaser div.desc, body .card-article.card-article-classic div.desc, body .card-article.card-article-classic-circle div.desc {
display: none;
}
body .card-article.card-article-teaser .cta.buttons, body .card-article.card-article-classic .cta.buttons, body .card-article.card-article-classic-circle .cta.buttons {
display: none;
}
body .card-article.card-article-teaser .content, body .card-article.card-article-classic .content, body .card-article.card-article-classic-circle .content {
padding: 0;
}
body .card-article.card-article-teaser:hover .title, body .card-article.card-article-classic:hover .title, body .card-article.card-article-classic-circle:hover .title {
color: var(--color-black);
}
body .card-article.card-article-teaser .content, body .card-article.card-article-classic .content, body .card-article.card-article-classic-circle .content {
padding: 16px 10px 20px !important;
}
@media all and (min-width: 992px) {
body .card-article.card-article-teaser .content, body .card-article.card-article-classic .content, body .card-article.card-article-classic-circle .content {
padding: 24px 20px 40px !important;
}
}
body .card-article.card-article-teaser .content h2, body .card-article.card-article-teaser .content .title-link, body .card-article.card-article-classic .content h2, body .card-article.card-article-classic .content .title-link, body .card-article.card-article-classic-circle .content h2, body .card-article.card-article-classic-circle .content .title-link {
order: 1;
}
body .card-article.card-article-teaser .content h2, body .card-article.card-article-classic .content h2, body .card-article.card-article-classic-circle .content h2 {
margin: 0;
font-weight: 700;
line-height: 139.1304347826%;
}
@media all and (min-width: 1200px) {
body .card-article.card-article-teaser .content h2, body .card-article.card-article-classic .content h2, body .card-article.card-article-classic-circle .content h2 {
font-size: 1.3125rem;
}
}
body .card-article.card-article-classic-circle .image {
box-shadow: var(--shadow-block);
}
body .card-article.card-article-link-image:hover h2.title, body .card-article.card-article-link-image:hover h2.title a {
color: white;
}
body .card-article.card-article-link-image:hover:after {
background: var(--color-primary);
left: 0;
}
body .card-article.card-article-link-image {
display: block;
}
body .card-article.card-article-link-image:after {
content: "";
display: block;
height: 4px;
background: transparent;
position: absolute;
bottom: 0;
left: -100%;
width: 100%;
}
body .card-article.card-article-link-image h2.title {
text-align: unset;
font-style: normal !important;
font-weight: 800 !important;
line-height: 137.5% !important;
text-transform: uppercase !important;
text-shadow: 0 0 12px #000000 !important;
align-items: flex-start;
justify-content: flex-start;
}
body .card-article.card-article-link-image h2.title a {
color: var(--color-primary) !important;
text-decoration: none;
}
@media all and (min-width: 1200px) {
body .card-article.card-article-link-image h2.title {
font-size: 24px !important;
}
}
body .card-article.card-article-link-image h2.title .support {
display: none;
}
body .card-article.card-article-mini {
border-color: transparent !important;
padding: 10px;
box-shadow: var(--shadow-block);
}
body .card-article.card-article-mini .image {
height: auto;
}
body .card-article.card-article-mini:hover .title {
color: var(--color-black) !important;
}
body .card-article.card-article-horizontal, body .card-article.card-article-teaser-left {
border: none;
box-shadow: var(--shadow-block);
}
body .card-article.card-article-horizontal .image-link, body .card-article.card-article-teaser-left .image-link {
padding: 0 !important;
border-right: 5px solid transparent;
}
body .card-article.card-article-horizontal .content, body .card-article.card-article-teaser-left .content {
padding: 15px;
}
body .card-article .wrapper-tags,
body .card-article .automatic-sup-title {
display: block;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.1875rem;
color: var(--color-primary);
margin-bottom: 1rem;
order: 0;
}
body .card-article .wrapper-tags *:not(.field__label),
body .card-article .automatic-sup-title *:not(.field__label) {
display: inline !important;
float: none;
text-align: left;
margin: 0 !important;
padding: 0 !important;
}
body .card-article .wrapper-tags > ::after,
body .card-article .automatic-sup-title > ::after {
position: unset;
display: inline;
}
body .card-article .field--name-title {
display: block;
}
body .card-article .wrapper-tags .field__items .field__item:not(:first-child):before {
content: " - ";
}
body .node--mode--card .buttons {
display: none;
}
body .header-top-wrapper .search-background, body .header-wrapper .search-background, body .main-navigation-wrapper .search-background {
background-color: var(--color-primary);
background-position: top right;
background-repeat: repeat-y;
background-attachment: fixed;
background-image: url("./bg-motif.png");
}
body .header-top-wrapper .search-background:after, body .header-wrapper .search-background:after, body .main-navigation-wrapper .search-background:after {
content: "";
}
body .header-top-wrapper .search-layer, body .header-wrapper .search-layer, body .main-navigation-wrapper .search-layer {
background-color: var(--color-primary);
}
body input[type=submit], body input[type=button] {
margin-left: 0 !important;
padding-inline: 2rem;
text-transform: none;
font-weight: 700;
}
body input.form-autocomplete {
border-radius: 5rem !important;
}
body .search-layer.active {
width: 100% !important;
min-width: unset;
max-width: 840px;
max-height: unset !important;
height: unset !important;
transform: translateX(-50%) translateY(-50%);
}
body .search-layer.active .form--inline {
display: block !important;
}
body .search-layer.active .form--inline > div {
display: block !important;
float: none !important;
}
body .search-layer.active p.text-intro {
color: #FFF;
font-size: 1.75rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: none;
}
body .search-layer.active input.form-autocomplete {
display: block;
margin-bottom: 2rem;
width: 100%;
}
@media all and (max-width: 1200px) {
.region-social {
display: none;
}
}
.social-buttons ul.links li a {
background-color: var(--color-primary) !important;
border-radius: 100%;
}
body .home-highlights .slick-dots li button::before {
color: white;
opacity: 1;
text-stroke: 1px rgba(0, 0, 0, 0.15);
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.15);
}
body .home-highlights .slick-dots li.slick-active button::before {
color: var(--color-secondary);
}
body .slick-dots li button::before {
color: white;
opacity: 1;
text-stroke: 1px var(--color-primary);
-webkit-text-stroke: 1px var(--color-primary);
}
body .slick-dots li.slick-active button::before {
color: var(--color-primary);
}
body .header-top-wrapper {
z-index: 500;
}
body .main-navigation-wrapper.menusticky-active {
z-index: 499 !important;
}
.extend_logo, .footer_logo, body .header_logo {
display: flex !important;
align-items: flex-end;
width: 100%;
flex: none;
max-width: unset;
gap: 45px;
padding-block: 38px;
}
@media all and (min-width: 1200px) {
.extend_logo, .footer_logo, body .header_logo {
gap: 70px;
}
}
.extend_logo a.site-branding__logo, .footer_logo a.site-branding__logo, body .header_logo a.site-branding__logo {
max-width: 110px;
}
.extend_logo .site-branding__name, .footer_logo .site-branding__name, body .header_logo .site-branding__name {
padding-bottom: 10px;
}
.extend_logo div.site-branding__text, .footer_logo div.site-branding__text, body .header_logo div.site-branding__text {
max-width: 238px;
}
.extend_logo div.site-branding__text #site-name a, .footer_logo div.site-branding__text #site-name a, body .header_logo div.site-branding__text #site-name a {
font-weight: 700;
font-size: 18px;
line-height: 128%;
color: #000000;
}
.extend_logo img, .footer_logo img, body .header_logo img {
max-width: 110px;
height: auto;
}
.region-page-title {
background: #FFFFFF;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}
#show-search .fa {
color: var(--color-primary) !important;
border: 2px solid var(--color-primary);
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 7px !important;
}
@media all and (min-width: 992px) {
#show-search .fa {
height: 56px;
}
}
@media all and (min-width: 992px) {
.region-header-top-right {
gap: 20px;
}
.region-header-top-right .top-social {
margin-right: -20px;
}
}
@media all and (max-width: 992px) {
#header-top-inside .flex-align-children-vertically {
flex-wrap: wrap;
}
#main-navigation {
min-height: 0;
}
.header-top-left,
.header-top-right {
flex: 0 1 100% !important;
}
.header-top-right {
flex: 0 1 100% !important;
}
.region-header-top-right {
gap: 15px;
justify-content: center !important;
}
.region-header-top-right .btn {
margin-right: 0;
}
}
@media all and (max-width: 1200px) {
.header-top-right .top-search {
order: 1;
}
.header-top-right .top-contact,
.header-top-right .top-social {
display: none;
}
}
#bottom-content {
position: relative;
border-top: 3px solid var(--color-primary);
background-color: var(--color-smoke);
padding-block: 32px 16px;
}
.bottom-content-wrapper .footer_main_nav {
display: none;
}
@media all and (min-width: 1200px) {
.bottom-content-wrapper .footer_main_nav {
display: block;
}
.bottom-content-wrapper .footer_main_nav .content > ul.menu {
display: flex;
justify-content: space-between;
gap: 48px;
}
.bottom-content-wrapper .footer_main_nav .content > ul.menu > li > a {
display: block;
color: var(--color-black);
font-weight: 700;
font-size: 13px;
margin-bottom: 1rem;
text-align: left;
}
.bottom-content-wrapper .footer_main_nav .content > ul.menu > li > ul {
display: block;
}
.bottom-content-wrapper .footer_main_nav .content > ul.menu > li > ul a {
display: block;
text-align: left;
font-size: 13px;
margin-bottom: 1em;
color: var(--color-grey);
}
.bottom-content-wrapper .footer_main_nav .content > ul.menu > li > ul > li {
display: block;
min-width: 170px;
}
.bottom-content-wrapper .footer_main_nav .content > ul.menu > li > ul > li > ul {
display: none;
}
}
#footer {
position: relative;
border: none !important;
background: white !important;
}
#footer .paragraph--type--container > .paragraph-wrapper > .paragraph-content > .container-element {
flex: none;
}
.footer_logo {
align-items: flex-start;
}
@media all and (min-width: 992px) {
.footer_logo {
padding-top: 30px !important;
flex: 1 1 50% !important;
max-width: 50% !important;
}
}
@media all and (min-width: 1200px) {
.footer_logo {
max-width: 40% !important;
}
}
.footer_partners p {
font-size: 12px;
line-height: 200%;
color: #000000;
}
body #subfooter {
position: relative;
background: none;
color: var(--color-dark);
}
body #subfooter a {
color: var(--color-grey) !important;
}
@media all and (max-width: 992px) {
#block-front-breadcrumbs {
display: none;
}
}
body aside {
display: none;
}
body .main-content-wrapper .sidebar {
background: none !important;
padding: 0 !important;
}
body .item-list__checkbox .facet-item input[type=checkbox]:checked + label, body .item-list__checkbox .facet-item input[type=checkbox]:checked + label::after {
color: unset;
}
body ul.summary-list {
background-color: transparent;
}
@media all and (min-width: 992px) {
body aside {
display: block;
padding: 48px 24px 24px 48px !important;
}
body:not(.column-secondary) aside {
background-color: var(--color-primary) !important;
color: white;
}
body:not(.column-secondary) aside h2,
body:not(.column-secondary) aside a {
color: white;
}
body:not(.column-secondary) aside .item-list__checkbox .facet-item input[type=checkbox] + label::before {
border-color: white;
}
body.path-recherche aside,
body.column-secondary aside {
background-color: var(--color-secondary) !important;
color: var(--color-black);
}
body.path-recherche aside h2,
body.path-recherche aside a,
body.column-secondary aside h2,
body.column-secondary aside a {
color: var(--color-black);
}
body.path-recherche aside .item-list__checkbox .facet-item input[type=checkbox] + label::before,
body.column-secondary aside .item-list__checkbox .facet-item input[type=checkbox] + label::before {
border-color: var(--color-black);
}
.main-content-wrapper > .container > .row {
display: flex;
gap: 0;
}
.main-content-wrapper > .container > .row > section.col-md-9 {
padding-left: 24px;
}
aside .toc-js .toc-h2 {
text-transform: uppercase;
}
aside .toc-js .toc-title.h2 {
margin-top: 0;
}
aside .toc-js.sticky {
overflow-y: auto;
max-height: calc(100vh - 150px);
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
aside .toc-js.sticky::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
aside .toc-js .toc-title {
margin-bottom: 24px;
}
aside .toc-js .toc-title .icon {
display: block;
width: 19px;
height: 12px;
-webkit-mask: url("./burger.svg") no-repeat left center;
mask: url("./burger.svg") no-repeat left center;
-webkit-mask-size: contain;
mask-size: contain;
background-color: white !important;
}
aside .toc-js .toc-title .icon img {
display: none;
}
aside .toc-js .toc-title > .title {
/* Dans cette page */
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 138.8888888889%;
text-transform: uppercase;
color: #FFFFFF;
}
aside .toc-js .toc-h3 + .toc-h2 {
margin-top: 12px;
}
aside .toc-js > nav > ul > li {
padding: 0;
margin-bottom: 6px;
}
aside .toc-js > nav > ul > li a {
color: white !important;
font-style: normal;
font-weight: 700;
font-size: 13px;
display: inline-block;
line-height: 1.1125em;
}
aside .toc-js > nav > ul > li.toc-h3 a {
font-weight: 500;
}
body aside .toc-js > nav > ul > li.toc-active {
border-left: 5px solid var(--color-secondary);
background-color: white;
}
body aside .toc-js > nav > ul > li.toc-active a {
color: var(--color-primary) !important;
background-color: white;
}
}
.main-menu-toggle {
order: 10;
}
.main-menu-toggle .responsive-menu-toggle-icon {
background-color: var(--color-primary);
border-radius: 3px;
height: 32px;
width: 45px;
}
.main-menu-toggle .responsive-menu-toggle-icon::before, .main-menu-toggle .responsive-menu-toggle-icon::after, .main-menu-toggle .responsive-menu-toggle-icon span.icon {
background-color: white;
}
ul.horizontal-menu > li > a:hover,
ul.horizontal-menu > li > a:focus,
ul.horizontal-menu > li > a.active {
color: var(--color-primary) !important;
}
ul.horizontal-menu > li ul li a:hover,
ul.horizontal-menu > li ul li a:focus,
ul.horizontal-menu > li ul li a.active {
color: #fff !important;
background: var(--color-primary) !important;
}
ul.horizontal-menu > li.menu-item--active-trail > a {
color: var(--color-primary) !important;
}
ul.horizontal-menu > li::after {
background: var(--color-primary) !important;
}
#main-navigation {
justify-content: flex-start;
}
#main-navigation .container.container-full {
width: 100% !important;
}
@media all and (min-width: 992px) {
#main-navigation .navigation-left.logo {
display: none;
}
}
#main-navigation .region-navigation {
display: block;
}
ul#horizontal-menu {
display: block;
}
ul#horizontal-menu:before {
position: absolute;
width: 100vw;
top: 0;
left: 50%;
margin-left: -50vw;
background-color: var(--color-primary);
content: "";
height: 7px;
}
ul#horizontal-menu li {
display: block;
position: initial;
float: none;
}
ul#horizontal-menu li, ul#horizontal-menu li a {
border: none;
}
ul#horizontal-menu > li {
display: inline-block;
}
ul#horizontal-menu > li a {
font-weight: 800;
letter-spacing: 0.05em;
}
ul#horizontal-menu > li > a {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
padding-left: calc(1rem + 14px);
}
ul#horizontal-menu > li > a:after {
content: "";
display: block;
background-color: var(--color-black);
width: 14px;
height: 14px;
-webkit-mask: url("./chevron-menu.svg") no-repeat;
mask: url("./chevron-menu.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: relative;
top: 3px;
opacity: 1;
transition: opacity ease 0.25s;
overflow: hidden;
}
ul#horizontal-menu > li > a:before {
position: absolute;
bottom: -22px;
left: calc(50% - 7px);
z-index: 500;
content: "";
display: block;
background-color: white;
width: 14px;
height: 14px;
-webkit-mask: url("./chevron-menu-big.svg") no-repeat;
mask: url("./chevron-menu-big.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
opacity: 0;
transition: opacity ease 1s;
overflow: hidden;
}
ul#horizontal-menu > li:after {
display: none;
}
ul#horizontal-menu > li.menu-item--active-trail > a {
color: var(--color-primary) !important;
}
ul#horizontal-menu > li.sfHover {
background-color: var(--color-primary);
}
ul#horizontal-menu > li.sfHover > a {
color: white !important;
}
ul#horizontal-menu > li.sfHover > a:after {
opacity: 0;
}
ul#horizontal-menu > li.sfHover > a:before {
opacity: 1;
}
ul#horizontal-menu > li.sfHover > ul {
opacity: 1;
}
ul#horizontal-menu > li > ul {
opacity: 1 !important;
transition: all ease 0.25s;
z-index: 499;
position: absolute;
width: 100vw;
top: 70px;
left: 50%;
margin-left: -50vw;
background-color: var(--color-primary);
padding: 40px 5vw 100px;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.05);
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 40px;
justify-content: space-between;
}
@media all and (min-width: 1520px) {
ul#horizontal-menu > li > ul {
padding: 40px 10vw 100px;
}
}
@media all and (min-width: 1200px) {
ul#horizontal-menu > li > ul {
grid-template-columns: repeat(5, 1fr);
}
}
ul#horizontal-menu > li > ul a {
color: white;
letter-spacing: 0;
text-align: left;
padding: 0;
}
ul#horizontal-menu > li > ul > li > a {
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
font-size: 0.875rem;
font-style: normal;
font-weight: 800;
line-height: 1.625rem;
letter-spacing: 0.04375rem;
}
ul#horizontal-menu > li > ul > li.sfHover > a {
color: white;
}
ul#horizontal-menu > li > ul > li > ul {
opacity: 1 !important;
background-color: transparent;
overflow: hidden;
position: unset;
width: unset;
height: auto;
display: block !important;
}
ul#horizontal-menu > li > ul > li > ul li {
text-align: left;
}
ul#horizontal-menu > li > ul > li > ul li a {
display: inline-block;
color: rgba(255, 255, 255, 0.7);
font-size: 0.875rem;
font-style: normal;
font-weight: 700;
line-height: 1.5625rem;
margin-block: 5px;
}
ul#horizontal-menu > li > ul > li > ul li a:hover {
text-decoration: underline;
}
#block-profilingblock {
display: none;
}
@media all and (min-width: 992px) {
body.profiling-35 #header-top .profiling--title .btn:before,
body.profiling-1024 #header-top .profiling--title .btn:before,
body.profiling-41 #header-top .profiling--title .btn:before,
body.profiling-471 #header-top .profiling--title .btn:before,
body.profiling-1025 #header-top .profiling--title .btn:before {
content: "Vous êtes ";
font-weight: 500;
}
}
#header-top .profiling--title .btn {
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
@media all and (min-width: 992px) {
#header-top .profiling--title .btn {
padding-right: 18px;
height: 56px;
width: 330px;
max-width: 100%;
}
#header-top .profiling--title .btn:after {
content: "";
display: block;
background-color: var(--color-primary);
width: 14px;
height: 14px;
-webkit-mask: url("./chevron-profile.svg") no-repeat;
mask: url("./chevron-profile.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: absolute;
right: 14px;
top: 20px;
}
#header-top .profiling--title .btn:hover:after {
background-color: white;
}
}
#header-top .position-menu .profiling--wrapper,
#header-top .col-xs-12 {
position: initial;
}
#header-top .open .profiling--content {
position: fixed;
display: flex;
left: 0;
top: 0;
width: 100%;
height: 100vh;
}
@media all and (min-width: 1200px) {
#header-top .open .profiling--content {
width: calc(100vw - 60px);
left: 30px;
top: 30px;
height: calc(100vh - 60px);
box-shadow: 0 0 100px black;
}
}
#header-top .open .profiling--content .description {
display: none;
}
#header-top .profiling--wrapper ul.profiling--items li {
margin-bottom: 15px;
}
@media all and (min-width: 1200px) {
#header-top .profiling--wrapper ul.profiling--items li {
margin-bottom: 30px;
}
}
#header-top .profiling--wrapper ul.profiling--items li button {
padding: 0;
font-weight: 500;
line-height: 118.75%;
letter-spacing: 0.05em;
color: #FFFFFF;
position: relative;
display: block;
width: 100%;
}
#header-top .profiling--wrapper ul.profiling--items li button.profiling--button.reset {
font-style: italic;
font-weight: 300;
font-size: 0.8125rem;
line-height: 118.75%;
letter-spacing: 0.05em;
text-decoration-line: underline;
color: var(--color-smoke);
}
#header-top .profiling--wrapper ul.profiling--items li button.active {
background: none !important;
color: var(--color-primary) !important;
}
#header-top .profiling--wrapper ul.profiling--items li button.active:after {
content: "";
display: block;
position: absolute;
height: 2px;
top: 50%;
right: -15px;
width: 20px;
transform: translateY(-50%);
background-color: white;
}
@media all and (min-width: 1200px) {
#header-top .profiling--wrapper ul.profiling--items li button.active:after {
width: 52px;
right: -50px;
}
}
#header-top .no-selection .profiling--list {
width: unset;
max-width: unset;
flex-grow: 20;
background: var(--color-primary);
}
#header-top .no-selection .profiling--list .profiling--item {
display: flex;
gap: 10px;
align-items: center;
}
#header-top .no-selection .profiling--list .profiling--item:before {
content: "";
display: block;
background-color: white;
width: 14px;
height: 14px;
-webkit-mask: url("./chevron-btn.svg") no-repeat;
mask: url("./chevron-btn.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: relative;
}
#header-top .no-selection .profiling--list button {
font-weight: 800;
font-size: 1.25rem;
line-height: 140%;
}
#header-top .profiling--list {
width: 245px;
max-width: 40%;
background-color: var(--color-bg-dark);
display: flex;
flex-direction: column;
justify-content: flex-start;
flex-shrink: 0;
padding-block: 5vh;
gap: 15px;
}
#header-top .profiling--list::before, #header-top .profiling--list ul {
padding-left: 10px;
padding-right: 10px;
}
@media all and (min-width: 1200px) {
#header-top .profiling--list {
gap: 50px;
}
#header-top .profiling--list::before, #header-top .profiling--list ul {
padding-left: 60px;
padding-right: 24px;
}
}
#header-top .profiling--list button:hover {
text-decoration: underline;
}
#header-top .profiling--list::before {
content: "Vous êtes ?";
display: block;
font-weight: 800;
font-size: 1.4375rem;
line-height: 139.1304347826%;
color: #FFFFFF;
}
#header-top .profiling-menu-wrapper {
flex-grow: 10;
background-color: var(--color-primary);
padding-block: 5vh;
padding-inline: 15px;
overflow-y: auto;
height: 100vh;
}
@media all and (min-width: 1200px) {
#header-top .profiling-menu-wrapper {
height: calc(100vh - 60px);
background-position: top right;
background-repeat: repeat-y;
background-attachment: fixed;
background-image: url("./bg-motif.png");
padding-left: 5vh;
padding-right: 150px;
}
}
#header-top .profiling-menu-wrapper, #header-top .profiling-menu-wrapper h2, #header-top .profiling-menu-wrapper h3, #header-top .profiling-menu-wrapper h4, #header-top .profiling-menu-wrapper .paragraph--type--picto .title-picto h2, .paragraph--type--picto .title-picto #header-top .profiling-menu-wrapper h2, #header-top .profiling-menu-wrapper h5 {
color: white;
}
#header-top .profiling-menu-wrapper h5 {
margin-bottom: 0 !important;
}
@media all and (max-width: 992px) {
#header-top .profiling-menu-wrapper p {
display: none;
}
}
#header-top .profiling--block nav ul:not(.contextual-links) {
display: block;
text-align: left;
list-style: none;
}
#header-top .intro-profil-item {
margin-bottom: 15px;
}
@media all and (min-width: 768px) {
#header-top .intro-profil-item {
margin-bottom: 24px;
}
}
#header-top .profiling--block nav .content > ul.menu {
float: left;
}
#header-top .profiling--block nav .content > ul.menu:after {
content: "";
display: block;
clear: both;
}
#header-top .profiling--block nav .content > ul.menu > li {
display: block;
}
#header-top .profiling--block nav .content > ul.menu > li > a {
color: white !important;
font-weight: 800;
font-size: 1.25rem;
line-height: 140%;
text-transform: uppercase;
padding: 0;
}
#header-top .profiling--block nav .content > ul.menu ul {
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
align-items: stretch;
margin-block: 10px;
}
@media all and (min-width: 992px) {
#header-top .profiling--block nav .content > ul.menu ul {
grid-template-columns: 1fr 1fr;
grid-gap: 25px;
}
}
@media all and (min-width: 1200px) {
#header-top .profiling--block nav .content > ul.menu ul {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media all and (min-width: 992px) {
#header-top .profiling--block nav .content > ul.menu ul {
margin-block: 22px 44px;
}
}
#header-top .profiling--block nav .content > ul.menu ul > li {
display: block;
max-width: 340px;
margin: 0;
}
#header-top .profiling--block nav .content > ul.menu ul > li > a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-weight: 700;
font-size: 0.875rem;
line-height: 135.7142857143%;
text-align: center;
color: #000000 !important;
padding: 5px;
background-color: #F2F2F2;
}
@media all and (min-width: 1200px) {
#header-top .profiling--block nav .content > ul.menu ul > li > a {
padding: 14px;
}
}
.home-top > .paragraph-content > .container-element:nth-child(2) {
padding: 0 !important;
overflow: unset !important;
background-color: var(--color-secondary);
}
.home-highlights:hover h2 {
text-decoration: underline;
}
.home-highlights .container-element {
padding-block: 0 !important;
}
.home-highlights h2 {
margin-top: 0 !important;
margin-bottom: 2rem !important;
font-size: 1.875rem !important;
font-style: normal;
font-weight: 700 !important;
line-height: 2.25rem !important;
}
.home-highlights .text-formatted {
margin: 1rem 0 0;
color: #000;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem;
}
.home-highlights .slick-dots {
opacity: 0;
transition: all ease-out 0.5s;
}
@media all and (min-width: 992px) {
body .paragraph--type--container > .home-top.paragraph-wrapper.two-tree-one-tree-column > .paragraph-content > .container-element:nth-of-type(2n+1) {
flex: 0 0 58%;
max-width: 58%;
padding: 40px;
box-shadow: var(--shadow-block);
}
body .paragraph--type--container > .home-top.paragraph-wrapper.two-tree-one-tree-column > .paragraph-content > .container-element:nth-of-type(2n) {
flex: 0 0 calc(42% - 24px);
max-width: calc(42% - 24px);
margin-left: 24px;
}
}
.home-intro-centered .text-formatted {
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 30px;
}
.home-intro-centered .text-formatted h2.section {
display: inline-block;
margin-inline: auto !important;
}
.home-intro-centered .text-formatted p {
max-width: 875px;
margin-inline: auto;
}
body .page-wrapper .home-resources-split h3 {
color: #000 !important;
text-align: center;
font-size: 1.75rem;
font-weight: 500 !important;
line-height: normal;
}
body .page-wrapper .home-resources-split h3:after {
content: "";
display: block !important;
background-color: var(--color-secondary);
height: 5px;
width: 90px;
margin: 5px auto;
}
.home-resources-articles {
margin-bottom: 30px;
}
.home-resources-articles .paragraph-overlay {
background-color: var(--color-secondary) !important;
}
.home-resources-articles .header > div {
display: flex;
justify-content: center;
}
.home-resources-articles h2.section {
display: inline-block;
}
.home-resources-articles h2.section:after {
box-shadow: -100vw 100vw 0 100vw #fff !important;
}
.home-resources-articles .card-article.card-article-teaser-left .content {
justify-content: center;
}
.home-resources-articles .card-article.card-article-teaser-left .meta {
order: -1;
margin-bottom: 4px;
}
.home-resources-articles .card-article.card-article-teaser-left .desc {
display: none;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .two-column,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element > .paragraph,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element > .paragraph > .two-column {
display: flex;
flex-direction: column;
height: 100%;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille .paragraph-content, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content .paragraph-content, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element .paragraph-content, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph .paragraph-content, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .two-column .paragraph-content,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda .paragraph-content,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content .paragraph-content,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element .paragraph-content,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element > .paragraph .paragraph-content,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element > .paragraph > .two-column .paragraph-content {
flex-grow: 2;
padding-block: 0;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille footer p, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content footer p, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element footer p, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph footer p, .home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .two-column footer p,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda footer p,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content footer p,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element footer p,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element > .paragraph footer p,
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-agenda > .paragraph-content > .container-element > .paragraph > .two-column footer p {
margin-bottom: 0;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .one-column {
justify-content: space-between;
flex-direction: column;
display: flex;
height: 100%;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .one-column > .paragraph-content {
justify-content: space-between;
gap: 30px;
height: 100%;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .one-column > .paragraph-content article {
flex-grow: 2;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .one-column > .paragraph-content article:first-child {
padding-bottom: 0;
}
.home-articles-split > .paragraph-content > .container-element > .paragraph .home-veille > .paragraph-content > .container-element > .paragraph > .one-column > .paragraph-content article:last-child {
padding-top: 0;
}
.home-resources-bot .btn-primary, .home-resources-bot body input[type=submit], body .home-resources-bot input[type=submit], .home-resources-bot body input[type=button], body .home-resources-bot input[type=button], .home-resources-articles .btn-primary, .home-resources-articles body input[type=submit], body .home-resources-articles input[type=submit], .home-resources-articles body input[type=button], body .home-resources-articles input[type=button] {
margin-top: 1rem;
}
.home-pictos {
padding-block: 30px;
}
@media all and (min-width: 1200px) {
.home-pictos {
padding-bottom: 100px;
}
}
.home-pictos .square .advanced-link-wrapper.paragraph-wrapper .paragraph-content {
padding-bottom: 0 !important;
}
.home-pictos > .paragraph-content {
margin: 0 !important;
display: grid !important;
justify-content: center !important;
grid-gap: 10px;
grid-template-columns: repeat(2, 1fr);
}
@media all and (min-width: 992px) {
.home-pictos > .paragraph-content {
grid-template-columns: repeat(4, 1fr);
}
}
@media all and (min-width: 1200px) {
.home-pictos > .paragraph-content {
grid-gap: 40px;
grid-template-columns: repeat(7, 1fr);
}
}
.home-pictos > .paragraph-content > .container-element {
flex: unset !important;
border-radius: 10px;
background: var(--color-secondary);
max-width: 160px;
padding: 5px !important;
}
@media all and (min-width: 1200px) {
.home-pictos > .paragraph-content > .container-element {
padding: 20px 10px 8px !important;
}
}
.home-pictos > .paragraph-content > .container-element a.advanced-link {
display: block;
}
.home-pictos > .paragraph-content > .container-element .paragraph-content {
width: 100px;
height: 100px;
margin-inline: auto;
}
.home-pictos > .paragraph-content > .container-element .advanced-link-title {
position: unset;
transform: unset;
display: block;
color: #000 !important;
text-align: center;
font-size: 1.125rem;
font-weight: 700;
line-height: 115%;
text-transform: none;
padding: 5px 0 0;
}
.home-pictos > .paragraph-content > .container-element .advanced-link-title .link-support {
display: none;
}
.home-themes {
padding: 20px !important;
}
.home-themes .paragraph-content {
margin: 0 !important;
}
.home-themes .container-element {
padding: 0 !important;
}
.home-themes .home-theme-inner .paragraph-content {
display: grid !important;
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.home-themes .home-theme-button {
margin-top: 20px;
}
.home-themes .home-theme-button p {
display: flex;
justify-content: flex-end;
margin: 0;
}
.home-themes .home-theme-button p .btn {
margin: 0;
}
.home-themes article {
overflow: hidden;
padding: 0 !important;
width: unset !important;
flex: unset !important;
aspect-ratio: 1;
}
.home-themes article h2 {
font-size: 14px !important;
line-height: 120% !important;
}
.bg-dots {
position: relative;
}
.bg-dots:after {
position: absolute;
content: "";
display: block;
bottom: 0;
z-index: -2;
background-color: var(--color-secondary);
-webkit-mask: url("./bg-chevron.svg") repeat;
mask: url("./bg-chevron.svg") repeat;
height: 50%;
}
.home-shortcuts.bg-dots:after {
height: 38%;
}
.home-resources-bot.bg-dots:after {
height: 54%;
}
.page-wrapper .text-white h2.section::after {
background: var(--color-primary) !important;
}
body .page-wrapper {
/*h2.section {

display: inline-block;

&:before {
content: ' ';
display: block;
}

&:after {
content: '';
display: block;
width: calc(100% + 12px);
height: 21px;
top: unset;
bottom: 10px;
left: -6px;
z-index: -1;
background: var(--color-secondary) !important;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
}*/
}
body .page-wrapper .primary-overlay {
background: var(--color-primary);
}
body .page-wrapper .field--type-boolean {
display: flex;
align-items: center;
gap: 10px;
}
body .page-wrapper .field--type-boolean .field__label,
body .page-wrapper .field--type-boolean .field__item {
font-size: 1.7rem;
margin-bottom: 0.25rem !important;
}
body .page-wrapper .main-content-wrapper {
padding: 0;
}
@media all and (min-width: 992px) {
body .page-wrapper .main-content-wrapper {
padding: 18px 0 0;
}
}
body .page-wrapper h1.page-title {
font-style: normal;
font-weight: 800;
line-height: 115%;
font-size: 32px;
}
@media all and (min-width: 992px) {
body .page-wrapper h1.page-title {
font-size: 48px;
}
}
body .page-wrapper .subtitle {
/* Intro */
font-family: "Marianne";
font-style: normal;
font-weight: 700;
font-size: 1.25rem;
line-height: 150%;
}
body .page-wrapper .page-title {
margin-top: 24px;
}
body .page-wrapper h2, body .page-wrapper .h2 {
font-style: normal;
font-weight: 700;
font-size: 1.875rem;
line-height: 115%;
color: var(--color-black);
margin-top: 24px;
}
@media all and (min-width: 992px) {
body .page-wrapper h2, body .page-wrapper .h2 {
font-size: 2.5rem;
}
}
body .page-wrapper h2.section {
overflow: hidden;
margin-left: -10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 6px;
}
body .page-wrapper h2.section:after {
content: "";
display: inline-block;
vertical-align: bottom;
box-shadow: -100vw 100vw 0px 100vw var(--color-secondary);
position: relative;
top: unset;
left: unset;
right: -10px;
width: unset;
z-index: -1;
height: 16px;
bottom: 0;
}
body .page-wrapper h3.section, body .page-wrapper h3, body .page-wrapper .h3 {
color: var(--color-primary);
font-style: normal;
font-weight: 800 !important;
font-size: 1.3125rem;
line-height: 142.8571428571%;
padding: 0;
}
@media all and (min-width: 992px) {
body .page-wrapper h3.section, body .page-wrapper h3, body .page-wrapper .h3 {
font-size: 1.75rem;
}
}
body .page-wrapper h3.section:after, body .page-wrapper h3:after, body .page-wrapper .h3:after {
display: none;
}
body .page-wrapper h4, body .page-wrapper .paragraph--type--picto .title-picto h2, .paragraph--type--picto .title-picto body .page-wrapper h2, body .page-wrapper .h4 {
color: var(--color-primary);
font-style: normal;
font-weight: 700 !important;
font-size: 1.16875rem;
line-height: 145.4545454545%;
margin-bottom: 0.5rem;
}
@media all and (min-width: 992px) {
body .page-wrapper h4, body .page-wrapper .paragraph--type--picto .title-picto h2, .paragraph--type--picto .title-picto body .page-wrapper h2, body .page-wrapper .h4 {
font-size: 1.375rem;
}
}
body .page-wrapper h5, body .page-wrapper .h5 {
color: var(--color-black);
font-weight: 700;
margin-top: 1em;
font-size: 1.1rem;
}
body .page-wrapper h6, body .page-wrapper .h6 {
color: var(--color-black);
font-weight: 500;
margin-top: 1em;
font-size: 1rem;
text-transform: uppercase;
}
body .page-wrapper .text-formatted a:not(.btn) {
text-decoration: underline;
}
body .page-wrapper .text-formatted a.normal {
font-weight: 700;
}
body .page-wrapper .text-formatted a.file {
color: var(--color-primary);
font-weight: 700;
}
body .page-wrapper .text-formatted a.file:before {
display: none;
}
body .page-wrapper .text-formatted a.file:after {
content: "";
display: inline-block;
background-color: var(--color-primary);
width: 14px;
height: 14px;
-webkit-mask: url("./download.svg") no-repeat;
mask: url("./download.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: relative;
top: 3px;
left: 3px;
}
body .page-wrapper .text-formatted ol, body .page-wrapper .text-formatted ul {
margin-inline: 0;
padding-inline: 0;
margin-bottom: 1rem;
}
body .page-wrapper .text-formatted ol li, body .page-wrapper .text-formatted ul li {
margin-bottom: 0.5rem;
margin-left: 0;
padding-left: 24px;
line-height: 1.45rem;
}
body .page-wrapper .text-formatted ol {
padding-left: 1.5rem;
}
body .page-wrapper .text-formatted ol li {
padding-left: 1rem;
}
body .page-wrapper .text-formatted ul li {
list-style: none;
position: relative;
}
body .page-wrapper .text-formatted ul li:before {
content: "";
display: block;
background-color: var(--color-primary);
width: 14px;
height: 14px;
-webkit-mask: url("./chevron.svg") no-repeat;
mask: url("./chevron.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
position: absolute;
top: 6px;
left: 0;
}
body .page-wrapper .paragraph-content figure img {
width: auto;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
body .page-wrapper blockquote {
margin: 0;
padding: 10px 0 20px 0;
position: relative;
display: flex;
gap: 6px;
margin-block: 24px 4px;
}
@media all and (min-width: 1200px) {
body .page-wrapper blockquote {
gap: 40px;
margin-block: 48px 28px;
}
}
body .page-wrapper blockquote i, body .page-wrapper blockquote em {
font-size: 1rem;
font-weight: normal;
font-style: normal;
}
body .page-wrapper blockquote strong:before {
content: "";
display: block;
}
body .page-wrapper blockquote strong i,
body .page-wrapper blockquote strong em,
body .page-wrapper blockquote i strong,
body .page-wrapper blockquote em strong {
font-weight: 700;
white-space: nowrap;
}
body .page-wrapper blockquote, body .page-wrapper blockquote p {
font-style: italic;
font-weight: 700;
font-size: 1.5rem;
line-height: 150%;
color: #000000;
}
body .page-wrapper blockquote img {
display: none;
}
@media all and (min-width: 1200px) {
body .page-wrapper blockquote img {
display: inline-block;
max-width: 200px;
height: 200px;
border-radius: 9999px;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
float: left;
margin-right: 40px;
margin-left: -90px;
}
}
body .page-wrapper blockquote::before, body .page-wrapper blockquote::after {
flex-shrink: 0;
flex-grow: 0;
content: "";
display: block;
background: var(--color-primary);
position: unset;
top: unset;
left: unset;
-webkit-mask: url("./quote.svg") no-repeat;
mask: url("./quote.svg") no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
width: 40px;
height: 24px;
}
@media all and (min-width: 1200px) {
body .page-wrapper blockquote::before, body .page-wrapper blockquote::after {
width: 80px;
height: 48px;
}
}
body .page-wrapper blockquote::after {
margin-top: auto;
transform: rotate(180deg);
}
body.path-recherche .region-page-title {
background: var(--color-primary) !important;
padding-block: 30px !important;
min-height: unset !important;
}
body.path-recherche .region-page-title .wrapper-content {
position: unset !important;
}
body.path-recherche .region-page-title .background-image-overlay {
background: none !important;
}
body .paragraph--type--link .field__items {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
body .paragraph--type--link .field__items .field__item + .field__item {
margin: 0;
}
body .paragraph--type--link .field__items .field__item {
padding: 24px 20px;
border: none;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}
body .paragraph--type--link .field__items .field__item a {
text-decoration: none;
}
body .paragraph--type--link .field__items .field__item .title {
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 135.7142857143%;
color: var(--color-primary);
}
body .paragraph--type--link .field__items .field__item .desc {
margin-top: 5px;
font-style: normal;
text-decoration: none;
font-weight: normal;
}
body .paragraph--type--file .field__items .field__item {
border-color: var(--color-primary);
}
body .paragraph--type--file .field__items .field__item a.link-wrapper .file::before {
color: var(--color-primary);
}
body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fa, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fab, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fa-brands, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fad, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fa-duotone, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .far, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fa-regular, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fas, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fa-solid, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fal, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fa-light, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fat, body .paragraph-wrapper.icon-background .field--name-field-separator-icon .fa-thin {
background-color: var(--color-black);
}
body .paragraph--type--picto .picto-item.picto {
color: var(--color-primary) !important;
}
body .paragraph--type--content > .paragraph-wrapper > .paragraph-content {
overflow: hidden;
justify-content: flex-start;
}
body .paragraph--type--content > .paragraph-wrapper.tree-column article.wrapper-card-article-classic, body .paragraph--type--content > .paragraph-wrapper.tree-column article.wrapper-card-article-classic-circle {
max-width: 335px;
}
body .node__content .focus {
border: 1px solid var(--color-primary);
padding: 15px;
margin-block: 15px;
}
@media all and (min-width: 1200px) {
body .node__content .focus {
padding: 30px 50px;
margin-block: 30px;
}
}
body .node__content .focus .header {
padding-top: 0;
margin-bottom: -30px;
}
body .node__content .focus .node__title.title {
margin: 0;
}
body .node__content .background {
background-color: var(--color-secondary);
padding: 15px;
margin-block: 15px;
}
@media all and (min-width: 1200px) {
body .node__content .background {
padding: 30px;
margin-block: 30px;
}
}
.key {
text-align: center;
max-width: 290px;
margin-inline: auto;
}
.key h2, .key h3, .key h4, .key .paragraph--type--picto .title-picto h2, .paragraph--type--picto .title-picto .key h2 {
font-weight: 800;
font-size: 1.5rem;
line-height: 110% !important;
text-align: center;
color: var(--color-primary) !important;
margin: 3px 0;
}
.key h2 {
font-size: 2.5rem;
}
.key p {
margin-top: 6px;
text-align: center;
line-height: 133%;
}
body .page-wrapper article a, body .page-wrapper article a:visited {
text-decoration: none;
}
body .paragraph-wrapper.related {
margin-top: 30px;
}
body .paragraph-wrapper.related:before {
content: "";
height: 10px;
display: block;
border-top: 1px solid var(--color-primary);
border-bottom: 1px solid var(--color-primary);
margin-bottom: 30px;
}
@media all and (min-width: 1200px) {
body .paragraph-wrapper.related {
margin-top: 60px;
}
body .paragraph-wrapper.related:before {
margin-bottom: 60px;
}
}
body .paragraph-wrapper.related h2.related-title-center {
text-align: center;
margin-bottom: 25px;
font-weight: 800;
font-size: 1.75rem;
line-height: 2.4375rem;
color: var(--color-primary);
}
body .paragraph-wrapper.related h2.related-title-center:after {
display: none !important;
}
body .paragraph-wrapper.related .paragraph--type--content > .paragraph-wrapper > .paragraph-content {
justify-content: center;
}
body .meta.submitted {
color: var(--color-primary);
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.125rem;
margin-top: 0.5rem;
margin-bottom: 1rem !important;
display: block;
}
body .meta.submitted .fa {
display: none;
}
.france-map svg path {
fill: var(--color-primary) !important;
}
.france-map svg a:hover path {
fill: var(--color-secondary) !important;
}
.region .ini-reg .paragraph-overlay {
background-color: var(--color-primary) !important;
}
.logo-bwat {
background: url("./logo-bwat.svg");
}