/* CSS Document */




*{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
	background-color:#565656;
}

.spacer{
	clear:both;
	border: none;
	font-size:1px;
	height:0;
	line-height:0;
}

a{
	color:#cccc99;
	text-decoration:underline;}
a:hover{text-decoration:none;}


#page{
	width:962px;
	margin:0 auto;
	background-color:#1c1c1c;
}

#top{
	position:relative;
	width:962px;
	height:223px;
	background:url(../charte/harley-davidson-presente.jpg) no-repeat 0 0;
}
	
h1.concessionnaire{
	position:relative;
	width:525px;
	height:50px;
	top:125px;
	left:315px;
}

h1.concessionnaire a{
	text-decoration:none;
	color:#000;}
h1.concessionnaire a:hover{text-decoration:none;}



/*****************************************************************************/
/******************************       INDEX       ****************************/
/*****************************************************************************/

#content{
	position:relative;
	width:962px;
	height:650px;
	background-color:#1c1c1c;
	}


/******************************      CONTENT      ***************************/
ul#menu-general{
	display:block;
	width:962px;
	height:26px;
	background-color:#1c1c1c;
	border-bottom:4px solid #565656;
	list-style:none;
}


/*


ul#menu-general li, ul#menu-general a{
	float:left;
	display:inline;
	height:26px;
	text-indent:-5000px;
	text-decoration:none;
	margin:0 0 0 5px;
}

ul#menu-general a#retour{ 
	width:57px;
	background: url(../charte/m-home.jpg) no-repeat 0 0;}
ul#menu-general a#retour:hover{ background: url(../charte/m-home.jpg) no-repeat 0 -26px;}
ul#menu-general a#pres{ 
	width:96px;
	background: url(../charte/m-pres.jpg) no-repeat 0 0;}
ul#menu-general a#pres:hover{ background: url(../charte/m-pres.jpg) no-repeat 0 -26px;}
ul#menu-general a#occasions{ 
	width:119px;
	background: url(../charte/m-occas.jpg) no-repeat 0 0;}
ul#menu-general a#occasions:hover{ background: url(../charte/m-occas.jpg) no-repeat 0 -26px;}
ul#menu-general a#neuves{ 
	width:57px;
	background: url(../charte/m-gamme.jpg) no-repeat 0 0;}
ul#menu-general a#neuves:hover{ background: url(../charte/m-gamme.jpg) no-repeat 0 -26px;}
ul#menu-general a#actus{ 
	width:79px;
	background: url(../charte/m-actu.jpg) no-repeat 0 0;}
ul#menu-general a#actus:hover{ background: url(../charte/m-actu.jpg) no-repeat 0 -26px;}
ul#menu-general a#hog{ 
	width:47px;
	background: url(../charte/m-hog.jpg) no-repeat 0 0;}
ul#menu-general a#hog:hover{ background: url(../charte/m-hog.jpg) no-repeat 0 -26px;}
ul#menu-general a#acces{ 
	width:91px;
	background: url(../charte/m_pieces_harley.jpg) no-repeat 0 0;}
ul#menu-general a#acces:hover{ background: url(../charte/m_pieces_harley.jpg) no-repeat 0 -26px;}
ul#menu-general a#contact{ 
	width:62px;
	background: url(../charte/m-contact.jpg) no-repeat 0 0;}
ul#menu-general a#contact:hover{ background: url(../charte/m-contact.jpg) no-repeat 0 -26px;}

ul#menu-general a#accessoire{ 
	width:91px;
	background: url(../charte/m-accessoires.jpg) no-repeat 0 0;}
ul#menu-general a#accessoire:hover{ background: url(../charte/m-accessoires.jpg) no-repeat 0 -26px;}

ul#menu-general a#promotions{ 
	width:87px;
	background: url(../charte/m-promo.jpg) no-repeat 0 0;}
ul#menu-general a#promotions:hover{ background: url(../charte/m-promo.jpg) no-repeat 0 -26px;}

*/

ul#menu-general li {
	float:left;
	height:26px;
	
	/*display:block;
	
	text-decoration:none;*/
	/*margin:0 0 0 5px;*/
	
}


ul#menu-general a#retour{ 
	width:57px;
	text-indent:-5000px;
	background: url(../charte/m-home.jpg) no-repeat 0 0;}
