/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

/* ================================================================================= */
/* Loading panel
/* --------------------------------------------------------------------------------- */

#edb-loading-panel {
    background-color: #222222 !important;
}

#edb-loading-panel-content {
}

.edb-loading-info {
    color: #555555 !important;
}

.edb-loading-info a {
    text-decoration: none !important;
    color: #4c98c2 !important;
}

.edb-loading-info a:hover {
    text-decoration: underline !important;
    color: #eeeeee !important;
}

.edb-loading-info a:visited {
    text-decoration: none !important;
    color: #4c98c2 !important;
}

.edb-loading-panel-reload {

}

.edb-loading-reload {
    border-radius: 1em;
    border-width: 1px;
    border-color: #4c98c2;
    border-style: solid;
    padding-top: .8em;
    padding-bottom: .8em;
    padding-left: 1.3em;
    padding-right: 1.3em;
    color: #4c98c2;
    background-color: rgba(0,0,0,0.0);
}

.edb-loading-reload:hover {
    color: #eeeeee;
    background-color: #4c98c2;
}

.edb-loading-reload-info {
    color: #aaaaaa;
}

/* ================================================================================= */
/* Loader
/* --------------------------------------------------------------------------------- */

.edb-loader  {
}

/* ================================================================================= */
/* Spinner: ripple
/* https://loading.io/css/
/* --------------------------------------------------------------------------------- */

.edb-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.edb-ripple div {
  position: absolute;
  border: 4px solid rgb(0, 168, 252);
  opacity: 1;
  border-radius: 50%;
  animation: edb-ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.edb-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes edb-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/* ================================================================================= */
/* Fade in/out animation
/* --------------------------------------------------------------------------------- */

@keyframes edb-fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes edb-fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes edb-fadein { /* Safari */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-o-keyframes edb-fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* ================================================================================= */
/* Typography
/* --------------------------------------------------------------------------------- */

@font-face {
    font-family: 'EDB';
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Book.eot');
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.woff2') format('woff2'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.woff') format('woff'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.ttf') format('truetype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Book.svg#FiraSans-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EDB-Bold';
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.eot');
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.woff2') format('woff2'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.woff') format('woff'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.ttf') format('truetype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-Bold.svg#FiraSans-Heavy') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EDB-ExtraBold';
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.eot');
    src: url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.woff2') format('woff2'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.woff') format('woff'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.ttf') format('truetype'),
         url('../fonts/fira-sans.font-face-kit/FiraSans-ExtraBold.svg#FiraSans-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

h1 { /* Title */
}

h2 { /* Subtitle */
    font-weight: normal !important;
    color: #dcdcdc;
    padding-top: 0.7em;
}

h3 { /* Title in text */
    text-align: left;
    font-family: "EDB-ExtraBold", Helvetica, Arial, sans-serif;
    /*font-variant: small-caps !important;*/
    font-size: 1.4em;
    /*font-weight: bold;*/
    color: #1f5800;
    margin-top: 2em;
    margin-bottom:1.1em;
    margin-left: 1em;
    text-indent: 0;
    padding-left: .75em;
    padding-top: .5em;
    padding-bottom: .5em;
    border-radius: .2em;
    background-image: linear-gradient(to right , #e1edfd, rgba(225, 237, 252, 0.0));
}

h4 { /* Subtitle in text */
    text-align: left;
    font-family: "EDB-ExtraBold", Helvetica, Arial, sans-serif;
    /*font-variant: small-caps !important;*/
    font-size: 1.2em;
    /* font-weight: bold; */
    color: #1f5800;
    margin-top: 2em;
    margin-bottom:1.1em;
    margin-left: 1.15em;
    text-indent: 0;
}

h5 { /* Little title: card and accordion */
    text-indent: 0;
    color: #3a414e;
}

h6 { /* Image caption in text */
    font-family: 'EDB', Helvetica, Arial, sans-serif;
    font-size: 0.7em;
    color: #888888;
    margin-top:-0.9em;
    margin-bottom:1.2em;
    text-indent: 0;
}

.edb-image-caption { /* Caption for floating image */
    font-family: 'EDB', Helvetica, Arial, sans-serif;
    font-size: 0.7em;
    line-height: 1.2;
    color: #888888;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom:0;
    text-indent: 0;
    display: inherit;
}

ul {
    text-indent: 0;
}

ol {
    text-indent: 0;
}

p { /* Paragraph in text */
    margin-bottom: 0.5em;
}

:root {
    --edb--a-color: #3085EE;
    --edb--a-visited-color: #3085EE;
    --edb--a-hover-color: #3085EE;
}

a {
    color: #3085EE;
    color: var(--edb--a-color);
}

a:visited {
    color: #3085EE;
    color: var(--edb--a-visited-color);
}

a:hover {
    color: #3085EE;
    color: var(--edb--a-hover-color);
}

:root {
    --edb--blockcode-background: #f8f8f8;
}
pre code:not(.hljs):not([class*="language-"]) {
    background: #f8f8f8;
    background: var(--edb--blockcode-background);
}

/* ================================================================================= */
/* Symbols
/* --------------------------------------------------------------------------------- */

.edb-symbol-warning-high {
    color: #ff0000;
}

.edb-symbol-warning-medium {
    color: #ffa500;
}

.edb-symbol-warning-normal {
    color: #ffff00;
}

.edb-symbol-warning-low {
    color: #50596c;
}

.edb-symbol-circle-background {
    background-color: #ffffff;
    border-radius: 4em;
    padding-top: .3em;
    padding-bottom: .4em;
    padding-left: .4em;
    padding-right: .4em;
}

/* ================================================================================= */
/* Highlighting (mark)
/* --------------------------------------------------------------------------------- */

#edb-mark { /* https://max.hn/thoughts/how-to-create-a-highlighter-marker-effect-in-css */
    color: #50596c;
    margin: 0 -0.4em;
    padding: 0.1em 0.4em;
    border-radius: 0.8em 0.3em;
    border-bottom-color: #ffd367;
    background: transparent;
    background-image: linear-gradient(
      to right,
      rgba(255, 225, 0, 0.1),
      rgba(255, 225, 0, 0.7) 4%,
      rgba(255, 225, 0, 0.3)
    );
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

/* ================================================================================= */
/* Typography entities
/* --------------------------------------------------------------------------------- */

.edb-star-sep {
    /*font-family: EDB, Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    text-align: center;
    text-indent: 0;
    color: #1f5800; /* rgba(31, 88, 0, 1.0) */
    /*height: 2em;*/
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.edb-fa-spin-fix { /* Animated spin (fixed centered rotation) */
    text-indent: 0.3em;
}

/* ================================================================================= */
/* Link special behaviors
/* --------------------------------------------------------------------------------- */

.edb-ancor-hashtag-offset:before {
	display: block;
 	content: " ";
  	height: 100px;      /* Give height of the fixed element */
    margin-top: -100px; /* Give negative margin of the fixed element */
    visibility: hidden;
}

/* ================================================================================= */
/* Input form
/* --------------------------------------------------------------------------------- */

:root {
    --edb--form-input-background-color: #e8f0fe;
    --edb--form-input-focus-background-color: #e8f0fe;
}

.form-input {
    background-color: #e8f0fe !important;
    background-color: var(--edb--form-input-background-color) !important;
}

.form-input:focus {
    background-color: #e8f0fe !important;
    background-color: var(--edb--form-input-focus-background-color) !important;
}

/* ================================================================================= */
/* Tooltip (balloon.css)
/* --------------------------------------------------------------------------------- */

.edb-tooltip {
    --balloon-font-size: 15px;
    --balloon-color: rgba(29, 85, 1, 0.822);
    z-index: 2 !important;
}

/* ================================================================================= */
/* Labels (used for taxonomy)
/* --------------------------------------------------------------------------------- */

.label {
    font-size: 14px;
    text-transform: none;
    font-variant: small-caps;
    color: #3085BF;
    background: #e1edfd;
}

.label.label-primary {
    background: #3085EE !important;
    color: #ffffff !important;
}

.tags a:hover {
    text-decoration: none;
    color: #ffffff !important;
    background: #3085EE !important;
}

.label.edb-label-taxonomy {
    font-size: 12px;
    font-variant: normal;
}

.label.label-rounded {
    border-radius: .2rem;
    padding-left: .3rem;
    padding-right: .3rem;
    padding-top: .15em;
    padding-bottom: .2em;
    margin-top: .1em;
    margin-bottom: .1em;
}

#listing-footer {
    margin-left: 12px;
    margin-right: 12px;
}

.edb-label-button-filter-disable {
    width: 100%;
    font-variant: small-caps;
    color: #3085EE;
    padding: 0.2em;
    margin-bottom: -1em;
    border-width: 0.05em;
    border-radius: 0.5em;
    border-color: #ff0000;
    border-style: solid;
    background-color: #e1edfd;
}

.edb-label-button-filter-disable:hover {
    text-decoration: none;
    color: #ffffff;
    border-color: #3085EE;
    background-color: #3085EE;
    cursor: pointer;
}

/* ================================================================================= */
/* Sidebar (draggable elements)
/* --------------------------------------------------------------------------------- */

@media screen and (max-width : 840px) {
.edb-sidebar-button-sort { /* sidebar container */
    display: none;
}}

.edb-sidebar-button-sort-default {
    font-variant: small-caps;
    text-align: center;
    color: #3085EE;
    line-height: 1.3em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    padding-top: 0.4em;
    padding-bottom: 0.45em;
    border-width: 0.05em;
    border-radius: 0.5em;
    border-color: #ff0000;
    border-style: solid;
    background-color: #e1edfd;
}

.edb-sidebar-button-sort-default:hover {
    text-decoration: none;
    color: #fff;
    border-color: #3085EE;
    background-color: #3085EE;
    cursor: pointer;
}

.edb-sidebar-button-sort-info {
    font-size: 18px;
    font-weight: 700;
    color: #4a8b27;
    border: none;
    /*border-color: transparent;*/
    border-radius: 2em;
    width: 2em;
    height: 2em;
    background-color: #d4f5c4;
    padding: .1em;
    margin: .2em;
    z-index: 1 !important;
}

.edb-sidebar-button-sort-info:hover {
    color: #ffffff;
    background-color: #4a8b27;
}

.edb-sidebar-button-sort-lock {
    font-size: 18px;
    color: #3085EE;
    border: none;
    /*border-color: transparent;*/
    border-radius: 2em;
    width: 2em;
    height: 2em;
    background-color: #e2edfe;
    padding-left: .35em;
    padding-right: .1em;
    padding-top: .1em;
    padding-bottom: .1em;
    margin: .2em;
}

.edb-sidebar-button-sort-lock:hover {
    color: #ffffff;
    background-color: #3085EE;
    cursor: pointer;
}

.edb-sidebar-sortable-ghost {
    opacity: .4;
}

.edb-sidebar-sortable-chosen {
    /*opacity: .3;*/
}

.edb-sidebar-sortable-drag {
    opacity: .8;
}

/* ================================================================================= */
/* Header and navbar
/* --------------------------------------------------------------------------------- */

#header {
    background-color: "#ffffff";
    --edb--header-background-color: #ffffff;
    background-color: var(--edb--header-background-color);
    z-index: 555 !important;
}

.header-dark.header-transparent #header:not(.scrolled) {
    background: rgba(0, 0, 0, 0.0);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3));
}

.navbar-brand {
    margin-left: 1.5em;
}

:root {
    --edb--dropmenu-ul-li-a-color : #464e5e;
    --edb--dropmenu-ul-li-a-hover-color : #3085EE;
    --edb--dropmenu-ul-li-a-focus-color : #3085EE;
    --edb--dropmenu-ul-li-a-active-color: #3085EE;
}

.header-dark #header:not(.scrolled) .dropmenu ul ul a {
    color: var(--edb--dropmenu-ul-li-a-color) !important;
}
/*
.header-dark #header:not(.scrolled) .dropmenu ul li a:hover {
    /*color: #3085EE !important;/
    color: var(--edb--dropmenu-ul-li-a-hover-color) !important;
}
/*
.header-dark #header:not(.scrolled) .dropmenu ul li a:focus {
    /*color: #3085EE !important;/
    color: var(--edb--dropmenu-ul-li-a-focus-color) !important;
}
*/
.dropmenu ul li a {
    /*color: #464e5e !important;*/
    color: var(--edb--dropmenu-ul-li-a-color) !important;
}

