code css

/* PA Graph Perle */
.FOND{background-image: url('https://2img.net/r/hpimg15/pics/58572897PA.png');
  width: 866px;
height: 668px;
}
.fondPAGraphperle {
    color: rgb(185, 185, 174);
    font-family: iceberg;
    font-size: 10px;
    padding-top: 110px;
    margin-left: 20px;
}

.papseudo{
font-family: megrim;
font-size: 20px;
color: #45C0CA;
text-shadow: 0px 0px 2px #96FAEE;
  -webkit-transition: all .5s ease-in-out;
-khtml-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
letter-spacing: 1px;
}

.papseudo:hover{
  letter-spacing: -2px;
}

.parang {
font-family: iceberg;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
border-bottom: 1px dotted #BFC2C2;
width: 110px;
line-height: 0;
}


a{
  text-decoration: none;
  color: #678A98 !important;
  font-family: iceberg;
}

.titres1 {
    color: rgb(59, 142, 163);
    font-family: megrim;
    font-size: 20px;
    margin-top: -20px;
    text-align: center;
    text-shadow: 0px 1px 2px rgb(46, 118, 141);
}
div.cssactif_tableaupartenaire {
  height: 150px;
line-height: 0;
margin-top: 20px;
width: 210px;
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  height: 18px; /* Hauteur initiale */
  width: 50px; /* 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: 31px; /* Hauteur finale */
  width: 88px; /* 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%;
}

.boîtepartenaires {
 
  width: 220px;
  height: 150px;
  padding: 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-align: justify;
}

.boîtecrédits {
  font-family: arial;
font-size: 9px;
  width: 250px;
  height: 150px;
  padding: 10px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-align: justify;
}

.mdumois {
    background: none repeat scroll 0px 0px rgb(221, 221, 221);
    height: 80px;
    opacity: 1;
    width: 120px;
    position: relative;
    top: -10px;
}

.avadumois {
  -webkit-border-radius:120px;
  -moz-border-radius:120px;
  background: none repeat scroll 0% 0% rgb(221, 221, 221);
border-radius: 120px;
height: 120px;
width: 120px;
  opacity: 0.6;
}
.avadumois:hover{
  opacity: 1;
}

a.avadumois1 {
  position: relative;
  color: #E7DCC8;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.avadumois1 span {
  display: none; /* on masque l'infobulle */
}

a.avadumois1:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.avadumois1:hover span {
background-color: white;
color: black;
display: inline;
height: 80px;
left: 0;
opacity: .5;
position: absolute;
text-align: center!important;
top: -80px;
white-space: nowrap;
width: 120px;
}
 
.paonglet
        {
  display:inline-block;
 margin-left: 35px;
  padding:10px;
  cursor:pointer;
  text-shadow:0px 1px 2px rgb(46, 118, 141);
}
     
.paonglet_0
        {
color: rgb(103, 138, 152);
    font-family: megrim;
    font-size: 15px;
    text-align: center;

    letter-spacing: -1px;
        }

.paonglet_1 {
    color: rgb(103, 138, 152);
    font-family: megrim;
    font-size: 15px;
    text-align: center;

    letter-spacing: -1px;
}

.contenu_paonglet
        {
  font-family: arial;
line-height: 1.2;
  margin-top:-1px;
  padding: 10px;
  display:none;
 
  width: 250px;
  height: 250px;
  overflow: auto;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  text-align: justify;
        }

.stonglets {
  display: block;
  margin-left:250px;
  maring-top: 100px;
  width: 150px;
  height: 250px;
  position: absolute;
  margin-top: 0px;
}

.stonglet
        {
  display:inline-block;
  margin-left:20px;
  margin-right:20px;
  margin-bottom: 15px;
  padding:10px;
}

.contenu_stonglet
        {
  margin-top:-1px;
  padding: 2px;
  display:none;
  height: 320px;
  width: 250px;
  height:250px;
  background: #FCF3E8;
  border-radius:150px;
  -webkit-border-radius:150px;
  -moz-border-radius:150px;
  box-shadow: 0px 0px 14px #0E2C41;
        }
                      /*FIN PA*/