ul#menu-general a#retour:hover{ background: url(../charte/m-home.jpg) no-repeat 0 -26px;text-indent:-5000px;}


ul#menu-general a#accueil{ 
	float:left;
	width:60px;
	height:26px;
	background: url(../charte/m-home.jpg) no-repeat 0 0;
}
	
ul#menu-general a#accueil:hover{ 
background: url(../charte/m-home.jpg) no-repeat 0 -26px;

}


ul#menu-general a#pres{ 
	float:left;
	width:96px;
	height:26px;
	background: url(../charte/m-pres.jpg) no-repeat 0 0;
}
	
ul#menu-general a#pres:hover{ 
background: url(../charte/m-pres.jpg) no-repeat 0 -26px;

}


ul#menu-general a#occasions{ 
	float:left;
	height:26px;
	width:129px;
	background: url(../charte/m-occas.jpg) no-repeat 0 0;}
ul#menu-general a#occasions:hover{ background: url(../charte/m-occas.jpg) no-repeat 0 -26px;}


ul#menu-general a#neuves{ 
	width:57px;
	float:left;
	height:26px;
	background: url(../charte/m-gamme.jpg) no-repeat 0 0;}
ul#menu-general a#neuves:hover{ background: url(../charte/m-gamme.jpg) no-repeat 0 -26px;}
ul#menu-general a#actus{ 
	width:79px;
	float:left;
	height:26px;
	background: url(../charte/m-actu.jpg) no-repeat 0 0;}
ul#menu-general a#actus:hover{ background: url(../charte/m-actu.jpg) no-repeat 0 -26px;}
ul#menu-general a#hog{ 
	width:47px;
	float:left;
	height:26px;
	background: url(../charte/m-hog.jpg) no-repeat 0 0;}
ul#menu-general a#hog:hover{ background: url(../charte/m-hog.jpg) no-repeat 0 -26px;}
ul#menu-general a#acces{ 
	width:113px;
	float:left;
	height:26px;
	background: url(../charte/m_pieces_harley.jpg) no-repeat 0 0;}
ul#menu-general a#acces:hover{ background: url(../charte/m_pieces_harley.jpg) no-repeat 0 -26px;}

ul#menu-general a#contact{ 
	width:62px;
	float:left;
	height:26px;
	background: url(../charte/m-contact.jpg) no-repeat 0 0;}
ul#menu-general a#contact:hover{ background: url(../charte/m-contact.jpg) no-repeat 0 -26px;}

ul#menu-general a#accessoire{ 
	width:91px;
	float:left;
	height:26px;
	background: url(../charte/m-accessoires.jpg) no-repeat 0 0;}
ul#menu-general a#accessoire:hover{ background: url(../charte/m-accessoires.jpg) no-repeat 0 -26px;}

ul#menu-general a#promotions{ 
	width:87px;
	float:left;
	height:26px;
	background: url(../charte/m-promo.jpg) no-repeat 0 0;}
ul#menu-general a#promotions:hover{ background: url(../charte/m-promo.jpg) no-repeat 0 -26px;}

/**************************       LOGO CONCESSIONNAIRE            ************************/


h2#concessionaire-logo{
	position:absolute;
	width:120px;
	height:auto;
	top:65px;
	left:159px;
	margin:0 auto;
	vertical-align:middle;
}


/**************************       PRESENTATION            ************************/

#presentation{
	position:absolute;
	top:40px;
	left:285px;
	width:658px;
	height:248px;
	background-color:#565656;
}

h3#quisommesnous{
	width:658px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-quisommes.gif) no-repeat 0 bottom;
}	
	
#img-pres{
	float:left;
	width:250px;
	margin:5px;
}

#txt-pres{
	float:left;
	width:370px;
	margin:10px 5px;
	font-size:10px;
	color:#fff;
	height:210px;
	overflow:auto;
}



/**************************       ACCES          ************************/

#acces-concessionnaire, #content-actu #acces-pave{
	position:relative;
	top:10px;
	left:10px;
	width:259px;
	border-bottom:1px solid #999;
}

h3#tit-acces, #content-actu h3#tit-acces{
	width:259px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-acces.gif) no-repeat 0 bottom;
	border-bottom:1px solid #999;
}	
	
