/* CSS RESET */
body{padding:0;margin:0;font:12px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

a:focus {
	outline: none;
}
* html body{
	background-image: none;
}
body{
	background: #282828 url(img/bg.jpg) repeat-x;
	color: #fff8d6;
}

a, a:visited{
	color: #ffd100;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* Centrage */
#header, #nav, #content, #footer, #slideshow{
	margin: 0 auto;
	width: 980px;
}

#error{
	color: red;
}

h1{
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #ffc600;
	text-transform: uppercase;
	padding-top: 0px;
	margin-left: 15px;
}
#content p{
	margin-left: 15px;
}
#garantie{
	margin-left: 25px;
	margin-bottom: 15px;
}
#header a.logoClic{
	position: absolute;
	display: block;
	width: 300px;
	height: 150px;
	z-index: 300;
	top: 0px;
	margin-left: 50px;
}
#header-center{
	background: url(img/hontas.png) 30px 0px no-repeat;
	height: 200px;
	width: 960px;
	position:  absolute;
	margin-left: 10px;
	top: 0px;
	z-index: 100;
}
* html #slideshow{
	background: url(img/header.jpg) 0px 0px repeat-y;
}
#slideshow{
	background: url(img/bg.png) 0px 0px repeat-y;
	height: 342px;
}
#image1{
	margin-left: 10px;
	background: url(img/headerbg1.jpg) no-repeat;
	width: 961px;
	height: 342px;
}
#image2{
	background: url(img/headerbg2.jpg) no-repeat;
	margin-left: 10px;
	width: 961px;
	height: 342px;
}
#image3{
	background: url(img/headerbg3.jpg) no-repeat;
	margin-left: 10px;
	width: 961px;
	height: 342px;
}
#image4{
	background: url(img/headerbg4.jpg) no-repeat;
	margin-left: 10px;
	width: 961px;
	height: 342px;
}
#panel{
	background: url(img/panel.jpg) no-repeat;
	width: 286px;
	height:271px;
	margin-left: 670px;
	display: none;
}
#smallfloat{
	float: left;
	width: 450px;
	margin-left: 15px;
}
#smallfloat.total{
	font: normal 20px Arial, Helvetica, sans-serif;
	text-align: right;
	
}
.rappelbtn{
	width: 180px !important;
}
#panel p{
	margin-top: 0px;
	padding: 10px;
	padding-top: 35px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #292929;
	padding-bottom: 0px;
}
#panel a,#panel a:visited,#panel input.submit{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(img/panel-a.jpg) repeat-x;
	display: block;
	height: 20px;
	border: 1px solid #35332d;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100px;
	text-align: center;
	margin:0 auto;
}
#panel input.submit{height: 26px;}
#panel a:hover,#panel input.submit:hover{
	background: #666666;
	text-decoration: none;
	cursor: pointer;
}
#panel form{
	padding-left: 10px;
	padding-right: 10px;
}
#panel label{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #242424;
	float: left;
	display: block;
	width: 40px;
	padding-top: 3px;
}
#panel input{
	float: left;
	width: 216px;
	height: 16px;
	margin-bottom: 5px;
	background: #292929;
	color: #ffd100;
	border: 1px solid #d46e00;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding: 3px;
}

	
.slide{
	margin-top: 0px;
	padding-top: 0px;
	background: url(img/panelbtn.gif) no-repeat;
	width: 284px;
	height:31px;
	margin-left: 670px;
}
a.btnSlide{
	background: url(img/btn.gif) 10px 5px no-repeat;
	margin-left: 40px;
	display: block;
	width: 200px;
	height: 31px;
}
a.active {
	background-position: 10px -40px;
}
* html #nav{
	background: url(img/header.jpg) 0px 0px repeat-y;
	
}
#nav{
	background: url(img/bg.png) repeat-y;
	width: 980px;	
	height: 52px;
}
#nav a, #nav a:visited{
	padding-top: 10px;
	color: #292929;
	text-decoration: none;
}
#nav ul{
	background: url(img/nav.jpg) repeat-x;
	width: 960px;
	margin-left: 10px;
}
#nav ul li{
	display: inline;
}

