@font-face {font-family: "Helvetica Condenced";
  src: url('/dealersite/fonts/helvetica_condensed/helvetica_condensed.eot');
  src: local('?'),
    url('/dealersite/fonts/helvetica_condensed/helvetica_condensed.ttf') format('truetype');
}

@font-face {font-family: "Helvetica Condenced It";
  src: url('/dealersite/fonts/helvetica_condensed/helvetica_condensed_italic.eot');
  src: local('?'),
    url('/dealersite/fonts/helvetica_condensed/helvetica_condensed_italic.ttf') format('truetype');
}

body, td, p, ol, ul, li {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000;}
body {background: #7a7a7a url(/img/bg.jpg) top center no-repeat; margin: 0; padding: 0; text-align: center; vertical-align: top;}

h1 {font-size: 18px; text-align: left; margin: 0; padding: 0;}
h2 {font-size: 16px; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #000000; text-decoration: none;}
a:hover, a:focus, a:active {color: #000000; 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;}

sup {line-height: 0;}
hr {color: #EFEFEF; background-color: #EFEFEF; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
div.text {text-align: justify;}
div.text p {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: 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: 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: #62666F; 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: #62666F;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #62666F;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #62666F;}
.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;}
.center {text-align: center;}
.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: #62666F; 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: #62666F;}
.results-body {font-size: 9px; color: #000000; background-color: #DEDEDE; }

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

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

div.businesshours {margin: 20px 0 0 0;}
div.businesshours p {margin: 0; padding: 0;}
div.businesshours p.title {font-size: 14px;}
div.businesshours p.subtitle {font-size: 12px; margin-top: 15px;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours ul li {font-size: 11px; margin: 0 0 2px 0;}
div.businesshours ul li.last {margin-bottom: 0;}
div.businesshours ul li span {display: block; float: left; width: 60px;}

.addmargin {margin-bottom: 30px !important;}

div#ucdaLogo{text-align:left; padding:10px 0 10px 114px;}

/* MAIN LAYOUT */
table#mainwrap {width: 980px; height: 100%; margin: 0 auto;}
td#content {height: 100%; vertical-align: top;}
td#footer {text-align: center; vertical-align: top; padding: 20px 20px 10px 20px;}


/* HEADER */
#headercontent {position: relative; width: 980px; height: 133px;}
a#logo {position: absolute; top: 28px; left: 348px; display: block; width: 284px; height: 105px; margin: 0; background: url(/img/img_top_logo.jpg) no-repeat left top; text-indent: -9999px; overflow: hidden;}
#headercontent #facebookLogo {position: absolute; top: 112px; left: 736px; }
#headercontent #facebookLogo.fr {position: absolute; top: 112px; left: 750px; }
#headercontent #facebookLogo img {margin-right:5px; vertical-align: bottom;}
#headercontent #facebookLogo span {color:#365CAB; font-weight: bold;}
#headercontent #facebookLogo a{outline: none;}

/* Content */
.wrapper {width: 960px; margin: 0 10px;}
#left, #middle {display: block; width: 286px; float: left; margin-top: 10px;}
#middle {padding-left: 50px; position: relative;}
.locations #left, .locations #middle {width: 328px;}
.locations #middle {padding-left: 37px;}
#middle .vLine {position: absolute; top: 0; left: 24px; height: 599px; width: 1px; background-color: #838383; border-right: 1px solid #DFDFDF; overflow: hidden;}
#right, #cta {width: 250px; float: right; position: relative;}
#rightBottom {position: relative; float: right; height: 150px; width: 590px; background-color: #d0d0d2; border-top: 1px solid #8f8f8f; border-left: 1px solid #8f8f8f; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
#textcontent {width: 960px;}
#listing {width: 680px; float: left;}
.details {width: 750px; margin: 0 10px;}
.ie #middle {width: 336px;}
.ie #middle .vLine {width: 2px;}
.ie .locations #middle {width: 365px;}

.textLeft, .textRight {width: 460px;}
.textLeft {float: left;}
.textRight {float: right;}

.col {margin: 0 0 10px 0; padding: 0; text-align: left;}
.col li {position: relative; display: block; margin-bottom: 10px; background-repeat: no-repeat; background-position: right center; list-style-type: none;}
.col li div.logoDealer {display: block; width: 210px; height: 55px; margin-bottom: 10px; background-repeat: no-repeat; background-position: left top; cursor: pointer;}
.col li h3 {margin: 0 0 10px 0;}
.col li p {margin: 0;}
.col li a {display: block; width: 114px; height: 23px; margin-top: 10px; background: url(/img/fr/bt_website.png) no-repeat left top; text-indent: -9999px; overflow: hidden;}
.en .col li a {background-image: url(/img/en/bt_website.png);}
.col li span {display: block; float: right; margin-top: 5px;}
.col li span img {vertical-align: middle; padding-left: 5px;}
.bubble {position: absolute; top: -108px; right: 0; display: none; width: 287px; height: 146px; background: url(/img/img_over.png) no-repeat top left;}
.bubble .inner {padding: 0 20px 0 0;}
.bubble h3, .bubble p {text-align: right; color: #fefefe; margin: 0; padding: 0;}
.bubble h3 a {margin-top: 5px;}
.bubble .inner p {width: 100%; float: right; clear: both; color: #d4d4d4; _padding-right: 20px;}
.bubble .inner p:last-child {margin: 0;}
.bubble span.make {margin: 0 0 5px 0;}
.col li .bubble a {width: auto; height: auto; float: none; background: none; text-indent: auto; color: #FFF;}
.col div.line {height: 1px; margin: 10px auto 0; background-color: #DFDFDF; border-top: 1px solid #838383; overflow: hidden;}
.ie .col div.line {height: 2px;}

#mainwrap .wrapper #checkVehiculeStatus {background: url("/img/fr/bt_fr_check_vehicle.png") no-repeat left top; display: block; height: 25px; margin-top: 0px; text-indent: -9999px; width: 129px; position: absolute; right: 0; top: 103px;}
.ie #mainwrap .wrapper #checkVehiculeStatus {top: 100px;}


.en #mainwrap .wrapper #checkVehiculeStatus {background: url("/img/en/bt_en_check_vehicle.png") no-repeat scroll left top transparent;}


.map {margin: 0; padding: 0; text-align: left;}
.map li {position: relative; display: block; height: 315px; background-repeat: no-repeat; background-position: right center; list-style-type: none;}
.map li div.logoDealer {display: block; width: 210px; height: 55px; background-repeat: no-repeat; background-position: left top; cursor: pointer;}
.map a.googleMap {display: block; width: 328px; height: 127px;  margin: 5px 0 0 0; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;}
.map .mapInfo {margin: 5px 0 0 0; padding: 5px; background-color: #2A2A2A; color: #FFF;}
.map .mapInfo h3, .map .mapInfo p {margin: 0; padding: 3px 5px;}
.map .mapInfo h3 a {color: #fff;}
.map .mapInfo p {color: #e0e0e0;}
.map .mapInfo p.title a:link, .map .mapInfo p.title a:visited {color: #FFF;}
.map .mapInfo p.title a:hover, .map .mapInfo p.title a:focus, .map .mapInfo p.title a:active {color: #DDD;}

.col .mccbg {background-image: url(/img/img_car_dealer_01.png);}
.mccbg .logoDealer {background-image: url(/img/logo_dealer_01.png);}
.map .mccbg a.googleMap {background-image: url(/img/map_dealer_01.gif);}

.col .mcbgk {background-image: url(/img/img_car_dealer_02.png);}
.mcbgk .logoDealer {background-image: url(/img/fr/logo_dealer_02.png);}
.en .mcbgk .logoDealer {background-image: url(/img/en/logo_dealer_02.png);}
.map .mcbgk a.googleMap {background-image: url(/img/map_dealer_02.gif);}

.col .mcbgo {background-image: url(/img/img_car_dealer_03.png);}
.mcbgo .logoDealer {background-image: url(/img/logo_dealer_03.png);}
.map .mcbgo a.googleMap {background-image: url(/img/map_dealer_03.gif);}

.col .mcbgb {background-image: url(/img/img_car_dealer_04.png);}
.mcbgb .logoDealer {background-image: url(/img/logo_dealer_04.png);}
.map .mcbgb a.googleMap {background-image: url(/img/map_dealer_04.gif);}

.col .my {background-image: url(/img/img_car_dealer_05.png);}
.my .logoDealer {background-image: url(/img/logo_dealer_05.png);}
.map .my a.googleMap {background-image: url(/img/map_dealer_05.gif);}

.col .myk {background-image: url(/img/img_car_dealer_06.png);}
.myk .logoDealer {background-image: url(/img/logo_dealer_06.png);}
.map .myk a.googleMap {background-image: url(/img/map_dealer_06.gif);}

.col .mvw {background-image: url(/img/img_car_dealer_07.png);}
.mvw .logoDealer {background-image: url(/img/logo_dealer_07.png);}
.map .mvw a.googleMap {background-image: url(/img/map_dealer_07.gif);}

.col .mn {background-image: url(/img/img_car_dealer_08.png);}
.mn .logoDealer {background-image: url(/img/logo_dealer_08.png);}
.map .mn a.googleMap {background-image: url(/img/map_dealer_08.gif);}


#topNav {float: right; margin: 92px 0 0 0; padding: 0;}
#topNav li {float: left; display: block; margin-right: 5px; padding-right: 5px; list-style-type: none; border-right: 1px solid #000;}
#topNav li.last {margin-right: 0; padding-right: 0; border-right: none;}
#topNav li a {font-weight: bold; font-size: 10px;}
.en #topNav {width: 245px;}

.bigbtn {float: left; width: 226px; height: 150px; margin: 0; padding: 0 30px; text-align: center; border-top: 1px solid #8f8f8f; border-left: 1px solid #8F8F8F; background-color: #D0D0D2; -moz-border-radius: 5px 5px 5px 5px;}
.bigbtn div {margin-bottom: 10px;}
.bigbtn .bigbtnlink {text-align: right; margin-bottom: 0;}
#titreStatusWrapper .bigbtnlink {margin-top: 46px; margin-bottom: 0; text-align: right;}
#titreStatusWrapper #titrebtn{padding: 0 30px;}
#usedbtn {float: right; width: 286px; height: 296px; margin-right: 0; padding: 0; text-align: left;}
#usedbtn .bigbtnimg {margin: 20px 0 20px 10px; padding: 0;}
#usedbtn div.line {height: 1px; margin: 0 auto 10px auto; background-color: #dfdfdf; border-top: 1px solid #838383; overflow: hidden;}
#usedbtn .bigbtntext {margin-bottom: 20px; padding: 0 10px; text-align: left;}
#usedbtn .bigbtntext p {margin: 0 0 10px 0; padding: 0;}
#usedbtn .bigbtntext p.last {margin-bottom: 0;}
#usedbtn .bigbtntext p.title {font-weight: normal; font-size: 17px; font-family: "Helvetica Condenced";}
#usedbtn .bigbtnlinken {margin-bottom: 10px; padding-left: 10px; text-align: left;}
#usedbtn .bigbtnlinkfr {margin:-10px 0 10px 0; padding-left: 10px; text-align: left;}
#usedbtn .carproofimg {padding-left: 20px;}

#logocarproofen {margin:0 0 13px 5px;}
#logocarprooffr {margin:0 0 10px 8px;}

#titrebtn .bigbtnimg {padding-top: 8px;}
#titrebtn.bigbtn{height: 90px;}
#titrebtn div.bigbtnimg{margin-bottom: 0px;}
#statusBtn.bigbtn{height: 53px; margin-top:6px;}
#statusBtn div.bigbtnimg{width: 77px; float: left; margin-top: 10px;}
#statusBtn div.bigbtnlink{width: 114px; float: right; margin-top: 14px;}
#servicebtn .bigbtnimg {padding-top: 20px;}
#titreStatusWrapper {width: 287px; height: 151px; margin-right: 48px; float: left; background-color: #D0D0D2; border-radius: 5px 5px 5px 5px;}
.ie #statusBtn div.bigbtnlink{margin-right: 2px;}
.ie #statusBtn.bigbtn{width: 288px; margin-top:7px;}
.ie .bigbtn {width: 286px;}
.ie #usedbtn div.line {height: 2px;}

#usedSearch {background-color: #d0d0d2; border-top: 1px solid #8f8f8f; border-left: 1px solid #8f8f8f; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; text-align: left;}
#usedSearch .line {position: absolute; top: 85px; height: 1px; width: 100%; background-color: #ececec; border-top: 1px solid #838383; overflow: hidden;}
.en #usedSearch .line {top: 79px;}
#usedSearch .inner {padding: 25px;}

#usedSearch .legend {width: 199px; height: 49px; background: url(/img/fr/right_box_title.png) no-repeat left top; text-indent: -9999px; overflow: hidden;}
.en #usedSearch .legend {background-image: url(/img/en/right_box_title.png);}
#usedSearch h2 {font-size: 14px; color: #000;}
#usedSearch p {font-size: 10px; color: #000;}
#usedSearch fieldset {margin: 0; padding: 0; border: none;}
#usedSearch label {display: none; width: 100%;}
#usedSearch select {width: 162px; margin-bottom: 10px;}

#carProofLabel {width: 161px; height: 49px; margin-top: 25px; background: url(/img/fr/logo_carproof.png) no-repeat left top; text-indent: -9999px; overflow: hidden;}
.en #carProofLabel {background-image: url(/img/en/logo_carproof.png);}

#cta {margin-top: 20px;}
#cta a {position: relative; display: block; width: 100%; height: 110px; background-repeat: no-repeat; background-position: center top;}
#cta a.tire {background-image: url(/img/logo_tire_center.png);}
#cta a.service {background-image: url(/img/logo_carstar.png);}
#cta a span {position: absolute; right: 0; display: block; width: 114px; height: 23px; background: url(/img/fr/bt_info.png); text-indent: -9999px; overflow: hidden;}
.en #cta a span {background-image: url(/img/en/bt_info.png);}
#cta a.tire span {top: 60px;}
#cta a.service span {top: 100px;}

.clear {clear: both;}
.h1 {height: 10px;}

#content h1, .slogan {color: #5A5A5A; text-shadow: #B1B1B1 1px 1px 1px;}
#content h1 {font-family: "Helvetica Condenced"; margin: 20px 0 0 0; font-size: 36px;}
.en #content h1 {font-size: 41px;}
.slogan {font-family: "Helvetica Condenced It"; text-align: right; font-size: 30px; margin: 0 0 20px 0; padding: 0 55px 0 0;}
#makeDisplay {width: 960px; height: 82px; background: url(/img/logos_brand_title.png) no-repeat left top;}

div#err-msg {text-align: left; font-weight: bold; padding: 2px; color: #FFFFFF; background-color: #62666F;}
div#err-msg ul {margin-top: 5px; margin-bottom: 2px;}
div#err-msg ul li {color: #FFFFFF;}
div#err-msg ul li a:link, div#err-msg ul li a:visited, div#err-msg ul li a:active, div#err-msg ul li a:hover, div#err-msg ul li a:focus {color: #FFFFFF; text-decoration: none;}

.field-err {border: 1px #FF0000 solid;}

.hidden {display: none;}


/* FOOTER */
#footer a:link, #footer a:visited {color: #000;}
#footer a:hover, #footer a:focus, #footer a:active {color: #333; text-decoration: u;}

#footerLegalText {margin: 20px 0;}
#footerLegalText p {margin: 0; font-size: 10px;}
#footerLegalText a {text-decoration: underline;}
#footerLegalLogo123 {margin: 0 0 10px 0;}
#footerLegalLogo123 p {margin: 0; padding: 0; font-size: 10px;}


/* POPUP */
div#dlr_couponBg {background-color: #000;}
#couponclosebtn {position: relative; width: 680px;}
#couponclosebtn a {position: absolute; top: -15px; right: -15px;}
div#couponMain {display: none; position: absolute; top: 0; left: 0; padding: 0; z-index: 100;
  _top: expression(eval(document.body.clientHeight ? document.body.scrollTop + 50 : document.documentElement.scrollTop + 50));
  _left: expression(eval(document.body.clientWidth ? ((document.body.clientWidth / 2) - 4) : ((document.documentElement.clientHeight / 2) - 339)));
}