/* -------------------------------------------------------------------- GENERAL STYLE START */

div, h1, h2, p, form, label, input, textarea, img, span{
  margin: 0;
  padding: 0;
}

ul{
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.spacer{
  clear: both;
  font-size: 0;
  line-height: 0;
}

img {
    border: 0 none;
}

a{
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

a img:hover{
  opacity:0.60;
  filter:alpha(opacity=60);
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;  
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000; 
}

/* -------------------------------------------------------------------- GENERAL STYLE END */






.txtIntro{
  font: normal 12px/19px Arial, Helvetica, sans-serif;
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}



p.logoHT h1{
  left: 165px;
  text-align: left;
  top: 235px;
  z-index: 99;
}

td.contact{
  background: #fff;
  border: #E41937 solid 1px;
  width: 250px;
}


/* -------------------------------------------------------------- BODY START */
body{
  background: #fff url(/w/Files/dealers/sj/fr/images/background.jpg) repeat-x;
  color: #000;
  margin: 0;
}

#body{
  background: #fff;
  margin: 0 auto;
  padding: 13px 2px 13px 2px;
  width: 976px;
}

#bodyBottom{
  background: #fff;
  border: silver solid 0px;
  color: #000;
  margin: 0 auto;
  padding: 0;
  width: 980px;
  height: 600px;
}

#bodyBottomBox{
  background: #fff;
  border: silver solid 4px;
  color: #000;
  margin: 0 auto;
  padding: 10px;
  width: 935px;
  margin: auto;
}
/* -------------------------------------------------------------- BODY END */

/* --------------------------------------------------------------------------------- HEADER START */
#header{
  background: url(/w/Files/dealers/sj/fr/images/header-1.jpg) 0 0 no-repeat #8099d6;
  height: 310px;
  margin: 0 auto;
  position: relative;
  width: 980px;
  z-index: 90;
}

#header img.btnCred{
  border: 0px;
  height: 66px;
  left: 30px;
  position: absolute;
  top: 190px;
  width: 206px;
}

#header img.btnPromo{
  border: 0px;
  height: 66px;
  left: 265px;
  position: absolute;
  top: 190px;
  width: 206px;
}

#header img.icon{
  height: 80px;
  left: 60px;
  position: absolute;
  top: 190px;
  width: 174px;
}

#header img.logo{
  height: 72px;
  left: 40px;
  position: absolute;
  top: 98px;
  width: 249px;
}

#header p{
  background: inherit;
  color: #fff;
  font: normal 12px/19px Arial, Helvetica, sans-serif;
  left: 411px;
  position: absolute;
  top: 142px;
}

#header p.topAdd {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin-left: -375px;
    text-align: left;
    top: 135px;
}

#header p.topLang {
    background: url("/w/Files/dealers/sj/fr/images/language.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    float: left;
    font: 11px Arial,Helvetica,sans-serif;
    left: 830px;
    padding-left: 20px;
    top: 4px;
}

#header p.topPlan{
  background: url(/w/Files/dealers/sj/fr/images/sitemap-icon.png) center left no-repeat;
  color: #fff;
  padding-left:20px;
  font: normal 11px Arial, Helvetica, sans-serif;
  left: 890px;
  top: 4px;
}

#header p.topPlan a, p.topLang a{
  color: #fff;
  text-decoration: none;
}
#header p.topText{
  background: transparent;
  color: #fff;
  font: normal 18px Arial, Helvetica, sans-serif;
  font-weight: bold;
  left: 500px;
  text-align: right;
  top: 200px;
}

#header p.topText span.tel{
  color: #fff;
  font: normal 18px Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#header p.topPlan a:hover, p.topLang a:hover{
  color: #fff;
  text-decoration: underline;
}

/* --------------------------------------------------------------------------------- HEADER END */


/* -------------------------------------------------------------- DEMANDES EN LIGNE START */
#askBody{
  height: 910px;
  width: 980px;
}

#askRight{
  color: #000;
  font: normal 12px/22px Arial, Helvetica, sans-serif;
}

