* { margin:0; padding:0; }

.cache { display: none;}
.droite{ float: right;}
.gauche {float: left;}
.droite_lpo { float: right; margin: 6px;}
.gauche_lpo {float: left;}
.stop { clear: both;}
.centre {display: block; margin: 0 auto;}
.centree { text-align: center;}
strong {font-weight: bolder;}

body {
	line-height: 1.5em;
	text-align: center;
	background: #c2da86 url("images/bg.jpg") left top repeat-x;
	font-family: 'Trebuchet MS', times, serif;
	cursor: default; }
	
a { cursor: pointer; outline:0;}

#contenu {
	width: 960px;
	margin: 0 auto;}

#bloc-contenu {
	float: left;
	width: 100%;}

#col-centre {
	margin: 0 156px 0 153px;
	height: 632px;}
	
/* colonne de droite */
#col-droite {
width: 156px;
height: 632px;
margin-left: -156px;
background: transparent url(images/colD.jpg) top left no-repeat;
float: left;
}

div#refuge {
	position: relative;
	top: 359px;
	left: 30px!important; left: -5px;
	width: 86px; height: 58px;}
	
#refuge a {	display:block;width: 86px; height: 58px;}
	
#refuge a:hover {background: url(images/refuge.jpg) bottom center no-repeat;}

div#refuge_on {
	position: relative;
	top: 359px;
	left: 30px!important; left: -5px;
	width: 86px; height: 58px;}
	
#refuge_on a {
	display:block;
	width: 86px; height: 58px;background: url(images/refuge.jpg) bottom center no-repeat;
	}
	
#refuge_on a:hover {background: url(images/refuge.jpg) top center no-repeat;}

#refuge_on p {display:block;
	width: 86px; height: 58px;background: url(images/refuge.jpg) bottom center no-repeat;
	}
div#validation {line-height: 16px;
	position: relative;
	top: 436px;left: -2px;
	}
	
#validation a img {; border: 0}
/* colonne de gauche */

#col-gauche {
float: left;
width: 153px;
height: 632px;
margin-left: -960px;
background: transparent url(images/colG.jpg) top left no-repeat;
}

div#menu {
	position: relative;
	top: 114px; 
	left: 39px !important; left: 6px;
	width: 86px; height: 254px;}
	
#menu ul, li  { list-style-type: none;}

#menu ul li { display:inline;}

#menu li a { 
	display: block;
	height: 32px; 
	width: 86px;}

#menu li a:hover {background: transparent url(images/menu.jpg) top left no-repeat;}
	
li a#lien1:hover { background-position: 0% -257px;}
li a#lien2:hover { background-position: 0% -289px;}	
li a#lien3:hover { background-position: 0% -321px;}	
li a#lien4:hover { background-position: 0% -353px;}	
li a#lien5:hover { background-position: 0% -385px;}	
li a#lien6:hover { background-position: 0% -417px;}	
li a#lien7:hover { background-position: 0% -449px;}	
li a#lien8:hover { background-position: 0% -481px;}	

li a#lien1_on, li a#lien1_on:hover { background: transparent url(images/menu.jpg)  0% -257px;}
li a#lien2_on, li a#lien2_on:hover { background: transparent url(images/menu.jpg)  0% -289px;}
li a#lien3_on, li a#lien3_on:hover { background: transparent url(images/menu.jpg)  0% -321px;}
li a#lien4_on, li a#lien4_on:hover { background: transparent url(images/menu.jpg)  0% -353px;}
li a#lien5_on, li a#lien5_on:hover { background: transparent url(images/menu.jpg)  0% -385px;}
li a#lien6_on, li a#lien6_on:hover { background: transparent url(images/menu.jpg)  0% -417px;}
li a#lien7_on, li a#lien7_on:hover { background: transparent url(images/menu.jpg)  0% -449px;}
li a#lien8_on, li a#lien8_on:hover { background: transparent url(images/menu.jpg)  0% -481px;}


/*colonne du centre*/

div#header {
	height: 155px;
	text-indent: -5000px;
	background: transparent url(images/header.jpg) top center no-repeat;}
	
div#interne {
	height: 376px;
	background-color: #EFEFEF;}

div#interne_liens {
	height: 376px;
	background: #EFEFEF;
	color : #7C6836;
	line-height: 16px;
	font-size: 0.8em;padding: 0 10px;overflow: auto;
	}	
#interne_liens h1 {
	text-align: center;
	margin: 0 20px 15px 20px;
	color :#1B5934;font-size: 2.1em;
	line-height: 26px;
	border-bottom: 1px dotted #1B5934;}
	
#interne_liens p { text-align: left;margin-bottom: 8px;margin-left: 6px;}

#interne_liens h2 a{
	color :#1B5934;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	margin-bottom : 4px;margin-left: 5px;margin-top: 20px;}