.dropmenu ul li a:hover {
    /*color: #3085EE !important;*/
    color: var(--edb--dropmenu-ul-li-a-hover-color) !important;
}

.dropmenu ul li a:focus {
    /*color: #3085EE !important;*/
    color: var(--edb--dropmenu-ul-li-a-focus-color) !important;
}

.dropmenu ul li a.active {
    /*color: #3085EE !important;*/
    color: var(--edb--dropmenu-ul-li-a-active-color) !important;
}

.edb-navigation-dropmenu { /* Desktop and mobile menu */
    left: 1em;
    min-width: 10em;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 50%) !important;
    background: linear-gradient(to bottom, #ffffff , #e1edfe) !important;
}

.edb-navbar-settings {
    position: absolute !important;
    right: 4em !important;
}

.edb-settings-link {
    color: #aaaaaa;
}

.edb-settings-link:hover {
    color: #000080;
}

.edb-search-link {
    color: #aaaaaa;
}

.edb-search-link:hover {
    color: #000080;
}

.edb-dossier-link {
    color: #aaaaaa;
}

.edb-dossier-link:hover {
    color: #000080;
}

.edb-socnet-link {
    color: #aaaaaa;
}

.edb-socnet-link:hover {
    color: #000080;
}

/* ================================================================================= */
/* Mobile menu
/* --------------------------------------------------------------------------------- */

.mobile-menu {
    z-index: 777 !important;
}

.mobile-container {
    z-index: 10;
}

div.mobile-container .mobile-logo {
    visibility: hidden;
}

.mobile-menu .button_container.active .top {
    background: #3085EE;
}

.mobile-menu .button_container.active .middle {
    background: #3085EE;
}

.mobile-menu .button_container.active .bottom {
    background: #3085EE;
}

.mobile-menu .button_container .top {
    background: #3085EE;
}

.mobile-menu .button_container .middle {
    background: #3085EE;
}

.mobile-menu .button_container .bottom {
    background: #3085EE;
}

.treemenu a {
    color: #ffffff !important;
}

.treemenu li a:hover, .treemenu li a:focus, .treemenu li a.active {
    color: #b0fac0 !important;
    /*background-color: #b0fac0;*/
}

.tree-empty {
    text-indent: 0;
    line-height: 50px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-weight: bold;
    /*font-variant: small-caps;*/
    color: #ffffff !important;
    background-color: transparent !important;
}

/*
.tree-opened .edb-sharing-button {
}

.tree-opened .edb-navigation-dropmenu {
}
*/

