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

#logo { width:100%;text-align:center; }
.titre {font-size:20px; line-height:200%; width:100%; height:auto; text-align:center; padding-top:0px; padding-bottom:60px;}
.taille_img1 {width:180px;}

#conteneur {
    display: inline-flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	width: 	80%;
	margin-bottom:80px;
}

.definition { width:25%; line-height:160%; text-align: justify; padding:25px;}


.mot { font-size:16px;  font-weight:bold; padding-right:8px;}

.def { }

.smalli {font-size:14px; font-style:italic;}

.2def {  ; }

.tableau {width:100%; text-align:center; }
.img_tableau {border: 1px solid; width:60%; }	
.titre_tableau {}








#liens{ width:100%; display:flex;	flex-wrap: wrap;
  justify-content: space-between;  }
.lien { padding:0px 20px; color:#838383; font-size:12px;  }
.lien:hover { color:white;   }





#finish { display:flex; width:100%;   margin-top:30px; padding-bottom:20px; padding-top:20px; 
	flex-wrap: wrap;
  justify-content: space-between;
    align-items: center;
background-color:#838383; }

.end {color:white; font-family: 'Artnoova Light'; font-size:10px; }
.endtrans {color:#838383; margin-left:20px;}
#img_end {height:30px; margin-right:20px;}




@media screen and (max-width: 480px){
 .definition { width:90%; line-height:160%; text-align: justify; padding:25px;}
 .titre {font-size:18px; line-height:200%; width:100%; height:auto; text-align:center; padding-top:0px; padding-bottom:60px;}
 .taille_img1 {width:170px;}
 #finish {padding-bottom:15px; padding-top:15px;}
 .end {font-size:8px; }
 .endtrans {margin-left:10px;}
 #img_end {height:20px; margin-right:10px;}
 }
@media screen and (max-width: 800px) and (min-width: 480px){
 .definition { width:40%; line-height:160%; text-align: justify; padding:25px;}
 .titre {font-size:18px; line-height:200%; width:100%; height:auto; text-align:center; padding-top:0px; padding-bottom:60px;}
 .taille_img1 {width:170px;}
}

#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%;}


	


@-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);}
  }