/*  reset total des styles par défaut des navigateurs */
html {font-size: 10px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }
a { text-decoration:none; color:#000000; outline-style:none; }
/*  END reset total des styles par défaut des navigateurs */

fieldset{
margin:10px;
padding:10px;
}
	fieldset legend{
	font-size:16px;
	}
body {
font-family: 'Questrial', sans-serif;
background-color: #fff;
/*background-image:url("../img/arriere_plan_1.jpg");
background-attachment:fixed;*/
color:#000000;
font-size:14px;
}

#bg_image {
position:fixed;
z-index:1;
width: 1920px;
height: 1146px;
top: 0;
left: 50%;
margin-left:-960px;
}
#wrapper {
position:relative;
width:900px;
margin:auto;
z-index:9999;
}
	#wrapper #header{
	margin-top:10px;
	position:relative;
	}
		#wrapper #header #social{
		position:absolute;
		top:250px;
		right:-41px;		
		}
			#wrapper #header #social ul li{
			margin-top:-4px;
			}
		#social #ecopack{
		position:absolute;
		right:12px;
		bottom:-90px;
		z-index:9999;
		}
		#social #texte_accroche{
		position:absolute;
		left:-855px;
		top:80px;
		z-index:9999;
		color:#FFF;
		width:150px;
		}

		#wrapper #header #logo{
		float:left;
		}
		#wrapper #header #num_vert{
		float:right;
		margin-top:40px;
		}
		#wrapper #header #navbar{
		float:right;
		margin-top:60px;
		color:#ffffff;
		font-size:15px;
		}
			#wrapper #header #navbar ul{
			list-style:none;
			}
				#wrapper #header #navbar ul li{
				float:left;
				}
					#wrapper #header #navbar ul li a{
					display:inline;
					text-decoration:none;
					color:#000000;
					margin-left:30px;
					}
						#wrapper #header #navbar ul li a:hover{
						color:#ADCB50;
						}
						#wrapper #header #navbar ul li a.selected{
						color:#ADCB50;
						}
	#wrapper #content{
	position:relative;
	background-color:#ffffff;
	clear:both;
	overflow:hidden;
	}
		#wrapper #content #content_middle {
		position:relative;
		overflow:hidden;
		}
			#wrapper #content #content_middle #onglet_particulier{
			position:relative;
			float:left;
			width:69px;
			}
			#wrapper #content #content_middle #carte_region{
			position:relative;
			float:left;
			margin-top:20px;
			margin-left:10px;
			width:320px;
			height:240px;
			}
				#wrapper #content #content_middle #onglet_particulier_detail ul li{
				margin-top:5px;
				}
			#wrapper #content #content_middle #texte_region{
			float:left;
			width:170px;
			padding:10px;
			font-size:13px;
			text-align:justify;
			}
				#wrapper #content #content_middle #texte_region h1{
				color:#ACCA50;
				font-weight:bold;
				margin:10px 0 10px 0;
				font-size:15px;
				text-align:left;
				}
			#wrapper #content #content_middle #pave_promo{
			float:right;
			position:relative;
			width:277px;
			height:267px;
			background-image:url(../img/bg_pave_promo.png);
			margin-right:15px;
			color:#fff;
			}
				#wrapper #content #content_middle #pave_promo h1{
				position:absolute;
				top:20px;
				left:105px;
				color:#000000;
				font-weight:bold;
				font-size:18px;
				}
				#wrapper #content #content_middle #pave_promo #texte_pave_promo{
				position:absolute;
				color:#000;
				top:120px;
				left:170px;
				font-size:14px;
				text-align:left !important;
				}
				#wrapper #content #content_middle #pave_promo #bouton_contact{
				position:absolute;
				bottom:0px;
				right:0px;
				}
	#wrapper #content #colonne_gauche_double{
	float:left;
	width:580px;
	padding:20px;	
	}
		#wrapper #content #colonne_gauche_double #contactForm p{
		margin:10px;
		}
		#wrapper #content #colonne_gauche_double #contactForm p label{
		float:left;
		width:120px;
		}
		#wrapper #content #colonne_gauche_double #contactForm p label.error{
		width:10px;
		color:red;
		font-weight:bold;
		}
		#wrapper #content #colonne_gauche_double #contactForm p input{
		border:none;
		background-color:#ACCA50;
		padding:5px;
		color:#fff;
		}
		#wrapper #content #colonne_gauche_double #contactForm p textarea{
		border:none;
		background-color:#ACCA50;
		padding:5px;
		color:#fff;
		}
		#wrapper #content #colonne_gauche_double h1{
		color:#ACCA50;
		font-size:20px;
		margin-bottom:20px;
		}

		#wrapper #content #colonne_gauche_double #devisForm p{
		margin:10px;
		}
		#wrapper #content #colonne_gauche_double #devisForm p label{
		float:left;
		width:120px;
		}
		#wrapper #content #colonne_gauche_double #devisForm p label.error{
		width:10px;
		color:red;
		font-weight:bold;
		}
		#wrapper #content #colonne_gauche_double #devisForm p input{
		border:none;
		background-color:#ACCA50;
		padding:5px;
		color:#fff;
		}
		#wrapper #content #colonne_gauche_double #devisForm p textarea{
		border:none;
		background-color:#ACCA50;
		padding:5px;
		color:#fff;
		}



		#carte_belgique {
		position: relative;
		height: 220px;
		z-index:45;
		margin: 0 10px 0 10px;
		}
			#carte_belgique a:hover {
			background-position: right;
			}
			#cb1 {
			position: absolute;
			top: 50px;
			left: 15px;
			width: 68px;
			height: 50px;
			background-image: url(../img/cb1.png);
			}
			#cb2 {
			position: absolute;
			top: 80px;
			left: 24px;
			width: 111px;
			height: 67px;
			background-image: url(../img/cb2.png);
			}
			#cb3 {
			position: absolute;
			top: 33px;
			left: 70px;
			width: 64px;
			height: 79px;
			background-image: url(../img/cb3.png);
			}
			#cb4 {
			position: absolute;
			top: 45px;
			left: 112px;
			width: 99px;
			height: 131px;
			background-image: url(../img/cb4.png);
			}
			#cb5 {
			position: absolute;
			top: 52px;
			left: 170px;
			width: 51px;
			height: 48px;
			background-image: url(../img/cb5.png);
			}
			#cb6 {
			position: absolute;
			top: 104px;
			left: 174px;
			width: 71px;
			height: 100px;
			background-image: url(../img/cb6.png);
			}
		#selection_zone {
		font-weight: bold;
		margin-left: 30px;
		font-size:20px;
		color:#ACCA50;
		}










	#wrapper #content #colonne_gauche{
	float:left;
	width:49px;
	}
		#wrapper #content #colonne_gauche img{
		margin-top:5px;
		}
		#wrapper #content #colonne_gauche #bouton1{
		position:relative;
		left:-125px;
		}
		#wrapper #content #colonne_gauche #bouton2{
		position:relative;
		left:-125px;
		}
		#wrapper #content #colonne_gauche #bouton3{
		position:relative;
		left:-125px;
		}
		#wrapper #content #colonne_gauche #bouton4{
		position:relative;
		left:-125px;
		}
		#wrapper #content #colonne_gauche #bouton5{
		position:relative;
		left:-125px;
		}
	#wrapper #content #colonne_milieu{
	float:left;
	width:530px;
	padding:20px;
	text-align:justify;
	}
		#wrapper #content #colonne_milieu h1{
		color:#ACCA50;
		margin-bottom:10px;
		font-weight:bold;
		font-size:18px;
		}
		#wrapper #content #colonne_milieu ul{
		list-style-type:disc;
		}
			#wrapper #content #colonne_milieu ul li{
			margin:15px;
			}
	#wrapper #content #colonne_droite{
	float:right;
	width:277px;
	text-align:center;
	}
		#wrapper #content #colonne_droite #mini_slide_droite{
		margin-left:50px;
		clear:both;
		}
				
				
				
				
				
	#wrapper #content #content_footer{
	overflow:hidden;
	background-image:url(../img/bg_footer.png);
	width:848px;
	height:208px;
	margin:10px 5px 5px 5px ;
	padding:20px;
	}
		#wrapper #content #content_footer .pave{
		position:relative;
		float:left;
		width:255px;
		height:185px;
		margin:5px;
		color:#fff;
		}
			#wrapper #content #content_footer .pave ul{
			list-style:circle;
			}
			#wrapper #content #content_footer .pave h2{
			color:#ACCA50;
			margin-bottom:15px;
			}
			#wrapper #content #content_footer .pave a{
			position:absolute;
			bottom:-15px;
			left:0px;
			color:#ACCA50;
			}
				#wrapper #content #content_footer #demandeForm textarea{
				width:235px;
				height:80px;
				color:grey;
				border:none;
				margin-top:5px;
				margin-bottom:10px;
				}
				#wrapper #content #content_footer #demandeForm input{
				color:grey;
				padding:5px;
				border:none;
				width:130px;
				vertical-align:middle;
				}
					#wrapper #content #content_footer #demandeForm input[type="image"]{
					padding:0;
					width:101px;
					height:41px;
					}
				#wrapper #content #content_footer #demandeForm label.error{
				color:red;
				font-weight:bold;
				font-size:20px;
				}

