/*
Theme Name: Auberge
Theme URI: http://www.not-trendy.com/
Description: Un theme pour ma maman
Version: 0.9
Author: Yann Boquillon
 
Theme Chambre d'hotes
 
*/

html, body, table , td {height:100%;margin:0;padding:0;width:100%;}

table {
float : none;
border-style:solid;
border-width:3px;
border-color:black;
}

#site{
width : 900px;
position: relative;
margin-left: auto;
margin-right: auto;
vertical-align : center;
}


#logo a {
display : block;
height : 90px;
width : 800px;
margin : 20px 0 0 40px;
background : url(images/header.png) no-repeat 0 0;
}


#image {
float : left;
width : 600px
height : 450px;
margin-top : 16px;
margin-bottom: 16px;
margin-left :5px;}


#video {
float : left;
width : 600px
height : 340px;}

#slideshow {
float : left;
}

#texte {
float : right;
width :267px;
margin-left:12px;
margin-right:6px;
padding-top: 16px;
font-family: Verdana, Arial, Helvetica,
   sans-serif;
font-size: 12px;
text-align:justify;
 }

.partner{
padding-top:15px;
font-size:9px;
}


ul {
margin-top: 0;
margin-bottom:0;
}


li {
list-style : none;
margin-right : 8px;
margin-top : 0px;
margin-bottom : 5px;
float: left ; 
}

#accueil{
width : 90px;
height : 55px;

}
#accueil a {
display : block;
width : 100%;
height : 100%;
background : url(images/accueil.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
z-index : 3;
}

#visite{
width : 66px;
height : 55px;
}
#visite a {
display : block;
width : 100%;
height : 100%;
background : url(images/visite.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
z-index : 3;
}

#tarifs{
width : 67px;
height : 55px;
}
#tarifs a {
display : block;
width : 100%;
height : 100%;
background : url(images/tarifs.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
z-index : 3;
}


#randos{
width : 75px;
height : 55px;

}
#randos a {
display : block;
width : 100%;
height : 100%;
background : url(images/randos.png) no-repeat 0 0;
font-size : 5px;
text-indent : -9999px;
text-decoration : none;
z-index : 3;
}

#pratique{
width : 90px;
height : 55px;

}
#pratique a {
display : block;
width : 100%;
height : 100%;
text-indent : -9999px;
text-decoration : none;
background : url(images/pratique.png) no-repeat 0 0;
z-index : 3;
}

#contact a {
margin-left:10px;
width : 219px;
height:56px;
display:block;
background : url(images/contact.png) no-repeat 0 0;
text-indent : -9999px;
text-decoration : none;
}

#english{
float:right;
}

#english a{
margin-left:5px;
width : 55px;
height:55px;
display:block;
background : url(images/flag-english2.gif) no-repeat 0 0;
text-indent : -9999px;
text-decoration : none;
float:right;
}

#slide-mask {
	position:relative;
	left:0;
        floating : left;
	padding:0;
	width:600px;
	height:450px;
	overflow:hidden;
        margin : 16px 0 16px 5px;
}
#slide-images {
	position:relative;
	left:0;
	width:9000px;
	height:450px;
}
#slide-images img {
	float:left;
	width:600px;
	height:450px;
}
#slide-thumbs {
	position:relative;
	background-color:#ffffff;
	width:270px;
	height:173px;
	float:none;
}
#slide-thumbs img {
	width:125px;
	height:55px;
	float:left;
	cursor:pointer;
	margin:4px 0 0 5px;
}

#loupe a {
margin : 0 0 0 20px;
background : url(images/zoom.png) no-repeat 0 0;
text-indent : 16px;
height:16px;
}
