/* Global vars */
/* Global colors */
/* rgb(255,255,255); */
/* rgb(60,60,60); */
/* rgb(30,30,30); */
/* rgb(0,0,0); */
/* rgb(200,200,200); */
/* rgb(150,150,150); */
/* rgb(100,100,100); */
/* Site colors */
/* Bleu principal (bleu logo) */
/* Rouge logo */
/* Beige */
/* Beige */
/* Bleu foncé */
/* Bleu clair */
/* Bleu très clair */
/* Bleu clair menu */
/* Bleu clair menu */
/* Gris foncé */
/* Ouverture restaurant */
/* END Site colors */
/* Site fonts */
/* END Site fonts */
.section-home-lemag {
  background: #2A363B;
  color: #F2F0EC;
  padding: 50px 0 70px;
  overflow-x: clip;
}
.section-home-lemag .home-lemag__container {
  max-width: 1720px;
  padding: 0 40px;
  margin: 0 auto;
}
.section-home-lemag .home-lemag__container h2 {
  color: #F2F0EC;
  font-size: 27rem;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.8;
  margin-bottom: 80px;
}
.section-home-lemag .home-lemag__container h2 span {
  background: #E62537;
  font-size: 5rem;
  display: flex;
  width: fit-content;
  padding: 5px 10px 7px;
}
.section-home-lemag .home-lemag__container .home-lemag__texte:before {
  content: '';
  display: flex;
  width: 100%;
  max-width: 100px;
  height: 15px;
  background: #F2F0EC;
  margin-bottom: 50px;
}
.section-home-lemag .home-lemag__container .home-lemag__texte p {
  font-size: 2rem;
  max-width: 350px;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines {
  display: flex;
  margin: -120px -30px 0;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine {
  width: 33.33%;
  flex: 0 0 33.33%;
  min-height: 650px;
  position: relative;
  padding: 0 30px;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine.noimage .home-lemag__magazine-inner {
  background: #2A363B;
  border: 1px solid #F2F0EC;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine.noimage .home-lemag__magazine-categs .home-lemag__magazine-categ {
  border: 1px solid #F2F0EC;
  color: #F2F0EC;
  background: transparent;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 20px;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine .imgcropCtn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine .imgcropCtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: 1;
  background-color: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0) 55%));
  background: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 55%);
  background: -moz-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 55%);
  background: -ms-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 55%);
  background: -o-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 55%);
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine .imgcropCtn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0) 42%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0) 42%), to(#000000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 42%, #000000);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 42%, #000000);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 42%, #000000);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 42%, #000000);
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-categs {
  z-index: 1;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-categs .home-lemag__magazine-categ {
  margin: 0 12px 12px 0;
  background: #F2F0EC;
  color: #E62537;
  font-family: 'Bebas Neue Pro Expanded', sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 5px 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-titre {
  z-index: 1;
  position: relative;
  font-family: 'Bebas Neue Pro Expanded', sans-serif;
  font-size: 4.8rem;
  font-weight: 800;
  background: none;
  padding: 0;
  text-transform: uppercase;
  color: #FAF9F7;
  line-height: 0.8;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-titre a {
  color: #FAF9F7;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-titre a:hover {
  color: #E62537;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-bottom {
  position: relative;
  margin-top: auto;
  z-index: 1;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-bottom a {
  font-family: 'Bebas Neue Pro Expanded', sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: underline;
  color: #FAF9F7;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-bottom a:hover {
  color: #E62537;
}
.section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-chapo {
  margin-bottom: 14px;
}
.section-home-lemag .home-lemag__container .boutonplus {
  color: #F2F0EC;
  margin-top: 50px;
}
.section-home-lemag .home-lemag__container .boutonplus::before {
  background: #F2F0EC;
  color: #2A363B;
}
.section-home-lemag .home-lemag__container .boutonplus:hover {
  color: #E62537;
}
.section-home-lemag .home-lemag__container .boutonplus:hover:before {
  background: #E62537;
  color: #2A363B;
}
@media (max-width: 1499px) {
  .section-home-lemag .home-lemag__container h2 {
    font-size: 20rem;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines {
    margin: -110px -15px 0;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine {
    padding: 0 15px;
  }
}
@media (max-width: 1370px) {
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-titre {
    font-size: 4rem;
  }
}
@media (max-width: 1199px) {
  .section-home-lemag .home-lemag__container {
    padding: 0;
  }
  .section-home-lemag .home-lemag__container h2 {
    margin: 0 30px 60px;
    font-size: 15rem;
  }
  .section-home-lemag .home-lemag__container h2 span {
    font-size: 4rem;
  }
  .section-home-lemag .home-lemag__container .home-lemag__texte {
    margin: 0 30px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__texte p {
    max-width: none;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines {
    margin-top: 30px;
    overflow-x: auto;
    padding: 0 30px 10px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine {
    min-height: 568px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__bouton {
    margin: 0 30px;
    display: flex;
    justify-content: center;
  }
  .section-home-lemag .home-lemag__container .home-lemag__bouton .boutonplus {
    max-width: none;
  }
}
@media (max-width: 991px) {
  .section-home-lemag {
    padding: 40px 0;
  }
  .section-home-lemag .home-lemag__container h2 {
    font-size: 14rem;
    margin-bottom: 60px;
  }
  .section-home-lemag .home-lemag__container h2 span {
    font-size: 3rem;
  }
  .section-home-lemag .home-lemag__container .home-lemag__texte:before {
    height: 10px;
    max-width: 70px;
    margin-bottom: 50px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__texte p {
    font-size: 1.8rem;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-categs .home-lemag__magazine-categ {
    font-size: 1.2rem;
    margin-right: 8px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine-titre {
    font-size: 4rem;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine {
    width: 60%;
    flex: 0 0 60%;
    flex-shrink: 0;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine .imgcropCtn::before {
    background-color: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0) 66%));
    background: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 66%);
    background: -moz-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 66%);
    background: -ms-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 66%);
    background: -o-linear-gradient(top, #000000, rgba(0, 0, 0, 0) 66%);
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine .imgcropCtn::after {
    background-color: rgba(0, 0, 0, 0) 34%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0) 34%), to(#000000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 34%, #000000);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 34%, #000000);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 34%, #000000);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 34%, #000000);
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine .home-lemag__magazine-bottom a {
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .section-home-lemag .home-lemag__container h2 {
    font-size: 10rem;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines .home-lemag__magazine {
    width: 80%;
    flex: 0 0 80%;
  }
}
@media (max-width: 399px) {
  .section-home-lemag .home-lemag__container h2 {
    margin: 0 20px 60px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__texte {
    margin: 0 20px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__magazines {
    padding: 0 20px 10px;
  }
  .section-home-lemag .home-lemag__container .home-lemag__bouton {
    margin: 0 20px;
  }
}