*{margin:0;padding:0;}

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
background-color: #6abfef;
}

div#degrade {height: 300px; background: url(images/degrade_fond.jpg) repeat-x;}
div#global {margin-top: -288px;}

a img{border: none; margin-top: 75px;}

h2 {margin-left: -100px; margin-top: 85px;}

div#header {width: 800px; height: 116px; background: url(images/entete_sirtom.jpg) no-repeat; margin: auto;}
div#background {width: 800px; height: 484px; background: url(images/corps_acceuil_president.jpg) no-repeat; margin: auto;}

div#background p#mot_du_president {float:left; text-align: center; width: 585px; margin-left: 205px; margin-top: -240px; color: #fff;}

div#background ul#menu {float: left; padding-left: 40px;}
div#background ul#menu li {list-style: none; padding-top: 10px;}
div#background ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background ul#menu li a:hover {color: red; padding-left: 2px;}

div#background ul#menu div#presentation {margin-left: -30px;}
div#background ul#menu div#presentation ul li {list-style: none; display: block;}
div#background ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}

div#background p#title {font-family: arial; font-size: 20px; font-weight: bold; padding-top: 10px; padding-left: 420px;}


/******************************************************** PRESENTATION 1 *************************************************************/						


div#header {width: 800px; height: 116px; background: url(images/entete_sirtom.jpg) no-repeat; margin: auto;}
div#background_presentation {width: 800px; height: 484px; background: url(images/corps_quisommesnous_1.jpg) no-repeat; margin: auto;}

div#background_presentation ul#menu {padding-left: 40px;}
div#background_presentation ul#menu li {list-style: none; padding-top: 10px;}
div#background_presentation ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_presentation ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_presentation ul#menu div#presentation {margin-left: -30px;}
div#background_presentation ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_presentation ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_presentation ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}	
											
						div#background_presentation div#organigramme {float: left; position: absolute; margin: 50px 0px 0px 520px;}
						div#background_presentation div#organigramme a {text-decoration: none; color: #32435d; font-weight: bold;}
						div#background_presentation div#organigramme a:hover {text-decoration: none; color: #5b8ab3;}
											
						div#background_presentation div#suite {position: absolute; margin-left: 645px; margin-top: 80px;}
						div#background_presentation div#suite a {text-decoration: none; color: #f6d832; font-weight: bold;}
						div#background_presentation div#suite a:hover {text-decoration: none; color: #f8e892; font-weight: bold;}
						
						div#background_presentation div#bureau {float: left; position: absolute; margin: -3px 0px 0px 250px;}
						div#background_presentation div#bureau a {text-decoration: none; color: #f6d832; font-weight: bold;}
						div#background_presentation div#bureau a:hover {text-decoration: none; color: #f8e892; font-weight: bold;}
						

/******************************************************** PRESENTATION 2 *************************************************************/												
						
						
div#header {width: 800px; height: 116px; background: url(images/entete_sirtom.jpg) no-repeat; margin: auto;}
div#background_presentation_2 {width: 800px; height: 484px; background: url(images/corps_quisommesnous_2.jpg) no-repeat; margin: auto;}

div#background_presentation_2 ul#menu {padding-left: 40px;}
div#background_presentation_2 ul#menu li {list-style: none; padding-top: 10px;}
div#background_presentation_2 ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_presentation_2 ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_presentation_2 ul#menu div#presentation {margin-left: -30px;}
div#background_presentation_2 ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_presentation_2 ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_presentation_2 ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}	
											
						div#background_presentation_2 div#suite_2 {position: absolut; margin: -132px 0 300px 725px;}
						div#background_presentation_2 div#suite_2 a {text-decoration: none; color: #32435d; font-weight: bold;}
						div#background_presentation_2 div#suite_2 a:hover {color: #5b8ab3;}
						
						div#background_presentation_2 div#planning_collecte {position: absolut; margin: -265px 0 300px 180px;}
						div#background_presentation_2 div#planning_collecte a {text-decoration: none; color: #32435d; font-weight: bold;}
						div#background_presentation_2 div#planning_collecte a:hover {color: #5b8ab3;}
						
						
