/* NEW CODE -- *** Dès qu'un font-face est utilisé, il faut mettre font-weight: normal là où c'est utilisé *** */
/* ------------------ Humanist ------------------ */
@font-face {font-family: "volkswagenHeavy";
  src: url('/dealersite/fonts/volkswagen/volkswagen_heavy.eot');
  src: url('/dealersite/fonts/volkswagen/volkswagen_heavy.eot?#iefix') format('eot'),
       url('/dealersite/fonts/volkswagen/volkswagen_heavy.woff') format('woff'),
       url('/dealersite/fonts/volkswagen/volkswagen_heavy.ttf') format('truetype'),
       url('/dealersite/fonts/volkswagen/volkswagen_heavy.svg') format('svg');
}

@font-face {font-family: "volkswagenLight";
  src: url('/dealersite/fonts/volkswagen/volkswagen_light.eot');
  src: url('/dealersite/fonts/volkswagen/volkswagen_light.eot?#iefix') format('eot'),
       url('/dealersite/fonts/volkswagen/volkswagen_light.woff') format('woff'),
       url('/dealersite/fonts/volkswagen/volkswagen_light.ttf') format('truetype'),
       url('/dealersite/fonts/volkswagen/volkswagen_light.svg') format('svg');
}


body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #000000;}
body {background: #FFFFFF url(/img/global/bg.jpg) top center no-repeat; margin: 0; padding: 0; text-align: center; vertical-align: top;}
body.standalonebody {background: none;} /* utilisé pour le form de LivePerson quand ya pas d'agent online (peut évidemment être utilisé ailleurs au besoin) */

h1 {font-size: 18px; font-weight: bold; text-align: left; margin: 0; padding: 0; font-family: volkswagenLight; color: #1F4F80;}
h2 {font-size: 16px; font-weight: bold; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; font-weight: bold; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #000000; font-weight: normal; text-decoration: none;}
a:hover, a:focus, a:active {color: #1F4F80; font-weight: normal; text-decoration: none;}
h1 a:link, h1 a:visited {color: #000000;}
h1 a:hover, h1 a:focus, h1 a:active {color: #000000;}

a.copyr:link, a.copyr:visited, a.copyr:hover, a.copyr:focus, a.copyr:active,
p.copyr, p.copyr a:link, p.copyr a:visited, p.copyr a:hover, p.copyr a:focus, p.copyr a:active,
div.copyr a:link, div.copyr a:visited, div.copyr a:hover, div.copyr a:focus, div.copyr a:active {font-size: 10px;}

a img {border: none;}

.ie img {-ms-interpolation-mode: bicubic;}

sup {line-height: 0;}
hr {color: #DEDEDE; background-color: #DEDEDE; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
div.text {text-align: justify;}
div.text p {line-height: 18px; margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.text p.readmore {font-size: 10px; margin-bottom: 0;}
div.text p.copyr {font-size: 10px; line-height: 14px;}
div.text ul {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; line-height: 18px; padding: 0 0 0 10px; background: url(/img/global/bullet.png) 0 6px no-repeat;}
div.text ol {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 30px;}
div.text ol.last {margin-bottom: 0;}
div.text ol li {list-style-type: decimal; line-height: 18px; padding: 0; background: none;}
div.text a:link, div.text a:visited,
div.text a:hover, div.text a:focus, div.text a:active {font-weight: normal;}
div.text a.bold:link, div.text a.bold:visited,
div.text a.bold:hover, div.text a.bold:focus, div.text a.bold:active {font-weight: bold;}
p.last {margin-bottom: 0;}


.norm {font-size: 12px;}
.title {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.copyr {font-size: 10px; text-decoration: none;}
.form {font-size: 11px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #2B2829; color: #FFFFFF; font-weight: bold;}
.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #2B2829;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #2B2829;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #2B2829;}
.alt1 {font-size: 12px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 12px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {font-size: 12px; color: #000000; background-color: #DEDEDE;}

.emph {font-weight:bold;}
.caption {font: 10px Arial; color: #000000;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}
select.dpt {font-size: 10px; color:#000000;}
.dpt {font-size: 10px; color:#000000;}
.dp {font-size: 9px; color:#000000; font-weight: bold;}
.dps {font-size: 11px; color:#000000;}
.dpw {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 10px; color:#FFFFFF;}
.dpwnb1 {font-size: 10px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #2B2829; font-weight: bold;}
.dpbw {font-size: 1px; color:#FFFFFF; font-weight: bold;}
.dpbws2 {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:link {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:visited {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:hover {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.results-header {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #2B2829;}
.results-body {font-size: 10px; color: #000000; background-color: #EFEFEF; }

TABLE.Specs              {border-spacing: 1px; margin: 0; padding: 0;}
TABLE.Specs TR.alt1      {background-color: #EFEFEF;}
TABLE.Specs TR.alt2      {background-color: #DEDEDE;}
TABLE.Specs TD.H1        {font-size: 18px; font-weight: bold; font-family: arial,sans-serif; padding: 2px; }
TABLE.Specs TD.title     {font-size: 18px; font-weight: bold; font-family: arial,sans-serif;}
TABLE.Specs TD.header    {background-color: #2B2829; color: #FFFFFF; font-weight: bold; border-top: 1px outset #FFFFFF; border-bottom: 1px outset #FFFFFF;}
TABLE.Specs TD.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
TABLE.Specs TD.elemTitle {font-weight: bold;}
TABLE.Specs TD.command   {background-color: #f7f7f7; border: 1px outset #333366; padding: 4px;}
TABLE.Specs A.selection  {font-family: arial,verdana,helvetica,sans-serif; font-size: 10px; font-weight: bold; padding: 2px;}
TABLE.Specs .dps         {font-size: 11px;}
TABLE.Specs .dpt         {font-size: 10px;}

TABLE.au TD.title        {font-size: 14px; color:#FFFFFF; font-weight: bold; background-color: #2B2829;}
TABLE.au TD.norm         {font-size: 12px; color:#000000; background-color: #DEDEDE;}


a.careerApplyLink:link, a.careerApplyLink:visited {color: #FFFFFF; text-decoration: none; font-size: 10px;}
a.careerApplyLink:hover, a.careerApplyLink:focus, a.careerApplyLink:active {color: #FFFFFF; text-decoration: underline; font-size: 10px;}

/* GLOBAL CLASSES */
ul.customlist {list-style: none; margin: 0; padding: 0;}
ul.customlist li {margin: 0; padding: 0;}
ul.customlist li.last {margin-right: 0 !important;}

dl.customlist {margin: 0; padding: 0;}
dl.customlist dt {margin: 20px 0 0 0; padding: 0;}
dl.customlist dt.first {margin-top: 0;}
dl.customlist dd {margin: 0; padding: 0 0 0 15px;}

ul.btnslist {list-style: none; overflow: hidden; margin: 0; padding: 0;}
ul.btnslist li {float: left; margin: 0 10px 0 0; padding: 0;}
ul.btnslist li.last {margin-right: 0 !important;}
ul.btnslist li a {display: block;}
ul.btnslist li img {display: block;}
.ie ul.btnslist {height: 1px; overflow: visible;}

div.businesshours {margin: 20px 0 0 20px;}
div.businesshours p {margin: 0; padding-bottom: 10px;}
div.businesshours p.title {font-size: 14px; color: #fefefe;}
div.businesshours p.subtitle {font-size: 12px; margin-top: 15px; color: #fefefe;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours p.subtitle a:link, div.businesshours p.subtitle a:visited {color: #fefefe;}
div.businesshours p.subtitle a:hover, div.businesshours p.subtitle a:focus, div.businesshours p.subtitle a:active {color: #c2c2c2;}
div.businesshours ul li {font-size: 11px; margin: 0 0 2px 0; color: #fefefe; background: url(/img/global/bullet_white.png) 0 50% no-repeat;}
div.businesshours ul li.last {margin-bottom: 0;}
div.businesshours ul li span {display: block; float: left; width: 60px; padding: 0 10px 0 15px;}

div.multicols {overflow: hidden;}
div.multicols div.item {float: left; margin-right: 20px;}
div.multicols div.itemLast {margin: 0;}
div.multicolsFixed div.item {width: 350px;}
.ie div.multicols {height: 1px; overflow: visible;}
.ie div.businesshours ul li span {width: 74px;}

.addmargin {margin-bottom: 30px;}


/* MAIN LAYOUT */
table#mainwrap {width: 980px; height: 100%; margin: 0 auto; background-color: #FFFFFF;}

td#sidebar {width: 232px; height: 100%; vertical-align: top; background: url(/img/global/quickmenu_bg_02.jpg) 0 0 repeat-y;}

td#content {width: 748px; height: 100%; vertical-align: top;}

td#footer {text-align: center; vertical-align: top; padding: 20px 20px 40px 20px; background-color: #E3E3E3;}


/* HEADER */
div#headerContent {position: relative; height: 340px;}

div#headerinfos {}
div#headerinfos p {margin: 0; padding: 0;}

#mainlogo {position: relative; height: 134px; }
#mainlogo a {position: absolute; top: 0; left: 0; }

#content ul#mainnav {float: right; margin: 0; padding: 0; width: 707px; height: 56px; background: url(/img/global/top_bg.jpg) bottom right;}
#content ul#mainnav li {float: left; line-height: 56px; margin: 0 10px 0 0; padding: 0; background: url(/img/global/bullet_white.png) 0 50% no-repeat; }
#content ul#mainnav li.first {margin-left: 10px; background: none;}
#content ul#mainnav li a {padding: 19px 22px ; font-family: volkswagenHeavy;}

ul#mainnav a:link, ul#mainnav a:visited {color: #fefefe; font-weight: normal;}
ul#mainnav a:hover, ul#mainnav a:focus, ul#mainnav a:active {color: #c2c2c2; font-weight: normal;}
.ie #content ul#mainnav li {height: 56px;}

#headerContent dl#quickmenu {float: left; width: 232px; height:220px; background: url(/img/global/quickmenu_bg_01.jpg) no-repeat;}
dl#quickmenu dd {margin: 5px 0 0 20px; padding-top: 2px; background: url(/img/global/bullet_white.png) left center no-repeat;}
dl#quickmenu dd.first {margin: 30px 0 0 20px;}
dl#quickmenu a:link, dl#quickmenu a:visited {color: #fefefe; font-weight: normal;}
dl#quickmenu a:hover, dl#quickmenu a:focus, dl#quickmenu a:active {color: #c2c2c2; font-weight: normal;}

#heading {position: relative; width: 738px; margin-left: 10px; border-bottom: 2px dotted #7F7F7F; }
#heading h1 {margin-right: 325px; padding: 15px 5px 5px 0;}
#heading h1 a:link, #heading h1 a:visited {color: 1F4F80;}
#heading h1 a:hover, #heading h1 a:focus, #heading h1 a:active {color: #696969;}
#heading #topInfo {position: absolute; top: 0; right: 0; padding: 5px;} 
#heading #topInfo p {margin: 0; padding: 0; text-align: right; font-size: 12px; color: #696969;} 
#heading #topInfo ul li {text-align: right; font-size: 12px;} 


/* FOOTER */
div#footerLegalText {float: right; text-align: left; width: 350px; font-size: 10px;}
div#footerLegalText p {margin: 4px 0 3px 0; font-size: 10px; color: #666;}
div#footerLegalText p a {color: #666;}
div#footerLegalLogo123 {float: left; text-align: left; width: 150px; margin: 5px; border-width: 0;}
div#footerLegalLogo123 p {margin: 0px; padding: 0 0 0 7px; font-size: 10px; color: #666;}

#footerModels {float: left; width: 350px; text-align:left;}
#footerModels ul {float: left; width: 250px;}
div#footerModels a:link, div#footerModels a:visited {color: #696969; font-weight: normal;}
div#footerModels a:hover, div#footerModels a:focus, div#footerModels a:active {color: #1F4F80; font-weight: normal;}

#footerInfo {float: left; width: 350px; text-align:left;}
div#footerInfo a:link, div#footerInfo a:visited {color: #696969; font-weight: normal;}
div#footerInfo a:hover, div#footerInfo a:focus, div#footerInfo a:active {color: #1F4F80; font-weight: normal;}


/* SIDEBAR */
#btnSidebar {margin: 30px 0 0 15px;}


/* HOME */
#hometext {float:left; width: 380px; padding: 20px 0 0 14px;}
#hometext a:link, #hometext a:visited {color: #1F4F80;}
#hometext a:hover, #hometext a:focus, #hometext a:active {color: #696969;}

#btnHome {float: right; width:340px; padding: 13px 0 0 0;}
#btnPromo {float: right; width:340px; padding: 10px 0 60px 0;}
#wrapHome {width: 748px;}


/* NEW CARS */
#wrapNew {margin: 40px 0;}
#wrapNew a:link, #wrapNew a:visited {color: #1F4F80;}
#wrapNew a:hover, #wrapNew a:focus, #wrapNew a:active {color: #4C4C4C;}

#wrapSpecs {margin: 20px 5px 40px 5px;}


/* USED CARS */
#wrapUsed {margin: 20px 0 40px 5px;}
#wrapDetails {margin: 20px 5px 40px 5px;}
#wrapLeads {margin: 20px 5px 40px 5px;}


/* SERVICE */
#wrapService {width: 748px;}
#serviceText {float: left; width: 500px;}
#serviceText p {text-align: left; padding: 0 0 20px 14px;}
#serviceText h2 {padding: 10px 0 0 14px; text-align: left; font-family: volkswagenLight; color: #606060; font-size: 15px;}
#serviceText ul li {width: 500px; margin-left: 16px; padding: 0 0 0 14px; text-align: left; background: url(/img/global/bullet_gray.png) 0 50% no-repeat;}
#serviceText ul li.last {margin-bottom: 20px;}

#btnService {float: right; width: 248px; margin: 30px 0 0 0;}

#serviceAppoint {margin: 20px 0;}
#wrapMaintenance {margin: 10px;} 

.ie #serviceText {width: 480px;}
.ie #serviceText ul li{width: 480px;}


/* PROMOS */
#wrapPromos {margin: 50px 10px 10px 10px;}
#btnDma {float: left; margin: 20px 10px 10px 10px;}


/* CONTACT */
#contactMap{margin: 20px 0 40px 0; padding-left: 14px;}

#contactForm{ margin: 0 0 40px 0;}


/* SITE MAP */
div#sitemap {font-size: 11px; text-align: left; overflow: hidden; padding: 15px; background-color: #FFF;}
div#sitemap a:link, div#sitemap a:visited {color: #000; font-weight: normal;}
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active {color: #1F4F80; font-weight: normal;}
div#sitemap ul {overflow: hidden; margin: 0 0 20px 0; padding: 0; list-style-type: none;}
div#sitemap ul li {float: left; font-size: 11px; margin: 0 10px 0 0; padding: 0 10px 0 0;}
div#sitemap ul li.last {margin-right: 0; padding-right: 0; border-right: none;}
div#sitemap ul li a:link, div#sitemap ul li a:visited,
div#sitemap ul li a:hover, div#sitemap ul li a:focus, div#sitemap ul li a:active {font-weight: bold;}
div#sitemap dl {margin: 0; padding: 0;}
div#sitemap dl.item {float: left; margin: 0 100px 0 0;}
div#sitemap dl.itemLast {margin-right: 0;}
div#sitemap dl dt {margin: 20px 0 0 0; padding: 0;}
div#sitemap dl dt.first {margin-top: 0;}
div#sitemap dl dt a:link, div#sitemap dl dt a:visited,
div#sitemap dl dt a:hover, div#sitemap dl dt a:focus, div#sitemap dl dt a:active {font-weight: bold;}
div#sitemap dl dd {margin: 0; padding: 0 0 0 15px;}
div#sitemap dl dd dl {margin-bottom: 5px;}
div#sitemap dl dd dl dt {margin-top: 5px;}
.ie div#sitemap,
.ie div#sitemap ul {height: 1px; overflow: visible;}


/* HOMEPROMO */
div#homepromos {width: 339px; height: 362px; margin-top: 2px;}
div#homepromos h2 {margin: 9px 0px 6px 12px;}
div#homepromos h2 a:link,
div#homepromos h2 a:visited,
div#homepromos h2 a:active {color: #696969;}
div#homepromosbox {width: 294px; height: 293px; overflow: hidden; padding: 10px; border: 2px dotted #7F7F7F;}
div#homepromosbox embed,
div#homepromosbox object {width: 294px; height: 200px;}
div#homepromosbox a:link,
div#homepromosbox a:visited,
div#homepromosbox a:active {color: #1F4F80;}
div#homepromosbox a:hover {color: #696969;}
div#homepromosbox .promoinfos {color: #414141;}
.ie div#homepromosbox {width: 314px; height: 313px;}