/* -------------------------------------------------------------- GENERAL STYLE START */
a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

img{
	border:0;
}

CONTENT{
	
	background-image: url(/w/Files/dealers/ab/fr/images/background.png);
	background-repeat: no-repeat;
}

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

body{
	color: #000;
	margin: 0;
	background-color: #000f16;
	background-image: url(/w/Files/dealers/ab/fr/images/background.jpg);
	background-repeat: no-repeat;
}
/* -------------------------------------------------------------- GENERAL STYLE END */


/* -------------------------------------------------------------- BODY START */



#body{
  background: #fff;
  margin: auto;
  width: 980px;
  padding-top:15px;
  padding-bottom:15px;
}

#bodyBottom{
	color: #000;
	width: 980px;
	background-image: url(/w/Files/dealers/ab/fr/images/acc-bottom.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center center;
	height: 350px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* -------------------------------------------------------------- BODY END */




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





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

#askBody{
  height: 910px;
  width: 980px;
}


/* ------------------------------------------------------------------------------------ HEADER START*/

#header{
  background: url(/w/Files/dealers/ab/fr/images/header-1.jpg) 0 0 no-repeat #015ea3;
  height: 315px;
  margin: 0 auto;
  position: relative;
  width: 980px;
  z-index: 90;
}

#header h1{
  left: 165px;
  text-align: left;
  top: 235px;
  z-index: 99;
  margin-left:55px;
}


#header img.btnCred{
  border: 0px;
  height: 51px;
    left: 285px;
  position: absolute;
  top: 220px;
  width: 239px;
}

#header img.btnCred:hover{
  opacity:0.6;
  filter:alpha(opacity=60);
}

#header img.btnPromo{
  border: 0px;
  height: 51px;
  left: 40px;
  position: absolute;
  top: 220px;
  width: 239px;
}

#header img.btnPromo:hover{
  opacity:0.6;
  filter:alpha(opacity=60);
}

#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: transparent;
  color: #fff;
  font: normal 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  left: 700px;
  text-align: right;
  top: 250px;
}

#header p.topLang{
  background: url(/w/Files/dealers/ab/fr/images/language.png) center left no-repeat;
  color: #fff;
  padding-left:20px;
  float:left;
  font: normal 11px Arial, Helvetica, sans-serif;
  left: 840px;
  top: 5px;
}

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


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

#header p.topText{
	background: transparent;
	color: #fff;
	font: bold 38px Arial, Helvetica, sans-serif;
	left: 700px;
	text-align: right;
	top: 210px;
	letter-spacing: 2px;
}

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

#header p.topPlan a:hover, p.topLang a:hover{
  color: #0f6cb0;
  text-decoration: none;
}


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


/* ------------------------------------------------------------------------------------ MENU START */

#jsddm{
	background: url(/w/Files/dealers/ab/fr/images/background-menu.jpg) 0 0 repeat-x;
	height: 40px;
	left: 0px;
	padding: 0;
	position: absolute;
	top: 275px;
	width: 980px;
	z-index: 99;
	border-top:#336699 solid 1px;
	border-bottom:#336699 solid 1px;
}

#jsddm a.clsArrow{
  background: url(/w/Files/dealers/ab/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 10px/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{
	color: #002334;
	font: bold 10px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	padding-left: 10px;
	text-align: left;
	width: 230px;
	background-image: url(/w/Files/dealers/ab/fr/images/background-menu-over.jpg);
	background-repeat: repeat-x;
}

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

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

#jsddm li a:hover,#jsddm li a.hover{
	background: url(/w/Files/dealers/ab/fr/images/background-menu-over.jpg);
	color: #002334;
}

#jsddm li ul li a:hover{
  background: #fff;
  border-bottom: #525252 solid 1px;
  border-top: 525252 solid 1px;
  color: #015ea3;
}
/* ------------------------------------------------------------------------------------ MENU END */


/* ------------------------------------------------------------------------------------ CONTENANT SLIDESHOW START*/

#right{
  float: right;
  margin-right: 7px;
  margin-top: 4px;
  width: 600px;
}

#right h2{
  background: inherit;
  color: #222;
  display: block;
  font: bold 30px/22px Arial, Helvetica, sans-serif;
  margin: 0 0 16px 0;
  padding: 0 0 0 38px;
}

#right p.rightBottom{
  display: block;
  float: left;
  height: 20px;
  width: 608px;
}

#right p.rightPic{
  display: block;
  float: right;
  height: 375px;
  margin-top: -5px;
  width: 608px;
}

#right p.rightTop{
  display: block;
  height: 26px;
  width: 60px;
}

#right p.rightTxt1{
  background: inherit;
  color: #62625C;
  font: normal 13px/18px Arial, Helvetica, sans-serif;
  padding: 0 38px 10px 38px;
}

#right p.rightTxt1 span{
  background: inherit;
  color: #5F860B;
  font: bold 13px/18px Arial, Helvetica, sans-serif;
}

#right p.rightTxt2{
  background: inherit;
  color: #62625C;
  float: left;
  font: normal 13px/18px Arial, Helvetica, sans-serif;
  margin: 0 27px 0 0;
  padding: 0 0 20px 38px;
  width: 349px;
}

#right p.rightTxt2 span{
  background: inherit;
  border-bottom: #BCBCB5 dashed 1px;
  color: #D76E08;
  display: block;
  font: bold 17px/18px Arial, Helvetica, sans-serif;
  margin: 0 0 15px 0;
  width: 340px;
}


/* --------------- SLIDESHOW START */
#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{
  display: block;
  height: 366px;
  margin-bottom: 10px;
  width: 590px;
  z-index: 7;
  border: 2px solid #000;
}

