/* 
-----------------------------------------------
GENERAL
----------------------------------------------- */

html {height:100%;}

* {
	margin: 0;
	padding: 0;
}

body { 
	font: 14px/17px 'Trebuchet MS', Arial;
	color: #3D3E3E; 
	height:100%;
	margin: 0; 
	padding: 0; 
	background-color: #8D7474;
}

#bg {position:fixed; top:0; left:0; width:100%; min-width: 1024px;}

#content {position:relative; z-index:1;}

p {
	margin-top:9px;
	padding:0px;
}

a {
	text-decoration:none;
}

a:active {
	border-style:none;
}

img {
	border:0px;
}


/* 
-----------------------------------------------
LINKS
----------------------------------------------- */

a:link {
	color: #08A4B3;
	text-decoration: none;
}
a:visited {
	color: #08A4B3;
	text-decoration: none;
}
a:focus  {
	color: #08757F;
	text-decoration: none;
}
a:active  {
	color: #08757F;
	text-decoration: none;
}
a:hover {
	color: #08757F;
	text-decoration: none;
}

/* 
-----------------------------------------------
TITEL
----------------------------------------------- */

h1 {
	height:24px;
	font-weight: bold;
	height: 24px;
	color: #0B828E;
	font-family: 'Georgia', Times New Roman, serif;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	line-height: 19px;
}

h2 {
font-weight: bold;
height:20px;
font-size: 16px;
margin-top:0px;
margin-bottom:2px;
padding:0;
}

h3 {
font-weight: bold;
font-size: 14px;
margin-bottom:2px;
color: #6B5C5C;
}

/* 
-----------------------------------------------
LAYOUT
----------------------------------------------- */

#seite {
    margin-top: 15px;
	margin-left: 20px;
	width: 541px;
	background-color: transparent;
	z-index: 2;
	}
	
#seite_pt {
    margin-top: 15px;
	margin-left: 20px;
	width: 516px;
	background-color: transparent;
	z-index: 2;
	}
	
#textfeld {
    margin-top: 0;
    float: right;
	width: 436px;
	background-color: transparent;
	z-index: 2;
	}

#top {
	width: 436px;
	height: 150px;
	overflow: hidden;
	}
	
.nalliers { background: url(img/top_nalliers.gif) no-repeat; }
.saintpierre { background: url(img/top_stpierre.gif) no-repeat; }
.antigny { background: url(img/top_antigny.gif) no-repeat; }
.labussiere { background: url(img/top_bussiere.gif) no-repeat; }
.saintgermain { background: url(img/top_stgermain.gif) no-repeat; }
.saintsavin { background: url(img/top_stsavin.gif) no-repeat; }
.bethines { background: url(img/top_bethines.gif) no-repeat; }
.villemort { background: url(img/top_villemort.gif) no-repeat; }
.angles { background: url(img/top_angles.gif) no-repeat; }
.france { background: url(img/top_france.gif) no-repeat; }
.blank { background: url(img/top_blank.gif) no-repeat; }

#top_petit {
	width: 436px;
	height: 84px;
	overflow: hidden;
	background: url(img/top_petit.gif) no-repeat;
	}
	
#top_t_petit {
	width: 436px;
	height: 45px;
	overflow: hidden;
	background: url(img/top_t_petit.gif) no-repeat;
	}

#text {
	background-color: #ffffff;
	padding-left: 38px;
	padding-right: 38px;
	padding-bottom: 10px;
	}
	
#text_heb {
	background-color: #ffffff;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 0px;
	}
	
#hebergements {
	background: url(img/heb_bg.gif);
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	}
	
.suite a
{
   display: inline; 
   color: #51A2A6;
   font-size: 12px;
   text-decoration: none;
}

.suite a:hover
{
   text-decoration: underline;
}
	
#footer {
	height: 25px;
	padding-left: 40px;
	padding-top: 20px;
	font: 12px 'Trebuchet MS', Arial;
	background: url(img/footer.gif) no-repeat;
	margin-bottom: 0px;
	}
	
