Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Modification d'un Template


2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Sick.l.Offrande
Sick.l.Offrande
https://office-equideow.forumactif.com/

MessageSick.l.Offrande Mer 2 Sep 2020 - 16:17

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjour tout le monde, 

Cela fait un petit moment que je ne suis pas venus sur le forum à cause d'un soucis d'ordinateur et car j'ai complètement laisser tomber mes forums mais je souhaite actuellement reprendre un des deux "Sciences Occultes" et pour cela je voudrait lui offrir un tout nouveau petit Template de page d'accueil, cette page d'accueil ne sera (je pense) pas compliquer à faire car elle est identique à mon autre forum. Qui se trouve ici : Le Grand Havre - Le forum que je souhait le modifier est donc celui-ci : Sciences Occultes
En ce qui concerne les changement, je souhaiterais simplement mettre sur Sciences Occultes l'icone "nouveau / pas de nouveaux message) entouré comme sur le Grand Havre, avoir le même système de description des forum ainsi que le titre qui bouge de chaque forum et pour finir ce qui est tout à droite du dernier message poster. En gros, toute une ligne. Bien sur avec les même effets de CSS que je trouve magnifique. La petite image qui se trouve devant la description de chaque forum (ronde) je la souhaite également si cela est possible : ) . Pour vous aider, je vous fournis comme toujours les Template et la feuille de Style associer, en espèrent ne pas me tromper et je vous remercie vraiment beaucoup du fond du cœur ! 

La Feuille de style de Sciences Occultes : 

Code:
/*MENU RACCOURCIS CATEGORIE*/
#nav {
  position: fixed;
  top: 200px;
  right: 0px;
  background: rgba(0,0,0,0.6);
  margin: 0;
  padding: 15px;
  list-style: none;
 
 
}
 
#nav a {
  display: block;
  padding: 10px 10px;
  color: #fff;
}
 
#nav a:hover {
  color: black;
}

/* TITRE DES CATEGORIES */
a.forumlink:link
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
  
}
a.forumlink:link:hover{margin-left:-20px;}

/* TRANSITION CONTENU DES FORUM */
#page-body
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}

#main-content
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}

/* DESCRIPTION DES SALONS */
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
  text-align: justify!important;
}

/* AGRANDISSEMENT DE LA REPONSE RAPIDE */
#quick_reply textarea {
  height: 500px !important;
}

/*IMAGE ET COULEUR SUR LES PSEUDO SPECIALE */
.Membre1, .Membre2 /*Machiavelis : expire le : 13 Mars 2018 */
{
color: none; /*La couleur de police*/
padding-right: 15px; /*ne pas toucher*/
background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
}

.Membre2 /*Akispen : expire le : 17 Mars 2018 */
{
color: none; /*La couleur de police*/
padding-right: 15px; /*ne pas toucher*/
background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
}

/* CSS DES BOUTON DE VOTE */
.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  /*display:inline-block !important;*/
  width:auto !important;
  float:none !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive { color:#d5ddd4 }
.fa_negative { color:#cfd0c3 }
 
.fa_votebar, .fa_votebar_inner {
  background:#d5ddd4;
  height:0px;
}
 
.fa_votebar_inner {
  background:#d5ddd4;
  transition:300ms;
}
 
.fa_reputation a {
  float: none;
}

/*Pseudo*/
table.qeel_table a[href^="/u"] {
  font-size: 12px;
}
  /* pseudo en lien */
table.qeel_table a[href^="/u"] {
  font-size: 16px !important;
}
/* pseudo en lien - hover */
table.qeel_table a[href^="/u"]:hover {
  letter-spacing : 2px !important;
}

/* CSS feuille de personnage dans profil-message */
.profilmasque > div:nth-child(2) > textarea:nth-child(11){
background-color: #000000;
font-family: 'Gabriela'!important;
font-size: 11px!important;
}

.profilmasque textarea {
    background-color: black;
}

/* message en bas du message remercier*/
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  background-color:#201E1E;
  border:1px solid #000;
  padding:-25px;
  margin:6px;
  font-family: 'Gabriela'!important;
  text-shadow: 5px 3px 3px #000!important;
}
 

tr.M14_ThanKBackground .postbody div:first-child
{
  padding: 10px!important;
  background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v111.jpg');
  color: #ffffff !important;
  min-height: 200px;
  max-height: 200px;
  overflow: auto;
  border: 1px solid #201E1E;
  border-radius : 0px 50px 0px 50px;
}

img.M14_ThanKBackgroundIMG
{
position: relative;
left: 25%;
width: 255px;
height: 55px;
}

/*FIN*/

/*mise en forme des boutons*/
input.mainoption, input.post, input.liteoption {
  box-shadow: 5px 5px 2px #000!important;
}

/*MESSAGE ET REPONSE BANDEAU*/
.sceditor-toolbar {
background-color: #000!important;
border: none!important;
}

/*ICONE AWESOME*/
/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(http://www.icone-png.com/png/35/35386.png) !important }
 
/* Popup */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
}
 
/* Icônes */
.sceditor-fontawesome i {
  color:#333;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }

/*Clic reponse automatique*/

/*Le bloc du message a remercier*/
div#M14_thank
{
background-color:#000;
color:#333333 !important;
font-weight:bold;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:auto;
margin-right:auto;
border: 1px solid #666666;
text-decoration:none !important;
cursor:pointer;
}
/*Le texte du message posté*/
div.M14_thank
{
background-color:#000;
color: #333333 !important;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:auto;
margin-right:auto;
border: 1px solid #BAA7A7;
text-decoration:none !important;
}



/* MP NON LUS DANS LA TOOLBAR */

/*Apparence MP sur la barre de navigation*/
a.mainmenu.M14_newMp{color:#94865b !important;}
/*Apparence MP sur la Toolbar*/
a.M14_alertMp
{
color: #BAA7A7 !important;
font-size: 16px !important;
text-decoration: none !important;
margin-right: 60px;
line-height: 30px;
background-color: #333333;
padding: 0 5px;
}


/*avatar dans la toolbar*/
/*Avatar welcome*/
.M14_Fa_Avatar{position: absolute;margin-left: -60px;}
/*Dimensions de l avatar*/
.M14_Fa_Avatar img
{
width: 24px;
height: 24px;
margin-top: 3px;
border-radius: 10px 10px 10px;
border: 1px solid #000;
box-shadow: 3px 3px 3px #000;
}



/*affichage des préfixe*/
.topictitle, h1, h2 {
    color: #333333;
    font-size: 16px!important;
    font-weight: 700;
    font-family: 'Cookie'!important;
}

/* affichage message pré-enregistrer*/
    div#fa_modtable { background-color: #000;padding: 30px; }
    div#rndmtable1,div#rndmtable2 ,div#rndmtable3
    {border: 2px solid #000; color: #000;font-family: 'Gabriela'!important;font-size: 11px;}
    div#rndmtable1 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
    div#rndmtable2 { background-color: #333; color: #ffffff!important; padding; 5px!important; text-align: center;}
    div#rndmtable3 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
    .infotable,.solved ,.lock
    {
    font-size: 10px;
    font-family: 'Cookie'!important;
    padding: 20px;
    width: 100%;
    height: 30px;
    overflow: auto;
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
    font-shadow: 5px 5px 5px #000;
    }
    .infotable{
    color: #94865b;
    background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
    box-shadow: 3px 3px 3px #000000;
    font-family: 'Cookie';
    }
    .solved {
    color: #94865b;
    background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
    font-family: 'Cookie';
    }
    .lock{
    color: #94865b;
    overflow: auto;
    background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
    font-family: 'Cookie';
    }

/*mise en forme du menu horizontale*/
#fa_search{margin-left:-300px;}
#M14_NavToolbar
{
position: fixed;
width:75%;
left:2%;
height: 30px;
top: 0px;
}
img[id^="M14_Slide"]
{
position: absolute;
width:24px;
height:24px;
margin-top: 3px;
line-height: 30px;
cursor:pointer;
}
/* Bouton d ouverture*/
#M14_SlideToolbar{left:-20%;}
/* Bouton de fermeture*/
#M14_SlideCloseToolbar{left:20px;}


/*affichage des membres invisible pour les administrateurs*/
#M14_Bloc_Inv {
  position:absolute;
  top:40px;
  left:5px;
padding:5px;
  border:1 px solid red;
  background:black;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: auto; }

/*Les Pseudos */
#M14_Bloc_Inv a.M14_Invis[href^="/u"] ,#M14_Bloc_Inv a.M14_Invis[href^="/u"] span ,
#M14_Bloc_Inv a.M14_Invis[href^="/u"] span strong
{
color:white !important;
font-size:11px !important;
text-decoration:none !important;
margin:2px;
font-weight:normal !important;
overflow: auto;
}

#fa_left,#fa_share{display:none !important;}

.codebox dd {
background-color: white;
padding: 35px;
color: #000;
background-color: #94865b;
border-radius: 10px 0px 10px 0px;
margin-bottom: 10px;
}


/*Selectionner le Contenus dun Code*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/**********************BARRE DE NAVIGATION----------------------*/
#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
}
#navigation
{
  z-index: 999;
  width: 100%;
  background-color: #000;
  margin-top: 10px;
  margin-left: -10px;
  padding: 5px;
}
/*LA LARGEUR DES CONTENEURS D IMAGE*/
.M14_slide_first ,.M14_slide_last{width:350px;}
.M14_slide_last
{
opacity:0;
margin-top: -60px;
position: absolute;
}


/*LA FLECHE A DROITE*/
#M14_slide_iMg
{
position: absolute;
margin-top: -40px;
margin-left: 350px;
cursor:pointer;
}



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

    /* Fond */
    .fondsgénéraux {
      background-color: #0d0d0d;
      width: 700px;
      padding: 15px;
      color: #767676;
    }

    .blocpa {
      width: 220px;
      padding: 15px;
      background-color: #000;
  border-left: 2px solid #000;
border-right: 2px solid #000;
    }

    .blocpa:hover {
      width: 220px;
      background-color: #000;
      border-left: 2px solid #94865b;
      border-right: 2px solid #94865b;
    }

    /* Titres */
    .titrePA1 {
      font-family: 'parisienne';
      font-size: 35px;
      color: #FE6D6D;
      z-index: 1px;
      position: relative;
    }

    .titrePA2 {
      font-family: 'parisienne';
      font-size: 25px;
      color: #F0F0F0;
      position: relative;
    }

    .titrePA2:hover {
      font-family: 'parisienne';
      font-size: 25px;
      color: #FE6D6D;
      position: relative;
    }

    .titrePA3 {
      font-family: 'parisienne';
      font-size: 25px;
      color: #FE6D6D;
      position: relative;
    }

    .titrePA3:hover {
      font-family: 'parisienne';
      font-size: 25px;
      color: #F0F0F0;
      position: relative;
    }

    /* Système onglets */
    .paonglet {
      display: inline-block;
      cursor: pointer;
    }

    .contenu_paonglet {
      display: none;
      width: 250px;
      height: 360px;
      background-color: #000;
    }

    .contenu_paonglet:hover {
      display: none;
      width: 250px;
      background-color: #000;
      border-left: 2px solid #94865b;
      border-right: 2px solid #94865b;
    }

    /* Info-bulles staff */
    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }

    d.info:hover {
      z-index: 25;
    }
    
    d.info span {
      display: none;
    }
    
    d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
    left: -2em;
      width: 120px;
      height: 50px;
      background-color: #1B1B1F;
      color: #16161A;
      text-align: center;
      font-weight: none;
    }

    /* Info-bulles prédef */
    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }
    
    c.info:hover {
      z-index: 25;
    }
    
    c.info span {
      display: none;
    }
    
    c.info:hover span {
      display: block;
      position: absolute;
      top: -7.3em;
    left: -0.2em;
      border-radius: 50%;
      width: 85px;
      height: 85px;
      background-color: #1B1B1F;
      color: #16161A;
      text-align: center;
      font-weight: none;
    }

    /* Images Prédef */
    .imgPA {
      border-radius: 50%;
      width: 60px;
      height: 60px;
    }

    /* Images Staff */
    .imgwidget {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgwidget:hover {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    /* Top Sites */
    .tops {
      -moz-transform: rotate(20deg);
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg);
      width: 40px;
    }

    .tops:hover {
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      width: 40px;
    }

    /*copyright*/
    .titrePA4 {
    font-family: 'Gabriela'!important;
    font-size: 11px!important;
    }



/*LA FLECHE A GAUCHE*/
#M14_slide_iMgNone
{
display:none;
cursor: pointer;
margin-left: -30px;
margin-top: 20px;
position: absolute;
  z-index: 24;
}

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

.topictitle2 {
    font-size: 16px!important;
}
/* Fleches haut et bas */
#M14_top {
    bottom: 8%;
    position: fixed;
    right: 2%; }
