/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{
	behavior:url("inc/csshover.htc");
}	
body#main{
	background: #e8e7d8 url(Gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Arial, Georgia, Tahoma;
}           
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a.retour{ 
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 151px;
	height : 160px;
	padding : 0;
	margin : 26px 0 0 0;
	background : url(Gx/logo.gif) no-repeat left top;
}
.vi{display: none;position: absolute;visibility: hidden;width: 0;height: 0;line-height: 0;}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{color: #590808;font-size:16px;padding: 20px 0 0 20px;}
h2{color: #000;font-size:14px;padding: 20px 0 0 20px;}
h2 a{color: #000;font-size:14px;text-decoration: none;}
h2 a:hover{text-decoration: underline;}
h3{color: #590808;font-size:14px;border-bottom: 1px #590808 solid;padding-bottom: 5px;}

p{font: 12px Arial;line-height: 18px;color: #5e0808;text-align: justify;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #000; text-decoration: none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#5e0808; text-decoration:underline;
}
ul li{font: 12px Arial;line-height: 20px;color: #5e0808;text-align: justify;list-style:square; margin-left:33px;}
ol li{font: 12px Arial;line-height: 20px;color: #5e0808;text-align: justify;margin-left: 40px;}

.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
	font-style: italic;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneurextext{background: url(Gx/conteneurextext_bg.jpg) repeat-y center;}
#conteneurext{background: url(Gx/conteneurext_bg.jpg) no-repeat center top;}
#conteneur{background: url(Gx/conteneur_bg.jpg) no-repeat center 340px;}

#conteneurint{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
	position: relative;
}
#slogan{
	font: 22px Georgia;
	color: #813030;
	position: absolute;
	top: 93px;
	left: 161px;
}
#entete{
	position: relative;
	float: left;
	width: 1000px;
	height: 122px;
}
#photoentete{
	width: 840px;
	height: 218px;
	float: right;
}
#contenu{
	float: right;
	width: 840px;
	min-height: 600px;
	position: relative;
	background: #e9e8dc url(Gx/contenu_bg.jpg) no-repeat left top;
}
#contenu p{padding: 20px 20px 0 20px;}
#contenu ul, #contenu ol{padding: 20px 20px 0 0;}
#contenu ul.pastop, #contenu ol.pastop{padding: 0 20px 0 0;}

#coldroite{
	float: right;
	width: 325px;
}
#colgauche{
	float: left;
	width: 515px;
}
#ajustediapo{
	position: absolute;
	left: 20px;
	top: -100px;
}
#diaporama{
	height: 700px;
	width: 800px;
	float: left;
}

div.listegalerie{
	float: left;
	padding : 20px 0 0 50px;
	width: 200px;
}
div.listegalerie h2{padding: 0;margin: 0;}
a.catgalerie{
	text-decoration : none;
	display: block;
	float: left;
	padding: 2px;
}
a.catgalerie img{float: left;}
a.catgalerie:hover, a.catgalerie:visited:hover{border: 2px #6f272a solid;padding: 0;}
div.listeplan{
	float: left;
	padding : 20px 0 0 20px;
	width: 100px;
}
div.listeplan a.plan{
	text-decoration : none;
	display: block;
	float: left;
	padding: 2px;
}
div.listeplan a.plan img{display: block;}
div.listeplan a.plan:hover, div.listeplan a.plan:visited:hover{border: 2px #6f272a solid;padding: 0;}

#terrain{
	padding-left: 20px;
	padding-top: 20px;
}
#hauteur{
	float: left;
	height: 520px;
}
.reponse{display: none;}
.reponse p{padding-top: 0;}

#lightimg{
	padding-left: 20px;
}
#lightimg a{margin-right: 10px;}

#lightimg a img{border: 1px #813030 solid;}

#chasse, #spa{display: none;}

/*.btnlake, .btnwaterfront{
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 238px;
	height : 143px;
	padding : 0;
	margin : 0;
}
.btnlake{background : url(Gx/02/bg_lake.jpg) no-repeat left top;margin-left: 20px;}
.btnwaterfront{background : url(Gx/02/bg_waterfront.jpg) no-repeat left top;margin-left: 5px;}
.btnlake:hover{background : url(Gx/02/bg_lake_over.jpg) no-repeat left top;}
.btnwaterfront:hover{background : url(Gx/02/bg_waterfront_over.jpg) no-repeat left top;}*/

a.lakewentworth, a.lakewentworth:link, a.lakewentworth:visited{
	background: url(Gx/01/lakewentworth.gif) no-repeat left top;
	width: 324px;
	height: 160px;
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	padding : 0;
	margin : 0;
}
a.lakewentworth:hover, a.lakewentworth:visited:hover{background: url(Gx/01/lakewentworth_over.gif) no-repeat left top;}
a.lacwilliam{background: url(Gx/01/lacwilliam.gif) no-repeat left top;width: 157px;}


/*.localisation{float: right;margin-left: 20px;margin-right: 20px;_margin-right: 10px;}*/

