/* CSS Document */

/*********** VIVITE VITURELLE **************/

.listesousmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99CCFF;
	border: 1px solid #99CCCC;
	text-align: center;
	padding:5px;
	list-style-type: none;
	}
a.lienmenu{
	color: #99CCFF;
	text-decoration: none;
}

a.lienmenu:hover{
	font-size: 12px;
	font-weight: bold;

}
a.lienmenu:visited{
	font-size: 12px;
	color: #99CCFF;
	text-decoration: none;
}
.accueilvisite{
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-left:18px;
	padding-right:20px;
	/*padding-top: 8px;*/
	float: left;
	
}

.accueilvisite b{
	color: #0066CC;
}

.accueilvisite strong{
	color: #FF0000;
}
h5{
	font-family:"Arial";
	font-size: 10px;
	color: #006699;
	padding:0;
	margin:0;
	text-align: right;
}
/********* Page de la salorge**********/

.textesalorge{
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-left:20px;
	padding-right:20px;
	padding-top: 10px;
}

.salorge1{
}

.thumbsalorge{
	position: relative;
	top: 0;
	left: 2%;
}

.thumbsalorge a{
	margin:0;
	text-decoration:none;
}

.thumbsalorge a:hover{
	background-color: #FFFFFF;	
}

.thumbsalorge a:activ{
}

.thumbsalorge a .grand{
	display:block;
	position:absolute;
	width: 0px;
}

.thumbsalorge a:hover .grand{
	position:absolute;
	top: 0px;
	left: 150px;
	width: 300px;
	height: 225px
}

.thumbsalorge1{
	position: relative;
	top: 0;
	left: 2%;
}

.thumbsalorge1 a{
	margin:0;
	text-decoration:none;
}

.thumbsalorge1 a:hover{
	background-color: #FFFFFF;	
}

.thumbsalorge1 a:activ{
}

.thumbsalorge1 a .grand{
	display:block;
	position:absolute;
	width: 0px;
}

.thumbsalorge1 a:hover .grand{
	position:absolute;
	top: 0px;
	left: 150px;
	width: 300px;
	height: 225px
}


.thumbsalorge6{
	position: relative;
	top: 0;
	left: 2%;
}

.thumbsalorge6 a{
	margin:0;
	text-decoration:none;
}

.thumbsalorge6 a:hover{
	background-color: #FFFFFF;	
}

.thumbsalorge6 a:activ{
}

.thumbsalorge6 a .grand{
	display:block;
	position:absolute;
	width: 0px;
}

.thumbsalorge6 a:hover .grand{
	position:absolute;
	top: -80px;
	left: 150px;
	width: 300px;
	height: 225px
}

.thumbsalorge7{
	position: relative;
	top: 0;
	left: 2%;
}

.thumbsalorge7 a{
	margin:0;
	text-decoration:none;
}

.thumbsalorge7 a:hover{
	background-color: #FFFFFF;	
}

.thumbsalorge7 a:activ{
}

.thumbsalorge7 a .grand{
	display:block;
	position:absolute;
	width: 0px;
}

.thumbsalorge7 a:hover .grand{
	position:absolute;
	top: -150px;
	left: 150px;
	width: 300px;
	height: 225px
}

/************ La bourrine à Chartier***********/

.bourrine1{
	float: left;
	clear: left;
}

.textebourrine1{
	float: left;
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-left:20px;
	padding-top: 10px;
	width: 30%;
}

.textebourrine2{
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding:0;
	margin:0;
}

.textebourrine2 b{
	color: #0066CC;
}

.gifbour2{
	margin-left: 5%;
	margin-bottom: 10%;
}

/********Détails de la Galerie photos de la bourrine ********/


.sousmenuphotobourrine{
	float: left;
	clear: left;
	margin: 3%; 
}

.listesousmenuphotobourrine{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99CCFF;
	border: 1px solid #99CCCC;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
	}

a#lienmenu2{
	color: #99CCFF;
	text-decoration: none;
}

