/* ---------- variables + reset local ---------- */
.pcl{
  --pcl-img:".";                 /* chemin du dossier des images */
  --pcl-red:#D9544F;
  --pcl-green:#B8D432;
  --pcl-green-hover:#A8C526;
  --pcl-dark:#262626;
  --pcl-beige:#F1EAE4;
  --pcl-chip:#F0F4DD;
  --pcl-border:#EDEDED;
  --pcl-font:'Roboto','Helvetica Neue',Arial,sans-serif;

  font-family:var(--pcl-font);
  color:var(--pcl-dark);
  background:#fff;
  line-height:1.5;
  font-size:16px;
  text-align:left;
  -webkit-font-smoothing:antialiased;
}
.pcl,
.pcl *,
.pcl *::before,
.pcl *::after{box-sizing:border-box}

.pcl img{max-width:100%;display:block;height:auto;border:0}
.pcl p{margin:0;padding:0}
.pcl h1,.pcl h2,.pcl h3{margin:0;padding:0;font-family:inherit}
.pcl ul{list-style:none;margin:0;padding:0}
.pcl li{margin:0;padding:0}
.pcl a{text-decoration:none}
.pcl section{margin:0;padding:0}
.pcl svg{display:inline-block;vertical-align:middle}

/* ---------- conteneurs ---------- */
.pcl-wrap{width:100%;margin:0 auto;padding:60px 24px}
.pcl-w1080{max-width:1128px}
.pcl-w1235{max-width:1283px}
.pcl-w1340{max-width:1388px}
.pcl-w1500{max-width:1548px}

/* ---------- titres de section ---------- */
.pcl-title{
  font-size:36px;
  font-weight:700;
  color:var(--pcl-red);
  text-align:center;
  line-height:1.2;
}

/* ---------- bouton ---------- */
.pcl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 18px 60px;
    border-radius: 6px;
    background: var(--pcl-green);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-top: 40px;
}

.pcl-btn:hover, .pcl-btn:focus{
  background:var(--pcl-green-hover);
  color:#fff;
  text-decoration:none;
  transform:translateY(-1px);
}

.pcl-btn svg{flex:none}

/* ================= HERO ================= */
    .pcl-hero{
      background-color:#F7EDE4;
      background-image:url("/content/images/prix/hero-participation.jpg");
      background-position:center center;
      background-size:cover;
      background-repeat:no-repeat;
      text-align:center;
      padding:78px 24px 56px;
      min-height:580px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .pcl-hero-kicker{
      font-size:20px;
      font-weight:bold;
      line-height:23px;
      text-transform:uppercase;
      color:var(--pcl-red);
    }

    .pcl-hero-h1 {
        font-size: 50px;
        font-weight: bold;
        color: var(--pcl-red);
        margin-top: 2px !important;
    }

    .pcl-hero-lead {
        font-size: 19px;
        font-weight: 700;
        line-height: 22px;
        margin-top: 30px !important;
    }

    .pcl-hero-genres {
        font-size: 16px;
        line-height: 20px;
        margin-top: 26px !important;
    }

    .pcl-hero-all {
        font-size: 19px;
        font-weight: 700;
        line-height: 22px;
        margin-top: 30px !important;
    }

    .pcl-hero-note {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 16px;
        font-weight: 700;
        margin-top: 34px !important;
    }

    .pcl-hero-date{color:var(--pcl-green)}

/* ================= ÉTAPES ================= */
.pcl-steps{padding:61px 0 92px;text-align:center;background:#fff;margin-top:20px !important;}
.pcl-steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:75px;
}
.pcl-step{
  border:1px solid var(--pcl-border);
  border-radius:10px;
  background:#fff;
  padding:24px 26px 42px;
  text-align:center;
}
.pcl-step-chip{
  width:142px;
  height:142px;
  border-radius:50%;
  background:var(--pcl-chip);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pcl-step-chip img{width:72px;height:72px}
.pcl-step-num{
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--pcl-red);
  color:#fff;
  font-size:17px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:26px auto 18px;
}

.pcl-step-h3{
  font-size:22px;
    line-height:25px;
  font-weight:700;
  color:var(--pcl-red);
  margin:0 0 14px;
}

.pcl-step-txt {
    font-size: 15px;
    line-height: 19px;
    margin-top: 14px !important;
    font-weight: 500;
}


/* ================= RÉCOMPENSES ================= */
.pcl-rewards{background:var(--pcl-beige);padding:75px 0 106px;text-align:center; margin-top:20px !important;}
.pcl-rewards-intro{font-size:17px;font-weight:700;line-height:21px;margin-top:20px !important;}
.pcl-rewards-block{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:56px;
  margin:46px 0 0;
  text-align:left;
}
.pcl-rewards-shot{
  width:250px;
  object-fit:cover;
  border-radius:10px;
  flex:none;
}
.pcl-rewards-list li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-size:17px;
  line-height:1.75;
}
.pcl-rewards-list svg{flex:none;margin-top:4px}
.pcl-rewards-list b{font-weight:700}

