/* CSS Document */
*{
	padding:0;
	margin:0;
	}


HTML{
	margin:0;
	height:100%;
	width:100%;
	background:url(../images/body_fond.gif) center 0 repeat-y;
	}

BODY{
	margin:0;
	height:100%;
	width:100%;
	font-family:arial;
	font-size:10pt;
	background:url(../images/fond.jpg) center 0 repeat-x;
	}

#mere{
	position:relative;
	margin:0;
	height:100%;
	width:100%;
	background:url(../images/haut_fond.jpg) center 0 no-repeat;
	}

body>div#mere{
	height:auto;
	min-height: 100%;
	min-width:993px;
	}

#haut{
	height:330px;
	}

	#bandeau{
		width:981px;
		height:330px;
		margin:auto;
		background-position:230px 68px;
		background-repeat:no-repeat;
		/*background-color:#F00;*/
		}
		
	#corne{
		float:left;
		width:473px;
		height:95px;
		margin-top:21px;
		/*background-color:#0F0;*/
		}
		
	#menu_haut{
		float:right;
		width:500px;
		text-align:center;
		background:url(../images/menu_haut_fond.gif) center bottom no-repeat;
		padding:4px 0 5px 0;
		}
		
		#menu_haut A{
			color:#FFF;
			text-decoration:none;
			font-weight:bold;
			padding:0 5px;	
			font-size:9pt;		
			}
		
		#menu_haut A:hover{
			color:#001aa7;
			}
		
	#ssmenu_haut{
		clear:left;
		float:left;
		width:208px;
		background:url(../images/menu_fond.gif) center 1px no-repeat;
		background-color:#FFF;
		border:solid 1px #999;
		border-bottom:0;
		height:174px;
		_height:173px;
		padding:15px 10px 0 10px;
		margin:24px 0 0 20px;
		_margin-left:10px;
		}
		
		#ssmenu_haut UL{
			margin:20px 0;
			}
		
		#ssmenu_haut LI{
			list-style:none;
			margin-left:15px;
			padding-left:10px;
			background:url(../images/puce_haut.gif) 0 7px no-repeat;
			}

		#ssmenu_haut A{
			display:inline-block;
			padding:1px 0;
			text-decoration:none;
			color:#333;
			}
		
		#ssmenu_haut A:hover{
			text-decoration:underline;
			color:#000;
			}

		
	#menu{
		float:right;
		width:730px;
		/*background-color:#F00;*/
		margin-top:182px;
		}
		
		#menu LI{
			list-style:none;
			float:left;
			width:170px;
			height:24px;
			margin:0 1px 0 9px;
			_margin:0 5px 0 5px;
			background-repeat:no-repeat;
			cursor:pointer;
			}
		
		#bt_01{ background-image:url(../images/menu_bt_01.gif);	}
		#bt_02{ background-image:url(../images/menu_bt_02.gif);	}
		#bt_03{ background-image:url(../images/menu_bt_03.gif);	}
		#bt_04{ background-image:url(../images/menu_bt_04.gif);	}
		
		#menu LI SPAN{
			display:none;
			}
		
		#menu LI DIV{
			display:none;
			}
		
		#menu LI:hover DIV{
			display:block;
			position:absolute;
			border:solid 1px #999;
			width:168px;
			margin-top:23px;
			background-color:#FFF;
			}
		
		#menu LI DIV A{
			display:block;
			padding:1px 3px;
			text-decoration:none;
			color:#555;
			}
		
		#menu LI DIV A:hover{
			color:#000;
			background-color:#EEE;
			}
	
		#menu #bt_01 DIV{ border-color:#e99700;	}
		#menu #bt_02 DIV{ border-color:#a500f2;	}
		#menu #bt_03 DIV{ border-color:#0900fe; }
		#menu #bt_04 DIV{ border-color:#009907; }

		#menu #bt_01 DIV A:hover{ background-color:#f9e2b7;	}
		#menu #bt_02 DIV A:hover{ background-color:#e6b7fb;	}
		#menu #bt_03 DIV A:hover{ background-color:#bab7ff; }
		#menu #bt_04 DIV A:hover{ background-color:#b7e2b9; }