#M14_bas {
    bottom: 3%;
    position: fixed;
    right: 2%; }

/* QEEL */
.qeel_titre
{
  width: 500px;
  height: 100px;
  background: url('https://i.servimg.com/u/f62/19/82/74/63/qeel10.png');
  background-repeat: no-repeat!important;
}
.qeel
{
  width: 450px;
  height: 400px;
  background: url(#);
}
.qeel_table
{
  width: 780px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  background: #0d0d0d;
  border: 1px solid #3f4d55;
  box-shadow: 0px 0px 0px #0d1418;
  -moz-box-shadow: 0px 0px 0px #0d1418;
  -o-box-shadow: 0px 0px 0px #0d1418;
  -htm-box-shadow: 0px 0px 0px #0d1418;
  -webkit-box-shadow: 0px 0px 0px #0d1418;
  font-size: 9px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #000;
  border: 1px solid #3f4d55;
  box-shadow: 0px 0px 5px #0d1418;
  -moz-box-shadow: 0px 0px 5px #0d1418;
  -o-box-shadow: 0px 0px 5px #0d1418;
  -htm-box-shadow: 0px 0px 5px #0d1418;
  -webkit-box-shadow: 0px 0px 5px #0d1418;
  font-size: 11px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}
/* Soulignement des Liens et Police */
a
{text-decoration: none;
font-family: 'Cookie';
font-size: 17px!important;
first-letter: 40px!important;}
a:link
{text-decoration: none;}
a:hover
{text-decoration: none!important;}
a.forumtitle
{text-decoration: none;}
a.forumtitle:hover
 {text-decoration: none!important;}
a.topictitle
{text-decoration: none;}
a.topictitle:hover
{text-decoration: none!important;}
a.forumlink {
font-weight:normal!important;}
.topic-title {
font-weight:normal!important;}

/* Personnalisation de la TchatBox */
/*Barre de titre*/
#chatbox_header .catBottom {
  border: none; /*Enlève la bordure*/
  background-image: none; /*Enlève image de fond*/
  background-color: transparent; /*Enlève couleur de fond*/
  height: 30px;
}

/*Titre normal */
#chatbox_header .catBottom .cattitle {
}
/*Titre normal au survol*/
#chatbox_header .catBottom .cattitle:hover {
}

/*Liens de droite de la barre de titre*/
#chatbox_header .catBottom .chatbox-options a {
}
/*Liens de droite de la barre de titre au survol*/
#chatbox_header .catBottom .chatbox-options a:hover {
}
/*Pour cacher le titre normal*/
#chatbox_header .cattitle strong {
  font-size: 0px;
}
/*Titre Personnalisé*/
#chatbox_header .cattitle:before {
  content: "Liste des Membres"; /* Modifiez NOM par le titre que vous désirez */
  font-size: 10px;
}
/*Pour cacher le lien pour accéder aux archives normal*/
#chatbox_option_with_archives a {
  font-size: 0;
}
/*Lien pour accéder aux archives Personnalisé*/
#chatbox_option_with_archives a:before {
  content: "Archives"; /* Modifiez HISTORIQUE par ce que vous désirez */
  font-size: 10px;
}

/*Pour cacher le lien pour sortir des archives normal*/
#chatbox_option_without_archives a {
  font-size: 0px;
}
/*Lien pour sortir des archives Personnalisé*/
#chatbox_option_without_archives a:before {
  content: "Quitter Archives "; /* Modifiez QUITTER HISTORIQUE par ce que vous désirez */
  font-size: 10px;
}

/*Pour cacher le lien de la connexion*/
#chatbox_option_co strong {
  font-size: 0px;
}
/*Lien de la connexion Personnalisé*/
#chatbox_option_co strong:before {
  content: "Entrer"; /* Modifiez ENTRER SUR LA CB par ce que vous désirez */
  font-size: 10px;
}

/*Pour cacher le lien de la déconnexion*/
#chatbox_option_disco {
  font-size: 0px;
}
/*Lien de la déconnexion Personnalisé*/
#chatbox_option_disco:before {
  content: "Quitter"; /* Modifiez QUITTER LA CB par ce que vous désirez */
  font-size: 10px;
}
/*Pour arranger la hauteur de la barre du bas*/
#chatbox_footer {
  height: 29px!important;
}
/*Barre du bas*/
#chatbox_footer .catBottom {
  border: none; /*Enlève la bordure*/
  background-image: none; /*Enlève image de fond*/
  background-color: transparent; /*Enlève couleur de fond*/
  height: 29px;
}

/*Bouton Aide tout à gauche*/
#chatbox_footer #help-button {
}

/*Bouton Gras*/
#chatbox_footer .text-styles label[title="Gras"] {
  background-color: pink;
}
/*Bouton Italique*/
#chatbox_footer .text-styles label[title="Ital."] {
}
/*Bouton Surligné*/
#chatbox_footer .text-styles label[title="Soulig."] {
}
/*Bouton Barré*/
#chatbox_footer .text-styles label[title="Barré"] {
}
/*Bouton Couleur de police*/
#chatbox_footer #divcolor {
}
/*Bouton Smiley*/
#chatbox_footer #divsmilies {
}

/*Texte avant le message*/
#chatbox_footer label[for="message"] {
}
/*Champ texte pour le message*/
#chatbox_footer #message {
}
/*Bouton pour envoyer le message*/
#chatbox_footer #submit_button {
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-size: 10px;
}
 /* --------------------------------- PROFIL --------------------------------- */

    .profilmasque {
      background-color: #201E1E;
      width: 200px;
      padding: 10px;
      font-size: 11px;
      font-family: 'Gabrial'!important;
    }

.profil1 ,.profil2
{
          width: 200px;
          font-size: 20px;
          font-family: 'Satisfy', cursive;
          background-color: #201E1E;
          border: none;
          color: #B7B3B3;
        }

    .profil {
      background-color: #0D0D0D;
      padding: 10px;
      border-radius: 25px;
    }

    .rang {
      background-color: #000000;
      padding: 5px;
      width: 200px;
      text-align: center;
      color: #ffffff !important;
      font-size: 20px;
      font-family: 'UnifrakturMaguntia', cursive;
    }

    .avatar_profil {
      width: 200px;
      height: 300px;
    }


    .pseudo_profil {
      font-family: "UnifrakturMaguntia";
      font-size: 20px !important;
      text-align: center;
    }

    .details_profil {
      background-color: #201E1E;
      padding: 10px;
      width: 200px;
      height: 100px;
      overflow: auto;
      text-align: justify;
      color: #B7B3B3 !important;
      font-size: 10px;
      font-family: 'Gabriela', sans-serif !important;
    }

.bloc_pseudo {
font-family: 'Satisfy', sans-serif !important;
font-size: 10px!important;
}
  

    /* --------------------------------- FIN PROFIL --------------------------------- */

/* Contenus des messages */
.postbody {
text-align: justify!important;
padding: 35px;
font-family: 'Gabriela'!important;
font-size: 11px!important;
}

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 712px;
  margin: auto;
  background: #0D0F0F;
  border: 1px solid #000;
  box-shadow: 0px 0px 3px #000;
  -o-box-shadow: 0px 0px 3px #000;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  -htm-box-shadow: 0px 0px 3px #000;
  padding: 5px;
}
.sujets
{
  background: #000;
  border: 1px dotted #282B2B;
  padding: 3px;
}
.topictitle
{
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 25px;
  background: #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  text-align: right;
  margin-bottom: 5px;
  background-color: #000;
}
.sujets_stats_contenu
{
  font-size: 8px;
  color: #ffffff;
}
/* FEUILLE DES ARTICLES */
.article {
  background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
  box-shadow: 20px 20px 20px #000;
  height: 600px;
  overflow: auto!important;
  width: 95%;
  padding: 10px;
  text-shadow: 5px 5px 2px #000;
}
.titre_article {
  font-family: 'Cookie';
  font-size: 35px;
  color: #cccccc;
  text-shadow: 20px 20px 20px #000;
  padding: 20px;
  opacity: 0.5;
}
.deco_article {
float: left;
margin-top: -50px;
}
.sous_article {
  font-family: 'Cookie';
  font-size: 20px;
  color: #ffffff;
  text-shadow: 2px 2px 2px #000;
  opacity: 0.5;
}
  

/*La scrollbar*/
::-webkit-scrollbar
{
width: 8px;
height:8px;
background-color:transparent;
}
/*la partie fixe*/
::-webkit-scrollbar-track-piece  
{
background-color:#576160;
-webkit-border-radius:8px;
}


