/*
Theme Name: Colérique
Theme URI: http://www.fran6art.com/
Description: Thème pour la refonte de Colérique 2010
Version: 2.0
Author: Guy Labbé
 
Colérique 2010 par Guy Labbé || http://www.colerique.com
 
*/

@import url("reset.css");
@import url("format.css");

html, body {
	height:				100%;
	text-align:			center;
	background:			#161616 url(images/bgrbar.jpg) repeat-x;
}

div#bodybgr {
	background:			url(images/bgr.jpg) top center no-repeat;
	position:			relative;
	height:				auto !important; /* real browsers */
	height:				100%; /* IE6: treaded as min-height*/
	min-height:			100%; /* real browsers */	
	padding-bottom:		100px;
}

div#conteneur {
	position:			relative;
	width:				960px;
	margin:				0 auto;
	position:			relative;
	text-align:			left;
	
}

div#header {
	height:				150px;
}

div#header h1 {

}

div#content {
	width:				700px;
	margin-left:		10px;
}

a#logo {
	display:			block;
	width:				240px;
	height:				80px;
}	

#footer {
	position:			absolute;
	bottom:				0;
	left:				0;
	width:				100%;
	height:				30px;
	line-height:		30px;
	text-align:			center;
	background:			#0f0f0f;
	color:				#333;
	font-style:			italic;
	font-size:			0.8em;
	letter-spacing:		0.1em;
}

#footer div {
	width:				960px;
	margin:				0 auto;
	text-align:			right;
}	

#footer a {
	color:				#666;
}

/* Navbar */
div#header #navbar {
	width:				400px;
	height:				60px;
	position:			absolute;
	right:				250px;
	top:				0px;
	text-align:			right;
	font-style:			italic;
}

div#header #navbar ul {
	list-style-type:	none;
	position:			absolute;
	bottom:				0;
	right:				0;
}

div#header #navbar li {
	display:			inline;
	float:				left;
	margin-left:		30px;
}

div#header #navbar ul a {
	color:				#666;
	font-size:			1.1em;
	padding:			10px 0;
	display:			block;
}

div#header #navbar ul a:hover {
	color:				#fff;	
}

div#header #navbar li#rssLnk a:hover {
	color:				#fc9e3c;
}

div#header #navbar li#fbLnk a:hover {
	color:				#3b5998;
}

div#header #navbar li#ttLnk a:hover {
	color:				#33ccff;
}

div#header a#sd {
	display:						block;
	width:							120px;
	height:							42px;
	position:						absolute;
	top:							20px;
	right:							110px;
	background:						#161616;
	-moz-border-radius-topleft:		6px;
	-webkit-border-radius-topleft: 	6px;
	-moz-border-radius-topright:	6px;
	-webkit-border-radius-topright: 6px;
	color:							#ddd;
	font-size:						1.1em;
	font-style:						italic;
}

div#header a#sd:hover {
	color:							#fff;	
}

div#header a#sd span {
	position:						absolute;
	left:							16px;
	bottom:							12px;
}


/* sidebar */
div#sidebar {
	width:				220px;
	position:			absolute;
	right:				10px;
	top:				150px;
	font-style:			italic;
}

/* Items */
div#sidebar ul {
	list-style-type:	none;
}

div#sidebar ul.lst li a {
	display:			block;
	height:				30px;
	line-height:		30px;
	font-size:			1.2em;
	padding:			0px 12px;
	color:				#A3A3A3;
	-moz-border-radius:		6px;
	-webkit-border-radius: 	6px;
	overflow:hidden;
}

div#sidebar ul.lst li a:hover {
	background:			#000;
	color:				#fff;
}

div#sidebar ul.lst.noitem li a {
	display:			block;
	height:				auto;
	line-height:		1.8em;
	font-size:			0.8em;
	padding:			0px 12px;
	color:				#A3A3A3;
	background:			none;
	margin-bottom:		13px;
}

div#sidebar ul.lst.noitem li a:hover {
	background:			none;
	color:				#fff;
}

div#sidebar ul.lst.noitem span.author {
	text-decoration:	underline;
	font-weight:		bold;
}

div#sidebar ul.lst {
	margin-bottom:		44px;	
}

div#sidebar h2 {
	font-weight:		normal;
	color:				#555;
	font-size:			1.1em;
	margin:				12px 0 12px 12px;
}


