@import url("/sites/default/files/api/portail_d4c/css/style.css");

@import url("/sites/default/files/api/portail_d4c/css/font-awesome.min.css");

@import url("https://use.typekit.net/rkt6gju.css");

@import url("https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/*Police : */

/* Titres - font-family: 'Georama', sans-serif; */

/* Contenu - font-family: 'Futura Book', sans-serif; */

/* Couleurs : */

:root {
  /* Utilisation dans CSS : */

  /* couleur solide - rgb(var(--var-name)) */

  /* transparence - rgba(var(--var-name), 50%) */

  /*Variables : */

  --blanc: transparent;
  /*blanc #FFFFFF*/

  --font-color: 255, 255, 255;

  --en-tete: 173, 149, 98;

  --gold-dijon: 173, 149, 98;

  --lien: 0, 147, 182;

  --bouton: 173, 149, 98;

  --menu: 229, 35, 47;

  --accents: 253, 197, 0;

  --arriere-plan: transparent;

  --arriere-plan-admin: 235, 235, 235;

  --texte: 60, 59, 59;

  --texte-footer: #ad9562;

  --pied-de-page: 36, 41, 48;

  --font-p-color: rgb(207, 207, 207);

  /* font-family : var(--var-name); */

  --en-tete-font: "Overpass", sans-serif;

  --texte-font: "Overpass", sans-serif;
}
.modal { background: #292d33;}
#block-citizena-themes-account-menu {
  right:-270px;
}
.navbar-toggle {
        display: none !important;
    }
    .navbar-header {
        float: left;
    }
#block-citizena-themes-account-menu.open {
  right:0;
  transition: right .5s, left .5s, display .5s;
  display:block;
}
#block-citizena-themes-account-menu {
    width: 270px;
    margin: 0;
    position:fixed !important;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 55px;
    background-color: #464a4f;
    height: 100vh;


}

#block-citizena-themes-main-menu>ul,
#block-citizena-themes-account-menu>ul {
  flex-direction: column !important;
  width: 100% !important;
}
.navbar-default .navbar-nav .first {
  padding-top:70px
}
.navbar-default .navbar-text, .navbar-default .navbar-nav>li>a {
  color: #AD9562 !important;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  padding: 0 25px;
  line-height: 55px;
  opacity: 0.5;
}
.navbar-default .navbar-nav.menu >li>a:hover {
  color: #AD9562 !important;
  transition: all 0.3s ease;
  opacity: 1;
  text-decoration: none !important;
  text-shadow: unset;
}
.navbar-right {
  float: right !important;
  margin-right: -15px !important;
}
 .navbar-default .navbar-nav>li>a.is-active {
  border-left: 5px solid #ad9562;
  color: #AD9562 !important;
  opacity: 1 !important;
  text-shadow:unset;
 }
.path-contact .region-content {
  padding: 50px 10px
}

header>.navbar-collapse>.region-navigation-collapsible {
  display: flex;
  align-items: unset !important;
  justify-content: unset !important;
}

.region.region-navigation-collapsible {
  padding: 0 !important;
  top: 0;
  right: 0;
  z-index: 9999;
  border-radius: 0px !important;
}

.open {
  display: block !important;
}

.hide {
  display: none !important;
}
body.path-frontpage {
  background-image: url(/sites/default/files/inline-images/background-filter%20%281%29.png), url(/sites/default/files/inline-images/background-3.jpg);
}
body {
  color: rgb(var(--font-color)) !important;

  font-family: var(--texte-font) !important;

  margin-top: 0;

  overflow-x: hidden !important;

  padding-top: 0 !important;

  margin-left: 0 !important;

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: top 0 left 0;

  background-attachment: unset;
}

body {
  background-image: url(/sites/default/files/inline-images/background-filter%20%281%29.png)
}

@media screen and (max-width: 1190px) {
  body {
    background-size: cover;
  }
}

#toolbar-administration {
  display: block;

  margin-bottom: 90px;
}
#infoTab { background: transparent !important;}
.js-quickedit-main-content {
  margin-top: 0 !important;

  margin-bottom: 0 !important;

  background-color: rgb(var(--blanc)) !important;

  flex-grow: 1;
}

::selection {
  background: rgba(var(--en-tete), 15%);
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: rgba(var(--en-tete), 15%);
  /* Gecko Browsers */
}

* {
  scroll-margin-top: 15rem;

  scrollbar-color: #ccc #f5f5f5;

  scrollbar-width: thin;
}

::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 3px;

  height: 3px;

  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--en-tete-font);

  font-weight: bold;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: 400;

  line-height: 1;

  color: #ffffff;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;

  color: rgb(var(--font-color));
}

h3,
.h3 {
  font-size: 24px;

  color: rgb(var(--font-color));
}

h4,
.h4 {
  font-size: 18px;

  color: rgb(var(--font-color));
}

h5,
.h5 {
  font-size: 14px;

  color: rgb(var(--font-color));
}

h6,
.h6 {
  font-size: 12px;

  color: rgb(var(--font-color));
}

mark {
  background: rgba(var(--accents), 70%);

  font-size: 11px;
}

.tabs-below>.nav-tabs .summary,
.tabs-left>.nav-tabs .summary,
.tabs-right>.nav-tabs .summary {
  color: #ffffff;

  font-size: 12px;
}

.form-control {
  box-shadow: none !important;
}

.path-contact .select-wrapper {
  width: 100%
}

.page-header {
  color: rgb(var(--en-tete));

  font-family: var(--en-tete-font);

  font-weight: bold;

  margin-top: 0;

  margin-bottom: 3rem;

  border-bottom: 1px dotted rgba(var(--font-color), 25%);

  font-size: 36px;
}

hr {
  border-top: 1px dotted rgba(var(--font-color), 25%) !important;

  margin-top: 3rem;

  margin-bottom: 3rem;
}

a {
  color: rgb(var(--font-color));

  text-decoration: underline;

  text-decoration-color: rgb(var(--lien));

  text-underline-position: under;
}

a:hover,
a:focus {
  color: rgb(var(--lien));
  outline:unset important;
}

.btn {
  border: 2px solid rgb(var(--bouton));

  border-radius: 100px;

  padding: 5px 15px;

  color: rgb(var(--bouton));

  background: transparent;

  text-decoration: none;

  position: relative;

  z-index: 10;
}

#edit-submit-views-ui-add-handler-form--kDCbFp2p8jg,
#edit-cancel--eflxbRKn9dc {
  width: unset !important;

  height: unset !important;

  padding: 5px 15px !important;

  border: 2px solid rgb(var(--bouton)) !important;
}

.field-plugin-settings-edit.image-button::before {
  content: "\f013";

  font-family: "FontAwesome";
}

.btn:hover,
.btn:focus {
  background: rgb(var(--bouton));

  border-color: rgb(var(--bouton));

  color: rgb(var(--blanc));
}

.btn-primary {
  background: rgb(245, 245, 245);

  border: 1px solid rgb(var(--texte));

  color: rgb(var(--texte));

  border-radius: 5px;
}

.btn-primary:hover,
.btn-primary:focus {
  background: rgb(var(--arriere-plan));

  color: rgb(var(--texte));
}

.btn-danger {
  background: rgb(var(--menu));

  border: 1px solid rgb(181, 15, 12);

  color: rgb(var(--blanc));

  border-radius: 5px;
}

.btn-danger:hover,
.btn-danger:focus {
  background: rgb(181, 15, 12);
}

.btn-group.dropdown {
  margin: 0;

  padding: 0;

  list-style-type: none;

  list-style-image: none;

  min-width: 117.6875px;

  width: fit-content;
}

.btn-group.dropdown>.form-submit {
  border-radius: 100px 0 0 100px !important;

  margin-right: -1px;
}

.btn-group.dropdown>.dropdown-toggle {
  border-radius: 0 100px 100px 0 !important;
}

.views-ui-display-tab-bucket {
  margin: unset;

  padding: unset;
}

.open>.dropdown-menu {
  width: inherit;

  margin-top: 0;

  min-width: unset;
}

.label {
  color: rgb(var(--font-color));
}

.views-admin .icon {
  height: unset !important;

  width: unset;

  background-image: unset;
}

.views-admin .icon.compact {
  text-indent: 0;
}

.views-ui-display-tab-bucket__title {
  line-height: 1.42857143;

  padding: 7px;

  display: block;

  text-align: left;
}

.views-ui-settings-bucket-operations {
  position: absolute;

  top: 0px;

  right: 0px;

  display: block;
}

.view-header {
  margin: 3rem 0;
}

/*

#drupal-modal {

position: fixed;

height: auto;

min-height: 38px;

max-height: 695px;

width: 75%;

top: 60.9981px;

left: 173.875px;

background: rgb(var(--blanc));

}*/

#drupal-modal--content {
  width: 100% !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
  background-color: transparent;
}

.table-hover>tbody>tr:hover {
  background-color: transparent;
}

td.views-field-changed {
  width: 140px;
}

td.views-field-type {
  width: 153px;
}

table a {
  text-decoration: none;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 5px 4px;

  vertical-align: middle;

  display: table-cell;
}

thead th {
  text-transform: uppercase;

  color: #fffbfb;

  border: solid #bfbfba !important;

  border-width: 1px 0 !important;

  background: #333;
}

.form--inline .form-item,
.form-item-action,
.form-item-action+.form-actions {
  float: left;

  margin-right: 10px !important;

  margin-top: 1em !important;

  margin-bottom: 1em !important;
}

.form-item-action>.control-label {
  display: none;
}

.form-inline .control-label {
  display: table;

  margin: 0 0 0.1em;

  padding: 0;

  font-weight: bold;
}

.form--inline .form-actions {
  clear: left;

  display: block;
}

.form-actions {
  margin-top: 1em !important;

  margin-bottom: 1em !important;
}

.select-wrapper {
  width: fit-content;
}

.breadcrumb {
  padding: 10px 0 0;

  margin-bottom: 0;

  background-color: unset;
}

.breadcrumb>.active {
  font-weight: bold;

  color: rgb(var(--texte));
}

.breadcrumb>li>a {
  text-decoration: none;
}

.nav:not(.menu--account)>li>a {
  padding: 5px 10px !important;
}

.nav>li>a {
  text-decoration: none;
}

.navbar-collapse {
  padding: 0;
}

header.navbar-default,
footer {
  padding: 0 !important;

  border: unset;

  margin-bottom: 0 !important;

  width: 100% !important;
}

footer {
  max-width: 100% !important;
}

header.navbar-default {
  background-color: transparent;

  padding-top: 15px !important;

  padding-bottom: 15px !important;
}

.navbar-default {
  margin-top: 0 !important;
}

.navbar-default .navbar-text,
.navbar-default .navbar-nav>li>a {
  color: rgb(var(--texte-footer));

  font-family: var(--en-tete-font);
}

.navbar-default .navbar-nav>li>a {
  text-shadow: -0.5px -0.5px 0 transparent, 0.5px 0.5px transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: rgb(var(--gold-dijon));
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  background-color: transparent !important;

  color: rgb(var(--menu)) !important;

  text-shadow: -0.5px -0.5px 0 rgb(var(--menu)), 0.5px 0.5px rgb(var(--menu));
}

.menu--footer {
  display: flex;

  flex-wrap: wrap;
}

.menu--footer>li>a {
  color: rgba(var(--blanc), 50%);

  font-family: var(--en-tete-font);
}

.menu--footer>li>a:hover,
.menu--footer>li>a:focus {
  color: rgba(var(--blanc), 100%);

  background-color: unset;
}

header>.navbar-header>.region-navigation,
footer>.region-footer {
  display: flex;

  align-items: center;
}

footer>.region-footer {
  padding: 0.9rem 0;

  margin: 0 auto;
}

.navbar-btn {
  margin: 0;

  padding-right: 15px;
}

.navbar-text {
  margin: 0 !important;
}

footer>.region-footer>.navbar-text {
  color: rgb(var(--blanc));

  font-size: 12.5px;

  font-family: var(--en-tete-font);

  text-align: left;
}

footer>.region-footer>.navbar-btn {
  height: 60px;
}

footer>.region-footer>.navbar-btn {
  width: auto;
}

footer>.region-footer>.navbar-btn>img,
header.navbar-default>.navbar-header>.region-navigation>.navbar-btn>img {
  height: inherit;

  width: inherit;

  object-fit: contain;
}

footer>.region-footer>#block-citizena-themes-footer {
  margin-left: auto;
}

.dialog-off-canvas-main-canvas {
  min-height: 100vh;

  display: flex;

  flex-direction: column;
}

footer {
  margin-top: auto !important;

  font-size: 14px !important;

  text-align: left;
}

.path-frontpage .page-header {
  display: none;
}

