/* ------------------- LA BASE ------------------- */

.gensmall { font-size: 13px;color:#666666;}

body
{ background-size: 100%;
background-color: #F4F4F2;
background-image: url("https://zupimages.net/up/20/18/5eh1.png");
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;}


.bodyline {
border-radius:0px;
box-shadow:0px 0px 0px #000000;}

td.catHead, th.thHead, td.cat,td.catHead, td.catLeft, td.catRight, td.catSides, td.catLeft, th.thLeft, td.catRight, th.thRight, td.row3Right {
border-radius:30px 30px 0px 0px;border:none;}

td.catBottom {
border-radius:0px 0px 30px 30px;
border:none;}

a:link {text-decoration: none;-webkit-transition:all 0.5s ease-in 0s;
   -moz-transition:all 0.5s ease-in 0s;
     -o-transition:all 0.5s ease-in 0s;
        transition:all 0.5s ease-in 0s;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a:active {text-decoration: none;}

tr.post span.gensmall { display: none; }


.postdetails img {
-moz-transition: all 1s ease-in 0s;
-moz-transform:rotate(-0deg);
max-width:200px;
margin-left:0px;
border:0px solid #BDAB7B;
border-radius: 10px;}

.postbody {display: block; text-align:justify;}

.forumline td.row1:first-child:last-child, iframe#frame_chatbox { border-radius: 30px; }

.forumline{
background-color: #F0EFD9;
border: 0px outset #EAE8C8;
border-radius:3px 3px 3px 3px;
box-shadow:0px 0px 2px #000000;}


/*|__________ PROFIL __________*/

.contourprofil {
  background-image: url("https://zupimages.net/up/20/17/1vea.png");
  -webkit-box-shadow:0px 0px 1px #000000;
   -moz-box-shadow:0px 0px 1px #000000;
        box-shadow:0px 0px 1px #000000;
  border-radius:3px 3px 3px 3px;
  padding-top:7px;
  padding-bottom:7px;
    padding-left:13px;
  padding-right:13px;
  width:200px !important;
margin-left:8px;}

.contouravatar{
-webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
        box-shadow:0px 0px 2px #000000;
width:200px;
height:320px;
overflow:hidden;
opacity:1;
top:0;
left:0;
z-index:1;
-webkit-border-radius:10px;
   -moz-border-radius:10px;
        border-radius:10px 10px 10px 10px;}

.fondprofil1 {
background-image: url("https://2img.net/image.noelshack.com/fichiers/2018/42/1/1539587484-fond.png");
margin-left:7px;
padding:5px;
border-radius:10px;
width:210px;}

.profilouimg{
margin-left:0px;
letter-spacing:0px;
font-variant:small-caps;
font-size:15px;
font-weight:600;
text-align:left !important;
font-family: 'economica', cursive;}


.profiloutexte{
color:#222222;
margin-left:0px;
font-variant:small-caps;
font-size:15px;
  font-family: 'economica', cursive;}

.postdetails img{
max-width:200px;
margin-left:0px;
/*border-radius*/
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
}


.nompseudo{
text-align:center;
font-size:25px;
letter-spacing:-1px;
word-spacing:-4px;
font-family:'Marck Script',cursive;
  margin-top:-5px !important;
  text-transform: capitalize;
  text-shadow: 1px 0px 0px #000000;
  background-color: #F0EFD9;
    -webkit-box-shadow:0px 0px 1px #000000;
   -moz-box-shadow:0px 0px 1px #000000;
        box-shadow:0px 0px 1px #000000;
  padding:2px 10px 2px 10px;
  -webkit-border-radius:20px;
   -moz-border-radius:20px;
        border-radius:20px;
  }


.titredessujets{
/*transition*/
-webkit-transition:all 0.5s ease-in 0s;
   -moz-transition:all 0.5s ease-in 0s;
     -o-transition:all 0.5s ease-in 0s;
        transition:all 0.5s ease-in 0s;
text-align:center;
font-size:25px;
margin-top:-3px;
font-family: 'satisfy', cursive;
color:#444444;
text-decoration:none;
word-spacing:2px;
font-weight:200;
text-shadow:0px 0px 1px #000000;
}
.titredessujets:hover{
text-align:center;
font-size:25px;
margin-top:-3px;
font-family: 'satisfy', cursive;
color:#1A9A8B;
text-decoration:none;
word-spacing:2px;
font-weight:200;
text-shadow:0px 0px 1px #000000;
}

/*------------------*/

/* --------------- PA exterieur --------------- */
        /* .systab .tab => les onglet */
        .systab .tab {
          padding: 2px 10px;
          margin-right: 5px;
          color: #1A9A8B;
          text-shadow:0px 0px 2px;
          background: none;
          border: none;
          cursor: pointer;

        }
        /* .systab .tab:hover => les onglets survolés */
        .systab .tab:hover {
          color: #1A9A8B;
          background: none;
          border: none;
        }
        /* .systab .tab.selected => les onglets sélectionnés */
        .systab .tab.selected{
          color: #E79D92;
          text-shadow:0px 0px 10px;
          background: none;
          border: none;
        }
        /* .systab .contents => les conteneurs des contenus associés aux onglets  */
        .systab .contents {
          margin-top: 1px;
          margin-bottom: 1px;
          color: #444444 !important;
          background: none;
          text-align:center;
          border: none;
          padding: 10px;
          height:250px;
        }
        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }

/* --------------- FIN PA --------------- */

/* ______________ PA interieur _______________ */

.onglPA {
font-family:'montez',cursive;
font-size:25px;
color:#1A9A8B;
text-shadow:0px 0px 2px;
margin-left:7px;
margin-right:7px;}

.titrePA {
font-family:'Marck Script',cursive;
font-size:20px;
text-align:center;
color:#e79d92;
letter-spacing:-1px;}

.liensdiversPA {
font-family: 'Cinzel Decorative', cursive;
text-transform:lowercase;
-moz-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
text-shadow:0px 0px 0px #000000;
color:#444444 !important;
font-size:14px;}

.liensdiversPA:hover {
font-family: 'Cinzel Decorative', cursive;
text-transform:lowercase;
text-shadow:0px 0px 2px #000000;
color:#1A9A8B!important;
font-size:14px;}

/* ______________ FIN PA _______________ */


/* PA images coulissantes*/

.image {
  background:ta couleur de fond si besoin;
  position:relative;
  width:220px; /* tu détermines la largeur */
  height:110px; /* tu détermines la hauteur */
  overflow:hidden;
  border-radius:3px;
  box-shadow:0px 0px 2px #000000;
border:2px solid #dcdcdc;}

.texte {
  position:absolute;
  height:110px; /* encore la hauteur*/
  width:220px;  /* la largeur */
  margin-bottom:-110px; /* tu décales vers le bas il faut donc la même valeur que pour ta hauteur ! */
  background-color: #282828; /*indique la couleur de fond de ton choix*/
  color:#000000;opacity:0.8;
  font-size:10px;
  text-align:center;
    border-radius:0px;
bottom:0;
  left: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;}

.image:hover .texte {
  margin:0;}


.staffpa {
  -moz-transition: all 0.7s ease-in 0s;
-webkit-transition: all 0.7s ease-in 0s;
transition: all 0.7s ease-in 0s;
font-family: 'Marck Script', cursive;
  text-align:center;
font-size:25px;
letter-spacing: 0px;
color : #C6D4E3;
text-shadow: 0px 0px 3px;
-moz-transition: all 0.5s ease-in 0s; }

.staffpa:hover {
  text-align:center;
font-family: 'Marck Script', cursive;
font-size:25px;
  text-shadow:0px 0px 3px;
letter-spacing: -1px;
color : #ffffff; }

/* ------------------- PREMIERE MAP ------------------- */


/*fleches vers haut et bas */
.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}


.Titredesforums {
-moz-transition: all 0.7s ease-in 0s;
-webkit-transition: all 0.7s ease-in 0s;
transition: all 0.7s ease-in 0s;
color: #1A9A8B;
text-decoration: none;
margin-left:0px;
letter-spacing:-2px;
font-family: 'Marck Script';
padding-top:0px;
  margin-bottom:-13px;
  font-size:35px;
  font-weight:600;}

.Titredesforums:hover {
color: #E79D92;
text-decoration: none;
font-family: 'Marck Script';
letter-spacing:-2px;
margin-left:0px;
padding-top:0px;
  margin-bottom:-13px;
  font-size:35px;
  font-weight:600;}

.liendeb {
  -moz-transition: all 0.7s ease-in 0s;
-webkit-transition: all 0.7s ease-in 0s;
transition: all 0.7s ease-in 0s;
  font-family: 'economica', sans-serif;
  font-size:15px;
  font-weight:600;
  letter-spacing:0px;
  padding:5px;
  margin:5px;
}

.liendeb:hover {
  font-family: 'economica', cursive;
  font-size:15px;
  font-weight:600;
  letter-spacing:1px;
  padding:5px;
  maring:5px;
}

.endessous {
  align:center;
  font-size:13px;
  letter-spacing:2px;
  color:#222222;
font-family: 'Economica', sans-serif;
font-weight:600;}
  
.textecatego {
  padding:5px;
  text-align:justify;
  font-family:times new roman;
  border-radius:7px;
  width:180px;
  margin-left:5px;
  margin-top:5px;
  font-size:11px;
  font-weight:200;}

.testpourfond {
  margin-left:5px;
padding:5px;}

.descforum {
padding: 3px;
border-radius:0px;
box-shadow:0px 0px 0px #000000;
text-align: justify;
width: 90%;
margin-left:5px;}

.fondposte {
  width:130px;
  padding:2px;
text-align:center;}

.pseudolast{
color:#444444 !important;
font-size:12px!important;
font-weight:200 !important;
}
/* Ceci vise le lien dans tes derniers post */
.pseudolast strong > a{
font-weight:600;
}

.navtop {
text-align:center;
top : 460px;
margin-bottom:-20px;
width : 800px;
position : relative ;
width:90%;
padding-top:7px;
padding-bottom:0px;}

a.mainmenu {
-moz-transition: all 0.7s ease-in 0s;
-webkit-transition: all 0.7s ease-in 0s;
transition: all 0.7s ease-in 0s;
font-family: 'Marck Script';
text-transform:lowercase;
font-size: 22px;
color: #E79D92;
text-decoration: none;
letter-spacing:-0px;
word-spacing: 0px;
font-weight:600;}

a.mainmenu:hover {
font-family: 'Marck Script';
text-transform: lowercase;
font-size: 22px;
color: #0C7F68;
text-decoration: none;
letter-spacing:0px;
word-spacing: 0px;
font-weight:600;
 }

.secondarytitle h2 {
text-align:center;
font-size: 25px;
font-family: 'Economica', sans-serif;
color: #E79D92;
margin-bottom:-27px;
text-decoration: none;
word-spacing: 4px;
letter-spacing: 10px;
text-transform: uppercase;
font-weight:200 !important;}

.resum {
  background-color:#F4F4F2;
  border-radius:2px;
  box-shadow:0px 0px 2px #000000;
  padding:7px;
  margin-left:2px;
  text-align:justify;
  font-family: 'Economica', sans-serif;
  width:330px;
  
  margin-top:10px;
  font-size:15px;
  color:#222222;
font-weight:600;}

/* ------- POUR AVATAR A COTE SUJET ------- */

        .lastpost-avatar {
        float: left;

        }
        .lastpost-avatar img {
      transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
        width: 40px;
        height: 50px;
  opacity:0.9;
        border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
    -webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
        box-shadow:0px 0px 2px #000000;
        }

        .lastpost-avatar img:hover {
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
      width: 40px;
        height: 50px;
  opacity:1;
        border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
    -webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
        box-shadow:0px 0px 2px #000000;
        }

/* ------- FIN POUR AVATAR A COTE SUJET ------- */

/* ------------------- FIN PREMIERE MAP ------------------- */


/* PRESENTATION NEW */

.fontpres1 {
  width:430px;
  padding:5px;
    -webkit-border-radius:2px 2px 2px 2px;
   -moz-border-radius:2px 2px 2px 2px;
        border-radius:2px 2px 2px 2px;
  -webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
  box-shadow:0px 0px 2px #000000;
color:#333333;
text-align:center;}

.imgpres {
  width:190px;
  height:110px;
  margin:3px;
      -webkit-border-radius:2px 2px 2px 2px;
   -moz-border-radius:2px 2px 2px 2px;
        border-radius:2px 2px 2px 2px;
  -webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
  box-shadow:0px 0px 2px #000000;}

.pseudopres1 {
color:#0C7F68;
  text-align:center;
font-size:50px;
  font-family: 'Marck Script';
font-weight:600;
position:relative;
letter-spacing:-2px;}

.pseudopres2 {
color:#0C7F68;
  text-align:center;
font-size:30px;
  font-family: 'Marck Script';
font-weight:200;
position:relative;
letter-spacing:-2px;}

.textpres {
  width:400px;
  text-align:justify;
  padding:5px;
text-shadow:0px 0px 1px #111111;}


/* ------------------- DIVERS ------------------- */

/* Couleurs pour les codes */

.hljs {
  display: inline-block;
  padding: 0.5em;
  color: #333;
  background: #;
}
 
.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
  color: #998;
  font-style: italic;
}
 
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
  color: #333;
  font-weight: bold;
}
 
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
  color: #099;
}
 
.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
  color: #d14;
}
 
.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
  color: #900;
  font-weight: bold;
}
 
.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
  font-weight: normal;
}
 
