/*
Theme Name: theme_hbd
Theme URI: http://www.happybikedays.org/
Description: theme de l'evenement.
Version: 0.1
Author: Maxime Douillet
 
Creation Theme by Maxime Douillet || http://www.maximedouillet.com
 
*/
/* --------------------------------------------------------------------------- */
/* !RESET Eric Meyer */
/*---------------------------------------------------------------------------- */ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;clear: both;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;}
a img {border: none;}
input {outline: none;}

/* --------------------------------------------------------------------------- */
/* !MAIN */
/*---------------------------------------------------------------------------- */ 
html, body {height: 100%;
}
body {
font-family: Helvetica, Arial, Sans-serif;
font-size: 0.8em;
text-align: left;
color: #666;
background: #fff ;
}

#border { border-top: #bd0a26 solid 5px;

}
#wrapper{
	padding:0 10px;
	width: 940px;
background-color: #fff;
min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -190px;
	


	
/*
-webkit-box-shadow: 0px 5px 10px 0px #aaa;
	-moz-box-shadow: 0px 5px 10px 0px #aaa;
	box-shadow: 0px 5px 10px 0px #aaa;
*/

	}
	


h1 { 
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	margin-bottom: 12px;
	color: #666;
	font-size: 16px;
	padding-bottom: 5px;
	border-bottom: #bebebe 1px solid;
	width: 940px;
	height: 20px; 
}
h2 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
	color: #666;
	}
h2.center {
	color: #666;
}
h3 {color: #666;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 1px;}

}
h4 { 
	font-weight: normal;
	font-size: 14px;}
h5 {
	margin-left: 0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #656565;
}

h6 { 
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	color: #fff;
	font-size: 12px;
	}

a {color: #7f7f7f;
}
a:hover {color: #bd0a26;}
p { color: #7f7f7f; line-height: 17px}

table { width: 940px;}
table tr {width: 50px;height: 50px; margin-right: 5px;}
table td { color: #666; font-size: 12px;}
strong { color: #5d5d5d;

}

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ } /* Légende de l'image */
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }

/* --------------------------------------------------------------------------- */
/* !home langue */
/*---------------------------------------------------------------------------- */ 
#fondrouge {

height: 100%}


#comingsoon {
margin: -30px auto;
width: 940px;
}

#comingsoon img {

}

#fond {
margin: -20px auto;
	width: 173px;

}

#contenu_langue {
	background-repeat: no-repeat;
	background-image: url(images/logo_home.jpg);
	background-position: top center;
	margin: 0 auto;
	width: 173px;
	height: 500px;

}

#choix_langue {

position: relative;
top: 475px;
width: 173px;
height: 50px;
border-top: 1px solid #bbb;
padding-top: 20px; 
}
#choix_langue ul {

display: block;
width: 173px;
height: 50px;


}
#choix_langue ul li {

	display: inline;
}

#choix_langue a {

	display: block;
	float: left;
	color: #fff;
	background-color: #bd0a26;
	border-radius: 5px;
	height: 20px;
	padding: 5px 32px 5px 32px;
	line-height: 20px;
}

#choix_langue a:hover {

color: #fff;
background-color: #ddd;

}

.bord20 {
margin-right: 20px
}

/* --------------------------------------------------------------------------- */
/* !page_construction */
/*---------------------------------------------------------------------------- */ 
#wait {
width: 100%;
height: 100%;
background-image: url(images/wait.png);
background-repeat: no-repeat;
background-position: center center;
background-color: #b9102b;
	}



/* --------------------------------------------------------------------------- */
/* !header */
/*---------------------------------------------------------------------------- */ 

#header { 
	width: 940px; 
	height: 135px;
	position:relative; 
	
}
#header h1 a {
	position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
	}

#header p {
	position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
	}


#header h1 { 
	border-bottom: none;
	 
}


/* --------------------------------------------------------------------------- */
/* !contact */
/*---------------------------------------------------------------------------- */ 

