/*! * DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */ @charset "UTF-8"; /* ¯¯¯¯¯¯¯¯¯ *\ TABLE \* ˍˍˍˍˍˍˍˍˍ */ .fr-table { --table-offset: 1rem; --text-spacing: 0; --title-spacing: 0; position: relative; margin-bottom: 2.5rem; padding-top: var(--table-offset); /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table::before { content: ""; display: block; width: 100%; height: 0; } .fr-table:not(.fr-table--no-scroll) table { width: 100%; } .fr-table table { width: 100%; display: block; overflow: auto; border-spacing: 0; } .fr-table[data-fr-js-table=true] caption { position: absolute; top: 0; } .fr-table caption { position: initial; font-size: 1.375rem; line-height: 1.75rem; margin: var(--title-spacing); font-weight: 700; text-align: left; color: var(--text-title-grey); } .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 { font-weight: 700; } .fr-table thead { background-size: 100% 2px; background-position: bottom; background-repeat: no-repeat; background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey)); background-color: var(--background-contrast-grey); --idle: transparent; --hover: var(--background-contrast-grey-hover); --active: var(--background-contrast-grey-active); color: var(--text-title-grey); } .fr-table thead td, .fr-table thead th { font-weight: 700; padding-bottom: 0.875rem; } /* * Cache la caption */ .fr-table--no-caption { padding-top: 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; /* added line */ border: 0; display: block; height: 0; } /* * Fixe le caption en bas du tableau */ .fr-table--caption-bottom { padding-top: 0; margin-bottom: 0; margin-top: 1rem; } .fr-table--caption-bottom table { margin-bottom: calc(var(--table-offset) + 2.75rem); } .fr-table--caption-bottom[data-fr-js-table=true] caption { position: absolute; top: 100%; right: 0; bottom: 0; left: 0; margin-top: 1rem; } .fr-table--caption-bottom caption { margin-top: 1rem; height: min-content; caption-side: bottom; } /* * pas de scroll ni de shadow */ .fr-table--no-scroll { min-width: auto; } .fr-table--no-scroll table { overflow-x: hidden; } .fr-table--no-scroll caption { max-width: calc(100vw - 2rem); } /* * Fixe la taille des colonnes du tableau */ .fr-table--layout-fixed table { display: table; table-layout: fixed; } /* Style bordered, ajoute des bordures entre chaque ligne */ .fr-table--bordered tbody tr { background-size: 100% 1px; background-position: bottom; background-repeat: no-repeat; background-image: linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)); /* Style bordered, enleve le style even/odd */ /* Style bordered, enleve le style even/odd */ } /* * Ombres ajoutées en Js si le contenu est plus grand que le conteneur */ .fr-table__shadow { /** * Modifier ombre à gauche **/ /** * Modifier ombre à droite **/ /** * Modifier combinaison ombre à gauche et ombre à droite **/ } .fr-table__shadow::before { content: ""; display: block; position: absolute; top: var(--table-offset); right: 0; bottom: 0; left: 0; z-index: 1; box-shadow: inset 0 0 0 0 #161616, inset 0 0 0 0 #161616; opacity: 0.32; pointer-events: none; transition: box-shadow 0.3s; } .fr-table__shadow--left::before { box-shadow: inset 2rem 0 1rem -2rem #161616, inset 0 0 0 0 #161616; } .fr-table__shadow--right::before { box-shadow: inset 0 0 0 0 #161616, inset -2rem 0 1rem -2rem #161616; } .fr-table__shadow--left.fr-table__shadow--right::before { content: ""; display: block; box-shadow: inset 2rem 0 1rem -2rem #161616, inset -2rem 0 1rem -2rem #161616; } /* * Positionnement ombres sur le tableau sans caption */ .fr-table--no-caption .fr-table__shadow::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /* * Positionnement ombres sur le tableau avec caption en bas */ .fr-table--caption-bottom .fr-table__shadow::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } :root[data-fr-theme=dark] .fr-table__shadow::before { opacity: 1; } .fr-table tbody { background-color: var(--background-alt-grey); --idle: transparent; --hover: var(--background-alt-grey-hover); --active: var(--background-alt-grey-active); } .fr-table tbody tr:nth-child(even) { background-color: var(--background-contrast-grey); --idle: transparent; --hover: var(--background-contrast-grey-hover); --active: var(--background-contrast-grey-active); } .fr-table--green-tilleul-verveine { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-tilleul-verveine thead { background-image: linear-gradient(0deg, var(--border-plain-green-tilleul-verveine), var(--border-plain-green-tilleul-verveine)); background-color: var(--background-contrast-green-tilleul-verveine); --idle: transparent; --hover: var(--background-contrast-green-tilleul-verveine-hover); --active: var(--background-contrast-green-tilleul-verveine-active); } .fr-table--green-tilleul-verveine tbody { background-color: var(--background-alt-green-tilleul-verveine); --idle: transparent; --hover: var(--background-alt-green-tilleul-verveine-hover); --active: var(--background-alt-green-tilleul-verveine-active); } .fr-table--green-tilleul-verveine tbody tr:nth-child(even) { background-color: var(--background-contrast-green-tilleul-verveine); --idle: transparent; --hover: var(--background-contrast-green-tilleul-verveine-hover); --active: var(--background-contrast-green-tilleul-verveine-active); } .fr-table--green-tilleul-verveine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-green-tilleul-verveine), var(--border-default-green-tilleul-verveine)); } .fr-table--green-bourgeon { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-bourgeon thead { background-image: linear-gradient(0deg, var(--border-plain-green-bourgeon), var(--border-plain-green-bourgeon)); background-color: var(--background-contrast-green-bourgeon); --idle: transparent; --hover: var(--background-contrast-green-bourgeon-hover); --active: var(--background-contrast-green-bourgeon-active); } .fr-table--green-bourgeon tbody { background-color: var(--background-alt-green-bourgeon); --idle: transparent; --hover: var(--background-alt-green-bourgeon-hover); --active: var(--background-alt-green-bourgeon-active); } .fr-table--green-bourgeon tbody tr:nth-child(even) { background-color: var(--background-contrast-green-bourgeon); --idle: transparent; --hover: var(--background-contrast-green-bourgeon-hover); --active: var(--background-contrast-green-bourgeon-active); } .fr-table--green-bourgeon.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-green-bourgeon), var(--border-default-green-bourgeon)); } .fr-table--green-emeraude { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-emeraude thead { background-image: linear-gradient(0deg, var(--border-plain-green-emeraude), var(--border-plain-green-emeraude)); background-color: var(--background-contrast-green-emeraude); --idle: transparent; --hover: var(--background-contrast-green-emeraude-hover); --active: var(--background-contrast-green-emeraude-active); } .fr-table--green-emeraude tbody { background-color: var(--background-alt-green-emeraude); --idle: transparent; --hover: var(--background-alt-green-emeraude-hover); --active: var(--background-alt-green-emeraude-active); } .fr-table--green-emeraude tbody tr:nth-child(even) { background-color: var(--background-contrast-green-emeraude); --idle: transparent; --hover: var(--background-contrast-green-emeraude-hover); --active: var(--background-contrast-green-emeraude-active); } .fr-table--green-emeraude.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-green-emeraude), var(--border-default-green-emeraude)); } .fr-table--green-menthe { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-menthe thead { background-image: linear-gradient(0deg, var(--border-plain-green-menthe), var(--border-plain-green-menthe)); background-color: var(--background-contrast-green-menthe); --idle: transparent; --hover: var(--background-contrast-green-menthe-hover); --active: var(--background-contrast-green-menthe-active); } .fr-table--green-menthe tbody { background-color: var(--background-alt-green-menthe); --idle: transparent; --hover: var(--background-alt-green-menthe-hover); --active: var(--background-alt-green-menthe-active); } .fr-table--green-menthe tbody tr:nth-child(even) { background-color: var(--background-contrast-green-menthe); --idle: transparent; --hover: var(--background-contrast-green-menthe-hover); --active: var(--background-contrast-green-menthe-active); } .fr-table--green-menthe.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-green-menthe), var(--border-default-green-menthe)); } .fr-table--green-archipel { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-archipel thead { background-image: linear-gradient(0deg, var(--border-plain-green-archipel), var(--border-plain-green-archipel)); background-color: var(--background-contrast-green-archipel); --idle: transparent; --hover: var(--background-contrast-green-archipel-hover); --active: var(--background-contrast-green-archipel-active); } .fr-table--green-archipel tbody { background-color: var(--background-alt-green-archipel); --idle: transparent; --hover: var(--background-alt-green-archipel-hover); --active: var(--background-alt-green-archipel-active); } .fr-table--green-archipel tbody tr:nth-child(even) { background-color: var(--background-contrast-green-archipel); --idle: transparent; --hover: var(--background-contrast-green-archipel-hover); --active: var(--background-contrast-green-archipel-active); } .fr-table--green-archipel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-green-archipel), var(--border-default-green-archipel)); } .fr-table--blue-ecume { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--blue-ecume thead { background-image: linear-gradient(0deg, var(--border-plain-blue-ecume), var(--border-plain-blue-ecume)); background-color: var(--background-contrast-blue-ecume); --idle: transparent; --hover: var(--background-contrast-blue-ecume-hover); --active: var(--background-contrast-blue-ecume-active); } .fr-table--blue-ecume tbody { background-color: var(--background-alt-blue-ecume); --idle: transparent; --hover: var(--background-alt-blue-ecume-hover); --active: var(--background-alt-blue-ecume-active); } .fr-table--blue-ecume tbody tr:nth-child(even) { background-color: var(--background-contrast-blue-ecume); --idle: transparent; --hover: var(--background-contrast-blue-ecume-hover); --active: var(--background-contrast-blue-ecume-active); } .fr-table--blue-ecume.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-blue-ecume), var(--border-default-blue-ecume)); } .fr-table--blue-cumulus { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--blue-cumulus thead { background-image: linear-gradient(0deg, var(--border-plain-blue-cumulus), var(--border-plain-blue-cumulus)); background-color: var(--background-contrast-blue-cumulus); --idle: transparent; --hover: var(--background-contrast-blue-cumulus-hover); --active: var(--background-contrast-blue-cumulus-active); } .fr-table--blue-cumulus tbody { background-color: var(--background-alt-blue-cumulus); --idle: transparent; --hover: var(--background-alt-blue-cumulus-hover); --active: var(--background-alt-blue-cumulus-active); } .fr-table--blue-cumulus tbody tr:nth-child(even) { background-color: var(--background-contrast-blue-cumulus); --idle: transparent; --hover: var(--background-contrast-blue-cumulus-hover); --active: var(--background-contrast-blue-cumulus-active); } .fr-table--blue-cumulus.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-blue-cumulus), var(--border-default-blue-cumulus)); } .fr-table--purple-glycine { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--purple-glycine thead { background-image: linear-gradient(0deg, var(--border-plain-purple-glycine), var(--border-plain-purple-glycine)); background-color: var(--background-contrast-purple-glycine); --idle: transparent; --hover: var(--background-contrast-purple-glycine-hover); --active: var(--background-contrast-purple-glycine-active); } .fr-table--purple-glycine tbody { background-color: var(--background-alt-purple-glycine); --idle: transparent; --hover: var(--background-alt-purple-glycine-hover); --active: var(--background-alt-purple-glycine-active); } .fr-table--purple-glycine tbody tr:nth-child(even) { background-color: var(--background-contrast-purple-glycine); --idle: transparent; --hover: var(--background-contrast-purple-glycine-hover); --active: var(--background-contrast-purple-glycine-active); } .fr-table--purple-glycine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-purple-glycine), var(--border-default-purple-glycine)); } .fr-table--pink-macaron { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--pink-macaron thead { background-image: linear-gradient(0deg, var(--border-plain-pink-macaron), var(--border-plain-pink-macaron)); background-color: var(--background-contrast-pink-macaron); --idle: transparent; --hover: var(--background-contrast-pink-macaron-hover); --active: var(--background-contrast-pink-macaron-active); } .fr-table--pink-macaron tbody { background-color: var(--background-alt-pink-macaron); --idle: transparent; --hover: var(--background-alt-pink-macaron-hover); --active: var(--background-alt-pink-macaron-active); } .fr-table--pink-macaron tbody tr:nth-child(even) { background-color: var(--background-contrast-pink-macaron); --idle: transparent; --hover: var(--background-contrast-pink-macaron-hover); --active: var(--background-contrast-pink-macaron-active); } .fr-table--pink-macaron.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-pink-macaron), var(--border-default-pink-macaron)); } .fr-table--pink-tuile { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--pink-tuile thead { background-image: linear-gradient(0deg, var(--border-plain-pink-tuile), var(--border-plain-pink-tuile)); background-color: var(--background-contrast-pink-tuile); --idle: transparent; --hover: var(--background-contrast-pink-tuile-hover); --active: var(--background-contrast-pink-tuile-active); } .fr-table--pink-tuile tbody { background-color: var(--background-alt-pink-tuile); --idle: transparent; --hover: var(--background-alt-pink-tuile-hover); --active: var(--background-alt-pink-tuile-active); } .fr-table--pink-tuile tbody tr:nth-child(even) { background-color: var(--background-contrast-pink-tuile); --idle: transparent; --hover: var(--background-contrast-pink-tuile-hover); --active: var(--background-contrast-pink-tuile-active); } .fr-table--pink-tuile.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-pink-tuile), var(--border-default-pink-tuile)); } .fr-table--yellow-tournesol { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--yellow-tournesol thead { background-image: linear-gradient(0deg, var(--border-plain-yellow-tournesol), var(--border-plain-yellow-tournesol)); background-color: var(--background-contrast-yellow-tournesol); --idle: transparent; --hover: var(--background-contrast-yellow-tournesol-hover); --active: var(--background-contrast-yellow-tournesol-active); } .fr-table--yellow-tournesol tbody { background-color: var(--background-alt-yellow-tournesol); --idle: transparent; --hover: var(--background-alt-yellow-tournesol-hover); --active: var(--background-alt-yellow-tournesol-active); } .fr-table--yellow-tournesol tbody tr:nth-child(even) { background-color: var(--background-contrast-yellow-tournesol); --idle: transparent; --hover: var(--background-contrast-yellow-tournesol-hover); --active: var(--background-contrast-yellow-tournesol-active); } .fr-table--yellow-tournesol.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-yellow-tournesol), var(--border-default-yellow-tournesol)); } .fr-table--yellow-moutarde { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--yellow-moutarde thead { background-image: linear-gradient(0deg, var(--border-plain-yellow-moutarde), var(--border-plain-yellow-moutarde)); background-color: var(--background-contrast-yellow-moutarde); --idle: transparent; --hover: var(--background-contrast-yellow-moutarde-hover); --active: var(--background-contrast-yellow-moutarde-active); } .fr-table--yellow-moutarde tbody { background-color: var(--background-alt-yellow-moutarde); --idle: transparent; --hover: var(--background-alt-yellow-moutarde-hover); --active: var(--background-alt-yellow-moutarde-active); } .fr-table--yellow-moutarde tbody tr:nth-child(even) { background-color: var(--background-contrast-yellow-moutarde); --idle: transparent; --hover: var(--background-contrast-yellow-moutarde-hover); --active: var(--background-contrast-yellow-moutarde-active); } .fr-table--yellow-moutarde.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-yellow-moutarde), var(--border-default-yellow-moutarde)); } .fr-table--orange-terre-battue { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--orange-terre-battue thead { background-image: linear-gradient(0deg, var(--border-plain-orange-terre-battue), var(--border-plain-orange-terre-battue)); background-color: var(--background-contrast-orange-terre-battue); --idle: transparent; --hover: var(--background-contrast-orange-terre-battue-hover); --active: var(--background-contrast-orange-terre-battue-active); } .fr-table--orange-terre-battue tbody { background-color: var(--background-alt-orange-terre-battue); --idle: transparent; --hover: var(--background-alt-orange-terre-battue-hover); --active: var(--background-alt-orange-terre-battue-active); } .fr-table--orange-terre-battue tbody tr:nth-child(even) { background-color: var(--background-contrast-orange-terre-battue); --idle: transparent; --hover: var(--background-contrast-orange-terre-battue-hover); --active: var(--background-contrast-orange-terre-battue-active); } .fr-table--orange-terre-battue.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-orange-terre-battue), var(--border-default-orange-terre-battue)); } .fr-table--brown-cafe-creme { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-cafe-creme thead { background-image: linear-gradient(0deg, var(--border-plain-brown-cafe-creme), var(--border-plain-brown-cafe-creme)); background-color: var(--background-contrast-brown-cafe-creme); --idle: transparent; --hover: var(--background-contrast-brown-cafe-creme-hover); --active: var(--background-contrast-brown-cafe-creme-active); } .fr-table--brown-cafe-creme tbody { background-color: var(--background-alt-brown-cafe-creme); --idle: transparent; --hover: var(--background-alt-brown-cafe-creme-hover); --active: var(--background-alt-brown-cafe-creme-active); } .fr-table--brown-cafe-creme tbody tr:nth-child(even) { background-color: var(--background-contrast-brown-cafe-creme); --idle: transparent; --hover: var(--background-contrast-brown-cafe-creme-hover); --active: var(--background-contrast-brown-cafe-creme-active); } .fr-table--brown-cafe-creme.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-brown-cafe-creme), var(--border-default-brown-cafe-creme)); } .fr-table--brown-caramel { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-caramel thead { background-image: linear-gradient(0deg, var(--border-plain-brown-caramel), var(--border-plain-brown-caramel)); background-color: var(--background-contrast-brown-caramel); --idle: transparent; --hover: var(--background-contrast-brown-caramel-hover); --active: var(--background-contrast-brown-caramel-active); } .fr-table--brown-caramel tbody { background-color: var(--background-alt-brown-caramel); --idle: transparent; --hover: var(--background-alt-brown-caramel-hover); --active: var(--background-alt-brown-caramel-active); } .fr-table--brown-caramel tbody tr:nth-child(even) { background-color: var(--background-contrast-brown-caramel); --idle: transparent; --hover: var(--background-contrast-brown-caramel-hover); --active: var(--background-contrast-brown-caramel-active); } .fr-table--brown-caramel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-brown-caramel), var(--border-default-brown-caramel)); } .fr-table--brown-opera { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-opera thead { background-image: linear-gradient(0deg, var(--border-plain-brown-opera), var(--border-plain-brown-opera)); background-color: var(--background-contrast-brown-opera); --idle: transparent; --hover: var(--background-contrast-brown-opera-hover); --active: var(--background-contrast-brown-opera-active); } .fr-table--brown-opera tbody { background-color: var(--background-alt-brown-opera); --idle: transparent; --hover: var(--background-alt-brown-opera-hover); --active: var(--background-alt-brown-opera-active); } .fr-table--brown-opera tbody tr:nth-child(even) { background-color: var(--background-contrast-brown-opera); --idle: transparent; --hover: var(--background-contrast-brown-opera-hover); --active: var(--background-contrast-brown-opera-active); } .fr-table--brown-opera.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-brown-opera), var(--border-default-brown-opera)); } .fr-table--beige-gris-galet { /* Style bordered, ajoute des bordures entre chaque ligne */ /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--beige-gris-galet thead { background-image: linear-gradient(0deg, var(--border-plain-beige-gris-galet), var(--border-plain-beige-gris-galet)); background-color: var(--background-contrast-beige-gris-galet); --idle: transparent; --hover: var(--background-contrast-beige-gris-galet-hover); --active: var(--background-contrast-beige-gris-galet-active); } .fr-table--beige-gris-galet tbody { background-color: var(--background-alt-beige-gris-galet); --idle: transparent; --hover: var(--background-alt-beige-gris-galet-hover); --active: var(--background-alt-beige-gris-galet-active); } .fr-table--beige-gris-galet tbody tr:nth-child(even) { background-color: var(--background-contrast-beige-gris-galet); --idle: transparent; --hover: var(--background-contrast-beige-gris-galet-hover); --active: var(--background-contrast-beige-gris-galet-active); } .fr-table--beige-gris-galet.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, var(--border-default-beige-gris-galet), var(--border-default-beige-gris-galet)); } .fr-table--bordered tbody tr:nth-child(even) { background-color: transparent; --hover: inherit; --active: inherit; } @media (min-width: 36em) { /*! media sm */ /*! media sm */ } @media (min-width: 48em) { /*! media md */ .fr-table caption { font-size: 1.5rem; line-height: 2rem; } .fr-table td, .fr-table th { padding: 1rem; } .fr-table thead td, .fr-table thead th { padding-bottom: 1.125rem; } /*! media md */ } @media (min-width: 62em) { /*! media lg */ /*! media lg */ } @media (min-width: 78em) { /*! media xl */ /*! media xl */ } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /** * Correctif placement caption */ .fr-table[data-fr-js-table=true] caption { position: relative; } .fr-table caption { color: #161616; } .fr-table thead { background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a); background-color: #eee; color: #161616; } .fr-table tbody { background-color: #f6f6f6; } .fr-table tbody tr:nth-child(even) { background-color: #eee; } .fr-table--green-tilleul-verveine thead { background-image: linear-gradient(0deg, #66673d, #66673d); background-color: #fceeac; } .fr-table--green-tilleul-verveine tbody { background-color: #fef7da; } .fr-table--green-tilleul-verveine tbody tr:nth-child(even) { background-color: #fceeac; } .fr-table--green-tilleul-verveine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #b7a73f, #b7a73f); } .fr-table--green-bourgeon thead { background-image: linear-gradient(0deg, #447049, #447049); background-color: #c9fcac; } .fr-table--green-bourgeon tbody { background-color: #e6feda; } .fr-table--green-bourgeon tbody tr:nth-child(even) { background-color: #c9fcac; } .fr-table--green-bourgeon.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #68a532, #68a532); } .fr-table--green-emeraude thead { background-image: linear-gradient(0deg, #297254, #297254); background-color: #c3fad5; } .fr-table--green-emeraude tbody { background-color: #e3fdeb; } .fr-table--green-emeraude tbody tr:nth-child(even) { background-color: #c3fad5; } .fr-table--green-emeraude.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #00a95f, #00a95f); } .fr-table--green-menthe thead { background-image: linear-gradient(0deg, #37635f, #37635f); background-color: #bafaee; } .fr-table--green-menthe tbody { background-color: #dffdf7; } .fr-table--green-menthe tbody tr:nth-child(even) { background-color: #bafaee; } .fr-table--green-menthe.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #009081, #009081); } .fr-table--green-archipel thead { background-image: linear-gradient(0deg, #006a6f, #006a6f); background-color: #c7f6fc; } .fr-table--green-archipel tbody { background-color: #e5fbfd; } .fr-table--green-archipel tbody tr:nth-child(even) { background-color: #c7f6fc; } .fr-table--green-archipel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #009099, #009099); } .fr-table--blue-ecume thead { background-image: linear-gradient(0deg, #2f4077, #2f4077); background-color: #e9edfe; } .fr-table--blue-ecume tbody { background-color: #f4f6fe; } .fr-table--blue-ecume tbody tr:nth-child(even) { background-color: #e9edfe; } .fr-table--blue-ecume.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #465f9d, #465f9d); } .fr-table--blue-cumulus thead { background-image: linear-gradient(0deg, #3558a2, #3558a2); background-color: #e6eefe; } .fr-table--blue-cumulus tbody { background-color: #f3f6fe; } .fr-table--blue-cumulus tbody tr:nth-child(even) { background-color: #e6eefe; } .fr-table--blue-cumulus.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #417dc4, #417dc4); } .fr-table--purple-glycine thead { background-image: linear-gradient(0deg, #6e445a, #6e445a); background-color: #fee7fc; } .fr-table--purple-glycine tbody { background-color: #fef3fd; } .fr-table--purple-glycine tbody tr:nth-child(even) { background-color: #fee7fc; } .fr-table--purple-glycine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #a558a0, #a558a0); } .fr-table--pink-macaron thead { background-image: linear-gradient(0deg, #8d533e, #8d533e); background-color: #fee9e6; } .fr-table--pink-macaron tbody { background-color: #fef4f2; } .fr-table--pink-macaron tbody tr:nth-child(even) { background-color: #fee9e6; } .fr-table--pink-macaron.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #e18b76, #e18b76); } .fr-table--pink-tuile thead { background-image: linear-gradient(0deg, #a94645, #a94645); background-color: #fee9e7; } .fr-table--pink-tuile tbody { background-color: #fef4f3; } .fr-table--pink-tuile tbody tr:nth-child(even) { background-color: #fee9e7; } .fr-table--pink-tuile.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #ce614a, #ce614a); } .fr-table--yellow-tournesol thead { background-image: linear-gradient(0deg, #716043, #716043); background-color: #feecc2; } .fr-table--yellow-tournesol tbody { background-color: #fef6e3; } .fr-table--yellow-tournesol tbody tr:nth-child(even) { background-color: #feecc2; } .fr-table--yellow-tournesol.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c8aa39, #c8aa39); } .fr-table--yellow-moutarde thead { background-image: linear-gradient(0deg, #695240, #695240); background-color: #feebd0; } .fr-table--yellow-moutarde tbody { background-color: #fef5e8; } .fr-table--yellow-moutarde tbody tr:nth-child(even) { background-color: #feebd0; } .fr-table--yellow-moutarde.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c3992a, #c3992a); } .fr-table--orange-terre-battue thead { background-image: linear-gradient(0deg, #755348, #755348); background-color: #fee9e5; } .fr-table--orange-terre-battue tbody { background-color: #fef4f2; } .fr-table--orange-terre-battue tbody tr:nth-child(even) { background-color: #fee9e5; } .fr-table--orange-terre-battue.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #e4794a, #e4794a); } .fr-table--brown-cafe-creme thead { background-image: linear-gradient(0deg, #685c48, #685c48); background-color: #f7ecdb; } .fr-table--brown-cafe-creme tbody { background-color: #fbf6ed; } .fr-table--brown-cafe-creme tbody tr:nth-child(even) { background-color: #f7ecdb; } .fr-table--brown-cafe-creme.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #d1b781, #d1b781); } .fr-table--brown-caramel thead { background-image: linear-gradient(0deg, #845d48, #845d48); background-color: #f7ebe5; } .fr-table--brown-caramel tbody { background-color: #fbf5f2; } .fr-table--brown-caramel tbody tr:nth-child(even) { background-color: #f7ebe5; } .fr-table--brown-caramel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c08c65, #c08c65); } .fr-table--brown-opera thead { background-image: linear-gradient(0deg, #745b47, #745b47); background-color: #f7ece4; } .fr-table--brown-opera tbody { background-color: #fbf5f2; } .fr-table--brown-opera tbody tr:nth-child(even) { background-color: #f7ece4; } .fr-table--brown-opera.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #bd987a, #bd987a); } .fr-table--beige-gris-galet thead { background-image: linear-gradient(0deg, #6a6156, #6a6156); background-color: #f3ede5; } .fr-table--beige-gris-galet tbody { background-color: #f9f6f2; } .fr-table--beige-gris-galet tbody tr:nth-child(even) { background-color: #f3ede5; } .fr-table--beige-gris-galet.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #aea397, #aea397); } .fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #ddd, #ddd); } .fr-table--bordered tbody tr:nth-child(even) { background-color: transparent; } .fr-table--bordered tbody tr:nth-child(even):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-table--bordered tbody tr:nth-child(even):active { background-color: rgba(0, 0, 0, 0.1); } } @media print { .fr-table { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table caption { color: #161616; } .fr-table thead { background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a); background-color: #eee; color: #161616; } .fr-table tbody { background-color: #f6f6f6; } .fr-table tbody tr:nth-child(even) { background-color: #eee; } .fr-table--green-tilleul-verveine { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-tilleul-verveine thead { background-image: linear-gradient(0deg, #66673d, #66673d); background-color: #fceeac; } .fr-table--green-tilleul-verveine tbody { background-color: #fef7da; } .fr-table--green-tilleul-verveine tbody tr:nth-child(even) { background-color: #fceeac; } .fr-table--green-tilleul-verveine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #b7a73f, #b7a73f); } .fr-table--green-bourgeon { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-bourgeon thead { background-image: linear-gradient(0deg, #447049, #447049); background-color: #c9fcac; } .fr-table--green-bourgeon tbody { background-color: #e6feda; } .fr-table--green-bourgeon tbody tr:nth-child(even) { background-color: #c9fcac; } .fr-table--green-bourgeon.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #68a532, #68a532); } .fr-table--green-emeraude { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-emeraude thead { background-image: linear-gradient(0deg, #297254, #297254); background-color: #c3fad5; } .fr-table--green-emeraude tbody { background-color: #e3fdeb; } .fr-table--green-emeraude tbody tr:nth-child(even) { background-color: #c3fad5; } .fr-table--green-emeraude.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #00a95f, #00a95f); } .fr-table--green-menthe { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-menthe thead { background-image: linear-gradient(0deg, #37635f, #37635f); background-color: #bafaee; } .fr-table--green-menthe tbody { background-color: #dffdf7; } .fr-table--green-menthe tbody tr:nth-child(even) { background-color: #bafaee; } .fr-table--green-menthe.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #009081, #009081); } .fr-table--green-archipel { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--green-archipel thead { background-image: linear-gradient(0deg, #006a6f, #006a6f); background-color: #c7f6fc; } .fr-table--green-archipel tbody { background-color: #e5fbfd; } .fr-table--green-archipel tbody tr:nth-child(even) { background-color: #c7f6fc; } .fr-table--green-archipel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #009099, #009099); } .fr-table--blue-ecume { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--blue-ecume thead { background-image: linear-gradient(0deg, #2f4077, #2f4077); background-color: #e9edfe; } .fr-table--blue-ecume tbody { background-color: #f4f6fe; } .fr-table--blue-ecume tbody tr:nth-child(even) { background-color: #e9edfe; } .fr-table--blue-ecume.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #465f9d, #465f9d); } .fr-table--blue-cumulus { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--blue-cumulus thead { background-image: linear-gradient(0deg, #3558a2, #3558a2); background-color: #e6eefe; } .fr-table--blue-cumulus tbody { background-color: #f3f6fe; } .fr-table--blue-cumulus tbody tr:nth-child(even) { background-color: #e6eefe; } .fr-table--blue-cumulus.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #417dc4, #417dc4); } .fr-table--purple-glycine { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--purple-glycine thead { background-image: linear-gradient(0deg, #6e445a, #6e445a); background-color: #fee7fc; } .fr-table--purple-glycine tbody { background-color: #fef3fd; } .fr-table--purple-glycine tbody tr:nth-child(even) { background-color: #fee7fc; } .fr-table--purple-glycine.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #a558a0, #a558a0); } .fr-table--pink-macaron { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--pink-macaron thead { background-image: linear-gradient(0deg, #8d533e, #8d533e); background-color: #fee9e6; } .fr-table--pink-macaron tbody { background-color: #fef4f2; } .fr-table--pink-macaron tbody tr:nth-child(even) { background-color: #fee9e6; } .fr-table--pink-macaron.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #e18b76, #e18b76); } .fr-table--pink-tuile { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--pink-tuile thead { background-image: linear-gradient(0deg, #a94645, #a94645); background-color: #fee9e7; } .fr-table--pink-tuile tbody { background-color: #fef4f3; } .fr-table--pink-tuile tbody tr:nth-child(even) { background-color: #fee9e7; } .fr-table--pink-tuile.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #ce614a, #ce614a); } .fr-table--yellow-tournesol { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--yellow-tournesol thead { background-image: linear-gradient(0deg, #716043, #716043); background-color: #feecc2; } .fr-table--yellow-tournesol tbody { background-color: #fef6e3; } .fr-table--yellow-tournesol tbody tr:nth-child(even) { background-color: #feecc2; } .fr-table--yellow-tournesol.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c8aa39, #c8aa39); } .fr-table--yellow-moutarde { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--yellow-moutarde thead { background-image: linear-gradient(0deg, #695240, #695240); background-color: #feebd0; } .fr-table--yellow-moutarde tbody { background-color: #fef5e8; } .fr-table--yellow-moutarde tbody tr:nth-child(even) { background-color: #feebd0; } .fr-table--yellow-moutarde.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c3992a, #c3992a); } .fr-table--orange-terre-battue { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--orange-terre-battue thead { background-image: linear-gradient(0deg, #755348, #755348); background-color: #fee9e5; } .fr-table--orange-terre-battue tbody { background-color: #fef4f2; } .fr-table--orange-terre-battue tbody tr:nth-child(even) { background-color: #fee9e5; } .fr-table--orange-terre-battue.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #e4794a, #e4794a); } .fr-table--brown-cafe-creme { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-cafe-creme thead { background-image: linear-gradient(0deg, #685c48, #685c48); background-color: #f7ecdb; } .fr-table--brown-cafe-creme tbody { background-color: #fbf6ed; } .fr-table--brown-cafe-creme tbody tr:nth-child(even) { background-color: #f7ecdb; } .fr-table--brown-cafe-creme.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #d1b781, #d1b781); } .fr-table--brown-caramel { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-caramel thead { background-image: linear-gradient(0deg, #845d48, #845d48); background-color: #f7ebe5; } .fr-table--brown-caramel tbody { background-color: #fbf5f2; } .fr-table--brown-caramel tbody tr:nth-child(even) { background-color: #f7ebe5; } .fr-table--brown-caramel.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #c08c65, #c08c65); } .fr-table--brown-opera { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--brown-opera thead { background-image: linear-gradient(0deg, #745b47, #745b47); background-color: #f7ece4; } .fr-table--brown-opera tbody { background-color: #fbf5f2; } .fr-table--brown-opera tbody tr:nth-child(even) { background-color: #f7ece4; } .fr-table--brown-opera.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #bd987a, #bd987a); } .fr-table--beige-gris-galet { /* Style bordered, ajoute des bordures entre chaque ligne */ } .fr-table--beige-gris-galet thead { background-image: linear-gradient(0deg, #6a6156, #6a6156); background-color: #f3ede5; } .fr-table--beige-gris-galet tbody { background-color: #f9f6f2; } .fr-table--beige-gris-galet tbody tr:nth-child(even) { background-color: #f3ede5; } .fr-table--beige-gris-galet.fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #aea397, #aea397); } .fr-table--bordered tbody tr { background-image: linear-gradient(0deg, #ddd, #ddd); /* Style bordered, enleve le style even/odd */ } .fr-table td, .fr-table th { font-size: 1rem; line-height: 1.5rem; } } @media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) { .fr-table--bordered tbody tr:nth-child(even) { background-color: transparent; } .fr-table--bordered tbody tr:nth-child(even):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-table--bordered tbody tr:nth-child(even):active { background-color: rgba(0, 0, 0, 0.1); } }