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

h1 {font-size: 16px;}

.nobr {white-space: nowrap;}

sup {line-height: 0;}
hr {color: #7c7c7c; background-color: #7c7c7c; 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;}

a:link, a:visited {color: #fff; text-decoration: none;}
a:hover, a:focus, a:active {color: #fff; text-decoration: underline;}

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

table.plan {width: 700px;}
table.plan td {vertical-align: top;}
table.plan p {font-weight: bold; margin: 8px 2px 4px 4px;}
table.plan ul {margin: 0; padding: 0; list-style: none none outside;}
table.plan ul li {padding: 3px 5px 3px 15px;}

/* footer legal text */
div#footerLegalText {float: right; text-align: left; width: 780px; font-size: 10px;}
div#footerLegalText p {margin: 4px 0 3px 0; font-size: 9px; color: #666;}
div#footerLegalText p a {color: #666;}
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: 9px; color: #666;}
/* footer legal text */

.copyr {font-size: 10px; color: #ffffff;}
p.j {text-align: justify; width: 560px;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.uppercase,
.upper {text-transform: uppercase;}
.emph {font-weight:bold;}
.caption {font-size: 9px; color: #ffffff;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}

table#quotesMoto {width: 60%;}

table.tempSpecs tr.alt1 td {font-size: 12px; vertical-align: top; font-weight: bold; color: #ffffff; background-color: #9d9d9d;}
table.tempSpecs tr.alt2 td {font-size: 12px; vertical-align: top; font-weight: bold; color: #ffffff; background-color: #7c7c7c;}

div.header {background-color: #d10305; color: #ffffff; font-weight: bold; font-size: 13px; width: 100%; padding: 3px 0px; margin: 5px 0 1px 0;}
td.year {background-color: #9d9d9d; color: #ffffff; text-align: right; font-weight: bold; font-size: 13px; padding: 2px;}

table.model {border-collapse: collapse; margin: 0 0 10px 0;}
td.model {text-align: center; vertical-align: top; width: 115px; padding: 5px;}
p.model {color: #ffffff; font-weight: bold; font-size: 11px;}

a.text_menu:link, a.text_menu:visited {color: #ef0b0c; font-size: 80%; text-decoration: none;}
a.text_menu:active, a.text_menu:hover {color: #ef0b0c; font-size: 80%; text-decoration: underline;}

.norm {color: #ffffff;}
.title {font-size: 15px; font-weight: bold; color: #ffffff;}
.bigtitle {font-size: 17px; font-weight: bold; color: #ffffff;}
.form {font-size: 11px; color: #ffffff;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.header { background-color: #d10305; color: #ffffff; font-weight: bold; }
.menutitle {font-size: 13px; font-weight: bold; color: #ffffff; background-color: #d10305;}
.menubigtitle {font-size: 19px; font-weight: bold; color: #ffffff; background-color: #d10305;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #ffffff; background-color: #d10305;}
.alt1 {font-weight: bold; color: #ffffff; background-color: #9d9d9d;}
.alt2 {font-weight: bold; color: #ffffff; background-color: #7c7c7c;}
.menu {color: #ffffff; background-color: #7c7c7c;}

.dpt {font-size: 10px; color:#ffffff;}
.dp {font-size: 9px; color:#ffffff; font-weight: bold;}
.dps {color:#ffffff;}
.dpw {color:#ffffff; font-weight: bold;}
.dpwnb {font-size: 10px; color:#ffffff;}
.dpwnb1 {font-size: 10px; color:#ffffff; line-height: 115%;}
.dpb{font-size: 13px; color: #d10305; font-weight: bold;}
.dpbw {font-size: 13.5px; 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: #d10305;}
.results-body {font-size: 10px; color: #ffffff; background-color: #9d9d9d; }

TABLE.Specs              { border-spacing: 1px; margin: 0px; padding: 0px; }
TABLE.Specs TR.alt1      { background-color: #9d9d9d; }
TABLE.Specs TR.alt2      { background-color: #7c7c7c; }
TABLE.Specs TD.H1        { font-size: 18px; font-weight: bold; padding: 2px; }
TABLE.Specs TD.title     { font-size: 19px; font-weight: bold; }
TABLE.Specs TD.header    { background-color: #d10305; color: #ffffff; font-weight: bold; border-top: 1px outset #ffffff; border-bottom: 1px outset #ffffff; }
TABLE.Specs TD.subheader { background-color: #7c7c7c; 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-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: 15px; color:#ffffff; font-weight: bold; background-color: #d10305;}
TABLE.au TD.norm         {font-size: 12px; color:#ffffff; background-color: #7c7c7c;}

/* Layout */
#wrapper {width: 980px; height: 100%; margin: 0 auto;}
#sideBar {width: 200px; vertical-align: top;}
#content {width: 780px; height: 100%; vertical-align: top; background-color: #2e2e2e;}
#footer {text-align: center; vertical-align: top; padding: 20px 20px 10px 20px;}

/* Typo */
.titleMB {margin: 0; padding: 10px 0 5px 10px ; color: #ef0b0c; font-size: 18px; text-align: left; font-style: italic;}
.titleMB span {color: #a0a0a0;}

/* Link'zzz'zz'z */
/* General */
#inner a:link, #inner a:visited {color: #ef0b0c; text-decoration: none;}
#inner a:hover, #inner a:focus, #inner a:active {color: #ef0b0c; text-decoration: underline;}
/* Model */
#inner .model a:link, #inner .model a:visited {color: #ccc; text-decoration: none;}
#inner .model a:hover, #inner .model a:focus, #inner .model a:active {color: #ccc; text-decoration: underline;}
/* Listing */
#listingUsed a:link, #listingUsed a:visited {color: #000; text-decoration: none;}
#listingUsed a:hover, #listingUsed a:focus, #listingUsed a:active {color: #000; text-decoration: underline;}


/* MainLogo */
#mainLogo {position: relative; height: 134px; z-index: 9999;}
#mainLogo a {position: absolute; left: -15px;}

/* SideBar */
#sideBar {background-color: #393939;}

/* Top */
#topBlk {position: relative; width: 232px; height: 221px; background: url(/img/fr/menu_top_07.jpg) no-repeat;}
#topBlk dl {margin: 0; padding: 0;}
#topBlk dt {text-indent: -9999px;}
#topBlk dd {margin: 0 0 0 28px; padding: 4px 0 0 12px; background: url(/img/fr/bullet.gif) no-repeat left 8px;}
#topBlk #sideInfo {position: absolute; top: 130px; left: 28px; border-top: 1px dotted #fff;}
#topBlk #sideInfo p {padding: 0 0 0 12px; color: #fff; background: url(/img/fr/bullet.gif) no-repeat left 4px;}

/* Bottom */
#bottomBlk {background: url(/img/fr/bg_quickmenu.jpg) no-repeat;}
#bottomBlk dl {margin: 0; padding: 23px 0 0 0;}
#bottomBlk dt {margin: 0 0 0 28px; padding: 4px 0 5px 12px; background: url(/img/fr/bullet.gif) no-repeat left 8px; font-weight: bold;}
#bottomBlk dd {position: relative; padding: 2px 0; width: 150px;}
#bottomBlk dd span {position: absolute; left: 90px;}
#bottomBlk p {padding: 0 0 0 25px; margin: 5px 0 0 0;}
#bottomBlk .btn {margin: 30px 0 20px 26px;}

/* TopMenu */
#topMenu {height: 64px; margin: 0 0 0 46px; padding: 0;}
#topMenu li {list-style-type: none; float: left;}

/* Slider */
#slide {width: 748px; height: 244px; position: relative;}
#slide .slide {position: absolute; top: 0; left: 0; z-index: 8888;}

/* Heading */
#heading {width: 748px; height: 47px; text-align: left; font-style: italic; background: url(/img/fr/header.jpg) no-repeat;}
#heading h1 {margin: 0; padding: 0 0 0 20px; line-height: 47px; color: #545351; font-size: 14px;}

/* Content */
#inner {padding: 27px 14px; background: url(/img/fr/bg_content.jpg) no-repeat;}

#type {height: 205px; margin-bottom: 20px; background-color: #2e2e2e;}
#type ul {height: 173px; margin: 0; padding: 0; background-color: #252324;}
#type ul li {position: relative; float: left; height: 173px; background-repeat: no-repeat; list-style-type: none; cursor: pointer;}

/* Catégories */
#type ul li.utilitaire {width: 194px; background-image: url(/img/fr/new_inv_01.jpg);}
#type ul li.vtt {width: 182px; background-image: url(/img/fr/new_inv_02.jpg);}
#type ul li.motoneige {width: 182px; background-image: url(/img/fr/new_inv_03.jpg);}
#type ul li.scooter {width: 160px; background-image: url(/img/fr/new_inv_04.jpg);}

/* Sans menu */
#type ul li a.big {position: absolute; left: 0; top: 0; display: block; height:173px; text-indent: -9999px; overflow: hidden;}
#type ul li.utilitaire a.big {width: 194px;}
#type ul li.motoneige a.big {width: 182px;}
#type ul li.scooter a.big {width: 130px;}

/* Avec menu */
#type ul li ul.bubble {position: absolute; z-index: 9999; top: 140px; left: 50px; display: none; width: 325px; height: 149px; background: url(/img/fr/new_inv_bubble.png) no-repeat; cursor: default;}
#type ul li ul.bubble li {padding-top: 65px; line-height: 60px;}
#type ul li ul.bubble li a {padding-left: 25px;}

/* Plan */
#inner .plan .indent {padding-left: 12px;}
#inner .plan a:hover, #inner .plan a:focus, #inner .plan a:active, #inner .plan a:link, #inner .plan a:visited {color: #fff;}
#inner .plan p {margin-top: 10px;}

/* Fix */
#detailsNew .dpt {color: #fff;}
#detailsUsed .dpt {color: #fff;}
*.dpt {color: #000;}
.addmargin {margin-bottom: 30px;}
div#dlrsautolist .dlrsautolistText a:hover, div#dlrsautolist .dlrsautolistText a:focus, div#dlrsautolist .dlrsautolistText a:active {text-decoration: underline;}

/* Home Promos */
#homePromos {float: left; background: url(/img/fr/home_inhouse_promo.jpg) no-repeat 0 0; width: 391px; height: 336px; margin-right: 10px;}
div#homepromosFlash {width: 320px; height: 240px; margin: 15px 0 0 25px; padding: 0;}
#homepromosContent {overflow: hidden; width: 370px; height: 235px; margin: 55px 10px 0 10px; text-align:center;}
.ie div#homepromosFlash {margin: 15px 0 0 0;}