.lavaLamp {
    position: relative;
    height: 52px; width: 601px;
    padding: 0px; margin: 0px 0;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: #ffa000;
            border-left: 1px solid #e08900;border-right: 1px solid #e08900;
            border-top: 1px solid #ffb540;
            width: 9px; height: 49px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: #ffa000;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            font: normal 16px arial, Helvetica, sans-serif;
            color: #292929; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }
		
	   li.headlink ul { display: none; }
       li.headlink:hover ul { display: block; }
        
#right-button{
	background: url(img/boxes.png) no-repeat;
	width: 430px;	
	height: 95px;
	float: left;
	position: absolute;
	margin-top: -70px;
	margin-left: 720px;
	z-index: 200;
}  
* html #right-button .temps{
	margin-left: 8px;
}
#right-button .temps{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
	float: left;
	margin-top: 18px;
	margin-left: 15px;
}
#right-button .icon{
	float: left;
	margin-top: 3px;
} 
        
#content{
	background: url(img/contentbg.jpg) repeat-y;
	clear: both;
}
#content-menu{
	padding-top: 10px;
	margin-left: 15px;
}
#content-menu li{
	display: inline;
	margin-left: 10px;
}
#side{
	padding-top: 15px;
	float: left;
	width: 253px;
}

#bloc-float3{
	width: 288px;
	float: left;
	margin: 0px;
	text-align: justify;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 15px;
	
}
* html #bloc-image{
	margin-left: 0px;
	margin-right: 0px;
}
* html #bloc-float3{
	margin-left: 15px;
}
#bloc-image{
	float: left;
	margin-top: 15px;
}
#bloc-formules{
	width: 335px;
	float: left;
	margin: 0px;
	text-align: justify;
	margin-left: 5px;
	margin-top: 15px;
}
	#bloc-formules h1{
		font: normal 14px Arial, Helvetica, sans-serif;
		background: #292929;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 1px;
		padding-left: 10px;
		text-align: center;
		margin-left: 20px;
	}
	#bloc-formules p{
		background: #292929 url(img/bg-bloc3.jpg) bottom repeat-x;
		font: normal 12px Arial, Helvetica, sans-serif;
		padding: 10px;
		margin: 0px;
		margin-left: 20px;
	}
#bloc-float2{
	width: 460px;
	float: left;
	margin: 15px;
	text-align: justify;
	margin-left: 10px;
}

.devis{
	margin: 0px;
	text-align: left;
	margin-left: 20px;
	padding-top: 0px;
	width: 660px;
	margin-bottom: 25px;
	background: #292929 url(img/bg-bloc3.jpg) bottom repeat-x;
}

.devis h1{
	background: #292929;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 1px;
	border-bottom: 1px solid #0b0b0b;
}
.devis h2{
	font: normal 26px Arial, Helvetica, sans-serif;
	color: #ffd100;
	text-transform: uppercase;
	background: #292929;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: left;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-top: 10px !important;
	border-bottom: 1px solid #0b0b0b;
}
#devis-main{
	width: 680px;
	float: left;
}
#bloc-side{
	width: 680px;
	float: left;
	margin: 15px;
	text-align: justify;
	margin-left: 5px;
}
	#bloc-float3 h1, #bloc-float2 h1, #bloc-side h1{
		background: #292929;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: -13px;
		padding-left: 10px;
		text-align: left;
		margin-left: 0px;
	}
	.bg-form{ padding: 0px !important; padding-top: 0px !important;padding-bottom: 0px !important;}
	#bloc-float2 h1, #bloc-side h1, #bloc-float2 p, #bloc-side p{
		margin-left: 20px !important;
	}
	#bloc-float3 p, #bloc-float2 p, #bloc-side p{
		background: #292929 url(img/bg-bloc3.jpg) bottom repeat-x;
		font: normal 14px Arial, Helvetica, sans-serif;
		padding: 10px;
		margin-left: 0px;
	}
	
