#main{
	position:relative;
	width:800px;
	height:600px;
	z-index:2;
	border: 2;
	border-color: #000000;
	background-image: url(../image/fond.jpg);
}
#haut{
	position:absolute;
	width:800;
	height:60;
	top: 0;
	left: 0;
	z-index:1;
}	
#sectVP {
	position:absolute;
	left:415px;
	top:18px;
	width:301px;
	height:26px;
	z-index:2;
}
#vert {
	position:absolute;
	left:401px;
	top:7px;
	width:374px;
	height:174px;
	z-index:2;
}
#bas{
	position:absolute;
	width:800;
	height:15;
	top: 581px;
	left: 0;
	z-index:2;
}	
#bas2{
	position:absolute;
	width:140px;
	height:15;
	top: 603px;
	left: 657px;
	z-index:2;
}	
span.francois {
display: block;
	float: left;
	width: 275px;
	height: 50px;
	margin-right: 5px;
	background-image: url(/images/francois.gif);
	background-repeat: no-repeat;
}
span.francois span {display:none;}


#fflash{
	position: absolute;
	width:560px;
	height:30px;
	top: 480px;
	left: 120px;
	z-index:2;
}

#imageP{
	position: absolute;
	width:402px;
	height:277px;
	top: 79px;
	left: 385px;
	z-index:2;
}
#mflash{
	position: absolute;
	width:325px;
	height:30px;
	top: 485px;
	left: 233px;
	z-index:2;
}
#jflash{
	position: absolute;
	width:425px;
	height:30px;
	top: 480px;
	left: 182px;
	z-index:2;
}
#boletI{
	position: absolute;
	width:288px;
	height:342px;
	top: 89px;
	left: 483px;
	z-index:2;
}
#boletII{
	position: absolute;
	width:280px;
	height:234px;
	top: 269px;
	left: 232px;
	z-index:2;
}
#boletT{
	position: absolute;
	width:315px;
	height:260px;
	top: 88px;
	left: 15px;
	z-index:2;
}
#page{
	position:absolute;
	left:5px;
	top:5px;
	width:790px;
	height:515px;
	z-index:1;
	
}
#autre{
	position:absolute;
	left:0px;
	top:60px;
	width:800px;
	height:525px;
	z-index:1;
	background-color: #f4e6c5;
}
#textF{
	position:absolute;
	left:195px;
	top:100px;
	width:557px;
	height:381px;
	overflow: auto;
}
#textPr{
	position:absolute;
	left:10px;
	top:7px;
	width:362px;
	height:493px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	text-align: left;
}
#textC{
	position:absolute;
	left:309px;
	top:156px;
	width:265px;
	height:192px;
	overflow: auto;
}
#textM{
	position:absolute;
	left:206px;
	top:60px;
	width:404px;
	height:427px;
	overflow: auto;
}
#textT{
	position:absolute;
	left:290px;
	top:110px;
	width:456px;
	height:350px;
	overflow: auto;
}
#textMd{
	position:absolute;
	left:155px;
	top:10px;
	width:453px;
	height:488px;
	overflow: auto;
}
#titaccueil{
	position:absolute;
	left:20px;
	top:15px;
	width:350px;
	height:50px;
}
#titwhere{
	position:absolute;
	left:119px;
	top:17px;
	width:551px;
	height:50px;
}
#taccueil{
	position:absolute;
	left:20px;
	top:75px;
	width:360px;
	height:296px;
	text-align:justify;
}
#twhere{
	position:absolute;
	left:28px;
	top:68px;
	width:733px;
	height:432px;
	overflow: auto;
}#tlpro{
	position:absolute;
	left:47px;
	top:72px;
	width:372px;
	height:430px;
	overflow: auto;
}
#slaccueil{
	position:absolute;
	right:439px;
	top:308px;
	width:303px;
	height:201px;

}#assaccueil{
	position:absolute;
	left:62px;
	bottom:25px;
	top:314px;
	width:228px;
	height:194px;
	
}
#titreF{
	width:375px;
	height:75px;
	top: 25px;
	left: 212.5px;
	z-index:1;
	position: absolute;
}
#titreT{
	width:400px;
	height:55px;
	top: 25px;
	left: 200px;
	z-index:1;
	background-image: url(/images/latable.gif);
	background-repeat: no-repeat;
	position: absolute;
}
#titreB{
	width:424px;
	height:99px;
	top: 4px;
	left: 191px;
	z-index:1;
	background-image: url(/images/bolet.gif);
	background-repeat: no-repeat;
	position: absolute;
}
#flashT{
	position:absolute;
	left:25px;
	bottom:25px;
	top:130px;
	width:230px;
	height:155px;
	
}
#francois{
	width:150px;
	height:298px;
	top: 113px;
	left: 25px;
	z-index:1;
	position: absolute;
}
#contact{
	width:200px;
	height:400px;
	top: 57px;
	left: 25px;
	z-index:1;
	position: absolute;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #006600;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
}
a {
	text-decoration: none;
	color: #C71C1E;
}
#Tableau{
	position:absolute;
	left:-3px;
	top:49px;
	width:170px;
	height:68px;
	z-index:1;
}
#date{
	position:absolute;
	left:644px;
	top:84px;
	width:137px;
	height:104px;
	z-index:1;
}
#titreM{
position:absolute;
left:125px; 
top:0px; 
width:537px; 
height:30px; 
z-index:1;
}
#titreP{
position:absolute;
left:520px; 
top:5px; 
width:173px; 
height:75px; 
z-index:1;
background-image:url(../images/produits.gif);
background-repeat: no-repeat;
}
#texteP1{
position:absolute; 
left:152px; 
top:15px; 
width:356px; 
height:215px; 
z-index:6
}
#texteP2{
position:absolute; 
left:533px; 
top:75px; 
width:236px; 
height:236px; 
z-index:2;
}
#texteP3{
position:absolute; 
left:316px; 
top:274px; 
width:193px; 
height:213px; 
z-index:3
}
#labrador{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#ailliaire{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#carcajou{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#marguerite{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#persil{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#cormier{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#asclepiade{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#melilot{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#fsureau{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#sureau{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#gingers{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#saslepareille{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#mginger{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#spersil{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#pimbina{
position:absolute; 
left:534px; 
top:333px; 
width:240px; 
height:164px; 
z-index:3
}
#photo1{
position:absolute; 
left:19px; 
top:35px; 
width:101px; 
height:216px; 
z-index:4}
#photo2{
position:absolute; 
left:17px; 
top:316px; 
width:284px; 
height:183px; 
z-index:5}
#boletus{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#cepemeleze{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#agaric{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#tricholomes{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#boletinsigne{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#boletorange{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#mousseron{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#morille{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#vesse{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#chanterelle{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#trompette{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#pholiotes{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#pleurote{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#russula{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#coprin{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#polypore{
position:absolute; 
left:21px; 
top:256px; 
width:150px; 
height:200px; 
}
#nancy{
position:absolute; 
left:22px; 
top:349px; 
width:124px; 
height:168px; 
}
#menemer {
	position:absolute;
	left:222px;
	top:15px;
	width:394px;
	height:170px;
	z-index:27;
	visibility: hidden;
}
#logo {
	position:absolute;
	left:372px;
	top:358px;
	width:403px;
	height:151px;
	z-index:1;

}
#Layer4 {
	position:absolute;
	left:661px;
	top:202px;
	width:105px;
	height:27px;
	z-index:28;
}
#Layer5 {
	position:absolute;
	left:620px;
	top:230px;
	width:160px;
	height:166px;
	z-index:29;
}
#Layer6 {
	position:absolute;
	left:12px;
	top:166px;
	width:136px;
	height:32px;
	z-index:30;
}
#mdate {
	position:absolute;
	left:11px;
	top:26px;
	width:143px;
	height:131px;
	z-index:2;
}
.txtfrancois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #501605;
	text-align:justify;
}
.menucoingau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #501605;
	text-align:center;
}
.txtfr2 {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 600;
	color: #00FF33;

}
.nancy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003333;
}
.produit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #00401A;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #00401A;
	text-align: center;
}
.menugros {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #00401A;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}

.prodgros {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #663300;
}
.titprod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #00401A;
}
.texteex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99000;
}
.Style21 {
	font-size: 18px;
	color: #663333;
	font-family: Arial, Helvetica, sans-serif;
}
/* Lettrine*/

