code PA épicode :

Ici, depuis le : 21/10/2013 Age : 31 Parchemins : 283

[code]

Bienvenue

Epicode vous propose un libre service de code, ainsi que graphique, allant des avatars à des thèmes complets ! Si vous ne trouvez pas ce qu'il vous faut, vous pouvez passer commande, nos graphistes et nos codeurs sont là pour vous ! Nous aidons aussi les membres à la recherche d'un staff ou d'un avis pour leur forum. Vous avez aussi la possibilité de faire la publicité de votre forum. Epicode, c'est avant tout une ambiance chaleureuse, un staff disponible et un forum actif !

Actualités

01/01 » Bonne année !! Que 2017 vous apporte de la joie et la réalisation de vos vœux les plus chers ! 29/12 » Brekker quitte le staff faute de temps. 27/12 » Voter pour le plus beau theme des fetes !! 19/12 » Lancement du concours de codage de Noël ! 06/12 » Lancement des votes pour choisir le gagnant du concours de graphisme de décembre ! 03/12 » Aed est de retour et redevient maxi-graphiste ! .HYYH valide son stage de graphiste !! 01/12 » Lancement des activités des fêtes ! 29/11 » Mello reviens au seins du staff en temps que codeuse ! 01/12 » Lancement du concours graphisme n°4! 07/10 » Kathee et Empyrée quitte le staff faute de temps 07/10 » Myrddin valide son stage de conseiller !

Actuellement...

Un concours de codage est en cours. Il vous faut réaliser une lettre au père Noël !! Vous avez jusqu'au 31 pour proposer votre création !
» Participez

Nous recrutons

Designeurs

Mini à maxi codeurs

Animateurs

Conseillers

» Postuler

Forum à l'honneur

Shini

Concours graphisme

Falco'

Concours écriture

Linus

Concours codage

Batty

Administratrice

Profil - MP

Jamy

Administratrice

Profil - MP

Yuuki

Modératrice

Profil MP

Heaven

Modératrice

Profil - MP

Le staff créatif

[/code]

Ici, depuis le : 21/10/2013 Age : 31 Parchemins : 283

code CSS :
[code]

/* QEEL ROX */

.qeel .titre{
text-align:center;
font-family: 'IM Fell English SC', serif;
font-size: 22px;
color:#3B3C4A;
text-transform:uppercase;
text-decoration: none !important;
font-weight:normal;
}

.qeel .colonne1{
background-color:blue;
}

.qeel .colonne2{
background-color:red;
}

.qeel .colonne3{
background-color:purple;
}

.qeel .bloc{
font-size:12px;
color:#006600;/*couleur de rien*/
font-family:Arial;
width:200px;
height:auto;
margin:0 auto;
text-align:justify;
border-left: 5px solid #3B3C4A;
border-right: 5px solid #3B3C4A;
background-color:#A8ADBD;
padding:8px;
}

/*===================================================
PROFIL
===================================================*/

.battyprofil-message{
position : relative;
}

#battyprofil_fond{
position:relative;
top:0;
z-index:2;
width:200px;
min-height:600px;
background-image: url('https://2img.net/r/hpimg11/pics/892322fond.png');
box-shadow:0px 0px 5px #717172;
padding:10px;
margin-left:auto;
margin-right:auto;
}

#battyprofil_pseudo{
margin-bottom:10px;
text-align:center;
font-family: 'Six Caps', sans-serif;
font-weight:normal;
color:#fa4744;
font-size:38px;
}

a span strong {
font-weight: normal !important;
}

#battyprofil_pseudo a{
text-decoration:none;
font-weight:normal;
}

#battyprofil_rang{
position:absolute;
top:35px;
left:-120px;
z-index:-1;
}

.battyprofil_avatar{
position:relative;
width:200px;
height:320px;
box-sizing: border-box;
padding:5px;
background-color: #fff;
border: 25px solid #000;
font-size:12px;
font-family: vani;
-ms-transform: rotate(-10deg); /* IE 9 */
-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
transform: rotate(-10deg);
}

.battyprofil_avatar img{
width:200px;
height:320px;
}

.battyprofil_avatar div {
position:absolute;
top:-25px;
left:-24px;
-ms-transform: rotate(10deg); /* IE 9 */
-webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
transform: rotate(10deg);
opacity:1;
transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 2s;
-webkit-transition: all 2s;
}