#footer2 {
	height: 25px;
	padding-left: 40px;
	padding-top: 20px;
	font: 12px 'Trebuchet MS', Arial;
	background: url(img/footer.gif) no-repeat;
	margin-bottom: 20px;
	}
	
	
#footer_index {
	height: 44px;
	padding-left: 40px;
	padding-top: 20px;
	font: 12px 'Trebuchet MS', Arial;
	background: url(img/footer.gif) no-repeat;
	margin-bottom: 20px;
	}
	
#footer_index img {
	margin-top : -30px;
	margin-left: 10px;}
	
#footer_heb {
	height: 25px;
	padding-left: 40px;
	padding-top: 20px;
	font: 12px 'Trebuchet MS', Arial;
	background: url(img/footer_heb.gif) no-repeat;
	margin-bottom: 20px;
	}
	
#footer_petit {
	height: 20px;
	padding-left: 55px;
	padding-top: 0px;
	font: 11px 'Trebuchet MS', Arial;
	background: url(img/footer_petit.gif) no-repeat;
	margin-bottom: 15px;
	}

/* 
-----------------------------------------------
Page Patrimoine
----------------------------------------------- */

.patrimoine {
	font: 13px/15px 'Trebuchet MS', Arial;
	margin-top: 15px;
	margin-left: -4px;
	height: 80px;	
}

.patrimoine img {
	padding: 4px;
	float:left;
	background: transparent url(img/patri_mini_bg.gif) no-repeat;
	margin-right: 10px;
}
.patrimoine a img {
	float:left;
	padding: 4px;
	border: none;
}

.patrimoine a:hover img { background-position: 0 -78px; }


/* 
-----------------------------------------------
Page LIENS
----------------------------------------------- */

.liens_item{
display: block;
font: 13px/15px 'Trebuchet MS', Arial;
}

.nolien {
	float:left;
	background: transparent url(img/patri_mini_bg.gif) no-repeat;
	margin: 0 10px 3px -4px;
	padding: 4px;	
}

.liens {
	float:left;
	background: transparent url(img/patri_mini_bg.gif) no-repeat;
	margin: 0 10px 3px -4px;
	padding: 4px;	
}

.liens:hover { background-position: 0 -78px; }

.clearfix {  clear: both; 
padding-bottom: 30px; } 


/* 
-----------------------------------------------
Accordian : Fermer la fenetre
----------------------------------------------- */

#fermer-accordian{
	z-index:2;
}

.accordion_headings{
	color:#91BABE;
	cursor:pointer;
	font-size: 12px;
    float: right;
	z-index:2;
	background: transparent url(img/ico_ouvrir.gif) no-repeat; 
	width : 25px;
	height: 25px;
	overflow: hidden;
}

.accordion_headings:hover{
	background:#transparent;
	color:#649094;
}

.accordion_child{
	background:#transparent;
}

.header_highlight{
	background: transparent url(img/ico_blank.gif) no-repeat; 
}

.header_off{
	position: absolute;
	top: 62px;
	left: 508px;
	z-index:1;
	width : 25px;
	height: 25px;
	background: transparent url(img/ico_blank.gif) no-repeat; 
}

/* 
-----------------------------------------------
Petites photos + click
----------------------------------------------- */

div#photopt {
	margin-left: -4px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.liste_photo a img
	{
	padding: 4px;
	background: transparent url(img/bg_mini.jpg) no-repeat;
	border: none;
	}
	
.liste_photo a:hover img { background-position: 0 -63px; }

p#desc {
	font: 13px/15px 'Trebuchet MS', Arial;
	color: #2A7E8A;
	margin:0px;
	padding:0px;
	font-style: italic;
	padding-right: 3px; 
	text-align: right;
}


/* 
-----------------------------------------------
Photos carrées
----------------------------------------------- */

#carre {
	margin-top: 8px;
	margin-bottom: 0px;
}

.carre_big img
	{
	float: left;
	margin-right: 4px;
	border: none;
	padding-top: 4px;
	}
