





/* ------------------ Humanist ------------------ */
@font-face {font-family: 'Humanist';
  src: url('/dealersite/fonts/humanist777/humanist777.eot');
  src: url('/dealersite/fonts/humanist777/humanist777.eot?#iefix') format('eot'),
       url('/dealersite/fonts/humanist777/humanist777.woff') format('woff'),
       url('/dealersite/fonts/humanist777/humanist777.ttf') format('truetype'),
       url('/dealersite/fonts/humanist777/humanist777.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body, td, p, ol, ul, li {font: 11px Verdana, Geneva, Arial, Helvetica, 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;}

h1 {font: 16px "Humanist"; text-align: left; margin: 0; padding: 0;}
h2 {font: 15px "Humanist"; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h2.title {font: 15px "Humanist"; color: #076291;}
h3 {font: 14px "Humanist"; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

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

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,
.copyr a:link, .copyr a:visited, .copyr a:hover, .copyr a:focus, .copyr a:active {font-size: 9px;}

a img {border: none;}

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

sup {line-height: 0;}
hr {color: #EFEFEF; background-color: #EFEFEF; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
.text {text-align: justify;}
.text p {line-height: 16px; margin: 0 0 10px 0; padding: 0;}
.text p.last {margin-bottom: 0;}
.text p.readmore {font-size: 10px; margin-bottom: 0;}
.text p.copyr {font-size: 10px; line-height: 14px;}
.text ul {text-align: left; margin: 0 0 10px 10px; padding: 0 0 0 15px;}
.text ul.last {margin-bottom: 0;}
.text ul li {list-style-type: none; line-height: 16px; padding: 0 0 0 10px; background: url(/img/global/bulletround_white.png) 0 6px no-repeat;}
.text ol {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 30px;}
.text ol.last {margin-bottom: 0;}
.text ol li {list-style-type: decimal; line-height: 16px; padding: 0; background: none;}
.text a:link, .text a:visited,
.text a:hover, .text a:focus, .text a:active {font-weight: normal;}
.text a.bold:link, .text a.bold:visited,
.text a.bold:hover, .text a.bold:focus, .text a.bold:active {font-weight: bold;}
.text .fleft {margin: 0 10px 10px 0;}
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: #2B2829; color: #FFFFFF; font-weight: bold;}
.subheader {background-color: #EFEFEF; 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: 10px; font-weight: bold; color: #FFFFFF; background-color: #2B2829;}
.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.menu {font-size: 11px; color: #000000; background-color: #EFEFEF;}

.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: #2B2829; 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: #2B2829;}
.results-body {font-size: 9px; color: #000000; background-color: #DEDEDE; }

TABLE.Specs              {border-spacing: 1px; margin: 0; padding: 0;}
TABLE.Specs TR.alt1      {background-color: #DEDEDE;}
TABLE.Specs TR.alt2      {background-color: #EFEFEF;}
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: #EFEFEF; 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: #2B2829;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #EFEFEF;}


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

.businesshours {margin: 20px 0 0 0;}
.businesshours p {margin: 0; padding: 0;}
.businesshours p.title {font-size: 14px;}
.businesshours p.subtitle {font-size: 12px; margin-top: 25px;}
.businesshours p.subtitle.first {margin-top: 0;}
.businesshours p.subtitle a:link, .businesshours p.subtitle a:visited {color: #ccc;}
.businesshours p.subtitle a:hover, .businesshours p.subtitle a:focus, .businesshours p.subtitle a:active {color: #fff;}
.businesshours ul {padding: 0 !important;}
.businesshours ul li {font-size: 11px; margin: 0 0 2px 0;}
.businesshours ul li.last {margin-bottom: 0;}
.businesshours ul li span {display: block; float: left; width: 75px;}

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

.addmargin {margin-bottom: 30px;}


/* MAIN LAYOUT */
table#mainwrap {width: 980px; height: 100%; margin: 10px auto 0; background: #FFFFFF url(/img/global/top_menu_bg.jpg) repeat-x; -moz-box-shadow: #000 0 0 3px; box-shadow: #000 0 0 3px; -moz-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;}

td#header {height: 293px; vertical-align: top;}

td#sidebar {width: 227px; vertical-align: top; background: #1a1a1a; border-left: 10px solid #fff;}
.ie td#sidebar {width: 227px;}

td#content {width: 705px; height: 100%; padding: 19px; vertical-align: top;}
.ie td#content {width: 743px; }

#dealerinfos {margin: 0 0 15px 0; padding: 0 0 12px 0; background: url(/img/global/header_dot.jpg) bottom repeat-x;}
#dealerinfos h1 {color: #111;}
#dealerinfos p {margin: 0; color: #999; text-align: left;}
#dealerinfos p span {margin: 0 0 0 20px;}

td#footer {width: 703px; padding: 20px 20px 30px 257px; background: url(/img/global/footer.jpg) repeat-y; text-align: center; vertical-align: top;}


/* HEADER */
#headerContent {position: relative; width: 980px;}

#mainNav {overflow: hidden; height: 57px; border-bottom: 3px solid #cfcfcf;}
#mainNav ul li {float: left; height: 57px; font: 13px "Humanist";}
#mainNav ul li a {display: block; height: 57px; padding: 0 30px 0 27px; background: url(/img/global/top_menu_separation.jpg) right no-repeat; line-height: 57px;}
#mainNav ul li.last a {background: none;}
#mainNav ul li a:link, #mainNav ul li a:visited {color: #444;}
#mainNav ul li a:active, #mainNav ul li a:focus, #mainNav ul li a:hover {color: #000;}
.ie #mainNav ul li {width: 1px; white-space: nowrap;}

#headerLogo {position: absolute; top: 85px; left: 25px; z-index: 15; width: 203px; height: 53px;}

#headerSlideShow {position: relative; float: left; width: 980px; height: 230px;}
#headerSlideShow a {position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0;}
#headerSlideShow a.active {z-index: 10; opacity: 1.0;}
#headerSlideShow a.last-active {z-index: 9;}


/* FOOTER */
#footerLegalText {font-size: 10px;}
#footerLegalText p {margin: 4px 0 3px 0; font-size: 9px; color: #666;}
#footerLegalText p a {color: #666;}
#footerLegalLogo123 {margin: 5px; border-width: 0;}
#footerLegalLogo123 p {margin: 0px; padding: 0 0 0 7px; font-size: 9px; color: #666;}


/* SIDEBAR */
#sideNav {position: relative; top: -25px; left: 0; z-index: 15; width: 181px; height: 100%; padding: 0 20px 20px; background: #1a1a1a url(/img/global/quickmenu_bg.jpg) no-repeat; border: 3px solid #000; border-bottom: none; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
#sideNav p.title {font: 16px "Humanist"; margin: 30px 0 15px 0; color: #fff;}
#sideNav p.first {margin: 15px 0 15px 0;}
#sideNav ul {margin: 0; padding: 0 0 0 15px;}
#sideNav ul li {margin: 8px 0; font: 11px "Arial"; color: #fff;}
#sideNav ul li a:link, #sideNav ul li a:visited {font: 12px "Humanist"; color: #ccc;}
#sideNav ul li a:active, #sideNav ul li a:focus, #sideNav ul li a:hover {color: #fff;}
.ie #sideNav {width: 227px;}

.sideCTA a.title {display: block; font: 16px "Humanist"; margin: 30px 0 5px 0;}
.sideCTA a.title:link, .sideCTA a.title:visited {color: #fff;}
.sideCTA a.title:active, .sideCTA a.title:focus, .sideCTA a.title:hover {color: #ccc;}
.sideCTA a img {margin: 0 0 5px; border: 3px solid #333; -moz-border-radius: 2px; border-radius: 2px;}
.sideCTA a span {display: block; font: normal 13px "Humanist"; color: #ccc;}
.sideCTA a.ctaClick {display: list-item; margin: 0 19px; color: #fff;}
.sideCTA a.ctaClick {display: list-item; margin: 0 19px; color: #fff;}


/* HOME */
#hometext img {margin-bottom: 10px;}
#hometext ul li {padding: 0; list-style: disc;}

#homeDealerPict {width: 383px; height: 223px; background: url(/img/global/home_dealer.jpg) no-repeat; -moz-border-radius: 10px; border-radius: 10px; text-indent: -9999px;}

.homeblock h2 {text-align: center;}
.homeblock {width: 280px; padding: 10px; -moz-border-radius: 10px; border-radius: 10px;}

#homepromos {width: 280px; background: #7A9FA8;}
#homepromos a:link, #homepromos a:visited {color: #D7E2E5;}
#homepromos a:active, #homepromos a:focus, #homepromos a:hover {color: #04405E;}
#homepromos h2 a:link, #homepromos h2 a:visited {color: #fff;}
#homepromos h2 a:active, #homepromos h2 a:focus, #homepromos h2 a:hover {color: #04405E;}
#homepromos h2 span {font: 14px "Humanist";}
#homepromos img {margin-bottom: 10px;}
#homepromos object, #homepromos embed, #homepromos iframe {width: 280px; height: 200px;}
#homepromos .promotitle {font-size: 16px;}
.ie #homepromos {width: 300px;}

#homeused {width: 280px; background: #ccc;}
#homeused ul li ul {width: 176px; margin: 0 0 35px 0; padding: 3px; background: #999;}
#homeused ul li ul li.itemName {font-size: 14px;}
#homeused ul li ul li.itemName a:link, #homeused ul li ul li.itemName a:visited {color: #000;}
#homeused ul li ul li.itemName a:active, #homeused ul li ul li.itemName a:focus, #homeused ul li ul li.itemName a:hover {color: #444;}
#homeused ul li ul li.itemKM {float: left; margin-top: 5px; color: #222;}
#homeused ul li ul li.itemPrice {float: right; margin-top: 5px; color: #222;}
.ie #homeused {width: 300px;}

/* NEW CARS */
#newcarsinv {}
#newcarsinv img {border: 3px solid #ccc;}

#newcarsfeed {width: 325px;}
#newcarsfeed a:link,
#newcarsfeed a:visited {color: #333;}
#newcarsfeed a:active, #newcarsfeed a:focus, #newcarsfeed a:hover {color: #777;}

#listnews div {margin: 0; font-size: 11px; text-align: left;}
#listnews span.newsdate {display: inline-block; width: 75px; padding: 4px 0 4px 4px; vertical-align: top; color: #666;}
#listnews span.newsheader {display: inline-block; width: 236px; padding: 4px 0 4px 4px; border-left: 1px solid #666;}
#listnews div.feedEven {background-color: #CBCBCB;}
#listnews div.feedOdd {background-color: #D6D6D6;}

#newcarsCTA {position: relative; width: 345px; height: 183px; background: url(/img/global/new_bt.jpg) no-repeat; text-align: left;}
#newcarsCTA a {padding: 5px; font: 16px "Humanist"; line-height: 14px;}
#newcarsCTA a:link, #newcarsCTA a:visited {color: #000;}
#newcarsCTA a:active, #newcarsCTA a:focus, #newcarsCTA a:hover {color: #0A96DC;}
#newcarsCTA a span {display: block; font: 12px "Humanist";}
#newcarsCTA a:link span, #newcarsCTA a:visited span {color: #076291;}
#newcarsCTA a:active span, #newcarsCTA a:focus span, #newcarsCTA a:hover span {color: #0A96DC;}
#newcarsCTA .CTARoadtest {position: absolute; top: 0;}
#newcarsCTA .CTAPromos {position: absolute; bottom: 0;}


/* SERVICE */
#servicemenubg {width: 684px; height: 290px; background: url(/img/global/service_bg.jpg) bottom no-repeat;}
#servicemenu {position: relative; width: 684px; height: 290px; background: url(/img/global/service_calendar.jpg) center top no-repeat; text-align: left;}
#servicemenu li.servicemenuappoint {position: absolute; top: 80px; left: 40px;}
#servicemenu li.servicemenumaint {position: absolute; top: 180px; left: 40px;}
#servicemenu li.servicemenupromos {position: absolute; top: 80px; right: 40px;}
#servicemenu a {font: 16px "Humanist"; line-height: 14px;}
#servicemenu a:link, #servicemenu a:visited {color: #000}
#servicemenu a:active, #servicemenu a:focus, #servicemenu a:hover {color: #0A96DC;}
#servicemenu a span {display: block; font: 12px "Humanist";}
#servicemenu a:link span, #servicemenu a:visited span {display: block; color: #076291;}
#servicemenu a:active span, #servicemenu a:focus span, #servicemenu a:hover span {display: block; color: #0A96DC;}


/* PARTS */
#partsmenubg {width: 684px; height: 346px; background: url(/img/global/parts_bg.jpg) no-repeat;}
#partslist {width: 250px; padding: 10px 0 0 10px;}
#partsmenu {position: relative; float: right; width: 400px; text-align: left;}
#partsmenu li.partsmenuorder {position: absolute; top: 40px; right: 40px;}
#partsmenu a {font: 16px "Humanist"; line-height: 14px;}
#partsmenu a:link, #partsmenu a:visited {color: #000}
#partsmenu a:active, #partsmenu a:focus, #partsmenu a:hover {color: #0A96DC;}
#partsmenu a span {display: block; font: 12px "Humanist";}
#partsmenu a:link span, #partsmenu a:visited span {display: block; color: #076291;}
#partsmenu a:active span, #partsmenu a:focus span, #partsmenu a:hover span {display: block; color: #0A96DC;}
.ie #partslist {width: 260px; margin: 0;}


/* ONLINE REQUESTS */
#requestsmenubg {width: 684px; height: 446px; background: url(/img/global/request_bg.jpg) no-repeat;}
#requestsmenu {position: relative; text-align: left;}
#requestsmenu li {list-style: disc;}
#requestsmenu li.requestsmenuroadtest {position: absolute; top: 40px; left: 40px;}
#requestsmenu li.requestsmenuquote {position: absolute; top: 100px; left: 40px;}
#requestsmenu li.requestsmenuappoint {position: absolute; top: 160px; left: 40px;}
#requestsmenu li.requestsmenupartsorder {position: absolute; top: 220px; left: 40px;}
#requestsmenu li.requestsmenuquestions {position: absolute; top: 280px; left: 40px;}
#requestsmenu a {font: 16px "Humanist"; line-height: 14px;}
#requestsmenu a:link, #requestsmenu a:visited {color: #000}
#requestsmenu a:active, #requestsmenu a:focus, #requestsmenu a:hover {color: #0A96DC;}
#requestsmenu a span {display: block; font: 12px "Humanist";}
#requestsmenu a:link span, #requestsmenu a:visited span {display: block; color: #076291;}
#requestsmenu a:active span, #requestsmenu a:focus span, #requestsmenu a:hover span {display: block; color: #0A96DC;}


/* PROMOS */
#promosbtn a {display: block; width: 504px; height: 84px; padding: 30px 0 0 200px; background: url(/img/global/promo_bt_jaguarcanada.jpg); font: 16px "Humanist"; line-height: 14px; text-align: left;}
#promosbtn a:link, #promosbtn a:visited {color: #000}
#promosbtn a:active, #promosbtn a:focus, #promosbtn a:hover {color: #0A96DC;}
#promosbtn a span {display: block; font: 12px "Humanist";}
#promosbtn a:link span, #promosbtn a:visited span {display: block; color: #076291;}
#promosbtn a:active span, #promosbtn a:focus span, #promosbtn a:hover span {display: block; color: #0A96DC;}
.ie #promosbtn a {width: 684px;}


/* CONTACT */
#contactmap {position: relative; width: 705px; height: 225px; margin-bottom: 30px;}
#contactinfos {position: absolute; top: 15px; left: 30px; padding: 10px; background: rgba(0,0,0,0.8); border: 2px solid #BFBFBF; text-align: left;}
#contactinfos p {margin: 0 0 10px 0; padding: 0; color: #fff;}
#contactinfos p span {color: #FFF; font-weight: bold;}
#contactinfos ul {margin: 0; padding: 0; list-style-type: none;}
#contactinfos ul li {margin: 0; padding: 0; text-align: left; color: #fff;}
#contactinfos ul li span {display: block; float: left; width: 130px;}
#contactinfos a:link, #contactinfos a:visited {color: #ccc;}
#contactinfos a:hover, #contactinfos a:focus, #contactinfos a:active {color: #fff;}
html.ie #contactinfos {background: #1C1C1C;}


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

