





/* ------------------ Geogrotesque ------------------ */
@font-face {font-family: "Geogrotesque";
  src: url('/dealersite/fonts/geogrotesque/geogtq-rg.eot');
  src: url('/dealersite/fonts/geogrotesque/geogtq-rg.eot?#iefix') format('eot'),
       url('/dealersite/fonts/geogrotesque/geogtq-rg.woff') format('woff'),
       url('/dealersite/fonts/geogrotesque/geogtq-rg.ttf') format('truetype'),
       url('/dealersite/fonts/geogrotesque/geogtq-rg.svg') format('svg');
}

@font-face {font-family: "Geogrotesque Md";
  src: url('/dealersite/fonts/geogrotesque/geogtq-md.eot');
  src: url('/dealersite/fonts/geogrotesque/geogtq-md.eot?#iefix') format('eot'),
       url('/dealersite/fonts/geogrotesque/geogtq-md.woff') format('woff'),
       url('/dealersite/fonts/geogrotesque/geogtq-md.ttf') format('truetype'),
       url('/dealersite/fonts/geogrotesque/geogtq-md.svg') format('svg');
}

@font-face {font-family: "Geogrotesque Bd";
  src: url('/dealersite/fonts/geogrotesque/geogtq-bd.eot');
  src: url('/dealersite/fonts/geogrotesque/geogtq-bd.eot?#iefix') format('eot'),
       url('/dealersite/fonts/geogrotesque/geogtq-bd.woff') format('woff'),
       url('/dealersite/fonts/geogrotesque/geogtq-bd.ttf') format('truetype'),
       url('/dealersite/fonts/geogrotesque/geogtq-bd.svg') format('svg');
}