.localisationlac, .localisationwilliam{
	display: block;
	text-decoration: none;
	float: left;
	padding: 10px 0 0 20px;
	height: 206px;_height: 216px;
	font: bold 13px Arial;
	line-height: 18px;
	color: #fff;
}
.localisationlac{width: 147px;_width: 167px;}

.profillac, .profilwilliam{
	display: block;
	text-decoration: none;
	float: left;
	padding: 10px 20px 0 0;
	height: 206px;_height: 216px;
	font: bold 13px Arial;
	text-align: right;
	line-height: 18px;
	color: #5e0808;
}
.profillac{width: 653px;_width: 673px;}

#implantation{
	float: right;
	margin-left: 20px;
	font: bold 13px Arial;
	line-height: 18px;
	color: #5e0808;
}
#implantation img{display: block;}


#Itineraire1, #Itineraire2, #Itineraire3, #Itineraire4, #Itineraire5, #Itineraire6, #Itineraire7{display: none;}

a.boutonlouer, a.boutonlouer:visited, a.boutonlouer:link{
	padding: 5px 15px;
	background-color: #8c0707;
	color: #fff;
	font-weight: bold;
	float: left;
	margin-left: 20px;
	text-decoration: none;
}
.louerliste img{
	display: block;
	float: right;
	margin-left: 20px;
	padding: 0;
}
a.boutonlouer:hover, a.boutonlouer:visited:hover{background-color: #000;color: #fff;text-decoration: none;}


a.btnretour, a.btnretour:visited, a.btnretour:link{
	float: left;
	width : 74px;_width : 109px;
	height : 26px;_height : 35px;
	padding : 9px 0 0 35px;
	margin : 0 0 0 20px;
	background : url(Gx/btnretour.gif) no-repeat left top;
	color: #4f4f4f;
	font: 14px Arial;
	text-decoration: none;
}
a.btnretour:hover, a.btnretour:visited:hover{
	color: #fff;
	text-decoration: none;
	background : url(Gx/btnretour_over.gif) no-repeat left top;
}

a.btnreservation, a.btnreservation:visited, a.btnreservation:link{
	float: left;
	width : 124px;_width : 139px;
	height : 26px;_height : 35px;
	padding : 9px 0 0 15px;
	margin : 0 0 0 20px;
	background : url(Gx/05/btnreservation.gif) no-repeat left top;
	color: #4f4f4f;
	font: 14px Arial;
	text-decoration: none;
}
a.btnreservation:hover, a.btnreservation:visited:hover{
	color: #fff;
	text-decoration: none;
	background : url(Gx/05/btnreservation_over.gif) no-repeat left top;
}

a.carteregion{display: block;float: left;margin: 20px 0 0 20px;}
a.carteregion img{display: block;float: left;}

.listedemaison h2{
	margin: 0;padding: 0;
}

.listedemaison a.petitephoto{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}
a.btnsuite, a.btnsuite:visited, a.btnsuite:link{
	float: left;
	width : 124px;_width : 139px;
	height : 26px;_height : 35px;
	padding : 9px 0 0 15px;
	background : url(Gx/05/btnreservation.gif) no-repeat left top;
	color: #4f4f4f;
	font: 14px Arial;
	text-decoration: none;
}
a.btnsuite:hover, a.btnsuite:visited:hover{
	color: #fff;
	text-decoration: none;
	background : url(Gx/05/btnreservation_over.gif) no-repeat left top;
}



/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{position: absolute;right: 0;top: 100px;}
#menuu ul{margin: 0;padding: 0;float: left;}
#menuu ul li{padding: 0 0 0 15px;;margin: 0;list-style-type: none;display: block;float: left;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	text-transform: uppercase;
	text-decoration: none;
	color: #231f20;
	font: 10px Arial;
}
#menuu ul li a img{margin-top: 5px;display: block;}
#menuu ul li a:hover, #menuu ul li a:visited:hover, #menuu ul li a.actif, #menuu ul li a.actif:visited{color: #8c0707;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{float: left;padding: 0 0 4px 160px;margin-top: 2px;}
#menu ul{margin: 0;padding: 0;float: left;width: 840px;}
#menu ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
	position: relative;
	z-index: 10;
}
#menu ul li a{display: block;float: left;}
#menu ul li a img{border: none;display: block;}


#menu ul li ul{
	position:absolute;
	display: none;
	top:56px;
	left:0;
	background: #790808;
}

#menu ul ul.SM01{width: 159px;}

#menu ul li:hover ul, #menu ul li.hover ul{display: block;}
#menu ul li ul li{border-bottom: 1px #983330 dotted;position: relative;}

#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited{
	color: #fff;
	font: 11px Arial;
	text-decoration: none;
	display:block;
	float: left;
	padding: 8px 4px 8px 8px;
	text-align: left;
}
/*
#menu ul ul.SM03 a, #menu ul ul.SM03 a:link, #menu ul ul.SM03 a:visited{width: 112px;_width: 124px;}
#menu ul ul.SM05 a, #menu ul ul.SM05 a:link, #menu ul ul.SM05 a:visited{width: 103px;_width: 115px;}

*/
#menu ul ul.SM01 a, #menu ul ul.SM01 a:link, #menu ul ul.SM01 a:visited{width: 147px;_width: 159px;}