#contact { width: 300px; height: 60px;position:absolute; top: 0; right: 0px;padding-right: 85px;
}
#contact ul {display: block;float:right; width: auto; height: 50px;}

#contact ul li {float: left;}


#contact ul li.fr { 
	line-height: 10px;
	margin: 7px 8px 0 0;
	border-right: #666 1px solid;
	width: 30px;
	height: 10px
	}
#contact ul li.nl {
	line-height: 10px;
	margin: 7px 0 0 5px;
	width: 30px;
	height: 10px;
	}
#contact ul li.contact {
	line-height: 20px;
	width: 91px;
	height: 22px;
	margin: 0 2px;
	padding-left: 10px;
	background-position: 75px 6px;
	background-repeat: no-repeat;
	background-image: url(images/enveloppe.png);
	background-color: #bd0a26;
	color: white;
	}

#contact ul li a {
	font-size: 11px;
	}
#contact ul li.contact a {
	color: #fff;
	}
#contact ul li.fr a, #contact ul li.nl a {
	color: #666;
	}

#logo-text {
	width:330px;
	height:113px;
	position: absolute;
	left: 0; 
	top: 20px;
	z-index: 200;
	background: url(images/hbddate.png) no-repeat;

	}
#logo-text a {
	display: block;
	width:226px;
	height:75px;
	color: #fff;
	padding:20px; 
	text-indent: -9999px;
	
	}

/* --------------------------------------------------------------------------- */
/* !menu */
/*---------------------------------------------------------------------------- */ 

#navbar {
	z-index: 20;
	position: absolute; top: 50px; right: 0px;
	display: block;
	float: right;
	margin: 10px 0 0 0;
	width: 800px;
	}
#nav2 {
	background-color: #bd0a26;
	display: block;
	float: right;
	margin: 0 auto;
	width: auto;
	border-radius: 5px;
	}
#nav2 ul {
	list-style: none;
	margin: 0;
	}
#nav2 ul li {
	float: right;
	position: relative;
	z-index: 997;
	}
#nav2 a {
	color: #fff;
	display: block;
	line-height: 38px;
	padding: 0 20px;
	border-left: #fff 1px solid;
	}
#nav2 ul li ul {
       display: none;
       position: absolute;
       left: 0;
       float: left;
       /* width: 180px; */
       z-index: 998;
}
#nav2 ul ul li {
	width: 180px;
	}
#nav2 ul ul ul {
	left: 100%;top: 0;
	}
#nav2 ul ul a {
	background: #bd0a26;
	line-height: 1em;
	padding: 5px 10px;
	width: auto;
	height: auto;
	}
#nav2 ul ul ul a {
	width: auto;
	}
#nav2 li:hover > a, #nav ul ul :hover > a {
	background: #999;
	color: #fff;
	}
#nav2 ul li:hover > ul {
	display: block;
	}
#nav2 ul li.current_page_item > a,
#nav2 ul li.current-menu-ancestor > a,
#nav2 ul li.current-menu-item > a,
#nav2 ul li.current-menu-parent > a {
	color: #fff;
	}

#nav2.onglet_home {
	color: #000;
	}

* html #nav2 ul li.current_page_item a,
* html #nav2 ul li.current-menu-ancestor a,
* html #nav2 ul li.current-menu-item a,
* html #nav2 ul li.current-menu-parent a,
* html #nav2 ul li a:hover {
	color: #fff;
	}



/* --------------------------------------------------------------------------- */
/* !slideshow */
/*---------------------------------------------------------------------------- */ 
#slideshow {
	position: relative;
	width: 940px;height:264px;
	background-color: #f8f8f8;
	margin-bottom: 10px;
	}

#hover_slide {
	/*padding: 5px;
	position: absolute; 
	top: 0;
	right: 0px;
	height: 254px;
	width: 218px;
	background-color:#f60;
	z-index: 2;
	/*opacity: 0.97;*/
	}


