*{margin:0;
padding:0;
}
body {
font-family:comic sans ms;
margin-bottom:5px;
background-image:url(http://img366.imageshack.us/img366/6038/fondkanajc7.jpg);
scrollbar-arrow-color :#1A1F32;
scrollbar-3dlight-color:#1A1F32;
scrollbar-highlight-color:#F5F37D;
scrollbar-face-color:#F5F37D;
scrollbar-shadow-color :#1A1F32;
scrollbar-darkshadow-color:#168CB2;
scrollbar-track-color:#168CB2;
}
div.content img { border:none }
.invisibeul { color:#FFF; }
/* haut*/
#top {
background:url(http://img65.imageshack.us/img65/4238/bannirekananb3.jpg);
background-repeat:;
background-position:center;
width:800px;
height:600px;
margin:auto;
border-top:1px solid #1A1F32;
border-left:1px solid #1A1F32;
border-right:1px solid #1A1F32;
}
/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
right:195px;
bottom:-140px;
color:#F5EE5D;
background-attachment:fixed;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
background-color:#168CB2;
color:#F5EE5D;
border 2px solid #1A1F32;
border:1px solid #1A1F32;
}
#logo {display:none;}
p.name {display:none;}
/*Publicité*/
#pub {
margin:0;
padding:0;
position:absolute;
right:150px;
top:600px;
}
div#pub img {
}
/*fond de pages*/
#conteneur {
margin:auto;
width:800px;
top:600px;
background-image:url(http://img481.imageshack.us/img481/2012/kanafondconteneuroa2.jpg);
border-left:1px solid #1A1F32;
border-right:1px solid #1A1F32;
}
/*Menu droite*/
#menu {
width:180px;
float:left;
margin:15px;
margin-top:0px;
font-size:13px;
color:#000000;
text-align:center;
background-color:none;
font:verdana;
}
#menu p {
}
#menu a {
color:#000000;
text-decoration:none;
}
#menu a:hover {
color:#F2F061;
background-color:#158AB1;
}
#menu h3 {
font:verdana;
font-size: 15px;
font-weight:bold;
height:40px;
width:180px;
margin:0px 0px 10px 0px;
}
/* COMPTEURS */
#menu ul {
list-style-type:none;}
/* TITRES PERSOS */
#menu h3.aboutme {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.madescription {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.rubriqueh3 {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.albumsh3 {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.tagsh3 {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.titreplayer {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.favorish3 {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.cpth3 {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.pubh3 {
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
#menu h3.rssh3{
background-color:none;
no-repeat; font-size:20px !important;
color:#F2F061;
border-bottom:1px solid #158AB1;
}
/*RUBRIQUES */
#menu ul.rubliste li {
height:18px;
margin:4px 0;
}
/* partie contenant les articles*/
#conteneur h1.titrerub, h1.titrealb{
color:#000000;
font-size:17px;
text-align:center;
}
#conteneur p.description{
color:#000000;
font-size:13px;
text-align:center;
font-style:italic;
margin:2px;
}
#contenu {
width:500px;
float:right;
margin:17px;
background:#;
margin-top:0px;
}
.menupage {
color:#000000;
font-size:11px;
margin-top:100px;
text-align:center;
background:#;
}
.menupage a {
color:#000000;
text-decoration:none;
}
.menupage strong {
font-size:12px;
}
/* BLOC D'ARTICLE */
.article {
background
width:500px;
}
/* TITRE */
.article .title {
background-color:none;
color:#158AB1;
height:40px;
text-align:center;
border-top:1px solid #F2F061;
}
.title h2, .title h1 {
display:inline;
position:relative;
font-size:16px;
top:0px;
left:0px;
}
.title .date {
position:;
top:50px;
left:0px;
font-size:12px;}
.title h2 a, .title h1 a {
text-decoration:none;
font-size:16px;
color:#158AB1;
}
/* ........... CONTENU DE L'ARTICLE ................... */
.article .content {
font-size:14px;
background-color:none;
background-repeat:repeat-y;
background-position:center;
color:#000000;
padding:10px;
}
.article .content a {
color:#000000;
}
.article .content a:hover {
color:#000000;
text-decoration:underline;
}
.article .content ul, .article .content ol {
margin-left:40px;
margin-bottom:40px;
}
.article .content em {
font-size:10px;
font-style:italic;
}
.article .content h3 {
font-family: comic sans ms;
font-size:12px;
margin: 20px 0px;
}
.article .content p {
margin-bottom:20px;
}
/* ............ ALIGNEMENT DES IMAGES ............ */
.imgleft img {
float:left;
margin-bottom:7px;
margin-right:7px;
}
.imgright img {
float:right;
margin-bottom:7px;
margin-left:7px;
}
div.imgcenter {
text-align:center;
}
div.spacer {
clear:both;
}
/* ...................... FOOTER ....................... */
.footer {
background-color:none;
height:40px;
width:500px;
text-align:center;
color:#158AB1;
border-bottom:1px solid #F2F061;
}
.footer p {
position:relative;
top:0px;
right:19px;
font-size:14px;
}
.footer a {
color:#000000;
text-decoration:none;
font-size:14px;
}
.footer a:hover {
color:#158AB1;
font-size:14px;
font-weight:bold;
}
.imgleft img {
float:left;
margin-bottom:0px;
margin-right:0px;
}
/* ......................... SEPARATEUR ........................ */
.inter {
height:160px;
width:100%;
background:url(http://img402.imageshack.us/img402/6190/interarticlesem8.jpg)
no-repeat center;
}
.cboth {clear:both;}
/* ALBUM PHOTO */
table.album {
width:500px;
text-align:center;
}
table.album td {
padding:10px;
width:250px;
border:1px solid #F2F061;
background-image:url(http://img249.imageshack.us/img249/7991/commentskanain3.jpg);
text-align:center;
}
table.album img {
border:none;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
table.album a:hover img {
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
ul.detailsimg {
padding:0;
margin:0;
color:#1F8CB7;
font-size:10px;
}
ul.detailsimg li {
list-style-type:none;
}
ul.detailsimg .titre {
font-weight:bold;
font-size:13px;
}
ul.detailsimg .poids {
font-size:10px;
font-style:italic;
color:#1F8CB7;
display:inline;
}
ul.detailsimg .dimensions {
font-size:10px;
font-style:italic;
color:#1F8CB7;
display:inline;
}
ul.detailsimg .dimensions:before {
content: "-";
}
/* ******************* PIED DE PAGE *************** */
#vide1 {
width:800px;
height:410px;
margin:auto;
background:url(http://img339.imageshack.us/img339/218/pieddepagekanaho4.jpg);
border-bottom:1px solid #1A1F32;
border-right:1px solid #1A1F32;
border-left:1px solid #1A1F32;
}
#pieddepage {
width:800px;
color:#ffffff;
font-size:13px;
margin:auto;
margin-top:5px;
text-align:center;
}
#pieddepage a {
color:#ffffff;
text-decoration:none;
}
/* ***************** COMMENTAIRES ********************** */
/* ---------- MENUPAGE --------- */
#divcomments p.menupage{
color:#000000;
font-size:11px;
}
#divcomments p.menupage a {
color:#000000;
font-size:11px;
}
/* TABLEAU DES COMMENTAIRES - PROPRIETES GENERALES */
table.tablocomments {
background-color:#none;
color:#000000;
text-align:center;
border-bottom:1px solid #F5EE5D;
width:460px;
margin-left:10px;
}
table.tablocomments td {
padding:3px;
color:#168CB2;
text-align:left;
border-bottom:1px solid #F5EE5D;
}
table.tablocomments {
border-collapse: collapse;
text-align:left;}
table.tablosigna { border-collapse:collapse; }
/* MISE EN FORME D'UN COMMENTAIRE */
.comtitle {
font-size:11px;
font-style:italic;
margin:5px;
color:#168CB2;
text-align:left;
}
.comtitle a, .comtitle b {
font-style:normal;
font-size: 14px;
font-weight: bold;
color:#168CB2!important;
background:none !important;
}
.commentaire {
font-size:12px;
color:#000000;
text-align:left;
}
/* DISTINCTION DES COMMENTAIRES PAIRS ET IMPAIRS */
tr.impair, tr.impair .comtitle a, tr.pair .comtitle b {
background:none;
}
/* DISTINCTION DE MES COMMENTAIRES */
tr.commentbyowner .comtitle {
background:# no-repeat center;
height:20px
}
/*------------- AVATAR POUR NON MEMBRES ----------- */
td.firstd {
background:url(http://img186.imageshack.us/img186/6205/avannmembreus1.jpg) no-repeat center ;
width:80px;
min-height:80px;
}
tr.itsamember td.firstd {
background:none !important;
}
/* ++++++++++++++ FORMULAIRE D'ENVOI DE COMMENTAIRES +++++++++++++ */
#divcomments h3 {
color:#168CB2;
font-family: "comic sans ms";
font-size:15px;
text-align:left;
margin-bottom:30px;
font-weight:normal;
}
#divcomments label {
color:#168CB2;
font-size:13px;
margin-bottom:10px;
position:relative;
top:-10px;
text-align:left;
}
#divcomments label.facultatif {
top:-5px !important;
}
#divcomments label.facultatif span {
font-style:italic;
font-size:10px;
text-align:left;
}
#divcomments label input, #divcomments textarea {
border:1px solid #F5F37D;
background-image:url(http://img249.imageshack.us/img249/7991/commentskanain3.jpg);
color: #000000;
padding:2px 3px;
text-align:left;
}
#divcomments p input.ibtn
{
margin-top:10px;
border:1px solid #F5EE5D;
background-image:url(http://img249.imageshack.us/img249/7991/commentskanain3.jpg);
color: #000000;
margin-left:140px;
text-align:left;
}
#divcomments p input.ibtn:hover
{
margin-top:10px;
text-align:right;
border:1px solid #F5EE5D;
background-image:url(http://img249.imageshack.us/img249/7991/commentskanain3.jpg);
color: #000000;
}
#divcomments .footer {
font-size:13px;
text-align:right;
}
/*Css by kyth (bah oui comme les dieux vivants !^^)*/
div#pub {
display: block !important;
}
div#pubsky {
display: block !important;
}
a.prevent {
display: block !important;
}
div#pub {
display: block !important;
}
div#pubsky {
display: block !important;
}
a.prevent {
display: block !important;
}
div#pub {
display: block !important;
}
div#pubsky {
display: block !important;
}
a.prevent {
display: block !important;
}
div#pub {
display: block !important;
}
div#pubsky {
display: block !important;
}
a.prevent {
display: block !important;
}