last CSS

/*Fiche de lien*/
.lien_description{
  background: #d4cbbc;
  width: 320px;
  height: 80px;
  padding: 5px;
  text-align: justify;
  color: #7a705f;
  font-size: 11px;
  line-height: 10px;
  overflow: auto; 
}

/* Fiche présentation autre document */
.fond_doc_div{
  background: #f9f4ed;
  -webkit-box-shadow:  0px 0px 5px 0px #b79c57;       
  box-shadow:  0px 0px 5px 0px #b79c57;
  border: 1px #f4e2c5 solid;
  color: #7a705f;
  width:500px;
  padding:3px;
  text-align:justify; 
}

.gros_titre_rouge{
  text-align: center;
  font-family: impact;
  color: #c10000;
  font-size: 29px;
}

.petit_info_gras_noir{
  font-weight: bold;
  color: black;
}

.moyen_titre_noir,
.moyen_titre_rouge{
  text-align: center;
  font-family: impact;
  font-size: 16px; 
}

.moyen_titre_noir{
    color: black;
}
.moyen_titre_rouge{
  color: #c10000;
}
/*Fin présentation doc autre*/

/* Nouvelle fiche de présentation */
.contenu_presa2{
  background: white;
  width: 500px;
  -webkit-box-shadow:  0px 0px 5px 0px #b79c57;       
  box-shadow:  0px 0px 5px 0px #b79c57;
}

.name_presa2{
  font-family: 'Give You Glory', cursive;
  font-size: 25px;
  text-align: center;
  color: #514839;
  background: #edd39e;
}

.img_presa2{
  width: 500px;
}

.credit_presa2{
  background: #bba868;
  font-size: 10px;
  color: #7b7042;
  text-align: center;
}

.presa2_part1{
  width: 450px;
  padding: 5px;
  background: #d4cbbc;
  border-top: 2px solid #7b7042;
  border-bottom: 2px solid #7b7042;
  color: #7a705f;
  text-align: justify;
}

.info_p2{
  color: #3f3321;
  font-style:italic;
}

.presa_part2{
  background: #d4cbbc;
  width: 450px; 
  padding: 5px;
  text-align: justify;
  color: #7a705f;
}

.question_p2{
  font-weight:bold;
  color: #3f3321;
}
/* Fin fiche de présentation */

table.bodylinewidth
{
position: relative;
top: -9px;
}

td.bodyline
{
padding : 0 0 10px 0;
}

#i_logo
{
position: relative;
top: -15px;
}

/* Navigation */
.navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
  background: lightgrey;
  height: 20px;
}

.navi a.mainmenu{
  padding-top: 5px;
}

/* fin navig */

td.rowpic, th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
}

a,
a: hover{
  text-decoration: none !important;
}

.bodyline {
-moz-border-radius:13px;
border:15px solid #32241a/*#51331b*/;
  width: 800px;
}

a.mainmenu { position: relative; top: -10px; }

/*Présentation du Profil*/
.atelierprof {
padding:10px;
-webkit-border-radius: 40px 20px 10px 10px;
border-radius: 40px 20px 10px 10px;
/*text-transform:uppercase;*/
background-color:#32241a;
}

.pseudo_membre{
font-size: 15px;
  /*text-shadow : 1px 1px 3px #020202;*/
}

/*Profil derrière l'avatar*/

/* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:200px;
    height:320px;
    /*border:1px solid red;  La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background:grey; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
    margin-top:300px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}

.infosp {
    background: #e8d1b1; /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
 padding: 5px;
  -webkit-border-radius: 40px 20px 10px 10px;
border-radius: 40px 20px 10px 10px;
}

#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 800px;
  margin: auto;
  /*background: ;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;*/
  /*padding: 5px;*/
}
.sujets
{
  background: #e3cd9e;
  padding: 3px;
  color: #694646;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 40px;
  background: #d9b674;
  /*border-left: 3px solid #391419;
  border-right: 3px solid #391419;*/
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 790px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #a4a4a4;
}

.derniermess{
  width: 150px; /* largeur de la colonne "Derniers messages" */
}
/* fin mise en forme liste sujet*/

/* QEEL*/
/* ======================================
Personnalisation de la structure du QEEL
fait par Faucon pour CSS ACTIF
=========================================
Début du code
=========================================*/
.tableau_qeel {
  width : 722px;
  margin : auto;
}

/*zone groupes*/
.groupes {/*aspect des groupes*/
font-size: 14pt;
text-shadow: #000000 1px 1px 1px ;
font-family: 'Amaranth', sans-serif;
    text-align: center;
}
.mon_onglet, .mon_onglet_selected { /*position des onglets*/
padding-left : 5px;
padding-right : 5px;
display:inline-block;
  text-decoration: none !important;
}

