*{
	margin:0;
	padding:0;
}
body {
  background-color: #fff;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  padding:0px;
  margin:0px;
  margin-top:20px;
}
#entete{
	background: url('images/BG_Top.jpg') top left no-repeat #fff;
}
#entete h1 a{
	display:block;
	width: 996px;
	height:202px;
	text-decoration:none;
}
#entete h1 a span{
	visibility:hidden;
}
				/*------------BARRE DOUILS RAPIDE---------------*/
				#barreoutil ul li{
					margin: 0;
					padding: 0;
					display: inline;
					}
				#barreoutil ul{
					margin-top:-42px;
					margin-right:15px;
					list-style-type:none;
					float:right;
					width:150px;
				}
				#barreoutil li a{
					float:right;
					width:38px;
					height:30px;
				}	
				#barreoutil li a img{
					border:none;
				}
				
				#barreoutilhome a{
					background: url('images/btn_home.jpg') top left no-repeat transparent;
				}
				#barreoutilhome a:hover{
					background: url('images/btn_homeh.jpg') top left no-repeat transparent;
				}
				#barreoutilhome a span{
					display:none;
				}
				#barreoutilhome a:hover span{
					   display:block;
					   position:relative;
						bottom:3em; right:10em; width:15em;
						padding:3px;
						background-color:#cff; color:#000;
						text-align: center;
						text-decoration:none;
						font-size:10px;
				}
				#barreoutilprint a{
					background: url('images/btn_print.jpg') top left no-repeat transparent;
				}
				#barreoutilprint a:hover{
					background: url('images/btn_printh.jpg') top left no-repeat transparent;
				}
				#barreoutilprint a span{
					display:none;
				}
				#barreoutilprint a:hover span{
					   display:block;
					   position:relative;
						bottom:3em; right:10em; width:15em;
						padding:3px;
						background-color:#cff; color:#000;
						text-align: center;
						text-decoration:none;
						font-size:10px;
				}
				#barreoutilfriend a{
					background: url('images/btn_friend.jpg') top left no-repeat transparent;
				}
				#barreoutilfriend a:hover{
					background: url('images/btn_friendh.jpg') top left no-repeat transparent;
				}
				#barreoutilfriend a span{
					display:none;
				}
				#barreoutilfriend a:hover span{
					   display:block;
					   position:relative;
						bottom:3em; right:10em; width:15em;
						padding:3px;
						background-color:#cff; color:#000;
						text-align: center;
						text-decoration:none;
						font-size:10px;
				}
				/*------------fin BARRE DOUILS RAPIDE---------------*/

#conteneur {
position: relative;
width: 996px;
margin: 0 auto; 
margin-top:10px;
background-color:#fff;
}

#centre {
	position: relative;
	margin-left:257px;
	margin-right:15px;
	background:url(images/BGcentre.jpg) top right repeat-y transparent;/**/
	width:727px;
	height: 900px;
	overflow:hidden;
	/*height:900px;*/
}
html>body #centre {
	height: auto;
	min-height: 900px;
} 
#centre h2{
  font-size: 18px;
  color: #fff;
  font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;
  background:url(images/BG_titre.jpg) top left repeat-x transparent;
  width:100%;
  height:22px;
  margin-top:26px;
}
#pied {
	height: 72px;
	clear:both;
	text-align:center;
	background:url(images/BGcentre.jpg) top right repeat-y transparent;/**/
	color:#999;
	width:984px;
}
#pied p{
	/*background:url(images/BG_foot.gif) bottom right no-repeat transparent;
	margin-left:100px;
	margin-right:-40px;
	height:72px;*/
}
#pied a{
	color:#999;
}
#pied a:hover{
	color:#000;
	text-decoration:none;
}
#imgdeco{
	position:absolute;
	right:0;
	bottom:0;
}
/*--------------GAUCHE ET MENU GAUCHE---------------*/
		#gauche {
		width:225px; 
		position:absolute;
		left:0;
		background:url(images/BG_Menugauche.jpg) top left no-repeat transparent;
		height:800px;
		margin-left:32px;
		padding-top:40px;
		}
		
		.menugauche {
		list-style-type: none;
		margin: 0;
		padding:0;
		color:#fff;
		}
		.menugauche li {
		margin:0;
		padding:0;
		margin-left:10px;
		}
		.menugauche a {
		font-family:georgia;
		display:block;
		height:58px;
		font-size:15px;
		font-weight:bold;
		color: #000;
		text-decoration: none;
		background:url(images/BG_lienmenu.jpg) bottom left no-repeat transparent;
		}
		.menugauche a:hover {
		text-decoration: none;
		color:#666;
		}
/*-------------- FIN GAUCHE ET MENU GAUCHE---------------*/

p {margin: 0 0 0 0;}

