/* Copyright (c) 2006 Skyline-arts.com. All rights reserved
Style.css - Thème 'Royal' par kloobik de kloobik.org*/


/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Haut de page (#top)
4/ Zone de contenu (#content)
5/ Paneau latéral (#sidebar) 
6/ Pied de page (#footer)
=================== */

/* ---------------------
Html et body
--------------------- */
html {
     background : url(img/header02-bk.jpg) repeat-x top left;
     background-color:#3a3a3a;
     margin : 0; padding : 0;
     font-size : 11px;
     line-height:15px;
     font-family : Verdana,"Lucida sans unicode", Lucida, Arial, sans-serif;
     text-align:justify;
     color : #ffffff;
     }
body {
     width : 777px;
     margin : 0 auto; padding : 0;
     background : url(img/header02-bk.jpg) repeat-x top left;
     background-color:#3A3A3A;
     }
/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.6em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0;}
a {color : #f39d07;}
a:hover {color : #000;background-color:#f39d07}
hr {clear : both; visibility : hidden; margin : 0; padding : 0;}

/* ---------------------
Haut de page (#top)
--------------------- */
#top {
     height : 140px;
     background : url(img/header02.jpg) no-repeat;
     font-size : 1.4em;
     }
#top h1{ /* titre et sous-titre du site */
     text-align : left;
     font-family : "times new roman", serif;
     position : relative;
     top : 105px;
     left : 30px;
     margin : 0; padding : 0;
     font-weight : normal;
     letter-spacing : 1px;
     color : #474747;
     }
#top p { /* titre et sous-titre du site */
     text-align : left;
     font-family : "times new roman", serif;
     position : relative;
     top : 100px;
     left : 30px;
     margin : 0; padding : 0;
     color : #474747;
     }
#top h1 a { /* lien du titre */
     text-decoration : none;
     color : #474747;
     }
#top h1 a:hover {
     color : #C3C3C3;
     }

/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
     float : right;
     width : 560px;
     margin : 0 0 0 0;
     }
#content img {
     border: 1px solid #BDBDBD;
     margin: 5px;
}

.post { /* Conteneur de l'article */
     padding : 0 10 35 10;
     }
.articletitle { /* Titre de l'article */
     color : #f39d07;
     font-size : 1.5em;
     font-weight : normal;
     margin : 0; padding : 3px 0 0 0;
     font-family : Georgia;
     font-style : italic;
     }
.articletitle a{ /* Lien sur le titre de l'article */
     color : #f39d07;
     text-decoration : none;
     }
.articletitle a:hover{
     color : #000;
     background-color:#f39d07;
     }
.post-info { /* Informations de l'article (auteur, date etc...) */
     color : #C3C3C3;
     margin : 0; padding :0 8px 0 0;
     font-size:10px;
     text-align : right;
     }
.post-info a{
     color : #C3C3C3;

     }
.post-info a:hover {
     color : #000;
     background-color:#f39d07;
     }
.post-img{
          margin-top: 20px;
          margin-bottom: 20px;
     }
#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
     margin-top : 10px;
     text-align : center;
     }


.article_container {
     background-color:#545454;
     border:1px solid #6E6E6E;
     padding:10px;
}


.imggauche { /* positionnement: image */
    float: left; /* pour gauche ou right pour droite */
    margin-right: 10px; /* pour laisser un espace entre l'image et le texte */
    border-right: 1pt solid; /* facultatif pour orner l'image à droite */
    border-bottom: 1pt solid; /* idem pour le bas ou alors border: none; pour ne pas avoir de bordure */
    }

.imgdroite { /* positionnement: image */
    float: right; /* pour gauche ou right pour droite */
    margin-right: 10px; /* pour laisser un espace entre l'image et le texte */
    border-right: 1pt solid; /* facultatif pour orner l'image à droite */
    border-bottom: 1pt solid; /* idem pour le bas ou alors border: none; pour ne pas avoir de bordure */
    }

/* ---------------------
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
     float : right;
     text-align:right;
     width : 180px;
     padding : 0 0 0 8px; 
     margin-right : 20px;
     }
#sidebar div {
     margin : 8px 0 ;
     }
#sidebar h2 { /* Titre des menus de la sidebar */
     color : #f39d07;
     font-size : 1.1em;
     font-weight: bold;
     margin : 0; padding : 3px 0 0 10px;
     }
#sidebar ul { /* bloc de liste */
     margin : 0; padding : 6px 0;
     }
#sidebar li { /* élément de liste */
     list-style-type : none;
     padding: 1px 0 2px 30px;
     }
#sidebar li a { /* Liens dans les listes */
     color : #fff;
     text-decoration : none;
     border-bottom: 1px dotted #f39d07;
     }
#sidebar li a:hover {
     color : #000;
     background-color:#f39d07
     border-bottom: 1px dotted #f39d07;
     }
div#categories{ /* Bloc 'catégories' (application du background) */
     margin : 0;
     padding : 3px 0;
     }
/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
     text-align : center;
     width : 777px;
     margin : 10px auto 50 auto;
     font-size : 10px;
     }