a#lienmenu2:hover{
	font-size: 12px;
	font-weight: bold;

}
a#lienmenu2:visited{
	font-size: 12px;
	color: #99CCFF;
	text-decoration: none;
}

#titrephotobourrine{
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#333333;
	text-align:left;
	font-weight:bold;
	padding:5px 0 5px 0;
	margin:0;
}
	

/*************la ferme du daviaud***************/

.fermepano{
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}

/************grenier et boulangerie***********/
.texteferme{
    float: left;
	clear: right;
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-left: 10px;
}

.texteferme b{
	color: #0066CC;
}




/*********Images survolées du grenier *********/

 #ble{
 	display: block;
	width: 150px;
	height: 200px;
	background: url(../visite/ferme/ble1.jpg) no-repeat;
	position: relative;
	float: left;
	clear: left;
}


#ble a#farine{
	display: block;
	width: 150px;
	height: 0;
	padding-top: 200px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../visite/ferme/Farine.jpg) no-repeat 150px 150px;
}


*html #ble a#farine{
	height: 200px;
	he\ight: 0;
}

#ble a#farine:hover{
	background-position: 0 0;
	z-index: 10;
}
#ble2{
 	display: block;
	width: 150px;
	height: 200px;
	background: url(../visite/ferme/ble2.jpg) no-repeat;
	position: relative;
	float: left;
	clear: left;
}


#ble2 a#farine2{
	display: block;
	width: 150px;
	height: 0;
	padding-top: 200px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../visite/ferme/feved.jpg) no-repeat 150px 150px;
}


*html #ble2 a#farine2{
	height: 200px;
	he\ight: 0;
}

#ble2 a#farine2:hover{
	background-position: 0 0;
	z-index: 10;
}


#ble3{
 	display: block;
	width: 150px;
	height: 100px;
	background: url(../visite/ferme/boulangerie.jpg) no-repeat;
	position: relative;
	float: left;
	clear: left;
}


#ble3 a#farine3{
	display: block;
	width: 150px;
	height: 0;
	padding-top: 100px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../visite/ferme/four.jpg) no-repeat 150px 150px;
}


*html #ble3 a#farine3{
	height: 100px;
	he\ight: 0;
}

#ble3 a#farine3:hover{
	background-position: 0 0;
	z-index: 10;
}


/**********exposition milieu naturel*******/

a.zoomexpo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999900;
	border: 1px solid #999900;
	padding: 10px;
	text-decoration: none;
	float: left;
	clear: left;
	margin-top: 10px;
}

a.zoomexpo:hover{
	background: none;
	}
	
a.zoomexpo span{
	display: none;
}

a.zoomexpo:hover span{
	display: inline;
	position: absolute;
	width: 300px;
	text-align: justify;
	font-size: 12px;
	font-weight: normal;
	color: #999900;
	background:#FFFFFF;
	border:1px solid #666666;
	padding: 15px;
	top:680px;
	z-index:1000;
}


/**************potager*****************/

.imagepotager{
	float: left;
	width: 100px;
}

.potagergd{
	float: left;
	width: 150px;
	margin-top: 4%;
}

.textepotager{
	float: left;
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	width: 200px;
	
}

.flashgrenier{
	margin-top: 60px;
}



/***********les animaux de la ferme*****************/

#listeferme{
clear:both;
margin:0;
padding:0 0 0 20px;
}
#listeferme li{
margin:0;
padding:5px 0;
}

a.fototexte {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
  color:#3399CC;
}

a:hover.fototexte{
  text-decoration: none; 
  background: none;
}

a.fototexte span{
	display: none;}

a:hover.fototexte span#vache{
  display: inline; 
  position: absolute;  
  top: -10px; 
  left: 250px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a:hover.fototexte span#mouton{
  display: inline; 
  position: absolute;  
  top: -30px; 
  left: 250px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a:hover.fototexte span#canard{
  display: inline; 
  position: absolute;  
  top: -50px; 
  left: 250px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}


