/* Copyright (c) 2006 Skyline-arts.com. All rights reserved
Style.css - Thème 'default' */


/* ===== 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/ Commentaires 
7/ Pied de page (#footer)
=================== */



/* ---------------------
Html et body
--------------------- */
html {
	font : 75%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : #000000;
	background : #F5F5F5 url(img/ajou-inutile.gif) repeat-y;
	margin : 0; padding : 0;
	}

body {
	margin : 0; padding : 0;
	
	}
	

#page {
	width : 805px;
	margin : 0 auto; padding : 10px 0 0 0;
	clear : both;
	}


/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.8em;}
h2 {
	font-size : 1.8em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #AA9A4F;
	padding : 0 0 15px 0; margin : 0;
	}
h3 {font-size : 1.1em; padding : 0px 0; margin : 0;}
h6 {
	font-size : 1em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #000000;
	padding : 0 100px 0 100px;
	text-align: justify;
	font-style: italic;
}
p {margin : 0; padding : 0px 0;}
a {color : #454242;}
a:hover {color : #FFFFFF;}
hr, .clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}



/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	background :#9E5F9E;
	width:100%;
	}
#header {
	width : 800px;
	height: 170px;
	color : #482018;
	margin : 0 auto; padding : 10px 0 0 0;
	}
#header h1{ /* titre et sous-titre du site */
	margin : 0; padding : 0;
	font-weight : normal;
	letter-spacing : 1px;
	color : #eee;
	display : inline;
	}
#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #482018;
	}
#top h1 a:hover {
	color : #fff;
	}
#header p {
	display : inline;
	}
#menu {
	margin : 0 auto;
	width : 800px;
	}
#menu ul {
	margin : 0 auto; padding : 0;
	width : 800px;
	list-style-type : none;
	}	
#menu li {
	float : left;
	text-decoration: none;
	color: none;
	list-style-type : none;
	}
#menu li a {
	text-decoration: none;
	color: none;
	list-style-type : none;
	}
#menu li a:hover {
	text-decoration: none;
	color: none;
	background : none;
	}


/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content {
	/*background : #FFFFFF url(img/fond-content.gif) repeat-y;*/
	float : right;
	width : 620px;
	padding : 0 0 0 0;
		
	}
.postop {
	height: 60px;
	background : url(img/top.gif);

}
.post, #comments, #form { /* Conteneur de l'article */
	
	background : url(img/fond-content.gif) repeat-y  ;
	padding : 0 25px 0 25px;
	}
.post .categorie {
	padding : 0 0 0 0; margin : 0;
	font-size : 0.85em;
	}
.post-info{
	padding : 0 0 0 0; margin : 0;
	font-size : 0.85em;
	}
.post .date {
	padding : 0 0 0 0; margin : 0 0 0px 0;
	text-align : left;
	font-size : 0.85em;
	}
.articletitle{
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #762176;
	font-size : 2em;
	margin : 0;
	padding : 0;
	letter-spacing : 0px;
	font-variant: small-caps;
	}
.articletitle a{ /* Lien sur le titre de l'article */
	color : #762176;
	text-decoration : none;
	}
.articletitle a:hover{
	color : #5C5454;
	}
.comment_nb { /* Informations de l'article (auteur, date etc...) */
	margin : 0; padding :0 8px 0 0;
	text-align : right;
	}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	/*width : 620px;
	height: 50px;
	background :  url(img/bas-footer.gif);*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #762176;
	font-size : 1em;
	text-align : center;
	margin : 0; padding : 0;
	}



/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	float : left;
	width : 180px;
	padding : 0 0 0 0;
	background : url(img/side-content.gif) repeat-y;
	}
#sidebar-top {
	height : 8px; 
	background : url(img/side-top.gif) no-repeat;
	}
#sidebar-footer { margin : 0; padding : 0;
	height : 10px; 
	
	}
#sidebar div {
	margin : 0 0 0 0;
	}
#sidebar h2 {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color : #762176;
	font-size : 2em;
	margin : 0;
	padding : 10px 3px 5px 5px;
	}
	
#sidebar ul { /* bloc de liste */
	margin : 0px; padding : 0px 0;
	
	}
#sidebar li {
	display: block;
	list-style-type : none;
	padding: 0px 0 0px 0px;
	
	}
#sidebar li a { /* Liens dans les listes */
	display: block;
	padding: 0 7px 0 25px;
	color : #5C5454;
	text-decoration : none;
	background : url(img/boutou-lyre.gif) no-repeat 5px ;
	
	}
#sidebar li a:hover {
	width : 142px;
	color : #FFFFFF;
	background : #762176;
	opacity : .4;
	filter : alpha(opacity=40);
	
	}
#syndication ul { /* bloc de liste */
	margin : 0px; padding : 0px 0;
	
	}
#syndication li a{
	display : block;
	padding : 0 0 0 25px;
	background : url(img/feed-icon-14x14.gif) no-repeat 5px ;
	}
#syndication li a:hover{
	background : url(img/feed-icon-14x14-2.gif) no-repeat 5px 0.2em;
	}


/* ---------------------
Commentaires
--------------------- */
.comment {
	padding : 2px 10px 5px 10px;
	}
.comment blockquote{
	padding : 2px 30px 2px 40px; margin : 0;
	}
.ligne0{
	background : #222;
	}



/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	width : 800px;
	padding : 10px 0px 0px 0px;
	margin : 0px auto;
	text-align : left;
	font-size : 0.85em;
	}
	
fieldset {
	border : 0;
	}

label {
	display : block;
	}

input, textarea {
	border : 1px solid #000;
	border-left : 4px solid #111;
	}

textarea {
	width : 95%;
	}