.battyprofil_avatar:hover div {
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
opacity:0;
}

.battyprofil_infotitre{
margin-top:15px;
text-align:center;
font-family: 'Six Caps', sans-serif;
color:#6e6e6e;
font-size:38px;
background-image: url('https://2img.net/r/hpimg11/pics/646215hautinfo.png');
padding:5px;
}

.battyprofil_infotitre hr{
height: 1px;
margin: 1px 15px;
padding: 0;
color: #292929;
background-color: #292929;
border: 0;
}

.battyprofil_infotexte{
padding: 5px;
background-image: url('https://i.imgur.com/Lje094B.png');
color: #dedede;
}

.battyprofil_infotexte textarea {
background-image: url('https://i.imgur.com/Lje094B.png');
margin: 0px -5px;
width:190px;
height:160px;
font-size: 12px;
color: #dedede;
}
.battyprofil_infotexte span {
display:block;
margin-top: -40px;
font-family:vani;
font-size: 12px;
color: #fff;
}

.battyprofil{
margin-top: 200px;
float: left;
}

/*==============================================================
PROFIL PAR BATTY - END
==============================================================*/
/*==============================================================
MESSAGE - DÉBUT
==============================================================*/
/* Retirer les lignes indésirables */
td.catHead ,td.catBottom
{
border-width:0;
}

.battymessage_nav a {
font-family: 'Six Caps', sans-serif;
font-weight: normal;
font-size: 30px;
}

.battymessage_titre{
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 130px;
width: auto;
height:150px;
background-image: url('https://2img.net/r/hpimg11/pics/650241haut.png');
background-size: 100% 100%;
text-align:right;
}

.battymessage_texttitre{
color:#242424 !important;
font-size:45px;
font-family: 'Six Caps', sans-serif;
text-transform:uppercase;
font-weight:normal;
text-shadow:0px 0px 5px #fff;
}

.battymessage_edit{
margin-bottom:-15px;
margin-left:260px;
}

.battymessage_details{
margin-right:10px;
display:block;
width:auto;
text-align:right;
font-size:10px;
color:#919396;
}

.battymessage_message{
position:relative;
margin-left:260px;
min-height: 350px; /* Hauteur minimale d’un message */
background-color:#efefef;
border: 20px solid #e4e4e4;
padding:5px;
text-align:justify;
font-size:12px;
color:#727477;
text-shadow: 0px 0px 5px silver;
}

.battymessage_fleche{
position:absolute;
left:-60px;
top:20px;
transform: rotate(180deg);
}

.battymessage_signa{
margin-left:260px;
height:250px;
overflow:auto;
text-align:center;
}

.signature_div{
margin-top:-25px;
}

/*==============================================================
MESSAGE PAR BATTY - END
==============================================================*/

/********************************************************************************************************************
Page d'accueil
********************************************************************************************************************/
.epipa_corp {
position: relative;
width: 1000px;
height: 600px;
text-align: left;
background: #dee6e9;
}

.epipa_titre {
position: absolute;
top: 0;
left: 50px;
font-family: 'open sans', sherif;
font-size: 75px;
}

.epipa_intro {
position: absolute;
top: 68px;
left: 50px;
width: 315px;
height: 165px;
text-align: justify;
border: 1px solid black;
background: #fff;
padding: 5px;
color: #4f4f56;
font-size: 12px;
}

.epipa_new {
position: absolute;
top: 260px;
left: 50px;
width: 325px;
text-align: center;
font-size: 22px;
}

.epipa_new-wrapp {
width: auto;
height: 213px;
overflow: auto;
padding: 8px 5px;
margin-top: 5px;
border-top: 1px solid black;
border-right: 1px solid black;
font-size: 12px;
text-align: left;
}

.epipa_new-wrapp a {
display: block;
color: black;
height: 30px;
overflow: hidden;
text-decoration: none !important;
margin-bottom: 8px;
}

.date-new {
display: block;
float: left;
height: 25px;
margin-right: 5px;
color: #fff;
background: #353b3b;
text-align: center;
padding: 8px;
font-size: 15px
}

.activites_en_cours {
position: absolute;
top: 90px;
left: 385px;
width: 290px;
padding: 10px;
height: 100px;
background: #000;
color: #fff;
font-size: 25px;
text-transform: uppercase;
text-align: center;
}

