/* CSS Document */


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

body{
	background-color:#ffffff;
}

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

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


#page{
	width:948px;
	margin:0 auto;
}

#top{
	width:948px;
	height:148px;
	background:url(../charte/kawasaki-presente.jpg) no-repeat 0 7px;
}
	
h1.concessionnaire{
	position:relative;
	width:270px;
	height:30px;
	top:43px;
	left:18px;
}

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


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

#content{
	position:relative;
	width:948px;
	background:url(../charte/fond-kawasaki.jpg) no-repeat 0 7px;
}

ul#menu-general{
	display:block;
	width:133px;
	list-style:none;
	padding: 20px 0 0 13px;
}

li.lipres, li.lioccas, li.lineuves, li.liactus, li.liacces, li.licontact, a#pres, a#occasions, a#neuves, a#actus, a#acces, a#contact{
	display:block;
	height:23px;
	text-indent:-5000px;
	text-decoration:none;
	border-bottom:1px solid #888888;
}

ul#menu-general a#pres{ background: url(../charte/m-pres.gif) no-repeat 0 0;}
ul#menu-general a#pres:hover{ background: url(../charte/m-pres.gif) no-repeat 0 -23px;}
ul#menu-general a#occasions{ background: url(../charte/m-occas.gif) no-repeat 0 0;}
ul#menu-general a#occasions:hover{ background: url(../charte/m-occas.gif) no-repeat 0 -23px;}
ul#menu-general a#neuves{ background: url(../charte/m-motos-neuves.gif) no-repeat 0 0;}
ul#menu-general a#neuves:hover{ background: url(../charte/m-motos-neuves.gif) no-repeat 0 -23px;}
ul#menu-general a#actus{ background: url(../charte/m-actu.gif) no-repeat 0 0;}
ul#menu-general a#actus:hover{ background: url(../charte/m-actu.gif) no-repeat 0 -23px;}
ul#menu-general a#acces{ background: url(../charte/m-pieces_kawa.gif) no-repeat 0 0;}
ul#menu-general a#acces:hover{ background: url(../charte/m-pieces_kawa.gif) no-repeat 0 -24px;}
ul#menu-general a#contact{ background: url(../charte/m-contact.gif) no-repeat 0 0;}
ul#menu-general a#contact:hover{ background: url(../charte/m-contact.gif) no-repeat 0 -23px;}

ul#menu-general li.lihog, a#hog, a#hog:hover, li.li-supp1, li.li-supp2{ 
	display:block;
	text-indent:-5000px;
	border: none;
	font-size:1px;
	height:0;
	line-height:0;
}


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

h2#concessionaire-logo{
	position:absolute;
	width:120px;
	height:auto;
	top:70px;
	left:176px;
}


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

#presentation{
	position:absolute;
	top:15px;
	left:322px;
	width:362px;
	height:350px;
	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;
	border:1px solid #e42b38;
	overflow:auto;
}

h3#quisommesnous{
	float:right;
	width:195px;
	height:24px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/tit-quisommes.gif) no-repeat 0 7px;
}	
	
#presentation #img-pres{
	float:left;
}

#presentation img{
	margin:5px;
	font-size:1px;
}

#presentation #txt-pres{
	clear:both;
	display:block;
	font-size:11px;
	padding:10px;
}



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


#acces-concessionnaire{
	position:absolute;
	top:15px;
	left:710px;
	width:239px;
	height:171px;
	background:url(../charte/fond-acces.jpg) no-repeat 0 bottom;
}

h3#tit-acces{
	font-size:1px;
	height:0;
	line-height:0;
	text-indent:-5000px;
}	
	
#acces-concessionnaire p{
	float:left;
	width:259px;
	font-size:11px;
	color:#000;
}



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


#pub-sitefrance{
	position:absolute;
	top:190px;
	width:307px;
	background-color:#f4f3f3;
	border:1px solid #282828;
}

h3#sitefrance{
	width:298px;
	height:21px;
	display:block;
	text-indent:-5000px;
	background: url(../charte/tit-site-france.gif) no-repeat 5px 7px;
}	

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

h4 a#img-sitefrance1{
	width:297px;
	height:65px;
	margin:5px 5px 0 5px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/logo-kawasaki-france.gif) no-repeat 0 0;
}

h4 a#img-sitefrance2{
	width:298px;
	height:223px;
	margin:5px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/img-kawasaki-france.jpg) no-repeat 0 0;
}



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

#les-affaires{
	position:absolute;
	top:195px;
	left:695px;
	width:254px;
	height:370px;
	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;
	border:1px solid #ee6d05;

}

h3#tit-affaires{
	width:254px;
	height:18px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/tit-affaires.gif) no-repeat 12px 7px;
	margin-bottom:5px;
}

.occas1, .occas2, .occas3{
	clear:both;
	width:250px;
	margin:15px 0;
}
	

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

#les-affaires .occas-descr{
	float:left;
	width:120px;
	display:block;
	margin-top:10px;}
	