.tree-closed {
    text-indent: 0;
    line-height: 100px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-weight: bold;
    /*font-variant: small-caps;*/
    color: #ffffff !important;
    background-color: transparent !important;
}

.tree-opened {
    text-indent: 0;
    line-height: 100px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-weight: bold;
    /*font-variant: small-caps;*/
    color: #ffffff !important;
    background-color: transparent !important;
}

.tree-empty a {
    color: white;
}

.tree-closed a {
    color: white;
}

.tree-opened a {
    color: white;
}

.tree-empty .toggler {
    visibility: hidden;
}

.overlay-menu .toggler {
    width: 2em;
    height: 2em;
    padding-top: 0.5em;
    text-indent: 0;
    font-size: 22pt;
    z-index: 1 !important;
}

.overlay-menu {
    background-color: transparent !important;
}

.overlay {
    background-color: rgba(0, 0, 0, 0.9);
}

/* ================================================================================= */
/* Footer
/* --------------------------------------------------------------------------------- */

.edb-footer-group {
    display: inline-block;
    vertical-align: top;
}

.edb-footer-group-copyright {
    width: 65%;
    text-align: left;
}

.edb-footer-group-contact {
    width: 34%;
    text-align: right;
}

@media screen and (max-width: 840px) {
    .edb-footer-group {
        width: 100%;
    }
}

.edb-footer-notice-small {
    font-size: 0.7rem;
}

.edb-footer-syndicate-buttons {
    text-align: right;
}

/* ================================================================================= */
/* Pagination (plug-in)
/* --------------------------------------------------------------------------------- */

.pagination a:hover {
	text-decoration: none;
    background-color: #e2edfe;
}

.pagination li {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color:  #eeeeee;
}

/* ================================================================================= */
/* About page
/* --------------------------------------------------------------------------------- */

.edb-about {
    max-width: 800px;
    margin: auto;
}

.edb-about-title {
    color:#388aef;
}

.edb-about-subtitle {
    color:#388aef;
    font-variant:small-caps;
}