.info_activites {
text-align: justify;
background: #fff;
color: black;
font-size: 12px;
text-transform: none;
padding: 5px;
}

.info_activites a {
display: block;
text-align: right;
color: #e4649d;
text-transform: uppercase;
font-size: 14px;
text-decoration: none!important;
}

.epipa_recrutement {
position: absolute;
padding: 5px;
top: 50px;
right: 50px;
width: 568px;
height: 150px;
text-align: right;
}

.titreSouligne {
border-bottom: 1px solid black;
padding-right: 15px;
font-size: 20px;
margin-bottom: 5px;
}

.epipa_recrutement2 {
margin: 13px 0 0 350px;
display: block;
font-size: 13px;
width: 220px;
text-align: center;
font-weight: bolder;
text-transform: lowercase;
font-size: 15px;
}

.epipa_recrutement a {
background: #000;
color: #fff;
text-decoration: none !important;
font-size: 14px;
margin-top: 10px;
padding: 0 10px;
display: inline-block;
}

.forumHonneur {
position: absolute;
top: 220px;
right: 50px;
width: 563px;
}

.forumHonneur a {
text-decoration: none;
display: inline-block;
margin-right: 5px;
}

.forumHonneur a img {
height: 40px;
}

.activiteWinner {
position: absolute;
top: 309px;
left: 385px;
height: 210px;
width: 230px;
}

.concours {
margin-bottom: 5px;
height: 65px;
border: 1px solid #dee6e9;
}

.concours img {
height: 60px;
width: 60px;
border-radius: 60px;
float: left;
position: relative;
z-index: 3;
}

.concours div {
margin-top: 15px;
padding-left: 65px;
margin-bottom: 3px;
}

.concours a {
display: inline-block;
margin-left: -20px;
padding: 2px 0 2px 25px;
width: 150px;
background: #353b3b;
color: #fff;
font-size: 13px;
text-decoration: none !important;
}

.epipa_equipe {
position: absolute;
top: 300px;
right: 50px;
width: 320px;
height: 170px;
text-align: left;
}

.epipa_staff {
position: relative;
float: left;
width: 130px;
height: 100px;
margin: 6px;
}

.epipa_staff img {
width: 130px;
height: 100px;
}

.epipa_staff .epipa_staff-int {
position: absolute;
top: 5px;
left: 5px;
width: 120px;
height: 90px;
box-sizing: border-box;
padding: 5px;
background-color: #f7f7f7;
text-align: center;
color: #000;
font-size: 14px;
opacity: 0;
transform: scale(0.75);
transition: all 1s;
}

.epipa_staff:hover .epipa_staff-int {
opacity: 0.7;
transform: scale(1)
}

.nom-staff {
text-transform: uppercase;
font-size: 18px;
border-bottom: 1px solid black;
padding-bottom: 2px;
}

.epipa_staff .epipa_staff-int a {
font-size: 12px;
text-decoration: none !important;
color: #000;
}

a.epipa_staff_titrecote {
background: #000;
width: 200px;
transform: rotate(270deg);
color: #fff;
text-align: center;
padding: 7px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
position: absolute;
top: 97px;
right: -88px;
}

/* FIN PA épicode */

/***********Liste sujets [Topic list box] : BEGIN***********/
.image_news_lock_nonews {
float: left;
height: 60px;
padding: 2px 3px;
background: silver;
}
.div_gauche {
float: left;
width: 522px;
height: 60px;
padding: 2px 3px;
background: silver;
}
.div_rep_vues {
float: left;
width: 114px;
height: 60px;
padding: 2px 4px;
background: silver;
font-size: 12px;
text-align: right;
}
.div_droite {
float: left;
width: 165px;
height: 60px;
padding: 2px 3px;
background: #F0F0F0;
font-size: 12px;
text-align: center;
}
.author {
font-weight: normal;
font-size: 12px;
}
.description_suj {
font-size: 11px;
font-style: italic;
}

/* ------ Catégories ------- */

/** Catégories **/
#listForums
{
width: 100%;
}

.category
{
background-color: #C0BFA9;
width: 600px;
margin: 15px auto;
border-radius: 150px 150px 50px 50px;
text-align: center;
padding: 50px;
}

.cattitle
{
color: black;
}