#askRight a.brochureOver{
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.brochureOver span,#askRight a.prixOver span,#askRight a.essaiOver span,#askRight a.contactOver span,#askRight a.serviceOver span,#askRight a.piecesOver span{
  display: none;
}

#askRight a.contactOver{
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.essaiOver{
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.piecesOver{
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.prixOver{
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.serviceOver{
  display: block;
  height: 87px;
  width: 226px;
}

/* -------------------------------------------------------------- DEMANDES EN LIGNE END */







/* ---------------------------------------------------------------------------------- MENU START */
#jsddm{
  background: url(/w/Files/dealers/sj/fr/images/menu_bg.jpg) repeat-x #001786;
  height: 40px;
  left: 0px;
  padding: 0;
  position: absolute;
  top: 272px;
  width: 980px;
  z-index: 99;
}

#jsddm a.clsArrow{
  background: url(/w/Files/dealers/sj/fr/images/arrow.gif) 0 2px no-repeat;
  color: transparent;
}

#jsddm li{
  float: left;
  list-style: none;
}

#jsddm li a{
  background: inherit;
  color: #fff;
  display: block;
  font: bold 11px/40px Arial, Helvetica, sans-serif;
  padding: 0 0px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 140px;
  z-index: 90;
}

#jsddm li ul{
  background: #E41937;
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  width: 225px;
  z-index: 90;
}

#jsddm li ul li{
  display: inline;
  float: none;
}

#jsddm li ul li a{
  background: #134393;
  border-bottom: #134393 solid 1px;
  border-top: #134393 solid 1px;
  color: #fff;
  font: bold 11px/20px Arial, Helvetica, sans-serif;
  height: 20px;
  padding-left: 10px;
  text-align: left;
  width: auto;
}

#jsddm.clear{
  clear: both;
  height: 0;
  overflow: hidden;
}

#jsddm.hrMenu{
  background: #fff;
  border: 0;
  color: #fff;
  display: block;
  height: 1px;
}

/* ---------------------------------------------------------------------------------- MENU END */




/* ---------------------------------------------------------------------------------- BTN ACCUEIL START */

#left{
  float: left;
  width: 357px;
  margin-left:10px;
  margin-top:5px;
}

#left1{
    border: #145095 solid 3px;
  cursor: hand;
  height: 118px;
  width: 346px;
}

#left2{
    border: #145095 solid 3px;
  cursor: hand;
  height: 118px;
  width: 346px;
  margin-top:2px;
}

#left3{ 
  border: #145095 solid 3px;
  cursor: hand;
  height: 118px;
  width: 346px;
  margin-top:2px;
}

/* ---------------------------------------------------------------------------------- BTN ACCUEIL END */



/* ----------------------------------------------------------------------- SLIDESHOW START */
#right{
  float:right;
  width:605px;
  margin-top:5px;
}


#slideshow{
  height: 400px;
  position: relative;
}

#slideshow a{
  text-decoration: none;
}

#slideshow div{
  background: #FFF;
  height: 400px;
  left: 0;
  opacity: 0.0;
  position: absolute;
  top: 0;
  z-index: 8;
}

#slideshow div img{
  border: #145095 dotted 5px;
  display: block;
  height: 366px;
  margin-bottom: 10px;
  width: 590px;
  z-index: 7;
}

#slideshow div img:hover{
  opacity:1;
  filter:alpha(opacity=100);
}

#slideshow div.active{
  opacity: 1.0;
  z-index: 10;
}

#slideshow div.last-active{
  z-index: 9;
}

#slideshow p.txtCond{
  bottom: 35px;
  color: #fff;
  font: normal 10px arial, helvetica, clean, sans-serif;
  margin-left: 8px;
  margin-right: 8px;
  position: absolute;
  text-align: justify;
  width: 583px;
}

#slideshow p.txtDesc{
  color: #fff;
  font: normal 13px arial, helvetica, clean, sans-serif;
  text-align: center;
  background:#000;
  opacity:0.65;
  filter:alpha(opacity=65);
  margin: 0 5px;
  padding-bottom:5px;
}

#slideshow p.txtTitle{
  color: #fff;
  font: bold 22px arial, helvetica, clean, sans-serif;
  margin: -381px 5px 0 5px;
  text-align: center;
  background:#000;
  opacity:0.65;
  filter:alpha(opacity=65);
}

