body {font-family: 'Merriweather'; background-color:#EFEEE8;
text-align:center; overflow-x:hidden; width:100%; overflow: hidden;}

#text {text-align:center; align-items: center; position:fixed;
display:flex;	flex-wrap: wrap;
justify-content: center;width:90vw; height:90vh; margin-top:5vh; margin-left:4%;}

#cont_rien {position:absolute; 
width:90vw; height:90vh; margin-top:5vh; margin-left:4%; }

#rien {width:17%; transform-origin: center; 
-moz-animation: ballade ease-in-out 20s infinite; animation-delay: 0s; 
-webkit-animation: ballade ease-in-out 20s infinite; animation-delay: 0s; 
-o-animation: ballade ease-in-out 20s infinite; animation-delay: 0s; }
#img_rien {width:100%;}


.tableau {width:100%; text-align:center; }


@-moz-keyframes ballade {
    0% {margin-top: 0vh ; margin-left:0vw; transform:rotate(80deg);}
    15% { transform:rotate(360deg);}
    25% {margin-top: 50vh ; margin-left:75vw;transform:rotate(-20deg);}
    50% {margin-top: 40vh ; margin-left:0vw;transform:rotate(30deg);}
	65% { transform:rotate(360deg);}
    75% {margin-top: 20vh ; margin-left:75vw;transform:rotate(-20deg);}
   100% {margin-top: 0vh ; margin-left:0vw; transform:rotate(80deg);}
  }
  
  @-webkit-keyframes ballade {
    0% {margin-top: 0vh ; margin-left:0vw; transform:rotate(80deg);}
	    15% { transform:rotate(360deg);}
    25% {margin-top: 50vh ; margin-left:75vw;transform:rotate(-20deg);}
    50% {margin-top: 40vh ; margin-left:0vw;transform:rotate(30deg);}
	    65% { transform:rotate(360deg);}
    75% {margin-top: 20vh ; margin-left:75vw;transform:rotate(-20deg);}
   100% {margin-top: 0vh ; margin-left:0vw; transform:rotate(80deg);}
  }
  
  @media screen and (max-width: 480px){
#text {height:80vh;}
 }
@media screen and (max-width: 800px) and (min-width: 480px){
#text {height:70vh;}
}