/*CYCLE*/
/* CONTENEUR PRINCIPAL */
#tfa_cycle { 
width: 250px; 
height: 180px; 
position: relative; 
overflow: hidden; 
margin: 10px auto;
padding: 0;
}

/* BLOCS DE CONTENUS */
.tfa_cycle_content, .tfa_cycle_content1{
width: 240px; 
height: 180px;
margin: auto;
padding: 0;
-webkit-border-radius: 15px; 
-moz-border-radius:15px ; 
border-radius: 15px ;
}

/* FOND 1 - IMAGE DE FOND ET BORDURES */
.tfa_cycle_content { 
background: url('https://i.servimg.com/u/f45/11/95/30/70/o110.jpg') #143851; 
border-left: 6px solid #bc0a27; 
border-right: 6px solid #78b8ca;
}

/* FOND 2 - IMAGE DE FOND ET BORDURES */
.tfa_cycle_content1 { 
background: url('https://i.servimg.com/u/f45/11/95/30/70/o210.jpg') #143851; 
border-left: 6px solid #78b8ca; 
border-right: 6px solid #bc0a27;
}

/* -------- PARTIES TEXTES ET IMAGES -------- */

/* TITRES POUR LE FOND 1 ET 2 */
.tfa_cycle_content h1, .tfa_cycle_content1 h1{
width: 250px; 
margin: 5px auto;
padding: 0;
color: #7fb7e5;
text-transform: uppercase;
text-align: center; 
font: 17px Orbitron; 
text-shadow: 0px 1px 0px #000;
}
/* PREMIERE LETTRE DU TIRE SUR LE FOND 1 */
.tfa_cycle_content h1:first-letter { 
font: 22px Verdana;
font-weight: bold; 
color: #42b1ff; 
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TIRE SUR LE FOND 2 */
.tfa_cycle_content1 h1:first-letter { 
font: 22px Verdana;
font-weight: bold; 
color: #CC0000; 
text-shadow: 0px 1px 0px #000;
}

/* EMPLACEMENT ET BORDURE DES IMAGES */
.imgix{
display: block;
width: 96%;
margin: auto;
text-align: center;
}
.imgix img{
border: 2px solid #2c587b;
}
/* PARAGRAPHE */
.my_news p{
width: 96%;
margin: 5px auto 0;
padding: 0;
font: 12px Arial;
color: #cbdeee;
}


                      /*Début CATEGORIES*/
.forumline {
border: 5px #F5D3A9 !important;
-moz-border-radius: 10px;
border-shadow: 0px 0px 1px;
align: center;
padding: 5px;
margin-left: 0px;
  background-color: #decfb3;
border: 2px #decfb3 solid;
}

td.row1, td.row3.over:hover {
background-color: #faede1;
}
td.row3 {
background-color:
#faede1;
}
.forumlink {
padding-top: 10px;
margin-left: 10px;
font-style: italic;
text-transform: uppercase;
font-size: 20px!important;
font-family: arial;
letter-spacing: -2px;
margin-left: 20px;
line-height: normal;
font-weight: bold;
color:
#d9bc47 !important;
}

.descr{
width: 510px;
background-color:
#FAE5CB;
border: 1px solid
#f0d3af;
text-align: justify;
line-height: 12px;
padding: 5px;
margin-left: 15px;
margin-right: 10px;
margin-top: 0px;
font-size: 12px;
margin-bottom: 10px;
}
.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border-top: 3px solid #4c4842;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border: 1px dotted #c0c0c0;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 160px;
  margin: auto;
  background: #e9e9e6;
  padding: 10px;
  border: 1px dotted #c0c0c0;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #a6a6a6;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #e9e9e6;
  padding: 2px;
  text-align: center;
}
              /*Fin CATEGORIES*/
              /*Début STRUCTURE*/
  /* Fond du forum*/
/*
body {
background-image: url(https://2img.net/r/hpimg11/pics/376053rmscopie.png), url(https://2img.net/r/hpimg4/pics/627698milieu2.png);
background-attachment: scroll, fixed;
background-repeat: no-repeat, repeat;
background-position: 50% 0%;
}*/
.bodylinewidth
{
  max-width:70% !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}
