/* 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)
=================== */

a:link	{color:#ef4e10; text-decoration: underline; }
a:active	{color: #898989; text-decoration: none; }
a:visited	{color:#ef4e10; text-decoration: underline; }
a:hover	{color:#898989; text-decoration: none; }

/* ---------------------
Html et body
--------------------- */
html {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	font-size: 12px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat;
	}

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	font-size: 12px;
	background-image: url(img/bg.jpg);
	background-repeat: repeat;
	}
	
#blogpage {
	width: 830px;
	margin-left: -420px;
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	height: auto;
	position: absolute;
	}
	
	
#bann	{
	width: 830px;
	height: 235px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	background-image: url(img/bann.jpg);
	background-repeat: no-repeat;
}

#center	{
	width: 830px;
	height: auto;
	margin: 235px 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	background-image: url(img/bgcenter.jpg);
	background-repeat: repeat-y;
}

#page {
	width : 720px;
	margin : 0 auto; padding : 30px 0 0 0;
	clear : both;
	}
	
.footer {
	width: 830px;
	height: 45px;
	background-image: url(img/footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #3a3a3a;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0;
	color: #FFFFFF;
	font-size: 10px;
	float: left;
	line-height: 14px;
}

/* Bloc du menu */
#leftbloc {
			height: auto;
			width: 166px;
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 2px;
		}
		
		#leftbloc	table	{
			height: auto;
			width: 166px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
		}
		
			.leftbloc-tabbg	{
				height: auto;
				background-image: url(img/leftbloc/bg.jpg);
				background-repeat: repeat-y;
				padding: 0px;
				text-align: left;
			}
			
			.leftbloc-tabbg2	{
				height: auto;
				background-image: url(img/leftbloc/bg.jpg);
				background-repeat: repeat-y;
				padding: 0px;
				text-align: center;
			}
			
				.leftbloc-tabbg2 img	{
					margin: 3px 0 3px 0;
				}		
		
			.leftbloc-tabtop	{
				height: 10px;
				background-image: url(img/leftbloc/top.jpg);
				background-repeat: no-repeat;
				background-position: bottom left;
			}
			
			
			.leftbloc-tabfooter	{
				height: 10px;
				background-image: url(img/leftbloc/footer.jpg);
				background-repeat: no-repeat;
				background-position: top left;
			}
			/* MENU */
			#leftbloc ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}


	#leftbloc li {
		list-style-position: outside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	
	
	#leftbloc li a, #leftbloc li a:visited{
		background: url(img/leftbloc/btn.jpg) no-repeat;
		background-position: center left;
		border-bottom: 0px;
		color: #FFFFFF;
		display: block;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		height: 25px;
		line-height: 25px;
		margin: 0 0 0 0;
		padding: 0 0 0 30px;
		width: 166px;
		text-decoration: none;
		}
		
	#leftbloc li a:hover, #leftbloc li a:active{
		background: url(img/leftbloc/btn_over.jpg) no-repeat;
		background-position: center left;
		display: block;
		height: 25px;
		line-height: 25px;
		list-style-position: outside;
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 30px;
		width: 166px;
		text-decoration: none;
		color: #3a3a3a;
		}
		
		#leftbloc img {
			border: none;
		}
		#leftbloc h2 { /* Titre des menus de la sidebar */
			color : #fff;
			font-size : 1.1em;
			margin : 0;
			padding : 3px 0 0 0;
			text-align: center;
		}
	
	#recherche input {
	background: #fff url(img/search.png) no-repeat 4px center;
	width: 110px; 
	border: 1px solid #3A3A3A;
	padding-left: 25px;
	}

/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 14px; color: #ef4e10; font-weight: bold;}
h2 {font-size : 14px; color: #ef4e10; font-weight: bold; text-decoration: none;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0;}
hr, .clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}
.hrpost {margin: 6px 0 3px 0; padding: 4px 0 0 0; width: 620px; border-top: 1px #898989 solid;}



/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	background :#A92C13;
	width:100%;
	}
