/* CSS Document */





*{

	margin:0;

	padding:0;

	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/

}



body{

	background:#C3C3C3;
	color:#FFFFFF;
	padding:0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



.spacer{

	clear:both;

	border: none;

	font-size:1px;

	height:0;

	line-height:0;

}



a{

	color:#FF0000;

	text-decoration:none;}

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


.fdlargeurtotale
{
	background-color:#000000;
}

.fdimgmenu
{
	background-color:#000000;
}

#page{

	position:relative;

	width:950px;

	height:auto;

	margin:0 auto;

}



#top{

	position:relative;

	width:950px;

	height:179px;

	background:url(moto-net-presente.jpg) no-repeat 0 0;

	z-index:20;

}

	

/*h1.concessionnaire{

	position:absolute;

	display:block;

	font:23px Arial, Helvetica, sans-serif;

	text-align:left;

	width:300px;

	height:35px;

	top:180px;

	left:10px;

	z-index:30;
	color:#FF0000;
}*/

#concessionnaire{

	position:absolute;

	display:block;

	font:23px Arial, Helvetica, sans-serif;

	text-align:left;

	width:300px;

	height:35px;

	top:150px;

	left:10px;

	z-index:30;
	color:#FF0000;
}


h1.concessionnaire a{

	text-decoration:none;

	color:#FF0000;}

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





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

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

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



#content{

	position:relative;

	width:950px;

	height:490px;

	/*background:url(fond-content.jpg) repeat-y 0 0;*/

}

	

#content-occas{

	position:relative;

	width:950px;

	height:1050px;

	/*background:url(fond-content.jpg) repeat-y 0 0;*/

	}

	

#content-actu{

	position:relative;

	width:950px;

	min-height:700px;

	/*background:url(fond-content.jpg) repeat-y 0 0;*/

	}	

	

#content-acces, #content-contact{

	position:relative;

	width:950px;

	height:750px;

	/*background:url(fond-content.jpg) repeat-y 0 0;*/

	}	



/******************************      CONTENT      ***************************/





ul#menu-general{

	/*position:absolute;

	display:block;

	width:635px;

	height:43px;*/

	/*background:url(fond-menu.jpg) repeat-x 0 0;*/

	/*top:0;

	left:0;*/
	height:43px;
	padding-left:5px;
	/*padding-top:5px;*/

	list-style:none;

	/*z-index:10;*/

}


.traitmenu
{
	/*margin-top:0px;
	width:1px;
	height:20px;
	background-color:#FFFFFF;*/
	
}


li.lipres, li.lioccas, li.liactus, li.liacces, li.licontact, a#pres, a#occasions, a#actus, a#acces, a#contact, li.litrait{

	float:left;

	height:20px;

	/*text-indent:-5000px;*/
	font-size:12px;
	text-decoration:none;
	margin-right:0px;
	
	
}


ul#menu-general li.litrait{ 

	/*width:1px;
	margin-right:0px;*/
	/*background: url(m-pres.gif) no-repeat 0 -35px;*/
}


ul#menu-general a#pres{ 

	width:110px;
	color:#000000;
	background-color:#FF0000;
	text-align:center;
	border-width: 1px;
	border-style: solid;
	/*
	top right bottom left
	border-color: #5bd #035 #068 #6cf;
	*/
	border-color: #fff #FFFFFF #000 #6cf;
	border-left: 3px solid #990000;
	
	
	
	
	/*background: url(m-pres.gif) no-repeat 0 -35px;*/
}

ul#menu-general a#pres:hover{ 
	/*background: url(m-pres.gif) no-repeat 0 0;*/
	background-color:#FFFFFF;
	color:#CC3300;
	/* top right bottom left */
	border-color: #000 #FFFFFF #000 ;
}

ul#menu-general a#occasions{ 

	width:143px;
	text-align:center;
	background-color:#FF0000;
	color:#000000;
	/*background: url(m-occas.gif) no-repeat 0 -35px;*/
}

ul#menu-general a#occasions:hover
{ 
	/*background: url(m-occas.gif) no-repeat 0 0;*/
	background-color:#FFFFFF;
	color:#CC3300;
}

ul#menu-general a#actus{ 

	width:94px;
	text-align:center;
	background-color:#FF0000;
	color:#000000;
	/*background: url(m-actu.gif) no-repeat 0 -35px;*/
}

ul#menu-general a#actus:hover{ 
	/*background: url(m-actu.gif) no-repeat 0 0;*/
	background-color:#FFFFFF;
	color:#CC3300;
}

