/* CSS Document */
*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;padding:0px;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html{
	background:#988b78 url(../fond/bg_bodyhtic.jpg) repeat-x top left;
	text-align:center;
}
html#rubhtic{
	background:#988b78 url(../fond/bg_bodyhtic.jpg) repeat-x top left;
	text-align:center;
}

body{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:970px; min-height:500px; height:auto!important; height:500px;
	text-align:left;
}
/****************** TOP PAGE ****************/
#toppage{
	position:relative; display:block; z-index:2;
	width:970px; height:105px;
	background:url(../fond/bg_tophtic.jpg) no-repeat top left;
	padding-top:12px;
}
#logo{
	width:261px; height:71px;
	background:url(../fond/logo_htic.png) no-repeat top left;
	text-indent:-99999px;
}
#logo a{display:block; width:261px; height:71px;}

#baseline{
	position:absolute; display:block;
	width:248px; height:79px;
	right:30px; top:28px;
	background:url(../element/baseline_htic.jpg) no-repeat top left;
	text-indent:-99999px;
}

#menu{margin-top:4px;}
#menu li{float:left; width:159px; text-align:center;margin-right:2px;}
#menu a{
	display:block; 
	height:22px; width:159px; 
	padding-top:8px;
	background:url(../fond/menu_htic.png) no-repeat top left;
	color:#ffffff; font-size:1.1em;
	text-transform:uppercase;
}
#menu a:hover, #menu .active{background:url(../fond/menu_htichover.png) no-repeat top left; color:#000000;}


.smenu{position:absolute; background-color:#1c1c1c; width:147px; padding:5px; border:1px solid #474747; border-top:none;}
.smenu li{float:none!important;text-align:left!important;}
.smenu a{ background:none!important; min-height:15px; height:auto!important; height:15px; font-size:1.0em!important; text-transform:none!important; border-bottom:1px dotted #474747; padding-top:4px!important; padding-bottom:4px; width:145px!important; padding-left:3px;}
.smenu a:hover{color:#65b4e9!important;}
.last{border-bottom:none!important;}

/************** VISUEL *****************/
#visuel{position:relative; display:block; z-index:1; width:970px; height:287px;}
#visuel .topvisu{width:970px; height:8px; background:url(../fond/bg_topvisuel.png) no-repeat top left; margin-top:5px;}
#visuel .bottomvisu{width:970px; height:13px; background:url(../fond/bg_bottomvisuel.png) no-repeat top left;}
#visuel .visu{width:960px; height:250px; background-color:#ffffff; padding:5px;}

#anim{width:956px; height:246px;border:2px solid #737373;}

/****************** MIDDLE PAGE ****************/
#middlepage{width:970px; min-height:300px; height:auto!important; height:300px; margin-bottom:10px;padding-top:5px;}
#middlepage .encleft{
	position:relative; float:left;
	width:244px; height:330px;
	background-color:#ffffff; border:1px solid #d4d4d6;
	margin-right:10px;
}
#middlepage .encleft h1{ text-transform:uppercase; font-size:1.0em; margin-bottom:5px; color:#2a2924}
#middlepage .encleft strong{color:#2a2924}
#middlepage .encleft img{display:none;}

#middlepage .enccenter{
	position:relative; float:left;
	width:458px; height:330px;
	background-color:#ffffff;border:1px solid #d4d4d6;
	margin-left:10px;
}
#middlepage .enc_colb{
	position:relative; float:left; display:block;
	width:242px; height:330px;
}
#middlepage .encrightone, #middlepage .encrighttwo{
	position:relative; display:block; float:left; 
	width:242px; height:160px;
	background-color:#ffffff; border:1px solid #d4d4d6;
	margin-bottom:8px;
}
#middlepage .encrighttwo{margin-bottom:0px;}
#middlepage h2, #middlepage h2.titre_rub{
	color:#000000; font-size:1.2em;
	text-transform:uppercase; font-weight:bold;
	padding-left:8px; padding-top:8px;
	height:24px; background:#cfc4b2 url(../fond/bg_h2.gif) repeat-x top left;
}
#middlepage h2.titre_rub{margin-top:-1px;font-size:1.2em;}

#middlepage .present{
	margin:5px; height:245px;
	background:url(../fond/signature.gif) no-repeat bottom right;
	padding-bottom:40px;
}
#middlepage .present a{display:block; margin-top:5px;color:#000000; text-decoration:underline; text-align:right}
#middlepage .present  a:hover{color:#65b4e9!important;}