.titleForum .hierarchy
{
float: right;
text-transform: uppercase;
text-shadow: 1px 1px 1px black;
}

.titleForum .forumlink
{
color: #82634E !important;
font-size: 20px;
}

.imgForum
{
background-color: #82634E;
border-radius: 20px;
margin-left: -15px;
margin-bottom: -9px;
width: 75px;
position: relative;
z-index: 10;
}

.lineForum
{
display: flex;
margin-bottom: 20px;
clear: both;
}

.lastPost
{
padding-top: 30px;
width: 120px;
background-color: #E6E2AF;
border-radius: 30px 30px 0px 0px;
}

.countPosts
{
width: 120px;
background-color: #E6E2AF;
border-radius: 0px 0px 30px 30px;
margin-top: 7px;
}

.rightPart
{
width: 450px;
margin-left: 15px;
border-radius: 30px;
padding: 25px;
background-color: #E6E2AF;
text-align: justify;
}

.rightPart img
{
height: 80px;
margin-right: 5px;
}

.description
{
height: 80px;
overflow-y: auto;
}

.subForums
{
text-align: center;
clear: both;
margin: 5px 0px 0px -10px;
}

/**** fin à reprendre ***/

.td_lastpost{
width:50px;
height: 60px;
border:1px solid red;
}

.td_lastpost .lastpost, .lastpost a{
font-size: 14px;
color: rgb(87, 121, 9);
text-align: center;
}

.cadre_PV{
border:1px solid black;
width:500px;
padding-top:15px;
}

.imgPV{
height:120px;
border:1px solid black;
margin:3px;
}

.PrénomPV{
text-align:center;
font-size:22px;
text-transform:uppercase;
color:purple;
margin-bottom:10px;
}
.infoPV{
position:relative;
margin-left:-215px;
height:150px;
padding:8px;
width:200px;
border:1px solid black;
text-align:justify;
overflow:auto;
}

.histoirePV{
position:relative;
margin-left:230px;
margin-top:-168px;
height:160px;
padding:3px;
width:200px;
text-align:justify;
border:1px solid black;
overflow:auto;
}

.lienPV{
height:80px;
border:1px solid black;
float:left;
margin-left:35px;

}

.decriptiondulinePV{
border:1px solid black;
width:320px;
height:80px;
overflow:auto;
margin-left:-24px;
margin-top:-17px;
text-align:justify;
}

/**** QEEL JAMY-EPICODE ***/

#titreQEEL{
text-align:center;
margin:auto;
color:#53344e;
font-family: 'Sacramento', cursive;
font-size:60px;
font-weight:bolder;
}

.QEEL{
display: block;
width: 700px;
height: 400px;
margin:auto;
background-image:url(https://2img.net/image.noelshack.com/fichiers/2016/07/1456085166-ig4s.png);
margin-top:30px;
}

#cadre_stat_QEEL{
width:325px;
height:370px;
background-color:white;
color:#d25788;
font-weight:bolder;
display:block;
overflow:auto;
font-size:11px;
font-family: 'Poiret One', cursive;
padding:2px;
text-align:center;
opacity:0.6;
}

.qeelonglet {
display: block;
text-align:center;
font-family: 'Sacramento', cursive;
font-size: 23px;
width:130px;
padding-top:5px;
padding:5px;
height:30px;
background-color: white;
opacity:0.6;
}

.onglet_0{
}

.qeelonglet_0:hover contenu_qeelonglet{
cursor: pointer;
display:block;
}

.qeelonglet_1{
opacity:1;
}

.contenu_qeelonglet {
display:none;
position: relative;
float:right;
margin-top:-375px;
width:163px;
height:345px;
text-align:center;
padding:15px;
font-size:15px;
font-family: 'Poiret One', cursive;
overflow:auto;
background-color: white;
opacity:0.6;
}

/*

.transparent .row1{
background:transparent !important;

}

.transparent .gensmall{
color:#d25788;
font-weight:bolder;
font-size:11px;
font-family: 'Poiret One', cursive;
}*/

/**** QEEL JAMY-EPICODE ***/

.container_QEEL{
width: 950px ;
height: 550px ;
overflow: hidden ;
border:1px solid black;
}

.huge_title{
width: 950px ;
margin-bottom: 40px ;
font-family: Merienda;
font-size: 32px ;
color: rgb(172,12,12);
text-shadow: 0 0 3px rgb(256,256,256);
text-align: center;
position: relative;
z-index: 2;
}

