/*--fond fenêtre--*/
#body {background: url('http://ekladata.com/tmeGD3203QtvcVEfDEfbluyJKqo.png') no-repeat 50% 0%, url('http://ekladata.com/egtRR48lSbvkb-6KGn-4051P76U.jpg') repeat-x 50% 0%, url('http://ekladata.com/lZFwOjGqaKuT9dGag-aG4z7Kv28.jpg') repeat 50% 0%;}
#body a { text-decoration: none;}

/*--fond page--*/
#background {
width: 1000px;
    margin-top: 0px;
padding-left: 10px;
padding-right: 10px;}

/*--header--*/
#header {
height: 335px;
margin-bottom: 40px;}

#titre_header {font-size: 0pt;}

.bannimg  {position: absolute;
top: -88px;
    margin-left: -22px;}

/*--menu header--*/
#menu {
position: absolute;
top: 276px;
left: 0px;
text-transform: uppercase;
font-size: 15pt;
line-height: 290%}

#menu li {
float: left;
}

#menu a {
    display: block;
height: 55px;
width: 127px;
    padding-left: 5px;
    padding-right: 10px;
    color: #dfdfdf;
    text-align: center;
}


#menu a:hover {
text-decoration: none;
    background-color: #82e353;}


#menu ul a {
height: 55px;
width: 200px;
background-color: #0d0d0d;
text-align: left;
padding-left: 10px;
     -webkit-transition-duration: 0.1s;
                   -moz-transition-duration: 0.1s;
                   transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
                   -moz-transition-timing-function: ease-out;
                   transition-timing-function: ease-out;}

#menu ul a:hover {
    width: 180px;
    background-color: #82e353;
padding-left: 30px;
      -webkit-transition-duration: 0.1s;
                   -moz-transition-duration: 0.1s;
                   transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
                   -moz-transition-timing-function: ease-out;
                   transition-timing-function: ease-out;}

/*--menu1--*/
#menu1 {position: absolute;
top: 87px;
margin-left: 35px;
height: 150px;
    width: 331px;
color: #9e9e9e;
padding-left: 7px;
padding-right: 7px;}

#menu1 .module_menu_titre {height: 0px;
font-size: 0pt;}
#menu1 .module_menu_contenu {}

.module_menu_type_lastvisitors {
    position: absolute;
margin-left: -150px;
width: 60px;
top: 293px;}

.module_menu_type_lastvisitors img {width: 50px;
height: 50px;
margin-bottom: 25px;
border-radius: 25px 15px / 12px 18px;
border: solid 4px #bababa;
opacity: 0.6;}

.module_menu_type_lastvisitors img:hover {opacity: 1;}

/*--article--*/
#content {width: 1000px;
margin-left: 0px;}
.module_titre_contenu, .module_titre_contenu a {
    height: 60px;
    width: 975px;
    background: linear-gradient( #363636, #262626);
font-weight: lighter;
    font-family: arial;
    color: #bcfcaf;
    font-size: 22pt;
text-decoration: none;
text-align: left;
border-radius: 3px 3px 0px 0px;
text-shadow: 0px 2px 2px black;
line-height: 220%;}

.module_titre_contenu {
padding-left: 25px;
border-bottom: solid 4px #82e352;}

.article_info { display: none;
}

.module_contenu {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    width: 970px;
    background-color: #fafafa;
font-family:arial;
font-size: 11pt;
color: black;
letter-spacing: 0.1pt;
border-radius: 0px 0px 3px 3px;
}


.module_contenu a {
    color: #f05f88;
    font-weight: bold;
}

.module_contenu a:hover {
    color: #82e352;
}

.module_bottom {
    height: 40px;

}

/*--footer--*/
#footer {
    height: 25px;
    font-size: 14px;
    color: black
        position: absolute;
float: right;
}

#footer a {
    color: black;
}

#footer a:hover {
    opacity: 0.4;
}

#footer:after {content: "-  Design original by Elinae  -  © 2015";}

/*--commentaire--*/

.comment_normal, .comment_admin {

width: 100%;

}

div.commentheader{
    background-color: #f9f9f9;
    margin-top: 10px;
    border-right: solid 1px #ebebeb;
border-left: solid 8px #f57db5;
    border-top: solid 1px #ebebeb;
}