#acces-concessionnaire p, #content-actu #txt-acces p{
	float:left;
	width:149px;
	padding:10px 5px;
	font-size:10px;
	color:#fff;
}



/**************************       SITE FRANCE            ************************/

#pub-sitefrance{
	position:absolute;
	top:296px;
	left:285px;
	width:393px;
	height:305px;
	background:url(../charte/fond-site-france.jpg) repeat-y 0 0;
}

h3#sitefrance{
	width:393px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-harley-france.gif) no-repeat 0 bottom;
}	


#txt-sitefrance{
	margin:5px;
	font-size:11px;
	color:#fff;
}


h4 a#img-sitefrance1{
	width:371px;
	height:131px;
	margin:10px 10px 0 10px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/harley-davidson-france.jpg) no-repeat 0 0;
}

h4 a#img-sitefrance2{
	width:370px;
	height:64px;
	margin:10px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/buell-france.jpg) no-repeat 0 0;
}


/**************************       LES AFFAIRES          ************************/

#les-affaires{
	position:relative;
	top:20px;
	left:10px;
	width:259px;
	height:362px;
}

h3#tit-affaires{
	width:259px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-affaires.gif) no-repeat 0 bottom;
}	

.occas1, .occas2, .occas3{
	width:253px;
	height:100px;
	background-color:#fff;
	border:2px solid #333;
	margin:2px;
}
	

#les-affaires img{
	float:left;
	margin:10px 5px;
}

#les-affaires .occas-descr{
	float:left;
	width:100px;
	margin-top:20px;
	}

#les-affaires a.occas{
	font-size:10px;
	color:#333333;
	text-align:left;
	text-decoration:none;}
#les-affaires a.occas:hover{text-decoration:underline;}	

a.voir-plus{
	width:256px;
	height:16px;
	display:block;
	text-indent:-5000px;
	margin-top:15px;
	text-decoration:underline;
	background:url(../charte/voir-toutes.gif) no-repeat 0 0;}
a.voir-plus:hover{border-bottom:1px solid #999;}



/**************************       EQUIPE          ************************/

#equipe{
	position:absolute;
	top:294px;
	left:685px;
	width:259px;
	height:307px;
	background-color:#565656;
}

h3#notre-equipe{
	width:259px;
	height:18px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-equipe.gif) no-repeat 0 bottom;
}	


.employes1, .employes2, .employes3, .employes4, .employes5{
	width:239px;
	height:50px;
	margin:5px 10px 0 10px;
}

.employes6, .employes6 img{
	width:0;
	height:0;
	clear:both;
	border: none;
	text-indent:-5000px;
	line-height:0;
	color:#fff;
	font-size:1px;
}
	
#equipe img{
	float:left;
}

#equipe p{
	float:left;
	width:169px;
	font-size:10px;
	color:#fff;
	margin:0 5px;
}	

#equipe p.prenom{
	color:#cccc99;
}


/*******************************************************************************/
/**************************       MOTOS D'OCCASIONS      ***********************/
/*******************************************************************************/

#content-occas{
	position:relative;
	width:962px;
	height:900px;
	background-color:#1c1c1c;
}

#footer-occas{
	position:absolute;
	top:900px;
	width:962px;
	height:25px;
	background-color:#1c1c1c;
	border-top:4px solid #565656;
	left: 2px;
}

/**************************       Moteur de Recherche            ************************/

#recherche-pave{
	position:absolute;
	top:40px;
	left:285px;
	width:658px;
	background-color:#565656;
}

h3#tit-recherche{
	width:658px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-motos-occas.gif) no-repeat 0 bottom;
}	
	
#txt-recherche{
	width:600px;
	margin:10px;
	font-size:10px;
	color:#fff;
}

#txt-recherche li{
	list-style:none;
	padding-left:20px;
	width:270px;
	color:#cccc99;
}
	
li.rech-occas1, li.rech-occas3, li.rech-occas5{
	clear:both;
	float:left;
}

li.rech-occas2, li.rech-occas4, li.rech-occas6{
	float:left;
}

li.rech-lance{
	width:570px;
	clear:both;
	float:left;
}

#txt-recherche li label{
	display:block;
	clear:both;
	float:left;
	width:120px;
	height:20px;
	}
#txt-recherche li input, #txt-recherche li select{
	float:left;
	height:20px;
	width:115px;
	margin:2px;
	}
	