span.lettrine_a {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_a.gif);
	background-repeat: no-repeat;
}
span.lettrine_a span {display:none;}

span.lettrine_d {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_d.gif);
	background-repeat: no-repeat;
}
span.lettrine_d span {display:none;}

span.lettrine_f {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_f.gif);
	background-repeat: no-repeat;
}
span.lettrine_f span {display:none;}

span.lettrine_l {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_l.gif);
	background-repeat: no-repeat;
}
span.lettrine_l span {display:none;}
span.lettrine_s {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_s.gif);
	background-repeat: no-repeat;
}
span.lettrine_s span {display:none;}
span.lettrine_n {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_n.gif);
	background-repeat: no-repeat;
}
span.lettrine_n span {display:none;}
span.lettrine_c {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_c.gif);
	background-repeat: no-repeat;
}
span.lettrine_c span {display:none;}
span.lettrine_aa {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_aa.gif);
	background-repeat: no-repeat;
}
span.lettrine_aa span {display:none;}
span.lettrine_g {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_g.gif);
	background-repeat: no-repeat;
}
span.lettrine_g span {display:none;}
span.lettrine_o {
	display: block;
	float: left;
	width: 29px;
	height: 40px;
	margin-right: 5px;
	background-image: url(/images/lettrine_o.gif);
	background-repeat: no-repeat;
}
span.lettrine_g span {display:none;}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #E4E3E8;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-image: url(../images/fond_txt.jpg);
}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #E4E3E8; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 50px; background-color: #000; }