Friends Love

/* Mise en page

Quelques informations sur les balises :
- a : lien
- a:hover : lien survolé
- img : image
- p : paragraphe
- h1 : titre (ici, sections du menu)
- h3 : titre (ici, affichage de la catégorie visitée)
- ul : menu (contient des listes)
- li : listes (à l'intérieur d'un ul)
*/


/* Propriétés générales de la page */
body {
margin:0;
padding:0;
scrollbar-arrow-color:#790000;
scrollbar-base-color:#ED5F8F;
scrollbar-darkshadow-color:#790000;
scrollbar-face-color:#FFAAA6;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFAAA6;
background-image:url(http://www.image-dream.com/membre/up2/limnaia/lovefriensfond2.jpg);
background-repeat:repeat;
font:12px "Verdana" ,Arial, Verdana, Geneva, Trebuchet MS, Helvetica, sans-serif;
cursor:url(http://www.diamondrains.com/cursors/teddybear.cur);
}

/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
position:absolute;
width:900px;
height:900px;
background-image:url(http://www.image-dream.com/membre/up2/limnaia/backgroundimagefriendsLove.jpg);
margin-left:50%;
left:-400px;
}

/* Logo */
div#logo {
margin:0;
padding:0;
position:absolute;
font-family:fiolex girls, Trebuchet MS;
visibility:hidden;
font-size:25px;
left:15px;
top:4px;
}
div#logo a {
text-decoration:none;
color:#e2085f;
}

/* Pub */
div#pub {
margin:0;
padding:0;
position:absolute;
top:0px;
left:35px;
bottom:0px;
visibility:hidden;
}
div#pub img {
border:none;
}

/* Nom du blog */
p.name {
margin:0;
padding:0;
position:absolute;
font-family:ScriptC;
font-size:50px;
color:#790000;
top:70px;
left:500px;
}

/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
position:absolute;
right:20px;
bottom:200px;
color:#ffffff;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
background-color:#fafafc;
color:#ea96ca;
border:1px solid #d34074;
}

/* MENU DE DROITE */

/* Conteneur qui comprend le menu de droite et les articles */
div#conteneur {
background-image:url(http://www.image-dream.com/membre/up2/limnaia/friendlovefond.jpg);
position:absolute;
width:900px;
margin-left:50%;
left:-400px;
top:890px;
}

/* Menu de droite */
div#right {
padding:0;
width:200px;
float:right;
margin:0;
font-family:Trebuchet MS;
font-size:13px;
text-align:center;
color:#ED5F8F;
}

/* Avatar */
div#avatar {
padding:-10;
margin:-10;
width:150px;
text-align:center;
margin-top:10px;
}
div#right p {
margin:0;
padding:5px;
padding-top:10px;
padding-bottom:10px;
color:#ED5F8F;
}
div#right h1 {
margin:0;
padding:0;
font-family:arial, verdana;
font-size:18px;
width:210px;
text-align:center;
color:#ED5F8F;
}
div#right ul {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
color:#ED5F8F;
}
div#right li {
padding:0;
margin:0;
list-style-type:none;
}
div#right a {
text-decoration:none;
color:#ED5F8F;
}
div#right a:hover {
text-decoration:underline;
}
div#right img {
border:none;
}

/* Tableau d'affichage des rubriques */
table.microtablo {
width:180px;
font-size:12px;
color:#ED5F8F;
}

/* Skyscraper (pub) dans le menu de droite */
div#pubsky {
width:210px;
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:#ED5F8F;
font-weight:bold;
}

/* CONTENEUR GAUCHE (articles) */

/* Conteneur des articles */
div#left {
float:left;
width:585px;
margin-top:0px;
margin-left:28px
}
div#left h3 {
text-align:center;
color:#9E0B0E;
}
div#left img {
border:none;
}

/* Menu pour accéder aux pages */
div.menupage {
width:210px;
text-align:center;
font:12px Tahoma;
}
div.menupage a {
color:#9E0B0E;
margin-top:0px;
}
div.menupage a:hover {
text-decoration:underline;
}
div.menupage p {
padding:0;
margin:0;
color:#9E0B0E;
}

/* Article */
div.article {
background-color:#EF7479;
background-image:url(http://www.image-dream.com/membre/up2/limnaia/lovefriendsfond4.jpg);
margin:25px;
color:#9E0B0E;
width:513px;
}
div.article p {
margin:0;
padding:0;
font:13px arial;
color:#9E0B0E;
}

/* Titre et pied d'article */
div.title , div.footer {
color:#EA1C5D;
margin:0px;
font-weight:bold;
text-align:center;
background-image:url(http://www.image-dream.com/membre/up2/limnaia/friendlovefond3.jpg);
}
div.title p {
margin:0;
padding:0;
padding-left:0px;
font-family:arial;
font-size:16px;
color:#EA1C5D;
font-weight:bold;
}
div.footer p {
margin:0;
padding:0;
padding-right:0px;
text-align:center;
color:#EA1C5D;
font-weight:bold;
}
div.footer a {
text-decoration:none;
color:#EA1C5D;
font-family:arial, verdana;
font-size:14px;
font-weight:bold;
}

/* Contenu de l'article */
div.content {
margin:7px;;
}
div.content a {
color:#FFFFFF;
}
div.content a:hover {
text-decoration:none;
}
div.spacer {
height:10px;
clear:both;
}

.inter
{
background-image:url(http://www.image-dream.com/membre/up2/limnaia/friendloveinter.jpg);
background-position:absolute;
BACKGROUND-repeat:no-repeat;
height:150px;
weight:150px;
margin-top:0px;
margin-left:28px
}

/* 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;
}

/* Formulaire d'identification pour les rubriques privées */
.bigpass {
text-align:center;
font-size:32px;
width:200px;
margin-top:5px;
}

/* Tableau d'affichage des albums photos */
table.album {
width:570px;
text-align:center;
}
table.album td {
padding:10px;
width:250px;
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);
}

div#commentaire {
padding:0px;
margin:0px;
padding-top:20px;
background-attachment:fixed;
}

div#commentaire p {
padding-left:10px;
}

div#commentaire h1 {
padding-left:10px;
margin:0px;
color:#9E0B0E;
font-family:fiolex girls, verdana;
font-size:12px;
}

div#commentaire h2 {
padding:10px;
margin:0px;
color:#9E0B0E;
font:12px Trebuchet MS;
font-weight:normal;
}

div#commentaire hr {
height:1px;
border:2px solid #9E0B0E;
}

div#commentaire input , div#commentaire textarea {
border:1px solid #790000;
background-color:#FFAAA6;
color:#ED5F8F;
}

div#commentaire fieldset {
border:2px solid #790000;
margin:7px;
color:#790000;
}

div#commentaire legend {
color:#790000;
font-family:arial, verdana;
font-size:10px;
}

div#commentaire fieldset p {
padding:10px;
}

div#commentaire a {
color:#790000;
text-decoration:none;
}

div#commentaire form {
color:#790000;
}