/*Couleur des groupes*/
a.groupe1 { color:#d93f32;}
a.groupe2 { color:#FFF;}
a.groupe3 { color:#980819;}
a.groupe4 { color:#E67D22;}
a.groupe5 { color:#B17F98;}
a.groupe6 { color:#5CDF72;}
 
/*zone de description des groupes*/
.descgroupes { /*description des groupes*/
  background: #eeedeb;
width:350px;
  height:200;
  text-align: justify;
padding: 5px;
box-shadow:0px 0px 5px #9c8e61;
-moz-box-shadow: 0px 0px 5px #9c8e61;
-webkit-box-shadow: 0px 0px 5px #9c8e61;
}

#mon_contenu, .descgroupes { height : 190px; }
.mon_contenu { display:none; }
 
/*zone des statistiques*/
.stats { /*partie statistique du forum*/
  background: #eeedeb;
width:350px;
height:200;
text-align: justify;
padding: 5px;
box-shadow:0px 0px 5px #9c8e61;
-moz-box-shadow: 0px 0px 5px #9c8e61;
-webkit-box-shadow: 0px 0px 5px #9c8e61;
}
.membreconnecte{ /*partie membres connéctés*/
overflow: auto;
  width: 742px;
height: 75px;
padding: 5px;
box-shadow:0px 0px 5px #9c8e61;
-moz-box-shadow: 0px 0px 5px #9c8e61;
-webkit-box-shadow: 0px 0px 5px #9c8e61;
}

.hero_img{
  background-image: url(http://i40.servimg.com/u/f40/09/00/11/61/hero10.png);
  width: 142px;
  height: 72px;
  margin: auto;
}

.anarchist_img{
  background-image: url(http://i40.servimg.com/u/f40/09/00/11/61/anarch11.png);
  width: 197px;
  height: 85px;
  margin: auto;
}

.civil_img{
  background-image: url(http://i40.servimg.com/u/f40/09/00/11/61/freaki10.png);
  width: 200px;
  height: 100px;
  margin: auto;
}

.soldier_img{
  background-image: url(http://i40.servimg.com/u/f40/09/00/11/61/author10.png);
  width: 186px;
  height: 73px;
  margin: auto;
}

.descrip_groupe{
padding-left: 10px;
padding-right: 10px;
  font-size: 12px;
}

/* ======================================
Personnalisation de la structure du QEEL
fait par Faucon pour CSS ACTIF
=========================================
Fin du code
=========================================*/

/* Titre catégorie message forum */
.forumlink{
  font-size : 25px;
  text-align : center;
  font-family: 'Amaranth', sans-serif;
  padding: 2px;
  color: #f23c14 !important;
}

.forumlink:hover{
  color: #b92e11 !important;
}

.sforum{
  background: #d9b674;
  padding: 5px;
  text-align: center;
  border-top: 2px #51331b solid;
}

/*stat sujet message sous le titre du forum*/
.StatsForum {
  font-size:12px;
  text-align: center;
  font-family: 'Amaranth', sans-serif;
  color: #d6ad6f;
}

.description_forum{
  text-align: justify;
  padding-left: 30px;
  padding-right: 30px;
  background: #e3cd9e;
}

.last_sujet{
  border-top: 2px #51331b solid;
  background: #e3cd9e;
}

/*crédit forum footer*/
.mes-credits
{
    font-weight:normal;
    font-variant:small-caps;
    color:#000000;
    font-size:11px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
}

/*Titre catégorie */
/* Mise en forme du "bloc" qui contient le titre */
.TitreCategorie {
  background: #32241a;
  width: 100%; /*largeur à modifier selon vos goûts*/
  margin:auto; /* on centre le bloc */
  margin-bottom: 10px;
}

/* mise en forme du titre lui-même */
.TitreCategorie h2 {
  margin:0; /* le titre a des marges par défaut, pour éviter de 'casser' nos réglages, on remet à zéro ici */
  text-align: center; /*alignement du texte par rapport au bloc qui le contient */
  letter-spacing:2px; /* espacement entre les lettres */
  font-variant:small-caps; /* texte en petites majuscules */
    color: white; /* couleur du texte */
    font-family: 'Amaranth', sans-serif;
    font-size:30px;
}

/******************************
PAGE D'ACCUEIL
********************/

#conteneur{
   position: relative;
   width: 750px;
   height: 500px;
   padding: 10px;
}

.bienvenue{
   font-size: 50px;
   font-family: Times New Roman, Times, serif;
   text-align: center;
   color: #40161a;
}

.nav_pa{
   background: #40161a;
   padding: 4px;
   text-align: center;
}

.nav_pa a{
   text-decoration: none !important;
}

.menu_pa{
   margin: 15px;
   text-transform: uppercase;
   color: white;
}

.menu_pa:hover{
   background: #d61d1d;
   -moz-transition-property: background;
   -moz-transition-duration: 2s;
}

.pv{
   text-align: center;
   padding-top: 15px;
     padding-left: 15px;
}

.pv a img{
   text-align: center;   border-radius: 100px;
   opacity:0.5;
   filter:alpha(opacity=50); /* For IE8 and earlier */
}

.pv a img:hover{   
   width: 100px;
   height: 100px;
   border-radius: 20px 20px 0px 0px;
   opacity:1;
   filter:alpha(opacity=100); /* For IE8 and earlier */
}

.titrepv{
   text-transform: uppercase;
   color: black;
   position: absolute;
   top: 150px;
   left: -15px;
   z-index: 13;
   font-size: 15px;
   transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
}

.contexte{   
   width: 350px;
   height: 190px;   
   background: #40161a;
   position: absolute;
   top: 228px;
   left: 25px;
}

.contexte_titre{
   text-align: center;
   font-size: georgia;
   text-transform: uppercase;
  color: white;
}

.texte{
   text-align: justify;
   overflow: auto;
   height: 210px;
   padding: 10px;
        font-size: 12px;
  color: #8f6666;
}

.top_site{
   width: 350px;
   height: 60px;
   background: #40161a;
   position: absolute;
   left: 25px;
   top: 425px;
  color: white;
}

.partenaire{
   width: 100px;
   height: 258px;
   background: #40161a;
   position: absolute;
   left: 390px;
   top: 228px;
  color: white;
}

.staff{
   position: absolute;
   right: 10px;
   top: 228px;
}

.translate { /*effet transition présentation staff*/
   height:50px;
   width:256px;
   background: #40161a;
   color: black;
   overflow: hidden;
   position:relative;
  color: #8f6666;
}
       
.translate p {
    padding:5px;
    margin:0px;
    text-align:justify;
}
       
.translate img {
   -moz-transition: all 1s ease-in-out;
   -webkit-transition: all1s ease-in-out;
   transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   position:absolute;
   top:0px;
   left: 0px;
}
       
.translate:hover img {
   -moz-transform: translate(256px, 68px);/*XX=largeur de ton image pour un  déplacement horizontal; YY=hauteur de l'image pour déplacement vertical*/
   -webkit-transform: translate(256px, 68px);
   -o-transform: translate(256px, 68px);
   -ms-transform: translate(256px, 68px);
   transform: translate(256px, 68px);
}

.information{
   width: 256px;
   height: 70px;
   background: #40161a;
   position: absolute;
   bottom: 35px;
   right: 10px;
   font-size: 12px;
  color: #8f6666;
}

/* ANCIEN CODE FICHE PRESA */
/**************************************************************
-----------------------Ancienne partie CSS-------------------
**************************************************************/
/* fiche de présentation */

.presentationirl {
  /*background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);*/
  background: #5a3f39;
  width: 382px;
  height: 94px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 11px;
  padding: 3px;
  font-family: arial;
  line-height: 13px;
  overflow: auto; 
  text-align: justify;
}

.titrepassehistoire {
 font-size: 20px;
  margin-top: 7px;
  color: #9b8d74;
  font-weight: bold;
  font-family: batang;
  text-shadow: 0px 1px 2px grey;
}

.passehistoire {
  background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
  width: 492px;
  height: 400px;
  padding: 3px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 11px;
  font-family: arial;
  line-height: 14px;
  overflow: auto; 
  text-align: justify;
}

.passehistoire2{
  height: 380px;
  overflow: auto;
  text-align: justify;
  padding: 5px;
}

.questionnaire {
  background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
  width: 370px;
  height: 192px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 11px;
  font-family: arial;
  line-height: 14px;
  overflow: auto; 
  text-align: justify;
}

.ID2 {
  width: 120px;
 border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
}
.titrechamp {
 font-weight: bold;
  color: #8c6352;
}

.casepres {
 background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
  width: 191px;
  height: 100px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 10px;
  font-family: arial;
  line-height: 12px;
  overflow: auto;
  text-align: justify;
}

.ID {
 border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
}

.acteur {
 position: relative;
  right: 150px;
  font-family: tahoma;
  font-size: 10px;
}

.fonfiche {
  background-image:url(http://i49.tinypic.com/4kjluo.png);
  width: 530px;
  height: auto;
  border-radius: 5px;
  border: 1px solid #9b8d74;
  box-shadow: 0px 2px 2px #897e6a;
}

.fonfiche:hover {
  background-image:url(http://i49.tinypic.com/4kjluo.png);
  width: 530px;
  height: 977px;
  border-radius: 5px;
  border: 1px solid #b0a084;
  box-shadow: 0px 2px 2px #d897e6a;
}

.champnom {
  margin-top: 8px;
  font-family: batang;
  border-bottom: 3px double #aa6955;
  color: #363636;
  text-shadow: 0px 1px 1px #b8a98e;
  font-size: 24px;
  padding: 5px;
  width: 80%;
}

#text_edit { display: block !important; }

.fondprofil2 {
 border: 1px solid #9b8d74;
  box-shadow: 0px 2px 3px #9b8d74;
  background-image: url("http://i40.servimg.com/u/f40/09/00/11/61/sans_t19.png");
  margin: 3px;
}

.pseudoprofil2 {
Text-Shadow: #b1a898 1px 0px 0px, #b1a898 1px 1px 0px, #b1a898 1px -1px 0px, #b1a898 -1px 1px 0px, #b1a898 -1px 0px 0px, #b1a898 -1px -1px 0px, #b1a898 0px 1px 0px, #b1a898 0px -1px 0px;
  font-family: calibri;
  font-size: 20px;
  font-weight: bold;
  margin: 5px;
  line-height: 20px;
}
b{
color: #5f6069; /*couleur du texte*/
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
font-variant: none; /*variante du texte (ici petites majuscules)*/
font-family: times new roman;
}

u{
border-bottom: 1px solid; /*--- taille du soulignement ---*/
border-color: #6e4338; /*--- couleur du soulignement ---*/
text-decoration: none;
}

i{
letter-spacing: 1px;
word-spacing: 2px;
text-decoration: none;
}

.rangcouleur {
  align: center;
  font-size: 10px;
  letter-spacing: 3px;
}

.liensub {
  background-color: #ece5d9;
  border: 1px solid #867a64;
  margin: 3px;
  width: 100px;
  height: 90px;
  overflow: auto;
  font-family: tahoma;
  text-transform: capitalize;
  text-align: center;
  font-size: 14px;
  color: black;
}

.liensub:hover {
  background-color: #ece5d9;
  border: 1px solid #867a64;
  margin: 3px;
  width: 100px;
  height: 90px;
  overflow: auto;
  text-transform: capitalize;
  font-family: tahoma;
  text-align: center;
  font-size: 14px;
}

.fichedeperso {
  text-shadow: 0px 1px 1px gray;
  padding: 5px;
  text-align: justify;
  font-size: 11px;
}

.descriptit {
 padding: 5px;
  height: 50px;
  font-size: 12px;
  overflow: auto;
}
 a {
      text-decoration:none!important;
      text-transform:none;
    }

a:hover{       
        text-background : url(http://img28.imageshack.us/img28/1880/gradiantwhite.png) repeat-x;
        text-transform: none;
        text-decoration: none!important;
}

a {font-variant: none;
family-font: times new roman;}





a.personnagetitre {
font-family: arial;
font-size: 4;
text-transform : none;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

a.personnagetitre:hover {
font-family: arial;
font-size: 4;
text-transform : none!important;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

.rang {
padding: 3px;
border: 2px solid #a29c8b;
box-shadow: 0px 0px 2px #b2ab99;
border-radius: 5px;
background-color: #beb7a3;
margin-right: 3px;
margin-left: 3px;}


td.avatarfond {
background-color: #58012a42;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

/*CSS fiche présentation*/
.cadre1{
margin-left: 0px;
margin-right: 0px;
padding: 1px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 100px 100px 0px 0px;
}

.cadre2{
color: gray;
border-bottom: #000000 2px ;
letter-spacing: 2px;
word-spacing: 2px;
text-align: center;
font-size: 10px;
line-height: 13px;
line-width: 100px;
}

.cadre_int1{
width:400px;
BACKGROUND-COLOR:#ffffff;
border: 1px double #000000;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
padding: 20px;
}

.name_fiche{
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 40px;
letter-spacing: -3pt;
text-transform: lowercase;
text-shadow: 0px 0px 1px #FFFFFF;
}

.image{
-moz-transform:rotate(0deg);
-moz-box-shadow:0px 0px 10px black;
}

.titre_id{
font-family: Courier New;
font-size: 35px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
}

.identification{
overflow: auto;
width:500px;
BACKGROUND-COLOR:#ffffff;
-moz-border-radius: 10px 10px 10px 10px;
border: 1px double #000000;
font-family: arial;
}

.cadre3{
margin-left: 0px;
margin-right: 0px;
padding: 4px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 0px 0px 0px 0px;
margin-top: -40px;
}

.cadre4{
margin-left: 0px;
margin-right: 0px;
padding: 4px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 0px 0px 100px 100px;
margin-top: -40px;
}

.image_1{
width: 100px;
-moz-transform:rotate(5deg);
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
}

.image_2{
 width: 100px;
-moz-transform:rotate(-5deg);
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
}
/*fin CSS fiche présentation*/