/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html{
	background:#090909 url(../fond/bg_body.jpg) repeat-x top left;
	text-align:center;
}
body{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:1000px; min-height:500px; height:auto!important; height:500px;
	text-align:left;
}
#logo{
	position:absolute;
	width:214px; height:70px;
	background:url(../fond/logo.png) no-repeat top left;
	text-indent:-99999px;
	top:145px; left:24px;
}
#logo a{display:block; width:214px; height:70px;}
#logoprint, .name_print{display:none;}

#top{position:relative;height:22px; padding-top:35px; color:#b1b1b1; z-index:20}
#top img{margin-right:5px; vertical-align:middle}
#top a{color:#b1b1b1;margin-left:3px; margin-right:3px;} #top a:hover{color:#ffffff;}

#banner{
	z-index:20;
	width:982px; height:236px;
	background:url(../fond/bg_banner.jpg) repeat-x top left;
}
#cavalier{
	position:absolute;
	width:272px; height:246px;
	background:url(../element/grandmontagne2.jpg) no-repeat top left;
	margin-top:-35px; left:245px;
	text-indent:-9999px;
}
#camion{
	position:absolute; 
	width:384px; height:279px;
	background:url(../element/camion_banner.jpg) no-repeat top left;
	margin-top:-49px;right:2px;
	text-indent:-9999px;
}

/****** MENU *******/
#menu{
	position:absolute;
	z-index:20;
	margin-top:210px;
	width:895px; height:21px;
}
#menu li{float:left; margin-left:5px; width:170px; height:17px; background:url(../fond/bg_menu.gif) repeat-x top left; text-align:center; padding-top:4px;}

#menu .m0{width:180px!important;}
#menu .m3, #menu .m4{width:120px!important;}

#menu a{color:#ffffff; text-transform:uppercase; font-size:1.0em;}
#menu a:hover{color:#65b4e9;}