/* defilement */
::-webkit-scrollbar-thumb
{
-webkit-border-radius:8px;
border-radius: 8px;
background-color:black;

}
/******************************************************
MENU LATERAL BY MV/SHOKI [BEGIN]
******************************************************/
img.M14_open_Panneau,img.M14_close_Panneau{position:fixed;cursor:pointer;}
img.M14_close_Panneau{margin-left:205px;}

#panneau_lat {
 position: fixed;
 top: 0;
 left: -225px;
 width: 185px;
 height: 100%;
 background: #000;
 z-index: 200;
 padding: 5px;
 font-family: 'Cookie', sans-serif;
 box-shadow: 20px 20px 20px #000;
 overflow: auto;
}
#panneau_lat a {
  color: #ccc !important;
  font-size: 16px!important;
}
#panneau_lat a:hover { color: #999 !important; }
.recherche {
 text-align: center;
 font-family: 'Cookie', serif;
 color: #FFF;
 font-size: 16px;
 margin-top: 3px;
 font-bold:none!important;
}
.util_link {
 text-align: center;
 font-family: 'Cookie', serif;
 color: #FFF;
 font-size: 15px;
 font-weight:none!important;
}
.util_link a {
 color: #ccc !important;
 text-decoration: none !important;
 letter-spacing: 0;
 -webkit-transition: all 800ms;
 transition: all 800ms;
 font-weight:none!important;
}
.util_link a:hover {
 letter-spacing: 2px;
 text-decoration: none !important;
}
/******************************************************
MENU LATERAL BY MV/SHOKI [END]
******************************************************/

.sceditor-container iframe, .sceditor-container textarea {
  font-family: 'Gabriela'!important;
  padding: 20px!important;
  background-color: #000!important;
  color: #C0C0C0!important;
}

.sceditor-container {
  background-color: #000!important;
  border: 1px solid #333333!important;
}

div.sceditor-group {
  background-color: #788483!important;
}

/*mode édition css*/
body, code:before, html, p, table {
  color: #ffffff!important;
}

.gen, .genmed, .gensmall {
 font-family: 'Gabriela'!important;
 font-size: 11px!important;
}

/*FEUILLE DES BLOG*/
.blog {
  background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
  box-shadow: 20px 20px 20px #000;
  height: 600px;
  overflow: auto!important;
  width: 95%;
  padding: 10px;
  text-shadow: 5px 5px 2px #000;
}
.titre_article {
  font-family: 'Cookie';
  font-size: 35px;
  color: #cccccc;
  text-shadow: 20px 20px 20px #000;
  padding: 20px;
  opacity: 0.5;
}
.deco_article {
float: left;
margin-top: -50px;
}
.sous_article {
  font-family: 'Cookie';
  font-size: 20px;
  color: #ffffff;
  text-shadow: 2px 2px 2px #000;
  opacity: 0.5;
}


Le Template Index Box de Sciences Occultes : 

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
 <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
 </tr>
 <!-- END tablehead -->
 <!-- BEGIN cathead -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
 <h{catrow.cathead.LEVEL} class="hierarchy">
 <span class="cattitle">
 <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </span>
 </h{catrow.cathead.LEVEL}>
 </td>
 <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
 </tr>
 <!-- END cathead -->
 <!-- BEGIN forumrow -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
 <!-- END inc -->
 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </td>
 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
 <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
         </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
                  
                  
 <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
 <span class="gensmall">
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 </span>
 </td>
 <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

 <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
 </td>
 </tr>
 <!-- END forumrow -->
 <!-- BEGIN catfoot -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
 </tr>
 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Le Template index_body de Sciences occultes pour finir : 

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN message_admin_titre -->
 <tr>
 <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
 </tr>
 <!-- END message_admin_titre -->
 <!-- BEGIN message_admin_txt -->
 <tr>
 <td class="row1" rowspan="3" align="center" valign="middle">
 <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
 </td>
 </tr>
 <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="50%" valign="top">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </td>
 <td width="50%" align="right">
 <span class="gensmall">
 <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
 <!-- BEGIN switch_on_index -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 <!-- END switch_delete_cookies -->
 <!-- END switch_on_index -->
 </span>
 </td>
 </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->
<!--DEBUT DU QEEl-->
<!-- BEGIN disable_viewonline --><div class="qeel_titre"></div>
<div class="qeel"><table class="qeel_table"><tr>
    <td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br /><br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
      </span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
    </tr></table>
</div>
<!-- END disable_viewonline -->
<!--FIN DU QEEL-->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
 <tr>
 <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NEW_POSTS}</span></td>
 <td></td>
 <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
 <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
 <td> &nbsp;</td>
 <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
 <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
 </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!--MENU RACCOURCIS CATEGORIES-->
<ul id="nav">
  
 <li>
   <center><img src="https://i.servimg.com/u/f53/19/82/74/63/menu10.png"></center>
 <a class="anchor-link" href="#cat-1">Vie du Forum</a>
 </li>
  
 <li>
 <a class="anchor-link" href="#cat-2">Les Arts Divinatoires</a>
 </li>
  
 <li>
 <a class="anchor-link" href="#cat-3"> Voyances & Divinations   </a>
 </li>
    <li>
 <a class="anchor-link" href="#cat-4"> Les Arts Spécifique  </a>
 </li>
       <li>
 <a class="anchor-link" href="#cat-5"> Les Soins Alternatifs  </a>
 </li>
          <li>
 <a class="anchor-link" href="#cat-6">Pratiques Parapsychologique  </a>
 </li>
             <li>
 <a class="anchor-link" href="#cat-7"> Entre Membres  </a>
 </li>
                            <li>
 <a class="anchor-link" href="#cat-8">  Les Services du Forum   </a>
 </li>
                                           <li>
 <a class="anchor-link" href="#cat-9">  Connaissances et Expériences   </a>
 </li>
                                                          <li>
 <a class="anchor-link" href="#cat-10"> Entourage Divin  </a>
 </li>

</ul>
<!--FIN-->
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 2 Sep 2020 - 18:59

Hello Sick.l.Offrande,

Effectivement, cela remonte un peu .
Par contre merci de bien lire le règlement qui a beaucoup changé.




Hello

Ton profil est incomplet.

Merci de lire et d'accepter le règlement:

Cliques ici pour le visualiser et l'accepter.

Sick.l.Offrande
Sick.l.Offrande
https://office-equideow.forumactif.com/

MessageSick.l.Offrande Mer 2 Sep 2020 - 19:28

Bonjour Cher Milouze, 
Je pense avoir bien lus le règlement et bien sur je le respect : ) 
J'ai également remplis mon profil : ) 
Merci beaucoup à toi <3
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 2 Sep 2020 - 19:30

Merci Sandra,
je retarde tout cela demain matin hinhin .

Bonne soirée.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 3 Sep 2020 - 7:17

Hello Sandra,

est-ce que tu affiches les modérateurs sur les forums?
alors il faudra mettre dans chaque description de forum ceci en modifiant le lien de l'image bien sur et ensuite le texte dans la balise p.

Exemple:

Code:

<img src="https://i.servimg.com/u/f11/19/54/37/96/creer_10.png" class="image_forum" />
<p>
texte de description
</p>


La css dans sa totalité:
Code:
/*LA PARTIE GAUCHE IMAGE*/
#M14_style {
    background-color: #7A683D;
    height: 55px;
    padding: 5px;
    overflow: auto;
    border-right: 10px solid #000;
    border-left: 10px solid #000;
    border-radius: 50px;
}
/*LA DESCRIPTION DES FORUMS*/
.description-forum
 {
  background-color: rgba(0,0,0,0.2);
  color:#000!important ;
  min-height: 53px;
  max-height: 53px;
  overflow-y: auto;
  padding:0px 20px 0px 5px;
}

/*L IMAGE DE LA DESCRIPTION*/
.image_forum {
 border: 1px solid #000;
border-radius: 100px !important;
float: left !important;
margin-right: 10px;
max-height: 50px;
max-width: 50px;
min-height: 50px;
min-width: 50px;
  
}
/*LE TEXTE DE LA DESCRIPTION*/
.description-forum p
{
min-height: 50px;
max-height: 50px;

color: black !important;
  font-size:11px;
  width: 90%;
  margin-left: 50px;
}
/* TRANSITION CONTENU DES FORUM */
#page-body
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}

#main-content
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}