/******************************************************** PRESENTATION 3 *************************************************************/						
						
						
div#header {width: 800px; height: 116px; background: url(images/entete_sirtom.jpg) no-repeat; margin: auto;}
div#background_presentation_3 {width: 800px; height: 484px; background: url(images/equipements.jpg) no-repeat; margin: auto;}

div#background_presentation_3 ul#menu {padding-left: 40px;}
div#background_presentation_3 ul#menu li {list-style: none; padding-top: 10px;}
div#background_presentation_3 ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_presentation_3 ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_presentation_3 ul#menu div#presentation {margin-left: -30px;}
div#background_presentation_3 ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_presentation_3 ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_presentation_3 ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}
											
										
						div#background_presentation_3 div#territoire {position: absolut; margin: 70px 0 300px 460px;}
						div#background_presentation_3 div#territoire a {font-size: 12px; text-decoration: none; color: #000; font-weight: bold;}
						
/******************************************************** BACKGROUND CARTE *************************************************************/	
	
div#header {width: 800px; height: 116px; background: url(images/entete_sirtom.jpg) no-repeat; margin: auto;}
div#background_carte {width: 800px; height: 484px; background: url(images/carte.jpg) no-repeat; margin: auto;}

div#background_carte ul#menu {padding-left: 40px;}
div#background_carte ul#menu li {list-style: none; padding-top: 10px;}
div#background_carte ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_carte ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_carte ul#menu div#presentation {margin-left: -30px;}
div#background_carte ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_carte ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_carte ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}		

div#background_carte div#suite_3 {position: absolut; margin: -280px 0px 0px 180px;}
div#background_carte div#suite_3 a {font-size: 12px; text-decoration: none; color: #32435d; font-weight: bold;}	
div#background_carte div#suite_3 a:hover {font-size: 12px; text-decoration: none; color: #5b8ab3; font-weight: bold;}											
											
div#background_carte div#suitedelegues{position: absolut; margin: 350px 0 100px 190px;}
div#background_carte div#suitedelegues a {font-size: 12px; text-decoration: none; color: black; font-weight: bold;}	
div#background_carte div#suitedelegues a:hover {font-size: 12px; text-decoration: none; color: #5b8ab3; font-weight: bold;}	
											
/******************************************************** DECHETTERIE *************************************************************/	

div#background_decheterie {width: 800px; height: 484px; background: url(images/corps_dechetterie_1.jpg) no-repeat; margin: auto;}

div#background_decheterie ul#menu {padding-left: 40px;}
div#background_decheterie ul#menu li {list-style: none; padding-top: 10px;}
div#background_decheterie ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_decheterie ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_decheterie ul#menu div#presentation {margin-left: -30px;}
div#background_decheterie ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_decheterie ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_decheterie ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}		


/******************************************************** TELECHARGEMENT *************************************************************/

div#background_telechargement {width: 800px; height: 484px; background: url(images/corps_telechargements.jpg) no-repeat; margin: auto;}

div#background_telechargement ul#menu {padding-left: 40px;}
div#background_telechargement ul#menu li {list-style: none; padding-top: 10px;}
div#background_telechargement ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_telechargement ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_telechargement ul#menu div#presentation {margin-left: -30px;}
div#background_telechargement ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_telechargement ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_telechargement ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}

div#background_telechargement h2 {margin-top: -360px; margin-left: 370px; text-decoration: underline;}
											
div#background_telechargement ul#telechargements {float: left; margin-top: 15px; margin-left: 250px;}		
div#background_telechargement ul#telechargements li {list-style: none; padding: 4px 4px 4px 4px;}	
div#background_telechargement ul#telechargements li a {text-decoration: none; color: white;}	
div#background_telechargement ul#telechargements li a:hover {text-decoration: none; color: blue;}		

div#background_telechargement ul#telechargements_2 {float: left; margin-top: 15px;}		
div#background_telechargement ul#telechargements_2 li {list-style: none; padding: 4px 4px 4px 4px;}	
div#background_telechargement ul#telechargements_2 li a {text-decoration: none; color: white; padding-left: 10px;}	
div#background_telechargement ul#telechargements_2 li a:hover {text-decoration: none; color: blue;}