#txt-recherche input#lancer-rech{
	clear:both;
	float:left;
	display:block;
	height:22px;
	width:148px;
	padding-left:200px;
	margin:5px;
}	

/***************************         Annonces         *************************/

#annonces-pagination{
	width:658px;
	margin-top:8px;
	text-align:center;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}


#annonces-pave{
	position:absolute;
	top:215px;
	left:285px;
	width:656px;
}

h3#tit-annonces{
	width:658px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-occasions.gif) no-repeat 0 bottom;
}	

#annonces{
	width:618px;
	height:auto;
	background-color:#fff;
	border:2px solid #333;
	margin:0 0 2px 0;
	padding:10px 20px 2px 20px;
	overflow:auto;
}

#photo{
	float:left;
	margin:0 10px 0 0;}

ul#name{
	float:left;
	width:185px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

ul#description{
	float:left;
	width:225px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}


ul#name li, ul#description li{
	list-style:none;
}



/*******************************************************************************/
/**************************       ACTUALITES      ***********************/
/*******************************************************************************/

#content-actu{
	position:relative;
	width:962px;
	height:750px;
	background-color:#1c1c1c;
}

#footer-actu{
	position:absolute;
	top:730px;
	width:962px;
	height:25px;
	background-color:#1c1c1c;
	border-top:4px solid #565656;
	left: 2px;
}

/**************************       ACTUS         ************************/

#actu-pave{
	position:absolute;
	top:42px;
	left:289px;
	width:658px;
	background:#565656;
	height:600px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
}

#actu-pave a, #actu-presentation a{
	font:11px Arial, Helvetica, sans-serif;
	color:#FF6600;
	text-decoration:underline;}
#actu-pave a:hover, #actu-presentation a:hover{
	font:11px Arial, Helvetica, sans-serif;
	color:#FF6600;
	text-decoration:none;}


#actu-presentation{
	position:absolute;
	top:42px;
	left:289px;
	width:658px;
	background:#565656;
	height:600px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
}

h3#tit-actu{
	width:658px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-actu.gif) no-repeat 0 bottom;
}	
	
#actu-perso{
	width:618px;
	padding:10px 20px;
	font-size:10px;
	color:#fff;
	background:#565656;
}

#actu-perso li{
	list-style:none;
	color:#FF6600;
	clear:both;
	padding-top:10px;
}

#actu-perso li img{
	float:left;
	margin:0 10px;
}

#actu-perso li p{
	float:left;
	width:470px;
	color:#fff;
}

.txt-color{
	color:#FF6600;
}

#actu-motonet{
	width:614px;
	margin-top:10px;
	padding:10px 20px;
	font-size:10px;
	background:#fff;
	border:2px solid #333;
}

#actu-motonet li{
	list-style:square;
	color:#FF6600;
	clear:both;
	padding-top:10px;
}

#actu-motonet li#actu-number1 img{
	float:left;
	margin:0 10px;
}

#actu-motonet li#actu-number1 p{
	float:left;
	width:470px;
	color:#333;
}
#actu-motonet li p{
	width:580px;
	color:#333;
}


/*******************************************************************************/
/***************************       PLAN D'ACCES       **************************/
/*******************************************************************************/

#content-acces{
	position:relative;
	width:962px;
	height:400px;
	background-color:#1c1c1c;
	}

#footer-acces{
	position:absolute;
	top:390px;
	width:962px;
	height:25px;
	background-color:#1c1c1c;
	border-top:4px solid #565656;
}


/**************************      PLAN d' ACCES         ************************/

#plan-acces-pave{
	position:absolute;
	top:40px;
	left:285px;
	width:658px;
	height:340px;
	background-color:#565656;
}

h3#tit-plan-acces{
	width:658px;
	height:20px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-plan-acces.gif) no-repeat 0 bottom;
}	
	
#txt-plan-acces{
	float:left;
	width:300px;
	margin:10px;
	font-size:10px;
	color:#fff;
}

#img-plan-acces{
	float:left;
	width:304px;
	height:304px;
	margin:10px;
}


/**************************       ACCES          ************************/

#acces-pave{
	position:relative;
	top:10px;
	left:10px;
	width:259px;
	border-bottom:1px solid #999;
}

