body
{
width:95%;
margin-left: 10px;
margin-right: auto;
}
a
{
text-decoration: none;
}
#activites-jaulgonne
{
position: absolute;
top: 550px;
left: 0px;
border: 2px	dotted #F8AF12;
}

#amenage_garage
{
position: absolute;
	left: 620px;
	top: 790px;
	
}
#amenage_toit
{
position: absolute;
	left: 320px;
	top: 1070px;
	}
#armoirie
{
	position: absolute;
	top:35px;
	width: 120px;
	height: 130px;
	left: 40px;
	border: 0px	solid #F8AF12;
}
#arriere-plan
{
	background-color: #FFF;
}
#blasonaisne
{
	position: absolute;
	top:35px;
	left: 860px;
	border: 0px	solid #F8AF12;
}

#btretour
{
	position: absolute;
	top: 532px;
	right: 10px;
}
#boutretour
{
	position: absolute;
	top: 480px;
	right: 20px;
}
#btbarreau
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:21px;
	 width:190px;
	 padding-top:6px;
}

.chronique-bulletin
 {
	width:185px;
	text-align:center;
	float:left;
	margin-top:2px;
	margin-left:750px
}
.chronique-bulletin a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:38px;
	width:185px;
	display: block;
}
.chronique-bulletin a:hover 
{
     background: #FFF;
	 color:#00AF00;
     border: 2px solid #2B56D9;
	 height:34px;
	 width:182px;
	 padding-top:3px;
}
.chronique-bulletin li 
{
margin-top: 5px	
}
.commissions-cr
 {
	width:185px;
	text-align:center;
	float:left;
	margin-top:10px;
	margin-left:750px
}
.commissions-cr a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:24px;
	width:185px;
	display: block;
}
.commissions-cr a:hover 
{
     background: #FFF;
	 color:#00AF00;
     border: 2px solid #2B56D9;
	 height:22px;
	 width:182px;
	 padding-top:6px;
}
.commissions-cr li 
{
margin-top: 5px	
}
#comite_fetes
	{
position: absolute;
	left: 280px;
	top: 640px;
	border: 1px dotted #F8AF12;
}
#conseil-liste1
{
position: absolute;
top: 580px;
left: 100px;
width: 820px;
text-align: center;
border: 0px	dotted #F8AF12;
}
#conseil-liste2
{
position: absolute;
top: 800px;
left: 100px;
width: 820px;
text-align: center;
border: 0px	dotted #F8AF12;
}
#conseil-municipal
{
position: absolute;
left: 300px;
width: 420px;
height: 300px;
top: 10px;
padding-bottom: -40px;
padding-left: 5px;
padding-right: 5px;
	border: 2px	dotted #F8AF12;
}
#construc_maison
{
position: absolute;
	left: 30px;
	top: 790px;
	
}
#coordonnee
{
position: absolute;
	left: 100px;
	top: 790px;
	border: 0px dotted #F8AF12;
}
.CR_archives
{
	width:185px;
	text-align:center;
	float:left;
	margin-top:5px;
	margin-left:10px;
}
.CR_archives a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:23px;
	width:185px;
	display: block;
}
.CR_archives a:hover 
{
     background: #FFF;
	 color:#00AF00;
     border: 2px solid #2B56D9;
	 height:21px;
	 width:182px;
	 padding-top:6px;
}
ul 
{
list-style-type: none;padding-left:0px;
}
.CR_archives li 
{
margin-top: 5px;
}

#defini_ru
{
position: absolute;
	left: 480px;
	top: 1430px;
	border: 0px dotted #F8AF12;
}
#description
{
position: absolute;
	left: 550px;
	top: 1220px;
	border: 0px dotted #F8AF12;
}
#descri_ru
{
position: absolute;
	left: 200px;
	top: 1430px;
	border: 0px dotted #F8AF12;
}
#distance
{
	position: absolute;
	left: 540px;
	top:640px;
	border: 0px dotted #F8AF12;
	list-style-type: none;padding-left:0px;
}
#entete
{
	position: absolute;
	top:45px;
	left: 195px;
	border: 1px	solid #F8AF12;
}
#entour_formalite
{
position: absolute;
	top: 1030px;
	left: 275px;		
	width: 350px;
	height: 30px;
	border: 1px	solid #08AF12;
}
#entour_formalite-2
{
position: absolute;
	top: 1710px;
	left: 300px;		
	width: 350px;
	height: 30px;
	border: 1px	solid #08AF12;
}
#entour_titre
{
	position: absolute;
	top: 80px;
	left: 300px;
	width: 380px;
	height: 30px;
	border: 1px	solid #08AF12;
}

