@charset "utf-8";

body
{
   margin-top: 20px;
   margin-bottom: 20px;  

   background-image: url("images/fond/fond.png"); 
   
   background-attachment: fixed;
   background-repeat: repeat-x;
   background-position: top;
   background-color:#855ca5;


   font-family: "Times New Roman", sans-serif;
}

#entete
{
   width: 900px;
   height: 350px;

   margin: auto;

   background-image: url("images/fond/fond_corps.jpg");
   background-repeat: repeat-y;
   background-color:#ffffff;

   border-top: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
}

	#banniere
	{
	
	}
	
	#vie_municipale
	{
		position:absolute;
		margin-top:-141px; 
		margin-left:2px;
		padding:auto;
		width: 261 px;
		height: 130 px;
		background-image:url("images/accueil/vie_municipale3.png");
	}
	
	#economie_et_projet
	{
		position:absolute;
		margin-top:-171px; 
		margin-left:259px;
		padding:0px;
	}
	
	#education_et_jeunesse
	{
		position:absolute;
		margin-top:-193px; 
		margin-left:379px;
		padding:0px;
	}
	
	#vie_associative
	{
		position:absolute;
		margin-top:-207px; 
		margin-left:508px;
		padding:0px;
	}
	
	#vie_pratique
	{
		position:absolute;
		margin-top:-211px; 
		margin-left:645px;
		padding:0px;
	}
	
	#environnement
	{
		position:absolute;
		margin-top:-208px; 
		margin-left:777px;
		padding:0px;
	}

	.banniere
	{
		border:0px;
	}