/*MENU RACCOURCIS CATEGORIE*/
    #nav {
      position: fixed;
      top: 200px;
      right: 0px;
      background: rgba(0,0,0,0.6);
      margin: 0;
      padding: 15px;
      list-style: none;
    
    
    }
    
    #nav a {
      display: block;
      padding: 10px 10px;
      color: #fff;
    }
    
    #nav a:hover {
      color: black;
    }

    /* TITRE DES CATEGORIES */
    a.forumlink:link
    {
    opacity:1;
    transition: all 2s;
      
    }
    a.forumlink:link:hover{margin-left:20px;opacity:0.5;}



    /* DESCRIPTION DES SALONS */
    .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
      text-align: justify!important;
    }

    /* AGRANDISSEMENT DE LA REPONSE RAPIDE */
    #quick_reply textarea {
      height: 500px !important;
    }

    /*IMAGE ET COULEUR SUR LES PSEUDO SPECIALE */
    .Membre1, .Membre2 /*Machiavelis : expire le : 13 Mars 2018 */
    {
    color: none; /*La couleur de police*/
    padding-right: 15px; /*ne pas toucher*/
    background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
    }

    .Membre2 /*Akispen : expire le : 17 Mars 2018 */
    {
    color: none; /*La couleur de police*/
    padding-right: 15px; /*ne pas toucher*/
    background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
    }

    /* CSS DES BOUTON DE VOTE */
    .fa_vote, .fa_voted, .fa_count {
      font-size:12px;
      font-family:Verdana, Arial, Helvetica, Sans-serif;
      /*display:inline-block !important;*/
      width:auto !important;
      float:none !important;
      transition:300ms;
    }
    
    .fa_voted, .fa_vote:hover { opacity:0.4 }
    .fa_voted { cursor:default }
    
    .fa_count {
      font-weight:bold;
      margin:0 3px;
      cursor:default;
    }
    
    .fa_positive { color:#d5ddd4 }
    .fa_negative { color:#cfd0c3 }
    
    .fa_votebar, .fa_votebar_inner {
      background:#d5ddd4;
      height:0px;
    }
    
    .fa_votebar_inner {
      background:#d5ddd4;
      transition:300ms;
    }
    
    .fa_reputation a {
      float: none;
    }

    /*Pseudo*/
    table.qeel_table a[href^="/u"] {
      font-size: 12px;
    }
      /* pseudo en lien */
    table.qeel_table a[href^="/u"] {
      font-size: 16px !important;
    }
    /* pseudo en lien - hover */
    table.qeel_table a[href^="/u"]:hover {
      letter-spacing : 2px !important;
    }

    /* CSS feuille de personnage dans profil-message */
    .profilmasque > div:nth-child(2) > textarea:nth-child(11){
    background-color: #000000;
    font-family: 'Gabriela'!important;
    font-size: 11px!important;
    }

    .profilmasque textarea {
        background-color: black;
    }

    /* message en bas du message remercier*/
    #fa_thanks_message img { vertical-align:middle }
    #fa_thanks_message {
      color:#ffffff;
      font-size:12px;
      font-weight:bold;
      text-align:center;
      background-color:#201E1E;
      border:1px solid #000;
      padding:-25px;
      margin:6px;
      font-family: 'Gabriela'!important;
      text-shadow: 5px 3px 3px #000!important;
    }
    

    tr.M14_ThanKBackground .postbody div:first-child
    {
      padding: 10px!important;
      background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v111.jpg');
      color: #ffffff !important;
      min-height: 200px;
      max-height: 200px;
      overflow: auto;
      border: 1px solid #201E1E;
      border-radius : 0px 50px 0px 50px;
    }

    img.M14_ThanKBackgroundIMG
    {
    position: relative;
    left: 25%;
    width: 255px;
    height: 55px;
    }

    /*FIN*/

    /*mise en forme des boutons*/
    input.mainoption, input.post, input.liteoption {
      box-shadow: 5px 5px 2px #000!important;
    }

    /*MESSAGE ET REPONSE BANDEAU*/
    .sceditor-toolbar {
    background-color: #000!important;
    border: none!important;
    }

    /*ICONE AWESOME*/
    /* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
    .sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
    /* Image du bouton */
    .sceditor-button-fontawesome div { background:url(http://www.icone-png.com/png/35/35386.png) !important }
    
    /* Popup */
    .sceditor-fontawesome {
      width:220px;
      height:250px;
      overflow-y:auto;
    }
    
    /* Icônes */
    .sceditor-fontawesome i {
      color:#333;
      font-size:20px;
      text-align:center;
      cursor:pointer;
      padding:3px 0;
      width:25%;
    }
    .sceditor-fontawesome i:hover { color:#666 }

    /*Clic reponse automatique*/

    /*Le bloc du message a remercier*/
    div#M14_thank
    {
    background-color:#000;
    color:#333333 !important;
    font-weight:bold;
    padding:8px 5px 8px 10px;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #666666;
    text-decoration:none !important;
    cursor:pointer;
    }
    /*Le texte du message posté*/
    div.M14_thank
    {
    background-color:#000;
    color: #333333 !important;
    padding:8px 5px 8px 10px;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #BAA7A7;
    text-decoration:none !important;
    }



    /* MP NON LUS DANS LA TOOLBAR */

    /*Apparence MP sur la barre de navigation*/
    a.mainmenu.M14_newMp{color:#94865b !important;}
    /*Apparence MP sur la Toolbar*/
    a.M14_alertMp
    {
    color: #BAA7A7 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    margin-right: 60px;
    line-height: 30px;
    background-color: #333333;
    padding: 0 5px;
    }


    /*avatar dans la toolbar*/
    /*Avatar welcome*/
    .M14_Fa_Avatar{position: absolute;margin-left: -60px;}
    /*Dimensions de l avatar*/
    .M14_Fa_Avatar img
    {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    border-radius: 10px 10px 10px;
    border: 1px solid #000;
    box-shadow: 3px 3px 3px #000;
    }



    /*affichage des préfixe*/
    .topictitle, h1, h2 {
        color: #333333;
        font-size: 16px!important;
        font-weight: 700;
        font-family: 'Cookie'!important;
    }

    /* affichage message pré-enregistrer*/
        div#fa_modtable { background-color: #000;padding: 30px; }
        div#rndmtable1,div#rndmtable2 ,div#rndmtable3
        {border: 2px solid #000; color: #000;font-family: 'Gabriela'!important;font-size: 11px;}
        div#rndmtable1 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
        div#rndmtable2 { background-color: #333; color: #ffffff!important; padding; 5px!important; text-align: center;}
        div#rndmtable3 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
        .infotable,.solved ,.lock
        {
        font-size: 10px;
        font-family: 'Cookie'!important;
        padding: 20px;
        width: 100%;
        height: 30px;
        overflow: auto;
        border-top: 10px solid #000;
        border-bottom: 10px solid #000;
        font-shadow: 5px 5px 5px #000;
        }
        .infotable{
        color: #94865b;
        background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
        box-shadow: 3px 3px 3px #000000;
        font-family: 'Cookie';
        }
        .solved {
        color: #94865b;
        background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
        font-family: 'Cookie';
        }
        .lock{
        color: #94865b;
        overflow: auto;
        background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
        font-family: 'Cookie';
        }

    /*mise en forme du menu horizontale*/
    #fa_search{margin-left:-300px;}
    #M14_NavToolbar
    {
    position: fixed;
    width:75%;
    left:2%;
    height: 30px;
    top: 0px;
    }
    img[id^="M14_Slide"]
    {
    position: absolute;
    width:24px;
    height:24px;
    margin-top: 3px;
    line-height: 30px;
    cursor:pointer;
    }
    /* Bouton d ouverture*/
    #M14_SlideToolbar{left:-20%;}
    /* Bouton de fermeture*/
    #M14_SlideCloseToolbar{left:20px;}


    /*affichage des membres invisible pour les administrateurs*/
    #M14_Bloc_Inv {
      position:absolute;
      top:40px;
      left:5px;
    padding:5px;
      border:1 px solid red;
      background:black;
      -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: auto; }

    /*Les Pseudos */
    #M14_Bloc_Inv a.M14_Invis[href^="/u"] ,#M14_Bloc_Inv a.M14_Invis[href^="/u"] span ,
    #M14_Bloc_Inv a.M14_Invis[href^="/u"] span strong
    {
    color:white !important;
    font-size:11px !important;
    text-decoration:none !important;
    margin:2px;
    font-weight:normal !important;
    overflow: auto;
    }

    #fa_left,#fa_share{display:none !important;}

    .codebox dd {
    background-color: white;
    padding: 35px;
    color: #000;
    background-color: #94865b;
    border-radius: 10px 0px 10px 0px;
    margin-bottom: 10px;
    }


    /*Selectionner le Contenus dun Code*/
    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
    div.cont_code { clear: right; }

    /**********************BARRE DE NAVIGATION----------------------*/
    #navig
    {
      width: 950px;
      margin: auto;
      text-align: center;
    }
    #navigation
    {
      z-index: 999;
      width: 100%;
      background-color: #000;
      margin-top: 10px;
      margin-left: -10px;
      padding: 5px;
    }
    /*LA LARGEUR DES CONTENEURS D IMAGE*/
    .M14_slide_first ,.M14_slide_last{width:350px;}
    .M14_slide_last
    {
    opacity:0;
    margin-top: -60px;
    position: absolute;
    }


    /*LA FLECHE A DROITE*/
    #M14_slide_iMg
    {
    position: absolute;
    margin-top: -40px;
    margin-left: 350px;
    cursor:pointer;
    }



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

        /* Fond */
        .fondsgénéraux {
          background-color: #0d0d0d;
          width: 700px;
          padding: 15px;
          color: #767676;
        }

        .blocpa {
          width: 220px;
          padding: 15px;
          background-color: #000;
      border-left: 2px solid #000;
    border-right: 2px solid #000;
        }

        .blocpa:hover {
          width: 220px;
          background-color: #000;
          border-left: 2px solid #94865b;
          border-right: 2px solid #94865b;
        }

        /* Titres */
        .titrePA1 {
          font-family: 'parisienne';
          font-size: 35px;
          color: #FE6D6D;
          z-index: 1px;
          position: relative;
        }

        .titrePA2 {
          font-family: 'parisienne';
          font-size: 25px;
          color: #F0F0F0;
          position: relative;
        }

        .titrePA2:hover {
          font-family: 'parisienne';
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        .titrePA3 {
          font-family: 'parisienne';
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        .titrePA3:hover {
          font-family: 'parisienne';
          font-size: 25px;
          color: #F0F0F0;
          position: relative;
        }

        /* Système onglets */
        .paonglet {
          display: inline-block;
          cursor: pointer;
        }

        .contenu_paonglet {
          display: none;
          width: 250px;
          height: 360px;
          background-color: #000;
        }

        .contenu_paonglet:hover {
          display: none;
          width: 250px;
          background-color: #000;
          border-left: 2px solid #94865b;
          border-right: 2px solid #94865b;
        }

        /* Info-bulles staff */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }

        d.info:hover {
          z-index: 25;
        }
        
        d.info span {
          display: none;
        }
        
        d.info:hover span {
          display: block;
          position: absolute;
          top: -2em;
        left: -2em;
          width: 120px;
          height: 50px;
          background-color: #1B1B1F;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Info-bulles prédef */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }
        
        c.info:hover {
          z-index: 25;
        }
        
        c.info span {
          display: none;
        }
        
        c.info:hover span {
          display: block;
          position: absolute;
          top: -7.3em;
        left: -0.2em;
          border-radius: 50%;
          width: 85px;
          height: 85px;
          background-color: #1B1B1F;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Images Prédef */
        .imgPA {
          border-radius: 50%;
          width: 60px;
          height: 60px;
        }

        /* Images Staff */
        .imgwidget {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
        }

        .imgwidget:hover {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }

        /* Top Sites */
        .tops {
          -moz-transform: rotate(20deg);
          -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
          width: 40px;
        }

        .tops:hover {
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          width: 40px;
        }

        /*copyright*/
        .titrePA4 {
        font-family: 'Gabriela'!important;
        font-size: 11px!important;
        }



    /*LA FLECHE A GAUCHE*/
    #M14_slide_iMgNone
    {
    display:none;
    cursor: pointer;
    margin-left: -30px;
    margin-top: 20px;
    position: absolute;
      z-index: 24;
    }

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

    .topictitle2 {
        font-size: 16px!important;
    }
    /* Fleches haut et bas */
    #M14_top {
        bottom: 8%;
        position: fixed;
        right: 2%; }
    #M14_bas {
        bottom: 3%;
        position: fixed;
        right: 2%; }

    /* QEEL */
    .qeel_titre
    {
      width: 500px;
      height: 100px;
      background: url('https://i.servimg.com/u/f62/19/82/74/63/qeel10.png');
      background-repeat: no-repeat!important;
    }
    .qeel
    {
      width: 450px;
      height: 400px;
      background: url(#);
    }
    .qeel_table
    {
      width: 780px;
      margin: auto;
    }
    .colonne
    {
      position: absolute;
      z-index: 1;
      width: 200px;
      height: 300px;
      overflow: auto;
      margin-top: 0px;
      margin-left: 0px;
      background: #0d0d0d;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 0px #0d1418;
      -moz-box-shadow: 0px 0px 0px #0d1418;
      -o-box-shadow: 0px 0px 0px #0d1418;
      -htm-box-shadow: 0px 0px 0px #0d1418;
      -webkit-box-shadow: 0px 0px 0px #0d1418;
      font-size: 9px;
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=50);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }
    .colonne:hover
    {
      position: absolute;
      z-index: 99;
      width: 300px;
      height: 400px;
      margin-top: -50px;
      margin-left: -50px;
      background: #000;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 5px #0d1418;
      -moz-box-shadow: 0px 0px 5px #0d1418;
      -o-box-shadow: 0px 0px 5px #0d1418;
      -htm-box-shadow: 0px 0px 5px #0d1418;
      -webkit-box-shadow: 0px 0px 5px #0d1418;
      font-size: 11px;
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }
    .qeel_contenu
    {
      display: block;
      text-align: justify;
      padding: 10px;
    }
    /* Soulignement des Liens et Police */
    a
    {text-decoration: none;
    font-family: 'Cookie';
    font-size: 17px!important;
    first-letter: 40px!important;}
    a:link
    {text-decoration: none;}
    a:hover
    {text-decoration: none!important;}
    a.forumtitle
    {text-decoration: none;}
    a.forumtitle:hover
     {text-decoration: none!important;}
    a.topictitle
    {text-decoration: none;}
    a.topictitle:hover
    {text-decoration: none!important;}
    a.forumlink {
    font-weight:normal!important;}
    .topic-title {
    font-weight:normal!important;}

    /* Personnalisation de la TchatBox */
    /*Barre de titre*/
    #chatbox_header .catBottom {
      border: none; /*Enlève la bordure*/
      background-image: none; /*Enlève image de fond*/
      background-color: transparent; /*Enlève couleur de fond*/
      height: 30px;
    }

    /*Titre normal */
    #chatbox_header .catBottom .cattitle {
    }
    /*Titre normal au survol*/
    #chatbox_header .catBottom .cattitle:hover {
    }

    /*Liens de droite de la barre de titre*/
    #chatbox_header .catBottom .chatbox-options a {
    }
    /*Liens de droite de la barre de titre au survol*/
    #chatbox_header .catBottom .chatbox-options a:hover {
    }
    /*Pour cacher le titre normal*/
    #chatbox_header .cattitle strong {
      font-size: 0px;
    }
    /*Titre Personnalisé*/
    #chatbox_header .cattitle:before {
      content: "Liste des Membres"; /* Modifiez NOM par le titre que vous désirez */
      font-size: 10px;
    }
    /*Pour cacher le lien pour accéder aux archives normal*/
    #chatbox_option_with_archives a {
      font-size: 0;
    }
    /*Lien pour accéder aux archives Personnalisé*/
    #chatbox_option_with_archives a:before {
      content: "Archives"; /* Modifiez HISTORIQUE par ce que vous désirez */
      font-size: 10px;
    }

    /*Pour cacher le lien pour sortir des archives normal*/
    #chatbox_option_without_archives a {
      font-size: 0px;
    }
    /*Lien pour sortir des archives Personnalisé*/
    #chatbox_option_without_archives a:before {
      content: "Quitter Archives "; /* Modifiez QUITTER HISTORIQUE par ce que vous désirez */
      font-size: 10px;
    }

    /*Pour cacher le lien de la connexion*/
    #chatbox_option_co strong {
      font-size: 0px;
    }
    /*Lien de la connexion Personnalisé*/
    #chatbox_option_co strong:before {
      content: "Entrer"; /* Modifiez ENTRER SUR LA CB par ce que vous désirez */
      font-size: 10px;
    }

    /*Pour cacher le lien de la déconnexion*/
    #chatbox_option_disco {
      font-size: 0px;
    }
    /*Lien de la déconnexion Personnalisé*/
    #chatbox_option_disco:before {
      content: "Quitter"; /* Modifiez QUITTER LA CB par ce que vous désirez */
      font-size: 10px;
    }
    /*Pour arranger la hauteur de la barre du bas*/
    #chatbox_footer {
      height: 29px!important;
    }
    /*Barre du bas*/
    #chatbox_footer .catBottom {
      border: none; /*Enlève la bordure*/
      background-image: none; /*Enlève image de fond*/
      background-color: transparent; /*Enlève couleur de fond*/
      height: 29px;
    }

    /*Bouton Aide tout à gauche*/
    #chatbox_footer #help-button {
    }

    /*Bouton Gras*/
    #chatbox_footer .text-styles label[title="Gras"] {
      background-color: pink;
    }
    /*Bouton Italique*/
    #chatbox_footer .text-styles label[title="Ital."] {
    }
    /*Bouton Surligné*/
    #chatbox_footer .text-styles label[title="Soulig."] {
    }
    /*Bouton Barré*/
    #chatbox_footer .text-styles label[title="Barré"] {
    }
    /*Bouton Couleur de police*/
    #chatbox_footer #divcolor {
    }
    /*Bouton Smiley*/
    #chatbox_footer #divsmilies {
    }

    /*Texte avant le message*/
    #chatbox_footer label[for="message"] {
    }
    /*Champ texte pour le message*/
    #chatbox_footer #message {
    }
    /*Bouton pour envoyer le message*/
    #chatbox_footer #submit_button {
    }
    .chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
    font-size: 10px;
    }
     /* --------------------------------- PROFIL --------------------------------- */

        .profilmasque {
          background-color: #201E1E;
          width: 200px;
          padding: 10px;
          font-size: 11px;
          font-family: 'Gabrial'!important;
        }

    .profil1 ,.profil2
    {
              width: 200px;
              font-size: 20px;
              font-family: 'Satisfy', cursive;
              background-color: #201E1E;
              border: none;
              color: #B7B3B3;
            }

        .profil {
          background-color: #0D0D0D;
          padding: 10px;
          border-radius: 25px;
        }

        .rang {
          background-color: #000000;
          padding: 5px;
          width: 200px;
          text-align: center;
          color: #ffffff !important;
          font-size: 20px;
          font-family: 'UnifrakturMaguntia', cursive;
        }

        .avatar_profil {
          width: 200px;
          height: 300px;
        }


        .pseudo_profil {
          font-family: "UnifrakturMaguntia";
          font-size: 20px !important;
          text-align: center;
        }

        .details_profil {
          background-color: #201E1E;
          padding: 10px;
          width: 200px;
          height: 100px;
          overflow: auto;
          text-align: justify;
          color: #B7B3B3 !important;
          font-size: 10px;
          font-family: 'Gabriela', sans-serif !important;
        }

    .bloc_pseudo {
    font-family: 'Satisfy', sans-serif !important;
    font-size: 10px!important;
    }
      

        /* --------------------------------- FIN PROFIL --------------------------------- */

    /* Contenus des messages */
    .postbody {
    text-align: justify!important;
    padding: 35px;
    font-family: 'Gabriela'!important;
    font-size: 11px!important;
    }

    /* MISE EN FORME DES LISTES DE SUJETS */

    .bloc_sujets
    {
      width: 712px;
      margin: auto;
      background: #0D0F0F;
      border: 1px solid #000;
      box-shadow: 0px 0px 3px #000;
      -o-box-shadow: 0px 0px 3px #000;
      -moz-box-shadow: 0px 0px 3px #000;
      -webkit-box-shadow: 0px 0px 3px #000;
      -htm-box-shadow: 0px 0px 3px #000;
      padding: 5px;
    }
    .sujets
    {
      background: #000;
      border: 1px dotted #282B2B;
      padding: 3px;
    }
    .topictitle
    {
      font-size: 12px;
    }
    .sujets_auteur
    {
      display: block;
      width: 200px;
      font-size: 11px;
    }
    .sujet_last
    {
      display: block;
      width: 180px;
      height: 25px;
      background: #000;
      border-left: 3px solid #000;
      border-right: 3px solid #000;
      padding-top: 10px;
      font-size: 11px;
    }
    .sujets_stats
    {
      text-align: right;
      margin-bottom: 5px;
      background-color: #000;
    }
    .sujets_stats_contenu
    {
      font-size: 8px;
      color: #ffffff;
    }
    /* FEUILLE DES ARTICLES */
    .article {
      background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
      box-shadow: 20px 20px 20px #000;
      height: 600px;
      overflow: auto!important;
      width: 95%;
      padding: 10px;
      text-shadow: 5px 5px 2px #000;
    }
    .titre_article {
      font-family: 'Cookie';
      font-size: 35px;
      color: #cccccc;
      text-shadow: 20px 20px 20px #000;
      padding: 20px;
      opacity: 0.5;
    }
    .deco_article {
    float: left;
    margin-top: -50px;
    }
    .sous_article {
      font-family: 'Cookie';
      font-size: 20px;
      color: #ffffff;
      text-shadow: 2px 2px 2px #000;
      opacity: 0.5;
    }
      

    /*La scrollbar*/
    ::-webkit-scrollbar
    {
    width: 8px;
    height:8px;
    background-color:transparent;
    }
    /*la partie fixe*/
    ::-webkit-scrollbar-track-piece  
    {
    background-color:#576160;
    -webkit-border-radius:8px;
    }


    /* defilement */
    ::-webkit-scrollbar-thumb
    {
    -webkit-border-radius:8px;
    border-radius: 8px;
    background-color:black;

    }
    /******************************************************
    MENU LATERAL BY MV/SHOKI [BEGIN]
    ******************************************************/
    img.M14_open_Panneau,img.M14_close_Panneau{position:fixed;cursor:pointer;}
    img.M14_close_Panneau{margin-left:205px;}

    #panneau_lat {
     position: fixed;
     top: 0;
     left: -225px;
     width: 185px;
     height: 100%;
     background: #000;
     z-index: 200;
     padding: 5px;
     font-family: 'Cookie', sans-serif;
     box-shadow: 20px 20px 20px #000;
     overflow: auto;
    }
    #panneau_lat a {
      color: #ccc !important;
      font-size: 16px!important;
    }
    #panneau_lat a:hover { color: #999 !important; }
    .recherche {
     text-align: center;
     font-family: 'Cookie', serif;
     color: #FFF;
     font-size: 16px;
     margin-top: 3px;
     font-bold:none!important;
    }
    .util_link {
     text-align: center;
     font-family: 'Cookie', serif;
     color: #FFF;
     font-size: 15px;
     font-weight:none!important;
    }
    .util_link a {
     color: #ccc !important;
     text-decoration: none !important;
     letter-spacing: 0;
     -webkit-transition: all 800ms;
     transition: all 800ms;
     font-weight:none!important;
    }
    .util_link a:hover {
     letter-spacing: 2px;
     text-decoration: none !important;
    }
    /******************************************************
    MENU LATERAL BY MV/SHOKI [END]
    ******************************************************/

    .sceditor-container iframe, .sceditor-container textarea {
      font-family: 'Gabriela'!important;
      padding: 20px!important;
      background-color: #000!important;
      color: #C0C0C0!important;
    }

    .sceditor-container {
      background-color: #000!important;
      border: 1px solid #333333!important;
    }

    div.sceditor-group {
      background-color: #788483!important;
    }

    /*mode édition css*/
    body, code:before, html, p, table {
      color: #ffffff!important;
    }

    .gen, .genmed, .gensmall {
     font-family: 'Gabriela'!important;
     font-size: 11px!important;
    }

    /*FEUILLE DES BLOG*/
    .blog {
      background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
      box-shadow: 20px 20px 20px #000;
      height: 600px;
      overflow: auto!important;
      width: 95%;
      padding: 10px;
      text-shadow: 5px 5px 2px #000;
    }
    .titre_article {
      font-family: 'Cookie';
      font-size: 35px;
      color: #cccccc;
      text-shadow: 20px 20px 20px #000;
      padding: 20px;
      opacity: 0.5;
    }
    .deco_article {
    float: left;
    margin-top: -50px;
    }
    .sous_article {
      font-family: 'Cookie';
      font-size: 20px;
      color: #ffffff;
      text-shadow: 2px 2px 2px #000;
      opacity: 0.5;
    }