#block-citizena-themes-account-menu>ul {
  width: max-content;
}

a[href="/user/logout"],
a[href="/user/login"] {
  background-color: rgb(var(--menu));

  border: 2px solid rgb(var(--menu));

  color: rgb(var(--blanc)) !important;

  border-radius: 100px;

  margin-left: 10px;

  padding: 10px 25px !important;
}

a[href="/user/logout"]:hover,
a[href="/user/login"]:hover,
a[href="/user/logout"]:focus,
a[href="/user/login"]:focus {
  background-color: transparent;

  text-shadow: unset !important;
}

a[href="/user/logout"]::before,
a[href="/user/login"]::before {
  font-family: "FontAwesome";

  padding-right: 5px;
}

a[href="/user/logout"]::before {
  content: "\f08b";
}

a[href="/user/login"]::before {
  content: "\f090";
}

footer .region-footer .nav>li>a[href*="facebook"],
footer .region-footer .nav>li>a[href*="twitter"],
footer .region-footer .nav>li>a[href*="instagram"],
footer .region-footer .nav>li>a[href*="linkedin"],
footer .region-footer .nav>li>a[href*="youtube"],
footer .region-footer .nav>li>a[href*="vimeo"] {
  font-size: 0;
}

footer .region-footer .nav>li>a[href*="facebook"]::before,
footer .region-footer .nav>li>a[href*="twitter"]::before,
footer .region-footer .nav>li>a[href*="instagram"]::before,
footer .region-footer .nav>li>a[href*="linkedin"]::before,
footer .region-footer .nav>li>a[href*="youtube"]::before,
footer .region-footer .nav>li>a[href*="vimeo"]::before {
  font-family: "FontAwesome";

  font-size: 14px;
}

footer .region-footer .nav>li>a[href*="facebook"]::before {
  content: "\f09a";
}

footer .region-footer .nav>li>a[href*="twitter"]::before {
  content: "\f099";
}

footer .region-footer .nav>li>a[href*="instagram"]::before {
  content: "\f16d";
}

footer .region-footer .nav>li>a[href*="linkedin"]::before {
  content: "\f0e1";
}

footer .region-footer .nav>li>a[href*="youtube"]::before {
  content: "\f167";
}

footer .region-footer .nav>li>a[href*="vimeo"]::before {
  content: "\f27d";
}

h2.block-title {
  color: rgb(var(--en-tete));

  font-weight: bold;
}

.path-glossaire .view-glossaire {
  display: flex;
}

.path-glossaire .view-glossaire>.attachment {
  max-width: 15rem;

  min-width: 5rem;

  width: 34%;
}

.path-glossaire .view-glossaire>.attachment>.views-element-container {
  position: sticky;

  top: 15rem;
}

.path-glossaire .view-glossaire>.attachment .view-content>div>a {
  text-decoration: none !important;

  color: unset;
}

.path-glossaire .view-glossaire>.attachment .view-content>div {
  cursor: pointer;
}

.path-glossaire .view-glossaire>.attachment .view-content>div:hover {
  color: rgb(var(--lien));

  font-weight: bold;
}

.path-glossaire .view-glossaire>.view-content>.views-row {
  margin-bottom: 2rem;
}

.path-glossaire .view-glossaire>.view-content>.views-row>.views-field-title {
  font-weight: bold;

  font-size: 24px;
}

.path-glossaire .view-glossaire>.view-content>h3 {
  font-size: 0;
}

.path-glossaire .view-glossaire>.view-content>h3:nth-child(1) {
  margin: 0;
}

.path-glossaire .view-glossaire>.view-content>h3:not(:nth-child(1)) {
  margin: 2.5rem 0;
}

#block-accueilrestitutions,
#block-views-block-actualites-block-1,
article>.content>section[rel="schema:comment"],
.page-node-type-forum article.forum>.content>section,
.page-node-type-article article>.content>.field--name-field-image,
#block-filtrepartheme,
#block-reseauxsociaux {
  width: calc(100vw);
  /* - 20px*/

  margin-left: calc(-50vw + 50%);
  /* + 10px*/
}

#block-reseauxsociaux {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),
    rgb(var(--accents));

  padding-bottom: 3rem;

  padding-top: 3rem;
}

#block-reseauxsociaux>h2.block-title {
  display: none;
}

#block-reseauxsociaux .field--name-body {
  display: flex;

  align-items: center;

  gap: 10rem;
}

#block-reseauxsociaux .field--name-body>p {
  font-size: 35px;

  font-weight: bold;
}

.page-node-type-article article>.content>.field--name-field-image {
  max-height: 35.875rem;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 3rem;

  margin-bottom: 3rem;
}

.page-node-type-article article>.content>.field--name-field-intoduction {
  font-weight: bold;

  margin-top: 1rem;

  font-family: var(--en-tete-font);

  margin-bottom: 10px;
}

.page-node-type-article article>.content>.field--name-field-image img {
  width: 100%;
}

article>.content>section[rel="schema:comment"]>#comment-form,
.page-node-type-forum article.forum>.content>section>#comment-form {
  margin-bottom: 2rem;
}

article>.content>section[rel="schema:comment"]>#comment-form textarea,
.page-node-type-forum article.forum>.content>section>#comment-form textarea {
  background: transparent;

  border: 1px solid rgba(var(--texte), 50%);
}

article>.content>section[rel="schema:comment"]>#comment-form textarea:focus,
.page-node-type-forum article.forum>.content>section>#comment-form textarea:focus {
  box-shadow: unset;

  border: 1.5px solid rgb(var(--en-tete));
}

article>.content>section[rel="schema:comment"]>#comment-form textarea:focus-visible,
.page-node-type-forum article.forum>.content>section>#comment-form textarea:focus-visible {
  outline: unset;
}

article>.content>section[rel="schema:comment"]>.js-comment,
.page-node-type-forum article.forum>.content>section>.js-comment {
  margin-bottom: 2rem;
}

article.forum>.content,
article.actualite>.content {
  display: flex;

  flex-direction: column;

  min-height: calc(100vh - 292px);
}

article>.content>section[rel="schema:comment"]>.js-comment>div>h3,
.page-node-type-forum article.forum>.content>section>.js-comment>div>h3 {
  display: none;
}

article>.content>section[rel="schema:comment"]>.js-comment>footer>a,
.page-node-type-forum article.forum>.content>section>.js-comment>footer>a {
  display: none;
}

article>.content>section[rel="schema:comment"] #edit-preview,
.page-node-type-forum article.forum>.content>section #edit-preview {
  display: none;
}

article>.content>section[rel="schema:comment"] #edit-submit,
.page-node-type-forum article.forum>.content>section #edit-submit {
  margin: 0;

  float: right;
}

article>.content>section[rel="schema:comment"],
.page-node-type-forum article.forum>.content>section {
  background-color: rgb(var(--arriere-plan));

  display: flex;

  flex-direction: column-reverse;

  justify-content: flex-end;

  margin-top: 10rem;

  flex-grow: 1;

  padding: 2rem 0;
}

article>.content>section[rel="schema:comment"]>h2,
.page-node-type-forum article.forum>.content>section>h2 {
  display: none;
}

article>.content>section[rel="schema:comment"]>.js-comment>footer,
.page-node-type-forum article.forum>.content>section>.js-comment>footer {
  display: flex;

  align-items: center;
}

article>.content>section[rel="schema:comment"]>.js-comment>footer>*,
.page-node-type-forum article.forum>.content>section>.js-comment>footer>* {
  background-color: transparent !important;

  padding: 0 !important;

  font-size: 12px;

  font-weight: 100;

  color: rgb(0 0 0 / 50%);

  margin: 0;
}

article>.content>section[rel="schema:comment"]>.js-comment>footer>article>.field--name-user-picture,
.page-node-type-forum article.forum>.content>section>.js-comment>footer>article>.field--name-user-picture {
  height: 3rem;

  width: 3rem;

  overflow: hidden;

  border-radius: 100px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 1rem;
}

#block-accueilrestitutions>.field--name-body {
  display: flex;

  height: 40rem;
}

#block-accueilrestitutions>.field--name-body>div {
  display: flex;

  justify-content: center;

  flex-direction: column;

  background-position: center center !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;
}

#block-accueilrestitutions>.field--name-body>div>h2 {
  margin-top: 0;

  color: rgb(var(--blanc)) !important;
}

#block-accueilrestitutions>.field--name-body>div>a {
  color: rgb(var(--blanc));

  border: 2px solid rgb(var(--blanc));

  padding: 10px 25px !important;

  border-radius: 100px;

  text-decoration: none;
}

#block-accueilrestitutions>.field--name-body>div>a:hover,
#block-accueilrestitutions>.field--name-body>div>a:focus {
  background: rgb(var(--blanc));

  color: rgb(var(--texte));
}

article>footer {
  background-color: transparent !important;

  padding: 0 !important;
}

article>footer>.author {
  font-size: 0px;

  color: rgba(var(--font-color), 50%);
}

article>footer>.author>span:nth-child(2) {
  font-size: 12px;
}

section[class*="block-views-blockactualites-block"] {
  margin: 2rem 0 3rem;
}

section[class*="block-views-blockactualites-block"] .form-group {
  width: 100%;

  display: flex;

  align-items: center;

  position: relative;
}

section[class*="block-views-blockactualites-block"] .form-group #nav-previous,
section[class*="block-views-blockactualites-block"] .form-group #nav-next {
  position: absolute;

  background-color: rgba(var(--bouton), 50%);

  color: rgb(var(--bouton));

  height: 4.5rem;

  width: 4.5rem;

  border-radius: 50%;

  z-index: 99;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0.7;

  transition: all 0.5s ease-in-out;
}

section[class*="block-views-blockactualites-block"] .form-group #nav-previous:hover,
section[class*="block-views-blockactualites-block"] .form-group #nav-next:hover {
  opacity: 1;
}

section[class*="block-views-blockactualites-block"] .form-group #nav-previous {
  left: 3rem;

  padding: 0 1rem 0 0.85rem;
}

section[class*="block-views-blockactualites-block"] .form-group #nav-next {
  right: 3rem;

  padding: 0 0.85rem 0 1rem;
}

section[class*="block-views-blockactualites-block"] .view-id-actualites {
  width: 100% !important;

  overflow: scroll;

  overflow-y: hidden;

  padding: 0;

  position: relative;
}

section[class*="block-views-blockactualites-block"] .view-id-actualites {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */

  scrollbar-width: none;
  /* Firefox */
}

section[class*="block-views-blockactualites-block"] .view-id-actualites::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

section[class*="block-views-blockactualites-block"] .view-content {
  display: inline-flex;

  list-style: none;

  align-items: flex-start;

  justify-content: stretch;

  margin-bottom: 33px;

  padding: 0 !important;
}

section[class*="block-views-blockactualites-block"] .views-row:nth-child(1) {
  margin-left: -3rem;
}

section[class*="block-views-blockactualites-block"] .views-row:not(:nth-child(1)) {
  border-left: 1px dotted rgba(var(--font-color), 25%);
}

.path-actualites .view-id-actualites .views-row:not(:nth-child(1)) {
  border-top: 1px dotted rgba(var(--font-color), 25%);
}

section[class*="block-views-blockactualites-block"] .views-row {
  width: 36.563rem;

  display: flex;

  flex-direction: column;

  align-self: stretch;

  cursor: pointer;

  padding: 0 3rem;
}

.path-actualites .view-id-actualites .views-row {
  width: 100%;

  display: grid;

  cursor: pointer;

  padding: 3rem 0;

  grid-auto-rows: min-content min-content 2fr;
}

section[class*="block-views-blockactualites-block"] h2.block-title {
  display: flex;

  align-items: center;

  margin-bottom: 2rem;
}

section[class*="block-views-blockactualites-block"] h2.block-title>a {
  font-size: 14px;

  text-decoration: none;

  border: 2px solid rgb(var(--lien));

  color: rgb(var(--lien));

  border-radius: 100px;

  padding: 10px 15px;

  font-weight: normal;

  margin-left: 2rem;
}

section[class*="block-views-blockactualites-block"] h2.block-title>a:hover {
  background-color: rgb(var(--lien));

  color: rgb(var(--blanc));
}

.view-id-actualites .views-row .views-field-field-image {
  overflow: hidden;

  position: relative;
}

section[class*="block-views-blockactualites-block"] .views-row .views-field-field-image {
  height: 17.25rem;

  width: 30.563rem;
}

.view-id-actualites .views-row .views-field-field-image>.field-content,
.view-id-actualites .views-row .views-field-field-image>.field-content>a {
  height: inherit;

  width: inherit;
}

.view-id-actualites .views-row img {
  height: inherit;

  width: inherit;

  max-width: unset;

  display: unset;

  object-fit: cover;
}

