﻿





/* ------------------ Avant Garde ------------------ */
@font-face {font-family: "Avant Garde";
  src: url('/dealersite/fonts/avantgarde/avantgarde_book.eot');
  src: local('?'),
    url('/dealersite/fonts/avantgarde/avantgarde_book.ttf') format('truetype');
}
@font-face {font-family: "Avant Garde";
  src: url('/dealersite/fonts/avantgarde/avantgarde_medium.eot');
  src: local('?'),
    url('/dealersite/fonts/avantgarde/avantgarde_medium.ttf') format('truetype');
  font-weight: bold;
}

body, td, p, ol, ul, li {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0E0E0E;}
body {background: #63636B url(/img/global/bg.jpg) top center no-repeat fixed; text-align: center; vertical-align: top; margin: 0; padding: 20px 0; overflow-x: hidden;}

h1, h2, h3, h4,
div#couponclosebtn,
form#frmcoupon div#frmcouponThumbs li,
div#headerinfos p,
dl#quickmenu dt,
div.businesshours p.title,
div.businesshours p.subtitle,
div#homenews p.title,
div#homenews p.subtitle {font-family: "Avant Garde", Arial, Helvetica, Verdana, Geneva, sans-serif; text-shadow: 0 0 #333;}

h1 {font-size: 20px; font-weight: bold; color: #AA4845; text-align: left; margin: 0 0 15px 0; padding: 0 0 2px 0; border-bottom: 2px #AA4845 solid;}
h2 {font-size: 18px; font-weight: normal; text-align: left; margin: 30px 0 10px 0; padding: 0 0 2px 0; border-bottom: 1px #CCC solid;}
h2.first {margin-top: 0; padding-top: 0; border: none;}
h3 {font-size: 16px; font-weight: normal; text-align: left; margin: 20px 0 5px 0; padding: 0;}
h3.first {margin-top: 0;}
h4 {font-size: 14px; font-weight: bold; text-align: left; margin: 0; padding: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #AC001A; text-decoration: none;}
a:hover, a:focus, a:active {color: #AF999C; text-decoration: none;}

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: 9px;}

a img {border: none;}

html.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 {font-size: 11px; line-height: 16px; 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: 16px;}
div.text ul {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
div.text ul.special {padding-left: 0;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; font-size: 11px; line-height: 16px; padding: 0 0 0 10px; background: url(/img/global/bullet.jpg) 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; font-size: 11px; line-height: 14px; 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: 11px;}
.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: 9px; text-decoration: none;}
.form {font-size: 10px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #586166; 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: #586166;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #586166;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #586166;}
.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {font-size: 11px; color: #000000; background-color: #DEDEDE;}

.emph {font-weight:bold;}
.caption {font: 9px 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: 9px; color:#000000;}
.dpt {font-size: 9px; color:#000000;}
.dp {font-size: 8px; color:#000000; font-weight: bold;}
.dps {font-size: 11px; color:#000000;}
.dpw {font-size: 9px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 9px; color:#FFFFFF;}
.dpwnb1 {font-size: 9px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #586166; font-weight: bold;}
.dpbw {font-size: 1px; color:#FFFFFF; font-weight: bold;}
.dpbws2 {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:link {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:visited {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:hover {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.results-header {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #586166;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF; }

TABLE.Specs              {border-spacing: 1px; margin: 0px; padding: 0px;}
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: #586166; 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: 10px;}
TABLE.Specs .dpt         {font-size: 9px;}

TABLE.au TD.title        {font-size: 14px; color:#FFFFFF; font-weight: bold; background-color: #586166;}
TABLE.au TD.norm         {font-size: 11px; 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;}

div#dlr_couponBg {background-color: #000;}
div#couponMain {display: none; position: absolute; top: 0; left: 0; margin: 50px 0 0 0; z-index: 99999; background: #FFF; border: 10px #DDD solid; 
  -moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
div#couponMain div#couponclosebtn {position: absolute; top: -30px; right: 0; font-size: 12px; text-transform: uppercase;}
div#couponMain div#couponclosebtn a:link, div#couponMain div#couponclosebtn a:visited {font-weight: bold; color: #CCC;}
div#couponMain div#couponclosebtn a:hover, div#couponMain div#couponclosebtn a:focus, div#couponMain div#couponclosebtn a:active {font-weight: bold; color: #999;}
form#frmcoupon {margin: 0; padding: 0;}
form#frmcoupon div#frmcouponImg {position: relative; float: left; width: 312px; border-right: 1px #DDD solid;}
form#frmcoupon div#frmcouponImg div.img {width: 312px; height: 172px; overflow: hidden;}
form#frmcoupon div#frmcouponImg div.img div {position: relative; width: 312px; height: 172px;}
form#frmcoupon div#frmcouponImg div.img div.active {position: absolute; top: 0; left: 0; z-index: 5;}
form#frmcoupon div#frmcouponImg div.img div.fadeout {position: absolute; top: 0; left: 0; z-index: 10;}
form#frmcoupon div#frmcouponThumbs {display: none; position: absolute; top: 155px; right: 10px; z-index: 15;}
form#frmcoupon div#frmcouponThumbs li {float: left; font-size: 14px; margin: 0 5px 0 0;}
form#frmcoupon div#frmcouponThumbs li a {display: block; font-weight: bold; padding: 3px 7px;
  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
}
form#frmcoupon div#frmcouponThumbs li a:link, form#frmcoupon div#frmcouponThumbs li a:visited {color: #FFF; background-color: #333;}
form#frmcoupon div#frmcouponThumbs li a:hover, form#frmcoupon div#frmcouponThumbs li a:focus, form#frmcoupon div#frmcouponThumbs li a:active {}
form#frmcoupon div#frmcouponDisc {text-align: left; padding: 10px;}
form#frmcoupon div#frmcouponDisc p {font-size: 10px;}
form#frmcoupon div#frmcouponInfo {float: right; text-align: left; width: 325px; padding: 10px 0 0 0;}
form#frmcoupon div#frmcouponInfo * {color: #333;}
form#frmcoupon div#frmcouponInfo table {width: 325px;}
form#frmcoupon div#frmcouponInfo table td {font-size: 11px; padding: 2px 10px;}
form#frmcoupon div#frmcouponInfo table td input.textbox {width: 140px; border: 1px #CCC solid;}
form#frmcoupon div#frmcouponInfo table tr#couponChoice {display: none;}
form#frmcoupon div#frmcouponInfo div.btn {text-align: right; padding: 10px 11px 0 0;}
form#frmcoupon .couponfield-ok {width: 140px; border: 1px #CCC solid;}
form#frmcoupon .couponfield-err {width: 140px; border: 1px #C00 solid;}
form#frmcoupon div#errorMessage {display: none; font-size: 11px; color: #FFF; text-align: left; margin: 10px 0 0 0; padding: 10px; background-color: #C00;}
html.ie form#frmcoupon {width: 647px;}

div#couponprint {width: 626px; background-color: #FFF; border: 1px #666 dashed;}
div#couponprintContent div.img {padding: 10px; border-bottom: 1px #999 dotted;}
div#couponprint div#couponprintInfo {text-align: left; padding: 10px 5px;}
div#couponprint div#couponprintInfo table td {font-size: 11px; color: #333; padding: 2px 5px;}


/* GLOBAL CLASSES */
ul.customlist {margin: 0; padding: 0;}
ul.customlist li {list-style-type: none; 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 {overflow: hidden; margin: 0; padding: 0;}
ul.btnslist li {float: left; list-style-type: none; 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;}
html.ie ul.btnslist {height: 1px; overflow: visible;}

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;}
div.multicolsSpecial div.itemFirst {width: 515px; margin-right: 15px; padding: 10px; background-color: #D5DADE;}
div.multicolsSpecial div.itemLast {text-align: left;  width: 170px;}
div.multicolsSpecial div.itemLast div.btn {padding: 20px 0 0 0;}
div.multicolsSpecial div.itemLast div.specialbtn {padding-left: 21px;}
html.ie div.multicols {height: 1px; overflow: visible;}
html.ie div.multicolsSpecial div.itemFirst {width: 535px;}

.addmargin {margin-bottom: 30px;}
.textimg {float: right; margin: 0 0 0 20px;}


/* MAIN LAYOUT */
table#mainwrap {width: 980px; height: 100%; margin: 0 auto; background-color: #FFFFFF; border: 2px #000 solid;
  -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.4);
  box-shadow: 10px 10px 10px rgba(0,0,0,.4);
}

td#header {height: 348px; vertical-align: top; background-color: #000;}

td#sidebar {width: 230px; vertical-align: top; padding: 10px 0; background-color: #000;}

td#content {width: 746px; height: 100%; vertical-align: top; background: url(/img/global/content_bg.jpg) 0 0 no-repeat;}
div#contentContent {width: 720px; padding: 10px 0;}

td#footer {text-align: center; vertical-align: top; padding: 20px 0 10px 0;}


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

div#mainlogo {position: absolute; top: 15px; left: 20px; z-index: 2;}

div#headerinfos {position: absolute; top: 150px; left: -27px; z-index: 2; text-align: right; width: 227px; height: 93px; padding: 15px 15px 0 15px; background: url(/img/global/top_address.png) 0 0 no-repeat;}
div#headerinfos p {font-size: 15px; color: #CCC; margin: 0; padding: 0;}
div#headerinfos p#headerinfosPhone {font-size: 17px; font-weight: bold; color: #FFF;}
div#headerinfos p#headerinfosPhone span {color: #F74E13;}
div#headerinfos p#headerinfosAddy{color:#FFF;}

html.ie div#headerinfos {width: 257px; height: 108px;}
html.ie6 div#headerinfos {background: none; background-color: #141E2B;}

ul#headerlinks {position: absolute; top: -18px; right: 0; z-index: 2;}
ul#headerlinks li {float: left; font-size: 10px; padding: 0 5px; border-right: 1px #999 solid;}
ul#headerlinks li.first {padding-left: 0;}
ul#headerlinks li.last {padding-right: 0; border: none;}
ul#headerlinks li a:link, ul#headerlinks li a:visited {color: #FFF;}
ul#headerlinks li a:hover, ul#headerlinks li a:focus, ul#headerlinks li a:active {color: #F74E13;}

ul#mainnav {position: absolute; bottom: 0; left: 0; z-index: 2;}
ul#mainnav li {margin: 0;}

div#headerimg {position: absolute; top: 0; left: 0; width: 976px; height: 270px;}
div#headerimg div {position: absolute; top: 0; left: 0;}
div#headerimg div.btn {left: auto; top: 10px; right: 76px; z-index: 2;}


/* FOOTER */
div#footerContent {font-size: 10px; color: #666; width: 720px; margin: 0 auto; padding: 20px 0 0 0; border-top: 2px #E8CACA solid;}

td#footer a:link, td#footer a:visited,
td#footer a:hover, td#footer a:focus, td#footer a:active {font-weight: normal;}
td#footer p {font-size: 10px; color: #666; margin: 0; padding: 0;}
td#footer div.footerlinks {margin: 0 0 10px 0;}
td#footer div.footerlinks a:link, td#footer div.footerlinks a:visited {color: #666;}
td#footer div.footerlinks a:hover, td#footer div.footerlinks a:focus, td#footer div.footerlinks a:active {color: #999;}


/* SIDEBAR */
div.sidebarbtns {text-align: left; margin: 30px 0 0 0; padding: 0 0 0 30px;}

dl#quickmenu {margin: 0; padding: 0 30px 0 30px;}
dl#quickmenu dt {font-size: 19px; color: #FFF; margin: 0 0 10px 0;}
dl#quickmenu dd {font-size: 11px; margin: 0 0 5px 0; padding: 0 0 0 10px; background: url(/img/global/quickmenu_bullet.jpg) 0 4px no-repeat;}
dl#quickmenu a:link, dl#quickmenu a:visited {color: #FFFFFF; font-weight: normal; text-decoration: none;}
dl#quickmenu a:hover, dl#quickmenu a:focus, dl#quickmenu a:active {color: #C80D22; font-weight: normal; text-decoration: none;}

div.businesshours {margin: 30px 0 0 0; padding: 0 0 0 30px;}
div.businesshours p {margin: 0; padding: 0;}
div.businesshours p.title {font-size: 19px; font-weight: normal; color: #999; margin: 0 0 10px 0;}
div.businesshours p.subtitle {font-size: 15px; margin-top: 15px;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours p.subtitle a:link, div.businesshours p.subtitle a:visited {color: #AC001A;}
div.businesshours p.subtitle a:hover, div.businesshours p.subtitle a:focus, div.businesshours p.subtitle a:active {color: #666;}
div.businesshours ul li {font-size: 11px; color: #828282; margin: 0 0 2px 0; color:#FFF;}
div.businesshours ul li.last {margin-bottom: 0; color:#FFF;}
div.businesshours ul li span {display: block; float: left; width: 70px; color:#FFF;}
div.businesshoursFirst {margin-top: 0;}


/* HOME */
div#homemain {overflow: hidden;}
html.ie div#homemain {height: 1px; overflow: visible;}

div#homenews {text-align: left;}
div#homenews p {margin: 0; padding: 0;}
div#homenews p.title {font-size: 19px; margin: 0 0 10px 0;}
div#homenews div.img {float: left; width: 150px; height: 80px; border: 3px #CCC solid;}
div#homenews div.img img {display: block; width: 150px; height: 80px;}
div#homenews div.homenewsText {float: right; width: 556px;}
div#homenews p {font-size: 11px; color: #666;}
div#homenews p.subtitle {font-size: 15px; margin: 0 0 5px 0;}
div#homenews p.subtitle a:link, div#homenews p.subtitle a:visited {color: #666; font-weight: bold;}
div#homenews p.subtitle a:hover, div#homenews p.subtitle a:focus, div#homenews p.subtitle a:active {color: #999; font-weight: bold;}


/* NEW CARS */
div#newcarsinv img.newinvimg {border: 1px #666 solid;}


/* ONLINE REQUESTS */
ul#requestsbtns li {margin-right: 26px;}


/* CONTACT */
div#contactcontent {overflow: hidden;}
div#contactcontent div.text {float: left; width: 475px;}
div#contactcontent div#contactinfo {float: right; width: 200px; padding: 15px; background-color: #EFEFEF;
  -moz-box-shadow: 0 0 3px #999 inset; -webkit-box-shadow: 0 0 3px #999 inset; box-shadow: 0 0 3px #999 inset;
}
div#contactcontent div#contactinfo ul {margin: 0; padding-left: 0;}
div#contactcontent div#contactinfo ul li {padding: 0; background: none;}
html.ie div#contactcontent {height: 1px; overflow: visible;}
html.ie div#contactcontent div#contactinfo {width: 230px; border: 1px #CCC solid;}


/* SITE MAP */
div#sitemap {font-size: 11px; text-align: left; overflow: hidden; padding: 15px; background-color: #EFEFEF;}
div#sitemap * {line-height: 16px;}
div#sitemap a:link, div#sitemap a:visited {color: #0E0E0E; font-weight: normal;}
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active {color: #AC001A; 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; border-right: 1px solid #999;}
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;}
html.ie div#sitemap,
html.ie div#sitemap ul {height: 1px; overflow: visible;}