#interne_liens h2 {font-size: 1.2em;text-align: left;}
div.lien_annonce { border-bottom: 1px dotted #7C6836;}
.lien_annonce a img { border: 0; margin: 15px 10px 0 0}

.lien_annonce a:hover img { border-bottom: 3px solid #1B5934;padding-bottom: 1px;}

div#interne_contact {
	height: 376px;
	background: #EFEFEF url(images/bg_contact.jpg) bottom left no-repeat;
	color : #7C6836;
	line-height: 16px;
	font-size: 0.8em;
	}	
div.accroche_droite_contact {
	float: left;margin-top: 80px;margin-left: 10px;border: 1px dotted #1B5934;padding: 6px;background: #fff;
	width : 180px;}
	
div#interne_region {
	height: 376px;
	background: #EFEFEF ;
	color : #7C6836;
	line-height: 16px;
	font-size: 0.8em;
	}
#interne_region h1 {
	text-align: center;
	margin: 0 20px 15px 20px;
	color :#1B5934;font-size: 1.8em;
	line-height: 26px;
	border-bottom: 1px dotted #1B5934;}
#interne_region h2 {
	color :#1B5934;font-size: 1.4em;
	font-weight: normal;
	line-height: 14px;
	text-align: center;margin-bottom: 2px;}
	
div#droite_st_jean  { display:block;width: 280px; float: right}
div#droite_st_jean p  {text-align: right;margin-right: 30px;} 
#droite_st_jean a {text-decoration: none; color: #1B5934;border-bottom: 1px dotted #1B5934;}
div#st_jean_txt { display:block; float: left; width: 300px; text-align: left}
div#st_jean_txt p { margin-bottom: 2px;}
div.item  dernier_region { background: yellow;width: 500px; height: 300px;}

div#interne_tarifs {
	height: 376px;
	background: #EFEFEF url(images/bg_tarifs.jpg) bottom center no-repeat;
	color : #7C6836;
	line-height: 16px;
	font-size: 0.8em;
	}
		
#interne_tarifs h1 {
	text-align: center;
	margin: 0 20px 6px 20px;
	color :#1B5934;font-size: 2.1em;
	line-height: 26px;
	border-bottom: 1px dotted #1B5934;}
	
#interne_tarifs strong{font-weight: bolder;}
	
#interne_tarifs p { text-align: left;margin-bottom: 6px;margin-left: 6px;}

#interne_tarifs h2 {
	color :#1B5934;font-size: 1.4em;
	font-weight: normal;
	line-height: 14px;
	text-align: center;
	margin-bottom : 4px;margin-left: 15px;margin-top: 6px;}
	
#interne_tarifs a { text-decoration:none; color :#1B5934;border-bottom: 1px dotted #1B5934;}
#interne_tarifs a:hover { border-bottom: 1px solid #1B5934;}

div#tableau_prix { width: 540px; margin: 0 auto;}
div#periode { line-height: 20px;float:left;width: 360px; text-align: left;padding: 6px;
	border-top: 3px double #7C6836;border-left: 3px double #7C6836;border-bottom: 3px double #7C6836;
	background: #fff;}
div#prix { line-height: 20px;float:left;width: 140px; padding: 6px;text-align: left;
	border-top: 3px double #7C6836;border-right: 3px double #7C6836;border-bottom: 3px double #7C6836;border-left: 1px dotted #7C6836;
	background: #fff;}
div#ancv { text-align: center;float: left;width: 160px; line-height: 1em;border-right: 1px dotted #7C6836; margin-right: 10px}

#ancv img { } 
div#interne_situ {
	height: 376px;
	background: #EFEFEF url(images/bg_situ.jpg) left bottom no-repeat;
	text-align: left;}
		
#text_carte p { text-align: left;margin-bottom: 3px;margin-left: 10px;}

#text_carte h2 {
	color :#1B5934;font-size: 1.2em;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	margin-bottom : 4px;margin-top: 20px;
	border-bottom: 1px dotted #1B5934}
		
div#map { float:right;margin-right: 10px;}

div#text_carte {width: 220px; font-size: 0.9em;float: left;color : #7C6836;margin: 0 6px;}



	
div#interne_galerie {height: 376px;background-color: #EFEFEF;}
		
div#interne_gite {
	height: 376px;
	background: #EFEFEF url(images/bg_gite.jpg) right bottom no-repeat;
	padding: 0 10px;
	color : #7C6836;
	line-height: 16px;
	font-size: 0.8em;}
	
#interne_gite h1 {
	text-align: center;
	margin: 0 20px 15px 20px;
	color :#1B5934;font-size: 2.1em;
	line-height: 26px;
	border-bottom: 1px dotted #1B5934;}

#interne_gite h1 span { font-size: 0.7em}

#interne_gite strong{font-weight: bolder;}
	
#interne_gite p { text-align: left;margin-bottom: 8px;margin-left: 10px;}

#interne_gite h2 {
	color :#1B5934;font-size: 1.4em;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	}
	

#interne_gite a {color :#1B5934;text-decoration:none;}

a#lienGalerie   {
	display: block;
	margin: 0 auto;
	text-indent: -5000px;
	width: 283px; height: 50px;
	background: url(images/acces_galerie.jpg) bottom center no-repeat;}
	
a#lienGalerie:hover {	background: url(images/acces_galerie.jpg) top center no-repeat;}

