@charset "UTF-8";
hr {
  border-top-width: .5px
}
.image-wrapper img:hover {
  transform: scale(1)
}
.rs {
  width: auto
}
.content {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 10px
}
.content-inside {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 100px;
  width: 100%;
  flex-direction: column;
  align-items: center
}
.colonne-centre {
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 10px
}

.article-slide {
  width: 100%;
  position: relative;
  overflow: visible;
  height: 500px;
  overflow-x: hidden
}
.article-slide img:hover {
  transform: scale(1)
}


.article-slide .image-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: color(srgb 0.9965 0.8205 0.0031);
}
 
.article-slide .image-wrapper img {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 60%;
    height: 100%;
    transition: transform .3s ease-in-out;
}

.article-haut {
  margin-bottom: 50px;
  margin-top: 50px
}
.article {
  column-count: 1;
  text-wrap: pretty;
  widows: 3;
  orphans: 3;
  /*column-gap: 100px;*/
  margin-bottom: 50px;
  max-width:720px;
  margin: 0 auto;
}
.article-titre {
  margin-top: 20px;
  margin-bottom: 50px
}
.article-titre h1 {
  margin-bottom: 10px
}
.article-date {
  margin-top: 10px
}
.article h2 {
  margin-bottom: 10px
}
.article h3 {
  margin-top: 20px;
  margin-bottom: 10px
}
.article p {
  margin-bottom: 20px
}
.article li {
  margin: 5px 0 20px 15px
}
.article-rs.rs div {
  display: block;
  align-items: center;
  margin-bottom: 10px
}
.article-rs.rs img {
  border: .5px solid #7d42f3;
  margin: 0
}
.article-rs {
  display: flex;
  gap: 10px
}
.article-info {
  margin-bottom: 10px
}
.article-info div {
  justify-content: end
}
.article-date {
  margin-top: 5px;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px
}
.article-date img {
  height: 15px
}
.article-pho {
  height: 400px
}
.article-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 800px;
  margin-bottom: 0;
  margin-top: 50px
}
.article-rs {
  display: flex;
  gap: 10px
}
.article-info {
  text-align: right;
  margin-bottom: 10px
}
.article-fichier {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}
.article-footer {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: space-between;
  align-items: center
}
@media only screen and (max-width:600px) {
  .article-haut {
    margin-top: 50px
  }
  .article {
    column-count: 1;
    margin-bottom: 5px
  }
  .section {
    margin: 20px
  }
  .article-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
  }
  .article-info {
    text-align: left
  }
  .mod06 {
    width: 100%;
    width: calc(50% - 10px);
    box-sizing: border-box
  }
  .article-info div {
    justify-content: start
  }
  .article-haut {
    margin-top: 50px
  }
  .article {
    column-count: 1;
    margin-bottom: 5px
  }
  .section {
    margin: 20px
  }
  .article-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px
  }
  .article-info {
    text-align: left
  }
  .article-footer {
    margin-top: 50px
  }
  .mod06-format {
    display: none
  }
}