@charset "UTF-8";
/* CSS Document */

 /*-----------------------------------------------------
	ELEMENTS HTML EN GENERAL
-----------------------------------------------------*/
body {
	background:#CCC url("../gfx/bg_conteneur.jpg") center top repeat-y;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}

h2 { 
	font-weight:normal;
	margin:0;
	padding:4px 0;	
	font-size:16px;
	color:#36C;
}
h3 { margin:0 0 5px 0; font-size:13px; }

img { border:none; }

h2 a:link, h2 a:visited { text-decoration:none; color:#36C; }
h2 a:hover, h2 a:active { text-decoration:none; color:#C63; }

a:link, a:visited { text-decoration:underline; color:#36C; }
a:hover, a:active { text-decoration:none; color:#C63; }

label {	display:block; width:130px; text-transform:capitalize; font-weight:bold; float:left; letter-spacing:1px; text-align:right; margin-right:10px; }

blockquote { margin-left:20px; margin-right:20px; margin-bottom:0px; margin-top:0px; }

input, textarea {	
	font-size:10px;
	border:1px solid #B1B3B4;
	padding:2px;	
}
input { width:150px; height:14px; }
textarea { width:250px; height:120px; }


/*-----------------------------------------------------
	CORPS DE PAGE
-----------------------------------------------------*/
#body { 
	background:url("../gfx/bg.jpg") center top no-repeat;
	margin:0 auto;
	width:auto;
	height:auto;
}

#conteneur {
	margin:auto;
	width:780px;
	padding:0px 20px 0px 20px;
}

#contenu {
	width:500px;
	padding:0 20px 0 0;
}

/* Top & Header */
#top {
	width:780px;
	height:150px;
	margin-left:0px;
}
#top img { margin-top:-5px; }

#header {
	height:35px;
	padding:20px 0 0 50px;
	font-size:1.15em;
}
#header a { padding:0 15px 0 8px; top:-3px; position:relative; }
#header a:link, #header a:visited { text-decoration:none; color:#000; }
#header a:hover, #header a:active { text-decoration:none; color:#36C; }
/* FIN Top & Header */

/* Billets */
#list {
	position:relative;
	top:10px;
	width:550px;
	text-align:justify;
	font-size:11px;
	min-height:800px;
	height:100%;
}
#list span img { border: 1px solid #CCC; background: #FAFAFA; padding:4px; }

.post {
	width:470px;
	position:relative;
	left:65px;
	margin-top:-59px;
}

.infos-post {
	width:50px;
}

.date { color:#999; text-align:center; font-size:13px; }
.jour {	font-size:20px; }

.infos { color:#999; font-size:11px; text-align:center; margin-bottom:30px; }
.infos-comm { color:#999; font-size:13px; text-align:center; margin-bottom:30px; }

.infos a:link, .infos a:visited, .infos-comm a:link, .infos-comm a:visited, .date a:link, .date a:visited { text-decoration:none; color:#999; }
.infos a:hover, .infos a:active, .infos-comm a:hover, .infos-comm a:active, .date a:hover, .date a:active { text-decoration:underline; color:#C63; }

.comments { background:#EEE; padding:2px 12px; margin-bottom:10px; -moz-border-radius:15px; }
.comments_admin { background:#FFDEDE; padding:2px 12px; margin-bottom:10px; -moz-border-radius:15px; }
/* FIN Billets */

/* Footer */
#footer { background:#CCC url("../gfx/footer.jpg") center top no-repeat; width:780px; height:60px; }
#footer p { width:550px; padding-top:30px; text-align:center; color:#666; font-size:9px; }
#footer a { text-decoration:none; }

#zone { position:relative; background:url("../gfx/zone.jpg"); width:95px; height:54px; left:684px; margin-bottom:-9px; }
/* FIN Footer */

/* Divers */
.msg_ok { color:#0C0; }
.msg_erreur { color:#FF0000; }

.submit {
	height:20px;
	width:auto;
	cursor:pointer;
}

.search-results {
	padding-left:65px;
}
/* FIN DIvers */


/*-----------------------------------------------------
	SIDEBAR
-----------------------------------------------------*/
#sidebar {
	position:absolute;
	width:190px;
	top:220px;
	left:50%;
	margin-left:175px;
	padding:0 0 0 15px;
}

#sidebar ul {
	padding:0 0 10px 0;
	margin: 0;
	list-style:none;	
	line-height:1.2em;
}

#sidebar li { padding: 0.5ex 0; display: block; }

#sidebar li a, #sidebar li a:visited {
	padding-left:20px;
	background:url("../gfx/bullet.png") left no-repeat;
	display:inline;
	color:#000;
	text-decoration:none;
}
#sidebar li a:hover, #sidebar li a:active, #sidebar a:hover, #sidebar a:active { text-decoration:underline; }

#sidebar a, #sidebar a:visited { color:#000; text-decoration:none; }

#sidebar #syndication li a, #sidebar #syndication li a:visited { padding-left:0px; background:none; }

#sidebar #interessant {
	height:145px;
	width:180px;
	margin-left:10px;
	line-height:18px;
}
 
 
/*-----------------------------------------------------
	PAGINATION
-----------------------------------------------------*/
.pagination { font-size:10px; text-align:right; padding-right:10px; margin:3px }

.pagination a {
    background-color:#F2F2F2;
    border:1px solid #AAA;
    color:#000;
    margin:1px;
    padding:2px 3px;
    text-decoration:none
}
.pagination a:hover,active {
    color:#36C;
    margin:1px;
    padding:2px 3px;
}
.pagination span.courante {
    background-color:#DDD;
    border:1px solid #AAA;
	font-size:11px;
    color:#36C;
    font-weight:bold;
    margin:1px;
    padding:3px 4px
}