@charset "UTF-8";

@import "reset.css";

/*----------------------------------------------+
+ Définition des balises HTML			        +
+----------------------------------------------*/
BODY {
	background:#150a06 url(../_image/background.png) 0 0 repeat-x;
	color:#4e4541;
	font-family:Arial, Helvetica, sans-serif;
}


SUP {
	line-height:.1em;
	font-size:.666em;
	font-family:"Times New Roman", Times, serif;
}

/*----------------------------------------------+
+ Haut site								        +
+----------------------------------------------*/
#hautsite {
	position:relative;
	width:913px;
	padding:21px 21px 0;
	background:#fff;
	margin:0 auto;
}

/*----------------------------------------------+
+ Logo 									        +
+----------------------------------------------*/
#logoSite {
	padding-top:50px;
}
#logoSite A {
	width:255px;
	height:0;
	padding-top:115px;
	display:block;
	overflow:hidden;
	background:#432501 url(../_image/logo_le-mont-brouilly.png) 0 0 no-repeat;
}

/*----------------------------------------------+
+ Drapeaux / Selection langue			        +
+----------------------------------------------*/
#drapeaux {
	position:absolute;
	top:32px;
	right:75px;
}
#drapeaux LI {
	display:inline;
}
#drapeaux LI A {
	width:20px;
	height:0;
	padding-top:14px;
	display:block;
	overflow:hidden;
	background:url(../_image/drapeaux.png) no-repeat;
	float:left;
	margin-left:4px;
}
#drapeaux LI#fr A {
	background-position:0 -14px;
}
#drapeaux LI#en A {
	background-position:0 0;
}

/*----------------------------------------------+
+ Menu général							        +
+----------------------------------------------*/
#menugeneral {
	position:absolute;
	top:21px;
}
#menugeneral UL {
	margin:0;
	padding:0;
}
#menugeneral LI {
	display:inline;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:1.166em;
	color:#472313;
	font-weight:normal;
	letter-spacing:-3px;
}
#menugeneral A {
	padding:8px 24px 8px 25px;
	text-decoration:none;
	color:#472313;
	line-height:33px;
	letter-spacing:0;
}
#menugeneral A:hover {
	background-color:#f8f9e0;
	color:#9b9500;
}
#menugeneral.mn-hote UL LI#mn-hote A,
#menugeneral.mn-rest UL LI#mn-rest A,
#menugeneral.mn-semi UL LI#mn-semi A,
#menugeneral.mn-tour UL LI#mn-tour A,
#menugeneral.mn-rese UL LI#mn-rese A,
#menugeneral.mn-actu UL LI#mn-actu A {
	background-color:#c6cf00;
	color:#472313;
}

/*----------------------------------------------+
+ Bas site								        +
+----------------------------------------------*/
#bassite {
	position:relative;
	width:955px;
	margin:0 auto;
	padding:18px 0 0;
	color:#c6cf00;
}
#bassite A {
	color:#c6cf00;
	text-decoration:none;
}
#bassite A:hover {
	text-decoration:underline;
}
#bassite SUP {
	padding:0 1px 0 2px;
}

/*pmpconcept*/
#pmpconcept {
	width:73px;
	height:0;
	padding-top:30px;
	display:block;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
	position:absolute;
	top:10px;
	right:10px;
}

/*----------------------------------------------+
+ Logis de France						        +
+----------------------------------------------*/
.logisfrance A {
	position:absolute;
	top:22px;
	left:50%;
	width:47px;
	height:0;
	padding-top:53px;
	display:block;
	overflow:hidden;
	background:#d3d600 url(../_image/logo-logis.png) 0 0 no-repeat;
	margin-left:410px;
}


/*----------------------------------------------+
+ Coeur site							        +
+----------------------------------------------*/
#coeursite {
	width:913px;
	padding:12px 21px 21px;
	background:#fff;
	margin:0 auto;
	
	min-height:600px;
	overflow:hidden;
}

/*----------------------------------------------+
+ Haut plus								        +
+----------------------------------------------*/
.hautplus {
	margin-bottom:21px;
}
.photohautplus {
	width:255px;
	height:194px;
	background:#fff url(../_image/header-bas-gauche_1.jpg) 0 0 no-repeat;
}
.photoheadeer,
#photoheadeer {
	margin:-126px 0 0 267px;
	float:left;
	position:absolute;
	z-index:10;
}

/*----------------------------------------------+
+ Colonne de Gauche						        +
+----------------------------------------------*/
.colgauche {
	width:255px;
	margin-right:12px;
	background-color:#f8f9e0;
	float:left;
}

