/* CSS Document */

/*Definition du body*/
body{
	/*No Margin*/
	padding : 0;
	margin : 0;

	/*Background image*/
	background-image : url('images/backyellow.jpg');
	background-repeat : repeat-x-y
}
/*Definition de la police content etc..*/
#content
{
	position : absolute;
	top : 159px;
	left : 224px;
	width: 391px;
	height: 154px;
	font: italic bold 12pt georgia; 

}
#dispo
{
	position : absolute;
	top : 159px;
	left : 224px;
	width: 391px;
	height: 154px;
	font: italic bold 12pt georgia; 

}
#dispo2
{
	position : absolute;
	top : 259px;
	left : 224px;
	width: 391px;
	height: 154px;
	font: italic bold 12pt georgia; 

}

/*Lavender*/
#image1{
	position : absolute;
	top : 575px;
	left : 61px;
	width: 91px;
	height: 154px;
	background-image : url('images/lavande.gif');
	background-repeat : no-repeat
}
/*Title*/
#image2{
	position : absolute;
	top : -1px;
	left : 163px;
	width: 476px;
	height: 145px;
	background-image : url('images/titre.gif');
	background-repeat : no-repeat
}
/*Image affichee a l'index*/
#image3{
	position : absolute;
	top : 189px;
	left : 203px;
	width: 448px;
	height: 336px;
	background-image : url('photos/index/jardin.jpg');
	background-repeat : no-repeat
}

/*Bouttons du menu*/
.zoom2 {
	position : absolute;
	top : 250px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/lien1.gif');
 
}
.zoom2 p, .zoom2 a {

height: 33px;
display: block;
margin:0
}
.zoom2 a:hover {

background-image: url('images/lien.gif');

;
}

.zoom3 {
	position : absolute;
	top : 290px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/lien2.gif');
 
}
.zoom3 p, .zoom3 a {

height: 33px;
display: block;
margin:0
}
.zoom3 a:hover {

background-image: url('images/lien.gif');

;
}
.zoom4 {
	position : absolute;
	top : 330px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/lien3.gif');
 
}
.zoom4 p, .zoom4 a {

height: 33px;
display: block;
margin:0
}
.zoom4 a:hover {

background-image: url('images/lien.gif');

;
}
.zoom5 {
	position : absolute;
	top : 370px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/lien4.gif');
 
}
.zoom5 p, .zoom5 a {

height: 33px;
display: block;
margin:0
}
.zoom5 a:hover {

background-image: url('images/lien.gif');

;
}




.zoom22 {
	position : absolute;
	top : 250px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/link1.gif');
 
}
.zoom22 p, .zoom22 a {

height: 33px;
display: block;
margin:0
}
.zoom22 a:hover {

background-image: url('images/lien.gif');

;
}

.zoom33 {
	position : absolute;
	top : 290px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/link2.gif');
 
}
.zoom33 p, .zoom33 a {

height: 33px;
display: block;
margin:0
}
.zoom33 a:hover {

background-image: url('images/lien.gif');

;
}
.zoom44 {
	position : absolute;
	top : 330px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/link3.gif');
 
}
.zoom44 p, .zoom44 a {

height: 33px;
display: block;
margin:0
}
.zoom44 a:hover {

background-image: url('images/lien.gif');

;
}
.zoom55 {
	position : absolute;
	top : 370px;
	left : 60px;
	
 width: 130px;
 height: 33px;
 background: url('images/link4.gif');
 
}
.zoom55 p, .zoom55 a {

height: 33px;
display: block;
margin:0
}
.zoom55 a:hover {

background-image: url('images/lien.gif');

;
}
/*Affichage de la photo de la region avec zoom*/
.region {
	position : absolute;
	top : 240px;
	left : 240px;
	
 width: 550px;
 height: 380px;
 background: url('images/region1.jpg');
 
}
.region p, .region a {

height: 380px;
display: block;
margin:0
}
.region a:hover {

background-image: url('images/region2.jpg');

;
}
/*Definition du sous menu*/
.jardin {
	position : absolute;
	top : 140px;
	left : 160px;
	
 width: 102px;
 height: 26px;
 background: url('images/jardin1.gif');
 
}
.jardin p, .jardin a {

height: 26px;
display: block;
margin:0
}
.jardin a:hover {

background-image: url('images/jardin2.gif');

;
}
.balcon {
	position : absolute;
	top : 140px;
	left : 262px;
	
 width: 102px;
 height: 26px;
 background: url('images/balcon1.gif');
 
}
.balcon p, .balcon a {

height: 26px;
display: block;
margin:0
}
.balcon a:hover {

background-image: url('images/balcon2.gif');

;
}
.cuisine {
	position : absolute;
	top : 140px;
	left : 364px;
	
 width: 102px;
 height: 26px;
 background: url('images/cuisine1.gif');
 
}
.cuisine p, .cuisine a {

height: 26px;
display: block;
margin:0
}
.cuisine a:hover {

background-image: url('images/cuisine2.gif');

;
}

.sejour {
	position : absolute;
	top : 140px;
	left : 466px;
	
 width: 102px;
 height: 26px;
 background: url('images/sejour1.gif');
 
}
.sejour p, .sejour a {

height: 26px;
display: block;
margin:0
}
.sejour a:hover {

background-image: url('images/sejour2.gif');

;
}

.chambre {
	position : absolute;
	top : 140px;
	left : 568px;
	
 width: 102px;
 height: 26px;
 background: url('images/chambres1.gif');
 
}
.chambre p, .chambre a {

height: 26px;
display: block;
margin:0
}
.chambre a:hover {

background-image: url('images/chambres2.gif');

;
}
.toilettes {
	position : absolute;
	top : 140px;
	left : 670px;
	
 width: 102px;
 height: 26px;
 background: url('images/toilettes1.gif');
 
}
.toilettes p, .toilettes a {

height: 26px;
display: block;
margin:0
}
.toilettes a:hover {

background-image: url('images/toilettes2.gif');

;
}


/*Thumb*/
.thumb {
position:absolute; 
top:240;
left:260; 
}
.thumb a {
margin:0; 
text-decoration:none;
}

.thumb a:hover {
background-color:black; /*indispensable, sinon, pas de zoom */
}

.thumb a .grand {
display:block;
position:absolute; 
width:0px; 
}
.thumb a:hover .grand { 
position:absolute; 
top:60px;
left:0px;
width:420px; 
height:315px; 
}
#french{
	position : absolute;
	top : 488px;
	left : 204px;
	width: 50px;
	height: 34px;
	
}
#english{
	position : absolute;
	top : 488px;
	left : 599px;
	width: 50px;
	height: 34px;
	
}