#les-affaires a.occas{
	font-size:10px;
	color:#333333;
	width:120px;
	display:block;
	text-decoration:none;}
#les-affaires a.occas:hover{text-decoration:underline;}	

a.voir-plus{
	clear:both;
	display:block;
	font-size:12px;
	color:#333333;
	margin:15px 0 5px 12px;
	text-decoration:none;}
a.voir-plus:hover{text-decoration:underline;}



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

#equipe{
	position:absolute;
	top:370px;
	left:322px;
	width:363px;
	height:191px;
}

h3#notre-equipe{
	width:345px;
	height:25px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/tit-equipe.gif) no-repeat 12px 7px;
}	


.employes1, .employes3, .employes5{
	float:left;
	width:165px;
	height:50px;
	margin:5px 10px 0 0;
	padding-left:10px;
}


.employes2, .employes4, .employes6{
	float:left;
	width:165px;
	height:50px;
	margin:5px 10px 0 0;
}
	
	
#equipe img{
	float:left;
}


#equipe p{
	float:left;
	width:100px;
	font-size:11px;
	color:#333;
	margin:0 0 0 5px;
}	

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



#content-occas{
	position:relative;
	width:948px;
	background:url(../charte/fond-kawasaki.jpg) no-repeat 0 7px;
}

#footer-occas{
	position:relative;
	top:970px;
	width:948px;
	height:25px;
	background:url(../charte/fond-footer.gif) repeat-x 0 0;
	padding-top:5px;
}



/**************************       moteur de recherche          ************************/

#recherche-pave{
	position:absolute;
	top:15px;
	left:322px;
	width:362px;
	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;
	border:1px solid #ee6d05;
}

h3#tit-recherche{
	width:345px;
	height:22px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/tit-rech-annonces.gif) no-repeat 10px 10px;
}	


#txt-recherche{
	clear:both;
	display:block;
	font-size:11px;
	padding:20px 0 0 10px;
}

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


#txt-recherche li label{
	display:block;
	clear:both;
	float:left;
	width:110px;
	height:18px;
	padding-left:20px;
}
	
#txt-recherche li input#submit{
	height:25px;
	margin: 5px 0 5px 110px;
}	

#content-occas #txt-horaires{
	margin:10px;
	font-size:11px;
	color:#000;
}


/************************          annonces       *****************************/

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


#annonces-pave{
	position:absolute;
	top:330px;
	left:30px;
	width:900px;
}

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

#annonces{
	width:680px;
	height:auto;
	background-color:#fff;
	border-bottom:1px solid #ee6d05;
	margin:0 0 2px 0;
	padding:10px 20px 2px 180px;
	overflow:auto;
}

#photo{
	float:left;
	margin-right:10px;
}

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

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

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


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

#content-actu{
	position:relative;
	width:948px;
	background:url(../charte/fond-kawasaki.jpg) no-repeat 0 7px;
}

#footer-actu{
	position:absolute;
	top:690px;
	width:948px;
	height:25px;
	background:url(../charte/fond-footer.gif) repeat-x 0 0;
}


/**************************       ACtu        ************************/

#actu-pave{
	position:absolute;
	top:15px;
	left:322px;
	width:620px;
	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;
	border:1px solid #78b64a;
	overflow:auto;
	height:660px;
}

#actu-presentation{
	position:absolute;
	top:15px;
	left:322px;
	width:600px;
	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;
	border:1px solid #78b64a;
	height:600px;
	overflow:auto;
}


h3#tit-actu{
	width:590px;
	height:22px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/tit-actu.gif) no-repeat 10px 10px;
}	
	
#actu-perso{
	width:580px;
	padding:10px 10px;
	font-size:11px;
	color:#fff;
}

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


#actu-perso li img{

	float:left;

	margin:0 10px;

}



#actu-perso li p{

	float:left;

	width:430px;

	color:#333;

}



.txt-color{

	color:#78b64a;

}



#actu-motonet{

	width:560px;

	margin-top:10px;

	padding:10px 20px;

	font-size:11px;

	background-color:#fff;

	border-top:1px solid #78b64a;

}



#actu-motonet li{

	list-style:square;

	color:#78b64a;

	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:410px;

	color:#333;

}

#actu-motonet li p{

	width:570px;

	color:#333;

}



/*******************************     acces *******************************/



#content-actu #acces-pave{

	position:absolute;

	top:204px;

	left: 13px;

	width:239px;

	height:140px;

	background:url(../charte/fond-acces.jpg) no-repeat 0 bottom;

}



#content-actu h3#tit-acces{

	font-size:1px;

	height:0;

	line-height:0;

	text-indent:-5000px;

}	

	

#content-actu #acces-pave p{

	float:left;

	width:259px;

	font-size:11px;

	color:#000;

}





#content-actu #horaires-pave{

	clear:both;

	border: none;

	text-indent:-5000px;

	height:0;

	line-height:0;

	color:#fff;

	font-size:1px;

}	





/*****************************************************************************/