.title_QEEL
{
margin-left: 30px;
font-family: Merienda ;
font-size: 26px;
color: rgb(172,12,12);
position: relative ;
z-index: 3;
}

.news_QEEL
{
width: 240px;
height: 250px;
padding: 15px 30px 5px 30px ;
margin-top: -15px;
margin-left: 10px ;
background-color: rgba(256,256,256,0.7) ;
font-family: Comic Sans MS ;
font-size: 14px ;
color: rgb(0,0,0) ;
overflow: auto;
position: relative ;
z-index: 0;
}

.news_QEEL_table td.row1
{
background: none;
}

.stats_QEEL
{
width: 240px;
height: 100px;
padding: 15px 30px 5px 30px ;
margin-left: 10px ;
margin-top: -15px;
background-color: rgba(256,256,256,0.7) ;
font-family: Comic Sans MS ;
font-size: 14px ;
color: rgb(0,0,0) ;
position: relative;
z-index: 0;
}

.titre_Felinae
{
width: 60px ;
height: 30px ;
margin-left: 760px ;
margin-top: -340px ;
margin-bottom: 30px ;
color: rgb(120,68,4) ;
font-family: Permanent Marker ;
font-size: 17px ;
text-align: center ;
position: relative;
z-index: 1;
}

.titre_Caméléon
{
width: 60px ;
height: 30px ;
margin-left: 760px ;
margin-bottom: 30px ;
color: rgb(28,99,14) ;
font-family: Permanent Marker ;
font-size: 17px ;
text-align: center ;
position: relative;
z-index: 1;
}

.titre_Soldat
{
width: 60px ;
height: 30px ;
margin-left: 760px ;
margin-bottom: 30px ;
color: rgb(0,0,0) ;
font-family: Permanent Marker ;
font-size: 17px ;
text-align: center ;
position: relative;
z-index: 1;
}

.titre_Solitaire
{
width: 60px ;
height: 30px ;
margin-left: 760px ;
margin-bottom: 30px ;
color: rgb(117,117,117) ;
font-family: Permanent Marker ;
font-size: 17px ;
text-align: center ;
position: relative;
z-index: 1;
}

.description_QEEL
{
width: 200px ;
height: 50px ;
margin-left: 700px ;
margin-top: -70px ;
margin-bottom: 30px;
background-color: rgb(213,215,216);
border: 3px solid rgb(58,29,95);
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
color: rgb(213,215,216);
position: relative;
z-index: 0 ;
transition: 3s ;
-moz-transition: 3s;
-webkit-transition: 3s;
-o-transition: 3s;
overflow: hidden ;

}

.description_QEEL:hover
{
width: 230px;
height: 230px;
padding: 5px;
margin-left: 700px;
background-color: rgb(50,50,50);
font-family: Comic Sans MS;
font-size: 13px;
color: rgb(230,230,230);
text-align: justify;
overflow: auto;
position: relative;
z-index: 2;
}