.path-actualites .view-id-actualites .views-row .views-field-field-image {
  grid-area: image;
}

section[class*="block-views-blockactualites-block"] .views-row .views-field-created,
section[class*="block-views-blockactualites-block"] .views-row .views-field-title,
section[class*="block-views-blockactualites-block"] .views-row .views-field-field-intoduction {
  padding: 0.5rem 1rem 0;
}

.path-actualites .view-id-actualites .views-row .views-field-created {
  grid-area: created;
}

.path-actualites .view-id-actualites .views-row .views-field-title {
  grid-area: title;
}

.path-actualites .view-id-actualites .views-row .views-field-field-intoduction {
  grid-area: body;
}

.view-id-actualites .views-row .views-field-field-intoduction .views-more-link {
  white-space: nowrap;

  overflow: hidden;

  width: 100%;

  display: block;

  text-decoration: none !important;

  color: rgb(var(--lien));

  font-weight: bold;
}

.view-id-actualites .views-row .views-field-field-intoduction .views-more-link::after {
  content: "\f178";

  font-family: "FontAwesome";

  padding-left: 0.5rem;

  -webkit-transition: all 1s ease-in-out;

  left: 0;

  position: relative;
}

.view-id-actualites .views-row .views-field-field-intoduction .views-more-link:hover::after {
  -webkit-animation: toRight 1s 1;
}

@-webkit-keyframes toRight {
  0% {
    left: 0;
  }

  50% {
    left: 5px;
  }

  100% {
    left: 0;
  }
}

.view-id-actualites .views-row .views-field-title a,
.view-analyse .views-row .views-field-title a,
.view-tableau-de-bord .views-row .views-field-title a,
.view-indicateurs .views-row .views-field-title a,
.view-marketing .views-row .views-field-title a {
  font-family: var(--en-tete-font);

  font-weight: bold;

  font-size: 16px;

  text-decoration: none;

  color: rgb(var(--font-color)) !important;
}

.view-analyse .views-row .views-field-title a,
.view-tableau-de-bord .views-row .views-field-title a,
.view-indicateurs .views-row .views-field-title a,
.view-marketing .views-row .views-field-title a {
  display: flex;

  align-items: flex-start;

  justify-content: space-between;
}

.view-analyse .views-row .views-field-title a::after,
.view-tableau-de-bord .views-row .views-field-title a::after,
.view-indicateurs .views-row .views-field-title a::after,
.view-marketing .views-row .views-field-title a::after {
  content: "\f08e";

  font-family: "FontAwesome";
}

.view-id-actualites .views-row .views-field-created {
  opacity: 0.7;

  font-size: 85%;

  font-family: var(--en-tete-font);
}

.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
.field--name-field-paragraphs .paragraph--type--article-citation {
  font-size: 1.5rem;
}

.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
.field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
.field--name-field-paragraphs .paragraph--type--article-citation,
.field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
  font-family: var(--en-tete-font);
}

.field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
  font-family: var(--en-tete-font);
}

.field--name-field-paragraphs .paragraph--type--article-chiffres-cles>.field--name-field-chiffre {
  font-size: 3rem;

  font-weight: bold;
}

.field--name-field-paragraphs .paragraph--type--article-chiffres-cles>.field--name-field-chiffre-description {
  font-size: 1.25rem;
}

blockquote {
  border: 0;

  margin: 0;

  padding: 2rem 0;

  font-family: var(--en-tete-font);

  font-size: 1.5rem;
}

.field--name-field-paragraphs .paragraph--type--article-citation>.field--name-field-citation::before,
.field--name-field-paragraphs .paragraph--type--article-citation>.field--name-field-citation::after,
blockquote>p::before,
blockquote>p::after {
  font-family: "FontAwesome";
}

.field--name-field-paragraphs .paragraph--type--article-citation>.field--name-field-citation::before,
blockquote>p::before {
  content: "\f10d";

  padding-right: 0.5rem;
}

.field--name-field-paragraphs .paragraph--type--article-citation>.field--name-field-citation::after,
blockquote>p::after {
  content: "\f10e";

  padding-left: 0.5rem;
}

.field--name-field-paragraphs .paragraph--type--article-citation>.field--name-field-author {
  font-size: 1.25rem;

  font-weight: bold;

  margin: 10px 0 0;
}

.field--name-field-paragraphs .paragraph--type--article-citation>.field--name-field-poste-de-l-auteur {
  font-size: 1.25rem;

  margin: 0;
}

.field--name-field-paragraphs .paragraph--type--article-fichier>.field--name-field-fichier {
  margin: 3rem 0;

  display: flex;

  /* flex-direction: column; */

  align-items: flex-start;

  justify-content: center;

  gap: 0 3.75rem;

  flex-wrap: wrap;
}

.field--name-field-paragraphs .paragraph--type--article-fichier>.field--name-field-fichier>.field--item {
  width: fit-content;
}

.page-node-type-article article.contextual-region.actualite.is-promoted>footer {
  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;

  gap: 1rem 3rem;
}

.field--name-field-assistance-audio {
  padding-left: 3rem;

  border-left: 1px dotted rgba(var(--font-color), 25%);
}

.field--name-field-assistance-audio>audio {
  height: 3.5rem;
}

.field--type-file span.file {
  display: grid;

  grid-template-areas:
    "fileIcon fileName"
    "fileIcon fileSize";

  align-items: center;

  justify-items: start;

  grid-template-columns: min-content auto;

  width: fit-content;
}

.field--type-file span.file>span {
  border: 0px solid transparent;

  background: transparent;
}

.field--type-file span.file>span.file-icon {
  grid-area: fileIcon;

  padding-left: 0 !important;
}

.field--type-file span.file>span.file-icon>span {
  color: rgb(var(--lien)) !important;
}

.field--type-file span.file>span.file-icon>span::before {
  content: "\f019";

  font-family: "FontAwesome";
}

.field--type-file span.file>span.file-link {
  grid-area: fileName;
}

.field--type-file span.file>span.file-link>a {
  text-decoration: none !important;

  color: rgb(var(--lien)) !important;
}

.field--type-file span.file>span.file-size {
  grid-area: fileSize;

  padding: 0;

  color: rgb(var(--font-color));

  font-weight: 600;

  font-size: 75%;
}

.field--name-field-paragraphs .paragraph--type--article-liens,
.field--name-field-paragraphs .paragraph--type--article-iframe .field--name-field-video {
  margin: 3rem 0;
}

.field--name-field-paragraphs .paragraph--type--article-liens>.field--name-field-lien>.field--item>a::before {
  content: "\f178";

  font-family: "FontAwesome";

  padding-right: 0.5rem;

  color: rgb(var(--lien));
}

.field--name-field-paragraphs .paragraph--type--article-liens>.field--name-field-lien>.field--item>a {
  text-decoration: none !important;

  transition: 0.5s;
}

.field--name-field-paragraphs .paragraph--type--article-liens>.field--name-field-lien>.field--item>a:hover {
  margin-left: 10px;
}

.field--name-field-paragraphs .paragraph--type--article-iframe .field--name-field-video video {
  width: 100% !important;

  height: auto !important;
}

article.mentions-legales {
  display: flex;
}

article.mentions-legales>#ml-navigation>ul {
  padding: 0;
}

article.mentions-legales>#ml-navigation>ul>li {
  list-style: none;

  font-size: 85%;
}

article.mentions-legales>#ml-navigation>ul>li>a {
  white-space: nowrap;

  text-decoration: none !important;
}

article.mentions-legales h3.section-title {
  font-weight: bold;

  margin-top: 0 !important;
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph>div[class*="field--name-field-logo"] {
  width: 25rem;
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph>div:not([class*="field--name-field-logo"]) {
  width: calc(100% - 25rem);
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-denomination-sociale"] {
  font-weight: bold;
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-adresse-du-siege-sociale"]::before,
.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-numero-de-telephone"]::before,
.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-courriel"]::before,
.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-site-web"]::before {
  font-family: "FontAwesome";

  padding-right: 0.5rem;
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-adresse-du-siege-sociale"]::before {
  content: "\f041";
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-numero-de-telephone"]::before {
  content: "\f095";
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-courriel"]::before {
  content: "\f1fa";
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-site-web"]::before {
  content: "\f0c1";
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-numero-de-telephone"]>a,
.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph div[class*="field--name-field-courriel"]>a {
  text-decoration: none;
}

.field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph .field--label {
  font-weight: normal;
}

.field--name-field-informations-editeurs>.field--items>.field--item,
.field--name-field-contenu>.field--item {
  margin-bottom: 3rem;
}

.field--name-field-contenu .field--name-field-titre-de-la-section {
  margin-top: 6rem;

  margin-bottom: 3rem;
}

#contact-message-nous-contacter-form {
  background: url(/sites/default/files/inline-images/mailing.gif);

  background-repeat: no-repeat;
}

#contact-message-nous-contacter-form .form-actions {
  text-align: right;
}

#contact-message-nous-contacter-form .form-actions>#edit-preview {
  display: none;
}

#contact-message-nous-contacter-form .form-actions>#edit-submit {
  margin: 0;
}

.view-faq #edit-title,
.view-faq .js-form-item.form-type-textfield {
  width: 100%;
}

.view-faq #edit-title {
  margin: 2rem 0;
}

.view-faq #edit-submit-faq,
.view-faq #edit-actions {
  display: none;
}

.view-faq>.view-content>.views-row>.views-field-body {
  display: none;

  margin-top: 2rem;
}

.view-faq>.view-content>.views-row,
.view-analyse .views-row,
.view-tableau-de-bord .views-row,
.view-indicateurs .views-row,
.view-marketing .views-row {
  padding: 3rem 0;

  border-bottom: 1px dotted rgba(var(--font-color), 25%);

  cursor: pointer;
}

.view-faq>.view-content>.views-row:nth-child(1) {
  border-top: 1px dotted rgba(var(--font-color), 25%);
}

.view-faq>.view-content>.views-row>.views-field-title {
  position: relative;

  font-weight: bold;
}

.view-faq>.view-content>.views-row>.views-field-title>i {
  position: absolute;

  transform: translate(-6px, -35%);

  top: 35%;

  right: 0;
}

.view-faq>.view-content>.views-row>.views-field-title>i::before,
.view-faq>.view-content>.views-row>.views-field-title>i::after {
  content: "";

  position: absolute;

  background-color: rgb(var(--accents));

  width: 3px;

  height: 9px;

  transition: all 0.25s ease-in-out;
}

.view-faq>.view-content>.views-row>.views-field-title>i::before {
  transform: translate(2px, 0) rotate(45deg);
}

.view-faq>.view-content>.views-row>.views-field-title>i::after {
  transform: translate(-2px, 0) rotate(-45deg);
}

.view-faq>.view-content>.views-row.open>.views-field-title>i::before {
  transform: translate(-2px, 0) rotate(45deg);
}

.view-faq>.view-content>.views-row.open>.views-field-title>i::after {
  transform: translate(2px, 0) rotate(-45deg);
}

.path-faq .views-element-container {
  display: flex;
}

.path-faq .views-element-container>.faq-img>img {
  max-width: 100%;

  height: auto;

  position: sticky;

  top: 15rem;
}

#block-filtrepartheme {
  background: rgb(var(--arriere-plan));

  padding: 3rem 0;
}

#block-filtrepartheme .jddtheme-filter {
  margin: 0 auto;

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;
}

#block-filtrepartheme .jddtheme-filter-container {
  display: flex;

  flex-wrap: wrap;

  gap: 20px;

  height: 106.25px;

  overflow: hidden;
}

#block-filtrepartheme .jddtheme-filter-container>.jddtheme-card,
#block-filtrepartheme .jddtheme-filter>button {
  font-size: 0.95rem;

  line-height: 1.05rem !important;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-decoration: none;
}

#block-filtrepartheme .jddtheme-filter-container>.jddtheme-card {
  background: rgb(var(--blanc));

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border-radius: 5px;

  text-decoration: none;

  color: rgb(var(--font-color)) !important;
}

#block-filtrepartheme .jddtheme-filter>button {
  border: none;

  background: transparent;

  color: rgba(var(--menu), 50%);
}

#block-filtrepartheme .jddtheme-filter-container>.jddtheme-card>.jddtheme-card-img {
  max-width: 100%;

  height: auto;

  width: 35%;

  margin-bottom: 0.5rem;

  filter: invert(23%) sepia(0%) saturate(2597%) hue-rotate(327deg) brightness(102%) contrast(103%);
}

#block-filtrepartheme .jddtheme-filter-container>.jddtheme-card>.jddtheme-card-lbl {
  width: 80%;

  text-align: center;

  font-weight: bold;
}

