@charset "utf-8";

/*--------------------------------------------------------------------------------
    CSS Document - General
    
    project: 	Les Grands Chênes du Parc (VBEST)
    created: 	2008-10-20
    author: 	Jean-Christophe Brebion
    email: 		jean-christophe@fairytree.net
    website: 	http://www.fairytree.net  
--------------------------------------------------------------------------------*/

* { margin: 0; padding: 0; border:0; outline:0;}

/*================================================================================
  Elements de base
================================================================================*/

body {
	font-size: 0.75em;
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;}
p {
	line-height: 1.5em;
	padding-bottom: 0.7em;}
ol {
	padding: 0 0 10px 10px;}
ol li {
	list-style-position: inside;
	line-height: 1.5em;
	padding-bottom: 5px;}
.big {
	font-size: 1.1em;
	font-weight: bold;}
.bigger {
	font-size: 1.3em;}
.small {
	font-size: 0.9em;}
.smaller {
	font-size: 0.8em;}
.grey {
	color: #999;}
p.intro {
	margin: 0 10px;
	color: #fff;}

/* Liens 
========================================*/
a {	color: inherit;}
a.contact {
	padding-left: 21px;
	background: url(images/mail.jpg) no-repeat 0 -1px;}
a.login {
	padding-left: 21px;
	background: url(images/login.jpg) no-repeat 0 -1px;}
a img {
	border: none;}

/* Titres 
========================================*/

h1 {}
h2 {
	font-size: 1.2em;
	padding-bottom: 0.6em;}
h3 {
	font-size: 1.1em;
	padding-bottom: 0.6em;}
h4 {
	padding-bottom: 0.6em;}

/* Images 
========================================*/

img.center {
	display: block;
	margin: 0 auto;}

/*================================================================================
  Mise en page generale
================================================================================*/

div#global {
	width: 850px;
	margin: 10px auto 20px;}

/* Haut de page 
========================================*/

div#wrapper-header {
	background: url(images/bg-logo.jpg) no-repeat 0 0;
	height: 215px;
	position: relative;}
div#header {
	overflow: auto;}
div#logo {
	position: absolute;
	top: 44px;
	left: 7px;}
div#logo img {
	padding: 20px 0 10px;}
div#logo a {
	padding: 20px 0;}

/* Bloc fr/en 
====================*/

div#lang {
	position: absolute;
	top: 10px;
	right: 0;}
a.lang-en, a.lang-fr {
	padding: 8px 10px 8px 32px;
	background: #efefef url(images/en.jpg) no-repeat 9px 10px;
	border: 1px solid #eee;
	color: #999;
	font-size: 1.1em;
	text-decoration: none;}
a.lang-fr {	background: #efefef url(images/fr.jpg) no-repeat 9px 10px;}
a.lang-en:hover, 
a.lang-fr:hover { border: 1px solid #ddd;}

/* Infobulle Of. Spéc.
====================*/

div#promo {
	position: absolute;
	bottom: 50px;
	right: 0;
	height: 90px;
	width: 253px;
	padding: 10px 10px 0 10px;
	background: #990000 url(images/bg-promo.jpg) no-repeat -1px 0;
	color: #fff;
	font-size: 1.1em;}
div#promo ul li {
	list-style: none;}
div#promo div#promo-bottom {
	width: 273px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff url(images/bg-promo-bottom.jpg) no-repeat -1px 0;}

/* Menu
====================*/

div#menu {
	position: absolute;
	bottom: 1px;
	right: 0;
	font-family: Arial, sans-serif;
	height: 44px;}
div#menu ul li {
	float: left;
	list-style-type: none;}
div#menu a {
	padding: 6px 5px 9px;
	background: #555;
	display: block;
	width: 80px;
	height: 29px;
	border-left: 1px solid #fff;
	text-decoration: none;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	position: relative;
	line-height: 15px;}
