:root {
  --white: rgba(255, 255, 255, 1);
  --noir: rgba(45, 45, 45, 1);
  --greenlight: rgba(27, 173, 138, 1);
  --greenlighthover: #009783;
  --greenlightfondbleuhover: #57ba9e;
  --darkblue: #192440;
  --yellow: rgba(244, 182, 107, 1);
  --yellowhover: #df9b65;
  --yellowfondbleuhover: #fccc86;
  --orange: rgba(231, 85, 54, 1);
  --orangehover: #C94034;
  --orangefondbleuhover: #ED6E4C;
  --red: rgba(231, 66, 51, 1);
  --background: rgba(245, 245, 245, 1);
  --grey-light: #E0E0E0;
  --grey-lightest: #e7ebf7;
  --bluelight: #186AE2;
}

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  background-color: var(--background);
  color: var(--darkblue);
  line-height: 1.6;
}

h1, h2, .h2, h3, .h3, h4, h5, h6 {
  font-weight: 800;
  margin: 1rem 0;
  text-align: left;
}

h1, .h1 {
  font-size: 1.75rem;
}

h2, .h2 {
  font-size: 1.55rem;
  line-height: 1.5;
}

h3, .h3 {
  font-size: 1.15rem
}

h4, .h4 {
  font-size: 1rem
}

h5, .h5 {
  font-size: .9rem
}

h6, .h6 {
  font-size: .85rem
}



@media screen and (min-width: 992px) {
  h1, .h1 {
    font-size: 1.85rem;
  }

  h2, .h2 {
    font-size: 1.75rem
  }

  h3, .h3 {
    font-size: 1.35rem
  }

  h4, .h4 {
    font-size: 1rem
  }

  h5, .h5 {
    font-size: .9rem
  }

  h6, .h6 {
    font-size: .85rem
  }

  h2.wp-block-heading, h3.wp-block-heading{
    margin-top: 1.5rem;
  }

}

p {
  margin: 0 0 .5rem;
}

@media screen and (min-width: 992px) {
  p {
    margin-bottom: 1rem;
  }
}

a {
  text-decoration: none;
  transition: all 0.4s ease;
  color: var(--darkblue)
}

p a {
  text-decoration: underline;
  color: var(--greenlight);
}

p a:hover {
  text-decoration: underline;
  color: var(--orange);
}

img {
  height: auto;
  vertical-align: middle;
  max-width: 100%;
}

/*COLORS*/
.red {
  color: var(--red);
}

.green {
  color: var(--greenlight);
}

.black {
  color: var(--noir);
}

.orange {
  color: var(--orange);
}

.yellow {
  color: var(--yellow);
}

/*BACKGROUND COLORS*/
.has-darkblue-bg-color {
  background-color: var(--darkblue);
  color: var(--white);
}

.has-greenlight-bg-color {
  background-color: var(--greenlight);
  color: var(--white);
}

.has-noir-bg-color {
  background-color: var(--noir);
  color: var(--white);
}

.has-orange-bg-color {
  background-color: var(--orange);
  color: var(--white);
}

.has-yellow-bg-color {
  background-color: var(--yellow);
  color: var(--white);
}

.has-white-bg-color {
  background-color: var(--white) !important;
  color: var(--darkblue);
}

.has-gris-clair-background-color {
  background-color: #F7F7F7;
}

.hover-has-darkblue-bg-color:hover,
.hover-has-darkblue-bg-color:focus,
.hover-has-darkblue-bg-color.active {
  background-color: var(--darkblue);
  color: var(--white);
}

.hover-has-greenlight-bg-color:hover,
.hover-has-greenlight-bg-color:focus,
.hover-has-greenlight-bg-color.active {
  background-color: var(--greenlighthover);
  border-color: var(--greenlighthover);
  color: var(--white);
}

.hover-has-noir-bg-color:hover,
.hover-has-noir-bg-color:focus,
.hover-has-noir-bg-color.active {
  background-color: var(--noir);
  color: var(--white);
}

.hover-has-orange-bg-color:hover,
.hover-has-orange-bg-color:focus,
.hover-has-orange-bg-color.active {
  background-color: var(--orange);
  color: var(--white);
}

.hover-has-yellow-bg-color:hover,
.hover-has-yellow-bg-color:focus,
.hover-has-yellow-bg-color.active {
  background-color: var(--yellow);
  color: var(--white);
}

.has-extra-large-font-size {
  font-weight: 800;
}

.has-normal-font-size {
  font-size: 1.2rem;
}

/*ALIGNEMENT*/
.text-right {
  text-align: right;
}

.text-bold {
  font-weight: 700;
}

/*PADDINGS*/
.pr-6 {
  padding-right: 3rem;
}

.hidden {
  display: none !important;
}

/*MAIN LAYOUT*/
.content {
  min-height: 480px;
  overflow: clip;
}

.site-main {
  min-height: 400px;
}

.more-link a, a.more-link {
  position: relative;
  z-index: 3;
}

.more-link a:hover {
  color: var(--greenlight);
}

a.more-link:hover {
  color: var(--greenlight);
}

.theme-orange .more-link a:hover {
  color: var(--orange);
}

.theme-jaune .more-link a:hover {
  color: var(--yellow);
}

.theme-bleu-fonce .more-link a:hover {
  color: var(--bluelight);
}

img.size-max_325x325 {
  max-width: 325px;
}

img.size-max_650x650 {
  max-width: 650px;
}

.animated {
  opacity: 0.5;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animated.visible {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0
  }
}

.klaro.learn-more-as-button .cookie-notice:not(.cookie-modal-notice) a.cm-link.cn-learn-more,
.klaro .cookie-modal .cm-btn.cm-btn-info, .klaro .context-notice .cm-btn.cm-btn-info, .klaro .cookie-notice .cm-btn.cm-btn-info {
  background-color: var(--darkblue);
}