#hover_slide img {
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 4;
	}
#hover_slide a {
	border-top: white 1px solid;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 5px;
	left: 5px; height: 20px;
	line-height: 20px;
	width: 150px;
	background-image: url(images/fleche.png);
	z-index: 3;
	background-position: right;
	color: #fff;
	}
	
#rocardenne	 {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 254px;
	height:218px;

	}
	
#pastille {
	position: absolute;
	bottom: 40px;
	right: 880px;
	width: 100px;
	height:100px;
	z-index: 101;
	}
#logoO2 {
	position: absolute;
	bottom: 20px;
	right: 10px;
	width: 110px;
	height:20px;
	z-index: 100;

	}

	
#bandeau {
	z-index: 30;
	position: absolute;
	top: -3px;
	left: -30px;
	width: 100px;
	height:100px;
	}

#bandeau2 {
	z-index: 3;
	position: absolute;
	top: -60px;
	left: 0px;
	width: 700px;
	height:30px;
	background-color: #bb0128;
	padding: 12px;
	margin-bottom: 10px;

	}

#bandeau2 p{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: auto; 
	margin-bottom: 5px;


	}


#texte500 {
position: absolute;
	top: 120px;
	left: 0px;
	width: 100px;
	height:100px;
	z-index: 30;

}


/* --------------------------------------------------------------------------- */
/* !fils d'Arianne + search */
/*---------------------------------------------------------------------------- */ 
#contenthead {
	padding-top: 0px;
	width: 940px;
	height: 65px;}
#crumbs {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	float:left;
	width: 600px;
	font-size: 12px;
	color: #666;
	margin-top: 10px;
	}
#crumbs a {
	color: #bd0a26;
	}

#search{
	float: right;
 	height: 30px;
 	width: 270px;
 	position: relative;
 	}
 	
#s {
	color: #666;
	padding-left: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #eaeaea;

	-webkit-border-radius: 3px;
	border-radius: 3px;

	width: 160px;
	height: 25px;
	position: absolute;
	top: 0px;
	right: 0;
	background-color: #fafafa;

	-webkit-transition: 0.5s;
	transition: 0.5s;
	-moz-transition: 0.5s;
} 
#s:focus {
	width: 260px;
	height: 25px;}


#search #searchsubmit {
	color:#fff;
	background-color: gray;
	border: none;
	border-radius: 3px;
	height: 20px; line-height: normal;
	position: absolute;
	top:5px;
	right: 5px;
	z-index: 4;
	background: #666;
/*
background: -moz-linear-gradient(top, #212121 0%, #b7b7b7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#b7b7b7));
background: -webkit-linear-gradient(top, #212121 0%,#b7b7b7 100%);
background: -o-linear-gradient(top, #212121 0%,#b7b7b7 100%);
background: -ms-linear-gradient(top, #212121 0%,#b7b7b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#b7b7b7',GradientType=0 );
background: linear-gradient(top, #212121 0%,#b7b7b7 100%);
*/}

.bordure {
	border-top: 1px solid #999
	}

/* --------------------------------------------------------------------------- */
/* !menu photo */
/*---------------------------------------------------------------------------- */ 

#menu_photos {
	width: 700px;
	height: 50px;
	}
#menu_photos ul {
	display: block;
	float:left;
	width: auto;
	height: 50px;
	}

#menu_photos ul li {
	float: left;
	}

#menu_photos ul li a {
	font-size: 11px;
	color: #fff;
	padding: 7px 10px;
	margin: 0 12px 0 0;
	background-color: #666;
	border-radius: 5px;
	}

#menu_photos ul li a:hover {
	background-color: #999;
	}
	
#menu_photos ul li a.actuel {
	
	background-color: #999;
		}
	

	
/* --------------------------------------------------------------------------- */
/* !contenu home */
/*---------------------------------------------------------------------------- */	
	