div.commentbody {
    background-color: white;
padding: 5px 5px 7px;
text-align: justify;
margin-bottom: 25px;
 border-right: solid 1px #ebebeb;
border-left: solid 8px #f57db5;
    border-bottom: solid 1px #ebebeb;}

.comment_admin .commentnumber {
    color: #9a9a9a;
font-family: impact;
font-weight: lighter;
font-size: 25px;}

.commentnumber {
float: left;
   color: #9a9a9a;
font-family: impact;
font-weight: lighter;
font-size: 25px;
        font-variant: normal;
text-align: left;
padding-left: 10px;
width: 35px;}

.commentpseudo a {
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.commentpseudo {
    line-height: 140%;
float: left;
padding-top: 5px;
font-family: arial;
    font-size: 18px;}

.comment_admin .commentpseudo {
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.commentdate {float: right;
font-size: 9pt;
padding-top: 5px;
padding-right: 5px;
font-family: Arial, Helvetica, sans-serif;
color: grey;
    opacity: 0.8;
    line-height: 200%;
}

.commentavatar img {border: 2px solid #9a9a9a;
width: 90%;
border-radius: 12px 25px / 13px 9px;
box-shadow: 0px 0px 2px #9a9a9a;
}


/*--bouton--*/
#background button, #background input[type=button], #background input[type=submit] {
background-color: #54ca26;
color: white;
font-family: tahoma;
font-size: 12pt;
text-align: center;
padding: 5px 15px 5px 15px;
border: solid 0px black;}

  1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

  2. Choisir un seul menu à gauche.

  3. Ne pas mettre de slogan à votre blog.

  4. Ne mettre qu'un module dans votre menu en plus de celui des visiteurs.

  5. Copier, coller et appliquer les codes CSS du thème proposé.

1. le titre du blog est une image, pour qu'il y ai le titre de votre blog, demandez-le moi en commentaire ci-dessous faites le vous même, explication en dessous de l'encadré.

2. Une fois que vous aurez l'image correspondant au titre de votre blog, placez ce code dans le code source HTML d'un module simple :

<div class="bannimg"><img src="LIENDEVOTREIMAGE"/></div>

Puis enregistrez.

3. Eviter plus de 6 lignes de texte dans le module qui se trouve dans le header.

4. Si vous avez un écran de moins de 1200px de large, vous ne pourrez pas voir le module "dernier visiteurs"..

5. Ne pas mettre plus de 7 liens différent dans le menu du header [les liens en plus, mettez les dans le menu déroulant].

/*--fond fenêtre--*/
#body {
background-image:url("http://ekladata.com/4suYn_Yy23vMyMT_RR4e1lVBhb8.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}

/*--fond page--*/
#background {
background: rgba(0,0,0,.8);
border-radius: 8px 8px 4px 4px;
width: 1175px;
    margin-top: 355px;}

/*--header--*/
.bannimg  {position: absolute;
top: 200px;
    margin-left: -50px;}

#header {
height: 41px;
background: linear-gradient( #2a2a2a, #131313);
border-bottom: 1px solid #1a1840;
text-shadow: 1px 1px 0px black;
margin-bottom: 15px;}

#titre_header {font-size: 0pt;}

/*--menu header--*/
#menu {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
}

#menu li {
float: left;
}

#menu a {
color: #666666;
display: block;
height: 31px;
width: 150px;
padding: 5px 5px;
line-height: 160%;
font-family: Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
text-align: center;
}

#menu a:hover {color: #919191;}

/*--menu1--*/


#menu1 {width: 328px;
padding-right: 30px;
padding-top: 15px;}

#menu1 .module_menu_titre {
background: rgba(246,33,200,.4);
border-radius: 5px 5px 0px 0px;
text-shadow: 2px 1px 0px #400633;
height: 19px;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
color: white;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14pt;
line-height: 90%;
padding: 6px 25px 2px 5px;
border-bottom: 1px dashed black;
text-align: right;}

#menu1 .module_menu_contenu {
background: rgba(246,33,200,.2);
border-radius: 0px 0px 5px 5px;
color: white;
margin-bottom: 35px;
padding: 10px 10px;
color: #cdcbcb;
border-top: 1px dashed #f86bda;
}

#menu1 .module_menu_contenu a {
color: #65b5ff;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