#block-filtrepartheme .jddtheme-filter>button::before {
  font-family: "FontAwesome";

  content: "\f055";

  font-size: 4rem;

  margin-bottom: 1.475rem;
}

#block-filtrepartheme .jddtheme-filter-container>.jddtheme-card:hover {
  background-color: rgb(var(--accents));
}

#block-filtrepartheme .jddtheme-filter>button:hover {
  color: rgba(var(--menu), 100%);
}

#block-filtrepartheme .jddtheme-filter-container>.jddtheme-card,
#block-filtrepartheme .jddtheme-filter>button {
  width: 106.25px;

  height: 106.25px;
}

#block-filtrepartheme .jddtheme-filter-container {
  width: calc(100% - 106.25px);
}

div[role="main"] #main.widget-opendata,
.main--dataset {
  max-width: 109rem;

  display: flex;

  align-items: flex-start;

  justify-content: flex-end;

  flex-wrap: wrap;

  position: relative;

  margin: 0 auto;

}

#main.widget-opendata .dataset {
  height: unset;

  border-radius: 3px;

  border: 1px solid rgba(124, 121, 121, 0.27);

  display: flex;

  justify-content: stretch;

  flex-direction: column;

  margin: 0 !important;

  padding: 0 !important;

  align-self: stretch;

  overflow: hidden;

  font-size: 12px;
}
.col-sm-12 {
  padding: 0 !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  row-gap: 10px;

  min-width: 100%;

  align-items: flex-start;

  padding-left: 0 !important;

  /* padding-left: 0 !important; */

  color: #333333;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div {
  margin: 0 !important;

  border: 1px solid #ccc !important;

  align-self: stretch;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  width: 100%;

  margin-bottom: 1.25rem;

  margin-left: 0;

  /* padding: 0; */

  /* background: #ffffff !important; */

  border: 0;

  border-radius: 10px;

  -webkit-transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  transition: all 0.25s ease-out, outline 0s, outline-offset 0s;
}

#main.widget-opendata #datasets .dataset:hover {
  box-shadow: unset;

  border-left: 0;

  padding-left: 0;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_2 {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-flex: 1;

  -webkit-flex: auto;

  -ms-flex: auto;

  flex: auto;

  padding: 0.3125rem;

  border: 0;

  background: rgb(var(--accents));
}

#main.widget-opendata #datasets .dataset .box_2 p {
  margin: 0.1875rem 0.3125rem;

  font-size: 11px;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 {
  padding: 10px !important;

  position: relative;

  -webkit-box-flex: 1;

  -webkit-flex: auto;

  -ms-flex: auto;

  flex: auto;

  height: 100%;

  padding-bottom: 0.9375rem;

  background: transparent;

  cursor: pointer;

  -webkit-transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  z-index: 99 !important;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1>a {
  color: rgb(var(--texte)) !important;

  text-decoration: none;
}

#main.widget-opendata #datasets .dataset .box_1::after {
  content: "";

  background: linear-gradient(-20deg,

      rgba(var(--accents), 100%),
      rgba(var(--accents), 50%) 50%,

      transparent 50%,

      transparent);

  position: absolute;

  bottom: 0;

  right: 0;

  width: 0px;

  height: 0px;

  -webkit-transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  display: block;

  z-index: -1;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div:hover>.box_1::after {
  width: 100%;

  height: 100%;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div:hover>.box_1 .inner .dataset-h2 {
  color: rgba(var(--accents), 100%) !important;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1>a>div:nth-child(1) {
  flex-direction: row-reverse !important;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .box_4 {
  margin-right: 3rem !important;

  word-break: break-word;
}
.dataset-content {
  height: 100%;
  padding: 10px;
}
.dataset-informations-center.flex-container {
  flex-direction: column !important;
  gap:12px !important;
}
#main.widget-opendata .dataset ul.jetons {
  justify-content: flex-start !important;
}
.dataset-data-validation {
  background: #6D6D6D80 !important;
}
.dataset-data-validation p{
 color: #fff !important;
}
#main.widget-opendata #datasets .dataset .box_1 .portail-theme {
  height: calc(100% - 10px);

  position: absolute;

  display: flex;

  flex-direction: column;

  width: 35px;

  align-items: center;

  justify-content: flex-start;

  margin-right: 0 !important;

  margin-top: 0 !important;
}

#main.widget-opendata #datasets .dataset .box_1 .portail-theme>div {
  position: relative;

  margin: 0 !important;

  display: block !important;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1>a>.inner {
  margin-right: 3rem;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .box_4>.inner {
  padding: 0 !important;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .box_4>.inner .dataset-h2,
div[role="main"] #main.widget-opendata .col-md-10 #datasets {
  color: #fff !important;

  font-size: 12px;

  width: 100% !important;
}
.inner .dataset-h2{
  color: #fff !important;
  font-size:20px !important;
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .inner p {
  margin-right: 0 !important;

  margin-top: 10px;

  margin-bottom: 0;

  z-index: 99;

  font-size: 11px;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .infos>ul {
  font-size: 11px;

  margin: 0;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .infos>ul>.titre::after {
  content: " :";
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .infos>ul>.info {
  float: unset;

  margin-left: 6px;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .infos>ul.jetons {
  display: none;
}

div[role="main"] #main.widget-opendata .col-md-10 #datasets>div>.box_1 .infos>ul.jetons>li {
  margin: 0 !important;

  border: unset !important;

  padding: 3px 10px;
}

div[role="main"] #main.widget-opendata>#filter {
  display: flex;

  flex-direction: column;

  padding: 0;

  position: static;
}

div[role="main"] #main.widget-opendata>#filter>h2,
div[role="main"] #main.widget-opendata>#filter #actif-filters h2 {
  order: -2;

  margin-top: 0 !important;

  background-color: transparent !important;

  color: rgb(var(--gold-dijon)) !important;

  padding: 0 0 0 10px !important;

  font-weight: 300 !important;

  font-size: 14px !important;

  text-transform: uppercase;

  font-family: var(--en-tete-font);
}

div[role="main"] #main.widget-opendata>#filter>ul#list-cat {
  order: -2;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding: 0 !important;
}

div[role="main"] #main.widget-opendata>#filter>ul#list-cat>li {
  border: unset;

  padding: 5px 12px;
}

div[role="main"] #main.widget-opendata>#filter>ul#list-cat>li>span {
  display: none;
}

div[role="main"] #main.widget-opendata>#filter>ul#list-cat>li>i {
  color: rgb(var(--texte));
}

div[role="main"] #main.widget-opendata>#filter>ul#list-cat>li:hover {
  background-color: rgba(var(--bouton), 15%);

  color: rgba(var(--bouton), 100%);
}

div[role="main"] #main.widget-opendata>#filter>ul#list-cat>li:hover>i {
  color: rgba(var(--bouton), 100%);
}

div[role="main"] #main.widget-opendata>#filter>h2:nth-child(6) {
  order: -1;

  margin-top: 1.5rem !important;

  background-color: transparent !important;

  color: rgb(var(--gold-dijon)) !important;

  padding: 0 0 0 10px !important;

  font-weight: 500 !important;

  font-size: 20px !important;

  text-transform: uppercase;

  font-family: var(--en-tete-font);
}

div[role="main"] #main.widget-opendata>#filter>#search-form {
  order: -1;

  margin-left: 10px !important;

  margin-right: 10px !important;
}

div[role="main"] #main.widget-opendata>#filter>.ng-scope.d4c-portail-map {
  order: 0;
}

div[role="main"] #main.widget-opendata>#filter>.ng-scope.d4c-portail-map>d4c-dataset-context>div.row>div,
div[role="main"] #main.widget-opendata>#filter>.ng-scope.d4c-portail-map>div.row>div {
  width: 100% !important;

  padding: 0 !important;
}

div[role="main"] #main.widget-opendata>#filter>h3 {
  margin-top: 2rem;

  background-color: transparent !important;

  color: rgb(var(--texte)) !important;

  padding: 0 0 0 10px !important;

  font-weight: 300 !important;

  font-size: 1rem !important;

  text-transform: uppercase;

  font-family: var(--en-tete-font);
}

div[role="main"] #main.widget-opendata>#filter>ul.list-group>li,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category {
  position: relative;

  max-width: 100%;

  margin: 0;

  border-left: 0;

  background: none;

  border: 0;

  border-radius: 0;

  color: rgb(var(--texte));

  font-size: 12px;

  cursor: pointer;

  -webkit-transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  word-break: break-word;

  padding: 0.3125rem 0.9375rem 0.3125rem 0.9375rem;

  align-content: center;

  justify-content: flex-start;
}

div[role="main"] #main.widget-opendata>#filter>ul#list-producteur>li,
div[role="main"] #main.widget-opendata>#filter>ul#list-theme>li,
div[role="main"] #main.widget-opendata>#filter>ul#list-tag>li,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category {
  padding: 0.3125rem 0.9375rem 0.3125rem 2.5125rem;

  text-decoration: none;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

  flex-wrap: wrap;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters d4cwidget-facet__category-name {
  padding: 0.3125rem 0.9375rem 0.3125rem 2.2125rem !important;
}

.d4cwidget-facet__expansion-control-link {
  font-size: 11px;

  text-decoration: none !important;
}

.d4cwidget-facet__category-name {
  margin-right: 0.5rem;

  float: left;
}

div[role="main"] #main.widget-opendata>#filter>ul#list-producteur>li::before,
div[role="main"] #main.widget-opendata>#filter>ul#list-theme>li::before,
div[role="main"] #main.widget-opendata>#filter>ul#list-tag>li::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category::before {
  content: "";

  left: 10px;

  position: absolute;

  display: block;

  width: 12px;

  height: 12px;

  top: 0.4375rem;

  padding-left: 0.0625rem;

  font-size: 16px;

  text-align: center;

  line-height: 8px;

  font-weight: bold;

  border-radius: 0.125rem;

  border: 0.125rem solid rgba(var(--texte), 50%);

  background: transparent;

  color: rgb(var(--bouton));

  -webkit-transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  transition: all 0.25s ease-out, outline 0s, outline-offset 0s;
}

div[role="main"] #main.widget-opendata>#filter>ul.list-group>li>span.number_element,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count {
  float: unset;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

  padding-right: 0 !important;

  padding-left: 3px !important;

  color: rgba(var(--texte), 70%);

  font-size: 12px;
}

div[role="main"] #main.widget-opendata>#filter>ul.list-group>li>span.number_element::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count::before {
  content: "(";
}

div[role="main"] #main.widget-opendata>#filter>ul.list-group>li>span.number_element::after,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count::after {
  content: ")";
}

div[role="main"] #main.widget-opendata>#filter>ul#list-producteur>li:hover,
div[role="main"] #main.widget-opendata>#filter>ul#list-theme>li:hover,
div[role="main"] #main.widget-opendata>#filter>ul#list-tag>li:hover,
div[role="main"] #main.widget-opendata>#filter>ul#list-visu>li:hover,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category:hover {
  color: rgb(var(--bouton));

  background-color: rgba(var(--bouton), 15%);
}

div[role="main"] #main.widget-opendata>#filter>ul#list-producteur>li.selected::before,
div[role="main"] #main.widget-opendata>#filter>ul#list-theme>li.selected::before,
div[role="main"] #main.widget-opendata>#filter>ul#list-tag>li.selected::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category.d4cwidget-facet__category--refined::before {
  content: "\2713";
}

div[role="main"] #main.widget-opendata>#filter>#actif-filters {
  margin-bottom: 3rem;

  order: -3;
}

div[role="main"] #main.widget-opendata .col-md-10 {
  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  max-width: 100%;
}

div[role="main"] #main.widget-opendata #filter h1 {
  position: absolute;

  top: 0px;

  left: 0;

  right: 0;

  margin: 0 !important;

  background-color: transparent !important;

  padding: 0 !important;

  color: rgb(var(--en-tete)) !important;

  font-size: 30px !important;

  line-height: 30px;

  font-family: var(--en-tete-font);

  border-radius: 0;

  z-index: 99;

  font-weight: bold;
}

div[role="main"] #main.widget-opendata #filter .form-group label {
  display: none;
}

div[role="main"] #main.widget-opendata #filter .form-group {
  margin: 0;

  text-align: left;

  position: absolute;

  top: 0px;

  right: 0;

  z-index: 99;

  padding-right: 15px;
}

div[role="main"] #main.widget-opendata #filter .form-group>select {
  cursor: pointer !important;

  border: 1px solid #ccc !important;


  box-shadow: none;
}

select:not(.d4c-chart-controls__input),
#filtreUpdate>input#columnValue {
  display: block;

  height: 34px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555555;

  background-image: none;

  border-radius: 4px;

  box-shadow: none;

  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;

  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
}

