@charset "UTF-8";
/* CSS Document */
html, body{
	margin: 0;
	background-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	color: #373737;
}
a img{
	display: block;
	border: none;	
}
a{
	color: #9A9A9A;
}
a:hover{
	color: #f8961a;
}
#left{
	width: 520px;
}
.vignette{
	float: left;
	width: 130px;
	font-size: 10px;
	text-align: center;
	margin-bottom: 20px;
}
.vignette a{
	color: #4C4C4C;
}
.vignette a:hover{
	color: #f8961a;
}
#contener{
	width: 900px;
	_overflow: hidden;
	margin: 10px auto 0 auto;
	background-color: #FFFFFF;
}
#footer{
	width: 900px;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	color: #D8D8D8;
	line-height: 29px;
}
#footer a{
	text-decoration: none;
	color: #D8D8D8;
}
#footer a:hover{
	text-decoration: underline;
}
#header{
	height: 151px;
	background: url(img/header2.png) no-repeat;
}
#bottom{
	background: url(img/footer.png) bottom no-repeat;
}
#content{
	padding: 10px;
	min-height: 470px;
	background: url(img/scooter.jpg) bottom right no-repeat;
}
#menu{
	margin: 104px 0 0 15px;
	padding-top: 25px;
	height: 47px;
	font-family: "Courier New", Courier, monospace;
	color: #595959;
	float: left;
}
#menu a{
	/*
	display: -moz-inline-block;
	overflow: visible;
	display: inline-block;
	*/
	padding: 23px 8px 0 8px;
	text-decoration: none;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
}
#menu a:hover{
	color: #595959;
}
#menu a.selected{
	color: #FF9900;
}
#menu a span.collections{
	padding: 0 39px;
	font-size: 17px;
}
#panier{
	width: 129px;
	float: right;
	margin: 104px 10px 0 0;
	padding-top: 11px;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	color:#FFFFFF;
	background: url(img/cart.png) top right no-repeat;
}
#panier a{
	color: #FFFFFF;
	text-decoration: none;
}
.nb_articles{
	color: #FF9900;
	line-height: 22px;
}
.nb_articles strong{
	font-size: 14px;
}
/* Mon panier */
.panier{
	width: 400px;
	margin: 0 0 0 25px;
	font-size: 12px;
}
.panier a{
	color: #000000;
	font-weight: bolder;
}
.panier a:hover{
	color: #FF9900;
}
.panier .produit{
	background-color: #EEEEEE;
}
.panier td{
	padding: 0 5px;
}
.panier .produit:hover{
	background-color: #E5E5E5;
}
.panier .produit .quantite{
	text-align: center;
}
.panier .produit .nombre{
	text-align: right;
}
.panier th{
	color: #595959;
}
.total{
	font-size: 14px;
}
a.btn_panier{
	display: block;
	height: 22px;
	width: 118px;
	margin-top: 10px;
	padding: 1px 0 0 30px;
	line-height: 20px;
	text-decoration: none;
	background: url(img/ajouter_panier.png) no-repeat;
	color: #000000;
}
a.btn_panier:hover{
	color: #FFFFFF;
}


.clearer{
	clear: both;
}
.error{
	color: #be0517;
	margin: 0 0 0 25px;
	font-size: 12px;
}
.success{
	color: #17be05;
	margin: 0 0 0 25px;
	font-size: 12px;
}
h1{
	font-family: "Courier New", Courier, monospace;
	margin-left: 25px;
	color: #FF9900;
}
h2{
	font-size: 12px;
	font-weight: bolder;
	margin-left: 25px;
	margin-bottom: 0;
}
label{
	font-size: 12px;
	font-weight: bolder;
	display: block;
}
form p{
	margin: 10px 25px;
}
p{
	width: 350px;
	font-size: 10px;
	margin: 0 0 0 25px;
}
.hr{
	margin-left: 25px;
	height: 16px;
	background: url(img/hr.png);
}

#infos{
	width: 450px;
}
#infos h2{
	font-family: "Courier New", Courier, monospace;
	margin-left: 40px;
	font-size: 18px;
	color: #333333;
}
#infos h3, #infos h4, #infos p{
	margin:0;
	margin-left: 50px;
	width: inherit;
}
#infos p{
	margin-bottom: 20px;
}
#infos h3{
	font-size: 12px;
	color: #FF9900;
}
#infos h4{
	font-size: 12px;
}
#infos ul{
	list-style-position:inside;
	font-size: 10px;
	margin-left: 10px;
}
#infos .sep{
	border-bottom: 1px dashed #999999;
	width: 490px;
}
#infos label, #infos input{
	display: inline;
}
.needed{
	color: #FF9900;
}

#sommaire{
	float: right;
	text-align: right;
}
#sommaire h2{
	margin: 0 6px 0 0;
}
#sommaire ul{
	list-style: none;
	font-size: 12px;
	border: 1px #CCCCCC solid;
	border-bottom: none;
	padding: 5px;
	margin: 0;
}
#sommaire a{
	text-decoration: none;
}
#sommaire li{
	line-height: 16px;
	border-top: 1px dashed #999999;
}
#sommaire li:First-Child{
	border: none;
}
p.submition{
	text-align: center;
}
#galerie{
	text-align: center;
	background: #FFFFFF;
}
#galerie h1{
	text-align: left;
}
.arrow{
	background: url(img/arrow.gif) no-repeat center;
}