/* general */







* {

	margin: 0px;

	padding: 0px;



}







Body {

	padding-right: 0px;

	padding-left: 0px;

	padding-bottom: 0px;

	Padding-top: 0px;

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #F3F3F3;

	background-image: url(img_communes/background.jpg);

	background-repeat: repeat-x;

}



P {

	margin-top: 20px;

	margin-bottom: 20px;

}
a img {

border:0;

}



a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FF6600;

	outline: none;

	text-decoration: none;

}



a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FF6600;

	text-decoration: underline;

}



a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	outline: none;

	color: #999999;

	text-decoration: underline;

}



h1 {

	background-image: url(img_communes/h1.gif);

	background-repeat: no-repeat;

	background-position: left;

	height: 24px;

	padding: 0px;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	line-height: 24px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #666666;

	text-indent: 26px;

	font-weight: bold;

	border-bottom-width: 0px;

	border-bottom-style: dotted;

	border-bottom-color: #0398ff;

}



h2 {

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	padding-top: 2px;

	padding-bottom: 2px;

	background-color: #ededed;

	border: 1px solid #d6d6d6;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #000000;

	letter-spacing: 1px;

	text-indent: 6px;

}



h3 {

	margin-top: 20px;

	margin-bottom: 20px;

	padding-top: 2px;

	padding-bottom: 2px;

	background-image: url();

	background-repeat: no-repeat;

	background-position: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-indent: 6px;

	height: 24px;

	line-height: 24px;

	font-weight: bold;

}



h4 {

	margin-top: 20px;

	margin-bottom: 20px;

	background-image: url(img_communes/h4.jpg);

	background-repeat: no-repeat;

	background-position: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #990033;

	text-indent: 6px;

	height: 24px;

	line-height: 24px;

}



h5 {

	background-image: url(img_communes/h5.jpg);

	background-position: left;

	background-repeat: no-repeat;

	background-color: #ffcc00;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

	padding-top: 2px;

	padding-bottom: 2px;

	height: 20px;	

	line-height: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #990033;

	letter-spacing: 1px;

	text-indent: 6px;

}

#main {

	float: left;

	width: 900px;

	background-repeat: repeat-y;

	background-image: url(img_communes/background02.jpg);

}

#global {

	width: 900px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	

}



#container {

	width: 900px;

	height: 100%;

	float:left;

	background-color:#FFFFFF;

	background-image: url(img_communes/back_content.jpg);

	background-repeat: repeat-y;

}





/* entete */

#header {

	width: 900px;

	height: 150px;

	background-image: url(img_communes/header.jpg);

	background-repeat: no-repeat;

	background-color: #FFFFFF;

	line-height: 26px;

	letter-spacing: 1px;

}



/* button accueil */

#accueil {

	width: 66px;
	height: 16px;
	margin-top: 133px;
	margin-right: 16px;
	margin-left: 25px;
	background-image: url(img_communes/accueil.gif);
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	text-align: right;
	line-height: 16px;

}



#accueil a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;

}

#accueil a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;

}



#accueil a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;

}



/* menu */



#menu {

	padding-left: 25px;

	height: 32px;

	width: 900px;

	background-image: url(img_communes/back_menu.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	text-align:center;



}



#menu a:link {

	padding-right: 14px;

	padding-left: 14px;

	padding-top: 5px;

	padding-bottom: 9px;

	background-color: #e9dec9;

	border-right-width: 4px;

	border-left-width: 4px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #FFFFFF;

	border-left-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: bold;

	line-height: 32px;

	font-size: 11px;

	color: #333333;

}



#menu a:visited {

	padding-right: 14px;

	padding-left: 14px;

	padding-top: 5px;

	padding-bottom: 9px;

	background-color: #e9dec9;

	border-right-width: 4px;

	border-left-width: 4px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #FFFFFF;

	border-left-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: bold;

	line-height: 32px;

	font-size: 11px;

	color: #333333;

}



#menu a:hover {

	padding-right: 14px;

	padding-left: 14px;

	padding-top: 5px;

	padding-bottom: 9px;

	background-color: #f2e6d0;

	background-image: url(img_communes/back02.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: bold;

	line-height: 30px;

	font-size: 11px;

	color: #CCCCCC;

}



#menu ul {

	padding-top: 0px;

	padding-left: 0px;

	margin-left: 150px;



}



#menu li {

	float: left;

	list-style-type: none;

	display: block;

	padding: 0px;

	height: 32px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;





}



