/*  
Theme Name: Altereco
Theme URI: http://blog.altereco.com/
Description: Le theme du blog Altereco
Author: MMCREATION
Author URI: http://www.mmcreation.com/
Version: 1
Tags: altereco, mmcreation
*/

/* Defaults */

body{
	background:#fff url(_img/body-bg.gif) repeat-x left top;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

form{
	padding:0;
	margin:0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a{
	outline:none;
}

#main{
	background:url(_img/main-bg.jpg) no-repeat center top;
	width:100%;
	padding:11px 0;
}

#wrapper{
	width:920px;
	margin:auto;
	background:url(_img/content-bg.gif) repeat-y left top;
}

#header{
	height:155px;
	background:#c60b1f url(_img/header-banner.png) no-repeat left top;
}

#header #logo h1, #header #logo span{
	text-indent:-100000px;
	display:block;
}

#header h1{
	padding:0;
	margin:0;
	width:920px;
	height:128px;
}

#header h1 a{
	width:920px;
	height:128px;
	display:block;
}

#header #topright{
	position:relative;
	width:920px;
	height:27px;
}

#header #topright ul{
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	right:7px;
	top:0;
	height:27px;
}

#header #topright ul li{
	padding:0;
	margin:0 10px 0 0;
	float:left;
	background:url(_img/header-menu-bg2.gif) repeat-x right top;
	text-transform:uppercase;
	color:#c60b1f;
	font-size:12px;
	height:27px;
	line-height:30px;
	font-weight:bold;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;	
}

#header #topright #topright-site{
	background:url(_img/header-menu-bg3.gif) no-repeat right top;
}

#header #topright ul li a{
	color:#c60b1f;
	text-decoration:none;
	height:27px;
	padding-right:10px;
}

#header #topright ul li a:hover{
	color:#ef9922;
	text-decoration:none;
}

#contentwrapper{
	background:url(_img/content-bg.gif) repeat-y left top;
}

#sidebar_left{
	float:left;
	width:205px;
	padding:0 17px 20px 10px;
}

#sidebar_left a{
	color:#333;
	text-decoration:none;
}

#sidebar_left a:hover{
	color:#c60b1f;
	text-decoration:none;
}

#sidebar_left h3{
	color:#c60b1f;
	font-size:16px;
	padding:20px 0 15px 0;
	margin:0;
	text-transform:uppercase;
}

#sidebar_left .sidebaritem{
	border-bottom:1px dotted #333333;
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}

#sidebar_left ul{
	padding:0;
	margin:0;
	list-style:none;
}

#sidebar_left ul li{
	background:url(_img/puce1.gif) no-repeat left 2px;
	padding:0 0 0 9px;
}

#sidebar_right{
	width:203px;
	float:left;
	padding:0 17px 20px 10px;
	color:#FFF;
}

#sidebar_right p{
	padding:15px 0 0 0;
	margin:0;
}

#sidebar_right h3{
	color:#fff;
	font-size:16px;
	padding:20px 0 15px 0;
	margin:0;
	text-transform:uppercase;
}

#sidebar_right a{
	color:#fff;
	text-decoration:none;
}

#sidebar_right a:hover{
	color:#c60b1f;
	text-decoration:none;
}

#colorful_tag_cloud a:hover{
	color:#c60b1f !important;
}

#sidebar_right .sidebaritem{
	border-bottom:1px dotted #fff;
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}

#colorful_tag_cloud{
	padding-bottom:15px !important;
}

#sidebar_right #text-4{
	border:none;
}

#sidebar_right ul{
	padding:0;
	margin:0;
	list-style:none;
}

#sidebar_right ul li{
	background:url(_img/puce2.gif) no-repeat left 2px;
	padding:0 0 0 9px;
}

#footer{
	background:#c60b1f url(_img/footer-bg.gif) no-repeat left bottom;
	height:167px;
	position:relative;
	color:#FFF;
padding : 0 0 20px 0;
}

#footer .block1, #footer .block2, #footer .block3{
	float:left;
	width:195px;
	padding-left:20px;
}

#footer p{
	padding:15px 0 0 0;
	margin:0;
}

#footer h3{
	padding:15px 0;
	margin:0;
	font-size:16px;
	color:#FFF;
	text-transform:uppercase;	
}

#footer-right{
	position:absolute;
	bottom:5px;
	right:5px;
	font-size:10px;
	color:#FFF;
}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#ef9922;
	text-decoration:none;
}