.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
  color: #458;
  font-weight: bold;
}
 
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
  color: #000080;
  font-weight: normal;
}
 
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
  color: #008080;
}
 
.hljs-regexp {
  color: #009926;
}
 
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
  color: #990073;
}
 
.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
  color: #0086b3;
}
 
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
  color: #999;
  font-weight: bold;
}
 
.hljs-deletion {
  background: #fdd;
}
 
.hljs-addition {
  background: #dfd;
}
 
.diff .hljs-change {
  background: #0086b3;
}
 
.hljs-chunk {
  color: #aaa;
}



/* avatars a côte des reponses rapides */
        #av_quickreply img{
          position: relative;
          top: 57px;
          left: 25px;
  height:200px;
  border-radius:5px;
  box-shadow:0px 0px 3px #000000;
        }
        
        #av_quickreply {
          float: left;
        }



u {
color: #E79D92;
font-family:cambria;
font-size:14px;
text-decoration: none}

i {
color: #1A9A8B;
font-family:cambria;
font-size:14px;
text-decoration: italic;}

.code{
border:none !important;
-webkit-border-radius:1px;
   -moz-border-radius:1px;
        border-radius:1px;
-webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
        box-shadow:0px 0px 2px #000000;
background-color:#1A9A8B!important;
color:#ffffff !important;
padding:5px;
font-family: 'economica', cursive;
font-size:17px;
text-align:left;
overflow:auto;
}


/* Spoiler */
.spoiler_closed{
/* Apparence du spoiler fermé*/
display:block;
border:none !important;
line-height:125%;
-webkit-border-radius:1px;
   -moz-border-radius:1px;
        border-radius:1px;
-webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
        box-shadow:0px 0px 2px #000000;
background-color:#1A9A8B !important;
color:#ffffff;
  font-family: 'economica', cursive;
font-size:17px;
padding:5px;
text-align:justify;
overflow:auto;
}
.spoiler_closed.hidden{
display:none;
}
.spoiler_content{
/*apparence du spoiler ouvert*/
display:block;
line-height:125%;
border:none !important;
-webkit-border-radius:1px;
   -moz-border-radius:1px;
        border-radius:1px;
-webkit-box-shadow:0px 0px 2px #000000;
   -moz-box-shadow:0px 0px 2px #000000;
        box-shadow:0px 0px 2px #000000;
background-color:#1A9A8B !important;
color:#ffffff;
  font-size:17px;
  font-family: 'economica', cursive;
padding:5px;
text-align:justify;
overflow:auto;
}
.spoiler_content.hidden{
display:none;
}

.quote {
border:0px solid #ffffff;
background-color:#1A9A8B !important;
color:#ffffff;
  font-family: 'economica', cursive;
box-shadow:0px 0px 2px #000000;
border-radius: 1px;
text-align:justify;
overflow:auto;
padding:10px;}



/* Zone boutons et selections */

input {
color:#222222;
background-color : #F4F4F2 !important;
border:none !important;
box-shadow:0px 0px 1px #000000;
  font-family: cambria;
  font-weight:400;
border-radius:2px;
-x-system-font:none;
font-size:15px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:normal;
}



/*selectionner contenu*/

.selectCode {
float:right;
text-transform:lowercase;
font-family: 'economica', cursive;
cursor:pointer;
letter-spacing:1px;
font-size:12px;
font-weight:600; }
div.cont_code { clear: right; }



/*images qui tournent*/

.tourne {
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
}
.tourne:hover {
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* selectionner qqchose */

::selection{
    background: #F1D3C8;
    color: #383838;
    opacity:0.5;
}

::-moz-selection{
    background: #F1D3C8;
    color: #383838;
    opacity:0.5;
}

::-webkit-selection{
    background: #F1D3C8;
    color: #383838;
    opacity:0.5;
}

::-htm-selection{
    background: #F1D3C8;
    color: #383838;
    opacity:0.5;
}

::-o-selection{
    background: #F1D3C8;
    color: #383838;
    opacity:0.5;
}



/* -------------- Bloc réponse rapide -------------- */
        
        .sceditor-container.ltr.sourceMode {
        width:500px !important;
        background-color: #F4F4F2 !important;
        border:0px;
        box-shadow:0px 0px 2px #111111;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:500px !important;
        border:0px;
        background-color: #F4F4F2 !important;
        }

        /*---  Partie supérieur contenant les outils ---*/
        
        div.sceditor-toolbar {
        background-color: #F4F4F2 !important;
        width: 470px !important;
        border:0px !important;
        margin-bottom:5px !important;
        }

        /*---  Partie texte area : fond ---*/
        
        .sceditor-container iframe, .sceditor-container textarea {
        background-color: #F4F4F2 !important;
        text-align:justify;
        margin:0 !important;
        line-height: 16px;
        border:0px;
        width: 500px !important;
        color: #252D2E !important;
        font-size:14px !important;
        padding:10px;
        font-family: Times new Roman !important;
        }
        /*---  Groupe de boutons ---*/
        
        div.sceditor-group {
        background-color: #F4F4F2 !important;
        border:0px !important;
  
        }
        /*---  Smileys ---*/
        
        .sceditor-emoticons {
        width: 350px !important;
        height: 250px !important;
        overflow: auto !important;
        }
        img.smiley {
        width: auto !important;
        height : auto !important;
        }
        /* largeur de l'éditeur */
        .sceditor-container { width: 600px!important;
        }
        
        /* largeur de la zone de saisie de texte */
        .sceditor-container iframe, .sceditor-container textarea {
        width: 99%!important;
        }

/* -------------- Bloc réponse rapide -------------- */



/* ----------------- QUEEL ----------------- */

.QueelT2{
width:210px;
margin-left:0px;
margin-right:0px;
padding:5px;
text-align:justify;
font-weight:600;
color:#222222 !important;
height:150px;
font-size:13px !important;
}
.trans .row1{
background-color:transparent;
display:block;
height:150px;
overflow:auto;
color:#222222 !important;
font-size:13px !important;
}

/* --------------- FIN DU QUEEL --------------- */




/* _____________ TOP PARTENAIRES _____________ */

    div.cssactif_tableaupartenaire {
      width: 350px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
      line-height: 0; /* À ne pas modifier */
    }
    div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
      height: 20px; /* Hauteur initiale */
      width: 60px; /* Largeur initiale */
    }
    div.cssactif_tableaupartenaire a {
      display: inline-block; /* À ne pas modifier */
      position: relative; /* À ne pas modifier */
      margin: 1px; /* MARGE entre les images */
    }

    div.cssactif_tableaupartenaire a img {
      display: block; /* À ne pas modifier */
      position: absolute; /* À ne pas modifier */
      left: 0; /* À ne pas modifier */
      top: 0; /* À ne pas modifier */
    
      /* Transitions pour différents navigateurs */
      /* navigateur: toutes_transitions durée type */
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
    }

    div.cssactif_tableaupartenaire a:hover img {
      height: 30px; /* Hauteur finale */
      width: 100px; /* Largeur finale */
      z-index: 99; /* Place l'image au-dessus des autres */
    
      /* Positionne le logo de pleine taille au centre - À adapter */
      left: -50%;
      top: -50%;
    }


/* Personnaliser la scrollbar */

::-webkit-scrollbar { width: 5px; height:5px; }
::-webkit-scrollbar-track { background-color: transparent; }
::-webkit-scrollbar-thumb { background-color: #555555;box-shadow:0px 0px 1px #000000;border-radius:3px;}





.description
{
  display: block;
  width: 160px;
  margin: auto;
  height: 125px;
  overflow: hidden;
  -webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px 3px 3px 3px;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 150px;
  height: 115px;
  overflow: auto;
  background-color: #F0EFD9;
  -webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px 3px 3px 3px;
  font-size: 10px;
  color: #222222;
  text-align: center;
  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.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
  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;
}