body{
    background-color:white;
   display: flex;
   justify-content: center;
  
}

.page{
    width: 450px;
    height: 200px;
    margin: 0 auto;
    /* margin-bottom:2px;
    padding-top:2px; */
    padding: 10px;
    padding-bottom: 30px;
    margin-top: 200px;
    border: 5px solid black;
    background-color: white;
    border-radius: 10px;
    box-shadow: 10px 10px 6px black;
   
}

.left{
    float: left;
    width: 100px;
    margin-top: 5px;
    margin-bottom: 2px;
    
}
.left p{
    color: black;
    font-size: 9px;
    text-align: center;
    padding-left: 10px;
}

img{
    width: 120px;  
    margin: 10px;
    box-shadow: 8px 8px 6px black;
    
}

.right{
    float: right;
    width: 270px;
    margin: 20px;
    margin-top: 0px;
    margin-bottom:15px;
    padding: 5px;
    box-shadow: 8px 8px 6px black;
    background-color: rgb(199, 175, 198);
}
.right h1{
    font-size: 12px;
    text-align: center;
   
}
.right h2{
    font-size: 11px;
    text-align: center;
}

.right p{
    font-size: 11px;
    text-align: center;
    
}

.marquee-rtl {
    max-width:15em;                      /* largeur de la fenêtre */
    margin: 1em 1em 2em;
    border: 2px solid #F0F0FF;
    overflow: hidden;                     /* masque tout ce qui dépasse */
    box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
  }
  .marquee-rtl > :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-rtl 16s infinite linear;
  }

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