select:focus-visible,
#filtreUpdate>input#columnValue:focus-visible {
  border-color: #66afe9;

  outline: 0;
}

div[role="main"] #main.widget-opendata>#filter>#actif-filters>h2 {
  display: flex;

  align-items: center;

  justify-content: space-between;
}

div[role="main"] #main.widget-opendata>#filter>#actif-filters>h2>span#reset-filters {
  color: rgb(var(--texte)) !important;

  text-transform: initial;

  position: unset;
}

div[role="main"] #main.widget-opendata>#filter>#actif-filters>ul>li {
  background-color: rgba(var(--bouton), 15%) !important;

  border: unset !important;

  padding: 5px 12px;

  color: rgba(var(--bouton), 100%);

  position: relative;

  word-break: break-all;
}

div[role="main"] #main.widget-opendata>#filter>#actif-filters>ul>li>span {
  top: 2px;
}

.d4c-tabs__tabs,
.tabs--primary {
  border-bottom: 1px solid rgb(var(--texte)) !important;

  font-size: 14px;
}

h1.d4c-dataset-visualization__dataset-title {
  margin: 0 0 2rem;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 {
  display: flex !important;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-items: center;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4cwidget-social-buttons {
  order: 2;

  margin: 0;

  display: flex;

  justify-content: flex-end;

  gap: 1px;
}

h1.d4c-dataset-visualization__dataset-title>.box_3>div:not(.d4c-button):not(.d4cwidget-social-buttons) {
  order: 3;

  margin-top: 15px;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4c-button {
  order: 1;

  font-size: 12px;

  line-height: 24px;

  background-color: transparent;

  border: 0px transparent;

  color: rgb(var(--texte));

  border-radius: 30px;

  width: 23rem;

  text-align: left;

  text-transform: lowercase;

  padding-left: 25px;

  font-weight: 400;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4c-button>i {
  display: none;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4c-button::before {
  content: "\2190";

  position: absolute;

  left: 0;

  transition: all 0.4s ease;

  color: rgb(var(--bouton));

  font-size: 19px;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4c-button:hover {
  background-color: transparent;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4c-button:hover::before {
  width: 35px;

  margin-left: 5px;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4cwidget-social-buttons .d4cwidget-social-buttons__button {
  font-size: 15px;

  background-color: transparent;

  color: rgb(var(--texte));

  border: 0px solid transparent;

  border-radius: 30px;

  line-height: 30px;

  width: 30px;

  height: 30px;
}

.d4c-app-explore-dataset .d4c-filters__no-filters {
  font-size: 11.2px;
}

h1.d4c-dataset-visualization__dataset-title>.box_3 .d4cwidget-social-buttons .d4cwidget-social-buttons__button:hover {
  background-color: rgb(var(--bouton));

  color: rgb(var(--blanc)) !important;
}

h1.d4c-dataset-visualization__dataset-title>.box_3>span {
  order: 4;

  text-align: left;

  margin-top: 15px;

  font-size: 30px;
}

main.main--dataset .d4c-app-explore-dataset {
  position: relative;

  padding: 0 !important;
}

main.main--dataset .d4c-dataset-visualization__header {
  width: 100%;

  display: block;
}

main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters {
  width: 100%;

  order: 4;

  margin-top: 0.795rem;

  min-height: 2.5rem;
}

.d4cwidget-filter-summary {
  margin: 0;

  display: flex;

  background-color: rgb(var(--blanc));

  gap: 1rem;

  padding: 0 1rem;
}

.d4cwidget-filter-summary__active-filter-link {
  border: 0;

  padding: 0;

  text-decoration: none !important;
}

.d4cwidget-filter-summary__active-filter-link:hover {
  background: unset !important;

  color: rgb(var(--lien));
}

.d4cwidget-filter-summary__active-filter-label {
  background-color: rgba(var(--bouton), 25%);

  font-size: 11.2px;
}

main.main--dataset .d4c-app-explore-dataset .d4c-resources-choices,
main.main--dataset .d4c-app-explore-dataset .d4c-search-filters,
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary {
  display: inline-block;

  margin-top: 0.795rem !important;

  float: right;

  margin-right: 1.25rem !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-search-filters div {
  margin: 0;
}

.d4cwidget-text-search__form {
  position: relative;
}

main.main--dataset .d4c-app-explore-dataset .d4c-search-filters .d4cwidget.d4cwidget-text-search.ng-isolate-scope input {
  height: 35px;

  font-size: 13px;

  line-height: 35px;

  padding: 6px 12px;

  width: 224px;

  max-width: 280px;

  background: transparent;

  border: 1px solid #ccc;

  border-radius: 4px;
}

main.main--dataset .d4c-app-explore-dataset .d4c-search-filters .d4cwidget.d4cwidget-text-search.ng-isolate-scope input:focus {
  border-color: #66afe9;

  outline: none;
}

.d4cwidget-text-search__submit,
#main .input-group .btn-filter,
#main .input-group-btn {
  color: rgba(var(--texte), 50%) !important;

  background: 0 0 !important;

  border: none !important;

  padding: 0 !important;

  min-width: 25px;

  position: absolute !important;

  top: 0;

  bottom: 0;

  line-height: 1;

  font-size: 14px;

  right: 0;

  display: unset;

  margin: 0 !important;
}

#main .input-group .form-control,
#main .input-group {
  width: 100% !important;

  border-radius: 4px !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary,
main.main--dataset .d4c-app-explore-dataset .d4c-filters {
  order: 2;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary {
  width: 100%;

  max-width: 28.75rem;

  height: 2.5rem;

  left: 50%;

  margin: 0 auto;

  padding: 0;

  border: 0;

  background: none;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary {
  display: block;

  left: auto;

  width: 220.5px;

  margin: 0;

  -webkit-transform: none;

  transform: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__count {
  display: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle {
  position: absolute;

  width: 100%;

  height: 2.5rem;

  top: 0rem;

  bottom: 0;

  left: 0;

  right: 0;

  font-size: 0;

  border: 0;

  background: none;

  color: transparent;

  text-decoration: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle::before {
  content: "Filtrer";

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  height: 35px;

  line-height: 35px;

  text-align: center;

  background: transparent;

  border: 2px solid rgb(var(--bouton));

  border-radius: 100px !important;

  color: rgb(var(--bouton));

  font-size: 14px;

  font-family: var(--en-tete-font) !important;

  text-transform: uppercase;

  -webkit-transition: all 0.25s ease-out, outline 0s, outline-offset 0s;

  transition: all 0.25s ease-out, outline 0s, outline-offset 0s;
}

.d4c-filters__count,
.d4c-filters__export-catalog-title,
.d4c-filters__filters,
.d4c-filters__filters-summary {
  font-size: 1rem !important;

  margin: 0 !important;
}

.d4cwidget-text-search__reset {
  margin-right: 10px;

  color: rgb(var(--bouton));
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary:hover .d4c-filters-summary__toggle::before,
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary:focus-within .d4c-filters-summary__toggle::before {
  background: rgb(var(--bouton));

  color: rgb(var(--blanc));
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters h2.d4c-filters__count,
main.main--dataset .d4c-app-explore-dataset .d4c-actif-filters .d4cwidget-clear-all-filters {
  margin: 10px 0 0 !important;

  padding: 0 0.9375rem;

  font-size: 11px !important;

  color: rgb(var(--texte)) !important;

  background: none;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters h2:not(.d4c-filters__count),
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__facets .d4c-filters__count,
.d4c-dataset-selection__overlay .d4c-dataset-selection-list__records .third h2 {
  height: 35px;

  line-height: 35px;

  margin: 0.875rem 0 0 !important;

  padding: 0 0.9375rem;

  border-radius: 0;

  background-color: rgb(var(--bouton));

  color: rgb(var(--blanc)) !important;

  font-size: 14px !important;

  text-transform: uppercase;

  font-family: var(--en-tete-font) !important;

  font-weight: normal !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters d4c-facets {
  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  justify-content: flex-start;

  max-height: 20rem;

  overflow: auto;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters d4c-facets .d4cwidget-facet {
  margin: 0 !important;

  width: 33%;
}

div[role="main"] #main.widget-opendata #filter h3,
main.main--dataset .d4c-app-explore-dataset .d4c-filters h3,
.d4c-dataset-selection__overlay .d4cwidget-facet__facet-title {
  padding: 0 10px;
}

div[role="main"] #main.widget-opendata #filter h3,
div[role="main"] #main.widget-opendata #filter label[for="sel1"],
main.main--dataset .d4c-app-explore-dataset .d4c-filters h3,
.d4c-dataset-selection__overlay .d4cwidget-facet__facet-title {
  margin: 1.25rem 0 0.3125rem;

  font-size: 14px !important;

  font-family: var(--en-tete-font) !important;

  font-weight: normal !important;

  color: rgb(var(--bouton)) !important;

  text-transform: uppercase;
}

.d4cwidget-facet__category-list {
  padding: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters h2.d4c-filters__count {
  display: block;

  font-weight: 300 !important;
}

.d4c-button,
.d4c-page-legacy .btn,
.d4c-pictopicker__popup__validation a {
  cursor: pointer;

  font-size: 14px;
}

.d4c-button--primary,
.d4c-button--primary:disabled,
.d4c-button--primary[disabled] {
  color: rgb(var(--accents));

  background-color: rgb(var(--blanc));

  border: 2px solid rgb(var(--accents));

  border-radius: 100px;
}

.d4c-button--primary:focus,
.d4c-button--primary:hover {
  color: rgb(var(--blanc));

  background-color: rgb(var(--accents));

  border-color: rgb(var(--accents));
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-filters-summary__toggle .fa {
  position: absolute;

  right: 0.5rem;

  top: 0.5rem;

  color: rgb(var(--blanc));

  font-size: 1.5rem;
}

a.d4c-button.d4c-filters-summary__toggle i {
  display: none;
}

a.d4c-button.d4c-filters-summary__toggle:after {
  content: "\f065" !important;

  font-family: FontAwesome;

  position: absolute;

  right: 1.2rem;

  top: 0;

  color: rgb(var(--bouton));

  display: block;

  font-size: 17px;

  line-height: 35px;
}

a.d4c-button.d4c-filters-summary__toggle:hover:after {
  color: rgb(var(--blanc));
}

main.main--dataset .d4c-app-explore-dataset .d4c-search-filters {
  order: 3;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters {
  position: absolute;

  top: 15%;

  left: 50%;

  transform: translate(-50%);

  display: block;

  width: 60%;

  transition: opacity 500ms;

  visibility: hidden;

  opacity: 0;

  z-index: 999;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters-open {
  visibility: visible !important;

  opacity: 1 !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters {
  max-width: 100%;

  padding: 0 0 0.8rem;

  border-radius: 5px;

  background: rgb(var(--blanc));

  box-shadow: 0 0.5rem 1.25rem rgba(var(--texte), 50%);
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .closed {
  position: absolute;

  top: 10px;

  right: 30px;

  transition: all 200ms;

  font-size: 20px;

  font-weight: bold;

  text-decoration: none;

  color: rgb(var(--texte));

  height: 13.2px;

  width: 0;

  text-align: center;

  line-height: 13.2px;

  visibility: hidden;

  z-index: 99;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .closed:before {
  content: "+";

  transform: rotate(45deg);

  visibility: visible;

  width: 1.5rem;

  display: block;
}

main.main--dataset .d4c-app-explore-dataset .d4c-filters .closed:hover {
  color: rgb(var(--texte));
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization {
  width: 100%;

  margin: 1.195rem auto;

  order: 5;
}

.d4c-app-explore-dataset .d4c-dataset-visualization:not(.d4c-dataset-visualization--full-width) {
  width: 100%;
}

main.main--dataset {
  background: rgb(var(--blanc));
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane {
  padding: 0.625rem 0 0 !important;

  border: 0;

  box-shadow: none;

  background-color: rgb(var(--blanc));

  padding: 1.25rem;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .badge {
  background: transparent;

  color: rgb(var(--bouton));

  padding: 0 !important;

  font-weight: normal;
}

.d4c-dataset-visualization__schema {
  margin-right: 15px !important;

  border-left: 1px solid rgba(0, 0, 0, 0.125);
}

.d4c-dataset-visualization__toggle-schema {
  font-size: 17.5px;
}

.d4c-collapsible__help-text {
  font-size: 11.2px;
  color: rgb(var(--gold-dijon));
  font-style: normal;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .badge::before {
  content: "#";
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child div.row.ng-scope:nth-child(1) {
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child div.row.ng-scope:nth-child(1) div[class^="col-"] {
  padding: 0;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child div.row.ng-scope:nth-child(1) div[class^="col-"]:not(:last-child) {
  padding-right: 10px;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child {
  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  flex-direction: column;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child>div {
  width: 100%;
}

input[ng-model="visualizationName"],
input[type="url"].d4c-form__control {
  height: 34px;
}

input[ng-model="visualizationName"],
input[type="url"].d4c-form__control,
textarea.d4c-form__control {
  width: calc(100% - 105px);

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555555;

  background-image: none;

  border-radius: 4px;

  box-shadow: none;

  background: transparent !important;

  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;

  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
}

input[ng-model="visualizationName"]+button,
input[type="url"].d4c-form__control+button,
textarea.d4c-form__control+button {
  margin: 0 !important;

  color: rgb(var(--accents));

  background-color: rgb(var(--blanc));

  border: 2px solid rgb(var(--accents));

  border-radius: 4px;
}

input[ng-model="visualizationName"]+button:hover,
input[type="url"].d4c-form__control+button:hover,
textarea.d4c-form__control+button:hover {
  color: rgb(var(--blanc));

  background-color: rgb(var(--accents));

  border-color: rgb(var(--accents));
}

div[d4c-bind-angular-content="ctx.dataset.extra_metas.visualization.custom_view_html"] {
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child d4c-map,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .records.records-table.d4cwidget.d4cwidget-table {
  height: unset !important;

  min-height: 400px;

  /*max-height: 482px;*/

  overflow: hidden;
}

.d4cwidget-map--fullscreen .d4cwidget-map__map {
  height: unset !important;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child d4c-map,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .records-analyze.ng-scope,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .d4c-dataset-export,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child d4c-dataset-api-console,
main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane>.ng-scope:first-child .records.records-table.d4cwidget.d4cwidget-table {
  width: 100%;
}

main.main--dataset .d4c-app-explore-dataset .d4c-dataset-visualization .d4c-tabs__pane .d4c-embed-control {
  margin-top: 1.875rem;
}

.d4c-dataset-visualization .d4c-embed-control.ng-isolate-scope {
  width: 100%;
}

.tabs--primary {
  margin-bottom: 2rem;
}

.d4c-tabs__tabs>a:hover,
.d4c-tabs__tabs>a:focus,
.d4c-tabs__tabs>a.d4c-tabs__tab--active,
.tabs--primary>li>a:hover,
.tabs--primary>li>a:focus,
.tabs--primary>li.active>a {
  border-bottom: 3px solid rgb(var(--bouton)) !important;

  background-color: transparent !important;

  color: rgb(var(--bouton)) !important;

  text-decoration: none;

  border-left: 0 !important;

  border-top: 0 !important;

  border-right: 0 !important;
}

.d4c-tabs__tabs>a,
.tabs--primary>li>a {
  border-bottom: 0 !important;

  border-radius: 5px 5px 0 0 !important;

  color: rgb(var(--font-color)) !important;

  background-color: transparent !important;

  margin-right: 2px;

  line-height: 1.42857143;

  padding: 10px 15px !important;

  margin: 0 2px -1px 0 !important;

  text-decoration: none !important;

  border-left: 0 !important;

  border-top: 0 !important;

  border-right: 0 !important;
}

div[role="main"] .card-body>.row>.download-item {
  display: flex;
}

div[role="main"] .card-body>.row>.download-item .download-img {
  color: rgb(var(--bouton));
}

div[role="main"] .card-body>.row>.download-item>.inline>a {
  text-decoration: none;
}

div[role="main"] .card-body>.row>.download-item>.inline>a:hover {
  text-decoration: underline;
}

div[role="main"] .card-body>.row .btn {
  color: rgb(var(--blanc)) !important;

  text-decoration: none !important;

  background-color: rgb(var(--bouton));

  border-color: rgb(var(--bouton));

  float: right;

  border-radius: 0;
}

div[role="main"] .card-body>.row .btn:hover {
  background-color: rgb(var(--blanc));

  color: rgb(var(--bouton)) !important;
}

.d4c-dataset-export__format-choice:hover {
  border-left-color: rgb(var(--bouton));
}

.d4c-dataset-export-link__link {
  text-decoration: none !important;
}

.d4c-dataset-export-link__link>i {
  color: rgb(var(--bouton));
}

.d4c-dataset-export-link__link:hover {
  text-decoration: underline !important;
}

.d4c-dataset-export__format-choice,
.d4c-dataset-export-link {
  display: flex;
}

.d4c-dataset-export__format-choice {
  border-left: 1px solid #ccc;
}

.d4c-dataset-export-link__explanations,
.d4c-dataset-export-link__warning {
  font-size: 11.2px;
}

.d4c-dataset-export-link__format-name--alternative:nth-child(1) {
  width: 6rem !important;

  max-width: 6rem !important;
}

.d4c-dataset-export-link__format-name--alternative:nth-child(2) {
  width: 20rem !important;

  max-width: 20rem !important;
}

.d4c-dataset-export-link__description {
  margin: 0;
}

.path-forum .action-links {
  list-style: none;
}

.path-forum .action-links>a::before {
  content: "+";

  padding-right: 0.5rem;
}

.path-forum .action-links>a {
  margin-bottom: 6px;

  -webkit-appearance: button;

  -moz-appearance: button;

  appearance: button;

  transition: all 0.5s ease-in-out;

  font-size: 12px;

  margin-bottom: 2rem;
}

.path-forum .action-links>a:hover,
.path-forum .action-links>a:active,
.path-forum .action-links>a:focus {
  box-shadow: unset !important;
}

.path-forum .region.region-content table {
  width: 100%;
}

.path-forum .region.region-content table>thead>tr>th>a {
  text-decoration: none;
}

.path-forum .region.region-content table>thead>tr>th>a:hover {
  text-decoration: underline;
}

#filtreUpdate {
  display: flex;

  align-items: center;

  justify-content: flex-start;

  flex-wrap: wrap;
}

#filtreUpdate>label {
  width: 100%;
}

#filtreUpdate>input#columnValue,
#filtreUpdate>input[type="submit"] {
  margin-right: 15px;
}

#filtreUpdate>input#columnValue {
  width: 250px;
}

.field--name-field-graphiques {
  display: flex;

  flex-direction: column;

  gap: 2rem;

  margin-bottom: 5rem;
}

.field--name-field-1-graphique {
  width: 100%;
}

.field--name-field-1-graphique:not([id^="edit"]),
.field--name-field-graphique-1-2:not([id^="edit"]),
.field--name-field-graphique-2-2:not([id^="edit"]),
.field--name-field-graphique-1-3:not([id^="edit"]),
.field--name-field-graphique-2-3:not([id^="edit"]),
.field--name-field-graphique-3-3:not([id^="edit"]),
.paragraph--type--graphique-avec-filtre:not([id^="edit"]) {
  border: 1px solid #ccc;

  padding: 1.5rem;
}

.field--name-field-graphiques .field--name-field-titre-section-graphiques:not([id^="edit"]) {
  font-size: 24px;

  font-weight: bold;

  font-family: var(--en-tete-font);
}

.field--name-field-graphiques>.field--item:not(:nth-child(1)) .field--name-field-titre-section-graphiques:not([id^="edit"]) {
  margin-top: 3rem;
}

.page-node-type-tableau-de-bord .field--name-body {
  margin-bottom: 3rem;
}

.pager__item a,
.pagination li a {
  border-color: transparent !important;

  border-radius: 2px !important;

  padding: unset !important;

  width: 30px;

  height: 30px;

  line-height: 29px !important;

  background-color: transparent !important;

  color: rgb(var(--gold-dijon)) !important;

  margin: 0 5px !important;

  font-weight: bold;

  text-decoration: none;
}

.pager__item a:hover,
.pagination li a:hover {
  background-color: rgb(var(--bouton)) !important;

  color: rgb(var(--blanc)) !important;
}

.pager__item.is-active.active a,
.pagination li.active a {
  background-color: rgba(var(--bouton), 70%) !important;

  color: rgb(var(--blanc)) !important;
}

.pager__item.pager__item--last,
.pager__item.pager__item--first,
.pagination li a[aria-label="Previous"] span[aria-hidden="true"],
.pagination li a[aria-label="Next"] span[aria-hidden="true"] {
  display: none;
}

.pager__item.pager__item--next span[aria-hidden="true"],
.pager__item.pager__item--previous span[aria-hidden="true"] {
  display: none !important;

  display: none !important;
}

.pager__item.pager__item--next .visually-hidden,
.pager__item.pager__item--previous .visually-hidden {
  display: none !important;
}

.pager__item.pager__item--next a,
.pager__item.pager__item--previous a,
.pagination li a[aria-label="Previous"],
.pagination li a[aria-label="Next"] {
  position: relative;

  background: transparent !important;

  font-weight: unset !important;

  transition: background-position 275ms ease-in-out;
}

.pager__item.pager__item--next a:hover,
.pager__item.pager__item--previous a:hover,
.pagination li a[aria-label="Previous"]:hover,
.pagination li a[aria-label="Next"]:hover {
  background-color: rgba(var(--bouton), 70%) !important;

  background-position: 0 100%;
}

.pager__item.pager__item--next a:hover:before,
.pager__item.pager__item--previous a:hover:after,
.pagination li a[aria-label="Previous"]:hover:before,
.pagination li a[aria-label="Next"]:hover:after {
  color: rgb(var(--blank)) !important;
}

.pager__item.pager__item--previous a:before,
.pagination li a[aria-label="Previous"]:before {
  content: "\f177";

  font-family: FontAwesome;

  color: rgb(var(--texte)) !important;
}

.pager__item.pager__item--next a:after,
.pagination li a[aria-label="Next"]:after {
  content: "\f178";

  font-family: FontAwesome;

  color: rgb(var(--texte)) !important;
}

.tabs--secondary.pagination li a {
  width: fit-content;

  height: unset;

  line-height: normal !important;

  padding: 5px 10px !important;
}

div[id*="edit-import-users-file"]>span.file {
  width: calc(100% - 91.0156px);

  height: 34px;

  margin-right: 15px;

  float: left;

  margin-top: 0 !important;

  margin-bottom: 0 !important;
}

.path-databfc #adminimportusersform>h1 {
  display: none;
}

.path-user .control-label,
.path-admin .control-label {
  color: rgb(var(--font-color));

  width: 100%;
}

.path-admin .form-item>.input-group,
.path-admin form>div:not(#filters)>.form-item>.select-wrapper,
.path-admin #filters>.form-item>.select-wrapper,
.path-admin .js-form-file {
  width: 100%;
}

.path-admin .form-item select,
#filters .select-wrapper {
  width: 100% !important;
}

.path-admin form>h3+p {
  display: none;
}

.path-admin form>h3+p+hr {
  border-color: rgb(var(--texte));

  margin: 0 !important;
}

.path-admin .form-item legend {
  width: fit-content;

  margin-bottom: 0 !important;

  font-size: 0.95rem !important;

  line-height: 1.25rem;

  color: rgb(var(--texte));

  border: 0px !important;

  font-weight: 900;
}

.path-admin #userstoryform select {
  float: unset;

  position: relative;

  margin-top: 0;

  margin-left: 0;
}

#infoTab>*>* {
  width: 100% !important;
}

#resAndValidTab {
  overflow: auto;
}

#resAndValidTab>table {
  table-layout: auto;
}

#resAndValidTab>table>tbody>tr>td:nth-child(1)>span,
#resAndValidTab>table>tbody>tr>td:nth-child(3)>a {
  word-break: break-all;

  white-space: break-spaces;

  text-align: left;
}

#resAndValidTab>table>tbody>tr>td:last-child {
  display: none;
}

#resAndValidTab>table>tbody>tr>td:nth-child(1) {
  min-width: 155px;
}

#resAndValidTab>table>tbody>tr>td:nth-child(3) {
  min-width: 255px;
}

#resAndValidTab>table>tbody>tr>td:nth-child(5) {
  min-width: 123px;
}

#resAndValidTab>table>tbody>tr>td:nth-child(3)>div>textarea {
  word-break: break-all;

  width: 346px !important;
}

article[about="/plan-du-site"] ul {
  margin-bottom: 0;

  margin-left: 1em;

  padding-left: 1em;

  border-left: 2px solid rgb(var(--accents));

  list-style: none;
}

article[about="/plan-du-site"] ul>li>a {
  text-decoration: none;
}

.paragraph--type--etape-d-analyse {
  display: grid;

  align-items: start;

  margin: 3rem 0;

  gap: 2rem;
}

.paragraph--type--etape-d-analyse>.field--name-field-indicateur {
  grid-area: indicator;

  font-weight: bold;

  border: 1px solid #ccc;

  padding: 1.5rem;
}

.paragraph--type--etape-d-analyse>.field--name-field-texte {
  grid-area: texte;
}

.paragraph--type--etape-d-analyse>.field--name-field-visualisation {
  grid-area: visu;

  border: 1px solid #ccc;

  padding: 1.5rem;
}

article.indicateur>.content {
  position: relative;
}

article.indicateur>.content>#pager {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 5px;

  margin-bottom: 3rem;
}

article.indicateur>.content>#pager>a {
  padding: 5px 10px !important;

  border-radius: 4px;
}

article.indicateur>.content>#pager>a:hover,
article.indicateur>.content>#pager>a:focus {
  text-decoration: none;

  background-color: #eeeeee;
}

article.indicateur>.content>.headings {
  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  z-index: 9;

  max-width: 25rem;

  min-width: 30px;

  display: flex;
}

article.indicateur>.content>.headings>label>input {
  display: none;
}

article.indicateur>.content>.headings>label>.menu {
  position: absolute;

  left: 0;

  top: 0;

  z-index: 100;

  width: 2rem;

  height: 2rem;

  -webkit-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  cursor: pointer;
}

article.indicateur>.content>.headings>label>.menu>.hamburger {
  position: absolute;

  top: 15px;

  left: 5px;

  width: 25px;

  height: 2px;

  background: rgb(var(--accents));

  display: block;

  -webkit-transform-origin: center;

  transform-origin: center;

  -webkit-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;
}

article.indicateur>.content>.headings>label>.menu>.hamburger::before,
article.indicateur>.content>.headings>label>.menu>.hamburger::after {
  -webkit-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  content: "";

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  background: rgb(var(--accents));
}

article.indicateur>.content>.headings>label>.menu>.hamburger::before {
  top: -10px;
}

article.indicateur>.content>.headings>label>.menu>.hamburger::after {
  bottom: -10px;
}

article.indicateur>.content>.headings>label>#headings {
  font-weight: normal;

  padding: 0;

  opacity: 0;

  width: 0;

  height: 100%;

  background: rgb(var(--arriere-plan));

  overflow: auto;

  -webkit-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;
}

article.indicateur>.content>.headings>label input:checked+.menu .hamburger {
  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
}

article.indicateur>.content>.headings>label input:checked+.menu .hamburger:before {
  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  top: 0;
}

article.indicateur>.content>.headings>label input:checked+.menu .hamburger:after {
  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  bottom: 0;
}

article.indicateur>.content>.headings>label input:checked+.menu+ul {
  width: 25rem !important;

  padding: 2rem 2rem 2rem 3.5rem !important;

  opacity: 1 !important;
}

form.rosurveyintegrationform>h1 {
  font-size: 24px !important;
}

/* /admin/modules */

td.description.expand.priority-low>details {
  display: unset;

  border-radius: 0;

  padding: 0;

  margin: 0;
}

.form-item.js-form-item.form-type-checkbox.js-form-type-checkbox.form-no-label.checkbox {
  margin-right: 20px;
}

.form-item.js-form-item.form-type-checkbox.js-form-type-checkbox.form-no-label.checkbox>input.form-checkbox {
  margin: 0 !important;

  position: unset !important;
}

.form-item,
#edit-body-wrapper.field--type-text-with-summary {
  position: relative;
}

.js .field--widget-entity-reference-paragraphs td {
  padding: 10px;
}

button.link-edit-summary {
  position: absolute;

  right: 10px;

  top: -5px;
}

button.tabledrag-toggle-weight {
  position: absolute;

  right: 10px;

  top: -1px;
}

div[id^="edit-field-filtre-sur-tableau-de-bord"].paragraphs-subform {
  display: flex;
}

div[id^="edit-field-filtre-sur-tableau-de-bord"].field--name-field-libelle-de-la-colonne {
  display: flex;
}

div[id^="edit-field-filtre-sur-tableau-de-bord"].field--name-field-libelle-de-la-colonne::before {
  content: "?";
}

div[id^="edit-field-filtre-sur-tableau-de-bord"].field--name-field-libelle-de-la-colonne::after {
  content: "=";
}

div[id^="edit-field-filtre-sur-tableau-de-bord"].field--name-field-libelle-de-la-colonne::before,
div[id^="edit-field-filtre-sur-tableau-de-bord"].field--name-field-libelle-de-la-colonne::after {
  margin-top: 35px;

  margin-left: 10px;

  margin-right: 10px;
}

tr.paragraph-type--filtre-sur-tableau-de-bord>td.field-multiple-drag {
  display: none;
}

tr.paragraph-type--filtre-sur-tableau-de-bord>td:nth-child(2) {
  padding: 0 10px;
}

.paragraph--type--filtre-sur-tableau-de-bord.paragraph--view-mode--default {
  visibility: hidden;

  height: 0;
}

.paragraph--type--graphique-avec-filtre>.field--name-field-facettes {
  visibility: hidden;

  height: 0;
}

.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context {
  display: grid;

  width: 100%;
}

.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context>d4c-facets {
  grid-area: filter;

  overflow: auto;
}

.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context>.d4cwidget.d4cwidget-charts,
.paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context>d4c-map {
  grid-area: chart;
}

.panel-title {
  text-decoration: none;
}

.panel-title::before {
  font-family: "FontAwesome";

  padding-right: 10px;

  content: "\f0d7";
}

.panel-title.collapsed::before {
  content: "\f0da";
}

/* Mobile */

@media screen and (max-width: 480px) {
  .path-actualites .view-id-actualites .views-row {
    grid-template-areas:
      "image"
      "created"
      "title"
      "body";
  }

  .path-actualites .view-id-actualites .views-row .views-field-created,
  .path-actualites .view-id-actualites .views-row .views-field-title,
  .path-actualites .view-id-actualites .views-row .views-field-field-intoduction {
    padding: 0.5rem 1rem 0;
  }

  .path-actualites .view-id-actualites .views-row .views-field-field-image {
    height: 17.25rem;

    width: 30.563rem;
  }

  h1.d4c-dataset-visualization__dataset-title>.box_3 {
    justify-content: flex-start;
  }

  h1.d4c-dataset-visualization__dataset-title>.box_3>* {
    width: 100% !important;
  }

  h1.d4c-dataset-visualization__dataset-title>.box_3 .d4cwidget-social-buttons {
    justify-content: flex-start !important;
  }

  h1.d4c-dataset-visualization__dataset-title>.box_3>div:not(.d4c-button):not(.d4cwidget-social-buttons) {
    width: 40px !important;
  }

  section[class*="block-views-blockactualites-block"] {
    padding: 0 20px;
  }

  section[class*="block-views-blockactualites-block"] h2.block-title {
    flex-wrap: wrap;
  }

  section[class*="block-views-blockactualites-block"] h2.block-title>a {
    margin-left: 0;

    margin-top: 1rem;
  }
}

@media screen and (min-width: 480px) {
  .path-actualites .view-id-actualites .views-row {
    grid-template-areas:
      "image created"
      "image title"
      "image body";
  }

  .path-actualites .view-id-actualites .views-row .views-field-created,
  .path-actualites .view-id-actualites .views-row .views-field-title,
  .path-actualites .view-id-actualites .views-row .views-field-field-intoduction {
    padding: 0.5rem 0 0 3rem;
  }

  div[role="main"] #main.widget-opendata .col-md-10 #datasets>div,
  main.main--dataset .d4c-app-explore-dataset {
    width: 100%;
  }

  #main.widget-opendata #datasets {
    padding-top: 55px;

    padding-left: 1.25rem;
  }

  div[role="main"] #main.widget-opendata>.col-md-10 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 15px;
    width: 100% !important;
    background: #55575a;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  h1.d4c-dataset-visualization__dataset-title>.box_3 .d4cwidget-social-buttons {
    width: calc(100% - 23rem);
  }

  section[class*="block-views-blockactualites-block"] h2.block-title,
  section[class*="block-views-blockactualites-block"] .views-row {
    transform: translateX(calc(max(1024px, 100vw) / 2 - 490px));
  }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
  .path-actualites .view-id-actualites .views-row .views-field-field-image {
    height: 20.25rem;

    width: 20.563rem;
  }
}

/* Tablette */

@media screen and (max-width: 768px) {
  header>.navbar-header {
    display: flex;

    justify-content: space-between;

    align-items: center;
  }

  header>.navbar-header>button {
    margin-left: auto !important;
  }

  header>.navbar-header>.region-navigation>.logo {
    height: 6rem;
  }

  .navbar-nav {
    margin: 0 !important;
  }

  footer>.region-footer {
    flex-wrap: wrap;

    padding-left: 15px;

    padding-right: 15px;
  }

  article>.content>section[rel="schema:comment"]>*,
  .page-node-type-forum article.forum>.content>section>* {
    padding-right: 30px;

    padding-left: 30px;

    margin-right: auto;

    margin-left: auto;

    width: 100%;
  }

  #block-accueilrestitutions>.field--name-body {
    flex-wrap: wrap;
  }

  #block-citizena-themes-footer {
    width: 100% !important;
  }

  #block-accueilrestitutions>.field--name-body>div {
    width: 100%;

    align-items: flex-start;

    padding: 0 1rem;
  }

  #block-accueilrestitutions>.field--name-body>div:nth-child(1) {
    background: linear-gradient(to right, rgb(var(--texte)), transparent),
      url(/sites/default/files/inline-images/pexels-rodnae-productions-7948070.jpg);
  }

  #block-accueilrestitutions>.field--name-body>div:nth-child(2) {
    background: linear-gradient(to right, rgb(var(--texte)), transparent),
      url(/sites/default/files/inline-images/pexels-pixabay-2697241.jpg);
  }

  .container-fluid>.navbar-collapse,
  .container-fluid>.navbar-header,
  .container>.navbar-collapse,
  .container>.navbar-header {
    margin: 0 !important;
  }

  .field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
  .field--name-field-paragraphs .paragraph--type--article-citation,
  .field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
  .field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
    padding: 2rem;
  }

  article.mentions-legales {
    flex-direction: column;
  }

  article.mentions-legales>#ml-navigation {
    width: 100%;
  }

  article.mentions-legales>#ml-navigation>ul {
    display: flex;

    gap: 0.5rem 1rem;

    flex-wrap: wrap;
  }

  .field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph {
    flex-direction: column;

    width: 100%;

    align-items: flex-start;
  }

  #contact-message-nous-contacter-form {
    padding-top: 50%;

    background-position: center top;

    background-size: 50%;

    margin-bottom: 3rem;
  }

  .path-faq .views-element-container {
    flex-direction: column;
  }

  .path-faq .views-element-container>.faq-img {
    width: 50%;

    margin: 0 auto;
  }

  .path-faq .views-element-container>.view-faq {
    width: 100%;
  }

  div[role="main"] #main.widget-opendata,
  .main--dataset,
  div[role="main"] #main.widget-opendata .col-md-10 #datasets {
    justify-content: center;

    margin: 3rem auto;
  }

  div[role="main"] #main.widget-opendata #filter h1,
  div[role="main"] #main.widget-opendata #filter .form-group {
    position: relative;

    order: -5;

    margin-bottom: 2rem !important;
  }

  #block-reseauxsociaux .field--name-body {
    flex-wrap: wrap;

    gap: 2rem;

    flex-direction: column-reverse;
  }

  .container {
    width: 100%;

    padding: 0;
  }

  .paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context {
    grid-template-areas:
      "filter"
      "chart";
  }

  .paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context>d4c-facets {
    max-height: 350px;
  }
}
div[role="main"] #main.widget-opendata>#filter>ul#list-producteur>li::before, div[role="main"] #main.widget-opendata>#filter>ul#list-theme>li::before, div[role="main"] #main.widget-opendata>#filter>ul#list-tag>li::before, main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category::before {
  border-color: #fff;
}
div[role="main"] #main.widget-opendata>#filter>ul.list-group>li, main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category {
  color: #fff !important;
}
.widget-opendata #filter + .col-sm-10 {

}
  div[role="main"] #main.widget-opendata>.col-md-10 {
      
     background: unset !important; 
      padding-left: 0px !important;
      padding-right: 0px !important;
  }