/*** FOOTER ***/
#bg_footer{
position:relative;
z-index:50;
background-image:url(../img/bg_bar_footer.png);
height:95px;
}
	#bg_footer #footer{
	width:900px;
	margin:auto;
	text-align:center;
	color:#ffffff;
	padding-top:40px;
	font-size:12px;
	}
		#bg_footer #footer a{
		color:#ffffff;
		}
			#bg_footer #footer a:hover{
			color:#FF7F00;
			}
/**************/
				
			
/*** GESTION CMS ***/
			
#message_bienvenue {
position: absolute;
top: 0;
left: 0;
background-color:#ffffff;
padding: 5px;
border: 1px solid #000000;
opacity: 0.8;
}
#message_bienvenue b {
font-size: 14px !important;
}
.rel {
position: relative;
}
.box_dynamique {
position: absolute !important;
top: 0 !important;
left: 0 !important;
display: block !important;
height: 15px !important;
width: 13px !important;
padding: 0 !important;
margin: 0 !important;
}
#google_edit {
background-color: #ffffff;
position: fixed;
left: 0;
bottom: 0;
font-size: 11px;
padding: 10px;
border: 1px solid #000000;
opacity: 0.9;
z-index:999;
}
#google_edit a {
color: blue;
text-decoration: underline;
}
#google_edit a:hover {
color: #000000;
}
#google_edit h1 {
background-image: none;
display: block;
text-indent: 0px;
font-size: 12px;
height: auto;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
font-size: 12px;
font-weight: bold;
border-bottom: 1px dotted #555555;
}

