/*
Copyright (c) 2006, Publications Le Guide. All rights reserved.
last update: 01.12.2006
by: Alexandre Geoffrion
SKIN pour DETAILLANTS PERSO
*/

/* ########## start: header style ########## */
/* Edit: Changer le fond du menu autoexpert pour le bas arrondie match le header du det. */
#hd {
	background-image: url(bghead.jpg);
}
/* ########## end: header style ########## */

/* ########################### start: BODY CLASS ########################### */
/* Edit: Changer header det. ACCUEIL */
#headdet {
	width: 964px;
	height: 199px;
	background-image: url(headbg.jpg);
	background-repeat: no-repeat;
	float:left;
}
/* Edit: Couleur de base du texte du header det. ACCUEIL */
#headdet h1, h3, h4, p {
	color: white;
}
#headdet h1 {
	color: white;
}
#headdet h3 {
	color: white;
}
/* Edit: Changer header det. AUTRE PAGE */
#headdetSmall {
	background-image: url(headbgsmall.jpg);
}
/* Edit: Couleur de base du texte du header det. AUTRE PAGE */
#headdetSmall h1, h3, h4, p {
	color: white;
}
/* Edit: Changer bordure du logo */
#headdetSmall img {
	border: 1px solid #fff;
}
#headdetSmall h1 {
	color: white;
}

/* Edit: Changer barre de listing de resultat */
div.resultToolbar {
	background: url(bgresulttoolbar_637.jpg) top left no-repeat;
}

/* ########## start: secondary column style ########## */
/* Edit: Changer fond "Notre inventaire d'autos à vendre" */
div.secondary {
  background: url(bgheader_300px.jpg) top left no-repeat;
}
/* Edit: ??? */
/*
div.secondary .roundbottom {
	background-image: url(bgfooter_300px.gif);
}
*/
/* Edit: ??? */
/*
div.secondary .blue {
background-color:#e3edf5;
background-image: url(bgfooter_184px.gif);
}
*/
div.secondaryBody {
	color: #fff;
}
/*
div.secondaryBody label {
	color: #fff;
}
*/
/* Edit: Changer le rectangle arrondi du haut et la couleur de la boite */
div.secondaryTxt {
background-image: url(topbox_300px.gif);
background-color:#65dfff;
width:300px;
}
/* Edit: Changer le rectangle arrondi du bas */
div.secondaryTxt .roundbottom {
background-image: url(botbox_300px.gif);
}
/* Edit: Changer la couleur gen. du texte */
div.secondaryTxtArea {
color:black;
}
/* Edit: Changer la couleur du H1 */
div.secondaryTxtArea h1 {
color:black;
}
/* Edit: Changer la couleur du H2 */
div.secondaryTxtArea h2 {
color:black;
}
/* Edit: Changer la couleur du H3 de texte */
div.secondaryTxtArea h3 {
color:black;
}
/* Edit: Changer la couleur du PARagraphe */
div.secondaryTxtArea p {
color:black;
}
/* Edit: Changer la couleur du BOLD */
div.secondaryTxtArea strong {
color:black;
}
/* Edit: Changer la couleur du LI */
div.secondaryTxtArea li {
color:black;
}
/* Edit: Changer la couleur du LIEN */
div.secondaryTxtArea p a {
color:black;
}

/*Landing pages css start*/
#landingpage_main{

}

#landingpage_main{
    height: 1100px;
}

#landingpage_main div{
    float:left;
    margin:10px 0 0 10px;
}

/*Model start*/
#landingpage_main #model {
	background: #dceaf7;
	width: 559px;
	height: 269px;
	padding-top: 30px;
	font-family: helvetica, arial, sans-serif;
    margin-left:20px;
	}

#landingpage_main #model img{
    margin:-20px 0 0 16px;
}