#milieu{
	min-height:230px;
	width:993px;
	margin:auto;
	background:url(../images/milieu_fond.gif) center 0 no-repeat;
	padding-bottom:145px;
	display:table;
	}

	#contenu{
		min-height:150px;
		/*background-color:#F00;*/
		margin:0 6px 0 256px;
		}
		
		#contenu H1{
			padding-top:5px;
			padding-bottom:2px;
			margin:0 30px 15px 20px;
			color:#223cbb;
			font-size:12pt;
			font-style:italic;
			border-bottom:double 3px #223cbb;
			}

		#contenu h2 {
			padding-top:5px;
			padding-bottom:2px;
			margin:0 30px 0 20px;
		}
		
		#contenu h3 {
			padding-top:5px;
			padding-bottom:2px;
			margin:0 30px 0 20px;
		}
		
		#contenu h6 {
			padding-top:5px;
			padding-bottom:2px;
			margin:0 30px 0 20px;
			text-align:right;
		}
		
		#contenu p{
			padding-top:5px;
			margin:0 30px 0 20px;
			color:#333;
			}
			
		#contenu ul {
			padding-top:5px;
			padding-bottom:2px;
			margin:0 30px 0 20px;
		}

		#contenu blockquote {
			margin:0 0 0 15px;
		}

		#contenu IMG.imgRight{
			float:right;
			margin:0 20px 5px 5px;
		}
			
		#contenu IMG.imgLeft{
			float:left;
			margin:0 5px 5px 20px;
		}

		#plan_acces {
			text-align:center;
		}
		
		#site_map{
			padding-left: 1em;			
		}
		
			#site_map ul{
				padding: 5px;
				padding-left: 1.5em;
			}
			
			#site_map li{
				padding:1px;
			}

			#site_map a{
				text-decoration:none;
			}
			#site_map a:hover{
				text-decoration:underline;
			}

	#gauche{
		float:left;
		width:208px;
		padding:0 10px 15px 10px;
		border:solid 1px #999;
		border-top:0;
		background-color:#FFF;
		/*background-color:#0F0;*/
		margin:0 0 0 26px;
		_margin-left:13px;
		}
		
		
		#gauche UL{
			margin:10px 0;
			}
		
		#gauche LI{
			list-style:none;
			margin-left:15px;
			padding-left:10px;
			background:url(../images/puce_bleu.gif) 0 7px no-repeat;
			}
		
		#gauche LI UL{
			margin:0 0 10px 0;
			}
		
		#gauche LI UL LI{
			margin-left:5px;
			background:url(../images/puce_bleu_plein.gif) 0 7px no-repeat;
			}

		#gauche UL.vie_zone2 LI{ 		background:url(../images/puce_orange.gif) 0 7px no-repeat; }
		#gauche UL.vie_zone2 LI UL LI{ 	background:url(../images/puce_orange_plein.gif) 0 7px no-repeat; }

		#gauche UL.vie_zone3 LI{ 		background:url(../images/puce_violet.gif) 0 7px no-repeat; }
		#gauche UL.vie_zone3 LI UL LI{ 	background:url(../images/puce_violet_plein.gif) 0 7px no-repeat; }

		#gauche UL.vie_zone4 LI{ 		background:url(../images/puce_bleu.gif) 0 7px no-repeat; }
		#gauche UL.vie_zone4 LI UL LI{ 	background:url(../images/puce_bleu_plein.gif) 0 7px no-repeat; }

		#gauche UL.vie_zone5 LI{ 		background:url(../images/puce_vert.gif) 0 7px no-repeat; }
		#gauche UL.vie_zone5 LI UL LI{ 	background:url(../images/puce_vert_plein.gif) 0 7px no-repeat; }
		
		
		
		#gauche A{
			display:inline-block;
			padding:1px 0;
			text-decoration:none;
			color:#333;
			}
		
		#gauche A:hover{
			text-decoration:underline;
			color:#000;
			}
			
		#gauche .ssmenu_actif{
			text-decoration:underline;
		}

		
		#mini_agenda{
			
			}
			
		#mini_agenda P{
			font-size:9pt;
			margin:5px 10px;
			}
			
		#mini_agenda P.date{
			font-weight:bold;
			margin-bottom:0;
			}
			
		#mini_agenda P.extrait{
			font-size:9pt;
			margin:0 10px 15px 10px;
			}
			
		#mini_agenda P.extrait A{
			font-weight:bold;
			color:#e99700;
			}

	#logos{
		position:absolute;
		width:208px;
		padding:10px 10px 15px 10px;
		margin:20px 0 0 -26px;
		_margin-left:-20px;
		text-align:center;
		}
	
		#logos IMG{
			margin:0 5px;
			}
		

#bas{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:25px;
	}
	
	#menu_bas{
		width: 993px;
		margin:auto;
		}
	
	#commune_de_corne{
		float:left;
		margin-left:33px;
		margin-right:10px;
		}
		
	#pointsys{
		float:right;
		margin:0px 10px 0 0;
		}
		
	#pointsys IMG{
		border:0;
		}


/* - - - - - -  élément Ariane  - - - - - - */
#ariane{
	margin:0 30px 10px 20px;
	font-size:8pt;
	font-style:italic;
	color:#666;
}

	#ariane A{
		color:#666;
		text-decoration:none;
	}

	#ariane A:hover{
		color:#000;
		text-decoration:underline;
	}
		

/* - - - - - -  élément En Savoir Plus  - - - - - - */
#en_savoir_plus{
	width:198px;
	background:url(../images/ensavoirplus_fd.gif) 0 0 no-repeat;
	padding:35px 0 10px 0;
	min-height:55px;
	border:solid 1px #999;
	float:right;
	margin:0 30px 10px 10px; 
}

	#en_savoir_plus ul{
		margin:0;
		padding:0;
	}
	
	#en_savoir_plus LI{
		list-style:none;
		margin-left:15px;
		padding-left:10px;
		background:url(../images/puce_haut.gif) 0 7px no-repeat;
	}

	#en_savoir_plus A{
		display:inline-block;
		padding:3px 0;
		text-decoration:none;
		color:#333;
	}
	
	#en_savoir_plus A:hover{
		text-decoration:underline;
		color:#000;
	}