/* CSS3 + PIE pour comptabilité IE */
.left_round {
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
behavior: url(./css/PIE.htc);
}
.right_round {
-moz-border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
behavior: url(./css/PIE.htc);
}
.just_round {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(./css/PIE.htc);
}
.ombre_round {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(./css/PIE.htc);
-webkit-box-shadow: #000000 0px 0px 3px;
-moz-box-shadow: #000000 0px 0px 3px;
box-shadow: #000000 0px 0px 3px;
}		
.ombre_round_bottom {
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
behavior: url(./css/PIE.htc);
-webkit-box-shadow: #000000 0px 0px 5px;
-moz-box-shadow: #000000 0px 0px 5px;
box-shadow: #000000 0px 0px 5px;
}		
.rounded_black {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(./css/PIE.htc);
-webkit-box-shadow: #000000 0px 0px 4px;
-moz-box-shadow: #000000 0px 0px 4px;
box-shadow: #000000 0px 0px 4px;
background: #1a171b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1a171b), to(#020202));
background: -webkit-linear-gradient(#1a171b, #020202);
background: -moz-linear-gradient(#1a171b, #020202);
background: -ms-linear-gradient(#1a171b, #020202);
background: -o-linear-gradient(#1a171b, #020202);
background: linear-gradient(#1a171b, #020202);
-pie-background: linear-gradient(#1a171b, #020202);
}		
.tiny_rounded_black {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url(./css/PIE.htc);
-webkit-box-shadow: #000000 0px 0px 2px;
-moz-box-shadow: #000000 0px 0px 2px;
box-shadow: #000000 0px 0px 2px;
background: #1a171b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1a171b), to(#020202));
background: -webkit-linear-gradient(#1a171b, #020202);
background: -moz-linear-gradient(#1a171b, #020202);
background: -ms-linear-gradient(#1a171b, #020202);
background: -o-linear-gradient(#1a171b, #020202);
background: linear-gradient(#1a171b, #020202);
-pie-background: linear-gradient(#1a171b, #020202);
}	
.rounded_white {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(./css/PIE.htc);
-webkit-box-shadow: #000000 0px 0px 4px;
-moz-box-shadow: #000000 0px 0px 4px;
box-shadow: #000000 0px 0px 4px;
background: #ffffff;
}
/* END CSS3 + PIE pour comptabilité IE */


	#slider{
	margin:5px;
	width:890px;
	height:280px;
	}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:657px;
		height:280px;
		overflow:hidden; 
		}
		#slider img {
			width:657px;
			height:280px;
		}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}