/*----------------------------------------------+
+ Liste services						        +
+----------------------------------------------*/
.liste-service {
	background-color:#d4db00;
	color:#472313;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	font-size:1.083em;
	line-height:23px;
}
.liste-service LI {
	border-bottom:1px solid #fff;
	padding:10px 0px 6px 38px;
	background-position:8px 8px;
	background-repeat:no-repeat;
}
.liste-service LI#resto {
	background-image:url(../_image/picto-restaurant.gif);
}
.liste-service LI#parking {
	background-image:url(../_image/picto-parking.gif);
}
.liste-service LI#parc {
	background-image:url(../_image/picto-parc.gif);
}
.liste-service LI#hotel {
	background-image:url(../_image/picto-hotel.gif);
}
.liste-service LI#piscine {
	background-image:url(../_image/picto-piscine.gif);
}
.liste-service LI#seminaire {
	background-image:url(../_image/picto-seminaire.gif);
}
.liste-service LI#jeux {
	background-image:url(../_image/picto-jeux.gif);
}

/*----------------------------------------------+
+ Box Gauche							        +
+----------------------------------------------*/
.boxgauche {
	padding:10px;
}
.boxgauche .titre {
	font-size:1.5em;
	color:#472313;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.boxgauche .tel {
	font-size:1.166em;
	color:#472313;
}
.boxgauche A {
	color:#9b9500;
	font-weight:bold;
	text-decoration:none;
}
.boxgauche A:hover {
	text-decoration:underline;
}


/*----------------------------------------------+
+ Colonne de Droite						        +
+----------------------------------------------*/
.coldroite {
	width:255px;
	margin-left:12px;
	float:right;
}


/*----------------------------------------------+
+ Container								        +
+----------------------------------------------*/
.container {
	position:relative;
}
.container.c2 {
	width:379px;
	float:left;
}
.container.c3 {
	width:646px;
	float:left;
}
.container .titre {
	font-size:2em;
	color:#472313;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.container .soustitre {
	font-size:1.166em;
	color:#9b9500;
	font-weight:bold;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	padding-left:15px;
	background:url(../_image/puce-2.gif) 0 4px no-repeat;
}

.container A {
	font-weight:bold;
	color:#9b9500;
	text-decoration:none;
}
.container A:hover {
	text-decoration:underline;
}
.container UL {
	list-style:none;
	margin-left:18px;
}
.container OL {
	margin-left:18px;
}
.container UL LI {
	padding-left:15px;
	background:url(../_image/puce-2.gif) 0 3px no-repeat;
	padding-bottom:.5em;
}
.container OL LI {
	padding-bottom:.5em;
}
.container IMG,
.container .content IMG {
	border:1px solid #c9d119;
}

.container .content {
	overflow:hidden;
}


/*----------------------------------------------+
+ Photos								        +
+----------------------------------------------*/
.photo-droite {
	float:right;
	margin:0 0 5px 5px;
}

/*----------------------------------------------+
+ Box									        +
+----------------------------------------------*/
.box {
	width:auto;
	overflow:hidden;
	margin-bottom:.75em;
	background-color:#f8f9e0;
}
.box .titre {
	font-size:1.166em;
	font-weight:bold;
	padding:0 9px;
	line-height:1.5em;
	margin-bottom:0;
	color:#c9d119;
	background:#472313 url(../_image/background-titre.gif) 0 0 repeat-x;
	border-bottom:1px solid #c9d119;
}
.box .titre A {
	color:#c9d119;
	text-decoration:none;
}
.box .titre A:hover {
	text-decoration:underline;
}
.box .content {
	padding:8px;
}
.box .content A {
	font-weight:bold;
	color:#9b9500;
	text-decoration:none;
}
.box .content A:hover {
	text-decoration:underline;
}

.box .content .info {
	font-size:.833em;
	color:#472313;
}

/*----------------------------------------------+
+ Liste des actualités					        +
+----------------------------------------------*/
.liste-actualite {
	padding:0;
	margin:0;
	list-style:none;
}
.liste-actualite IMG {
	border:1px solid #472313;
	float:left;
	margin:0 7px 7px 0;
	padding:0;
}
.liste-actualite LI,
#coeursite .container .liste-actualite LI {
	overflow:hidden;
	border-top:1px solid #fff;
	padding:7px 0 0 0;
	background:none;
}
.liste-actualite.blanc LI {
	border-top:1px solid #c6cf00;
}
.liste-actualite LI.first {
	padding:0;
	border:none;
}

/*----------------------------------------------+
+ navigation							        +
+----------------------------------------------*/
.navigation {
	clear:both;
	border-top-width:1px;
	border-top-style:solid;
	height:20px;
	padding:4px 6px 0 6px;
	text-align:center;
	margin-bottom:25px;
}
.navigation .prec {
	float:left;
	padding-left:13px;
	background-position:left;
	background-repeat:no-repeat;
}
.navigation .suiv {
	float:right;
	padding-right:13px;
	background-position:right;
	background-repeat:no-repeat;
}
.navigation .pagination STRONG {
	font-weight:bold;
}
.navigation .pagination A {
	text-decoration:underline;
}


