/* GENERAL */

h2, h3 {
  font-size: 1.3rem;
}

.item-title a, .item-title a:hover {
  text-decoration: none;
}

/* HEADER */

.container-header .container-nav {
  align-items: center;
  padding-bottom: .5em;
}

search {
  margin-top: 0;
}

/* BANNIERE */

.container-banner {
  background-color: #257b93;
}

.container-banner .banner-overlay .overlay {
  background-color: #ffffff00;
}

.container-banner .banner-overlay {
  height: 130px;
}

/* BOUTON CTA */

.btn-cta {
  display: flex;
}

.btn-success {
  margin: 3rem auto;
}

.btn-success a {
  color: #fff;
}

.btn-success a, .item-title a, h3 a:hover {
  text-decoration: none;
}

/* FLEX */

.vignettes {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.vignette {
  margin: 3rem 1rem;
  border: 1px solid #dfe3e7;
  border-radius: 0 0 .25rem .25rem;
  box-shadow: 1px 1px 4px #0000001a;
}

.vignette a, .anecdote a, .trois-minute a {
  text-decoration: none;
}

.vignette-title {
  font-size: 1.2rem;
}
.vignette-title, .vignette p {
  padding: 0 1rem 1rem;
}

.anecdote, .trois-minute {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 100px;
  padding: 0 15px;
  text-align: center;
}

/* TRANSITION ET HOVER */

.com-content-article__body *, .message, .vignette, .lien, iframe {
  transition: all ease 0.3s;
}

.message:hover, .vignette:hover, .anecdote:hover, .trois-minute:hover, .lien:hover, iframe:hover {
  box-shadow: 10px 10px 30px #999;
}

/* MODULES */

.autorisation {
  text-align: center;
}

/* FOOTER */

.footer .grid-child {
  padding: .5em;
}

.footer a {
  text-decoration: none;
}

/* MENTIONS LEGALES */

.mentions-legales {
  display: flex;
  justify-content: space-around;
  text-align: center;
}

.edition, .creation, .hebergement {
  width: 310px;
  margin-bottom: 3rem;
}

/* TARTE AU CITRON */

#tarteaucitronRoot #tarteaucitronIcon #tarteaucitronManager img {
  width: 30px;
  height: 30px;
}