#box {

	float: left;

	margin: 0px;

	padding: 0px;

	height: 30px;

	width: 0px;

	background-position:top;

	background-image: url(img_communes/box.jpg);

	background-repeat: no-repeat;

	}

/* bloc gauche */

#bloc_left {

	height: 100%;
	width: 170px;
	display:block;
	overflow: hidden;
	float: left;
	padding-left: 15px;
	padding-right: 10px;

	background-position: top;

	margin-top: 20px;

	margin-left: 0px;



}



/* submenu gauche */

#submenu {
	width: 150px;
	margin-left: 10px;

	border-bottom-width: 10px;

	border-bottom-style: solid;

	border-bottom-color: #FFCC00;

}



#submenu_top {
	width: 150px;
	margin-left: 10px;
	height: 20px;
	background-image: url(img_communes/menu_top.gif);

	background-repeat: no-repeat;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	line-height: 20px;

	font-weight: bold;

	color: #CC0000;

	font-size: 12px;

	letter-spacing: 1px;

}







#submenu a:link {

	background-color: #72B272;

	display: block;

	padding-left: 5px;

	font-weight: bold;

	font-size: 11px;

	padding-bottom: 4px;

	padding-top: 4px;

	font-fammily: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: left;

	text-decoration: none;



}



#submenu a:visited {

	background-color: #72B272;

	display: block;

	padding-left: 5px;

	font-weight: bold;

	font-size: 11px;

	padding-bottom: 4px;

	padding-top: 4px;

	font-fammily: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: left;

	text-decoration: none;



}



#submenu a:hover {

	padding-left: 5px;

	padding-top: 4px;

	display: block;

	background-color: #F4F7FF;

	background-image: url();

	background-repeat: repeat;

	font-weight: bold;

	font-size: 11px;

	padding-bottom: 4px;

	color: #666666;

	font-family: Arial, Helvetica, sans-serif;

	text-align: left;

	text-decoration: none;

}



/* ==== meteo ==== */







#meteo {



	margin-top: 30px;



}







/* =============== */







/* bloc centre */

#ariane {

	margin-bottom: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #660000;

	letter-spacing: 1px;



}



#bloc_center {
	display: block;
	overflow: hidden;
	height: 100%;
	width: 520px;
	background-color: #ffffff;

	float: left;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	text-align: left;
	margin-top: 20px;

	margin-left: 20px;

}



#bloc_center ul {

	list-style-position: inside;

	list-style-image: url(img_communes/puce.gif);

	text-indent: 10px;

}





#bloc_center li {

	margin-top: 10px;

	margin-bottom: 10px;



}





#padding_center {

	padding-top: 10px;

	padding-bottom: 40px;

	padding-right: 10px;

	padding-left: 8px;

	background-image: url(img_communes/back_centre.jpg);

	background-repeat: repeat-y;

	

}







#center_top {

	background-image: url(img_communes/back_haut.jpg);

	background-repeat: no-repeat;

	background-position: top;

	width: 520px;

	height: 1px;

}







#top {

	height: 20px;

	background-image: url(img_communes/top.gif);

	margin-top: 40px;

	margin-bottom: 0px;

	background-repeat: no-repeat;

	background-position: left;

	font-size:12px;

	line-height: 30px;

	text-indent: 20px;

	text-align: left;

	padding-right: 10px;

}







#top a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FF9900;

	text-decoration: none;



}



#top a:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FF9900;

	text-decoration: none;



}



#top a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #999999;

	text-decoration: none;    

}







/* bloc droit */

#bloc_right {

	width: 150px;

	height: 600px;

	float: right;

	margin-top: 20px;

	margin-right: 10px;

	margin-bottom: 20px;

	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;

	padding: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: left;

}



/* footer */

#footer {

	width: 900px;

	height: 30px;

	float: left;

	background-image: url(img_communes/back_footer.jpg);

	background-position: center;

	background-repeat: repeat-y;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 32px;

	text-align: center;

	font-size: 11px;

	color: #000000;

	letter-spacing: 1px;

}



#footer a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px; 

	color: #2f2f65; 



}



#footer a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px; 

	color: #999999; 



}



#form {

	width: 500px;

	background-color:#EEEEEE;

	font-family:Arial, Helvetica, sans-serif;

	size:11px;

	color: #000000;

}

#form h1 {

	background-color: #FFCC00;

	background-image: none;

	background-repeat: no-repeat;

	background-position: left;

	height: 25px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	line-height: 24px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #990033;

	text-indent: 0px;

	font-weight: bold;

	text-align:center;

}