@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
.rubriques_notices {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .rubriques_notices {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .rubriques_notices {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .rubriques_notices {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .rubriques_notices {
    max-width: 1140px;
  }
}
.rubriques_notices .field--name-field-rubriques {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.rubriques_notices .field--name-field-rubriques > .field__item {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 20px;
}
.rubriques_notices .field--name-field-rubriques > .field__item .rubrique img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.rubriques_notices .field--name-field-rubriques > .field__item .rubrique .title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  min-height: 60px;
  padding: 0 25px;
  margin-top: -5px;
}
.rubriques_notices .field--name-field-rubriques > .field__item .rubrique .title .field--name-title {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
}
.rubriques_notices .field--name-field-rubriques > .field__item .rubrique .title .icon-chevron-right {
  display: none;
}

.rubriques_preconfig {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .rubriques_preconfig {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .rubriques_preconfig {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .rubriques_preconfig {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .rubriques_preconfig {
    max-width: 1140px;
  }
}
.rubriques_preconfig .field--name-field-rubriques-des-preconfigs,
.rubriques_preconfig .field--name-field-pages-de-preconfigs-ou-rub,
.rubriques_preconfig .field--name-field-preconfig {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.rubriques_preconfig .field--name-field-rubriques-des-preconfigs .field__label,
.rubriques_preconfig .field--name-field-pages-de-preconfigs-ou-rub .field__label,
.rubriques_preconfig .field--name-field-preconfig .field__label {
  display: none;
}
.rubriques_preconfig .field--name-field-rubriques-des-preconfigs > .field__item,
.rubriques_preconfig .field--name-field-pages-de-preconfigs-ou-rub > .field__item,
.rubriques_preconfig .field--name-field-preconfig > .field__item {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 20px;
}
.rubriques_preconfig .field--name-field-rubriques-des-preconfigs > .field__item .rubrique img,
.rubriques_preconfig .field--name-field-pages-de-preconfigs-ou-rub > .field__item .rubrique img,
.rubriques_preconfig .field--name-field-preconfig > .field__item .rubrique img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.rubriques_preconfig .field--name-field-rubriques-des-preconfigs > .field__item .rubrique .title,
.rubriques_preconfig .field--name-field-pages-de-preconfigs-ou-rub > .field__item .rubrique .title,
.rubriques_preconfig .field--name-field-preconfig > .field__item .rubrique .title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  min-height: 60px;
  padding: 0 25px;
  margin-top: -5px;
}
.rubriques_preconfig .field--name-field-rubriques-des-preconfigs > .field__item .rubrique .title .field--name-title,
.rubriques_preconfig .field--name-field-pages-de-preconfigs-ou-rub > .field__item .rubrique .title .field--name-title,
.rubriques_preconfig .field--name-field-preconfig > .field__item .rubrique .title .field--name-title {
  text-transform: uppercase;
  font-size: 20px;
}

@media (max-width: 991.98px) {
  .rubriques_notices .field--name-field-rubriques > .field__item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .rubriques_preconfig .field--name-field-rubriques-des-preconfigs > .field__item,
  .rubriques_preconfig .field--name-field-pages-de-preconfigs-ou-rub > .field__item,
  .rubriques_preconfig .field--name-field-preconfig > .field__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .rubriques_notices .field--name-field-rubriques > .field__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.view-notices-block .view-content {
  margin-top: 30px;
}

.node--type-not1-notices a {
  text-align: left;
  color: #000;
}
.node--type-not1-notices a:hover {
  text-decoration: none;
}
.node--type-not1-notices .bootstrap-wrapper.content .container > .row > div {
  text-align: left;
}
.node--type-not1-notices .bootstrap-wrapper.content .row {
  padding: 15px 0;
}
.node--type-not1-notices .bootstrap-wrapper.content .field--name-title {
  font-size: 16px;
  font-weight: normal;
}
.node--type-not1-notices .bootstrap-wrapper.content .field--name-field-legende {
  color: gray;
  font-style: italic;
  font-weight: normal;
  margin-top: 5px;
}
.node--type-not1-notices .bootstrap-wrapper.content .field--name-field-code {
  text-align: right;
  font-weight: normal;
}
.node--type-not1-notices .bootstrap-wrapper.content .new {
  display: inline-flex;
  padding: 2px 5px;
  border: 1px solid;
  border-radius: 15px;
}

@media (max-width: 767.98px) {
  .node--type-not1-notices .field--name-field-code {
    margin-top: 10px;
  }
}
html, body, .dialog-off-canvas-main-canvas, .layout-container {
  height: 100%;
}

body, .layout-container {
  display: flex;
  flex-direction: column;
}
body main, .layout-container main {
  flex: 1 0 auto;
}
body footer, .layout-container footer {
  flex-shrink: 0;
}

.layout-container {
  margin: 0;
}

@font-face {
  font-family: "Caslon";
  src: url("../fonts/mobalpa/caslon/Caslon.woff2") format("woff2"), url("../fonts/mobalpa/caslon/Caslon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/mobalpa/gotham/GothamSSm-Light_Web.woff2") format("woff2"), url("../fonts/mobalpa/gotham/GothamSSm-Light_Web.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/mobalpa/gotham/GothamSSm-Light_Web.woff2") format("woff2"), url("../fonts/mobalpa/gotham/GothamSSm-Light_Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/mobalpa/gotham/GothamSSm-LightItalic_Web.woff2") format("woff2"), url("../fonts/mobalpa/gotham/GothamSSm-LightItalic_Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/mobalpa/gotham/GothamSSm-Medium_Web.woff2") format("woff2"), url("../fonts/mobalpa/gotham/GothamSSm-Medium_Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/mobalpa/gotham/GothamSSm-Bold_Web.woff2") format("woff2"), url("../fonts/mobalpa/gotham/GothamSSm-Bold_Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/mobalpa/gotham/GothamSSm-BoldItalic_Web.woff2") format("woff2"), url("../fonts/mobalpa/gotham/GothamSSm-BoldItalic_Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noto Serif";
  src: url("../fonts/perene/noto/NotoSerif.woff2") format("woff2"), url("../fonts/perene/noto/NotoSerif.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cabin";
  src: url("../fonts/perene/cabin/Cabin-Regular.woff2") format("woff2"), url("../fonts/perene/cabin/Cabin-Regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ivy Mode";
  src: url("../fonts/perene/ivymode/IvyMode-Regular.woff2") format("woff2"), url("../fonts/perene/ivymode/IvyMode-Regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anton";
  src: url("../fonts/socooc/anton/Anton-Regular.woff2") format("woff2"), url("../fonts/socooc/anton/Anton-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/socooc/montserrat/Montserrat-Thin.woff2") format("woff2"), url("../fonts/socooc/montserrat/Montserrat-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Caprasimo";
  src: url("../fonts/socooc/caprasimo/caprasimo-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.contextual {
  right: auto;
  left: 5px;
}

a {
  color: #000;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}

main {
  padding: 5px;
  text-align: center;
}
main form {
  width: 50%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #d3d3d3;
  padding: 15px;
  margin-top: 15px;
}
main form div.image-widget {
  display: inline-block;
}
main form .button {
  background: #D3D3D3;
  border-radius: 0;
  border: none;
  margin: 5px 0;
  padding: 10px;
  cursor: pointer;
}
main form .button:hover {
  background: #AAA;
  color: #fff;
}
main form .form-text {
  width: 97.5%;
  margin: 5px 0;
  padding: 10px;
}
main form label {
  display: block;
  font-weight: bold;
}
main form .form-managed-file {
  margin: 10px 0 3px;
}
main form .form-autocomplete {
  border: 1px solid #ccc;
  background-image: url("data:image/svg+xml,%3csvg width='40' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 1C3.46.827-.188 5.787 1.313 10.068c1.176 4.384 6.993 6.417 10.637 3.7.326-.39.565.276.846.442l3.74 3.739 1.413-1.414-4.35-4.35c2.811-3.468 1.15-9.247-3.062-10.71A7.003 7.003 0 008 1zm0 2c3.242-.123 5.849 3.42 4.777 6.477-.842 3.132-4.994 4.58-7.6 2.65-2.745-1.73-2.9-6.125-.285-8.044A5.006 5.006 0 018 3z' fill='%23868686'/%3e%3c/svg%3e") !important;
}
main form .form-select {
  border-radius: 0;
  background: transparent;
  border: 1px solid #ccc;
}
main form .field-multiple-table {
  width: 100%;
  border-collapse: collapse;
}
main form .field-multiple-table td {
  padding: 0;
}
main form .field-multiple-table td.field-multiple-drag {
  width: 0;
}
main form .field-multiple-table td.field-multiple-drag .handle {
  mask-size: 70%;
}
main form .field-multiple-table td.delta-order {
  text-align: right;
}

footer {
  min-height: 100px;
  margin-top: 50px;
  display: flex;
}
footer .region-footer {
  width: 75%;
  margin: auto;
}
footer .region-footer ul {
  text-align: center;
}
footer .region-footer ul li {
  display: inline-block;
  padding: 0 20px;
  margin: 10px 0;
}

.region-breadcrumb {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .region-breadcrumb {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .region-breadcrumb {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .region-breadcrumb {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .region-breadcrumb {
    max-width: 1140px;
  }
}
.region-breadcrumb .breadcrumb {
  margin-top: 20px;
}

.list_notices {
  width: 80%;
  margin: auto;
}
.list_notices table {
  text-align: left;
}

header {
  background: #d3d3d3;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 80px;
}
header .region-header {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  header .region-header {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  header .region-header {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  header .region-header {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  header .region-header {
    max-width: 1140px;
  }
}
header .region {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-grow: 1;
}
header .region div:first-child {
  padding: 0;
}
header .region div ul {
  padding: 0;
}
header .region div ul li {
  padding: 0;
  display: inline-block;
}
header .region div img {
  display: inline-block;
  vertical-align: middle;
  height: 45px;
}
header .region div .site-name {
  display: none;
  vertical-align: middle;
}
header .region div .site-name a {
  text-transform: uppercase;
  font-weight: bold;
}
header .region div nav {
  display: inline-block;
  padding-right: 30px;
}
header .block-lang-dropdown {
  margin: 0 15px;
}
header .block-lang-dropdown select {
  font-size: 0.8em;
  padding: 3px;
  border-radius: 7px;
  border: none;
  text-transform: uppercase;
}
header .block-rdv {
  padding: 5px 2px;
}
header .block-rdv a {
  background: #fff;
  border-radius: 5px;
}
header .block-views-exposed-filter-blocksearch-page-1 {
  flex-grow: 1;
}
header .block-views-exposed-filter-blocksearch-page-1 form {
  position: relative;
  width: 350px;
  margin: auto;
}
header .block-views-exposed-filter-blocksearch-page-1 form .form--inline .form-item {
  float: inherit;
  margin: 0;
}
header .block-views-exposed-filter-blocksearch-page-1 form .form--inline .form-item .form-text {
  width: 350px;
  height: 30px;
  border-radius: 3px;
  border: 1px solid;
  padding: 0 0 0 10px;
}
header .block-views-exposed-filter-blocksearch-page-1 form .form--inline .form-actions {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
header .block-views-exposed-filter-blocksearch-page-1 form .form--inline .form-actions .form-submit {
  display: none;
}
header .block-views-exposed-filter-blocksearch-page-1 form .form--inline .form-actions:after {
  content: "\e986";
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.4;
  font-size: 20px;
  color: #000000;
  margin-right: 5px;
  cursor: pointer;
}
header .block-views-exposed-filter-blocksearch-page-1 form label {
  display: none;
}

.path-frontpage header .back {
  display: none;
}
.path-frontpage .region-breadcrumb {
  display: none;
}

.title-category {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.title-category h1 {
  flex-grow: 1;
}

.back {
  cursor: pointer;
}

.bouton_ajout {
  margin-top: 20px;
}
.bouton_ajout a {
  display: inline-block;
  border: 1px dashed black;
  color: black;
  padding: 20px;
  text-decoration: none !important;
  font-weight: bold;
}
.bouton_ajout a:hover {
  border: 1px solid black;
  display: inline-block;
  background: black;
  color: #fff;
}

@media (max-width: 767px) {
  header .region {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  header .region div img {
    height: 25px;
  }
  header > div > div:first-child {
    display: block;
  }
  header nav {
    display: flex;
    order: 1;
  }
  header .block-system-branding-block,
  header .block-language-dropdown-blocklanguage-interface {
    order: 1;
  }
  header .block-language-dropdown-blocklanguage-interface {
    display: flex;
  }
  header .block-views-exposed-filter-blocksearch-page-1 {
    display: flex;
    order: 2;
  }
  header .block-views-exposed-filter-blocksearch-page-1 form {
    margin-top: 10px;
    width: 250px;
  }
  header .block-views-exposed-filter-blocksearch-page-1 form .form--inline .form-item .form-text {
    width: 250px;
  }
  .rubriques_notices {
    width: 100%;
  }
  .rubriques_notices .rubrique {
    display: block;
    width: 95%;
    margin: auto;
    margin-bottom: 20px;
  }
}