.edb-about article {
    font-family: EDB, Helvetica, Arial, sans-serif !important;
    font-size: 1em !important;
    line-height: 1.3em !important;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

.edb-about .accordion-wrapper p {
    margin-left: 2em;
    margin-right: 2em;
}

.edb-about .accordion-wrapper ul p {
    margin-left: 0;
    margin-right: 0;
}

.edb-about .accordion-wrapper ul li {
    margin-left: 2em;
    margin-right: 2em;
}

.edb-about .accordion-wrapper ul li ul li {
    margin-left: 0;
    margin-right: 0;
}

/* ================================================================================= */
/* Search pages (query and result)
/* --------------------------------------------------------------------------------- */

.edb-search-image {

}

.tntsearch-form .form-input {
    background-color: #FFFFFF;
}

.tntsearch-form .form-input:focus {
    border-color: #418ff0;
    --edb--tntsearch-form--form-input-border-color: #418ff0;
    border-color: var(--edb--tntsearch-form--form-input-border-color);
}

.tntsearch-clear {
    color: #418ff0;
    border-radius: 100%;
    padding: 0 1rem;
    line-height: 1.05;
    position: absolute;
    right: 0;
    font-size: 2rem;
    top: 0;
    cursor: pointer;
}

:root {
    --edb--tntsearch-dropdown--tntsearch-results--row-background-color: #ffffff;
}

.tntsearch-dropdown ~ .tntsearch-results .row {
    box-shadow: 0 2px 20px rgba(0,0,0, 0.3);
    background-color: #ffffff;
    background-color: var(--edb--tntsearch-dropdown--tntsearch-results--row-background-color);
    z-index: 4;
}

@media screen and (max-width : 840px) {
    .sidebar-content .tntsearch-form {
        display: none !important;
    }
}

.edb-tntquery-container {
    /*border: 1px solid #eeeeee;*/
    /*box-shadow:  5px  10px 10px #eeeeee;*/
}

.edb-tntquery-thumbnail-container-width {
    width: 100px;
}

.edb-tntquery-thumbnail-container-height {
    width: 100px;
}

.edb-tntquery-thumbnail {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100px;
    height: 100px;
}

:root {
    --edb--tntsearch-results-em-background-color: #ffff33;
}

.edb-tntquery-thumbnail-container-content {
    text-align:justify;
    overflow-wrap: break-word !important;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

.tntsearch-results em {
    padding-left: .2em;
    padding-right: .2em;
    padding-top: 0;
    padding-bottom: .2em;
    border-radius: .2em;
    background-color: #ffff33;
    background-color: var(--edb--tntsearch-results-em-background-color);
}

:root {
    --edb--tntsearch-results--info-color: #999999;
}

.tntsearch-results .info {
    color: #999999;
    color: var(--edb--tntsearch-results--info-color);
}

/* ================================================================================= */
/* Embeded tweets
/* --------------------------------------------------------------------------------- */

@media screen and (max-width: 840px) {
.edb-sidebar-tweets {
    display: none;
}
}

.edb-sidebar-tweets {
    max-width: 500px;
    height: 500px;
    overflow: hidden;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    /*border-color: #caced7;
    border-width: 1px;
    border-style: solid;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 45px -9px;
    background-color: transparent;
}

.edb-sidebar-tweets-start-link {
    text-align: center;
    opacity: 75%
}

.edb-sidebar-tweets-start-link:hover {
    text-decoration: none;
    opacity: 100%
}

/* ================================================================================= */
/* Sharing, print and export buttons: all page types and menus
/* --------------------------------------------------------------------------------- */

.edb-sidebar-sharing-buttons edb-sections-sharing-buttons { /* Container with all the buttons */
    text-align: left;
}

.edb-sidebar-sharing-buttons a {
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

.edb-sections-sharing-buttons a {
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

a:hover .edb-sharing-button {
    filter: brightness(120%);
}

.edb-sharing-button {
    width: 3.2em;
    height: 3.2em;
    margin-right: -.15em;
    /*padding: 0.3em;*/
    position: relative;
    /*top: -0.8em;*/
}

/* ================================================================================= */
/* Tool buttons: all page types and menus
/* --------------------------------------------------------------------------------- */

.edb-sidebar-tool-buttons a { /* Container */
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

.edb-sections-tool-buttons a { /* Container */
    display: inline-block;
    clear: none;
    margin-right: 0.33em;
    margin-bottom: -0.4em;
}

@media screen and (max-width: 840px) {
.edb-sidebar-tool-buttons a {  /* Container */
    display: none;
}
.edb-sections-tool-buttons a {  /* Container */
    display: none;
}
}

a:hover .edb-tool-button {
    filter: brightness(120%);
}

.edb-tool-button {
    width: 2.6em;
    height: 2.6em;
    margin-right: -.15em;
    /*padding: 0.3em;*/
    position: relative;
    /*top: -0.8em;*/
    z-index: 1 !important;
}

.edb-tool-button-glued {
    margin-left: -1.1em;
    margin-right: -1.1em;
    z-index: 1 !important;
}

/*
.edb-tool-button-text-reset {
    margin-left: 1.97em;
    margin-right: -.15em;
}
*/

/* ================================================================================= */
/* Language selector (dropdown): all page types
/* --------------------------------------------------------------------------------- */

.language-selector .btn {
    color: #000000;
    border-color: #cccccc;
    background-color: #ffffff;
}

.language-selector .btn:hover {
    color: #000000;
    border-color: #3085ee;
    background-color: #ffffff;
}

.language-selector .dropdown-menu {
    font-family: EDB, Helvetica, Arial, sans-serif;
    background-color: #ffffff !important;
}

.language-selector .dropdown-menu li:hover a {
    text-decoration: none;
    background-color: #e1edfd;
}

.language-selector {
    float: left;
    margin-left: 1.5em !important;
    top: 2.2em !important;
    z-index: 3;
}

.edb-language-selector-flag {

}

.edb-language-selector-preference {
    FONT-SIZE:12px;
    COLOR:#388aef;
    LINE-HEIGHT:16px;

    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.edb-sidebar-language-selector-preference {
    border-radius: 0.5em;
    background-color: #e1edfd;
}

.edb-sections-language-selector-preference {
    border-radius: 0.5em;
    background-color: #e1edfd;
}

.edb-alaune-language-selector-preference {
    width: 100%;
    margin-bottom: 26px;
    box-shadow: 5px 10px 10px rgba(0.0, 0.0, 0.0, 0.25);
    background-color: #e1edfd;
}

/* ================================================================================= */
/* Language switcher (bar): search page
/* --------------------------------------------------------------------------------- */

.langswitcher {
    font-family: EDB, Helvetica, Arial, sans-serif;
    /*position: relative;
    top: 50%;*/
  /*  -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    /*display: inline-block;*/
}

.langswitcher li {
    /*display: inline-block;*/
    margin-left: .1rem;
    margin-right: .1rem;
    margin-top: 0rem;
    margin-bottom: .5rem;
    /*line-height: 1.5rem;*/
}

.langswitcher a {
    padding-left: .45em;
    padding-right: .45em;
    padding-top: .3em;
    padding-bottom: .3em;
    border-radius: .3em;
}

.langswitcher a:hover {
    text-decoration: none;
    color: white;
    background-color: #3085ee;
}

.langswitcher .active {
    font-weight: bold;
    text-decoration: none;
    color:#ffffff;
    background-color: #3085ee;
}

/* ================================================================================= */
/* TOC panel
/* --------------------------------------------------------------------------------- */

.edb-toc-panel-container {
    position: fixed;
    z-index: 4;
    top: 80px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    pointer-events: none;
}

.edb-toc-panel {
    position:absolute;
    right: 0;
    top: 5px;
    width: 300px;
    height: 200px;
    border-radius: 1em;
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 30%);
    background-color: rgba(0,0,0,0.7);

    touch-action: none;
    box-sizing: border-box; /* This makes things *much* easier */

    pointer-events: auto;

    font-size: 12pt;
    font-family: EDB, Helvetica, Arial, sans-serif;
    line-height: normal;
    text-align: left;
    hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
}

.edb-toc-panel-bar {
    position: absolute;
    height: 50px;
    top: -1px;
    left: 0;
    right: 0;
    padding-top: 14px;
    padding-left: 0;
    padding-right: 12px;
    font-size: 16pt;
    font-family: EDB, Helvetica, Arial, sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #3085EE;
}

.edb-toc-panel-content-container {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: auto; /* …with scroll if needed */
}

.edb-toc-panel-content {
    margin-top: 70px;
    margin-bottom: 35px;
    margin-left: 0; /*1rem;*/
    margin-right: 10px;
}

.edb-toc-panel-content ul {
    list-style-type: none;
}
/*
@media screen and (min-width: 875px) {
.edb-toc-panel-container {
    visibility: visible;
}}
*/
@media screen and (max-width: 840px) {
.edb-toc-panel-container {
    visibility: hidden;
}}

/* ================================================================================= */
/* Settings
/* --------------------------------------------------------------------------------- */

#edb-settings-box {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.edb-settings-box-container {
    min-width: 300px;
    max-width: 400px;
    height: 350px;
    margin: auto;
    margin-top: 2em;
    border-radius: 1em;
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 50%);
    background-color: white;
}

.edb-settings-box-container-title {
    font-size: 1.5em;
    font-variant: small-caps;
    color: #3085ee;
    margin-left: .5em;
    margin-right: 1em;
    margin-top: .77em;
}

.edb-settings-box-close-button {
    font-size: 18px;
    color: #3085EE;
    border: none;
    /*border-color: transparent;*/
    border-radius: 2em;
    width: 2em;
    height: 2em;
    background: #e2edfe;
    padding-left: .44em;
    padding-right: .1em;
    padding-top: .22em;
    padding-bottom: .1em;
    margin-left: 1em;
    margin-top: 1em;
    cursor: pointer;
}

.edb-settings-box-close-button:hover {
    color: #e2edfe;
    background-color: #3085EE;
}

.edb-settings-box-content {
    color: #3085EE;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
    height: 240px;
    border-radius: 1em;
    padding: .5em;
    background-color: #eeeeee;
}

/* ================================================================================= */
/* Settings: theme
/* --------------------------------------------------------------------------------- */

.edb-settings-theme {
    width: 100%;
    height: 200px;
    margin-bottom: .5em;
    font-size: 14px;
}

.edb-settings-theme-white {
    background-color: #FFFFFF;
    color: #000000;
}

.edb-settings-theme-white:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

.edb-settings-theme-black {
    background-color: #000000;
    color: #FFFFFF;
}

.edb-settings-theme-black:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

.edb-settings-theme-antiquewhite {
    background-color: #FAEBD7;
    color: #000000;
}

.edb-settings-theme-antiquewhite:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

.edb-settings-theme-darkslategray {
    background-color: #50596c;
    color: #FFFFFF;
}

.edb-settings-theme-darkslategray:hover {
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer;
}

/* ================================================================================= */
/* Card image element (used, for example in "Toutes les publications")
/* --------------------------------------------------------------------------------- */

.card {
    background: transparent;
}

.card-image img:hover {
    /*filter: grayscale(100%) sepia(100%) hue-rotate(180deg);*/
    filter: brightness(110%);
}

.card-image:hover ~ .edb-blog-list-item-card-header .edb-title {
    background-color: #e2edfe;
    --edb--card-image-hover--title-background-color: #e2edfe;
    background-color: var(--edb--card-image-hover--title-background-color);
}

/* ================================================================================= */
/* Dossier card
/* --------------------------------------------------------------------------------- */

.edb-dossier-card {
    border-radius: 1em;
    box-shadow: 0px 0px 10px rgba(0.0, 0.0, 0.0, 0.25) !important;
}

.edb-dossier-card-hero { /* container of image and title */
    position: relative;
}

a:hover .edb-dossier-card-hero-image {
    filter: brightness(120%);
}

.edb-dossier-card-hero-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    /*transform: translateY(30%);
    -ms-transform: translateY(30%);*/
    font-family: EDB-Bold, Helvetica, Arial, sans-serif;
    color: #fff;
    text-shadow: 1px 1px 4px rgb(0 0 0 / 90%);
    font-size: 2.5em;
    font-weight:900;
    font-variant: small-caps;
    line-height: 1em;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
}

.edb-dossier-card-description {
    padding: 0.8rem;
    text-align: justify;
    text-indent: 1.4em;
}

/* ================================================================================= */
/* Title element (used, for example in "Toutes les publications")
/* --------------------------------------------------------------------------------- */

.edb-title {
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-variant: small-caps;
    text-align: center;

    padding-left: .4em;
    padding-right: .4em;
    padding-top: .8em;
    padding-bottom: .8em;
    border-radius: .4em;

    /* background-color: #f5f5f5; */
    --edb--title-background-color: #f5f5f5;
    background-color: var(--edb--title-background-color);
}

.edb-title:hover {
    background-color: "#e2edfe";
    --edb--title-hover-background-color: #e2edfe;
    background-color: var(--edb--title-hover-background-color);
}

/* ================================================================================= */
/* Document list (used, for example, in "Toutes les publications")
/* --------------------------------------------------------------------------------- */

.edb-blog-list-item-title {
    margin-left: 0em;
    margin-right: 0em;
    margin-top: .3em;
    margin-bottom: .2em;
}

/* "A la une" slider */
@media screen and (min-width: 1001px) {
.lslide .edb-blog-list-item-title {
    font-size: 3em;
    display: none;
}}
/* See also: edb-lightslider-panel-header */

/* "A la une" slider */
@media screen and (max-width: 1000px) {
.lslide .edb-blog-list-item-title {
    font-size: 2em;
    display: initial;
}}
/* See also: edb-lightslider-panel-header */

.edb-blog-list-item-title a {
    text-decoration: none;
}

.edb-blog-list-item-title a:hover {
    text-decoration: none;
    margin-top: .2em;
    margin-bottom: .2em;
}

.edb-blog-list-item-author {
    font-size: 10pt;
    color: #418ff0;
}

.edb-blog-list-item-date {
    font-size: 10pt;
    color: #9a9a9a;
}

.edb-blog-list-item-card-body {
    font-family: EDB, Helvetica, Arial, sans-serif;
    text-align: justify;
    text-justify: auto;
    text-indent: 1.4em;
}

.blog-listing .card {
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 30%);
    background-color: #ffffff;
}

/* ================================================================================= */
/* Page
/* --------------------------------------------------------------------------------- */

.title-h1h2 h1 {
    font-weight: 200;
    /*font-variant: small-caps;*/
}

@media screen and (min-width: 841px) {
#blog-hero h1 {
    font-size: 3.8em;
    font-family: EDB-Bold, Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-variant: small-caps;
    /*font-style: italic*/;
    text-shadow: 1px  1px 4px rgb(34 34 34 / 80%);/*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
}
}

@media screen and (max-width: 840px) {
#blog-hero h1 {
    text-shadow: 1px 1px 4px rgb(34 34 34 / 80%);
}
}

#blog-hero h2 {
    text-shadow: 1px 1px 4px rgb(34 34 34 / 60%);
}

.hero.text-light h2 {
    color: rgba(255, 255, 255, 0.88);
    }

/*
b, strong {
    font-weight: 700;
}
*/

.edb-item-hero-author {
    font-size: 12pt;
    /*text-shadow: 1px  1px 4px black;*//*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
}


.edb-item-hero-author a {
    font-size: 12pt;
    font-weight:500;
}

.edb-infos-language-translation-date {
    font-family: EDB, Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 16px;
    color: #9a9a9a;
    text-align: left;
}

.edb-infos-language-translation-date-date {
    font-weight: bold;
}

.content-item.h-entry img {
    border-radius: .8em;
}

.edb-illustration-no-border-radius img {
    border-radius: .2em !important;
}

.edb-illustration-no-border-radius-top img {
    border-radius: .2em .2em .8em .8em !important;
}

.edb-illustration-no-border-radius-bottom img {
    border-radius: .8em .8em .2em .2em !important;
}

/* ================================================================================= */
/* Additional elements in page
/* (for classic elements, see Typography part of this file)
/* --------------------------------------------------------------------------------- */

blockquote {
    /* font-family: EDB, Helvetica, Arial, sans-serif; */
    /* font-size: 0.9em; */
    line-height: 1.35em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-radius: 1em;
    background-color: #FcFcFc;
}

@media screen and (max-width : 840px) {
    blockquote {
        margin-left: .5em;
        margin-right: .5em;
        padding-left: .8em;
        padding-right: 1em;
    }
}

.notices {
    padding-right: 2em;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 0.7em;
    line-height: 1.25em;
    text-indent: 0;
    text-align: left;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.notices.blue {
    border-left: 10px solid #5bc0de;
    background: #f4f8fa;
    color: #28a1c5;
}

.notices.green {
    border-left: 10px solid #5cb85c;
    background: #f1f9f1;
    color: #3d8b3d;
}

.notices.yellow {
    border-left: 10px solid #f0ad4e;
    background: #fcf8f2;
    color: #df8a13;
}

.notices.red {
    border-left: 10px solid #d9534f;
    background: #fdf7f7;
    color: #b52b27;
}

hr {
    border-color: #eeeeee;
}

.notices hr {
    height: 1px;
    border: none;
}

.yellow hr { /* Used with notices class */
    color: #f0ad4e;
  	background: #f0ad4e;
}

.red hr { /* Used with notices class */
    color: #d9534f;
  	background: #d9534f;
}

.blue hr { /* Used with notices class */
    color: #5bc0de;
  	background: #5bc0de;
}

.green hr { /* Used with notices class */
    color: #5cb85c;
  	background: #5cb85c;
}

.footnotes {
    font-size: 0.8em;
    text-indent: 0;
    line-height: 1.35em;
}

.footnote-ref {
    padding-top: 50px;
    color: #3085EE !important;
}

.footnote-ref:hover {
    text-decoration: none;
}

.footnote-backref {
    color: #3085EE !important;
}

.footnote-backref:hover {
    text-decoration: none;
}

.edb-accordion-footnotes {
    font-height: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

.accordion-wrapper label {
    padding-right: 50px !important;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 1em !important;
    text-indent: 0;
    color: #3388ee !important;
    border-color: #e1edfd !important;
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    background-color: #e1edfd !important;
    background-image: none !important;
}

.edb-accordion-no-border-radius .accordion-wrapper label {
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
}

.edb-accordion-full-border-radius .accordion-wrapper label {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.accordion-wrapper label:hover:before {
    background-image: none !important;
}

:root {
    --edb--accordion-chevron-filter: invert(42%) sepia(61%) saturate(1448%) hue-rotate(-162deg) brightness(96%) contrast(100%);
    --edb--accordion-chevron-hover-filter: invert(42%) sepia(61%) saturate(1448%) hue-rotate(162deg) brightness(96%) contrast(100%);
}

.accordion-wrapper label:after, .accordion-wrapper input:checked + label:after {
    opacity: 1.0;
    content: '';
    position: absolute;
    width: 30px;
    height: 20px;
    right: 15px;
    top: 7px;
    background: transparent url("../images/chevron-black.png") no-repeat center center;
    filter: invert(42%) sepia(61%) saturate(1448%) hue-rotate(-162deg) brightness(96%) contrast(100%);
    filter:var(--edb--accordion-chevron-filter);
}

label:hover:after, input:checked + label:hover:after {
    opacity: 1.0 !important;
    background: transparent url("../images/chevron-black.png") no-repeat center center !important;
    filter: invert(42%) sepia(61%) saturate(1448%) hue-rotate(162deg) brightness(96%) contrast(200%) !important;
    filter:var(--edb--accordion-chevron-hover-filter);
}

.accordion-wrapper input:checked + label:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion-wrapper article {
    font-family: Times New Roman, Times, serif;
    font-size: 16pt;
    text-align: justify;
    text-justify: auto;
    /*text-indent: 1.4em;*/
    overflow-wrap: break-word;
    word-wrap: break-word;
    border-width: 2px !important;
    border-color: #e1edfd !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.accordion-wrapper p {
    margin-left: 1.5em;
    margin-right: 1.5em;
}

@media screen and (max-width : 840px) {
    .accordion-wrapper p {
        margin-left: .5em;
        margin-right: .5em;
    }
}

.accordion-wrapper blockquote p {
    margin-left: 0em !important;
    margin-right: 0em !important;
}

.accordion-wrapper .dt-published {
    margin-left: -3.5em;
}

/* ================================================================================= */
/* Lightbox
/* --------------------------------------------------------------------------------- */

.featherlight .featherlight-content {
    /*color: #50596c;
    background-color: #ffffff;*/

    color: transparent;
    background-color: #ffffff;

    cursor: pointer;
}

.featherlight .featherlight-close {
    /*color: #3085EE;
    background-color: transparent;*/

    color: transparent;
    background-color: transparent;
}

/* ================================================================================= */
/* Hero image (All articles  & Article pages)
/* --------------------------------------------------------------------------------- */

.hero.hero-large {
    /*min-height: 500px;*/
    max-width: 1500px;
    margin: auto;
}

/* ================================================================================= */
/* Standard type page
/* --------------------------------------------------------------------------------- */

.edb-blog-item-contentbody {
    font-family: Times New Roman, Times, serif;
    font-size: 16pt;
    text-align: justify;
    text-justify: auto;
    text-indent: 1.4em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* ================================================================================= */
/* Section type page
/* --------------------------------------------------------------------------------- */

.edb-sections-header {
    font-size: 14pt;
}

:root {
    --edb--sections-header-title: #3a414e;
}

.edb-sections-header-title {
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: normal !important;
    color: var(--edb--sections-header-title);
    padding-top: 0.7em;
}

.edb-sections-author {
    font-size: 12pt;
    color: #a8aeb6;
    text-align: center;
}

.edb-sections-author a {
    font-size: 12pt;
    font-weight:500;
}

.nav .nav-item a:hover { /* sidebar section link list */
    text-decoration: underline;
}

.edb-sections-columns {
    margin-left: 10%;
    margin-right: auto;
}

.edb-sections-contentbody {
    font-family: Times New Roman, Times, serif;
    font-size: 16pt;
    text-align: justify;
    text-justify: auto;
    text-indent: 1.4em;
}

.edb-sections-prev {
    text-align: left;
    background-image: linear-gradient(to left, white , #e2edfe);
}

.edb-sections-next {
    text-align: right;
    background-image: linear-gradient(to right, white , #e2edfe);
}

.edb-sections-prev a:hover {
    /*text-decoration: underline;*/
}

.edb-sections-next a:hover {
    /*text-decoration: underline;*/
}

p.edb-sections-prev a.btn.btn-primary {
    /*width: 100%;*/
    color: #3085ee;
    background-color: transparent;
    border-color: transparent;
}

p.edb-sections-next a.btn.btn-primary {
    /*width: 100%;*/
    color: #3085ee;
    background-color: transparent;
    border-color: transparent;
}

p.edb-sections-prev a.btn.btn-primary:hover {
    border-color: #3085ee !important;
}

p.edb-sections-next a.btn.btn-primary:hover {
    border-color: #3085ee !important;
}

p.edb-sections-prev a.btn {
    color: #3085ee !important;
    background-color: transparent !important;
    /*border-color: transparent !important;*/
}

p.edb-sections-next a.btn {
    color: #3085ee !important;
    background-color: transparent !important;
    /*border-color: transparent !important;*/
}

/* ================================================================================= */
/* Content medias
/* --------------------------------------------------------------------------------- */

.edb-float-right {
    float: right !important;
    margin: 0.5em 0 0.40em 1em; /* top right bottom left */
}

.edb-float-left {
    float: left !important;
    margin: 0.5em 1em 0.40em 0; /* top right bottom left */
}

.edb-float-right-with-caption {
    float: right !important;
    margin: 0.0em 0 0.40em 1em; /* top right bottom left */
}

.edb-float-left-with-caption {
    float: left !important;
    margin: 0.0em 1em 0.40em 0; /* top right bottom left */
}

.edb-illustration-free {
}

.edb-illustration-center {
    text-align: center;
}

span.edb-illustration-full-width img {
    width: 100%;
}

.edb-embededfile-full-width {
    width: 100%;
    margin-bottom: .5em;
}

.edb-video-full-width {
    width: 100%;
    height: auto;
    min-height: 160px;
    margin-top: 1em;
    margin-bottom: 1em;
    /*background-color:#cccccc;*/
    background-image: url("../images/video-icon-grey.png");
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
}

.edb-video-center {
    text-align: center;
    width: 50%;
    height: auto;
    min-height: 160px;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    /*background-color:#cccccc;*/
    background-image: url("../images/video-icon-grey.png");
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
}

/* ================================================================================= */
/* Bricklayer (common: All articles, "A la une" pages)
/* --------------------------------------------------------------------------------- */

.blog-listing .bricklayer-column {
    padding-left: 12px;
    padding-right: 12px;
}

/* ================================================================================= */
/* All articles page
/* --------------------------------------------------------------------------------- */

.edb-allarticles-hero-subtitle {
    font-weight: bold !important;
    color: #dcdcdc;
    text-shadow: 1px 1px 4px rgb(34 34 34 / 60%);
    padding-top: 0.3em;
}

.edb-allarticles-bricks {
    margin-top: -10px;
}

.edb-allarticles-bricks .card-image {
    margin-bottom: 0;
    z-index: 1;
}

.edb-allarticles-bricks .edb-blog-list-item-card-header {
    /*font-family: Helvetica, Arial, sans-serif;*/
    margin-top: -1em;
}

/* ================================================================================= */
/* "A la une" page
/* --------------------------------------------------------------------------------- */

.edb-alaune-bricks {
    margin-top: -7.8em; /* "A la une" Light Slider adjustment: brick column top */
}

.edb-alaune-bricks .card-image {
     margin-bottom: 0;
     z-index: 1;
 }

.edb-alaune-bricks .edb-blog-list-item-card-header {
    /*font-family: EDB, Helvetica, Arial, sans-serif;*/
    margin-top: -1em;
 }

.edb-alaune-articles-link-card {
    height: 5em;
}

.edb-alaune-articles-link {
    margin-top: 3em;
    font-family: EDB, Helvetica, Arial, sans-serif;
    font-size: 1em;
    /*font-style: italic;*/
    text-align: center;
    text-shadow: transparent;
    line-height: 1.5em;
}

.edb-alaune-articles-link a {
    font-size: 1.5em;
    font-variant: small-caps;
    color: #cccccc;
}

.edb-alaune-articles-link a:hover {
    text-decoration: none;
    /*font-weight: bold;*/
    --edb--alaune-articles-link-text-shadow-color: #eeeeee;
    text-shadow:  2px  2px  3px  var(--edb--alaune-articles-link-text-shadow-color),
                 -2px  2px  3px  var(--edb--alaune-articles-link-text-shadow-color);/*,
                 -1px  1px  1px  var(--edb--alaune-articles-link-text-shadow-color),
                  1px -1px  1px  var(--edb--alaune-articles-link-text-shadow-color);*/
}

/* ================================================================================= */
/* "Dossiers" page
/* --------------------------------------------------------------------------------- */

.edb-dossiers-hero-subtitle {
    font-weight: bold !important;
    color: #dcdcdc;
    text-shadow: 1px 1px 4px rgb(34 34 34 / 60%);
    padding-top: 0.3em;
}

.edb-dossiers-bricks {
    margin-top: -40px;
}

.edb-dossiers-bricks .card-image {
    margin-bottom: 0;
    z-index: 1;
}

.edb-dossiers-bricks .edb-blog-list-item-card-header {
    /*font-family: Helvetica, Arial, sans-serif;*/
    margin-top: -1em;
}

/* ================================================================================= */
/* "A la une" slider
/* --------------------------------------------------------------------------------- */

.grav-lightslider {
    position: relative;
}

/* ================================================================================= */
/* "A la une" slider: image, header and body
/* --------------------------------------------------------------------------------- */

:root {
    --edb--blog-list-item-card-header-background-image-gradiant-color-1: white;
    --edb--blog-list-item-card-header-background-image-gradiant-color-2: #e1edfd;
    --edb--blog-list-item-card-body-background-image-gradiant-color-1: white;
    --edb--blog-list-item-card-body-background-image-gradiant-color-2: #e1edfd;
}

div.lSSlideWrapper .edb-blog-list-item-card-image {
}

div.lSSlideWrapper .edb-blog-list-item-card-header {
    /*background-image: linear-gradient(to right, white , #e1edfd);*/
    background-image: linear-gradient(to right, var(--edb--blog-list-item-card-header-background-image-gradiant-color-1) , var(--edb--blog-list-item-card-header-background-image-gradiant-color-2));
}

div.lSSlideWrapper .edb-blog-list-item-card-header .edb-title::after {
    background-color: var(--edb--blog-list-item-card-header-background-image-gradiant-color-2);
}

div.lSSlideWrapper .edb-blog-list-item-card-body {
    /*background-image: linear-gradient(to right, white , #e1edfd);*/
    background-image: linear-gradient(to right, var(--edb--blog-list-item-card-body-background-image-gradiant-color-1) , var(--edb--blog-list-item-card-body-background-image-gradiant-color-2));
}

div.lSSlideWrapper .edb-blog-list-item-card-body p::after {
    background-color: var(--edb--blog-list-item-card-body-background-image-gradiant-color-2);
}

/* ================================================================================= */
/* "A la une" slider: cardimage, date, title and author adjustments
/* --------------------------------------------------------------------------------- */

#edb-lightslider-panel .edb-title {
    font-variant: small-caps;
    text-align: left;

    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;

    background-color: transparent;
}

#edb-lightslider-panel .edb-title:hover {
    background-color: transparent;
}

/*
div.lSSlideWrapper p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 97%;
}
*/

/* BEGIN https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

/* styles for '...' */
div.lSSlideWrapper p {
    /* Over flow hidden hides the text if it is more than N lines  */
    overflow: hidden;
    /* To set '...' in absolute position */
    position: relative;
    /* Use this value to count block height */
    line-height: 1.2em;
    /* Max-height = line-height (1.2) * lines max number (2) */
    max-height: 2.4em;
    /* If the last visible word doesn't adjoin right side then this will fix the problem */
    text-align: justify !important;
    /* place for '...' */
    padding-right: 40px;
    padding-left: 1em;

    /*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    */
}

/* create the ... */
div.lSSlideWrapper p:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 27px;
    bottom: 1px;
}

/* hide ... if we have text, which is less than or equal to max lines */
div.lSSlideWrapper p:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 15px;
    /* set width and height */
    width: 1.7em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: #e1edfd;
}

/* END https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

/* BEGIN https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

/* styles for '...' */
div.lSSlideWrapper .edb-title {
    /* Over flow hidden hides the text if it is more than N lines  */
    overflow: hidden;
    /* To set '...' in absolute position */
    position: relative;
    /* Use this value to count block height */
    line-height: 1.2em;
    /* Max-height = line-height (1.2) * lines max number (1) */
    max-height: 1.4em;
    /* If the last visible word doesn't adjoin right side then this will fix the problem */
    text-align: left !important;
    /* place for '...' */
    padding-right: 40px !important;
    /*padding-left: 1em;*/
    margin-left: 15px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* create the ... */
div.lSSlideWrapper .edb-title:before {
    /* points in the end */
    content: '   ';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 15px;
    bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
div.lSSlideWrapper .edb-title:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 15px;
    /* set width and height */
    width: 1.7em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: #e1edfd;
}

/* END https://knackforge.com/blog/manoj/multi-line-ellipsis-using-simple-css */

div.lSSlideWrapper .card-image img:hover {
    filter: none;
}

div.lSSlideWrapper h5 a:hover {
    text-decoration: underline !important;
}

div.lSSlideWrapper .edb-blog-list-item-author {
    font-family: EDB, Helvetica, Arial, sans-serif;
    margin-left: 15px;
}

div.lSSlideWrapper .edb-blog-list-item-date {
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*margin-right: 1em;*/
}

div.lSSlideWrapper p {
    text-indent: 0;
}

/* ================================================================================= */
/* "A la une" slider: wrapper, container and header overlay
/* --------------------------------------------------------------------------------- */

:root {
    --edb--lightSlider-wrapper-background-image-gradiant-color-1: white;
    --edb--lightSlider-wrapper-background-image-gradiant-color-2: #e1edfd;
}

.lSSlideWrapper {
    margin-bottom: -22px; /* "A la une" Light Slider adjustment: Light Slider bottom */
}

.edb-lightSlider-wrapper {
    top: -32px; /* "A la une" Light Slider adjustment: Light Slider top */
    bottom: 0;
    max-width: 1272px;
    margin: auto;
    /*border-style: solid;
    boder-color: #000000;
    border-width: 1px;*/
    box-shadow: 0 10px 45px -9px rgb(0 0 0 / 10%);
    background-image: linear-gradient(to right, var(--edb--lightSlider-wrapper-background-image-gradiant-color-1) , var(--edb--lightSlider-wrapper-background-image-gradiant-color-2));
    z-index: 1;
}

.edb-lightSlider-loading {
    text-align: center;
    /*font-weight: bold;*/
    font-style: italic;
    color: #388aef;
}

.edb-lightSlider-loaded {
    display: none;
}

.edb-lightSlider-wrapper-hidden {
    display: none;
}

#edb-lightslider-panel .card {
    border: none !important;
}

#edb-lightslider-panel-container {
    top: 0;
    bottom: 0;
    position: relative;
    /*background-color: #428bca;*/
}

#edb-lightslider-panel-header {
    position: absolute;
    top: 125px; /* "A la une" Light Slider adjustment: Light Slider hero image title top */
    left: 70px;
    right: 70px;
    z-index: 1;
    pointer-events: none;
    text-align: center;
    line-height: 1em;
    color: #ffffff;
    /*font-size: 3em;*/
    font-family: EDB-ExtraBold, Helvetica, Arial, sans-serif;
    /*text-transform: uppercase;*/
    font-weight: 800;
    font-variant: small-caps;
    /*font-style: italic*/;
    text-shadow: 1px  1px 8px black;/*,
                -1px -1px  1px black,
                -1px  1px  1px black,
                 1px -1px  1px black;*/
    /*background-color: #ff0000;*/
}

@media screen and (min-width: 1001px) {
#edb-lightslider-panel-header {
    font-size: 3em;
    visibility: visible;
}}
/* See also: edb-blog-list-item-title */

@media screen and (max-width: 1000px) {
#edb-lightslider-panel-header {
    font-size: 2em;
    visibility: hidden;
}}
/* See also: edb-blog-list-item-title */

#edb-lightslider-panel-panel {
    position: absolute;
    z-index: 2;
}

/* ================================================================================= */
/* "A la une" slider: cardimage
/* --------------------------------------------------------------------------------- */

.edb-lightslider-panel-panel-cardimage {
    /*webkit-filter: brightness(50%);*/ /* Safari 6.0 - 9.0 */
    /*filter: brightness(50%);*/
}

.edb-lightslider-panel-panel-hero-image {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 11.1em;
    z-index: 0;
    pointer-events: none;

    /*-webkit-filter: brightness(50%);*/ /* Safari 6.0 - 9.0 */
    /*filter: brightness(90%);*/

    /*background-color: rgba(0, 0, 0, 0.3);*/

    background: linear-gradient(
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.3),
        rgb(0,0,0,0.25),
        rgb(0,0,0,0.2),
        rgb(0,0,0,0.15),
        rgb(0,0,0,0.1),
        rgb(0,0,0,0.05),
        rgb(0,0,0,0.0)
    );
}