.smenu{
	position:absolute; display:none;
	background-color:#000000; border:1px solid #999999;
	min-height:25px; height:auto!important; height:25px;
	margin-top:5px; padding-bottom:5px;
}
.smenu li{float:none!important; background:none!important; text-align:left!important;height:auto!important;width:160px!important; border-bottom:1px dotted #666666; margin-right:5px; padding-bottom:3px;}
.smenu a{text-transform:none!important; display:block;}
.smenu a:hover{color:#65b4e9;}
.last{border-bottom:none!important;}

.s0{width:180px;}

/***** MENU PROD *****/
#menuprod{width:963px; height:25px;margin-top:5px; margin-left:9px;}
#menuprod li{position:relative; float:left; display:block; width:235px; height:20x; text-align:center;background-color:#000000; margin-right:5px; border:1px solid #515151;}
#menuprod li a{display:block; width:235px; height:16px; color:#ffffff; padding-top:4px; text-transform:uppercase;}
#menuprod .lastmenuprod{margin-right:0px!important;}
#menuprod li a:hover{background-color:#65b4e9; color:#000000;}


.mp2{margin-left:10px!important;}

/************* VEHICULES INDEX *****************/
#produits{
	position:relative;
	z-index:1;
	width:980px; min-height:306px; height:auto!important; height:306px;
	background-color:#161616; border:1px solid #383d43;
	margin-top:5px;
}
.prod{
	position:relative; float:left;
	width:246px;
	margin-left:10px; margin-top:15px;
}
.a_prod{
	color:#65b4e9; font-size:1.1em; text-transform:uppercase; padding-left:15px; font-weight:bold;
	background:url(../element/fleche_bleu.png) no-repeat 0px 2px;
}
.a_prod:hover{color:#FFFFFF;background:url(../element/fleche_blanche.png) no-repeat 0px 2px;}
.vignette_home{
	background:#cdcdcd url(../fond/reflet.jpg) no-repeat bottom left; 
	width:236px; height:255px;
	margin-top:10px;
	padding:5px;
}
.imgvign{height:175px; margin-bottom:10px;}
.vignette_home img{border:1px solid #000000; max-width:233px; max-height:175px;}
.linkotherprod{ text-transform:uppercase;display:block; background:url(../element/more_vign.gif) no-repeat bottom right;color:#000000;}

.vendre{position:relative; display:block; float:right;color:#65b4e9; font-size:1.1em; text-transform:uppercase; padding-left:15px; font-weight:bold;
	background:url(../element/fleche_bleu.png) no-repeat 0px 2px;
	margin-top:16px; margin-right:70px;
}

/* SEARCH HOME */
#search_news{
	position:relative; float:left;
	width:189px; height:216px;
	padding:5px; padding-right:0px;
	background:url(../fond/bg_searchhome.jpg) repeat-x top left;
	margin-top:10px; margin-left:10px;
	color:#FFFFFF;
	text-align:center;
}
#search_news span{font-size:1.1em; text-transform:uppercase; font-weight:bold; display:block; margin-top:5px;}
#search_news p{margin-top:5px; line-height:13px;}
#search_news .input_home{ width:157px; height:15px; background:url(../element/input_home.jpg) no-repeat top left; margin-top:5px;padding-top:3px; padding-left:2px; padding-right:2px; color:#555555;}
#search_news .valid, #search_news .validmail{ vertical-align:bottom;}

#htic_link{
	position:relative; float:left;
	width:189px; height:216px;
	padding:5px; padding-right:0px;
	background:url(../fond/bg_searchhome.jpg) repeat-x top left;
	margin-top:10px; margin-left:10px;
	color:#FFFFFF;
	text-align:center;
}
h2#htic{
	display:block;
	width:167px; height:46px;
	background:url(../element/logo_hticforhti.png) no-repeat top left;
	text-indent:-99999px;
	margin-left:15px;
	margin-bottom:10px;
}
h2#htic a{display:block;width:167px; height:46px; background:none!important}
#htic_link img{margin-bottom:5px;}
#htic_link p{ margin-bottom:15px;}
#htic_link p strong{ text-transform:uppercase; color:#65b4e9; display:block;}
#htic_link .acceshtic{text-transform:uppercase; color:#65b4e9; display:block; /*background:url(../element/fleche_bleu.png) no-repeat 160px 2px;*/ font-weight:bold; font-size:1.5em;}

h2#logolehel{
	display:block;
	width:124px; height:105px;
	background:url(../element/logo_lehel.png) no-repeat top left;
	text-indent:-99999px;
	margin-left:35px;margin-bottom:15px; margin-top:10px;
}
h2#logolehel a{display:block;width:124px; height:105px; background:none!important}

/********** LOGO CONSTRUCTEUR *********/
#constructor{
	position:relative; 
	width:980px; min-height:80px; height:auto!important; height:80px;
	background-color:#161616; border:1px solid #383d43;
	margin-top:5px;
}
.hti_exclu{color:#bebebe; font-weight:bold; margin:10px; margin-bottom:5px; text-transform:uppercase;}
#constructor ul{margin-left:15px;}
#constructor li{float:left; margin-right:5px;}
#constructor img{border:1px solid #515151}

/********** BOTTOM INDEX *********/
#bottom{
	position:relative; display:block;
	width:980px; min-height:306px; height:auto!important; height:306px;
	background-color:#161616; border:1px solid #383d43;
	margin-top:5px;
}
#concept{
	position:relative; float:left;
	width:468px; height:197px;
	margin:10px;
	background-color:#292929;
	color:#FFFFFF;
	padding:10px;
}
.titreconcept{color:#65b4e9; text-transform:uppercase; font-size:1.1em; border-bottom:1px solid #000000; padding-bottom:3px; margin-bottom:6px;}
#concept p{margin-bottom:5px;}
#concept img{border:1px solid #ffffff; float:right; margin-left:10px;}
#concept .textconcept{height:160px; overflow:hidden;}
#concept .moreconcept{display:block;color:#ffffff; text-align:right;}
#concept .moreconcept:hover{color:#65b4e9;}

#adresse{
	position:relative; float:left;
	width:476px; height:49px; 
	background-color:#a1a1a1;
	margin-left:10px!important; margin-top:0px; padding:5px; padding-left:7px; padding-top:6px;
	font-size:1.0em!important;color:#000000;
	/*line-height:14px;*/
}
#adresse a{color:#000000; font-weight:bold;}  #adresse a:hover{color:#64b3e9; background-color:#000000;padding-left:4px; padding-right:4px;}