#menu1 .module_menu_contenu a:hover {
opacity: 0.3;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

/*--article--*/

.module_titre_contenu {    margin-left: 35px;}

.module_titre_contenu, .module_titre_contenu a {
    margin-top: 35px;
    height: 35px;
font-family: Impact;
color: rgba(218,89,255,0.95);
text-shadow: 1px 0px 0px black;
font-size: 24pt;
letter-spacing: 7pt;
font-weight: lighter;
line-height: 100%;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
text-align: left;
}

.article_info {
margin-top: 3px;
padding-bottom: 10px;
font-size: 7pt;
color: #48a7ff;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
}

.article_info a {
color: #48a7ff;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.article_info a:hover {
color: rgba(218,89,255,0.95);
}

.module_contenu {
    margin-left: 30px;
    width: 740px;
padding: 0px 10px 10px 10px;
background: rgba(255,255,255,.15);
border-radius: 0px 0px 4px 4px;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #efefef;
text-align: justify;
}


.module_contenu a {
color: #65b5ff;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.module_contenu a:hover {color: #c8e0f8;}

.module_bottom {
margin-bottom: 30px;
}

/*--footer--*/
#footer {
clear: both;
overflow: hidden;
text-align: center;
height: 39px;
margin-top: 0;
color: #919191;
font-family: "MS Serif", "New York", serif;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
line-height: 330%;
}

#footer a {color: #919191;}
#footer a:hover {color: #efefef;}

#footer:after {content: "  -  Design original by Elinae - © 2015";}

/*--commentaire--*/

.comment_normal, .comment_admin {

width: 100%;

}

.comment_admin .commentnumber {
    color: #070605;}

.commentnumber {
float: left;
     color: #070605;
width: 30px;
font-weight: bold;
font-size: 13px;
padding-left: 5px;
padding-top: 5px;
font-style: normal;
text-decoration: none;
font-variant: normal;
text-align: left;
font-family: "Times New Roman", Times, serif;
}

.commentpseudo a {
font-weight: bold;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.commentpseudo {
float: left;
padding-top: 5px;
font-family: "Palatino Linotype", "Book Antiqua",Palatino, serif;
    font-size: 10pt;}

.comment_admin .commentpseudo {
font-weight: bold;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.commentdate {float: right;
font-size: 6.5pt;
padding-top: 5px;
padding-right: 5px;
font-family: Arial, Helvetica, sans-serif;
color: grey;
}

.commentavatar img {border: 1px solid white;
width: 90%;
border-radius: 7px 12px 7px 12px;
box-shadow: 0px 0px 5px black;
}

.commentbody {padding: 5px 5px 7px;
text-align: justify;
}

/*--derniers visiteurs--*/
.module_menu_type_lastvisitors img {
height: 42px;
width: 42px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border-radius: 15px 17px 15px 17px;
box-shadow: 0px 0px 3px black;
border: 2px solid white;
}
.menu-lastvisitors-avatar {
    max-width: 100px;
min-width: 30px;
}

/*--bouton--*/
#background button, #backgroundinput[type=button],#backgroundinput[type=submit] {
font-family: Georgia, serif;
font-size: 15px;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
border-left: 0px solid black;

background-color: #0d0817;
color: white;
text-shadow: 1px 1px 0px #0f0f0f;
padding-left: 17px;
padding-right: 17px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 3px 3px 3px 3px;
}

/*--barre de recherche--*/
#background input[type=text]:hover,#background select:hover, #backgroundtextarea:hover {
background-color: #f6f6f6;
}

#background input[type=text], #backgroundselect,#background textarea {
width: 85%;
}

#background input[type=text], #backgroundselect,#background textarea {
border-top: 1px solid #DDDDDD;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #DDDDDD;
font-family: Georgia, serif;
font-size: 15px;
color: #383737;
}

  1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

  2. Choisir un seul menu à droite.

  3. Ne pas mettre de slogan à votre blog.

  4. Copier, coller et appliquer les codes CSS du thème proposé.

  5. NE PAS METTRE DE MENU DEROULANT

1. le titre du blog est une image, pour qu'il y ai le titre de votre blog, demandez-le moi en commentaire ci-dessous.