.menucamion{position:relative; display:block; float:left; width:220px; margin-top:8px; margin-left:5px;height:135px; overflow:hidden;}
.menucamion img{position:relative; display:block; float:right; border:1px solid #7b7b7b;margin-right:2px;}

.menucamion h3{ background-color:#c5c1bc; height:16px; color:#000000; padding:2px; padding-left:5px; text-transform:uppercase; margin-bottom:8px;}
.menucamion h3 a{color:#000000; text-decoration:none!important;}
.menucamion p{position:relative; display:block; float:left; width:112px; height:85px; overflow:hidden;margin-left:3px;}
.menucamion a{position:relative; display:block;text-decoration:underline; color:#000000;}

.finance{padding:5px;}
.finance a{display:block; background:url(../fond/fleche_grise.gif) no-repeat top right; padding-right:23px; height:28px; text-transform:uppercase; color:#494949; font-size:1.1em; font-weight:bold; text-align:right; position:absolute; bottom:7px; right:0px;}

.imghazard{ z-index:1;width:242px; height:127px; overflow:hidden;position:absolute; border:1px solid #ffffff; }
.imghazard img{width:244px; bottom:0px;position:absolute;}
.encrighttwo .liencamion{position:absolute; bottom:0px; z-index:10;display:block; width:214px; height:27px; background:url(../fond/bg_vehasard.png) no-repeat top right; padding-right:25px; padding-left:3px; padding-top:3px;margin-left:1px; color:#ffffff;overflow:hidden; font-size:0.9em;line-height:12px;}
.encrighttwo a:hover{color:#65b4e9}

/****************** GALERIE ******************/
/* slider specific CSS */
#container {
	width:956px; height:246px;
	background:url(../fond/bg_galerie.jpg) repeat-x top left;
}
.sliderGallery {
	-moz-background-clip: border;
	-moz-background-inline-policy: continous;
	-moz-background-origin: padding;
    overflow: hidden; position: relative;
    padding: 10px; margin-left:15px;
    height:224px; width:905px;
}
.sliderGallery ul {
	position: absolute;
	list-style: none;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;	margin: 0;
}
.sliderGallery ul li {display: inline;}
.slidercover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continous;
	-moz-background-origin: padding;
	width: 905px; height: 19px;
	margin-top: 210px;
	margin-left: 0px;
	padding: 1px;
	position: relative;
	background: url(../element/slider.jpg) no-repeat;
}
.slider {
	-moz-background-clip:border;
	-moz-background-inline-policy:continous;
	-moz-background-origin: padding;
	width: 863px; height: 19px; 
	margin-left:20px;
	position: relative;
}
.handle {
	-moz-background-clip:border;
	-moz-background-inline-policy:continous;
	-moz-background-origin: padding;
	width: 905px; height: 19px;
	position: absolute;
	cursor: move;
	height: 16px;
	width: 138px;
	top: 1px;
	background: url(../element/handle.png) no-repeat;
	z-index: 100;
}

.slider span {
	color: #bbb;
	cursor: pointer;
	position: absolute;
	z-index: 110;
	top: 3px;
}
.slider .slider-lbl1 {left: -20px; margin-top:-5px; width:30px; height:18px; cursor:pointer}
.slider .slider-lbl2 {left:860px; margin-top:-5px; width:30px; height:18px;cursor:pointer;}     

.listgalerie{top:20px;}
.sliderGallery img{/*max-height:166px;max-width:249px;*/ border:1px solid #ffffff;}
.imggalerie{padding-bottom:38px; background:url(../fond/bg_vigngalerie.png) repeat-x bottom left; margin-left:7px; margin-right:7px;}
.imggalerie img{max-height:150px;}

/* fin galerie */
#ariane{margin-bottom:10px;}
#ariane,#ariane a{color:#959595}
#ariane a:hover{color:#000000}

#contenu{
	width:968px; min-height:300px; height:auto!important; height:300px;
	background-color:#ffffff; border:1px solid #d4d4d4;
}
.contenu{padding:10px;}
.col_a, .col_b{
	position:relative; float:left; display:block;
	width:49%;min-height:150px; height:auto!important; height:150px;
}
.col_a{border-right:1px dotted #898989; padding-right:10px;}
.col_b{padding-left:10px;}

.vignette25t{position:relative; float:left; display:block; border:1px solid #000000; margin-right:10px!important;}

/**************** CAMION DISPO *******************/
.fichette{position:relative; display:block; float:left; width:48%; padding:5px; border:1px solid #cccccc;margin-right:5px;}
.fichette img{width:150px;border:1px solid #333333; float:left;}
.linkprodliste{display:block; padding-right:23px; color:#494949!important; font-size:1.0em; font-weight:bold; position:absolute; bottom:7px; left:170px;}

/****************** BOTTOM PAGE ****************/
#bottompage{width:970px; height:60px; margin-bottom:10px;}
#bottompage .bottompage{position:relative; display:block; width:968px; height:50px; border:1px solid #dbcebb; background-color:#bfaf98;}

#bottompage .adresse{position:relative; float:left; width:855px; text-align:center; padding:5px;padding-top:8px;}
#bottompage .adresse a{color:#000000; font-weight:bold;}
#bottompage .partner{position:relative; float:left; padding-left:5px; padding-right:5px; text-align:center;}

#bottompage .pied, #bottompage .pied a{color:#000000;margin-top:5px; font-weight:normal!important;}
.pied a:hover{color:#000000!important; text-decoration:underline}

html#rubhtic .topage{width:970px; height:5px; background:url(../fond/top_bottompagerub.gif) no-repeat top left;}
html#rubhtic .botpage{width:970px; height:5px; background:url(../fond/bottom_bottompagerub.gif) no-repeat top left;}

/*** FORPMULAIRE ***/
#formulairepage{
	position:relative;
	width:80%;
	margin-left:auto; margin-right:auto;
	margin-bottom:25px;margin-top:10px;
}
#formulairepage fieldset{position:relative;background-color:#ffffff; padding:10px; border:1px solid #bbbbbb; 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:#eeeeee; border:1px solid #bbbbbb;}
#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;}


/* outils*/
.spacer{display:block; clear:both;}

.name_print, #copy{display:none;}