/* ©2009 Didier Berck */

/* common --> */
body {
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
	color: #898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a img {
	border: 0;
}
.clear {
	height: 1px;
	overflow: hidden;
	clear: both;
}
div#container {
	width: 998px;
	margin: auto;
}
/* <-- common */

/* header --> */
div#header {
	width: 980px;
	height: 82px;
	position: relative;
	margin: auto;
	background-image: url(../images/bg-header.jpg);
}
div#header h1 {
	position: absolute;
	z-index: 100;
	margin: 0 0 0 -23px;
	padding: 0;
	color: #ea690b;
	font-size: 24px;
}
div#header h1 a {
	color: #ea690b;
	text-decoration: none;
}
div#header h1 img {
	float: left;
}
/* <-- header */

/* nav --> */
div#header ul {
	padding: 0;
	float: right;
	list-style: none;
}
div#header li {
	float: left;
	display: inline;
	font-size: 11px;
	text-transform: uppercase;
}
ul#languages {
	height: 10px;
	margin: 13px 20px 0 0;
}
ul#languages li {
	margin-left: 9px;
}
ul#nav {
	position: absolute;
	top: 47px;
	right: 0;
	z-index: 200;
	margin: 0;
	clear: right;
}
ul#nav li {
	width: 123px;
	height: 35px;
	overflow: visible;
	background-image: url(../images/nav-separator.png);
	background-position: left;
	background-repeat: no-repeat;
}
ul#nav li:first-child {
	background-image: none;
}
ul#nav a {
	height: 12px;
	padding: 12px 0 11px 0;
	display: block;
	color: #6e6e6e;
	text-align: center;
	text-decoration: none;
}
ul#nav a.two {
	height: 23px;
	padding: 6px 0 6px 0;
}
ul#nav a:hover,
ul#nav a:focus {
	color: #ea690b;
}
ul#nav ul {
	width: 739px;
	height: 32px;
	position: absolute;
	z-index: 300;
	left: -999em;
	float: left;
	overflow: hidden;
}
ul#nav ul.sn1 {
	margin: -4px 0 0 -1px;
	background-image: url(../images/bg-subnav-1.png);
}
ul#nav ul.sn2 {
	margin: -4px 0 0 -123px;
	background-image: url(../images/bg-subnav-2.png);
}
ul#nav ul.sn3 {
	margin: -4px 0 0 -246px;
	background-image: url(../images/bg-subnav-3.png);
}
ul#nav ul.sn4 {
	margin: -4px 0 0 -369px;
	background-image: url(../images/bg-subnav-4.png);
}
ul#nav ul.sn6 {
	margin: -4px 0 0 -614px;
	background-image: url(../images/bg-subnav-6.png);
}
ul#nav li:hover ul,
ul#nav li:focus ul,
ul#nav li.hover ul {
	left: auto !important;
	background-color: transparent;
}
ul#nav ul.sn1 li {
	width: 147px;
}
ul#nav ul.sn2 li {
	width: 246px;
}
ul#nav ul.sn3 li {
	width: 184px;
}
ul#nav ul.sn4 li {
	width: 183px;
}
ul#nav ul.sn6 li {
	width: 368px;
}
ul#nav ul li {
	height: 32px;
	background-image: url(../images/subnav-separator.png);
	background-position: 0px 12px;
}
ul#nav ul a {
	height: 12px;
	padding: 14px 0 6px 0;
	color: #fff;
}
ul#nav ul a:hover,
ul#nav ul a:focus {
	color: #6e6e6e;
}
/* <-- nav */