div#menu a.residence { background: #4cb770 url(images/coin-residence.jpg) no-repeat 0 0;}
div#menu a.cures { background: #ffcc33;}
div#menu a.courts-sej { background: #ff9900;}
div#menu a.longs-sej { background: #e95d0f;}
div#menu a.forfaits { background: #eb7354;}
div#menu a.offres { background: #990000;}
div#menu a.devis { background: #3399cc;}
div#menu a.amneville { background: #006699;}

div#menu a:hover { text-decoration: underline;}
div#menu a.current { height: 30px;}
div#menu a span { /* Positionner le texte au centre verticalement (pour les éléments de menu sur 1 ligne) */
  	display:block;
    text-align: center;
    padding: 0;
  	width:80px;
  	position:absolute;
  	top: 50%;
	left: 5%;
	margin-top: -0.5em;}

/* Contenu 
========================================*/

div#wrapper-home { /* Bloc exclusif à la page d'acccueil pour l'affichage du slideshow */
	height: 464px;
	padding-left: 77px;}
div#wrapper-content {
	padding-left: 77px;
	height: 100%;}
div#content {
	padding: 12px 15px 8px;
	overflow: auto;
	height: auto;}
html>body #content {
	min-height: 420px;
}
div#content a {
	font-style: italic;
	text-decoration: underline;
	color: inherit;}
div#wrapper-content.general-content div#content { background: #c9e4d5 url(images/coin-general.jpg) no-repeat top left; }
div#wrapper-content.residence-content div#content { background: #4CB770 url(images/coin-residence.jpg) no-repeat top left; }
div#wrapper-content.cures-content div#content { background: #ffcc33 url(images/coin-cures.jpg) no-repeat top left; }
div#wrapper-content.courts-content div#content { background: #ff9900 url(images/coin-courts.jpg) no-repeat top left; }
div#wrapper-content.longs-content div#content { background: #e95d0f url(images/coin-longs.jpg) no-repeat top left; }
div#wrapper-content.forfaits-content div#content { background: #eb7354 url(images/coin-forfaits.jpg) no-repeat top left; }
div#wrapper-content.offres-content div#content { background: #990000 url(images/coin-offres.jpg) no-repeat top left; }
div#wrapper-content.devis-content div#content { background: #3399cc url(images/coin-devis.jpg) no-repeat top left; }
div#wrapper-content.amneville-content div#content { background: #006699 url(images/coin-amneville.jpg) no-repeat top left; }

div#wrapper-content.amneville-content div#content,
div#wrapper-content.offres-content div#content {color: #fff;} /* Texte blanc sur les fonds sombres */

/* Colonne gauche
====================*/

div#content-left {
	float: left;
	width: 250px;}
div#content-left ul, div#wrapper-forfaits ul, div#wrapper-content.general-content ul {padding: 0 0 10px 10px;}
div#content-left ul li, div#wrapper-forfaits ul li, div#wrapper-content.general-content ul li {
	list-style-type: square;
	list-style-position: inside;
	line-height: 1.5em;
	padding-bottom: 5px;}
	
/* Colonne droite
====================*/

div#content-right {
	float: right;
	width: 470px;}
div#wrapper-content.general-content div#content-left,
div#wrapper-content.general-content div#content-right { width: 360px; }
div#wrapper-content.residence-content div#content-left { width: 320px; }
div#wrapper-content.residence-content div#content-right { width: 400px; }
div#wrapper-content.devis-content div#content-left,
div#wrapper-content.devis-content div#content-right { width: 363px; background: #fff; }
div#wrapper-content.amneville-content div#content-left { width: 340px; }
div#wrapper-content.amneville-content div#content-right { width: 380px; }

/* Image bottom
====================*/

div#content-bottom { height: 10px;}

