/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

a{color:#FF850D; text-decoration: none; font-weight: bold;}
a:hover{text-decoration:underline;}
p { margin: 10px 0;}
ul { margin: 5px 0 5px 30px; /*list-style-image: url('../images/puce.gif'); */}
ol { margin: 5px 0 5px 30px; }
li { margin: 2px 0; }
fieldset { border: 1px solid #FF850D; padding: 5px; margin: 10px 0;}
legend { font-weight: bold; color: #FF850D; font-size: 14px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.align_left {text-align: left; }
.align_right {text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
.invisible { display: none; }
.questionnaire { padding: 4px 25px 4px 0; width: 200px; margin: auto; background: url('../images/question.gif') no-repeat right top;}

body {
	margin: 0;
	background: #FFFFFF url('../images/bg-site.gif') repeat-x;
	font: normal 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #0D3692;
	}

div#conteneur {
	background: #FFFFFF url('../images/bord-menu.gif') repeat-y left;;
	width: 900px;
	margin: 0 auto;
	/*border-right: 2px solid #0D3692;*/
	}
	
div#header{
	width: 900px;
	height: 142px;
	background: transparent url('../images/header.jpg') no-repeat left top;
	}

div#header h1 {
	margin:0;
	padding: 0;
	font-size: 24px;
	/*float: left;*/
	border-bottom: 2px solid #FF850D;
	}
div#header h1 img {
	margin-top: 6px;
	margin-right: 15px;
	float: right;
	}
	
div#header h1 a span {
	display: none;
	}

div#header h1 a {
	display: block;
	width: 720px;
	height: 142px;
	}

.address {
	text-align: center;
	}
	
div#col-gauche{
	float: left;
	width: 180px;
	margin: 10px 0;
	/*text-align: center;*/
	color: #FFFFFF;
	}
		
div#contenu {
	margin: 0;
	text-align: left;
	padding: 10px 20px;
	width: 678px;
	float: right;
	}
	
	
div#footer{
	clear:both;
	width: 900px;
	/*line-height: 15px;*/
	text-align:center;
	background: /*url('../images/footer.gif') no-repeat*/;
	}
	
#footer p{
	margin: 0;
	font-size:10px;
	text-align:center;
	}
	
p.footer{
	font-size:10px;
	text-align:center;
	color: #0D3692;
	margin: 0;
	/*line-height: 18px;*/
	border-top: 1px solid #0D3692;
	background: #FFFFFF /*url('../images/bg-site.gif')*/;
	padding-bottom:10px;
		}

.footer a{color: #0D3692; font-weight:normal; text-decoration:none;}
.footer a:hover{text-decoration:underline;}

h2{
	font-size:18px;
	/*color: #FF850D;*/
	color:#FFFFFF;
	text-indent:5px;
	margin: 10px 0;
	font-weight:normal;
	background-color:#FFB66E;
	/*background: url('../images/fleche.gif') no-repeat 3px;
	text-indent: 20px;*/
	border-bottom: 3px solid #FF850D;
	}
	
h3{ font-size:16px; margin-top: 15px; color: #FF850D;}
h4{ font-size:12px; margin: 10px 0 5px 0; text-decoration: underline;}
blockquote { font-size: 24px; color: #FF850D; font-weight: bold; text-align: center; margin-top: 10px; } 

.recyclageBox { 
	width: 410px;
	height:330px;
	float: left;
	padding: 0 5px 10px 5px;
	margin-bottom:20px;
	margin-top:10px;
	background: url('../images/fond1.gif') no-repeat;
}

.recyclageBox h2 { 
	text-indent: 5px;
}

.propreteBox h2 { 
	text-indent: 5px;
}

.propreteBox { 
	width: 250px;
	height:100px;
	float: right;
	padding: 0 5px 10px 5px;
	margin-top:10px;
	background: url('../images/fond2.gif') no-repeat;
}


#prestation-proprete { background: url('../images/slogan-proprete.gif') no-repeat right top; }

#contact {
	text-align: left;
	width: 500px;
	margin-left:20px;
	}

#contact form {
	margin: 0;
	padding: 10px;
	background: #FFFFFF;
	/*border: 1px dashed #FF850D;*/
	}


#contact label {
	margin-top: 8px;
	width: 70px;
	display: block;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}