#landingpage_main #model h1 {
	 background: #182e5b;
	 background: -moz-linear-gradient(top, #182e5b, #182e5b);
	 background: -webkit-gradient(linear, left top, left bottom, from(#182e5b), to(#182e5b));
	 padding: 10px 20px;
	 margin-top: 0;
	 position: relative;
	 width: 70%;
     color: #fff;

    /*
	-moz-box-shadow: 1px 1px 3px #27466c;
	-webkit-box-shadow: 1px 1px 3px #27466c;
    text-shadow: 0 1px 0 white;
    */
}

#landingpage_main #model .arrow {
	 width: 0; height: 0;
	 line-height: 0;
	 border-left: 20px solid transparent;
	 border-top: 10px solid #000;
	 top: 104%;
	 left: 0;
	 position: absolute;
     display:none;
}

#landingpage_main #model .arrow{
   *top: 100%;
}
/*Model end*/

/*Email start*/
#landingpage_main #email{
    width:329px;
    height:199px;
    background:url(hyundai_neuve_bg.jpg) no-repeat;
    display:block;
    font-size: 25px;
    font-weight:bold;
    text-align:center;
    float:left;
    color:#fff;
    margin:10px;
    padding-top:100px;
}

#landingpage_main #email #email_bestprice{
    color:#000;
    margin: 70px 0 0 0;
    padding:15px;
}

#landingpage_main #email #email_bestprice p{
    color:#000;
}

#landingpage_main #email #email_bestprice input{
    margin: 10px 0 0 0;
}

#landingpage_main #email #email_bestprice #quicklead_bestprice_form_quickemail{
  height:20px;
  font-size:18px;
  width:240px !important;
  margin:13px 0 0 5px !important;
  background:none;
  border:none;
}

#landingpage_main #email #email_bestprice div{
    font-size: 9px;
}

#landingpage_main #email #email_bestprice #quicklead_bestprice_form_submitButton{
  margin-top:15px;
}


/*Email end*/

/*Description start*/
#landingpage_main #description{
    width:912px;
}

#landingpage_main #description p{
    padding:10px 30px;
    color:#000;
    text-align:justify;
}

#landingpage_main #description div{
    float:none;
    margin:0;
}

#landingpage_main #description .header{
    height:46px;
    background:url(description_bg_header.jpg) no-repeat;
}

#landingpage_main #description .header h3{
    padding-top:3px;
}

#landingpage_main #description .center{
    background:url(description_bg_center.jpg) repeat-y;
}

#landingpage_main #description .footer{
    height:27px;
    background:url(description_bg_footer.jpg) no-repeat;
}
/*Description end*/

/*Inventory start*/
#landingpage_main #inventory{
    width:912px;
    height:219px;
    background:url(inventory_bg.jpg) no-repeat;

}

#landingpage_main #inventory .title{
  color:#fff;
  margin-left:70px;
  width:100%;
}

#landingpage_main #inventory .cars{
  padding-left:6px;
  margin-top:10px;
}

#landingpage_main #inventory .cars table{
  border-collapse: separate !important;
  border: double 0px black !important;

}

#landingpage_main #inventory .cars td{
 padding-left:5px;
 border-collapse: separate !important;
 border: double 0px black !important;
 width:140px;
}

#landingpage_main #inventory .cars table div{
    margin:0;
    padding:0;
    width:140px !important;
    color:#fff;
}

#landingpage_main #inventory .cars table a:link,
#landingpage_main #inventory .cars table a:visited,
#landingpage_main #inventory .cars table a:hover,
#landingpage_main #inventory .cars table a:active{
    color:#fff;
}

/*Inventory end*/

/*Landing pages css end*/

/* Code pour 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:395px!important;
    top: 35%;
    border: 3px solid #777777;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;            
}


textarea.fullsize, input.fullsize, select.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;    
}

textarea.normalsize, input.normalsize, select.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;
}

.txtBlue1{
    color: #44444F!important;
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}

#TB_title{
    background-color: #777777!important;
}

#TB_title:before {
 content:" Meilleurs prix chez Hyundai Blainville! ";
 font-size:15px;
 color:#000!important;
 text-shadow: 0 0.5px 0.5px #FFFFFF;
}

#TB_window a:hover{
    color: #000!important;
}

#TB_ajaxContent {
    padding: 2px 15px 25px;
}

#TB_closeAjaxWindow a{
    text-shadow: 0 0 0 #FFFFFF;
}

.clear {
	clear: both;
}