#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 {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font: 13px arial,helvetica,clean,sans-serif;
    margin: 0 0;
    opacity: 0.65;
	filter:alpha(opacity=65);
    padding-bottom: 5px;
    text-align: center;
}

#slideshow p.txtTitle{
	background: none repeat scroll 0 0 #000000;
	opacity: 0.65;
	filter:alpha(opacity=65);
  color: #fff;
  font: bold 18px arial, helvetica, clean, sans-serif;
  margin-top: -85px;
  text-align: center;
}
/* --------------- SLIDESHOW END */


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


/* ------------------------------------------------------------------------------------ BOUTONS ACCUEIL START */
#left{
  float: left;
  width: 357px;
}

#left1{
  background: #fff;
  margin: 4px 1px 0 7px;
  width: 342px;
}

#left1 p.pic1{
  background: url(/w/Files/dealers/ab/fr/images/acc-btn1.jpg) 0 0 no-repeat #fff;
  cursor: hand;
  height: 123px;
  width: 342px;
}

#left1 p.pic1:hover{
  opacity: 0.60;
	filter:alpha(opacity=60);
}

#left2{
  background: #fff;
  margin: 7px 1px 0 7px;
  width: 342px;
}

#left2 p.pic2{
  background: url(/w/Files/dealers/ab/fr/images/acc-btn2.jpg) 0 0 no-repeat #fff;
  cursor: hand;
  height: 123px;
  width: 342px;
}

#left2 p.pic2:hover{
  opacity: 0.60;
	filter:alpha(opacity=60);
}

#left3{
  background: #fff;
  margin: 7px 0 0 7px;
  width: 342px;
}

#left3 p.pic3{
  background: url(/w/Files/dealers/ab/fr/images/acc-btn3.jpg) 0 0 no-repeat #fff;
  cursor: hand;
  height: 123px;
  width: 342px;
}

#left3 p.pic3:hover{
  opacity: 0.60;
	filter:alpha(opacity=60);
}

/* ------------------------------------------------------------------------------------ BOUTONS ACCUEIL END */


/* ------------------------------------------------------------------------------------ TEXTE ACCUEIL START */

#news{
	float: left;
	margin-left: 32px;
	width: 315px;
	margin-top: 100px;
}


#news p{
  background: inherit;
  color: #000;
  font: normal 12px/14px Arial, Helvetica, sans-serif;
  padding: 0 0 13px 0;
  text-align: justify;
}



#service {
    color: #FFFFFF;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-right: 15px;
    margin-top: 185px;
    width: 200px;
}

#service h3{
	*font-size:14px;	
}

#service.HTBat{
  border: #000 solid 2px;
}
/* ------------------------------------------------------------------------------------ TEXTE ACCUEIL END */




/* ------------------------------------------------------------------------------------ DEMANDES EN LIGNE START*/

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

#askRight a.brochureOver{
  background: url(/w/Files/dealers/ab/fr/images/demande-de-brochure.jpg);
  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{
  background: url(/w/Files/dealers/ab/fr/images/nous-joindre.jpg);
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.essaiOver{
  background: url(/w/Files/dealers/ab/fr/images/demande-essai-routier.jpg);
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.piecesOver{
  background: url(/w/Files/dealers/ab/fr/images/informations-pieces.jpg);
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.prixOver{
  background: url(/w/Files/dealers/ab/fr/images/demande-de-prix.jpg);
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.serviceOver{
  background: url(/w/Files/dealers/ab/fr/images/rendez-vous-service.jpg);
  display: block;
  height: 87px;
  width: 226px;
}

#askRight a.brochureOver:hover{
  background: url(/w/Files/dealers/ab/fr/images/demande-de-brochure-over.jpg);
}

#askRight a.contactOver:hover{
  background: url(/w/Files/dealers/ab/fr/images/nous-joindre-over.jpg);
}

#askRight a.essaiOver:hover{
  background: url(/w/Files/dealers/ab/fr/images/demande-essai-routier-over.jpg);
}

#askRight a.piecesOver:hover{
  background: url(/w/Files/dealers/ab/fr/images/informations-pieces-over.jpg);
}

#askRight a.prixOver:hover{
  background: url(/w/Files/dealers/ab/fr/images/demande-de-prix-over.jpg);
}

#askRight a.serviceOver:hover{
  background: url(/w/Files/dealers/ab/fr/images/rendez-vous-service-over.jpg);
}

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



/* ------------------------------------------------------------------------------------ CALL2ACTION START */

#call2action{
  background: #fff;
  border: #8f8f8f solid 2px;
  height: 447px;
  margin-left: 10px;
  width: 200px;
}

#call2action p.addDealDet{
  font: 10px/1.2 verdana, sans-serif;
  letter-spacing: 0.2pt;
  padding: 5px;
}

#call2action p.call2actionDet{
  font: 12px/1.2 verdana, sans-serif;
  letter-spacing: 0.2pt;
  padding: 5px;
}

#call2action p.call2actionDet a{
  color: #000;
  text-decoration: none;
}

#call2action p.call2actionDet img{
  border: 0px;
  padding-left: 3px;
}

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



/* ---------------------------------------------------------------------- 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:390px!important;
    top: 35%;
    border: 3px solid #777777;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
	width:430px;
}
#TB_ajaxContent{
	height:435px!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;
	width:375px;
	text-align:justify;
}

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

#TB_title:before {
 content:" Prix incroyables chez Arbour Volkswagen! ";
 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;
}

#TB_closeAjaxWindow {
	margin-top:-34px;
	width:430px;
}

#TB_ajaxWindowTitle {
	width:430px;
}

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