#header {
	width : 720px;
	color : #482018;
	margin : 0 auto; padding : 50px 0 5px 0;
	}
#header h1{ /* titre et sous-titre du site */
	margin : 0; padding : 0;
	font-weight : normal;
	letter-spacing : 1px;
	color : #ef4e10;
	display : inline;
	}
#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #ef4e10;
	}
#top h1 a:hover {
	color : #898989;
	text-decoration : none;
	}
#header p {
	display : inline;
	}
#menu {
	background : #222;
	}
#menu ul {
	margin : 0 auto; padding : 0;
	width : 720px;
	list-style-type : none;
	}
#menu li {
	float : left;
	}
#menu li a {
	display : block;
	padding : 4px 10px;
	color :  #ddd;
	text-decoration : none;
	text-transform : uppercase;
	font-size : 0.85em;
	letter-spacing : 1px;
	}
#menu li a:hover {
	background : #111;
	color : #fff;
	}

/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
		height: auto;
		width: 620px;
		float: left;
		margin: 0 0 0 0;
		padding: 0 15px 0 10px;
		overflow: hidden;
	}

.post, #comments, #form { /* Conteneur de l'article */
	padding : 0 0 25px 0;
	}
.post .categorie {
	padding : 0 0 2px 0; margin : 0;
	font-size : 0.85em;
	line-height : 1em;
	}
.post .date {
	padding : 0; margin : 0;
	font-size : 11px;
	line-height: 13px;
	}
	
.articletitle{ /* Titre de l'article */
	color : #ef4e10;
	font-size : 1.4em;
	margin : 0; padding : 0;
	letter-spacing : 2px;
	text-decoration: none;
	}
.articletitle a{ /* Lien sur le titre de l'article */
	color : #ef4e10;
	text-decoration : none;
	}
.articletitle a:hover{
	color : #898989;
	text-decoration : none;
	}
.comment_nb { /* Informations de l'article (auteur, date etc...) */
	height: 15px;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	width : 110px;
}
.comment_nb a{ /* Informations de l'article (auteur, date etc...) */
	display : block;
	padding : 0 0 0 18px;
	background : url(img/commentaires.jpg) no-repeat;
	color: #ef4e10;
	font-size: 11px;
}
.comment_nb a:hover{ /* Informations de l'article (auteur, date etc...) */
	background : url(img/commentaires2.jpg) no-repeat;
	color: #898989;
	font-size: 11px;
}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	text-align : center;
	margin : 0; padding : 0;
	}
	
	.tab-baspost {width: 260px; height: 16px; text-align: center;}
	.baspostsepar {
	height: 15px;
	margin: 0;
	padding: 0;
	width: 10px;
	text-align: center;
	color: #898989;
}
	
.syndication	{
	height: auto;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	width : 60px;
}
	
.syndication a{
	display : block;
	padding : 0 0 0 18px;
	background : url(img/feed-icon-14x14.gif) no-repeat;
	color: #ef4e10;
	font-size: 11px;
	}
.syndication a:hover{
	background : url(img/feed-icon-14x14-2.gif) no-repeat;
	color: #898989;
	font-size: 11px;
	}

.syndication2	{
	height: auto;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	width : 70px;
}
	
.syndication2 a{
	display : block;
	padding : 0 0 0 18px;
	background : url(img/feed-icon-14x14.gif) no-repeat;
	color: #ef4e10;
	font-size: 11px;
}
	
.syndication2 a:hover{
	background : url(img/feed-icon-14x14-2.gif) no-repeat;
	color: #898989;
	font-size: 11px;
	}


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



/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	width : 740px;
	margin : 30px auto;
	text-align : center;
	font-size : 0.85em;
	}
	
fieldset {
	border : 0;
	color: #3A3A3A;
	}

legend {
	color: #3A3A3A;
	}

label {
	display : block;
	}

input, textarea {
	border : 1px solid #898989;
	border-left : 1px solid #898989;
	}

textarea {
	width : 95%;
	}