/* content --> */
div#content {
	min-height: 400px;
	padding-bottom: 12px;
	background-image: url(../images/bg-content.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
div#page {
	width: 980px;
	min-height: 400px;
	margin: auto;
	/*padding-bottom: 12px;*/
	background-image: url(../images/bg-page.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	/*background-color: #fff;*/
}
div#text {
	width: 645px;
	padding: 20px 60px 20px 59px;
	float: right;
	background-position: bottom right;
	background-repeat: no-repeat;
}
div.matieres_recyclables {
	background-image: url(../images/bg-matieres_recyclables.jpg);
}
div.recyclage_de_deee {
	background-image: url(../images/bg-recyclage_de_deee.jpg);
}
div.recyclage_de_bois {
	background-image: url(../images/bg-recyclage_de_bois.jpg);
}
div.recyclage_de_palettes {
	background-image: url(../images/bg-recyclage_de_palettes.jpg);
}
div.collecte_de_dechets {
	background-image: url(../images/bg-collecte_de_dechets.jpg);
	padding-bottom: 180px !important;
}
div.gestion_durable {
	background-image: url(../images/bg-gestion_durable.jpg);
	padding-bottom: 180px !important;
}
div.politique_environnementale {
	background-image: url(../images/bg-politique_environnementale.jpg);
	padding-bottom: 180px !important;
}
div.securite {
	background-image: url(../images/bg-securite.jpg);
	padding-bottom: 250px !important;
}
div.qualite {
	background-image: url(../images/bg-qualite.jpg);
	padding-bottom: 250px !important;
}
div.recyclage div#text{
	padding-bottom: 250px !important;
}
div#text h2 {
	margin: 0 0 0 -35px;
	padding: 4px 35px;
	background-image: url(../images/bg-title.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 15px;
	text-transform: uppercase;
}
div#text h3 {
	margin: 12px 0 0 0;
	clear: both;
	color: #ea690b;
	font-size: 13px;
	font-style: italic;
}
div#text h4 {
	margin: 12px 0 0 0;
	clear: both;
	color: #ea690b;
	font-size: 12px;
}
div#text a {
	color: #898989;
}
div#text a:hover,
div#text a:focus {
	text-decoration: none;
}
div.qui_sommes_nous h2, 
div.qui_sommes_nous h3, 
div.qui_sommes_nous h4, 
div.qui_sommes_nous a, 
div.qui_sommes_nous strong {
	color: #a1a22e !important;
}
div.notre_savoir_faire h2, 
div.notre_savoir_faire h3, 
div.notre_savoir_faire h4, 
div.notre_savoir_faire a, 
div.notre_savoir_faire strong {
	color: #ea0b58 !important;
}
div.nos_services h2, 
div.nos_services h3, 
div.nos_services h4, 
div.nos_services a, 
div.nos_services strong {
	color: #976a5d !important;
}
div.developpement_durable h2, 
div.developpement_durable h3, 
div.developpement_durable h4, 
div.developpement_durable a, 
div.developpement_durable strong {
	color: #0bc3ea !important;
}
div.contact h2, 
div.contact h3, 
div.contact h4, 
div.contact a, 
div.contact strong {
	color: #c43157 !important;
}
div.liens_publications h2, 
div.liens_publications h3, 
div.liens_publications h4, 
div.liens_publications a, 
div.liens_publications strong {
	color: #7648ad !important;
}
div#text h3 + p,
div#text h4 + p {
	margin-top: 0;
}
div#text p {
	margin: 12px 0;
	line-height: 16px;
	text-align: justify;
}
div#text ul {
	margin: 12px 0;
	padding: 0 0 0 16px;
	list-style: square;
	line-height: 16px;
}
div#text li {
	text-align: justify;
}
div#text ul ul {
	margin-top: 0 !important;
}
div#text strong {
	font-weight: normal;
}
div#adresses {
	/*color: #c43157;*/
}
div#adresses p {
	width: 215px;
	float: left;
}
/* <-- content */

/* images --> */
img.left {
	margin: 4px 20px 4px 0;
	float: left;
}
img.right {
	margin: 4px 0 4px 20px;
	float: right;
}
img.img1 {
	margin: 4px 0 4px 30px;
}
img.img2 {
	margin: 4px 0 4px 180px;
}
img.img3 {
	margin: 4px 0 4px 70px;
}
img.img4 {
	margin: 4px 0 4px 50px;
}
/* <-- images */

/* tables --> */
table.list {
	width: 100%;
	border-collapse: collapse;
}
table.list th {
	padding: 5px 10px;
	text-align: left;
	background-color: #f5f5f5;
	border: 1px solid #8d8e8e;
}
table.list td {
	padding: 5px 10px;
	border: 1px solid #8d8e8e;
}
table.list th.date,
table.list td.date {
	width: 150px;
}
/* <-- tables */

/* subnav --> */
ul#subnav {
	width: 165px;
	margin: -140px 0 0 49px;
	padding: 0;
	float: left;
	list-style: none;
}
ul#subnav li {
	padding: 0 0 0 35px;
	background-image: url(../images/arrow-c1.gif);
	background-position: 15px 9px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
}
div.qui_sommes_nous ul#subnav li {
	background-image: url(../images/arrow-c1.png);
}
div.qui_sommes_nous ul#subnav li.active,
div.qui_sommes_nous ul#subnav li:hover {
	background-image: url(../images/arrow-c1-over.png);
}
div.notre_savoir_faire ul#subnav li {
	background-image: url(../images/arrow-c2.png);
}
div.notre_savoir_faire ul#subnav li.active,
div.notre_savoir_faire ul#subnav li:hover {
	background-image: url(../images/arrow-c2-over.png);
}
div.nos_services ul#subnav li {
	background-image: url(../images/arrow-c3.png);
}
div.nos_services ul#subnav li.active,
div.nos_services ul#subnav li:hover {
	background-image: url(../images/arrow-c3-over.png);
}
div.developpement_durable ul#subnav li {
	background-image: url(../images/arrow-c4.png);
}
div.developpement_durable ul#subnav li.active,
div.developpement_durable ul#subnav li:hover {
	background-image: url(../images/arrow-c4-over.png);
}
div.contact ul#subnav li {
	background-image: url(../images/arrow-c5.png);
}
div.contact ul#subnav li.active,
div.contact ul#subnav li:hover {
	background-image: url(../images/arrow-c5-over.png);
}
ul#subnav > li:first-child {
	border-top: 1px solid #fff;
}
ul#subnav ul {
	margin: 0 14px 0 -20px;
	padding: 0;
	list-style: none;
}
ul#subnav ul li {
	padding: 0 0 0 20px;
	background: none !important;
	border-top: 1px solid #dcdcdc;
	border-bottom: none;
}
ul#subnav a {
	/*height: 13px;*/
	padding: 9px 0;
	display: block;
	color: #6e6e6e;
	text-decoration: none;
}
ul.notre_mission a:hover,
ul.notre_mission a:focus,
ul.notre_mission li.active a {
	color: #a4c400;
}
ul.notre_savoir_faire a:hover,
ul.notre_savoir_faire a:focus,
ul.notre_savoir_faire li.active a {
	color: #ea0b58 !important;
}
/* <-- subnav */

/* buttons --> */
div#buttons {
	height: 48px;
	padding: 185px 0 0 465px;
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.img-historique {
	background-image: url(../images/bg-historique.jpg);
}
div.img-notre_mission {
	background-image: url(../images/bg-notre_mission.jpg);
}
div.img-le_groupe {
	background-image: url(../images/bg-le_groupe.jpg);
}
div.img-nos_valeurs {
	background-image: url(../images/bg-nos_valeurs.jpg);
}
div.img-news {
	background-image: url(../images/bg-news.jpg);
}
div.img-recyclage {
	background-image: url(../images/bg-recyclage.jpg);
}
div.img-traitements {
	background-image: url(../images/bg-traitements.jpg);
}
div.img-compostage {
	background-image: url(../images/bg-compostage.jpg);
}
div.img-collecte_de_dechets {
	background-image: url(../images/bg-collecte.jpg);
}
div.img-service_containers {
	background-image: url(../images/bg-service_containers.jpg);
}
div.img-location_de_toilettes {
	background-image: url(../images/bg-location_de_toilettes.jpg);
}
div.img-nettoyage {
	background-image: url(../images/bg-nettoyage.jpg);
}
div.img-gestion_durable {
	background-image: url(../images/bg-gestion_d.jpg);
}
div.img-politique_environnementale {
	background-image: url(../images/bg-politique.jpg);
}
div.img-securite {
	background-image: url(../images/bg-securite1.jpg);
}
div.img-qualite {
	background-image: url(../images/bg-qualite1.jpg);
}
div.img-contact {
	background-image: url(../images/bg-contact.jpg);
}
div.img-liens, 
div.img-publications {
	background-image: url(../images/bg-liens.jpg);
}
div.img-plan_du_site,
div.img-disclaimer {
	background-image: url(../images/bg-plan_du_site.jpg);
}
div.img-offres_d_emploi {
	background-image: url(../images/bg-offres_d_emploi.jpg);
}
div#buttons ul {
	margin: 0;
	padding: 0 22px 0 0;
	float: right;
	list-style: none;
}
div#buttons li {
	margin-left: 30px;
	display: inline;
	float: left;
}
div#buttons li:first-child {
	margin-left: 0;
}
div#buttons a {
	color: #6e6e6e;
	text-decoration: none;
}
/* <-- buttons */

