/* global styles */
* {padding:0px; margin:0px;}
html {background: #9a9d9d url(img/bg/content.gif) center 200px repeat-y;}
p, h1, h2, h3, a, span, form, select, li, label, input, td, th, legend {font-family:Verdana, Helvetica, Sans-serif; font-size:10px;}
li {list-style-type:none;}
a {color:#000; text-decoration:none;}
div {font-size:1px;}
img {border: 0;}
body {background: url(img/bg/content.gif) center repeat-y;}
.hidden {display: none;}

/* container */
#container {width:868px; background:#fff url('img/bg/hline.gif') repeat-y; margin:0px auto;}

/* header */
#headerbg {position: absolute; height: 200px; width: 100%; top: 0; background: url('img/bg/background.gif') top repeat-x;}
#navTop {height:35px; background:url('img/bg/bg_top.gif') 224px 0 no-repeat; text-align:right; padding: 0 0 0 250px; font-size: 10px; color: #fff;}
#navTop a {margin: 0 10px; color:#fff; line-height: 32px;}

#banner {height:104px;}

/* menu */
#menu {width:222px; float:left;}
#menu li a {height:19px; display:block; background:url('img/bg/menu.gif'); color:#454545; padding-left:10px; padding-top:7px;}
#menu li a:hover {height:19px; display:block; background:url('img/bg/menu.gif') 0 52px; color:#454545; padding-left:23px; padding-top:7px;}
#menu li a.active {height:19px; display:block; background:url('img/bg/menu.gif') 0 26px; color:#fff; padding-left:23px; padding-top:7px;}

/* contenu */
#contenu {width:613px; float:left; padding: 15px;}
h1 {display:none;}
#contenu #entete h2 {font: normal 20px Verdana; color: #e50000; margin: 0 0 15px 0;}
.opacity50 {filter:alpha(opacity=50); moz-opacity:0.5; khtml-opacity: 0.5; opacity: 0.5;}
.opacity100 {filter:alpha(opacity=100); moz-opacity:1; khtml-opacity: 1; opacity: 1;}


/* index */
#index #contenu .accroche {text-align: center; margin: 0 0 10px 0;}
#index #contenu .photo {padding: 0 0 0 5px;}
#index #contenu .photo img {float: left; margin: 0 2px; border: 1px solid #7f7f7f;}

/* vehicules neufs */
#vehineufs .item {margin: 0 2px 10px 0; float: left;}
#vehineufs .item h3 {font: bold 13px Verdana; margin: 0 0 5px 0;}
#vehineufs .item div a img {border: 1px solid #c0c0c0;}
#vehineufs .item div a {display: inline; position: relative; margin: 0;}

#vehineufs .item a {display: block; position: absolute; margin: -15px 0 0 143px;}

/* fiche véhicules neufs */
#fiche_vehineufs .retour {display: block; text-align: right; text-decoration: underline;}
#fiche_vehineufs .item img {border: 1px solid #c0c0c0;}
#fiche_vehineufs .item h3 {float: right; width: 400px; margin: 40px 0 0 0; font: bold 22px Verdana;}

#fiche_vehineufs #onglets {margin: 10px 0;}
#fiche_vehineufs #onglets a {display: block; width: 200px; float: left; border: 1px solid #DBDBDB; color: #999; border-bottom: 3px solid red; margin: 0 10px 10px 0; padding: 5px; text-decoration: underline;}
#fiche_vehineufs #onglets a.active {font-weight: bold; text-decoration: none; color: #000;}

#fiche_vehineufs #specifications table td {text-align: center;}

#fiche_vehineufs table {width: 100%; margin: 0 0 20px 0; clear: both;}
#fiche_vehineufs table a {text-decoration: underline;}
#fiche_vehineufs table th {font-weight:bold; text-align: left; padding: 0 5px;} 
#fiche_vehineufs table td {background: #f3f3f3 url(img/bg/line.gif) repeat-x bottom; padding: 0 5px;}
#fiche_vehineufs table td.empty {background: none;}

#fiche_vehineufs table thead td {font: bold 10px Verdana; background: none;}

#fiche_vehineufs table tbody td {padding: 5px;}
#fiche_vehineufs table tbody th {background: #cdcdcd url(img/bg/line2.gif) repeat-x bottom;}
#fiche_vehineufs table tbody th.title {color: #FF0000; background: none; padding-top: 10px;}
#fiche_vehineufs table tbody th.title2 {background: none; padding-top: 10px;}

#fiche_vehineufs table tbody.top th {color: #000;}

/* vehicules occasions */
#vehioccasion #contenu p {font: normal 11px Verdana; color: #666; line-height: 17px; margin: 0 0 20px 0; text-align: justify;}
#vehioccasion #contenu a {font: normal 11px Verdana; color: #666; text-decoration: underline;}

#vehioccasion #contenu table {width: 100%; margin: 0 0 40px 0;}
#vehioccasion #contenu table td {width: 240px; background: url(img/pictos/arrow.gif) 0 3px no-repeat; padding: 0 0 5px 10px;}

#vehioccasion .occasions {float: right; margin: 0 0 0 10px;}

/* services */
#services #contenu p {font: normal 11px Verdana; color: #666; line-height: 17px;}
#services .item {margin: 0 0 15px 0;}
#services .item h3 {font: bold 13px Arial; border-bottom: 4px solid #e50000; width: 300px; padding: 0 0 2px 0;}
#services .item div {border: 1px solid #c9c9c9; padding: 5px;}
#services .item div div {border: 0; padding: 0;}
#services .item div div img {float: left; margin: 0 5px 0 0;}
#services .item div div hr {visibility: hidden; height: 0; clear: both; font-size: 1px;}

#services #entete p {margin: 10px 0 10px 0;}
#services #entete p  img {margin: 0 !important; margin: 10px 0 4px 0;}

/* Actualités */
#actualites #contenu p {font: normal 11px Verdana; color: #666; line-height: 17px; margin: 0 0 8px 0;}
#actualites #contenu a {font: normal 11px Verdana; color: #666; text-decoration: underline;}

#actualites .item {clear: both; margin: 0 0 20px 0;}
#actualites .item h3 {font: bold 13px Verdana; border-bottom: 4px solid #E50000; width: 300px; padding: 0 0 2px 0;}
#actualites .item span {position: absolute; margin: -20px 0 0 490px;}
#actualites .item div {border-top: 1px solid #C9C9C9;}
#actualites .item div img {float: left; margin: 10px 10px 0 0;}
#actualites .item div p {position: inherit; padding: 10px 0 0 0;}

/* Qui sommes nous */
#quisommesnous #contenu p {font: normal 11px Verdana; color: #4C4C4C; margin: 0 0 20px 0; text-align: justify;}
#quisommesnous #contenu .photo {float: right; margin: 0 0 0 20px;}
#quisommesnous #contenu .photo span {display: block; text-align: right; color: #4C4C4C;}
#quisommesnous #contenu img {border: 1px solid #000}

/* Contact */
#contact #contenu p, #contact #contenu a {font: normal 11px Verdana; color: #666;}
#contact #entete {width: auto; float: left; margin: 0 0 24px 0 !important; margin: 0 0 10px 0;}
#contact #entete h2 {margin: 0 0 5px 0;}
#contact #entete p {font-size: 14px;}

#contact #mails {float: right;}
#contact #mails p {line-height: 15px;}

#contact .item1 {clear: both; height: 160px; background: url(img/bg/dots2.gif) bottom repeat-x; margin: 0 0 20px 0;}
#contact .item1 p {margin: 0 0 7px 0;}
#contact .item1 div {float: left;}
#contact .item1 img {margin: 0 10px 0 0;}
#contact .item1 h3 {font: bold 12px Verdana; color: #666; margin: 15px 0 0 0;}
#contact .item1 a {display: block; float: left;}
#contact .item1 div a {display: inline; float: none;}

#contact .item2 {clear: both; height: 160px; background: url(img/bg/dots2.gif) bottom repeat-x; margin: 0 0 20px 0;}
#contact .item2 p {margin: 0 0 7px 0;}
#contact .item2 div {float: right;}
#contact .item2 img {margin: 0 0 0 20px;}
#contact .item2 h3 {font: bold 12px Verdana; color: #666; margin: 15px 0 0 0;}
#contact .item2 a {display: block; float: right;}
#contact .item2 div a {display: inline; float: none;}

#contact .map {display: none; position: absolute; margin: -500px 0 0 130px !important; margin: -500px 0 0 130px; width: 362px; height: 386px; background: url(img/bg/cadre.gif) no-repeat;}
#contact .map h3 {display: none;}
#contact .map a {display: block; float: right; padding: 10px 10px 5px 20px; background: url(img/pictos/close.gif) 0 10px no-repeat;}
#contact .map img {margin: 2px 12px;}

/* Sitemap */
#sitemap #contenu li {background: url(img/pictos/arrow.gif) no-repeat 0 6px; padding: 0 0 0 10px; margin: 0 0 22px 0; font: bold 16px Verdana;}
#sitemap #contenu ul ul {margin: -22px 0 22px 10px !important; margin: 0 0 0 0 ;}
#sitemap #contenu ul ul li {margin: 0;}
#sitemap #contenu ul ul li a {color: #666;}

/* correction firefox */
#container:after, #actualites .item:after {clear: both; display: block; visibility: hidden; content: ".";}