#video{
	position:relative; float:right;
	background-color:#000000;
	width:443px; height:267px;
	margin-top:10px; margin-right:8px;
	padding:10px;
}
#video .titrevideo{color:#65b4e9; text-transform:uppercase; font-size:1.1em; margin-bottom:0px!important; padding-bottom:0px!important;}


/****************************** RUBRIQUE ***********************************/
#contenu{
	position:relative;
	z-index:1;
	width:980px; min-height:450px; height:auto!important; height:450px;
	background-color:#161616; border:1px solid #383d43;
	margin-top:5px;
	color:#FFFFFF;
	padding-bottom:20px;
}

.contenu{padding:10px; padding-top:5px;}
.left_contenu{
	position:relative; float:left;
	width:450px;
}
.gallerie{
	position:relative; float:left;
	background-color:#000000;
	width:385px;
	padding:15px;margin-bottom:20px;margin-top:10px; margin-left:25px;
}
.gallerie img{border:1px solid #ffffff;}
.firstimg{margin-bottom:-3px; max-width:376px;}
.imggal{width:120px; float:left; margin-right:5px; margin-top:5px;}

/**** RECHERCHE ****/
.news{
	width:700px; margin-left:75px;
	 background-color:#212121; border:1px solid #404040; border-bottom:none!important;
	 padding:5px; margin-top:10px;
}
.savplus{ display:block;background-color:#121212;text-align:right; padding:3px; padding-right:10px;width:697px; margin-left:75px!important;border:1px solid #404040; border-top:none!important;}

/*** FORPMULAIRE ***/
#formulairepage{
	position:relative;
	width:80%;
	margin-left:auto; margin-right:auto;
	margin-bottom:25px;
}
#formulairepage fieldset{position:relative;background-color:#232323; padding:10px; border:1px solid #666666; margin-bottom:10px;}
#formulairepage legend{position:relative; font-size:1.1em; font-weight:bold; text-transform:uppercase;}
#formulairepage label{position:relative; float:left; display:block; width:250px; text-align:right; padding-right:5px;}
#formulairepage .ctext, #formulairepage .email, #formulairepage .mtext, #formulairepage .select{position:relative; float:left; display:block; width:350px; margin-bottom:4px; background-color:#b4b4b4; border:1px solid #ffffff;}
#formulairepage .mtext{height:100px;}

#formulairepage .listevalform{float:left;width:400px; margin-bottom:5px;}
#formulairepage .listevalform label{ width:180px!important; text-align:left!important;}
#formulairepage .check{ vertical-align:middle; margin-right:3px;}
#formulairepage .imgfield{margin-left:255px; margin-top:15px;}
#formulairepage p{display:block; font-size:0.9em; color:#999999; margin-top:10px;padding-left:365px;}


.spacer{clear:both; display:block;}

/**** PIED ***/
#pied{
	display:block; clear:both;
	width:986px;
	padding-top:20px; padding-bottom:30px;
}
#pied p{font-size:0.9em; text-align:right;color:#808080;}
#pied a{color:#808080;font-size:1.0em;margin-left:3px; margin-right:3px;} #pied a:hover{color:#ffffff;}
.copy{position:relative; float:left;}