#corps
{	
   width: 900px;
   min-height:500px;

   margin: auto;
   padding:0px;

   background-image: url("images/fond/fond_corps.jpg");
   background-repeat: repeat-y; 
   background-color:#ffffff;

   border-left: 1px solid black;
   border-right: 1px solid black;
}

	#menu
	{
		float:left;
		position: relative;
   		top:-60px;

		width:165px;

		margin-left: 10px;
	}
	
		#meteo
		{
			border: 1px solid black;
			padding-left: 30px;
			background-color:#cfcfcf;
			width:170px;
			
		}
	
		#menu img
		{
			border:0px;
		}
		
		.menu_bouton
		{
			margin-top:-40px;
			margin-left:15px;
		}
		
		.menu_bas_accueil
		{
			margin-top:-40px;
		}

	#contenu
	{	
		width:650px;
	
		position: relative;
   		top:-80px;

		margin-left: 200px;
		margin-right:10px;
	    padding: 5px;

		text-align:justify;

	}
		
		p
		{
			text-align:justify;
			font-size:14px;
			font-weight: normal;
			margin:10px 10px 0px 10px;
		}			
		
		a
		{
			text-decoration:none;
			font:none;
		}
		

		
		#contenu h1
		{
			font-size:26px;
			font-family:"Times New Roman";
			text-align:center;
			color: #171717;

			margin-left:5px;
			padding-bottom:15px;
			
			/** border:double 3px; **/
			
			
		}
		
		#contenu h2
		{
		    color:#3f3d3d;
			font-size:24px;
			font-family:"Times New Roman";
			text-align:left;
			margin-top:20px;
			margin-left:10px;
			padding-bottom:10px;
		}

		#contenu h3
		{
			font-size:18px;
			text-align:justify;
		
			padding:0px 0px 5px 0px;				
			margin:10px 0px 5px 0px;
					
		}
		
		.date
		{
			font-size:12px;
			text-align:right;
			font-style:italic;
			color:#666666;
			float:right;
					
			margin:0px;
			padding:0px 10px 0px 0px;
		}	
		
		.news
		{	
			text-align:justify;
			font-size:14px;
			font-weight: normal;
			text-indent:10px;
		}
		
		.news p
		{	
			text-indent:10px;
			margin:10px 10px 0px 10px;
		}
		
		.news a
		{
			text-decoration:none;
			font:none;
		}
		
		.news ul
		{
			margin:10px 0px 0px 20px;
			padding:0px;
			text-indent:0px;
		}
				
		.news li
		{
			margin:5px 00px 0px 20px;
			padding:0px;
			text-indent:0px;
		}

		.news ol
		{
			margin:5px 00px 0px 0px;
			padding:0px;
			text-indent:0px;
		}
		
		.news table
		{
			margin:0px;
			padding:2px;
			/**border-collapse:collapse;**/
			border:1px solid black;
		}
		
		.news tr
		{
			margin:0px;
			padding:2px;
			border:1px solid black;
			/**border-collapse:collapse**/
		}
		
		.news td
		{
			margin:0px;
			padding:2px;
			border:1px solid black;
			text-align:center;
			text-indent:0px;
			/**border-collapse:collapse;**/
		}
		
		.illustration_special	
		{
			border:dashed 0px;
			border-color:red;

			float:right;

			margin-left:10px;
			margin-top:-60px;
			margin-right:0px;
			margin-bottom:0px;	
		}
		
		.illustration
		{			
			border:solid 0px;
			border-color:#000000;

			float:right;

			margin-left:10px;
			margin-top:0px;
			margin-right:10px;
			margin-bottom:10px;	
		}		
		
		.telechargement
		{
			text-align:center;
			font-size:16px;
		}
		.lire_la_suite
		{
			font-size:12px;
			text-align:right;
			font-style:italic;
			text-decoration:none;
			color:#666666;
			
			margin:0px;
			padding:0px 0px 10px 0px;
		}

		.signature 
		{
			font-size:12px;
			text-align:right;
			font-style:italic;
			color:#666666;
					
			margin:0px;
			padding:0px;
		}
				
		hr
		{
			margin-left:10px;
			padding:0px 5px 0px 5px;
		}
		
			#news_special
			{
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
				/*-moz-border-radius: 10px;*/	
				border:dashed 1px;
				border-color:#000000;
			}
			
			#news_accueil
			{
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
				/*-moz-border-radius: 10px;*/	
				border:dashed 1px;
				border-color:#000000;
			
				/** background-image:url("images/fond/accueil.png"); **/
				background-repeat:repeat-y;
			}
			
			#news_accueil h3
			{
				color: #c18d00;
			}
			
			#news_vie_municipale
			{
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
						
				border:dashed 1px;
				border-color:#000000;
				/*-moz-border-radius: 10px;*/	
			
				/** background-image:url("images/fond/vie_municipale.png"); **/
				background-repeat:repeat-y;
			}
			
			#news_vie_municipale h3
			{
				color: #0d526b;
			}
			
			#news_education_et_jeunesse
			{	
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
						
				border:dashed 1px;
				border-color:#000000;
				/*-moz-border-radius: 10px;*/	
			
				/** background-image:url("images/fond/education_&_jeunesse.png"); **/
				background-repeat:repeat-y;
			}
			
			#news_education_et_jeunesse h3
			{
				color:#892a72;
			}
			
			#news_vie_associative
			{	
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
						
				border:dashed 1px;
				border-color:#000000;
				/*-moz-border-radius: 10px;*/	
			
				/** background-image:url("images/fond/vie_associative.png"); **/
				background-repeat:repeat-y;
			}
			
			#news_vie_associative h3
			{
				color:#ccb709;
			}
					
			#news_vie_pratique
			{
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
						
				border:dashed 1px;
				border-color:#000000;
				/*-moz-border-radius: 10px;*/	
			
				/** background-image:url("images/fond/vie_pratique.png"); **/
				background-repeat:repeat-y;
			}
			
			#news_vie_pratique h3
			{
				color:#753128;
			}
			
			#news_environnement
			{
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
						
				border:dashed 1px;
				border-color:#000000;
				/*-moz-border-radius: 10px;*/	
			
				/** background-image:url("images/fond/environnement.png"); **/
				background-repeat:repeat-y;
			}
			
			#news_environnement h3
			{
				color:#34782b;
			}
			
			#news_economie_et_projet
			{
				margin:0px 0px 10px 10px;
				padding:0px 5px 5px 5px;
						
				border:dashed 1px;
				border-color:#000000;
				/*-moz-border-radius: 10px;*/	
			
				/** background-image:url("images/fond/economie_&_projet.png"); **/
				background-repeat:repeat-y;
			}
			
			#news_economie_et_projet h3
			{
				color:#695e29;
			}
		
#pied
{
   position: relative;
   bottom: 0px;

   width: 900px;
   height: 282px;

   margin: 0px auto;
   padding: 0px;

   background-image: url("images/fond/fond_corps.jpg");
   background-repeat: repeat-y;

   border-bottom: 1px solid black;
   border-left: 1px solid black;
   border-right: 1px solid black;
}

	#pied img
	{
		border:0px;
	}