/* ----------------------------------------------------------------------- SLIDESHOW END */

#news{
  float: left;
  width: 440px;
}

#news h2{
  background: inherit;
  color: #000;
  display: block;
  font: bold 18px/16px Arial, Helvetica, sans-serif;
  margin: 0 0 17px 0;
  padding: 0 0 0 0px;
}

#news p{
  background: inherit;
  color: #000;
  padding: 0 0 0 0;
  text-align: justify;
  margin-top:30px;
}

#news p span{
  background: inherit;
  color: #2C2C1B;
  display: block;
  font: bold 12px/20px Arial, Helvetica, sans-serif;
}



#service{
  float: left;
  width: 940px;
}

#service.HTBat{
  border: #000 solid 0px;
}

#service img{
  margin-left: 20px;
  margin-top: 10px;
}






#call2action p.call2actionDet a:hover{
  color: #1A5157;
  text-decoration: underline;
}



#jsddm li a:hover,#jsddm li a.hover{
  background: #00B0FC;
}

#jsddm li ul li a:hover{
  background: #00B0FC;
  border-bottom: #fff solid 1px;
  border-top: #fff solid 1px;
  color: #fff;
}



/* ---------------------------------------------------------------------- FOOTER START */
#footer {
	background-color:#fff;
    color: #666666;
    font: 11px/18px Arial,Helvetica,verdana,sans-serif;
    margin: auto;
    padding: 30px 0 10px;
    text-align: center;
    width: 980px;
}


#footer p{
   color: #666666;
    font: 11px/18px Arial,Helvetica,verdana,sans-serif;
}

#footer a{
   color:#666;
   font:normal 11px/18px Arial, Helvetica, verdana, sans-serif;
   text-decoration:none;
}

#footer a:hover{
  text-decoration:underline;
}

#footer .FooterMenu ul li{
  display: inline;
  padding:0 3px;
}

.FooterLinks {
    font: 10px Arial,Helvetica,verdana,sans-serif;
    margin: auto;
    width: 815px;
}

.FooterLegal{
	font:normal 10px Arial, Helvetica, verdana, sans-serif;
}

.FooterLegal a{

}

#footer img{
	border:0;
}

/* ---------------------------------------------------------------------- FOOTER END */

/* ************************** Start::autoComm ************************** */
#TB_window{
    background-image: url(backg.png);
    background-position: center top;
    background-repeat: repeat;
    color: #656565;
    text-shadow: 0 1px 1px #FFFFFF;
    font-weight: bold!important;
    height: 455px !important;
    top: 35%!important;
    border: 3px solid #777777;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;            
}
#TB_ajaxContent{
	height: 401px !important;
}

#TB_ajaxContent textarea.fullsize, #TB_ajaxContent input.fullsize {
    margin-top: 5px;
    width: 99%;
    height:25px!important;
    font-size:14px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;    
}

#TB_ajaxContent textarea.normalsize, #TB_ajaxContent input.normalsize {
    margin-top: 5px;
    width: 180px;
    height:25px!important;
    font-size:14px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;      
}


#TB_ajaxContent li{
    padding-top:10px!important;
    color: rgba(0, 0, 0, 0.9);
    text-shadow: 0 1px 1px #FFFFFF;
	font-size:10px;
}


#TB_title{
    background-color: #777777!important;
}

#TB_title:before {
 content:" Meilleurs prix chez Desjardins Ford! ";
 font-size:15px;
 color:#fff!important;
 text-shadow: 0 0 0 #FFFFFF;
}

#TB_window a:hover{
    color: #000!important;
}

#TB_ajaxContent {
    padding: 2px 15px 25px;
}

#TB_closeAjaxWindow a{
    text-shadow: 0 0 0 #FFFFFF;
}

textarea.fullsize, input.fullsize {
    margin-top: 5px;
    font-size:14px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;    
}

textarea.normalsize, input.normalsize {
    margin-top: 5px;
    font-size:14px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;      
}
/* ************************** END::autoComm ************************** */