#famille
{
	position: absolute;
	left: 160px;
	top:280px;
}
#fin_descripte
{
position: absolute;
	left: 40px;
	top: 1720px;
	border: 0px dotted #F8AF12;
}
#forma-urba
{
	position: absolute;
	left: 50px;
	width: 90%;
	border: 0px	dotted #F8AF12;
	}
#gestionnaire
{
	position: absolute;
	top: 800px;
	left:880px;
	font-size: small;
	font-style: italic;
	color: #00A0C0;
}
#histoire-jaulgonne
{
	position: absolute;
	left: 20px;
	width: 90%;
	border: 0px	dotted #F8AF12;
	}
#humanitaire
{
position: absolute;
	top: 30px;
	left: 20px;
	}
#horaire_ete
{
	position: absolute;
	left: 480px;
	top: 500px;
	}
#horaire_secretaire
{
	position: absolute;
	left: 480px;
	top: 410px;
	}
	#img_acvg
	{
position: absolute;
	left: 550px;
	top: 80px;
	border: 1px dotted #F8AF12;
}
	#img_badji
	{
position: absolute;
	left: 360px;
	top: 180px;
	border: 1px dotted #F8AF12;
}
	#img_becanes
	{
position: absolute;
	left: 400px;
	top: 425px;
	border: 1px dotted #F8AF12;
}
#img_cameroun
	{
position: absolute;
	left: 700px;
	top: 300px;
	border: 1px dotted #F8AF12;
}
#img_petanque
	{
position: absolute;
	left: 380px;
	top: 780px;
	border: 1px dotted #F8AF12;
}
#img-secretaire
{
	position: absolute;
	top:100px;
	left:30px;
	
}
#img-adjointe
{
	position: absolute;
	top:370px;
	left:30px;
	
}
#infos_comites_fetes
{
	position: absolute;
	top: 185px;
	left: 580px;
	height:120px;
	width:370px;
}
#infos-mairie
{
position: absolute;
	top: 485px;
	left: 685px;
	width: 348px;
	height: 185px;
	border: 1px solid #2B56D9;
	}
#infos-intra-mairie
{
position: absolute;
	top: 485px;
	left: 860px;
	width: 172px;
	height: 110px;
	border: 1px solid #2B56D9;
	}

#infos-vieux-metiers
{	position: absolute;
	top: 300px;
	left: 590px;
	height:480px;
	width:420px;
	border: 0px solid #2B56D9;
	text-decoration: none;
	padding-bottom: -10px;
	padding-left: 10px;
	padding-top:0px;
	font-family: Britannic Bold;
}
#instal_parabole
{
position: absolute;
	left: 600px;
	top: 1450px;
	}
#instal_veranda
{
position: absolute;
	left: 50px;
	top: 1070px;
	}
#instal_piscinefixe
{
position: absolute;
	left: 50px;
	top: 1470px;
	}
#instal_piscine
{
position: absolute;
	left: 330px;
	top: 1450px;
}
#jaulgonne_fond
{
	position: absolute;
	top: 75px;
	left: 320px;
	border: 1px	dotted #F8AF12;
}
.menu
 {
	width:185px;
	text-align:center;
	float:left;
	margin-top:160px;
	margin-left:0px
}
.menu a
 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:22px;
	width:185px;
	display: block;
}
.menu a:hover 
{
     background: #FFF;
	 color:#00AF00;
     border: 2px solid #2B56D9;
	 height:20px;
	 width:182px;
	 padding-top:6px;
}
ul 
{
list-style-type: none;padding-left:0px;
}
.menu li 
{
margin-top: 5px;
}
.menuassos 
{
	width:193px;
	text-align:center;
	float:left;
	margin-top:58px;
	margin-left:10px
}
.menuassos a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:23px;
	width:193px;
	display: block;
}
.menuassos a:hover 
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:21px;
	 width:190px;
	 padding-top:6px;
}
.menuassos li 
{
margin-top: 5px;
}
.menuassolist 
{
	position: absolute;
	width:193px;
	text-align:center;
	margin-top:10px;
	left:10px;
}
.menuassolist a
 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:23px;
	width:193px;
	display: block;
}
.menuassolist a:hover 
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:21px;
	 width:190px;
	 padding-top:6px;
}
.menuassolist li 
{
margin-top: 5px;
}
.menu-demarche
 {
	width:185px;
	text-align:center;
	float:left;
	margin-top: 0px;
	margin-left:20px
}
.menu-demarche a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:20px;
	width:185px;
	display: block;
}
.menu-demarche a:hover 
{
     background: #FFF;
	 color:#00AF00;
     border: 2px solid #2B56D9;
	 height:18px;
	 width:182px;
	 padding-top:6px;
}
.menu-demarche li
 {
 margin-top: 5px;
 }
