html{
background-color:black;
background-image: url("../images/fond_page_site.jpg");
width: 100%;
height: auto;
background-repeat:no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
/* background-size: cover; */
margin:0; 
padding:0; 
margin-top:0;
margin-bottom:0;  
position: fixed;  
}
body{text-align:center; margin-top: 0%; }
.form_1:hover{border:1px solid #000000; background:#cccccc;}
.text_01{text-decoration:none; color:red;font-size:18px;font-weight: bold;} 
.text_01:hover{text-decoration:none; font-size:28px; color:blue;} 
.renard{font-size:20px;}
/* le block conteneur du defilant_01 */
.defilement-txt_01 {
  font-size:1.2em;
  color:purple;
  max-width: 30em;                      /* largeur de la fenêtre */
  margin: 1em auto 2em;
  border: 5px solid #F0F0FF;
  overflow: hidden;                     /* masque tout ce qui dépasse */
  box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
}
/* le bloc defilant_01 */
.defilement-txt_01 > :first-child {
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement-txt_01 25s infinite linear;
}

@keyframes defilement-txt_01 {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}