/* ================= CALENDRIER ================= */
.pcl-calendar{padding:104px 0 0;text-align:center;background:#fff}
.pcl-timeline{display:flex;margin:62px 0 0}
.pcl-tl-item{flex:1;position:relative;text-align:center;padding:0 8px}
.pcl-tl-circle{
  width:100px;
  height:100px;
  border-radius:50%;
  background:var(--pcl-chip);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pcl-tl-circle img{width:44px;height:44px}
.pcl-tl-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50px;
  left:calc(50% + 62px);
  right:calc(-50% + 62px);
  border-top:2px dashed #3C3C3C;
}
.pcl-tl-date{
  font-size:20px;
  font-weight:700;
  color:var(--pcl-green);
  margin-top: 26px !important;
}
    .pcl-tl-label {
        font-size: 18px;
        line-height: 22px;
        margin-top: 10px !important;
        font-weight: 500;
    }

/* ================= JURY ================= */
.pcl-jury{padding:110px 0 0;text-align:center;position:relative;z-index:2;background:transparent}
.pcl-jury-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:46px;
  margin:55px 0 0;
}
        .pcl-jury-card {
            background: #fff;
            border-radius: 12px;
            padding: 25px 25px 34px;
            text-align: center;
            border: 1px solid #F8F5F2;
        }

    .pcl-jury-photo{
      background:#EFEFEF;
      border-radius:10px;
      aspect-ratio:370 / 293;
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .pcl-jury-photo img{width:100%;height:100%;object-fit:cover}

    .pcl-jury-name {
        font-size: 20px;
        font-weight: 700;
        color: var(--pcl-red);
        margin-top: 26px !important;
    }

    .pcl-jury-txt {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        margin-top: 6px !important;
    }

/* ================= CTA SOMBRE ================= */
        .pcl-cta {
            background: var(--pcl-dark);
            color: #fff;
            text-align: center;
            padding: 238px 24px 115px;
            margin-top: -86px;
            position: relative;
            z-index: 1;
            padding-top: 110px !important;
            margin-top: -150px !important;
            padding-bottom: 40px !important;
        }

.pcl-cta-small{font-size:34px;font-weight:700;color:var(--pcl-green);line-height:38px;}
.pcl-cta-big{font-size:50px;font-weight:700;color:var(--pcl-green);line-height:54px;margin:6px 0 0;}
        
    .pcl-cta-body {
            font-size: 20px;
            line-height: 24px;
            margin-top: 26px !important;
            color: #fff;
        }

        .pcl-cta-strong {
            font-size: 25px;
            font-weight: bold;
            margin-top: 26px !important;
            color: #fff;
        }

.pcl-cta .pcl-btn{margin-top:36px}

/* ================= CONDITIONS ================= */
.pcl-terms{padding:100px 0 110px;background:#fff}
.pcl-terms-h2{
  font-size:36px;
  font-weight:700;
  color:var(--pcl-red);
  line-height:1.2;
  margin:0 0 32px !important;
}
        .pcl-terms-txt {
            font-size: 14px;
            line-height: 18px;
            text-align: left;
        }
.pcl-terms-txt + .pcl-terms-txt{margin-top:24px}

/* ================= RESPONSIVE ================= */
    @@media (max-width:1240px){
      .pcl-steps-grid{gap:40px}
      .pcl-jury-grid{gap:30px}
    }
    @@media (max-width:1100px){
      .pcl-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 20px}
      .pcl-tl-item:not(:last-child)::after{display:none}
    }

    @@media (max-width:1000px){
      .pcl-hero{padding:62px 24px 48px !important;min-height:0}
      .pcl-hero-h1{font-size:38px}
      .pcl-title{font-size:30px}
      .pcl-steps-grid{grid-template-columns:1fr;gap:28px;max-width:520px;margin:0 auto}
      .pcl-jury{padding-top:80px}
      .pcl-jury-grid{grid-template-columns:1fr;gap:28px;max-width:460px;margin:45px auto 0}
      .pcl-cta{margin-top:0;padding:80px 24px 90px}
      .pcl-calendar{padding-top:80px}
      .pcl-rewards{padding:60px 0 70px}
      .pcl-rewards-block{flex-direction:column;align-items:center;gap:34px}
      .pcl-rewards-list{max-width:460px}
      .pcl-terms{padding:70px 0 80px}
    }
    @@media (max-width:700px){
      .pcl-timeline{grid-template-columns:repeat(2,1fr)}
      .pcl-hero{padding:48px 20px 40px !important;}

        .pcl-hero-kicker {font-size:16px;line-height:20px;
        }

      .pcl-hero-h1{font-size:38px;margin-top:10px !important;}

        .pcl-hero-all {
            font-size: 17px
        }

      .pcl-hero-lead{font-size:17px}
      .pcl-hero-lead br,
      .pcl-hero-genres br{display:none}
      .pcl-title{font-size:26px}
      .pcl-cta-big{font-size:30px}
      .pcl-cta-small{font-size:20px}
      .pcl-cta-body br{display:none}
      .pcl-btn{padding:16px 30px;gap:18px;font-size:16px;min-height:66px;width:100%;max-width:420px}
      .pcl-rewards-list li{font-size:16px}
      .pcl-step-chip{width:120px;height:120px}
      .pcl-step-chip img{width:60px;height:60px}
    }

    @@media (max-width:460px){
      .pcl-timeline{grid-template-columns:1fr}
      .pcl-hero-h1{font-size:32px}
      .pcl-rewards-shot{width:100%;height:auto}
    }