h3#tit-acces{
	width:259px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-acces.gif) no-repeat 0 bottom;
	border-bottom:1px solid #999;
}	
	
#acces-pave p{
	float:left;
	width:149px;
	margin:10px 5px;
	font-size:10px;
	color:#fff;
}


/**************************       horaires         ************************/

#horaires-pave{
	position:relative;
	top:20px;
	left:10px;
	width:259px;
	height:124px;
	border-bottom:1px solid #999;
}

h3#tit-horaires{
	width:259px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-horaires.gif) no-repeat 0 bottom;
	border-bottom:1px solid #999;
}	
	
#horaires-pave p{
	float:left;
	width:239px;
	margin:10px 5px;
	font-size:10px;
	color:#fff;
}







/*******************************************************************************/
/******************************       CONTACT       ****************************/
/*******************************************************************************/

#content-contact{
	position:relative;
	width:962px;
	height:360px;
	background-color:#1c1c1c;
	}

#footer-contact{
	position:absolute;
	top:350px;
	width:962px;
	height:25px;
	background-color:#1c1c1c;
	border-top:4px solid #565656;
}


/**************************       CONTACt           ************************/

#contact-pave{
	position:absolute;
	top:40px;
	left:285px;
	width:658px;
	height:300px;
	background-color:#565656;
}

h3#tit-contact{
	width:658px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-contact.gif) no-repeat 0 bottom;
}	
	
#txt-contact{
	width:600px;
	margin:10px;
	font-size:10px;
	color:#fff;
}

#txt-contact li{
	list-style:none;
	width:600px;
	min-height:25px;
}

#txt-contact li label.champs-contact{
	display:block;
	clear:both;
	float:left;
	width:200px;
}
	
#txt-contact li input{
	float:left;
	margin-left:1px;
}
	
#txt-contact li input#submit{
	height:25px;
	margin: 5px 0 5px 200px;
}	


/**************************       ACCES          ************************/

#acces-pave{
	position:relative;
	top:10px;
	left:10px;
	width:259px;
	border-bottom:1px solid #999;
}

h3#tit-acces{
	width:259px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-acces.gif) no-repeat 0 bottom;
	border-bottom:1px solid #999;
}	
	
#acces-pave p{
	float:left;
	width:149px;
	margin:10px 5px;
	font-size:10px;
	color:#fff;
}


/**************************       horaires         ************************/

#horaires-pave{
	position:relative;
	top:20px;
	left:10px;
	width:259px;
	height:124px;
	border-bottom:1px solid #999;
}

h3#tit-horaires{
	width:259px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-horaires.gif) no-repeat 0 bottom;
	border-bottom:1px solid #999;
}	
	
#horaires-pave p{
	float:left;
	width:239px;
	margin:10px 5px;
	font-size:10px;
	color:#fff;
}




/*****************************************************************************/
/******************************       FOOTER      ****************************/
/*****************************************************************************/

#footer{
	position:absolute;
	top:620px;
	height:25px;
	width:962px;
	background-color:#1c1c1c;
	border-top:4px solid #565656;
}


#footer p, #footer-contact p, #footer-occas p, #footer-actu p, #footer-acces, #footer-fichedetail p{
	margin-top:3px;
	text-align:center;
	font-size:10px;
	color:#cccc99;
}

#footer a, #footer-contact a, #footer-occas a, #footer-actu a, #footer-acces, #footer-fichedetail a{
text-decoration:none;}
#footer a:hover, #footer-contact a:hover, #footer-occas a:hover, #footer-actu a:hover, #footer-acces, #footer-fichedetail a:hover{
text-decoration:underline;}

#fichedetail-presentation{
	position:absolute;
	top:42px;
	left:289px;
	width:658px;
	background:#565656;
	height:650px;
	overflow:auto;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
}

#footer-fichedetail{
	position:absolute;
	top:750px;
	height:25px;
	width:962px;
	background-color:#1c1c1c;
	border-top:4px solid #565656;
}	
	
	
	
/*
	Ajout supplémentaire
*/		

h3#tit-recherchepiece{
	width:658px;
	height:16px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-rech-pieces.gif) no-repeat 0 bottom;
}	

h3#tit-annoncespiece{
	width:658px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:#1c1c1c url(../charte/tit-pieces.gif) no-repeat 0 bottom;
}