body{
    background-color: #f5f5f7 !important;
}

.hdr{
    width: 100%;
    height: 90vh;
    background-color: rgb(240, 241, 243);
}

.nv_icon{
    width: 3rem;
}

.nv_pretlt{
    font-size: 1.7rem;
    background-image: linear-gradient(90deg,#9730ca,#2596d6 33.33%,#304cca 70%);
    background-clip: text;
  -webkit-text-fill-color: rgba(0,0,0,0);
  background-size: 100% auto;
  transition: background-position 1s linear;
  padding-top: 0.5rem;
}

.nv_tlt{
    font-size: 3.5rem;
}

.lpt_ctn{
    padding-top: 2rem;
}

.nv_img{
    width: 38rem;
}

.lpt_img{
    padding-top: 2rem;
}

.gen_cont{
    width: 80%;
    text-align: left;
    margin-top: 2rem;
}

.sub_txt{
    font-size: 1.2rem;
    line-height: 1;
}

.tlt2{
    font-weight: 600;
}

.p_1{
    width: 70%;
}

.live_img{
    width: 35rem;
}

.inl{
    display: inline-flex;
    width: 70%;
}

.right{
    margin-top: 5.5rem;
}

.p_2{
    text-align: left;
    font-size: 1.02rem;
}
.publ{
    width: 100%;
    height: 70vh;
    background-image: url(https://firebasestorage.googleapis.com/v0/b/galard-a8efc.firebasestorage.app/o/images-promo%2Flivecards.png?alt=media&token=70315d97-389f-4ebd-99b1-6a091397412a);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 1.5rem;
}

.organ_img{
    width: 18rem;
}

a{
    text-decoration: none !important;
    color: #000;
    font-weight: 600;
    font-size: 1.1rem
}

a:hover{
    transition: 0.3s ease-in-out !important;
    color: #253dd6 !important;
}

/* --- Ajoutez tout cela à la fin de votre uptnv.css --- */

/* Pour écrans moyens / desktop réduits */
@media (max-width: 1200px) {
  .gen_cont { width: 90%; }
  .nv_img    { width: 30rem; }
  .live_img  { width: 28rem; }
}

/* Tablettes et petits desktop */
@media (max-width: 768px) {
  .hdr {
    height: auto;
    padding: 2rem 0;
  }
  .lpt_ctn, .lpt_img {
    width: 100%;
    padding: 1rem 0;
  }
  .nv_img, .live_img, .organ_img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .gen_cont {
    width: 95%;
    margin: 0 auto;
  }
  .p_1, .p_2 {
    width: 100%;
  }
  .inl {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .right {
    margin-top: 1rem;
  }
  .nv_tlt {
    font-size: 2.5rem;
  }
  .tlt2 {
    font-size: 1.8rem;
  }
}

/* Mobiles */
@media (max-width: 576px) {
  .nv_pretlt {
    font-size: 1.4rem;
  }
  .nv_tlt {
    font-size: 2rem;
  }
  .sub_txt {
    font-size: 1rem;
  }
  .tlt2 {
    font-size: 1.5rem;
  }
  .p_1, .p_2 {
    font-size: 0.95rem;
  }
  a {
    font-size: 1rem;
  }
}

/* Tablettes et petits desktop */
@media (max-width: 768px) {
  .sub_txt {
    margin-top: 2rem; /* + d’espace au-dessus des sous-titres */
  }
  p {
    margin-top: 2rem; /* + d’espace au-dessus de chaque paragraphe */
    width: 90% !important;

  }

  .p_1, .p_2, .tlt2, .sub_txt {
    margin-left: 0.5rem;
  }

  .sib-form{
    margin-top: -1rem !important;
  }
}

/* Mobiles */
@media (max-width: 576px) {
  .sub_txt {
    margin-top: 1.5rem; /* ajuste si besoin */
  }
  p {
    margin-top: 1.5rem;
    width: 90% !important;
  }

  .p_1, .p_2, .tlt2, .sub_txt {
    margin-left: 0.5rem;
  }

  .sib-form{
    margin-top: -1rem !important;
  }

  .btm_lin{
    line-height: 1.2 !important;
  }
}