2. Une fois que vous aurez l'image correspondant au titre de votre blog, placez ce code dans le code source HTML d'un module :

<div class="bannimg"><img src="LIENDEVOTREIMAGE"/></div>

Puis enregistrez.

3. Il y a un petit bug que je n'ai pas pu régler avec ce thème, lorsqu'on édite un article ou qu'on écrit un commentaire, le fond et la couleur de la police sont claires, il est donc difficile de tout lire (mais dans ce cas il suffit de cliquer sur "Activer/Désactiver l'apparence du thème" qui a une icône en forme de palette [pour peindre]). 

#content {    line-height: 1.4em;}

@font-face {font-family: "nathaniel";
    src: url('http://ekladata.com/Pfv8RPwS_IqupMJaS8KZVKMaoHo/Nathaniel.ttf');} 


#body {background-image:url("http://ekladata.com/lwub4gMoVNWU7qMVd4is5Ej67cI.png");
    background-position: center top;
background-repeat: repeat;
background-attachment: fixed;
font-family: arial;
text-align: justify;}

#body a {font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;}

#background {width: 1000px;
    background-color: #fbf2d9;
box-shadow: 0px 0px 5px black;}

#header {    background-image:url("http://ekladata.com/TJQUMT6I_4B6DqUBNAwLNnHMzQI.png");
    background-position: center top;
background-repeat: no-repeat;
background-attachment: absolute;
height: 415px;}

#titre_header a {font-family: "nathaniel";
color: #faffe4;
text-shadow: 0px 0px 5px #493e44;
font-size: 40pt;}

#titre_header {position: absolute;
top: 210px;
margin-left: 420px;}

#slogan_header {font-family: "arial";
color: #faffe4;
font-size: 8pt;
letter-spacing: 1pt;
text-shadow: 0px 0px 3px #493e44;}

#menu1 .module_menu_titre {background-color: #ed6556;
color: white;
font-family: "times new roman";
text-shadow: 0px 0px 2px white;
text-align: left;
padding-left: 25px;
padding-top: 5px;
height: 25px;}

#menu1 .module_menu_contenu {background-color: #ed6556;
color: #f8d8d2;
padding: 0px 5px 5px;
margin-bottom: 30px;}

#menu1 {width: 200px;
margin-top: 0px;
margin-left: 15px;}

