/*
Theme Name: EN
Theme URI: http://
Description: theme pour Belleville cycle co-op
Version: 1
Author: Michael Pauluzzi
Author URI: http://mkl-prod.com/

*/

* 						{ margin:0; padding: 0; }
HTML					{ font-size: 100%; margin: 0 0 1px 0; height: 100%; width: 100%; overflow: auto; }
body					{ font-size: 62.5%; /* Resets 1em to 10px */ color:#000; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;  background: #000 url(_IMG/BG_page.png) repeat-y center top; }


#wrapper 				{ display: block; position: absolute; top:0; width: 100%; margin: 0; padding: 0; background: url(_IMG/BG_belleville.jpg) repeat-x center top ;}
#wrapper2 				{ display: block; position: relative; width: 742px; margin: 0 auto 0 auto; padding: 0;  text-align: left; }


/*- Commun
------------*/
a		 				{ color: #000; text-decoration: underline; }
a:hover 				{ color: #333; text-decoration: none; }

.small 					{ font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
.clear 					{ clear: both;}

/*- Titles
------------*/
h1, h2, h3				{ color: #000; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}
h1 						{ font-size: 4em; text-align: center; }

h2, h2 a, h2 a:visited	{ font-size: 21px; font-weight: normal; margin: 20px 0 0; color: #000; text-decoration: none; }
h2 a:hover				{ color: #333; text-decoration: none; }

h3, h3 a, h3 a:visited 	{ color: #000; font-size: 1.3em; padding: 0; margin: 20px 0 0; text-decoration: none; }
h3 a:hover 				{ color: #333; text-decoration: none; }
	

/*- Images
------------*/
p img 					{ padding: 0; max-width: 100%; }
img.centered 			{ display: block; margin-left: auto; margin-right: auto; }
img.alignright 			{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 			{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright 			{ float: right;}
.alignleft 				{ float: left;}

/*- Menu
------------*/
#header 				{ display: block; height: 375px;  width: 760px;}

.langue					{ display: block; width: 80px; position: absolute; right: 0; margin: 0 8px 0 0; font-size: 1px; color: white;}
.en						{ display: block; width: 35px; height: 27px; float: left; margin-right: 4px; }
.fr						{ display: block; width: 35px; height: 27px; float: left; }

.menu					{ display: block; width: 146px; height: 145px; padding-top: 79px;  margin-left: 183px; text-align: left; }
,menu ul				{ display: block; list-style: none;}
.menu li				{ display: block;  color: white; float: right;  font-size: 1px; }
	.menu li 		a	{ color: white;}
	.blog					{ width:  95px; height: 23px; margin-top:  0px; background: url(_IMG/blog.png); 	}
		.blog		a			{ display: block; width:  95px; height: 23px; }
		
	.about					{ width: 122px; height: 25px; margin-top: 16px; background: url(_IMG/about.png); 	}
		.about		a			{ display: block; width:  95px; height: 23px; }
	.apropos				{ width: 120px; height: 25px; margin-top: 16px; background: url(_IMG/a_propos.png); }
		.apropos	a			{ display: block; width:  95px; height: 23px; }

	.staff					{ width: 102px; height: 29px; margin-top: 14px; background: url(_IMG/staff.png); 	}
		.staff		a			{ display: block; width:  95px; height: 23px; }
	.equipe					{ width: 102px; height: 29px; margin-top: 14px; background: url(_IMG/equipe.png); 	}
		.equipe		a			{ display: block; width:  95px; height: 23px; }
		
	.services				{ width: 132px; height: 33px; margin-top:  7px; background: url(_IMG/services.png); }
		.services	a			{ display: block; width:  95px; height: 23px; }
		
	.brands					{ width: 132px; height: 28px; margin-top:  8px; background: url(_IMG/brands.png); 	}
		.brands		a			{ display: block; width:  95px; height: 23px; }
	.marques				{ width: 132px; height: 28px; margin-top:  8px; background: url(_IMG/marques.png); 	}
		.marques	a			{ display: block; width:  95px; height: 23px; }
		
	.contacts				{ width: 146px; height: 33px; margin-top:  8px; background: url(_IMG/contact.png); }
		.contacts	a			{ display: block; width:  95px; height: 23px; }

/*- Content
------------*/
h2.singletitle 			{ font-size: 21px; margin: 10px 0 20px 0; text-align: left; }

#content 				{ clear: both; display: block; font-size: 1.2em; min-height: 300px;  }
.narrowcolumn 			{ float: left; padding: 0 0 0 45px; margin: 0px 0 0; width: 450px; }

.date					{ display: block; float: left; color: #fff; width: 40px; height: 57px; margin: 0 10px 10px 0; font-weight: normal; background: url(_IMG/date.png);}
	.day				{ display: block; width: 39px; height: 14px; font-size: 17px; 	text-align: center; margin: 3px 0 4px 0;}
	.month				{ display: block; width: 39px; height: 14px; font-size: 12px;	text-align: center; margin: 0 0 3px 0;}
	.year				{ color: black; display: block; width: 39px; height: 10px; font-size: 11px; text-align: center; }
	
.postmetadata 			{ float: left; display: block; padding: 5px 5px 5px 0;}
	.postmetadata ul,
	.postmetadata li 		{ display: inline; list-style-type: none; list-style-image: none; }

.entry					{ clear: both; display: block; }

.more					{ clear: both; display: block; padding: 10px 0 0 0; text-decoration: underline;}
.tags					{ clear: both; display: block; padding: 10px 0 0 0;}

.post 					{ display: block; text-align: justify; }
	.post-sep				{ clear: both; display: block; padding-top: 15px; background: url(_IMG/ligne.png) repeat-x left bottom;  }
	

/*- Commentaires
------------*/
h3.comments 			{ clear: both; display: block; float: left;  padding: 0; margin: 20px auto 20px ; }

.postmetadata-single  	{ clear: both; display: block; margin-top: 15px; padding: 10px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.alt 					{ background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.commentlist 			{ padding: 0;text-align: justify;}
.commentlist li 		{ margin: 15px 0 3px;	padding: 5px 10px 3px;list-style: none;}
.commentlist p 			{ margin: 10px 5px 10px 0;}
#commentform p 			{ margin: 5px 0;}
.nocomments 			{ text-align: center;margin: 0;	padding: 0;}
.commentmetadata 		{ margin: 0;display: block;}


/*- Pages
------------*/
h2.pagetitle 			{ font-size: 27px; margin: 30px 0 40px 0; text-align: center; }
.widecolumn 			{ padding: 0 0 0 45px; margin: 0px 0 0; width: 650px; }


/*- Sidebar
------------*/
#sidebar				{ padding: 20px 0 10px 0; margin-left: 525px; width: 180px; }
#sidebar h2 			{ font-size: 14px; text-transform: uppercase; margin: 5px 0 5px 0; font-weight: bold; }

.widget					{ display: block; padding-bottom: 15px; background: url(_IMG/ligne.png) repeat-x left bottom;  }

.entry ul li:before,
#sidebar ul ul li:before	{ content: "\00BB \0020"; }

#sidebar ul,
#sidebar ul ol 			{ margin: 0; padding: 0; }
#sidebar ul li 			{ list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p,
#sidebar ul select 		{ margin: 5px 0 8px; }
	#sidebar ul ul,
	#sidebar ul ol 			{ margin: 5px 0 0 0; }
		#sidebar ul ul ul,
		#sidebar ul ol 			{ margin: 0 0 0 10px; }

	ol li,
	#sidebar ul ol li 		{ list-style: decimal outside; }
		#sidebar ul ul li,
		#sidebar ul ol li 		{ margin: 3px 0 0; padding: 0; }	
		
#sidebar #searchform #s	{ text-align: left; width: 90px; margin-right: 5px; padding: 2px; }
	#sidebar #searchsubmit 		{ padding: 1px; }
	#sidebar form 				{ margin: 0; }


/*- footer
------------*/
#footer 				{ clear: both; width: 697px; min-height: 140px; padding: 40px 0 15px 45px; line-height: 1.5em; background: #000 url(_IMG/BG_footer.jpg) no-repeat top center; }
	#footer p 				{ text-align: left; }
	#footer		ul			{ list-style: none; display: inline; }
	#footer		li			{ list-style: none; display: inline; }









.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}


#wp-calendar caption, cite { text-decoration: none; }
.entry p a:visited 		{ color: #b85b5a; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentlist li {font-weight: bold; }

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


code { font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps
{ font-size: 0.9em; letter-spacing: .07em;
	}


#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */




/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li 	{ margin: 0; padding: 0; }



/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */