html{font-size:100%}
	
	body{margin:0;padding:0;background-color:#27a22d;font:0.625em/1em arial,helvetica,sans-serif;}	
	
	table{border-collapse:collapse;border-spacing:0;border:0;padding:0;margin:0;font-size:100%;}
	td{vertical-align:top;}
	
	*{margin:0;padding:0;border:0;}
	
	a{color:#043882;text-decoration:none;}
	a:hover{color:#043882;}
	
	p{
		color:#000;
		font-size:11px;
		margin:0 0 0.7em 0;
	}
	
	.reset {	display: block;clear: both;font-size: 1px;height: 1px;line-height: 0.1;}

	#conteneur_global{position:absolute;top:50%;left:50%}
	#main{background:#27a22d url(../Images/fond.jpg) no-repeat;width:1186px;height:642px;position:absolute;top:-350px;left:-593px;}
	#conteneur_site{float:left;width:1012px;padding:70px 100px 0 74px;}
	#conteneur_gauche{width:522px;}
	#conteneur_droite{}
	#haut_site{background: url(../Images/haut_fond.jpg) no-repeat top left;}
	#bande_1px_fond{background: url(../Images/bande_1px_fond.jpg) repeat-y;width:1012px;}
	
	/*Header*/
	#logo{display:block;text-indent:-9999px;overflow:hidden;width:473px;height:54px;background: url(../Images/logo.jpg) no-repeat;}
	#navigation{width:473px;height:16px;background: url(../Images/navigation.jpg) no-repeat;font:1.2em/1em arial,helvetica,sans-serif;}
	#navigation span{display:block;padding-left:75px;overflow:hidden;color:#fff;}
	#navigation_lien{color:#fff;text-decoration:none;}
	#navigation_lien:hover{color:#043882;}
	#navigation_lien_selected{color:#043882;}
	
	#ombre_sous_navigation{width:473px;height:10px;background: url(../Images/ombre_sous_nav.jpg) no-repeat;overflow:hidden;}
	#header_ombre{
		width:473px;
		height:20px;
		background: url(../Images/header_ombre.jpg) no-repeat;
		display:block;
		}
	
	/*HOME*/
		#home_gauche{padding-left:25px;}
		#home_droite{}
		
		/*Images droite*/
		#conteneur_images_droite{margin:32px 0 0 8px;}
		#home_comprendre{float:left;display:block;width:140px;height:277px;background: url(../Images/home_comprendre.jpg) no-repeat;text-indent:-9999px;overflow:hidden;}
		#home_comprendre:hover{background: url(../Images/home_comprendre_over.jpg) no-repeat;}
		
		#home_debattre{float:left;display:block;width:140px;height:277px;background: url(../Images/home_debattre.jpg) no-repeat;text-indent:-9999px;overflow:hidden;}
		#home_debattre:hover{background: url(../Images/home_debattre_over.jpg) no-repeat;}
		
		#home_agir{float:left;display:block;width:140px;height:277px;background: url(../Images/home_agir.jpg) no-repeat;text-indent:-9999px;overflow:hidden;}
		#home_agir:hover{background: url(../Images/home_agir_over.jpg) no-repeat;}
		
		#espace_inter_images{float:left;width:15px;height:277px;}
		
		
		/* Navigation */
		#menu{
			margin:32px 0 0 32px;
		}
		#menu ul{
			width:450px;
			overflow:hidden;
		}
		#menu ul li{
			list-style:none;
			display:inline;
		}
			#menu ul li a{
				width:140px;
				height:58px;
				float:left;
				display:block;
				text-indent:-9999px;
				margin-right:15px;
			}
	
			#menu ul li #debattre{
				background: url(../Images/navigation/debattre.jpg) top left no-repeat;
			}
				#menu ul li #debattre:hover{
					background: url(../Images/navigation/debattre_hover.jpg) top left no-repeat;
				}
				#menu ul li #debattre_unselected{
					background: url(../Images/navigation/debattre_unselected.jpg) top left no-repeat;
				}
				#menu ul li #debattre_unselected:hover{
					background: url(../Images/navigation/debattre_hover.jpg) top left no-repeat;
				}
				
				#menu ul li #debattre_active, 
				#menu ul li #debattre_active:hover{
					background: url(../Images/navigation/debattre_active.jpg) top left no-repeat;
				}
				
				
			#menu ul li #comprendre{
				background: url(../Images/navigation/comprendre.jpg) top left no-repeat;
			}
				#menu ul li #comprendre:hover{
					background: url(../Images/navigation/comprendre_hover.jpg) top left no-repeat;
				}
				#menu ul li #comprendre_unselected{
					background: url(../Images/navigation/comprendre_unselected.jpg) top left no-repeat;
				}
				#menu ul li #comprendre_unselected:hover{
					background: url(../Images/navigation/comprendre_hover.jpg) top left no-repeat;
				}
				#menu ul li #comprendre_active,
				#menu ul li #comprendre_active:hover{
					background: url(../Images/navigation/comprendre_active.jpg) top left no-repeat;
				}
				
			#menu ul li #agir{
				margin:0;
				background: url(../Images/navigation/agir.jpg) top left no-repeat;
			}
				#menu ul li #agir:hover{
					margin:0;
					background: url(../Images/navigation/agir_hover.jpg) top left no-repeat;
				}
				#menu ul li #agir_unselected{
				margin:0;
					background: url(../Images/navigation/agir_unselected.jpg) top left no-repeat;
				}
				#menu ul li #agir_unselected:hover{
				margin:0;
					background: url(../Images/navigation/agir_hover.jpg) top left no-repeat;
				}
				#menu ul li #agir_active, 
				#menu ul li #agir_active:hover{
					margin:0;
					background: url(../Images/navigation/agir_active.jpg) top left no-repeat;
				}
				
	#contentGauche{
		width:402px;
		background: url(../Images/illustration_fond.gif) top right repeat-y;
	}
	#contentDroite{
		background:#fff;
	}
	
		/* Quicknav */
		#quicknav_espace_gauche{float:left;width:25px;height:394px;}
		#quicknav{
			background: url(../Images/quicknav/quicknav_fond.jpg) top left no-repeat;
			width:197px;
			height:394px;
			float:left;
		}
			#quicknav ul{
				padding:0px 0 0 12px;
				list-style:none;
			}
			#quicknav ul li a{
				width:180px;
				height:73px;
				padding:0 0 5px;
				display:block;
				overflow:hidden;
				text-indent:-9999px;
			}
			#quicknav_carte{
				background: url(../Images/quicknav/quicknav_carte.jpg) top left no-repeat;
			}
				#quicknav_carte:hover{
					background: url(../Images/quicknav/quicknav_carte_hover.jpg) top left no-repeat;
				}
			#quicknav_carte_selected{
				background: url(../Images/quicknav/quicknav_carte.jpg) top left no-repeat;
			}
			#quicknav_carte_unselected{
				background: url(../Images/quicknav/quicknav_carte_hover.jpg) top left no-repeat;
			}
				#quicknav_carte_unselected:hover{
					background: url(../Images/quicknav/quicknav_carte.jpg) top left no-repeat;
				}
				
				
			#quicknav_chiffres{
				background: url(../Images/quicknav/quicknav_chiffres.jpg) top left no-repeat;
			}
				#quicknav_chiffres:hover{
					background: url(../Images/quicknav/quicknav_chiffres_hover.jpg) top left no-repeat;
				}
			#quicknav_chiffres_selected{
				background: url(../Images/quicknav/quicknav_chiffres.jpg) top left no-repeat;
			}
			#quicknav_chiffres_unselected{
				background: url(../Images/quicknav/quicknav_chiffres_hover.jpg) top left no-repeat;
			}
				#quicknav_chiffres_unselected:hover{
					background: url(../Images/quicknav/quicknav_chiffres.jpg) top left no-repeat;
				}
				
				
				
			#quicknav_dechets{
				background: url(../Images/quicknav/quicknav_dechets.jpg) top left no-repeat;
			}
				#quicknav_dechets:hover{
					background: url(../Images/quicknav/quicknav_dechets_hover.jpg) top left no-repeat;
				}
			#quicknav_dechets_selected{
				background: url(../Images/quicknav/quicknav_dechets.jpg) top left no-repeat;
			}
			#quicknav_dechets_unselected{
				background: url(../Images/quicknav/quicknav_dechets_hover.jpg) top left no-repeat;
			}
				#quicknav_dechets_unselected:hover{
					background: url(../Images/quicknav/quicknav_dechets.jpg) top left no-repeat;
				}
				
				
			#quicknav_conseils{
				background: url(../Images/quicknav/quicknav_conseils.jpg) top left no-repeat;
			}
			
				#quicknav_conseils:hover{
					background: url(../Images/quicknav/quicknav_conseils_hover.jpg) top left no-repeat;
				}
			#quicknav_conseils_selected{
				background: url(../Images/quicknav/quicknav_conseils.jpg) top left no-repeat;
			}
			#quicknav_conseils_unselected{
				background: url(../Images/quicknav/quicknav_conseils_hover.jpg) top left no-repeat;
			}
				#quicknav_conseils_unselected:hover{
					background: url(../Images/quicknav/quicknav_conseils.jpg) top left no-repeat;
				}
				
				
			#quicknav_autocollant{
				background: url(../Images/quicknav/quicknav_autocollant.jpg) top left no-repeat;
				margin-top:15px;
			}
		/* Illustration */
		#illustration{			
			float:left;
			width:180px;
			}
		#illustration_comprendre{
			float:left;
			width:180px;
			height:394px;
			background:url(../Images/illus_comprendre.jpg) no-repeat;
		}
		#illustration_debattre{
			float:left;
			width:180px;
			height:394px;
			background:url(../Images/illus_debattre.jpg) no-repeat;
		}
		#illustration_agir{
			float:left;
			width:180px;
			height:394px;
			background:url(../Images/illus_agir.jpg) no-repeat;
		}
		
		/* Content */
		#contentWrapper{
			background: #fff;
			text-align:left;
			float:left;
			width:578px;
		}
		
			#contentWrapper p a{color:#043882;text-decoration:none;
			}
				#contentWrapper p a:hover{text-decoration:underline;}
			
			#contentWrapper #content{
				float:left;
				width:360px;
			}
			#contentWrapper #content p{
				margin-left:12px;
			}
			#contentWrapper #contentPlus{
				width:100%;
			}
					#content_header{
						padding:5px;
					}
					#content_header img{
						float:left;
						margin-top:7px;
					}
					#content_header  #retour{
						width:62px;
						height:16px;
						background:url(../Images/retour.gif);
						text-indent:-9999px;
						float:right;
						margin:5px 0 0 0;
						display:block;
						overflow:hidden;
					}
					#content_header  #retour:hover{
						background:url(../Images/retour_hover.gif);
					}
					
					#content_body{
						margin:1em 40px 2em 15px;
					}
						#content_body ul {
							margin-left:5px;margin-top:4px;
						}
						#content_body ul li{
							list-style-type:none;
						}
						#content_telechargement{
						background:#e2e2e2;
						float:right;
						text-align:right;width:400px;margin-top:10px;margin-bottom:20px
						}
						#content_telechargement a{
						display:block;
						padding:5px 10px 5px 8px;
						}
						#content_telechargement a:hover{
						text-decoration:underline;
						}
						
			
			.chapo{
				font:1.3em/1em arial,helvetica,sans-serif;line-height:1.2em;font-weight:bold;font-style:italic;
				margin:0.5em 0 0.7em 0;color:#043882;
			}
			
			/*class textes*/
			.chapo_comprendre{font:1.3em/1em arial,helvetica,sans-serif;line-height:1.2em;font-weight:bold;font-style:italic;
				margin:0.5em 0 0.7em 0;color:#27a22d}
			.chapo_agir{font:1.3em/1em arial,helvetica,sans-serif;line-height:1.2em;font-weight:bold;font-style:italic;
				margin:0.5em 0 0.7em 0;color:#eb5e00}
				
			.titre_article{font:1.6em/1em arial,helvetica,sans-serif;font-weight:bold;color:#043882;}
			.titre_article_comprendre{font:1.6em/1em arial,helvetica,sans-serif;font-weight:bold;color:#27a22d;}
			.titre_article_agir{font:1.6em/1em arial,helvetica,sans-serif;font-weight:bold;color:#eb5e00;}
			.paragraphe_bold_12{font:1.2em/1em arial,helvetica,sans-serif;font-weight:bold;}
			.paragraphe_bold_14_bleu{font:1.4em/1em arial,helvetica,sans-serif;line-height:1.4em;font-weight:bold;color:#043882;}
			
			.bleu{color:#043882;}
			.vert{color:#27a22d;}
			.orange{color:#eb5e00;}
		
		
		/* Submenu */
			#submenu{
				float:left;
				width:191px;
				height:100%;
				background:#ccc;
				margin:65px 0 0 10px;
			}
				#submenu h2{
					width:191px;
					height:30px;
					display:block;
					text-indent:-9999px;
				}
				#submenu h2.agir_plus{
					background:url(../Images/agir/en_savoir_plus.jpg) top left no-repeat;
				}
				#submenu h2.comprendre_plus{
					background:url(../Images/comprendre/en_savoir_plus.jpg) top left no-repeat;
				}
				#submenu h2.debattre_plus{
					background:url(../Images/debattre/en_savoir_plus.jpg) top left no-repeat;
				}
				#submenu ul li{
					list-style:none;
					border-bottom:1px solid #fff;
					background:url(../Images/submenu_puce.gif) top left no-repeat;
					background-position:10px 5px;
					padding:2px 4px 5px 25px;
				}
				#submenu ul li a{
					font-size:12px;
					color:#333;
				}
				#submenu ul li a:hover{
					color:#fff;
				}
				
		
		
		
		/*Animation*/
		#animation_ombre{background: url(../Images/ombre_animation.jpg) no-repeat;width:473px;height:406px}
		#animation_conteneur{margin-left:7px;overflow:hidden;width:459px;height:399px}
		
		/*ACTUS*/
		#actus_conteneur{width:473px;margin-top:20px;}
		#separation_actus{float:left;width:1px;height:130px;background: url(../Images/home_actualites_trait.jpg) no-repeat;}
		#actus_bandeau{width:473px;height:26px;background: url(../Images/home_actualites.jpg) no-repeat;text-indent:-9999px;overflow:hidden;}
		#actus_home_txt{float:left;padding:15px 15px 3px 10px;color:#fff;}
		.actus_date{color:#cddacf;font:1.4em/1em arial,helvetica,sans-serif;line-height:1.1em}
		.actus_titre{font:1.2em/1em arial,helvetica,sans-serif;line-height:1.2em;font-weight:bold;}
		.actus_texte{font:1.1em/1em arial,helvetica,sans-serif;line-height:1.1em}
		
		 #savoir_plus{margin:5px 0 0 140px;display:block;height:20px;font:1.1em/1em arial,helvetica,sans-serif;background: url(../Images/savoir_plus.jpg) no-repeat 50px 0px;color:#fff; }
			#savoir_plus span{display:block;position:relative;top:2px;}
			#savoir_plus:hover{
				color:#043882;}
		
		/*NOS POUBELLES EN CHIFFRE*/
		#nos_poubelles_encadre_1{float:right;margin-right:1px;width:275px;background:#d9dadb url(../Images/transversal/fond_gris.jpg);margin-bottom:15px;}
		#nos_poubelles_encadre_1 p{padding:9px 11px 9px 14px;margin:0;}
		#tableau_poubelles_en_chiffre{border:2px solid #fff;margin-left:-2px;}
		#tableau_poubelles_en_chiffre td{border:1px solid #666;vertical-align:middle;text-align:center;font:1.2em/1em arial,helvetica,sans-serif;padding:6px 10px 6px 10px}
		#tableau_poubelles_en_chiffre td.cellule_grise{background:#CCC;font-weight:bold;}
		#tableau_poubelles_en_chiffre td.cellule_droite_titre{color:#fff;background:#27a22d;}
		#tableau_poubelles_en_chiffre td.cellule_droite{color:#27a22d;font-weight:bold;}
		
		/*Que deviennent nos poubelles*/
		#animation_dechets{margin-bottom:15px;}

		/*CONSEILS*/
		.zebre{width:550px;}
		.zebre td{padding:8px 4px 8px 4px;width:33%}
		.zebre div{padding:7px;}
		.zebre img{overflow:hidden;margin-bottom:5px;}
		.pair{background:#e2e2e2}
		
		/*TELECHARGEMENTS*/
		#tableau_telechargement{width:550px;}
		#tableau_telechargement td{clear:both;padding:8px 4px 8px 4px;width:50%;}
		#tableau_telechargement div{float:left;padding:7px;}
		.pair{background:#e2e2e2}
		#tableau_telechargement img{float:left;overflow:hidden;}
		#tableau_telechargement p{padding:0 0 0 7px;display:block;float:left;width:140px;}
		
		/*PRESSE*/
		#presse_telechargement{
			background:#e2e2e2 url(../Images/transversal/fond_gris.jpg);
			width:260px;margin:0 15px 15px 0;
			padding:7px;
			float:left;
		}
		#presse_telechargement img{float:left;}
		#presse_telechargement p{width:120px;float:left;padding-left:10px;}
		
		/*Actualités*/
		#lire_la_suite{float:right;padding-top:3px;}
		#liste_actus_comprendre{padding:5px 0 10px 0;padding-left:15px;display:block;list-style:url(../Images/transversal/puce_verte.jpg);}
			#liste_actus_comprendre li{margin-bottom:8px;}
			#liste_actus_comprendre li a:hover {color:#27a22d;}
			#liste_actus_comprendre li a{font:1.1em/1em arial,helvetica,sans-serif;color:#000;}
			#actualites_titre_comprendre{font:1.1em/1em arial,helvetica,sans-serif;font-weight:bold;color:#27a22d;}
		
		#liste_actus_debattre{padding:5px 0 10px 0;padding-left:15px;display:block;list-style:url(../Images/transversal/puce_bleue.jpg);}
			#liste_actus_debattre li{margin-bottom:8px;}
			#liste_actus_debattre li a:hover {color:#043882;}
			#liste_actus_debattre li a{font:1.1em/1em arial,helvetica,sans-serif;color:#000;}
			#actualites_titre_debattre{font:1.1em/1em arial,helvetica,sans-serif;font-weight:bold;color:#043882;}
		
		#liste_actus_agir{padding:5px 0 10px 0;padding-left:15px;display:block;list-style:url(../Images/transversal/puce_orange.jpg);}
			#liste_actus_agir li{margin-bottom:8px;}
			#liste_actus_agir li a:hover {color:#eb5e00;}
			#liste_actus_agir li a{font:1.1em/1em arial,helvetica,sans-serif;color:#000;}
			#actualites_titre_agir{font:1.1em/1em arial,helvetica,sans-serif;font-weight:bold;color:#eb5e00;}
		
		/*FOOTER FOOTER*/
	#footer{background:#27a22d url(../Images/footer.jpg) no-repeat;
	width:1012px;
	height:95px;
	font:1.1em/1em arial,helvetica,sans-serif;
	text-align:right;
	}
	#footer #cg37{
		float:right;

		margin:10px 30px 0 0 ;
	}
	#footer #cg37 a{
		width:240px;
		height:50px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	
	}
	
	#footer #liensFooter{
		float:right;
		display:block;
		padding:10px 34px 0 0;
		color:#fff;}
	#footer #liensFooter a{color:#fff;}
	#footer #liensFooter a:hover{
				color:#043882;}