.module_titre_contenu, .module_titre_contenu a {
    height: 35px;
    font-family: "Times New Roman", Times, serif;
font-size: 25pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
text-align: center;
color: #42343b;
text-shadow: 0px 0px 1px #42343b;}

.article_info {margin-bottom: 15px;
    text-align: center;
    height: 10px;
    font-size: 8pt;
    color: black;
    opacity: 0.6;
margin-top: -5px;}

.article_info a:hover {color: #ed6556;}


#content {margin-left: 235px;
margin-right: 15px;
margin-top: 0px;}

#menu1 a {color: #fee5a8;}
#menu1 a:hover {color: #d6d6d6;}

.article_text {font-family: arial;
font-size: 10pt;}

.article_text a {color: #dc4c46;
font-weight: bold;}
.article_text a:hover {color: #66674c;}

.module_contenu_block>a {color: #ea9174;}
.module_contenu_block>a:hover {color: #f6be6c;}


.commentbody {    font-family: arial;
font-size: 10pt;
font-style: italic;
color: #6a6a6a;
padding-left: 10px;
background-color: #fadb89;
border-radius: 0px 0px 45px 18px;
margin-bottom: 20px;
padding-right: 15px;}

.commentavatar img {border-radius: 15px 32px / 32px 15px;
border: solid 3px #ed6556;}

.commentpseudo a{color:#ff4946;}

.commentdate {font-family: arial;
color: black;
opacity: 0.2;}

.commentnumber {padding-left: 15px; 
    font-family: 'times new roman';
font-weight: bold;
color: black;
padding-right: 15px;}

.commentheader { margin-top: 5px;
    background-color: #fadb89;
border-radius: 38px 23px 0px 0px;}


.comment_admin .commentnumber {color: white;}
.comment_admin .commentheader { background-color: #474145;
border-radius: 38px 23px 0px 0px}

.comment_admin .commentbody {color: #d6d6d6;
    background-color: #474145;
border-radius: 0px 0px 45px 18px;}


.commentavatar {padding-right: 5px;
padding-left: 5px; padding-bottom: 10px;}

.comment_admin .commentavatar img {border: solid 3px #e9e9e9;}
.comment_admin .commentdate {font-family: arial;
color: white;
opacity: 0.2;}
#footer:after {content: "  -  Design by Elinae - © 2014";}

::-webkit-scrollbar {height: 0px;
width: 9px;
background-color: white;}

::-webkit-scrollbar-thumb:vertical {background-color: #444147;}

#footer { height: 20px; color: black;
opacity: 0.7;
font-family: "times new roman";}
#footer a {color: black;
font-family: "times new roman";
margin-left: 15px;}

#footer a:hover {color: #e7524c;
font-family: "times new roman";}

  1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

  2. Choisir un seul menu à gauche.

  3. Copier, coller et appliquer les codes CSS du thème.

1. Le code pour que la police du titre du blog soit visible par tous ne fonctionne pas toujours.

2. Eviter de mettre des liens dans le menu du header. 

#content {    line-height: 1.4em;
}
 
#background {width: 1000px;}

#body {background-image:url("http://ekladata.com/mXC5_pYihKTvaOGyFwGxnp9DxHQ.jpg");
    background-position: center top;
background-repeat: no-repeat;
background-attachment: absolute;
background-color: #c1c2c2;
font-family: arial;
text-align: justify;}

#header {background-image:url("http://ekladata.com/l_LNeb5L5FBtt8tPswGXkepIDOM.png");
    background-position: center top;
background-repeat: no-repeat;
background-attachment: absolute;
background-color: #c1c2c2;
height: 475px;}

#footer {color: #bebebe;}
#footer a {font-family: "MS Serif";
    font-size: 10px;
        color: #bebebe;}

#background {background-color: #d8d8d8;}

#menu1 {background-color: #e3e3e3;
    position: relative; top: -50px;
width: 200px; 
margin-right: 0px;}

#menu1 .module_menu_titre {height: 30px;
font-family: 'Book Antiqua';
letter-spacing: 0.6pt;
text-align: right;
font-size: 13pt;
padding-right: 10px;
text-shadow: 0px 0px 1px #444444;}

#menu1 .module_menu_contenu {
margin-top: 0px;
margin-bottom: 25px;
    margin-right: 10px;
padding: 0px 0px;
margin-left: 5px;
font-family: arial;
font-size: 11px;}

#menu1 a {font-weight: bold;
color: black;}

.module_contenu {margin-top: 0px;
margin-bottom: 35px;
    margin-right: 10px;
padding: 5px 5px;
margin-left: 10px;}

.module_titre_contenu,.module_titre_contenu a {height:25px; 
    font-weight: normal;
font-size: 24px;
font-family: "MS Serif", "New York", serif;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
color: #333232;
text-align: center;}

.article_info {font-weight: normal;
font-size: 12px;
font-family: "Arial";
font-style: normal;
text-decoration: none;
font-variant: small-caps;
color: #a5a1a2;
text-align: center;
margin-bottom: 10px;}

.article_info a {color: #a5a1a2;}
.article_info a:hover {color: #555354;}

.module_menu_type_lastvisitors img {test-align: center;
    width: 40px;
    height: 40px;
border-radius : 20px 20px 20px 20px;
-WEBKIT-TRANSITION: ALL 0.2S EASE; 
    -MOZ-TRANSITION: ALL 0.2S EASE; 
    -O-TRANSITION: ALL 0.2S EASE;}

.module_menu_type_lastvisitors img:hover {opacity: 0.2;
-WEBKIT-TRANSITION: ALL 0.2S EASE; 
    -MOZ-TRANSITION: ALL 0.2S EASE; 
    -O-TRANSITION: ALL 0.2S EASE;}

#footer {height: 30px;}
#footer:before {
content: "Design by Elinae - © 2014 - ";}

​.commentnumber {margin-right: 15px;}​

  1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

  2. Choisir un seul menu à droite.

  3. Copier, coller et appliquer les codes CSS du thème.

1. Le titre "KG PROJECT ERROR" ne peut pas être changé.

2. Le thème est entièrement en noir et blanc, à vous de voir si vous voulez ajouter de la couleur. 

3. Eviter de mettre des liens dans le menu du header.