ul#menu-general a#acces{ 

	width:112px;
	text-align:center;
	background-color:#FF0000;
	color:#000000;
	/*background: url(m-plan-acces.gif) no-repeat 0 -35px;*/
}

ul#menu-general a#acces:hover{ 
	/*background: url(m-plan-acces.gif) no-repeat 0 0;*/
	background-color:#FFFFFF;
	color:#CC3300;
}

ul#menu-general a#contact{ 

	width:77px;
	text-align:center;
	background-color:#FF0000;
	color:#000000;
	/*background: url(m-contact.gif) no-repeat 0 -35px;*/
}

ul#menu-general a#contact:hover{ 
	/*background: url(m-contact.gif) no-repeat 0 0;*/
	background-color:#FFFFFF;
	color:#CC3300;
}



ul#menu-general li.lihog, a#hog, a#hog:hover, li.li-supp1, li.li-supp2, li.lineuves, a#neuves{ 

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

	left:0;

}



h2#concessionaire-logo img{

	display:block;

	margin:0 auto;

	vertical-align:middle;

}







/****** extras*************/



#extra1{

	position:absolute;

	left:0;

	top:170px;

	width:120px;

}



#extra1 img{

	width:120px;

	height:25px;

	margin:3px 0;

}





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



#presentation{

	position:absolute;

	top:50px;

	left:140px;

	width:265px;

	margin:10px 10px 10px 20px ;

	height:420px;

	overflow:auto;

}



h3#quisommesnous{

	display:block;

	/*text-indent:-5000px;*/

	width:350px;
	font-size:14px;
	height:15px;
	color:#FF0000;
	/*text-indent:-5000px;*/

	/*background:url(tit-quisommes.gif) no-repeat 0 0;*/
	margin-bottom:2px;
	border-bottom:2px solid #6699FF;

}	

	

#img-pres{

	margin:10px 5px 10px 0;

}



#txt-pres{

	width:340px;

	text-align:left;

}



#txt-pres p{

	display:inline;

	font-size:10px;

	color:#FFFFFF;

}







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



#acces-concessionnaire{

	position:absolute;

	left:745px;

	top:57px;

	width:250px;

	height:auto;

}



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

	position:absolute;

	left:730px;

	top:95px;

	width:250px;

	height:270px;

	padding-left:20px;

	border-left:2px solid #6699FF;

}



#content-occas #acces-pave{

	position:absolute;

	left:730px;

	top:110px;

	width:200px;

	height:150px;

	padding-left:20px;

}



#content-actu #acces-pave{

	position:absolute;

	left:730px;

	top:95px;

	width:200px;

	height:150px;

	padding-left:20px;

	border-left:2px solid #6699FF;

}



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

	width:0;

	height:0;

	display:block;

	text-indent:-5000px;

	margin:0;

	padding:0;

	font-size:1px;

}	

	

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

	float:left;

	width:250px;

	font-size:11px;

	color:#FFFFFF;

}





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



#pub-sitefrance, h4 a#img-sitefrance2, h4 a#img-sitefrance3{

	display:block;

	text-indent:-5000px;

	border: none;

	font-size:1px;

	height:0;

	line-height:0;

}









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



#les-affaires{

	/*position:absolute;

	width:355px;

	height:400px;

	top:45px;

	left:430px;*/

	background:url(fond-occas.jpg) repeat-y 0 0;

	padding: 45px 10px 0 23px;

}



h3#tit-affaires{

	width:249px;

	height:25px;

	display:block;
	font-size:14px;
	color:#FF0000;
	/*text-indent:-5000px;*/

	/*background:url(tit-affaires.jpg) no-repeat 0 10px;*/

	border-bottom:2px solid #6699FF;

	margin-bottom:20px;

}	



.occas1, .occas2, .occas3{

	width:264px;

	height:80px;

	margin:5px 10px 5px 0;

}

	

#les-affaires img{

	float:left;

	width:100px;

	height:75px;

	margin:0 10px 0 0;

	border:1px solid #fff;

}



#les-affaires a.occas{

	float:left;

	overflow:hidden;

	font-size:11px;

	color:#FFFFFF;

	margin-top:15px;

	text-decoration:none;}

#les-affaires a.occas:hover{text-decoration:underline;}	



a.voir-plus{

	margin-top:30px;

	/*text-indent:-5000px;*/

	display:block;

	width:249px;

	height:17px;
	font-size:12px;
	color:#FF0000;
	
	/*background:url(tit-voirtoutes.jpg) no-repeat 0 5px;*/

	border-bottom:2px solid #6699FF;

	border-top:2px solid #6699FF;
	padding-top:3px;
	padding-bottom:3px;

	}

