body {
	margin: 0;
	position: absolute;
	font: 12px verdana;
	background : #FFFFEE url(images/body_2005.jpg) top left no-repeat;
	text-align: center;
}

A		{TEXT-DECORATION: none; color: #880000;font-weight:bold;} 
A:hover {color: #888800;text-decoration: underline;}

img 
{
border : none
}
#page {}

#contenu{
position: absolute;
left: 100px;
top: 205px;
width: 800px;
border: 0px black solid;
}

#contenu{
	text-align: justify;
}
#contenu p{
	font: bold 12px tahoma;

}

#actu{
position: absolute;
left: 3px;
top: 400px;
background-color: #F7F7D5;
border: 1px black solid;
font: 12px tahoma;
text-align: center;
padding: 2px;
width: 76px;
}

#compteur{
position: absolute;
left: 3px;
top: 700px;
font: 10px tahoma;
text-align: center;
padding: 2px;
width: 76px;
}

#gitedefrance {
position: absolute;
display: block;
height: 72px;
width: 79px;
background : #FFFFEE url(images/gdf.jpg) 0 -72px no-repeat;
top: 293px;
left: 0;
}

#gitedefrance:hover {
background : #FFFFEE url(images/gdf.jpg) 0 0 no-repeat;
}

#fr2uk {
position: absolute;
display: block;
height: 22px;
width: 39px;
background : #FFFFEE url(images/union.gif) 0 -22px no-repeat;
top: 3px;
left: 600px;
}

#fr2uk:hover {
background : #FFFFEE url(images/union.gif) 0 0 no-repeat;
}

#uk2fr {
position: absolute;
display: block;
height: 22px;
width: 39px;
background : #FFFFEE url(images/france.gif) 0 -22px no-repeat;
top: 3px;
left: 560px;
}

#uk2fr:hover {
background : #FFFFEE url(images/france.gif) 0 0 no-repeat;
}


/* menu style*/
#menu{
	font: 12px tahoma;

}
#menu ul {
	padding: 0;
	margin: 0;
	white-space : nowrap; /* Empeche le wrap si l'écran est trop réduit*/
}

#menu ul li{
	display: inline;
}

#menu ul li a{
   color : black;
   font-weight : bold;
   text-decoration : none;
}

/*Accueil*/
#menu #tab1{
	position: absolute;
	top: 71px;
	left: 121px;
	background : #FFFFEE url(images/rollovers.jpg) 0 0 no-repeat;
	width: 62px;
	height: 89px;
}

#menu #tab1:hover{
color:#066;
background : #FFFFEE url(images/rollovers.jpg) 0 -89px no-repeat;
cursor: pointer;
}

#menu #tab1.active{
color:#066;
background : #FFFFEE url(images/rollovers.jpg) 0 -89px no-repeat;
}

#menu #tab1 b{
position: absolute;
bottom: 0;
right: 0;
}

/*Alentours*/
#menu #tab2{
	position: absolute;
	top: 71px;
	left: 183px;
	background : #FFFFEE url(images/rollovers.jpg) -62px 0 no-repeat;
	width: 95px;
	height: 89px;
}

#menu #tab2:hover{
color:#00B;
background : #FFFFEE url(images/rollovers.jpg) -62px -89px no-repeat;
cursor: pointer;
}

#menu #tab2.active{
color:#00B;
background : #FFFFEE url(images/rollovers.jpg) -62px -89px no-repeat;
}

#menu #tab2 b{
position: absolute;
bottom: 0;
right: 0;
}

/*Gite*/
#menu #tab3{
	position: absolute;
	top: 71px;
	left: 278px;
	background : #FFFFEE url(images/rollovers.jpg) -157px 0 no-repeat;
	width: 95px;
	height: 89px;
}

#menu #tab3:hover{
color:#606;
background : #FFFFEE url(images/rollovers.jpg) -157px -89px no-repeat;
cursor: pointer;
}

#menu #tab3.active{
color:#606;
background : #FFFFEE url(images/rollovers.jpg) -157px -89px no-repeat;
}

#menu #tab3 b{
position: absolute;
bottom: 0;
right: 0;
}

/*Chambre*/
#menu #tab4{
	position: absolute;
	top: 71px;
	left: 372px;
	background : #FFFFEE url(images/rollovers.jpg) -251px 0 no-repeat;
	width: 95px;
	height: 89px;
}