div#wrapper-content.general-content div#content-bottom { background: url(images/bg-content-bottom_general.jpg) no-repeat 0 0; }
div#wrapper-content.residence-content div#content-bottom { background: url(images/bg-content-bottom_residence.jpg) no-repeat 0 0; }
div#wrapper-content.cures-content div#content-bottom { background: url(images/bg-content-bottom_cures.jpg) no-repeat 0 0; }
div#wrapper-content.courts-content div#content-bottom { background: url(images/bg-content-bottom_courts.jpg) no-repeat 0 0; }
div#wrapper-content.longs-content div#content-bottom { background: url(images/bg-content-bottom_longs.jpg) no-repeat 0 0; }
div#wrapper-content.forfaits-content div#content-bottom { background: url(images/bg-content-bottom_forfaits.jpg) no-repeat 0 0; }
div#wrapper-content.offres-content div#content-bottom { background: url(images/bg-content-bottom_offres.jpg) no-repeat 0 0; }
div#wrapper-content.devis-content div#content-bottom { background: url(images/bg-content-bottom_devis.jpg) no-repeat 0 0; }
div#wrapper-content.amneville-content div#content-bottom { background: url(images/bg-content-bottom_amneville.jpg) no-repeat 0 0; }

/* Pied de page
========================================*/

div#footer {
	padding: 8px 0 0 0;
	text-align: right;
	color: #999;}
div#footer a {color: #777;}
div#footer a:hover {color: #000;}

/*================================================================================
  Mise en page generale
================================================================================*/

/* Offres spéciales
========================================*/

div.offre-speciale {
	overflow: auto;
	margin-bottom: 15px;
	height: 100%;}
div.image-offre {
	width: 250px;
	float: left;}
div.contenu-offre {
	width: 470px;
	float: right;}

/* Forfaits
========================================*/

div#wrapper-forfaits {
	padding: 10px 5px;
	overflow: auto;}
div#wrapper-forfaits p {
	line-height: 1.4em;	}
div.forfait {
	width: 240px;
	float: left;
	margin-right: 4px;}
div.forfait-top { padding: 10px 10px 0 40px;}
div.forfait-top p { padding-left: 65px;}
div.forfait#forfait-bienetre div.forfait-top { background: url(images/forfait-bienetre_top.jpg) no-repeat top left;}
div.forfait#forfait-skispa div.forfait-top { background: url(images/forfait-skispa_top.jpg) no-repeat top left;}
div.forfait#forfait-aventure div.forfait-top { background: url(images/forfait-aventure_top.jpg) no-repeat top left;}

div.forfait-tarifs { padding: 10px 5px 0 60px;}
div.forfait#forfait-bienetre div.forfait-tarifs { background: url(images/forfait-bienetre_tarifs.jpg) repeat-y top left;}
div.forfait#forfait-skispa div.forfait-tarifs { background: url(images/forfait-skispa_tarifs.jpg) repeat-y top left;}
div.forfait#forfait-aventure div.forfait-tarifs { background: url(images/forfait-aventure_tarifs.jpg) repeat-y top left;}

div.forfait-bottom { height: 11px;}
div.forfait#forfait-bienetre div.forfait-bottom { background: url(images/forfait-bienetre_bottom.jpg) no-repeat top left;}
div.forfait#forfait-skispa div.forfait-bottom { background: url(images/forfait-skispa_bottom.jpg) no-repeat top left;}
div.forfait#forfait-aventure div.forfait-bottom { background: url(images/forfait-aventure_bottom.jpg) no-repeat top left;}

/* Cures thermales
========================================*/

p.notes-tarifs {
	font-style: italic;
	font-size: 0.9em;}
div#tarifs-cure {background: #fff url(images/bg-tarifs-cures_haut.jpg) no-repeat 0 0;}
div#tarifs-cure span {
	background: url(images/bg-tarifs-cures_bas.jpg) no-repeat bottom left;
	display: block;
	padding: 15px;
	overflow: auto;}
div#tarifs-cure span img {
	float: left;
	margin-bottom: -25px;}
div#tarifs-cure span h2 {
	text-align: right;
	font-variant: small-caps;
	font-size: 1.5em;
	margin-top: 0;
	padding-bottom: 5px;
	color: #000;}
