/*
Theme Name: Le CycloCampeur
Theme URI: http://www.lecyclocampeur.ch/
Description: Thème par défaut du CycloCampeur
Version: 1
Author: Pierre Noirat
Author URI: http://www.lecyclocampeur.ch/
Tags: custom header, fixed width, two columns, widgets 

This theme was designed and built by Pierre Noirat,
whose blog you will find at http://www.pierrequiroule.net/
*/
/* Begin Structure, Typography & color */
* {
margin:0;
padding:0;
}
html{
	background: #D7DADD url('../../../../themes/lecyclocampeur/img/background.jpg') repeat-x top left;
}
body {
	/*background-color: white;*/
	text-align: center;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	color: #5d717e;
	background: transparent url('../../../../themes/lecyclocampeur/img/page_background.jpg') no-repeat top center;
}
a {
	color: #5d717e;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color:#006DAF;
}
a img {
	outline: none;
	border: none;
	text-decoration: none;
}
#content a{
/*color: #658D3C;*/
text-decoration: underline;
}
#content a:hover {
/*color: #658D3C;*/
text-decoration: none;
}
#top_of_page {
	width: 1024px;
	height: 30px;
	margin: 0 auto;
	text-align:left;
	background: #D7DADD url('../../../../themes/lecyclocampeur/img/background.jpg') repeat-x top left;
}
#top_of_page p#header_user_info { 
	margin: 0;
	padding: 10px 0 0 28px;
	}
#wrap {
width:980px;
margin: 3px auto; /*center hack*/
text-align:left; /*center hack*/
border: 1px solid #BFBFBF;
padding: 0 6px 0 17px;
background-color: white;
}
#wrap-inner{
margin:0;
padding:0;
/*border:1px solid #bbb;*/
}
#header {
	height:88px;
	padding-right: 13px;
}
#header_left {
	float: left;
	text-align: left;
}
#logobox {
	float: left;
	/*width: 440px;*/
	margin-top: 8px;
	
}
#topbox {
	float: left;
	
}
#header_right {
	float: right;
	text-align: right;
	height:80px;
	/*width: 500px;*/
	margin: -25px 0 0 0;
	padding: 0;
	position:relative; 
	z-index: 99;

}
#backtoshop {
	/*background: transparent url('../../../../themes/lecyclocampeur/img/block_search_bg.jpg') no-repeat top right;
	font-weight: bold;*/
	text-align: right;
	margin:0;
	padding:0;
}
#backtoshop a {
	background-image:url(../../../../themes/lecyclocampeur/img/icon/cart.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:20px;
	padding:2px 0 4px 30px;
}
#header_user {
	text-align: right;
	margin:5em 0 0 0;
	clear: left;
	overflow: visible;
}
#header_user p {
	margin-bottom:0;
}
#header_user a {
	text-decoration: underline;
}
#header_user input{ padding:0;}
#header_user input.button_mini{ padding:0;line-height:19px;}
#header_user input.text{ border:1px solid #BDC2C9;padding:1px;height:16px;font-size:12px;}

#header_user ul { margin-top: 0.3em; }
#header_user li {
	float: right;
	line-height: 2em;
	margin-left: 0.5em;
	white-space: nowrap;
	list-style-type: none;
}
#search_block {
	background: #e5e6e7 url('../../../../themes/lecyclocampeur/img/block_search_bg.jpg') no-repeat top right;
	height: 28px;
	width: 336px;
	float: right;
	margin-bottom:0.5em;
	padding-right:0.2em;
}
#search_block form {
	padding: 0.4em 0 0.4em 1em;
}
#search_block label, #search_block input{ float:left; }
#search_block label {
	background: transparent url('../../../../themes/lecyclocampeur/img/icon/search.gif') no-repeat 0 2px;
	float: left;
	width: 19px;
	height: 18px;
	display: block;
}
#search_block input#search_query { width: 12em; }
#search_block input{
	margin-left: 0.7em;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	vertical-align: top;
	outline: none;
}

#search_block input {
	border: 1px solid #bdc2c9;
}

#search_block input.text {
	height:18px;
	padding-left:2px;
	padding-right:2px;
}
#search_block input.button {
	width: 120px;
	background-image: url('../../../../themes/lecyclocampeur/img/button-medium.gif');
}

