CODE & QUOTE

/*FICHES ET SUJETS*/
/*fond sujet*/
.fondcadre{background-color:#e2e9eb; width:480px; padding:10px;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;
font-size:12px; line-height:12px; text-align:justify;}
/*entete de fiche et/ou sujet*/
.pseudofiche{background-color:#edf3f5; font-weight: bold;
font-family: 'Volkhov', serif; letter-spacing:2px;
  text-transform:uppercase;
color:#736d6d; font-size:20px;
  text-align :center;
padding:5px; text-shadow: 1px 1px 0px #fff;
margin-bottom:5px;}
/*section pv de gauche*/
.gensect{background-color:#edf3f5;
  font-size:12px; line-height:12px;
  text-align:justify; margin:5px; padding:5px;height:280px; width:210px;
  overflow:auto; color:#39312b; margin-left:-3px;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
/*section pv de droite*/
.othersect{background-color:#edf3f5;
font-size:12px; line-height:12px; text-align:justify;
margin:5px; padding:5px; height:280px;
width:146px; overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
/*section presa du bas*/
.gensect2{background-color:#edf3f5;
  font-size:12px; line-height:12px;
  text-align:justify; margin:5px; padding:5px; height:150px; width:360px;
  overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
/*sections fiche de lien du bas*/
.gensect3{background-color:#edf3f5;
  font-size:12px; line-height:12px;
  text-align:justify; margin:5px; padding:5px; height:90px; width:360px;
  overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
/*section presa du haut*/
.othersect2{background-color:#edf3f5;
font-size:12px; line-height:12px; text-align:justify;
margin:5px; padding:5px; height:60px;
width:360px; overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
/*section histoire de la presa et autre sujet*/
.historic{background-color:#edf3f5; text-transform:lowercase;
  font-size:12px; line-height:12px;
  text-align:justify; margin:5px; padding:5px; width:460px;
  overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
/*hors jeu*/
.horsjeu{background-color:#edf3f5;
font-size:12px; line-height:12px; text-align:justify;
margin:5px; padding:5px; height:35px;
width:360px; overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
/*section des rps*/
.rpsfiche{background-color:#edf3f5; text-transform:uppercase;
font-size:12px; line-height:12px; text-align:justify;
margin:5px; padding:5px; height:115px;
width:295px; overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}

/*img pv celle du dessous*/
.imgpv{width:75px; height:280px; background-position:center center;
  background-size:auto 280px;
  border:#edf3f5 solid 5px; background-color:#ddcecb;
  /*-webkit-border-radius: 50px; border-radius: 50px;*/ overflow:hidden;}
/*image de pv du dessus*/
.secondimg{margin-top:-2px; margin-left:-75px;
opacity:1; height:300px;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.secondimg:hover{opacity:0.0;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
/*img histoire du dessous*/
.imghist{width:470px; height:90px; background-position:center center;
  background-size:470px auto;
  border:#edf3f5 solid 5px; background-color:#ddcecb;
  overflow:hidden;}
/*image de l'histoire du dessus*/
.secondhist{margin-top:-2px; margin-left:-75px;
opacity:1;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.secondhist:hover{opacity:0.0;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}

/*fond liens des pvs*/
.linkspvs{opacity:0.0;
  background-color:#edf3f5;  
font-size:10px; line-height:10px; text-align:justify;
margin:5px; padding:5px; height:100px;
width:125px; overflow:auto; color:#39312b;
  -webkit-box-shadow: 0 0 1px 0 #84a4ad; box-shadow: 0 0 1px 0 #84a4ad;}
.linkspvs:hover{opacity:0.9;}
/*iamges pvs*/
.imglinks{background-position:center center; background-color:#ddcecb; overflow:hidden; width:145px; height:120px;
border:#edf3f5 solid 5px; background-size:145px auto;}