.bodyline
{
 
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #4c4842;
  border-right: 5px solid #4c4842;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}
  /* Soulignement liens */
a:link, a:link hover, a:link active, a:link target
{
  text-decoration: none !important;
}
              /*Fin STRUCTURE*/

 











/* BLOC CONTENANT L'INFOBULLE - L’ICÔNE */
.transition-tfax{
position: relative;
width: 68px;
margin: 10px auto;
padding: 0;
}
/* INFOBULLE */
.block_transitionx{
background: rgba(255, 209, 179, 0.553);
width: 0;
height: 0;
position: absolute;
left:10px;
top: 10px;
overflow: hidden;
z-index: 990;
padding: 0;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour navigateur webkit */
-moz-transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour navigateur mozilla */
-o-transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour navigateur opera */
transition: width 0.5s linear 0.2s, height 0.5s linear 0.2s, padding 0.5s linear 0.2s; /* pour les navigateurs récents */
}

/* INFOBULLE AU SURVOL */
.transition-tfax:hover .block_transitionx{
width: 100px;
height: 70px;
padding: 5px 5px 5px 35px;
border-width: 1px;
}
/* IMAGE (icône) */
.transition-tfax img {
  position: relative;
    z-index: 920;
    left: 0px;
    bottom: 0px;
    transition: all 1.5s ease 0s;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    opacity: 0.6;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}

/* IMAGE (icône) AU SURVOL */
.transition-tfax:hover img {
-webkit-transform: rotate(-180deg);/* pour navigateur webkit */
-moz-transform: rotate(-180deg); /* pour navigateur mozilla */
-o-transform: rotate(-180deg);/* pour navigateur opera */
transform: rotate(-180deg); /* pour les navigateurs récents */
  opacity: 1;
}
/* TITRE DANS INFOBULLE */
.block_transitionx h3{
color: #4e420c;
font: 20px Arial;
border-bottom: 1px dotted #e19f2d;
text-align: center;
width: 96%;
margin: auto;
padding: 0;
}

/*PARTENAIRES*/
div.cssactif_tableaupartenaire {
    line-height: 0;
    width: 278px;
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  height: 18px; /* Hauteur initiale */
  width: 50px; /* 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: 31px; /* Hauteur finale */
  width: 88px; /* 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%;
}



.lasthour{
text-align:justify;
color:#282828;
font-size:12px;}

.QueelT1 {
width:250px;
background-color:#c7c7c7;
box-shadow:0px 0px 2px;
border-radius: 3px;
padding:5px;
text-align:justify;
color:#282828;
font-size:12px;}
 
.QueelT2 {
width:250px;
background-color:#c7c7c7;
border-radius: 3px;
padding:5px;
box-shadow:0px 0px 2px;
text-align:justify;
color:#282828;
overflow:auto;
height:100px;
font-size:12px;}
 
.trans .row1{
        background-color : transparent;
  font-size:10px;
  color:#282828;
  display: block;
height: 150px;
overflow: auto;
        }


a:link {
color: #419FAC;
}
.sous-forum.lecf {
-ktm-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
background: #F1F1F1;
border-radius: 0 0 10px 10px;
box-shadow: 0 0 5px gray;
color: white;
font-size: 9px;
margin-left: 10%;
margin-top: -20px;
padding: 5px 5px 15px;
position: absolute;
text-align: center;
transition: all .3s linear;
width: 60%;
z-index: 99;
}
.sous-forum.lecf:hover{
  margin-top: -1%;
  margin-left: 10%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ktm-transition: all 0.3s ease-out;
}
 
.table_tfa {
background: #5C839E;
z-index: 999;
position: relative;
}



.mon_profil_exterieur {
margin-left: -60px;
margin-top: 50px;
min-height: 550px;
position: absolute;
}
/* DÉBUT AFFICHAGE MESSAGES */

.titremsg{font-size: 20px;
font-family: "Playball"; }

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
    border-style: none !important;
height: 24px;
}

h1.titreforum {
color: #3B722E;
font-family: lobster;
font-size: 30px!important;
text-shadow: 0 0 5px #FCDDFC;
font-style: italic;
margin-top: 130px;
}

.postdetails.poster-profile a img {
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
width: 150px;
height: 230px;
border: 4px solid #357046;
}
.postdetails {
color: #4B7D8A;
font-size: 10px;
font-family: iceberg;
}
.fondprofil {
width: 180px;
background-color: #ECBCCB;
margin-left: 10px;
box-shadow: inset 0 0 45px #E488A4;
border-radius: 30px 250px 100px 400px / 1000px 200px 70px 50px;
padding: 5px;
}
div.postbody {
    background-color: rgb(243, 234, 217);
    box-shadow: 0px 0px 3px rgba(44, 93, 94, 0.47);
    margin-left: 120px;
    margin-right: 10px;
    min-height: 450px;
    padding: 35px 35px 40px 90px;
    max-width: 650px;
}
.fleche {
left: 183px;
position: relative;
top: 155px;
}
.post-options {
  text-align: center !important;
}

.attachbox {
  background-color: #C3C8C3 !important;
  border-left: 3px solid #8D918D !important;
  border-right: 3px solid #8D918D !important;
  padding: 5px !important;
  }

.signature_div {
padding-top: 60px;
max-width: 580px;
}


/* FIN AFFICHAGE MESSAGES */



#onoutline {
background: url(http://cdn1.iconfinder.com/data/icons/TWG_Retina_Icons/48/smile_sad.png) no-repeat;
height:48px;
margin-top: 310px;
position: absolute;
width:48px;
z-index: 80;
margin-left: -12px;
}
.contacts {
border-radius: 20px;
padding: 5px;
text-align: center;
margin-top: -60px;
}

#slide_avatar {
    border-width: 30px 9px 9px;
    border-style: solid;
    border-radius: 6px 0px 6px 6px;
  box-shadow: 0 0 3px rgba(72, 112, 112, 0.33);
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 200px;
  border-color: #f3ead9;
}
 