Le template index_box:

Code:
   <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
     <tr>
     <td valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <span class="gensmall">{LAST_VISIT_DATE}<br />
     {CURRENT_TIME}<br />
     </span>
     <!-- END switch_user_logged_in -->
     <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
     </td>
     <td class="gensmall" align="right" valign="bottom">
     <!-- BEGIN switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
     <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
     <!-- END switch_user_logged_in -->
     <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
     </td>
     </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
     <tr>
     <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
     <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
     </tr>
     <!-- END tablehead -->
     <!-- BEGIN cathead -->
     <tr>
     <!-- BEGIN inc -->
     <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
     <!-- END inc -->
     <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
     <h{catrow.cathead.LEVEL} class="hierarchy">
     <span class="cattitle">
     <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
     </span>
     </h{catrow.cathead.LEVEL}>
     </td>
     <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
     </tr>
     <!-- END cathead -->
     <!-- BEGIN forumrow -->
     <tr>
     <!-- BEGIN inc -->
     <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
     <!-- END inc -->
     <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
     <img id="M14_style" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
     </td>
     <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
     <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                   <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    
                </span>
             </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
                      
<div class="description-forum">
{catrow.forumrow.FORUM_DESC}</div>
     <span class="gensmall">
     <!-- BEGIN switch_moderators_links -->
     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
     <!-- END switch_moderators_links -->
     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
     </span>
     </td>
     <td class="row3 over" align="center" valign="middle" height="50">
                <!-- BEGIN ads -->
                <span class="AD_LastPA">
                    <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                    <span class="AD_LastInfos">
                        <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                        {catrow.forumrow.ads.DATE}<br />
                        {catrow.forumrow.ads.LOCATION}
                    </span>
                </span>
                <!-- END ads -->
                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

     <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
     </td>
     </tr>
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->
     <tr>
     <!-- BEGIN inc -->
     <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
     <!-- END inc -->
     <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
     </tr>
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