#carre a img
	{
	padding: 4px;
	background: transparent url(img/carre_bg.gif) no-repeat;
	border: none;
	}
	
#carre a:hover img { background-position: 0 -91px; }

/* 
-----------------------------------------------
Page fermée
----------------------------------------------- */
div#hintergrund {
    position: absolute;
	z-index:-1;
	height: 51px;
	width:436px;
	top: 60px;
	left: 100px;
	background: transparent url(img/photo_pt_bg.png) no-repeat; 
}
div#pt_links {
	text-align: right;
	margin-left: 100px;
	margin-right: 40px;
}

div#pt_links a { color: #2A7E8A; }
div#pt_links a:hover { color: #ffffff; }

p#desc2 {
	font: 13px/15px 'Trebuchet MS', Arial;
	color: #2A7E8A;
	margin:0px;
	padding:0px;
	font-style: italic;
	padd_ing-right: 3px; 
	text-align: right;
}

/* 
-----------------------------------------------
A Faire (liste des activités dans les communes)
----------------------------------------------- */

.afaire {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 0px;
	margin-top: 20px;
}

.afaire li {
    margin-top: 5px;
	padding-bottom: 13px;
	padding-left: 30px;
}

.heb { background: transparent url(img/ico_heb.gif) no-repeat; }
.resto { background: transparent url(img/ico_resto.gif) no-repeat; }
.pat { background: transparent url(img/ico_pat.gif) no-repeat; }
.rando { background: transparent url(img/ico_rando.gif) no-repeat; }
.nat { background: transparent url(img/ico_nat.gif) no-repeat; }

.afaire li a
{
   color: #51A2A6;
   text-decoration: none;
}

.afaire li a:hover
{
   text-decoration: underline;
}


/* 
-----------------------------------------------
TopNavigation
----------------------------------------------- */

#nav {
    top: 0px;
    margin-left: 100px; /*wichtig*/
    width: 436px;
    height: 44px;
	font-size: 10px; 
	z-index: 2;
}

#nav ul {
	display: inline;
	list-style: none;
	overflow: hidden;
}

#nav ul {
	padding: 0px;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	height: 22px;
	padding-top: 22px; height: 0px !important; 
	overflow: hidden;
}

#n1 { 
	width: 157px;
	background: transparent url(img/menu.gif) 0 0 no-repeat;
}
#n2 { 
	width: 90px;
	background: transparent url(img/menu.gif) -157px 0 no-repeat;
}
#n3 { 
	width: 61px;
	background: transparent url(img/menu.gif) -247px 0 no-repeat;
}
#n4 { 
	width: 61px;
	background: transparent url(img/menu.gif) -308px 0 no-repeat;
}
#n5 { 
	width: 67px;
	background: transparent url(img/menu.gif) -369px 0 no-repeat;
}
#n6 { 
	width: 126px;
	background: transparent url(img/menu.gif) 0 -22px no-repeat;
}
#n7 { 
	width: 148px;
	background: transparent url(img/menu.gif) -126px -22px no-repeat;
}
#n8 { 
	width: 84px;
	background: transparent url(img/menu.gif) -274px -22px no-repeat;
}
#n9 { 
	width: 78px;
	background: transparent url(img/menu.gif) -358px -22px no-repeat;
}


#n1 a:hover { background: transparent url(img/menu.gif) 0 -50px no-repeat; }
#n2 a:hover { background: transparent url(img/menu.gif) -157px -50px no-repeat; }
#n3 a:hover { background: transparent url(img/menu.gif) -247px -50px no-repeat; }
#n4 a:hover { background: transparent url(img/menu.gif) -308px -50px no-repeat; }
#n5 a:hover { background: transparent url(img/menu.gif) -369px -50px no-repeat; }
#n6 a:hover { background: transparent url(img/menu.gif) 0 -72px no-repeat; }
#n7 a:hover { background: transparent url(img/menu.gif) -126px -72px no-repeat; }
#n8 a:hover { background: transparent url(img/menu.gif) -274px -72px no-repeat; }
#n9 a:hover { background: transparent url(img/menu.gif) -358px -72px no-repeat; }

