/* CSS COMMUN HCCC */

*	{margin:0px; padding:0px; font-family:Tahoma, "Tahoma Bold"; font-size:1em; color:#999;}

body{background:#000 url(../images/bg_body.jpg) top left no-repeat; font-size:0.69em; width:900px; min-width:900px; min-height:1035px; position:relative;}
	
h1	{visibility:hidden;}
h2	{color:#f60;}

li	{list-style-type:none;}

/* CLASSES
***********************************************/
hr.clearLeft{
	clear:left;
	}
hr.clearBoth{
	clear:both;
	visibility:hidden;
	}
p.nomProduit{
	color:#fff;
	}
p.prixProduit{
	color:#f60;
	}
	
div.unProduit{
	float:left;
	width:150px;
	margin:15px 20px;
	overflow:hidden;
	}
	
div.descriptionProduit{
	margin-top:20px;
	}
div.descriptionProduit p{
	padding-bottom:5px;
	}

div.bike{
	width:570px;
	height:385px;
	background:url(../images/img_cadre.gif) no-repeat;
	text-align:center;
	margin:15px 0px;
	}
div.bike img{
	padding-top:10px;
	margin:auto;
	}

/* content
***********************************************/
div#container{
	margin-left:80px;
	}


/* content
***********************************************/
div#content{
	width:570px;
	float:right;
	margin-top:440px;
	}

div#content div.hr{
	width:570px;
	height:6px;
	background:transparent url(../images/bg_filet_long.gif) top left no-repeat;
	}	
div#content h2{
	margin:15px;
	}
div#content p{
	margin:15px 15px;
	text-align:justify;
	}
div#content ul{
	margin:10px 0px;
	}
div#content ul li{
	padding:5px 15px;
	}
div#content a:link,div#links a:visited,div#links a:active{
	color:#fff;
	text-decoration:none;
	}
div#content a:hover{
	color:#f60;
	text-decoration:underline;
	}


/* Navigation Principale
***********************************************/
div#menu{
	margin-top:440px;
	float:left;
	}
div#menu a{
	display:block;
	width:100px;
	height:25px;
	text-indent:-10000px;
	}
div#menu ul{
	margin:15px 0px;
	}
div#menu li{
	margin-left:-10px;
	}
	
div#menu div.hr{
	width:224px;
	height:6px;
	background:transparent url(../images/bg_filet.gif) top left no-repeat;
	}
	
/* Chopper */
a#btn_chopper{
	background:transparent url(../images/btn_nav_chopper.gif) left no-repeat;
	}
a#btn_chopper:hover,a#btn_chopper.active{
	background:transparent url(../images/btn_nav_chopper_over.gif) left no-repeat;
	}
	
/* Lowrider */
a#btn_lowrider{
	background:transparent url(../images/btn_nav_lowrider.gif) left no-repeat;
	}
a#btn_lowrider:hover,a#btn_lowrider.active{
	background:transparent url(../images/btn_nav_lowrider_over.gif) left no-repeat;
	}

/* Cruiser */
a#btn_cruiser{
	background:transparent url(../images/btn_nav_cruiser.gif) left no-repeat;
	}
a#btn_cruiser:hover,a#btn_cruiser.active{
	background:transparent url(../images/btn_nav_cruiser_over.gif) left no-repeat;
	}

/* Old School */
a#btn_oldschool{
	background:transparent url(../images/btn_nav_oldschool.gif) left no-repeat;
	}
a#btn_oldschool:hover,a#btn_oldschool.active{
	background:transparent url(../images/btn_nav_oldschool_over.gif) left no-repeat;
	}

/* Cars */
a#btn_cars{
	background:transparent url(../images/btn_nav_cars.gif) left no-repeat;
	}
a#btn_cars:hover,a#btn_cars.active{
	background:transparent url(../images/btn_nav_cars_over.gif) left no-repeat;
	}

/* Expositions */
a#btn_expositions{
	background:transparent url(../images/btn_nav_expositions.gif) left no-repeat;
	}
a#btn_expositions:hover,a#btn_expositions.active{
	background:transparent url(../images/btn_nav_expositions_over.gif) left no-repeat;
	}

/* Profil */
a#btn_profil{
	background:transparent url(../images/btn_nav_profil.gif) left no-repeat;
	}
a#btn_profil:hover,a#btn_profil.active{
	background:transparent url(../images/btn_nav_profil_over.gif) left no-repeat;
	}

/* Boutique */
a#btn_boutique{
	background:transparent url(../images/btn_nav_boutique.gif) left no-repeat;
	}
a#btn_boutique:hover,a#btn_boutique.active{
	background:transparent url(../images/btn_nav_boutique_over.gif) left no-repeat;
	}

/* Liens */
a#btn_liens{
	background:transparent url(../images/btn_nav_liens.gif) left no-repeat;
	}
a#btn_liens:hover,a#btn_liens.active{
	background:transparent url(../images/btn_nav_liens_over.gif) left no-repeat;
	}

 
/* Pied de page
***********************************************/
div#footer{
	min-height:40px;
	position:absolute;
	bottom:-100px;
	}
div#footer p{
	color:#333;
	float:left;
	padding-left:250px;
	}
div#footer a{
	display:block;
	float:right;
	text-indent:-10000px;
	height:25px;
	width:25px;
	}
	
div#footer a:link,div#footer a:visited,div#footer a:active{
	background:transparent url(../images/btn_sumo.gif) no-repeat;
	}
div#footer a:hover{
	background:transparent url(../images/btn_sumo_over.gif) no-repeat;
	}


/* Contact
***********************************************/
div#contact{
	position:absolute;
	top:75px;
	right:0px;
	text-align:center;
	width:230px;
	}
div#contact p{
	color:#d7d7c7;
	padding-bottom:5px;
	}
div#contact a:link,div#contact a:visited,div#contact a:active{
	color:#d7d7c7;
	text-decoration:none;
	}
div#contact a:hover{
	color:#d7d7c7;
	text-decoration:underline;
	}