#profile-advanced-details div.separator {
  border: none !important;
clear: both;
font-size: 1px;
line-height: 1px;
padding-top: 10px;
}
.glisse_avatar { 
    -webkit-transition:all 2s ease 0;    /* fait glisser l avatar */
    -moz-transition:all 2s ease 0;      /* fait glisser l avatar autre navigateur */
    -o-transition:all 2s ease 0;        /* fait glisser l avatar autre navigateur */
    -ms-transition:all 2s ease 0;      /* fait glisser l avatar autre navigateur */
    transition:all 2s ease 0;        /* fait glisser l avatar autre navigateur */
    top:0;                /* ne pas toucher */
    left:0;              /* ne pas toucher */
    width:100%;          /* ne pas toucher */
    height:100%;        /* ne pas toucher */
    position:absolute;    /* ne pas toucher */
    z-index:1;
}
 
hr {
border-top-width: 1px;
height: 0;
border: none;
}
#slide_avatar:hover > .glisse_avatar {
margin-left: 200px;
}
 
.infos_avatar {
background-color: #78C3C0!important;
box-shadow: inset 1px 5px 105px 5px #C2BFA8;
height: 100%;
left: 0;
padding: 30px 7px 7px;
top: 0;
width: 100%;
z-index: 0;
}
.rang_image {
margin-left: -20px;
margin-top: -415px;
position: absolute;
z-index: 100;
}
.poster_name {
background-color: #f3ead9;
border-bottom: 40px solid #f3ead9;
border-radius: 6px 0px 6px 6px;
box-shadow: 0 0 3px rgba(72, 112, 112, 0.33);
font-family: Megrim;
font-size: 18px;
letter-spacing: 3px;
margin-top: 20px;
text-align: center;
text-shadow: 0 0 2px rgba(71, 71, 71, 0.46);
}










.bordure_navig {

padding: 10px 5px;
}
.bordure_forum {

}


