/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	width:100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	background:#fff;
	color: #683435;
	
}

#page {
	width:100%;
    position:  relative;
	height:auto;
	background:#ffffff url(images/lucioles_09.gif)  center right repeat-y;
}

#bandeau {
	width:100%;
	height:232px;
	background: url(images/lucioles_04.jpg) 0 0 no-repeat;
}

#bandeau img {
	
}

#menu-bandeau {
	float:left;
	width:100%;
	height:77px;
	background:url(images/lucioles_06.jpg) 0 0 no-repeat;
}


#vision {
	position:absolute;
	top:40px;
	rignt:40px;
	width:367px;
	height:135px;
	background:#683435 url(images/lucioles_02.jpg) right top no-repeat;
}

#clr {
	clear:both;
	}
	
#menu {
	position:right;
	width:300px;
	height:auto;
	margin:50px 40px 2px auto;
	padding:2px;
	overflow:hidden;
}

#menu li {
  margin:0px 0px 5px 10px;
  padding-bottom: 2px;
  list-style-type:none;
}

#menu ul {
	margin:0px 0px 2px 100px;
}

#menu ul ul {
	margin:0px;
}

ul.tarif,ul.photo {
	background:#b8ab99;
}

#menu ul ul li {
	list-style-type:none;
	list-style-image:none;
}

#menu a {
	display:block;
	width:100%;
	color:#683435;
	text-align:left;
	height: 27px;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	background:url(images/luciole.gif) 0 0 no-repeat;
	padding-left:50px;
	padding-top:5px;
	font-weight:bold;
}

#menu a:hover {
	color: #eeeeee;
	background:url(images/luciole2.gif) 0 0 no-repeat;

}


#menu ul ul a {
	padding:0;
	margin:0;
	height:13px;
	margin-left:50px;
	background:none;
	font-weight:normal;

}

#menu ul ul a:hover {
	color: #eeeeee;
	background:none;

}


#menu a:ative {
	color:#683435;
}

#resa {
	margin:20px 5px 20px 91px;
}


h1 {
	font-size: 1.3em;
	font-style: italic;
	color: #683435;
    margin-bottom:10px;
}

h2 {
	font-size: 1.1em;
	margin:10px;
	text-align: left;
	color:#683435;
	text-decoration: underline;
}

p {
	text-align: justify;
	margin:5px 15px 10px 15px;
}

a {
	color:#b8ab99;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#contenu {
	float:left;
	width:65%;
	height:auto;
	padding:7px;
	overflow:hidden;
	text-align:center;
}

#contenu th {
    color:#dbd4c8;
	text-align: center;
	height: 20px;
	background-color:#663534;
}


#contenu th.six  {
        color:#344F68;
        background-color:#e8e1d6; 
}

#contenu td.tdsix  {
        color:#344F68;
        background-color:#e8e1d6; 
}

#contenu table {
	margin:5px 30px 20px 5px;
	width:95%;
	float:right;
}



#contenu ul.gites li {
       list-style-type:none;
}

#contenu ul.gites li ul li{
       list-style-type:circle;
	   margin-left:40px;
}

#souligne {
    display:block;
    margin:10px auto;
    width:500px;
    padding:10px;
    background-color:#e8e1d6;
    color:#344F68;
    text-align:center;
}


ul {
	text-align:left;
	margin:10px 5px;
	}
	
li {
	list-style-position: inside;
	margin:5px 20px;
}

#contenu ul h1 {
	margin:20px 2px 0px 0px;
}



#enavant {
	float:right;
	width:250px;
	height:auto;
	margin:10px 20px;
	padding:5px;
	color: #344F68;
	background-color: #e8e1d6;
}

#enavant h2 {
	font-size: 1.1em;
	font-style: italic;
	color: #ffffff;
	padding:5px;
	text-align: center;
	background-color: #683435;
}


.imggauche {
	display:block;
	float:left;
	margin:5px;
	}
	
.plan {
	float:right;
	width:390px;
	height:auto;
	clear:right;
}

#pied {
	color: #ffffff;
	width:100%;
	height:20px;
	background-color: #663534;
}

.lienpied {
	float:right;
	margin:0 40px;
}

/*********************************/
/*********************************/
/******** highslide      *********/
/*********************************/
/*********************************/

.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
	margin:5px;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}
/* Controlbar example */
.controlbar {	
	margin-left: 60px;
	background: url(../highslide/graphics/controlbar2.gif);
	width: 210px;
	height: 32px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


#interieur {
	margin:10px auto;
}

#interieur img {
	margin:2px 20px;
	border:2px solid #663534;
}

#lienamis {
	width:190px;
	height:auto;
	padding-bottom:5px;
	position:relative;
	right:0px;
	top:0px;
	z-index:50;
	background-color:#B8AB99;
	}
	
#pub {
	width:190px;
	height:120px;
	position:relative;
	left:18px;
	top:-30px;
	overflow:hidden;
	z-index:10;
	}

#meteo {
	
	position:absolute;
	width:150px;
	height:105px;
	overflow:hidden;
	right:80px;
	top:180px;
}

#pubad {
	border:1px solid #683435;
	position:absolute;
	width:120px;
	height:615px;
	top:193px;
	left:893px;
}

#pubad h3 {
	width:100%;
	color:#ddd;
	background-color:#683435;
	font-size:11px;
	text-align:center;
	height:15px;
}

.ilv{font-family:Arial;font-size:10px;color:#ff3300;text-decoration:none;}