/*-------------- PAGE MANIFESTATION LISTE---------------*/
.titrecategmanif{
	font-size:16px;
	color:#006633;
	padding-left:25px;
	margin-left:20px;
	border-bottom:solid 1px #ccc;
	background:url(images/fleche.png) bottom left no-repeat transparent;
	height:25px;
}
.titremanif{
	font-size:16px;
	color:#444;
	/*padding-left:25px;*/
	margin-left:50px;
	font-style: italic;
}
.extraitmanif{
	font-size:12px;
	color:#000;
	/*padding-left:25px;*/
	margin-left:50px;
	font-style: italic;
}
.lien{
	font-size:12px;
	color:#000;
	/*padding-left:25px;*/
	margin-left:50px;
	font-style: italic;
	padding-bottom:10px;
}
.lien a{
	color:#000;
}
.unemanif{
	margin-top:10px;
	margin-bottom:10px;
	border-left:solid 1px #006633;
	border-bottom:solid 1px #006633;
	background:url(images/loupe.png) center left no-repeat transparent;
}

.presentationmanif{
	width:400px;
	color:#006633;
	margin-top:15px;
}
.presentationmanif p{
	color:#006633;
	margin-top:6px;
	margin-bottom:6px;
}
.presentationmanif h3{
	color:#006633;
	margin-top:6px;
	margin-bottom:6px;
	font-size:15px;
	text-align:center;
}
.presentationmanif ul{
	color:#006633;
	margin-left:3em;
	margin-top:6px;
	margin-bottom:6px;
}

.titrecategmanif2{
	font-size:16px;
	color:#006633;
	padding-left:25px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
	background:url(images/fleche.png) bottom left no-repeat transparent;
	height:25px;
	width:400px;
}
#listefichier{
	margin-top:20px;
	padding-bottom:20px;
	width:450px;
	border:solid 1px #006633;
}

#listefichier a{
	color:#006633;
}
#listefichier a:hover{
	text-decoration:none;
}

#listephotomanif{
	position:absolute;
	width:200px;
	right:0px;
	top:100px;
	text-align:center;
}
#listephotomanif p a img{
	border:solid 1px #333;
}

#listephotopresentation{
	position:absolute;
	width:250px;
	right:0px;
	top:100px;
	text-align:center;
}
#listephotopresentation p a img{
	border:solid 1px #333;
}

/*/----------PAGE PRESENTATION-------------/*/
#listfichierpres{
	margin-top:20px;
	padding-bottom:20px;
	width:450px;
	border:solid 1px #006633;
}

#listfichierpres a{
	color:#006633;
}
#listfichierpres a:hover{
	text-decoration:none;
}
#txtpresent{
	width:450px;
	margin-top:15px;
	color:#006633;
}
#txtpresent p{
	color:#006633;
	margin-top:6px;
	margin-bottom:6px;
}
#txtpresent h3{
	color:#006633;
	margin-top:6px;
	margin-bottom:6px;
	font-size:15px;
	text-align:center;
}
#txtpresent ul{
	color:#006633;
	margin-left:3em;
	margin-top:6px;
	margin-bottom:6px;
}

/*------------- PARTENAIRES -----------------*/
#listpart{
	/*border:solid 1px #C3BB9E;*/
	margin-left:30px;
	
}
.unpartenaire0{
	/*/background: url('images/fond_part.png') bottom right no-repeat transparent;/*/
	margin-bottom:10px;
	height:65px;
	padding-top:5px;
	border-bottom:solid 1px #ccc;
	
}
.unpartenaire0 img{
	
}
.unpartenaire0 p{
	font-size:1.2em;
}
.unpartenaire0 p a{
	text-decoration:none;
	color:#000;
}
.unpartenaire1{
	/*/background: url('images/fond_part.png') bottom right no-repeat transparent;/*/
	margin-bottom:10px;
	height:65px;
	padding-top:5px;
	border-bottom:solid 1px #ccc;
}
.unpartenaire1 p{
	font-size:1.2em;
}
.unpartenaire1 p a{
	text-decoration:none;
	color:#000;
}

.logopart{
	height:78px;
	width:110px;
	float:left;
}
.NomPartenaire{
	padding-top:15px;
	font-weight:bold;
}

/*è--------------- GALERIE ET LISTE ARTISANT-------------*/
/*-------------rajout CSS ---------------*/
.infobulle{
	position:absolute;
	visibility : hidden;
	top:420px;
	left:480px;
	width:170px;
	border: 1px solid #999999;
	padding: 0;
	font-family: Verdana, Arial;
	font-size: 10px;
	/*/background-color: #08998A;/*/
	background-color: #DDDDDD;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.infobulle p{
	padding:0;
	margin:0;
}
.infobulle strong{
	font-weight:bolder;
	/*/background-color:#999999;/*/
}
.infobulle ul{
	border-top:1px solid #999999;
	/*/width:100%;/*/
}
.infobulle ul li{
	text-align:left;
}