#menu #tab4:hover{
color:#600;
background : #FFFFEE url(images/rollovers.jpg) -251px -89px no-repeat;
cursor: pointer;
}

#menu #tab4.active{
color:#600;
background : #FFFFEE url(images/rollovers.jpg) -251px -89px no-repeat;
}

#menu #tab4 b{
position: absolute;
bottom: 0;
right: 0;
}

/*Séminaire*/
#menu #tab5{
	position: absolute;
	top: 71px;
	left: 467px;
	background : #FFFFEE url(images/rollovers.jpg) -346px 0 no-repeat;
	width: 95px;
	height: 89px;
	text-align: right;
}

#menu #tab5:hover{
color:#600;
background : #FFFFEE url(images/rollovers.jpg) -346px -89px no-repeat;
cursor: pointer;
}

#menu #tab5.active{
color:#600;
background : #FFFFEE url(images/rollovers.jpg) -346px -89px no-repeat;
}


#menu #tab5 b{
position: absolute;
bottom: 0;
right: 0;
}

/*Tarifs*/
#menu #tab6{
	position: absolute;
	top: 71px;
	left: 561px;
	background : #FFFFEE url(images/rollovers.jpg) -440px 0 no-repeat;
	width: 95px;
	height: 89px;
	text-align: right;
}

#menu #tab6:hover{
color:#630;
background : #FFFFEE url(images/rollovers.jpg) -440px -89px no-repeat;
cursor: pointer;
}

#menu #tab6 b{
position: absolute;
bottom: 0;
right: 0;
}

/*Liens*/
#menu #tab7{
	position: absolute;
	top: 71px;
	left: 656px;
	background : #FFFFEE url(images/rollovers.jpg) -535px 0 no-repeat;
	width: 95px;
	height: 89px;
	text-align: right;
}

#menu #tab7:hover{
color:#BB0;
background : #FFFFEE url(images/rollovers.jpg) -535px -89px no-repeat;
cursor: pointer;
}

#menu #tab7 b{
position: absolute;
bottom: 0;
right: 0;
}

/*Contact*/
#menu #tab8{
	position: absolute;
	top: 71px;
	left: 750px;
	background : #FFFFEE url(images/rollovers.jpg) -629px 0 no-repeat;
	width: 212px;
	height: 89px;
	text-align: right;
}

#menu #tab8:hover{
color:#060;
background : #FFFFEE url(images/rollovers.jpg) -629px -89px no-repeat;
cursor: pointer;
}

#menu #tab8 b{
position: absolute;
bottom: 0;
right: 60px;
}

/* Fin du menu*/


/* titres et paragraphes */

#titre_accueil {
	position: relative;
	left: 180px;
	width: 300px;
	height: 55px;
	width: 173px;
background: #FFFFEE url(images/ardeche.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_accueil span{
	position: absolute;
	left: -2000px;
	}

.normal{
	position: relative;
	font: 12px verdana;
	text-align: justify;
	padding: 3px;
	width: 520px;
}

#titre_gite {
	position: relative;
	left: 120px;
	width: 300px;
	height: 55px;
background: #FFFFEE url(images/gites.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_gite_en {
	position: relative;
	left: 120px;
	width: 300px;
	height: 55px;
background: #FFFFEE url(images/gites_en.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_gite span{
	position: absolute;
	left: -2000px;
	}

#titre_gite_en span{
	position: absolute;
	left: -2000px;
	}

#titre_chambre {
	position: relative;
	left: 120px;
	width: 300px;
	height: 55px;
background: #FFFFEE url(images/chambres.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_chambre_en {
	position: relative;
	left: 120px;
	width: 300px;
	height: 55px;
background: #FFFFEE url(images/chambres_en.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_chambre span{
	position: absolute;
	left: -2000px;
	}

#titre_chambre_en span{
	position: absolute;
	left: -2000px;
	}

#titre_seminaire {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/seminaires.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_seminaire_en {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/seminaires_en.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_seminaire span{
	position: absolute;
	left: -2000px;
	}
	
#titre_seminaire_en span{
	position: absolute;
	left: -2000px;
	}

#titre_alentour {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/alentours.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_alentour2 {
	position: relative;
	left: 0px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/sur_place.png) top left no-repeat;
