* {
	margin: 0;
	padding: 0;
}
img { 
	border: none; 
}

body {
	color: #62612F;
	background: #F7F6D9 url(img_page/hg2.gif) repeat-x;
	font:  13px/15px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
	
}
html, body {
	height: 100%;
}
ol, ul {
	list-style: none;
}
p {
	margin: 0px 0px 5px 0px;
}

a:link, a:visited { color: #9E0E0B; }
a:hover { color: #E31511; }


/* Headings ...........................  */

h1, h2, h3, h4 {
	font-weight: bold;
}

h2 {
	font-size: 1.1em;
	line-height: 1.05em;
	margin: 0 0 0px 0;
	padding-bottom: 10px;
	color: #9E0E0B;
}

h4 {
	font-size: 1.2em;
	color: #9E0E0B;
	line-height: 1.3em;
	margin: 0px 0px 16px 0px;
}



/* Header */
#header_wrap {
	height: 125px;
	min-width: 920px;

}
#header {
	position: relative;
	height: 125px;
	width: 920px;
	margin: 0px auto;
	padding-left: 0px;
	background: url(img_page/bg_header2.gif) no-repeat;
	z-index: 2;
}

#header .logo {
	position: absolute;
	left: 704px;
	top: 33px;
}
#header .eglise {
	position: absolute;
	left: 33px;
	top: 0px;
}
#header .menu {
	position: absolute;
	left: 20px;
	top: 94px;
	height: 31px;
	padding-left: 6px;
	padding-top: 0px;
	background: url(img_page/menu2.gif) no-repeat;
}

/* Page blanche ............................ */

#page_wrap {
	position: relative;
	width: 920px;
	margin: 0 auto;
	background: url(img_page/bg_page.gif) repeat-y 0 0;
	z-index: 1;
}
#page {
	position: relative;
	width: 920px;
	z-index: 2;
	background: url(img_page/degrade_page.gif) no-repeat;
}

/* Menu sur le coté...............*/

#sidebar {
	position: absolute;
	left: 35px;
	top: 15px;
	width: 201px;
	z-index: 3;
}

#sidebar .top {
	width: 201px;
	height: 13px;
	background: url(img_page/sidebar_top.gif) no-repeat;
	font:  8px/10px Lucida sans unicode, Lucida grande, arial, Helvetica, sans-serif; 
}

#sidebar .mitte {
	width: 171px;
	font:  13px/16px Lucida sans unicode, Lucida grande, arial, Helvetica, sans-serif; 
    background: url(img_page/sidebar_bg.gif) repeat-y 0 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
}

#sidebar ul li {
	color: #9E0E0B;
}

.niv1 {
	margin-top: 9px;
	background: url(img_page/sidebar_fleche.gif) no-repeat ;
	padding-left: 10px; 
}
.niv2 {
	margin-top: 3px;
	padding-left: 20px; 
	font:  11px/11px Lucida sans unicode, Lucida grande, arial, Helvetica, sans-serif;
}

#sidebar ul a {
	color: #897a61;
	text-decoration: none;
}
#sidebar ul a:hover {
	color: #9E0E0B;
	text-decoration: none;
}

#sidebar .bottom {
	width: 201px;
	height: 160px;
	background: url(img_page/sidebar_bottom_logo.gif) no-repeat;
}

/* INDEX : Carte du canton..............*/

#canton {
	position: absolute;
	left: 35px;
	top: 15px;
	width: 181px;
	height: 392px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	background: url(img/carte_canton.gif) no-repeat;
	font: 11px/13px Lucida sans unicode, Lucida grande, arial, Helvetica, sans-serif;
}
.communes {
	font: 10px/12px Lucida sans unicode, Lucida grande, arial, Helvetica, sans-serif;
}

.communes a:link, .communes a:visited { color: #8C8B51; text-decoration: none }
.communes a:hover { color: #676635; text-decoration: underlined; }

.jouhet  { position: absolute; left: 65px; top: 98px; }
.pindray  { position: absolute; left: 28px; top: 119px; }
.montm  { position: absolute; left: 61px; top: 150px; }
.plaisance  { position: absolute; left: 65px; top: 237px; }
.lathus  { position: absolute; left: 108px; top: 217px; }
.saulge  { position: absolute; left: 58px; top: 189px; }
.moulismes  { position: absolute; left: 11px; top: 225px; }
.bourg  { position: absolute; left: 115px; top: 187px; width: 76px; }

/* INDEX : liens en bas de page ......................*/ 

#page_liens {
	position: relative;
	display: block;
	padding-top: 50px;
	margin-left: 35px;
	width: 875px;
	height: 430px;
}

.box_lien {
	position: relative;
	width: 196px;
	height: 420px;
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 6px;
	padding-left: 6px;
	font:  12px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
	background: transparent url(img_page/liens.gif) no-repeat;
}

.box_lien  .cat {
	height: 16px;
	font:  13px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
	text-align: right;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 10px;
}

.box_lien a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #9E0E0B;
	margin: 10px 0px 0px 0px;
}

