body {
background-repeat: repeat;
  background-position: none;
}

u {
text-decoration: none;
border-bottom: 1px #000000 dashed;
}

.forumline{
background-image: url(http://i.imgur.com/skvtI.jpg);
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border-bottom: 6px #4d6b58 solid;
border-top: 2px #4d6b58 solid;
border-right: 2px #4d6b58 solid;
border-left: 2px #4d6b58 solid;
text-align: justify;
background-color: #7cab7b;
padding-left: 15px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 15px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 12px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 8px;
}

.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}


a.mainmenu{
font-family:  Georgia;
text-transform : lowercase;
font-weight: bold;
letter-spacing:-2px;
text-align: center;
text-decoration:none;
text-shadow:1px 0px 1px #000000;
font-size: 20px;
color:#a2cdb1;
}

a.mainmenu:hover {
text-decoration:none;
color:#A87556;
text-shadow: none;
border:dashed 0px #4d6b58;
text-shadow:1px 0px 1px #000000;
}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a.forumlink:hover {text-transform:uppercase;}
a:hover{text-transform:lowercase;}
a { text-decoration: none; }


.secondarytitle, .secondarytitle h2{
color: #ffffff;
font-size: 25px;
font-variant: small-caps;
text-align: center;
font-family: Georgia;
text-shadow:1px 1px 3px #000000;}

a.forumlink:link, a.forumlink:visited {
font-family:  Georgia;
font-weight: bold;
text-align: left;
font-size: 18px;
letter-spacing: -2px;
display: block;
margin-left: 30px;
}

span a.forumlink:hover {
text-align: left;
text-transform : lowercase;
letter-spacing: 1px;
display: block;
text-decoration:none;
font-weight: bold;
}

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

#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px;  border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
/*
=======================================================
Correction par CSSActif - http://www.css-actif.com
=======================================================
DEBUT DU CODE
=======================================================
 */

 /* Conteneur du QEEL */
.Qeel {
  border:75px;
  min-height:250px;
  padding-left:100px;
    z-index: 999;
}

/* Conteneur principal */
.QeelMain {
  padding-left:25px;
  padding-top:80px;
  padding-right:25px;
  padding-bottom:80px;
}

.ListeGroupes {
  text-align:center;
}

/* Mise en forme des liens des groupes */
.ListeGroupes a {
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}

/* Mise en forme des liens des groupes au survol */
.ListeGroupes a:hover{
  background:#F0F0F0;
  color:#CAA8E8;
    z-index: 999;
}

/* Pour chaque groupe, préciser la couleur */
a.groupe1 {
  color:#6C6366;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe2 {
  color:#F736A4;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe3 {
  color:#01B0F0;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe4 {
  color:#7C3E00;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe5 {
  color:#F4A453;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe6 {
  color:#009A38;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe7 {
  color:#FAADED;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe8 {
  color:#B100E7;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
a.groupe9 {
  color:#F3CB01;
  display:inline-block;
  background:#FFFFFF; /* couleur de fond */
  border: 1px #D0D0D0 dotted; /* bordure : épaisseur couleur style */
  padding:2px 5px; /* espacement 'intérieur' haut/bas et droite/gauche */
  margin:4px 5px; /* espacement 'extérieur' haut/bas et droite/gauche */
  font-size:15px; /* taille du texte */
  font-weight: bold; /* épaisseur du texte */
  text-decoration: none !important; /* pas de soulignement */
  /* coins arrondis (tous navigateurs) */
  border-radius:5px;
  -moz-border-radius : 5px;
  -webkit-border-radius:5px;
  z-index: 999;
}
  z-index: 999;
/* Affichage des statistiques du forum (nombre de sujets, de messages, de membres) */
.LesStatistiques {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Affichage des membres en ligne (nombres d'enregistrés/invisibles/invités et liste des membres en ligne) */
.MembresOnline {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Affichage des membres connectés au cours des dernières XX heures */
.Historique {
  text-align:center;
  margin:10px 0; /* marges haut/bas et droite/gauche */
}

/* Correctif liste 24h */
.Liste24h td.row1 { background : none; }

/*Cadre du qeel*/
.cadre-qeel{
  border: 2px dashed grey;
  height: 200px;
  width: 725px;
  overflow: auto;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.barre-centre-qeel{
  border-right: 2px solid #000000;
  padding: 2px;
  width: 300px;
  height: 200px;
  opacity: 0.5;
  -moz-opacity: 0.5;
}
/*
=======================================================
MISE EN FORME PERSONNALISEE DU QUI EST EN LIGNE
=======================================================
FIN DU CODE
=======================================================
*/

/*
=======================================================
MISE EN FORME DES CATEGORIES
=======================================================
DEBUT DU CODE
=======================================================
*/
.cate
{
  width: 400px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #000000;
  background-color: #ffffff;
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 400px;
  height: 120px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 400px;
  height: 120px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}
/*
=======================================================
MISE EN FORME DES CATEGORIES
=======================================================
FIN DU CODE
=======================================================
*/


body { cursor: url("cross_16903.cur"); }

.untruc {
  float: left;
  background-color: transparent;
  padding: 10px;
}

.deuxtruc {
  float: right;
  padding: 10px;
  background-color: transparent;
  height: 120px;
  overflow: auto;
}

/*
=======================================================
MISE EN FORME DES INFOBULLES
=======================================================
DEBUT DU CODE
=======================================================
*/

div.infobulle {
  position: relative; /* on définit le bloc comme élément de référence */
  cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
}

div.infobulle > div{
  display: none; /* ceci masque l'infobulle */
}

div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on s'arrange pour que notre bloc soit au dessus des autres en cas de conflit */
}

/* Lorsqu'on survole le contenu du bloc */
div.infobulle:hover > div{
  display: block; /* ceci affiche l'infobulle (on peut aussi utiliser inline au lieu de block) */

  /* on positionne notre infobulle par rapport au bloc conteneur */
  position: center;
  top: 5px; /* 5px par rapport au haut du bloc .infobulle */
  left: 15px; /* 15 px par rapport à la gauche du bloc .infobulle */

  /* Et puis on rajoute tous les éléments de mise en forme de l'infobulle */
  background: #ebebeb; /* arrière-plan de l'infobulle */
  color: black; /* texte dans l'infobulle */
  padding: 3px; /* marges internes par rapport aux bords */
  /* bordures de votre infobulle*/
  border: 1px dotted black;
}
/*
=======================================================
MISE EN FORME DES INFOBULLES
=======================================================
FIN DU CODE
=======================================================
*/
/*
=======================================================
MISE EN FORME DE LA MENTION "SELECTIONNER LE CONTENU"
=======================================================
DEBUT DU CODE
=======================================================
*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*
=======================================================
MISE EN FORME DE LA MENTION "SELECTIONNER LE CONTENU"
=======================================================
FIN DU CODE
=======================================================
*/
/*
=======================================================
MISE EN FORME DES SOUS-FORUM 1
=======================================================
DEBUT DU CODE
=======================================================
*/
/* *********************************************************
  Personnalisation des descriptions de catégories
  Tutoriel par CSSACtif - http://www.css-actif.com/t9071-
************************************************************/

/* On s'occupe de la cellule contenant les liens */
.celluledesc-liens {
  /* largeur de la cellule */
  width:150px;
 
  /* on donne une apparence personnalisée à la cellule */
  /* des bordures arrondies... */
  -moz-border-radius : 1px 5px 5px 5px;
  -webkit-border-radius : 1px 5px 5px 5px;
  border-radius : 1px 5px 5px 5px;
  /* un fond : couleur, image, positionnement de l'image de fond */
  background : #ffffff url('URL-IMG-FOND') top center no-repeat;
}

/* Puis on s'occupe des liens en question */
.celluledesc-liens a {
  display:block; /* IMPORTANT : on transforme les liens en blocs */
  text-align:center; /* on centre le texte dans les blocs */
  margin: 5px 0px; /* marges extérieures haut/bas puis droite/gauche */
  padding:2px 4px; /* marges intérieures (entre les bords et le texte) */
  border : 1px solid #999999; /* bordure : épaisseur type couleur */
  background: #f0f0f0;      /* couleur de fond */
 
  /* on personnalise un peu le texte */
  color : #990000; /* couleur du lien */
  font-size: 12px;  /* taille du texte */
  letter-spacing:1px;      /* espacement entre les lettres */
  font-weight:bold;      /* texte en gras */
  /* ... etc */
}

/* On s'occupe de la cellule contenant le texte de description */
.celluledesc-texte {
  text-align:justify;  /* texte justifié */
  padding:5px;      /* marges intérieures */
 
  /* on donne une apparence personnalisée à la cellule */
  /* des bordures arrondies... */
  -moz-border-radius : HAUTGAUCHEpx HAUTDROITpx BASDROITpx BASGAUCHEpx;
  -webkit-border-radius : HAUTGAUCHEpx HAUTDROITpx BASDROITpx BASGAUCHEpx;
  border-radius : HAUTGAUCHEpx HAUTDROITpx BASDROITpx BASGAUCHEpx;
  /* un fond */
  background : #ffffff url('URL-IMG-FOND') top center no-repeat;
  /* on personnalise un peu le texte */
  color : #000000;
  font-size: 13px;  /* taille du texte */
}

/* Puis on s'occupe de la description (en particulier le scroll automatique) */
.celluledesc-scroll {
  height:100px;  /* hauteur du bloc de description */
  overflow:auto;      /* le scroll apparaît automatiquement si besoin */
  padding:5px;      /* marges intérieures, espacement par rapport à la barre de scroll */
}

/*
=======================================================
MISE EN FORME DES SOUS-FORUM
=======================================================
FIN DU CODE
=======================================================
*/

/*
=======================================================
MISE EN FORME DES CATEGORIES ET FORUMS
=======================================================
DEBUT DU CODE
=======================================================
*/
.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #a8a8a8;
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-htm-transform: rotate(5deg);
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
  border-bottom: 3px dotted #191817;
}
.catetitre
{
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.forum_bloc
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}
.forum
{
float: left;
width: 460px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #454545;
  text-align: center;
font-family: arial;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
  letter-spacing: 4px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #d9d9d9;
  border-left: 1px dotted #191817;
  border-right: 1px dotted #191817;
  border-bottom: 1px dotted #191817;
  border-top: 5px solid #191817;
}
.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: justify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats
{
  width: 300px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 10px;
  background-color: #c8c8c8;
  border: 1px solid #b5b5b5;
  padding: 5px;
  text-align: center;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #b5b5b5;
  padding-bottom: 5px;
  font-size: 10px;
  color: #8f8f8f;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #191817;
  color: #b5b5b5;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum
{
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 120px;
  margin-right: 20px;
  background: #191817;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  height: 50px;
  background: #191817;
  color: #b5b5b5;
  padding: 4px;
  overflow: auto;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a
{
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}

/*
=======================================================
MISE EN FORME DES CATEGORIES ET FORUMS
=======================================================
FIN DU CODE
=======================================================
*/


/*
=============================================
MISE EN FORME DES PROFILS DANS  LES MESSAGES
===============================================
DEBUT DU CODE
===============================================
*/
 .mon_profil_exterieur {
  width: 150px;
  background: #E3E3E3;
  border-width: 2px 1px;
  border-style: solid;
  border-color: #006699;
 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 
  text-align: center;
 
  position: absolute;
  margin-left: -80px;
}

.ma_marge_profil {
min-height: 230px; /* Hauteur minimale d’un message */
padding-left : 80px; /* Espacement à gauche */
}
/*
=============================================
MISE EN FORME DES PROFILS DANS  LES MESSAGES
===============================================
FN DU CODE
===============================================
*/

/*
===============================================
PAGE D'ACCUEIL
===============================================
DEBUT DU CODE
===============================================
*/

/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
  .cssactif_pa_main {
      width: 800px;
      padding: 30px;
      margin: 0 auto;
  }
 
  .cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
      font-family: "Courier New", Courier, monospace;  /* Police de caractère */
      text-align: center; /* Alignement du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      font-weight: normal; /* Épaisseur normale */
      letter-spacing: 16px; /* Espacemement des caractères en PX */
      font-size: 32px; /* Grosseur du texte */
      color: #fcca00; /* Couleur du texte */
      text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
  }
 
  .cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    /* Police de caractère */
      font-weight: normal; /* Épaisseur normale */
      color: #FFFFFF; /* Couleur du texte */
      text-transform: uppercase; /* Transformation: met le texte en majuscules */
      text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
      font-size: 18px; /* Grosseur du texte */
      margin:0;
  }
 
  .cssactif_pa_colonne { /* Style général des colonnes */
      float: left; /* Place les colonnes un à côté de l'autre */
      width: 33%; /* Donne la grandeur des colonnes */
      background-color: #FFFFFF; /* Couleur de fond */
      height: 500px; /* Hauteur des colonnes: doit être fixe */
      color: #777777; /* Couleur du texte */
 
      opacity: 0.9; /* Opacité des colonnes */
     
      /* Transition */
      -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

 
  }
 
  .cssactif_pa_colonne p { /* Paragraphe des colonnes */
  padding: 0 10px; /* Padding */
  text-indent: 10px; /* Alinéa */
  text-align: justify;  /* Alignement du texte */
  }
  .cssactif_pa_colonne:hover { /* Colonne au survol */
  /* Effet de grossissement */
      -moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

  }
 
.cssactif_pa_header { /* Style commun des header de couleur */
  padding: 10px;
  height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000;  /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33;  } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
  margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
  padding: 5px; /* Padding */
  border-bottom: 1px solid #d9015d; /* Bordure du séparateur */
 
  text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
  color: #d9015d;  /* Couleur du texte */
  text-transform: uppercase; /* Transformation du texte en majuscule */
  font-style: normal; /* Enlève le italic par défaut de la balise em */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
  content: " ►";  /* Ajoute la flèche après les dates */
}

.pers { /* Cadre des personnages */
 border: 1px solid #7fbf33;  /* Bordure des personnages */
 margin: 10px; /* marge externe */
 
 /* Arrondissement des bordures */
 -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;


padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px dashed #F20199; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;   

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}

.pers:first-line { /* Première ligne:contient le nom du personnage */
 color: #7fbf33;/* Couleur du texte */
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
 text-transform: uppercase; /* Transformation du texte */
}
/*
=============================================
MISE EN FORME DE A PAGE D'ACCEUIL
===============================================
FN DU CODE
===============================================
*/

#i_logo {
width:100%; /*Cette image prend la largeur de son parent (elle prend 100% de sa largeur = sa largeur, si tu diminues la fenêtre, l'image diminuera aussi */
}

#i_logo {
width:xpx; /* L'image se mettre à l'échelle de la largeur que tu lui auras attribuée*/
}