div[role="main"] #main.widget-opendata>#filter>ul.list-group>li>span.number_element, main.main--dataset .d4c-app-explore-dataset .d4c-filters .d4cwidget-facet__category .d4cwidget-facet__category-count {
  color: #fff !important;
}
div[role="main"] #main.widget-opendata>#filter>#search-form {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
div[role="main"] #main.widget-opendata>#filter>h2, 
div[role="main"] #main.widget-opendata #filter h3,
div[role="main"] #main.widget-opendata>#filter>h2:nth-child(6),
div[role="main"] #main.widget-opendata>#filter #actif-filters h2
 {
  font-weight:bold !important;
  padding-left: 0 !important;
}
@media screen and (min-width: 1500px) {
  header#navbar, .main-container, 
  footer>.region-footer {
      width: 100%;
      max-width: 1290px !important;
      padding-left:5px !important;
      padding-right:5px !important;
  }
}
div[role="main"] #main.widget-opendata .col-md-10 #datasets>div {
  background: #6D6D6D80 !important;
  border-color: transparent !important;
  min-height: 300px !important;
}
div[role="main"] #main.widget-opendata #filter {
  margin: 0;
  background: #55575a;
  width: 320px;
  padding: 20px;
  border-radius: 15px;
  width:100%;
}
@media screen and (min-width: 768px) {
  footer>.region-footer {
    max-width: 720px;
  }

  article>.content>section[rel="schema:comment"]>*,
  .page-node-type-forum article.forum>.content>section>* {
    width: 750px;

    padding-right: 30px;

    padding-left: 30px;

    margin-right: auto;

    margin-left: auto;
  }

  header {
    display: flex !important;

    align-items: center;

    justify-content: space-between;
  }

  header>.navbar-header>.region-navigation>.logo {
    height: 100px;


    margin-right: 15px;

    padding: 0;
  }

  header>.navbar-collapse {
    margin-left: auto !important;
  }

  header>.navbar-collapse>.region-navigation-collapsible {
    display: flex;

    align-items: center;

    justify-content: flex-end;
  }

  #block-citizena-themes-main-menu>ul,
  #block-citizena-themes-account-menu>ul {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;
  }

  .menu--footer {
    justify-content: flex-end;
  }

  #block-accueilrestitutions>.field--name-body>div {
    width: 50%;
  }

  #block-accueilrestitutions>.field--name-body>div:nth-child(1) {
    align-items: flex-end;

    padding-right: 5rem;

    background: linear-gradient(to left, rgb(var(--texte)), transparent),
      url(/sites/default/files/inline-images/pexels-rodnae-productions-7948070.jpg);
  }

  #block-accueilrestitutions>.field--name-body>div:nth-child(2) {
    align-items: flex-start;

    padding-left: 5rem;

    background: linear-gradient(to right, rgb(var(--texte)), transparent),
      url(/sites/default/files/inline-images/pexels-pixabay-2697241.jpg);
  }

  .field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
  .field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
  .field--name-field-paragraphs .paragraph--type--article-citation,
  .field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
    max-width: 25rem;
  }

  .field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-droite,
  .field--name-field-paragraphs .paragraph--type--article-citation {
    padding: 2rem 0 2rem 2rem;

    float: right;
  }

  .field--name-field-paragraphs .paragraph--type--article-boite-de-texte-a-gauche,
  .field--name-field-paragraphs .paragraph--type--article-chiffres-cles {
    padding: 2rem 2rem 2rem 0;

    float: left;
  }

  .path-actualites .view-id-actualites .views-row .views-field-field-image {
    height: 17.25rem;

    width: 30.563rem;
  }

  article.mentions-legales>#ml-navigation {
    width: fit-content;

    margin-right: 5rem;
  }

  article.mentions-legales>#ml-navigation>ul {
    position: sticky;

    top: 15rem;
  }

  article.mentions-legales>#ml-navigation>ul>li {
    text-align: right;
  }