/*#gaucheacc2{
	margin-top:15px;
	color:#006633;
	width:100%;
}*/
.titreartisan{
	font-size:13px;
	color:#006633;
	padding-left:20px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
	background:url(images/fleche.png) bottom left no-repeat transparent;
	height:25px;
	width:100%;
	text-align:left;
}


#cadre_artisan{
	text-align:left;
	width:100%;
}
#cadre_artisan h3{
	text-align:left;
	font-size:13px;
}
.listunart{
	height:50px;
	border-bottom:solid 1px #006633;
	background:url(images/loupe.png) center left no-repeat transparent;
	padding-left:50px;
}
/*#cadre_artisan h3{
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-right:10px;
	margin-top:10px;
}*/
#cadre_artisan h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-right:10px;
	margin-left:50px;
	margin-top:10px;
	border-bottom:1px solid #006633;
}
#cadre_artisan p{
	margin-left:50px;
	padding-top:5px;
}
#cadre_artisan a{
	color:#007744;
	text-decoration: none;
}
#cadre_artisan a:visited{
	color:#006633;
	text-decoration: underline;
}
#diaporama{
	margin:0;
	paddind:0;
	padding-right:15px;
	float:right;
	width:215px;
	text-align:center;
	/*/margin-left:20px;/*/
	background:url(images/BGmilieu_Actu.jpg) top left repeat-y transparent;
}
#diaporama h2{
	margin:0;
	padding-top:10px;
	text-decoration:underline;
	background:url(images/BGhaut_diaporama.jpg) top left no-repeat transparent;
	width:226px;
	height:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
/*THE GALERIEEEEEEEE*/
div#galerie
{
	background: #FFFFFFF ;
	/*border: 1px solid #dcb ;*/
	/*float:left;*/
	margin:0;
	padding:0;
	width:470px;
	height:600px;
	float:left;
	color:#fff;
	font: 12px/1.2em arial, helvetica, sans-serif;
	
}
/*#lien_big_pict { la loupe
	margin-left:-3px;
	display:block;
	float:left;
	width:19px;
	height:17px;
}*/
ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
		overflow: auto;
	height:400px;
/*scrollbar-face-color: #555;
	scrollbar-shadow-color: #333;
	scrollbar-highlight-color: #333;
	scrollbar-3dlight-color: #333;
	scrollbar-darkshadow-color: #333;
	scrollbar-track-color: #333;
	scrollbar-arrow-color: #333;
	/*margin-left:520px;
	margin-left:220px;
	height:400px;
	margin-top:4px;*/
	
}

ul#galerie_mini li
{
	margin-left:60px;
	margin-right:60px;
	margin-bottom:3px;
	margin-top:3px;
	border:1px dotted #CCCCCC;
	/*float: left ;*/
	
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #666 ;
	width:60px ;
	height:48px;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
	width:460px;
	height:500px;
	/*/height:503px;/*/
	/*/height:100%;/*/
	overflow: auto;
	float:left;
	margin:0;
	padding:0;
	margin-top:7px;
	margin-left:4px;
	margin-right:1px;
	background-color:#fff;
}
#idphoto{
	
}
dl#photo dt
{
	font: italic 0px/1.5em Georgia, serif ;
	/*color: #dcb ;*/
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	/*border: 1px dotted #666 ;*/
	/*/width:617px;
	height:500px;/*/
}
#commphoto{
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:1em;
	color:#fff;
}
.spacer {
  clear: both;
  	font: italic 0px/1.5em Georgia, serif ;
}



/*FRIENDS*/
#friends {
	display: none;
	position: absolute;
	top: 20em;
	right: 20em; 
	
	border: 2px double #006633;
	background: #fff;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
	z-index: 500;
	/*cursor: pointer;*/
	font-size: 80%;
	width:400px;
	text-align: center;
}
#friends p {

}
#fermer{
	text-align:right;
}
#fermer a img{
	border:none;
}

/*----------CONTACT------------*/
#formcontact{
	margin-left:50px;
}

/*----------ACTUALITES------------*/
.uneactu0{
	margin-bottom:15px;
	text-align:left;
	border:solid 1px #666;	
	padding:5px;
}
.uneactu1{
	margin-bottom:15px;	
	text-align:left;	
	border:solid 1px #006633;	
	padding:5px;
}
.txtactu{
	text-align:left;	
}
/*----------CHARTE------------*/

.pcharte{
	width:600px;
	color:#006633;
	margin-top:15px;
	background:url(images/bg_charte.gif) center left no-repeat transparent;
	padding-left:100px;
}
.pcharte p{
	color:#006633;
	margin-top:6px;
	margin-bottom:6px;
}
.pcharte h3{
	color:#006633;
	margin-top:6px;
	margin-bottom:6px;
	font-size:15px;
	text-align:center;
}
.pcharte ul{
	color:#006633;
	margin-left:3em;
	margin-top:6px;
	margin-bottom:6px;
}