#interne_gite a img { border:0; margin-right: 10px;}
	
div#interne_general {
	height: 376px ;
	background: #EFEFEF url(images/vue_generale.jpg) bottom center no-repeat;
	color : #7C6836;
	line-height: 20px;
	font-size: 0.8em;}

#interne_general  strong{font-weight: bolder;}

#interne_general h1 {
	margin: 0 20px 15px 20px;
	color :#1B5934;font-size: 2.1em;
	line-height: 35px;
	border-bottom: 1px dotted #1B5934;}
	
#interne_general h2 {
	color :#1B5934;font-size: 1.6em;
	font-weight: normal;
	line-height: 35px;	}

div#interne_dispo {
	height: 376px ;
	background: #EFEFEF url(images/bg_tarifs.jpg) bottom center no-repeat;
	color : #7C6836;
	line-height: 20px;
	font-size: 0.8em;}

#interne_dispo  strong{font-weight: bolder;border-bottom: 1px dotted #7c6836;}

#interne_dispo h1 {
	margin: 0 20px 15px 20px;
	color :#1B5934;font-size: 2.1em;
	line-height: 35px;
	border-bottom: 1px dotted #1B5934;}
	
#interne_dispo h2 a {
	color :#1B5934;font-size: 1.1em;
	font-weight: normal;
	line-height: 35px;	}
	
div#legende { width: 200px; margin: 0 auto;border: 1px dotted #7c6836;}

#legende strong { display: block;margin-bottom: 10px;font-weight: bolder;border-bottom: 1px dotted #7c6836;}
	
div#interne_lpo {
	height: 376px;
	background: #EFEFEF;
	text-align: center;	}
	
div#texte_lpo {
	height: 240px;
	background: #E7E7E7;
	margin: 0 8px 20px 8px;
	color : #7C6836;
	line-height: 16px;
	font-size: 0.8em;
	overflow: auto;
	padding-bottom: 6px;
	border-top : 1px dotted #1B5934;border-left : 1px dotted #1B5934;border-bottom : 1px dotted #1B5934;
	}

#interne_lpo h1 {
	text-align: center;
	margin: 0 20px 15px 20px;
	color :#1B5934;font-size: 1.8em;
	line-height: 26px;
	border-bottom: 1px dotted #1B5934;}
	
#interne_lpo strong{font-weight: bolder;}
	
#interne_lpo a  {
	display: block;
	margin: 0 auto;
	text-indent: -5000px;
	width: 152px; height: 40px;
	background: url(images/acces_film.jpg) bottom center no-repeat;}
	
#interne_lpo a:hover {background: url(images/acces_film.jpg) top center no-repeat;}
	
#texte_lpo p { text-align: justify;margin-bottom: 6px;margin-left: 10px;margin-right: 10px; padding-top: 8px;}


.f_letter { font-size: 2em;}

div#signature{ display: block;text-align: right;margin-right: 20px;}
 
 p#lien_film { 
	margin: 0 20px 10px 20px;color : #1B5934;	
	line-height: 16px;
	font-size: 0.8em;}
	 	
div#footer {height: 101px;background: transparent url(images/footer.jpg) top center no-repeat;}
	
/* dispo */

.tableau_calendrier {
    font-size: 10px;
    padding : 4px;
	margin: 0 auto;
    width: 600px;}
    
.titre_mois { margin-bottom :4px; }

.mois { display: block;
    float:left;
    text-align : center;
    line-height: 12px;
    width : 50px;
    color:#1774B1;
    }
    
.libre {
    color: #008000;font-size: 10px;
    margin :0 auto;
    padding : 0 2px 0 4px;line-height: 11px;
    width : 32px;
    text-align: left;
    background : #BBE4D6 url(images/bg_date_off.jpg) left bottom no-repeat;
    }
    
.reserve {
    color: #800000;font-size: 10px;
    margin :0 auto;
    padding : 0 2px 0 4px;line-height: 11px;
    width : 32px;
    text-align: left;
    background : #ECD5DB url(images/bg_date_on.jpg) right repeat-y;
    }
    
.np { 
    margin :0 auto;line-height: 11px;
    width : 32px;
    text-align: left;
    }
   
.tableau_calendrier_admin {
    font-size: 10px;
	padding : 4px;
    border : 1px solid #B3CCE0;
    width: 720px;
    background: #DAEBF5;
    }
    
.mois_admin { display: block;
    float:left;
    text-align : center;
    line-height: 14px;
    width : 60px;
    color:black;
    }
    
.libre_admin {
    color: white;
    margin :0 auto;
    padding : 0 4px;
    width : 44px;
    text-align: left;
    background : green ;
    }
    
.reserve_admin {
    color: white;
    margin :0 auto;
    padding : 0 4px;
    width : 44px;
    text-align: left;
    background : red ;
    }
    
.np_admin {margin :0 auto;width : 44px;text-align: left;}

/* fin des dispo */ 

/* film */

#flashcontent2 {	
	display: block;
	margin: 0 auto;	
	height: 360px;
	width: 632px;
	background:#EFEFEF;
  }