/* Post */
div.post {
	margin-bottom:		40px;
}

div.post .title {
	font-size:							1.7em;
	font-weight:						normal;
	font-style:							italic;
	background:							url(images/bgrblack.png);
	-moz-border-radius:					6px;
	-webkit-border-radiust: 			6px;
	margin-left:						120px;
	letter-spacing:						0.02em;
	line-height:						1em;
	*background:						none;
	*filter:							progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/wp-content/themes/colerique/images/bgrblack.png');
	*width:								580px;
}

div.post .title a,
div.post .title a:visited,
div.post.single .title {
	color:				#A1A1A1;
	display:			block;
	padding:			0.6em 12px 1em;
}

div.post .title a:hover {
	color:				#fff;
}


div.post#sticky .title {
	padding:			0.2em 12px 0.65em;
	*width:				557px;
}

div.post.single#sticky .title {
	padding:			0.5em 12px 0.65em;
}

div.post#sticky .title a {
	padding:			0.2em 12px 0em;
}

div.post div.box {
	background:				#fff url(images/bgrtopbox.gif) repeat-x;
	padding:				25px 12px 25px 12px;
	-moz-border-radius:		6px;
	-webkit-border-radius: 	6px;
	margin-top:				-6px;
	min-height:				100px;
	height:					auto !important;
  	height:					100px;
	line-height:			1.4em;
	font-size:				1.1em;
}

div.post div.post_content {
	width:				580px;
	float:				right;
	cursor:				pointer;
}

div.post#sticky div.post_content {
	font-size:			1.3em;
	line-height:		1.3em;
}

div.post#sticky .title {
	font-size:			2.6em;	
}

div.post div.meta {
	width:				100px;
	text-align:			right;
	font-style:			italic;
	font-size:			0.9em;
	color:				#555;
	margin-top:			14px;
}

div.post div.meta a {
	color:				#fff;
}

div.post div.meta ul {
	list-style-type:	none;
}

div.post div.meta li {
	border-bottom:		solid #202020 2px;
	padding:			4px 0;
}

div.post div.meta li:last-child {
	border:				none;
}

div.post a.more-link {
	font-size:			1em;	
	padding-left:		6px;
	margin-top:			20px;
	display:			block;
	float:				right;
}

div.post span.author {
	color:				#A3A3A3;	
}

.tags {
	font-size:			0.7em;
	color:				#aaa;
	margin:				10px 0 0 10px;
}

.tags a {
	color:				#777;
}

#paginate {
	margin-left:		130px;
	margin-bottom:		30px;
	font-size:			1.2em;
}

#paginate a {
	color:				#a3a3a3;
}

#paginate a:hover {
	color:				#fff;
}

/* Accueil */
div#intro {
	width:					556px; /* 580 */
	margin-left:			130px;
	margin-bottom:			44px;
	background:				url(images/bgrblack.png);
	*background:			none;
	*filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/wp-content/themes/colerique/images/bgrblack.png');
	-moz-border-radius:		6px;
	-webkit-border-radius: 	6px;
	padding:				20px 12px 35px;
	color:					#444;
	font-style:				italic;
	position:				relative;
}

div#intro h2 {
	font-size:				2.9em;
	color:					#A5A5A5;
	font-weight:			normal;
}

div#intro .undertitle {
	margin:					12px 0 16px 26px;
	font-size:				1.3em;
}

div#intro ul {
	list-style-type:		none;
	margin:					0 0 0 26px;
}

div#intro ul li {
	padding:				3px 0 4px 22px;
	font-size:				1.1em;
	background:				url(images/puce.gif) 6px center no-repeat;
}

div#intro a#cta {
	padding:				9px 22px;
	font-size:				1.4em;
	color:					#B3B3B3;
	border:					solid #000 1px;
	background:				#000 url(images/introbutton.gif) repeat-x;
	-moz-border-radius:		6px;
	-webkit-border-radius: 	6px;
	display:				block;
	float:					right;
	position:				absolute;
	left:					360px;
	bottom:					-7px;
}

div#intro a#cta:hover {
	color:					#B50000;	
}

div#intro a {
	color:					#A5A5A5;
}

h2 {
font-size:1.2em;
margin:32px 0 10px;
font-weight:bold;
color:#000;
font-style:italic;
}