.menu_pratique 
{
	width:185px;
	text-align:center;
	float:left;
	margin-top:5px;
	margin-left:10px;
}
.menu_pratique a
 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:23px;
	width:185px;
	display: block;
}
.menu_pratique a:hover 
{
     background: #FFF;
	 color:#00AF00;
     border: 2px solid #2B56D9;
	 height:21px;
	 width:182px;
	 padding-top:6px;
}
ul 
{
list-style-type: none;padding-left:0px;
}
.menu_pratique li 
{
margin-top: 5px;
}

.menu_pratique_bis
{
	width:185px;
	text-align:center;
	float:right;
	margin-top:5px;
	margin-left:10px;
}
.menu_pratique_bis a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:8px;
	height:23px;
	width:185px;
	display: block;
}
.menu_pratique_bis a:hover
 {
     background: #FFF;
	 color:#00AF00;
     border: 2px solid #2B56D9;
	 height:21px;
	 width:182px;
	 padding-top:6px;
}
ul
 {
 list-style-type: none;padding-left:0px;
 }
.menu_pratique_bis li
 {
 margin-top: 5px;
 }
.test_bouton
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:10px;
}
.test_bouton a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton a:hover {
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton1
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:210px;
}
.test_bouton1 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton1 a:hover 
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton2
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:410px;
}
.test_bouton2 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton2 a:hover 
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton3
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:610px;
}
.test_bouton3 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton3 a:hover
 {
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:245px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton4
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:610px;
}
.test_bouton4 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton4 a:hover
 {
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton-bm4
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:810px;
}
.test_bouton-bm4 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton-bm4 a:hover
 {
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton5
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:810px;
}
.test_bouton5 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton5 a:hover
 {
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton6
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:10px;
}
.test_bouton6 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton6 a:hover 
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton7
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:210px;
}
.test_bouton7 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton7 a:hover 
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}
.test_bouton8
 {
	position: absolute;
	width:184px;
	text-align:center;
	margin-top:10px;
	left:410px;
}
.test_bouton8 a 
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:2px;
	height:252px;
	width:184px;
	display: block;
}
.test_bouton8 a:hover 
{
     background: #FFF;
	 color:#2E6BB3;
     border: 2px solid #2E6BB3;
	 height:252px;
	 width:185px;
	 padding-top:2px;
}

#lesadjoints
{
position: absolute;
	top: 420px;
	height: 110px;
	width: 91px;
	border: 1px	dotted #F8AF12;
}

#lesinfos
{
	position: absolute;
	top: 180px;
	left: 195px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
	font-family: Comic Sans MS;
	color: #00A0C0;
	border: 1px	dotted #F8AF12;
	}
#lesinfos1
{
	position: absolute;
	top: 835px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: small;
	font-family: Comic Sans MS;
	color: #00A0C0;
	border: 1px	dotted #F8AF12;
	}
#liste
{
position: absolute;
top: 350px;
left: 100px;
width: 820px;
text-align: center;
border: 0px	dotted #F8AF12;
}

#listassos
{
	position: absolute;
	top: 100px;
	left: 20px;
	width: 210px;
	height: 450px;
	font-size: small;
	font-family: Comic Sans MS;
	color: #00A0C0;
	border: 0px	dotted #F8AF12;
	}
#listmenu
{
position: absolute;
	top: 470px;
	left: 10px;
	width: 170px;
	height: 200px;
	border: 1px	dotted #F8AF12;
	font-size: small;
	font-family: Comic Sans MS;
	padding-top: 1px;
	margin-top: 5px;
}

#loc_asso_ecusson
	{position: absolute;
	left: 780px;
	top:10px;	
	}
#loc_histo_ecusson
	{position: absolute;
	left: 780px;
	top:480px;	
	}
