.lettrine{
    font-size: 1.5rem;
}


/* FIN SURVOL DES MOTS DU TITRE */

  /* //////////////////////DEBUT DU TEXTE DEFFILANT /////////////////////////////////////////*/


  .messagedefilant {
    font-family: 'Orbitron', sans-serif;
    /* background-color: #750970; */
   
    display: block;
    margin: 5px auto;
    padding: 10px 2px;
    overflow: hidden;  /* Poyr cacher tout ce qui dépasse de l'élément  */
    position: relative;
    width: 100%;
    
    height: 60px;
    color: white;
    margin-bottom: 10px;
  }
   
  .messagedefilant div {
    position: absolute;
    width: 100%; /* au minimum la largeur du conteneur pour laiiser un espace entre les span */
    /* background-color: #750970; */
  }
   
  .messagedefilant div span, 
  .messagedefilant div:after {
    position: relative;
    display: inline-block;
    font-size: 1.1rem;
    white-space: nowrap;   /* eviter le retour à la ligne */
    top:0;
    /* background-color: #750970; */
    align-items: center;
  }

  .messagedefilant div span {
    animation: defilement 30s infinite linear;
   
    color: white;
  }

  .messagedefilant div:after {
    position: absolute;
    top:0; left:0;
    content:attr(data-text);  /* récupéreration de  la valeur d'un attribut d'un élément avec la fonction attr() */
    animation: defilement2 30s infinite linear;
    /* color: #7ab8e6; */
    /* background-color: #750970; */

  }
   
  @keyframes defilement {
    0% { margin-left: 0; }
    100% { margin-left: -100%; }
  }
   
  @keyframes defilement2 {
    0% { margin-left: 100%; }
    100% { margin-left: 0%; }
  }

  /* FIN DU TEXTE DEFILANT//////////////////////////////////////////////////////////////////// */

 







/* message defilant */
@media (max-width: 900px){
  .messagedefilant {
      font-size: 0.9rem;
      height: 40px;
      padding: 5px 2px;
  }
}




@media (max-width: 900px){
    .header{
        display: none;
    }
}

@media (min-width: 900px){
    .accueil_sm{
        display: none;
    }
}