C'est déjà une petite ébauche Merci .


Dernière édition par Milouze14 le Sam 12 Sep 2020 - 7:05, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 7 Sep 2020 - 15:03

Hello Sandra, je viens de réouvrir ton sujet merci de le suivre Merci
Sick.l.Offrande
Sick.l.Offrande
https://office-equideow.forumactif.com/

MessageSick.l.Offrande Ven 11 Sep 2020 - 18:45

Bonjour Milouze, 
Merci beaucoup d'avoir ré ouvert mon sujet, je vais essayer de le suivre le plus possible et je vais vous donner une capture actuelle et ce que je souhaiterais, si cela est possible. Merci beaucoup de votre lecture et de votre aide. 

[PHPBB2] Modification d'un Template Calcul10

- Je souhaiterais avoir la couleur de la description des forum grise
- Je souhaiterai avoir la taille de 12px pour cette même police.
- Je souhaiterai une autre plus haute pour le conteneur de la description
- Je souhaiterais que les cercle qui entoure les icone des new / no new et lock soit plus petit que l'icone qui se trouve dans la description. 

Merci beaucoup voila ma CSS


Code:
/*LA PARTIE GAUCHE IMAGE*/
#M14_style {
    background-color: #7A683D;
    height: 55px;
    padding: 5px;
    overflow: auto;
    border-right: 10px solid #000;
    border-left: 10px solid #000;
    border-radius: 50px;
}
/*LA DESCRIPTION DES FORUMS*/
.description-forum
 {   
  background-color: rgba(0,0,0,0.2);   
  color:#000!important ;   
  min-height: 53px;
  max-height: 53px;
  overflow-y: auto;
  padding:0px 20px 0px 5px;
}

/*L IMAGE DE LA DESCRIPTION*/
.image_forum {
 border: 1px solid #000;
border-radius: 100px !important;
float: left !important;
margin-right: 10px;
max-height: 50px;
max-width: 50px;
min-height: 50px;
min-width: 50px;
 
}
/*LE TEXTE DE LA DESCRIPTION*/
.description-forum p
{
min-height: 50px;
max-height: 50px;

color: black !important;
  font-size:11px;
  width: 90%;
  margin-left: 50px;
}
/* TRANSITION CONTENU DES FORUM */
#page-body
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}

#main-content
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}