.image_QEEL
{
width: 300px;
height: 320px;
margin-left: 360px;
margin-top: -370px;
background-image: url(https://i.servimg.com/u/f68/18/88/61/57/qeel_h10.png) ;
}

/***WIDGET***/

.widget_flottant{
background-image:url('https://2img.net/image.noelshack.com/fichiers/2016/08/1456612005-merde.png');
Background-repeat : no-repeat;
width: 238px;
height : 416px;
position:fixed;
top: 50px;
left: 0px;
opacity : 0.4;
border:1px solid red;
}

.text_widget{
font-family:'Arial';
font-size : 11px;
text-align:justify;
color : #e1d1b6;
width : 170px;
margin-top:15px;
margin-left:-50px;
border:1px solid red;
padding-left:30px;

}

.Cadre_Intrigue_Titre {
font-family: 'Open Sans Condensed', sans-serif;
font-variant: small-caps;
font-size : 18px;
letter-spacing: 2px;
color : #DECCAD;
text-align : left;
padding-top:10px;
padding-bottom:10px;
margin-left:-18px;

}

/******************************************************************
MISE EN FORME DES CATÉGORIES : AFFICHER LES SOUS FORUMS EN COLONNE
-----------------------------------------
Code proposé sur CSSActif : http://www.css-actif.com
*[Début du CSS]****************************************************/

/* IMPORTANT : Ceci est la technique dite "clearfix" qui permet de forcer le conteneur des flottants à s'adapter à leur taille */
.BlocForum:after {
display:table;
content:"";
clear:both;
}

/* Positionnement de la description des forums */
.DescForum {
float:left; /* flottant à gauche */
width:80%; /* largeur de 80% */
}

/* Positionnement de la liste des sous-forums */
.ListeSousForums {
float: left;
font-size: 0px;
height: 108px;
overflow: auto;
width: 200px;
line-height: 0px;
}

/* mise en page de la description des forums */
.DescForum > div {
margin:2px 10px 2px 2px; /*marges extérieures, haut droite bas gauche*/
background:#; /* couleur de fond */
padding:5px; /* marges intérieures, entre le texte et le bord */
text-align:justify; /* alignement du texte */
/* des coins arrondis */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
/* un effet d'ombre */
-webkit-box-shadow:1px 1px 2px 0px #000000;
-moz-box-shadow:1px 1px 2px 0px #000000;
box-shadow:1px 1px 2px 0px #000000;
}

.ListeSousForums a {
display:block; /* on transforme les liens en blocs */
background:#; /* couleur de fond */
padding:2px 10px; /* marges internes haut/bas et droite/gauche */
margin:2px 0; /*marges externes haut/bas et droite/gauche */

}

/*[fin du CSS]*****************************************************
MISE EN FORME DES CATÉGORIES : AFFICHER LES SOUS-FORUMS EN COLONNE
*******************************************************************/

/* ---------- fiche de scénario Jamie|PRD --------------- */

.contour_scena{
padding:3px;
background-color: green;
border:2px solid orange;
width:475px;
}

.img_haut_scena{
width:450px;
}

.titre_scena{
font-size:35px;
font-family: 'Parisienne', cursive;
color:blue;
}

.sous_titre_scena{
font-size:25px;
font-family: 'Parisienne', cursive;
text-align:center;
}

.liens_scena{
width:250px;
border: 1px solid black;
}

.boutton_scena{
border: 1px solid #C44C51;
display:inline-block;
width:100px;
}

a.moregame{
text-decoration:none;
cursor:pointer;
font-family: 'Parisienne', cursive;
font-size: 18px;
color: #C44C51;
border-radius: 25px;
}

a.moregame:hover{text-decoration:none;}

.informations_scena{
height:270px;
overflow:auto;
padding:5px;
font-family:arial;
}

.moregameboite_css{
background-color: grey; /* ici la couleur du fond de page */
border:1px solid red;
padding: 5px;
height:275px;
text-align: justify;
visibility: hidden;
z-index:99;
position:relative;
overflow:auto;
margin-top:-285px;
font-family:arial;
}

.img_lien_scena{
float:left;
margin-right:5px;
height:50px;
width:50px;
border-radius:50px;
}

.ss_titre_scena2{
font-size:18px;
font-family: 'Parisienne', cursive;
}

.img_avatar-scena{
height:320px;
width:200px;
}

.cadre_bas_scena{
width: 450px;
border:1px solid blue;
text-align:justify;
font-family:arial;
padding:5px;
}

/* ---------- FIN fiche de scénario Jamie|PRD --------------- */

.pseudoprofil{
font-family: 'Petit Formal Script', cursive;
font-style: normal;
font-size: 18px !important;
height: 100px;
background-image:url(https://i.servimg.com/u/f68/19/17/48/19/mg10.jpg);
lign-height:100px;
}

.name{
}

/* ---------------- FICHE PRESENTATION Jamy|Epicode ------------------------ */

.Cadre_G_Predef{
background-color:#3e2051;
height: 450px;
width: 600px;
}

.Cadre_Titre_Predef{
background-color:#b9bbbb;
height:19px;
font-size:25px;
padding-top:9px;
text-align:left;
padding-left:20px;
}

.Titre_Predef{
color:#525176;
text-shadow: 1px 1px 8px black;
}

.image_Predef{
float:left;
margin-top:8px;
margin-left:20px;
height:400px;
width:200px;
}

.info_Predef{
border:4px solid #131317;
height: 400px;
width: 200px;
overflow: hidden;
color:#3e2051;
font-style: italic;
text-align:justify;
}

.info_2_Predef{
background-color: #b9bbbb;
height: 400px;
overflow: auto;
width: 200px;

}

.info_Predef:hover .info_3_Predef{
top: 0;
transition: 1.5s;
}

.info_3_Predef{
position: relative;
top: -400px;
width: 200px;
height: 400px;
transition: 1s;
}

.Titre_2_Predef{
color:#525176;
text-shadow: 2px 1px 3px black;
font-size:25px;
margin-top:-13px;
text-align:center;
}

.Physique_Predef{
border:1px solid #b9bbbb;
margin-top:20px;
height:80px;
width:280px;
margin-left:245px;
background-color: #b9bbbb;

}

.descript_physique_predef{
color:#3e2051;
font-style: italic;
height:68px;
overflow:auto;
text-align:justify;
}

.Caractere_Predef{
border:1px solid #b9bbbb;
margin-top:20px;
height:105px;
width:280px;
margin-left:245px;
background-color: #b9bbbb;
}

.descript_caractere_predef{
color:#3e2051;
font-style: italic;
height:93px;
overflow:auto;
text-align:justify;
}

.Histoire_Predef{
margin-top:20px;
border:1px solid #b9bbbb;
height:149px;
width:280px;
margin-left:245px;
background-color: #b9bbbb;
}

.descript_histoire_predef{
color:#3e2051;
font-style: italic;
height:136px;
overflow:auto;
text-align:justify;
}

.cadrenoirepredef{
border:1px solid black;
display:block;
float:right;
height:380px;
width:5px;
background-color:black;
margin-top:-380px;
margin-right:15px;
}

/* ---------------- fin FICHE PRESENTATION Jamy|Epicode ------------------------ */

a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover{text-decoration: none !important;}
a:active {text-decoration: none;}

/* --------------------------------- Navigation --------------------------------- */

.navtop {
top : 0px;
position : fixed ;
width : 100% ;
left: 0px;
text-align:center;
background-color:#D1D7DC;
padding-bottom:5px;
}

body{margin-top:-2px;}

a.mainmenu{ /*liens connexion, profil,...*/
font-size : 13px;
font-family: georgia;
font-weight: bold;
text-transform: uppercase;
color : #ffffff;
letter-spacing: -1px;
text-indent: 12;
text-align: justify;
text-decoration: none;
}

/* --------------------------------- fin de la Navigation --------------------------------- */

/* --------------------------------- Profil --------------------------------- */
.contourprofil1{
background-color: #EFECCA;
border-top: 8px solid #89725B;
border-bottom: 8px solid #89725B;
border-right: 2px solid #89725B;
border-left: 2px solid #89725B;
width:225px;
margin:auto;
}

.contourprofil2{
background-color: #EFECCA;
border-top: 2px solid #89725B;
border-bottom: 2px solid #89725B;
border-right: 8px solid #89725B;
border-left: 8px solid #89725B;
width:225px;
margin:auto;
font-size:11px;
font-family:arial;
padding:5px;
}

.pseudo_posteur{
font-size:30px;
font-family: 'Kaushan Script', cursive;
text-align:center;
}

.rang_posteur{
font-size:11px;
font-family: time new roman;
margin-left:20px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:-5px;
font-weight:bolder;
}

/* --------------------------------- Fin Profil --------------------------------- */

/* --------------------------------- boite sur côté forum --------------------------------- */

#position_B_D{
z-index: 999;
position: absolute;
top: 200px;
left:5px;
}

.design_B_D{
width: 175px;
padding:10px;
background-color: white;
box-shadow: 1px 1px 10px #90707C;
font-size: 11px;
font-family: arial;
color: black;
border-radius:15px 0px 15px 0px;
}

.titre_B_D{
font-family: 'Lobster', cursive;
font-size: 18px;
font-weight: bolder;
text-align:center;
color:#3B2328;
}

/* --------------------------------- boite sur côté forum --------------------------------- */

/* --------------------------------- Liste des Membres (arrêter déformer les avatar) --------------------------------- */

.avatar.mini, .avatar.mini img {
width: auto !important;
height: 50px !important;
background:none;
}
/* --------------------------------- fin Liste des Membres --------------------------------- */

/*fiche prédéfinis*/

.nompredef{
color: #C8BEA1;
font-family: 'Montserrat Alternates', cursive;
font-size: 26px!important;
text-align: center;
text-decoration: none;
text-shadow: 0 0 3px #e5ebf1;
text-transform: uppercase;
}

.sousnompredef{
border-top: 1px solid #2c2c2c;
color: #2c2c2c;
font-size: 8px!important;
font-weight: 700;
letter-spacing: 0,9pt!important;
line-height: .9;
padding-top: 5px;
text-align: center;
text-shadow: 0 0 0 #000;
text-transform: uppercase;
width: 300px;
}

.predef{
background-image: url(https://2img.net/image.noelshack.com/fichiers/2014/23/1401967936-fiche-predefinis.png);
background-repeat: no-repeat;
margin-left: 10px;
width: 540px;
height: 400px;
position: relative;
margin-top:-20px;

}

.predefimg{
display: block;
height:315px;
opacity: .6;
}

.infotext{
color: #2c2c2c;
font-family: trebushet ms;
font-size: 12px;
letter-spacing: -.2pt;
text-align: center;
text-shadow: 2px 2px 4px #e5ebf1;
font-weight:bolder;
}

.infobulle_pv span{
display:none;
}

.infobulle_pv:hover span{
display:inline;
position: absolute;
z-index: 100;
width: 120px;
background-color:#e5d988;
color:#3c130a;
border-radius:10px;
padding:10px;
}

.img_pv{
width:100px;
margin-left:5px;
margin-top:8px;
}

.titre_pv{
text-align:center;
font-weight:bold;
}

.liens_pv{
line-height:10px;
text-align:justify;
font-size: 11px;
}

.cadre_pv{
height:340px;
width:220px;
overflow-y:auto;
overflow-x:hidden;
background-color:#f3eace;
}

.titre_cadre_pv{
font-variant:small-caps;
font-size: 15px;
color:#a04942;
padding-bottom: 2px;
background-color:#ebd698;
}

.text_pv{
background-color:#f1eee3;
width:210px;
height:190px;
overflow:auto;
padding:5px;
color:#894735;
font-family:arial;
font-size:11px;
line-height:10px;
text-align:justify;
}

li{
color:brown;
font-size:11px;
margin-left:-4px;
}

.qual_def{
padding: 3px;
font-weight:bold;
font-size: 14px;
font-variant:small-caps;
margin-left: 5px;
margin-bottom:-6px;
}

.tableau{
display:inline-block;
vertical-align:top;
}

/*fin fiche prédef*/

/* Fiche Présentation */

.contourTetePresentation{
width: 450px;
background-color: #F5E1C2;
border: 2px solid #895959;
border-radius: 300px 300px 0px 0px;
box-shadow: 0px 0px 10px #9E8479;
padding: 10px;
}

.PremImgPresentation{
width: 400px;
height: 200px;
box-shadow: 0px 0px 10px #895959;
border-radius: 300px 300px 0px 0px;
background-image: url('https://nsa32.casimages.com/img/2012/10/22/121022103131829256.gif');
}

.titre_partie{
font-family: Script MT Bold;
font-size: 23px;
color: #570906;
}

.cadre_presentation{
width: 175px;
height: auto;
border: 2px solid #895959;
overflow:auto;
text-align:justify;
font-family: Calibri;
font-size: 12px;
color: black;
padding:10px;
}

.MotRelief{
font-weight: bolder;
color: #570906;
}

.contourMilieuPresentation{
width: 450px;
background-color: #F5E1C2;
border: 2px solid #895959;
box-shadow: 0px 0px 10px #9E8479;
padding: 10px;
}

.cadre_entier{
width: 375px;
height: auto;
border: 2px solid #895959;
overflow:auto;
text-align:justify;
font-family: Calibri;
font-size: 12px;
color: black;
padding:10px;
}

.contourFinPresentation{
width: 450px;
background-color: #F5E1C2;
border: 2px solid #895959;
border-radius: 0px 0px 300px 300px;
box-shadow: 0px 0px 10px #9E8479;
padding: 10px;
}

.DernImgPresentation{
width: 400px;
height: 200px;
box-shadow: 0px 0px 10px #895959;
border-radius: 0px 0px 300px 300px;
background-image: url('http://media.giphy.com/media/VFozk5zoaKI3C/giphy.gif');
}

/* Fin fiche présa */

[/code]

» test épicode
» test commande épicode
» test Lily code