a#devisBtn{
	display: block;
	width: 160px;
	height: 40px;
	background: url(img/demande-devis.jpg) 0px 0px no-repeat;
	float: left;
	margin-left: 45px;
	margin-top: 15px;
}
a#volumeBtn{
	display: block;
	width: 160px;
	height: 40px;
	background: url(img/calcul-volume.jpg) 0px 0px no-repeat;
	float: left;
	margin-left: 45px;
	margin-top: 15px;
}
a#devisBtn:hover, a#volumeBtn:hover{
	background-position: 0px -41px;
}
a#devisBtn:active, a#volumeBtn:active{
	background-position: 0px -82px;
}
#box1{
	width: 630px;
	float: left;
	margin: 15px;
	text-align: justify;
	margin-left: 25px;
	
}
.clear{ clear: both;}
.jump{ height: 15px;background: url(img/contentbg.jpg) repeat-y; margin: 0 auto; width: 980px;}
#box2{
	float: left;
	text-align: right;
	width: 336px;
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 20px;
}
#box2 h1, #box1 h1{
	background: #292929;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	padding-left: 15px;
}
	#box2 p, #box1 p{
		margin: 0px;
		margin-top: 0px;
		background: #1e1e1e;
		font: normal 14px arial, helvetica, sans-serif;
		padding: 15px;
	}
	#box2 img{
		margin-top: 15px;
	}

* html .box3{
	margin-left: 20px;
}
.box3{
	float: left;
	background: url(img/bloc3bg.jpg) repeat-x;
	width: 289px;
	height: 340px;
	margin-left: 28px;
	margin-top: 20px;
}
	.box3 h1, #box2 h1{
		margin-top: 8px;
		font: normal 15px Arial, helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 1px;
		color: #ffd100;
	}
	 .box3 h1{
	 	margin-bottom: 8px;
	 }
	.box3 p{
		font: normal 14px arial, helvetica, sans-serif;
		text-align: justify;
		padding-left: 0px;
		padding-right: 15px;
		margin-top: 10px;
		margin-left: 0px;
	}
	#bloc-side li{
		font: normal 14px arial, helvetica, sans-serif;
		margin-left: 25px;
		line-height: 20px;
	}
	.more-link{
		float: left;
		width: 290px;
		height: 30px;
		margin-left: 25px;
		margin-top: 15px;
		text-align: center;
	}
a.box3link{
	margin-left: 15px;
	font: normal 14px Arial, Helvetica, sans-serif;
}

#big-bloc{
	float: left;
	width: 700px;
}
* html .form-float{
	margin-left: 10px;
}

.form-float{
	float: left;
	width: 200px;
	margin-left: 20px;
	padding-top: 5px;
}
* html .form-float{
	margin-left: 10px;
}
* +html .form-float{
	margin-left: 12px;
}
* html label{
	margin-left: 10px;
}
* +html label{
	margin-left: 20px;
}
label{
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}
input, textarea{
	background: #292929;
	color: #ffd100;
	border: 1px solid #515151;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 170px;
}
.meuble{
	width: 200px;
}
.form {
	text-align: center;
	width: 60px;
}
.checkbox{
	width: 10px;
}
textarea{
	height: 85px;
}
input.submit{
	width: 206px;
}
input.devisSubmit{
	width: 206px;
	margin-left: 240px;
}

#footer{
	background: url(img/footer.jpg) 0px 0px no-repeat;
	clear: both;
}
	#footer p{
		font: normal 9px Verdana, sans-serif;
		padding-top: 2px;
		margin-top: 0px;
		text-align: center;
		width: 960px;
	}
	
	#footer p.logos{
		text-align: right;
	}