html{
	font-family:  Arial, Helvetica, Verdana, Tahoma, Trebuchet MS ;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #918452;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, div, span{border:0; margin:0; padding:0;}

body#main{
	background: #312b15;
	text-align:center;}
	
body{ behavior:url(inc/csshover.htc);}	
#logo, .middle{ behavior: url(inc/iepngfix.htc) }

h1{
	color: #fcaf17;
	font-size:18px;
	font-weight: normal;
}
h1 strong{
	font-size: 12px;
}
h2{
	color: #918452;
	font-size: 12px;
	display: inline;
}
h2.garantie{
	color: #fcaf17;
	font-size:18px;
	font-weight: normal;
}

 a, a:link, a:visited{
	color:#bb4b00;
	outline: none;
	font-weight: normal;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
 a.link2, a.link2:link, a.link2:visited{
	color:#bb4b00;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
a.link2:hover{
	text-decoration: underline;
}
/* a.link3, a.link3:link, a.link3:visited{
	color:#bb4b00;
	outline: none;
	font-weight: normal;
	text-decoration: none;
}
a.link3:hover{
	text-decoration: underline;
}*/
a.link4, a.link4:link, a.link4:visited{
	color:#fcaf17;
	outline: none;
	font-weight: normal;
	text-decoration: none;
}
a.link4:hover{
	text-decoration: underline;
}


#outercontainer{
	background: #000 url(Gx/bg_outercontainer.gif) repeat-x top left;	
}
#container{
	width: 908px;
	margin: 0 auto 0 auto;

}
#contenu{
	background: transparent url(Gx/bg_contenu.gif) repeat-y 597px 0px;
	text-align: left;
}
#contenu.nobg{
	background: none;
}
#left{
	float: left;
	width: 544px;
	text-align: justify;
}
#left strong{
	font-weight: bold;
	color: #fcaf17;
}
#right{
	background: #18150a;
	float: right;
	width: 281px;
}
#right img{
	display: block;
	margin: 0 auto 0 auto;
}

#menu{
	position: relative;
	width: 908px;
	height: 66px;
	background: none;
	z-index: 10;}
#menu ul{
	list-style-type: none; 
	margin: 0px;
	position: relative;
	width: 908px;
	height: 66px;
}	
#menu li{
	list-style-type: none;
	position: absolute;
	height: 60px; 
	top: 6px;
}
	
#menu a{
	/*position: absolute;*/
	display: block;
	height: 60px;
	text-decoration: none;
	/*top: 6px;*/}	

#menu div{
	position: relative;
	height: 60px;
}
	
#menu #divmenu1 ul{
	position: absolute;
	top: 60px;
	left: 0px;
	display: none;
	height: 62px;
	background: none;
	z-index: 10;
}	
#menu #divmenu1:hover ul{
	display: block	
}
#menu #divmenu1 ul li{
	position: relative;
	height: auto;
	/*height: 30px;*/
	background: #1f1b0d;
	border-bottom: 1px solid #908351;
	top: 0px;
}
#menu #divmenu1 ul li a, #menu #divmenu1 ul li a:link, #menu #divmenu1 ul li a:visited{
	/*background: #322c16;*/
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: left;
	color: #908351;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: 24px;
}
#menu #divmenu1 ul li a:hover, #menu #divmenu1 ul li a.actif, #menu #divmenu1 ul li a.actif:link, #menu #divmenu1 ul li a.actif:visited{
/*	background: #000;*/
	color: #b6b177;
}

	
#header{
	background: transparent url(Gx/bg_header.gif) no-repeat 0px 0px;
	position: relative;
	width: 908px;
	height: 300px;	
	z-index: 5;
}

#logo{
	position: absolute;
	top: -47px;
	left: 373px; 
	z-index: 5; 
}
a#home, a#home:link, a#home:visited{
	background: transparent url(Gx/bg_home.gif) no-repeat 0px 7px;
	display: block;
	position: absolute;
	top: 219px;
	left: 24px;
	height: 18px;
	color: #bb4b00;
	font-size: 12px;
	text-indent: 8px;
	font-weight: normal;
	text-decoration: none;
	z-index: 5; 
}
a#home:hover{
	text-decoration: underline	
}
#oryx{
	position: absolute;
	top: 237px;
	left: 15px; 
}
#slogan{
	position: absolute;
	top: 248px;
	right: 17px;
}

.both{	clear: both;}
.erreur{color: #FF0000; font-weight: bold;}
.imgtxt{
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #352f17;
}
#nextback{
	font-size: 11px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #bb4b00;}
#nextback a:hover{
	text-decoration: underline	}	

.listefaq{
	margin: 0 0 0 20px;}
.listefaq li{
	padding: 0 0 5px 0;
}

.innerleft{
	float: left;
	width: 260px;}

