css romance

/* Propriétés générales de la page */
body {
margin:0;
padding:0;
background-color:#000000;
background-attachment:fixed;
font:12px "Verdana" ,Arial, Verdana, Geneva, Trebuchet MS, Helvetica, sans-serif;
}

 

/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
position:relative;
width:793px;
height:500px;
background-image:url(http://www.lexode.com/blog/membres/k/y/kyuuketsuki/images/122347001882.jpeg);
margin-left:50%;
left:-385px;
}


/* Logo */
div#logo {
margin:0;
padding:0;
position:absolute;
font-size:13px;
left:10px;
visibility:hidden;
}
div#logo a {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#006cc7;
}

/* Pub */
div#pub {
margin:0;
padding:0;
position:absolute;
right:155px;
bottom:5px;
}
div#pub img {
border:none;
}

/* Nom du blog */
p.name {
margin:0;
padding:0;
font-weight:bold;
position:absolute;
font-family:Trebuchet MS,serif;
font-size:20px;
color:#f2faff;
left:9px;
top:6px;
}

p.name a {
text-decoration:none;
color:#ffffff;
}
p.name a:hover {
text-decoration:none;
color:#911702;
}

/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
position:absolute;
right:10px;
bottom:75px;
color:#f2faff;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
border: solid 1px #911702;
background-color:#570b00;
color:#f2faff;
}


/* MENU DE DROITE */

/* Conteneur qui comprend le menu de droite et les articles */
div#conteneur {
position:relative;
width:793px;
margin-left:50%;
left:-385px;
top:0px;
background-color:#570b00;
}

/* Menu de droite */
div#menu {
margin:0;
padding:0;
width:220px;
float:right;
color:#f2faff;
text-align:center;
font-size:13px;
}

/* Avatar */
div#avatar {
padding:0;
margin:0;
width:220px;
text-align:center;
margin-top:25px;
}
div#menu p {
margin:0;
padding:5px;
padding-top:10px;
padding-bottom:10px;
color:#f2faff;
}
div#menu h3 {
margin-top:2px;
padding:0;
text-align:center;
font-family:Verdana;
font-size:17px;
width:220px;
color:#911702;
}

div#menu ul {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
color:#f2faff;
}
div#menu li {
padding:0;
margin:0;
list-style-type:none;
}
div#menu a {
text-decoration:none;
color:#f2faff;

}
div#menu a:hover {
text-decoration:none;
color:#911702;
font-weight:bold;
}
div#menu img {
border:none;
}

ul.taglist {
text-align:center;
font-size:13px !important;
}

ul.taglist li {
display:inline;
}

ul.taglist li a {
margin:3px;
font-size:13px !important;
}

p.taglisthoriz {
display:none;
}


/* Skyscraper (pub) dans le menu de droite */
div#pubsky {
width:200px;
text-align:center;
padding-top:10px;
}

/* Pied du menu de droite */
div#foot {
text-align:center;
}

/* Lien de prévention d'un abus */
a.prevent {
text-decoration:none;
padding-left:5px;
color:#911702;
font-weight:bold;
}


/* CONTENEUR GAUCHE (articles) */

/* Conteneur des articles */
div#contenu {
float:left;
width:520px;
margin-top:5px;
color:#f2faff;
}
div#contenu h3 {
text-align:center;
color:#f2faff;
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
}
div#contenu img {
border:none;
}
h1.titrerub, h1.titrealb {
font-size:15px;
margin:0;
padding:0;
color:#f2faff;
text-align:center;
}
p.descrrub, p.descralb {
color:#911702;
text-align:center;
}

