.curieux {
width:410px;
height: 20px;
  margin-top: 0px;
  background:#873D97;
  color: #d7b8de;
  opacity: 0.7;
  font-size: 11px; 
  text-align: center;
  border-radius: 0px 0px 10px 10px;
  font-weight: 0px;
  }
  
  .citation {
  width:410px;
  background:#873D97;
  font-family: 'Pacifico', cursive;
  color: #d7b8de;
  opacity: 0.7;
  font-size: 20px; 
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  }
  
  .milieu {
  width:410px;
  background:#873D97;
  text-align: center;
  }
  
  
  
  b { font-size: 11px; text-transform: uppercase; color:#cb3a4f;}
  
  .lien { width: 200px;font-size: 11px; text-align: justify; line-height: 10px; height: 320px; overflow: auto; padding: 5px; margin-top: 102px; margin-bottom: -100px; background:#a8cdd9; opacity: 0.7;}
  
  .cadrelien{ width: 180px; height: 100px; background: #ffffff!important; margin-top: 10px; margin-left: 10px; position: relative; z-index: 99; opacity: 0;  
  -webkit-transition:all 1.0s;
  -moz-transition:all 1.0s;
  -o-transition:all 1.0s;
  transition:all 1.0s;}
  .cadrelien:hover { width: 180px; height: 100px; background: #ffffff!important; position: relative; z-index: 99; opacity: 0.8;}
  
  .textou {
    text-align:justify;
    font-family:tahoma;
    font-size:11px;
    line-height:10px;
    overflow:auto;
    color:#000;
  padding:5px;
  width:170px;
  height: 90px;}
  
  .titre { 
  font-size: 22px!important;
  width: 200px;
  text-align: center;
line-height: 10px;
color: #873D97;
text-transform: lowercase;
text-shadow:-1px 1px 0 rgb(142,14,129), -1px 1px 1px rgba(0,0,0,0.5),0px 0px 1px rgba(0,0,0,.2);
font-family: 'Pacifico', cursive;
margin-top: -135px;
}
.avatar { margin-bottom: 5px;}
tk{color:#853a96;text-transform:uppercase}