html { background-color: #003; color: #CCC; font-family: arial, Helvetica, sans-serif; font-size: 11px; }
body { width: 830px; margin: 0 auto; padding: 0; position: relative; }

#langues { position: absolute; right: 0; top: 0; }
#langues a { display: block; margin: 0 0 4px 0; }
#langues a img { border: none; }

ul#menu { list-style-type: none; margin: 0; }
#menu { 
	height: 73px;
	padding: 7px 0 0 130px;
	background: transparent url( /img/interieur/bandeau.gif ) no-repeat top left; overflow: hidden;
	}
#menu li { 
	float: left; padding: 0 7px 0 18px; white-space: nowrap;
	background: transparent url( /img/interieur/puce-menu.gif) no-repeat top left;  
	}
	
#menu li.c0 { background: none; }
#menu a { 
	display:block; padding-bottom: 15px; 
	background: transparent url(/img/interieur/diode-eteinte.gif) no-repeat bottom center; 
	}
#menu a, #secondary_menu a {
	color: #0635B0; font-weight: bold; text-decoration: none;
	}
	
#menu a.selected {
	background: transparent url(/img/interieur/diode-allumee.gif) no-repeat bottom center; 
	}

#menu a:hover { 
	color: #003; text-decoration: underline; 
	background: transparent url(/img/interieur/diode-allumee.gif) no-repeat bottom center; 
	}

ul#secondary_menu {
	list-style-type: none;
	margin: 0;
	padding: 55px 0 300px 33px;
	width: 89px;
	float: left;
	border-left: 1px solid #003;
	background: transparent url( /img/interieur/fond-secmenu.jpg ) no-repeat top left;
	}

#secondary_menu li {
	margin: 0; padding: 0;
	}

#submenu {
	font-size: 13px; font-weight: bold; 
	margin: 5px 0;
	}

#submenu a {
	text-decoration: none;
	color: #FFCC00;
	}

#submenu a:hover {
	text-decoration: underline;
	color: #FFCC00;
	}

#submenu a.selected {
	color: #CCC !important;
	}


#main {
	margin-left: 133px; 
	padding-right: 20px;
	font-size: 13px;
	}
	
#main h1 {
	font-size: 18px;
	}

a.selected { color: black !important; }

a#home { display: block; position: absolute; overflow: hidden; text-indent: -5000px; top: 15px; left: 38px; height: 80px; width: 80px; }

#occases { border-collapse: collapse; border: 1px solid white; background-color: white; }
#occases td { border: 1px solid white; width: 698px; color: #003; text-align: center; }
#occases th { background-color: #C2C3CF; color: #003; border: 1px solid white; }
#occases .vignette { width: 100px; }
#occases .detail { width: 100px; }
#occases .l1 td { background-color: #E6E6EB; }

.nav_links { text-align: center; clear: both; margin-top: 30px; }
.nav_links a { color: White; }
.nav_links .prec { padding-left: 20px; background: transparent url( /img/interieur/puce-prec.gif ) no-repeat left center; }
.nav_links .suiv { padding-right: 20px; background: transparent url( /img/interieur/puce-suiv.gif ) no-repeat right center; }

#detail_occasion { width: 579px; overflow: hidden; }
#detail_occasion img { border: 1px solid white; float: left; margin-bottom: 5px; }
#detail_occasion .p0 { margin-right: 23px; }
#detail_occasion .p1 { margin-right: 5px; }
#detail_occasion p.galerie { margin: 0; padding: 3px; text-align: center; float: right;width: 187px; font-weight:bold; background: #FFCC00; color: #003; }
#detail_occasion .description { clear:left; width: 100%; }
#detail_occasion h2 { width: 347px; padding: 3px 10px; background-color: #B1B2C1; font-size: 13px; color: White; margin: 0; }
#detail_occasion .description .description { float:left;  }
#detail_occasion .description .description {padding: 3px 10px; margin: 0; background: #1E1E4B; width: 347px; }
#detail_occasion .prixeuro { padding: 3px 10px;background: #B1B2C1 url( /img/interieur/euro.gif ) no-repeat left center; padding-left: 20px; color: #030339; font-weight: bold; width: 260px; text-align: right;}
#detail_occasion .prixdollar { padding: 3px 10px;background: #B1B2C1 url( /img/interieur/dollar.gif ) no-repeat left center; padding-left: 20px; color: #030339; font-weight: bold; width: 260px; text-align: right;}

address {
	display: block; zoom: 1; font-size: 11px;
	clear: both; font-style: normal; color: #003;
	margin-left: 33px; padding: 165px 42px 5px 0; text-align: center; color: #003;
	background: transparent url( /img/interieur/fond-pied.jpg ) no-repeat top left;
	}
	
.left { float: left; margin-right: 60px; }
.right { float: right;  margin-left: 60px;}

.obligatoire { background: #FFCC00; }

p#contact { clear: both; text-align: center; margin: auto 280px; padding: 10px;}
p#contact a { font-size: 16px; color: White; font-weight: bold; text-decoration: none; }
p#contact a:hover { text-decoration: underline; }

.boutons { text-align: center; margin: 20px;}
.boutons a { background: #CCF; padding: 5px; line-height: 1.3em; color: black; border: 2px outset; font-weight: bold; text-decoration: none; margin: 10px;}
.boutons a:active, .boutons a:focus { border: 2px inset; }