/* 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
--------------------- */
* { margin: 0; padding: 0; }

html {
	font : 100%/1.7em "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : #8e9598;
	background: url(img/fond.gif) repeat-x top left #010101;
	}

#page {
	width : 1004px;
	margin : 0 auto 10px auto; 
	background: url(img/global.gif) repeat-y;
	overflow: hidden;
	}




/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.8em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0;}
a {color : #fff; text-decoration: none;}



code {
    white-space: pre-wrap;
    color: green;
    background: black;
}
/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	width: 1004px;
	margin: auto;
	}
#header {
	height: 135px;
	background: url(img/banniere.jpg) no-repeat;
	padding: 10px;
	}
#header h1{ /* titre et sous-titre du site */
	margin : 0; padding : 0;
	font-weight : bold;
	color: #fff;
	letter-spacing : 1px;
	text-transform: uppercase;
	display : inline;
	}
#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #fff;
	}
#header p {
	display : inline;
	}
#menu {
	background : url(img/menuhorizontal.gif) no-repeat;
	height: 41px;
	width: 989px;
	padding: 12px 0 0 15px;
	}
#menu ul {
	list-style-type : none;
	}
#menu li {
	float : left;
	}
#menu li a {
	display : block;
	color :  #fff;
	text-decoration : none;
	text-transform : uppercase;
	font-size : 0.85em;
	letter-spacing : 1px;
	height: 25px;
	padding: 5px 5px 0 5px;
	text-align: center;
	margin: 0 5px 0 0;
	}
#menu li a:hover {
	background : url(img/fondlien.gif) repeat-x;
	}



/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
	float : left;
	margin: 23px 0 20px 25px;
	display: inline;
	width : 659px;
	}

.post, #comments, #form { /* Conteneur de l'article */
	padding : 0 0 25px 0;
	}
.post .categorie, .post-info {
	margin: 0 0 0 10px;
	color: #8e9598;
	font-size: 0.9em;
	}
.post .categorie a, .post-info a {
	color: #8e95bc;
	text-decoration: none;
}
.textenews {
	padding: 0 10px 0 10px;
	color: #8e9598;
	font-size: 0.9em;
}
.title{ /* Titre de l'article */
	border-bottom: 1px solid #1b2b33;
	padding: 0 0 0 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: normal;
	}
.title a{ /* Lien sur le titre de l'article */
	color : #fff;
	text-decoration : none;
	}
.title a:hover{
	color : #8e9598;
	}
.comment_nb { /* Informations de l'article (auteur, date etc...) */
	margin: 3px 5px 0 5px;
	border: 1px solid #152730;
	background-color: #0e1d25;
	padding: 4px 5px 4px 5px;
	text-align: right;
	}
.comment_nb a {
	color: #107b96;
	text-decoration: none;
}
.comment_nb a:hover {
	color: #fff;
}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	text-align : center;
	margin : 0; padding : 0;
	}



/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	float : left;
	width : 265px;
	margin: 23px 10px 20px 25px;
	display: inline;
	background-color: #07151c;
	padding: 17px 10px 0 10px;
	}
#sidebar div {
	margin : 0 0 10px 0;
	}
#sidebar h2 { /* Titre des menus de la sidebar */
	color : #fff;
	font-size : 0.8em;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #0e1d25;
	padding: 3px 5px 3px 5px;
	}
#sidebar ul { /* bloc de liste */
	margin : 0; padding : 3px 0;
	}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 0px 10px;
	}
#sidebar li a { /* Liens dans les listes */
	color : #8e9598;
	text-decoration : none;
	}
#sidebar li a:hover {
	color : #fff;
	}
#syndication li a{
	display : block;
	padding : 0 0 0 25px;
	background : url(img/feed-icon-14x14.gif) no-repeat 5px 0.2em;
	}
#syndication li a:hover{
	background : url(img/feed-icon-14x14-2.gif) no-repeat 5px 0.2em;
	}



/* ---------------------
Commentaires
--------------------- */
#comments {
	margin: 3px 5px 15px 5px;
	border: 1px solid #152730;
	background-color: #0e1d25;
	padding: 4px 5px 4px 5px;
}
#comments h2, #form h2 {
	color: #9adae9;
	margin: 0 0 10px 0;
}
.comment {
	padding : 2px 10px 5px 10px;
	border-top: 1px dotted #9999cc;
	}
.comment blockquote{
	padding : 2px 20px 2px 20px;
	color: #8e9598;
	}
.comment .infocom a {
	text-decoration: none;
}
.comment .infocom {
	color: #00b1d9;
	font-weight: bold;
}



/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	background-color: #0e1d25;
	border-bottom: 1px solid #fff;
	margin: 0 5px 0 5px;
	clear: both;
	text-align: center;
	width: 984px;
	padding: 4px 5px 4px 5px;
}
	
fieldset {
	border : 0;
	}

label {
	display : block;
	}

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

textarea {
	width : 95%;
	}