a.voir-plus:hover{	/*background:url(tit-voirtoutes.jpg) no-repeat 0 5px;	*/}







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



#equipe{

	position:absolute;

	top:180px;

	left:745px;

	width:193px;

	height:346px;}



h3#notre-equipe{

	width:193px;

	height:12px;

	display:block;
	font-size:14px;
	color:#FF0000;
	/*text-indent:-5000px;

	background:url(tit-equipe.gif) no-repeat 0 0;
*/
	border-bottom:2px solid #6699FF;
	
	margin-bottom:10px;
	padding-bottom:5px;
}	



.employes1, .employes2, .employes3, .employes4, .employes5{

	width:250px;

	height:50px;

	margin:0;

	padding:0 0 5px 0;

}



.employes6, .employes6 img{

	width:0;

	height:0;

	clear:both;

	border: none;

	text-indent:-5000px;

	line-height:0;

	color:#FFFFFF;

	font-size:1px;

}

	

#equipe img{

	float:left;

}



#equipe p{

	float:left;

	width:150px;

	font-size:10px;

	color:#FFFFFF;

	margin:0 5px;

}	



#equipe p.prenom{

	color:#333;

}



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

/************************       MOTOs D'OCCASIONS     **************************/

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

#recherche-pave{

	/*position:absolute;

	width:650px;

	height:670px;

	top:70px;

	left:170px;*/

}



h3#tit-recherche{

	width:520px;

	height:15px;

	display:block;
	font-size:14px;
	color:#FF0000;
	/*text-indent:-5000px;*/

	/*background:url(tit-rech-moto.gif) no-repeat 0 0;*/

	border-bottom:2px solid #6699FF;

	margin-left:10px;

}	

	

#txt-recherche{

	width:550px;

	height:143px;

	margin:10px 5px 0 0;

	padding-top:13px;

	font-size:10px;

	background:url(fond-occas2.jpg) no-repeat 0 0;

	color:#000;

	text-indent:20px;

}



#txt-recherche li{

	list-style:none;

	width:270px;

}

	

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

	clear:both;

	float:left;

}



#txt-recherche li label{

	display:block;

	clear:both;

	float:left;

	width:110px;

	height:20px;

	}

#txt-recherche li input, #txt-recherche li select{

	float:left;

	height:20px;

	width:110px;

	margin:2px;

	}

	

#txt-recherche input#lancer-rech{

	clear:both;

	float:left;

	display:block;

	height:15px;

	width:149px;

	padding-left:350px;

	margin:6px 0 5px 0;

	cursor:pointer;

}	





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

#annonces-pagination{
	clear:both;
	width:550px;
	text-align:center;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF0000;
	z-index:100;
	margin-top:20px;
	}

#annonces-pave{
	/*position:absolute;
	width:650px;
	height:750px;
	top:240px;
	left:180px;*/
	padding-top:10px;
}

h3#tit-annonces{
	width:520px;
	height:15px;
	display:block;
	font-size:14px;
	/*text-indent:-5000px;*/
	/*background:url(tit-resultat-rech.gif) no-repeat 0 0;*/
	border-bottom:2px solid #6699FF;
	color :#FF0000;
	margin:10px 0 15px 0;
}	

#annonces{
	width:520px;
	height:auto;
	border-bottom:2px solid #6699FF;
	margin:0 0 2px 0;
	padding:10px 0 3px 0;
	overflow:auto;
}

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

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

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

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


/***********************************  COLONNE  GAUCHE  *******************************/

#horaires-pave, h3#tit-horaires, #horaires-pave p{
	clear:both;
	width:0;
	height:0;
	margin:0;
	padding:0;	
	font-size:12px;
	color:#FFFFFF;
}


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

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

#actu-pave{
	/*position:absolute;
	top:70px;
	left:180px;
	width:550px;
	height:600px;
	overflow:auto;*/
}




#actu-presentation{

	position:absolute;

	top:70px;

	left:180px;

	width:550px;

	background:#ffffff;

	height:600px;

	overflow:auto;

}


#fichedetail-presentation{
	position:absolute;
	top:70px;
	left:180px;
	width:550px;
	background:#ffffff;
	height:750px;
	overflow-x:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	
}



h3#tit-actu{

	width:520px;

	height:15px;

	display:block;

	font-size:14px;
	color:#FF0000;
	
	/*text-indent:-5000px;

	background:url(tit-actu-concessionnaire.gif) no-repeat 0 0;*/

	border-bottom:2px solid #6699FF;

}	

	

#actu-perso{

	width:520px;

	margin:20px 10px 0 0;

	font-size:10px;

	color:#FFFFFF;

}



#actu-perso li{

	width:100%;

	list-style:none;

	clear:both;

	padding-top:10px;

}