#search_block input.button, #search_block a.button, #search_block span.button {
	background-repeat: no-repeat;
	background-position: top left;
	border: none;
	color:black!important;
	font-weight: bold;
	font-size: 10px!important;
	text-align: center;
	text-decoration: none!important;	
	cursor: pointer;
	display: block;
	line-height: 18px;
	height: 18px;
}
#search_block input.button {
	padding-bottom:2px;
}
#search_block input.button:hover, #search_block a.button:hover {
	background-position: left -18px;
}
#shopping_cart, #your_account { font-size: 0.9em; }
#shopping_cart a, #your_account a {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 2px 0 4px 26px;
	height: 20px;
	text-decoration: none;
}
#shopping_cart a { background-image: url('../../../../themes/lecyclocampeur/img/icon/cart.gif'); }
#your_account a { background-image: url('../../../../themes/lecyclocampeur/img/icon/my-account.png'); }

#navbar{
	height:30px;
	background:#5D9A4C url('./images/navbar_background.jpg') repeat-x;
	margin: 6px 14px 22px 2px;
	padding: 0;
	text-align: left;
	line-height: 30px;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 13px;
	border: 1px solid #4B8C2B;
}
#navbar ul{
	padding: 0;
	border-left: 1px solid #88BB79;
}
#navbar li{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 7px 15px 7px 14px;
	background:url('./images/navbar_sep.jpg') right no-repeat;
}
#navbar li#hor_nav_latest{
	border-right: none;
}
#navbar a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#navbar a:hover{
	text-decoration: underline;
}
#page {
margin:0;
overflow: auto;
width: 980px;
}
.search{
margin: 0;
margin-top: -2px;
padding: 0;
float: right;
}
.textwidget{
margin: 6px 0 0 6px;
}
.widget_tag_cloud{
margin: 0 0 0 6px;
}
.widget_tag_cloud h2{
margin: -6px 0 6px -6px;
}
#sidebar-left {
float:left;
width:190px;
	padding-right: 15px;
} 
#sidebar {
float:left;
width:190px;
	padding-left: 15px;
} 
#sidebar-left ul, #sidebar ul {
list-style-type: none;
padding-left: 0;
padding-bottom: 12px;
}
#sidebar-left ul li, #sidebar ul li {
padding:0; /*padding for inside text*/
margin-bottom: 10px;
}
#sidebar-left ul li#tag_cloud {
margin-bottom: 24px;
}
#sidebar-left ul ul li, #sidebar ul ul li {
padding:0; /*padding for inside text*/
border:none;
margin-bottom: 0;
padding: 8px 0 0 6px;
}
li.cat-item {
	border:none;
	padding-left:0px;
	background: none;
	margin-left:0;
	font-weight:bold;
	font-size:13px;
	line-height:13px;
	margin-top:2px;
	}
li.cat-item a{
	padding-left:0;
	color:#374853;
}
li.cat-item a:hover{
	text-decoration:none;
}
li.current-cat a{
	color: #488c40;
	font-weight: bold;
}
#sidebar-left h2, #sidebar h2 {
	text-transform: uppercase;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	padding-left:0.5em;
	border-bottom:1px dotted #B2B2B2;
	padding-top:2px;
	line-height:1.3em;
	color: #DA0F00;
	height: 21px;
}
#sidebar-left h2 a {
	color: #DA0F00;
}
li#tag_cloud a{
	margin: 0 0.1em;
	line-height: 1.5em;
	}
li#tag_cloud a:hover{
	color:white!important;
	background-color:#5D717E;
	text-decoration:none;
	}
#content{
float: left;
width: 556px;
	margin: 0 0 30px 0;
}
.breadcrumb{
	font-size: 1em;
	color:#888;
}
.breadcrumb a {
	text-decoration: none;
	color:#5d717e;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.narrowcolumn {
	float: left;
}
.post {
	margin: 2px 0 24px 0;
	padding: 0;
	text-align: justify;
}
#cat_name {
	color:#DA0F00;
	font-size:1.2em;
	text-transform: uppercase;
	font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
	font-weight: bold;
}
#cat_name a {
	color:#DA0F00;
	text-decoration: none;
}
.post a, .aktt_tweets a {
	/*color:#658D3C;*/
	color:#006DAF;
	text-decoration: underline;
}