.cat {
	background:				#212121;
	color:					#555;
	padding:				6px 12px;
	display:				block;
	float:					left;
	font-size:				1.2em;
	font-style:				italic;
	-moz-border-radius:		6px;
	-webkit-border-radius: 	6px;
	margin:					0 0 16px 120px;
	*margin-left:			60px;
}

/* Commentaires */
h2.cmt,
h2.addcmt  {
	margin:					34px 0 18px;
	font-size:				1.4em;
	background:				none;
	color:					#333;
	font-weight:			normal;
	font-style:				italic;
}


ol.cmtlst li {
	font-size:				0.8em;	
	margin:					0 0 20px 0;
	color:					#333;
	list-style-type:		none;
}

ol.cmtlst li div.commentmetadata {
	font-size:				0.9em;	
	padding-bottom:			3px;
	margin-bottom:			3px;
	border-bottom:			dotted #ccc 1px;
	color:					#777;
}

ol.cmtlst li p {
	margin:					0;	
}


.commentaires .msg {
	color:					#555;
	font-weight:			bold;
}

p.connected {
	color:					#b3b3b3;
	font-size:				0.7em;
	font-weight:			bold;
	margin:					-16px 0 24px 20px;
}

.dcnt {
	font-size:				0.9em;
	font-weight:			normal;
	margin-left:			12px;
}




/* misc */

span.dn {
	display:			none;
}

div.clr {
	clear:				both;
}

/* Mise en forme */

p, ol {
	margin-bottom:		12px;
}

del {
	text-decoration:	line-through;
}

.nofloat {
	float:					none;	
	width:					auto;
	text-align:				left;
}

label,
.label  {
	float:					left;
	display:				block;
	width:					100px;
	text-align:				right;
	margin-right:			20px;
	font-size:				0.7em;
	padding:				0.35em 0;
	font-style:				italic;
}

input[type=checkbox] {
	width:					auto;
}

input,
textarea {
	width:					220px;
	padding:				0.35em 0.6em;
	color:					#333;
	border:					solid #d9d9d9 1px;
	border-bottom:			solid #d0d0d0 1px;
	font-size:				0.7em;
	line-height:			1.5em;
	background:				#f4f4f4 url(images/bgrinput.gif) repeat-x;
	font-family:			Georgia, "Times New Roman", Times, serif;
	
}

textarea {
	background:				#f3f3f3 url(images/bgrtextarea.gif) repeat-x;
	height:					110px;
	width:					340px;
}

input[type=submit] {
	margin:					8px 8px 0 0;
	width:					auto;
	padding:				0.35em 1.25em;
	background:				#555;
	color:					#B3B3B3;
	-moz-border-radius:		6px;
	-webkit-border-radius: 	6px;
	border:					none;
	cursor:					pointer;
	font-size:				0.8em;	
}

input[type=submit]:hover {
	color:					#fff;
}

.form p {
	clear:					both;
}

span.mention {
	font-size:				0.6em;
	color:					#999;
	padding-left:			12px;
}

.form {
	margin-bottom:			20px;
}

.search {
	margin-top:				25px;
	font-size:				1.9em;
	display:				block;
	text-align:				center;
}

.alignleft {
	float:					left;
	margin:					0 10px 10px 0;
}

ol li {
	list-style-type:		decimal;	
	margin-left:			20px;
}


/* Ajouter */
textarea#content-text-ta {
	height:					300px;
	width:					400px;
}

form.sedefouler input[type=submit] {
	margin-top:				30px;
}

form.sedefouler span.known {
	font-size:				0.7em;	
	padding:				0.35em 0.6em;
	display:				block;
	font-weight:			bold;
}


/* Votes */
.voted, .ratingtext {
	display:				none;
}
.ratingblock {
	float:					right;
}

/* Services */
.nos .services {
	display:				none;
}
.services {
	margin:					26px 0 16px;
	padding:				10px 6px 0px;
	border-top:				dotted #ddd 1px;
	border-left:			none;
	border-right:			none;
	font-size:				0.65em;
	display:				block;
}

.services a {
	color:					#333;
}

a.tt {
	display:				block;
	
}

a.tt img {
	float:					left;
	display:				inline;
	margin-right:			6px;
}