.souscat{
	width: 300px;
	float: left;
	text-align: left;
	background: none;
}
.souscat img{
	display: block;
	margin: 0px;
}
.souscatdetail{
	display: block;
	width: 878px;
}
.souscatdetail .top{
	height: 216px;
	position: relative;
}
.souscatdetail .top .txt{
	position: absolute;
	top: 101px;
	left: 244px;
	width: 614px;
	height: 73px;
	overflow: hidden;
	color: #d3cfa3;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: left;}
.souscatdetail .inner{
	padding: 0 24px 0 38px;
}
.souscatdetail .bottomimg{
	display: block;
}
	
.bike{
	background: transparent url(Gx/01/bg_bike.gif) no-repeat bottom left;
	width: 816px;	
	height: 159px;
	position: relative;
}	
.bikenobg{
	background: none;
}

.bike .name{
	position: absolute;
	top: 0px;
	left: 3px;
}
.bike .img{
	position: absolute;
	top: 0px;
	left: 229px;
}
.bike .size{
	position: absolute;
	top: 0px;
	left: 560px;
}
	
.fichier{
	list-style-type: disc;
	margin: 0 0 0 20px;	 
}
.fichier li{
	padding: 0 0 4px 0;
}	
	
.faq{
	list-style-type: none;}
.faq li{
		padding: 4px 0 4px 0;}
.faq li.question{
	border-bottom: 1px solid #CCC;	
	height: 100%;}
.faq .q_left{
	float: left;
	width: 500px;}
.faq .q_right{
	float: right;
	width: 44px;
	text-align: right;}

.thumbs{
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	cursor: pointer;
	background: none;}
.thumbs img{
	display: block;}
.thumbs a {
	border: 1px solid #CCC;
	height: 70px;
	overflow: hidden;
	display: block;
	float: left;
	/*margin: 1px 0;*/	}
.thumbs a:hover{border: 1px solid #fcaf17;}		
	
.accessoire{
	float: left;
	width: 180px;
	text-align: center;
	/*height: 200px;*/}	
.accessoire .inner{
	margin: 0 auto 0 auto;
	width: 150px;	}
.accessoire .img{
	width: 150px;
	height: 110px;
	background: #000;
	overflow: hidden;}
	
#accessoire #img{
	float: left;
	width: 150px;
	background: none;
}	

#accessoire #txt{
	float: right;
	width: 394px;
	background: none;
}	
#accessoire span{
	display: block;
	padding: 7px 0 0 0;
}
	
#outerfooter{
	background: transparent url(Gx/bg_footer.gif) repeat-x top left;}
#footer{
	height: 131px;	
	width: 904px;
	margin: 0 auto 0 auto;
	padding: 53px 0 0 0;
	background: none;}
#copyrights{
	float: left;
	width: 250px;
	text-align: left;
	color: #908351;}
#menufooter{
	float: right;
	width: 650px;
	text-align: right;}
#footer a, #footer a:link, #footer a:visited{
	color: #908351;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;}
#footer a:hover{
	color: #585031;	} 
#footer a.actif, #footer a.actif:link, #footer a.actif:visited, #footer a.actif:hover{
	text-decoration: underline;
}


#contact input{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
#contact label{ font-weight: bold;}
#contact .champTexte{	
	background: #000;
	border: 1px solid #908351;
	color: #FFF;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 18px;
	line-height: 14px;
	display: block;}
#contact .listeDeroulante{
	background: #000;
	border: 1px solid #908351;
	color: #FFF;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-left: 3px;
	height: 20px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #000;
	border: 1px solid #908351;
	color: #FFF;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 460px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #000;
	border: 1px solid #908351;
	color: #FFF;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover{
	color: #FFF;
	border: 1px solid #FFF;
	background: #000;}
#contact #datenaissance{	float: left;}
	
.btnJSdate{
	width:35px; 
	height: 19px; 
	float:left;
	border:none;
	margin:3px 0 0 2px;
	background:#999;
	color: #FFF;
	font-size: 11px;
}
	
.champCache{ display: none;}	
	
#outerimageSlideshowHolder{
	position: absolute;
	width: 908px;	
	height: 232px;
	overflow: hidden;
	top: 3px;
	left: 0px;
	background: none;
}
	
	
#imageSlideshowHolder{
		width: 908px;	
		height: 232px;
		overflow: hidden;
		position:relative;
}
.imageInGallery{		
		width:908px;
		height:232px;
		background-color:#000;
		
		left:0px;
		top:0px;
		position:absolute;	
}	
#imageSlideshowHolder img{
		position:absolute;
		top: 0px;
		left: 0px;
}
	
#bookmarker{
	background: none;
	float: right;
	padding: 12px 0 0 0;
}	
	



#formulaireGarantie input{
	border: none;
}
#formulaireGarantie fieldset{
	/*margin-bottom:10px; padding: 5px; border:1px solid #e8e8e8;font-size: 11px;*/
	border:1px solid #29230d;
	padding: 5px;
	margin: 0px;}
#formulaireGarantie fieldset legend{
font-size: 13px; 
float: left;
font-weight: bold; 
color:#fcaf17; 
padding: 5px;
border:0;
margin:0;
text-align: left 
}
#formulaireGarantie fieldset label{font-size: 12px; color:#918452;margin:2px 0 2px 0;font-weight:bold; height:20px;}
#formulaireGarantie fieldset label.erreur{color: #FF0000; font-weight: bold; }


#formulaireGarantie .champTexte{background: #000;border: 1px solid #908351;color: #fff;font-size: 12px;margin:2px 0 2px 0;}
#formulaireGarantie .champTexteInfolettre{background: #efe4c8;border: 1px solid #e8d6a4;color: #b59848;font-size: 12px;margin:2px 0 2px 0;}
#formulaireGarantie .listeDeroulante{background: #000;border: 1px solid #908351;color: #918452;font-size: 12px;margin:2px 0 2px 0;}
#formulaireGarantie .boiteTexte{background: #e3f1fc;border: 1px solid #d0e7f9;color: #689ec8;font-family: Arial;font-size: 12px;margin:2px 0 2px 0;}

#formulaireGarantie .btnJSdate{
	width:35px; 
	float:left;
	border:none;
	background: #000;border: 1px solid #908351;color: #689ec8;font-size: 12px;
	margin:2px 0 2px 10px;}
#formulaireGarantie .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #000;
	border: 1px solid #908351;
	color: #FFF;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 5px;}
#formulaireGarantie .bouton:hover{
	color: #FFF;
	border: 1px solid #FFF;
	background: #000;}