/* 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;
background-image:url(BG.jpg);
background-position:left;
background-repeat:repeat-y;
background-color:#000000;
scrollbar-arrow-color :#33edda;
scrollbar-3dlight-color :#000000;
scrollbar-highlight-color :#FFFFFF;
scrollbar-face-color : #000000;
scrollbar-shadow-color :#000000;
scrollbar-darkshadow-color :#000000;
scrollbar-track-color :#7f7f7f;
font:12px "Verdana" ,Arial, Verdana, Geneva, Trebuchet MS, Helvetica, sans-serif;
}

/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
background-image:url(Header.jpg);
background-position:right;
position:absolute;
width:1024px;
height:600px;
background-color:#336699;
margin-left:0%;
left:0px;
}

/* Logo */
div#logo {
margin:0;
padding:0;
position:absolute;
font-family:Trebuchet MS;
font-size:1px;
top:0px;
left:0px;
}
div#logo a {
text-decoration:none;
color:#FFFFFF;
}

/* Pub */
div#pub {
margin:0;
padding:0;
position:absolute;
left:200px;
top:180px;
}
div#pub img {
border:none;
}

/* Nom du blog */
p.name {
margin:10px 0px 0px 340px;
padding:0;
font-family:Arial;
font-style:bold;
font-size:30px;
color:#FFFFFF;
}

/* Formulaire de Newsletter */
div#newsletter {
margin:0;
padding:0;
position:absolute;
right:-18px;
top:16px;
color:#7f7f7f;
}
input.champnl, input.subnl, form.newsletter p {
background-color:#000000;
margin:0;
padding:0;
color:#FFFFFF;
}

/* MENU DE DROITE */

/* Conteneur qui comprend le menu de droite et les articles */
div#conteneur {
float:centre;
position:absolute;
width:1042px;
margin-left:0%;
left:0px;
top:50px;
/*background-color:#FFFFFF;*/
}

/* Menu de droite */
div#right {
margin:0;
padding:0;
width:146px;
float:right;
border-right:20px dashed #7f7f7f;
/*background-color:#75A2CF;*/
font-family:Trebuchet MS;
font-size:12px;
color:#FFFFFF;
}

/* Avatar */
div#avatar {
padding:0;
margin:0;
width:146px;
text-align:center;
margin-top:10px;
}
div#right p {
margin:0;
padding:5px;
padding-top:10px;
padding-bottom:10px;
color:#FFFFFF;
}
div#right h1 {
margin:0;
padding:0;
font-family:Verdana;
font-size:13px;
/*border-top:1px dashed #FFFFFF;*/
/*border-bottom:1px dashed #FFFFFF;*/
width:146px;
text-align:center;
color:#FFFFFF;
/*background-color:#336699;*/
}
div#right ul {
padding:0;
margin:0;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
color:#FFFFFF;
}
div#right li {
padding:0;
margin:0;
list-style-type:none;
}
div#right a {
text-decoration:none;
color:#FFFFFF;
}
div#right a:hover {
text-decoration:none;
color:#33edda;
}
div#right img {
border:none;
}

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

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

/* CONTENEUR GAUCHE (articles) */

/* Conteneur des articles */
div#left {
float:right;
width:700px;
margin-top:200px;
margin-right:100px;
}
div#left h3 {
text-align:center;
color:#FFFFFF;
padding-top:3px;
}
div#left img {
border:none;
}

/* Menu pour accéder aux pages */
div.menupage {
width:700px;
/*border-top:1px solid #336699;*/
/*border-bottom:1px solid #336699;*/
text-align:center;
font:15px Arial;
/*background-color:#E8E8E8;*/
}
div.menupage a {
text-decoration:none;
color:#FFFFFF;
margin-top:3px;
}
div.menupage a:hover {
text-decoration:none;
color:#33edda;
}
div.menupage p {
padding:0;
margin:0;
color:#000000;
}

/* Article */
div.article {
border:2px solid #000000;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
margin:10px;
/*background-color:#75A2CF;*/
color:#0000FF;
width:550px;
}
div.article p {
margin:0;
padding:0;
font:13px Arial;
color:#0000FF;
}

/* Titre et pied d'article */
div.title , div.footer {
/*border:1px solid #336699;*/
background-color:#000000;
color:#336699;
/*margin:7px;*/
}
div.title p {
margin:0;
padding:0;
padding-left:7px;
font:14px Trebuchet MS;
color:#000000;
}

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

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