body{
  background:#eee9df;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}


/* HERO */

.actualites-hero{
  min-height:460px;

  background:
    radial-gradient(
      circle at 78% 25%,
      rgba(224,185,81,.35),
      transparent 22%
    ),
    linear-gradient(
      120deg,
      #fffaf0 0%,
      #eee1bd 52%,
      #718153 100%
    );
}

.actualites-hero h1{
  color:#50391f !important;
}


/* SECTIONS */

.agenda,
.archives-events{
  max-width:1300px;
  margin:auto;
  padding:80px 9%;

  background:#fff;
}

.archives-events{
  background:#fbf6eb;
}

.section-heading{
  max-width:720px;
  margin-bottom:45px;
}

.section-heading .eyebrow{
  color:#987025;

  font-size:9px;
  font-weight:600;
  letter-spacing:3px;
}

.section-heading h2{
  margin:10px 0 15px;

  color:#303778;

  font:
    600 48px/.98
    'Cormorant Garamond',
    Georgia,
    serif;
}

.section-heading > p:not(.eyebrow){
  color:#5c5042;
  font-size:13px;
  line-height:1.75;
}


/* PROCHAINS EVENEMENTS */

.agenda-empty{
  max-width:800px;

  padding:42px;

  background:
    linear-gradient(
      120deg,
      #e6ecd7,
      #fff9ed
    );

  border-left:4px solid #c89a37;
}

.agenda-empty > span{
  color:#c18e2d;
  font-size:22px;
}

.agenda-empty h3{
  margin:12px 0 10px;

  color:#49381f;

  font:
    600 31px
    'Cormorant Garamond',
    Georgia,
    serif;
}

.agenda-empty p{
  margin:0;

  color:#5e5244;
  font-size:12px;
  line-height:1.7;
}


/* CARTES EVENEMENTS */

.event-card{
  max-width:950px;

  display:grid;
  grid-template-columns:180px 1fr;

  background:#fff;

  border:
    1px solid
    rgba(187,156,91,.28);

  box-shadow:
    0 12px 35px
    rgba(72,54,26,.06);
}

.event-date{
  padding:35px 25px;

  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

  text-align:center;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      #68794b,
      #405031
    );
}

.event-date strong{
  font:
    600 38px
    'Cormorant Garamond',
    Georgia,
    serif;
}

.event-date span{
  margin-top:5px;

  color:#efd486;

  font-size:8px;
  font-weight:600;
  letter-spacing:1.5px;
}

.event-content{
  padding:35px;
}

.event-type{
  margin:0 0 8px;

  color:#a1792c;

  font-size:8px;
  font-weight:600;
  letter-spacing:2px;
}

.event-content h3{
  margin:0 0 12px;

  color:#303778;

  font:
    600 34px
    'Cormorant Garamond',
    Georgia,
    serif;
}

.event-content > p:not(.event-type){
  margin:0;

  color:#5e5244;
  font-size:12px;
  line-height:1.7;
}


/* CTA */

.actualites-cta{
  max-width:1300px;
  margin:auto;

  padding:80px 9%;

  text-align:center;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      #657748,
      #35452a
    );
}

.actualites-cta .eyebrow{
  color:#efd486;
}

.actualites-cta h2{
  max-width:750px;
  margin:12px auto 18px;

  color:#fff;

  font:
    600 46px/1
    'Cormorant Garamond',
    Georgia,
    serif;
}

.actualites-cta > p:not(.eyebrow){
  max-width:650px;
  margin:0 auto 25px;

  color:rgba(255,255,255,.9);

  font-size:12px;
  line-height:1.75;
}


/* MOBILE */

@media(max-width:760px){

  .agenda,
  .archives-events,
  .actualites-cta{
    padding:55px 7%;
  }

  .section-heading h2{
    font-size:39px;
  }

  .event-card{
    grid-template-columns:1fr;
  }

  .event-date{
    padding:22px;
  }

  .actualites-cta h2{
    font-size:39px;
  }
}


/* ==================================================
   ACTUALITES & AGENDA — HERO CONFERENCE HD
   ================================================== */

body main > section.hero.actualites-hero{
  position:relative !important;
  overflow:hidden !important;

  min-height:500px !important;

  background-image:
    url("../assets/optimized/actualites-hero-background-HD.webp") !important;

  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* On ne modifie pas le cadrage de l'image */

body main > section.hero.actualites-hero::after{
  display:none !important;
}

/* Texte uniquement dans la partie crème */

body main > section.hero.actualites-hero > *{
  position:relative !important;
  z-index:2 !important;
}

body main > section.hero.actualites-hero .eyebrow{
  color:#987025 !important;
}

body main > section.hero.actualites-hero h1{
  color:#303778 !important;

  font:
    600 62px/.95
    'Cormorant Garamond',
    Georgia,
    serif !important;
}

body main > section.hero.actualites-hero .lead{
  color:#493d30 !important;

  font:
    italic 23px/1.48
    'Cormorant Garamond',
    Georgia,
    serif !important;
}

/* MOBILE */

@media(max-width:760px){

  body main > section.hero.actualites-hero{
    min-height:430px !important;
  }

  body main > section.hero.actualites-hero h1{
    font-size:47px !important;
  }

}