/* CSS Document */


*{
	margin:0;
	padding:0;
	
}

body{
	background:#fff url(../charte/background.jpg) repeat-x 0 0 ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

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


#page{
	position:relative;
	width:947px;
	margin:0 auto;
}

#top{
	position:relative;
	width:947px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	height:223px;
	margin-top:34px;
	background:url(../charte/triumph-presente.jpg) no-repeat 0 0;
}
	
h1.concessionnaire{
	position:relative;
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	width:550px;
	height:50px;
	top:160px;
	left:470px;
}

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



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

#content{
	position:relative;
	width:947px;
	height:507px;
	background: url(fond-moto-triumph.jpg) no-repeat 0 230px;
	border-right:2px solid #fff;
	}
	
#content-occas{
	position:relative;
	width:947px;
	height:1007px;
	background:url(fond-moto-triumph.jpg) no-repeat 0 500px;
	border-right:2px solid #fff;
	}
	
#content-actu{
	position:relative;
	width:947px;
	height:400px;
	background:url(fond-moto-triumph.jpg) no-repeat 0 230px;
	border-right:2px solid #fff;
	}	
	
#content-acces, #content-contact{
	position:relative;
	width:947px;
	height:450px;
	background:url(fond-moto-triumph.jpg) no-repeat 0 230px;
	border-right:2px solid #fff;
	}	

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


ul#menu-general{
	display:block;
	width:799px;
	height:37px;
	margin-left:148px;
	background-color:#387aab;
	border-bottom:2px solid #fff;
	list-style:none;
}

ul#menu-general li, ul#menu-general a{
	float:left;
	display:inline;
	text-decoration:none;
	margin:5px 3px 0 3px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;}
ul#menu-general a:hover{color:#99CCFF;}



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


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

h2#concessionaire-logo img{
	display:block;
	margin:auto 0;
	vertical-align:middle;
}


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

#presentation{
	position:absolute;
	top:41px;
	left:430px;
	width:260px;
	height:458px;
	margin: 14px 36px 0 15px;
	overflow:auto;
}

#presentation a
{
	color:#387aab;
}

h3#quisommesnous{
	width:220px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#14396d;
	font-variant:small-caps;
}	
	
#img-pres{
	width:230px;
	margin:5px 5px 10px 0;
}

#txt-pres{
	margin-top:5px;
	text-align:justify;
	width:230px;
}

#txt-pres p{
	display:inline;
	width:230px;
	font-size:10px;
	color:#000;
	text-align:justify;
}



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

#acces-concessionnaire, #content-actu #acces-pave, #content-acces #acces-pave, #content-contact #acces-pave, #content-occas #acces-pave{
	position:relative;
	left:717px;
	width:230px;
	height:130px;
	background:url(fond-coordonees.jpg) repeat-y 0 0;
}

#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:210px;
	padding:10px;
	font-size:10px;
	color:#fff;
}


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

#pub-sitefrance{
	position:absolute;
	top:350px;
	left:148px;
	width:284px;
	height:224px;
	background: url(../charte/fond-site-france.jpg) repeat-y 0 0;
}

h3#sitefrance{
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#99CCFF;
	font-variant:small-caps;
	margin:10px 0 0 10px;
}	


#txt-sitefrance{
	width:264px;
	font-size:10px;
	color:#fff;
	margin:0 10px 10px 10px;
}


h4 a#img-sitefrance1{
	width:284px;
	height:133px;
	margin:7px;
	display:block;
	text-indent:-5000px;
	background:url(../charte/triumph-france.jpg) no-repeat 0 0;
}

h4 a#img-sitefrance2{
	width:0;
	height:0;
	text-indent:-5000px;
	font-size:1px;
	color:#387aab;
}


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

#les-affaires{
	position:relative;
	width:284px;
	height:261px;
	top:-130px;
	left:148px;
}

h3#tit-affaires{
	width:266px;
	height:18px;
	padding:6px 10px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#387aab;
	font-variant:small-caps;
	background: url(../charte/fond-occas.jpg) repeat-y 0 0;
	border-bottom:2px solid #fff;
}	

h3#tit-affaires a, h3#tit-affaires a:hover{
text-decoration:none;}	


.occas1, .occas2, .occas3{
	width:284px;
	height:75px;
	background: url(../charte/fond-occas2.jpg) repeat-y 0 0;
	border-bottom:2px solid #fff;
	margin:0;
}
	
#les-affaires img{
	float:left;
	width:100px;
	height:75px;
	margin:0 10px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}

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

a.voir-plus{
	text-indent:-5000px;
	font-size:1px;
	color:#387aab;
	width:0;
	height:0;}
a.voir-plus:hover{
	width:0;
	height:0;}



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

#equipe{
	position:absolute;
	top:180px;
	left:717px;
	width:231px;
	height:389px;
	
	
}

h3#notre-equipe{
	width:231px;
	height:18px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#387aab;
	font-variant:small-caps;
	margin-left:15px;
}	


.employes1, .employes2, .employes3, .employes4, .employes5, .employes6 {
	width:216px;
	height:50px;
	margin:0;
	padding:5px 0 5px 15px;
	background:url(fond-equipe.jpg) repeat-y 0 0;
	border-bottom:3px solid #fff;
}