/* 
-----------------------------------------------
IconesNavigation
----------------------------------------------- */

#icones {
    float: left;
    width: 60px;
    height: 435px;
	z-index: 2;
	overflow: hidden;
}

#icones ul {
	display: inline;
	list-style: none;
	overflow: hidden;
}

#icones ul {
	padding: 0px;
}

#icones li {
	float: left;
}

#icones li a {
	display: block;
	height: 60px;
	padding-top: 60px; 
	height: 0px !important; 
	overflow: hidden;
}

#i1 { 
	height: 60px;
	width: 60px;
	background: url(img/icons.gif) 0 0 no-repeat;
	margin-bottom: 15px;
}
#i2 { 
	height: 60px;
	width: 60px;
	background: url(img/icons.gif) 0 -75px no-repeat;
	margin-bottom: 15px;
}
#i3 { 
	height: 60px;
	width: 60px;
	background: url(img/icons.gif) 0 -150px no-repeat;
	margin-bottom: 15px;
}
#i4 { 
	height: 60px;
	width: 60px;
	background: url(img/icons.gif) 0 -225px no-repeat;
	margin-bottom: 15px;
}
#i5 { 
	height: 60px;
	width: 60px;
	background: url(img/icons.gif) 0 -300px no-repeat;
	margin-bottom: 15px;
}
#i6 { 
	height: 60px;
	width: 60px;
	background: url(img/icons.gif) 0 -375px no-repeat;
}

#i1 a:hover { background: transparent url(img/icons.gif) -60px 0 no-repeat; }
#i2 a:hover { background: transparent url(img/icons.gif) -60px -75px no-repeat; }
#i3 a:hover { background: transparent url(img/icons.gif) -60px -150px no-repeat; }
#i4 a:hover { background: transparent url(img/icons.gif) -60px -225px no-repeat; }
#i5 a:hover { background: transparent url(img/icons.gif) -60px -300px no-repeat; }
#i6 a:hover { background: transparent url(img/icons.gif) -60px -375px no-repeat; }


/* 
-----------------------------------------------
Hebergement navigaion
----------------------------------------------- */

#navheb {
    top: 0px;
    width: 410px;
    height: 24px;
	font-size: 10px; 
	z-index: 2;
	
}

#navheb ul {
	display: inline;
	list-style: none;
	overflow: hidden;
}

#navheb ul {
	padding: 0px;
}

#navheb li {
	float: left;
}

#navheb li a {
	display: block;
	height: 24px;
	padding-top: 24px; height: 0px !important; 
	overflow: hidden;
}

#nh1 { width: 76px; background: transparent url(img/menu_heb.gif) 0 0 no-repeat; }
#nh2 { width: 169px; background: transparent url(img/menu_heb.gif) -76px 0 no-repeat; }
#nh3 { width: 64px; background: transparent url(img/menu_heb.gif) -245px 0 no-repeat; }
#nh4 { width: 101px; background: transparent url(img/menu_heb.gif) -309px 0 no-repeat; }

#nh1 a:hover { background: transparent url(img/menu_heb.gif) 0 -48px no-repeat; }
#nh2 a:hover { background: transparent url(img/menu_heb.gif) -76px -48px no-repeat; }
#nh3 a:hover { background: transparent url(img/menu_heb.gif) -245px -48px no-repeat; }
#nh4 a:hover { background: transparent url(img/menu_heb.gif) -309px -48px no-repeat; }

#nh1.on{ background: transparent url(img/menu_heb.gif) 0 -24px no-repeat; }
#nh2.on { background: transparent url(img/menu_heb.gif) -76px -24px no-repeat; }
#nh3.on { background: transparent url(img/menu_heb.gif) -245px -24px no-repeat; }
#nh4.on { background: transparent url(img/menu_heb.gif) -309px -24px no-repeat; }