.post hr {
	display: block;
}
.post img.greyborder {
	border: 1px solid #c6c6c6;
}
.narrowcolumn .postmetadata {
	background-color: #eee;
	border-top: 1px solid #C4C0BB;
	border-bottom: 1px solid #C4C0BB;
	padding: 10px ;
	margin: 18px 0 0 0;
}
.postmetadata a{
	color: #5d717e;
}
div.entry {
	margin-top: 6px;
}
.entry p {
	margin-bottom: 12px;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.3em;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#footer {
	/*text-align:center;
	height: 30px;
	margin: 0;*/
	border-top: 1px solid #d0d3d8;
	padding: 0.5em 0 1.5em 0;
	clear: both;
	text-align: center;
}
#footer .block_various_links { list-style: none; }
#footer .block_various_links li a{ /*text-decoration:none;*/ }
#footer .block_various_links li {
	display: inline;
	border-left: 1px solid #888;
	padding: 0px 2px 0px 4px;
}
#footer .block_various_links li.first_item {
	border: none;
	padding-left: 0px;
}
.postmetadata {
	clear: left;
}
.clear { 
	clear: both; 
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.3em;
	display: block;
	margin-top: 6px;
}
h1, h2, h3 {
/*font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	font-weight: bold;
}
h1 {
	font-size: 4em;
	text-align: center;
}
h2 {
	font-size: 1.6em;
}
h2.pagetitle {
	font-size: 1.6em;
}
h3 {
	font-size: 1.3em;
}
h3.pagetitle {
	margin-bottom: 10px;
}
.date{
padding:0;
margin:0;
color: #888888;
}
#content h2, #content h2 a{
font-size:22px;
padding: 5px 0 0 0;
color:#374853;
text-decoration: none;
font-family: Arial, Verdana, Sans-Serif;
font-weight: normal;
}
#content h2 a:hover{
color:#658D3C;
text-decoration: none;
}
h1, h1 a, h1 a:hover, h1 a:visited {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
/*color: #333;*/
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
/*color: #FE9900;*/
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.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;
}
small, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
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 Headers */
h1 {
padding: 0;
margin: 0;
}
h2 {
margin: 0;
}
h3 {
padding: 0;
margin: 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
background: #fff;
}
img.alignnone {
padding: 0px;
margin: 0 11px 4px 0;
/*border: 1px solid #D0D1D5;*/
background: #fff;
}
img.alignright {
padding: 0px;
margin: 4px 0 4px 11px;
display: inline;
/*border: 1px solid #D0D1D5;*/
background: #fff;
}
img.alignleft {
padding: 0px;
margin: 4px 11px 4px 0;
display: inline;
/*border: 1px solid #D0D1D5;*/
background: #fff;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
div.checklist{
padding: 18px 0 0 0;
}
div.checklist h3, h3.checklist{
padding-bottom: 4px;
border-bottom: 1px dotted #999;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 13px;
}
div.checklist .alignright {
width: 260px;
}
div.checklist .alignleft {
width: 260px;
padding-right:25px;
}
/* End Images */
/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
.entry ul {
*margin-left: 10px;
padding: 0;
list-style: none;
/*text-indent: -10px;*/
}
.entry ul li {
margin: 7px 0 8px 5px;
padding: 0;
}
.entry ul li:before {
content: "\00BB \0020";!important
}
.input-group ul li:before {
content: " ";!important
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li {
list-style: decimal outside;
}
/* End Entry Lists */
/* Begin Form Elements */

#searchform {
margin: 0;
padding: 0;
text-align: center;
}
#searchform #s {
width: 130px;
padding: 0 1px;
}
#searchsubmit {
padding: 0 1px;
}
.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 Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.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;
}
/* End Comments */
/* 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;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

.gallery {
	margin: auto;
	margin-bottom: 10px;
}
.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%;			}
.gallery img, .ateliers img {
	border: 2px solid #cfcfcf;
	cursor:  url(../../plugins/highslide/graphics/zoomin.cur), pointer;
}
.gallery-caption {
	margin-left: 0;
}
img.blanc {
	border: 2px solid transparent;
	cursor: auto;
}
div.listeateliers {
padding: 0;
margin: 0;
display: block;
overflow: hidden;
padding-top: 12px;
padding-bottom: 12px;
border-top: 1px solid #cfcfcf;
}

div.listeateliers h3 {
padding: 0;
font-size: 13px;
margin: -10px 0 10px 0;
color: #5D717E;
font-weight: bold;
}

li.linkcat{
	list-style-type: none;
}


li.linkcat h3{
	margin: 12px 0 3px 0;
}

.linkcat ul{
	line-height: 1.5em;
	list-style-type: none;
}


.linkcat ul li a{
	/*color:#658D3C;*/
	color:#006DAF;
}


/* End Various Tags & Classes*/
/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */