





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

h1 {font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: left; width: 741px; height: 26px; margin: 0; padding: 5px 10px 0 10px; background: url(/img/fr/header.jpg) -1px 0 repeat-x;}
h2 {font-size: 16px; margin: 20px 0 5px 0; padding: 0;}
h3 {font-size: 14px;}

.nobr {white-space: nowrap;}

.ul {margin-bottom: 2px; margin-left: 90px; margin-right: 90px; font-weight: bold; text-align: left;}
.li {margin-top: 2px; margin-bottom: 7px; margin-left: 110px; margin-right: 110px; font-style: italic; line-height: 105%; text-align: left;}

.ul2 {margin-bottom: 4px; margin-left: 0px; margin-right: 0px; font-weight: bold;  text-align: left;}
.li2 {margin-top: 2px; margin-bottom: 7px; margin-left: 10px; margin-right: 10px; font-style: italic; line-height: 105%; text-align: left;}

.j {text-align: justify; width: 90%;}

a:link, a:visited {color: #008AC8; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {color: #008AC8; font-weight: bold; text-decoration: underline;}

a.special:link, a.special:visited {color: #000000; font-weight: normal; text-decoration: none;}
a.special:hover, a.special:focus, a.special:active {color: #000000; font-weight: normal; text-decoration: underline;}

td#topTel {background: url(/img/fr/menutop_08_bg.gif) 0 0 #FFF no-repeat; width: 699px; height: 31px; margin: 0; padding: 0;}
td#topTel p.text {float: right; text-align: right; font-weight: bold; margin: 0; padding: 0 40px 13px 0; color:#0089CF;}
td#topTel p.tel {float: right; text-align: right; font-weight: bold; font-size: 18px; color: #FFF; margin: 0; padding: 0 32px 0 0;}

ul#quickinline a:link, ul#quickinline a:visited {color: #FFF; font-weight: normal; text-decoration: none;}
ul#quickinline a:hover, ul#quickinline a:focus, ul#quickinline a:active {color: #FFF; font-weight: normal; text-decoration: underline;}

ul#quickmenu a:link, ul#quickmenu a:visited {color: #FFF; font-weight: bold; text-decoration: none;}
ul#quickmenu a:hover, ul#quickmenu a:focus, ul#quickmenu a:active {color: #FFF; font-weight: bold; text-decoration: underline;}

ul#quickmodels a:link, ul#quickmodels a:visited {color: #FFF; font-weight: normal; text-decoration: none;}
ul#quickmodels a:hover, ul#quickmodels a:focus, ul#quickmodels a:active {color: #FFF; font-weight: normal; text-decoration: underline;}

table.specs a:link, table.specs a:visited {color: #000000; font-weight: bold; text-decoration: none;}
table.specs a:hover, table.specs a:focus, table.specs a:active {color: #000000; font-weight: bold; text-decoration: underline;}

table#sitemap a:link, table#sitemap a:visited {color: #000000; font-weight: normal; text-decoration: none;}
table#sitemap a:hover, table#sitemap a:focus, table#sitemap a:active{color: #000000; font-weight: normal; text-decoration: underline;}

div.footerlinks a:link, div.footerlinks a:visited {color: #000000; font-weight: normal; text-decoration: none;}
div.footerlinks a:hover, div.footerlinks a:focus, div.footerlinks a:active {color: #000000; font-weight: normal; text-decoration: underline;}

a img {border: none;}

.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, .copyr ul li {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: #008AC8; color: #FFFFFF; font-weight: bold; }
.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #008AC8;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #008AC8;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #008AC8;}
.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {font-size: 11px; color: #000000; background-color: #DEDEDE;}

.emph {font-weight:bold;}
.caption {font: 9px Arial; color: #000000;}
.justify {text-align: justify;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
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: #008AC8; 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: #008AC8;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF; }


TABLE.Specs              { border-spacing: 1px; margin: 0px; padding: 0px; }
div#usedlisting TABLE.Specs {width: 630px;}
TABLE.Specs TR.alt1      { background-color: #EFEFEF; }
TABLE.Specs TR.alt2      { background-color: #DEDEDE; }
TABLE.Specs TD.H1        { font-size: 18px; font-weight: bold; font-family: arial,sans-serif; padding: 2px; }
TABLE.Specs TD.title     { font-size: 18px; font-weight: bold; font-family: arial,sans-serif; }
TABLE.Specs TD.header    { background-color: #008AC8; color: #FFFFFF; font-weight: bold; border-top: 1px outset #FFFFFF; border-bottom: 1px outset #FFFFFF; }
TABLE.Specs TD.subheader { background-color: #DEDEDE; color: #000000; font-weight: bold; }
TABLE.Specs TD.elemTitle { font-weight: bold; }
TABLE.Specs TD.command   { background-color: #f7f7f7; border: 1px outset #333366; padding: 4px; }
TABLE.Specs A.selection  { font-family: arial,verdana,helvetica,sans-serif; font-size: 10px; font-weight: bold; padding: 2px; }
TABLE.Specs .dps         { font-size: 10px; }
TABLE.Specs .dpt         { font-size: 9px; }

TABLE.au TD.title        {font-size: 14px; color:#FFFFFF; font-weight: bold; background-color: #008AC8;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #DEDEDE;}

td#footer {text-align: center; vertical-align: bottom; padding: 40px 10px 10px 10px;}
div.footerlinks {font-size: 9px;}

table.tdpadding tr td {padding: 2px 20px;}

ul#quickinline {margin: 0; padding: 8px 0 0 21px; width: 181px; height: 22px; background: #000 url(/img/fr/menuleft_02.gif) 0 0 no-repeat;}
ul#quickinline li {margin: 0; padding: 0 7px; list-style-type: none; display: inline; border-right: 1px #008AC8 solid;}
ul#quickinline li.first {padding-left: 0;}
ul#quickinline li.last {padding-right: 0; border: none;}

ul#quickmenu {margin: 0; padding: 5px 25px 7px 21px; width: 156px; background: #00486E url(/img/fr/menuleft_03.gif) 0 0 repeat-y;}
ul#quickmenu li {margin: 0; padding: 3px 0; list-style-type: none;}
ul#quickmenu li.special {margin: 3px -17px -7px -18px; padding: 5px 17px 7px 18px; background-color: #298713;}

div.sidebtn {margin: 0 auto; padding-top: 10px; text-align: center;}

ul#quickmodels {margin: 0 0 10px 0; padding: 0 0 0 21px;}
ul#quickmodels li {margin: 0; padding: 2px 0; list-style-type: none;}

ul.ulinline {margin: 0; padding: 0;}
ul.ulinline li {margin: 0; padding: 0 10px; list-style-type: none; display: inline; border-right: 1px #989898 solid;}
ul.ulinline li.first {padding-left: 0;}
ul.ulinline li.last {padding-right: 0; border: none;}

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

td#header {height: 87px;}
div#headerContent {position: relative; height: 87px;}

div#mainlogo {position: absolute; top: 0; left: 0;}

ul#mainnav {position: absolute; top: 0; right: 0;}
ul#mainnav li {margin: 0;}

ul#subnav {}
ul#subnav li {margin: 0;}

div#headerinfos {position: absolute; bottom: 0; right: 0; width: 765px; height: 46px; background: url(/img/2010/fr/menu_top_08.jpg) top right no-repeat;}
div#headerinfos p#headerinfosPhone {position: absolute; top: 0; right: 15px; line-height: 46px; color: #FEFFFD; margin: 0; padding: 0;}
div#headerinfos p#headerinfosPhone span {font-size: 20px; font-weight: normal;}

table.newcarsinv {width: 761px;}
table.newcarsinv td {text-align: center; vertical-align: top;}
table.newcarsinv tr.newcarsinv-imgs td {padding-top: 20px;}
table.newcarsinv tr.newcarsinv-text td {text-align: center;}
table.newcarsinv tr.newcarsinv-text td ul {margin: 0; padding: 0 0 0 60px; text-align: left;}
table.newcarsinv tr.newcarsinv-text td ul li {margin: 0; padding; 0; list-style-type: none;}

/*
div#gallery-big {background-color: #FFF; border: 10px #EFEFEF solid;}
div#gallery-big div#modelSWF {width: 720px; background-color: #EFEFEF;}
*/
div#modelSWF {width: 740px; padding: 20px 0; background-color: #EFEFEF;}
div#gallery {width: 740px; height: 75px; margin: 0 auto;}
div#gallery div {float: left; margin: 3px 2px 0 1px; padding: 2px; border: 1px #D6D6D6 solid;}
div#gallery div img {display: block;}

table#contactinfo {width: 220px; margin: 20px auto; background-color: #FFFFFF; border: 1px #DEDEDE solid;}
table#contactinfo tr td {padding: 2px 5px;}

td.businesshours {width: 290px; text-align: center; vertical-align: top; padding: 50px 0 0 0; background: url(/img/fr/img_horaire.jpg) 0 0 repeat-x;}
td.businesshours table {margin: 0 auto;}
td.businesshours table td {padding: 5px 10px; font-weight: bold;}
td.businesshours-short {padding-top: 35px;}
td.businesshours-short table td {padding: 2px 10px;}
td.businesshours-en {background: url(/img/en/img_horaire.jpg) 0 0 repeat-x;}

table#sitemap {width: 759px; margin: 0 auto;}
table#sitemap tr td {padding: 5px 10px; width: 33%; vertical-align: top; background-color: #EFEFEF;}
table#sitemap ul {margin: 0; padding: 0;}
table#sitemap ul li {margin: 0; padding: 0; list-style-type: none;}
table#sitemap ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li {font-style: italic; padding: 3px 0;}
table#sitemap ul li ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li ul li {font-style: normal; padding: 3px 0;}

table#sitemap ul.ulinline {margin: 0; padding: 0;}
table#sitemap ul.ulinline li {display: inline; padding: 0 10px; border-right: 1px #989898 solid; color: #000000;}
table#sitemap ul.ulinline li.first {padding: 0 10px 0 0;}
table#sitemap ul.ulinline li.last {padding: 0 0 0 10px; border: none;}

ul#teamList {list-style-type: none; width: 762px; padding: 20px 0 0 0; margin:0;}
ul#teamList li {float: left; padding: 0 30px 30px 0; display: block; height: 276px;}
ul#teamList li.first {padding-left: 95px;}
ul#teamList li.last {padding: 0 0 30px 0;}

div#mazdaXtraLogo {position: absolute; top: 130px; left: 0;}

.picBorder {border: 1px black solid;}

div#dlr_couponBg {background-color: #000;}
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 p {margin: 0; padding: 0;}

div#couponMain p a:link, div#couponMain p a:visited {color: #fff; font-weight: bold; text-decoration: none;}
div#couponMain p a:hover, div#couponMain p a:focus, div#couponMain p a:active {color: #fff; font-weight: bold; text-decoration: underline;}

table#rebateCoupon td {color: #fff; font-weight: bold;}

#innerrebateCoupon tr td {padding: 0 0 5px 0;}

.couponfield-ok {border: 2px solid #ccc;}
.couponfield-err {border: 2px solid #FFBA00;}


div#errorMessage {text-align: left; color: #000; font-weight: bold; background-color: #FFBA00; padding: 10px; display: none; width: 229px;}
div#errorMessage a {color: #fff; font-weight: bold;}
div#errorMessage p {color: #fff; font-weight: bold;}

/*POPUP*/
#innerrebateCoupon tr.submitPopupBtn{position:absolute; bottom:-4px; right:-120px;}
#innerrebateCoupon tr.submitPopupBtnEn{position:absolute; bottom:-5px; right:-100px;}
div.popupClose img{position:absolute; right:-6px; top:-8px; z-index:999;}
div.confCoupon{position: relative; width: 686px; height: 394px;}
td.confCouponInfo{border: 2px dotted #676566; padding: 6px; text-align: right; position: absolute; left:315px; top:175px; background-color: white;}
td.confCouponInfoEn{border: 2px dotted #676566; padding: 6px; text-align: right; position: absolute; left:315px; top:175px; background-color: white;}
.ie td.confCouponInfo, .ie td.confCouponInfoEn{position: absolute; left: 390px; top: 175px;}
div.couponDisclaimer {width: 350px; position: absolute; bottom: 0px; right: 70px; color: white; font-size: 10px;}


