.road-and-title {
  position: relative;
}

.road-and-title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 211px;
  top: 100%;
  left: 0;
  background-repeat: no-repeat;
  z-index: 1;
}

.rose .road-and-title::before {
  background-image: url(../img/nuage_top_rose.svg);
}

.bleu .road-and-title::before {
  background-image: url(../img/nuage_top_bleu.svg);
}

.vert .road-and-title::before {
  background-image: url(../img/nuage_top_vert.svg);
}

.jaune .road-and-title::before {
  background-image: url(../img/nuage_top_jaune.svg);
}

.violet .road-and-title::before {
  background-image: url(../img/nuage_top_violet_pale.svg);
}

#thematique-header .infos-top-image {
  padding: 0;
  position: relative;
}
#thematique-header .infos-top-image:before {
  content: "";
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  width: 622px;
  height: 211px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#thematique-header .infos-top-image img {
  width: 100%;
  height: 480px;
  object-fit: cover;
}

#thematique-paragraphes {
  padding: 25px 0 0;
}
#thematique-paragraphes #paragraphes .paragraphe_simple:last-of-type > *:not(.para-bloc-texte-wrapper.para-important) {
  margin-bottom: 104px;
}
#thematique-paragraphes #paragraphes .paragraphe_simple:last-of-type > *.para-bloc-texte-wrapper.para-important {
  margin-bottom: 0;
}
#thematique-paragraphes #paragraphes .para-bloc-texte-wrapper.para-important {
  margin: 75px 0 70px;
}
#thematique-paragraphes #paragraphes .para .para-chapeau {
  font-weight: 600;
}

.bloc-plus {
  padding: 55px 0;
}
.bloc-plus h2 {
  font-size: 3.7rem;
  margin-bottom: 55px;
  font-weight: 900;
}
.bloc-plus .bloc-card-lien {
  margin-top: 56px;
}

#thematique-bloc-pro {
  padding: 65px 0 159px;
  background-image: url("../img/visuel_carte.2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#thematique-bloc-pro .bloc-pro-infos {
  position: relative;
  background: #ffffff;
  padding: 54px 23px 0 23px;
  border-radius: 20px 20px 0 0;
}
@media (min-width: 768px) {
  #thematique-bloc-pro .bloc-pro-infos {
    padding-right: 116px;
  }
}
#thematique-bloc-pro .bloc-pro-infos::before, #thematique-bloc-pro .bloc-pro-infos::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  display: block;
}
#thematique-bloc-pro .bloc-pro-infos::before {
  width: 80%;
  background-color: #ffffff;
  height: 32px;
  border-radius: 0 0 0 20px;
}
@media (min-width: 992px) {
  #thematique-bloc-pro .bloc-pro-infos::before {
    height: 43px;
  }
}
#thematique-bloc-pro .bloc-pro-infos::after {
  width: 100%;
  background: url(../img/nuage_coin_droit_blanc.svg) no-repeat top right;
  background-size: contain;
  height: 63px;
}
@media (min-width: 992px) {
  #thematique-bloc-pro .bloc-pro-infos::after {
    height: 94px;
  }
}
@media (min-width: 992px) {
  #thematique-bloc-pro .bloc-pro-infos {
    border-radius: 20px 20px 0px 0px;
  }
}
#thematique-bloc-pro .bloc-pro-infos #info-titre {
  position: relative;
  font-family: "Coiny", Arial, Verdana, sans-serif;
  font-size: 3rem;
  line-height: 3.6rem;
  font-weight: normal;
  margin: 0;
  padding-left: 93px;
  min-height: 80px;
  display: flex;
  align-items: center;
}
#thematique-bloc-pro .bloc-pro-infos #info-titre::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  background: url("../img/pin_carto.svg") no-repeat center;
  background-size: contain;
}
#thematique-bloc-pro .bloc-pro-infos #info-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 34px;
}
#thematique-bloc-pro .bloc-pro-infos #info-btn a {
  text-decoration: none;
}
#thematique-bloc-pro .bloc-pro-infos #info-btn a:hover {
  background: #000000;
  color: #ffffff;
}

#thematique-bloc-dossier {
  background-color: #F1807E;
}
#thematique-bloc-dossier .dossier-card .card-c-type,
#thematique-bloc-dossier .dossier-card .card-c-autres {
  display: flex;
}
#thematique-bloc-dossier .dossier-card .c-btn {
  background-color: #F1807E;
}
#thematique-bloc-dossier .dossier-card .card-texte {
  margin-bottom: 42px;
}

#thematique-bloc-ressource {
  background-color: #71C0D3;
}
#thematique-bloc-ressource .ressource-card .c-btn {
  background-color: #71C0D3;
}
#thematique-bloc-ressource .ressource-card .card-texte {
  margin-bottom: 69px;
}

#thematique-bloc-evenement {
  background-color: #95CAA3;
}

footer {
  margin-top: 0;
}

/*# sourceMappingURL=thematique.css.map */