/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
* TYPE DE BLOC = alerte_info
* CUSTOM CLASS = .alertinfo
* .ALERTINFO BOX
* .ALERTINFO IMAGE
* .ALERTINFO TITLE
* .ALERTINFO MESSAGE
* .ALERTINFO TEXT SETTINGS
*
*/

/* ------------------------------------ *\
  ==ALERT INFO BOX
\* ------------------------------------ */

.alertinfo {
  font-family: "Titillium Web", sans-serif;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 88.125rem;
  margin: 0 auto 1rem;
  border-bottom: dotted 1px gray;
}

.alerteinfo__wrap {
  width: 100%;
  margin: 0 0 1rem;
  padding: 1em;
  background-color: #ebe0a0;
}

/* ------------------------------------ *\
  ==ALERT INFO IMAGE
\* ------------------------------------ */

.alerte_info__alerte-illustration {
  font-size: 0;
  text-align: center;
}

.alerte_info__alerte-illustration img {
  width: 100%;
  max-width: 7.25rem;
  filter: drop-shadow(5px 5px 1px #808080);
}

/* ------------------------------------ *\
  ==ALERT INFO TITLE
\* ------------------------------------ */

.alertinfo__content {
  padding: 0 1rem;
}

.alertinfo__content .alertinfo__titre h2 {
  font-weight: 800;
  margin-bottom: .5rem;
  color: #945400;
}

/* ------------------------------------ *\
  ==ALERT INFO MESSAGE
\* ------------------------------------ */

.alertinfo__message .block__content .alerte_info__body {
  color: #00558b;
}

.alerte_info__body p {
  font-size: 1.3rem;
  line-height: 1.2;
}

/* ------------------------------------ *\
  ==ALERT INFO TEXT SETTINGS
\* ------------------------------------ */

.alertinfo__message--bold {
  font-weight: 800;
}

.alertinfo__message--semibold {
  font-weight: 600;
}

/* ------------------------------------ *\
  ==MEDIA QUERIES
\* ------------------------------------ */

@media screen and (max-width: 1023px) {
  .alerte_info__alerte-illustration {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 1430px) {
  .alerteinfo__wrap {
    margin: 0 1rem 1rem;
  }
}