div#background_telechargement ul#telechargements_3 {float: left;  margin-top: 15px;}		
div#background_telechargement ul#telechargements_3 li {list-style: none; padding: 4px 4px 4px 4px;}	
div#background_telechargement ul#telechargements_3 li a {text-decoration: none; color: white; padding-left: 10px;}	
div#background_telechargement ul#telechargements_3 li a:hover {text-decoration: none; color: blue;}	

div#background_telechargement ul#telechargements_4 {float: left;  margin-top: 15px;}		
div#background_telechargement ul#telechargements_4 li {list-style: none; padding: 4px 4px 4px 4px;}	
div#background_telechargement ul#telechargements_4 li a {text-decoration: none; color: white; padding-left: 10px;}	
div#background_telechargement ul#telechargements_4 li a:hover {text-decoration: none; color: blue;}	

div#background_telechargement p {padding-top: 15px; margin-left: 260px;}
div#background_telechargement p a {text-decoration: none; color: black;}
div#background_telechargement p a:hover {color: red;}
div#background_telechargement p i {color: black}

div#background_telechargement span h2 {margin-top: -260px; margin-left: 370px; text-decoration: underline;}

/******************************************************** ACTION TERRAIN *************************************************************/

div#background_action_terrain {width: 800px; height: 484px; background: url(images/actions_terrain.jpg) no-repeat; margin: auto;}

div#background_action_terrain ul#menu {padding-left: 40px;}
div#background_action_terrain ul#menu li {list-style: none; padding-top: 10px;}
div#background_action_terrain ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_action_terrain ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_action_terrain ul#menu div#presentation {margin-left: -30px;}
div#background_action_terrain ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_action_terrain ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_action_terrain ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}
											
div#background_action_terrain ul#action_terrain {position: absolut; margin-left: 495px; margin-top: -110px;}	
div#background_action_terrain ul#action_terrain li {list-style: none;}	
div#background_action_terrain ul#action_terrain li a {text-decoration: none; color: white;}
div#background_action_terrain ul#action_terrain li a:hover {color: #9ed5d7;}

/******************************************************** CONTACT *************************************************************/

div#corps_acceuil_president {width: 800px; height: 484px; background: url(images/corps_acceuil_president.jpg) no-repeat; margin: auto;}

div#corps_acceuil_president ul#menu {padding-left: 40px;}
div#corps_acceuil_president ul#menu li {list-style: none; padding-top: 10px;}
div#corps_acceuil_president ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#corps_acceuil_president ul#menu li a:hover {color: red; padding-left: 2px;}

div#corps_acceuil_president ul#menu div#presentation {margin-left: -30px;}
div#corps_acceuil_president ul#menu div#presentation ul li {list-style: none; display: block;}
div#corps_acceuil_president ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#corps_acceuil_president ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}
											
div#corps_acceuil_president p#mot_du_president_2 {width: 500px; margin-left: 320px; margin-top: 30px; color: black;}
div#corps_acceuil_president p#mot_du_president_2 a {color: #fff; text-decoration: none;}
div#corps_acceuil_president p#mot_du_president_2 a:hover {color: #a9b5fd; text-decoration: none;}
div#corps_acceuil_president p#mot_du_president_2 .vallee {color: #a9b5fd;}
div#corps_acceuil_president p#title {font-family: arial; font-size: 20px; font-weight: bold; margin-top: -260px; padding-left: 420px;}

/******************************************************** REGLEMENT *************************************************************/

div#background_reglement {width: 800px; height: 484px; background: url(images/reglement.jpg) no-repeat; margin: auto;}

div#background_reglement ul#menu {padding-left: 40px;}
div#background_reglement ul#menu li {list-style: none; padding-top: 10px;}
div#background_reglement ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_reglement ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_reglement ul#menu div#presentation {margin-left: -30px;}
div#background_reglement ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_reglement ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_reglement ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}
											
div#corps_acceuil_president p#mot_du_president {width: 500px; margin-left: 270px; margin-top: -125px; color: black;}

