/* CSS Document */


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

body{
	background:#000 url(fond-menu.jpg) repeat-x 0 179px;
	padding:0;
}

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

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

#page{
	position:relative;
	width:1025px;
	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;
}

h1.concessionnaire a{
	text-decoration:none;
	color:#FF0000;}
h1.concessionnaire a:hover{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:920px;
	background:url(fond-content.jpg) repeat-y 0 0;
	}
	
#content-actu{
	position:relative;
	width:950px;
	min-height:700px;
	height:700px;
	background:url(fond-content.jpg) repeat-y 0 0;
	}	
	
#content-acces, #content-contact{
	position:relative;
	width:950px;
	height:400px;
	background:url(fond-content.jpg) repeat-y 0 0;
	}	

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


ul#menu-general{
	position:absolute;
	display:block;
	width:700px;
	height:48px;
	background:url(fond-menu.jpg) repeat-x 0 0;
	top:0;
	left:0;
	padding-left:300px;
	list-style:none;
	z-index:10;
}

li.lihome, li.lipres, li.lioccas, li.liactus, li.liacces, li.licontact,li.acces2 {
	float:left;
	height:35px;
	text-indent:-5000px;
	text-decoration:none;
	
}

a#retour, a#pres, a#occasions, a#actus, a#acces, a#contact,a#acces2
{
	
	display:block;
	height:35px;
	/*text-indent:-5000px;
	text-decoration:none;*/
	
}


ul#menu-general li
{
	float:left;
}

a#actus{ 
	
	width:94px;
	background: url(m-actu.gif) no-repeat 0 -35px;}
a#actus:hover{ background: url(m-actu.gif) no-repeat 0 0;}


ul#menu-general a#pres{ 
	float:left;
	width:110px;
	background: url(m-pres.gif) no-repeat 0 -35px;}
ul#menu-general a#pres:hover{ background: url(m-pres.gif) no-repeat 0 0;}
ul#menu-general a#occasions{ 
	float:left;
	width:93px;
	background: url(m-occas.gif) no-repeat 0 -35px;}
ul#menu-general a#occasions:hover{ background: url(m-occas.gif) no-repeat 0 0;}


ul#menu-general a#acces{ 
	width:142px;
	background: url(m-pieces_htgamme.gif) no-repeat 0 -35px;}
ul#menu-general a#acces:hover{ background: url(m-pieces_htgamme.gif) no-repeat 0 0;}
ul#menu-general a#acces2{ 
	width:112px;
	background: url(m-plan-acces.gif) no-repeat 0 -35px;}
ul#menu-general a#acces2:hover{ background: url(m-plan-acces.gif) no-repeat 0 0;}
ul#menu-general a#contact{ 
	width:77px;
	background: url(m-contact.gif) no-repeat 0 -35px;}
ul#menu-general a#contact:hover{ background: url(m-contact.gif) no-repeat 0 0;}

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:245px;
	height:15px;
	text-indent:-5000px;
	background:url(tit-quisommes.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
}	
	
#img-pres{
	margin:10px 5px 10px 0;
}

#txt-pres{
	float:left;
	width:245px;
	text-align:left;
}

#txt-pres p{
	display:inline;
	font-size:10px;
	color:#666666;
}



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

#acces-concessionnaire{
	position:absolute;
	left:745px;
	top:57px;
	width:250px;
	height:auto;
}

#content-contact #acces-pave, #content-acces #acces-pave{
	position:absolute;
	left:730px;
	top:95px;
	width:250px;
	height:270px;
	padding-left:20px;
	border-left:2px solid #CC0000;
}

#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;
}

#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:#333;
}


/**************************       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:270px;
	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;
	text-indent:-5000px;
	background:url(tit-affaires.jpg) no-repeat 0 10px;
	border-bottom:2px solid #CC0000;
	margin-bottom:20px;
}	

.occas1, .occas2, .occas3{
	width:250px;
	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:#000;
	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;
	background:url(tit-voirtoutes.jpg) no-repeat 0 5px;
	border-bottom:2px solid #CC0000;
	border-top:2px solid #CC0000;
	padding-bottom:3px;
	}
a.voir-plus:hover{	background:url(tit-voirtoutes.jpg) no-repeat 0 5px;	}


/**************************       EQUIPE        *************************/
#equipe{
	position:absolute;
	/*top:180px;*/
	top:57px;
	left:745px;
	width:193px;
	height:346px;}

h3#notre-equipe{
	width:193px;
	height:12px;
	display:block;
	text-indent:-5000px;
	background:url(tit-equipe.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
	margin-bottom:10px;
}	

.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:#000;
	font-size:1px;
}
	
#equipe img{
	float:left;
}

#equipe p{
	float:left;
	width:150px;
	font-size:10px;
	color:#000;
	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:530px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:url(tit-rech-moto.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
	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:650px;
	text-align:center;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#cc0000;
	z-index:100;
	margin-top:20px;
	}

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

h3#tit-annonces{
	width:530px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:url(tit-resultat-rech.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
	margin:10px 0 15px 0;
}	

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

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

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

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

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:0px;
	color:#000;
}


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

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

#actu-pave{
	position:absolute;
	top:70px;
	left:180px;
	width:550px;
	height:600px;
	overflow:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

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


#actu-presentation{
	position:absolute;
	top:70px;
	left:180px;
	width:550px;
	background:#ffffff;
	height:600px;
	overflow:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}


h3#tit-actu{
	width:530px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:url(tit-actu-concessionnaire.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
}	
	
#actu-perso{
	width:500px;
	margin:20px 10px 0 0;
	font-size:10px;
	color:#FFF;
}

#actu-perso li{
	width:100%;
	list-style:none;
	clear:both;
	padding-top:10px;
	color:#FFF;
}

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

#actu-perso li p{
	float:left;
	color:#FFF;
}

.txt-color{
	color:#cc0000;
}

#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;
	text-indent:-5000px;
	background:url(tit-plan-acces.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
}	
	
#img-plan-acces{
	float:left;
	margin:5px 5px 5px 15px;
	border:0;
}

#txt-plan-acces{
	float:left;
	width:200px;
	margin:10px 10px 0 0;
	font-size:10px;
	color:#000;
}

#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;
	margin:0;
	padding:0;
	background:url(tit-horaires.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
}

#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;
	height:350px;
	top:60px;
	left:160px;
	margin:10px 10px 10px 20px ;
}

h3#tit-contact{
	width:252px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:url(tit-contact.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
}	
	
#txt-contact{
	width:500px;
	margin:20px 10px 0 0;
	font-size:10px;
	color:#000;
}

#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-occas{
	position:absolute;
	height:25px;
	width:931px;
	top:920px;
	left:-10px;
	padding:0 5px;
}

#footer-acces, #footer-contact{
	position:absolute;
	height:25px;
	width:931px;
	top:405px;
	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:#999999;
}

#footer a, #footer-contact a, #footer-occas a, #footer-actu a, #footer-acces a, #footer-fichedetail a{
color:#999999;
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{
color:#999999;
text-decoration:underline;}
		

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

#footer-fichedetail{
	position:absolute;
	height:25px;
	width:931px;
	top:920px;
	left:-10px;
	padding:0 5px;
}




/*
	ajout supplémentaire
*/
h3#tit-annoncespiece{
	width:530px;
	height:15px;
	display:block;
	text-indent:-5000px;
	background:url(tit-rech-piece.gif) no-repeat 0 0;
	border-bottom:2px solid #CC0000;
	margin:10px 0 15px 0;
}