/* TEXT Principal............................*/

#text {
	position: relative;
	margin-left: 250px;
	width: 669px;
	min-height: 305px;
	z-index: 3;
}
.intro_nature {
	position: relative;
	margin-left: 250px;
	width: 669px;
	z-index: 4;
}

.intro {
	position: relative;
	padding-top: 30px;
	margin-right: 25px;
	z-index: 4;
}

.intro_photo {
	display: block;
	padding-top: 15px;
	margin-right: 25px;
	z-index: 4;
	width: 443px;
}

.intro_photo blockquote {
position : absolute;
bottom: 0;
font:  11px/13px Lucida sans unicode, Lucida grande, arial, Helvetica, sans-serif; 
}

#photos {
		margin-left: 12px;
		margin-bottom: 15px;
		margin-top: 15px;
		float: right;
		width: 210px;
		z-index: 5;
	}
	
.liste_photo img {
		background: transparent url(img_page/photo_hg.jpg) no-repeat;
		padding-left: 5px;
		padding-bottom: 15px;
	}
	
.liste_photo90 a img  {
		margin-left: 35px;
		padding-left: 5px;
		padding-bottom: 15px;
		background: transparent url(img_page/photo_120_90.jpg) no-repeat;
	}
.liste_photo90 a:hover img  {
		background-position: 0 -105px;
	}

#photo_grande {
		position: relative;
		margin-left: 1px;
		margin-bottom: 10px;
		float: right;
		/*margin-left: 453px; */
		width: 466px;
		height: 317px;
		background: transparent url(img_slide/hg_photo.gif) no-repeat top left;
		z-index: 6;
	}
	
#photo_grande img{
		position: absolute;
		top: 15px;
		left: 23px;
		width: 443px;
		height: 293px;
	}
	
.grand_plan {
	position: relative;
	padding-top: 16px;
	z-index: 5;
}


/* AU PROGRAMME ......................*/ 

.auprogramme {
	position: relative;
	display: block;
	padding-top: 15px;
	margin-right: 25px;
	width: 500px;
	z-index: 4;
	min-height: 800px;
}
.auprogramme h2 {
	font-size: 1.1em;
	color: #9E0E0B;
}
.auprogramme h3 {
	color: #669900;
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
	
}
.auprogramme h4 {
	font-size: 1.2em;
	color: #9E0E0B;
	margin: 0px 0px 16px 0px;
}
.auprogramme p {
	margin: 0px 0px 12px 0px;
}
.caps {
	margin: 0px 0px 0px 0px;
	color: #669900;
	font-weight: bold;
}
	
/* CONTENU EN BAS DE PAGE ......................*/ 

#content_liste {
	position: relative;
	display: block;
	padding-top: 1px;
	margin-left: 250px;
	width: 669px;
}

#content {
	position: relative;
	display: block;
	margin-top: 20px;
	margin-left: 250px;
	width: 660px;
	border-top: solid 1px #949149;
	z-index: 4;
}

.content_item {
	position: relative;
	display: block;
	margin-top: 15px;
	margin-bottom: 11px;
	width: 660px;
	min-height: 176px;
	font:  12px/14px Lucida sans unicode, Lucida grande, arial, Helvetica, sans-serif; 
	border-bottom: solid 1px #949149;
	z-index: 5;
}

.content_item img {
	float: left;
	margin-right: 15px;
}

.box {
	position: relative;
	width: 450px;
	display: block;
	float: left;
	margin-right: 10px;
}
.box img {
	float: left;
	margin-right: 15px;
}

.box_info {
	position: relative;
	display: block;
	width: 200px;
	float: right;
	margin-right: 0px;
	margin-bottom: 12px;
	font:  11px/13px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
}

.clearfix {
	clear: both;
	height: 10px;
	}
	
.content_item h4 {
	font: 13px/15px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 2px;
}
.box h4 {
	font: 13px/15px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 2px;
}
.box li {
	padding-bottom: 0px;
}
.content_item a:link, .content_item a:visited {
	color: #9E0E0B;
	text-decoration: underlined;
	font:  11px/13px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
}
.content_item a:hover {
	color: #E31511;
	text-decoration: underlined;
}
.content_item a:active {
	color: #E31511;
	text-decoration: underlined;
}

.content_item blockquote {
width: 200px;
float: right;
margin-left: 10px;
margin-top: 0px;
font-size: 11px;
height : 170px;
}


/* LISTE DES PETITS PLANS  ......................*/ 

#page_plans {
	position: relative;
	display: block;
	padding-top: 30px;
	margin-left: 251px;
	width: 669px;
}

.plans_ligne {
	position: relative;
	display: block;
	margin-bottom: 30px;
	width: 669px;
	height: 322px;
}


