/* ===== 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 { font-size : 75%; font-family : Arial; color : #CC3300; background : 
url(img/fond.jpg) repeat-y top center #323232; margin : 0; padding : 0; } body 
{ width : 710px; margin : 0 auto; padding : 0; ; color: #666666} /* --------------------- 
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 : #696969;} a:hover { color : #CC3399;} hr {clear : 
both; visibility : hidden; margin : 0; padding : 0;} /* --------------------- 
Haut de page (#top) --------------------- */ #top { height : 364px; background 
: url(img/header-gif.gif) no-repeat; } #top h1{ /* titre et sous-titre du site 
*/ position : relative; top : 44px; left : 20px; margin : 0; padding : 0; font-weight 
: normal; letter-spacing : 1px; font-size : 1.3em; color : #bbb; } #top p { /* 
titre et sous-titre du site */ position : relative; top : 44px; left : 20px; margin 
: 0; padding : 0; color : #bbb; } #top h1 a { /* lien du titre */ text-decoration 
: none; color : #bbb; } #top h1 a:hover { color : #eee; } /* --------------------- 
Zone de contenu (#content) --------------------- */ #content { /* Bloc */ float 
: left; width : 500px; margin : 20px 0 0 0; } .post { /* Conteneur de l'article 
*/ padding : 0 20px 35px 25px; } .articletitle { /* Titre de l'article */ color 
: #CC3366; font-size : 1.3em; font-weight : bold; margin : 0; padding : 3px 0 
0 0; } .articletitle a{ /* Lien sur le titre de l'article */ color : #99CC00; 
text-decoration : none; } .articletitle a:hover{ color : #669900; } .post-info 
{ /* Informations de l'article (auteur, date etc...) */ color : #660066; margin 
: 0; padding :0 8px 0 0; text-align : right; ; font-size: 9px} .post-info-art { color : #E9E9E9; 
margin : 0; padding :0 8px 0 0; } .post-info a{ color : #999999; ; font-weight: 100} .post-info-art 
a{ color : #CCCCCC; ; font-weight: 100} .post-info a:hover { color : #888; } #pagination { /* Conteneur 
des liens 'page suivante' et 'page précédente' */ margin-top : 10px; text-align 
: center; } /* --------------------- Paneau latéral (#sidebar) --------------------- 
*/ #sidebar { float : right; width : 180px; padding : 0 8px 0 0; margin : 14px 
0 0 0; } #sidebar div { margin : 8px 0 ; ; color: #CCCCCC} #sidebar h2 { /* Titre des menus de 
la sidebar */ color : #FF6633; font-size : 1.2em; margin : 0; padding : 3px 0 
0 5px; font-weight : bold; } #sidebar ul { /* bloc de liste */ margin : 0 0 
0 5px; padding : 6px 0; } #sidebar li { /* élément de liste */ list-style-type 
: none; padding: 1px 0 2px 30px; border-bottom : 1px solid #ccc; } #sidebar li 
a { /* Liens dans les listes */ color : #666; text-decoration : none; } #sidebar 
li a:hover { color : #CCCCCC; } /* --------------------- Pied de page (#footer) 
--------------------- */ #footer { border-top : 1px solid #ddd; text-align : center; 
width : 650px; margin : 10px auto 0 auto; padding : 5px 0 0 0; font-size : 0.85em; 
color : #999; }