/*-- general --*/
* {margin:0;padding:0;}
html{scrollbar-base-color: #FFE1E1;}
/*-- sur toutes les pages - fond --*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#505050;
	font-weight:normal;
	background-color:#990000;
}	
body p { text-align:justify}
.fond {
	width:958px;
	height:900px;
	border:1px solid #cc9999;
	background:#FEFEFE;
	margin-top: 23px;
	margin-right: auto;
	margin-bottom: 23px;
	margin-left: auto;
}
ul {
	list-style: none;
	list-style-image: url(../images/puce1.gif);
	margin-left:10px;
	padding-left: 5px;
}

	
/*-- sur toutes les pages - entete --*/
#top {margin:4px 4px 0 4px;width:948px;height:221px;background:url(../images/entete.jpg) no-repeat;}
.image_top {padding-top: 20px;padding-right: 0;padding-bottom: 0;padding-left: 25px;}


/*-- sur toutes les pages - pied --*/
#foot {background:url(../images/pied.jpg) no-repeat;height:30px;font-size:10px;color:#990000;text-align:center;margin-top: 0px;margin-right: 4px;margin-bottom: 0;margin-left: 4px;padding-top: 33px;padding-right: 0;padding-bottom: 0;padding-left: 0;}
#footer {text-align:center;font-size:10px;color:#CC9999;}
#footer p {margin:0;padding-bottom:6px;}


/*-- sur toutes les pages - texte --*/
.text_1 {color: #990000}
.text_1b {color:#990000; font-style: italic}
.text_2 {color: #990000; font-weight: bold}
.text_3 {color: #990000; font-weight: bold; font-size:16px}
.text_4 {color: #505050; font-weight: bold; font-style:italic; font-size:10px; text-align:center}
.text_5 {color: #505050; font-weight: bold; font-style:italic; font-size:12px; text-align:center}

/*-- sur toutes les pages - liens --*/
a:link {color: #505050;text-decoration: none; font-style:italic} /* lien non-visité */
a:visited {color: #505050;text-decoration: none; font-style:italic} /* lien visité */
a:hover {color: #990000;text-decoration: none; font-style:italic} /* lien survolé */
a:active {color: #990000;text-decoration: none; font-style:italic} /* lien activé */

a.liennav:link {color: #CC9999;text-decoration: none;font-weight:normal} /* lien non-visité */
a.liennav:visited {color: #CC9999;text-decoration: none;font-weight:normal} /* lien visité */
a.liennav:hover {color: #FEFEFE;text-decoration: none;font-weight:normal} /* lien survolé */
a.liennav:active {color: #FEFEFE;text-decoration: none;font-weight:normal} /* lien activé */

a.lienmail:link {color: #FEFEFE;text-decoration:underline;font-weight:normal} /* lien non-visité */
a.lienmail:visited {color: #FEFEFE;text-decoration:underline;font-weight:normal} /* lien visité */
a.lienmail:hover {color: #FEFEFE;text-decoration:underline;font-weight:normal} /* lien survolé */
a.lienmail:active {color: #FEFEFE;text-decoration: underline;font-weight:normal} /* lien activé */

a.lientxt:link {color: #CC9999;text-decoration:underline;font-weight:bold} /* lien non-visité */
a.lientxt:visited {color: #CC9999;text-decoration:underline;font-weight:bold} /* lien visité */
a.lientxt:hover {color: #CC9999;text-decoration:underline;font-weight:bold} /* lien survolé */
a.lientxt:active {color: #CC9999;text-decoration: underline;font-weight:bold} /* lien activé */


/*-- sur toutes les pages - images --*/
.bordureB {border:#FEFEFE solid 1px}
.bordureN {border:#505050 solid 1px}
.bordureR {border:#990000 solid 1px}
img {border: 0;}


/* -- sur toutes les pages - menu -- */
div#mainnav {margin: 0 auto;width:948px;height: 31px;}
div#mainnav ul{width: 948px;margin: 0 auto;height: 31px;background: transparent url(../images/nav.jpg) no-repeat 0 -31px;}
div#mainnav ul li {margin: 0;padding: 0;list-style: none;display:inline;}
#mainnav ul li, #mainnav ul a {height: 31px;float: left;display: block;}


/* -- menu rollover -- */
#nav-menu1 a:hover, #nav-menu1 a:active {background: transparent url(../images/nav.jpg) -5px 0;} /*-5px pour rattraper le5 px de UL*/
#nav-menu2 a:hover, #nav-menu2 a:active {background: transparent url(../images/nav.jpg) -120px 0;}
#nav-menu3 a:hover, #nav-menu3 a:active {background: transparent url(../images/nav.jpg) -220px 0;}
#nav-menu4 a:hover, #nav-menu4 a:active {background: transparent url(../images/nav.jpg) -320px 0;}
#nav-menu5 a:hover, #nav-menu5 a:active {background: transparent url(../images/nav.jpg) -430px 0;}
#nav-menu6 a:hover, #nav-menu6 a:active {background: transparent url(../images/nav.jpg) -650px 0;}
/* -- menu actif page selectionnée -- */
body#menu1 #nav-menu1 a{ background: transparent url(../images/nav.jpg) -5px 0;}/*-5px pour rattraper le5 px de UL*/
body#menu2 #nav-menu2 a {background: transparent url(../images/nav.jpg) -120px 0;}
body#menu3 #nav-menu3 a {background: transparent url(../images/nav.jpg) -220px 0;}
body#menu4 #nav-menu4 a {background: transparent url(../images/nav.jpg) -320px 0;}
body#menu5 #nav-menu5 a {background: transparent url(../images/nav.jpg) -430px 0;}
body#menu6 #nav-menu6 a {background: transparent url(../images/nav.jpg) -650px 0;}


/* -- outils - defilement -- */
#cadrpg {width:350px;padding-top:5px;border:0;overflow:hidden;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;} 
#newshr {position:relative;width:340px; height:18px; overflow:hidden;color:inherit; background:#e0e0e0;border:solid 1px #FEFEFE;color:#990000}
#newshr0 {position:relative;width:340px; height:18px; overflow:hidden;color:inherit; color:#990000}
#defile {padding-top:4px;position:absolute;background-color:transparent;left: 4px;top: 0px;}

/* -- outils - photos -- */
div#galerie{
	width: 500px;
	float: left;
	text-align: center;
	font: 0.5em Georgia, serif;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#galerie_mini{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	margin-left: 0px;
}
div#galerie_mini  a img{margin: 2px 2px ;border: 1px solid #FEFEFE ;}
dl#photo{	clear: both ;margin: 0 auto ;}
dl#photo dt{	font: italic 2.5em/1.5em Georgia, serif ;color: #505050 ;}
dl#photo dd {	margin: 0 ;}
dl#photo img {	border: 1px solid #FEFEFE ;}


/*-- SPECIFIQUE PAR PAGE--*/

/*-- accueil --*/
#accueil {
	background:url(../images/corps.jpg);
	width:948px;
	height:580px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}
#accueil_gauche {float: left;width:370px;padding-top: 30px;padding-right: 0px;padding-bottom: 0;padding-left: 29px;margin-right: 10px;margin-top: 0;margin-bottom: 0;margin-left: 0;}
#accueil_droite {float: right;width: 500px;margin-right: 20px;padding-right:13px;}
#accueil h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#333333;margin:0;padding-top: 50px;padding-right: 0;padding-bottom: 0;padding-left: 0;}
#accueil_image {margin-top: 30px;margin-bottom: 0;margin-left: 0px;}


/*-- loisirs --*/
#loisirs {
	background:url(../images/corps.jpg);
	width:948px;
	height:1500px;
	margin-left:4px;
}
#loisirs_gauche	{
	float: left;
	width:350px;
	margin:0;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 30px;
}
#loisirs_droite {
	float: right;
	width: 500px;
	margin-right: 30px;
	padding-right:13px;
}
#loisirs_bas {
	float: left;
	width: 94%;
	margin:0;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
	
.tab-acces {margin-top: 15px;margin-left: 25px;}




/*-- auberge --*/
#auberge {
	background:url(../images/corps.jpg);
	width:948px;
	height:1350px;
	margin:0 4px 0 4px;
}
#auberge h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#505050;margin:0;padding:10px 0 0 0;}
#auberge_gauche {float: left;width:400px;padding-top: 30px;padding-right: 0px;padding-bottom: 0;padding-left: 30px;}
#auberge_droite {float: right;width: 450px;margin-right: 20px;padding-right:13px;}
#auberge_bas{
	float: left;
	width: 80%;
	margin:0;
	padding-top: 30px;
	padding-left: 110px;
	padding-right: 30px;
}
#auberge_menu{
	width: 700px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#cc9999;
	border:solid #FEFEFE 2px;
	text-align:center;
}
#auberge_image {margin-top: 30px;margin-left: 30px;}
.titre_1 {color: #FEFEFE}
.titre_2 {color: #FEFEFE; font-weight: bold}
.titre_3 {color: #FEFEFE; font-weight: bold; font-size:16px}
.titre_4 {color: #FEFEFE; font-weight: bold; font-style:italic; font-size:10px;}





/*-- contact --*/
#contact {
	background:url(../images/corps.jpg);
	width:948px;
	height:640px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}
#contact_carte {float:right;width:45%;margin:0;padding-top: 30px;padding-right: 30px;padding-bottom: 0;padding-left: 10px;}
#contact_form {float:left;width: 45%;margin:0;padding-top: 50px;padding-right: 15px;padding-bottom: 0;padding-left: 35px;}
#contact h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#505050;margin:0;padding:10px 0 0 0;}
.shadeform	{ FONT: 12px arial, verdana, sans-serif;color:#505050;BORDER: #CC9999 1px solid}
/*pour les infobulles de la carte*/
#gmap { font: normal small verdana, arial, helvetica, sans-serif;font-size: 9pt;margin: 0px;overflow:auto; height:75 px; width:50px}
#gmap p{ margin : 0;padding : 2px 0 2px 0;}
#gmap h1 {font-weight: bold; font-size: 12px; color: #990000; border-bottom: 2px solid #990000;padding : 2px;margin : 0; }
 /*div qui contient la carte*/
#map {border:1px solid #505050;}










/*-- erreur --*/
#erreur {background:url(../images/corps.jpg);width:948px;height:450px;margin:0 4px 0 4px;}




/*-- sejour --*/
#sejour {
	background:url(../images/corps.jpg);
	width:948px;
	height:600px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}
#sejour_gauche {float: left;width:370px;margin:0;padding-top: 25px;padding-right: 0;padding-bottom: 0;padding-left: 30px;}
#sejour_droite {
	float: right;
	width: 415px;
	margin:0;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0;
}
#sejour_nav {float:left;width: 100%;margin:0;padding-top: 0px;padding-bottom: 0;padding-left: 20px;}
#sejour h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#4E4439;margin:0;padding:3px 0 0 0;}
#sejour_image {margin-top: 30px;margin-right: 0;margin-bottom: 0;margin-left: 0;}
#sejour_liens {text-align:center;}

/*-- offres --*/
#offres {
	background:url(../images/corps.jpg);
	width:948px;
	height:940px;
	margin:0 4px 0 4px;
}
#offres_gauche {
	float: left;
	margin:0px;
	width: 480px;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#offres_droite {
	float: right;
	width: 380px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 10px;
	border-width: 2px;
	border-style: solid;
	border-color: #FEFEFE;
	background-color: #cc9999;
}
#offres_bas {
	float: left;
	margin:0px;
	width: 95%;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 150px;
}
#offres_nav {float:left;width: 100%;margin:0;padding-top: 0px;padding-bottom: 0;padding-left: 20px;}
#offres h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#4E4439;margin:0;padding:3px 0 0 0;}
#offres_image {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#offres_liens {text-align:center;}

/*-- gites --*/
.tarifs {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #990000;text-align:center;border: 1px solid  #FEFEFE;font-weight: bold;}
.tarifs2 {font-weight: bold;text-align:center;font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #505050;border: 1px solid  #CC9999;background-color:#FFE1E1;}
.prix {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #505050;text-align:right;border: 1px solid  #FEFEFE; }
#gites h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#990000;margin:0;padding:10px 0 0 0;}
.cellules{border: 1px solid FEFEFE;}
.gradualshine{filter:alpha(opacity=75);-moz-opacity:0.70;border:#FEFEFE solid 1px}


#charmille {
	background:url(../images/corps.jpg);
	width:948px;
	height:1120px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}
#pergola {
	background:url(../images/corps.jpg);
	width:948px;
	height:1020px;
	margin:0 4px 0 4px;
}
#rocaille {
	background:url(../images/corps.jpg);
	width:948px;
	height:1050px;
	margin:0 4px 0 4px;
}
#chambre {
	background:url(../images/corps.jpg);
	width:948px;
	height:820px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 4px;
}


#gites_gauche {
	float: left;
	width:55%;
	margin:0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#gites_droite {float: right;width: 33%;padding-top: 15px;padding-right: 20px;padding-bottom: 0;padding-left: 0;margin: 0;}
#gites_bas {float:left;width: 95%;margin:0;padding-top: 15px;padding-left: 30px;padding-right: 40px;}


/* -- SPECIFIQUE POUR PAGE AUTRE LANGAGES -- */

/* -- sur toutes les pages - menu UK -- */
div#mainnavuk {margin: 0 auto;width:948px;height: 31px;}
div#mainnavuk ul{width: 948px;margin: 0 auto;height: 31px;background: transparent url(../images/navuk.jpg) no-repeat 0 -31px;}
div#mainnavuk ul li {margin: 0;padding: 0;list-style: none;display:inline;}
#mainnavuk ul li, #mainnavuk ul a {height: 31px;float: left;display: block;}


/* -- menu rollover -- */
#navuk-menu1 a:hover, #navuk-menu1 a:active {background: transparent url(../images/navuk.jpg) -5px 0;}
#navuk-menu2 a:hover, #navuk-menu2 a:active {background: transparent url(../images/navuk.jpg) -120px 0;}
#navuk-menu3 a:hover, #navuk-menu3 a:active {background: transparent url(../images/navuk.jpg) -275px 0;}
#navuk-menu4 a:hover, #navuk-menu4 a:active {background: transparent url(../images/navuk.jpg) -385px 0;}
#navuk-menu5 a:hover, #navuk-menu5 a:active {background: transparent url(../images/navuk.jpg) -475px 0;}
#navuk-menu6 a:hover, #navuk-menu6 a:active {background: transparent url(../images/navuk.jpg) -655px 0;}
/* -- menu actif page selectionnée -- */
body#menu1 #navuk-menu1 a{ background: transparent url(../images/navuk.jpg) -5px 0;}
body#menu2 #navuk-menu2 a {background: transparent url(../images/navuk.jpg) -120px 0;}
body#menu3 #navuk-menu3 a {background: transparent url(../images/navuk.jpg) -275px 0;}
body#menu4 #navuk-menu4 a {background: transparent url(../images/navuk.jpg) -385px 0;}
body#menu5 #navuk-menu5 a {background: transparent url(../images/navuk.jpg) -475px 0;}
body#menu6 #navuk-menu6 a {background: transparent url(../images/navuk.jpg) -655px 0;}

/* -- sur toutes les pages - menu NL -- */
div#mainnavnl {margin: 0 auto;width:948px;height: 31px;}
div#mainnavnl ul{width: 948px;margin: 0 auto;height: 31px;background: transparent url(../images/navnl.jpg) no-repeat 0 -31px;}
div#mainnavnl ul li {margin: 0;padding: 0;list-style: none;display:inline;}
#mainnavnl ul li, #mainnavnl ul a {height: 31px;float: left;display: block;}


/* -- menu rollover -- */
#navnl-menu1 a:hover, #navnl-menu1 a:active {background: transparent url(../images/navnl.jpg) -5px 0;}
#navnl-menu2 a:hover, #navnl-menu2 a:active {background: transparent url(../images/navnl.jpg) -120px 0;}
#navnl-menu3 a:hover, #navnl-menu3 a:active {background: transparent url(../images/navnl.jpg) -200px 0;}
#navnl-menu4 a:hover, #navnl-menu4 a:active {background: transparent url(../images/navnl.jpg) -310px 0;}
#navnl-menu5 a:hover, #navnl-menu5 a:active {background: transparent url(../images/navnl.jpg) -440px 0;}
#navnl-menu6 a:hover, #navnl-menu6 a:active {background: transparent url(../images/navnl.jpg) -680px 0;}
/* -- menu actif page selectionnée -- */
body#menu1 #navnl-menu1 a{ background: transparent url(../images/navnl.jpg) -5px 0;}
body#menu2 #navnl-menu2 a {background: transparent url(../images/navnl.jpg) -120px 0;}
body#menu3 #navnl-menu3 a {background: transparent url(../images/navnl.jpg) -200px 0;}
body#menu4 #navnl-menu4 a {background: transparent url(../images/navnl.jpg) -310px 0;}
body#menu5 #navnl-menu5 a {background: transparent url(../images/navnl.jpg) -440px 0;}
body#menu6 #navnl-menu6 a {background: transparent url(../images/navnl.jpg) -680px 0;}