.content_home { 
	margin: 20px 15px 0 0;
	width: 585px;
	float: left;
	}
.single_home{
	margin: 0 0 30px 0;
	width: 585px;
	float: left;}
	
.single_home h1{
	width: 585px;
	margin-bottom: 15px;
	}
.single_home p{
margin-bottom: 10px;	}

/* --------------------------------------------------------------------------- */
/* !acces rapide home */
/*---------------------------------------------------------------------------- */

#accesrapidenew {
float: left;
width: 330px;
height: 24px;
padding: 5px;
background-color: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 12px;
}
#titrenew {
float: left;
width: 135px;
height: 14px;
padding: 5px;
margin-right: 10px;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#accesrapidenew h4 {
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	color: #bd0a26;
	font-size: 14px;
	background-image: url("images/fleche2.png");
	background-position: right center;
	background-repeat: no-repeat;
	line-height: 14px;
}

#contentacces {

float: left;
width: 150px;
height: 24px;
padding: 5px 5px 5px 20px;
line-height: 14px;


}

#contentacces img {

float: left;
margin: 0 20px 0px 0;


}


#contentacces p {
	float: left;
   	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	font-size: 13px;
	line-height: 13px;
}

#contentacces p:hover {
	color: #bd0a26;
}

/* --------------------------------------------------------------------------- */
/* !contenu */
/*---------------------------------------------------------------------------- */ 

.participants{
	margin:5px;
	float: left;
	width: 300px;

	}

.products{
	margin:3px;
	float: left;
}


.products a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 110px;
	width: 180px;
}

.products img{
    vertical-align: middle;
 }




#content { margin-bottom: 30px;}

#single{margin: 0 0 30px 0;}

#single p {
margin: 0 0 15px 0;}

#single a {
	text-decoration: none;
}

#single img {
margin: 0;
}


#texte {width: 450px;
float: left;
margin: 0 30px 30px 0;}

#textefull {width: 900px;
float: left;
margin: 0 20px 20px 0;}

#texte a {
	text-decoration: underline;
}

#image {width: 450px;
float: left;
margin: 0 0 45px 0;}

#image img {

margin: 0 0 10px 0;}

.col {
-moz-column-count: 4;
-moz-column-gap: 10px;
-webkit-column-count: 4;
-webkit-column-gap: 10px;
column-count: 4;
column-gap: 10px; 
}

#liste { width: 940px;
clear: both;
-moz-column-count: auto;
-moz-column-gap: 5px;
-moz-column-width: 300px;
-webkit-column-count: auto;
-webkit-column-gap: 5px;
-webkit-column-width: 300px;
column-count: auto;
column-gap: 5px; 
column-width:300px;}

#single img.float300 {float: left}

#resum {
width: 275px;
float: left;}

#details {
float: left;
width: 170px}

#details  img {
padding-bottom: 15px;}

#adress {
width: 200px;
float: left;}

#carte {
float: left;}

/* --------------------------------------------------------------------------- */
/* !contenu goodies */
/*---------------------------------------------------------------------------- */

#contentgoodies { 

width: 940px;
height: 370px;

}


#menu_goodies {
	width: 790px;
	height: 180px;

	padding: 140px 0 0 150px;
	background-color: #f9f9f9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
-moz-box-shadow: inset 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
box-shadow: inset 0px 0px 3px 2px rgba(50, 50, 50, 0.1);  
	}
#menu_goodies ul {
	display: block;
	width: auto;
	
	}

#menu_goodies ul li {
	float: left;

	}

#menu_goodies ul li a {

	font-size: 16px;
	color: #fff;
	padding: 80px 50px;
	margin: 0 12px 0 0;
	background-color: #999;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	
	
	font-family: Oswald, sans-serif;
	text-transform: uppercase;

	}

#menu_goodies ul li a:hover {
	background-color: #666;
	}
	
	#menu_goodies ul li a.pad {
		padding: 80px 75px;

	}