.Plustopic .CacheTopic {
  height:0;
  overflow:hidden;
  -webkit-transition:All 1s ease;
  -moz-transition:All 1s ease;
  -o-transition:All 1s ease;
}

.Plustopic:hover .CacheTopic {
height: 150px;
overflow: auto;
}
.forumline_topic {
    background-color: #e7dcc8;
    box-shadow: 0px 0px 2px grey;
}
/*DEFILEMENT DES DERNIERS MESSAGES SOUS FIREFOX*/
marquee#comments_scroll_container {
    width: 95% !important;
  text-align:center;
}

/*TAILLE DES IMAGES DU FORUM*/
a img {
border: none;

}
/* SLIDE Dermes DROITE */

#tfa_right_dermes {
    background: none repeat scroll 0% 0% #e7dcc8;
    box-shadow: 0px 0px 3px grey;
    height: 300px;
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: -201px;
    top: 70px;
    width: 201px;
    z-index: 999;
}
/* PARTIE CACHEE */
#tfa_cacher_dermes{
display:none;
margin: 0;
padding: 0;
}
/* CONTENU DU SLIDE */
#content_dermes_right{
float:right;
width:200px;
margin:0;
padding:0;
}
/* Table forumline */
/* #content_dermes_right .forumline{
width: 100%;
margin: 5px 0;
padding: 0;
text-align:left;
} */
/* IMAGE OUVRIR-FERMER(facultatif mais revoir le margin du bloc principal -CSS et script-) */
#ouvrir_fermer_right_dermes{
width: 42px;
margin-left:-41px;
padding:0;
cursor: pointer;
}