#actu-perso li img{

	float:left;

	margin:0 10px 0 0;

}



#actu-perso li p{

	float:left;

	color:#FFFFFF;

}



.txt-color{

	color:#FFFFFF;

}



#actu-motonet{

	width:520px;

	margin:20px 10px 0 0;

	font-size:11px;

}



#actu-motonet li{

	list-style:none;

	color:#09005b;

	clear:both;

	padding-top:10px;

}



#actu-motonet li#actu-number1 img{

	float:left;

	margin:0 10px 0 0;

	border:none;

}



#actu-motonet li#actu-number1 p{

	float:left;

	width:450px;

	color:#333;

}

#actu-motonet li p{

	width:530px;

	color:#333;

}



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

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

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



#plan-acces-pave{

	position:absolute;

	width:650px;

	height:350px;

	top:60px;

	left:160px;

	margin:10px 10px 10px 20px ;

}



h3#tit-plan-acces{

	width:200px;

	height:15px;

	display:block;
	font-size:14px;
	color:#FF0000;
	
	/*text-indent:-5000px;

	background:url(tit-plan-acces.gif) no-repeat 0 0;*/

	border-bottom:2px solid #6699FF;

}	

	

#img-plan-acces{

	float:left;

	margin:5px 5px 5px 15px;

	border:0;

}



#txt-plan-acces{

	float:left;

	width:180px;

	margin:10px 10px 0 0;

	font-size:10px;

	color:#FFFFFF;

}



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

	position:absolute;

	left:730px;

	top:230px;

	width:250px;

	height:auto;

	padding-left:20px;

}

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

	width:160px;

	/*height:14px;*/

	/*display:block;*/

	/*text-indent:-5000px;*/

	font-size:14px;
	color:#FF0000;
	margin:0;

	padding-bottom:2px;
	/*background:url(tit-horaires.gif) no-repeat 0 0;*/

	border-bottom:2px solid #6699FF;

}



h3#titre-horaires{

	

	/*height:14px;*/

	/*display:block;*/

	/*text-indent:-5000px;*/

	font-size:14px;
	color:#FF0000;
	
	/*background:url(tit-horaires.gif) no-repeat 0 0;*/

	border-bottom:2px solid #6699FF;

}

h3#titre-acces{
	/*height:14px;*/

	/*display:block;*/

	/*text-indent:-5000px;*/

	font-size:14px;
	color:#FF0000;
	
	/*background:url(tit-horaires.gif) no-repeat 0 0;*/

	border-bottom:2px solid #6699FF;

}

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

	float:left;

	width:150px;

	font-size:11px;

	color:#333;

	margin-top:12px;

}

	

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

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

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







#contact-pave{

	/*position:absolute;

	width:650px;
les-affaires
	height:350px;

	top:60px;

	left:160px;*/

	margin:10px 10px 10px 20px ;

}



h3#tit-contact{

	width:450px;

	height:15px;

	display:block;
	font-size:14px;
	color:#FF0000;
	
	/*text-indent:-5000px;

	background:url(tit-contact.gif) no-repeat 0 0;*/

	border-bottom:2px solid #6699FF;

}	

	

#txt-contact{

	width:500px;

	margin:20px 10px 0 0;

	font-size:10px;

	color:#FFFFFF;

}



#txt-contact li{

	list-style:none;

	width:550px;

	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;

}	





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

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

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



#footer{

	position:absolute;

	height:25px;

	width:931px;

	top:490px;

	left:-10px;

	padding:0 5px;}



#footer-actu{

	position:absolute;

	height:25px;

	width:931px;

	top:700px;

	left:-10px;

	padding:0 5px;

}


#footer-fichedetail{
	position:absolute;

	height:25px;

	width:931px;

	top:940px;

	left:-10px;

	padding:0 5px;
}


#footer-occas{

	position:absolute;

	height:25px;

	width:931px;

	top:1050px;

	left:-10px;

	padding:0 5px;

}



#footer-acces, #footer-contact{

	position:absolute;

	height:25px;

	width:931px;

	top:775px;

	left:-10px;

	padding:0 5px;

	}





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

	margin-top:5px;

	text-align:left;

	padding-left:150px;

	font-size:9px;

color:#000000;

}

.footerall
{
	font-size:9px;
	color:#000000;
	text-align:center;
	clear:both;
	
	
}


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

color:#000000;

text-decoration:none;}

#footer a:hover, #footer-contact a:hover, #footer-occas a:hover, #footer-actu a:hover, #footer-acces, #footer-fichedetail a:hover{

color:#000000;

text-decoration:underline;}