#menu ul ul a:hover{background-color: #430a0a;}

#SSMenu{float: left;width: 515px;background-color: #c4c0aa;}
#SSMenu ul{margin: 0;padding: 0;float: left;}
#SSMenu ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
}
#SSMenu ul li a, #SSMenu ul li a:link, #SSMenu ul li a:visited{
	display: block;
	float: left;
	padding: 10px 12px 12px 12px;
	color: #813030;
	font: bold 12px Arial;
	background-color: #c4c0aa;
	border-right: 1px #fff solid;
}

#SSMenu ul li a:hover, #SSMenu ul li a:visited:hover{background-color: #a7a495;text-decoration: none;}
#SSMenu ul li a.actif, #SSMenu ul li a.actif:hover, #SSMenu ul li a.actif:visited:hover{background: url(Gx/M/SSMenuLake_actif.gif) repeat-x top;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #a19c86;font: 11px Arial;height: 120px;padding: 0;}
#piedPage a{color: #a19c86;text-decoration: underline;}
#piedPage a:hover{color: #a19c86;}
#piedPage #copyrights{float: left;margin: 0;text-align: left;padding-left: 20px;}
#piedPage #copyrights a{font-weight: bold;}
#piedPage #copyrights #lienCopyrights{font-weight: normal;text-decoration: none;color: #a19c86;}
#piedPage #copyrights #lienCopyrights:hover{font-weight: normal;text-decoration: underline;color: #a19c86;}
#piedPage #adroite{float: right;}
#piedPage #adroite #bookmarker{padding-left: 10px;}


/* MENU PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage #menupp{padding-left: 20px;}
#piedPage #menupp ul{margin: 0;padding: 0;}
#piedPage #menupp ul li{
	padding: 0 4px 0 3px;
	margin: 0;
	list-style-type: none;
	display: block;
	float: left;
}
#piedPage #menupp ul li.premier{padding: 0 4px 0 0;}
#piedPage #menupp ul li a, #piedPage #menupp ul li a:link, #piedPage #menupp ul li a:visited{
	color: #797758;
	text-decoration: none;
	font: 11px Arial;
}
#piedPage #menupp ul li a:hover, #piedPage #menupp ul li a:visited:hover{text-decoration: underline;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px;border: 0;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 11px; color:#000;margin:2px 0 2px 0;line-height: 16px;}

.champTexte{	
	background: #edece4;
	border: 1px solid #a19c86;
	color: #86816b;
	font: 11px Arial;
	margin:2px 0 2px 0;
	padding: 2px 0 2px 2px;_padding: 0 0 0 2px;
	line-height: 16px;
	_height: 20px;
	display:block;

}
.listeDeroulante{
	background: #edece4;
	border: 1px solid #a19c86;
	color: #86816b;
	font: 11px Arial;
	margin:2px 0 2px 0;
	padding: 2px 0 2px 2px;_padding: 0 0 0 2px;
	line-height: 16px;
	_height: 20px;
	display:block;
}
.boiteTexte{
	background: #edece4;
	border: 1px solid #a19c86;
	color: #86816b;
	font: 11px Arial;
	margin:2px 0 2px 0;
	padding: 2px 0 2px 2px;_padding: 0 0 0 2px;
	line-height: 16px;
	display:block;
}
.bouton{
	background-color: #8c0707;
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px;_padding: 2px;
}
.bouton:hover{background-color: #000;} /* FF seulement */
.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

#contact{float: right;width: 220px;padding-top: 10px;}
#contact .champTexte{width: 200px;}
#contact .boiteTexte{width: 200px;height: 100px;}
#contact p{padding: 0 0 10px 0;text-align: left;}

#invitation{padding: 20px 0 0 20px;}
#invitation .gauche{float: left;width: 200px;}
#invitation .droite{float: left;width: 200px;padding-left: 20px;}
#invitation .champTexte{width: 200px;}
#invitation .boiteTexte{width: 420px;height: 100px;}
#invitation p{padding: 0 0 10px 0;text-align: left;}


#reservation{padding-left: 20px;}
#reservation .champTexte{width: 250px;margin-bottom: 10px;}
#reservation .boiteTexte{width: 250px;height: 100px;}
#reservation p{padding: 0 0 10px 0;text-align: left;}

fieldset.login{padding-left: 20px;}
fieldset.login label{float: left;display:block;width: 80px;}
fieldset.login .champTexte{float: left;display:block;}
fieldset.login .bouton{width: 50px;}





#chxtransaction1, #chxtransaction2, #chxtype0, #chxtype1, #chxtype2, #chxtype3{display: none;}

#menurecherche{
	position: absolute;
	left: 0;
	top: 400px;
}
#menurecherche .listeDeroulante{width: 150px;}