/*BOUTONS REPONSES RAPIDES*/
#quick_reply input {
color: white!important;
border: 1px solid #00293A;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px 0 #478CAA;
-moz-box-shadow: inset 0 1px 1px 0 #478caa;
box-shadow: inset 0 1px 1px 0 #478CAA;
background-color: #024967;
background-image: -webkit-linear-gradient(top,#036289 0,#195B77 49%,#024967 50%,#002E41 100%);
background-image: -moz-linear-gradient(top,#036289 0,#195B77 49%,#024967 50%,#002E41 100%);
background-image: -o-linear-gradient(top,#036289 0,#195B77 49%,#024967 50%,#002E41 100%);
background-image: -ms-linear-gradient(top,#036289 0,#195B77 49%,#024967 50%,#002E41 100%);
background-image: linear-gradient(top,#036289 0,#195B77 49%,#024967 50%,#002E41 100%);
text-shadow: 0 -1px 0 #1C181B;
text-transform: uppercase;
}
td.catHead, th.thHead {
font-size: 20px;
}
/*REPONSE RAPIDE BOX*/
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {

border: 1px solid #FFFFFF;
border-radius: 30px;
box-shadow: 0px 0px 3px #FFFFFF;
padding-left: 16px;
padding-right: 16px;
}
/*TEXTE REPONSES RAPIDES ET BOUTONS ALLER*/
#text_editor_iframe, input, select, textarea {
border: 1px solid white;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px 0 #ACB3B6;
background-color: #E2DBC8;
-moz-box-shadow: inset 0 1px 1px 0 #478caa;
box-shadow: inset 0 1px 1px 0 #478CAA;

}
textarea#text_editor_textarea {
width: 90%!important;
}
input.liteoption {
font-weight: 400;
}
input.mainoption {
background-color: #D9E5F5;

background-position: top;
font-weight: bold;
color: black;
}
input.mainoption:hover {
background-color: #D9E5F5;

background-position: bottom;
font-weight: bold;
color: black;
}

 
th {
background-color:
#decfb3;
background-image: url(https://2img.net/r/hpimg11/pics/822075fond.png);
color:
#353434;
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
}
.nav {
color: #084C6B;
font-size: 11px;
font-weight: normal;
text-align: center;
}

a {transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
text-decoration: none!important;
}

a.mainmenu {
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
color: #0D5157!important;
font-family: trebuchet ms;
font-size: 12px;
text-decoration: none!important;
text-shadow: 1px 0 2px #FFF;
transition: all .5s ease-in-out;
word-spacing: -3px;
}
a.mainmenu:hover {
color: white!important;
text-shadow: 0 1px 1px rgba(223, 223, 223, 0.25);
background-color: #13517A;
}
.gen, .genmed, .gensmall {
color: #3A7381;
font-family: iceberg;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
color: rgba(118, 158, 95, 0.81);
text-decoration: none;
  font-family: tahoma;

}
.gen {
font-size: 15px;
text-shadow: 0px 0px 2px #A7A7A7;
}
a.nav {
font-weight: 400;
text-decoration: none !important;
  font-family: "tahoma";
  color: #419FAC;
}
a.nav:hover {
color: #084C6B !important;
text-decoration: none !important;
  font-family: "tahoma";
}

a:hover {
color: grey !important;
text-decoration: none !important;
transition: all 1s cubic-bezier(0.42, 0, 0.58, 1) 0;
    -moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}


#sceditor_smilies {
background-color: #f7ece0;
}
::selection, *::-moz-selection {
background-color: rgba(247, 231, 245, 0.47);
color: #e96d86;
}
/*FOND PA */
table#msg_et, table#msg_et td{
  background-color:none !important;
  }
/*BARRE DE DEFILEMENT*/
::-webkit-scrollbar {
background-color: #FFFFFF;
height: 5px;
width: 5px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
background-color: #87B9E2;
border-radius: 10px;
box-shadow: 0 1px 3px #87B9E2;
}
::-webkit-scrollbar-button {

}
::-webkit-scrollbar-track {
background-color: transparent;
}





/*DEBUT FICHES DE REGLEMENT*/
/*FICHES*/

.corps {
background-color: rgba(202, 202, 202, 0.25);
box-shadow: 0px 0px 3px #608CA5;
width: 490px;
}
.between {
background-color: #84ACC2;
font-family: "arial";
height: 5px;
text-align: center;
}
.between2 {
border-bottom: 3px double rgba(162, 162, 162, 0.486);
}
.titrereglement {
color: #355374;
font-family: georgia;
font-size: 25px;
letter-spacing: -3px;
line-height: 9px;
text-align: center;
text-shadow: 0 1px 2px #5C6163;
text-transform: lowercase;
    -webkit-transition: all .5s ease-in-out;
-khtml-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.titrereglement:hover {
color: #56A4C2;
}

/*FIN FICHES DE REGLEMENT*/

/*===== QUI EST EN LIGNE (new) =========*/
/* QEEL */

#groups {
-htm-border-radius: 100px;
-htm-transition: 500ms;
-khtml-opacity: .6;
-moz-border-radius: 100px;
-moz-opacity: .6;
-moz-transition: 500ms;
-o-border-radius: 100px;
-o-transition: 500ms;
-webkit-border-radius: 100px;
-webkit-transition: 500ms;
background: url(https://2img.net/r/hpimg15/pics/988088fondgroupes.png) center center no-repeat #212121;
border-radius: 100px;
box-shadow: 0px 0px 3px #373D3F;
filter: alpha(opacity=60);
height: 200px;
opacity: .6;
overflow: hidden;
transition: 500ms;
width: 200px;
}
#groups:hover
{
    opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
  transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -webkit-transition: 500ms;
}
.groups_content
{
  display: block;
  width: 200px;
  height: 160px;
  padding: 20px 0px;
background: #2B2E2E;
  line-height: 11px;
  opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
  transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -webkit-transition: 500ms;
}
.groups_content:hover
{
      opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
  transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  -htm-transition: 500ms;
  -webkit-transition: 500ms;
}
.groups_content span
{
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
/* mettez ci-dessous la couleur d écriture de chaque groupe et si vous en avez ajouté dans le template n oubliez pas
d indiquer sa couleur ici */
.g1
{
  color: grey;
}
.g2
{
  color: white;
}
.g3
{
  color: grey;
}
.g4
{
  color: white;
}
.g5
{
  color: grey;
}
.g6
{
  color: white;
}
.qeel_titre
{
  width: 375px;
  background: #212F33;
  padding-left: 100px;
  margin: 10px 0px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 2px;
  font-size: 14px;
  font-weight: normal !important;
  color: #e6e6e6 !important; /* couleur du texte de titre de QEEL */
}
.qeel_content {
  box-shadow: 0px 0px 2px rgb(160, 160, 160);
margin: auto;
text-align: justify;
width: 90%;
background-color: #e7dcc8;
height: 200px;
overflow: auto;
padding: 5px;
  border-bottom: 2px solid rgb(34, 63, 70);
}
#page-footer a
{
  font-size: 10px;
  color: #484848 !important; /* couleur des liens de bas de page */
}
#page-footer a:hover
{
  color: #9f9f9f !important; /* couleur des liens survolés en bas de page */
}

/*===== FIN DU QEEL ======*/







/*DEBUT FORME DES SUJETS*/

.IcoSujet {
left: 30px;
position: absolute;
top: 25px;
}
.vuerep {
color: grey;
font-size: 11px;
padding-left: 10px;
position: absolute;
right: 30px;
top: 25px;
}
.sujetext {
    color: rgb(143, 143, 143);
    font-size: 9px;
    letter-spacing: 5px;
}
.UnTopic {
    background-color: #091f31;
    border-radius: 70px 0px 70px 70px;
    box-shadow: 0px 0px 2px #7fc594;
    height: 95px;
    left: 60px;
    margin-bottom: 2px;
    padding-bottom: 6px;
    position: relative;
    text-align: center;
    width: 710px;
}
.ContenuTopic {
left: 90px;
padding: 10px;
position: absolute;
width: 500px;
}
.DescSujet {
color: grey;
font-size: 11px;
height: 27px;
line-height: 10px;
overflow: auto;
padding-top: 11px;
}
.cercletopic {
    background-color: rgba(47, 59, 63, 0.56);
    border-radius: 120px 50px 50px 120px;
    box-shadow: 0px 0px 3px 1px black inset;
    height: 80px;
    left: 10px;
    padding: 3px;
    position: absolute;
    top: 6px;
    width: 80px;
}
.SujetTitre {
color: rgb(72, 112, 112);
font-family: iceberg;
font-size: 15px;
font-weight: 400;
line-height: 9px;
text-shadow: 0px 0px 2px black;
  ext-transform: uppercase;
transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1) 0;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.SujetTitre:hover {
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
color: #6CB0B9!important;
transition: all 1s ease-in-out;
}
/*INFOBULLES TOPICS*/
 
.IcoSujet .BulleTopic {
-moz-transition: all .55s;
-ms-transition: all .55s;
-o-transition: all .55s;
-webkit-transition: all .55s;

left: -1000px;
opacity: 0;
padding: 10px;
position: absolute;
transform: scale(0) rotateZ(-15deg);
transition: all .55s;
visibility: hidden;
background-color: rgb(231, 220, 200);
box-shadow: 0px 0px 2px grey;
}
.IcoSujet:hover .BulleTopic {

-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotateZ(0);
-o-transform: scale(1) rotate(0);

-webkit-transform: scale(1) rotateZ(0);

color: #DD2A2A;
left: -25px;
opacity: 1;
top: -40px;
transform: scale(1) rotateZ(0);
visibility: visible;
width: 150px;
}
.EnTeteTopics {
background-image: url();
height: 60px;
width: 823px;
}
.PiedTopics {
background-image: url();
height: px;
width: 823px;
}
/*FIN AFFICHAGE DES SUJETS*/









.rotate {
  -webkit-transition: all 1s;
    -moz-transition: all 1s;
          -o-transition: all 1s;
              transition: all 1s;
}

.rotate:hover {
  -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
          -o-transform: rotate(360deg);
              transform: rotate(360deg);
}



/*chatbox*/

 
body.chatbox {
background-color: #06182A;
background-repeat: repeat;
}
.chatbox_row_1 {

padding: 4px;
}
.chatbox_row_2 {

padding: 4px;
}
#chatbox_members .member-title {
background-color: rgba(34, 34, 34, 0.251);
background-image: none;
border-bottom: 1px dotted #030518;
color: #9B9B9B;
font-family: "trebuchet ms";
font-size: 13px;
padding: 0.5em 0.25em;
text-align: center;
}
#chatbox_members {
border-right: 1px dashed rgba(4, 9, 32, 0.384);
bottom: 30px;
overflow: auto;
position: absolute;
top: 30px;
width: 180px;
}
#chatbox p {
color: #E1E1E1;
line-height: 0.8em;
}