/* Menu pour accéder aux pages */
div.menupage {
width:510px;
text-align:center;
font:12px comic sans ms;
}
div.menupage a {
text-decoration:none;
color:#911702;
margin-top:3px;
}
div.menupage a:hover {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
div.menupage p {
padding:10px;
margin:0;
color:#000000;
}

/* Article */
div.article {
color:#000000;
margin:10px;
width:510px;
}
div.article p {
margin:0;
padding:0;
color:#000000;
}

/* Titre et pied d'article */
div.title {
text-align:center;
font-size:13px;
font-family:Verdana;
color:#ffffff;
margin:7px;
padding:3px;
}
div.title a {
text-decoration:none;
font-size:13px;
font-style:normal;
color:#ffffff;
}
div.title a:hover {
text-decoration:none;
color:#911702;
font-weight:bold;

}
div.title h1, div.title h2 {

display:inline;
color:#ffffff;
font-size:13px;
}
div.title p {
margin:0;
padding:0;
padding-left:7px;
font-weight:bold;
color:#911702;
}
div.footer p {
margin:0;
padding-right:7px;
text-align:center;
color:#911702;
padding-bottom:4px;
}
div.footer a {
text-decoration:none;
color:#ffffff;
font-size:13px;
font-weight:bold;
}
div.footer a:hover {
text-decoration:none;
color:#911702;
font-weight:bold;
}

/* Contenu de l'article */
div.content {
margin:7px;
}
div.content a {
text-decoration:underline;
color:#ffffff;
}
div.content a:hover {
text-decoration:none;
color:#911702;
}

div.spacer {
height:1px;
clear:both;
}
.inter
{
background-image:url(http://www.lexode.com/blog/membres/k/y/kyuuketsuki/images/122347005089.jpeg);
background-repeat:no-repeat;
background-position:center;
height:125px;
margin:auto;
}


/* Image alignée à gauche */
.imgleft img {
float:left;
clear:both;
margin-right:7px;
margin-left:1px;
}

/* Image alignée à droite */
.imgright img {
float:right;
clear:both;
margin-left:7px;
margin-right:1px;
}

/* Image alignée au milieu */
div.imgcenter {
text-align:center;
}



/* Tableau d'affichage des albums photos */
table.album {
width:560px;
text-align:center;
}
table.album td {
border: solid 1px #911702;
padding:10px;
width:240px;
text-align:center;
background-color:#ffffff;
}
table.album img {
border:none;
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
table.album a:hover img {
opacity:0.9;
ffilter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

ul.detailsimg {
padding:0;
margin:0;
color:#000000;
font:13px comic sans ms;
}
ul.detailsimg li {
list-style-type:none;
}
ul.detailsimg .titre {
color:#000000;
font-weight:bold;
font-family:comic sans ms;
}
ul.detailsimg .poids {
font-size:10px;
font-style:italic;
color:#f000000;
display:inline;
}
ul.detailsimg .dimensions {
font-size:10px;
font-style:italic;
color:#000000;
display:inline;
}
ul.detailsimg .dimensions:before {
content: "- ";
}


.current {
font-weight:bold;
}

/* Les commentaires */
table.tablosigna {
width:97%;
border-collapse:collapse;
}

table.tablosigna td {
padding:7px;
}
td.firstd {
width:68px;
}
table.tablosigna a {
color:#ffffff;
text-decoration:none;
}
table.tablosigna a:hover {
text-decoration:none;
color:#911702;
}
table.tablocomments {
width:97%;
border-collapse:collapse;
margin-right:-20px;
}
table.tablocomments td {
padding:7px;
}
table.tablocomments a {
color:#ffffff;
text-decoration:none;
}
table.tablocomments a:hover {
text-decoration:none;
font-weight:bold;
}

td.firstd {
background:url(http://www.lexode.com/blog/membres/k/y/kyuuketsuki/images/122347007483.jpeg) no-repeat center ;
width:70px;
}

.commentaire {
min-height:70px;
}

tr.itsamember td.firstd {
background:none !important;
}

h1.titrerub, h1.titrealb {
font-size:14px;
margin:0;
padding:0;
}

#divcomments label {
color:#ffffff;
font-size:13px;
margin-bottom:10px;
position:relative;
top:-10px;
font-weight:bold;
}
#divcomments label.facultatif {
top:-5px !important;
}

#divcomments label input , #divcomments textarea {
border:1px solid #ffffff;
background-color:#911702;
background-image:url(http://www.lexode.com/blog/membres/k/y/kyuuketsuki/images/12234701250.jpeg);
background-repeat:no-repeat;
background-position:center;
color: #000000;
padding:2px 3px;
}

#divcomments p input.ibtn {
margin-top:10px;
text-align:center;
border:1px solid #ffffff;
background-color:#ffffff;
background-image:url(http://www.lexode.com/blog/membres/k/y/kyuuketsuki/images/12234701250.jpeg);
background-repeat:no-repeat;
background-position:center;
color: #911702;
margin-left:140px;
}

#divcomments .footer {
font-size:13px;
text-align:center;
}
tr.commentbyowner .comtitle {
background:url(http://www.lexode.com/blog/membres/k/y/kyuuketsuki/images/122347009147.jpeg) no-repeat right;
height:30px;
}

/* Pied de page */

.cboth {
clear:both;

}
span.date {
padding-left:5px;
}

#vide1 {
height:200px;
width:102%;
margin:auto;
background:url(http://www.lexode.com/blog/membres/k/y/kyuuketsuki/images/122347015486.jpeg);
background-repeat:no-repeat;
background-position:center;
margin-top:0px;
margin-left:0px;
}

#pieddepage {
width:793px;
color:#ffffff;
font-size:13px;
margin:auto;
margin-top:5px;
text-align:center;

}

#pieddepage a {
color:#911702;
text-decoration:none;
}
/*Css crée par kyuuketsuki*/