/* DEBUT HEADER DE L'INDEX */
    
header { 
    text-align: center;
    border-radius: 25px;
    border: solid 1px;
    margin: auto;
    margin-top: 10px;
    
background: linear-gradient(
    to bottom,
    #0077FF, /* Bleu azur profond */
    #3399FF, /* Bleu azur */
    #66BFFF, /* Bleu ciel */
    #99D8FF, /* Bleu très clair */
    #CCEFFF, /* Bleu pastel */
    #FFFFFF  50%/* Blanc */
);
        /*#13181d, #20212e, #341b47*/
   
    color: #000;
    max-width: 95%;
    box-sizing: border-box;
    padding: 20px 0;
    padding-left: 10px;
    padding-right: 10px;
    }


    header h1 { 
            margin-bottom:10px;
            margin-top: 10px;

     }

    header p { margin-bottom:20px;
              color: #000;
              font-weight: 700; /* épais */
              font-size: 18px; 

     }
    
/* FIN HEADER DE L'INDEX */

    .header{

    background: linear-gradient(
        to bottom,
    #0077FF, /* Bleu azur profond */
    #3399FF, /* Bleu azur */
    #66BFFF, /* Bleu ciel */
    #99D8FF, /* Bleu très clair */
    #CCEFFF, /* Bleu pastel */
    #FFFFFF 60% /* Blanc */
); 
  border-radius: 20px;
  border: solid 2px;
  margin: auto; 
  margin-top: 25px;
  max-width: 1080px;
  
}
    
.header-interne{
    display: flex;
    text-align: center;

}
/* Conteneur centré */
.elements-interne {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    

    display: flex;
    /*flex-direction: column;  empile logo + texte */
    align-items: center;    /* centre horizontalement */
    
    gap: 10px;
}

/* Logo centré */
.logo-interne img {
    height: 100px;
    width: auto;
     display: flex;
    /*flex-direction: column;  empile logo + texte */
    align-items: center;    /* centre horizontalement */
}