#loc_histo_tableau
	{
	position: absolute;
	left: 720px;
	top:0px;
	}
#loc_butte_cosaque
	{
	position: absolute;
	left: 620px;
	top:700px;
	}
#loc_liberation
	{
	position: absolute;
	left: 620px;
	top:900px;
	}
#meteodemain
{
position: absolute;
	left: 685px;
	top: 800px;
	border: 1px	dotted #F8AF12;
	}
#miseajour
{
	position: absolute;
	top: 590px;
	left: 800px;
	width: 180px;
	border: 0px	dotted #F8AF12;
	font-size: small;
	font-family: Comic Sans MS;
	color: #00A0C0;
}
#page-badji
{
	position: absolute;
	left: 50px;
	width: 90%;
	border: 0px	dotted #F8AF12;
	}
#page-cine1
{
position: absolute;
	top: 30px;
	left: 20px;
	}
#page-cine2
{
position: absolute;
	top: 30px;
	left:450px;
}
#page-commissions
{
	position: absolute;
	left: 50px;
	width: 900px;
	border: 0px	dotted #F8AF12;
	text-decoration: none;
}
#page-conseil
{
	position: absolute;
	top: 20px;
	left: 190px;
	width: 580px;
	height: 550px;
	border: 1px	dotted #F8AF12;
	background: none;
}
#permanence
{
position: absolute;
	top: 20px;
	left: 20px;
	width: 230px;
	height: 330px;
	text-align: center;
	}
#permis_cloture
{
position: absolute;
	left: 620px;
	top: 1070px;
	}
#photos-badji
{
position: absolute;
	top: 1050px;
	left: 200px;
	width: 95%;
	border: 0px	dotted #F8AF12;
}
#photo_accueil
{
position: absolute;
	top: 180px;
	left: 690px;
	border: 2px	dotted #F8AF12;
}
.photo_festive
{
position: absolute;
	top: 480px;
	left: 220px;
	width: 230px;
	height: 30px;
	border: 0px	dotted #F8AF12;
}
.photo_festive a:hover
{
 color:#FFAF00;
 }
  #posi_retour
{
	position: absolute;
	top: 960px;
	left: 850px;
	}	
#infos-horaires
	{
	position: absolute;
	top: 490px;
	left: 400px;
	}

 #rech-infos
{
	position: absolute;
	top: 580px;
	left: 700px;
	}
#reserve1
{
	position: absolute;
	top: 560px;
	left: 385px;
	width: 280px;
	height: 70px;
	background:"Les_images/fond.jpg";
	}
#reserve2
{
	position: absolute;
	top: 750px;
	left: 680px;
	width: 455px;
	height: 30px;
	border: 0px	dotted #F8AF12;
	}
#reserve4
{
	position: absolute;
	top: 505px;
	left: 10px;
	width: 660px;
	height: 30px;
	border: 0px	dotted #F8AF12;
	font-weight:bold;
	font-family: Comic Sans MS;
	}
#residence_mobile
{
	position: absolute;
	top:1755px;
	left: 350px;
	
}
#reso-com
{
position: absolute;
	left: 500px;
	top:840px;
	border: 0px dotted #F8AF12;
}
#situ_clshep1
{
	position: absolute;
	top:5px;
	left: 650px;
	
}
#situ_clshep2
{
	position: absolute;
	top:260px;
	left: 650px;
	
}
#situ_clshep3
{
	position: absolute;
	top:515px;
	left: 650px;	
}
#situ_clshep4
{
	position: absolute;
	top:10px;
	left: 20px;
}
#situ_clshep5
{
	position: absolute;
	top: 510px;
	left: 20px;
}
#situ_btretour
{
	position: absolute;
	top: 940px;
	right: 20px;
}
#station_caravane
{
	position: absolute;
	top:1760px;
	left: 80px;
	}
#superficie
{
position: absolute;
	left: 100px;
	top: 1060px;
	border: 0px dotted #F8AF12;
}
#titreassos
	{
	text-align: center;
	font-size: small;
	font-family: Comic Sans MS;
	color: #00A0C0;
	border: 1px	dotted #F8AF12;
	}

#titre-site
{
	position: absolute;
	top: 0px;
	width: 600px;	
	left: 220px;
	height: 50px;
}
.tourisme a:hover
{
 color:#00AF00;


}
#travaux_maison
{
position: absolute;
	left: 320px;
	top: 740px;
	}

/body