.input {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	margin-top: 8px;
	width: 300px;
	border: 1px solid #FF850D;
	}

.textarea {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	margin-top: 8px;
	width: 400px;
	border: 1px solid #FF850D;
	}

.confirm { text-align: center; margin-top: 50px; font-weight: bold; }

.erreur { color: #FF0000; padding-left: 20px; background: url('../images/error.gif') no-repeat left;}

.bouton { /*background: #FF850D; color: #FFFFFF; border: 1px solid #CCCCCC; font: 10px Verdana, Arial, sans-serif; font-weight: bold; padding: 2px 4px;*/}

.bouton a {
	color: #0D3692;
	padding: 4px 15px;
	background: #FFFFFF;
	border: 1px solid #FF850D;
	text-decoration: none;
	margin-left: 10px;
	}

.bouton a:hover { background: #0D3692; color: #FFFFFF; }

.bloc { 
	width: 300px;
	float: left;
	margin: 15px;
	background: #FFFFFF;
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
	height: 200px;
	border: 1px solid #FF850D;
	}
.bloc div {
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);
	padding: 10px;
	}

/*************************************************************************/
#col-gauche strong {
	font-size:14px;
	font-weight:normal;
	line-height:14px;
	height:14px;
	color: #FF850D;
	display: block;
	padding: 20px 5px 1px 0;
	font-style:italic;
	}

	#dhtmlgoodies_menu{		
		/*font-family:arial;*/
		width:171px;
		padding-left: 10px;
		height:90px;
	}
	#dhtmlgoodies_menu li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	#dhtmlgoodies_menu ul{	
		margin:0px;
		padding:0px;
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
		padding-left:10px;
	}
	#dhtmlgoodies_menu li a{	/* Main menu links */
		text-decoration:none;
		color:#ffffff;
		font-size:11px;
		height:22px;
		line-height:22px;
		vertical-align:middle;
		border-bottom: 1px solid #FFFFFF;
		background-color:#0D3692;
		margin:1px;
		padding:1px;
		padding-left:5px;
		font-weight:normal;
		display:block;
	}
	
	#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
		color:#ffffff;
		background-color:#5B88EE;
	}
	
	.dhtmlgoodies_subMenu{
		visibility:hidden;
		position:absolute;
		overflow:hidden;
		border:1px solid #ffffff;
		background-color:#0D3692;
		/*font-family:arial;*/
		text-align:left;
	}
	.dhtmlgoodies_subMenu ul{
		margin:0px;
		padding:0px;	
	}
	.dhtmlgoodies_subMenu ul li{
		list-style-type:none;
		margin:0px;
		padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		white-space:nowrap; /* No line break */
		text-decoration:none;
		color:#ffffff;
		font-size:11px;
		font-weight:normal;
		height:20px;
		line-height:20px;
		padding:1px 5px;	/* "air" inside */
		padding-right:10px;
		display:block;	/* ne pas enlever */
	}
	
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#ffffff;
		background-color:#5B88EE;
		text-decoration:none;
	}
	
	#simple_menu a{
		font-size:11px;
		text-decoration:none;
		color:#ffffff;
		vertical-align:middle;
		border-bottom: 1px solid #FFFFFF;
		background-color:#0D3692;
		padding:5px;
		padding-right:15px;
		font-weight:normal;
		width:150px;
		display:block;
	}

	#simple_menu a:hover{	/* Main menu links */
		color:#ffffff;
		background-color:#5B88EE;
	}

	.fixe_menu{		
		/*font-family:arial;*/
		width:171px;
		padding-left: 10px;
	}
	.fixe_menu li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px;	/* No margin - needed for Opera */
	}
	.fixe_menu ul{	
		margin:0px;
		padding:0px;
	}
	.fixe_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
		padding-left:10px;
	}
	.fixe_menu li a{	/* Main menu links */
		text-decoration:none;
		color:#ffffff;
		font-size:11px;
		height:22px;
		line-height:22px;
		vertical-align:middle;
		border-bottom: 1px solid #FFFFFF;
		background-color:#0D3692;
		margin:1px;
		padding:1px;
		padding-left:5px;
		font-weight:normal;
		display:block;
	}
	 
	.fixe_menu li a:hover{
		color:#ffffff;
		background-color:#5B88EE;
	}
li.height66 a { height: 66px; }
/*************************************************************************************/