.dataset-themes .dataset-theme-image { 
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
  }
  #contact-message-nous-contacter-form {
    padding-left: 50%;

    background-position: 7.5% center;

    background-size: 35%;
  }

  .path-faq .views-element-container>.faq-img {
    width: 60%;
  }

  .path-faq .views-element-container>.view-faq {
    width: 40%;
  }

  div[role="main"] #main.widget-opendata,
  main.main--dataset .d4c-app-explore-dataset {
    max-width: 720px !important;
  }

  div[role="main"] #main.widget-opendata,
  main.main--dataset .d4c-app-explore-dataset,
  #block-citizena-themes-quicktabsapi {
    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    flex-wrap: wrap;

    margin: 42px auto;

    padding: 15px !important;

    border-radius: 5px;
  }



  div[role="main"] #main.widget-opendata .col-md-10 {
    width: calc(100% - 241.25px);

    padding-left: 30px;

  }

  div[role="main"] #main.widget-opendata #filter h1 {
    left: 342px;

  }
  div[role="main"] #main.widget-opendata #filter .form-group {
    padding-right: 0px;
}
  .path-databfc #roeditobsform,
  .path-databfc #adminimportusersform,
  #co-menu {
    width: 737.5px;

    margin: 0 auto;
  }

  .paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context {
    grid-template-areas: "filter chart";

    grid-template-columns: 1fr 2.5fr;
  }

  .paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context>d4c-facets {
    max-height: 560px;

    margin-right: 1rem;

    padding-right: 1rem;
  }

  .paragraph--type--graphique-avec-filtre .field--name-field-graphique d4c-dataset-context .d4cwidget-map {
    height: 560px;
  }
}