div#tarifs-cure span p.right {
	text-align: right;
	font-variant: small-caps;}
table.tarifs {
	clear: both;
	text-align: center;
	width: 100%;
	color: #333;}
table.tarifs th {
	text-align: center;
	height: 30px;}
table.tarifs tr.titre { /* Titre de section */
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #ddd;}
table.tarifs tr.titre td  {
	border-top: 1px solid #aaa;
	background: #efefef;
	text-align: left;}
table.tarifs td {
	text-align: left;
	padding: 3px 0;}
table.tarifs td.prix {
	text-align: center;
	font-weight: bold;
	color: #000;}
table.tarifs td.spacer {
	width: 30px;}

/* Longs séjours
========================================*/

div#tarifs-longsej {background: #fff url(images/bg-tarifs-longsej_haut.jpg) no-repeat 0 0;}
div#tarifs-longsej span {
	background: url(images/bg-tarifs-longsej_bas.jpg) no-repeat bottom left;
	display: block;
	padding: 15px;
	overflow: auto;}
div#tarifs-longsej h2, div#tarifs-courtsej h2 {
	text-align: center;
	font-variant: small-caps;
	font-size: 1.5em;
	padding-bottom: 5px;}
div#tarifs-longsej span p.center, div#tarifs-courtsej span p.center {
	text-align: center;
	font-variant: small-caps;}

/* Courts séjours
========================================*/

div#tarifs-courtsej {background: #fff url(images/bg-tarifs-courtsej_haut.jpg) no-repeat 0 0;}
div#tarifs-courtsej span {
	background: url(images/bg-tarifs-courtsej_bas.jpg) no-repeat bottom left;
	display: block;
	padding: 15px;
	overflow: auto;}
div#tarifs-courtsej table.tarifs {
	width: 60%;
	margin: 0 auto;}
div#tarifs-courtsej table th {
	border-bottom: 1px solid #ddd;
	background: #efefef;
	height: 23px;}

/* Demande de devis
========================================*/

fieldset {
	padding: 10px 8px 10px;
	background: #fff;}
fieldset p { overflow: auto; }
legend {
	padding: 8px 8px 0;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin-left: -5px;}
input, textarea, select {
	border: 1px solid #aaa;
	background: #eee;
	padding: 3px;
	margin-left: 10px;
	margin-top: 0;
	color: #555;}
fieldset#coordonnees input#Telephone {
	background: #eee url(images/telephone.jpg) no-repeat 3px 2px;
	padding-left: 24px;}
fieldset#coordonnees input#Email {
	background: #eee url(images/mail-form.jpg) no-repeat 4px 2px;
	padding-left: 24px;}
input.radio {padding: 0;}
select#TypeReservation option { padding-left: 5px;}
select#Pub,
select#TypeSejour { width: 200px;}
fieldset.chambre {
       padding: 0;
       background: #eee;} 
fieldset.envoi {
	background: #bbb;
	border-top: 1px solid #aaa;
	padding: 5px;
	margin: 0;}
fieldset.envoi input {
	float: right;
	font-weight: bold;
	font-size: 1.1em;}
fieldset.envoi p {
	overflow: visible;}
label.alignleft, span.alignleft {
	float: left;
	text-align: right;
	width: 117px;}
input.required, select.required, textarea.required { border: 1px solid #DB5615;}
label.required { color: #DB5615;}
div.errors {
	padding: 8px 8px 8px 40px;
	margin-bottom: 10px;
	background: #fff url(images/error.jpg) no-repeat 5px 5px;
	color: #DB5615;}
p.info {
	padding: 8px 8px 8px 38px;
	margin-bottom: 10px;
	background: #fff url(images/info.jpg) no-repeat 8px 7px;
	font-style: italic;
	color: #3399CC;}
p.success {
	padding: 8px 8px 8px 38px;
	margin-bottom: 10px;
	background: #fff url(images/success.png) no-repeat 8px 7px;
	font-style: italic;
	color: #73b62A;}