#footer ul{
	padding:0 0 0 15px;
	margin:0;
	list-style:none;
}

#footer ul li{
	background:url(_img/puce2.gif) no-repeat left 2px;
	padding:0 0 0 9px;
}

#searchform .submitbutton{
	background:url(_img/recherche-bouton.gif) no-repeat left top;
	border:none;
	text-indent:-80000px;
	display:block;
	width:139px;
	height:30px;
	float:right;
	margin-top:10px;
	cursor:pointer;
}

#searchform .searchbox, #newsform .searchbox{
	width:200px;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-top:1px solid #848484;
	border-bottom:1px solid #e1e1e1;
	color:#333;
	font-size:11px;
	height:17px;
	line-height:17px;
}

#newsform .submitbutton{
	background:url(_img/news-inscription-bouton.gif) no-repeat left top;
	border:none;
	text-indent:-80000px;
	display:block;
	width:140px;
	height:29px;
	float:right;
	margin-top:10px;
	cursor:pointer;
}

#content{
	width:438px;
	float:left;
	padding:20px 10px;
}

#content h2{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding:0;
	margin:0 0 10px 0;
	text-transform:uppercase;
	border-bottom:1px dotted #c60b1f;
}

#content a{
	color:#c60b1f;
	text-decoration:underline;
}

#content a:hover{
	color:#333;
	text-decoration:underline;
}

.billet{
	padding:0 0 15px 0;
	border-bottom:1px dotted #c60b1f;
	margin-bottom:10px;
	font-size:11px;
}

.billetIntro{
	height:76px;
	vertical-align:middle;
}

.billetDate{
	background:url(_img/post-date-bg.gif) no-repeat left top;
	width:76px;
	height:76px;
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	float:left;
	margin:0 10px 0 0;
}

.billetDate span{
	display:block;
	font-size:24px;
	padding-top:15px;
}

.billetIntro h2{
	padding-top:10px !important;
}

.billet h2{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding:0;
	margin:0 !important;
	border:none !important;
	text-transform:none !important;
}

.billet h2 a{
	color:#333 !important;
	text-decoration:none !important;
}

.billet h2 a:hover{
	color:#c60b1f !important;
	text-decoration:none !important;
}

.billetContent{
	text-align:justify;
	padding-top:10px;
	font-size:12px;
}

.billetContent p{
	padding:0 0 10px 0;
	margin:0;
}

.billetContent ul{
	padding:0;
	margin:0;
	list-style:none;
}

.billetContent ul li{
	background:url(_img/puce1.gif) no-repeat left 3px;
	padding:0 0 0 10px;
}

.billetContent img{
	border:none;
}

.billetComments{
	padding-bottom:10px;
}

#billetsNav{
	padding-top:15px;
}

#billetsNav a{
	color:#c60b1f;
	text-decoration:none;
}

#billetsNav a:hover{
	color:#333;
	text-decoration:none;
}

#billetsNavR{
	float:right;
}

#billetsNavL{
	float:left;
}

#comments h3{
	font-size:14px;
	padding:0;
	margin:0;
	color:#333;
}

#comments .billetIntro{
	height:auto !important;
	padding-bottom:8px;
}

#comments cite{
	font-weight:bold;
	font-style:normal;
	font-size:12px;
}

#comments .billetContentComments{
	padding:10px 10px 0 10px;
	background:#eeeeee;
	margin-bottom:15px;
	margin-right:10px;
}

#comments .billet{
	padding-bottom:0;
}

#comments #billetsNav{
	padding:0 0 5px 0;
}

.reply{
	font-style:italic;
	color:#c60b1f;
}

#commentform{
	padding:10px;
}

#commentform input{
	width:200px;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-top:1px solid #848484;
	border-bottom:1px solid #e1e1e1;
	color:#333;
	font-size:11px;
	height:17px;
	line-height:17px;
}

#commentform textarea{
	width:400px;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-top:1px solid #848484;
	border-bottom:1px solid #e1e1e1;
	color:#333;
	font-size:11px;
	height:80px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
}

#commentform input.submitbutton{
	width:151px;
	height:30px;
	background:url(_img/commentaire-bouton.gif) no-repeat left top;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	cursor:pointer;
}

#commentform p{
	padding:0 0 8px 0;
	margin:0;
}