/*
Theme Name: Template 1 columns
Version: 1.1
Author: Jerome Vercey
*/

*{margin: 0; padding: 0;}

html{height: 100%; margin: 0; padding: 0; background:url('images/bg.jpg') #2c2b2c top center repeat-x;}
body{
	margin: 0;
	padding: 0;
	font: 70%/135% "Trebuchet MS", Arial, sans-serif ;
	color:#151515;
}

a,a:link,a:visited, a:active{color: #75357c; font-weight: bold; text-decoration: none; outline: none;}
a:hover{text-decoration: underline;}

img{border: none; padding:0; margin:0;}

/* En-têtes */
h1,h2,h3,h4,h5,h6{font-family: "Trebuchet MS", Arial; margin: 0 0 .3em 0; line-height: 1em;}
h1{color: #75357c; font-size: 2.0em;}
h2{color: #75357c; font-size: 2.0em;}
h3{color: #75357c; font-size: 1.9em;}
h4{color: #75357c; font-size: 1.8em;}
h5{color: #75357c; font-size: 1.5em;}
h6{color: #75357c; font-size: 1.2em;}

/* Listes */
ul{margin: 0; padding: 0;}
li{padding-bottom: .35em;}
ul ul{padding: .4em 0 0 1.2em;}
ul li{background: url('../images/bullet.gif') 0 .35em no-repeat; font-size: 1em; line-height: 1.4em; padding-left: .8em; list-style: none;}
ul ul li{background: url('../images/bullet.gif') 0 .3em no-repeat; font-size: .9em; line-height: 1.3em;}
ul ul ul li{background: url('../images/bullet.gif') 0 .15em no-repeat; font-size: .8em; line-height: 1.2em;}
ul ul ul ul li{font-size: 1em; line-height: 1.1em;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

p{margin: 0 0 1em 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
blockquote, pre{border-left: 2px solid #d4e7ff; padding: 10px; background: #e2e2e2; margin: 10px 0;}
hr{margin: 1em 0; background:#a5a5a5; color:#a5a5a5; height:1px;  border:none; clear:both;}

/*  -------------------- CONTAINERS  -------------------- */
#container{ margin:0 auto; padding:0; padding-bottom:50px;}
#wrapper{margin: 0px auto; width: 966px;}


/* ---------------- Header part   -------------------- */
#header{background:url('images/banner.png') top center no-repeat; width:966px; height:219px; position:relative; margin:36px 0 0px 0;}
#header h1 span{display:none;}
#header #logo{ position:absolute; top:5px; left:-25px;}

/* topMenu */
#topMenu{ position:absolute; top:-25px; right:22px;}
#topMenu ul li{ display:inline; margin:0; padding:0 9px;}
#topMenu ul li#accueilPicto{ background:url('images/picto_house.gif') 3px 3px no-repeat; padding-left:18px;}
#topMenu ul li#sitemapPicto{ background:url('images/picto_sitemap.gif') 3px 3px no-repeat; padding-left:18px;}
#topMenu ul li#contactPicto{ background:url('images/picto_letter.gif') 3px 3px no-repeat; padding-left:18px;}
#topMenu ul li#rss_picto{ background:url('images/picto_rss.png') 3px 2px no-repeat; padding-left:18px;}
#topMenu ul li a{ font-family:Arial, Helvetica, sans-serif; color:#d2d2d2; font-weight:normal;}
#topMenu ul li a:hover{ text-decoration:underline;}



/*-------------------- Sidebar -------------------- */
#sidebar{width: 217px; float:left; font-size:11px; padding:0; background:url('images/bg_content.png') top center repeat;}
#sidebar form, #sidebar form h2{ margin:0; padding:0;}
#sidebar h2{ color:#484848; font-size:15px; font-family:"Lucida Sans", Arial, sans-serif; margin:0 0 8px 0;}
#sidebar ul{}
#sidebar ul li{ padding:13px 10px; background:none;}
#sidebar ul ul{ margin:0; padding:0;}
#sidebar ul li li{ margin:0; padding:3px 0px 3px 13px; background:url('images/bullet.gif') 3px 8px no-repeat; border:none; font-size:11px;}
#sidebar ul li li a{ font-weight:normal; color:#151515; font-size:11px;}
#sidebar ul li li a:hover{text-decoration:underline;}


/* leftBar */
#sidebar #leftBar{float:left;}
#sidebar #leftBar ul li li span.url{ color:#a41e1c;}

/* searchForm */
#searchForm{ padding:23px 15px 23px 11px;}
#s{padding:2px; width:137px; font-size:11px;}
input#s{}
#searchsubmit{ position:relative; top: 6px; left:2px;}

/* tagsClouds */
#sidebar ul ul#tagsClouds li{ background:none; padding-left:0;}

/* googleSideBar */
#googleSideBar{ margin:0 auto; padding:15px 0 15px 10px;}

/*  -------------------- Content  -------------------- */
#content{
	float:left;
	display:inline;
	width:738px;
	position:relative;
	padding:0;
	margin-left:11px;
	
}
#content ol{margin-left:10px; list-style: decimal inside;}


/* entry */
#content .entry{ padding:15px; background:url('images/bg_content.png') top center repeat; margin-bottom:12px;}
#content .entry img{}

/* #catTitle */
#content #catTitle{ background:#FFFFFF; height:21px;  margin-bottom:12px; padding:15px 0 10px 10px; font-size:1.1em; font-weight:bold;}

/* metadata */
#content .metadata{ padding:11px 0 1px 0;}
#content .metadata .meatInfos{ width:365px; float: left; display:inline; font-size:0.95em; color:#545454;}
#content .metadata .meatInfos a{ font-weight:normal;}
#content .metacomments{ float:right; display:inline; width:112px; height:30px; background:url('images/bg_titleComments.png') top left no-repeat; position:relative; top:-5px;}
#content .metacomments a{ padding-left:10px; position:relative; top:3px; font-weight:normal;}

/* ---- Comments */
#content .comments-template {margin-top: 20px;}
#content .commentlist{
	list-style: none;
	margin: 10px 0 0 0;
	background:#FFFFFF;
	border:2px solid #e5e5e5;
}
#content h2#comments{ margin-left:10px; padding:5px; font-size:1.45em; position:relative; top:3px;}
#content .commentlist .even{ background-color:#f4f4f4; }
#content .commentlist .alt{}
#content .commentlist .comment{ position:relative;}
#content .commentmetadata { padding: 5px 10px;}
#content .comment p{ margin:4px 0 10px 0;}

#content .containerComment{
	position:relative;
	display:block;
	z-index:100;
	padding-top:5px;
}

#content .imgAvatar{ width:60px; float:left; display:inline;}
#content .imgAvatar img{border: 1px solid #000;}
#content .containerComment img{ margin:9px 0 0 15px; border:none;}
#content .contentComments{ float:left; display:inline; width:610px; padding-top:5px;}
#content .contentComments .infosComments{ font-size:0.95em; color:#414141;}
#content .contentComments .infosComments a{ font-weight:normal;}

#formComments{
	height:244px;
	padding:5px 10px 10px 10px;
	position:relative;
	top:-2px;
	border:2px solid #e5e5e5;
	background-color:#FFFFFF;
}
#formComments h2{ padding:5px 5px 8px 5px; font-size:1.45em; position:relative; top:3px;}
#formComments input#submit{position:absolute; right:15px; bottom:10px;}
#commentform .inputValid{
	background: #FFF url('images/bg_input.jpg') top left repeat-x;
	font-weight:normal;
	border:#fff 1px bcbcbc;
	 border:1px solid #bcbcbc;
}
#commentform .inputRequired{
	background: #FFF url('images/backgroundInputNoValid.gif') top left repeat-x;
	font-weight:bold;
	color:#333;
	border:#FF3300 1px solid;
}


/* ---------------- bottom -------------------- */
#bottom{ background:url('images/bgBottomBar.png') top center repeat; margin-top:12px; padding:15px;}
#bottom .boxBottom{ width:31%; float:left; margin-right:3%;}
#bottom .boxBottom.noSpace{margin-right:0px;}
#bottom .boxBottom .title h2{ 
	border-bottom:1px solid #252525;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#333333;
	font-family:"Lucida Sans",Arial,sans-serif;
	font-size:15px;
}
#bottom .boxBottom ul li{ background:url('images/bullet2.gif') 3px 6px  no-repeat; padding-left:15px;}
#bottom .boxBottom ul li a{ color:#333; font-weight:normal;}
#bottom .boxBottom .wpp-comments{ display:none;}


/* ---------------- Footer -------------------- */
#footer{background:url('images/bgFooter.png') top center repeat; width:966px; height:51px; color:#333333; margin-top:12px;}
#footer .container{ background:url(images/sepTopFooter.jpg) top center repeat-x; padding-top:18px; margin:0 26px;}

/* footerLinks */
#footerLinks{ float:left;}
#footerLinks ul li{ display:inline; margin:; padding: 0 3px;}
#footerLinks ul li a{ color:#333333; font-weight:normal; text-decoration:none;} 
#footerLinks ul li a:hover{ color:#FFF;}

/* footerInfos */
#footerInfos{ float:right;}


/* ---- Comment form */
#author, #email, #url, #comment { border: 1px solid #fff; padding: 2px;font-size:11px;}

#author{ width: 136px; }
#email{ width: 136px; }
#url{ width: 136px; }
#comment{ width: 454px; font-family:Arial, Helvetica, sans-serif;}
#submit{}

/* ---- Required by WordPress */

.aligncenter,
div.aligncenter{display: block; margin: 0 auto;}
.alignleft{float: left; margin:5px 10px 5px 0;}
.alignright{float: right;margin:5px 0px 5px 10px;}
.wp-caption{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it */
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img{border: 0 none; }
.wp-caption p.wp-caption-text{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }
.socialbookmark div { float:left; display:inline; }


label{ display:block; font-weight:normal; font-size:11px; padding-bottom:2px;}
small, .small{ font-weight:normal; color:#737373; font-size:0.95em;}

	
/* subscribe-to-comments */
.subscribe-to-comments{ position:relative;}
.subscribe-to-comments label{font-weight:normal; position:absolute; top:1px; left:20px; width:300px;}

/* ddsg-wrapper */
#content .ddsg-wrapper h2{ font-size:1.4em; margin:10px 0;}
	
/* general Classes */
.rollOverTrans img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.rollOverTrans:hover img{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
.floatLeft{ float:left; display:inline;}
.floatRight{ float:right; display:inline;}
.clear {clear:both;}
.col{ float:left; display:inline; width:154px;}
.inputStyle{ background:url('images/bg_input.jpg') top center repeat-x #FFFFFF; border:1px solid #bcbcbc;}