#chatbox_header {
background-color: #06182A;
height: 30px;
}

/*#################################DEBUT LIGHTBOX#####################################*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}
#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}
#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}
#lightbox-nav-btnNext {
  right: 0;
  float: right;
}
#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}
#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
} 
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em; 
}       
#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em; 
}
/*#################################FIN LIGHTBOX#####################################*/

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*demandes*/

.demandes {
font-size: 11px;
font-family: trebuchet ms;
float: left;
font-weight: bold;
color: #CE4F2F;
}
/*SIGNATURES*/
.signature_div{
  overflow: auto;
width: 500px;
}
/*BOUTONS REPONSE*/
button.button2, input.button2 {
border: 1px solid white;
font-family: Tahoma;
font-size: .7em;
overflow: visible;
padding: 1px 0;
vertical-align: middle;
width: auto!important;
background-color: white;
border-radius: 5px;
background-image: none !important;
}
.fontbutton_normal {
background-color: rgba(191, 237, 241, 0.5);
  border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.fontbutton_selected {
background: rgba(233, 163, 116, 0.5);
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
  border: none;
}
.fontbutton_hover {
background: grey;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
  border: none;
}

/*SPOILER QUOTE CODE*/
.code{
    background-image: url("https://2img.net/r/hpimg4/pics/986821iconeinformation.png") !important;
    background-position: left top !important;
    background-repeat: no-repeat !important;
    padding-left: 40px;
    background-color: white;
    height: 30px;
    border: 1px solid grey;
    color: grey;
    font-family: trebuchet ms;
}
.spoiler_closed {
background-color: rgba(255, 255, 255, 0.56);
color: #251C18;
display: block;
font-family: trebuchet ms;
font-size: 10px;
line-height: 125%;
border-bottom: 4px solid white;
border-radius: 100px 300px 100px 300px / 70px 70px 70px 70px;
border-top: 1px solid white;
border-right: 2px solid white;
border-left: 1px solid white;
}
.spoiler_content {
background-color: rgba(255, 255, 255, 0.56);
color: #251C18;
display: block;
font-family: trebuchet ms;
font-size: 10px;
line-height: 125%;
border-bottom: 5px solid white;
border-top: 1px solid white;
border-right: 2px solid white;
border-left: 1px solid white;
overflow: auto;
max-width: 580px;
padding: 3px;
border-radius: 3px;
}
.quote {
    background-image: url("https://2img.net/r/hpimg4/pics/986821iconeinformation.png") !important;
    background-position: left top !important;
    background-repeat: no-repeat !important;
    padding-left: 40px;
    background-color: white;
    height: 30px;
    border: 1px solid grey;
    color: grey;
    font-family: trebuchet ms;
  padding-right: 5px;
padding-top: 7px;
padding-bottom: 5px;
}

/*IMAGE DE PARTICIPATION AU SUJET*/
.participation {
float: right;
margin-right: -120px;
margin-top: -40px;
}

.bouhautbas {
bottom: 0px;
right: 10px;
position: fixed;
z-index: 100;
}



.sceditor-container {
-moz-background-clip: padding;
-moz-border-radius: 4px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 4px;
background: white;
background-clip: padding-box;
border: 1px solid #D9D9D9;
border-radius: 4px;
color: #222;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
position: relative;
width: auto;
}

.sceditor-container iframe, .sceditor-container textarea {
background: white;
border: 0;
color: #111;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
width: 550px;
}
#av_quickreply img {
position: relative;
top: 35px;
left: 45px;
height: 230px;
border: 5px solid #0B0E42;
border-top: 10px solid #0B0E42;
}
 
#av_quickreply {
  float: left;
}