ul#category_nav {
	background: transparent;
	padding: 0;
	margin: 100px 0 0 13px;
	height: 25px;
}

ul#category_nav li#home a{
	display: block;
	float: left;
	background: url(../img/category_nav_home.png);
	height: 25px;
	width: 38px;
}

ul#category_nav li{
	display: inline;
	list-style: none;
	height: 25px;
	font-size: 18px;
	color: white;
	margin: 0 0 0 5px;
	text-transform: uppercase;
}

ul#category_nav li#selected{
	border-bottom: 2px solid white;
}

ul#category_nav li a, ul#category_nav li.slash {
	color: #ffdd00;
	text-decoration: none;
}
ul#category_nav li a:hover {
	color: white;
	text-decoration: none;
}

/***************************************************************/
/*widgets**********************************************************/
/***************************************************************/

div#widgets {
	width: 220px;
	float: right;
	background: #ffdd00;
	display: block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#widgets ul{
	margin: 0;
	padding: 0;
}

div#widgets ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

div#widgets ul li#conseiller{
	display: block;
	height: 80px;
	background: #ffdd00;
	width: 190px;
	padding: 10px 5px;
}

div#widgets ul li#equipement{
	display: block;
	height: 205px;
}

div#widgets ul li#equipement #header{
	height: 60px;
	width: 200px;
	background: url(../img/widget_equipement.png);
	padding: 20px 10px;
}

div#widgets ul li#equipement #header h1{
	margin: 3px 0;
	padding: 0px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

div#widgets ul li#equipement #header a, div#widgets ul li#equipement #header a:hover{
	color: #ffdd00;
	font-size: 11px;
	text-decoration: underline;
	text-transform: uppercase;
}

div#widgets ul li#occasion{
	background: url(../img/widget_occasion.png) no-repeat;
	display: block;
}

div#widgets ul li#occasion #overview{
	background: url(../img/widget_occasion.png) no-repeat;
	display: block;
	height: 230px;
	padding: 20px 10px 0 10px;
	width: 200px;
}

div#widgets ul li#occasion #overview h2{
	color: white;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
}

div#widgets ul li#occasion #overview p{
	color: white;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

div#widgets ul li#occasion #overview a{
	color: #ffdd00;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: underline;
}

div#widgets ul li#occasion #overview a.hidden{
	display: block;
	text-decoration: none;
	width: 200px;
	margin: 15px 0 0 0;
	padding: 0;
	height: 170px;
}

div#widgets ul li#equipement #header a.hidden{
	display: block;
	text-decoration: none;
	width: 200px;
	margin: 15px 0 0 0;
	padding: 0;
	height: 130px;
}


div#widgets ul li#sortie{
	background: url(../img/widget_sortie.jpg) no-repeat;
	display: block;
	padding: 30px 10px 10px 10px;
}

div#widgets ul li#sortie h2{
	color: white;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div#widgets ul li#sortie p{
	color: white;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

div#widgets ul li#sortie a{
	color: #ffdd00;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: underline;
}

div#widgets ul li#sortie a{
	color: #ffdd00;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: underline;
}
/***************************************************************/
/*index**********************************************************/
/***************************************************************/

div.block.index {
	height: 600px;
}
div.block.index.cat1 {
	background: #ffdd00 url(../img/univers_vtt_bg.jpg) no-repeat;
}
div.block.index.cat2 {
	background: #ffdd00 url(../img/univers_route_bg.jpg) no-repeat;
}
div.block.index.cat3 {
	background: #ffdd00 url(../img/univers_styledelife_bg.jpg) no-repeat;
}
div.block.index.cat4 {
	background: #ffdd00 url(../img/univers_tandem_bg.jpg) no-repeat;
}
div.block.index.cat5 {
	background: #ffdd00 url(../img/univers_enfant_bg.jpg) no-repeat;
}
div.block.index.cat6 {
	background: #ffdd00 url(../img/univers_cruiser_bg.jpg) no-repeat;
}
div.block.index.cat7 {
	background: #ffdd00 url(../img/univers_bmx_bg.jpg) no-repeat;
}
div.block.index.cat8 {
	background: #ffdd00 url(../img/univers_equipement_bg.jpg) no-repeat;
}

div.block.index.catoffre {
	background: #ffdd00 url(../img/univers_top_offre.jpg) no-repeat;
}

div.block.index.catoccasion {
	background: #ffdd00 url(../img/univers_occasion_bg.jpg) no-repeat;
}

div.block.index.catmontage {
	background: #ffdd00 url(../img/univers_montage_bg.jpg) no-repeat;
}

div.block.index div#flashy {
	float: right;
	margin: 30px 20px 0px 0px;
	width: 590px;
	height: 380px;
	padding: 0px;
}

/***************************************************************/
/*display**********************************************************/
/***************************************************************/

div.block.display {
	padding: 0;
	margin: 0;
	height: 650px;
}

div.block.display.cat1 {
	background: #fff url(../img/univers_top_vtt.jpg) no-repeat;
}
div.block.display.cat2 {
	background: #fff url(../img/univers_top_route.jpg) no-repeat;
}
div.block.display.cat3 {
	background: #fff url(../img/univers_top_styledelife.jpg) no-repeat;
}
div.block.display.cat4 {
	background: #fff url(../img/univers_top_tandem.jpg) no-repeat;
}
div.block.display.cat5 {
	background: #fff url(../img/univers_top_enfant.jpg) no-repeat;
}
div.block.display.cat6 {
	background: #fff url(../img/univers_top_cruiser.jpg) no-repeat;
}
div.block.display.cat7 {
	background: #fff url(../img/univers_top_bmx.jpg) no-repeat;
}
div.block.display.catequipement {
	background: #fff url(../img/univers_top_equipement.jpg) no-repeat;
}
div.block.display.catoffre {
	background: #fff url(../img/univers_top_offre.jpg) no-repeat;
}
div.block.display.catoccasion{
	background: #fff url(../img/univers_top_occaz.jpg) no-repeat;
}

div.block.display.catmontage{
	background: #fff url(../img/univers_top_montage.jpg) no-repeat;
}

div#list_produits {
	margin-top: 20px;
	width: 710px;
	background: transparent;
	float: left;
	display: block;
	padding-left: 15px;
}

div#list_produits ul{
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}

div#list_produits ul li{
	padding: 0;
	width: 345px;
	height: 230px;
	list-style: none;
	background: white;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid grey;
	overflow: hidden;
}

div#list_produits ul li a{
	display: block;
	width: 345px;
	height: 230px;
	padding: 0;
}

div#list_produits ul li div#infos{
	display: block;
	margin-top: -20px;
	background: black;
	opacity: 0.9;
	height: 80px;
	width: 345px;
}

div#list_produits ul li div#infos span.name{
	float: left;
	color: #ffdd00;
	padding: 4px;
	font-size: 14px;
	line-height: 14px;
	text-transform: capitalize;
	font-weight: bold;
}

div#list_produits ul li div#infos span.prix{
	float: right;
	color: white;
	padding: 4px;
}