/*
.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:130px;
	font-size:10px;
	color:#fff;
	margin:0 5px;
}	

#equipe p.prenom{
	color:#99CCFF;
}

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

#recherche-pave{
	position:absolute;
	width:550px;
	top:40px;
	left:160px;
}

h3#tit-recherche{
	width:500px;
	height:16px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#387aab;
	font-variant:small-caps;
	margin-top:20px;
}	
	
#txt-recherche{
	width:550px;
	margin:10px 0 0 0;
	font-size:10px;
}

#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:120px;
	height:20px;
	}
#txt-recherche li input, #txt-recherche li select{
	float:left;
	height:20px;
	width:120px;
	margin:2px;
	}
	
#txt-recherche input#lancer-rech{
	clear:both;
	float:left;
	display:block;
	height:13px;
	width:163px;
	padding-left:355px;
	margin:5px 0;
	border-bottom:1px solid #14396d;
}	


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

#annonces-pagination{
	width:558px;
	text-align:center;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin-top:15px;
	}
#annonces-pagination a{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#14396d;
	font-weight:bold;
	text-decoration:underline;
	}
#annonces-pagination a:hover{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#14396d;
	font-weight:bold;
	text-decoration:underline;
	}



#annonces-pave{
	position:absolute;
	top:210px;
	width:550px;
	left:160px;
}

h3#tit-annonces{
	width:500px;
	height:16px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#387aab;
	font-variant:small-caps;
}	

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

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

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

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

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


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

#horaires-pave{
	position:absolute;
	top:171px;
	left:717px;
	width:231px;
	height:200px;
	background:url(fond-equipe.jpg) repeat-y 0 0;
}

h3#tit-horaires{
	width:200px;
	height:25px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-variant:small-caps;
}	

#horaires-pave p{
	width:145px;
	margin:10px;
	font-size:10px;
	color:#fff;
	text-align:left;
}


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

#actu-pave{
	position:absolute;
	width:550px;
	top:40px;
	left:160px;
	height:450px;
	overflow:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

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


#actu-presentation{
	position:absolute;
	top:40px;
	left:160px;
	width:550px;
	background:#ffffff;
	height:450px;
	overflow:auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#actu-rat{
	position:absolute;
	top:40px;
	left:160px;
	width:550px;
	background:#ffffff;
	height:450px;
	overflow:auto;
}

#actu-rat a{
	color:black
}

h3#tit-actu{
	width:500px;
	height:16px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#387aab;
	font-variant:small-caps;
	margin-top:20px;
}	
	
/*
#actu-pave img{
	clear:both;
	float:left;
	margin:5px 5px 0 0;
	border:0;
}*/

ul#actu-perso{
	margin-top:5px;
}

ul#actu-motonet{
	margin-top:40px;
}

ul#actu-perso p, ul#actu-motonet p{
	display:inline;
	width:520px;
	font-size:11px;
	color:#000;
	text-align:justify;
}

ul#actu-perso li, ul#actu-motonet li{
	clear:both;
	list-style:none; 
	
}

.txt-color{
	color:#387aab;
}

#content-actu #horaires-pave{
	position:absolute;
	top:171px;
	left:717px;
	width:231px;
	height:200px;
	background:url(fond-equipe.jpg) repeat-y 0 0;
}



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


#horaires-pave{
	position:absolute;
	top:171px;
	left:717px;
	width:231px;
	height:200px;
	background:url(fond-equipe.jpg) repeat-y 0 0;
}

h3#tit-horaires{
	width:200px;
	height:20px;
	margin:10px 0 10px 10px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	font-variant:small-caps;
}	

#horaires-pave p{
	width:145px;
	margin:10px;
	font-size:10px;
	color:#fff;
	text-align:left;
}


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

#plan-acces-pave{
	position:absolute;
	width:550px;
	height:261px;
	top:40px;
	left:160px;
}

h3#tit-plan-acces{
	width:550px;
	height:16px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#387aab;
	font-variant:small-caps;
	margin-top:20px;
}	
	
#img-plan-acces{
	float:left;
	margin:5px;
	border:0;
}

#txt-plan-acces {
	float:left;
	width:180px;
	/*padding:5px 5px 0 0;*/
	font-size:11px;
	color:#000;
	text-align:justify;
}

#content-acces #horaires-pave, #content-contact #horaires-pave{
	position:absolute;
	top:171px;
	left:717px;
	width:231px;
	height:180px;
	background:url(fond-equipe.jpg) repeat-y 0 0;
}

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


#contact-pave{
	position:absolute;
	width:300px;
	height:261px;
	top:40px;
	left:160px;
}

h3#tit-contact{
	width:550px;
	height:16px;
	display:block;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#387aab;
	font-variant:small-caps;
	margin-top:20px;
}	
	
#txt-contact{
	width:520px;
	margin:20px 10px 0 0 ;
	font-size:10px;
	color:#000;
}

#txt-contact li{
	list-style:none;
	width:520px;
	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:20px;
	width:937px;
	top:565px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	padding:0 5px;
	margin-top:20px;
	background-color:#387aab;
}

#footer-actu{
	position:absolute;
	height:20px;
	width:937px;
	top:500px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	padding:0 5px;
	margin-top:20px;
	background-color:#387aab;
}

#footer-occas{
	position:relative;
	height:20px;
	width:937px;
	top:830px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	padding:0 5px;
	margin-top:20px;
	background-color:#387aab;
}

#footer-acces, #footer-contact{
	position:absolute;
	height:20px;
	width:937px;
	top:715px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	padding:0 5px;
	margin-top:20px;
	background-color:#387aab;
}

#footer p, #footer-contact p, #footer-occas p, #footer-actu p, #footer-acces, #footer-fichedetail p{
	margin-top:5px;
	text-align:center;
	font-size:9px;
	color:#fff;
}

#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:40px;
	left:160px;
	width:550px;
	background:#ffffff;
	height:650px;
	overflow-x:none;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

#footer-fichedetail{
	position:absolute;
	height:20px;
	width:937px;
	top:850px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	padding:0 5px;
	margin-top:20px;
	background-color:#387aab;
}