div#texte_decheterie {margin-top: -140px; margin-left: 350px;}
div#texte_decheterie_2 {margin-top: -90px; margin-left: 350px;}

div#background_reglement div#liens_reglement a {margin-top: -30px;text-decoration: none; color: #fff;}
div#background_reglement div#liens_reglement a:hover {text-decoration: none; color: #c8c8ff;}

div#background_reglement p#liens_reglement_2 {margin-left: 355px; margin-top: 20px;}
div#background_reglement p#liens_reglement_2 a {text-decoration: none; color: white;}

div#background_reglement div#texte_decheterie  p#decheteries {color: #000;}
div#background_reglement div#texte_decheterie_2  p#decheteries {color: #000;}

/******************************************************** COLLECTE *************************************************************/

div#background_collecte {width: 800px; height: 484px; background: url(images/collecte.jpg) no-repeat; margin: auto;}

div#background_collecte ul#menu {padding-left: 40px; float: left;}
div#background_collecte ul#menu li {list-style: none; padding-top: 10px;}
div#background_collecte ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_collecte ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_collecte ul#menu div#presentation {margin-left: -30px;}
div#background_collecte ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_collecte ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_collecte ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}
											
		div#background_collecte div#collecte_global {display: block; width: 570px; margin-left: 215px; padding-top: 10px;}
		div#background_collecte div#collecte_global h3 {text-align: center;}
		div#background_collecte div#collecte_global p#collecte_texte {border: 1px solid #fff; background: #3c8fff; padding: 5px 5px 5px 5px;
		margin-top: 50px; color: #fff;}
		div#background_collecte div#collecte_global ul#calendriers {margin-top: 20px; text-align: center;}
		div#background_collecte div#collecte_global ul#calendriers li {list-style: none; padding-top: 5px;}
		div#background_collecte div#collecte_global ul#calendriers li a {text-decoration: none; color: #0000ee;}
		div#background_collecte div#collecte_global ul#calendriers li a:hover {color: #3caeff;}
		
		
/******************************************************** LIENS UTILES *************************************************************/		
		
	div#background h3 {font-size: 18px; text-align: center; padding-top: 50px; color: #e1b16e;}
	
div#background ul#liens_utiles {text-align: center; padding-top: 50px;}
div#background ul#liens_utiles li {list-style: none;}
div#background ul#liens_utiles li a {text-decoration: none; color: #fff; padding-left: 4px;}
div#background ul#liens_utiles li a:hover {color: #c8c8c8; border-right: 1px solid #fff; border-left: 1px solid #fff; 
									  padding-left: 3px; padding-right: 3px;}
									  
div#background div#liens {position: absolute; clear: both; width: 300px; height: 200px; margin-left: 340px;}
									  
	
/******************************************************** QUESTIONS REPONSES *************************************************************/		
	
div#background_questions {width: 800px; height: 484px; background: url(images/corps_questions.jpg) no-repeat; margin: auto;}
div#background_questions ul#menu {padding-left: 40px; float: left;}
div#background_questions ul#menu li {list-style: none; padding-top: 10px;}
div#background_questions ul#menu li a {text-decoration: none; color: #395177; font-size: 12px;}
div#background_questions ul#menu li a:hover {color: red; padding-left: 2px;}

div#background_questions ul#menu div#presentation {margin-left: -30px;}
div#background_questions ul#menu div#presentation ul li {list-style: none; display: block;}
div#background_questions ul#menu div#presentation ul li a {color: white; font-size: 9px; background: gray; padding: 2px 4px 2px 4px;}
div#background_questions ul#menu div#presentation ul li a:hover {color: black; font-size: 9px; background: white; padding: 1px 1px 1px 1px;
											border: 1px grey solid; padding: 2px 4px 2px 4px;}

div#background_questions p#title {font-size: 16px; font-weight: bold; position: absolute; margin-left: 400px; margin-top: 5px;}
div#scroll {padding: 10px 10px 10px 10px; border: 2px #a9c1fd solid; position: absolute; margin-top: 50px; margin-left: 200px;}
div#background_questions div#scroll .auto {height: 346px; width: 550px; overflow: auto;}