/******************************       PLAN ACCES       **************************/

/*****************************************************************************/



#content-acces{

	position:relative;

	width:948px;

	background:url(../charte/fond-kawasaki.jpg) no-repeat 0 7px;

}



#footer-acces{

	position:absolute;

	top:390px;

	width:948px;

	height:25px;

	background:url(../charte/fond-footer.gif) repeat-x 0 0;

}





/**************************       acces           ************************/



#plan-acces-pave{

	position:absolute;

	top:15px;

	left:322px;

	width:610px;

	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;

	border:1px solid #e42b38;

}



h3#tit-plan-acces{

	width:350px;

	height:22px;

	display:block;

	text-indent:-5000px;

	background:url(../charte/tit-acces.gif) no-repeat 10px 10px;

}	



#txt-plan-acces{

	float:left;

	width:250px;

	padding:10px;

	font-size:11px;

	color:#333;

}



#img-plan-acces{

	float:left;

	width:304px;

	height:304px;

	margin:10px;

}





#content-acces #acces-pave{

	clear:both;

	border: none;

	text-indent:-5000px;

	height:0;

	line-height:0;

	color:#fff;

	font-size:1px;

}	



#content-acces #acces-pave a{

	text-decoration:none;

	color:#fff;

	font-size:1px;

}





/*****************************************************************************/

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

/*****************************************************************************/



#content-contact{

	position:relative;

	width:948px;

	background:url(../charte/fond-kawasaki.jpg) no-repeat 0 7px;

}



#footer-contact{

	position:absolute;

	top:780px;

	width:948px;

	height:25px;

	background:url(../charte/fond-footer.gif) repeat-x 0 0;

}





/**************************       contact           ************************/



#contact-pave{

	position:absolute;

	top:15px;

	left:322px;

	width:362px;

	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;

	border:1px solid #e42b38;

}



h3#tit-contact{

	width:345px;

	height:22px;

	display:block;

	text-indent:-5000px;

	background:url(../charte/tit-contact.gif) no-repeat 10px 10px;

}	

	

#contact-pave #txt-contact{

	clear:both;

	display:block;

	font-size:11px;

	padding:10px;

}



#txt-contact li{

	list-style:none;

	width:330px;

	min-height:25px;

}





#txt-contact li label.champs-contact{

	display:block;

	clear:both;

	float:left;

	width:110px;

	height:18px;

}

#txt-contact li input{

	float:left;

	height:18px;

}

	

#txt-contact li input#submit{

	height:25px;

	margin: 5px 0 5px 110px;

}	



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





#content-contact #horaires-pave, #content-occas #horaires-pave, #content-acces #horaires-pave{

	position:absolute;

	top:194px;

	width:307px;

	background-color:#f4f3f3;

	border:1px solid #282828;

	left: -2px;

}



#content-contact h3#tit-horaires, #content-occas h3#tit-horaires, #content-acces h3#tit-horaires{

	width:298px;

	height:21px;

	display:block;

	text-indent:-5000px;

	background: url(../charte/tit-contact-horaires.gif) no-repeat 5px 7px;

}	



#content-contact #txt-horaires, #content-occas #txt-horaires, #content-acces #txt-horaires{

	margin:20px 10px;

	font-size:11px;

	color:#000;

}





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





#content-contact #acces-pave, #content-occas #acces-pave{

	position:absolute;

	top:15px;

	left:710px;

	width:239px;

	height:250px;

	background:url(../charte/fond-acces.jpg) no-repeat 0 bottom;

}



#content-contact h3#tit-acces, #content-occas h3#tit-acces{

	font-size:1px;

	height:0;

	line-height:0;

	text-indent:-5000px;

}	

	

#content-contact #acces-pave p, #content-occas #acces-pave p{

	float:left;

	width:259px;

	font-size:11px;

	color:#000;

}







/*****************************************************************************/

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

/*****************************************************************************/





#footer{

	position:absolute;

	top:580px;

	width:948px;

	height:25px;

	background:url(../charte/fond-footer.gif) repeat-x 0 0;

}







#footer p, #footer-contact p, #footer-occas p, #footer-actu p, #footer-acces,#footer-fichedetail p{

	margin-top:8px;

	text-align:center;

	font-size:11px;

	color:#666666;

}



#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 a:hover,#footer-fichedetail a:hover{

text-decoration:underline;}


#fichedetail-presentation{
	position:absolute;
	top:15px;
	left:322px;
	width:600px;
	background:#dadadb url(../charte/fond-presentation.jpg) repeat-x 0 0;
	border:1px solid #78b64a;
	height:750px;
	overflow:auto;
}

#footer-fichedetail{

	position:absolute;

	top:780px;

	width:948px;

	height:25px;

	background:url(../charte/fond-footer.gif) repeat-x 0 0;

}

/*
	Ajout supplémentaire
*/
h3#tit-annoncespiece{
	width:900px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/tit-pieces-detachees.gif) no-repeat 0 bottom;
}	