/* blocks --> */
div#text div.block {
	/*margin: 0 10px;
	padding-top: 12px;*/
	border-bottom: 1px solid #c3c4c7;
}
div#text div.last {
	border-bottom: 0;
}
div#text div.block h3 {
	/*float: left;*/
	clear: none !important;
}
div#text div.block h4 {
	font-weight: normal;
}
div#text div.block p {
	clear: left;
}
div#text div.block p.date {
	margin: 12px 0 12px 10px!important;
	float: left;
	clear: none;
	font-size: 11px;
}
div#text div.block p.pdf {
	padding-left: 20px;
	margin-left: 40px;
	background: url(../images/icons/page_white_acrobat.png) bottom left no-repeat;
}
div#text div.block p.url {
	margin-left: 40px;
}
div#text div.block div.pics {
	width: 240px;
	margin: 4px 0 4px 20px;
	float: right;
}
div#text div.block div.wrapper {
	width: 240px;
	height: 180px;
	overflow: hidden;
}
div#text div.block div.pics img {
	margin: 0 !important;
	float: left;
}
div#text div.block div.pics p {
	margin: 0 !important;
	text-align: center;
}
div#text div.block div.pics a {
	text-decoration: none;
}
div#text div.block div.pics a:hover,
div#text div.block div.pics a:focus, 
div#text div.block div.pics a.active {
	font-weight: bold;
	color: #ea690b !important;
}
div#text div.block img.pub {
	margin-top: 6px;
}
/* <-- blocks */

/* tuv --> */
div#tuv {
	height: 72px;
	margin-top: -72px;
	padding-left: 63px;
}
/* <-- tuv */

/* footer --> */
div#footer {
	width: 925px;
	height: 15px;
	overflow: hidden;
	margin: auto;
	padding: 9px 5px 6px 50px;
	background-image: url(../images/bg-footer.png);
	background-repeat: no-repeat;
	color: #b4b4b4;
	font-size: 9px;
	text-transform: uppercase;
}
div#footer p {
	margin: 0;
	padding: 0 8px;
	float: left;
}
div#footer p.sitemap {
	width: 310px;
	padding-left: 18px;
	background-image: url(../images/arrow-1.png);
	background-position: center left;
	background-repeat: no-repeat;
}
div#footer p.right {
	float: right;
}
div#footer a {
	color: #b4b4b4;
	text-decoration: none;
}
div#footer a:hover,
div#footer a:focus {
	color: #898989;	
}
div#footer form {
	margin: -3px 0 0 0;
	float: left;
	width: 395px;
}
div#footer p#form_nl {
}
div#footer label {
	margin: 3px 3px 0 0;
	float: left;
}
div#footer input {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 3px solid #f5f5f5;
	padding: 0;
	color: #ea690b;
}
div#footer button {
	margin-left: 2px;
	width: 35px;
	padding: 2px 8px 3px 8px;
	float: left;
	border: 0;
	background-color: #f5f5f5;
	color: #898989;
	font-size: 10px;
	cursor: pointer;
}
p#copy {
	width: 950px;
	margin: 0 auto;
	padding: 10px 15px;
	font-size: 9px;
	text-align: right;
	text-transform: uppercase;
}
p#copy a {
	color: #b4b4b4;
	text-decoration: none;
}
p#copy a:hover,
p#copy a:focus {
	color: #898989;	
}
/* <-- footer */

/* charte ethique --> */
p#charte {
	position: absolute;
	top: 540px;
	left: 50%;
	margin: 0 0 0 -402px;
} 
/* <-- charte ethique */