/* Desktop */

@media screen and (max-width: 992px) {
  .field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph {
    flex-direction: column;

    align-items: flex-start;
  }

  .field--name-field-informations-editeurs>.field--items>.field--item>div.paragraph>div:not([class*="field--name-field-logo"]) {
    width: 100%;
  }

  #block-filtrepartheme .jddtheme-filter,
  #block-reseauxsociaux>* {
    padding: 0 20px;
  }

  .paragraph--type--_-graphiques {
    display: flex;

    gap: 2rem;

    flex-direction: column;
  }

  .paragraph--type--etape-d-analyse {
    grid-template-areas:
      "indicator"
      "texte"
      "visu";
  }
}

@media screen and (min-width: 992px) {
  footer>.region-footer {
    max-width: 1290px;
  }

  article>.content>section[rel="schema:comment"]>*,
  .page-node-type-forum article.forum>.content>section>* {
    width: 970px;

    padding-right: 30px;

    padding-left: 30px;

    margin-right: auto;

    margin-left: auto;
  }

  #block-filtrepartheme .jddtheme-filter,
  #block-reseauxsociaux>* {
    width: 990px;

    margin-right: auto;

    margin-left: auto;
  }

  div[role="main"] #main.widget-opendata,
  main.main--dataset .d4c-app-explore-dataset {
    max-width: 1290px !important;
  }

  div[role="main"] #main.widget-opendata .col-md-10 #datasets>div {
    width: 49%;
  }

  .paragraph--type--_-graphiques {
    display: flex;

    gap: 2rem;
  }

  .field--name-field-graphique-1-2,
  .field--name-field-graphique-2-2 {
    width: calc(50% - 1rem) !important;

    float: left;
  }

  .field--name-field-graphique-1-3,
  .field--name-field-graphique-2-3,
  .field--name-field-graphique-3-3 {
    width: calc(33.33333333% - 1.33333333rem) !important;

    float: left;
  }

  .paragraph--type--etape-d-analyse {
    grid-template-areas:
      "texte indicator"
      "texte visu";

    grid-template-columns: 1fr 1.5fr;

    grid-template-rows: auto 1fr;
  }
}

/* Grand Ecran */

@media screen and (min-width: 1200px) {
  footer>.region-footer {
    max-width: 1140px;
  }

  article>.content>section[rel="schema:comment"]>*,
  .page-node-type-forum article.forum>.content>section>* {
    width: 1170px;

    padding-right: 30px;

    padding-left: 30px;

    margin-right: auto;

    margin-left: auto;
  }

  div[role="main"] #main.widget-opendata{
    background: transparent;
    padding: 0 !important;
    display: grid;
    grid-template-columns: 320px 4fr;
    gap: 20px;
  }

  div[role="main"] #main.widget-opendata .col-md-10 #datasets>div {
    width: 49%;
  }
}




html {
  scroll-behavior: smooth;
}

footer {
  background-color: #242930 !important;

  font-size: 0.9rem !important;

  font-weight: normal !important;
}

.dijon-link {
  color: white;

  background-color: #ad9562;

  text-decoration: none;

  padding: 0.5rem 1rem;

  border-radius: 8px;

  margin-left: 0.25rem;

  font-size: 15px;

  height: 40px;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  padding: .5rem 1rem;
  border: 1px solid transparent;
  transition: .5s ease;
  align-items: center;
}
.d4c-button {}
.dijon-link img {     
  margin-left: 8px;
}
main.main--dataset .d4c-app-explore-dataset .d4c-filters-summary .d4c-button:hover:before,a.d4c-button.d4c-filters-summary__toggle:hover:after   {

  color: #FFF !important; 
}

.dijon-link:hover {
  color: #ad9562;

  background-color: white;

  text-decoration: none;
}
.dijon-link:hover img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(4%) saturate(4951%) hue-rotate(341deg) brightness(73%) contrast(78%);
}
.input-search .fa-search:before {
    content: "\f002";
    position: relative;
    left: 7px !important;
    top: 6px !important;
    color: black !important;
}
ul.menu.menu--pied-de-page-droite-.nav {
  display: flex;

  flex-direction: row;

  justify-content: space-between;

  flex-wrap: nowrap;
}

.panel {
  margin-bottom: 20px;

  background-color: transparent;

  border: 1px solid transparent;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.breadcrumb>.active {
  font-weight: bold;

  color: rgb(var(--gold-dijon));
}

.cke_reset {
  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

  text-decoration: none;

  width: auto;

  height: auto;

  vertical-align: baseline;

  box-sizing: content-box;

  position: static;

  color: black;

  transition: none;
}

.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #333333;
}

.title {
  font-size: 3rem;

  text-transform: uppercase;
}

.card {
  cursor: pointer;

  border-radius: 15px;

  position: relative;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  transition: 0.5s ease;
}

.gris a.button-lvl1 {
  background-color: #ffffff;

  width: 229px;

  height: 135.25px;

  border: 1px solid lightgrey;

  line-height: 14px !important;
}

.gris a.button-lvl2 {
  border: 2px solid lightgrey;

  width: 161.375px;

  height: 106.25px;

  float: left;
}

.gris a {
  background-color: #ffffff;

  border: 1px solid lightgrey;
}

.gris .categorie {
  background-color: #ffffff;

  border: 1px solid lightgrey;
}

.path-contact h1.page-header {
  position: absolute;
  top: -100px;
  left: 81px;
  font-size: 48px !important;
  text-transform: uppercase;
  color: #fff !important;
  padding-right: 45px;
  padding-left: 45px;
  width: fit-content;
}

.path-contact h1.page-header::after,
h1.page-header::before {
  content: "";
  background-image: url(/sites/default/files/inline-images/arrow.png);
  width: 45px;
  background-size: cover;
  transform: translateY(5px);
  display: inline-block;
  height: 45px;
  background-repeat: no-repeat;
}

.gris .categorie h3 {
  margin-top: 0px;

  text-align: left;

  font-weight: bold;

  color: rgb(60, 60, 60);
}

details {
  display: flex;

  border-radius: 5px;

  overflow: hidden;

  background: rgba(var(--main-color), 5%) !important;

  border-left: 15px solid rgb(var(--main-color)) !important;

  padding: 15px;

  margin-top: 15px;

  color: rgb(var(--gold-dijon)) !important;
}

body,
html {
  height: auto;
  font-size:16px;
}

.region.region-navigation-collapsible {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 15px;
  color: black;
  background-color: #ffffff;
}

.card-body {
  color: black;
}

.card-body .h5 {
  color: rgb(var(--gold-dijon));
  font-weight: bold;
}

.card-body a {
  color: black;
}

.d4cwidget-table__header-cell-container .fa {
  color: rgb(var(--gold-dijon));
}

.d4cwidget-table__header-cell-container {
  color: rgb(var(--gold-dijon));
}

.d4cwidget-table__records {
  color: black;
}
#navbar-collapse { width: 0 }
[d4c-json-formatter] {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 10px;
  line-height: 12px;
  padding: 10px;
  background: #f5f5f5;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .15);
  direction: ltr;
  color: black;
}

.path-contact .region-header {
  display: none
}

table.block-add-table.responsive-enabled.table tbody {
  background: #ddd;
}

.block-disabled:not(:hover) {
  background: #a944423d;
}

@media screen and  (max-width: 768px) { 
.d-block-mob { display: block !important }
  section{ padding: 20px !important; }
  .mt-small-mob {margin-top: 5px !important }
  .mt-medium-mob {margin-top: 10px !important }
  .mt-large-mob {margin-top: 20px !important }
  .dijon-link { white-space:unset;}
  h1 { font-size:52px !important;}
  .navbar-collapse { float:unset !important;}
  #burger-button {
    right: 18px !important;
  }
  h1.page-header {
    position: unset !important; 
    font-size: 36px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
    width: 100% !important;

  }
}