/* ================================================================================= */
/* "A la une" slider: navigation buttons and z-index adjustments
/* --------------------------------------------------------------------------------- */

/*
.lSAction > .lSPrev {
    z-index: 11;
}

.lSAction > .lSNext {
    z-index: 11;
}
*/

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #e1edfd;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: auto;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSAction > .lSPrev,
.lSAction > .lSNext  {
    top: 35%;
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 20px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 20px;
}

/* ================================================================================= */
/* PrintFriendly and SnappyGrav plugins
/* --------------------------------------------------------------------------------- */

.export { /* Export and Print buttons (printfriendly and snappygrav plugins) */
    color: #388aef;
    background-color: #e1edfd;
}

/* ================================================================================= */
/* Presentation plugin [DISABLED]
/* --------------------------------------------------------------------------------- */

/* Load of Font Awesome for use by Presentation Plugin */
/*@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');*/

/* CSS to style Presentation Plugin slides */
/*.reveal .slides {
    text-align: left;
}*/

/*.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    text-transform: unset !important;
}*/

/* ================================================================================= */
/* Cookie Consent plugin
/* --------------------------------------------------------------------------------- */

.cc-message {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    margin-top: 1em;
    margin-left: 1.7em;
    margin-right: 1.7em;
}

.cc-link {
    text-decoration: none !important;
    text-align: right !important;
    text-decoration: none;
    color: white !important;
    background-color: #663300;
    border-radius: .2rem;
    padding-left: .5rem;
    padding-right: .5rem;
    float: right;
    margin-top: .5em;
    margin-bottom: 1em;
}