/*MENU RACCOURCIS CATEGORIE*/
    #nav {
      position: fixed;
      top: 200px;
      right: 0px;
      background: rgba(0,0,0,0.6);
      margin: 0;
      padding: 15px;
      list-style: none;
   
   
    }
   
    #nav a {
      display: block;
      padding: 10px 10px;
      color: #fff;
    }
   
    #nav a:hover {
      color: black;
    }

    /* TITRE DES CATEGORIES */
    a.forumlink:link
    {
    opacity:1;
    transition: all 2s;
     
    }
    a.forumlink:link:hover{margin-left:20px;opacity:0.5;}



    /* DESCRIPTION DES SALONS */
    .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
      text-align: justify!important;
    }

    /* AGRANDISSEMENT DE LA REPONSE RAPIDE */
    #quick_reply textarea {
      height: 500px !important;
    }

    /*IMAGE ET COULEUR SUR LES PSEUDO SPECIALE */
    .Membre1, .Membre2 /*Machiavelis : expire le : 13 Mars 2018 */
    {
    color: none; /*La couleur de police*/
    padding-right: 15px; /*ne pas toucher*/
    background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
    }

    .Membre2 /*Akispen : expire le : 17 Mars 2018 */
    {
    color: none; /*La couleur de police*/
    padding-right: 15px; /*ne pas toucher*/
    background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
    }

    /* CSS DES BOUTON DE VOTE */
    .fa_vote, .fa_voted, .fa_count {
      font-size:12px;
      font-family:Verdana, Arial, Helvetica, Sans-serif;
      /*display:inline-block !important;*/
      width:auto !important;
      float:none !important;
      transition:300ms;
    }
   
    .fa_voted, .fa_vote:hover { opacity:0.4 }
    .fa_voted { cursor:default }
   
    .fa_count {
      font-weight:bold;
      margin:0 3px;
      cursor:default;
    }
   
    .fa_positive { color:#d5ddd4 }
    .fa_negative { color:#cfd0c3 }
   
    .fa_votebar, .fa_votebar_inner {
      background:#d5ddd4;
      height:0px;
    }
   
    .fa_votebar_inner {
      background:#d5ddd4;
      transition:300ms;
    }
   
    .fa_reputation a {
      float: none;
    }

    /*Pseudo*/
    table.qeel_table a[href^="/u"] {
      font-size: 12px;
    }
      /* pseudo en lien */
    table.qeel_table a[href^="/u"] {
      font-size: 16px !important;
    }
    /* pseudo en lien - hover */
    table.qeel_table a[href^="/u"]:hover {
      letter-spacing : 2px !important;
    }

    /* CSS feuille de personnage dans profil-message */
    .profilmasque > div:nth-child(2) > textarea:nth-child(11){
    background-color: #000000;
    font-family: 'Gabriela'!important;
    font-size: 11px!important;
    }

    .profilmasque textarea {
        background-color: black;
    }

    /* message en bas du message remercier*/
    #fa_thanks_message img { vertical-align:middle }
    #fa_thanks_message {
      color:#ffffff;
      font-size:12px;
      font-weight:bold;
      text-align:center;
      background-color:#201E1E;
      border:1px solid #000;
      padding:-25px;
      margin:6px;
      font-family: 'Gabriela'!important;
      text-shadow: 5px 3px 3px #000!important;
    }
   

    tr.M14_ThanKBackground .postbody div:first-child
    {
      padding: 10px!important;
      background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v111.jpg');
      color: #ffffff !important;
      min-height: 200px;
      max-height: 200px;
      overflow: auto;
      border: 1px solid #201E1E;
      border-radius : 0px 50px 0px 50px;
    }

    img.M14_ThanKBackgroundIMG
    {
    position: relative;
    left: 25%;
    width: 255px;
    height: 55px;
    }

    /*FIN*/

    /*mise en forme des boutons*/
    input.mainoption, input.post, input.liteoption {
      box-shadow: 5px 5px 2px #000!important;
    }

    /*MESSAGE ET REPONSE BANDEAU*/
    .sceditor-toolbar {
    background-color: #000!important;
    border: none!important;
    }

    /*ICONE AWESOME*/
    /* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
    .sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
    /* Image du bouton */
    .sceditor-button-fontawesome div { background:url(http://www.icone-png.com/png/35/35386.png) !important }
   
    /* Popup */
    .sceditor-fontawesome {
      width:220px;
      height:250px;
      overflow-y:auto;
    }
   
    /* Icônes */
    .sceditor-fontawesome i {
      color:#333;
      font-size:20px;
      text-align:center;
      cursor:pointer;
      padding:3px 0;
      width:25%;
    }
    .sceditor-fontawesome i:hover { color:#666 }

    /*Clic reponse automatique*/

    /*Le bloc du message a remercier*/
    div#M14_thank
    {
    background-color:#000;
    color:#333333 !important;
    font-weight:bold;
    padding:8px 5px 8px 10px;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #666666;
    text-decoration:none !important;
    cursor:pointer;
    }
    /*Le texte du message posté*/
    div.M14_thank
    {
    background-color:#000;
    color: #333333 !important;
    padding:8px 5px 8px 10px;
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #BAA7A7;
    text-decoration:none !important;
    }



    /* MP NON LUS DANS LA TOOLBAR */

    /*Apparence MP sur la barre de navigation*/
    a.mainmenu.M14_newMp{color:#94865b !important;}
    /*Apparence MP sur la Toolbar*/
    a.M14_alertMp
    {
    color: #BAA7A7 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    margin-right: 60px;
    line-height: 30px;
    background-color: #333333;
    padding: 0 5px;
    }


    /*avatar dans la toolbar*/
    /*Avatar welcome*/
    .M14_Fa_Avatar{position: absolute;margin-left: -60px;}
    /*Dimensions de l avatar*/
    .M14_Fa_Avatar img
    {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    border-radius: 10px 10px 10px;
    border: 1px solid #000;
    box-shadow: 3px 3px 3px #000;
    }



    /*affichage des préfixe*/
    .topictitle, h1, h2 {
        color: #333333;
        font-size: 16px!important;
        font-weight: 700;
        font-family: 'Cookie'!important;
    }

    /* affichage message pré-enregistrer*/
        div#fa_modtable { background-color: #000;padding: 30px; }
        div#rndmtable1,div#rndmtable2 ,div#rndmtable3
        {border: 2px solid #000; color: #000;font-family: 'Gabriela'!important;font-size: 11px;}
        div#rndmtable1 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
        div#rndmtable2 { background-color: #333; color: #ffffff!important; padding; 5px!important; text-align: center;}
        div#rndmtable3 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
        .infotable,.solved ,.lock
        {
        font-size: 10px;
        font-family: 'Cookie'!important;
        padding: 20px;
        width: 100%;
        height: 30px;
        overflow: auto;
        border-top: 10px solid #000;
        border-bottom: 10px solid #000;
        font-shadow: 5px 5px 5px #000;
        }
        .infotable{
        color: #94865b;
        background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
        box-shadow: 3px 3px 3px #000000;
        font-family: 'Cookie';
        }
        .solved {
        color: #94865b;
        background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
        font-family: 'Cookie';
        }
        .lock{
        color: #94865b;
        overflow: auto;
        background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
        font-family: 'Cookie';
        }

    /*mise en forme du menu horizontale*/
    #fa_search{margin-left:-300px;}
    #M14_NavToolbar
    {
    position: fixed;
    width:75%;
    left:2%;
    height: 30px;
    top: 0px;
    }
    img[id^="M14_Slide"]
    {
    position: absolute;
    width:24px;
    height:24px;
    margin-top: 3px;
    line-height: 30px;
    cursor:pointer;
    }
    /* Bouton d ouverture*/
    #M14_SlideToolbar{left:-20%;}
    /* Bouton de fermeture*/
    #M14_SlideCloseToolbar{left:20px;}


    /*affichage des membres invisible pour les administrateurs*/
    #M14_Bloc_Inv {
      position:absolute;
      top:40px;
      left:5px;
    padding:5px;
      border:1 px solid red;
      background:black;
      -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: auto; }

    /*Les Pseudos */
    #M14_Bloc_Inv a.M14_Invis[href^="/u"] ,#M14_Bloc_Inv a.M14_Invis[href^="/u"] span ,
    #M14_Bloc_Inv a.M14_Invis[href^="/u"] span strong
    {
    color:white !important;
    font-size:11px !important;
    text-decoration:none !important;
    margin:2px;
    font-weight:normal !important;
    overflow: auto;
    }

    #fa_left,#fa_share{display:none !important;}

    .codebox dd {
    background-color: white;
    padding: 35px;
    color: #000;
    background-color: #94865b;
    border-radius: 10px 0px 10px 0px;
    margin-bottom: 10px;
    }


    /*Selectionner le Contenus dun Code*/
    .selectCode { float:right; text-transform: uppercase; cursor:pointer; }
    div.cont_code { clear: right; }

    /**********************BARRE DE NAVIGATION----------------------*/
    #navig
    {
      width: 950px;
      margin: auto;
      text-align: center;
    }
    #navigation
    {
      z-index: 999;
      width: 100%;
      background-color: #000;
      margin-top: 10px;
      margin-left: -10px;
      padding: 5px;
    }
    /*LA LARGEUR DES CONTENEURS D IMAGE*/
    .M14_slide_first ,.M14_slide_last{width:350px;}
    .M14_slide_last
    {
    opacity:0;
    margin-top: -60px;
    position: absolute;
    }


    /*LA FLECHE A DROITE*/
    #M14_slide_iMg
    {
    position: absolute;
    margin-top: -40px;
    margin-left: 350px;
    cursor:pointer;
    }



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

        /* Fond */
        .fondsgénéraux {
          background-color: #0d0d0d;
          width: 700px;
          padding: 15px;
          color: #767676;
        }

        .blocpa {
          width: 220px;
          padding: 15px;
          background-color: #000;
      border-left: 2px solid #000;
    border-right: 2px solid #000;
        }

        .blocpa:hover {
          width: 220px;
          background-color: #000;
          border-left: 2px solid #94865b;
          border-right: 2px solid #94865b;
        }

        /* Titres */
        .titrePA1 {
          font-family: 'parisienne';
          font-size: 35px;
          color: #FE6D6D;
          z-index: 1px;
          position: relative;
        }

        .titrePA2 {
          font-family: 'parisienne';
          font-size: 25px;
          color: #F0F0F0;
          position: relative;
        }

        .titrePA2:hover {
          font-family: 'parisienne';
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        .titrePA3 {
          font-family: 'parisienne';
          font-size: 25px;
          color: #FE6D6D;
          position: relative;
        }

        .titrePA3:hover {
          font-family: 'parisienne';
          font-size: 25px;
          color: #F0F0F0;
          position: relative;
        }

        /* Système onglets */
        .paonglet {
          display: inline-block;
          cursor: pointer;
        }

        .contenu_paonglet {
          display: none;
          width: 250px;
          height: 360px;
          background-color: #000;
        }

        .contenu_paonglet:hover {
          display: none;
          width: 250px;
          background-color: #000;
          border-left: 2px solid #94865b;
          border-right: 2px solid #94865b;
        }

        /* Info-bulles staff */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }

        d.info:hover {
          z-index: 25;
        }
       
        d.info span {
          display: none;
        }
       
        d.info:hover span {
          display: block;
          position: absolute;
          top: -2em;
        left: -2em;
          width: 120px;
          height: 50px;
          background-color: #1B1B1F;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Info-bulles prédef */
        .info {
          position: relative;
          z-index: 24;
          text-decoration: none;
        }
       
        c.info:hover {
          z-index: 25;
        }
       
        c.info span {
          display: none;
        }
       
        c.info:hover span {
          display: block;
          position: absolute;
          top: -7.3em;
        left: -0.2em;
          border-radius: 50%;
          width: 85px;
          height: 85px;
          background-color: #1B1B1F;
          color: #16161A;
          text-align: center;
          font-weight: none;
        }

        /* Images Prédef */
        .imgPA {
          border-radius: 50%;
          width: 60px;
          height: 60px;
        }

        /* Images Staff */
        .imgwidget {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
        }

        .imgwidget:hover {
          border-radius: 50%;
          width: 60px;
          height: 60px;
          -moz-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }

        /* Top Sites */
        .tops {
          -moz-transform: rotate(20deg);
          -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
          width: 40px;
        }

        .tops:hover {
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          width: 40px;
        }

        /*copyright*/
        .titrePA4 {
        font-family: 'Gabriela'!important;
        font-size: 11px!important;
        }



    /*LA FLECHE A GAUCHE*/
    #M14_slide_iMgNone
    {
    display:none;
    cursor: pointer;
    margin-left: -30px;
    margin-top: 20px;
    position: absolute;
      z-index: 24;
    }

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

    .topictitle2 {
        font-size: 16px!important;
    }
    /* Fleches haut et bas */
    #M14_top {
        bottom: 8%;
        position: fixed;
        right: 2%; }
    #M14_bas {
        bottom: 3%;
        position: fixed;
        right: 2%; }

    /* QEEL */
    .qeel_titre
    {
      width: 500px;
      height: 100px;
      background: url('https://i.servimg.com/u/f62/19/82/74/63/qeel10.png');
      background-repeat: no-repeat!important;
    }
    .qeel
    {
      width: 450px;
      height: 400px;
      background: url(#);
    }
    .qeel_table
    {
      width: 780px;
      margin: auto;
    }
    .colonne
    {
      position: absolute;
      z-index: 1;
      width: 200px;
      height: 300px;
      overflow: auto;
      margin-top: 0px;
      margin-left: 0px;
      background: #0d0d0d;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 0px #0d1418;
      -moz-box-shadow: 0px 0px 0px #0d1418;
      -o-box-shadow: 0px 0px 0px #0d1418;
      -htm-box-shadow: 0px 0px 0px #0d1418;
      -webkit-box-shadow: 0px 0px 0px #0d1418;
      font-size: 9px;
      opacity: 0.5;
      -moz-opacity: 0.5;
      -khtml-opacity: 0.5;
      filter: alpha(opacity=50);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }
    .colonne:hover
    {
      position: absolute;
      z-index: 99;
      width: 300px;
      height: 400px;
      margin-top: -50px;
      margin-left: -50px;
      background: #000;
      border: 1px solid #3f4d55;
      box-shadow: 0px 0px 5px #0d1418;
      -moz-box-shadow: 0px 0px 5px #0d1418;
      -o-box-shadow: 0px 0px 5px #0d1418;
      -htm-box-shadow: 0px 0px 5px #0d1418;
      -webkit-box-shadow: 0px 0px 5px #0d1418;
      font-size: 11px;
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transition: 1s;
      -moz-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -o-transition: 1s;
    }
    .qeel_contenu
    {
      display: block;
      text-align: justify;
      padding: 10px;
    }
    /* Soulignement des Liens et Police */
    a
    {text-decoration: none;
    font-family: 'Cookie';
    font-size: 17px!important;
    first-letter: 40px!important;}
    a:link
    {text-decoration: none;}
    a:hover
    {text-decoration: none!important;}
    a.forumtitle
    {text-decoration: none;}
    a.forumtitle:hover
    {text-decoration: none!important;}
    a.topictitle
    {text-decoration: none;}
    a.topictitle:hover
    {text-decoration: none!important;}
    a.forumlink {
    font-weight:normal!important;}
    .topic-title {
    font-weight:normal!important;}

    /* Personnalisation de la TchatBox */
    /*Barre de titre*/
    #chatbox_header .catBottom {
      border: none; /*Enlève la bordure*/
      background-image: none; /*Enlève image de fond*/
      background-color: transparent; /*Enlève couleur de fond*/
      height: 30px;
    }

    /*Titre normal */
    #chatbox_header .catBottom .cattitle {
    }
    /*Titre normal au survol*/
    #chatbox_header .catBottom .cattitle:hover {
    }

    /*Liens de droite de la barre de titre*/
    #chatbox_header .catBottom .chatbox-options a {
    }
    /*Liens de droite de la barre de titre au survol*/
    #chatbox_header .catBottom .chatbox-options a:hover {
    }
    /*Pour cacher le titre normal*/
    #chatbox_header .cattitle strong {
      font-size: 0px;
    }
    /*Titre Personnalisé*/
    #chatbox_header .cattitle:before {
      content: "Liste des Membres"; /* Modifiez NOM par le titre que vous désirez */
      font-size: 10px;
    }
    /*Pour cacher le lien pour accéder aux archives normal*/
    #chatbox_option_with_archives a {
      font-size: 0;
    }
    /*Lien pour accéder aux archives Personnalisé*/
    #chatbox_option_with_archives a:before {
      content: "Archives"; /* Modifiez HISTORIQUE par ce que vous désirez */
      font-size: 10px;
    }

    /*Pour cacher le lien pour sortir des archives normal*/
    #chatbox_option_without_archives a {
      font-size: 0px;
    }
    /*Lien pour sortir des archives Personnalisé*/
    #chatbox_option_without_archives a:before {
      content: "Quitter Archives "; /* Modifiez QUITTER HISTORIQUE par ce que vous désirez */
      font-size: 10px;
    }

    /*Pour cacher le lien de la connexion*/
    #chatbox_option_co strong {
      font-size: 0px;
    }
    /*Lien de la connexion Personnalisé*/
    #chatbox_option_co strong:before {
      content: "Entrer"; /* Modifiez ENTRER SUR LA CB par ce que vous désirez */
      font-size: 10px;
    }

    /*Pour cacher le lien de la déconnexion*/
    #chatbox_option_disco {
      font-size: 0px;
    }
    /*Lien de la déconnexion Personnalisé*/
    #chatbox_option_disco:before {
      content: "Quitter"; /* Modifiez QUITTER LA CB par ce que vous désirez */
      font-size: 10px;
    }
    /*Pour arranger la hauteur de la barre du bas*/
    #chatbox_footer {
      height: 29px!important;
    }
    /*Barre du bas*/
    #chatbox_footer .catBottom {
      border: none; /*Enlève la bordure*/
      background-image: none; /*Enlève image de fond*/
      background-color: transparent; /*Enlève couleur de fond*/
      height: 29px;
    }

    /*Bouton Aide tout à gauche*/
    #chatbox_footer #help-button {
    }

    /*Bouton Gras*/
    #chatbox_footer .text-styles label[title="Gras"] {
      background-color: pink;
    }
    /*Bouton Italique*/
    #chatbox_footer .text-styles label[title="Ital."] {
    }
    /*Bouton Surligné*/
    #chatbox_footer .text-styles label[title="Soulig."] {
    }
    /*Bouton Barré*/
    #chatbox_footer .text-styles label[title="Barré"] {
    }
    /*Bouton Couleur de police*/
    #chatbox_footer #divcolor {
    }
    /*Bouton Smiley*/
    #chatbox_footer #divsmilies {
    }

    /*Texte avant le message*/
    #chatbox_footer label[for="message"] {
    }
    /*Champ texte pour le message*/
    #chatbox_footer #message {
    }
    /*Bouton pour envoyer le message*/
    #chatbox_footer #submit_button {
    }
    .chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
    font-size: 10px;
    }
    /* --------------------------------- PROFIL --------------------------------- */

        .profilmasque {
          background-color: #201E1E;
          width: 200px;
          padding: 10px;
          font-size: 11px;
          font-family: 'Gabrial'!important;
        }

    .profil1 ,.profil2
    {
              width: 200px;
              font-size: 20px;
              font-family: 'Satisfy', cursive;
              background-color: #201E1E;
              border: none;
              color: #B7B3B3;
            }

        .profil {
          background-color: #0D0D0D;
          padding: 10px;
          border-radius: 25px;
        }

        .rang {
          background-color: #000000;
          padding: 5px;
          width: 200px;
          text-align: center;
          color: #ffffff !important;
          font-size: 20px;
          font-family: 'UnifrakturMaguntia', cursive;
        }

        .avatar_profil {
          width: 200px;
          height: 300px;
        }


        .pseudo_profil {
          font-family: "UnifrakturMaguntia";
          font-size: 20px !important;
          text-align: center;
        }

        .details_profil {
          background-color: #201E1E;
          padding: 10px;
          width: 200px;
          height: 100px;
          overflow: auto;
          text-align: justify;
          color: #B7B3B3 !important;
          font-size: 10px;
          font-family: 'Gabriela', sans-serif !important;
        }

    .bloc_pseudo {
    font-family: 'Satisfy', sans-serif !important;
    font-size: 10px!important;
    }
     

        /* --------------------------------- FIN PROFIL --------------------------------- */

    /* Contenus des messages */
    .postbody {
    text-align: justify!important;
    padding: 35px;
    font-family: 'Gabriela'!important;
    font-size: 11px!important;
    }

    /* MISE EN FORME DES LISTES DE SUJETS */

    .bloc_sujets
    {
      width: 712px;
      margin: auto;
      background: #0D0F0F;
      border: 1px solid #000;
      box-shadow: 0px 0px 3px #000;
      -o-box-shadow: 0px 0px 3px #000;
      -moz-box-shadow: 0px 0px 3px #000;
      -webkit-box-shadow: 0px 0px 3px #000;
      -htm-box-shadow: 0px 0px 3px #000;
      padding: 5px;
    }
    .sujets
    {
      background: #000;
      border: 1px dotted #282B2B;
      padding: 3px;
    }
    .topictitle
    {
      font-size: 12px;
    }
    .sujets_auteur
    {
      display: block;
      width: 200px;
      font-size: 11px;
    }
    .sujet_last
    {
      display: block;
      width: 180px;
      height: 25px;
      background: #000;
      border-left: 3px solid #000;
      border-right: 3px solid #000;
      padding-top: 10px;
      font-size: 11px;
    }
    .sujets_stats
    {
      text-align: right;
      margin-bottom: 5px;
      background-color: #000;
    }
    .sujets_stats_contenu
    {
      font-size: 8px;
      color: #ffffff;
    }
    /* FEUILLE DES ARTICLES */
    .article {
      background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
      box-shadow: 20px 20px 20px #000;
      height: 600px;
      overflow: auto!important;
      width: 95%;
      padding: 10px;
      text-shadow: 5px 5px 2px #000;
    }
    .titre_article {
      font-family: 'Cookie';
      font-size: 35px;
      color: #cccccc;
      text-shadow: 20px 20px 20px #000;
      padding: 20px;
      opacity: 0.5;
    }
    .deco_article {
    float: left;
    margin-top: -50px;
    }
    .sous_article {
      font-family: 'Cookie';
      font-size: 20px;
      color: #ffffff;
      text-shadow: 2px 2px 2px #000;
      opacity: 0.5;
    }
     

    /*La scrollbar*/
    ::-webkit-scrollbar
    {
    width: 8px;
    height:8px;
    background-color:transparent;
    }
    /*la partie fixe*/
    ::-webkit-scrollbar-track-piece 
    {
    background-color:#576160;
    -webkit-border-radius:8px;
    }


    /* defilement */
    ::-webkit-scrollbar-thumb
    {
    -webkit-border-radius:8px;
    border-radius: 8px;
    background-color:black;

    }
    /******************************************************
    MENU LATERAL BY MV/SHOKI [BEGIN]
    ******************************************************/
    img.M14_open_Panneau,img.M14_close_Panneau{position:fixed;cursor:pointer;}
    img.M14_close_Panneau{margin-left:205px;}

    #panneau_lat {
    position: fixed;
    top: 0;
    left: -225px;
    width: 185px;
    height: 100%;
    background: #000;
    z-index: 200;
    padding: 5px;
    font-family: 'Cookie', sans-serif;
    box-shadow: 20px 20px 20px #000;
    overflow: auto;
    }
    #panneau_lat a {
      color: #ccc !important;
      font-size: 16px!important;
    }
    #panneau_lat a:hover { color: #999 !important; }
    .recherche {
    text-align: center;
    font-family: 'Cookie', serif;
    color: #FFF;
    font-size: 16px;
    margin-top: 3px;
    font-bold:none!important;
    }
    .util_link {
    text-align: center;
    font-family: 'Cookie', serif;
    color: #FFF;
    font-size: 15px;
    font-weight:none!important;
    }
    .util_link a {
    color: #ccc !important;
    text-decoration: none !important;
    letter-spacing: 0;
    -webkit-transition: all 800ms;
    transition: all 800ms;
    font-weight:none!important;
    }
    .util_link a:hover {
    letter-spacing: 2px;
    text-decoration: none !important;
    }
    /******************************************************
    MENU LATERAL BY MV/SHOKI [END]
    ******************************************************/

    .sceditor-container iframe, .sceditor-container textarea {
      font-family: 'Gabriela'!important;
      padding: 20px!important;
      background-color: #000!important;
      color: #C0C0C0!important;
    }

    .sceditor-container {
      background-color: #000!important;
      border: 1px solid #333333!important;
    }

    div.sceditor-group {
      background-color: #788483!important;
    }

    /*mode édition css*/
    body, code:before, html, p, table {
      color: #ffffff!important;
    }

    .gen, .genmed, .gensmall {
    font-family: 'Gabriela'!important;
    font-size: 11px!important;
    }

    /*FEUILLE DES BLOG*/
    .blog {
      background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
      box-shadow: 20px 20px 20px #000;
      height: 600px;
      overflow: auto!important;
      width: 95%;
      padding: 10px;
      text-shadow: 5px 5px 2px #000;
    }
    .titre_article {
      font-family: 'Cookie';
      font-size: 35px;
      color: #cccccc;
      text-shadow: 20px 20px 20px #000;
      padding: 20px;
      opacity: 0.5;
    }
    .deco_article {
    float: left;
    margin-top: -50px;
    }
    .sous_article {
      font-family: 'Cookie';
      font-size: 20px;
      color: #ffffff;
      text-shadow: 2px 2px 2px #000;
      opacity: 0.5;
    }
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 13 Sep 2020 - 11:12

Hello Sandra,
tu devais être présente sur ces deux jours passés.
Puisque j'ai déplacé ce sujet qui était déjà corbeillé et que tu n'as pas respecté le suivi que tu avais mentionné dans ton message privé. Je verrouilles définitivement ce dernier.
J'ai encore perdu encore 1h30 de mon temps.
Les codages apportés ont été supprimé.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum