:root {
--text: #333333;
--links: #000091;
--titles: #2C3F56;
--page-background: #F5F5F5;
--highlight: #000091;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #FFFFFF;
--section-titles-background: #000091;
--header-background: #FFFFFF;
--header-links: #FFFFFF;
--footer-background: #FFFFFF;
--footer-links: #000091;
}
/* Minified summary design system Etat */
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
/* FIX RESPONSIVE TABLEAU */
@media screen and (min-width: 581px) {
.table-basic thead th {
padding: 13px 3px;
position: sticky;
top: 0;
z-index: 1;
}
.table-basic thead th:first-child,
.table-basic tbody th {
padding-left: 13px;
}
.table-basic tr td,
.table-basic tbody th {
font-weight: normal;
border-top: 1px solid #dee5ef;
}
.table-basic tr td {
padding: 13px 3px;
}
}
@media screen and (max-width: 768px) {
.fr-table table,
.fr-table tbody {
display: block;
}
.fr-table thead {
display: none;
}
.fr-table tbody {
width: 100%;
}
.fr-table tbody tr {
display: flex;
flex-direction: column;
font-weight: normal;
border-top: 1px solid #dee5ef;
}
.fr-table tbody tr > * {
display: grid;
padding: 0;
gap: 13px;
align-items: center;
grid-template-columns: minmax(10em, 30%) 1fr;
}
.fr-table tbody tr > *:before {
content: attr(data-name);
display: block;
padding: 6px 13px;
font-weight: 700;
}
.fr-table th {
font-weight: 300;
}
.fr-link--icon-right {
justify-content: flex-end;
}
}
main {
margin: 0px 10px;
}
/************
Portal stylesheet
************/
:root {
--links: #000091;
--page-background: #F5F5F5;
--header-links: #ffffff;
--titles: #2C3F56;
--section-titles: #FFFFFF;
--highlight: #000091;
--footer-links: #000091;
--boxes-border: #E5E5E5;
--boxes-background: #FFFFFF;
--header-background: #FFFFFF;
--footer-background: #000091;
--text: #333333;
--section-titles-background: #F6F8FB;
}
/**** HEADER Common to all displays ****/
/**** DESKTOP SPECIFIC (width >= breakpoint) 1000 by default *****/
.ods-front-header:not(.ods-responsive-menu--collapsed) {
height: 200px;
margin: 0;
padding: 0;
}
.portal-header-logo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: left;
padding-top: 26px;
padding-bottom: 26px;
}
.portal-header-logo-container a {
box-shadow: none;
text-decoration: none;
}
.portal-header-logo-container a:hover {
text-decoration: none;
}
.nav-header {
width: 100%;
display: flex;
padding: 0px 100px;
align-items: center;
background-color: #000091;
justify-content: center;
}
.ods-front-header__logo {
display: inline-block;
width: auto;
/* Logo width */
height: 100px;
padding-bottom: -100%;
/* Logo height */
}
.border-bottom:not(.ods-responsive-menu--collapsed) {
border-bottom: 0px solid #f5eded;
}
.management-menu {
position: absolute;
top: 0;
right: 20%;
line-height: 59px;
font-size: 0.833rem;
}
.ods-front-header__menu {
margin: 0;
color: #000000
}
.ods-front-header__management-menu-item {
border-right: 2px solid #e7e7e7;
padding: 0px 20px 2px 20px;
margin: 0;
background-color: #fff;
border-radius: 0px;
}
.ods-front-header__management-menu-item:last-child {
border-right: none;
}
.ods-front-header__management-menu-item-link {
color: #000091;
box-shadow: none;
padding: 3.5px 10.5px;
}
.ods-front-header__management-menu-item-link:not(.ods-responsive-menu--collapsed):hover {
background-image: linear-gradient(0deg, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0.5));
border-bottom: none;
text-decoration: underline;
border-radius: 14px;
}
.ods-front-header__menu-item-link {
margin: 0;
font-size: 1rem;
font-weight: 370;
display: inline-block;
line-height: 58px;
color: #000000;
height: 61px;
opacity: 1;
}
.ods-front-header__menu-item-link:hover {
color: #FFF;
border-bottom: 3px solid #000091;
background-color : #efefef;
}
.ods-front-header__menu-item-link--active {
color: #FFF;
border-bottom: 3px solid #000091;
}
.ods-front-header__menu-item-link--active:after {
padding: 0;
margin: 0;
opacity: 1;
transition: 0s
}
/*** DESKTOP SPECIFIC - END ***/
/****** MOBILE SPECIFIC *******/
.ods-responsive-menu--collapsed .ods-responsive-menu-placeholder__container {
height: 120px;
text-align: left;
}
.ods-responsive-menu--collapsed .ods-responsive-menu-placeholder .ods-front-header__portal-brand {
display: flex;
height: 40px;
top: 10px;
position: relative;
flex-direction: column;
align-items: flex-start;
width: 50%;
}
.ods-responsive-menu--collapsed .ods-responsive-menu-placeholder__toggle {
color: #1E1E1E;
opacity: 1;
background-color: #FFF;
}
/****** MOBILE SPECIFIC, Hamburger menu EXPANDED/OPENED *******/
.ods-responsive-menu-collapsible--expanded .portal-header-logo-container {
display: none;
}
.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__content {
display: flex;
flex-direction: column-reverse;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__menu {
width: 100%;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__menu-item {
border-bottom: 1px solid #f5eded;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__menu-item-link {
font-weight: 700;
color: #1e1e1e;
font-size: 1rem;
display: flex;
align-items: center;
padding: 0px 10px;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__menu-item-link:hover {
color: #000091;
border-bottom: 0px transparent;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu {
padding: 0;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item {
padding: 15px 0px;
border-right: none;
border-bottom: 1px solid #f5eded;
margin: 0;
font-size: 1rem;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link {
color: #6a6a6a;
font-size: 1rem;
padding: 0px 10px;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link:hover {
color: #000091;
background-image: none;
text-decoration: none;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link i {
font-size: 1rem;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__management-menu-item-link:not(.ods-front-header__management-menu-item-link--backoffice) {
border-bottom: none;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__account-avatar-container {
width: 18px;
height: 18px;
}
.ods-responsive-menu-collapsible--expanded .ods-front-header__account-avatar {
height: 18px;
width: 18px;
}
.ods-responsive-menu-collapsible--expanded button.ods-responsive-menu-collapsible__toggle-button:before {
content: "Fermer";
color: #000091;
font-size: 1rem;
}
.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__toggle {
margin-bottom: 0;
}
.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__toggle-button {
color: #000091;
}
.ods-responsive-menu-collapsible--expanded .fix-mobile {
padding-left: 0rem;
padding-right: 0rem;
}
/*** MOBILE SPECIFIC, Hamburger menu EXPANDED/OPENED - END ****/
/**** End of HEADER Common to all displays ****/
/**** FOOTER Start ****/
.ods-front-footer {
background-color: #FFF;
border-top: none;
}
.footer-logo {
height: 70px;
}
/**** FOOTER End ****/
/**** /explore and others pages ****/
/**** End of /explore and others pages ****/
@charset "UTF-8";
/* Fix special SGSOCIALGOUV */
.MYSITE-header__brand a {
color: #08C;
}
.ods-simple-tabs-container ul > li:before, .ods-simple-tabs-container a:after, .odswidget-select ul > li:before, .odswidget-select a:after, .odswidget-pagination ul > li:before, .odswidget-pagination a:after, .ods-filters ul > li:before, .ods-filters a:after, .ods-api-console ul > li:before, .ods-api-console a:after, .ods-front-header ul > li:before, .ods-front-header a:after, .odswidget ul > li:before, .odswidget a:after, .ods-front-footer ul > li:before, .ods-front-footer a:after {
display: none;
}
.ods-simple-tabs-nav-link {
box-shadow: none;
}
.hidebreadcrumb {
display: none;
}
/* Style of your ODS Portal goes here */
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-responsive-vid__player {
object-fit: cover;
object-position: 50% 50%;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
border: none;
}
a {
text-decoration: none;
color: inherit;
}
ol, ul {
list-style-type: none;
margin-block-start: 0;
margin-block-end: 0;
padding-inline-start: 0;
padding-inline-end: 0;
}
.fr-responsive-vid__player {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
@font-face {
font-family: icons;
src: url("data:font/truetype;charset=utf-8;base64,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") format("truetype");
}
[class*=" fr-fi-"]:before, [class^=fr-fi-]:before, a[target=_blank i]:after {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
}
[class*=" fr-fi-"]:before, [class^=fr-fi-]:before {
font-size: 1.5rem;
}
.fr-fi--sm:before {
font-size: 1rem;
}
.fr-fi--lg:before {
font-size: 2rem;
}
.fr-fi-account-fill:before {
content: "ï„";
}
.fr-fi-account-line:before {
content: "ï„‚";
}
.fr-fi-add-circle-line:before {
content: "";
}
.fr-fi-add-line:before {
content: "ï„„";
}
.fr-fi-alert-fill:before {
content: "ï„…";
}
.fr-fi-alert-line:before {
content: "";
}
.fr-fi-arrow-down-line:before {
content: "";
}
.fr-fi-arrow-down-s-line:before {
content: "";
}
.fr-fi-arrow-left-line:before {
content: "";
}
.fr-fi-arrow-left-s-first-line:before {
content: "ï„Š";
}
.fr-fi-arrow-left-s-line-double:before {
content: "ï„‹";
}
.fr-fi-arrow-left-s-line:before {
content: "";
}
.fr-fi-arrow-right-line:before {
content: "ï„";
}
.fr-fi-arrow-right-s-last-line:before {
content: "ï„Ž";
}
.fr-fi-arrow-right-s-line-double:before {
content: "ï„";
}
.fr-fi-arrow-right-s-line:before {
content: "ï„";
}
.fr-fi-arrow-right-up-line:before {
content: "ï„‘";
}
.fr-fi-arrow-up-line:before {
content: "ï„’";
}
.fr-fi-arrow-up-s-line:before {
content: "ï„“";
}
.fr-fi-calendar-fill:before {
content: "ï„”";
}
.fr-fi-calendar-line:before {
content: "ï„•";
}
.fr-fi-check-line:before {
content: "ï„–";
}
.fr-fi-checkbox-line:before {
content: "ï„—";
}
.fr-fi-close-circle-line:before {
content: "";
}
.fr-fi-close-line:before {
content: "ï„™";
}
.fr-fi-delete-fill:before {
content: "ï„š";
}
.fr-fi-delete-line:before {
content: "ï„›";
}
.fr-fi-download-line:before {
content: "";
}
.fr-fi-edit-fill:before {
content: "ï„";
}
.fr-fi-edit-line:before {
content: "ï„ž";
}
.fr-fi-external-link-line:before {
content: "ï„Ÿ";
}
.fr-fi-eye-line:before {
content: "ï„ ";
}
.fr-fi-eye-off-line:before {
content: "ï„¡";
}
.fr-fi-facebook-circle-fill:before {
content: "ï„¢";
}
.fr-fi-file-download-fill:before {
content: "ï„£";
}
.fr-fi-file-download-line:before {
content: "";
}
.fr-fi-file-fill:before {
content: "ï„¥";
}
.fr-fi-file-line:before {
content: "";
}
.fr-fi-file-pdf-fill:before {
content: "";
}
.fr-fi-file-pdf-line:before {
content: "";
}
.fr-fi-information-fill:before {
content: "ï„©";
}
.fr-fi-information-line:before {
content: "";
}
.fr-fi-instagram-fill:before {
content: "ï„«";
}
.fr-fi-linkedin-box-fill:before {
content: "";
}
.fr-fi-lock-fill:before {
content: "ï„";
}
.fr-fi-lock-line:before {
content: "ï„®";
}
.fr-fi-mail-fill:before {
content: "";
}
.fr-fi-mail-line:before {
content: "ï„°";
}
.fr-fi-menu-2-fill:before {
content: "";
}
.fr-fi-menu-fill:before {
content: "";
}
.fr-fi-pause-circle-fill:before {
content: "";
}
.fr-fi-pause-circle-line:before {
content: "ï„´";
}
.fr-fi-play-fill:before {
content: "";
}
.fr-fi-play-line:before {
content: "";
}
.fr-fi-printer-fill:before {
content: "ï„·";
}
.fr-fi-printer-line:before {
content: "";
}
.fr-fi-question-fill:before {
content: "";
}
.fr-fi-question-line:before {
content: "";
}
.fr-fi-refresh-fill:before {
content: "ï„»";
}
.fr-fi-refresh-line:before {
content: "";
}
.fr-fi-save-fill:before {
content: "";
}
.fr-fi-save-line:before {
content: "";
}
.fr-fi-search-fill:before {
content: "ï„¿";
}
.fr-fi-search-line:before {
content: "ï…€";
}
.fr-fi-subtract-line:before {
content: "ï…";
}
.fr-fi-theme-fill:before {
content: "ï…‚";
}
.fr-fi-twitter-fill:before {
content: "ï…ƒ";
}
.fr-fi-user-fill:before {
content: "ï…„";
}
.fr-fi-user-line:before {
content: "ï……";
}
.fr-fi-volume-down-fill:before {
content: "ï…†";
}
.fr-fi-volume-down-line:before {
content: "ï…‡";
}
.fr-fi-volume-mute-fill:before {
content: "ï…ˆ";
}
.fr-fi-volume-mute-line:before {
content: "ï…‰";
}
.fr-fi-volume-up-fill:before {
content: "ï…Š";
}
.fr-fi-volume-up-line:before {
content: "ï…‹";
}
.fr-fi-youtube-fill:before {
content: "";
}
@font-face {
font-family: Marianne;
src: url('/assets/theme_font/Marianne-Light.woff2') format("woff2"), url(../fonts/Marianne-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Marianne;
src: url('/assets/theme_font/Marianne-Light_Italic.woff2') format("woff2"), url(../fonts/Marianne-Light_Italic.woff) format("woff");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: Marianne;
src: url('/assets/theme_font/Marianne-Regular.woff2') format("woff2"), url(../fonts/Marianne-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Marianne;
src: url('/assets/theme_font/Marianne-Regular_Italic.woff2') format("woff2"), url(../fonts/Marianne-Regular_Italic.woff) format("woff");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Marianne;
src: url('/assets/theme_font/Marianne-Bold.woff2') format("woff2"), url(../fonts/Marianne-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Marianne;
src: url('/assets/theme_font/Marianne-Bold_Italic.woff2') format("woff2"), url(../fonts/Marianne-Bold_Italic.woff) format("woff");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: Spectral;
src: url('/assets/theme_font/Spectral-Regular.woff2') format("woff2"), url(../fonts/Spectral-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Spectral;
src: url('/assets/theme_font/Spectral-ExtraBold.woff2') format("woff2"), url(../fonts/Spectral-ExtraBold.woff) format("woff");
font-weight: 900;
font-style: normal;
}
*, :after, :before {
box-sizing: inherit;
}
:root {
box-sizing: border-box;
}
body {
font-family: Marianne, arial, sans-serif;
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.5rem;
}
h6 {
font-size: 1.125rem;
line-height: 1.5rem;
}
h5, h6 {
font-weight: 700;
margin: 0 0 1rem;
}
h5 {
font-size: 1.25rem;
line-height: 1.75rem;
}
h4 {
font-size: 1.375rem;
line-height: 1.75rem;
}
h3, h4 {
font-weight: 700;
margin: 0 0 1rem;
}
h3 {
font-size: 1.5rem;
line-height: 2rem;
}
h2 {
font-size: 1.75rem;
line-height: 2.25rem;
}
h1, h2 {
font-weight: 700;
margin: 0 0 1rem;
}
h1 {
font-size: 2rem;
line-height: 2.5rem;
}
p {
font-size: 1rem;
line-height: 1.5rem;
margin: 0 0 2.5rem;
}
:root {
--is-link: ;
}
a {
box-shadow: var(--is-link) 0 1px 0 0 currentColor;
}
a[target=_blank i]:after {
font-size: var(--is-link) 1rem;
content: var(--is-link) "ï„Ÿ";
margin-left: var(--is-link) 0.25rem;
vertical-align: var(--is-link) baseline;
}
a:not([href]) {
box-shadow: var(--is-link) none;
}
.fr-enlarge-link {
position: relative;
}
.fr-enlarge-link a {
outline-width: 0 !important;
}
.fr-enlarge-link a:before {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
outline-offset: 2px;
outline-style: inherit;
outline-color: inherit;
outline-width: 2px;
z-index: 1;
}
.fr-raw-link, .fr-reset-link {
--is-link: false ;
}
.fr-reset-link {
text-decoration: underline;
text-underline-offset: 2px;
}
:root {
--is-list: ;
}
ol, ol > li, ul, ul > li {
padding-bottom: var(--is-list) 0.5rem;
}
ol > li:before, ul > li:before {
padding-right: var(--is-list) 0.5rem;
}
ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
padding-top: var(--is-list) 0.5rem;
padding-left: var(--is-list) 1rem;
}
ol > li > ol > li, ol > li > ul > li, ul > li > ol > li, ul > li > ul > li {
font-size: var(--is-list) 0.875rem;
line-height: var(--is-list) 1.5rem;
}
ol > li > ol > li:before, ol > li > ul > li:before, ul > li > ol > li:before, ul > li > ul > li:before {
padding-right: var(--is-list) 0.25rem;
}
ul > li:before {
display: var(--is-list) inline-block;
content: var(--is-list) "â—";
font-size: var(--is-list) 0.75rem;
}
ul > li > ul > li:before {
font-size: var(--is-list) 0.5rem;
}
ol {
counter-reset: list-number;
}
ol > li {
counter-increment: list-number;
}
ol > li:before {
content: var(--is-list) counters(list-number, ".") ".";
font-weight: var(--is-list) 700;
}
:focus, :focus-visible {
z-index: 2000;
}
a {
outline-offset: 2px;
outline-width: 2px;
}
a:focus {
outline-style: solid;
}
a:focus:not(:focus-visible) {
outline-style: none;
}
a:focus-visible {
outline-style: solid;
}
a {
cursor: pointer;
}
a:not([href]) {
outline-style: none;
cursor: not-allowed;
}
button {
outline-offset: 2px;
outline-width: 2px;
}
button:focus {
outline-style: solid;
}
button:focus:not(:focus-visible) {
outline-style: none;
}
button:focus-visible {
outline-style: solid;
}
button:enabled {
cursor: pointer;
}
button:disabled {
outline-style: none;
cursor: not-allowed;
}
input {
outline-offset: 2px;
outline-width: 2px;
}
input:focus {
outline-style: solid;
}
input:focus:not(:focus-visible) {
outline-style: none;
}
input:focus-visible {
outline-style: solid;
}
input:disabled {
outline-style: none;
cursor: not-allowed;
}
input[type=checkbox i] + label:before, input[type=radio i] + label:before {
outline-offset: 2px;
outline-width: 2px;
}
input[type=checkbox i]:focus + label:before, input[type=radio i]:focus + label:before {
outline-style: solid;
}
input[type=checkbox i]:focus:not(:focus-visible) + label:before, input[type=radio i]:focus:not(:focus-visible) + label:before {
outline-style: none;
}
input[type=checkbox i]:focus-visible + label:before, input[type=radio i]:focus-visible + label:before {
outline-style: solid;
}
input[type=checkbox i]:enabled, input[type=checkbox i]:enabled + label, input[type=radio i]:enabled, input[type=radio i]:enabled + label {
cursor: pointer;
}
input[type=checkbox i]:disabled + label:before, input[type=radio i]:disabled + label:before {
outline-style: none;
}
input[type=checkbox i]:disabled, input[type=checkbox i]:disabled + label, input[type=radio i]:disabled, input[type=radio i]:disabled + label {
cursor: not-allowed;
}
input[type=button i]:enabled, input[type=color i]:enabled, input[type=date i]:enabled, input[type=datetime-local i]:enabled, input[type=file i]:enabled, input[type=image i]:enabled, input[type=month i]:enabled, input[type=range i]:enabled, input[type=reset i]:enabled, input[type=submit i]:enabled, input[type=time i]:enabled, input[type=week i]:enabled {
cursor: pointer;
}
select {
outline-offset: 2px;
outline-width: 2px;
}
select:focus {
outline-style: solid;
}
select:focus:not(:focus-visible) {
outline-style: none;
}
select:focus-visible {
outline-style: solid;
}
select:enabled {
cursor: pointer;
}
select:disabled {
outline-style: none;
cursor: not-allowed;
}
textarea {
outline-offset: 2px;
outline-width: 2px;
}
textarea:focus {
outline-style: solid;
}
textarea:focus:not(:focus-visible) {
outline-style: none;
}
textarea:focus-visible {
outline-style: solid;
}
textarea:disabled {
outline-style: none;
cursor: not-allowed;
}
[tabindex] {
outline-offset: 2px;
outline-width: 2px;
}
[tabindex]:focus {
outline-style: solid;
}
[tabindex]:focus:not(:focus-visible) {
outline-style: none;
}
[tabindex]:focus-visible {
outline-style: solid;
}
[tabindex][tabindex="-1"] {
outline-style: none;
}
audio[controls], video[controls] {
outline-offset: 2px;
outline-width: 2px;
}
audio:focus[controls], video:focus[controls] {
outline-style: solid;
}
audio:focus:not(:focus-visible)[controls], video:focus:not(:focus-visible)[controls] {
outline-style: none;
}
audio:focus-visible[controls], video:focus-visible[controls] {
outline-style: solid;
}
audio, video {
cursor: pointer;
}
audio:not([href])[controls], video:not([href])[controls] {
outline-style: none;
}
audio:not([href]), video:not([href]) {
cursor: not-allowed;
}
[contenteditable]:not([contenteditable=false i]) {
outline-offset: 2px;
outline-width: 2px;
}
[contenteditable]:not([contenteditable=false i]):focus {
outline-style: solid;
}
[contenteditable]:not([contenteditable=false i]):focus:not(:focus-visible) {
outline-style: none;
}
[contenteditable]:not([contenteditable=false i]):focus-visible {
outline-style: solid;
}
details, details > summary:first-of-type {
outline-offset: 2px;
outline-width: 2px;
}
details:focus, details > summary:first-of-type:focus {
outline-style: solid;
}
details:focus:not(:focus-visible), details > summary:first-of-type:focus:not(:focus-visible) {
outline-style: none;
}
details:focus-visible, details > summary:first-of-type:focus-visible {
outline-style: solid;
}
details, details > summary:first-of-type {
cursor: pointer;
}
.fr-displayed-lg, .fr-displayed-md, .fr-displayed-sm, .fr-displayed-xl, .fr-displayed-xs, .fr-hidden {
display: none !important;
}
:root.fr-no-scroll body {
overflow: hidden;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
}
.fr-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fr-no-after:after, .fr-no-before:before {
display: none;
}
.fr-text--light {
font-weight: 300 !important;
}
.fr-text--regular {
font-weight: 400 !important;
}
.fr-text--bold {
font-weight: 700 !important;
}
.fr-text--xx-bold {
font-weight: 900 !important;
}
.fr-h6 {
font-weight: 700 !important;
font-size: 1.125rem !important;
line-height: 1.5rem !important;
margin: 0 0 1rem;
}
.fr-h5 {
font-size: 1.25rem !important;
}
.fr-h4, .fr-h5 {
font-weight: 700 !important;
line-height: 1.75rem !important;
margin: 0 0 1rem;
}
.fr-h4 {
font-size: 1.375rem !important;
}
.fr-h3 {
font-size: 1.5rem !important;
line-height: 2rem !important;
}
.fr-h2, .fr-h3 {
font-weight: 700 !important;
margin: 0 0 1rem;
}
.fr-h2 {
font-size: 1.75rem !important;
line-height: 2.25rem !important;
}
.fr-h1 {
font-weight: 700 !important;
font-size: 2rem !important;
line-height: 2.5rem !important;
margin: 0 0 1rem;
}
.fr-display-xs {
font-size: 2.5rem !important;
line-height: 3rem !important;
}
.fr-display-sm, .fr-display-xs {
font-weight: 700 !important;
margin: 0 0 2rem;
}
.fr-display-sm {
font-size: 3rem !important;
line-height: 3.5rem !important;
}
.fr-display-md {
font-size: 3.5rem !important;
line-height: 4rem !important;
}
.fr-display-lg, .fr-display-md {
font-weight: 700 !important;
margin: 0 0 2rem;
}
.fr-display-lg {
font-size: 4rem !important;
line-height: 4.5rem !important;
}
.fr-display-xl {
font-weight: 700 !important;
font-size: 4.5rem !important;
line-height: 5rem !important;
margin: 0 0 2rem;
}
.fr-text--xs {
font-size: 0.75rem !important;
line-height: 1.25rem !important;
margin: 0 0 2.5rem;
}
.fr-text--sm {
font-size: 0.875rem !important;
}
.fr-text, .fr-text--sm {
line-height: 1.5rem !important;
margin: 0 0 2.5rem;
}
.fr-text {
font-size: 1rem !important;
}
.fr-text--lg {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
margin: 0 0 2.5rem;
}
.fr-text--lead, .fr-text--xl {
font-size: 1.25rem !important;
line-height: 2rem !important;
margin: 0 0 3rem;
}
.fr-text--alt {
font-family: Spectral, georgia, serif !important;
}
.fr-grid-row {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.fr-grid-row--top {
align-items: flex-start;
}
.fr-grid-row--bottom {
align-items: flex-end;
}
.fr-grid-row--middle {
align-items: center;
}
.fr-grid-row--left {
justify-content: flex-start;
}
.fr-grid-row--right {
justify-content: flex-end;
}
.fr-grid-row--center {
justify-content: center;
}
.fr-col--top {
align-self: flex-start;
}
.fr-col--bottom {
align-self: flex-end;
}
.fr-col--middle {
align-self: center;
}
.fr-container {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.fr-container--fluid {
padding-left: 0;
padding-right: 0;
max-width: none;
}
.fr-grid-row--gutters {
margin: -0.5rem;
}
.fr-grid-row--gutters > .fr-col, .fr-grid-row--gutters > [class*=" fr-col-"], .fr-grid-row--gutters > [class^=fr-col-] {
padding: 0.5rem;
}
.fr-grid-row--no-gutters {
margin: 0;
}
.fr-grid-row--no-gutters > .fr-col, .fr-grid-row--no-gutters > [class*=" fr-col-"], .fr-grid-row--no-gutters > [class^=fr-col-] {
padding: 0;
}
.fr-col {
flex: 1;
}
.fr-col-1 {
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%;
}
.fr-col-offset-1:not(.fr-col-offset-1--right) {
margin-left: 8.33333%;
}
.fr-col-offset-1--right {
margin-right: 8.33333%;
}
.fr-col-2 {
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%;
}
.fr-col-offset-2:not(.fr-col-offset-1--right) {
margin-left: 16.66667%;
}
.fr-col-offset-2--right {
margin-right: 16.66667%;
}
.fr-col-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.fr-col-offset-3:not(.fr-col-offset-1--right) {
margin-left: 25%;
}
.fr-col-offset-3--right {
margin-right: 25%;
}
.fr-col-4 {
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%;
}
.fr-col-offset-4:not(.fr-col-offset-1--right) {
margin-left: 33.33333%;
}
.fr-col-offset-4--right {
margin-right: 33.33333%;
}
.fr-col-5 {
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%;
}
.fr-col-offset-5:not(.fr-col-offset-1--right) {
margin-left: 41.66667%;
}
.fr-col-offset-5--right {
margin-right: 41.66667%;
}
.fr-col-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.fr-col-offset-6:not(.fr-col-offset-1--right) {
margin-left: 50%;
}
.fr-col-offset-6--right {
margin-right: 50%;
}
.fr-col-7 {
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%;
}
.fr-col-offset-7:not(.fr-col-offset-1--right) {
margin-left: 58.33333%;
}
.fr-col-offset-7--right {
margin-right: 58.33333%;
}
.fr-col-8 {
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%;
}
.fr-col-offset-8:not(.fr-col-offset-1--right) {
margin-left: 66.66667%;
}
.fr-col-offset-8--right {
margin-right: 66.66667%;
}
.fr-col-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.fr-col-offset-9:not(.fr-col-offset-1--right) {
margin-left: 75%;
}
.fr-col-offset-9--right {
margin-right: 75%;
}
.fr-col-10 {
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%;
}
.fr-col-offset-10:not(.fr-col-offset-1--right) {
margin-left: 83.33333%;
}
.fr-col-offset-10--right {
margin-right: 83.33333%;
}
.fr-col-11 {
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%;
}
.fr-col-offset-11:not(.fr-col-offset-1--right) {
margin-left: 91.66667%;
}
.fr-col-offset-11--right {
margin-right: 91.66667%;
}
.fr-col-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.fr-col-offset-12:not(.fr-col-offset-1--right) {
margin-left: 100%;
}
.fr-col-offset-12--right {
margin-right: 100%;
}
.fr-responsive-img {
width: 100%;
height: auto;
}
.fr-responsive-vid {
position: relative;
width: 100%;
}
.fr-responsive-vid:before {
display: block;
content: "";
width: 100%;
padding-bottom: 56.25%;
}
.fr-responsive-vid--4x3:before {
display: block;
content: "";
padding-bottom: 75%;
}
.fr-responsive-vid--1x1:before {
display: block;
content: "";
padding-bottom: 100%;
}
.fr-responsive-vid__player {
border: 0;
}
.fr-collapse {
overflow: hidden;
transition: visibility 0.3s;
max-height: 0;
--collapse: -99999px;
--collapser: "" ;
}
.fr-collapse:before {
display: block;
content: "";
content: var(--collapser);
transition: margin-top 0.3s;
margin-top: 0;
}
.fr-collapse:not(.fr-collapse--expanded) {
visibility: hidden;
}
.fr-collapse:not(.fr-collapse--expanded):before {
margin-top: -99999px;
margin-top: var(--collapse);
}
body {
background-color: var(--w);
--block-color-hover: hsla(0, 0%, 87.8%, 0.5);
--block-color-active: hsla(0, 0%, 76.1%, 0.5);
color: var(--g700);
}
:root[data-fr-theme=dark i] body {
--block-color-hover: rgba(65, 65, 65, 0.5);
--block-color-active: rgba(99, 99, 99, 0.5) ;
}
:root[data-fr-transition] body {
transition: background-color 0.3s;
}
a, button, input {
outline-color: var(--focus);
}
input[type=checkbox i] + label:before, input[type=radio i] + label:before {
outline-color: var(--focus);
}
[tabindex], audio[controls], select, textarea, video[controls] {
outline-color: var(--focus);
}
[contenteditable]:not([contenteditable=false i]) {
outline-color: var(--focus);
}
details, details > summary:first-of-type {
outline-color: var(--focus);
}
@media (min-width: 0) {
.fr-hidden-xs {
display: none !important;
}
.fr-displayed-xs {
display: inherit !important;
}
.fr-sr-only-xs {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
@media (min-width: 36em) {
.fr-hidden-sm {
display: none !important;
}
.fr-displayed-sm {
display: inherit !important;
}
.fr-sr-only-sm {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fr-container-sm {
padding-left: 1rem;
padding-right: 1rem;
}
.fr-container-sm--fluid {
padding-left: 0;
padding-right: 0;
max-width: none;
}
.fr-grid-row-sm--gutters {
margin: -0.5rem;
}
.fr-grid-row-sm--gutters > .fr-col, .fr-grid-row-sm--gutters > [class*=" fr-col-"], .fr-grid-row-sm--gutters > [class^=fr-col-] {
padding: 0.5rem;
}
.fr-grid-row-sm--no-gutters {
margin: 0;
}
.fr-grid-row-sm--no-gutters > .fr-col, .fr-grid-row-sm--no-gutters > [class*=" fr-col-"], .fr-grid-row-sm--no-gutters > [class^=fr-col-] {
padding: 0;
}
.fr-col-sm {
flex: 1;
}
.fr-col-sm-1 {
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%;
}
.fr-col-offset-sm-1:not(.fr-col-offset-1--right) {
margin-left: 8.33333%;
}
.fr-col-offset-sm-1--right {
margin-right: 8.33333%;
}
.fr-col-sm-2 {
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%;
}
.fr-col-offset-sm-2:not(.fr-col-offset-1--right) {
margin-left: 16.66667%;
}
.fr-col-offset-sm-2--right {
margin-right: 16.66667%;
}
.fr-col-sm-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.fr-col-offset-sm-3:not(.fr-col-offset-1--right) {
margin-left: 25%;
}
.fr-col-offset-sm-3--right {
margin-right: 25%;
}
.fr-col-sm-4 {
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%;
}
.fr-col-offset-sm-4:not(.fr-col-offset-1--right) {
margin-left: 33.33333%;
}
.fr-col-offset-sm-4--right {
margin-right: 33.33333%;
}
.fr-col-sm-5 {
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%;
}
.fr-col-offset-sm-5:not(.fr-col-offset-1--right) {
margin-left: 41.66667%;
}
.fr-col-offset-sm-5--right {
margin-right: 41.66667%;
}
.fr-col-sm-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.fr-col-offset-sm-6:not(.fr-col-offset-1--right) {
margin-left: 50%;
}
.fr-col-offset-sm-6--right {
margin-right: 50%;
}
.fr-col-sm-7 {
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%;
}
.fr-col-offset-sm-7:not(.fr-col-offset-1--right) {
margin-left: 58.33333%;
}
.fr-col-offset-sm-7--right {
margin-right: 58.33333%;
}
.fr-col-sm-8 {
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%;
}
.fr-col-offset-sm-8:not(.fr-col-offset-1--right) {
margin-left: 66.66667%;
}
.fr-col-offset-sm-8--right {
margin-right: 66.66667%;
}
.fr-col-sm-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.fr-col-offset-sm-9:not(.fr-col-offset-1--right) {
margin-left: 75%;
}
.fr-col-offset-sm-9--right {
margin-right: 75%;
}
.fr-col-sm-10 {
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%;
}
.fr-col-offset-sm-10:not(.fr-col-offset-1--right) {
margin-left: 83.33333%;
}
.fr-col-offset-sm-10--right {
margin-right: 83.33333%;
}
.fr-col-sm-11 {
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%;
}
.fr-col-offset-sm-11:not(.fr-col-offset-1--right) {
margin-left: 91.66667%;
}
.fr-col-offset-sm-11--right {
margin-right: 91.66667%;
}
.fr-col-sm-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.fr-col-offset-sm-12:not(.fr-col-offset-1--right) {
margin-left: 100%;
}
.fr-col-offset-sm-12--right {
margin-right: 100%;
}
}
@media (min-width: 48em) {
h6 {
font-size: 1.25rem;
}
h5, h6 {
line-height: 1.75rem;
}
h5 {
font-size: 1.375rem;
}
h4 {
font-size: 1.5rem;
line-height: 2rem;
}
h3 {
font-size: 1.75rem;
line-height: 2.25rem;
}
h2 {
font-size: 2rem;
line-height: 2.5rem;
}
h1 {
font-size: 2.5rem;
line-height: 3rem;
}
.fr-hidden-md {
display: none !important;
}
.fr-displayed-md {
display: inherit !important;
}
.fr-sr-only-md {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fr-h6 {
font-size: 1.25rem !important;
}
.fr-h5, .fr-h6 {
line-height: 1.75rem !important;
}
.fr-h5 {
font-size: 1.375rem !important;
}
.fr-h4 {
font-size: 1.5rem !important;
line-height: 2rem !important;
}
.fr-h3 {
font-size: 1.75rem !important;
line-height: 2.25rem !important;
}
.fr-h2 {
font-size: 2rem !important;
line-height: 2.5rem !important;
color:#161616;
}
.fr-h1 {
font-size: 2.5rem !important;
line-height: 3rem !important;
}
.fr-display-xs {
font-size: 3rem !important;
line-height: 3.5rem !important;
}
.fr-display-sm {
font-size: 3.5rem !important;
line-height: 4rem !important;
}
.fr-display-md {
font-size: 4rem !important;
line-height: 4.5rem !important;
}
.fr-display-lg {
font-size: 4.5rem !important;
line-height: 5rem !important;
}
.fr-display-xl {
font-size: 5rem !important;
line-height: 5.5rem !important;
}
.fr-text--lg {
font-size: 1.25rem !important;
line-height: 2rem !important;
}
.fr-text--lead, .fr-text--xl {
font-size: 1.375rem !important;
line-height: 2.25rem !important;
}
.fr-container-md {
padding-left: 1rem;
padding-right: 1rem;
}
.fr-container-md--fluid {
padding-left: 0;
padding-right: 0;
max-width: none;
}
.fr-grid-row-md--gutters {
margin: -0.5rem;
}
.fr-grid-row-md--gutters > .fr-col, .fr-grid-row-md--gutters > [class*=" fr-col-"], .fr-grid-row-md--gutters > [class^=fr-col-] {
padding: 0.5rem;
}
.fr-grid-row-md--no-gutters {
margin: 0;
}
.fr-grid-row-md--no-gutters > .fr-col, .fr-grid-row-md--no-gutters > [class*=" fr-col-"], .fr-grid-row-md--no-gutters > [class^=fr-col-] {
padding: 0;
}
.fr-col-md {
flex: 1;
}
.fr-col-md-1 {
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%;
}
.fr-col-offset-md-1:not(.fr-col-offset-1--right) {
margin-left: 8.33333%;
}
.fr-col-offset-md-1--right {
margin-right: 8.33333%;
}
.fr-col-md-2 {
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%;
}
.fr-col-offset-md-2:not(.fr-col-offset-1--right) {
margin-left: 16.66667%;
}
.fr-col-offset-md-2--right {
margin-right: 16.66667%;
}
.fr-col-md-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.fr-col-offset-md-3:not(.fr-col-offset-1--right) {
margin-left: 25%;
}
.fr-col-offset-md-3--right {
margin-right: 25%;
}
.fr-col-md-4 {
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%;
}
.fr-col-offset-md-4:not(.fr-col-offset-1--right) {
margin-left: 33.33333%;
}
.fr-col-offset-md-4--right {
margin-right: 33.33333%;
}
.fr-col-md-5 {
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%;
}
.fr-col-offset-md-5:not(.fr-col-offset-1--right) {
margin-left: 41.66667%;
}
.fr-col-offset-md-5--right {
margin-right: 41.66667%;
}
.fr-col-md-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.fr-col-offset-md-6:not(.fr-col-offset-1--right) {
margin-left: 50%;
}
.fr-col-offset-md-6--right {
margin-right: 50%;
}
.fr-col-md-7 {
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%;
}
.fr-col-offset-md-7:not(.fr-col-offset-1--right) {
margin-left: 58.33333%;
}
.fr-col-offset-md-7--right {
margin-right: 58.33333%;
}
.fr-col-md-8 {
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%;
}
.fr-col-offset-md-8:not(.fr-col-offset-1--right) {
margin-left: 66.66667%;
}
.fr-col-offset-md-8--right {
margin-right: 66.66667%;
}
.fr-col-md-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.fr-col-offset-md-9:not(.fr-col-offset-1--right) {
margin-left: 75%;
}
.fr-col-offset-md-9--right {
margin-right: 75%;
}
.fr-col-md-10 {
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%;
}
.fr-col-offset-md-10:not(.fr-col-offset-1--right) {
margin-left: 83.33333%;
}
.fr-col-offset-md-10--right {
margin-right: 83.33333%;
}
.fr-col-md-11 {
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%;
}
.fr-col-offset-md-11:not(.fr-col-offset-1--right) {
margin-left: 91.66667%;
}
.fr-col-offset-md-11--right {
margin-right: 91.66667%;
}
.fr-col-md-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.fr-col-offset-md-12:not(.fr-col-offset-1--right) {
margin-left: 100%;
}
.fr-col-offset-md-12--right {
margin-right: 100%;
}
}
@media (min-width: 62em) {
.fr-hidden-lg {
display: none !important;
}
.fr-displayed-lg {
display: inherit !important;
}
.fr-sr-only-lg {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fr-container, .fr-container-lg, .fr-container-md, .fr-container-sm {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.fr-container-lg--fluid {
padding-left: 0;
padding-right: 0;
max-width: none;
}
.fr-grid-row--gutters, .fr-grid-row-md--gutters, .fr-grid-row-sm--gutters {
margin: -0.75rem;
}
.fr-grid-row--gutters > .fr-col, .fr-grid-row--gutters > [class*=" fr-col-"], .fr-grid-row--gutters > [class^=fr-col-], .fr-grid-row-md--gutters > .fr-col, .fr-grid-row-md--gutters > [class*=" fr-col-"], .fr-grid-row-md--gutters > [class^=fr-col-], .fr-grid-row-sm--gutters > .fr-col, .fr-grid-row-sm--gutters > [class*=" fr-col-"], .fr-grid-row-sm--gutters > [class^=fr-col-] {
padding: 0.75rem;
}
.fr-grid-row-lg--gutters {
margin: -0.75rem;
}
.fr-grid-row-lg--gutters > .fr-col, .fr-grid-row-lg--gutters > [class*=" fr-col-"], .fr-grid-row-lg--gutters > [class^=fr-col-] {
padding: 0.75rem;
}
.fr-grid-row-lg--no-gutters {
margin: 0;
}
.fr-grid-row-lg--no-gutters > .fr-col, .fr-grid-row-lg--no-gutters > [class*=" fr-col-"], .fr-grid-row-lg--no-gutters > [class^=fr-col-] {
padding: 0;
}
.fr-col-lg {
flex: 1;
}
.fr-col-lg-1 {
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%;
}
.fr-col-offset-lg-1:not(.fr-col-offset-1--right) {
margin-left: 8.33333%;
}
.fr-col-offset-lg-1--right {
margin-right: 8.33333%;
}
.fr-col-lg-2 {
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%;
}
.fr-col-offset-lg-2:not(.fr-col-offset-1--right) {
margin-left: 16.66667%;
}
.fr-col-offset-lg-2--right {
margin-right: 16.66667%;
}
.fr-col-lg-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.fr-col-offset-lg-3:not(.fr-col-offset-1--right) {
margin-left: 25%;
}
.fr-col-offset-lg-3--right {
margin-right: 25%;
}
.fr-col-lg-4 {
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%;
}
.fr-col-offset-lg-4:not(.fr-col-offset-1--right) {
margin-left: 33.33333%;
}
.fr-col-offset-lg-4--right {
margin-right: 33.33333%;
}
.fr-col-lg-5 {
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%;
}
.fr-col-offset-lg-5:not(.fr-col-offset-1--right) {
margin-left: 41.66667%;
}
.fr-col-offset-lg-5--right {
margin-right: 41.66667%;
}
.fr-col-lg-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.fr-col-offset-lg-6:not(.fr-col-offset-1--right) {
margin-left: 50%;
}
.fr-col-offset-lg-6--right {
margin-right: 50%;
}
.fr-col-lg-7 {
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%;
}
.fr-col-offset-lg-7:not(.fr-col-offset-1--right) {
margin-left: 58.33333%;
}
.fr-col-offset-lg-7--right {
margin-right: 58.33333%;
}
.fr-col-lg-8 {
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%;
}
.fr-col-offset-lg-8:not(.fr-col-offset-1--right) {
margin-left: 66.66667%;
}
.fr-col-offset-lg-8--right {
margin-right: 66.66667%;
}
.fr-col-lg-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.fr-col-offset-lg-9:not(.fr-col-offset-1--right) {
margin-left: 75%;
}
.fr-col-offset-lg-9--right {
margin-right: 75%;
}
.fr-col-lg-10 {
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%;
}
.fr-col-offset-lg-10:not(.fr-col-offset-1--right) {
margin-left: 83.33333%;
}
.fr-col-offset-lg-10--right {
margin-right: 83.33333%;
}
.fr-col-lg-11 {
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%;
}
.fr-col-offset-lg-11:not(.fr-col-offset-1--right) {
margin-left: 91.66667%;
}
.fr-col-offset-lg-11--right {
margin-right: 91.66667%;
}
.fr-col-lg-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.fr-col-offset-lg-12:not(.fr-col-offset-1--right) {
margin-left: 100%;
}
.fr-col-offset-lg-12--right {
margin-right: 100%;
}
}
@media (min-width: 78em) {
.fr-hidden-xl {
display: none !important;
}
.fr-displayed-xl {
display: inherit !important;
}
.fr-sr-only-xl {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fr-container, .fr-container-lg, .fr-container-md, .fr-container-sm {
max-width: 78rem;
}
.fr-container-xl {
padding-left: 1.5rem;
padding-right: 1.5rem;
max-width: 78rem;
}
.fr-container-xl--fluid {
padding-left: 0;
padding-right: 0;
max-width: none;
}
.fr-grid-row-xl--gutters {
margin: -0.75rem;
}
.fr-grid-row-xl--gutters > .fr-col, .fr-grid-row-xl--gutters > [class*=" fr-col-"], .fr-grid-row-xl--gutters > [class^=fr-col-] {
padding: 0.75rem;
}
.fr-grid-row-xl--no-gutters {
margin: 0;
}
.fr-grid-row-xl--no-gutters > .fr-col, .fr-grid-row-xl--no-gutters > [class*=" fr-col-"], .fr-grid-row-xl--no-gutters > [class^=fr-col-] {
padding: 0;
}
.fr-col-xl {
flex: 1;
}
.fr-col-xl-1 {
flex: 0 0 8.33333%;
width: 8.33333%;
max-width: 8.33333%;
}
.fr-col-offset-xl-1:not(.fr-col-offset-1--right) {
margin-left: 8.33333%;
}
.fr-col-offset-xl-1--right {
margin-right: 8.33333%;
}
.fr-col-xl-2 {
flex: 0 0 16.66667%;
width: 16.66667%;
max-width: 16.66667%;
}
.fr-col-offset-xl-2:not(.fr-col-offset-1--right) {
margin-left: 16.66667%;
}
.fr-col-offset-xl-2--right {
margin-right: 16.66667%;
}
.fr-col-xl-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.fr-col-offset-xl-3:not(.fr-col-offset-1--right) {
margin-left: 25%;
}
.fr-col-offset-xl-3--right {
margin-right: 25%;
}
.fr-col-xl-4 {
flex: 0 0 33.33333%;
width: 33.33333%;
max-width: 33.33333%;
}
.fr-col-offset-xl-4:not(.fr-col-offset-1--right) {
margin-left: 33.33333%;
}
.fr-col-offset-xl-4--right {
margin-right: 33.33333%;
}
.fr-col-xl-5 {
flex: 0 0 41.66667%;
width: 41.66667%;
max-width: 41.66667%;
}
.fr-col-offset-xl-5:not(.fr-col-offset-1--right) {
margin-left: 41.66667%;
}
.fr-col-offset-xl-5--right {
margin-right: 41.66667%;
}
.fr-col-xl-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.fr-col-offset-xl-6:not(.fr-col-offset-1--right) {
margin-left: 50%;
}
.fr-col-offset-xl-6--right {
margin-right: 50%;
}
.fr-col-xl-7 {
flex: 0 0 58.33333%;
width: 58.33333%;
max-width: 58.33333%;
}
.fr-col-offset-xl-7:not(.fr-col-offset-1--right) {
margin-left: 58.33333%;
}
.fr-col-offset-xl-7--right {
margin-right: 58.33333%;
}
.fr-col-xl-8 {
flex: 0 0 66.66667%;
width: 66.66667%;
max-width: 66.66667%;
}
.fr-col-offset-xl-8:not(.fr-col-offset-1--right) {
margin-left: 66.66667%;
}
.fr-col-offset-xl-8--right {
margin-right: 66.66667%;
}
.fr-col-xl-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.fr-col-offset-xl-9:not(.fr-col-offset-1--right) {
margin-left: 75%;
}
.fr-col-offset-xl-9--right {
margin-right: 75%;
}
.fr-col-xl-10 {
flex: 0 0 83.33333%;
width: 83.33333%;
max-width: 83.33333%;
}
.fr-col-offset-xl-10:not(.fr-col-offset-1--right) {
margin-left: 83.33333%;
}
.fr-col-offset-xl-10--right {
margin-right: 83.33333%;
}
.fr-col-xl-11 {
flex: 0 0 91.66667%;
width: 91.66667%;
max-width: 91.66667%;
}
.fr-col-offset-xl-11:not(.fr-col-offset-1--right) {
margin-left: 91.66667%;
}
.fr-col-offset-xl-11--right {
margin-right: 91.66667%;
}
.fr-col-xl-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.fr-col-offset-xl-12:not(.fr-col-offset-1--right) {
margin-left: 100%;
}
.fr-col-offset-xl-12--right {
margin-right: 100%;
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
:root {
--block-color-hover:hsla(0,0%,87.8%,0.5);
--block-color-active:hsla(0,0%,76.1%,0.5);
}
:root[data-fr-theme=dark i] {
--bf500:#9a9aff;
--bf500-plain:#000091;
--w-bf500:#000091;
--bf300-plain:#9a9aff;
--bf200-bf300:#9a9aff;
--bf100-g750:#2a2a2a;
--t-plain:transparent;
--t-w:#fff;
--g800:#fff;
--g700:#f0f0f0;
--g600:#e7e7e7;
--g500:#cecece;
--g400:#9c9c9c;
--g300:#6a6a6a;
--g200:#383838;
--g100:#2a2a2a;
--w:#1e1e1e;
--beige:#2a2a2a;
--g800-plain:#1e1e1e;
--g600-g400:#cecece;
--g400-t:transparent;
--g100-g800:#1e1e1e;
--w-g750:#2a2a2a;
--focus:#5398ff;
--info:#2b8bf7;
--success:#00eb5e;
--error:#f33;
--rm300:#383838;
--rm500:#f7bfc3;
--scroll-shadow:#1e1e1e;
--overlay:hsla(0,0%,80.8%,0.32);
}
:root {
--bf500:#000091;
--bf500-plain:#000091;
--w-bf500:#fff;
--bf300-plain:#9a9aff;
--bf200-bf300:#ececff;
--bf100-g750:#f5f5ff;
--t-plain:transparent;
--t-w:transparent;
--g800:#1e1e1e;
--g700:#383838;
--g600:#6a6a6a;
--g500:#9c9c9c;
--g400:#cecece;
--g300:#e7e7e7;
--g200:#f0f0f0;
--g100:#f8f8f8;
--w:#fff;
--beige:#f9f8f6;
--g800-plain:#1e1e1e;
--g600-g400:#6a6a6a;
--g400-t:#cecece;
--g100-g800:#f8f8f8;
--w-g750:#fff;
--focus:#2a7ffe;
--info:#0762c8;
--success:#008941;
--error:#e10600;
--rm300:#f7bfc3;
--rm500:#e1000f;
--scroll-shadow:rgba(30,30,30,0.16);
--overlay:hsla(0,0%,61.2%,0.32);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-light-"], :root:not([data-fr-theme=dark i]) [class*=fr-scheme-light] {
--bf500:#000091;
--bf500-plain:#000091;
--w-bf500:#fff;
--bf300-plain:#9a9aff;
--bf200-bf300:#ececff;
--bf100-g750:#f5f5ff;
--t-plain:transparent;
--t-w:transparent;
--g800:#1e1e1e;
--g700:#383838;
--g600:#6a6a6a;
--g500:#9c9c9c;
--g400:#cecece;
--g300:#e7e7e7;
--g200:#f0f0f0;
--g100:#f8f8f8;
--w:#fff;
--beige:#f9f8f6;
--g800-plain:#1e1e1e;
--g600-g400:#6a6a6a;
--g400-t:#cecece;
--g100-g800:#f8f8f8;
--w-g750:#fff;
--focus:#2a7ffe;
--info:#0762c8;
--success:#008941;
--error:#e10600;
--rm300:#f7bfc3;
--rm500:#e1000f;
--scroll-shadow:rgba(30,30,30,0.16);
--overlay:hsla(0,0%,61.2%,0.32);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-dark-"], :root:not([data-fr-theme=dark i]) [class*=fr-scheme-dark] {
--bf500:#9a9aff;
--w-bf500:#000091;
--bf200-bf300:#9a9aff;
--bf100-g750:#2a2a2a;
--t-w:#fff;
--g800:#fff;
--g700:#f0f0f0;
--g600:#e7e7e7;
--g500:#cecece;
--g400:#9c9c9c;
--g300:#6a6a6a;
--g200:#383838;
--g100:#2a2a2a;
--w:#1e1e1e;
--beige:#2a2a2a;
--g600-g400:#cecece;
--g400-t:transparent;
--g100-g800:#1e1e1e;
--w-g750:#2a2a2a;
--focus:#5398ff;
--info:#2b8bf7;
--success:#00eb5e;
--error:#f33;
--rm300:#383838;
--rm500:#f7bfc3;
--scroll-shadow:#1e1e1e;
--overlay:hsla(0,0%,80.8%,0.32);
}
:root .fr-scheme-light-white {
background-color: var(--w);
--scheme-border:var(--bf500);
--block-color-hover:hsla(0,0%,87.8%,0.5);
--block-color-active:hsla(0,0%,76.1%,0.5);
}
:root[data-fr-theme=dark i] :root .fr-scheme-light-white {
--block-color-hover:rgba(65,65,65,0.5);
--block-color-active:rgba(99,99,99,0.5);
}
:root .fr-scheme-light-grey-100 {
background-color: var(--g100-g800);
--scheme-border:var(--bf500);
--block-color-hover:hsla(0,0%,85.1%,0.5);
--block-color-active:hsla(0,0%,72.5%,0.5);
}
:root[data-fr-theme=dark i] :root .fr-scheme-light-grey-100 {
--block-color-hover:rgba(65,65,65,0.5);
--block-color-active:rgba(99,99,99,0.5);
}
:root .fr-scheme-light-grey-200 {
background-color: var(--g200);
--scheme-border:var(--bf500);
--block-color-hover:hsla(0,0%,81.2%,0.5);
--block-color-active:hsla(0,0%,68.6%,0.5);
}
:root[data-fr-theme=dark i] :root .fr-scheme-light-grey-200 {
--block-color-hover:rgba(95,95,95,0.5);
--block-color-active:hsla(0,0%,52.5%,0.5);
}
:root .fr-scheme-light-beige {
background-color: var(--beige);
--scheme-border:var(--bf500);
--block-color-hover:rgba(224,219,208,0.5);
--block-color-active:rgba(199,189,170,0.5);
}
:root[data-fr-theme=dark i] :root .fr-scheme-light-beige {
--block-color-hover:rgba(79,79,79,0.5);
--block-color-active:hsla(0,0%,45.1%,0.5);
}
:root[data-fr-transition] [class*=fr-scheme-light] {
transition: background-color 0.3s, box-shadow 0.3s;
}
:root .fr-scheme-dark-grey-800 {
background-color: var(--g800-plain);
--scheme-border:var(--bf300-plain);
--block-color-hover:rgba(65,65,65,0.5);
--block-color-active:rgba(99,99,99,0.5);
}
:root[data-fr-theme=dark i] :root .fr-scheme-dark-grey-800 {
--block-color-hover:rgba(65,65,65,0.5);
--block-color-active:rgba(99,99,99,0.5);
}
:root[data-fr-transition] [class*=fr-scheme-dark] {
transition: background-color 0.3s, box-shadow 0.3s;
}
:root .fr-switch-theme .fr-fieldset .fr-radio-group:last-child input[type=radio] + label {
margin-bottom: 0;
}
:root .fr-switch-theme .fr-fieldset .fr-radio-group:first-child input[type=radio] + label {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h80v80H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Ccircle stroke='%23000091' stroke-width='2' mask='url(%23b)' cx='40' cy='40' r='16'/%3E%3Cpath d='M40 29a1 1 0 010 2 9 9 0 00-9 9 1 1 0 01-2 0c0-6.075 4.925-11 11-11z' fill='%23E1000F' fill-rule='nonzero' mask='url(%23b)'/%3E%3Cpath d='M39.912 64a1 1 0 011 1v6a1 1 0 11-2 0v-6a1 1 0 011-1zm18.947-7.262l4.243 4.242a1 1 0 01-1.415 1.414l-4.242-4.242a1 1 0 111.414-1.414zm-35.48 0a1 1 0 010 1.414l-4.243 4.242a1 1 0 01-1.414-1.414l4.242-4.242a1 1 0 011.415 0zM71 38.912a1 1 0 010 2h-6a1 1 0 110-2h6zm-56 0a1 1 0 010 2H9a1 1 0 110-2h6zm4.26-21.772l4.244 4.242a1 1 0 01-1.415 1.414l-4.242-4.242a1 1 0 011.414-1.414zm43.717 0a1 1 0 010 1.414l-4.243 4.242a1 1 0 01-1.414-1.414l4.242-4.242a1 1 0 011.415 0zM39.912 8a1 1 0 011 1v6a1 1 0 11-2 0V9a1 1 0 011-1z' fill='%23000091' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
}
:root .fr-switch-theme .fr-fieldset .fr-radio-group:nth-child(2) input[type=radio] + label {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h80v80H0z'/%3E%3Cpath d='M38 26c0 11.046 8.954 20 20 20 2.23 0 4.376-.365 6.38-1.039C62.174 53.607 54.333 60 45 60c-11.046 0-20-8.954-20-20 0-8.815 5.703-16.298 13.62-18.961A20.024 20.024 0 0038 26z' stroke='%23000091' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath fill='%23E1000F' d='M14.647 20.822l-4.151-.848 4.151-.849.849-4.151.848 4.151 4.152.849-4.152.848-.848 4.152zm43 11l-4.151-.848 4.151-.849.849-4.151.848 4.151 4.152.849-4.152.848-.848 4.152zm-39 29l-4.151-.848 4.151-.849.849-4.151.848 4.151 4.152.849-4.152.848-.848 4.152z'/%3E%3C/g%3E%3C/svg%3E");
}
:root[data-fr-theme=dark i] .fr-switch-theme .fr-fieldset .fr-radio-group:first-child input[type=radio] + label {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80' height='80'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h80v80H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Ccircle cx='40' cy='40' r='16' stroke='%239a9aff' stroke-width='2' mask='url(%23b)'/%3E%3Cpath fill='%23F7BFC3' fill-rule='nonzero' d='M40 29a1 1 0 010 2 9 9 0 00-9 9 1 1 0 01-2 0c0-6.075 4.925-11 11-11z' mask='url(%23b)'/%3E%3Cpath fill='%239a9aff' d='M39.912 64a1 1 0 011 1v6a1 1 0 01-2 0v-6a1 1 0 011-1zm18.947-7.262l4.243 4.242a1 1 0 01-1.415 1.414l-4.242-4.242a1 1 0 011.414-1.414zm-35.48 0a1 1 0 010 1.414l-4.243 4.242a.999.999 0 11-1.414-1.414l4.242-4.242a1.002 1.002 0 011.415 0zM71 38.912a1 1 0 110 2h-6a1 1 0 010-2h6zm-56 0a1 1 0 110 2H9a1 1 0 010-2h6zm4.26-21.772l4.244 4.242a1 1 0 01-1.415 1.414l-4.242-4.242a1 1 0 011.414-1.414zm43.717 0a1 1 0 010 1.414l-4.243 4.242a.999.999 0 11-1.414-1.414l4.242-4.242a1.002 1.002 0 011.415 0zM39.912 8a1 1 0 011 1v6a1 1 0 01-2 0V9a1 1 0 011-1z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
}
:root[data-fr-theme=dark i] .fr-switch-theme .fr-fieldset .fr-radio-group:nth-child(2) input[type=radio] + label {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h80v80H0z'/%3E%3Cpath stroke='%239a9aff' stroke-linejoin='round' stroke-width='2' d='M38 26c0 11.046 8.954 20 20 20 2.23 0 4.376-.365 6.38-1.039C62.174 53.607 54.333 60 45 60c-11.046 0-20-8.954-20-20 0-8.815 5.703-16.298 13.62-18.961A20.039 20.039 0 0038 26z'/%3E%3Cpath fill='%23F7BFC3' d='M14.647 20.823l-4.151-.85 4.151-.848.849-4.152.849 4.152 4.151.848-4.151.85-.849 4.15zm43 11l-4.151-.85 4.151-.848.849-4.152.849 4.152 4.151.848-4.151.85-.849 4.15zm-39 29l-4.151-.85 4.151-.848.849-4.152.849 4.152 4.151.848-4.151.85-.849 4.15z'/%3E%3C/g%3E%3C/svg%3E");
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-input {
display: block;
width: 100%;
border: 0;
border-radius: 0.25rem 0.25rem 0 0;
font-size: 1.2rem;
line-height: 1.9rem;
padding: 0.5rem 1rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.fr-input::-webkit-input-placeholder {
opacity: 1;
font-style: italic;
}
.fr-input:-moz-placeholder, .fr-input::-moz-placeholder {
opacity: 1;
font-style: italic;
}
.fr-input:-ms-input-placeholder {
opacity: 1;
font-style: italic;
}
.fr-input:not(textarea) {
max-height: 2.5rem;
}
.fr-input[type=date] {
min-height: 2.9rem;
}
.fr-input[type=date]::-webkit-calendar-picker-indicator {
display: none;
}
.fr-input-wrap {
position: relative;
display: block;
line-height: 3rem;
}
.fr-input-wrap[class*=" fr-fi-"]:before, .fr-input-wrap[class^=fr-fi-]:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1.9rem;
font-size: 1rem;
position: absolute;
top: 0.75rem;
right: 0.75rem;
bottom: 0.75rem;
margin: auto;
}
.fr-input-wrap.fr-fi-calendar-line > .fr-input[type=date]::-webkit-calendar-picker-indicator {
display: block;
margin-right: -2rem;
z-index: 1;
opacity: 0;
}
.fr-input-wrap .fr-input {
padding-right: 2.5rem;
}
textarea.fr-input {
box-shadow: 0 2px 0 0 var(--g600);
min-height: 3.75rem;
}
.fr-input {
color: var(--g800);
background-color: var(--g200);
box-shadow: inset 0 -2px 0 0 var(--g600);
}
.fr-input::-webkit-input-placeholder {
color: var(--g600-g400);
}
.fr-input:-moz-placeholder, .fr-input::-moz-placeholder {
color: var(--g600-g400);
}
.fr-input:-ms-input-placeholder {
color: var(--g600-g400);
}
input.fr-input:disabled, input.fr-input[disabled] {
color: var(--g600-g400);
box-shadow: inset 0 -2px 0 0 var(--g400);
opacity: 1;
}
.fr-input--valid {
box-shadow: inset 0 -2px 0 0 var(--success);
}
.fr-input--error {
box-shadow: inset 0 -2px 0 0 var(--error);
}
.fr-input:-webkit-autofill, .fr-input:-webkit-autofill:focus, .fr-input:-webkit-autofill:hover {
box-shadow: inset 0 0 0 100px var(--g200);
-webkit-text-fill-color: var(--g800);
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-btn, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class*=fr-fi-]), .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
display: inline-flex;
flex-direction: row;
align-items: center;
}
.fr-btn[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
border: none;
}
.fr-btn, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class*=fr-fi-]), .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
overflow: hidden;
z-index: 1;
font-size: 1rem;
line-height: 1.5rem;
min-height: 2.5rem;
padding: 0.5rem 1.5rem;
}
.fr-btn--sm, .fr-btns-group--sm .fr-btn:not([class*=fr-fi-]), .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=fr-fi-], .fr-btns-group--sm:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 1rem;
}
.fr-btn--lg, .fr-btns-group--lg .fr-btn:not([class*=fr-fi-]), .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=fr-fi-], .fr-btns-group--lg:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
font-size: 1.25rem;
line-height: 2rem;
min-height: 3.5rem;
padding: 0.75rem 2rem;
}
.fr-btn:not([class*=btn--icon-])[class*=" fr-fi-"], .fr-btn:not([class*=btn--icon-])[class^=fr-fi-], .fr-btns-group--lg:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-], .fr-btns-group--sm:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
flex-direction: row;
max-width: 2.5rem;
max-height: 2.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.fr-btn[class*=" fr-fi-"]:not([class*=btn--icon-]):before, .fr-btn[class^=fr-fi-]:not([class*=btn--icon-]):before, .fr-btns-group--lg:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-]:before, .fr-btns-group--sm:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-]:before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-]:before {
margin-left: 0;
margin-right: 0.5rem;
font-size: 1.5rem;
}
.fr-btn--sm:not([class*=btn--icon-])[class*=" fr-fi-"], .fr-btn--sm:not([class*=btn--icon-])[class^=fr-fi-], .fr-btns-group--sm:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
flex-direction: row;
max-width: 2rem;
max-height: 2rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.fr-btn--sm[class*=" fr-fi-"]:not([class*=btn--icon-]):before, .fr-btn--sm[class^=fr-fi-]:not([class*=btn--icon-]):before, .fr-btns-group--sm:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-]:before {
margin-left: 0;
margin-right: 0.5rem;
font-size: 1rem;
}
.fr-btn--lg:not([class*=btn--icon-])[class*=" fr-fi-"], .fr-btn--lg:not([class*=btn--icon-])[class^=fr-fi-], .fr-btns-group--lg:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
flex-direction: row;
max-width: 3.5rem;
max-height: 3.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.fr-btn--lg[class*=" fr-fi-"]:not([class*=btn--icon-]):before, .fr-btn--lg[class^=fr-fi-]:not([class*=btn--icon-]):before, .fr-btns-group--lg:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-]:before {
margin-left: 0;
margin-right: 0.75rem;
font-size: 2rem;
}
.fr-btn--icon-left[class*=" fr-fi-"], .fr-btn--icon-left[class^=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=fr-fi-] {
flex-direction: row;
}
.fr-btn--icon-left[class*=" fr-fi-"]:before, .fr-btn--icon-left[class^=fr-fi-]:before, .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=fr-fi-]:before, .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=fr-fi-]:before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=fr-fi-]:before {
margin-left: -0.25rem;
margin-right: 0.5rem;
font-size: 1rem;
}
.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"], .fr-btn--sm.fr-btn--icon-left[class^=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=fr-fi-] {
flex-direction: row;
}
.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"]:before, .fr-btn--sm.fr-btn--icon-left[class^=fr-fi-]:before, .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=fr-fi-]:before {
margin-left: -0.25rem;
margin-right: 0.5rem;
font-size: 1rem;
}
.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"], .fr-btn--lg.fr-btn--icon-left[class^=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=fr-fi-] {
flex-direction: row;
}
.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"]:before, .fr-btn--lg.fr-btn--icon-left[class^=fr-fi-]:before, .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=fr-fi-]:before {
margin-left: -0.375rem;
margin-right: 0.5rem;
font-size: 1.5rem;
}
.fr-btn--icon-right[class*=" fr-fi-"], .fr-btn--icon-right[class^=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=fr-fi-] {
flex-direction: row-reverse;
}
.fr-btn--icon-right[class*=" fr-fi-"]:before, .fr-btn--icon-right[class^=fr-fi-]:before, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=fr-fi-]:before, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=fr-fi-]:before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=fr-fi-]:before {
margin-right: -0.25rem;
margin-left: 0.5rem;
font-size: 1rem;
}
.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"], .fr-btn--sm.fr-btn--icon-right[class^=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=fr-fi-] {
flex-direction: row-reverse;
}
.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]:before, .fr-btn--sm.fr-btn--icon-right[class^=fr-fi-]:before, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=fr-fi-]:before {
margin-right: -0.25rem;
margin-left: 0.5rem;
font-size: 1rem;
}
.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"], .fr-btn--lg.fr-btn--icon-right[class^=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=fr-fi-] {
flex-direction: row-reverse;
}
.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]:before, .fr-btn--lg.fr-btn--icon-right[class^=fr-fi-]:before, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=fr-fi-]:before {
margin-right: -0.375rem;
margin-left: 0.5rem;
font-size: 1.5rem;
}
.fr-btn {
--is-link:false;
margin: 0;
}
.fr-btns-group {
--is-list:false;
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;
}
.fr-btns-group > li {
width: 100%;
max-width: 100%;
}
.fr-btns-group .fr-btn {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 1rem;
justify-content: center;
}
.fr-btns-group--inline {
width: calc(100% + 1rem);
}
.fr-btns-group--inline .fr-btn {
width: auto;
margin-right: 1rem;
max-width: 100%;
}
.fr-btns-group--inline > li {
display: inline-flex;
max-width: 100%;
width: auto;
}
.fr-btns-group--inline > li:before {
content: none;
}
.fr-btns-group--inline.fr-btns-group--right {
margin-left: -1rem;
}
.fr-btns-group--inline.fr-btns-group--right .fr-btn {
margin-right: 0;
margin-left: 1rem;
}
.fr-btns-group--inline.fr-btns-group--right.fr-btns-group--inline-reverse {
flex-direction: row-reverse;
justify-content: flex-start;
}
.fr-btns-group--inline.fr-btns-group--center, .fr-btns-group--inline.fr-btns-group--left {
margin-right: -1rem;
}
.fr-btns-group--inline.fr-btns-group--center .fr-btn, .fr-btns-group--inline.fr-btns-group--left .fr-btn {
margin-right: 1rem;
margin-left: 0;
}
.fr-btns-group--left, .fr-btns-group--left li {
justify-content: flex-start;
text-align: left;
}
.fr-btns-group--right, .fr-btns-group--right li {
justify-content: flex-end;
text-align: right;
}
.fr-btns-group--center, .fr-btns-group--center li {
justify-content: center;
text-align: center;
}
.fr-btns-group--equisized .fr-btn {
justify-content: center;
}
.fr-btns-group--sm .fr-btn:not([class*=fr-fi-]) {
max-width: none;
max-height: none;
}
.fr-btns-group--sm:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
justify-content: flex-start;
}
.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class*=fr-fi-]) {
max-width: none;
max-height: none;
}
.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
justify-content: flex-start;
}
.fr-btns-group--lg .fr-btn:not([class*=fr-fi-]), .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=fr-fi-] {
max-width: none;
max-height: none;
}
.fr-btns-group--lg:not([class*=fr-btns-group--icon-]) .fr-btn[class*=fr-fi-] {
justify-content: flex-start;
}
.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=fr-fi-] {
max-width: none;
max-height: none;
}
.fr-btn {
background-color: var(--bf500);
color: var(--w-bf500);
}
:root:not([data-fr-theme=dark i]) .fr-btn {
--color-hover:rgba(0,0,221,0.5);
--color-active:rgba(41,41,255,0.5);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-light-"] .fr-btn, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-light] .fr-btn {
--color-hover:rgba(0,0,221,0.5);
--color-active:rgba(41,41,255,0.5);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-dark-"] .fr-btn, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-dark] .fr-btn {
--color-hover:rgba(71,71,255,0.5);
--color-active:rgba(0,0,243,0.5);
}
:root[data-fr-theme=dark i] .fr-btn {
--color-hover:rgba(71,71,255,0.5);
--color-active:rgba(0,0,243,0.5);
}
a.fr-btn:not([href]), button.fr-btn[disabled] {
color: var(--g600-g400);
background-color: var(--g200);
}
.fr-btn--secondary {
background-color: var(--t-plain);
color: var(--bf500);
box-shadow: inset 0 0 0 1px var(--bf500);
}
:root:not([data-fr-theme=dark i]) .fr-btn--secondary {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-light-"] .fr-btn--secondary, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-light] .fr-btn--secondary {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-dark-"] .fr-btn--secondary, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-dark] .fr-btn--secondary {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root[data-fr-theme=dark i] .fr-btn--secondary {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
a.fr-btn--secondary:not([href]), button.fr-btn--secondary[disabled] {
color: var(--g600-g400);
box-shadow: inset 0 0 0 1px var(--g400);
background-color: var(--t-plain);
}
@media (min-width: 36em) {
.fr-btns-group--inline-sm {
width: calc(100% + 1rem);
}
.fr-btns-group--inline-sm .fr-btn {
width: auto;
margin-right: 1rem;
max-width: 100%;
}
.fr-btns-group--inline-sm > li {
display: inline-flex;
max-width: 100%;
width: auto;
}
.fr-btns-group--inline-sm > li:before {
content: none;
}
.fr-btns-group--inline-sm.fr-btns-group--right {
margin-left: -1rem;
}
.fr-btns-group--inline-sm.fr-btns-group--right .fr-btn {
margin-right: 0;
margin-left: 1rem;
}
.fr-btns-group--inline-sm.fr-btns-group--right.fr-btns-group--inline-reverse {
flex-direction: row-reverse;
justify-content: flex-start;
}
.fr-btns-group--inline-sm.fr-btns-group--center, .fr-btns-group--inline-sm.fr-btns-group--left {
margin-right: -1rem;
}
.fr-btns-group--inline-sm.fr-btns-group--center .fr-btn, .fr-btns-group--inline-sm.fr-btns-group--left .fr-btn {
margin-right: 1rem;
margin-left: 0;
}
}
@media (min-width: 48em) {
.fr-btns-group--inline-md {
width: calc(100% + 1rem);
}
.fr-btns-group--inline-md .fr-btn {
width: auto;
margin-right: 1rem;
max-width: 100%;
}
.fr-btns-group--inline-md > li {
display: inline-flex;
max-width: 100%;
width: auto;
}
.fr-btns-group--inline-md > li:before {
content: none;
}
.fr-btns-group--inline-md.fr-btns-group--right {
margin-left: -1rem;
}
.fr-btns-group--inline-md.fr-btns-group--right .fr-btn {
margin-right: 0;
margin-left: 1rem;
}
.fr-btns-group--inline-md.fr-btns-group--right.fr-btns-group--inline-reverse {
flex-direction: row-reverse;
justify-content: flex-start;
}
.fr-btns-group--inline-md.fr-btns-group--center, .fr-btns-group--inline-md.fr-btns-group--left {
margin-right: -1rem;
}
.fr-btns-group--inline-md.fr-btns-group--center .fr-btn, .fr-btns-group--inline-md.fr-btns-group--left .fr-btn {
margin-right: 1rem;
margin-left: 0;
}
}
@media (min-width: 62em) {
.fr-btns-group--inline-lg {
width: calc(100% + 1rem);
}
.fr-btns-group--inline-lg .fr-btn {
width: auto;
margin-right: 1rem;
max-width: 100%;
}
.fr-btns-group--inline-lg > li {
display: inline-flex;
max-width: 100%;
width: auto;
}
.fr-btns-group--inline-lg > li:before {
content: none;
}
.fr-btns-group--inline-lg.fr-btns-group--right {
margin-left: -1rem;
}
.fr-btns-group--inline-lg.fr-btns-group--right .fr-btn {
margin-right: 0;
margin-left: 1rem;
}
.fr-btns-group--inline-lg.fr-btns-group--right.fr-btns-group--inline-reverse {
flex-direction: row-reverse;
justify-content: flex-start;
}
.fr-btns-group--inline-lg.fr-btns-group--center, .fr-btns-group--inline-lg.fr-btns-group--left {
margin-right: -1rem;
}
.fr-btns-group--inline-lg.fr-btns-group--center .fr-btn, .fr-btns-group--inline-lg.fr-btns-group--left .fr-btn {
margin-right: 1rem;
margin-left: 0;
}
}
@media (hover: hover) and (pointer: fine) {
.fr-btn:not(a):not(:disabled):hover, a.fr-btn[href]:hover {
background-image: linear-gradient(0deg, var(--color-hover), var(--color-hover));
}
.fr-btn:not(a):not(:disabled):active, a.fr-btn[href]:active {
background-image: linear-gradient(0deg, var(--color-active), var(--color-active));
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-search-bar {
display: flex;
flex-direction: row;
}
.fr-search-bar .fr-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fr-search-bar .fr-input {
margin: 0;
border-radius: 0.25rem 0 0;
max-height: none;
}
.fr-search-bar .fr-input::placeholder {
font-style: italic;
}
.fr-search-bar .fr-btn {
font-size: 1rem;
line-height: 1.5rem;
min-height: 2.5rem;
flex-direction: row;
max-width: 2.5rem;
max-height: 2.5rem;
padding: 0.5rem;
flex: 1 0 auto;
border-radius: 0 0.25rem 0 0;
}
.fr-search-bar .fr-btn:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "ï…€";
margin-left: 0;
margin-right: 0.5rem;
font-size: 1.5rem;
}
.fr-search-bar .fr-input {
box-shadow: inset 0 -2px 0 0 var(--bf500);
}
@media (min-width: 48em) {
.fr-search-bar--lg .fr-btn {
font-size: 1.25rem;
line-height: 2rem;
min-height: 3.5rem;
padding: 0.75rem 2rem;
max-width: none;
max-height: none;
flex-direction: row;
}
.fr-search-bar--lg .fr-btn:before {
margin-left: -0.375rem;
margin-right: 0.5rem;
font-size: 1.5rem;
}
.fr-search-bar--lg .fr-input {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-link {
display: inline-flex;
flex-direction: row;
align-items: center;
}
.fr-link[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
border: none;
}
.fr-link {
overflow: hidden;
z-index: 1;
font-size: 1rem;
}
.fr-link, .fr-link--close, .fr-link--sm {
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
}
.fr-link--close, .fr-link--sm {
font-size: 0.875rem;
}
.fr-link--lg {
font-size: 1.25rem;
line-height: 2rem;
min-height: 3rem;
padding: 0.5rem 1rem;
border-radius: 1.5rem;
}
.fr-link:not([class*=link--icon-])[class*=" fr-fi-"], .fr-link:not([class*=link--icon-])[class^=fr-fi-] {
flex-direction: row;
max-width: 2rem;
max-height: 2rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.fr-link[class*=" fr-fi-"]:not([class*=link--icon-]):before, .fr-link[class^=fr-fi-]:not([class*=link--icon-]):before {
margin-left: 0;
margin-right: 0.25rem;
font-size: 1.5rem;
}
.fr-link--align-on-content.fr-link:not([class*=link--icon-])[class*=" fr-fi-"], .fr-link--align-on-content.fr-link:not([class*=link--icon-])[class^=fr-fi-] {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.fr-link--sm:not([class*=link--icon-])[class*=" fr-fi-"], .fr-link--sm:not([class*=link--icon-])[class^=fr-fi-] {
flex-direction: row;
max-width: 2rem;
max-height: 2rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.fr-link--sm[class*=" fr-fi-"]:not([class*=link--icon-]):before, .fr-link--sm[class^=fr-fi-]:not([class*=link--icon-]):before {
margin-left: 0;
margin-right: 0.5rem;
font-size: 1rem;
}
.fr-link--align-on-content.fr-link--sm:not([class*=link--icon-])[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--sm:not([class*=link--icon-])[class^=fr-fi-] {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.fr-link--lg:not([class*=link--icon-])[class*=" fr-fi-"], .fr-link--lg:not([class*=link--icon-])[class^=fr-fi-] {
flex-direction: row;
max-width: 3rem;
max-height: 3rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.fr-link--lg[class*=" fr-fi-"]:not([class*=link--icon-]):before, .fr-link--lg[class^=fr-fi-]:not([class*=link--icon-]):before {
margin-left: 0;
margin-right: 0.5rem;
font-size: 2rem;
}
.fr-link--align-on-content.fr-link--lg:not([class*=link--icon-])[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--lg:not([class*=link--icon-])[class^=fr-fi-] {
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.fr-link--icon-left[class*=" fr-fi-"], .fr-link--icon-left[class^=fr-fi-] {
flex-direction: row;
}
.fr-link--icon-left[class*=" fr-fi-"]:before, .fr-link--icon-left[class^=fr-fi-]:before {
margin-left: -0.25rem;
margin-right: 0.5rem;
font-size: 1rem;
}
.fr-link--align-on-content.fr-link--icon-left[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--icon-left[class^=fr-fi-] {
margin-left: -0.5rem;
margin-right: -0.75rem;
}
.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"], .fr-link--sm.fr-link--icon-left[class^=fr-fi-] {
flex-direction: row;
}
.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"]:before, .fr-link--sm.fr-link--icon-left[class^=fr-fi-]:before {
margin-left: -0.25rem;
margin-right: 0.5rem;
font-size: 1rem;
}
.fr-link--align-on-content.fr-link--sm.fr-link--icon-left[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--sm.fr-link--icon-left[class^=fr-fi-] {
margin-left: -0.5rem;
margin-right: -0.75rem;
}
.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"], .fr-link--lg.fr-link--icon-left[class^=fr-fi-] {
flex-direction: row;
}
.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"]:before, .fr-link--lg.fr-link--icon-left[class^=fr-fi-]:before {
margin-left: -0.375rem;
margin-right: 0.5rem;
font-size: 1.5rem;
}
.fr-link--align-on-content.fr-link--lg.fr-link--icon-left[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--lg.fr-link--icon-left[class^=fr-fi-] {
margin-left: -0.625rem;
margin-right: -1rem;
}
.fr-link--close, .fr-link--icon-right[class*=" fr-fi-"], .fr-link--icon-right[class^=fr-fi-] {
flex-direction: row-reverse;
}
.fr-link--close:before, .fr-link--icon-right[class*=" fr-fi-"]:before, .fr-link--icon-right[class^=fr-fi-]:before {
margin-right: -0.25rem;
margin-left: 0.5rem;
font-size: 1rem;
}
.fr-link--align-on-content.fr-link--icon-right[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--icon-right[class^=fr-fi-] {
margin-left: -0.75rem;
margin-right: -0.5rem;
}
.fr-link--close, .fr-link--sm.fr-link--icon-right[class*=" fr-fi-"], .fr-link--sm.fr-link--icon-right[class^=fr-fi-] {
flex-direction: row-reverse;
}
.fr-link--close:before, .fr-link--sm.fr-link--icon-right[class*=" fr-fi-"]:before, .fr-link--sm.fr-link--icon-right[class^=fr-fi-]:before {
margin-right: -0.25rem;
margin-left: 0.5rem;
font-size: 1rem;
}
.fr-link--align-on-content.fr-link--sm.fr-link--icon-right[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--sm.fr-link--icon-right[class^=fr-fi-], .fr-link--close {
margin-left: -0.75rem;
margin-right: -0.5rem;
}
.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"], .fr-link--lg.fr-link--icon-right[class^=fr-fi-] {
flex-direction: row-reverse;
}
.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"]:before, .fr-link--lg.fr-link--icon-right[class^=fr-fi-]:before {
margin-right: -0.375rem;
margin-left: 0.5rem;
font-size: 1.5rem;
}
.fr-link--align-on-content.fr-link--lg.fr-link--icon-right[class*=" fr-fi-"], .fr-link--align-on-content.fr-link--lg.fr-link--icon-right[class^=fr-fi-] {
margin-left: -1rem;
margin-right: -0.625rem;
}
.fr-link {
--is-link:false;
margin: 0;
}
.fr-link--close {
max-width: none;
max-height: none;
display: flex;
margin-left: auto;
}
.fr-link--close:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "ï„™";
}
.fr-link {
color: var(--bf500);
background-color: var(--t-plain);
}
:root:not([data-fr-theme=dark i]) .fr-link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-light-"] .fr-link, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-light] .fr-link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-dark-"] .fr-link, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-dark] .fr-link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root[data-fr-theme=dark i] .fr-link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
a.fr-link:not([href]), button.fr-link[disabled] {
color: var(--g600-g400);
}
@media (hover: hover) and (pointer: fine) {
.fr-link:not(a):not(:disabled):hover, a.fr-link[href]:hover {
background-image: linear-gradient(0deg, var(--color-hover), var(--color-hover));
}
.fr-link:not(a):not(:disabled):active, a.fr-link[href]:active {
background-image: linear-gradient(0deg, var(--color-active), var(--color-active));
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-highlight {
padding-left: 1rem;
font-size: 1rem;
line-height: 1.5rem;
}
.fr-highlight p {
margin-bottom: 0;
}
.fr-highlight {
border-left: 0.25rem solid var(--bf500);
}
@media (min-width: 48em) {
.fr-highlight {
padding-left: 2rem;
margin-left: 2rem;
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-m-n4w, .fr-m-n8v {
margin: -2rem !important;
}
.fr-ml-n4w, .fr-ml-n8v, .fr-mx-n4w, .fr-mx-n8v {
margin-left: -2rem !important;
}
.fr-mr-n4w, .fr-mr-n8v, .fr-mx-n4w, .fr-mx-n8v {
margin-right: -2rem !important;
}
.fr-mt-n4w, .fr-mt-n8v, .fr-my-n4w, .fr-my-n8v {
margin-top: -2rem !important;
}
.fr-mb-n4w, .fr-mb-n8v, .fr-my-n4w, .fr-my-n8v {
margin-bottom: -2rem !important;
}
.fr-m-n7v {
margin: -1.75rem !important;
}
.fr-ml-n7v, .fr-mx-n7v {
margin-left: -1.75rem !important;
}
.fr-mr-n7v, .fr-mx-n7v {
margin-right: -1.75rem !important;
}
.fr-mt-n7v, .fr-my-n7v {
margin-top: -1.75rem !important;
}
.fr-mb-n7v, .fr-my-n7v {
margin-bottom: -1.75rem !important;
}
.fr-m-n3w, .fr-m-n6v {
margin: -1.5rem !important;
}
.fr-ml-n3w, .fr-ml-n6v, .fr-mx-n3w, .fr-mx-n6v {
margin-left: -1.5rem !important;
}
.fr-mr-n3w, .fr-mr-n6v, .fr-mx-n3w, .fr-mx-n6v {
margin-right: -1.5rem !important;
}
.fr-mt-n3w, .fr-mt-n6v, .fr-my-n3w, .fr-my-n6v {
margin-top: -1.5rem !important;
}
.fr-mb-n3w, .fr-mb-n6v, .fr-my-n3w, .fr-my-n6v {
margin-bottom: -1.5rem !important;
}
.fr-m-n5v {
margin: -1.25rem !important;
}
.fr-ml-n5v, .fr-mx-n5v {
margin-left: -1.25rem !important;
}
.fr-mr-n5v, .fr-mx-n5v {
margin-right: -1.25rem !important;
}
.fr-mt-n5v, .fr-my-n5v {
margin-top: -1.25rem !important;
}
.fr-mb-n5v, .fr-my-n5v {
margin-bottom: -1.25rem !important;
}
.fr-m-n2w, .fr-m-n4v {
margin: -1rem !important;
}
.fr-ml-n2w, .fr-ml-n4v, .fr-mx-n2w, .fr-mx-n4v {
margin-left: -1rem !important;
}
.fr-mr-n2w, .fr-mr-n4v, .fr-mx-n2w, .fr-mx-n4v {
margin-right: -1rem !important;
}
.fr-mt-n2w, .fr-mt-n4v, .fr-my-n2w, .fr-my-n4v {
margin-top: -1rem !important;
}
.fr-mb-n2w, .fr-mb-n4v, .fr-my-n2w, .fr-my-n4v {
margin-bottom: -1rem !important;
}
.fr-m-n3v {
margin: -0.75rem !important;
}
.fr-ml-n3v, .fr-mx-n3v {
margin-left: -0.75rem !important;
}
.fr-mr-n3v, .fr-mx-n3v {
margin-right: -0.75rem !important;
}
.fr-mt-n3v, .fr-my-n3v {
margin-top: -0.75rem !important;
}
.fr-mb-n3v, .fr-my-n3v {
margin-bottom: -0.75rem !important;
}
.fr-m-n1w, .fr-m-n2v {
margin: -0.5rem !important;
}
.fr-ml-n1w, .fr-ml-n2v, .fr-mx-n1w, .fr-mx-n2v {
margin-left: -0.5rem !important;
}
.fr-mr-n1w, .fr-mr-n2v, .fr-mx-n1w, .fr-mx-n2v {
margin-right: -0.5rem !important;
}
.fr-mt-n1w, .fr-mt-n2v, .fr-my-n1w, .fr-my-n2v {
margin-top: -0.5rem !important;
}
.fr-mb-n1w, .fr-mb-n2v, .fr-my-n1w, .fr-my-n2v {
margin-bottom: -0.5rem !important;
}
.fr-m-n1v {
margin: -0.25rem !important;
}
.fr-ml-n1v, .fr-mx-n1v {
margin-left: -0.25rem !important;
}
.fr-mr-n1v, .fr-mx-n1v {
margin-right: -0.25rem !important;
}
.fr-mt-n1v, .fr-my-n1v {
margin-top: -0.25rem !important;
}
.fr-mb-n1v, .fr-my-n1v {
margin-bottom: -0.25rem !important;
}
.fr-m-0 {
margin: 0 !important;
}
.fr-ml-0, .fr-mx-0 {
margin-left: 0 !important;
}
.fr-mr-0, .fr-mx-0 {
margin-right: 0 !important;
}
.fr-mt-0, .fr-my-0 {
margin-top: 0 !important;
}
.fr-mb-0, .fr-my-0 {
margin-bottom: 0 !important;
}
.fr-m-1v {
margin: 0.25rem !important;
}
.fr-ml-1v, .fr-mx-1v {
margin-left: 0.25rem !important;
}
.fr-mr-1v, .fr-mx-1v {
margin-right: 0.25rem !important;
}
.fr-mt-1v, .fr-my-1v {
margin-top: 0.25rem !important;
}
.fr-mb-1v, .fr-my-1v {
margin-bottom: 0.25rem !important;
}
.fr-m-1w, .fr-m-2v {
margin: 0.5rem !important;
}
.fr-ml-1w, .fr-ml-2v, .fr-mx-1w, .fr-mx-2v {
margin-left: 0.5rem !important;
}
.fr-mr-1w, .fr-mr-2v, .fr-mx-1w, .fr-mx-2v {
margin-right: 0.5rem !important;
}
.fr-mt-1w, .fr-mt-2v, .fr-my-1w, .fr-my-2v {
margin-top: 0.5rem !important;
}
.fr-mb-1w, .fr-mb-2v, .fr-my-1w, .fr-my-2v {
margin-bottom: 0.5rem !important;
}
.fr-m-3v {
margin: 0.75rem !important;
}
.fr-ml-3v, .fr-mx-3v {
margin-left: 0.75rem !important;
}
.fr-mr-3v, .fr-mx-3v {
margin-right: 0.75rem !important;
}
.fr-mt-3v, .fr-my-3v {
margin-top: 0.75rem !important;
}
.fr-mb-3v, .fr-my-3v {
margin-bottom: 0.75rem !important;
}
.fr-m-2w, .fr-m-4v {
margin: 1rem !important;
}
.fr-ml-2w, .fr-ml-4v, .fr-mx-2w, .fr-mx-4v {
margin-left: 1rem !important;
}
.fr-mr-2w, .fr-mr-4v, .fr-mx-2w, .fr-mx-4v {
margin-right: 1rem !important;
}
.fr-mt-2w, .fr-mt-4v, .fr-my-2w, .fr-my-4v {
margin-top: 1rem !important;
color:#161616;
}
.fr-mb-2w, .fr-mb-4v, .fr-my-2w, .fr-my-4v {
margin-bottom: 1rem !important;
}
.fr-m-5v {
margin: 1.25rem !important;
}
.fr-ml-5v, .fr-mx-5v {
margin-left: 1.25rem !important;
}
.fr-mr-5v, .fr-mx-5v {
margin-right: 1.25rem !important;
}
.fr-mt-5v, .fr-my-5v {
margin-top: 1.25rem !important;
}
.fr-mb-5v, .fr-my-5v {
margin-bottom: 1.25rem !important;
}
.fr-m-3w, .fr-m-6v {
margin: 1.5rem !important;
}
.fr-ml-3w, .fr-ml-6v, .fr-mx-3w, .fr-mx-6v {
margin-left: 1.5rem !important;
}
.fr-mr-3w, .fr-mr-6v, .fr-mx-3w, .fr-mx-6v {
margin-right: 1.5rem !important;
}
.fr-mt-3w, .fr-mt-6v, .fr-my-3w, .fr-my-6v {
margin-top: 1.5rem !important;
}
.fr-mb-3w, .fr-mb-6v, .fr-my-3w, .fr-my-6v {
margin-bottom: 1.5rem !important;
color:#161616;
}
.fr-m-7v {
margin: 1.75rem !important;
}
.fr-ml-7v, .fr-mx-7v {
margin-left: 1.75rem !important;
}
.fr-mr-7v, .fr-mx-7v {
margin-right: 1.75rem !important;
}
.fr-mt-7v, .fr-my-7v {
margin-top: 1.75rem !important;
}
.fr-mb-7v, .fr-my-7v {
margin-bottom: 1.75rem !important;
}
.fr-m-4w, .fr-m-8v {
margin: 2rem !important;
}
.fr-ml-4w, .fr-ml-8v, .fr-mx-4w, .fr-mx-8v {
margin-left: 2rem !important;
}
.fr-mr-4w, .fr-mr-8v, .fr-mx-4w, .fr-mx-8v {
margin-right: 2rem !important;
}
.fr-mt-4w, .fr-mt-8v, .fr-my-4w, .fr-my-8v {
margin-top: 2rem !important;
}
.fr-mb-4w, .fr-mb-8v, .fr-my-4w, .fr-my-8v {
margin-bottom: 2rem !important;
color:#161616;
}
.fr-m-9v {
margin: 2.25rem !important;
}
.fr-ml-9v, .fr-mx-9v {
margin-left: 2.25rem !important;
}
.fr-mr-9v, .fr-mx-9v {
margin-right: 2.25rem !important;
}
.fr-mt-9v, .fr-my-9v {
margin-top: 2.25rem !important;
}
.fr-mb-9v, .fr-my-9v {
margin-bottom: 2.25rem !important;
}
.fr-m-5w, .fr-m-10v {
margin: 2.5rem !important;
}
.fr-ml-5w, .fr-ml-10v, .fr-mx-5w, .fr-mx-10v {
margin-left: 2.5rem !important;
}
.fr-mr-5w, .fr-mr-10v, .fr-mx-5w, .fr-mx-10v {
margin-right: 2.5rem !important;
}
.fr-mt-5w, .fr-mt-10v, .fr-my-5w, .fr-my-10v {
margin-top: 2.5rem !important;
}
.fr-mb-5w, .fr-mb-10v, .fr-my-5w, .fr-my-10v {
margin-bottom: 2.5rem !important;
}
.fr-m-11v {
margin: 2.75rem !important;
}
.fr-ml-11v, .fr-mx-11v {
margin-left: 2.75rem !important;
}
.fr-mr-11v, .fr-mx-11v {
margin-right: 2.75rem !important;
}
.fr-mt-11v, .fr-my-11v {
margin-top: 2.75rem !important;
}
.fr-mb-11v, .fr-my-11v {
margin-bottom: 2.75rem !important;
}
.fr-m-6w, .fr-m-12v {
margin: 3rem !important;
}
.fr-ml-6w, .fr-ml-12v, .fr-mx-6w, .fr-mx-12v {
margin-left: 3rem !important;
}
.fr-mr-6w, .fr-mr-12v, .fr-mx-6w, .fr-mx-12v {
margin-right: 3rem !important;
}
.fr-mt-6w, .fr-mt-12v, .fr-my-6w, .fr-my-12v {
margin-top: 3rem !important;
}
.fr-mb-6w, .fr-mb-12v, .fr-my-6w, .fr-my-12v {
margin-bottom: 3rem !important;
}
.fr-m-13v {
margin: 3.25rem !important;
}
.fr-ml-13v, .fr-mx-13v {
margin-left: 3.25rem !important;
}
.fr-mr-13v, .fr-mx-13v {
margin-right: 3.25rem !important;
}
.fr-mt-13v, .fr-my-13v {
margin-top: 3.25rem !important;
}
.fr-mb-13v, .fr-my-13v {
margin-bottom: 3.25rem !important;
}
.fr-m-7w, .fr-m-14v {
margin: 3.5rem !important;
}
.fr-ml-7w, .fr-ml-14v, .fr-mx-7w, .fr-mx-14v {
margin-left: 3.5rem !important;
}
.fr-mr-7w, .fr-mr-14v, .fr-mx-7w, .fr-mx-14v {
margin-right: 3.5rem !important;
}
.fr-mt-7w, .fr-mt-14v, .fr-my-7w, .fr-my-14v {
margin-top: 3.5rem !important;
}
.fr-mb-7w, .fr-mb-14v, .fr-my-7w, .fr-my-14v {
margin-bottom: 3.5rem !important;
}
.fr-m-15v {
margin: 3.75rem !important;
}
.fr-ml-15v, .fr-mx-15v {
margin-left: 3.75rem !important;
}
.fr-mr-15v, .fr-mx-15v {
margin-right: 3.75rem !important;
}
.fr-mt-15v, .fr-my-15v {
margin-top: 3.75rem !important;
}
.fr-mb-15v, .fr-my-15v {
margin-bottom: 3.75rem !important;
}
.fr-m-8w, .fr-m-16v {
margin: 4rem !important;
}
.fr-ml-8w, .fr-ml-16v, .fr-mx-8w, .fr-mx-16v {
margin-left: 4rem !important;
}
.fr-mr-8w, .fr-mr-16v, .fr-mx-8w, .fr-mx-16v {
margin-right: 4rem !important;
}
.fr-mt-8w, .fr-mt-16v, .fr-my-8w, .fr-my-16v {
margin-top: 4rem !important;
}
.fr-mb-8w, .fr-mb-16v, .fr-my-8w, .fr-my-16v {
margin-bottom: 4rem !important;
}
.fr-m-17v {
margin: 4.25rem !important;
}
.fr-ml-17v, .fr-mx-17v {
margin-left: 4.25rem !important;
}
.fr-mr-17v, .fr-mx-17v {
margin-right: 4.25rem !important;
}
.fr-mt-17v, .fr-my-17v {
margin-top: 4.25rem !important;
}
.fr-mb-17v, .fr-my-17v {
margin-bottom: 4.25rem !important;
}
.fr-m-9w, .fr-m-18v {
margin: 4.5rem !important;
}
.fr-ml-9w, .fr-ml-18v, .fr-mx-9w, .fr-mx-18v {
margin-left: 4.5rem !important;
}
.fr-mr-9w, .fr-mr-18v, .fr-mx-9w, .fr-mx-18v {
margin-right: 4.5rem !important;
}
.fr-mt-9w, .fr-mt-18v, .fr-my-9w, .fr-my-18v {
margin-top: 4.5rem !important;
}
.fr-mb-9w, .fr-mb-18v, .fr-my-9w, .fr-my-18v {
margin-bottom: 4.5rem !important;
}
.fr-m-19v {
margin: 4.75rem !important;
}
.fr-ml-19v, .fr-mx-19v {
margin-left: 4.75rem !important;
}
.fr-mr-19v, .fr-mx-19v {
margin-right: 4.75rem !important;
}
.fr-mt-19v, .fr-my-19v {
margin-top: 4.75rem !important;
}
.fr-mb-19v, .fr-my-19v {
margin-bottom: 4.75rem !important;
}
.fr-m-10w, .fr-m-20v {
margin: 5rem !important;
}
.fr-ml-10w, .fr-ml-20v, .fr-mx-10w, .fr-mx-20v {
margin-left: 5rem !important;
}
.fr-mr-10w, .fr-mr-20v, .fr-mx-10w, .fr-mx-20v {
margin-right: 5rem !important;
}
.fr-mt-10w, .fr-mt-20v, .fr-my-10w, .fr-my-20v {
margin-top: 5rem !important;
}
.fr-mb-10w, .fr-mb-20v, .fr-my-10w, .fr-my-20v {
margin-bottom: 5rem !important;
}
.fr-m-21v {
margin: 5.25rem !important;
}
.fr-ml-21v, .fr-mx-21v {
margin-left: 5.25rem !important;
}
.fr-mr-21v, .fr-mx-21v {
margin-right: 5.25rem !important;
}
.fr-mt-21v, .fr-my-21v {
margin-top: 5.25rem !important;
}
.fr-mb-21v, .fr-my-21v {
margin-bottom: 5.25rem !important;
}
.fr-m-11w, .fr-m-22v {
margin: 5.5rem !important;
}
.fr-ml-11w, .fr-ml-22v, .fr-mx-11w, .fr-mx-22v {
margin-left: 5.5rem !important;
}
.fr-mr-11w, .fr-mr-22v, .fr-mx-11w, .fr-mx-22v {
margin-right: 5.5rem !important;
}
.fr-mt-11w, .fr-mt-22v, .fr-my-11w, .fr-my-22v {
margin-top: 5.5rem !important;
}
.fr-mb-11w, .fr-mb-22v, .fr-my-11w, .fr-my-22v {
margin-bottom: 5.5rem !important;
}
.fr-m-23v {
margin: 5.75rem !important;
}
.fr-ml-23v, .fr-mx-23v {
margin-left: 5.75rem !important;
}
.fr-mr-23v, .fr-mx-23v {
margin-right: 5.75rem !important;
}
.fr-mt-23v, .fr-my-23v {
margin-top: 5.75rem !important;
}
.fr-mb-23v, .fr-my-23v {
margin-bottom: 5.75rem !important;
}
.fr-m-12w, .fr-m-24v {
margin: 6rem !important;
}
.fr-ml-12w, .fr-ml-24v, .fr-mx-12w, .fr-mx-24v {
margin-left: 6rem !important;
}
.fr-mr-12w, .fr-mr-24v, .fr-mx-12w, .fr-mx-24v {
margin-right: 6rem !important;
}
.fr-mt-12w, .fr-mt-24v, .fr-my-12w, .fr-my-24v {
margin-top: 6rem !important;
}
.fr-mb-12w, .fr-mb-24v, .fr-my-12w, .fr-my-24v {
margin-bottom: 6rem !important;
}
.fr-m-auto {
margin: auto;
}
.fr-ml-auto, .fr-mx-auto {
margin-left: auto;
}
.fr-mr-auto, .fr-mx-auto {
margin-right: auto;
}
.fr-mt-auto, .fr-my-auto {
margin-top: auto;
}
.fr-mb-auto, .fr-my-auto {
margin-bottom: auto;
}
.fr-p-0 {
padding: 0 !important;
}
.fr-pl-0, .fr-px-0 {
padding-left: 0 !important;
}
.fr-pr-0, .fr-px-0 {
padding-right: 0 !important;
}
.fr-pt-0, .fr-py-0 {
padding-top: 0 !important;
}
.fr-pb-0, .fr-py-0 {
padding-bottom: 0 !important;
}
.fr-p-1v {
padding: 0.25rem !important;
}
.fr-pl-1v, .fr-px-1v {
padding-left: 0.25rem !important;
}
.fr-pr-1v, .fr-px-1v {
padding-right: 0.25rem !important;
}
.fr-pt-1v, .fr-py-1v {
padding-top: 0.25rem !important;
}
.fr-pb-1v, .fr-py-1v {
padding-bottom: 0.25rem !important;
}
.fr-p-1w, .fr-p-2v {
padding: 0.5rem !important;
}
.fr-pl-1w, .fr-pl-2v, .fr-px-1w, .fr-px-2v {
padding-left: 0.5rem !important;
}
.fr-pr-1w, .fr-pr-2v, .fr-px-1w, .fr-px-2v {
padding-right: 0.5rem !important;
}
.fr-pt-1w, .fr-pt-2v, .fr-py-1w, .fr-py-2v {
padding-top: 0.5rem !important;
}
.fr-pb-1w, .fr-pb-2v, .fr-py-1w, .fr-py-2v {
padding-bottom: 0.5rem !important;
}
.fr-p-3v {
padding: 0.75rem !important;
}
.fr-pl-3v, .fr-px-3v {
padding-left: 0.75rem !important;
}
.fr-pr-3v, .fr-px-3v {
padding-right: 0.75rem !important;
}
.fr-pt-3v, .fr-py-3v {
padding-top: 0.75rem !important;
}
.fr-pb-3v, .fr-py-3v {
padding-bottom: 0.75rem !important;
}
.fr-p-2w, .fr-p-4v {
padding: 1rem !important;
}
.fr-pl-2w, .fr-pl-4v, .fr-px-2w, .fr-px-4v {
padding-left: 1rem !important;
}
.fr-pr-2w, .fr-pr-4v, .fr-px-2w, .fr-px-4v {
padding-right: 1rem !important;
}
.fr-pt-2w, .fr-pt-4v, .fr-py-2w, .fr-py-4v {
padding-top: 1rem !important;
}
.fr-pb-2w, .fr-pb-4v, .fr-py-2w, .fr-py-4v {
padding-bottom: 1rem !important;
}
.fr-p-5v {
padding: 1.25rem !important;
}
.fr-pl-5v, .fr-px-5v {
padding-left: 1.25rem !important;
}
.fr-pr-5v, .fr-px-5v {
padding-right: 1.25rem !important;
}
.fr-pt-5v, .fr-py-5v {
padding-top: 1.25rem !important;
}
.fr-pb-5v, .fr-py-5v {
padding-bottom: 1.25rem !important;
}
.fr-p-3w, .fr-p-6v {
padding: 1.5rem !important;
}
.fr-pl-3w, .fr-pl-6v, .fr-px-3w, .fr-px-6v {
padding-left: 1.5rem !important;
}
.fr-pr-3w, .fr-pr-6v, .fr-px-3w, .fr-px-6v {
padding-right: 1.5rem !important;
}
.fr-pt-3w, .fr-pt-6v, .fr-py-3w, .fr-py-6v {
padding-top: 1.5rem !important;
}
.fr-pb-3w, .fr-pb-6v, .fr-py-3w, .fr-py-6v {
padding-bottom: 1.5rem !important;
}
.fr-p-7v {
padding: 1.75rem !important;
}
.fr-pl-7v, .fr-px-7v {
padding-left: 1.75rem !important;
}
.fr-pr-7v, .fr-px-7v {
padding-right: 1.75rem !important;
}
.fr-pt-7v, .fr-py-7v {
padding-top: 1.75rem !important;
}
.fr-pb-7v, .fr-py-7v {
padding-bottom: 1.75rem !important;
}
.fr-p-4w, .fr-p-8v {
padding: 2rem !important;
}
.fr-pl-4w, .fr-pl-8v, .fr-px-4w, .fr-px-8v {
padding-left: 2rem !important;
}
.fr-pr-4w, .fr-pr-8v, .fr-px-4w, .fr-px-8v {
padding-right: 2rem !important;
}
.fr-pt-4w, .fr-pt-8v, .fr-py-4w, .fr-py-8v {
padding-top: 2rem !important;
}
.fr-pb-4w, .fr-pb-8v, .fr-py-4w, .fr-py-8v {
padding-bottom: 2rem !important;
}
.fr-p-9v {
padding: 2.25rem !important;
}
.fr-pl-9v, .fr-px-9v {
padding-left: 2.25rem !important;
}
.fr-pr-9v, .fr-px-9v {
padding-right: 2.25rem !important;
}
.fr-pt-9v, .fr-py-9v {
padding-top: 2.25rem !important;
}
.fr-pb-9v, .fr-py-9v {
padding-bottom: 2.25rem !important;
}
.fr-p-5w, .fr-p-10v {
padding: 2.5rem !important;
}
.fr-pl-5w, .fr-pl-10v, .fr-px-5w, .fr-px-10v {
padding-left: 2.5rem !important;
}
.fr-pr-5w, .fr-pr-10v, .fr-px-5w, .fr-px-10v {
padding-right: 2.5rem !important;
}
.fr-pt-5w, .fr-pt-10v, .fr-py-5w, .fr-py-10v {
padding-top: 2.5rem !important;
}
.fr-pb-5w, .fr-pb-10v, .fr-py-5w, .fr-py-10v {
padding-bottom: 2.5rem !important;
}
.fr-p-11v {
padding: 2.75rem !important;
}
.fr-pl-11v, .fr-px-11v {
padding-left: 2.75rem !important;
}
.fr-pr-11v, .fr-px-11v {
padding-right: 2.75rem !important;
}
.fr-pt-11v, .fr-py-11v {
padding-top: 2.75rem !important;
}
.fr-pb-11v, .fr-py-11v {
padding-bottom: 2.75rem !important;
}
.fr-p-6w, .fr-p-12v {
padding: 3rem !important;
}
.fr-pl-6w, .fr-pl-12v, .fr-px-6w, .fr-px-12v {
padding-left: 3rem !important;
}
.fr-pr-6w, .fr-pr-12v, .fr-px-6w, .fr-px-12v {
padding-right: 3rem !important;
}
.fr-pt-6w, .fr-pt-12v, .fr-py-6w, .fr-py-12v {
padding-top: 3rem !important;
}
.fr-pb-6w, .fr-pb-12v, .fr-py-6w, .fr-py-12v {
padding-bottom: 3rem !important;
}
.fr-p-13v {
padding: 3.25rem !important;
}
.fr-pl-13v, .fr-px-13v {
padding-left: 3.25rem !important;
}
.fr-pr-13v, .fr-px-13v {
padding-right: 3.25rem !important;
}
.fr-pt-13v, .fr-py-13v {
padding-top: 3.25rem !important;
}
.fr-pb-13v, .fr-py-13v {
padding-bottom: 3.25rem !important;
}
.fr-p-7w, .fr-p-14v {
padding: 3.5rem !important;
}
.fr-pl-7w, .fr-pl-14v, .fr-px-7w, .fr-px-14v {
padding-left: 3.5rem !important;
}
.fr-pr-7w, .fr-pr-14v, .fr-px-7w, .fr-px-14v {
padding-right: 3.5rem !important;
}
.fr-pt-7w, .fr-pt-14v, .fr-py-7w, .fr-py-14v {
padding-top: 3.5rem !important;
}
.fr-pb-7w, .fr-pb-14v, .fr-py-7w, .fr-py-14v {
padding-bottom: 3.5rem !important;
}
.fr-p-15v {
padding: 3.75rem !important;
}
.fr-pl-15v, .fr-px-15v {
padding-left: 3.75rem !important;
}
.fr-pr-15v, .fr-px-15v {
padding-right: 3.75rem !important;
}
.fr-pt-15v, .fr-py-15v {
padding-top: 3.75rem !important;
}
.fr-pb-15v, .fr-py-15v {
padding-bottom: 3.75rem !important;
}
.fr-p-8w, .fr-p-16v {
padding: 4rem !important;
}
.fr-pl-8w, .fr-pl-16v, .fr-px-8w, .fr-px-16v {
padding-left: 4rem !important;
}
.fr-pr-8w, .fr-pr-16v, .fr-px-8w, .fr-px-16v {
padding-right: 4rem !important;
}
.fr-pt-8w, .fr-pt-16v, .fr-py-8w, .fr-py-16v {
padding-top: 4rem !important;
}
.fr-pb-8w, .fr-pb-16v, .fr-py-8w, .fr-py-16v {
padding-bottom: 4rem !important;
}
.fr-p-17v {
padding: 4.25rem !important;
}
.fr-pl-17v, .fr-px-17v {
padding-left: 4.25rem !important;
}
.fr-pr-17v, .fr-px-17v {
padding-right: 4.25rem !important;
}
.fr-pt-17v, .fr-py-17v {
padding-top: 4.25rem !important;
}
.fr-pb-17v, .fr-py-17v {
padding-bottom: 4.25rem !important;
}
.fr-p-9w, .fr-p-18v {
padding: 4.5rem !important;
}
.fr-pl-9w, .fr-pl-18v, .fr-px-9w, .fr-px-18v {
padding-left: 4.5rem !important;
}
.fr-pr-9w, .fr-pr-18v, .fr-px-9w, .fr-px-18v {
padding-right: 4.5rem !important;
}
.fr-pt-9w, .fr-pt-18v, .fr-py-9w, .fr-py-18v {
padding-top: 4.5rem !important;
}
.fr-pb-9w, .fr-pb-18v, .fr-py-9w, .fr-py-18v {
padding-bottom: 4.5rem !important;
}
.fr-p-19v {
padding: 4.75rem !important;
}
.fr-pl-19v, .fr-px-19v {
padding-left: 4.75rem !important;
}
.fr-pr-19v, .fr-px-19v {
padding-right: 4.75rem !important;
}
.fr-pt-19v, .fr-py-19v {
padding-top: 4.75rem !important;
}
.fr-pb-19v, .fr-py-19v {
padding-bottom: 4.75rem !important;
}
.fr-p-10w, .fr-p-20v {
padding: 5rem !important;
}
.fr-pl-10w, .fr-pl-20v, .fr-px-10w, .fr-px-20v {
padding-left: 5rem !important;
}
.fr-pr-10w, .fr-pr-20v, .fr-px-10w, .fr-px-20v {
padding-right: 5rem !important;
}
.fr-pt-10w, .fr-pt-20v, .fr-py-10w, .fr-py-20v {
padding-top: 5rem !important;
}
.fr-pb-10w, .fr-pb-20v, .fr-py-10w, .fr-py-20v {
padding-bottom: 5rem !important;
}
.fr-p-21v {
padding: 5.25rem !important;
}
.fr-pl-21v, .fr-px-21v {
padding-left: 5.25rem !important;
}
.fr-pr-21v, .fr-px-21v {
padding-right: 5.25rem !important;
}
.fr-pt-21v, .fr-py-21v {
padding-top: 5.25rem !important;
}
.fr-pb-21v, .fr-py-21v {
padding-bottom: 5.25rem !important;
}
.fr-p-11w, .fr-p-22v {
padding: 5.5rem !important;
}
.fr-pl-11w, .fr-pl-22v, .fr-px-11w, .fr-px-22v {
padding-left: 5.5rem !important;
}
.fr-pr-11w, .fr-pr-22v, .fr-px-11w, .fr-px-22v {
padding-right: 5.5rem !important;
}
.fr-pt-11w, .fr-pt-22v, .fr-py-11w, .fr-py-22v {
padding-top: 5.5rem !important;
}
.fr-pb-11w, .fr-pb-22v, .fr-py-11w, .fr-py-22v {
padding-bottom: 5.5rem !important;
}
.fr-p-23v {
padding: 5.75rem !important;
}
.fr-pl-23v, .fr-px-23v {
padding-left: 5.75rem !important;
}
.fr-pr-23v, .fr-px-23v {
padding-right: 5.75rem !important;
}
.fr-pt-23v, .fr-py-23v {
padding-top: 5.75rem !important;
}
.fr-pb-23v, .fr-py-23v {
padding-bottom: 5.75rem !important;
}
.fr-p-12w, .fr-p-24v {
padding: 6rem !important;
}
.fr-pl-12w, .fr-pl-24v, .fr-px-12w, .fr-px-24v {
padding-left: 6rem !important;
}
.fr-pr-12w, .fr-pr-24v, .fr-px-12w, .fr-px-24v {
padding-right: 6rem !important;
}
.fr-pt-12w, .fr-pt-24v, .fr-py-12w, .fr-py-24v {
padding-top: 6rem !important;
}
.fr-pb-12w, .fr-pb-24v, .fr-py-12w, .fr-py-24v {
padding-bottom: 6rem !important;
}
@media (min-width: 48em) {
.fr-m-md-n4w, .fr-m-md-n8v {
margin: -2rem !important;
}
.fr-ml-md-n4w, .fr-ml-md-n8v, .fr-mx-md-n4w, .fr-mx-md-n8v {
margin-left: -2rem !important;
}
.fr-mr-md-n4w, .fr-mr-md-n8v, .fr-mx-md-n4w, .fr-mx-md-n8v {
margin-right: -2rem !important;
}
.fr-mt-md-n4w, .fr-mt-md-n8v, .fr-my-md-n4w, .fr-my-md-n8v {
margin-top: -2rem !important;
}
.fr-mb-md-n4w, .fr-mb-md-n8v, .fr-my-md-n4w, .fr-my-md-n8v {
margin-bottom: -2rem !important;
}
.fr-m-md-n7v {
margin: -1.75rem !important;
}
.fr-ml-md-n7v, .fr-mx-md-n7v {
margin-left: -1.75rem !important;
}
.fr-mr-md-n7v, .fr-mx-md-n7v {
margin-right: -1.75rem !important;
}
.fr-mt-md-n7v, .fr-my-md-n7v {
margin-top: -1.75rem !important;
}
.fr-mb-md-n7v, .fr-my-md-n7v {
margin-bottom: -1.75rem !important;
}
.fr-m-md-n3w, .fr-m-md-n6v {
margin: -1.5rem !important;
}
.fr-ml-md-n3w, .fr-ml-md-n6v, .fr-mx-md-n3w, .fr-mx-md-n6v {
margin-left: -1.5rem !important;
}
.fr-mr-md-n3w, .fr-mr-md-n6v, .fr-mx-md-n3w, .fr-mx-md-n6v {
margin-right: -1.5rem !important;
}
.fr-mt-md-n3w, .fr-mt-md-n6v, .fr-my-md-n3w, .fr-my-md-n6v {
margin-top: -1.5rem !important;
}
.fr-mb-md-n3w, .fr-mb-md-n6v, .fr-my-md-n3w, .fr-my-md-n6v {
margin-bottom: -1.5rem !important;
}
.fr-m-md-n5v {
margin: -1.25rem !important;
}
.fr-ml-md-n5v, .fr-mx-md-n5v {
margin-left: -1.25rem !important;
}
.fr-mr-md-n5v, .fr-mx-md-n5v {
margin-right: -1.25rem !important;
}
.fr-mt-md-n5v, .fr-my-md-n5v {
margin-top: -1.25rem !important;
}
.fr-mb-md-n5v, .fr-my-md-n5v {
margin-bottom: -1.25rem !important;
}
.fr-m-md-n2w, .fr-m-md-n4v {
margin: -1rem !important;
}
.fr-ml-md-n2w, .fr-ml-md-n4v, .fr-mx-md-n2w, .fr-mx-md-n4v {
margin-left: -1rem !important;
}
.fr-mr-md-n2w, .fr-mr-md-n4v, .fr-mx-md-n2w, .fr-mx-md-n4v {
margin-right: -1rem !important;
}
.fr-mt-md-n2w, .fr-mt-md-n4v, .fr-my-md-n2w, .fr-my-md-n4v {
margin-top: -1rem !important;
}
.fr-mb-md-n2w, .fr-mb-md-n4v, .fr-my-md-n2w, .fr-my-md-n4v {
margin-bottom: -1rem !important;
}
.fr-m-md-n3v {
margin: -0.75rem !important;
}
.fr-ml-md-n3v, .fr-mx-md-n3v {
margin-left: -0.75rem !important;
}
.fr-mr-md-n3v, .fr-mx-md-n3v {
margin-right: -0.75rem !important;
}
.fr-mt-md-n3v, .fr-my-md-n3v {
margin-top: -0.75rem !important;
}
.fr-mb-md-n3v, .fr-my-md-n3v {
margin-bottom: -0.75rem !important;
}
.fr-m-md-n1w, .fr-m-md-n2v {
margin: -0.5rem !important;
}
.fr-ml-md-n1w, .fr-ml-md-n2v, .fr-mx-md-n1w, .fr-mx-md-n2v {
margin-left: -0.5rem !important;
}
.fr-mr-md-n1w, .fr-mr-md-n2v, .fr-mx-md-n1w, .fr-mx-md-n2v {
margin-right: -0.5rem !important;
}
.fr-mt-md-n1w, .fr-mt-md-n2v, .fr-my-md-n1w, .fr-my-md-n2v {
margin-top: -0.5rem !important;
}
.fr-mb-md-n1w, .fr-mb-md-n2v, .fr-my-md-n1w, .fr-my-md-n2v {
margin-bottom: -0.5rem !important;
}
.fr-m-md-n1v {
margin: -0.25rem !important;
}
.fr-ml-md-n1v, .fr-mx-md-n1v {
margin-left: -0.25rem !important;
}
.fr-mr-md-n1v, .fr-mx-md-n1v {
margin-right: -0.25rem !important;
}
.fr-mt-md-n1v, .fr-my-md-n1v {
margin-top: -0.25rem !important;
}
.fr-mb-md-n1v, .fr-my-md-n1v {
margin-bottom: -0.25rem !important;
}
.fr-m-md-0 {
margin: 0 !important;
}
.fr-ml-md-0, .fr-mx-md-0 {
margin-left: 0 !important;
}
.fr-mr-md-0, .fr-mx-md-0 {
margin-right: 0 !important;
}
.fr-mt-md-0, .fr-my-md-0 {
margin-top: 0 !important;
}
.fr-mb-md-0, .fr-my-md-0 {
margin-bottom: 0 !important;
}
.fr-m-md-1v {
margin: 0.25rem !important;
}
.fr-ml-md-1v, .fr-mx-md-1v {
margin-left: 0.25rem !important;
}
.fr-mr-md-1v, .fr-mx-md-1v {
margin-right: 0.25rem !important;
}
.fr-mt-md-1v, .fr-my-md-1v {
margin-top: 0.25rem !important;
}
.fr-mb-md-1v, .fr-my-md-1v {
margin-bottom: 0.25rem !important;
}
.fr-m-md-1w, .fr-m-md-2v {
margin: 0.5rem !important;
}
.fr-ml-md-1w, .fr-ml-md-2v, .fr-mx-md-1w, .fr-mx-md-2v {
margin-left: 0.5rem !important;
}
.fr-mr-md-1w, .fr-mr-md-2v, .fr-mx-md-1w, .fr-mx-md-2v {
margin-right: 0.5rem !important;
}
.fr-mt-md-1w, .fr-mt-md-2v, .fr-my-md-1w, .fr-my-md-2v {
margin-top: 0.5rem !important;
}
.fr-mb-md-1w, .fr-mb-md-2v, .fr-my-md-1w, .fr-my-md-2v {
margin-bottom: 0.5rem !important;
}
.fr-m-md-3v {
margin: 0.75rem !important;
}
.fr-ml-md-3v, .fr-mx-md-3v {
margin-left: 0.75rem !important;
}
.fr-mr-md-3v, .fr-mx-md-3v {
margin-right: 0.75rem !important;
}
.fr-mt-md-3v, .fr-my-md-3v {
margin-top: 0.75rem !important;
}
.fr-mb-md-3v, .fr-my-md-3v {
margin-bottom: 0.75rem !important;
}
.fr-m-md-2w, .fr-m-md-4v {
margin: 1rem !important;
}
.fr-ml-md-2w, .fr-ml-md-4v, .fr-mx-md-2w, .fr-mx-md-4v {
margin-left: 1rem !important;
}
.fr-mr-md-2w, .fr-mr-md-4v, .fr-mx-md-2w, .fr-mx-md-4v {
margin-right: 1rem !important;
}
.fr-mt-md-2w, .fr-mt-md-4v, .fr-my-md-2w, .fr-my-md-4v {
margin-top: 1rem !important;
}
.fr-mb-md-2w, .fr-mb-md-4v, .fr-my-md-2w, .fr-my-md-4v {
margin-bottom: 1rem !important;
}
.fr-m-md-5v {
margin: 1.25rem !important;
}
.fr-ml-md-5v, .fr-mx-md-5v {
margin-left: 1.25rem !important;
}
.fr-mr-md-5v, .fr-mx-md-5v {
margin-right: 1.25rem !important;
}
.fr-mt-md-5v, .fr-my-md-5v {
margin-top: 1.25rem !important;
}
.fr-mb-md-5v, .fr-my-md-5v {
margin-bottom: 1.25rem !important;
}
.fr-m-md-3w, .fr-m-md-6v {
margin: 1.5rem !important;
}
.fr-ml-md-3w, .fr-ml-md-6v, .fr-mx-md-3w, .fr-mx-md-6v {
margin-left: 1.5rem !important;
}
.fr-mr-md-3w, .fr-mr-md-6v, .fr-mx-md-3w, .fr-mx-md-6v {
margin-right: 1.5rem !important;
}
.fr-mt-md-3w, .fr-mt-md-6v, .fr-my-md-3w, .fr-my-md-6v {
margin-top: 1.5rem !important;
}
.fr-mb-md-3w, .fr-mb-md-6v, .fr-my-md-3w, .fr-my-md-6v {
margin-bottom: 1.5rem !important;
}
.fr-m-md-7v {
margin: 1.75rem !important;
}
.fr-ml-md-7v, .fr-mx-md-7v {
margin-left: 1.75rem !important;
}
.fr-mr-md-7v, .fr-mx-md-7v {
margin-right: 1.75rem !important;
}
.fr-mt-md-7v, .fr-my-md-7v {
margin-top: 1.75rem !important;
}
.fr-mb-md-7v, .fr-my-md-7v {
margin-bottom: 1.75rem !important;
}
.fr-m-md-4w, .fr-m-md-8v {
margin: 2rem !important;
}
.fr-ml-md-4w, .fr-ml-md-8v, .fr-mx-md-4w, .fr-mx-md-8v {
margin-left: 2rem !important;
}
.fr-mr-md-4w, .fr-mr-md-8v, .fr-mx-md-4w, .fr-mx-md-8v {
margin-right: 2rem !important;
}
.fr-mt-md-4w, .fr-mt-md-8v, .fr-my-md-4w, .fr-my-md-8v {
margin-top: 2rem !important;
}
.fr-mb-md-4w, .fr-mb-md-8v, .fr-my-md-4w, .fr-my-md-8v {
margin-bottom: 2rem !important;
}
.fr-m-md-9v {
margin: 2.25rem !important;
}
.fr-ml-md-9v, .fr-mx-md-9v {
margin-left: 2.25rem !important;
}
.fr-mr-md-9v, .fr-mx-md-9v {
margin-right: 2.25rem !important;
}
.fr-mt-md-9v, .fr-my-md-9v {
margin-top: 2.25rem !important;
}
.fr-mb-md-9v, .fr-my-md-9v {
margin-bottom: 2.25rem !important;
}
.fr-m-md-5w, .fr-m-md-10v {
margin: 2.5rem !important;
}
.fr-ml-md-5w, .fr-ml-md-10v, .fr-mx-md-5w, .fr-mx-md-10v {
margin-left: 2.5rem !important;
}
.fr-mr-md-5w, .fr-mr-md-10v, .fr-mx-md-5w, .fr-mx-md-10v {
margin-right: 2.5rem !important;
}
.fr-mt-md-5w, .fr-mt-md-10v, .fr-my-md-5w, .fr-my-md-10v {
margin-top: 2.5rem !important;
}
.fr-mb-md-5w, .fr-mb-md-10v, .fr-my-md-5w, .fr-my-md-10v {
margin-bottom: 2.5rem !important;
}
.fr-m-md-11v {
margin: 2.75rem !important;
}
.fr-ml-md-11v, .fr-mx-md-11v {
margin-left: 2.75rem !important;
}
.fr-mr-md-11v, .fr-mx-md-11v {
margin-right: 2.75rem !important;
}
.fr-mt-md-11v, .fr-my-md-11v {
margin-top: 2.75rem !important;
}
.fr-mb-md-11v, .fr-my-md-11v {
margin-bottom: 2.75rem !important;
}
.fr-m-md-6w, .fr-m-md-12v {
margin: 3rem !important;
}
.fr-ml-md-6w, .fr-ml-md-12v, .fr-mx-md-6w, .fr-mx-md-12v {
margin-left: 3rem !important;
}
.fr-mr-md-6w, .fr-mr-md-12v, .fr-mx-md-6w, .fr-mx-md-12v {
margin-right: 3rem !important;
}
.fr-mt-md-6w, .fr-mt-md-12v, .fr-my-md-6w, .fr-my-md-12v {
margin-top: 3rem !important;
}
.fr-mb-md-6w, .fr-mb-md-12v, .fr-my-md-6w, .fr-my-md-12v {
margin-bottom: 3rem !important;
}
.fr-m-md-13v {
margin: 3.25rem !important;
}
.fr-ml-md-13v, .fr-mx-md-13v {
margin-left: 3.25rem !important;
}
.fr-mr-md-13v, .fr-mx-md-13v {
margin-right: 3.25rem !important;
}
.fr-mt-md-13v, .fr-my-md-13v {
margin-top: 3.25rem !important;
}
.fr-mb-md-13v, .fr-my-md-13v {
margin-bottom: 3.25rem !important;
}
.fr-m-md-7w, .fr-m-md-14v {
margin: 3.5rem !important;
}
.fr-ml-md-7w, .fr-ml-md-14v, .fr-mx-md-7w, .fr-mx-md-14v {
margin-left: 3.5rem !important;
}
.fr-mr-md-7w, .fr-mr-md-14v, .fr-mx-md-7w, .fr-mx-md-14v {
margin-right: 3.5rem !important;
}
.fr-mt-md-7w, .fr-mt-md-14v, .fr-my-md-7w, .fr-my-md-14v {
margin-top: 3.5rem !important;
}
.fr-mb-md-7w, .fr-mb-md-14v, .fr-my-md-7w, .fr-my-md-14v {
margin-bottom: 3.5rem !important;
}
.fr-m-md-15v {
margin: 3.75rem !important;
}
.fr-ml-md-15v, .fr-mx-md-15v {
margin-left: 3.75rem !important;
}
.fr-mr-md-15v, .fr-mx-md-15v {
margin-right: 3.75rem !important;
}
.fr-mt-md-15v, .fr-my-md-15v {
margin-top: 3.75rem !important;
}
.fr-mb-md-15v, .fr-my-md-15v {
margin-bottom: 3.75rem !important;
}
.fr-m-md-8w, .fr-m-md-16v {
margin: 4rem !important;
}
.fr-ml-md-8w, .fr-ml-md-16v, .fr-mx-md-8w, .fr-mx-md-16v {
margin-left: 4rem !important;
}
.fr-mr-md-8w, .fr-mr-md-16v, .fr-mx-md-8w, .fr-mx-md-16v {
margin-right: 4rem !important;
}
.fr-mt-md-8w, .fr-mt-md-16v, .fr-my-md-8w, .fr-my-md-16v {
margin-top: 4rem !important;
}
.fr-mb-md-8w, .fr-mb-md-16v, .fr-my-md-8w, .fr-my-md-16v {
margin-bottom: 4rem !important;
}
.fr-m-md-17v {
margin: 4.25rem !important;
}
.fr-ml-md-17v, .fr-mx-md-17v {
margin-left: 4.25rem !important;
}
.fr-mr-md-17v, .fr-mx-md-17v {
margin-right: 4.25rem !important;
}
.fr-mt-md-17v, .fr-my-md-17v {
margin-top: 4.25rem !important;
}
.fr-mb-md-17v, .fr-my-md-17v {
margin-bottom: 4.25rem !important;
}
.fr-m-md-9w, .fr-m-md-18v {
margin: 4.5rem !important;
}
.fr-ml-md-9w, .fr-ml-md-18v, .fr-mx-md-9w, .fr-mx-md-18v {
margin-left: 4.5rem !important;
}
.fr-mr-md-9w, .fr-mr-md-18v, .fr-mx-md-9w, .fr-mx-md-18v {
margin-right: 4.5rem !important;
}
.fr-mt-md-9w, .fr-mt-md-18v, .fr-my-md-9w, .fr-my-md-18v {
margin-top: 4.5rem !important;
}
.fr-mb-md-9w, .fr-mb-md-18v, .fr-my-md-9w, .fr-my-md-18v {
margin-bottom: 4.5rem !important;
}
.fr-m-md-19v {
margin: 4.75rem !important;
}
.fr-ml-md-19v, .fr-mx-md-19v {
margin-left: 4.75rem !important;
}
.fr-mr-md-19v, .fr-mx-md-19v {
margin-right: 4.75rem !important;
}
.fr-mt-md-19v, .fr-my-md-19v {
margin-top: 4.75rem !important;
}
.fr-mb-md-19v, .fr-my-md-19v {
margin-bottom: 4.75rem !important;
}
.fr-m-md-10w, .fr-m-md-20v {
margin: 5rem !important;
}
.fr-ml-md-10w, .fr-ml-md-20v, .fr-mx-md-10w, .fr-mx-md-20v {
margin-left: 5rem !important;
}
.fr-mr-md-10w, .fr-mr-md-20v, .fr-mx-md-10w, .fr-mx-md-20v {
margin-right: 5rem !important;
}
.fr-mt-md-10w, .fr-mt-md-20v, .fr-my-md-10w, .fr-my-md-20v {
margin-top: 5rem !important;
}
.fr-mb-md-10w, .fr-mb-md-20v, .fr-my-md-10w, .fr-my-md-20v {
margin-bottom: 5rem !important;
}
.fr-m-md-21v {
margin: 5.25rem !important;
}
.fr-ml-md-21v, .fr-mx-md-21v {
margin-left: 5.25rem !important;
}
.fr-mr-md-21v, .fr-mx-md-21v {
margin-right: 5.25rem !important;
}
.fr-mt-md-21v, .fr-my-md-21v {
margin-top: 5.25rem !important;
}
.fr-mb-md-21v, .fr-my-md-21v {
margin-bottom: 5.25rem !important;
}
.fr-m-md-11w, .fr-m-md-22v {
margin: 5.5rem !important;
}
.fr-ml-md-11w, .fr-ml-md-22v, .fr-mx-md-11w, .fr-mx-md-22v {
margin-left: 5.5rem !important;
}
.fr-mr-md-11w, .fr-mr-md-22v, .fr-mx-md-11w, .fr-mx-md-22v {
margin-right: 5.5rem !important;
}
.fr-mt-md-11w, .fr-mt-md-22v, .fr-my-md-11w, .fr-my-md-22v {
margin-top: 5.5rem !important;
}
.fr-mb-md-11w, .fr-mb-md-22v, .fr-my-md-11w, .fr-my-md-22v {
margin-bottom: 5.5rem !important;
}
.fr-m-md-23v {
margin: 5.75rem !important;
}
.fr-ml-md-23v, .fr-mx-md-23v {
margin-left: 5.75rem !important;
}
.fr-mr-md-23v, .fr-mx-md-23v {
margin-right: 5.75rem !important;
}
.fr-mt-md-23v, .fr-my-md-23v {
margin-top: 5.75rem !important;
}
.fr-mb-md-23v, .fr-my-md-23v {
margin-bottom: 5.75rem !important;
}
.fr-m-md-12w, .fr-m-md-24v {
margin: 6rem !important;
}
.fr-ml-md-12w, .fr-ml-md-24v, .fr-mx-md-12w, .fr-mx-md-24v {
margin-left: 6rem !important;
}
.fr-mr-md-12w, .fr-mr-md-24v, .fr-mx-md-12w, .fr-mx-md-24v {
margin-right: 6rem !important;
}
.fr-mt-md-12w, .fr-mt-md-24v, .fr-my-md-12w, .fr-my-md-24v {
margin-top: 6rem !important;
}
.fr-mb-md-12w, .fr-mb-md-24v, .fr-my-md-12w, .fr-my-md-24v {
margin-bottom: 6rem !important;
}
.fr-m-md-auto {
margin: auto;
}
.fr-ml-md-auto, .fr-mx-md-auto {
margin-left: auto;
}
.fr-mr-md-auto, .fr-mx-md-auto {
margin-right: auto;
}
.fr-mt-md-auto, .fr-my-md-auto {
margin-top: auto;
}
.fr-mb-md-auto, .fr-my-md-auto {
margin-bottom: auto;
}
.fr-p-md-0 {
padding: 0 !important;
}
.fr-pl-md-0, .fr-px-md-0 {
padding-left: 0 !important;
}
.fr-pr-md-0, .fr-px-md-0 {
padding-right: 0 !important;
}
.fr-pt-md-0, .fr-py-md-0 {
padding-top: 0 !important;
}
.fr-pb-md-0, .fr-py-md-0 {
padding-bottom: 0 !important;
}
.fr-p-md-1v {
padding: 0.25rem !important;
}
.fr-pl-md-1v, .fr-px-md-1v {
padding-left: 0.25rem !important;
}
.fr-pr-md-1v, .fr-px-md-1v {
padding-right: 0.25rem !important;
}
.fr-pt-md-1v, .fr-py-md-1v {
padding-top: 0.25rem !important;
}
.fr-pb-md-1v, .fr-py-md-1v {
padding-bottom: 0.25rem !important;
}
.fr-p-md-1w, .fr-p-md-2v {
padding: 0.5rem !important;
}
.fr-pl-md-1w, .fr-pl-md-2v, .fr-px-md-1w, .fr-px-md-2v {
padding-left: 0.5rem !important;
}
.fr-pr-md-1w, .fr-pr-md-2v, .fr-px-md-1w, .fr-px-md-2v {
padding-right: 0.5rem !important;
}
.fr-pt-md-1w, .fr-pt-md-2v, .fr-py-md-1w, .fr-py-md-2v {
padding-top: 0.5rem !important;
}
.fr-pb-md-1w, .fr-pb-md-2v, .fr-py-md-1w, .fr-py-md-2v {
padding-bottom: 0.5rem !important;
}
.fr-p-md-3v {
padding: 0.75rem !important;
}
.fr-pl-md-3v, .fr-px-md-3v {
padding-left: 0.75rem !important;
}
.fr-pr-md-3v, .fr-px-md-3v {
padding-right: 0.75rem !important;
}
.fr-pt-md-3v, .fr-py-md-3v {
padding-top: 0.75rem !important;
}
.fr-pb-md-3v, .fr-py-md-3v {
padding-bottom: 0.75rem !important;
}
.fr-p-md-2w, .fr-p-md-4v {
padding: 1rem !important;
}
.fr-pl-md-2w, .fr-pl-md-4v, .fr-px-md-2w, .fr-px-md-4v {
padding-left: 1rem !important;
}
.fr-pr-md-2w, .fr-pr-md-4v, .fr-px-md-2w, .fr-px-md-4v {
padding-right: 1rem !important;
}
.fr-pt-md-2w, .fr-pt-md-4v, .fr-py-md-2w, .fr-py-md-4v {
padding-top: 1rem !important;
}
.fr-pb-md-2w, .fr-pb-md-4v, .fr-py-md-2w, .fr-py-md-4v {
padding-bottom: 1rem !important;
}
.fr-p-md-5v {
padding: 1.25rem !important;
}
.fr-pl-md-5v, .fr-px-md-5v {
padding-left: 1.25rem !important;
}
.fr-pr-md-5v, .fr-px-md-5v {
padding-right: 1.25rem !important;
}
.fr-pt-md-5v, .fr-py-md-5v {
padding-top: 1.25rem !important;
}
.fr-pb-md-5v, .fr-py-md-5v {
padding-bottom: 1.25rem !important;
}
.fr-p-md-3w, .fr-p-md-6v {
padding: 1.5rem !important;
}
.fr-pl-md-3w, .fr-pl-md-6v, .fr-px-md-3w, .fr-px-md-6v {
padding-left: 1.5rem !important;
}
.fr-pr-md-3w, .fr-pr-md-6v, .fr-px-md-3w, .fr-px-md-6v {
padding-right: 1.5rem !important;
}
.fr-pt-md-3w, .fr-pt-md-6v, .fr-py-md-3w, .fr-py-md-6v {
padding-top: 1.5rem !important;
}
.fr-pb-md-3w, .fr-pb-md-6v, .fr-py-md-3w, .fr-py-md-6v {
padding-bottom: 1.5rem !important;
}
.fr-p-md-7v {
padding: 1.75rem !important;
}
.fr-pl-md-7v, .fr-px-md-7v {
padding-left: 1.75rem !important;
}
.fr-pr-md-7v, .fr-px-md-7v {
padding-right: 1.75rem !important;
}
.fr-pt-md-7v, .fr-py-md-7v {
padding-top: 1.75rem !important;
}
.fr-pb-md-7v, .fr-py-md-7v {
padding-bottom: 1.75rem !important;
}
.fr-p-md-4w, .fr-p-md-8v {
padding: 2rem !important;
}
.fr-pl-md-4w, .fr-pl-md-8v, .fr-px-md-4w, .fr-px-md-8v {
padding-left: 2rem !important;
}
.fr-pr-md-4w, .fr-pr-md-8v, .fr-px-md-4w, .fr-px-md-8v {
padding-right: 2rem !important;
}
.fr-pt-md-4w, .fr-pt-md-8v, .fr-py-md-4w, .fr-py-md-8v {
padding-top: 2rem !important;
}
.fr-pb-md-4w, .fr-pb-md-8v, .fr-py-md-4w, .fr-py-md-8v {
padding-bottom: 2rem !important;
}
.fr-p-md-9v {
padding: 2.25rem !important;
}
.fr-pl-md-9v, .fr-px-md-9v {
padding-left: 2.25rem !important;
}
.fr-pr-md-9v, .fr-px-md-9v {
padding-right: 2.25rem !important;
}
.fr-pt-md-9v, .fr-py-md-9v {
padding-top: 2.25rem !important;
}
.fr-pb-md-9v, .fr-py-md-9v {
padding-bottom: 2.25rem !important;
}
.fr-p-md-5w, .fr-p-md-10v {
padding: 2.5rem !important;
}
.fr-pl-md-5w, .fr-pl-md-10v, .fr-px-md-5w, .fr-px-md-10v {
padding-left: 2.5rem !important;
}
.fr-pr-md-5w, .fr-pr-md-10v, .fr-px-md-5w, .fr-px-md-10v {
padding-right: 2.5rem !important;
}
.fr-pt-md-5w, .fr-pt-md-10v, .fr-py-md-5w, .fr-py-md-10v {
padding-top: 2.5rem !important;
}
.fr-pb-md-5w, .fr-pb-md-10v, .fr-py-md-5w, .fr-py-md-10v {
padding-bottom: 2.5rem !important;
}
.fr-p-md-11v {
padding: 2.75rem !important;
}
.fr-pl-md-11v, .fr-px-md-11v {
padding-left: 2.75rem !important;
}
.fr-pr-md-11v, .fr-px-md-11v {
padding-right: 2.75rem !important;
}
.fr-pt-md-11v, .fr-py-md-11v {
padding-top: 2.75rem !important;
}
.fr-pb-md-11v, .fr-py-md-11v {
padding-bottom: 2.75rem !important;
}
.fr-p-md-6w, .fr-p-md-12v {
padding: 3rem !important;
}
.fr-pl-md-6w, .fr-pl-md-12v, .fr-px-md-6w, .fr-px-md-12v {
padding-left: 3rem !important;
}
.fr-pr-md-6w, .fr-pr-md-12v, .fr-px-md-6w, .fr-px-md-12v {
padding-right: 3rem !important;
}
.fr-pt-md-6w, .fr-pt-md-12v, .fr-py-md-6w, .fr-py-md-12v {
padding-top: 3rem !important;
}
.fr-pb-md-6w, .fr-pb-md-12v, .fr-py-md-6w, .fr-py-md-12v {
padding-bottom: 3rem !important;
}
.fr-p-md-13v {
padding: 3.25rem !important;
}
.fr-pl-md-13v, .fr-px-md-13v {
padding-left: 3.25rem !important;
}
.fr-pr-md-13v, .fr-px-md-13v {
padding-right: 3.25rem !important;
}
.fr-pt-md-13v, .fr-py-md-13v {
padding-top: 3.25rem !important;
}
.fr-pb-md-13v, .fr-py-md-13v {
padding-bottom: 3.25rem !important;
}
.fr-p-md-7w, .fr-p-md-14v {
padding: 3.5rem !important;
}
.fr-pl-md-7w, .fr-pl-md-14v, .fr-px-md-7w, .fr-px-md-14v {
padding-left: 3.5rem !important;
}
.fr-pr-md-7w, .fr-pr-md-14v, .fr-px-md-7w, .fr-px-md-14v {
padding-right: 3.5rem !important;
}
.fr-pt-md-7w, .fr-pt-md-14v, .fr-py-md-7w, .fr-py-md-14v {
padding-top: 3.5rem !important;
}
.fr-pb-md-7w, .fr-pb-md-14v, .fr-py-md-7w, .fr-py-md-14v {
padding-bottom: 3.5rem !important;
}
.fr-p-md-15v {
padding: 3.75rem !important;
}
.fr-pl-md-15v, .fr-px-md-15v {
padding-left: 3.75rem !important;
}
.fr-pr-md-15v, .fr-px-md-15v {
padding-right: 3.75rem !important;
}
.fr-pt-md-15v, .fr-py-md-15v {
padding-top: 3.75rem !important;
}
.fr-pb-md-15v, .fr-py-md-15v {
padding-bottom: 3.75rem !important;
}
.fr-p-md-8w, .fr-p-md-16v {
padding: 4rem !important;
}
.fr-pl-md-8w, .fr-pl-md-16v, .fr-px-md-8w, .fr-px-md-16v {
padding-left: 4rem !important;
}
.fr-pr-md-8w, .fr-pr-md-16v, .fr-px-md-8w, .fr-px-md-16v {
padding-right: 4rem !important;
}
.fr-pt-md-8w, .fr-pt-md-16v, .fr-py-md-8w, .fr-py-md-16v {
padding-top: 4rem !important;
}
.fr-pb-md-8w, .fr-pb-md-16v, .fr-py-md-8w, .fr-py-md-16v {
padding-bottom: 4rem !important;
}
.fr-p-md-17v {
padding: 4.25rem !important;
}
.fr-pl-md-17v, .fr-px-md-17v {
padding-left: 4.25rem !important;
}
.fr-pr-md-17v, .fr-px-md-17v {
padding-right: 4.25rem !important;
}
.fr-pt-md-17v, .fr-py-md-17v {
padding-top: 4.25rem !important;
}
.fr-pb-md-17v, .fr-py-md-17v {
padding-bottom: 4.25rem !important;
}
.fr-p-md-9w, .fr-p-md-18v {
padding: 4.5rem !important;
}
.fr-pl-md-9w, .fr-pl-md-18v, .fr-px-md-9w, .fr-px-md-18v {
padding-left: 4.5rem !important;
}
.fr-pr-md-9w, .fr-pr-md-18v, .fr-px-md-9w, .fr-px-md-18v {
padding-right: 4.5rem !important;
}
.fr-pt-md-9w, .fr-pt-md-18v, .fr-py-md-9w, .fr-py-md-18v {
padding-top: 4.5rem !important;
}
.fr-pb-md-9w, .fr-pb-md-18v, .fr-py-md-9w, .fr-py-md-18v {
padding-bottom: 4.5rem !important;
}
.fr-p-md-19v {
padding: 4.75rem !important;
}
.fr-pl-md-19v, .fr-px-md-19v {
padding-left: 4.75rem !important;
}
.fr-pr-md-19v, .fr-px-md-19v {
padding-right: 4.75rem !important;
}
.fr-pt-md-19v, .fr-py-md-19v {
padding-top: 4.75rem !important;
}
.fr-pb-md-19v, .fr-py-md-19v {
padding-bottom: 4.75rem !important;
}
.fr-p-md-10w, .fr-p-md-20v {
padding: 5rem !important;
}
.fr-pl-md-10w, .fr-pl-md-20v, .fr-px-md-10w, .fr-px-md-20v {
padding-left: 5rem !important;
}
.fr-pr-md-10w, .fr-pr-md-20v, .fr-px-md-10w, .fr-px-md-20v {
padding-right: 5rem !important;
}
.fr-pt-md-10w, .fr-pt-md-20v, .fr-py-md-10w, .fr-py-md-20v {
padding-top: 5rem !important;
}
.fr-pb-md-10w, .fr-pb-md-20v, .fr-py-md-10w, .fr-py-md-20v {
padding-bottom: 5rem !important;
}
.fr-p-md-21v {
padding: 5.25rem !important;
}
.fr-pl-md-21v, .fr-px-md-21v {
padding-left: 5.25rem !important;
}
.fr-pr-md-21v, .fr-px-md-21v {
padding-right: 5.25rem !important;
}
.fr-pt-md-21v, .fr-py-md-21v {
padding-top: 5.25rem !important;
}
.fr-pb-md-21v, .fr-py-md-21v {
padding-bottom: 5.25rem !important;
}
.fr-p-md-11w, .fr-p-md-22v {
padding: 5.5rem !important;
}
.fr-pl-md-11w, .fr-pl-md-22v, .fr-px-md-11w, .fr-px-md-22v {
padding-left: 5.5rem !important;
}
.fr-pr-md-11w, .fr-pr-md-22v, .fr-px-md-11w, .fr-px-md-22v {
padding-right: 5.5rem !important;
}
.fr-pt-md-11w, .fr-pt-md-22v, .fr-py-md-11w, .fr-py-md-22v {
padding-top: 5.5rem !important;
}
.fr-pb-md-11w, .fr-pb-md-22v, .fr-py-md-11w, .fr-py-md-22v {
padding-bottom: 5.5rem !important;
}
.fr-p-md-23v {
padding: 5.75rem !important;
}
.fr-pl-md-23v, .fr-px-md-23v {
padding-left: 5.75rem !important;
}
.fr-pr-md-23v, .fr-px-md-23v {
padding-right: 5.75rem !important;
}
.fr-pt-md-23v, .fr-py-md-23v {
padding-top: 5.75rem !important;
}
.fr-pb-md-23v, .fr-py-md-23v {
padding-bottom: 5.75rem !important;
}
.fr-p-md-12w, .fr-p-md-24v {
padding: 6rem !important;
}
.fr-pl-md-12w, .fr-pl-md-24v, .fr-px-md-12w, .fr-px-md-24v {
padding-left: 6rem !important;
}
.fr-pr-md-12w, .fr-pr-md-24v, .fr-px-md-12w, .fr-px-md-24v {
padding-right: 6rem !important;
}
.fr-pt-md-12w, .fr-pt-md-24v, .fr-py-md-12w, .fr-py-md-24v {
padding-top: 6rem !important;
}
.fr-pb-md-12w, .fr-pb-md-24v, .fr-py-md-12w, .fr-py-md-24v {
padding-bottom: 6rem !important;
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-checkbox-group {
position: relative;
}
.fr-checkbox-group input[type=checkbox i] {
position: absolute;
opacity: 0;
}
.fr-checkbox-group input[type=checkbox i] + label {
position: relative;
padding: 0.75rem 0;
-webkit-tap-highlight-color: transparent;
display: grid;
display: -ms-grid;
grid-row: 1;
-ms-grid-row: 2;
grid-column: 2;
-ms-grid-column: 2;
align-items: center;
-ms-align-items: center;
grid-template-columns: 1fr 2rem;
-ms-grid-columns: 1fr 2rem;
text-align: left;
direction: rtl;
}
.fr-checkbox-group input[type=checkbox i] + label:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.fr-checkbox-group input[type=checkbox i] + label:before {
font-size: 1rem;
content: "ï„–";
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
border-radius: 0.25rem;
grid-row: 1;
-ms-grid-row: 1;
grid-column: 2;
-ms-grid-column: 2;
-ms-align-items: center;
transition: background-color 0.1s, color 0.1s;
}
.fr-checkbox-group input[type=checkbox i] + label .fr-hint-text {
margin: 0;
grid-row: 2;
grid-column: 1;
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.fr-checkbox-group:first-child {
margin-top: -0.75rem;
}
.fr-checkbox-group:last-child {
margin-bottom: -0.75rem;
}
.fr-checkbox-group .fr-error-text, .fr-checkbox-group .fr-valid-text {
margin-top: 0.25rem;
}
.fr-checkbox-group--sm input[type=checkbox i] + label:before {
width: 1rem;
height: 1rem;
}
.fr-checkbox-group--sm input[type=checkbox i] + label:after {
left: 0;
}
.fr-checkbox-group--error:before, .fr-checkbox-group--valid:before {
content: "";
position: absolute;
top: 0.75rem;
left: -0.5rem;
width: 2px;
height: 1.5rem;
}
.fr-checkbox-group input[type=checkbox i] + label:before {
border: 1px solid var(--g800);
color: var(--t-plain);
}
.fr-checkbox-group input[type=checkbox i]:active + label:before, .fr-checkbox-group input[type=checkbox i]:checked + label:before {
background-color: var(--bf500);
color: var(--g100);
}
.fr-checkbox-group input[type=checkbox i]:disabled + label, .fr-checkbox-group input[type=checkbox i][disabled] + label {
color: var(--g600-g400);
}
.fr-checkbox-group input[type=checkbox i]:disabled + label:before, .fr-checkbox-group input[type=checkbox i][disabled] + label:before {
background-color: var(--g200);
border: 1px solid var(--g400);
}
.fr-checkbox-group--error input[type=checkbox i] + label {
color: var(--error);
}
.fr-checkbox-group--error:before {
background-color: var(--error);
}
.fr-checkbox-group--valid input[type=checkbox i] + label {
color: var(--success);
}
.fr-checkbox-group--valid:before {
background-color: var(--success);
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-content-media__img img {
object-fit: cover;
object-position: 50% 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.fr-content-media {
width: 100%;
margin: 2.5rem 0;
display: flex;
flex-direction: column;
align-items: center;
}
.fr-content-media__img {
width: 100%;
position: relative;
}
.fr-content-media__img:before {
display: block;
content: "";
width: 100%;
padding-bottom: 56.25%;
}
.fr-content-media__caption, .fr-content-media__transcription {
width: 100%;
margin-top: 0.5rem;
text-align: right;
}
.fr-content-media__caption {
font-size: 0.75rem;
line-height: 1.25rem;
}
.fr-content-media__transcription .fr-link {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
max-width: none;
max-height: none;
flex-direction: row-reverse;
margin-left: -0.75rem;
margin-right: -0.5rem;
}
.fr-content-media__transcription .fr-link:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
margin-right: -0.25rem;
margin-left: 0.5rem;
font-size: 1rem;
}
.fr-content-media--sm .fr-content-media__caption, .fr-content-media--sm .fr-content-media__img, .fr-content-media--sm .fr-content-media__transcription, .fr-content-media--sm .fr-responsive-vid {
width: 83.33333%;
}
.fr-content-media--lg .fr-content-media__caption, .fr-content-media--lg .fr-content-media__img, .fr-content-media--lg .fr-content-media__transcription, .fr-content-media--lg .fr-responsive-vid {
width: 116.66667%;
}
.fr-content-media--lg .fr-content-media__img, .fr-content-media--lg .fr-responsive-vid {
max-width: 100vw;
}
.fr-content-media--lg .fr-content-media__caption, .fr-content-media--lg .fr-content-media__transcription {
max-width: calc(100vw - 2rem);
}
@media (min-width: 48em) {
.fr-content-media--sm .fr-content-media__caption, .fr-content-media--sm .fr-content-media__img, .fr-content-media--sm .fr-content-media__transcription, .fr-content-media--sm .fr-responsive-vid {
width: 75%;
}
.fr-content-media--lg .fr-content-media__caption, .fr-content-media--lg .fr-content-media__img, .fr-content-media--lg .fr-content-media__transcription, .fr-content-media--lg .fr-responsive-vid {
width: 125%;
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-radio-group:first-child {
margin-top: -0.75rem;
}
.fr-radio-group:first-child input[type=radio i] + label {
margin-top: 0;
}
.fr-radio-group:last-child {
margin-bottom: -0.75rem;
}
.fr-radio-group:last-child input[type=radio i] + label[class*=" fr-ifi-"], .fr-radio-group:last-child input[type=radio i] + label[class^=fr-ifi-], .fr-radio-group:last-child input[type=radio i] + label[style*="background-image:"] {
margin-bottom: 1.5rem;
}
.fr-radio-group input[type=radio i] {
position: absolute;
opacity: 0;
}
.fr-radio-group input[type=radio i] + label {
position: relative;
padding: 0.75rem 0;
font-size: 1rem;
line-height: 1.5rem;
-webkit-tap-highlight-color: transparent;
display: grid;
display: -ms-grid;
grid-row: 1;
-ms-grid-row: 2;
grid-column: 2;
-ms-grid-column: 2;
align-items: center;
-ms-align-items: center;
grid-template-columns: 1fr 2rem;
-ms-grid-columns: 1fr 2rem;
text-align: left;
direction: rtl;
}
.fr-radio-group input[type=radio i] + label, .fr-radio-group input[type=radio i] + label > * {
unicode-bidi: plaintext;
}
.fr-radio-group input[type=radio i] + label .fr-hint-text {
margin: 0;
grid-row: 2;
grid-column: 1;
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.fr-radio-group input[type=radio i] + label:before {
display: inline-block;
content: "";
width: 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
flex-shrink: 0;
border: 1px solid;
border-radius: 50%;
transform-origin: center;
grid-row: 1;
-ms-grid-row: 1;
grid-column: 2;
-ms-grid-column: 2;
align-items: center;
-ms-align-items: center;
transition: transform 0.3s;
}
.fr-radio-group input[type=radio i]:checked + label[class*=" fr-ifi-"], .fr-radio-group input[type=radio i]:checked + label[class^=fr-ifi-], .fr-radio-group input[type=radio i]:checked + label[style*="background-image:"] {
width: 100%;
}
.fr-radio-group--sm input[type=radio i] + label:before {
width: 1rem;
height: 1rem;
}
.fr-radio-rich input[type=radio] + .fr-label {
min-height: 5.5rem;
width: 100%;
height: 1px;
padding: 0.5rem 6.5rem 0.5rem 3.5rem;
background-position: calc(100% - .25rem) 50%;
background-size: 5rem 5rem;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
}
.fr-radio-rich input[type=radio] + .fr-label:before {
width: 1rem;
height: 1rem;
position: absolute;
left: 1.75rem;
}
.fr-radio-rich input[type=radio] + .fr-label:after {
content: "";
position: absolute;
top: 0;
right: 0;
margin: 0.25rem;
padding-left: 0.25rem;
display: flex;
align-items: center;
justify-content: center;
width: 5.25rem;
height: 5rem;
vertical-align: middle;
}
.fr-radio-rich__icon {
width: 5rem;
height: 5rem;
position: absolute;
right: 0.25rem;
object-fit: cover;
border-left: 1px solid var(--g300);
}
.fr-fieldset .fr-radio-rich:first-child input[type=radio] + label {
margin-top: 0.75rem;
}
.fr-fieldset .fr-radio-rich input[type=radio] + label {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.fr-fieldset .fr-radio-rich:last-child input[type=radio] + label {
margin-bottom: 1.75rem;
}
.fr-fieldset--inline .fr-radio-rich:not(:last-child) input[type=radio] + label {
margin-right: 0.75rem;
margin-bottom: 0.5rem;
}
.fr-fieldset--inline .fr-radio-rich:last-child {
margin-bottom: 0;
}
.fr-fieldset--inline .fr-radio-rich:last-child input[type=radio] + label {
margin-bottom: 0.75rem;
}
.fr-fieldset--inline .fr-hint-text + .fr-fieldset__content .fr-radio-rich:first-child input[type=radio] + label {
margin-top: 1.5rem;
}
.fr-radio-group input[type=radio]:checked + label:before {
box-shadow: inset 0 0 0 5px var(--w);
background-color: var(--bf500);
border: 1px solid var(--bf500);
}
.fr-radio-group input[type=radio]:disabled + label, .fr-radio-group input[type=radio][disabled] + label {
color: var(--g600-g400);
filter: grayscale(1);
}
.fr-radio-group input[type=radio]:disabled + label:before, .fr-radio-group input[type=radio][disabled] + label:before {
background-color: var(--g200);
border: 1px solid var(--g400);
}
.fr-radio-group input[type=radio]:disabled + label:after, .fr-radio-group input[type=radio][disabled] + label:after {
background-color: transparent;
}
.fr-radio-group--sm input[type=radio i]:checked + label:before {
box-shadow: inset 0 0 0 3px var(--w);
}
.fr-radio-rich input[type=radio] + .fr-label:after {
border-left: 1px solid var(--g300);
}
.fr-radio-rich input[type=radio]:not(:checked) + label {
box-shadow: inset 0 0 0 1px var(--g300);
background-color: var(--w);
}
.fr-radio-rich input[type=radio]:checked + label {
background-color: var(--w);
box-shadow: inset 0 0 0 1px var(--bf500);
}
.fr-radio-rich input[type=radio]:checked + label:before {
box-shadow: inset 0 0 0 3px var(--w);
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-input {
display: block;
width: 100%;
border: 0;
border-radius: 0.25rem 0.25rem 0 0;
font-size: 1rem;
line-height: 1.9rem;
padding: 0.5rem 1rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.fr-input::-webkit-input-placeholder {
opacity: 1;
font-style: italic;
}
.fr-input:-moz-placeholder, .fr-input::-moz-placeholder {
opacity: 1;
font-style: italic;
}
.fr-input:-ms-input-placeholder {
opacity: 1;
font-style: italic;
}
.fr-input:not(textarea) {
max-height: 3rem;
}
.fr-input[type=date] {
min-height: 2.5rem;
}
.fr-input[type=date]::-webkit-calendar-picker-indicator {
display: none;
}
.fr-input-wrap {
position: relative;
display: block;
}
.fr-input-wrap[class*=" fr-fi-"]:before, .fr-input-wrap[class^=fr-fi-]:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1rem;
position: absolute;
top: 0.75rem;
right: 0.75rem;
bottom: 0.75rem;
margin: auto;
}
.fr-input-wrap.fr-fi-calendar-line > .fr-input[type=date]::-webkit-calendar-picker-indicator {
display: block;
margin-right: -2rem;
z-index: 1;
opacity: 0;
}
.fr-input-wrap .fr-input {
padding-right: 2.5rem;
}
textarea.fr-input {
box-shadow: 0 2px 0 0 var(--g600);
min-height: 3.75rem;
}
.fr-input {
color: var(--g800);
background-color: var(--g200);
box-shadow: inset 0 -2px 0 0 var(--g600);
}
.fr-input::-webkit-input-placeholder {
color: var(--g600-g400);
}
.fr-input:-moz-placeholder, .fr-input::-moz-placeholder {
color: var(--g600-g400);
}
.fr-input:-ms-input-placeholder {
color: var(--g600-g400);
}
input.fr-input:disabled, input.fr-input[disabled] {
color: var(--g600-g400);
box-shadow: inset 0 -2px 0 0 var(--g400);
opacity: 1;
}
.fr-input--valid {
box-shadow: inset 0 -2px 0 0 var(--success);
}
.fr-input--error {
box-shadow: inset 0 -2px 0 0 var(--error);
}
.fr-input:-webkit-autofill, .fr-input:-webkit-autofill:focus, .fr-input:-webkit-autofill:hover {
box-shadow: inset 0 0 0 100px var(--g200);
-webkit-text-fill-color: var(--g800);
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-table {
position: relative;
overflow: hidden;
max-width: 100%;
margin-bottom: 2.5rem;
}
.fr-table:not(.fr-table--no-scroll) table {
width: 100%;
}
.fr-table table {
border-spacing: 0;
}
.fr-table caption {
font-size: 1.375rem;
line-height: 1.75rem;
margin: 0 0 1rem;
font-weight: 700;
text-align: left;
}
.fr-table td, .fr-table th {
text-align: left;
vertical-align: middle;
display: table-cell;
border: 0;
padding: 0.75rem;
font-size: 0.875rem;
line-height: 1.5rem;
}
.fr-table th, .fr-table thead td, .fr-table thead th {
font-weight: 700;
}
.fr-table--bordered tbody td, .fr-table--bordered tbody th {
border: 0;
}
.fr-table--no-caption caption {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fr-table--caption-bottom caption {
margin-bottom: 0;
margin-top: 1rem;
caption-side: bottom;
}
.fr-table--no-scroll {
min-width: auto;
}
.fr-table--no-scroll caption {
max-width: calc(100vw - 2rem);
}
.fr-table--layout-fixed table {
table-layout: fixed;
}
.fr-table--shadow caption {
position: absolute;
}
.fr-table--shadow .fr-table__wrapper {
overflow: visible;
position: relative;
}
.fr-table--shadow .fr-table__wrapper table:before {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 1;
pointer-events: none;
transition: box-shadow 0.2s ease-out;
}
.fr-table--shadow table {
width: 100%;
display: block;
overflow-y: hidden;
overflow-x: auto;
}
.fr-table caption {
color: var(--g800);
}
.fr-table thead td, .fr-table thead th {
border-bottom: 0.125rem solid var(--g600);
background-color: var(--beige);
color: var(--g700);
}
.fr-table tbody tr:nth-child(2n) {
background-color: var(--beige);
}
.fr-table tbody tr:nth-child(odd) {
background-color: var(--white);
}
.fr-table--bordered tbody td, .fr-table--bordered tbody th {
border-bottom: 1px solid var(--g400);
}
.fr-table--bordered tbody tr:nth-child(2n), .fr-table--bordered tbody tr:nth-child(odd) {
background-color: var(--t-plain);
}
.fr-table--shadow .fr-table__wrapper table:before {
box-shadow: inset 0 0 0 transparent, inset 0 0 0 transparent;
}
.fr-table--shadow-left .fr-table__wrapper table:before {
display: block;
content: "";
box-shadow: inset 2rem 0 1rem -1.5rem var(--scroll-shadow), inset 0 0 0 transparent;
}
.fr-table--shadow-right .fr-table__wrapper table:before {
display: block;
content: "";
box-shadow: inset 0 0 0 transparent, inset -2rem 0 1rem -1.5rem var(--scroll-shadow);
}
.fr-table--shadow-left.fr-table--shadow-right .fr-table__wrapper table:before {
display: block;
content: "";
box-shadow: inset 2rem 0 1rem -1.5rem var(--scroll-shadow), inset -2rem 0 1rem -1.5rem var(--scroll-shadow);
}
@media (min-width: 48em) {
.fr-table caption {
font-size: 1.5rem;
line-height: 2rem;
}
.fr-table td, .fr-table th {
padding: 1rem;
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-nav {
--is-link:false;
--is-list:false;
z-index: 3500;
}
.fr-nav :focus, .fr-nav :focus-visible {
z-index: 4000;
}
.fr-nav__list {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
.fr-nav__list > * > .fr-nav__btn, .fr-nav__list > * > .fr-nav__link, .fr-nav__list > .fr-nav__btn, .fr-nav__list > .fr-nav__link {
font-weight: 700;
}
.fr-nav__item {
display: flex;
flex-direction: column;
align-items: stretch;
flex: 0 1 auto;
}
.fr-nav__btn, .fr-nav__link {
width: 100%;
padding: 0.75rem 0;
font-size: 1rem;
line-height: 1.5rem;
text-align: left;
}
.fr-nav__btn[aria-current], .fr-nav__link[aria-current] {
position: relative;
}
.fr-nav__btn[aria-current]:before, .fr-nav__link[aria-current]:before {
display: block;
content: "";
position: absolute;
top: 50%;
left: -1rem;
width: 2px;
height: 1.5rem;
margin-top: -0.75rem;
}
.fr-nav__link {
display: block;
}
.fr-nav__btn {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.fr-nav__btn:after {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1rem;
content: "";
margin-left: 0.5rem;
margin-right: 0;
transition: transform 0.3s;
}
.fr-nav__btn[aria-expanded=true i]:before {
transform: rotate(-180deg);
}
.fr-menu {
z-index: 2500;
margin: 0 -1rem;
padding: 0 1rem;
width: auto;
}
.fr-menu :focus, .fr-menu :focus-visible {
z-index: 3000;
}
.fr-menu__list {
margin: 0;
padding: 0.5rem 0 1.5rem;
}
.fr-menu__list > :first-child, .fr-menu__list > :first-child > .fr-nav__link, .fr-menu__list > :hover, .fr-menu__list > :hover + *, .fr-menu__list > :hover + * > .fr-nav__link, .fr-menu__list > :hover > .fr-nav__link {
box-shadow: none;
}
.fr-menu .fr-nav__link {
padding-left: 1rem;
padding-right: 1rem;
}
.fr-menu .fr-nav__link:before {
left: 0;
}
.fr-mega-menu {
z-index: 2500;
margin: 0 -1rem 1px;
padding: 0 1rem;
}
.fr-mega-menu :focus, .fr-mega-menu :focus-visible {
z-index: 3000;
}
.fr-mega-menu:focus {
outline: none;
}
.fr-mega-menu .fr-link--close {
display: none;
}
.fr-mega-menu .fr-nav__link {
padding-left: 1rem;
padding-right: 1rem;
}
.fr-mega-menu .fr-nav__link:before {
left: 0;
}
.fr-mega-menu__leader {
padding-left: 1rem;
padding-right: 1rem;
}
.fr-mega-menu__category {
margin-bottom: 0;
}
.fr-mega-menu__list {
padding-bottom: 0.75rem;
}
.fr-nav__btn, .fr-nav__link {
color: var(--g800);
background-color: var(--t-plain);
}
:root:not([data-fr-theme=dark i]) .fr-nav__btn, :root:not([data-fr-theme=dark i]) .fr-nav__link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-light-"] .fr-nav__btn, :root:not([data-fr-theme=dark i]) [class*="--scheme-light-"] .fr-nav__link, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-light] .fr-nav__btn, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-light] .fr-nav__link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-dark-"] .fr-nav__btn, :root:not([data-fr-theme=dark i]) [class*="--scheme-dark-"] .fr-nav__link, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-dark] .fr-nav__btn, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-dark] .fr-nav__link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
.fr-nav__btn, :root[data-fr-theme=dark i] .fr-nav__link {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
.fr-nav__btn[aria-current], .fr-nav__link[aria-current] {
color: var(--bf500);
}
.fr-nav__btn[aria-current]:before, .fr-nav__link[aria-current]:before {
background-color: var(--bf500);
}
.fr-nav__item {
box-shadow: inset 0 -1px 0 0 var(--g300);
}
.fr-mega-menu {
background-color: var(--w-g750);
}
.fr-mega-menu__list {
box-shadow: 0 1px 0 0 var(--g300);
}
@media (min-width: 62em) {
.fr-nav__list {
flex-direction: row;
flex-wrap: nowrap;
margin: 0 -1rem;
}
.fr-nav__list > :first-child:nth-last-child(2) ~ *, .fr-nav__list > :first-child:nth-last-child(3) ~ *, .fr-nav__list > :first-child:nth-last-child(4) ~ * {
margin-left: 1.25rem;
}
.fr-nav__list > * > .fr-nav__btn, .fr-nav__list > * > .fr-nav__link, .fr-nav__list > .fr-nav__btn, .fr-nav__list > .fr-nav__link {
padding: 1rem;
margin: 0;
width: auto;
height: 100%;
min-height: 3.5rem;
font-weight: 400;
}
.fr-nav__list > * > .fr-nav__btn[aria-current]:before, .fr-nav__list > * > .fr-nav__link[aria-current]:before, .fr-nav__list > .fr-nav__btn[aria-current]:before, .fr-nav__list > .fr-nav__link[aria-current]:before {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
margin-top: 0;
}
.fr-nav__list > * > .fr-nav__btn[aria-current]:not([aria-expanded=true]), .fr-nav__list > * > .fr-nav__link[aria-current]:not([aria-expanded=true]), .fr-nav__list > .fr-nav__btn[aria-current]:not([aria-expanded=true]), .fr-nav__list > .fr-nav__link[aria-current]:not([aria-expanded=true]) {
z-index: 3500;
}
.fr-nav__item {
box-shadow: none;
align-items: flex-start;
}
.fr-nav__item--align-right {
align-items: flex-end;
}
.fr-nav__btn, .fr-nav__link {
font-size: 0.875rem;
line-height: 1.5rem;
}
.fr-nav__btn {
padding: 1rem 0.75rem 1rem 1rem;
justify-content: flex-start;
}
.fr-menu {
position: absolute;
top: 100%;
margin-top: -0.25rem;
padding-top: 0.25rem;
}
.fr-menu:after {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0.25rem 1rem 2rem;
z-index: -1;
}
.fr-menu__list {
padding: 0 0 2rem;
width: 20rem;
}
.fr-menu .fr-nav__link {
padding: 0.75rem 1rem;
}
.fr-menu .fr-nav__link:before {
left: 0;
}
.fr-mega-menu {
position: absolute;
top: 100%;
right: 0;
left: 0;
margin: -2px 0 0;
padding: 0 0 2.25rem;
}
.fr-mega-menu > .fr-container:before {
display: block;
content: "";
height: 2px;
margin-left: -1rem;
margin-right: -1rem;
margin-bottom: 1rem;
}
.fr-mega-menu .fr-link--close {
display: flex;
}
.fr-mega-menu .fr-nav__link {
padding: 0.75rem 1rem;
}
.fr-mega-menu .fr-nav__link:before {
left: 0;
}
.fr-mega-menu__leader {
padding-left: 0;
padding-right: 0;
}
.fr-mega-menu__list {
box-shadow: none;
}
.fr-nav__btn[aria-expanded=true i] {
color: var(--bf500-plain);
background-color: var(--bf200-bf300);
}
.fr-menu:after {
background-color: var(--w-g750);
}
.fr-menu .fr-nav__link {
box-shadow: 0 calc(-1rem - 1px) 0 -1rem var(--g300);
}
.fr-mega-menu > .fr-container:before {
background-color: var(--bf200-bf300);
}
.fr-mega-menu__category {
box-shadow: 0 calc(1rem + 1px) 0 -1rem var(--g300);
}
}
@media (hover: hover) and (pointer: fine) {
.fr-nav__btn:not(a):not(:disabled):hover, .fr-nav__link:not(a):not(:disabled):hover, a.fr-nav__btn[href]:hover, a.fr-nav__link[href]:hover {
background-image: linear-gradient(0deg, var(--color-hover), var(--color-hover));
}
.fr-nav__btn:not(a):not(:disabled):active, .fr-nav__link:not(a):not(:disabled):active, a.fr-nav__btn[href]:active, a.fr-nav__link[href]:active {
background-image: linear-gradient(0deg, var(--color-active), var(--color-active));
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-header {
--is-link:false;
--is-list:false;
width: 100%;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 8px 16px -16px rgba(0, 0, 0, 0.32);
position: relative;
}
.fr-header__body-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin: 0 -1rem;
}
.fr-header__brand {
flex-wrap: wrap;
}
.fr-header__brand, .fr-header__brand-top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.fr-header__logo {
order: 1;
flex: 0 0 auto;
padding: 0.75rem;
}
.fr-header__logo .fr-logo {
font-size: 0.7875rem;
margin: -1em;
}
.fr-header__logo .fr-logo:before {
width: 2.0625rem;
height: 0.75rem;
margin-bottom: 0.25rem;
background-size: 2.0625rem 0.84375rem, 2.0625rem 0.75rem, 0;
background-position: 0 -0.04688rem, 0 0, 0 0;
}
:root[data-fr-mourning] .fr-header__logo .fr-logo:before {
background-size: 2.0625rem 0.84375rem, 0, 2.0625rem 0.75rem;
}
.fr-header__logo .fr-logo:after {
min-width: 1.96875rem;
background-size: 3.9375rem 2.8125rem;
background-position: 0 calc(100% + 1.40625rem);
padding-top: 1.65625rem;
}
:root[data-fr-theme=dark i] .fr-header__logo .fr-logo:after {
background-position: -1.96875rem 100%;
}
.fr-header__operator {
padding: 0.75rem;
order: 2;
flex: 0 1 auto;
}
.fr-header__operator img {
display: block;
}
.fr-header__service {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
margin-left: 0.75rem;
margin-right: 0.75rem;
width: 100%;
}
.fr-header__service-title {
font-weight: 700;
font-size: 1.125rem;
line-height: 1.5rem;
}
.fr-header__service-tagline, .fr-header__service-title {
margin-bottom: 0;
}
.fr-header .fr-modal {
overflow: auto;
justify-content: normal;
padding-top: 1rem;
padding-bottom: 4.5rem;
}
.fr-header .fr-modal:not([role=dialog]) {
transition: none;
}
.fr-header .fr-modal:after, .fr-header .fr-modal:before {
display: none;
content: none;
}
.fr-header .fr-modal > * > .fr-link--close {
margin-bottom: 1.5rem;
}
.fr-header__navbar {
display: flex;
flex-direction: row;
align-items: flex-end;
padding: 0.25rem;
margin-left: auto;
order: 3;
flex: 0 0 auto;
align-self: flex-start;
z-index: 2500;
}
.fr-header__navbar .fr-btn {
font-size: 1rem;
line-height: 1.5rem;
min-height: 2.5rem;
flex-direction: row;
max-width: 2.5rem;
max-height: 2.5rem;
padding: 0.5rem;
flex: 0 0 auto;
white-space: nowrap;
}
.fr-header__navbar .fr-btn:before {
margin-left: 0;
margin-right: 0.5rem;
font-size: 1.5rem;
}
.fr-header__navbar .fr-btn--menu:before, .fr-header__navbar .fr-btn--search:before {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.fr-header__navbar .fr-btn--menu:before {
content: "";
}
.fr-header__navbar .fr-btn--search:before {
content: "ï…€";
}
.fr-header .fr-links-group .fr-link {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
max-width: none;
max-height: none;
flex-direction: row;
}
.fr-header .fr-links-group .fr-link:before {
margin-left: -0.25rem;
margin-right: 0.5rem;
font-size: 1rem;
}
.fr-header__tools-links {
display: none;
}
.fr-header__tools-links .fr-links-group {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
margin-left: -1rem;
margin-right: -1rem;
}
.fr-header__tools-links .fr-links-group > .fr-link:not(last-child):after, .fr-header__tools-links .fr-links-group > :not(:last-child) > .fr-link:after {
display: block;
content: "";
position: relative;
right: -1rem;
width: 1px;
height: 1rem;
}
.fr-header__tools-links .fr-link {
overflow: initial;
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.fr-header .fr-header__menu-links .fr-links-group {
display: flex;
flex-direction: column;
}
.fr-header .fr-header__menu-links .fr-links-group .fr-link {
border-radius: 0;
width: 100%;
min-height: 3rem;
}
.fr-header {
background-color: var(--w-g750);
}
.fr-header__service {
box-shadow: inset 0 1px 0 0 var(--g300);
}
.fr-header__menu-links .fr-link {
box-shadow: inset 0 -1px 0 0 var(--g300);
}
.fr-header__tools-links .fr-link:after {
background-color: var(--g400);
}
.fr-header__navbar .fr-service__title {
color: var(--g800);
}
.fr-header__navbar .fr-btn {
background-color: var(--t-plain);
color: var(--bf500);
}
:root:not([data-fr-theme=dark i]) .fr-header__navbar .fr-btn {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-light-"] .fr-header__navbar .fr-btn, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-light] .fr-header__navbar .fr-btn {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root:not([data-fr-theme=dark i]) [class*="--scheme-dark-"] .fr-header__navbar .fr-btn, :root:not([data-fr-theme=dark i]) [class*=fr-scheme-dark] .fr-header__navbar .fr-btn {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
:root[data-fr-theme=dark i] .fr-header__navbar .fr-btn {
--color-hover:var(--block-color-hover);
--color-active:var(--block-color-active);
}
.fr-header__navbar .fr-btn--menu {
color: var(--g700);
}
.fr-header .fr-modal {
background-color: var(--w-g750);
}
@media (min-width: 48em) {
.fr-header__service-title {
font-size: 1.25rem;
line-height: 1.75rem;
}
}
@media (min-width: 62em) {
.fr-header__body-row {
padding: 1.5rem 0;
}
.fr-header__brand {
margin-top: -1rem;
margin-bottom: -1rem;
flex-wrap: nowrap;
width: auto;
}
.fr-header__brand-top {
width: auto;
}
.fr-header__logo, .fr-header__operator, .fr-header__service {
padding: 1rem;
}
.fr-header__logo:not(:last-child), .fr-header__operator:not(:last-child), .fr-header__service:not(:last-child) {
margin-right: 0.5rem;
}
.fr-header__service {
margin-left: 0;
margin-right: 0;
box-shadow: none;
width: auto;
}
.fr-header .fr-modal {
padding: 0;
margin: 0;
width: auto;
height: auto;
visibility: visible;
opacity: 1;
position: static;
background-color: transparent;
overflow: initial;
}
.fr-header .fr-modal > * > .fr-link--close, .fr-header__navbar {
display: none;
}
.fr-header__tools {
flex-direction: column;
align-items: flex-end;
text-align: right;
padding-left: 1rem;
padding-right: 1rem;
margin-left: auto;
flex: 1 0 auto;
}
.fr-header__tools-links + .fr-header__search {
margin-top: 1rem;
}
.fr-header__tools .fr-header__search {
max-width: 25rem;
margin-left: auto;
}
.fr-header__tools-links {
display: initial;
}
.fr-header .fr-nav {
justify-content: flex-start;
}
.fr-header .fr-nav__list {
max-width: calc(100% + 1rem);
}
.fr-header .fr-nav .fr-mega-menu, .fr-header .fr-nav .fr-menu:after {
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1), 0 8px 16px -16px rgba(0, 0, 0, 0.32);
}
.fr-header .fr-header__menu {
box-shadow: inset 0 1px 0 0 var(--g300);
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-footer {
--is-link:false;
--is-list:false;
width: 100%;
padding-top: 2.5rem;
}
.fr-footer__body {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.fr-footer__body + .fr-footer__bottom {
margin-top: 1rem;
}
.fr-footer__brand {
display: flex;
flex-direction: row;
align-items: center;
flex-basis: 100%;
}
.fr-footer__brand .fr-logo {
font-size: 1.05rem;
margin: -1em;
}
.fr-footer__brand .fr-logo:before {
width: 2.75rem;
height: 1rem;
margin-bottom: 0.33333rem;
background-size: 2.75rem 1.125rem, 2.75rem 1rem, 0;
background-position: 0 -0.0625rem, 0 0, 0 0;
}
:root[data-fr-mourning] .fr-footer__brand .fr-logo:before {
background-size: 2.75rem 1.125rem, 0, 2.75rem 1rem;
}
.fr-footer__brand .fr-logo:after {
min-width: 2.625rem;
background-size: 5.25rem 3.75rem;
background-position: 0 calc(100% + 1.875rem);
padding-top: 2.20833rem;
}
:root[data-fr-theme=dark i] .fr-footer__brand .fr-logo:after {
background-position: -2.625rem 100%;
}
.fr-footer__brand .fr-logo + .fr-footer__brand-link {
margin-left: 1.5rem;
}
.fr-footer__body--operator .fr-footer__brand .fr-footer__brand-link + .fr-footer__brand-link .fr-footer__logo {
width: auto;
min-width: 0;
max-height: 100px;
}
.fr-footer__body--operator .fr-footer__brand .fr-footer__logo {
min-width: 0;
max-width: 100%;
}
.fr-footer__logo {
width: 200px;
height: auto;
max-height: 100%;
}
.fr-footer__content {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
margin-top: 1.5rem;
}
.fr-footer__body--operator .fr-footer__content {
margin-top: 1.5rem;
}
.fr-footer__content-desc {
--is-link: ;
margin: 0 0 0.5rem;
width: 100%;
font-size: 0.875rem;
line-height: 1.5rem;
text-align: left;
}
.fr-footer__content-list {
display: flex;
flex-direction: row;
align-self: center;
flex-wrap: wrap;
}
.fr-footer__content-list > li {
margin-right: 1rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.fr-footer__content-list > li:before {
content: none;
}
.fr-footer__content-list > li:last-child {
margin-right: 0;
}
.fr-footer__content-link {
display: inline-flex;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.5rem;
}
.fr-footer__top {
display: flex;
margin: -2.5rem 0 1rem;
padding: 2rem 0 1rem;
}
.fr-footer__top-cat {
margin: 0 0 0.75rem;
font-size: 0.75rem;
line-height: 1.25rem;
font-weight: 700;
text-align: left;
}
.fr-footer__top-list {
margin: 0;
}
.fr-footer__top-link {
display: block;
font-size: 0.75rem;
line-height: 1.25rem;
margin-bottom: 0.75rem;
}
.fr-footer__bottom {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
margin-top: 2.5rem;
}
.fr-footer__bottom-list {
flex-wrap: wrap;
width: 100%;
margin-left: -21%;
}
.fr-footer__bottom-item {
position: relative;
margin: 0.5rem 0 0 0.25rem;
display: inline;
}
.fr-footer__bottom-item:before {
display: inline-block;
content: "";
vertical-align: middle;
position: relative;
width: 1px;
height: 1rem;
margin-right: 0.25rem;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
.fr-footer__bottom-item:first-child {
margin: 0.5rem 0 0;
}
.fr-footer__bottom-item:first-child:before {
content: none;
}
.fr-footer__bottom-copy *, .fr-footer__bottom-link {
font-size: 0.75rem;
line-height: 1.25rem;
}
.fr-footer__bottom-copy * {
--is-link: ;
margin-bottom: 1rem;
margin-top: 0.5rem;
}
.fr-footer__partners a {
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 90px;
box-shadow: none;
}
.fr-footer__partners .fr-footer__logo {
width: auto;
height: auto;
max-width: 100%;
}
.fr-footer__partners + .fr-footer__bottom {
margin-top: 0.5rem;
}
.fr-footer__partners-title {
font-size: 0.875rem;
line-height: 1.5rem;
margin: 0;
flex-basis: 100%;
text-align: center;
}
.fr-footer__partners-logos {
display: flex;
flex-wrap: wrap;
}
.fr-footer__partners-main {
flex-basis: 100%;
padding-top: 0.5rem;
display: flex;
flex-direction: row;
justify-content: center;
}
.fr-footer__partners-main + .fr-footer__partners-sub {
padding-top: 1rem;
}
.fr-footer__partners-sub, .fr-footer__partners-sub > ul {
flex-basis: 100%;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
.fr-footer__partners-sub .fr-footer__partners-link {
box-shadow: none;
margin: 0 0 0.5rem;
}
.fr-footer {
border-top: 2px solid var(--bf500);
border-bottom: 1px solid var(--g400);
}
.fr-footer__content-link {
color: var(--g800);
}
.fr-footer__top {
background-color: var(--beige);
}
.fr-footer__top-link {
color: var(--g600);
}
.fr-footer__bottom {
border-top: 1px solid var(--g400);
}
.fr-footer__bottom-item:before {
background-color: var(--g400);
}
.fr-footer__bottom-link {
color: var(--g600);
background-color: var(--t-plain);
}
.fr-footer__bottom-copy {
color: var(--g600);
}
.fr-footer__partners {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--g400);
}
.fr-footer__partners a {
background: #fff;
}
@media (min-width: 36em) {
.fr-footer__body--operator .fr-footer__brand .fr-footer__logo {
max-width: 200px;
}
.fr-footer__content-list > li {
margin-right: 1.5rem;
}
.fr-footer__partners-title {
text-align: left;
}
.fr-footer__partners-main {
flex-basis: auto;
padding-top: 0;
margin-top: 0.5rem;
}
.fr-footer__partners-sub {
margin: 1rem -1rem 0;
}
.fr-footer__partners-sub, .fr-footer__partners-sub > ul {
flex-direction: row;
}
.fr-footer__partners-sub .fr-footer__partners-link {
margin: 0 0 0.5rem 1rem;
}
}
@media (min-width: 48em) {
.fr-footer__body {
margin-bottom: 1.5rem;
}
.fr-footer__brand .fr-logo {
font-size: 1.3125rem;
}
.fr-footer__brand .fr-logo:before {
width: 3.4375rem;
height: 1.25rem;
margin-bottom: 0.41667rem;
background-size: 3.4375rem 1.40625rem, 3.4375rem 1.25rem, 0;
background-position: 0 -0.07812rem, 0 0, 0 0;
}
:root[data-fr-mourning] .fr-footer__brand .fr-logo:before {
background-size: 3.4375rem 1.40625rem, 0, 3.4375rem 1.25rem;
}
.fr-footer__brand .fr-logo:after {
min-width: 3.28125rem;
background-size: 6.5625rem 4.6875rem;
background-position: 0 calc(100% + 2.34375rem);
padding-top: 2.76042rem;
}
:root[data-fr-theme=dark i] .fr-footer__brand .fr-logo:after {
background-position: -3.28125rem 100%;
}
.fr-footer__brand .fr-logo + .fr-footer__brand-link {
margin-left: 3rem;
}
.fr-footer__brand {
flex-basis: auto;
padding-right: 1rem;
}
.fr-footer__content {
margin-left: auto;
}
.fr-footer__top {
margin: -2.5rem 0 2.5rem;
}
.fr-footer__bottom-item {
margin: 0.5rem 0 0 0.75rem;
}
.fr-footer__bottom-item:before {
margin-right: 0.75rem;
margin-bottom: 0.25rem;
margin-top: 0.25rem;
}
.fr-footer__partners-logos {
flex-wrap: nowrap;
margin: 0 -1rem;
}
.fr-footer__partners-main a {
margin: 0 0 0 1rem;
}
.fr-footer__partners-main + .fr-footer__partners-sub {
padding-left: 2rem;
padding-top: 0;
}
.fr-footer__partners-main + .fr-footer__partners-sub > ul {
justify-content: flex-end;
}
.fr-footer__partners-main + .fr-footer__partners-sub > ul > li {
margin: 0 1rem 0 0;
}
.fr-footer__partners-main + .fr-footer__partners-sub > ul > li a {
margin-left: 0;
}
.fr-footer__partners-sub {
margin: 0.5rem 0 0;
}
}
@media (min-width: 62em) {
.fr-footer__body--operator .fr-footer__brand .fr-footer__logo {
min-width: 200px;
max-width: 100%;
}
.fr-footer__body--operator .fr-footer__content, .fr-footer__content {
margin-top: 0;
flex-basis: 50%;
}
}
/*
* DSFR v1.0.0-rc1.0 | restricted use
*/
.fr-breadcrumb {
margin: 1rem 0 2rem;
font-size: 0.75rem;
line-height: 1.25rem;
position: relative;
}
.fr-breadcrumb__button {
box-shadow: 0 1px 0 0 currentColor;
font-size: 0.75rem;
line-height: 1.25rem;
margin: 0;
padding: 0;
color: inherit;
}
.fr-breadcrumb__button[aria-expanded=true i] {
display: none;
}
.fr-breadcrumb .fr-collapse {
margin-left: -4px;
margin-right: -4px;
padding-left: 4px;
padding-right: 4px;
transform: translateY(-4px);
}
.fr-breadcrumb__list {
--is-list:false;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
transform: translateY(4px);
}
.fr-breadcrumb__link {
position: relative;
display: inline-flex;
font-size: 0.75rem;
line-height: 1.25rem;
margin-bottom: 0.5rem;
}
.fr-breadcrumb__link:not([aria-current]) {
margin-right: 1.5rem;
}
.fr-breadcrumb__link:not([aria-current]):after {
font-family: icons !important;
font-style: normal;
font-weight: 400 !important;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1rem;
content: "ï„";
position: absolute;
top: 0.125rem;
right: -1.25rem;
pointer-events: none;
}
.fr-breadcrumb__link[aria-current] {
--is-link:false;
pointer-events: none;
cursor: default;
}
.fr-breadcrumb {
color: var(--g600);
}
.fr-breadcrumb__button {
background-color: var(--t-plain);
}
.fr-breadcrumb__link[aria-current] {
color: var(--g800);
}
@media (min-width: 48em) {
.fr-breadcrumb {
margin-bottom: 2.5rem;
}
.fr-breadcrumb__button {
display: none;
}
.fr-breadcrumb .fr-collapse {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
transform: none;
visibility: visible;
overflow: visible;
max-height: none;
}
.fr-breadcrumb .fr-collapse:before {
display: none;
}
.fr-breadcrumb__list {
transform: none;
}
}
/**
* FIX Design d'état conflict
*/
.odswidget-facet__category-container ol, ol > li, ul, ul > li {
padding-bottom: var(--is-list) 0rem;
}
/**
* Style d'un ensemble de champs
*/
.fr-fieldset {
position: relative;
margin: 0;
padding: 0;
border: 0;
/**
* Modificateur pour afficher les éléments en inline
*/
/**
* Modificateur pour gérer l'état d'erreur
*/
/**
* Modificateur pour gérer l'état de validation
*/
/**
* Mixin disabled pour gérer l'état disabled
*/
}
.fr-fieldset .fr-hint-text {
margin-bottom: 1rem;
}
.fr-fieldset__legend {
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 700;
}
.fr-fieldset__legend .fr-hint-text {
margin-top: 0.5rem;
margin-bottom: 0;
font-weight: 400;
}
.fr-fieldset__content {
position: relative;
}
.fr-fieldset--inline .fr-fieldset__content {
display: flex;
align-items: baseline;
justify-content: flex-start;
flex-wrap: wrap;
margin: -0.75rem 0;
}
.fr-fieldset--inline .fr-checkbox-group {
display: inline-flex;
margin-bottom: 0;
}
.fr-fieldset--inline .fr-checkbox-group:first-child {
margin-top: 0;
}
.fr-fieldset--inline .fr-checkbox-group:not(:last-child) {
margin-right: 1.25rem;
}
.fr-fieldset--inline .fr-checkbox-group:last-child {
margin-bottom: 0;
}
.fr-fieldset--inline .fr-radio-group {
display: inline-flex;
}
.fr-fieldset--inline .fr-radio-group:not(:last-child) input[type=radio i] + label {
margin-right: 1.75rem;
}
.fr-fieldset--inline .fr-radio-group:first-child {
margin-top: 0;
}
.fr-fieldset--inline .fr-radio-group:first-child input[type=radio i] + label {
margin-top: 0;
}
.fr-fieldset--inline .fr-radio-group:last-child {
margin-bottom: 0;
}
.fr-fieldset--inline .fr-radio-group:last-child input[type=radio i] + label {
margin-bottom: 0;
}
.fr-fieldset--error .fr-fieldset__content::before {
content: "";
position: absolute;
top: 0.75rem;
bottom: 0.75rem;
left: -0.5rem;
width: 2px;
}
.fr-fieldset--valid .fr-fieldset__content::before {
content: "";
position: absolute;
top: 0.75rem;
bottom: 0.75rem;
left: -0.5rem;
width: 2px;
}
.fr-fieldset[disabled] .fr-label, .fr-fieldset:disabled .fr-label {
color: var(--g600-g400);
}
/* FIX BARRE NAV BLEUE */
.fr-nav {
background-color: #000091;
margin-bottom: 10px;
}
@media (max-width: 1000px) {
.fr-nav {
background-color: #FFF;
}
}
/* FIX MENU BLANC DEMANDE SIG */
.fr-nav {
background-color: #FFFFFF;
}
.ods-front-header__menu-item-link:hover{
color : #000091;
}
.ods-front-header__menu-item-link--active{
color : #000091;
}
/* FIN FIX SIG */
}