/*----------------------------------------------+
+ Liste des photos						        +
+----------------------------------------------*/
.liste-photos,
#coeursite .container .liste-photos {
	padding:0;
	margin:0 0 .75em 0;
	list-style:none;
	clear:both;
	overflow:hidden;
}
.liste-photos LI,
#coeursite .container .liste-photos LI {
	display:inline;
	position:relative;
	float:left;
	padding:0 4px 3px 0;
}
.liste-photos LI IMG,
.liste-photos LI A.pmpup IMG {
	border:1px solid #c9d119;
}

.liste-photos LI.fiirst {
	padding-right:0;
}
.zoom {
	position:absolute;
}


/*----------------------------------------------+
+ Boutons								        +
+----------------------------------------------*/
.bouton {
	clear:both;
	margin-bottom:.75em;
}
.bouton A {
	height:0;
	padding-top:31px;
	overflow:hidden;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
}





/*----------------------------------------------+
+ Liste menu							        +
+----------------------------------------------*/
.liste-menus {
	padding:0;
	margin:0;
	list-style:none;
}
.liste-menus LI {
	padding-left:15px;
	background:url(../_image/puce-1.gif) 0 3px no-repeat;
	padding-bottom:.5em;
}

/*----------------------------------------------+
+ Titre Reservation						        +
+----------------------------------------------*/
.titreReservation {
	font-size:2.5em;
	text-align:center;
	background-color:#c6cf00;
	color:#fff;
	margin-bottom:10px;
}

/*----------------------------------------------+
+ Liste Tarifs							        +
+----------------------------------------------*/
.box UL.liste-tarifs {
	margin-right:20px;
}
.box UL.liste-tarifs LI {
	font-size:1.166em;
	overflow:hidden;
	background:url(../_image/point.gif) 0 3px repeat-x;
	padding:0;
}
UL.liste-tarifs STRONG {
	float:right;
	background-color:#f8f9e0;
	padding-left:3px;
}
UL.liste-tarifs SPAN {
	background-color:#f8f9e0;
	padding-right:3px;
	float:left;
}

.box .soustitre.tarifs {
	margin-right:20px;
	background:url(../_image/point.gif) 0 3px repeat-x;
	padding:0;
	clear:both;
	padding-bottom:1.166em
}
.soustitre.tarifs SPAN {
	padding-left:15px;
	background:#f8f9e0 url(../_image/puce-2.gif) 0 4px no-repeat;
	padding-right:3px;
	float:left;
}
.soustitre.tarifs STRONG {
	float:right;
	background-color:#f8f9e0;
	padding-left:3px;
	color:#4e4541;
	font-family:Arial, Helvetica, sans-serif;
}


/*----------------------------------------------+
+ Formulaire							        +
+----------------------------------------------*/
.addressEditor {
	margin:0 auto;
	width:450px;
}
.L10 {
	/*font-family:'Lucida Grande', Geneva, Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;*/
	display:inline;
}
.erreursaisie {
	color:#e31b1e;
}
.formHeading {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#78b74a;
	color:#78b74a;
	clear:left;
	display:block;
	margin:0px 0px 8px 0px;
	padding:14px 0px 0px;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
}
.disabled {
	color:#CCC;
}
.addressEditor .line LABEL {
	display:block;
}
DIV.line {
	display:block;
	clear:left;
	margin-bottom:10px;
	padding: 0px 0px 2px 0px;
	overflow:hidden;
}
.addressEditor .line INPUT {
	cursor:auto;
	padding:1px;
	display:inline-block;
	letter-spacing: normal;
	line-height: normal;
	margin:0;
	text-indent:0px;
	text-transform:none;
	word-spacing:normal;
	
	font-size:14px;
	/*margin-right:6px;*/
}
.linecase {
	display:block;
	margin:0px auto;
	clear:left;
	padding:0px 0px 5px 0px;
}
.addressEditor DIV.fieldGroup {
	float:left;
	padding:0 0 2px 0;
}
.addressEditor DIV.fieldGroup LABEL {
	display:block;
}
.addressEditor DIV.fieldGroup INPUT,
.addressEditor DIV.fieldGroup SELECT {
	margin-right:6px;
}


/*----------------------------------------------+
+ Coordonnee GPS						        +
+----------------------------------------------*/
.cooordonnee-gps {
	background:url(../_image/gps.png) 0 0 no-repeat;
	padding:21px 0 0 100px;
	height:86px;
}
.cooordonnee-gps .titre {
	font-size:18px;
	color:#472313;
	border-bottom:1px solid #c6cf00
}
.cooordonnee-gps STRONG {
	color:#9b9500;
}
.pmpup-html-content .pmpup-header A {
	font-size:10px;
	font-weight:normal;
}
.pmpup-html-content .pmpup-header A:hover {
	color:#9b9500;
}