.cc-link:hover {
    text-decoration: none !important;
    background-color: #dfa83a;
    color: black !important;
}

.cc-btn {
    margin-bottom: 1em;
    color: white !important;
}

.cc-btn:hover {
    text-decoration: none;
    color: white !important;
}

/* ================================================================================= */
/* Algolia Pro plugin
/* --------------------------------------------------------------------------------- */

/* === Instantsearch */

[data-algolia-pro] .ais-InstantSearch {
    padding-top: 6rem !important;
}
/*[data-algolia-pro] .ais-InstantSearch > div {
    margin-top: 2rem !important;
}*/

[data-algolia-pro] .md\:max-h-\[min\(36rem\2c calc\(100vh-4rem\)\)\] {
    max-height: min(36rem, calc(100vh - 6rem)) !important;
}
@media (max-width: 767px) {
    [data-algolia-pro] .max-h-screen {
        max-height: calc(100vh - 6rem) !important;
    }
}

/* === Searchbox input */

[data-algolia-pro] svg[viewBox] {
    margin: 0 1em;
}

/* === Footer */

[data-algolia-pro] span.inline-flex.relative.items-center { /* pagination */
    width: 48px !important;
    height: 32px !important;
    min-width: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

[data-algolia-pro] .edb-algolia-legacy-search {
    margin-right: 0.5em;
}
[data-algolia-pro] .edb-algolia-legacy-search-link {
    color: #6B7280 !important;
    text-decoration: none !important;
    background-color: rgba(0, 0, 0, 0.0) !important;
}
[data-algolia-pro] .edb-algolia-legacy-search-link:hover {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: rgba(0, 0, 0, 0.0) !important;
}

@media screen and (max-width: 839px) {
  [data-algolia-pro] .edb-algolia-legacy-search-link {
    display: none !important;
  }
}
@media screen and (min-width: 840px) {
  [data-algolia-pro] .edb-algolia-legacy-search-link {
    display: block !important;
  }
}

/* === Hits */

[data-algolia-pro] .edb-algolia-hits-hr {
    border-color: #3f3f45 !important;
}

/* === Hits items & preview */

[data-algolia-pro] .font-semibold { /* title / sections… */
    font-weight: normal !important;
    color: #e3e59d !important;
}

[data-algolia-pro] a:hover .font-semibold { /* title */
    color: #000000 !important;
}

[data-algolia-pro] .opacity-75 { /* author */
    color: #ffffff !important;
}

[data-algolia-pro] a:hover .opacity-75 { /* author */
    color: #333333 !important;
}

[data-algolia-pro] .text-algolia-pro { /* search string */
    font-weight: bold !important;
    text-decoration: underline !important;
    color: #aaffaa !important;
}

/* === Hits items */

[data-algolia-pro] a:hover { /* row */
    text-decoration: none !important;
    background-color: #bfebed !important;
}

/*
[data-algolia-pro] .ais-Highlight-highlighted { /* search string /
    text-decoration: underline !important;
    color: #00ff00 !important;
}
*/

[data-algolia-pro] a:hover .ais-Highlight-highlighted { /* search string */
    font-weight: bold !important;
    text-decoration: underline !important;
    color: #008800 !important;
}

/* === Hits preview */

@media screen and (max-width: 839px) {
  [data-algolia-pro] .preview-panel {
    display: none !important;
  }
}
@media screen and (min-width: 840px) {
  [data-algolia-pro] .preview-panel {
    display: block !important;
  }
}

[data-algolia-pro] .preview-panel h1 { /* title / sections… */
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
    color: #e3e59d
}

[data-algolia-pro] .preview-panel h2 { /* subtitle */
    font-size: 0.7rem !important;
    line-height: 1.3 !important;
}

[data-algolia-pro] .preview-panel hr {
    margin: 0.3rem 0 !important;
    border-color: #3f3f45 !important;
}

[data-algolia-pro] .edb-algolia-author,
[data-algolia-pro] .edb-algolia-quotation-author,
[data-algolia-pro] .edb-algolia-author-source,
[data-algolia-pro] .edb-algolia-date {
    font-size: 0.75rem !important; /* text-xs */
    color: #6b7280 !important; /* text-gray-500 */
    margin-top: 0.25rem !important; /* mt-1 */
    line-height: 1.4 !important;
}
[data-algolia-pro] .edb-algolia-author .label,
[data-algolia-pro] .edb-algolia-quotation-author .label,
[data-algolia-pro] .edb-algolia-author-source .label {
    font-size: 0.6rem !important;
    padding: 0.1rem 0.3rem !important;
}

[data-algolia-pro] .edb-algolia-toc-item {
    color: #bbbbbb !important;
    cursor: default !important;
}
[data-algolia-pro] .edb-algolia-toc-item:hover {
    color: #bbbbbb !important;
}

[data-algolia-pro] .edb-algolia-date time {
    color: #ffffff !important;
}

[data-algolia-pro] .edb-algolia-date time span {
    color: #ffffff !important;
}

[data-algolia-pro] .edb-algolia-date time .fa-calendar {
    color: #6b7280 !important; /* text-gray-500 */
}