html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*** PARENTS ***/ /* Order */ /* Direction */ /* Wrap */ /* Justify-Content */ /* Align-Items */ /* Align-Content */ /*** CHILDREN ***/ /* Flex-Grow */ /* Flex-Shrink */ /* Align-Self */ /* Single property */ /* Multiple properties with same values */ /* MOBILE FIRST */ /* @include mq-width-and-upper($value) { } @include mq-height-and-upper($value) { } */ /* DESKTOP FIRST */ /* @include mq-width-and-lower($value) { } @include mq-height-and-lower($value) { } @include mq-width-or-height-and-lower($width-value, $height-value) { } */ /* STRICT */ /* @include mq-strict($min, $max, $orientation: width) { } */ /*** PARENTS ***/ .flex { display: flex; } /* Direction */ .flex-row, .home-articles, .grid-2-col, .grid-3-col, .btn--close, .pagination .btn--svg, .pagination .btn--circle, .pagination, .filters-nav--responsive .filters-nav__filters, .filters-nav, .calendar-timeline__dates__list, .calendar-timeline .filters-nav__filters, .tile:hover .pagination, .tile-carousel, .cell__post, .cell__event, .cell-carousel, .custom-select-filter { display: flex; -moz-flex-direction: row; flex-direction: row; } .row-reverse { display: flex; -moz-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-column, .article--image .article__infos, .article--event .article__infos, .filters-nav--responsive .filters-nav__submenu, .calendar-timeline__dates, .tile__event .tile-content--infos, .tile__event, .tile__color .tile-content--infos, .cell__post .cell-content--infos, .cell__event .cell-content--infos { display: flex; -moz-flex-direction: column; flex-direction: column; } .column-reverse { display: flex; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } /* Wrap */ .wrap, .home-articles, .grid-2-col, .grid-3-col { flex-wrap: wrap; } .no-wrap, .pagination .btn--circle, .pagination, .filters-nav, .tile__event, .tile-carousel, .cell__post, .cell__event, .cell-carousel { flex-wrap: nowrap; } .wrap-reverse { flex-wrap: wrap-reverse; } /* Justify-Content */ .just-start { -moz-justify-content: flex-start; justify-content: flex-start; } .just-end, .article--image .article__infos, .calendar-timeline__dates, .custom-select-filter { -moz-justify-content: flex-end; justify-content: flex-end; } .just-center, .gallery-modal, .btn--close, .pagination .btn--svg, .pagination .btn--circle, .tile__color .tile-content--infos { -moz-justify-content: center; justify-content: center; } .just-between, .article--event .article__infos, .pagination, .filters-nav--responsive .filters-nav__filters, .filters-nav, .calendar-timeline__dates__list, .calendar-timeline .filters-nav__filters, .tile__event .tile-content--infos, .cell__post .cell-content--infos, .cell__event .cell-content--infos { -moz-justify-content: space-between; justify-content: space-between; } .just-around { -moz-justify-content: space-around; justify-content: space-around; } .just-evenly { -moz-justify-content: space-evenly; justify-content: space-evenly; } /* Align-Items */ .align-start, .filters-nav, .tile__event .tile-content--infos, .cell__post .cell-content--infos, .cell__event .cell-content--infos { -moz-align-items: flex-start; align-items: flex-start; } .align-end, .filters-nav--responsive .filters-nav__submenu { -moz-align-items: flex-end; align-items: flex-end; } .align-center, .gallery-modal, .btn--close, .pagination .btn--svg, .pagination .btn--circle, .pagination, .filters-nav--responsive .filters-nav__filters { -ms-align-items: center; -moz-align-items: center; align-items: center; } .align-base, .calendar-timeline .filters-nav__filters { -moz-align-items: baseline; align-items: baseline; } .align-stretch, .calendar-timeline__dates__list, .calendar-timeline__dates { -moz-align-items: stretch; align-items: stretch; } /* Align-Content */ .content-start { align-content: flex-start; } .content-end { align-content: flex-end; } .content-center { align-content: center; } .content-between { align-content: space-between; } .content-around { align-content: space-around; } .content-stretch { align-content: stretch; } /*** CHILDREN ***/ /* Flex-Grow */ .grow-1 { flex-grow: 1; } .grow-2 { flex-grow: 2; } .grow-3 { flex-grow: 3; } .grow-4 { flex-grow: 4; } .grow-5 { flex-grow: 5; } /* Flex-Shrink */ .shrink-1 { flex-shrink: 1; } .shrink-2 { flex-shrink: 2; } .shrink-3 { flex-shrink: 3; } .shrink-4 { flex-shrink: 4; } .shrink-5 { flex-shrink: 5; } /* Align-Self */ .self-start { align-self: flex-start; } .self-end, .calendar-timeline .btn, .calendar-timeline .custom-select .select-items div, .custom-select .select-items .calendar-timeline div, .calendar-timeline .custom-select .select-selected, .custom-select .calendar-timeline .select-selected { align-self: flex-end; } .self-center { align-self: center; } .self-base { align-self: baseline; } .self-stretch { align-self: stretch; } @font-face { font-family: "Gotham"; src: url("/assets/Gotham-Medium.eot"); src: url("/assets/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/Gotham-Medium.woff2") format("woff2"), url("/assets/Gotham-Medium.woff") format("woff"), url("/assets/Gotham-Medium.ttf") format("truetype"), url("/assets/Gotham-Medium.svg#Gotham-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Gotham'; src: url('/assets/Gotham-Bold.woff2') format('woff2'), url('/assets/Gotham-Bold.woff') format('woff'); font-weight: 700; font-style: bold; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('/assets/Gotham-MediumItalic.eot'); src: url('/assets/Gotham-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/assets/Gotham-MediumItalic.woff2') format('woff2'), url('/assets/Gotham-MediumItalic.woff') format('woff'), url('/assets/Gotham-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } */ /* Screen sizes Breakpoints arbitraires */ :root { --color-bg: #FFFFFF; --color-text: rgba(0, 0, 0, 1); --color-primary:rgba(0, 0, 0, 1); --color-primary-rgba: 0, 0, 0,; --color-secondary:#FFFFFF; --color-secondary-rgba: 225, 225, 225,; --color-disabled: #00000088; --sidebar-width:134px; --nav-height: 52px; --content-top-offset: 20px; --col-width: 5.5435952637%; --gut-width: 1.7222820237%; --margin: 31px; --alert-height: 0px; --content-col-width: 6.4861460957%; --content-gut-width: 2.0151133501%; --mix-blend-sidebars: difference; } :root { /* Font/text values */ --font-family-gotham: "Gotham"; --font-style-normal: normal; --font-style-italic: italic; --font-weight-medium: medium; --character-spacing-0: 0rem; --text-transform-uppercase: uppercase; --decoration-underline: underline; } body { font-family: var(--font-family-gotham); font-style: var(--font-style-normal); font-weight: var(--font-weight-medium); text-align: left; letter-spacing: var(--character-spacing-0); color: var(--color-primary); } footer a:hover, .nav a:hover, .nav a:active, a { text-decoration: underline; text-underline-offset: 0.2em; } .scheme-normal { background-color: var(--color-secondary); color: var(--color-primary); } .scheme-reverse, .page__access__map .map__address article:hover *, .page__access__map .map__address article :active *, .page__access__map .map__address article:visited:hover *, .page__access__map .map__address article:visited :active *, .page__access__map .map__address article:hover, .page__access__map .map__address article :active, .page__access__map .map__address article:visited:hover, .page__access__map .map__address article:visited :active, footer a, .calendar-timeline__dates__list > a.active .calendar-timeline__dates__day-number, .calendar-timeline__dates__list > a:hover:not(.disabled) .calendar-timeline__dates__day-number, .calendar-tiles__cell:hover { background-color: var(--color-primary); color: var(--color-secondary); } /*h6*/ .heading-7px { font-size: 0.763rem; line-height: 0.953rem; letter-spacing: 0.025rem; } @media (min-width: 48rem) { .heading-7px { font-size: calc(0.763rem + 0.473 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-7px { font-size: 1.236rem; } } @media (min-width: 48rem) { .heading-7px { line-height: calc(0.953rem + 0.591 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-7px { line-height: 1.544rem; } } /*h5*/ .heading-12px, .page__content__aside h5, .page__header__image h5, .home-feed__article__event .background-image .today-tag, .home-feed__article__event .home-feed__article__post .today-tag, .home-feed__article__event .category, footer li, footer h5, .article--image .article__infos .category, form h5, .filters-nav--responsive .filters-nav__submenu a, .article--event .category, .article .today-tag, .calendar-timeline__dates__week-day, .calendar-tiles__cell__category, .calendar-tiles__cell__more, .jsCalendar.custom table, .tile-content--infos .category, .tile-tag, .cell-content--infos .category, .right-drawer__title, .right-sidebar, body.sidebars--difference .right-sidebar, .left-sidebar__address, body.sidebars--difference .left-sidebar__address, .nav-responsive .nav__submenu__item__pages, figcaption { font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } @media (min-width: 48rem) { .heading-12px, .page__content__aside h5, .page__header__image h5, .home-feed__article__event .background-image .today-tag, .home-feed__article__event .home-feed__article__post .today-tag, .home-feed__article__event .category, footer li, footer h5, .article--image .article__infos .category, form h5, .filters-nav--responsive .filters-nav__submenu a, .article--event .category, .article .today-tag, .calendar-timeline__dates__week-day, .calendar-tiles__cell__category, .calendar-tiles__cell__more, .jsCalendar.custom table, .tile-content--infos .category, .tile-tag, .cell-content--infos .category, .right-drawer__title, .right-sidebar, body.sidebars--difference .right-sidebar, .left-sidebar__address, body.sidebars--difference .left-sidebar__address, .nav-responsive .nav__submenu__item__pages, figcaption { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-12px, .page__content__aside h5, .page__header__image h5, .home-feed__article__event .background-image .today-tag, .home-feed__article__event .home-feed__article__post .today-tag, .home-feed__article__event .category, footer li, footer h5, .article--image .article__infos .category, form h5, .filters-nav--responsive .filters-nav__submenu a, .article--event .category, .article .today-tag, .calendar-timeline__dates__week-day, .calendar-tiles__cell__category, .calendar-tiles__cell__more, .jsCalendar.custom table, .tile-content--infos .category, .tile-tag, .cell-content--infos .category, .right-drawer__title, .right-sidebar, body.sidebars--difference .right-sidebar, .left-sidebar__address, body.sidebars--difference .left-sidebar__address, .nav-responsive .nav__submenu__item__pages, figcaption { font-size: 1.1rem; } } @media (min-width: 48rem) { .heading-12px, .page__content__aside h5, .page__header__image h5, .home-feed__article__event .background-image .today-tag, .home-feed__article__event .home-feed__article__post .today-tag, .home-feed__article__event .category, footer li, footer h5, .article--image .article__infos .category, form h5, .filters-nav--responsive .filters-nav__submenu a, .article--event .category, .article .today-tag, .calendar-timeline__dates__week-day, .calendar-tiles__cell__category, .calendar-tiles__cell__more, .jsCalendar.custom table, .tile-content--infos .category, .tile-tag, .cell-content--infos .category, .right-drawer__title, .right-sidebar, body.sidebars--difference .right-sidebar, .left-sidebar__address, body.sidebars--difference .left-sidebar__address, .nav-responsive .nav__submenu__item__pages, figcaption { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-12px, .page__content__aside h5, .page__header__image h5, .home-feed__article__event .background-image .today-tag, .home-feed__article__event .home-feed__article__post .today-tag, .home-feed__article__event .category, footer li, footer h5, .article--image .article__infos .category, form h5, .filters-nav--responsive .filters-nav__submenu a, .article--event .category, .article .today-tag, .calendar-timeline__dates__week-day, .calendar-tiles__cell__category, .calendar-tiles__cell__more, .jsCalendar.custom table, .tile-content--infos .category, .tile-tag, .cell-content--infos .category, .right-drawer__title, .right-sidebar, body.sidebars--difference .right-sidebar, .left-sidebar__address, body.sidebars--difference .left-sidebar__address, .nav-responsive .nav__submenu__item__pages, figcaption { line-height: 1.375rem; } } /*h4*/ ::-moz-placeholder { font-size: 1.4rem; line-height: 1.75rem; } :-ms-input-placeholder { font-size: 1.4rem; line-height: 1.75rem; } .heading-20px, article.user-content ol li, article.user-content ol, article.user-content ol::marker, .page__access__map .map__address .list *, .page__access__map h4, .page__access__map p, .page__content__aside .list li, .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li, .home-feed__article__press .category, .home-feed__article__press .title, .home-feed__article__press .time, .home-feed__article__event .title, .home-feed__article__une .category, .responsive-landing p, footer h4, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category, .article--image .article__infos .title, .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category, form input:not([type=radio], [type=submit]), form textarea, ::placeholder, .btn, .custom-select .select-items div, .custom-select .select-selected, .pagination, .article--event--aside h5.category, .article--event--aside h4.title, .article--event--aside h2.time, .article--event .title, .article--press .category, .article--press .title, .article--press .time, .article--une .background-image .category, .article--une .home-feed__article__post .category, .calendar-timeline__dates__day-number, .calendar-timeline .filters-nav__filters, .calendar-tiles__cell__title, .jsCalendar.custom .jsCalendar-title-name, .tile-content--infos .title, .cell-content--infos .title, .nav-main .nav__item, .nav-main .nav__submenu__item { font-size: 1.4rem; line-height: 1.75rem; } @media (min-width: 48rem) { ::-moz-placeholder { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } :-ms-input-placeholder { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } .heading-20px, article.user-content ol li, article.user-content ol, article.user-content ol::marker, .page__access__map .map__address .list *, .page__access__map h4, .page__access__map p, .page__content__aside .list li, .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li, .home-feed__article__press .category, .home-feed__article__press .title, .home-feed__article__press .time, .home-feed__article__event .title, .home-feed__article__une .category, .responsive-landing p, footer h4, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category, .article--image .article__infos .title, .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category, form input:not([type=radio], [type=submit]), form textarea, ::placeholder, .btn, .custom-select .select-items div, .custom-select .select-selected, .pagination, .article--event--aside h5.category, .article--event--aside h4.title, .article--event--aside h2.time, .article--event .title, .article--press .category, .article--press .title, .article--press .time, .article--une .background-image .category, .article--une .home-feed__article__post .category, .calendar-timeline__dates__day-number, .calendar-timeline .filters-nav__filters, .calendar-tiles__cell__title, .jsCalendar.custom .jsCalendar-title-name, .tile-content--infos .title, .cell-content--infos .title, .nav-main .nav__item, .nav-main .nav__submenu__item { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { ::-moz-placeholder { font-size: 1.55rem; } :-ms-input-placeholder { font-size: 1.55rem; } .heading-20px, article.user-content ol li, article.user-content ol, article.user-content ol::marker, .page__access__map .map__address .list *, .page__access__map h4, .page__access__map p, .page__content__aside .list li, .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li, .home-feed__article__press .category, .home-feed__article__press .title, .home-feed__article__press .time, .home-feed__article__event .title, .home-feed__article__une .category, .responsive-landing p, footer h4, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category, .article--image .article__infos .title, .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category, form input:not([type=radio], [type=submit]), form textarea, ::placeholder, .btn, .custom-select .select-items div, .custom-select .select-selected, .pagination, .article--event--aside h5.category, .article--event--aside h4.title, .article--event--aside h2.time, .article--event .title, .article--press .category, .article--press .title, .article--press .time, .article--une .background-image .category, .article--une .home-feed__article__post .category, .calendar-timeline__dates__day-number, .calendar-timeline .filters-nav__filters, .calendar-tiles__cell__title, .jsCalendar.custom .jsCalendar-title-name, .tile-content--infos .title, .cell-content--infos .title, .nav-main .nav__item, .nav-main .nav__submenu__item { font-size: 1.55rem; } } @media (min-width: 48rem) { ::-moz-placeholder { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } :-ms-input-placeholder { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } .heading-20px, article.user-content ol li, article.user-content ol, article.user-content ol::marker, .page__access__map .map__address .list *, .page__access__map h4, .page__access__map p, .page__content__aside .list li, .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li, .home-feed__article__press .category, .home-feed__article__press .title, .home-feed__article__press .time, .home-feed__article__event .title, .home-feed__article__une .category, .responsive-landing p, footer h4, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category, .article--image .article__infos .title, .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category, form input:not([type=radio], [type=submit]), form textarea, ::placeholder, .btn, .custom-select .select-items div, .custom-select .select-selected, .pagination, .article--event--aside h5.category, .article--event--aside h4.title, .article--event--aside h2.time, .article--event .title, .article--press .category, .article--press .title, .article--press .time, .article--une .background-image .category, .article--une .home-feed__article__post .category, .calendar-timeline__dates__day-number, .calendar-timeline .filters-nav__filters, .calendar-tiles__cell__title, .jsCalendar.custom .jsCalendar-title-name, .tile-content--infos .title, .cell-content--infos .title, .nav-main .nav__item, .nav-main .nav__submenu__item { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { ::-moz-placeholder { line-height: 1.9375rem; } :-ms-input-placeholder { line-height: 1.9375rem; } .heading-20px, article.user-content ol li, article.user-content ol, article.user-content ol::marker, .page__access__map .map__address .list *, .page__access__map h4, .page__access__map p, .page__content__aside .list li, .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li, .home-feed__article__press .category, .home-feed__article__press .title, .home-feed__article__press .time, .home-feed__article__event .title, .home-feed__article__une .category, .responsive-landing p, footer h4, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category, .article--image .article__infos .title, .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category, form input:not([type=radio], [type=submit]), form textarea, ::placeholder, .btn, .custom-select .select-items div, .custom-select .select-selected, .pagination, .article--event--aside h5.category, .article--event--aside h4.title, .article--event--aside h2.time, .article--event .title, .article--press .category, .article--press .title, .article--press .time, .article--une .background-image .category, .article--une .home-feed__article__post .category, .calendar-timeline__dates__day-number, .calendar-timeline .filters-nav__filters, .calendar-tiles__cell__title, .jsCalendar.custom .jsCalendar-title-name, .tile-content--infos .title, .cell-content--infos .title, .nav-main .nav__item, .nav-main .nav__submenu__item { line-height: 1.9375rem; } } /*h3*/ .heading-28px, .page__access__map h3, .page__content__aside h2, .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p, .page__header__informations .btn--pills:hover h3, .page__header h3, .home-feed__article__post .title, .bandeau p, .filters-nav--responsive .filters-nav__filters a, .article--post .title, .nav-responsive .nav__item, body { font-size: 1.55rem; line-height: 1.9375rem; } @media (min-width: 48rem) { .heading-28px, .page__access__map h3, .page__content__aside h2, .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p, .page__header__informations .btn--pills:hover h3, .page__header h3, .home-feed__article__post .title, .bandeau p, .filters-nav--responsive .filters-nav__filters a, .article--post .title, .nav-responsive .nav__item, body { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-28px, .page__access__map h3, .page__content__aside h2, .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p, .page__header__informations .btn--pills:hover h3, .page__header h3, .home-feed__article__post .title, .bandeau p, .filters-nav--responsive .filters-nav__filters a, .article--post .title, .nav-responsive .nav__item, body { font-size: 2.507rem; } } @media (min-width: 48rem) { .heading-28px, .page__access__map h3, .page__content__aside h2, .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p, .page__header__informations .btn--pills:hover h3, .page__header h3, .home-feed__article__post .title, .bandeau p, .filters-nav--responsive .filters-nav__filters a, .article--post .title, .nav-responsive .nav__item, body { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-28px, .page__access__map h3, .page__content__aside h2, .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p, .page__header__informations .btn--pills:hover h3, .page__header h3, .home-feed__article__post .title, .bandeau p, .filters-nav--responsive .filters-nav__filters a, .article--post .title, .nav-responsive .nav__item, body { line-height: 3.134rem; } } /*h2*/ .heading-51px, .page__soon h2:not(.time), .page__content__posts h2, .page__content__single h2, .home-feed__article__event .time, .home-feed__article__une .title, footer h2, footer h3, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title, .article--image .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title, .article--event .time, .article--une .background-image .title, .article--une .home-feed__article__post .title, .calendar-tiles__cell__time, .tile-content--infos .period, .cell-content--infos .period, .right-drawer__content__main h2, h1 { font-size: 2.507rem; line-height: 3.134rem; } @media (min-width: 48rem) { .heading-51px, .page__soon h2:not(.time), .page__content__posts h2, .page__content__single h2, .home-feed__article__event .time, .home-feed__article__une .title, footer h2, footer h3, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title, .article--image .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title, .article--event .time, .article--une .background-image .title, .article--une .home-feed__article__post .title, .calendar-tiles__cell__time, .tile-content--infos .period, .cell-content--infos .period, .right-drawer__content__main h2, h1 { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-51px, .page__soon h2:not(.time), .page__content__posts h2, .page__content__single h2, .home-feed__article__event .time, .home-feed__article__une .title, footer h2, footer h3, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title, .article--image .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title, .article--event .time, .article--une .background-image .title, .article--une .home-feed__article__post .title, .calendar-tiles__cell__time, .tile-content--infos .period, .cell-content--infos .period, .right-drawer__content__main h2, h1 { font-size: 4.212rem; } } @media (min-width: 48rem) { .heading-51px, .page__soon h2:not(.time), .page__content__posts h2, .page__content__single h2, .home-feed__article__event .time, .home-feed__article__une .title, footer h2, footer h3, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title, .article--image .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title, .article--event .time, .article--une .background-image .title, .article--une .home-feed__article__post .title, .calendar-tiles__cell__time, .tile-content--infos .period, .cell-content--infos .period, .right-drawer__content__main h2, h1 { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-51px, .page__soon h2:not(.time), .page__content__posts h2, .page__content__single h2, .home-feed__article__event .time, .home-feed__article__une .title, footer h2, footer h3, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title, .article--image .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title, .article--event .time, .article--une .background-image .title, .article--une .home-feed__article__post .title, .calendar-tiles__cell__time, .tile-content--infos .period, .cell-content--infos .period, .right-drawer__content__main h2, h1 { line-height: 5.265rem; } } /*h1*/ .heading-83px, .page__access h1, .page__header h1, .home-feed__article__une .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period, .article--une .background-image .time, .article--une .home-feed__article__post .time { font-size: 4.212rem; line-height: 5.265rem; } @media (min-width: 48rem) { .heading-83px, .page__access h1, .page__header h1, .home-feed__article__une .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period, .article--une .background-image .time, .article--une .home-feed__article__post .time { font-size: calc(4.212rem + 2.603 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-83px, .page__access h1, .page__header h1, .home-feed__article__une .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period, .article--une .background-image .time, .article--une .home-feed__article__post .time { font-size: 6.815rem; } } @media (min-width: 48rem) { .heading-83px, .page__access h1, .page__header h1, .home-feed__article__une .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period, .article--une .background-image .time, .article--une .home-feed__article__post .time { line-height: calc(5.265rem + 3.254 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .heading-83px, .page__access h1, .page__header h1, .home-feed__article__une .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time, .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period, .article--une .background-image .time, .article--une .home-feed__article__post .time { line-height: 8.519rem; } } a { color: var(--color-primary); } html, body { font-size: 10px; text-rendering: optimizeSpeed; } body { width: 100%; max-width: 100vw; min-width: 100%; background-color: var(--color-secondary); } .container-fullscreen { height: 100vh; /* Fallback for browsers that do not support Custom Properties */ height: calc(var(--vh, 1vh) * 100); width: 100%; overflow: hidden; } .container-fullscreen--overflow { overflow: auto; } .container-fullscreen--overflow-y { overflow-y: scroll; } .container-fullscreen--adapt { min-height: calc(var(--vh, 1vh) * 100); height: auto; } .rotate-wrapper-outer { display: table; } .rotate-wrapper-inner { height: 0; } .rotate-90-ccw { display: block; transform-origin: top left; transform: rotate(-90deg); } .rotate-wrapper-inner-r { height: 100%; background-color: red; } .rotate-90-ccw-r { background-color: green; display: block; transform-origin: center; transform: rotate(-90deg); white-space: nowrap; } .rotate { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; } .nav { z-index: 1010; background: var(--color-primary) 0% 0% no-repeat padding-box; opacity: 1; height: 52px; width: 100%; min-width: 100%; display: flex; justify-content: space-between; position: fixed; } .nav a { color: var(--color-secondary); text-decoration: none; } .nav__panel { min-height: 100%; height: 100%; min-width: 100px; display: flex; align-items: center; } .nav__panel--right { justify-content: flex-end; text-align: right; margin-right: 31px; } .nav__panel--left { margin-left: 31px; } .nav__submenu { position: absolute; display: none; z-index: 999; top: 51px; } .nav__submenu a { color: var(--color-primary); text-decoration: none; } .nav__submenu__item { color: var(--color-primary); } .nav__item { cursor: pointer; margin-right: 32px; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; } .nav__item:last-child:last-child { margin-right: 0px; width: 100%; } @media screen and (max-width: 900px) { .nav__panel--right { margin-right: 47px; } } @media screen and (max-width: 780px) { .nav__panel--right { margin-right: 31px; } } @media screen and (max-width: 480px) { .nav__panel--right { margin-right: 16px; } .nav__panel--left { margin-left: 16px; } .nav__item { margin-right: 16px; } } .nav-main { top: 0; } @media screen and (max-width: 780px) { .nav-main { display: none; } } .nav-main .nav__panel { justify-content: flex-start; } .nav-main .nav__submenu { background-color: var(--color-secondary); border: 1px solid var(--color-primary); width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: 190px; } .nav-main .nav__submenu a { color: var(--color-primary); } .nav-main .nav__submenu__item { padding: 8px 16px; color: var(--color-primary); position: relative; } .nav-main .nav__item { white-space: nowrap; color: var(--color-secondary); text-transform: uppercase; } .nav-responsive { bottom: 0; border-top: solid 1px var(--color-secondary); } @media screen and (min-width: 781px) { .nav-responsive { display: none; } } .nav-responsive .nav__panel { justify-content: flex-start; } .nav-responsive .nav__today { display: none; grid-template-columns: auto; grid-template-rows: auto auto 64px; background-color: var(--color-primary); position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 16px 31px 16px; } .nav-responsive .nav__today--visible { display: grid; } .nav-responsive .nav__today__items { max-height: 100%; min-height: 100%; overflow: auto; text-align: left; color: var(--color-secondary); } .nav-responsive .nav__today__buttons { min-height: 100%; } .nav-responsive .nav__today .right-drawer__calendar .calendar-tiles__cell { border: 1px solid var(--color-secondary); } .nav-responsive .nav__submenu { display: none; grid-template-columns: auto; grid-template-rows: 80px auto 64px; background-color: var(--color-primary); position: fixed; top: 0; left: 0; bottom: 0; right: 0; padding: 16px 31px 16px; } .nav-responsive .nav__submenu--visible { display: grid; } .nav-responsive .nav__submenu__items { overflow-y: auto; } .nav-responsive .nav__submenu__logo { height: 64px; background-color: inherit; } .nav-responsive .nav__submenu__logo svg { fill: var(--color-secondary); stroke: var(--color-secondary); height: 100%; } .nav-responsive .nav__submenu a { color: var(--color-secondary); } .nav-responsive .nav__submenu__item { color: var(--color-secondary); padding: 2.0151133501rem 0px 0px 0px; } .nav-responsive .nav__submenu__item--opened { padding-bottom: 2.0151133501rem; border-bottom: solid 1px var(--color-secondary); } .nav-responsive .nav__submenu__item--opened .nav__submenu__item__pages { max-height: 1500px; height: auto; transition: max-height 0.4s ease-in-out; padding-top: 8px; } .nav-responsive .nav__submenu__item--opened .nav__submenu__item__button .btn--svg svg { transform: rotate(0deg); } .nav-responsive .nav__submenu__item__button { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .nav-responsive .nav__submenu__item__button .btn, .nav-responsive .nav__submenu__item__button .custom-select .select-items div, .custom-select .select-items .nav-responsive .nav__submenu__item__button div, .nav-responsive .nav__submenu__item__button .custom-select .select-selected, .custom-select .nav-responsive .nav__submenu__item__button .select-selected { height: auto; width: 42; background-color: inherit; display: flex; justify-content: flex-end; align-items: center; } .nav-responsive .nav__submenu__item__button .btn svg, .nav-responsive .nav__submenu__item__button .custom-select .select-items div svg, .custom-select .select-items .nav-responsive .nav__submenu__item__button div svg, .nav-responsive .nav__submenu__item__button .custom-select .select-selected svg, .custom-select .nav-responsive .nav__submenu__item__button .select-selected svg { height: 16px; width: 16px; fill: var(--color-secondary); transform-origin: center center; transform: rotate(-90deg); transition: transform 0.2s ease-in-out; } @media screen and (max-width: 780px) { .nav-responsive .nav__submenu__item__button .btn, .nav-responsive .nav__submenu__item__button .custom-select .select-items div, .custom-select .select-items .nav-responsive .nav__submenu__item__button div, .nav-responsive .nav__submenu__item__button .custom-select .select-selected, .custom-select .nav-responsive .nav__submenu__item__button .select-selected { height: auto; min-height: auto; } } .nav-responsive .nav__submenu__item__pages { /*menu toggle*/ max-height: 0; height: 0px; min-height: 0px; overflow: hidden; transition: max-height 0.4s ease-in-out; width: calc(100% - 42px); display: flex; flex-direction: column; align-items: stretch; color: var(--color-secondary); } .nav-responsive .nav__submenu__item__pages a { padding: 8px 0px; } .nav-responsive .nav__submenu__item__pages a:last-child { padding-bottom: 0px; } .nav-responsive .nav__submenu__buttons { display: flex; flex-direction: row; width: auto; justify-content: space-between; align-items: center; position: absolute; bottom: 16px; left: 31px; right: 31px; } @media screen and (max-width: 480px) { .nav-responsive .nav__submenu__buttons { left: 16px; right: 16px; } } .nav-responsive .nav__submenu__buttons .btn, .nav-responsive .nav__submenu__buttons .custom-select .select-items div, .custom-select .select-items .nav-responsive .nav__submenu__buttons div, .nav-responsive .nav__submenu__buttons .custom-select .select-selected, .custom-select .nav-responsive .nav__submenu__buttons .select-selected { color: var(--color-secondary); background-color: inherit; border: solid 1px var(--color-secondary); border-radius: 50%; display: flex; justify-content: center; align-items: center; } .nav-responsive .nav__submenu__buttons .btn svg, .nav-responsive .nav__submenu__buttons .custom-select .select-items div svg, .custom-select .select-items .nav-responsive .nav__submenu__buttons div svg, .nav-responsive .nav__submenu__buttons .custom-select .select-selected svg, .custom-select .nav-responsive .nav__submenu__buttons .select-selected svg { height: 16px; fill: var(--color-secondary); } .nav-responsive .nav__submenu__buttons .btn:hover, .nav-responsive .nav__submenu__buttons .custom-select .select-items div:hover, .custom-select .select-items .nav-responsive .nav__submenu__buttons div:hover, .nav-responsive .nav__submenu__buttons .custom-select .select-selected:hover, .custom-select .nav-responsive .nav__submenu__buttons .select-selected:hover { color: var(--color-primary); background-color: var(--color-secondary); border-color: var(--color-secondary); } .nav-responsive .nav__submenu__buttons .btn:hover svg, .nav-responsive .nav__submenu__buttons .custom-select .select-items div:hover svg, .custom-select .select-items .nav-responsive .nav__submenu__buttons div:hover svg, .nav-responsive .nav__submenu__buttons .custom-select .select-selected:hover svg, .custom-select .nav-responsive .nav__submenu__buttons .select-selected:hover svg { fill: var(--color-primary); } .nav-responsive .nav__item { text-transform: uppercase; color: var(--color-secondary); } @media screen and (max-width: 480px) { .nav-responsive .nav__submenu { padding: 16px; } } .sidebar, .right-drawer, .right-sidebar, .left-sidebar { position: fixed; display: flex; flex-direction: column; justify-content: space-between; color: var(--color-primary); fill: var(--color-primary); padding-top: 3.2rem; --top: 52px; z-index: 996; mix-blend-mode: var(--mix-blend-sidebars); top: var(--top); height: calc(100% - (var(--top) + 32px)); } .sidebar--negative, body.sidebars--difference .right-sidebar, body.sidebars--difference .left-sidebar { color: var(--color-secondary); fill: var(--color-secondary); } .sidebar--centered, .right-drawer, .right-sidebar { align-items: center; } body.sidebars--normal .left-sidebar__logo svg { width: 100%; max-width: 100%; fill: var(--color-primary); } body.sidebars--difference .left-sidebar__address { color: var(--color-secondary); } .left-sidebar { width: 5.5435952637%; margin-left: var(--margin); min-height: 350px; overflow: hidden; min-width: 60px; } @media screen and (max-width: 780px) { .left-sidebar { display: none; } } .left-sidebar__logo a { display: block; } .left-sidebar__logo svg { width: 100%; max-width: 100%; fill: var(--color-secondary); height: 100%; } .left-sidebar__address { justify-self: flex-end; width: 100%; max-width: 100%; height: 0px; padding-bottom: calc(3.2rem); text-rendering: optimizeLegibility; text-transform: uppercase; } .left-sidebar__address p { font-size: 0.88rem; line-height: 1.1rem; } @media screen and (min-width: 1081px) { .left-sidebar__address p { /*h5*/ font-size: 0.88rem; line-height: 1.1rem; } } @media screen and (min-width: 1081px) and (min-width: 48rem) { .left-sidebar__address p { font-size: calc(0.88rem + 0.22 * (100vw - 48rem) / 137); } } @media screen and (min-width: 1081px) and (min-width: 185rem) { .left-sidebar__address p { font-size: 1.1rem; } } @media screen and (min-width: 1081px) and (min-width: 48rem) { .left-sidebar__address p { line-height: calc(1.1rem + 0.275 * (100vw - 48rem) / 137); } } @media screen and (min-width: 1081px) and (min-width: 185rem) { .left-sidebar__address p { line-height: 1.375rem; } } body.sidebars--difference .right-sidebar { color: var(--color-secondary); text-transform: uppercase; } body.sidebars--difference .right-sidebar a { color: var(--color-secondary); } body.sidebars--difference .right-sidebar__content__newsletter { color: var(--color-secondary); } body.sidebars--difference .right-sidebar__content__social-media__item { border: 1px solid var(--color-secondary); cursor: pointer; } body.sidebars--difference .right-sidebar__content__social-media__item:hover { background-color: var(--color-secondary); } body.sidebars--difference .right-sidebar__content__social-media__item:hover svg .a { fill: var(--color-primary); } body.sidebars--difference .right-sidebar__content__social-media svg .a { fill: var(--color-secondary); } .right-sidebar { right: 0px; width: 7.2658772874%; min-width: 60px; text-transform: uppercase; } @media screen and (max-width: 780px) { .right-sidebar { display: none; } } .right-sidebar a { color: var(--color-primary); } .right-sidebar__content { min-width: 100%; position: relative; height: 100%; } .right-sidebar__content__newsletter { position: absolute; z-index: 1; color: var(--color-primary); width: 290px; height: auto; transform: rotate(270deg); transform-origin: 145px 145px; } .right-sidebar__content__newsletter p { text-align: right; } .right-sidebar__content__social-media { position: absolute; bottom: 3.2rem; display: flex; flex-direction: column; justify-content: space-between; } .right-sidebar__content__social-media__item { width: 32px; height: 32px; border: 1px solid var(--color-primary); margin-top: 3.2rem; } .right-sidebar__content__social-media__item svg { fill: var(--color-primary); } .right-sidebar__content__social-media__item:hover { border: 1px solid var(--color-secondary); background-color: var(--color-primary); } .right-sidebar__content__social-media__item:hover svg { fill: var(--color-secondary); } body.sidebars--difference .right-drawer { color: var(--color-secondary); border-left: 1px solid var(--color-secondary); } body.sidebars--difference .right-drawer--opened { color: var(--color-primary); background-color: var(--color-secondary); border-left: 1px solid var(--color-primary); } body.sidebars--difference .right-drawer--opened .right-drawer__content .calendar-tiles a { color: var(--color-primary); } body.sidebars--difference .right-drawer--opened .right-drawer__content .calendar-tiles a:hover { color: var(--color-secondary); } body.sidebars--difference .right-drawer--opened .right-drawer__content__drag-icon .drag-icon { border-left: solid 1px var(--color-primary); border-right: solid 1px var(--color-primary); } body.sidebars--difference .right-drawer a { color: var(--color-secondary); } body.sidebars--difference .right-drawer__content__drag-icon .drag-icon { border-left: solid 1px var(--color-secondary); border-right: solid 1px var(--color-secondary); } .nav-responsive .nav__today .image-background { background-image: var(--tile-background); background-repeat: no-repeat; background-position: center; background-size: cover; } .nav-responsive .nav__today .right-drawer__calendar.calendar-tiles { height: 100%; max-height: 100%; overflow-y: auto; margin-top: 16px; } .nav-responsive .nav__today .right-drawer__calendar .calendar-tiles__cell { margin-bottom: 2.0151133501rem; flex-direction: row; align-items: stretch; } .nav-responsive .nav__today .right-drawer__calendar .calendar-tiles__cell__image { max-width: 40%; min-width: 40%; width: 40%; height: auto; flex-grow: 1; } .nav-responsive .nav__today .right-drawer__calendar .calendar-tiles__cell__infos { flex-grow: 3; } .right-drawer { --top: 51px; width: calc((1.7222820237% * 5) + (5.5435952637% * 5)); min-width: 400px; z-index: 997; mix-blend-mode: var(--mix-blend-sidebars); position: fixed; left: calc(100% - 25px); top: var(--top); height: calc(100% - (var(--top) + 1.7222820237%)); padding-top: 3.2rem; border-left: 1px solid var(--color-primary); cursor: pointer; } @media screen and (max-width: 1080px) { .right-drawer { width: calc((1.7222820237% * 6) + (5.5435952637% * 7)); } } @media screen and (max-width: 780px) { .right-drawer { display: none; } } .right-drawer a { text-decoration: none; } .right-drawer__content { min-width: 100%; position: relative; height: 100%; display: flex; flex-direction: row; justify-content: space-between; } .right-drawer__content .image-background { min-width: 150px; background-image: var(--tile-background); background-repeat: no-repeat; background-position: center; background-size: cover; } .right-drawer__content #drawer_today { position: relative; max-width: 32px; width: 1.7222820237%; min-width: 24px; } .right-drawer__content__today { position: absolute; z-index: 1; width: 290px; height: auto; transform: rotate(270deg); transform-origin: 149px 142px; } .right-drawer__content__today p { text-align: right; padding: 0px; line-height: 8px; } .right-drawer__content .btn--circle { display: flex; justify-content: center; align-items: center; } .right-drawer__content .btn--circle svg { height: 11px; } @media screen and (max-width: 780px) { .right-drawer__content .btn--circle svg { height: 14px; } } .right-drawer__content__drag-icon { position: absolute; top: calc(50% - 32px); padding: 0px 25%; } .right-drawer__content__drag-icon .drag-icon { content: ""; height: 32px; width: 10px; border-left: solid 1px var(--color-primary); border-right: solid 1px var(--color-primary); } .right-drawer__content__main { display: grid; grid-template-columns: auto; grid-template-rows: 51px auto 40px; width: 100%; height: 100%; min-height: 100%; padding: 0px 30px 30px 10px; } .right-drawer__content .pagination { justify-content: flex-end; } .right-drawer__content .right-drawer__calendar.calendar-tiles { height: 100%; max-height: 100%; overflow-y: auto; margin-top: 16px; } .right-drawer__content .right-drawer__calendar .calendar-tiles__cell { margin-bottom: 2.0151133501rem; flex-direction: row; align-items: stretch; min-height: 8.0604534005rem; } .right-drawer__content .right-drawer__calendar .calendar-tiles__cell__image { max-width: 33%; height: auto; flex-grow: 1; } .right-drawer__content .right-drawer__calendar .calendar-tiles__cell__infos { flex-grow: 3; } .right-drawer__title { cursor: pointer; } .right-drawer--opened { mix-blend-mode: normal; background-color: var(--color-secondary); border: 1px solid var(--color-primary); } .right-drawer--opened .right-drawer__content__today { display: none; } .right-drawer--opened .right-drawer__content .drag-icon { border-left: solid 1px var(--color-primary); border-right: solid 1px var(--color-primary); } .custom-select .select-items, .custom-select .select-selected:before, .custom-select .select-selected:after, .custom-select .select-selected, .custom-select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .custom-select { position: relative; width: auto; margin-bottom: 1.0075566751rem; /* style the items (options), including the selected item: */ /* Style items (options): */ /* Hide the items when the select box is closed: */ } @media screen and (max-width: 480px) { .custom-select { margin-bottom: 16px; } } .custom-select select { display: none; } .custom-select .select-selected { border: solid 1px var(--color-primary); border-radius: 71px; outline: 0px solid transparent; } .custom-select .select-selected:before, .custom-select .select-selected:after { position: absolute; content: ""; margin-left: 6px; } .custom-select .select-items div, .custom-select .select-selected { color: var(--color-primary); padding: 8px 32px 8px 16px; cursor: pointer; margin-right: 0px !important; } .custom-select .select-items { position: absolute; top: calc(100% + 1.0075566751rem); right: 0; width: 100%; z-index: 99; border: solid 1px var(--color-primary); } .custom-select .select-hide { display: none; } .custom-select .select-items div:hover, .custom-select .same-as-selected { background-color: var(--color-primary); color: var(--color-secondary); } .cell-border { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: solid 1px var(--color-primary); } .cell-carousel { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto; overflow-x: hidden; position: relative; } .cell-carousel > * { min-width: 100%; width: 100%; } .cell__event { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto; } .cell__event .cell-content { flex-direction: row; align-items: stretch; } .cell__event .cell-content--image { position: relative; max-width: 33%; width: 33%; min-width: 33%; height: auto; flex-grow: 1; } @media screen and (max-width: 640px) { .cell__event .cell-content--image { min-height: 9rem; } } .cell__event .cell-content--infos { flex-grow: 3; } .cell__post { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: auto; } .cell__post .cell-content { flex-direction: row; align-items: stretch; } .cell__post .cell-content--image { position: relative; min-width: 33%; max-width: 33%; width: 33%; height: auto; flex-grow: 1; } @media screen and (max-width: 640px) { .cell__post .cell-content--image { min-height: 9rem; } } .cell__post .cell-content--infos { flex-grow: 3; } .cell { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .cell--hidden { display: none; } .cell a { text-decoration: none; } .cell-content { min-height: 112px; height: 100%; } .cell-content.clickable { cursor: pointer; } .cell-content--image { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 100%; } .cell-content--infos { padding: 14px 16px 5px 16px; } .cell-content--infos > * { width: 100%; } .cell-content--infos .category { margin-bottom: 1px; } @media screen and (max-width: 780px) { .cell-content--infos .title { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell-content--infos .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell-content--infos .title { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell-content--infos .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell-content--infos .title { line-height: 3.134rem; } } @media screen and (max-width: 780px) { .cell-content--infos .category, .cell-content--infos .more { /* h5 */ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell-content--infos .category, .cell-content--infos .more { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell-content--infos .category, .cell-content--infos .more { font-size: 1.1rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell-content--infos .category, .cell-content--infos .more { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell-content--infos .category, .cell-content--infos .more { line-height: 1.375rem; } } @media screen and (max-width: 780px) { .cell-content--infos .btn--more { min-height: inherit; } } .cell .pagination { position: absolute; bottom: calc(2.0151133501rem / 2); right: 16px; opacity: 0.6; } @media screen and (max-width: 640px) { .cell .pagination { bottom: 1.0075566751rem; } } @media screen and (max-width: 780px) { .cell .cell-content--infos .title { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell .cell-content--infos .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell .cell-content--infos .title { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell .cell-content--infos .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell .cell-content--infos .title { line-height: 3.134rem; } } @media screen and (max-width: 780px) { .cell .cell-content--infos .category, .cell .cell-content--infos .more { /* h5 */ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell .cell-content--infos .category, .cell .cell-content--infos .more { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell .cell-content--infos .category, .cell .cell-content--infos .more { font-size: 1.1rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .cell .cell-content--infos .category, .cell .cell-content--infos .more { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .cell .cell-content--infos .category, .cell .cell-content--infos .more { line-height: 1.375rem; } } @media screen and (max-width: 780px) { .cell .cell-content--infos .btn--more { min-height: inherit; } } @media screen and (min-width: 641px) and (max-width: 1080px) { .grid-3-col .cell.--small { width: calc((2.0151133501% * 5) + (6.4861460957% * 6)); } } .tile-border { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: solid 1px var(--color-primary); min-height: 26rem; } @media (min-width: 48rem) { .tile-border { min-height: calc(26rem + 14 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .tile-border { min-height: 40rem; } } .tile-carousel { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%; overflow: hidden; position: relative; } .tile-carousel > * { min-width: 100%; width: 100%; } .tile-background--image, .tile-background--cover { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; background-image: var(--tile-background-md); } @media screen and (max-width: 900px) { .tile-background--image, .tile-background--cover { background-image: var(--tile-background-md); } } @media screen and (max-width: 640px) { .tile-background--image, .tile-background--cover { background-image: var(--tile-background-sm); } } .tile-background--cover { width: 100%; height: 100%; position: absolute; } .tile-background--gradient { background-image: linear-gradient(var(--post-gradient-start), var(--post-gradient-middle), var(--post-gradient-stop)); } .tile-background--uni { background-color: var(--post-gradient-start); } .tile-background--image { width: 100%; height: 100%; position: absolute; background-color: var(--color-primary); } .tile__color { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%; position: relative; background-color: var(--color-primary); } .tile__color .tile-content--infos { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%; text-align: center; top: 0px; color: var(--color-secondary); text-shadow: rgba(0, 0, 0, 0.3019607843) 0px 0px 9px; padding-top: 1.0075566751rem; padding-bottom: 1.0075566751%; } .tile__color .tile-content--infos.has-tile-background { width: 100%; position: absolute; } .tile__color .tile-content--infos .period { display: none; } .tile__cover { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%; position: relative; } .tile__cover .tile-content--image { width: 100%; height: 100%; position: relative; background-color: var(--color-primary); } .tile__cover .tile-content--image::after { content: ""; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7882352941), 13%, transparent 40%); position: absolute; height: 100%; width: 100%; } .tile__cover .tile-content--infos { position: absolute; bottom: 0; left: 0; right: 0; color: var(--color-secondary); text-shadow: rgba(0, 0, 0, 0.3019607843) 0px 0px 9px; padding-top: 1.0075566751rem; padding-bottom: 1.0075566751%; } .tile__event { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%; } .tile__event .tile-content--image { width: 100%; margin-bottom: 1.0075566751rem; position: relative; padding-top: 18rem; } @media (min-width: 48rem) { .tile__event .tile-content--image { padding-top: calc(18rem + 34.2 * (100vw - 48rem) / 352); } } @media (min-width: 400rem) { .tile__event .tile-content--image { padding-top: 52.2rem; } } .tile__event .tile-content--infos { height: 100%; } .tile { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tile-tag { position: absolute; top: 0; left: 0; z-index: 1; width: auto; height: auto; color: var(--color-primary); border-right: solid 1px var(--color-primary); border-bottom: solid 1px var(--color-primary); padding: 4px 16px; background-color: var(--color-secondary); } .tile a { text-decoration: none; } .tile-content.clickable { cursor: pointer; } .tile-content--image { background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; background-image: var(--tile-background); } @media screen and (max-width: 900px) { .tile-content--image { background-image: var(--tile-background-md); } } @media screen and (max-width: 640px) { .tile-content--image { background-image: var(--tile-background-sm); } } .tile-content--image.archive { filter: grayscale(100%); transition: filter 0.5s; } .tile-content--image.archive:hover { filter: none; } .tile-content--infos { padding: 0px 16px; } .tile-content--infos .category { margin-bottom: 1px; } @media screen and (max-width: 780px) { .tile-content--infos .title { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .tile-content--infos .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .tile-content--infos .title { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .tile-content--infos .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .tile-content--infos .title { line-height: 3.134rem; } } @media screen and (max-width: 780px) { .tile-content--infos .category, .tile-content--infos .more { /* h5 */ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .tile-content--infos .category, .tile-content--infos .more { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .tile-content--infos .category, .tile-content--infos .more { font-size: 1.1rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .tile-content--infos .category, .tile-content--infos .more { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .tile-content--infos .category, .tile-content--infos .more { line-height: 1.375rem; } } @media screen and (max-width: 780px) { .tile-content--infos .btn--more { min-height: inherit; } } .tile .pagination { display: none; position: absolute; bottom: calc(3.2rem / 2); right: 16px; } @media screen and (max-width: 640px) { .tile .pagination { bottom: 1.0075566751rem; } } .tile .pagination .btn--circle { mix-blend-mode: exclusion; background-color: inherit; border: solid 1px var(--color-secondary); fill: var(--color-secondary); } .tile .pagination .btn--circle:hover { background-color: var(--color-secondary); border: solid 1px var(--color-primary); fill: var(--color-primary); } @media screen and (min-width: 641px) and (max-width: 900px) { .grid-3-col .tile.--small { width: calc((2.0151133501% * 5) + (6.4861460957% * 6)); } } @media screen and (max-width: 780px) { .grid-3-col .tile .tile-content--infos .title { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .grid-3-col .tile .tile-content--infos .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .grid-3-col .tile .tile-content--infos .title { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .grid-3-col .tile .tile-content--infos .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .grid-3-col .tile .tile-content--infos .title { line-height: 3.134rem; } } @media screen and (max-width: 780px) { .grid-3-col .tile .tile-content--infos .category, .grid-3-col .tile .tile-content--infos .more { /* h5 */ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .grid-3-col .tile .tile-content--infos .category, .grid-3-col .tile .tile-content--infos .more { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .grid-3-col .tile .tile-content--infos .category, .grid-3-col .tile .tile-content--infos .more { font-size: 1.1rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .grid-3-col .tile .tile-content--infos .category, .grid-3-col .tile .tile-content--infos .more { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .grid-3-col .tile .tile-content--infos .category, .grid-3-col .tile .tile-content--infos .more { line-height: 1.375rem; } } @media screen and (max-width: 780px) { .grid-3-col .tile .tile-content--infos .btn--more { min-height: inherit; } } .icon { background-repeat: no-repeat; background-color: var(--color-secondary); background-position: center; } .icon-arrow { background-image: url("data:image/svg+xml;utf8,"); } .arrow--down, .custom-select .select-selected:before, .custom-select .select-selected:after, .arrow--up, .custom-select .select-selected.select-arrow-active:before, .custom-select .select-selected.select-arrow-active:after, .arrow--right, .arrow--left { position: relative; width: 30px; height: 30px; display: inline-block; transition: 0.3s; } .arrow--down::after, .custom-select .select-selected::after, .arrow--up::after, .custom-select .select-selected.select-arrow-active::after, .arrow--right::after, .arrow--left::after, .arrow--down::before, .custom-select .select-selected::before, .arrow--up::before, .custom-select .select-selected.select-arrow-active::before, .arrow--right::before, .arrow--left::before { content: ""; width: 8px; height: 2px; background-color: var(--color-primary); position: absolute; } .arrow--right::before, .arrow--left::before { top: 9px; } .arrow--right::after, .arrow--left::after { bottom: 9px; } .arrow--down::before, .custom-select .select-selected::before, .arrow--up::before, .custom-select .select-selected.select-arrow-active::before, .arrow--down::after, .custom-select .select-selected::after, .arrow--up::after, .custom-select .select-selected.select-arrow-active::after { top: 1.6rem; } @media screen and (max-width: 780px) { .arrow--down::before, .custom-select .select-selected::before, .arrow--up::before, .custom-select .select-selected.select-arrow-active::before, .arrow--down::after, .custom-select .select-selected::after, .arrow--up::after, .custom-select .select-selected.select-arrow-active::after { top: 1.9rem; } } .arrow--left::after, .arrow--left::before { left: 0; } .arrow--left::before { transform: rotate(-45deg); } .arrow--left::after { transform: rotate(45deg); } .arrow--right::after, .arrow--right::before { right: 0; } .arrow--right::before { transform: rotate(45deg); } .arrow--right::after { transform: rotate(-45deg); } .arrow--up::before, .custom-select .select-selected.select-arrow-active::before { transform: rotate(-49deg); right: 17px; } .arrow--up::after, .custom-select .select-selected.select-arrow-active::after { transform: rotate(49deg); right: 13px; } .arrow--down::before, .custom-select .select-selected::before { transform: rotate(49deg); right: 17px; } .arrow--down::after, .custom-select .select-selected::after { transform: rotate(-49deg); right: 13px; } .jsCalendar.custom { min-width: 300px; } .jsCalendar.custom table { background-color: var(--color-secondary); box-shadow: 0 0 0px rgba(80, 80, 80, 0.4); border: 1px solid var(--color-primary); border-radius: 0px; margin: 0px; font-family: var(--font-family-gotham); color: rgba(0, 0, 0, 0.25); } .jsCalendar.custom thead .jsCalendar-nav-left, .jsCalendar.custom thead .jsCalendar-nav-right { color: var(--color-primary); height: 10px; width: 10px; margin: 14px; } .jsCalendar.custom thead .jsCalendar-nav-left::after { transform: rotate(180deg); } .jsCalendar.custom thead .jsCalendar-nav-left::after, .jsCalendar.custom thead .jsCalendar-nav-right::after { content: ""; background-image: url("/assets/images/arrow.svg"); height: 100%; width: 100%; display: block; background-position: center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; } .jsCalendar.custom thead .jsCalendar-nav-left:hover, .jsCalendar.custom thead .jsCalendar-nav-right:hover { background-color: var(--color-secondary); } .jsCalendar.custom thead .jsCalendar-title-row { color: var(--color-primary); } .jsCalendar.custom .jsCalendar-title-name { line-height: inherit; font-weight: normal; } @media screen and (max-width: 780px) { .jsCalendar.custom .jsCalendar-title-name { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .jsCalendar.custom .jsCalendar-title-name { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .jsCalendar.custom .jsCalendar-title-name { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .jsCalendar.custom .jsCalendar-title-name { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .jsCalendar.custom .jsCalendar-title-name { line-height: 3.134rem; } } .jsCalendar.custom tbody td.jsCalendar-selected { background-color: var(--color-secondary); border: 2px solid transparent; color: var(--color-primary); } .jsCalendar.custom tbody td.jsCalendar ::-moz-selection { background-color: inherit; } .jsCalendar.custom tbody td.jsCalendar ::selection { background-color: inherit; } .jsCalendar.custom tbody td:hover, .jsCalendar.custom tbody td.jsCalendar-current { background-color: var(--color-primary); color: var(--color-secondary); } .jsCalendar.custom tbody td.jsCalendar-previous, .jsCalendar.custom tbody td.jsCalendar-next { color: transparent; background-color: inherit; } .jsCalendar.custom tbody td.jsCalendar-next { display: none; } .jsCalendar.custom tbody td.jsCalendar-previous:hover, .jsCalendar.custom tbody td.jsCalendar-next:hover { color: var(--color-secondary); } .filters-nav__calendar { position: relative; } .filters-nav__calendar .jsCalendar { position: absolute; z-index: 999; display: none; right: -10px; top: 46px; } @media screen and (max-width: 780px) { .filters-nav__calendar .jsCalendar { top: 50px; } } .cancel-overlay { position: absolute; cursor: pointer; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: transparent; display: none; z-index: 998; } .calendar-tiles { width: 100%; max-width: 100%; height: auto; } .calendar-tiles a { text-decoration: none; height: 100%; } .calendar-tiles h3 { margin-bottom: 2px; } .calendar-tiles__cell { border: 1px solid var(--color-primary); display: flex; flex-direction: column; flex-grow: 1; } .calendar-tiles__cell--hidden { display: none; } .calendar-tiles__cell__infos { padding: 14px 16px 5px 16px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .calendar-tiles__cell__time { margin-top: 6px; } .calendar-tiles__cell__category, .calendar-tiles__cell__more { margin-bottom: 1px; } .calendar-tiles__cell:hover .btn--more { background-color: var(--color-primary); color: var(--color-secondary); } @media screen and (max-width: 780px) { .calendar-tiles__cell__title { /*h3*/ font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .calendar-tiles__cell__title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .calendar-tiles__cell__title { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .calendar-tiles__cell__title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .calendar-tiles__cell__title { line-height: 3.134rem; } } @media screen and (max-width: 780px) { .calendar-tiles__cell__category, .calendar-tiles__cell__more { /* h5 */ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .calendar-tiles__cell__category, .calendar-tiles__cell__more { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .calendar-tiles__cell__category, .calendar-tiles__cell__more { font-size: 1.1rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .calendar-tiles__cell__category, .calendar-tiles__cell__more { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .calendar-tiles__cell__category, .calendar-tiles__cell__more { line-height: 1.375rem; } } @media screen and (max-width: 780px) { .calendar-tiles__cell .btn--more { min-height: inherit; } } .calendar-timeline { width: auto; gap: 2.0151133501%; margin-bottom: 2.0151133501%; position: relative; padding-left: calc(33px + 2.0151133501%); padding-right: calc(33px + 2.0151133501%); } @media screen and (max-width: 780px) { .calendar-timeline { padding-left: calc(42px + 2.0151133501%); padding-right: calc(42px + 2.0151133501%); } } @media screen and (max-width: 640px) { .calendar-timeline { padding-left: inherit; padding-right: inherit; } } @media screen and (max-width: 480px) { .calendar-timeline { margin-bottom: 16px; } } .calendar-timeline .btn, .calendar-timeline .custom-select .select-items div, .custom-select .select-items .calendar-timeline div, .calendar-timeline .custom-select .select-selected, .custom-select .calendar-timeline .select-selected { margin-right: inherit; } .calendar-timeline .btn:first-child, .calendar-timeline .custom-select .select-items div:first-child, .custom-select .select-items .calendar-timeline div:first-child, .calendar-timeline .custom-select .select-selected:first-child, .custom-select .calendar-timeline .select-selected:first-child, .calendar-timeline .btn:last-child, .calendar-timeline .custom-select .select-items div:last-child, .custom-select .select-items .calendar-timeline div:last-child, .calendar-timeline .custom-select .select-selected:last-child, .custom-select .calendar-timeline .select-selected:last-child { position: absolute; bottom: 0px; display: inline-block; } .calendar-timeline .btn:first-child, .calendar-timeline .custom-select .select-items div:first-child, .custom-select .select-items .calendar-timeline div:first-child, .calendar-timeline .custom-select .select-selected:first-child, .custom-select .calendar-timeline .select-selected:first-child { left: 0; } .calendar-timeline .btn:last-child, .calendar-timeline .custom-select .select-items div:last-child, .custom-select .select-items .calendar-timeline div:last-child, .calendar-timeline .custom-select .select-selected:last-child, .custom-select .calendar-timeline .select-selected:last-child { right: 0; } .calendar-timeline .btn--circle svg { margin: 0px auto; } .calendar-timeline .btn--circle svg.arrow--left { margin-left: auto; } .calendar-timeline .separator { border-right: solid 1px var(--color-primary); min-height: auto; height: auto; width: 0px; } .calendar-timeline .filters-nav__filters h4 { text-transform: uppercase; margin: auto 0px; } @media screen and (max-width: 480px) { .calendar-timeline .filters-nav__filters .timeline__next-date { display: none; } } @media screen and (max-width: 640px) { .calendar-timeline__dates { padding-left: calc(42px + 2.0151133501%); padding-right: calc(42px + 2.0151133501%); } } .calendar-timeline__dates__list { /* Track */ /* Handle */ flex-grow: 2; overflow-x: scroll; overflow-y: hidden; gap: calc(2.0151133501% / 2); scrollbar-width: none; } .calendar-timeline__dates__list::-webkit-scrollbar { height: 0px; display: none; -webkit-appearance: none; width: 0; } .calendar-timeline__dates__list::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--color-disabled); border-radius: 10px; } .calendar-timeline__dates__list::-webkit-scrollbar-thumb { background: var(--color-primary); border-radius: 10px; } @media screen and (max-width: 780px) { .calendar-timeline__dates__list { gap: 2.0151133501%; } } .calendar-timeline__dates__list > a { text-align: center; } .calendar-timeline__dates__list > a.active .calendar-timeline__dates__week-day, .calendar-timeline__dates__list > a:hover:not(.disabled) .calendar-timeline__dates__week-day { text-decoration: underline; } .calendar-timeline__dates__list > a.disabled { color: var(--color-disabled); cursor: default; } .calendar-timeline__dates__list > a.disabled .calendar-timeline__dates__day-number { border-color: var(--color-disabled); } .calendar-timeline__dates__week-day { text-transform: uppercase; margin-bottom: calc(2.0151133501rem / 2); } .calendar-timeline__dates__day-number { display: table-cell; vertical-align: middle; line-height: 0px; width: 28px; min-width: 28px; height: 28px; min-height: 28px; border: solid 1px var(--color-primary); border-radius: 100%; padding: 3px 2px 1px; } @media screen and (max-width: 780px) { .calendar-timeline__dates__day-number { width: 38px; min-width: 38px; height: 38px; min-height: 38px; } } .articles { width: 100%; } @media screen and (max-width: 1080px) { .article.article--une.article--masonry { width: 100%; } } .article--masonry { cursor: pointer; width: 31.9899244332%; min-width: 31.9899244332%; vertical-align: top; margin-bottom: 2.0151133501%; } .article .today-tag { position: absolute; z-index: 1; color: var(--color-secondary); width: 290px; height: auto; padding: 1.0075566751rem; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0)); transform: rotate(270deg); transform-origin: 0 0; } .article .today-tag--visible { display: block; } .article .today-tag--hidden { display: none; } .article a { text-decoration: none; height: 100%; } .article .background-image, .article .home-feed__article__post { background-image: var(--tile-background); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; } .article--une { width: 61.9647355164%; min-width: 61.9647355164%; } .article--une .background-image, .article--une .home-feed__article__post { position: relative; min-height: 20rem; padding: 2.0151133501rem; color: var(--color-secondary); display: flex; flex-direction: column; justify-content: flex-end; } @media (min-width: 48rem) { .article--une .background-image, .article--une .home-feed__article__post { min-height: calc(20rem + 45 * (100vw - 48rem) / 352); } } @media (min-width: 400rem) { .article--une .background-image, .article--une .home-feed__article__post { min-height: 65rem; } } .article--une .background-image:before, .article--une .home-feed__article__post:before { z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), var(--color-primary)); width: 100%; height: 50%; } .article--une .background-image .category, .article--une .home-feed__article__post .category { z-index: 2; } .article--une .background-image .title, .article--une .home-feed__article__post .title { z-index: 2; } .article--une .background-image .time, .article--une .home-feed__article__post .time { z-index: 2; margin-bottom: -1.0075566751rem; } .article--event, .article--press { border-bottom: solid var(--color-primary) 1px; } @media screen and (max-width: 780px) { .article--event .title, .article--press .title { /* h3 */ font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .article--event .title, .article--press .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .article--event .title, .article--press .title { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .article--event .title, .article--press .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .article--event .title, .article--press .title { line-height: 3.134rem; } } .article--press { padding-bottom: 2.0151133501%; } @media screen and (max-width: 780px) { .article--press .category, .article--press .title, .article--press .time { /* h3 */ font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .article--press .category, .article--press .title, .article--press .time { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .article--press .category, .article--press .title, .article--press .time { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .article--press .category, .article--press .title, .article--press .time { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .article--press .category, .article--press .title, .article--press .time { line-height: 3.134rem; } } .article--press img { height: 64px; width: auto; margin-bottom: 13px; display: block; } .article--event { padding-bottom: 1.0075566751%; } .article--event .category { margin-bottom: 1px; } @media screen and (max-width: 780px) { .article--event .category { /*h4*/ } } .article--event .background-image.archived, .article--event .archived.home-feed__article__post { filter: grayscale(100%); transition: filter 0.5s; } .article--event .background-image.archived:hover, .article--event .archived.home-feed__article__post:hover { filter: none; } .article--event .background-image, .article--event .home-feed__article__post { width: 100%; margin-bottom: 1.0075566751rem; position: relative; padding-top: 20rem; } @media (min-width: 48rem) { .article--event .background-image, .article--event .home-feed__article__post { padding-top: calc(20rem + 32.2 * (100vw - 48rem) / 352); } } @media (min-width: 400rem) { .article--event .background-image, .article--event .home-feed__article__post { padding-top: 52.2rem; } } @media screen and (max-width: 640px) { .article--event .background-image, .article--event .home-feed__article__post { margin-bottom: 1.0075566751%; } } .article--event--aside .background-image, .article--event--aside .home-feed__article__post { padding-top: 20rem; } @media (min-width: 48rem) { .article--event--aside .background-image, .article--event--aside .home-feed__article__post { padding-top: calc(20rem + 32.2 * (100vw - 48rem) / 352); } } @media (min-width: 400rem) { .article--event--aside .background-image, .article--event--aside .home-feed__article__post { padding-top: 52.2rem; } } .article--event--aside .today-tag { width: 218px; } .article--post { position: relative; --post-gradient-start:transparent ; --post-gradient-middle:#ffffff47 ; --post-gradient-stop: var(--color-primary) ; } .article--post .background-image, .article--post .home-feed__article__post { border-radius: 50%; padding-top: 100%; } .article--post__content { position: absolute; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; border-radius: 50%; justify-content: space-evenly; } .article--post__content--gradient { background-image: linear-gradient(var(--post-gradient-start), var(--post-gradient-middle), var(--post-gradient-stop)); } .article--post__content--uni { background-color: var(--post-gradient-start); } .article--post .title { display: block; color: var(--color-secondary); text-align: center; width: 75%; } @media screen and (max-width: 1080px) { .article, .article--masonry { width: 48.9924433249%; } } @media screen and (max-width: 640px) { .article, .article--masonry { width: 100%; } } .filters-nav { margin-bottom: 1.0075566751rem; } .filters-nav__filters { flex-grow: 2; } .filters-nav__filters button, .filters-nav__calendar button { margin-bottom: 1.0075566751rem; } .filters-nav__calendar button { margin-left: 2.0151133501rem; } @media screen and (max-width: 780px) { .filters-nav--main { display: none; } } .filters-nav--responsive { display: block; position: relative; } .filters-nav--responsive .filters-nav__submenu .item--active { text-decoration: underline; } @media screen and (min-width: 781px) { .filters-nav--responsive { display: none; } } .filters-nav--responsive .filters-nav__filters { /*.btn { svg { width: 16px; margin-left: 8px; transition: transform 0.2s ease-in-out; transform: rotateX(0deg); } &--opened { svg { transform: rotateX(-180deg); } } } */ } .filters-nav--responsive .filters-nav__filters a { text-transform: uppercase; } .filters-nav--responsive .filters-nav__submenu { height: 0px; max-height: 0px; overflow: hidden; padding: 0px; justify-content: stretch; transition: max-height 0.4s ease-in-out; transform-origin: top; } .filters-nav--responsive .filters-nav__submenu--opened { transition: max-height 0.4s ease-in-out; height: auto; max-height: 100%; padding: 16px; border: solid 1px var(--color-primary); } .filters-nav--responsive .filters-nav__submenu a { text-decoration: inherit; text-transform: uppercase; padding-bottom: 16px; } .filters-nav--responsive .filters-nav__submenu a:last-child { padding-bottom: 0px; } .filters-nav--responsive .filters-nav__submenu a:hover, .filters-nav--responsive .filters-nav__submenu a:active { text-decoration: underline; } .pagination .btn--circle { box-shadow: 0px 0px 2px 0px var(--color-disabled); mix-blend-mode: exclusion; background-color: inherit; border: solid 1px var(--color-secondary); fill: var(--color-secondary); } .pagination .btn--circle:hover { background-color: var(--color-secondary); border: solid 1px var(--color-primary); fill: var(--color-primary); } @media screen and (min-width: 781px) { .pagination--responsive { display: none; } } @media screen and (max-width: 780px) { .pagination--main { display: none; } .pagination > div { justify-content: space-between; width: 100%; margin-right: 2.0151133501%; } .pagination > div.track { justify-content: space-around; } .pagination .btn--from-start, .pagination .btn--to-end { display: none; } } a.btn, .custom-select a.select-selected, a.btn:hover { text-decoration: none; } .btn, .custom-select .select-items div, .custom-select .select-selected { margin-right: 2.0151133501rem; background-color: var(--color-secondary); color: var(--color-primary); fill: var(--color-primary); cursor: pointer; font-family: var(--font-family-gotham); } .btn:last-child, .custom-select .select-items div:last-child, .custom-select .select-selected:last-child { margin-right: 0px; } .btn--active { background-color: var(--color-primary); color: var(--color-secondary); fill: var(--color-secondary); } .btn--pills { border: 1px solid var(--color-primary); border-radius: 71px; padding: 8px 16px 5px; outline: 0px solid transparent; gap: 8px; } .btn--pills:hover { background-color: var(--color-primary); color: var(--color-secondary); fill: var(--color-secondary); } .btn--pills--active { background-color: var(--color-primary); color: var(--color-secondary); } .btn--pills svg { width: auto; height: 10px; } .btn--pills svg.arrow--left { transform: rotate(180deg); margin-left: inherit; } @media screen and (max-width: 780px) { .btn--pills svg { height: 14px; } } .btn--cta { background-color: var(--color-primary); color: var(--color-secondary); } .btn--cta:hover { background-color: var(--color-secondary); color: var(--color-primary); } .btn--svg { display: block; } .btn--svg svg { height: 33px; height: 3.49rem; width: auto; display: block; } @media (min-width: 48rem) { .btn--svg svg { height: calc(3.49rem + 0.246 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { .btn--svg svg { height: 3.736rem; } } .btn svg#Calendar g#fond rect, .custom-select .select-items div svg#Calendar g#fond rect, .custom-select .select-selected svg#Calendar g#fond rect { fill: var(--color-secondary); } .btn svg#Calendar g#fond rect .st2, .custom-select .select-items div svg#Calendar g#fond rect .st2, .custom-select .select-selected svg#Calendar g#fond rect .st2 { fill: var(--color-secondary); } .btn:hover svg#Calendar g#fond .st1, .custom-select .select-items div:hover svg#Calendar g#fond .st1, .custom-select .select-selected:hover svg#Calendar g#fond .st1 { fill: var(--color-primary); } .btn:hover svg#Calendar g#fond .st2, .custom-select .select-items div:hover svg#Calendar g#fond .st2, .custom-select .select-selected:hover svg#Calendar g#fond .st2 { fill: var(--color-secondary); } .btn:hover svg#Calendar rect, .custom-select .select-items div:hover svg#Calendar rect, .custom-select .select-selected:hover svg#Calendar rect { fill: var(--color-secondary); } .btn--circle { height: 32px; min-width: 32px; padding: 0px 8px; border: 1px solid var(--color-primary); border-radius: 71px; outline: 0px solid transparent; } .btn--circle svg { width: auto; height: 10px; } .btn--circle svg.arrow--left { transform: rotate(180deg); margin-left: inherit; } .btn--circle:hover { background-color: var(--color-primary); border-color: var(--color-secondary); color: var(--color-secondary); fill: var(--color-secondary); } .btn--circle--active { background-color: var(--color-primary); color: var(--color-secondary); fill: var(--color-secondary); } .btn--circle--disabled { cursor: default; color: var(--color-disabled); fill: var(--color-disabled); border-color: var(--color-disabled); } .btn--circle--disabled:hover { background-color: var(--color-secondary); color: var(--color-disabled); fill: var(--color-disabled); } @media screen and (max-width: 780px) { .btn, .custom-select .select-items div, .custom-select .select-selected { min-height: 40px; /*h3*/ font-size: 1.55rem; line-height: 1.9375rem; display: flex; flex-direction: row; align-items: center; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .btn, .custom-select .select-items div, .custom-select .select-selected { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .btn, .custom-select .select-items div, .custom-select .select-selected { font-size: 2.507rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .btn, .custom-select .select-items div, .custom-select .select-selected { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .btn, .custom-select .select-items div, .custom-select .select-selected { line-height: 3.134rem; } } @media screen and (max-width: 780px) { .btn--pills { padding: 6px 16px 5px; } } @media screen and (max-width: 780px) { .btn--svg svg { height: 40px; } } @media screen and (max-width: 780px) { .btn--circle { height: 42px; min-width: 42px; } .btn--circle svg { height: 14px; } } @media screen and (max-width: 640px) { .btn, .custom-select .select-items div, .custom-select .select-selected { margin-right: 1.0075566751rem; } } .btn--close { box-shadow: 0px 0px 2px 0px var(--color-disabled); mix-blend-mode: exclusion; background-color: inherit; border: solid 1px var(--color-secondary); fill: var(--color-secondary); } .btn--close:hover { background-color: var(--color-secondary); border: solid 1px var(--color-primary); fill: var(--color-primary); } .btn--close svg { height: 11px; margin: 0px auto; } @media screen and (max-width: 780px) { .btn--close svg { height: 14px; } } .btn--showmore { height: 10px; width: 10px; min-height: 10px; min-width: 10px; } .btn--showmore.btn--more::before { content: "+"; } .btn--showmore.btn--external-link::before { content: url("data:image/svg+xml,%3Csvg id='external-link' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath id='Icon_open-external-link' d='M0,0V12H12v-3h-1.5v1.5H1.5V1.5h1.5V0H0ZM6,0l2.25,2.25-3.75,3.75,1.5,1.5,3.75-3.75,2.25,2.25V0H6Z'/%3E%3C/svg%3E"); } .social-media { align-content: space-between; flex-wrap: nowrap; align-items: flex-start; } .social-media__item { border-radius: 50%; width: 33px; height: 33px; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .social-media__item a { line-height: 0px; } .social-media__item svg { height: 16px; width: 16px; } .slider { width: 100%; overflow: hidden; position: relative; max-width: 100%; } .slides { position: absolute; } ::-moz-placeholder { color: rgba(0, 0, 0, 0.25); font-family: var(--font-family-gotham); } :-ms-input-placeholder { color: rgba(0, 0, 0, 0.25); font-family: var(--font-family-gotham); } ::placeholder { color: rgba(0, 0, 0, 0.25); font-family: var(--font-family-gotham); } form { width: 100%; max-width: 100%; height: 100%; display: flex; flex-direction: column; } form > * { margin-bottom: 1.0075566751rem; } form > *:last-child { margin-bottom: inherit; } form input:not([type=radio], [type=submit]), form textarea { border: solid 1px var(--color-primary); border-radius: 0px; box-shadow: none; padding: 14px 16px 13px; color: var(--color-primary); font-family: var(--font-family-gotham); min-width: auto; width: auto; background-color: var(--color-secondary); } form input#lname, form input#fname { flex-grow: 1; width: 31.9899244332%; } form input#lname { margin-right: 1.0075566751rem; } form textarea { min-height: 6.4861460957rem; height: 100%; } form.form__newsletter .btn--radio > * { display: none; font-family: var(--font-family-gotham); } .page__content .grid-2-col article, .page__content .grid-3-col article { margin-bottom: inherit; padding-bottom: inherit; } @media screen and (max-width: 780px) { .page__content .grid-2-col article, .page__content .grid-3-col article { border-bottom: solid 1px; } } .grid-2-col, .grid-3-col { gap: 2.0151133501rem 2.0151133501%; } @media screen and (max-width: 480px) { .grid-2-col, .grid-3-col { gap: 16px; } } .grid-2-col .--small, .grid-2-col .--medium { width: calc((2.0151133501% * 5) + (6.4861460957% * 6)); } @media screen and (max-width: 900px) { .grid-2-col .--small, .grid-2-col .--medium { width: calc((2.0151133501% * 5) + (6.4861460957% * 6)); } } @media screen and (max-width: 640px) { .grid-2-col .--small, .grid-2-col .--medium { width: 100%; } } .grid-2-col .--large { width: 100%; } @media screen and (max-width: 900px) { .grid-2-col .mq--large { width: 100%; } } .grid-3-col .--small { width: calc((2.0151133501% * 3) + (6.4861460957% * 4)); } @media screen and (max-width: 640px) { .grid-3-col .--small { width: 100%; } } .grid-3-col .--medium { width: calc((2.0151133501% * 7) + (6.4861460957% * 8)); } @media screen and (max-width: 900px) { .grid-3-col .--medium { width: calc((2.0151133501% * 5) + (6.4861460957% * 6)); } } @media screen and (max-width: 640px) { .grid-3-col .--medium { width: 100%; } } .grid-3-col .--large { width: 100%; } @media screen and (max-width: 900px) { .grid-3-col .mq--large { width: 100%; } } /* blocs size */ @media screen and (max-width: 900px) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { font-size: 1.4rem; line-height: 1.75rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { font-size: 1.55rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { line-height: 1.9375rem; } } @media screen and (max-width: 900px) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { font-size: 4.212rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { line-height: 5.265rem; } } @media screen and (max-width: 900px) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { font-size: 4.212rem; line-height: 5.265rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { font-size: calc(4.212rem + 2.603 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { font-size: 6.815rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { line-height: calc(5.265rem + 3.254 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { line-height: 8.519rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { /* h5 */ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { font-size: 1.1rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .category, .grid-3-col .tile.--large .tile-content--infos .category { line-height: 1.375rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { font-size: 2.507rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .title, .grid-3-col .tile.--large .tile-content--infos .title { line-height: 3.134rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { font-size: 4.212rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.--large .cell-content--infos .period, .grid-3-col .tile.--large .tile-content--infos .period { line-height: 5.265rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.--large .cell-content--infos .btn--more, .grid-3-col .tile.--large .tile-content--infos .btn--more { min-height: inherit; } } @media screen and (max-width: 900px) { .grid-3-col .cell.mq--large .cell-content--infos, .grid-3-col .tile.mq--large .tile-content--infos { width: 100%; } .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { font-size: 1.4rem; line-height: 1.75rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { font-size: 1.55rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { line-height: 1.9375rem; } } @media screen and (max-width: 900px) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { font-size: 4.212rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { line-height: 5.265rem; } } @media screen and (max-width: 900px) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { font-size: 4.212rem; line-height: 5.265rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { font-size: calc(4.212rem + 2.603 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { font-size: 6.815rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { line-height: calc(5.265rem + 3.254 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { line-height: 8.519rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { /* h5 */ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { font-size: 1.1rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .category, .grid-3-col .tile.mq--large .tile-content--infos .category { line-height: 1.375rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { font-size: 2.507rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .title, .grid-3-col .tile.mq--large .tile-content--infos .title { line-height: 3.134rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { font-size: 4.212rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .grid-3-col .cell.mq--large .cell-content--infos .period, .grid-3-col .tile.mq--large .tile-content--infos .period { line-height: 5.265rem; } } @media screen and (max-width: 640px) { .grid-3-col .cell.mq--large .cell-content--infos .btn--more, .grid-3-col .tile.mq--large .tile-content--infos .btn--more { min-height: inherit; } } .home-articles { gap: 2.0151133501rem 2.0151133501%; } .article { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .article--small { border: solid 1px var(--color-primary); width: 31.9899244332%; } @media screen and (max-width: 900px) { .article--small { width: 48.9924433249%; } } @media screen and (max-width: 640px) { .article--small { width: 100%; } } .article--medium { border: solid 1px var(--color-primary); width: 65.9949622166%; } @media screen and (max-width: 900px) { .article--medium { width: 48.9924433249%; } } @media screen and (max-width: 640px) { .article--medium { width: 100%; } } .article--large { border: solid 1px var(--color-primary); width: 100%; min-height: 35rem; } @media screen and (max-width: 900px) { .article--large { min-height: inherit; } } .article--event .article__infos { height: 100%; } .article--image .background-image, .article--image .home-feed__article__post { height: 100%; min-height: 30rem; width: 100%; background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.3803921569); } .article--image .article__infos { position: absolute; top: 0; width: calc(100% - 32px); height: calc(100% - 1.0075566751rem); color: var(--color-secondary); text-shadow: rgba(0, 0, 0, 0.3019607843) 0px 0px 9px; } .article--image .article__infos .category { margin-bottom: 1px; } @media screen and (max-width: 900px) { .article--image.article--medium .article__infos .category { font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .article--image.article--medium .article__infos .category { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .article--image.article--medium .article__infos .category { font-size: 1.1rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .article--image.article--medium .article__infos .category { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .article--image.article--medium .article__infos .category { line-height: 1.375rem; } } @media screen and (max-width: 900px) { .article--image.article--medium .article__infos .title { font-size: 1.4rem; line-height: 1.75rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .article--image.article--medium .article__infos .title { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .article--image.article--medium .article__infos .title { font-size: 1.55rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .article--image.article--medium .article__infos .title { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .article--image.article--medium .article__infos .title { line-height: 1.9375rem; } } @media screen and (max-width: 900px) { .article--image.article--medium .article__infos .time { font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .article--image.article--medium .article__infos .time { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .article--image.article--medium .article__infos .time { font-size: 4.212rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .article--image.article--medium .article__infos .time { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .article--image.article--medium .article__infos .time { line-height: 5.265rem; } } @media screen and (max-width: 640px) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category { font-size: 1.4rem; line-height: 1.75rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category { font-size: 1.55rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category { line-height: 1.9375rem; } } @media screen and (max-width: 640px) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title { font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title { font-size: 4.212rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title { line-height: 5.265rem; } } @media screen and (max-width: 640px) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time { font-size: 4.212rem; line-height: 5.265rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time { font-size: calc(4.212rem + 2.603 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time { font-size: 6.815rem; } } @media screen and (max-width: 640px) and (min-width: 48rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time { line-height: calc(5.265rem + 3.254 * (100vw - 48rem) / 137); } } @media screen and (max-width: 640px) and (min-width: 185rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time { line-height: 8.519rem; } } @media screen and (max-width: 480px) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category { font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category { font-size: 1.1rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .article--image.article--small .article__infos .category, .article--image.article--medium .article__infos .category, .article--image.article--large .article__infos .category { line-height: 1.375rem; } } @media screen and (max-width: 480px) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title { font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title { font-size: 2.507rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .article--image.article--small .article__infos .title, .article--image.article--medium .article__infos .title, .article--image.article--large .article__infos .title { line-height: 3.134rem; } } @media screen and (max-width: 480px) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time { font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time { font-size: 4.212rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .article--image.article--small .article__infos .time, .article--image.article--medium .article__infos .time, .article--image.article--large .article__infos .time { line-height: 5.265rem; } } .article a { position: relative; } .article .category-tag { position: absolute; top: 0; left: 0; z-index: 1; width: auto; height: auto; color: var(--color-primary); border-right: solid 1px var(--color-primary); border-bottom: solid 1px var(--color-primary); padding: 4px 16px; background-color: var(--color-secondary); } .article .article__infos { padding: 0px 16px; } footer { background-color: var(--color-primary); color: var(--color-secondary); padding: 3.2rem 0px; display: grid; grid-template-columns: var(--margin) minmax(60px, var(--col-width)) [content] auto minmax(60px, var(--col-width)) var(--margin); grid-template-rows: auto; } footer a { text-decoration: none; } @media screen and (max-width: 900px) { footer { height: auto; max-height: inherit; } } @media screen and (max-width: 780px) { footer { grid-template-rows: [start] auto [last-line]; grid-template-columns: [start] var(--margin) [content] auto [content-end] var(--margin) [end]; padding-bottom: 64px; } } @media screen and (max-width: 480px) { footer { grid-template-columns: [start] 16px [content] auto [content-end] 16px [end]; } } @media screen and (max-width: 900px) { footer h2, footer h3 { margin-bottom: 2px; } } footer h4 { margin-bottom: 5px; } footer li:last-child h4, footer h5:last-child h4 { margin-bottom: 0px; } footer .footer__content { display: flex; flex-direction: row; justify-content: space-between; grid-column: content; margin-left: var(--gut-width); margin-right: var(--gut-width); max-width: 100%; } @media screen and (max-width: 780px) { footer .footer__content { margin-right: inherit; margin-left: inherit; } } @media screen and (max-width: 900px) { footer .footer__content { flex-direction: column; } } footer .footer__nav { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; min-width: 65.9949622166%; margin-right: 2.0151133501%; } footer .footer__nav__panel { margin-bottom: 4.0302267003%; max-width: 100%; width: 100%; } footer .footer__nav__panel:last-child { margin-bottom: inherit; } footer .footer__nav__panel__subsubmenu { margin-left: 16px; margin-bottom: 5px; } @media screen and (max-width: 1080px) { footer .footer__nav { width: 48.9924433249%; min-width: 48.9924433249%; } } @media screen and (max-width: 900px) { footer .footer__nav { display: none; } } footer .footer__aside { min-width: 31.9899244332%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } footer .footer__aside article { margin-bottom: 48px; } footer .footer__aside__social-media { display: flex; flex-direction: row; justify-content: flex-start; } footer .footer__aside__social-media__item { width: 42px; min-width: 40px; height: 42px; min-height: 40px; border: 1px solid var(--color-secondary); margin-right: 2.0151133501rem; } footer .footer__aside__social-media__item a { line-height: 0px; background-color: inherit; } footer .footer__aside__social-media__item svg { fill: var(--color-secondary); } footer .footer__aside__social-media__item:hover { border: 1px solid var(--color-primary); background-color: var(--color-secondary); } footer .footer__aside__social-media__item:hover svg { fill: var(--color-primary); } @media screen and (min-width: 781px) { footer .footer__aside__social-media { display: none; } } footer form ::-moz-placeholder { color: rgba(255, 255, 255, 0.45); } footer form :-ms-input-placeholder { color: rgba(255, 255, 255, 0.45); } footer form ::placeholder { color: rgba(255, 255, 255, 0.45); } footer form input:not([type=radio]), footer form textarea { border: solid 1px var(--color-secondary); color: var(--color-secondary); background-color: var(--color-primary); } footer form input#lname, footer form input#fname { flex-grow: 1; width: 31.9899244332%; } footer form input#lname { margin-right: 2.0151133501%; } footer form textarea { min-height: 6.4861460957rem; height: 100%; } footer form.form__newsletter .btn--radio > * { display: none; } footer form.form__newsletter .btn.btn--pills:hover, footer form.form__newsletter .custom-select .select-items div.btn--pills:hover, .custom-select .select-items footer form.form__newsletter div.btn--pills:hover, footer form.form__newsletter .custom-select .btn--pills.select-selected:hover, .custom-select footer form.form__newsletter .btn--pills.select-selected:hover { background-color: var(--color-secondary); color: var(--color-primary); } .bandeau { height: auto; grid-column: content/content-end; z-index: 1000; position: relative; display: flex; flex-direction: column; justify-content: flex-start; margin-left: var(--gut-width); margin-right: var(--gut-width); padding-top: 16px; padding-bottom: 32px; } @media screen and (max-width: 1080px) { .bandeau { margin-left: inherit; margin-right: 16px; } } @media screen and (max-width: 780px) { .bandeau { margin-right: inherit; } } .bandeau .btn--circle { display: flex; justify-content: center; align-items: center; } .bandeau .btn--circle svg { height: 11px; } @media screen and (max-width: 780px) { .bandeau .btn--circle svg { height: 14px; } } .bandeau .btn--pills { margin-top: 2px; align-self: flex-end; } .bandeau h1 { margin-bottom: 14px; margin-right: 16px; } .bandeau p { margin-bottom: 2px; } .bandeau-wrapper { grid-column-start: start; grid-row-start: bandeau; grid-column-end: end; border: solid 1px var(--color-primary); background-color: var(--color-secondary); } .bandeau-wrapper--hidden.main-wrapper-1-row { display: none; } .responsive-landing { height: calc(100vh - (3.2rem + 52px)); grid-column: content/content-end; z-index: 1000; position: relative; display: flex; flex-direction: column; justify-content: flex-start; } @media screen and (min-width: 781px) { .responsive-landing { display: none; } } @media screen and (max-width: 480px) { .responsive-landing { height: calc(100vh - (1.6rem + 52px)); } } @media screen and (max-width: 480px) { .responsive-landing p { /*h5*/ font-size: 1.1rem; line-height: 1.375rem; letter-spacing: 0.025rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .responsive-landing p { font-size: calc(1.1rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .responsive-landing p { font-size: 1.1rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .responsive-landing p { line-height: calc(1.375rem + 0 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .responsive-landing p { line-height: 1.375rem; } } .responsive-landing__logo { flex-grow: 2; height: 100%; margin-bottom: 2.0151133501rem; } .responsive-landing__logo a { height: 100%; width: auto; display: inline-block; } .responsive-landing__logo a svg { height: 100%; width: auto; } .responsive-landing__address { flex-grow: 1; margin-bottom: 3.2rem; text-transform: uppercase; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } @media screen and (max-width: 480px) { .responsive-landing__address { margin-bottom: 16px; } } .responsive-landing .btn--circle { display: flex; justify-content: center; align-items: center; } .responsive-landing .btn--circle svg { height: 11px; } @media screen and (max-width: 780px) { .responsive-landing .btn--circle svg { height: 14px; } } .responsive-landing .btn--pills { margin-top: 2px; align-self: flex-end; } .gallery-modal { position: fixed; width: 100%; max-height: 100vh; height: calc(100% - 52px); z-index: 999; display: none; flex-direction: column; } .gallery-modal .image { width: auto; max-width: 100%; height: auto; max-height: 100%; } .gallery-modal .copyright { position: absolute; bottom: 0px; left: 0px; } .gallery-modal .pagination { position: absolute; bottom: 0px; right: 0px; } .gallery-modal .btn--close { position: absolute; top: 0px; right: 0px; margin-right: 0px; } .gallery-modal .btn--close, .gallery-modal .pagination .btn--circle { border-color: var(--color-primary); fill: var(--color-primary); mix-blend-mode: inherit; } .gallery-modal-overlay { width: 100%; min-height: 100%; position: fixed; z-index: 998; display: none; background-color: rgba(255, 255, 255, 0.9); } .pagination-container { display: inline-block; padding-top: 10px; } .pagination-container .pagination { gap: 10px; } .pagination-container .pagination .btn, .pagination-container .pagination .custom-select .select-items div, .custom-select .select-items .pagination-container .pagination div, .pagination-container .pagination .custom-select .select-selected, .custom-select .pagination-container .pagination .select-selected { display: flex; margin: 0; padding: 0; } .home-calendar { margin-bottom: 4.0302267003rem; } @media screen and (max-width: 780px) { .home-calendar { border-bottom: none; } } @media screen and (max-width: 640px) { .home-calendar { margin-bottom: 2.0151133501rem; padding-bottom: inherit; } } @media screen and (max-width: 480px) { .home-calendar { margin-bottom: 16px; padding-bottom: inherit; } } .home-calendar .calendar-tiles__events { display: grid; grid-template-columns: 31.9899244332% 31.9899244332% 31.9899244332%; grid-auto-rows: auto; -moz-column-gap: 2.0151133501%; column-gap: 2.0151133501%; row-gap: 2.0151133501rem; } @media screen and (max-width: 900px) { .home-calendar .calendar-tiles__events { grid-template-columns: 48.9924433249% 48.9924433249%; } } @media screen and (max-width: 640px) { .home-calendar .calendar-tiles__events { display: flex; flex-direction: column; -moz-column-gap: inherit; column-gap: inherit; row-gap: inherit; } } @media screen and (max-width: 640px) { .home-calendar .calendar-tiles__cell { margin-bottom: 2.0151133501rem; } } @media screen and (max-width: 480px) { .home-calendar .calendar-tiles__cell { margin-bottom: 16px; } } .home-feed { width: 100%; height: 100%; margin-bottom: 100px; } .home-feed:after { /* clearfix */ content: ""; display: block; clear: both; } .home-feed .gutter-sizer { width: 2.0151133501%; } @media screen and (max-width: 780px) { .home-feed { padding-bottom: 100px; } } .home-feed .feed { position: relative; height: 100%; } .home-feed__article { cursor: pointer; width: 31.9899244332%; vertical-align: top; margin-bottom: 32px; } .home-feed__article .time { white-space: nowrap; } @media screen and (max-width: 900px) { .home-feed__article { width: 48.9924433249%; } } @media screen and (max-width: 780px) { .home-feed__article { width: 100%; } } .home-feed__article a { text-decoration: none; } .home-feed__article .background-image, .home-feed__article .home-feed__article__post { background-image: var(--tile-background); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: red; } .home-feed__article--une { width: 65.9949622166%; } @media screen and (max-width: 900px) { .home-feed__article--une { width: 100%; } } .home-feed__article__une { position: relative; min-height: 480px; padding: 16px 16px 4px 16px; color: var(--color-secondary); display: flex; flex-direction: column; justify-content: flex-end; } @media screen and (max-width: 1080px) { .home-feed__article__une { min-height: 364px; } } .home-feed__article__une:before { z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(rgba(255, 255, 255, 0), var(--color-primary)); width: 100%; height: 50%; } .home-feed__article__une .category { z-index: 2; color: var(--color-secondary); } .home-feed__article__une .title { z-index: 2; margin-bottom: 5px; color: var(--color-secondary); } .home-feed__article__une .time { z-index: 2; color: var(--color-secondary); } .home-feed__article__event, .home-feed__article__press { border-bottom: solid var(--color-primary) 1px; } .home-feed__article__event { padding-bottom: 21px; } .home-feed__article__event .category { margin-bottom: 1px; } .home-feed__article__event .title { margin-bottom: 5px; } .home-feed__article__event .background-image, .home-feed__article__event .home-feed__article__post { width: 100%; padding-top: 322px; margin-bottom: 16px; position: relative; } .home-feed__article__event .background-image .today-tag, .home-feed__article__event .home-feed__article__post .today-tag { position: absolute; z-index: 1; color: var(--color-secondary); width: 290px; height: auto; padding: 16px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0)); transform: rotate(270deg); transform-origin: 0 0; color: var(--color-secondary); } @media screen and (max-width: 1080px) { .home-feed__article__event .background-image, .home-feed__article__event .home-feed__article__post { padding-top: 252px; } .home-feed__article__event .background-image .today-tag, .home-feed__article__event .home-feed__article__post .today-tag { width: 220px; } } .home-feed__article__post { position: relative; border-radius: 50%; padding-top: 100%; } .home-feed__article__post__content { position: absolute; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2784313725), var(--color-primary)); border-radius: 50%; justify-content: space-evenly; } .home-feed__article__post .title { color: var(--color-secondary); display: block; text-align: center; margin: 35px; max-height: 50%; overflow: hidden; white-space: break-spaces; } .home-feed__article__press { padding-bottom: 30px; } .home-feed__article__press img { height: 64px; width: auto; margin-bottom: 16px; } .page { width: 100%; } .page__header { margin-bottom: 2.0151133501rem; } .page__header.archive { filter: grayscale(100%); transition: filter 0.5s; } .page__header.archive:hover { filter: none; } @media screen and (max-width: 900px) { .page__header { height: calc(100vh - 111px); display: flex; flex-direction: column; } .page__header--empty { height: inherit; } } @media screen and (max-width: 780px) { .page__header { height: auto; } } @media screen and (max-width: 480px) { .page__header--empty { height: inherit; } } .page__header h1 { margin-bottom: 1.0075566751rem; } @media screen and (max-width: 780px) { .page__header h1 { /* .heading-51px */ font-size: 2.507rem; line-height: 3.134rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .page__header h1 { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .page__header h1 { font-size: 4.212rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .page__header h1 { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .page__header h1 { line-height: 5.265rem; } } .page__header--empty h1 { line-height: 1em; margin-bottom: 2.0151133501rem; } .page__header__image { background-image: var(--background-img); background-repeat: no-repeat; background-position: center; background-size: cover; height: calc(100vh - 178px); width: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; padding: 32px; margin-bottom: 16px; } @media screen and (max-width: 900px) { .page__header__image { height: inherit; flex-grow: 1; padding: 16px; } } @media screen and (max-width: 780px) { .page__header__image { height: 30rem; min-height: 300px; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .page__header__image { height: calc(30rem + 40 * (100vw - 48rem) / 352); } } @media screen and (max-width: 780px) and (min-width: 400rem) { .page__header__image { height: 70rem; } } @media screen and (max-width: 480px) { .page__header__image { padding: 10px; } } .page__header__image h5 { mix-blend-mode: exclusion; color: var(--color-secondary); text-rendering: optimizeLegibility; } .page__header .pagination .btn--circle { mix-blend-mode: exclusion; background-color: inherit; border: solid 1px var(--color-secondary); fill: var(--color-secondary); } .page__header .pagination .btn--circle:first-child { margin-right: 2.0151133501rem; } .page__header .pagination .btn--circle:hover { mix-blend-mode: normal; border: solid 1px var(--color-primary); fill: var(--color-primary); } .page__header__informations { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; border-bottom: solid 1px var(--color-primary); position: relative; } .page__header__informations h3:last-child { margin-bottom: 2.0151133501rem; } .page__header__informations .btn--pills { padding: 15px 16px 14px; margin-top: 20px; } @media screen and (max-width: 780px) { .page__header__informations .btn--pills { position: absolute; right: 0px; margin-top: inherit; bottom: -20px; padding: 0px 16px; display: flex; flex-direction: column; justify-content: center; } } .page__content { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 2.0151133501%; } .page__content p:not(:last-child), .page__content ul:not(:last-child) { margin-bottom: 2.0151133501rem; } @media screen and (max-width: 900px) { .page__content { flex-direction: column; } } .page__content li { display: flex; flex-direction: row; align-items: baseline; } .page__content li > * { flex-grow: 1; min-width: 25%; } .page__content li h3 { margin-right: 5px; } .page__content article { width: 100%; padding-bottom: 2.0151133501rem; border-bottom: solid 1px var(--color-primary); margin-bottom: 2.0151133501rem; } .page__content article:last-child { margin-bottom: inherit; } @media screen and (max-width: 780px) { .page__content article { border-bottom: inherit; } } .page__content__posts, .page__content__single { width: 100%; } .page__content__posts h2, .page__content__single h2 { margin-bottom: 1.0075566751rem; } .page__content__posts .list li, .page__content__single .list li { justify-content: flex-start; } .page__content__posts .list li > *, .page__content__single .list li > * { flex-grow: 1; width: 50%; } .page__content__posts .list li > *:last-child, .page__content__single .list li > *:last-child { align-self: flex-end; } @media screen and (max-width: 480px) { .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p { /* .heading-20px */ font-size: 1.4rem; line-height: 1.75rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p { font-size: 1.55rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .page__content__posts h3, .page__content__posts p, .page__content__single h3, .page__content__single p { line-height: 1.9375rem; } } .page__content__posts { min-width: 65.9949622166%; margin-right: 2.0151133501%; } .page__content__posts .user-content > img:not(:last-child), .page__content__posts .user-content > iframe:not(:last-child) { margin-bottom: 2.0151133501rem; } .page__content__single { width: 100%; } .page__content__aside { min-width: 31.9899244332%; } .page__content__aside h2 { margin-bottom: 1.0075566751rem; } .page__content__aside .list li { justify-content: space-between; } .page__content__aside .list li p { text-align: right; } .page__content__aside .list li h3:last-child { text-align: right; margin-right: inherit; align-self: flex-end; } .page__content__aside .list--align-end li { align-items: flex-end; } .page__content__aside .talkaboutit { margin-top: 2.0151133501rem; margin-bottom: 2.0151133501rem; } .page__content__aside .talkaboutit h2 { margin-bottom: 1.0075566751rem; } .page__content__aside .newsletter textarea#message { display: none; } @media screen and (max-width: 900px) { .page__content__aside .newsletter { display: none; } } @media screen and (max-width: 900px) { .page__content__aside { margin-top: 2.0151133501rem; width: 100%; } .page__content__aside__informations article:not(.article--press), .page__content__aside__informations section.talkaboutit { border-bottom: inherit; margin-bottom: 2.0151133501rem; } .page__content__aside h2 { /* h2 */ font-size: 2.507rem; line-height: 3.134rem; margin-bottom: 1.0075566751rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .page__content__aside h2 { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .page__content__aside h2 { font-size: 4.212rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .page__content__aside h2 { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .page__content__aside h2 { line-height: 5.265rem; } } @media screen and (max-width: 900px) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { /* .heading-28px */ font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { font-size: 2.507rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { line-height: 3.134rem; } } @media screen and (max-width: 900px) { .page__content__aside .list { margin-bottom: 16px; } .page__content__aside .list li { padding: 16px 0px; text-transform: uppercase; border-bottom: solid 1px var(--color-primary); } } @media screen and (max-width: 900px) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { text-transform: uppercase; /* .heading-28px */ font-size: 1.55rem; line-height: 1.9375rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { font-size: calc(1.55rem + 0.957 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { font-size: 2.507rem; } } @media screen and (max-width: 900px) and (min-width: 48rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { line-height: calc(1.9375rem + 1.1965 * (100vw - 48rem) / 137); } } @media screen and (max-width: 900px) and (min-width: 185rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { line-height: 3.134rem; } } @media screen and (max-width: 480px) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { /* .heading-20px */ font-size: 1.4rem; line-height: 1.75rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { font-size: 1.55rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .page__content__aside h3, .page__content__aside h4, .page__content__aside p, .page__content__aside ul, .page__content__aside ol, .page__content__aside li { line-height: 1.9375rem; } } @media screen and (max-width: 480px) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { text-transform: uppercase; /* .heading-20px */ font-size: 1.4rem; line-height: 1.75rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { font-size: calc(1.4rem + 0.15 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { font-size: 1.55rem; } } @media screen and (max-width: 480px) and (min-width: 48rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { line-height: calc(1.75rem + 0.1875 * (100vw - 48rem) / 137); } } @media screen and (max-width: 480px) and (min-width: 185rem) { .page__content__aside .talkaboutit h5, .page__content__aside .talkaboutit h4, .page__content__aside .talkaboutit p { line-height: 1.9375rem; } } @media screen and (max-width: 900px) { .page__content__posts, .page__content__aside { width: 100%; } } .page__soon { width: 100%; margin-bottom: 2.0151133501%; } .page__soon .pagination { margin-top: 10px; justify-content: flex-end; } .page__soon h2:not(.time) { margin-bottom: 1.0075566751rem; } .page__soon .articles { position: relative; width: 100%; min-width: 31.9899244332%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; } .page__soon .articles .article, .page__soon .articles .article--masonry { width: 31.9899244332%; min-width: 31.9899244332%; margin-right: 2.0151133501%; } @media screen and (min-width: 1081px) { .page__soon .articles .article:nth-child(3n), .page__soon .articles .article--masonry:nth-child(3n) { margin-right: inherit; } } @media screen and (max-width: 1080px) { .page__soon .articles .article, .page__soon .articles .article--masonry { width: 48.9924433249%; min-width: 48.9924433249%; } .page__soon .articles .article:nth-child(even), .page__soon .articles .article--masonry:nth-child(even) { margin-right: inherit; } } @media screen and (max-width: 640px) { .page__soon .articles .article, .page__soon .articles .article--masonry { width: 100%; min-width: 100%; margin: 0px; } } .page__contact { border-bottom: solid 1px var(--color-primary); } .page__contact__form { display: flex; flex-direction: row; } .page__contact article:last-child { border-bottom: inherit; } .page__access h1 { margin-bottom: 2.0151133501rem; } @media screen and (max-width: 780px) { .page__access h1 { /* .heading-51px */ font-size: 2.507rem; line-height: 3.134rem; margin-bottom: 2.0151133501rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .page__access h1 { font-size: calc(2.507rem + 1.705 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .page__access h1 { font-size: 4.212rem; } } @media screen and (max-width: 780px) and (min-width: 48rem) { .page__access h1 { line-height: calc(3.134rem + 2.131 * (100vw - 48rem) / 137); } } @media screen and (max-width: 780px) and (min-width: 185rem) { .page__access h1 { line-height: 5.265rem; } } .page__access__map { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 32px; } .page__access__map .map__image { width: 65.9949622166%; margin-right: 2.0151133501%; height: auto; background-color: var(--color-primary); min-height: 450px; max-height: 100%; } .page__access__map .map__address { width: 31.9899244332%; } .page__access__map .map__address .list li { justify-content: space-between; } .page__access__map .map__address .list li > *:last-child { text-align: right; } .page__access__map .map__address .list--align-end li { align-items: flex-end; } .page__access__map .map__address article, .page__access__map .map__address article:visited { border: solid 1px var(--color-primary); padding: 9px 17px 16px 15px; margin-bottom: 16px; width: auto; } .page__access__map .map__address article:last-child, .page__access__map .map__address article:visited:last-child { margin-bottom: inherit; } .page__access__map .map__address article li h4, .page__access__map .map__address article:visited li h4 { width: 8.5012594458%; } @media screen and (max-width: 900px) { .page__access__map .map__address { display: none !important; } } @media screen and (max-width: 900px) { .page__access__map { flex-direction: column; } .page__access__map .map__image { width: 100%; margin-right: inherit; min-height: 400px; max-height: 100%; } .page__access__map .map__address { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .page__access__map .map__address article, .page__access__map .map__address article:visited { padding: 9px 17px 16px 15px; margin: 0px 16px 16px 0px; flex-grow: 1; max-width: 46.9773299748%; } } .user-content img { max-width: 100%; } article.user-content { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto; } article.user-content b { font-weight: bold; } article.user-content i { font-style: italic; } article.user-content ol::marker { display: inline-block; white-space: normal; } article.user-content ol { margin: 0; } article.user-content ol li { list-style-type: decimal !important; list-style-position: inside; display: list-item; margin-bottom: 1.544rem; } @media (min-width: 48rem) { article.user-content ol li { margin-bottom: calc(1.544rem + 0.956 * (100vw - 48rem) / 137); } } @media (min-width: 185rem) { article.user-content ol li { margin-bottom: 2.5rem; } } main.main--no-alert { grid-template-rows: [nav-start] var(--nav-height) [nav-end] auto [last-line]; } @media screen and (max-width: 780px) { main.main--no-alert { grid-template-rows: [nav-end] auto [last-line]; } } main { background-color: var(--color-secondary); display: grid; grid-template-columns: [start] var(--margin) [col-start] minmax(60px, var(--col-width)) [content] auto [content-end] minmax(60px, var(--col-width)) [col-end] var(--margin) [end]; grid-template-rows: [nav-start] var(--nav-height) [bandeau] auto [nav-end] auto [last-line]; min-height: 100%; } @media screen and (max-width: 780px) { main { grid-template-rows: auto [bandeau] auto [last-line]; grid-template-columns: [start] var(--margin) [content] auto [content-end] var(--margin) [end]; } } @media screen and (max-width: 480px) { main { grid-template-columns: [start] 16px [content] auto [content-end] 16px [end]; } } .main-wrapper-1-row { display: grid; grid-template-columns: calc(var(--margin) + var(--col-width)) [content] auto [content-end] calc(var(--col-width) + var(--margin)); grid-template-rows: auto; } @media screen and (max-width: 1080px) { .main-wrapper-1-row { grid-template-columns: [start] var(--margin) [content] auto [content-end] var(--margin) [end]; } } @media screen and (max-width: 480px) { .main-wrapper-1-row { grid-template-columns: [start] 16px [content] auto [content-end] 16px [end]; } } .content { position: relative; grid-column-start: content; grid-row-start: nav-end; padding-top: 3.2rem; margin-left: var(--gut-width); margin-right: var(--gut-width); margin-bottom: 4.0302267003%; max-width: 100%; overflow: hidden; } @media screen and (max-width: 780px) { .content { margin-right: inherit; margin-left: inherit; } } @media screen and (max-width: 480px) { .content { padding-top: 16px; margin-bottom: 16px; } }