#n_agenda1 { width: 80px; background: transparent url(img/menu_manif.gif) 0 0 no-repeat; }
#n_agenda2 { width: 117px; background: transparent url(img/menu_manif.gif) -80px 0 no-repeat; }
#n_agenda3 { width: 79px; background: transparent url(img/menu_manif.gif) -197px 0 no-repeat; }
#n_agenda4 { width: 134px; background: transparent url(img/menu_manif.gif) -276px 0 no-repeat; }

#n_agenda1 a:hover { background: transparent url(img/menu_manif.gif) 0 -48px no-repeat; }
#n_agenda2 a:hover { background: transparent url(img/menu_manif.gif) -80px -48px no-repeat; }
#n_agenda3 a:hover { background: transparent url(img/menu_manif.gif) -197px -48px no-repeat; }
#n_agenda4 a:hover { background: transparent url(img/menu_manif.gif) -276px -48px no-repeat; }

#n_agenda1.on{ background: transparent url(img/menu_manif.gif) 0 -24px no-repeat; }
#n_agenda2.on { background: transparent url(img/menu_manif.gif) -80px -24px no-repeat; }
#n_agenda3.on { background: transparent url(img/menu_manif.gif) -197px -24px no-repeat; }
#n_agenda4.on { background: transparent url(img/menu_manif.gif) -276px -24px no-repeat; }


#n_lien1 { width: 113px; background: transparent url(img/menu_liens.gif) 0 0 no-repeat; }
#n_lien2 { width: 78px; background: transparent url(img/menu_liens.gif) -113px 0 no-repeat; }
#n_lien3 { width: 175px; background: transparent url(img/menu_liens.gif) -191px 0 no-repeat; }
#n_lien4 { width: 44px; background: transparent url(img/menu_liens.gif) -366px 0 no-repeat; }

#n_lien1 a:hover { background: transparent url(img/menu_liens.gif) 0 -48px no-repeat; }
#n_lien2 a:hover { background: transparent url(img/menu_liens.gif) -113px -48px no-repeat; }
#n_lien3 a:hover { background: transparent url(img/menu_liens.gif) -191px -48px no-repeat; }
#n_lien4 a:hover { background: transparent url(img/menu_liens.gif) -366px -48px no-repeat; }

#n_lien1.on{ background: transparent url(img/menu_liens.gif) 0 -24px no-repeat; }
#n_lien2.on { background: transparent url(img/menu_liens.gif) -113px -24px no-repeat; }
#n_lien3.on { background: transparent url(img/menu_liens.gif) -191px -24px no-repeat; }
#n_lien4.on { background: transparent url(img/menu_liens.gif) -366px -24px no-repeat; }


/* 
-----------------------------------------------
NAV ADMIN
----------------------------------------------- */

div#navadmin {
	margin-top: 50px;
	float: left;
    width: 100px;
	text-align: right;
	font: 12px/21px 'trebuchet MS', Tahoma, Geneva, sans-serif;
	z-index: 3;
}

#navadmin ul li {
	list-style: none;
}

a.navadmin:link, a.navadmin:visited  {
	padding: 0 3px;
	font-weight: bold ;
	width: 100%;
	color: #ffffff;
	text-decoration: none;
	background: transparent;
}

a.navadmin:hover, a.navadmin:active, a.navadmin:focus  {
	padding: 0 3px;
	font-weight: bold ;
	width: 100%;
	background: #573838;
	color: #FFF;
}

/* 
-----------------------------------------------
Fotos admin
----------------------------------------------- */

div#adminfotos {
    position: absolute;
	left: 600px;
	top: 150px;
	height: 300px;
	width:200px;
	padding: 10px;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
}
div#adminfotos2 {
    position: absolute;
	left: 600px;
	top: 1100px;
	height: 300px;
	width:200px;
	padding: 10px;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
}
div#adminfotos3 {
    position: absolute;
	left: 600px;
	top: 950px;
	height: 300px;
	width:200px;
	padding: 10px;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
}