margin-bottom: 20px;
}

#titre_alentour_en {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/alentour_en.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_alentour span{
	position: absolute;
	left: -2000px;
	}

#titre_alentour_EN span{
	position: absolute;
	left: -2000px;
	}

#titre_alentour2 span{
	position: absolute;
	left: -2000px;
	}	
#titre_tarifs {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/tarifs.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_tarifs_en {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/tarifs_en.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_tarifs span{
	position: absolute;
	left: -2000px;
	}
	
	
#titre_contact {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/contact.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_contact_en {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/contact_en.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_contact span{
	position: absolute;
	left: -2000px;
	}
	
#titre_contact_en span{
	position: absolute;
	left: -2000px;
	}
	
		
#titre_liens {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/liens.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_liens_en {
	position: relative;
	left: 110px;
	height: 55px;
	width: 300px;
background: #FFFFEE url(images/liens_en.gif) top left no-repeat;
margin-bottom: 20px;
}

#titre_liens span{
	position: absolute;
	left: -2000px;
	}	
	
#sidenews{
	position: absolute;
	top: -20px;
	left: 560px;
	width: 280px;

}

h2{
	font: italic bold 20px verdana;
	margin-top: 0;
	margin-bottom:5px;
	margin-left: 0px;
	color:#800050;
}

h3{
	font: bold 12px verdana;
	margin-top: 0;
	margin-bottom:0;
	margin-left: 10px;
	color:#800000;
}

h4{
	font: 10px verdana;
	margin-top: 0;
	margin-bottom:5px;
	margin-left: 10px;
	color:#000000;
}

#sidenews p{
	font: 12px tahoma;

	line-height: 1.1em;
	text-align: justify;
	margin-left: 10px;
	margin-top: 0;
}

#sidenews img{
	width:150px;
	border: 1px #333333 solid;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sidenews .separateur{
background: #FFFFEE url(images/separator.gif) top center no-repeat;
width: 280px;
height: 18px;
margin-top: 10px;
}

.separateur{
	font: 10px verdana;
	text-align: center;
	padding: 3px;
	width: 500px;
}

/* table */
#tarif{
	position:relative;
	font: 12px verdana;
	padding:3;
	width:600;
	text-align:center;

	}
.tdon{
	border:1px solid black;
	cursor:default;
	background-color:#F7F7D5;

}

.tdoff{
	border:0px solid black;
	cursor:default;
}

.tdsmall{
	font: 10px verdana;
	text-align:center;
	}
	
/*thumbnails*/

.thumb_right{
	float:right;
	margin-left:6px;
}

.thumb_left{
	float:left;
	margin-right:2px;
}

.thumb_right2{
	float:right;
	margin-right:270px;
}

.thumb_clear{
	clear:both;
}

.gite{
	position:relative;
	font: 10px verdana;
	text-align:justify;
	width:290px;
	padding-top:10;
	margin-left:20;
	left:40;
	}

.gite_container{
	position: relative;
	display: block;
	width:520px;
	height: 270px;
	padding-top:10;
	margin-left:20;
	left:40;
	border: 0px black solid;

}
.gite_right{
	position: absolute;
	left: 50%;
	top: 0;
	font: 10px verdana;
	text-align:left;
	height: 100%;
	width: 50%;
	border: 0px blue solid;

	}
.gite_left{
	position: absolute;
	left: 0;
	top: 0;
	font: 10px verdana;
	text-align:left;
	height: 100%;
	width: 50%;
}

#galerie_photo_container{
	position: absolute;
	left:20px;
	top:200px;
}

#galerie_video_container{
	position: absolute;
	left:100px;
	top:200px;
}

.petit{
	position:relative;
	font: 10px verdana;
	width:520px;
	}
	
.vcard{
	text-align:center;
	width:200;
	font: 11px tahoma;
	margin:10;
	padding:5;
}

#galerie_video {

display:block;
height: 39px;
width: 59px;
background : #FFFFEE url(images/galerie_video.png) 0 0px no-repeat;

}

#galerie_video:hover {background-position: 0 -40px;}

#galerie_photo {

display: block;
height: 39px;
width: 59px;
background : #FFFFEE url(images/galerie_photo.png) 0 0px no-repeat;

}

#galerie_photo:hover {background-position: 0 -40px;}