/* --------------------------------------------------------------------------- */
/* !acces rapide */
/*---------------------------------------------------------------------------- */ 
#contentfooter {
	width: 460px;
	float: left;
	margin-top: 20px;}
#titre h1{
	width: 460px;
	}
.cfcol {
	margin-bottom: 30px;
	border-bottom: #7f7f7f 2px solid;
	float:left;
	width: 220px;
	min-height:150px;
	color: #7f7f7f;
	margin-right: 0px;}
.cfcol:hover {
	margin-bottom: 30px;
	border-bottom: #bd0a26 2px solid;
	}

.mr20 {margin: 0 20px 30px 0;}

#titre_acces{
	background-repeat: no-repeat;
	width: 210;
	height:20px;
	margin-top: 10px;
	background-image: url(images/fleche2.png);
	background-position: right 3px;
	}
	
#titre_acces	h4 { 
	text-transform: uppercase; 
	font-family: Oswald, sans-serif;
	font-size: 12px;
	}
	
#accesrapide{ 
	width: 460px;
	float: left;
	margin-top: 20px;}
	
.contentacces {
	margin-bottom: 30px;
	border-bottom: #7f7f7f 2px solid;
	float:left;
	width: 220px;
	min-height:150px;
	color: #7f7f7f;
	margin-right: 0px;}
	
.contentacces:hover {
	margin-bottom: 30px;
	border-bottom: #bd0a26 2px solid;
	}
	
#titre_acces a {
	text-decoration: none;
}


/* --------------------------------------------------------------------------- */
/* !contenu photos */
/*---------------------------------------------------------------------------- */ 
#contentphotos {
	clear: both;
	position:relative;
	clear: both;
	width: 940px;
	float: left;
	}
.cphotoscol {
	margin-bottom: 30px;
	border-bottom: #7f7f7f 2px solid;
	float:left;
	width: 220px;
	min-height:150px;
	color: #7f7f7f;
	margin-right: 0px;
	}
.cphotoscol:hover {
	margin-bottom: 30px;
	border-bottom: #bd0a26 2px solid;
	}

.mr20 {margin: 0 20px 30px 0;}

.cphotoscol p {
	padding-top: 10px;
	}
.cphotoscol p:hover {
	color: #bd0a26;
	}

#titre_photos{
	background-repeat: no-repeat;
	width: 210;
	height:20px;
	margin-top: 10px;
	background-image: url(images/fleche2.png);
	background-position: right 3px;}

/* --------------------------------------------------------------------------- */
/* !news */
/*---------------------------------------------------------------------------- */ 

#news {
	background-color: #eee;
	color: #666;
	font-weight: bold;
	width: 330px;
	padding: 5px 5px 0 5px;
	margin: 15px 0;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	
	}
	
#titrenewsnew {
width: auto;
height: 14px;
padding: 5px;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
}
#titrenewsnew h4 {
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	color: #666;
	font-size: 14px;
	background-position: right center;
	background-repeat: no-repeat;
	line-height: 14px;
}

.newscol {
	float:left;
	width: 330px; 
	color: #7f7f7f;
	margin-bottom: 15px; 
	}
.newscol2 {
	float:left;
	width: 300px; 
	color: #7f7f7f;
	margin: 0 10px 15px 0;
	height: 220px; 
	
	}
	
#news p {
	z-index: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	margin-top: 10px;
	}
	
#news h2.news {
	
	margin: 0px;
	}
#news p:hover {color: #bd0a26;
}
#news h2:hover {color: #bd0a26}

#news p.postmetadata{
	color: #999;
	padding: 0;
	margin: 0;
	}

#savoir {
	height: auto;
	width: auto;
	}
#savoir p {
	text-transform: uppercase;
	padding-bottom: 3px;
	border-bottom: 1px solid #999;
	background-image: url(images/plus.png);
	background-position: right center;
	background-repeat: no-repeat;
	}

