





/* ------------------ Arial Narrow ------------------ */
@font-face {font-family: 'Arial_N';
  src: url('/dealersite/fonts/arial/arial_narrow.eot');
  src: url('/dealersite/fonts/arial/arial_narrow.eot?#iefix') format('eot'),
       url('/dealersite/fonts/arial/arial_narrow.woff') format('woff'),
       url('/dealersite/fonts/arial/arial_narrow.ttf') format('truetype'),
       url('/dealersite/fonts/arial/arial_narrow.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: 'Arial_N';
  src: url('/dealersite/fonts/arial/arial_narrow_bold.eot');
  src: url('/dealersite/fonts/arial/arial_narrow_bold.eot?#iefix') format('eot'),
       url('/dealersite/fonts/arial/arial_narrow_bold.woff') format('woff'),
       url('/dealersite/fonts/arial/arial_narrow_bold.ttf') format('truetype'),
       url('/dealersite/fonts/arial/arial_narrow_bold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}

body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #535151;}
body {background: #DBE8F0 url(/img/global/bg_02.jpg) center top repeat-y; margin: 0; padding: 0 0 0 0; text-align: center; vertical-align: top;}

h1 {font-size: 16px; text-align: left; margin: 0; padding: 0; font-family: "Arial_N"; color: #141412;}
h2 {font-size: 15px; text-align: left; margin: 20px 0 10px 0; padding: 0; font-family: "Arial_N"; color: #141412;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}
h4 a:link, h4 a:visited,
h4 a:hover, h4 a:focus, h4 a:active {color: #FFF;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #064885; font-weight: normal; text-decoration: none;}
a:hover, a:focus, a:active {color: #296CA1; font-weight: normal; text-decoration: none;}
h1 a:link, h1 a:visited {color: #535151;}
h1 a:hover, h1 a:focus, h1 a:active {color: #064885;}

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

a img {border: none;}

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

sup {line-height: 0;}
hr {color: #C9C9C9; background-color: #C9C9C9; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
div.text {text-align: left;}
div.text p {line-height: 16px; margin: 0 0 10px 0; padding: 0; font-family: "Arial"; font-size: 11px;}
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: 16px; 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: 16px; 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: #535151; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #535151; text-decoration: none;}
.copyr {font-size: 10px; text-decoration: none;}
.form {font-size: 11px; color: #535151;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #797C81; color: #FFFFFF; font-weight: bold;}
.subheader {background-color: #C9C9C9; color: #535151; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #797C81;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #797C81;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #797C81;}
.alt1 {font-size: 12px; font-weight: bold; color: #535151; background-color: #EFEFEF;}
.alt2 {font-size: 12px; font-weight: bold; color: #535151; background-color: #C9C9C9;}
.menu {font-size: 12px; color: #535151; background-color: #C9C9C9;}

.emph {font-weight:bold;}
.caption {font: 10px Arial; color: #535151;}
.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:#535151;}
.dp {font-size: 9px; color:#535151; font-weight: bold;}
.dps {font-size: 11px; color:#535151;}
.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: #797C81; 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: #797C81;}
.results-body {font-size: 10px; color: #535151; 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: #C9C9C9;}
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: #797C81; color: #FFFFFF; font-weight: bold; border-top: 1px outset #FFFFFF; border-bottom: 1px outset #FFFFFF;}
TABLE.Specs TD.subheader {background-color: #C9C9C9; color: #535151; 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: #797C81;}
TABLE.au TD.norm         {font-size: 12px; color:#535151; background-color: #C9C9C9;}


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 {padding: 35px 0 0 23px;}
.sitemapbody div.businesshours {padding-top: 0;}
div.businesshours p {margin: 0; padding: 0;}
div.businesshours p.title {font-family: "Arial_N"; font-size: 18px; color: #064885; font-weight: normal; padding: 0 0 8px 0;}
div.businesshours p.subtitle {font-size: 12px; margin-top: 15px; margin-bottom: 2px;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours p.subtitle a:link, div.businesshours p.subtitle a:visited {color: #535151; font-family: "Arial_N"; font-size: 14px;}
div.businesshours p.subtitle a:hover, div.businesshours p.subtitle a:focus, div.businesshours p.subtitle a:active {color: #064885;}
div.businesshours ul li {font-size: 11px; color: #141412; margin: 0 0 8px 0;}
div.businesshours ul li.last {margin-bottom: 0;}
div.businesshours ul li span {display: block; float: left; width: 60px; color: #064885;}
.hourContact {width: 75px !important;}

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;}

.addmargin {margin-bottom: 30px;}


/* MAIN LAYOUT */
td div.space {width:8px;}

#wrapperBody {background: url(/img/global/bg_01.jpg) center top no-repeat;}
table#mainwrap {width: 980px; height: 100%; margin: 0 auto; background-color: #FFFFFF;}

td#header {vertical-align: top; width: 980px; height: 277px;}

td#sidebar {width: 221px; vertical-align: top; background: #BDBEC0 url(/img/global/quickmenu.jpg) no-repeat top left; height: 100%;}
div#sidebarContent {width: 221px; padding: 24px 0 100px 0;}

td#content {width: 735px; height: 100%;}
div#contentWrapper {position: relative; height: 100%; vertical-align: top; background-color: #E9E9E9; padding: 0 18px 0 18px;}
.ie div#contentWrapper {padding: 0 15px 0 15px;}

td#footer {text-align: center; vertical-align: top; padding: 8px 0 0 0;}
div#footerWrapper {position: relative; padding: 20px 20px 35px 20px; margin: 0 auto; background-color: #6A6A6A; width: 924px; overflow: hidden;}
.ie div#footerWrapper {position: static; width: 964px; padding: 20px 20px 35px 20px; margin: 0; overflow: visible;}


/* HEADER */
div#headerContent {padding: 0 0 8px 0; margin: 0px;}

div#headerBackground {position: relative; padding:0px; margin:0px;}
div#headerBackground img{display: block;}
div#mainlogo {position: absolute; left: 38px; top: 18px;}

div.headerGoogle {position: absolute; left: 552px; top: -10px; width: 156px; height: 65px; background: url(/img/global/header_google.png) no-repeat top left;}
div.headerGoogle p{text-align: center; margin: 0px; padding: 7px 0 0 0;}
div.headerGoogle p a {font-family: "Arial"; font-size: 13px;}
div.headerGoogle p a .click {font-size: 11px;}

div#headerTitle {padding: 24px 182px 0 0; margin:0 0 22px 0; border-bottom: 1px solid #CCC;}
div#headerTitle p {text-align: left; margin: 4px 0 6px 0; font-size: 12px; color: #064885;}
div#headerTitle a {font-size: 15px; color: #141412; font-weight: bold;}
div#headerTitle .btnslist {padding: 0; margin: 0;}
div#headerTitle .btnslist li {padding: 3px 37px 4px 0; margin: 0; font-size: 12px; color: #064885;}

#mainnav {height: 81px; background:url(/img/global/menu_top_01.jpg) no-repeat top left;}
#mainnav li {float: left; height: 74px; background: url(/img/global/menu_top_01_separation.jpg) no-repeat right 13px; list-style-type: none;}
#mainnav li.last {background: none;}
#mainnav li.first {background: none;}
#mainnav li.first a {height:46px; padding: 27px 135px 0 48px; margin-left:10px; font-weight:bold;}
#mainnav li a {display: block; height:54px; padding: 19px 31px 0 36px;}
.ie #mainnav li a {height: 76px; float: left;}
#mainnav li.first a:link, #mainnav li.first a:visited {color: #FFF; font-size: 15px; font-family: "Arial_N";}
#mainnav li.first a:hover, #mainnav li.first a:focus, #mainnav li.first a:active {color: #ECF5FC;}
#mainnav li a:link, #mainnav li a:visited {color: #141412; font-size: 15px; font-family: "Arial_N";}
#mainnav li a:hover, #mainnav li a:focus, #mainnav li a:active {color: #545454;}

.youtubeIcon{background: url("img/en/bt_youtube.jpg") no-repeat top left; width: 125px; height: 56px; position: absolute; top: 0; left: 414px;}
.youtubeIcon a{width: 125px; height: 56px; display:block;}



/* SIDEBAR */
#quickmenu {padding: 0 0 0 14px;}
#quickmenu dt {margin: 0; padding: 0 0 5px 9px; font-family: "Arial_N"; font-size: 18px; color: #064885;}
#quickmenu dd {margin: 0; padding: 3px 0;}
#quickmenu dd.last {border-bottom: 0;}
#quickmenu dd a:link, #quickmenu dd a:visited {color: #141412; font-size: 11px; padding: 0 0 0 24px; background: url(/img/global/bullet_quickmenu.jpg) no-repeat 10px center;}
#quickmenu dd a:hover, #quickmenu dd a:focus, #quickmenu dd a:active {color: #545454;}

#modellist.quickmenu {padding: 35px 0 0 14px;}
#modellist.quickmenu dt {margin: 0; padding: 0 0 5px 9px; font-family: "Arial_N"; font-size: 18px; color: #064885;}
#modellist.quickmenu dd {margin: 0; padding: 3px 0;}
#modellist.quickmenu dd.last {border-bottom: 0;}
#modellist.quickmenu dd a:link, #modellist.quickmenu dd a:visited {color: #141412; font-size: 11px; padding: 0 0 0 24px; background: url(/img/global/bullet_quickmenu.jpg) no-repeat 10px center;}
#modellist.quickmenu dd a:hover, #modellist.quickmenu dd a:focus, #modellist.quickmenu dd a:active {color: #545454;}


/* FOOTER */
.col {float: left; width: 280px; text-align: left;}
.col h4{font-size: 18px; font-family: "Arial_N"; font-weight: normal; color: #FFF; margin:0px;}
.col02 {position: absolute; left: 618px; top: 8px;}
html.ie .col02 {position: relative; margin:-20px 0px 0px -580px; }

.footerlinks {list-style-image: url(/img/global/bullet_footer.jpg); padding: 0 0 0 17px; margin: 16px 0 0 0; }
.footerlinks li {padding: 0 0 4px 0; margin: 0 0 0 0;}
.footerlinks a {font-size: 11px;}
.footerlinks a:link, .footerlinks a:visited {color: #FFF;}
.footerlinks a:hover, .footerlinks a:focus, .footerlinks a:active {color: #ACC8E6;}

div#footerLegalText {text-align: left; font-size: 10px;}
div#footerLegalText p {margin: 16px 0 10px 0; font-size: 11px; color: #FFF;}
div#footerLegalText p a {color: #ACC8E6;}
div#footerLegalText p a:hover, div#footerLegalText p a:focus, div#footerLegalText p a:active {color: #D5E8F7;}
div#footerLegalLogo123 {text-align: left; height: 33px; border-width: 0;}
div#footerLegalLogo123 p {margin: 0px; padding: 0 0 0 0px; font-size: 11px; color: #FFF;}
div#footerLegalLogo123 p a{color: #FFF;}
div#footerLegalLogo123 p a:hover, div#footerLegalLogo123 p a:focus, div#footerLegalLogo123 p a:active {color: #D5E8F7;}

.vcard {color: #FFF;}


/* MAIN CONTENT */
#mainContentNoOverflow {position:relative; width:697px;}
#mainContent {position:relative; width:697px; overflow: hidden;}

#mainContent .mainContentLeft {position:relative; width: 350px;}
#mainContent .mainContentRight {position:relative; width: 334px;}


/* HOME */
#homeboxPromo {padding: 0 0 15px 0; background-color: #FFF;}
#homeBoxPromo p {margin: 0; padding: 10px 0 10px 10px; font-family: "Arial_N"; font-size: 14px;}
#homeBoxPromo p .promotext {color: #064885; font-size: 20px;}
#homeBoxPromo p a {color: #535151;}

.homeButton .btnslist {width: 326px; padding: 0; margin: 0;}
.homeButton .btnslist li {width: 157px; height: 93px; padding: 0 6px 10px 0; margin: 0;}


/* HOME PAGE PROMO */
div#homepromos {width: 330px; height: 330px;}
div#homepromos a {color: #064885;}
div#homepromosbox {width: 330px; height: 330px; overflow: hidden; border: 1px dashed #6895CC;}
div#homepromosbox embed,
div#homepromosbox object {width: 294px; height: 200px;}
div#homepromosbox .promoinfos {color: #414141;}
.promophoto {text-align: center;}


/* NEW CARS */
#newContentLeft {position:relative; width: 510px;}
#newContentLeft table tr td a{font-size: 11px; padding: 6px 0 0 0;}
#newContentRight {position:relative; width: 180px;}
.newButton .btnslist {padding: 0 0 0 18px; margin: 0;}
.newButton .btnslist li {padding: 0 0 25px 0; margin: 0;}


/* USED CARS */

/* SERVICE */
.serviceButton p {margin: 0 0 28px 10px; padding: 0;}
.serviceButtonAgenda {position: absolute; left: 150px; top: 68px;}


/* PARTS */
.partsButton p {margin: 0 0 28px 10px; padding: 0;}
.ie .partsButton p {margin: 0 0 28px 0; padding: 0;}


/* BODY SHOP */


/* DETAILING */


/* ONLINE REQUESTS */


/* COMPARE */


/* PROMOS */
div.promo{text-align: left; margin-bottom: 20px;}

/* CONTACT */
#googleMap {position: relative;}
#contactBoxMap {position: absolute; left: 28px; top: 20px; width: 220px; height: 255px; background-color: rgba(64, 62, 62, 0.9);}
.ie #contactBoxMap {background-color: #403E3E;}
#contactBoxMap div {padding: 60px 0 0 30px;}
#contactBoxMap div p {color: #FFF; font-family: "Arial"; font-size: 13px;}
#contactBoxMap div p span {font-size: 18px;}
#contactBoxMap div p span.tel {display: block; float: left; width: 60px; font-weight: normal; font-size: 13px;}


/* SITE MAP */
div#sitemap {font-size: 11px; text-align: left; overflow: hidden; padding: 15px; background-color: #C9C9C9;}
div#sitemap a:link, div#sitemap a:visited {color: #535151; font-weight: normal;}
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active {color: #064885; 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;}