a:hover.fototexte span#poule{
  display: inline; 
  position: absolute;  
  top: -70px; 
  left: 250px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a:hover.fototexte span#porc{
  display: inline; 
  position: absolute;  
  top: -90px; 
  left: 250px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a:hover.fototexte span#cheval{
  display: inline; 
  position: absolute;  
  top: -110px; 
  left: 250px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

a:hover.fototexte span#ane{
  display: inline; 
  position: absolute;  
  top: -130px; 
  left: 250px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}



/**********grange de l'ilot***********/

.thumbilot{
	width: 100px;
	height: 75px;
	margin: 1px;
	float: left;
	clear: left;
	display: block;
	background-color: #FFFFFF;
}

.thumbilot a{
	display: block;
}

.thumbilot a:hover{
	position: absolute;
}

.thumbilot a img{
	margin: 0;
	padding: 0;
	width: 100px;
	height: 75px;
}

.thumbilot a:hover img{
	position: relative;
	left: 150px;
	top: 0px;
	width: 300px;
	height: 225px;
}

.galilot{
	float: left; 
	clear: left;
	margin-top: 4%;
	}
/*****GRANGE ET GRENIER ILOT/ IMAGE ANIMEE  IMAGE MAP******/


.accueilgrangeilot{
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-left:18px;
	padding-right:20px;
	/*padding-top: 8px;*/
	float: left;
	margin-bottom: 5%;
	
}

 #imap{
 	display: block;
	width: 500px;
	height: 315px;
	background:url(../visite/grangeilot/grangevue.jpg) no-repeat;
	position: relative;
	float: left;
	clear: left;
	color:#FFFFFF;
}


#imap a#titre{
	display: block;
	width: 500px;
	height: 0;
	padding-top: 315px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../visite/grangeilot/grangevue_survol.jpg) no-repeat 500px 500px;
}

*html #imap a#titre{
	height: 315px;
	he\ight: 0;
}

#imap a#titre:hover{
	background-position: 0 0;
	z-index: 10;
}

#imap dd{
	position: absolute;
	padding: 0;
	margin: 0;
	}
	
#imap #soustitre1{
	left: 120px;
	top: 100px;
	z-index: 20;
}

#imap #soustitre2{
	left: 23px;
	top: 111px;
	z-index: 20;
}


#imap #soustitre3{
	left: 230px;
	top: 111px;
	z-index: 20;
}

#imap #soustitre4{
	left: 294px;
	top: 118px;
	z-index: 20;
}

#imap #soustitre5{
	left: 350px;
	top: 115px;
	z-index: 20;
}

#imap a#tuiles, #imap a#charette, #imap a#charpente, #imap a#moellon{
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	z-index:20;
	background: transparent url(../visite/grangeilot/gif1.gif) -100px -100px no-repeat;
}

 #imap a#grange{
 display: block;
	width: 35px;
	height: 35px;
	text-decoration: none;
	z-index:20;
	background: transparent url(../visite/grangeilot/gif2.gif) -100px -100px no-repeat;
}


#imap a span, #imap a:visited span{
	display: none;
	}
	
#imap a#tuiles:hover, #imap a#charette:hover, #imap a#charpente:hover, #imap a#grange:hover, #imap a#moellon:hover{
	background-position: 0 0;
}

#imap a:hover span{
	position: absolute;
	width: 388px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #999900;
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 5px;
}


#imap a:hover span#grangespan{
	position: absolute;
	width: 388px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #CC0000;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 5px;
}


*html #imap a:hover span{
	width: 400px; w\idth: 388px;
	}

#imap a#tuiles:hover span{
	left: -40px;
	top: 70px;
}

#imap a#charette:hover span{
	left: 5px;
	top: 70px;
}

#imap a#charpente:hover span{
	left: -150px;
	top: 110px;
}

#imap a#grange:hover span{
	left: -205px;
	top: 70px;
}

#imap a#moellon:hover span{
	left: -270px;
	top: 80px;
}


.textegrange{
	/*border: 1px dashed #990033;*/
	float: left;
	clear: right;
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:justify;
	padding-top: 20px;
	padding-left: 60px;
	padding-bottom: 10px;
}