#savoir p:hover {
	background-image: url(images/plus2.png);
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #bd0a26
	}

/* --------------------------------------------------------------------------- */
/* !page news seule */
/*---------------------------------------------------------------------------- */ 

.post_content img {
float: left
	margin-bottom: 30px;
	}
	

.post_content p {
margin: 0 0 15px 0;}

#content p.postmetadata{
	color: #999;
	font-size: 10px;
	padding: 0;
	margin: 0;
	}


/* --------------------------------------------------------------------------- */
/* !espace blanc */
/*---------------------------------------------------------------------------- */
#blanc { 
	clear: both; 
	height: 185px
	}



/* --------------------------------------------------------------------------- */
/* !FOOTER */
/*---------------------------------------------------------------------------- */ 
#wrapperfooter {
	height: 180px;
	padding: 5px 10px 0px 10px;
	background-color: #e5e5e5;
	border-bottom: 5px solid #bd0a26
	margin: 0 auto;	
	}


#footer {
	margin: 0 auto;
	padding: 25px 10px;
	font-size: 1em;
	clear: both;
	width: 920px;
	height: 120px;
	}


#footer ul {
	padding: 0;
	margin: 3px 0 0 0;}
#footer li {
	list-style-type: none;
	padding: 2px 0;
	}
#footer p {
	font-size: 11px;
	line-height: 13px
	}
#footer a {
	color: #7f7f7f;
	font-size: 11px;
	padding: 4px 0;
	text-decoration: none;
	}
#footer a:hover {
	color: #bd0a26;
	}
#footer img {
	margin-bottom: 7px;
	}

#footer1, #footer2, #footer3, #footer4 {
	float: left;
	}

#footer1 {
	width: 260px;
	height: 115px;
	margin-right: 10px;
	border-right: 1px solid #999;
	}
	
#footer1 img {
	margin: 0 0 25px 0;}

#footer2 {
	width: 190px;
	height: 115px;
	margin: 0 10px 0 35px;
	border-right: 1px solid #999;

	}	
#footer3 {
	width: 190px;
	height: 115px;
	margin: 0 10px 0 35px;
		border-right: 1px solid #999;

	}

#footer4 {
	width: 130px;
	height: 115px;
	margin: 0 0 0 35px;

	}

/* --------------------------------------------------------------------------- */
/* !page search */
/*---------------------------------------------------------------------------- */ 
#oops {
	margin-bottom: 30px;
	}
	
.post {
	margin-bottom: 10px;
	}

/* --------------------------------------------------------------------------- */
/* !tableau */
/*---------------------------------------------------------------------------- */ 
table {
	width: 940px;
	}

table tr {
    height: 20px;
    margin-right: 5px;
    width: 100px;
    }
    
table td {
	<colgroup> <col width="235" /> <col width="235" /> <col width="235" /> <col width="235" /> </colgroup>
	}


/* --------------------------------------------------------------------------- */
/* !colones marques */
/*---------------------------------------------------------------------------- */
#marques {
width: 313px;
float: left;

}

#marques0 {
width: 940px;
float: left;
}


#marques1 {
width: 520px;
float: left;
}

#marques2 {
width: 400px;
float: left;
}

/* #marques {
-moz-column-count: 3;
-moz-column-gap: 2px;
-webkit-column-count: 3;
-webkit-column-gap: 2px;
column-count: 3;
column-gap: 2px; 

}
 */
  
#marques img {
padding-bottom: 10px;
}
/* --------------------------------------------------------------------------- */
/* !pages liste vélos */
/*---------------------------------------------------------------------------- */

.marquevelo {
padding: 10px; background-color: #ccc; color: #fff !important; text-align: center; width: 273px; font-size: 22px;
margin: 0 10px 10px 10px; height: auto;
-webkit-border-radius: 3px; border-radius: 3px; 
}

.titrevelo {text-align: left; font-weight: bold;
}


#autre { height: 50px; width: 800px; float: left;

}