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

h1 {font-size: 18px;}
h2 {font-size: 16px;}
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 {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover, a:focus, a:active {color: #000000; text-decoration: none;}
a:hover { text-decoration: underline; }

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


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

.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: #0089D1; 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: #0089D1;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #0089D1;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #0089D1;}
.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: #0089D1; 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: #0089D1;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF; }


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


table.stjeanWrapper { margin: 0 auto; height: 100%; width: 980px; }

table.stjeanWrapper div.leftSideNav { float: left; height: 221px; width: 232px; background: url(/img/fr/menutop_09.jpg) top left no-repeat; }
table.stjeanWrapper div.leftSideNav h2 { margin: 10px 0 0 12px; font: bold 10px Verdana; text-transform: uppercase; }
table.stjeanWrapper div.leftSideNav ul { margin: 0 0 10px 20px; padding: 0; list-style-type: none; }
table.stjeanWrapper div.leftSideNav ul li { margin: 3px 0; padding: 0; }
table.stjeanWrapper div.leftSideNav a { color: #000; }

table.stjeanWrapper div.topHeader { float: right; }

table.stjeanWrapper div.subHeaderHome { float: left; height: 46px; width: 748px; background: url(/img/fr/header_homepage.jpg) top left no-repeat; color: #142F4A; }
table.stjeanWrapper div.subHeaderHome h1 { float: left; margin: 0; padding: 0 0 0 10px; width: 330px; font: bold 12px Verdana; line-height: 46px; text-transform: uppercase; }
table.stjeanWrapper div.subHeaderHome h1.twoRow { line-height: 22px; }
table.stjeanWrapper div.subHeaderHome p { float: right; margin: 0; padding: 0 5px; width: 320px; color: #142F4A; font-size: 11px; text-align: right; }
table.stjeanWrapper div.subHeaderHome span.address { float: right; margin: 5px 0; color: #0089CF; font-weight: bold; }

table.stjeanWrapper div.subHeaderNewUsed { float: left; height: 46px; width: 748px; background: url(/img/fr/header_new_used.jpg) top left no-repeat; color: #142F4A; }
table.stjeanWrapper div.subHeaderNewUsed h1 { float: left; margin: 0; padding: 0 0 0 10px; width: 330px; font: bold 12px Verdana; line-height: 46px; text-transform: uppercase; }
table.stjeanWrapper div.subHeaderNewUsed h1.twoRow { line-height: 22px; }
table.stjeanWrapper div.subHeaderNewUsed p { float: right; margin: 0; padding: 0 5px; width: 320px; color: #142F4A; font-size: 11px; text-align: right; }
table.stjeanWrapper div.subHeaderNewUsed span.address { float: right; margin: 5px 0; color: #0089CF; font-weight: bold; }

table.stjeanWrapper div.subHeader { float: left; height: 46px; width: 748px; background: url(/img/fr/header.jpg) top left no-repeat; color: #142F4A; }
table.stjeanWrapper div.subHeader h1 { float: left; margin: 0; padding: 0 0 0 10px; width: 330px; font: bold 12px Verdana; line-height: 46px; text-transform: uppercase; }
table.stjeanWrapper div.subHeader h1.twoRow { line-height: 22px; }
table.stjeanWrapper div.subHeader p { float: right; margin: 0; padding: 0 5px; width: 320px; color: #142F4A; font-size: 11px; text-align: right; }
table.stjeanWrapper div.subHeader span.address { float: right; margin: 5px 0; color: #0089CF; font-weight: bold; }

table.stjeanWrapper td.subLeftnav { padding: 0; width: 230px; background-color: #E4F1F9; vertical-align: top; }
table.stjeanWrapper td.subLeftnav h2 { margin: 5px 0 0 0; padding: 0 0 0 10px; font: bold 11px Verdana; }
table.stjeanWrapper td.subLeftnav ul { margin: 0; padding: 0 0 10px 10px; list-style-type: none; }
table.stjeanWrapper td.subLeftnav ul li { margin: 3px 0; }
table.stjeanWrapper td.subLeftnav ul li span { float: left; width: 70px; }

table.stjeanWrapper td.stjeanContent { padding: 10px 10px 10px 20px; width: 730px; }
table.stjeanWrapper td.stjeanContentHome { padding: 0; width: 750px; }
table.stjeanWrapper td.stjeanContentPromos { padding: 10px 0; width: 743px; }

table.stjeanWrapper td.formatText { padding: 15px 5px 0 10px; }
table.stjeanWrapper td.formatText p { width: 495px; text-align: justify; }

table.stjeanWrapper div.buttons p { float: left; margin: 0 2px; padding: 25px 10px 25px 85px; width: 145px; background: url(/img/fr/bt_gauche.jpg) top left no-repeat; text-transform: uppercase; }
table.stjeanWrapper div.buttons p.service { background: url(/img/fr/bt_demande_service.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.contact { background: url(/img/fr/bt_shopping_contact.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.brochure { background: url(/img/fr/bt_request_brochure.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.parts { background: url(/img/fr/bt_request_parts.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.roadtest { background: url(/img/fr/bt_request_demande.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.quote { background: url(/img/fr/bt_demande_quote.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.programs { background: url(/img/fr/bt_demande_program.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.shopping { background: url(/img/fr/bt_shopping_offer.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.compare { padding: 18px 10px 32px 95px; width: 135px; background: url(/img/fr/bt_compare.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.build { background: url(/img/fr/bt_shopping_build.jpg) top left no-repeat; }
table.stjeanWrapper div.buttons p.high { padding: 18px 10px 20px 85px; }
table.stjeanWrapper div.buttons p a { display: block; width: 140px; color: #000; font: bold 10px Verdana; }

table.stjeanWrapper div.buttons.specials p { float: left; margin: 0 2px; padding: 15px 10px 18px 15px; width: 210px; }
table.stjeanWrapper div.buttons.specials p a { width: 195px; }

table.stjeanWrapper p.photoBtn { float: right; padding: 10px 0 15px 5px; width: 320px; background: url(/img/fr/img_gallerie_photos.jpg) top left no-repeat; }
table.stjeanWrapper p.photoBtn a { float: left; padding: 5px 0 0 5px; width: 150px; color: #000; font: bold 10px Verdana; text-align: center; text-transform: uppercase; }
table.stjeanWrapper p.photoBtn a.first { padding: 0 5px 0 0; border-right: 1px solid #000; }
table.stjeanWrapper p.photoBtn a.second { padding: 0 5px 0 0; border: none; }

table.stjeanWrapper div#gallery { float: left; margin: 1px 0 0 0; width: 700px; }
table.stjeanWrapper div#gallery div { float: left; border: 1px solid #fff; }

table.stjeanWrapper div.homePromo { height: 346px; width: 232px; background: url(/img/fr/img_homepage_03.jpg) bottom left no-repeat; }
table.stjeanWrapper div.homePromo div.content { margin: 0; padding: 40px 5px 10px 5px; height: 264px; width: 220px; }
table.stjeanWrapper div.homePromo div.content p { text-align: center; }
table.stjeanWrapper div.homePromo div.content p.title { margin: 15px 0 10px 0; font: bold 16px Verdana; }
table.stjeanWrapper div.homePromo div.content p a { color: #000; }

table.stjeanWrapper table#sitemap { width: 730px; }
table.stjeanWrapper table#sitemap td { background-color: #eee; }
table.stjeanWrapper table#sitemap ul { padding: 0 0 0 12px; list-style-type: none; }
table.stjeanWrapper table#sitemap ul li { padding: 0; border: none; }

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

table.stjeanWrapper table.tdpadding td { padding: 3px 10px; }

table.stjeanWrapper td#footer { padding: 40px 10px 0 10px; height: 100%; text-align: center; vertical-align: bottom; }
table.stjeanWrapper td#footer a { color: #000; }

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