.box_plan {
	position: relative;
	width: 210px;
	height: 322px;
	display: block;
	float: left;
	margin-right: 10px;
	font:  11px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
}

.box_plan  .titre {
	height: 14px;
	font:  11px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
}

.box_plan .pt_plan {
	height: 300px;
}

.box_plan .rouge {
	height: 4px;
	background-color: #FE675A;
}
.box_plan .orange {
	height: 4px;
	background-color: #FEAC1B;
}
.box_plan .marron {
	height: 4px;
	background-color: #9E9356;
}
.box_plan .bleufo {
	height: 4px;
	background-color: #2931D9;
}

.box_plan .bleucl {
	height: 4px;
	background-color: #3CA1FD;
}
.box_plan .vert {
	height: 4px;
	background-color: #70B931;
}


/* Carte Lieux des manifestations  ......................................... */

.lieux_manif {
	position: relative;
	display: block;
	margin-top: 15px;
	margin-bottom: 11px;
	width: 660px;
}

.lieux_manif .droite {
	float: right;
	margin-left: 15px;
	width: 350px;
}


/* Footer ......................................... */
#footer_wrap {
	min-width: 920px;
	background: #C40905 url(img_page/footer.gif) repeat-x;

}
#footer {
	position: relative;
	background: url(img_page/footer_gradient.gif) no-repeat 0 -0px;
	width: 880px;
	padding-left: 30px;
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #ffffff;
	margin: 0 auto 0;
	padding-bottom: 20px;
}

#footer a{
	color: #ffffff;
	text-decoration: underlined;
}


/* SLIDE   .......................................  */ 

	#slide_bg {
		position: relative;
		z-index: 10;
		margin-left: 15px;
		margin-bottom: 10px;
		float: right;
		/*margin-left: 453px; */
		width: 466px;
		height: 317px;
		background: transparent url(img_slide/hg_photo.gif) no-repeat top left;
	}
	#siteWrap {
		position: absolute;
		top: 15px;
		left: 23px;
		width: 443px;
		height: 293px;
	}
	#pageWrap {
		position: absolute;
		width: 16px;
		top: 70px;
		left: 0px;
		font: 12px/24px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
		text-align: right;
		padding-right: 7px;
		background: transparent url(img_slide/hg_zahlen.gif) no-repeat top left;
	}
		#pageWrap4 {
		position: absolute;
		width: 16px;
		top: 170px;
		left: 0px;
		font: 12px/24px 'lucida sans unicode', Lucida grande, Tahoma, Geneva, Arial, sans-serif;
		text-align: right;
		padding-right: 7px;
		background: transparent url(img_slide/hg_zahlen4.gif) no-repeat top left;
	}
		#bubbleWrap {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.bubble {
		position: absolute;
	}
	
	#zahl {
	margin-right: 19px;
	float: left;
	color: #9E0E0B;
	text-decoration: none;
	}
	
	a.zahl:link, a.zahl:visited  {
	font-weight: bold ;
	color: #9E0E0B;
	text-decoration: none;
    }

	a.zahl:hover, a.zahl:active, a.zahl:focus  {
	font-weight: bold ;
	color: #FFF;
    }




		/* MENU DEROULANT
--------------------------------------*/
#menuDeroulant
{

	width: 900px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	font:  14px/21px Lucida sans unicode, Lucida grande, Helvetica, sans-serif; 
	z-index: 20;
}
#menuDeroulant li
{
	float: left;
	margin: 0;
	padding 0;
	border: 0;
}
.accueil  { width: 55px; height: 25px }
.montmorillon  { width: 159px; height: 25px  }
.afaire  { width: 121px; height: 25px }
.programme  { width: 113px; height: 25px }
.restauration  { width: 100px; height: 25px }
.hebergement  { width: 110px; height: 25px }
.vienne  { width: 146px; height: 25px }

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	color: #FFF;
	padding-left: 7px; 
	padding-right : 5px;
	padding-top: 6px;
	padding-bottom: 0px;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
}
#menuDeroulant li a:hover { color: #FFFFFF; }
#menuDeroulant li a:active { color: #FFFFFF; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	border: 0;
	font:  12px Lucida sans unicode, Lucida grande, Helvetica, sans-serif; 
	z-index: 22;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	z-index: 22;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	height: 1%;
	padding-top: 6px;
	padding-bottom: 8px;
	text-decoration: none;
	background: transparent url("img_page/menu_hg.png") repeat;
	z-index: 23;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #C9C647;
	z-index: 23;
}

.sm_montmorillon  { width: 170px; z-index: 25; }
.sm_afaire  { width: 132px; z-index: 25; }
.sm_programme  { width: 124px; z-index: 25; }
.sm_restauration  { width: 111px; z-index: 25; }
.sm_hebergement  { width: 121px; z-index: 25;}
.sm_vienne  { width: 157px; z-index: 25;}

#menuDeroulant li:hover > .sousMenu { display: block; z-index: 25; }