body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #ffffff;}
body {background: #7f2f13 url(/img/global/background.jpg) top center no-repeat fixed; 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 {margin: 0 0 10px; padding: 0; font: 14px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; color: #fff; text-transform: uppercase;}
h2 {margin: 20px 0 5px 0; padding: 0; font: 14px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; color: #fff;}
h2.first {margin-top: 0;}
h3 {margin: 20px 0 0 0; padding: 0; font: 14px "Geogrotesque Md", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; }
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

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

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: #333333; background-color: #333333; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
div.text {text-align: left;}
div.text p {line-height: 18px; margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.text p.readmore {margin-bottom: 0; padding-right: 10px; font-size: 10px; text-align: right;}
div.text p.readmore a {border: none;}
div.text p.readmore a:hover {border-bottom: 1px dotted #fff;;}
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_mini_white.gif) 0 7px 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; color: #fe0000; border-bottom: 1px dotted #f00;}
div.text a:hover, div.text a:focus, div.text a:active {border-bottom: 1px dotted #fff;}
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;}
h2.subtitle,
p.subtitle {margin: -20px 0 20px; font: 14px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; color: #f00; text-align: left;}
p.title {font: 14px "Geogrotesque Md", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left;}


.norm {font-size: 12px;}
.title {font: 14px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none;}
.copyr {font-size: 10px; text-decoration: none;}
.form {font-size: 11px; color: #ffffff;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #5D5D5D; color: #ffffff; font-weight: bold;}
.subheader {background-color: #333333; color: #ffffff; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #ffffff; background-color: #5D5D5D;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #ffffff; background-color: #5D5D5D;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #ffffff; background-color: #5D5D5D;}
.alt1 {font-size: 12px; font-weight: bold; color: #ffffff; background-color: #232323;}
.alt2 {font-size: 12px; font-weight: bold; color: #ffffff; background-color: #333333;}
.menu {font-size: 12px; color: #ffffff; background-color: #333333;}

.emph {font-weight:bold;}
.caption {font: 10px Arial; color: #ffffff;}
.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:#ffffff;}
.dp {font-size: 9px; color:#ffffff; font-weight: bold;}
.dps {font-size: 11px; color:#ffffff;}
.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: #5D5D5D; 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: #5D5D5D;}
.results-body {font-size: 10px; color: #ffffff; background-color: #232323; }

TABLE.Specs              {border-spacing: 1px; margin: 0; padding: 0;}
TABLE.Specs TR.alt1      {background-color: #232323;}
TABLE.Specs TR.alt2      {background-color: #333333;}
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: #5D5D5D; color: #ffffff; font-weight: bold; border-top: 1px outset #ffffff; border-bottom: 1px outset #ffffff;}
TABLE.Specs TD.subheader {background-color: #333333; color: #ffffff; 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: #5D5D5D;}
TABLE.au TD.norm         {font-size: 12px; color:#ffffff; background-color: #333333;}


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: 50px 0 0 0;}
div.businesshours p {margin: 0; padding: 0;}
div.businesshours p.title {margin: 0 0 15px; font: 14px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; color: #fff; }
div.businesshours p.subtitle {margin: 15px 0 5px; font: 13px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; color: #ff0000;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours p.subtitle a:link, div.businesshours p.subtitle a:visited {color: #ff0000;}
div.businesshours p.subtitle a:hover, div.businesshours p.subtitle a:focus, div.businesshours p.subtitle a:active {color: #ffffff;}
div.businesshours ul {overflow: hidden; width: 190px; padding: 5px;}
div.businesshours ul li {clear: both; float: left; width: 181px; margin: 0; padding: 0 0 3px 8px; background-color: #1e1e1e; font-size: 11px; color: #d5d5d5; white-space: nowrap;}
div.businesshours ul li.first {padding-top: 8px;}
div.businesshours ul li.last {padding-bottom: 8px;}
div.businesshours ul li span {display: block; float: left; width: 80px; color: #9e9e9e;}
.en div.businesshours ul li span {width: 70px;}
html.ie div.businesshours ul {width: 200px; border: 1px solid #ccc;}
html.ie div.businesshours ul li {width: 188px;}

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 */
.homebody #contentWrap {margin-top: 25px;}
div#contentWrap {width: 100%; margin: 50px 0 0;}
div#contentWrapBG {background-color: rgba(23,23,23,0.75);}

html.ie div#contentWrapBG {
  background: none;
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF171717,endColorstr=#BF171717);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF171717,endColorstr=#BF171717);
  zoom: 1;
}
table#mainwrap {clear: both; width: 970px; margin: 0 auto;}
div#contentTongueWrap {position: relative; width: 960px; margin: 0 auto;}
div#contentTongue {position: absolute; top: -21px; left: 0; height: 21px; width: 960px; background: url(/img/global/black_tongue.png) no-repeat top center;}

div#header {vertical-align: top; width: 960px; margin: 0 auto;}

td#sidebar {width: 181px; vertical-align: top; padding: 15px 16px 30px 0; background: url(/img/global/spacer_03.png) no-repeat top right;}

td#content {width: 730px; height: 100%; vertical-align: top; padding: 15px 10px 30px 16px; }

div#footer {padding: 0 0 80px; text-align: center; background-color: #fff;}
div#footerContent {position: relative; width: 960px; margin: 0 auto; padding: 10px 0 0 0;}
div#footerTongue {position: absolute; top: -21px; left: 0; height: 21px; width: 960px; background: url(/img/global/tongue_02.png) no-repeat top center;}
html.ie div#footerWrap {position: relative;}
html.ie div#footer div#footerContent {zoom: 1; margin: 0;}

.box1 {background-color: #fff; border: 1px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#fff));
  background: -moz-linear-gradient(top, #E9E9E9, #fff);

  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

html.ie .box1 {background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#ffffff');}

.box2 {background-color: #fff; border: 1px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6));
  background: -moz-linear-gradient(top,  #fff, #d6d6d6);

  -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
  box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
html.ie .box2 {background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d6d6d6');}

.box3 {position: relative; background-color: #fff; border: 1px solid #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#ffffff));
  background: -moz-linear-gradient(top,  #e9e9e9, #ffffff);
}
.box3:before,
.box3:after {z-index: -1; position: absolute; content: ""; bottom: 11px; left: 10px; width: 50%; top: 80%; max-width: 450px; background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.8);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);

  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.box3:after {right: 10px; left: auto;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
html.ie .box3 {background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ffffff');}

.box3Wide:before {
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.box3Wide:after {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}

.box4 {padding: 5px; background-color: #fff; border: 1px solid #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#ffffff));
  background: -moz-linear-gradient(top,  #d4d4d4, #ffffff);
  
  -moz-box-shadow: 0 3px 3px 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 3px 3px 3px rgba(0,0,0,.2);
  box-shadow: 0 3px 3px 3px rgba(0,0,0,.2);
}
html.ie .box4 {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#ffffff'); zoom: 1;}

.wideShadow {
  -moz-box-shadow: 0 0 8px 5px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,.4);
  box-shadow: 0 0 8px 5px rgba(0,0,0,.4);
}


/* HEADER */
div#headerContent {overflow: hidden; margin-bottom: 10px; padding: 0 10px 3px; border-top: none;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
html.ie div#headerContent {float: left; }

div#mainlogo {float: left; margin: 5px 0 0 5px;}
ul#headerlinks {float: right;}
ul#headerlinks li {float: left; padding: 5px 10px; background: url(/img/global/spacer_01.png) no-repeat right center;}
ul#headerlinks li.last {padding-right: 0; background: none;}
ul#headerlinks li a {color: #2f2f2f;}

div#headerinfos {clear: right; float: right; margin-top: 10px;}
div#headerinfos p {margin: 0; padding: 0; font: 13px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #2f2f2f; text-align: right;}
div#headerinfos p#headerinfosPhone {font: 14px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #f00;}

ul#mainnav {overflow: hidden; margin: 0 0 20px;}
ul#mainnav li {float: left; }
ul#mainnav li a {display: block; padding: 10px 12px 7px; background: url(/img/global/spacer_01.png) no-repeat right center; font: 13px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #2f2f2f;}
ul#mainnav li.last a {background: none; padding-right: 0;}
ul#mainnav li a:hover,
ul#mainnav li.current a {color: #ff0000;}
.en ul#mainnav li a {padding: 10px 13px 7px;}
html.ie ul#mainnav {float: left; width: 960px;}

div#topImg {border: 5px solid #fff;}
div#topImg img {display: block;}

div#hometopImg {position: relative; border: 5px solid #fff;}
div#hometopImg img {display: block;}
div#hometopImg div#homeModelPanel {position: absolute; top: 0; left: 0; padding-right: 14px; background: url(/img/global/tongue_01.png) no-repeat top right;}
div#hometopImg div#homeModelPanelWrap {width: 325px; height: 265px; background-color: #fff;}
div#hometopImg h2 {margin: 0; padding: 10px 0 0 10px; font: 30px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; color: #222; font-weight: normal; text-transform: uppercase;}
div#hometopImg h2 a {color: #222;}
div#hometopImg p.subtitle {margin: -10px 0 0 10px; font: 28px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; color: #222; font-weight: normal; text-align: left;}
div#hometopImg h3 {margin: 15px 0 5px 10px; color: #f00; font: 15px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; text-transform: uppercase;}
div#hometopImg p {margin: 0 10px 10px 10px; text-align: left; color: #222;}
div#hometopImg p span {color: #f00;}
div#hometopImg ul {position: absolute; top: 225px; left: 10px; list-style: none; margin: 0; padding: 0;}
div#hometopImg ul li {padding: 0 0 0 10px; background: url(/img/global/bullet_red.gif) no-repeat 0 6px; text-align: left; }
div#hometopImg ul li:hover {background-image: url(/img/global/bullet_gray.gif);}
div#hometopImg ul li a {color: #222; font: 15px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal;}
html.ie div#hometopImg div#homeModelPanelWrap {height: 275px;}
html.ie div#hometopImg ul li a:hover {color: #f00;}

ul#modelRoll {margin: 10px 0; padding-left: 10px; }
ul#modelRoll li {margin: 0 0 0 13px; padding: 8px 0;}

ul#headerQuadro {overflow: hidden; padding-bottom: 20px;}
ul#headerQuadro li {float: left; width: auto; margin: 0 9px 0 0; text-align: left;}
ul#headerQuadro li.first {margin-left: 0;}
ul#headerQuadro li.last {margin-right: 0 !important;}
ul#headerQuadro li a {font: 18px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
ul#headerQuadro li a span.label1 span {font: 24px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
html.ie ul#headerQuadro li {margin: 0 3px 0;}
html.ie ul#headerQuadro li.last {margin-right: 0 !important;}
html.ie ul#headerQuadro {overflow: visible; height: 1px;}

/* FOOTER */
div#footer a {color: #fe0000; text-decoration: underline;}
div#footer a:hover {text-decoration: none;}
div#footer ul.footerlinks {width: 700px; margin: 0 auto 20px;}
div#footer ul.footerlinks li {display: inline; white-space: nowrap;}
div#footer ul.footerlinks li:after {content: ' · ';}
div#footer ul.footerlinks li.last:after {content: none;}
div#footer ul.footerlinks li a {font-size: 10px; color: #fe0000; text-decoration: none;}
div#footer ul.footerlinks li a:hover {text-decoration: underline;}
div#footer p {color: #777;}
div#footer div.copyr {color: #777;}
div#footerLegalText {float: right; text-align: left; width: 780px; font-size: 10px;}
div#footerLegalText p, div.copyr p {margin: 4px 0 3px 0; font-size: 10px; color: #333;}
div#footerLegalText p a {color: #6b6b6b;}
div#footerLegalText p a:hover {color: #939393;}
div#footerLegalLogo123 {float: left; text-align: left; width: 150px; height: 33px; margin: 5px; border-width: 0;}
div#footerLegalLogo123 p {margin: 0px; padding: 0 0 0 7px; font-size: 10px; color: #d0d0d0;}

div#catfish {position: fixed; bottom: 0; left: 0; z-index: 100; text-align: center; width: 100%; height: 88px; overflow: hidden; background: url(/img/global/catfish_bg.png) repeat-x 0 0;}
div#catfish div#catfishWrap { width: 980px; margin: 0 auto; background: url(/img/global/catfish_tongue.png) no-repeat top center;}
div#catfish div#catfishWrap ul {list-style: none; margin: 0; padding: 30px 0 0 135px;}
div#catfish div#catfishWrap ul li#catFBook {position: relative; width: 145px; height: 54px; padding: 10px 0 0 50px; background: url(/img/global/logo_facebook.png) no-repeat 0 0;}
div#catfish div#catfishWrap ul li#catFBook:after {position: absolute; top: 12px; left: 237px; content: '<'; font-size: 8px; color: #f00;}
div#catfish div#catfishWrap ul li#catFBook a {color: #284984;}
div#catfish div#catfishWrap ul li#catFBook a span {font-weight: bold;}
div#catfish div#catfishWrap ul li#catOther {position: relative; width: 540px; padding: 10px 0 0 90px; text-align: left;}
div#catfish div#catfishWrap ul li#catOther:before {position: absolute; top: 12px; left: 50px; content: '>'; font-size: 8px; color: #f00;}
div#catfish div#catfishWrap ul li#catOther a {color: #222;}
div#catfish div#catfishWrap ul li#catOther img {position: absolute; right: 0; top: -25px;}

html.ie div#catfish {position: absolute; left: 0; top: expression(eval((document.documentElement.scrollTop) ? document.documentElement.scrollTop + (document.documentElement.clientHeight-this.clientHeight) : document.body.scrollTop + (document.body.clientHeight-this.clientHeight)));}
html.ie div#catfish div#catfishWrap ul li#catFBook {width: 200px; height: 54px;}
html.ie div#catfish div#catfishWrap ul li#catOther {width: 620px;}

/* SIDEBAR */
dl#quickmenu {margin-bottom: 50px;}
dl#quickmenu dt {margin: 0 0 10px 0; font: 14px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; color: #fff; text-transform: uppercase;}
dl#quickmenu dd {padding: 0 5px 3px 10px; background: url(/img/global/bullet_mini_red.gif) no-repeat 0 6px;}
dl#quickmenu dd a {color: #ffffff;}
dl#quickmenu dd a:hover {color: #fff; border-bottom: 1px dotted #fff;}

div#facebook a {display: block; height: 50px; margin: 25px 0 0; padding-left: 60px; background: url(/img/global/facebook.gif) no-repeat left center; text-align: left; font: 16px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; color: #3d5a93;}
div#facebook a span {display: block; font: 22px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

ul.customBtns,
div.text ul.customBtns {margin: 20px 0 0; padding: 0; list-style: none; text-align: left;}
ul.customBtns li {width: 200px; margin: 0 0 15px;}
ul.customBtns li.wide {width: 233px;}
div.text ul.customBtns li {width: 233px; margin: 0; padding: 0; background: none;}
ul.customBtns li a,
div.text ul.customBtns li a {position: relative; display: block; padding: 5px; font: 18px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #fff;}
td#sidebar ul.customBtns li a {font-size: 15px;}
ul.customBtns li a:hover,
div.text ul.customBtns li a:hover {color: #ff0000;}
ul.customBtns li a span.label1 {position: absolute; left: 11px; bottom: 5px; display: block; line-height: 12px;}
ul.customBtns li a span.label1 span {display: block; font: 24px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase;}
td#sidebar ul.customBtns li a span.label1 span {font-size: 17px;}
ul.customBtns li.btn2 a span.label1 {left: 130px; bottom: -20px; margin-right: 20px; font-size: 18px;}
ul.customBtns li.btn2 a span.label1 span {font-size: 22px;}
html.ie ul.customBtns li a {float: left;}

li#couponBtn a {position: relative;}
li#couponBtn span#couponAd {position: absolute; top: 8px; left: 0; width: 189px; text-align: center;}
li#couponBtn span#couponAd,
li#couponBtn span#couponAd span {margin: 0; padding: 0; background: none; display: block;}
li#couponBtn span#couponAd span {text-transform: uppercase;}
li#couponBtn span.couponTitle {font: 16px "Geogrotesque Bd"; color: #fff; line-height: 14px;}
li#couponBtn span.couponTitle span {margin-bottom: 5px; font: 16px "Geogrotesque"; color: #222;}
li#couponBtn span#couponAd span.couponAd1 {color: #222; font-size: 13px;}
li#couponBtn span#couponAd span.couponAd2 {color: #222; font-size: 16px; font-weight: bold;}
li#couponBtn span#couponAd span.couponAd3 {color: #666; font-size: 10px;}
li#couponBtn span#couponAd span.couponAd4 {color: #fff; font-weight: bolder; font-size: 14px; }

div.secondSidebar {float: right; width: 247px; margin: -28px 0 0 4px; margin-left: 16px; padding-left: 16px;  }
div.secondSidebar2 {float: right; width: 247px; margin: -28px 0 0 4px; padding-left: 16px; background: url(/img/global/spacer_03.png) no-repeat top left; }

/* HOME */
#homeCarouselBox {position: relative; width: 950px; height: 157px; margin-bottom: 36px; border: 5px solid #FFFFFF;}
#homeCarouselBox #promobox {width: 950px; height: 157px; overflow: hidden; background: #E23D3D;}
#homeCarouselBox #promobox img {display: block;}
#homeCarouselBox .mediaSlideBlock {display: block;}
#homeCarouselBox .mediaSlideNone {display: none;}
#homeCarouselBox #promoschoice a {display: block; float: left; overflow: hidden;}
#homeCarouselBox #promoschoice ul {position: absolute; top: 10px; right: 10px; padding: 5px; background: #fff; text-align: left; overflow: hidden;}
#homeCarouselBox #promoschoice ul li {float: left; margin: 0 10px 0 0; padding: 0;}
#homeCarouselBox #promoschoice ul li.last {margin-right: 0;}
#homeCarouselBox #promoschoice ul li a.cSlides {width: 9px; height: 9px; overflow: hidden; font-size: 1px; text-indent: -9999px;}
#homeCarouselBox #promoschoice ul li a.bgClrOn {background: #1F1F1F; border: 1px solid #fff;}
#homeCarouselBox #promoschoice ul li a.bgClrOn:hover {border: 1px solid #0F3355;}
#homeCarouselBox #promoschoice ul li a.bgClrOff {background: #FF0000; border: 1px solid #fff;}
#homeCarouselBox #promoschoice ul li a.bgClrOff:hover {border: 1px solid #0F3355;}
.ie #homeCarouselBox #promoschoice ul {height: 1px; overflow: visible;}
.ie #homeCarouselBox #promoschoice ul li a.cSlides {width: 11px; height: 11px;}


div#hometext {float: left; width: 467px;}

div#homepromos {float: right; width: 247px; height: 400px; margin: -28px 0 0 4px; padding-left: 16px; background: url(/img/global/spacer_03.png) no-repeat top left; }
div#homepromos h2 {margin: 0 0 15px; padding: 0; font: 14px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; text-transform: uppercase;}
div#homepromos h2 a {color: #fff;}
div#homepromos .subtitle {margin: 0 0 30px;}
div#homepromos div#homepromosbox {padding: 10px; background-color: #a6a4a5; height: 273px; overflow: hidden;}
html.ie div#homepromos div#homepromosbox {width: 240px;}
div#homepromos div#homepromosbox div.promophoto {margin-bottom: 10px;}
div#homepromos div#homepromosbox div.promophoto img {width: 210px;} 
div#homepromos embed,
div#homepromos object {width: 214px;}
div#homepromos a,
div#homepromos p {color: #232323;}
div#nopromo {}
div#nopromo p {width: 201px; height: 230px; margin: 0; padding: 63px 10px 0; background: url(/img/global/homepage_promo.jpg) no-repeat center center; text-align: center; font: 16px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #222;}
html.ie div#nopromo p {width: 221px; height: 293px;}

/*  NEW CARS */

table#tableNewInv td {padding: 10px 0; text-align: center;}
table#tableNewInv td img {margin-bottom: 5px;}
table#tableNewInv td a {color: #fff;}

div#newcarsInv {margin-bottom: 40px;}

/* USED CARS */

div#dlr_couponBg {background-color: #000;}
div#rebateCoupon {position: relative; background: url(/img/global/coupon_big.jpg) no-repeat 0 0; width: 700px; height: 400px;}
div#couponMain {display: none; position: absolute; top: 0; left: 0; padding: 10px; z-index: 100;  _top: expression(eval(document.body.clientHeight ? document.body.scrollTop + 100 : document.documentElement.scrollTop + 100)); _left: expression(eval(document.body.clientWidth ? ((document.body.clientWidth / 2) - 4) : ((document.documentElement.clientHeight / 2) - 267)));}
div#couponMain a#closeBtn {position: absolute; top: -7px; left: 694px; z-index: 101;}
div#couponMain p {margin: 0; padding: 0;}
div#couponMain p.title {padding: 10px; font-size: 40px; font-weight: normal; text-transform: uppercase; color: #222; text-align: center;}
div#couponMain p.title span {font: 40px "Geogrotesque Bd", Verdana, Arial, Hevetica, sans-serif; font-weight: normal; color: #fff;}
div#couponMain table {width: 635px; margin: 10px 10px 10px 65px;}
div#couponMain table td {color: #222;}
div#couponMain table td.label {width: 105px;}
div#couponMain table td.input input {width: 160px; padding: 3px; border: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -moz-box-shadow: inset 3px 3px 3px #ccc;
  -webkit-box-shadow: inset 3px 3px 3px #ccc;
  box-shadow: inset 3px 3px 3px #ccc;
}
div#couponMain table td.submit {text-align: right;}
div#couponMain #couponChoices {padding: 10px 0 10px 20px;}
div#couponMain td#couponChoices ul li {margin: 0 0 20px; clear: both; white-space: nowrap; vertical-align: middle;}
div#couponMain td#couponChoices input {float: left; }
div#couponMain td#couponChoices label {float: right; width: 270px; margin-left: 25px; font: 20px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; color: #222;}
div#couponMain td#couponChoices label span.action{}
div#printCoupon p.label {font: 20px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase;}
div#couponMain td#couponChoices label span.value,
div#printCoupon p.label span.value {font: 22px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #222;}
div#couponMain td#couponChoices label span.condition,
div#printCoupon p.label span.condition {font-size: 16px; color: #666;}
div#couponMain p#couponFineprint {margin: 10px 64px 10px 64px; font-size: 8px; text-align: left; color: #666;}
html.ie div#couponMain td#couponChoices input {float: none; }
html.ie div#couponMain td#couponChoices label {float: none; width: 270px; margin-left: 25px; font: 20px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase;}
#couponContactInfo {}
div#couponMain table td.input input.couponfield-err {border: 2px solid #9f1110;}
div#printCoupon div#couponImg {position: relative; float: left; width: 189px;}
div#printCoupon p.label {position: absolute; top: 0; left: 10px; width: 169px;}
div#printCoupon dl {float: left; width: 425px; height: 152px; margin: 0; padding: 10px; text-align: left; border: 1px dotted #ccc;}
.ie div#printCoupon dl {width: 423px;}
div#printCoupon dl dt {float: left; width: 105px; padding: 3px 0;}
div#printCoupon dl dd {float: left; width: 250px; margin: 0; padding: 3px 0;}
div#printCoupon dl dd#expDate {color: #666; font-size: 11px;} 
div#printCoupon dl dd#couponFPrint {width: auto;}
div#printCoupon p#couponFineprint {font-size: 8px; text-align: left; color: #666;}
p#imprim {font-size: 15px; padding:0; margin:0;}
p#lieninv {font-size: 15px; text-align: left; padding:0; margin:-15px 0 0 0;}
div#errorMessage {text-align: left; color: #fff; font-weight: bold; background-color: #9f1110; padding: 10px; display: none;}
div#errorMessage a {color: #fff; font-weight: bold;}
div#errorMessage p {color: #fff; font-weight: bold;}

div.printLight  dl dt,
div.printLight  dl dd {color: #000;}

div#expDate {margin: 0 0 0 47px; color: #666;}

div.couponv2 {width: 237px; margin-left: 16px;}
div.couponv2 a {display: block; position: relative;}
div.couponv2 a.box3 {padding: 5px 0;}
div.couponv2 span {font: 15px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
div.couponv2 span.couponText {position: absolute; top: 5px; left: 0; width: 230px; text-align: center;}
div.couponv2 span.couponText,
div.couponv2 span.couponText span {margin: 0; padding: 0; background: none; display: block;}
div.couponv2 span.couponTitle {font: 22px "Geogrotesque Bd"; color: #fff;}
div.couponv2 span.couponTitle span {margin-bottom: 5px; font: 18px "Geogrotesque"; color: #222;}
div.couponv2 span.couponText span {text-transform: uppercase;}
div.couponv2 span.couponText span.couponAd1 {color: #222; font: 14px "Geogrotesque Md", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
div.couponv2 span.couponText span.couponAd2 {color: #222; font: 21px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
div.couponv2 span.couponText span.couponAd3 {color: #666; font-size: 12px;}
div.couponv2 span.couponText span.couponAd4 {color: #fff; font: 20px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}

html.ie div.couponv2 {width: 248px; margin-left: 15px;}
html.ie div.couponv2 span.couponText {width: 222px;}

html.ie div#scroller {zoom: 1;}

/* PROMOTIONS */

ul#promosList {float: left; width: 743px; margin: 10px 0 60px; padding: 0; list-style: none; overflow: hidden;}
ul#promosList li {float: left; padding: 0 17px; border-right: 1px solid #4D3C35; text-align: left; white-space: nowrap;}
.en ul#promosList li {padding: 0 53px; }
ul#promosList li.first {padding-left: 0;}
ul#promosList li.last {padding-right: 0; border: none;}
ul#promosList li a {font: 14px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #f00;}
ul#promosList li a span {display: block; font: 15px "Geogrotesque Bd", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; text-transform: uppercase;}

/* SERVICE */

/*{clear: both; clear: both; margin-top: 60px !important;}*/

div#roadsideAssist {clear: both; width: 100%; height: 201px; position: relative; margin: 0 0 0 -120px; padding: 0;}
div#roadsideAssist p {color: #f00;}
div#roadsideAssist p#leftLabel {width: 250px; position: absolute; top: 50px; right: 480px; font: 14px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0;}
div#roadsideAssist p#rightLabel {width: 200px; position: absolute; top: 50px; left: 480px; font: 14px "Geogrotesque", Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0;}
div#roadsideAssist p span.Phone {font-size: 24px; color: #fff;}

ul#serviceBtns li {float: left; width: auto; margin: 0 9px 0 0; text-align: left;}
ul#serviceBtns li.first {margin-left: 0;}
ul#serviceBtns li.last {margin-right: 0 !important;}


/* PARTS */
ul.brochures {overflow: hidden; margin-bottom: 40px;}
ul.brochures li {float: left; width: auto; margin: 0 10px 15px 0; text-align: left;}
ul.brochures li.endLine {margin-right: 0; }

/* DETAILING */
#detailingList {overflow: hidden; margin: 20px 0 0;}
#detailingList dl {display: block; width: 730px; margin-bottom: 40px; background-repeat: no-repeat; background-position: 100% 32px;}
#detailingList dl dt {margin-bottom: 10px; font-family: "Geogrotesque Bd"; font-size: 15px; font-weight: normal; color: #fff;}
#detailingList dl dt span {color: red; font-family: "Geogrotesque"; font-weight: normal;}
#detailingList dl dt span.price {display: block;}
#detailingList dl dt span.truck {margin-left: 40px;}
#detailingList dl dd {padding: 2px 10px 2px 15px; background: url(/img/global/bullet_mini_white.gif) 0 9px no-repeat;}
html.ie #detailingList dl {width: 414px;}
/*
#detailingList dl.bronze {background-image: url(/img/global/esthetic_bronze.gif);}
#detailingList dl.silver {background-image: url(/img/global/esthetic_silver.gif);}
#detailingList dl.gold {background-image: url(/img/global/esthetic_or.gif);}
#detailingList dl.platinum {background-image: url(/img/global/esthetic_platine.gif);}
#detailingList dl.diamond {background-image: url(/img/global/esthetic_diamant.gif);}
#detailingList dl.convertible {background-image: url(/img/global/esthetic_convertible.gif);}
#detailingList dl.winter {background-image: url(/img/global/esthetic_hiver.gif);}
#detailingList dl.custom {background-image: url(/img/global/esthetic_carte.gif);}
*/
#detailingList .box3 img {display: block; margin: 5px;}
#detailingList dl.custom dd {padding-left: 0; background-image: none;}
#detailingList dl.custom dd span.price {display: block; width: 140px; float: left; margin-right: 20px; background: url(/img/global/bullet_red.gif) 100% 6px no-repeat;}
#detailingList dl.custom dd span.price span.car {}
#detailingList dl.custom dd span.price span.truck {margin-left: 25px;}


/* ONLINE REQUESTS */
ul#onlineRequests {overflow: hidden; margin-bottom: 0px;}
ul#onlineRequests li {float: left; width: auto; margin: 0 20px 15px 0; text-align: left;}
ul#onlineRequests li.endLine {margin-right: 0; }

/* Sitemap */

div#sitemap {margin-top: 35px;}

/* CONTACT */
/* --- nommer éléments : contactqqch --- */
div#googlemap {padding: 5px; }

/* SITE MAP */
div#sitemap {font-size: 11px; text-align: left; overflow: hidden; padding: 15px; background-color: #333333;}
div#sitemap a:link, div#sitemap a:visited {color: #ffffff; font-weight: normal;}
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active {color: #ff0000; 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;}
.ie div#sitemap,
.ie div#sitemap ul {height: 1px; overflow: visible;}

/* gallerie flash */
div#popGalleryWrap {position: relative; width: 100%; margin: auto;}
div#popBox {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
div#popBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
div#popGallery {position: relative; width: 980px; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1100; background: #232323;}

div#popGalleryWrap div#newmodelFlash {width: 500px; margin: 10px 10px 10px 0;}
div#popGalleryWrap div#specsNeat {margin: 0 0 30px 0;}

