@charset "utf-8";
/* CSS Document */

/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff url(images/bg.gif);
}

#bg_continu
{background:url(images/bg_continu.gif) repeat-x 0 -1px;}

/* -------------------------------------------------------------------------- */
/* --------------- BoÃ®te et bordures de contour du site --------------------- */


#container
{
	width:874px;
	margin:0 auto;
	text-align:left;
	height:600px;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	color:#6e6448;
	font-size:1.4em;
	margin:0;	
	padding:0 0 10px 0;
}

h2
{
	font-size:1.2em;
	margin:0;
	padding:0 0 10px 0;
}

h3
{
	font-size:1.1em;
	margin:0;
	padding:0 0 4px 0;
}

h4
{
	color:#242014;
	font-size:1.5em;
	padding:5px 0 2px 10px;
	margin:0 0 14px 0;
	background:#e0d7bf;
	border-bottom:5px solid #6e6448;
}

p
{
	font-size:0.9em;
	margin:0;
	padding:0 0 10px 0;
	color:#000;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

.txt-petit
{font-size:0.8em;}

/* ----------------------------------------------------------------------------------------------------- */
/* ---- Corps ------------------------------------------------------------------------------------------ */

/* -- entÃªte ------------------------------------------------------------ */
#header
{
	position:relative;
	width:874px;
}

/* --- logo principal --------------------------------- */

div#logoCompagnie
{
	float:left;
	padding:17px 0 0 1px;
}

div#logoCompagnie img.logo
{
	display:block;
	margin:0;
}

#logoPrint
{display: none;}


/* -- boite météo -------------------- */
#boxMeteo
{
	float:right;
	width:400px;
	padding:38px 0 0 0;
}

#boxMeteo p
{
	color:#fff;
	font-size:1em;
	padding:0;
	text-align:right;
}

#iconMeteo
{margin:0 5px 0 0;}

.temperature
{margin:0 0 0 5px;}

/* --- top menu ----------------------------------------- */
#topMenu
{float:right;}
#topMenu ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:10px 1px 0 0;
}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 0 0 3px;
	color:#e0d7bf;
	font-size:0.8em;
}

#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#e0d7bf;
	text-decoration:none;
}
#topMenu a:hover
{text-decoration:underline;}

#etoileConcours
{
	vertical-align:middle;
	margin:0 3px 0 0;
}

/* --- Menu Principal ----------------------------------------- */

#menuPrincipal, #menuPrincipal_en
{
	width:874px;
	background:#e0d7bf url(images/menuPrincipal_bgBas.gif) repeat-x bottom left;
	padding:18px 0 0 0;
}


#menuPrincipal ul, #menuPrincipal_en ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 4px;
}

/* FranÃ§ais -------- */
#menuPrincipal ul li
{
	float:left;
	margin:0;
	padding:3px 3px 12px 3px;
	font-size:1em;
	border-right:1px solid #524a37;
}
/* Anglais -------- */
#menuPrincipal_en ul li
{
	float:left;
	margin:0;
	padding:3px 6px 12px 7px;
	font-size:1em;
	border-right:1px solid #524a37;
}
/* ------------------------- */

#menuPrincipal ul li.menuPrincipal_last, #menuPrincipal_en ul li.menuPrincipal_last
{
	padding:3px 0 12px 9px;
	border-right:none;
}

#menuPrincipal a:link, #menuPrincipal a:visited, #menuPrincipal a:active, #menuPrincipal_en a:link, #menuPrincipal_en a:visited, #menuPrincipal_en a:active
{
	color:#000;
	text-decoration:none;
}
#menuPrincipal a:hover, #menuPrincipal_en a:hover
{text-decoration:underline; color:#4b3e1a;}

/* --- Sous-menu -------------------------------------------- */

#divSubMenus {
    text-align: left;
    position: absolute;
    left: 0;
    top:0;
	z-index: 200;
	font-size: 0.9em;
}
#divSubMenus div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 255px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #e0d7bf;
}
html>body #divSubMenus div {
	padding-top: 0;
}
#divSubMenus div div {
	position: relative;
	display: block;
	width: 255px;
	white-space: nowrap;
	border-top: none;
	border-bottom: 1px solid #6e6448;
	background: none;
}
#divSubMenus span, #divSubMenus a {
	display: block;

	height: 1%;
	padding: 5px 6px;
	color: #000;
	text-decoration: none;
}
html>body #divSubMenus span, html>body #divSubMenus a {
	height: auto;
}
#divSubMenus a.sub {
	background: url(images/submenu-arrow.gif) no-repeat 95% 8px;
}
#divSubMenus div.sub {
	padding:0;
	margin:0;
	background: #e0d7bf;
}
#divSubMenus div.sub div {	
	width: 200px !important;
	border-bottom: 1px solid #000;
}
#divSubMenus div.sub div a 
{padding: 5px 8px;}

#divSubMenus a:hover 
{
	color:#fff;
	background:#d3b264;
}

#divSubMenus a.sub:hover 
{background:#d3b264 url(images/submenu-arrow.gif) no-repeat 95% 8px !important;}

#HotelsSMenu, #HotelsSMenu div, #ForfaitsSMenu, #ForfaitsSMenu div, #PromotionsSMenu, #PromotionsSMenu div, #FideliteSMenu, #FideliteSMenu div
{width: 150px !important;}

#FamilySMenu, #FamilySMenu div
{width: 260px !important;}

#RestaurationSMenu, #RestaurationSMenu div
{width: 210px !important;}

#GroupeSMenu, #GroupeSMenu div
{width: 210px !important;}

#CongresSMenu, #CongresSMenu div
{width: 207px !important;}

/* -- longueur du sous-sous menu */ 
.mSubSMenu
{width: 200px !important;}

/* ----------------------------------------------------- */
/* --- Sous-menu de la colonne gauche ------------------ */

#subMenus {
	text-align: left;
	position: absolute;
	left: 256px;
	top:-25px;
	z-index: 200;
	font-size: 0.9em;
}

#subMenus div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 220px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #ae9b66;
}

html>body #subMenus div {
	padding-top: 0;
}
#subMenus div div {
	position: relative;
	display: block;
	width: 220px;
	white-space: normal;
	border-top: none;
	border-bottom: 1px solid #fff;
	background: none;
}
#subMenus a {
	display: block;
	height: 1%;
	padding: 5px 8px 5px 28px;
	color: #000;
	text-decoration: none;
	background:url(images/fleche.gif) no-repeat 13px 7px;
}
html>body #subMenus span, html>body #subMenus a {
	height: auto;
}

#subMenus a:hover 
{
	color:#fff;
	background:#50411b url(images/fleche.gif) no-repeat 10px 7px;
}

#mRestaurationSMenu
{width: 220px !important;}

/* --- Slideshow photos d'entête ----------------------------------------- */

#slideshow {
    position:relative;
    height:191px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow a.active {
    z-index:10;
}


#slideshow IMG.last-active {
    z-index:9;
}

#slideshow a.last-active {
    z-index:9;
}

/* --- RÃ©servation ----------------------------------------- */

#zoneReservation
{
	width:874px;
	background:#1f1c13 url(images/reservation_bg.gif) repeat-x top left;
	border-bottom:2px solid #fff;
	padding:9px 0 6px 0;
}

/* -- boÃ®te rÃ©servation gauche ------------- */

#reservation_gau
{
	float:left;
	width:594px;
	border-right:1px solid #c0ae7d;
	padding:0 0 8px 0;
}

#reservation_gau img
{margin:0 0 10px 7px;}

/*  Champ login  */
#champsReservation
{
	width:594px;
	padding:0;
}

.lesChamps
{
	padding:0;
	float:left;
}

#champsReservation label
{
    vertical-align: middle;
	color:#fff;
	font-size:0.9em;
	margin:0 3px 0 10px;
}

/* -- choix hÃ´tel ---------------- */
#champsReservation select.ihotelid
{
	margin:0;
	vertical-align: middle;
 }

/* -- choix du jour d'arrivÃ©e ---------------- */
#champsReservation select#arrivalDay
{margin:0;}

/* -- choix du nombre de nuits restÃ© ---------------- */
#champsReservation select#nightsStay
{
	margin:0;
	vertical-align: middle;
}

/* -- boÃ®te rÃ©servation droite ------------- */

#reservation_dr
{
	float:right;
	width:279px;
	padding:37px 0 0 0;
}

#reservation_dr input
{
	float:left;
	margin:0 15px 0 10px;
}

#reservation_dr p.telReservation
{
	float:left;
	color:#ffffff;
	font-size:0.9em;
	padding:0;
}

/* ----------------------------------------------------------------------------------------------------- */
/* ---- zone Contenu ----------------------------------------------------------------------------------- */

#contenu
{
	width:874px;
	background:#fff url(images/contenu_bg.gif) repeat-y top left;
}

#contenu_bgBlanc
{
	width:874px;
	background:#fff;
}

#colGau
{
	float:left;
	width:255px;
	background:#c0af7e;
}

#colDr
{
	float:left;
	width:619px;
	padding:23px 0 0 0;
}

/* ---------------------------------------------------------------------------- */
/* ---- Colonne gauche -------------------------------------------------------- */

/* Carte cadeau ----------- */

#carteCadeau, #concours
{border-bottom:2px solid #dfd7be; display:block; margin:0 0 1px 0;}

/* boites forfaits */
.boxForfait
{
	width:255px;
	padding:5px 0;
	border-bottom:2px solid #dfd7be;
}

.boxForfait img
{
	float:left;
	margin:4px 0 0 0; 
}

.boxForfait-contenu
{
	float:left;
	width:190px;
	margin:0 0 0 20px;
}

.boxForfait-contenu h1
{
	color:#000;
	font-size:1.15em;
	padding:9px 0 0 0;
}

.boxForfait-contenu p
{
	color:#fff;
	font-size:0.9em;
	padding:3px 0 0 0;
}

.boxForfait-contenu p img
{
	float:none;
	margin:0 0 0 5px;
}

.boxForfait-contenu a:link, .boxForfait-contenu a:visited, .boxForfait-contenu a:active 
{
	color:#fff;
	text-decoration:none;
}

.boxForfait-contenu a:hover
{text-decoration:underline;}

/* ---------------------- */

.boxColGau
{
	width:255px;
	padding:5px 0;
	border-bottom:2px solid #dfd7be;
}

/* -- liste d'envoie --------- */

.boxListeEnvoie img
{
	border-bottom:2px solid #dfd7be;
	margin:0 0 5px 0;
	display:block;
}

.champsForm input.icode
{
	width:80px;
	margin:0 270px 10px 0;
}

/* ----------------------------------------------------------------------------------------- */
/* ----------- Zone textes ----------------------------------------------------------------- */

#zoneTexte
{
	width:619px;
	padding:0 0 20px 0;
}

.contenu
{
	padding:0 30px 0 37px;
	font-size:0.9em;
	color:#000;
}

.contenu h1
{
	color:#6e6448;
	font-size:1.5em !important;
	margin:0;
	padding:0 0 10px 0;
}

.contenu h2
{
	font-size:1.3em !important;
	margin:0;
	padding:0 0 10px 0;
}

.contenu h3
{
	font-size:1.2em !important;
	margin:0;
	padding:0 0 4px 0;
}

#zoneTexte p a:link, #zoneTexte p a:visited, #zoneTexte p a:active, #zoneTexteNoPub p a:link, #zoneTexteNoPub p a:visited, #zoneTexteNoPub p a:active, .listeTxt a:link, .listeTxt a:visited, .listeTxt a:active, .nomReal a:link, .nomReal a:visited, .nomReal a:active, #pages ul li a:link, #pages ul li a:visited, #pages ul li a:active, .casesCochesUsager a:link, .casesCochesUsager a:visited,  .casesCochesUsager a:active, #zoneTexte ul li a:link, #zoneTexte ul li a:visited, #zoneTexte ul li a:active, table a:link, table a:visited, table a:active, #zoneTexteNoPub ul li a:link, #zoneTexteNoPub ul li a:visited, #zoneTexteNoPub ul li a:active, .contenu h2 a:link, .contenu h2 a:visited, .contenu h2 a:active, .contenu h3 a:link, .contenu h3 a:visited, .contenu h3 a:active
{
	color:#007f8f !important;
	text-decoration:underline;
}

#zoneTexte p a:hover, #zoneTexteNoPub p a:hover, .listeTxt a:hover, .nomReal a:hover, #pages ul li a:hover, .casesCochesUsager a:hover, #zoneTexte ul li a:hover, table a:hover, #zoneTexteNoPub ul li a:hover, .contenu h2 a:hover, .contenu h3 a:hover
{text-decoration:none;}


.contenu ul
{
	margin:0 20px 15px 30px;
	list-style:square;
	font-size:0.9em;
}

.contenu ul li
{
	margin:0;
	padding:0 0 5px 0;
	list-style:square;
}

.contenu ul li ul
{
	margin:5px 20px 0 10px;
	padding:0;
	list-style:square;
	font-size:1em;
}

.contenu ul li ul li
{
	margin:5px 0 0 10px;
	padding:0 0 5px 0;
	list-style:square;
}

.avertissement
{
	color:#CA0021;
	font-size:1em;
}
/* -------------------------------------------------------- */
/* ----------------- BoÃ®tes promotions -------------------- */

#zonePromo
{
	width:619px;
	margin:0 0 20px 0;
}

#flechePromo_gau
{
	float:left;
	margin:74px 3px 0 14px;
}

#flechePromo_dr
{
	float:left;
	margin:75px 0 0 7px;
}

.boxPromo
{
	float:left;
	width:538px;
	position:relative;
}

#boxPromo_txt
{
	width:285px;
	position:absolute;
	top:97px;
	left:246px;
	padding:9px 0 8px 0;
	background:#000;
	text-align:right;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#boxPromo_txt h1
{
	font-size:1.4em;
	color:#fff;
	padding:0 10px 3px 10px;
}

#boxPromo_txt p
{padding:0 10px 0 10px;}

#flecheDetails_promo
{margin:0 0 0 4px;}

#boxPromo_txt a:link, #boxPromo_txt a:visited, #boxPromo_txt a:active
{
	color:#e0d7bf !important;
	text-decoration:none !important;
}

#boxPromo_txt a:hover
{text-decoration:underline !important;}

/* -------------------------------------------------------------- */
/* ----- BoÃ®te adresse des HÃ´tels ------------------------------- */


/* pourtour des boÃ®tes forfaits */
.boxHotelAdd-bgContinu
{	
	background:#483b1a url(images/i_boxHotels-bgContinu.gif) repeat-y top left;
	width:249px;
	margin:5px 0 3px 4px;
}

.boxHotelAdd-bordureTop
{background:url(images/pixel-blanc.gif) repeat-x top left;}
.boxHotelAdd-coinTD
{background:url(images/i_boxForfait-coinTD.gif) no-repeat top right;}
.boxHotelAdd-ombreDr
{background:url(images/i_boxForfait-bandeDr.gif) repeat-y bottom right;}
.boxHotelAdd-coinBD
{background:url(images/i_boxForfait-coinBD.gif) no-repeat bottom right;}
.boxHotelAdd-ombreBas
{background:url(images/i_boxForfait-bandeBas.gif) repeat-x bottom left;}
.boxHotelAdd-coinBG
{background:url(images/i_boxForfait-coinBG.gif) no-repeat bottom left;}
.boxHotelAdd-bordureGau
{background:url(images/pixel-blanc.gif) repeat-y top left;}

/* intÃ©rieur des boÃ®tes forfaits */
.boxHotelAdd
{
	background:url(images/i_boxHotels-bg.gif) no-repeat 1px 2px;
	width:249px;
}

.boxHotelAdd-contenu p
{
	color:#fff;
	font-size:0.9em;
	padding:8px 0 13px 34px;
}

/* ---------------------------------------------------------------------------- */
/* ---- Menu colonne gauche des HÃ´tels ---------------------------------------- */

#menuHotels
{
	width:255px;
	margin:0 0 15px 0;
	background:#ae9b66;
}

#menuHotels ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#menuHotels ul li
{
	margin:0;
	padding:0;
	width:255px;
	background:url(images/fleche.gif) no-repeat 13px 7px;
}

#menuHotels a
{
	display: block ;
	font-size:0.9em;
	padding:5px 15px 5px 35px;
	_padding:5px 15px 5px 35px;
	margin:0;
	color:#000 !important;
	text-decoration:none;
	list-style:none;
	border-bottom:1px solid #d4c69f;
	_height: 1%;
}

#menuHotels a:hover
{
	background:#50411b url(images/fleche.gif) no-repeat 13px 7px;
	color:#fff !important;
	padding:5px 15px 5px 35px;
	_padding:5px 15px 5px 35px;
	margin:0;
}

/* ----------------------------------------------- */
/* ----------------- Zone Pub -------------------- */
/* ----------------------------------------------- */

/*#zonePub
{
	width:131px;
	background:#C6BA98;
	margin:40px 0 20px 0;
	padding:3px;
}*/

#zonePub
{
	float:left;
	width:146px;
	background:#C6BA98;
	margin:40px 0 20px 0;
}

/* ----------------------------------------------------------------- */
/* --- Champs formulaires ------------------------------------------ */

/* ---------- page référer et autres formulaires en général -------- */
.conteneurChamps
{
	margin:5px 0 20px 0;
	width:552px;
}

.champs
{margin:2px 0 6px 0;}

.champs label
{
    vertical-align: middle;
	font-weight:bold;
	float:left;
	font-size:0.9em;
}

.champs input.inom
{margin-left:7px;}

.champs input
{
	float:right;
	width:150px;
	margin-right:200px;
}

.champs input.submit
{
	float:right;
	width: auto;
	margin-right:250px;
}

/* ---------- page banquets réunions -------- */

.champsGau
{
	float:left;
	width:276px;
}

.champsDr
{
	float:left;
	width:276px;
}

.espaceDemande
{
	width:552px;
	padding:10px 0 20px 0;
	margin:0 0 10px 0;
	border-top:1px solid #000;
}

.champsBanquet
{margin:4px 0 8px 0;}

.champsBanquet label, .champsEspDem label
{
    vertical-align: middle;
	font-weight:bold;
	float:left;
	font-size:0.9em;
}

.champsBanquet input
{
	float:right;
	width:100px;
	margin-right:30px;
}

.champs input.idateLimite, .champs input.idateDecision, .champs input.idateArrAltern, .champs input.idateDepAltern
{
	float:right;
	width:100px;
	margin-right:310px;
}

#zoneTexteNoPub p.entBanquet
{
	color:#947D41;
	font-weight: bold;
	padding:0 20px 10px 0;
}

.entBanquetLast
{
	color:#947D41;
	padding:0 20px 20px 0;
}

.champsEspDem
{
	margin:10px 10px 0 0;
	float:left;
	padding:5px 0 0 0;
}

.champsEspDem input
{
	float:left;
	width:65px;
	margin-left:12px;
}

#zoneTexte .champsEspDem p.pChamps
{
	float:left;
	margin:0 4px;
	padding: 0;
}

/* ------------------------------------------------------------------ */
/* ---- Section Formulaire de contact ------------------------------- */

.champsForm
{margin:2px 0 6px 0;}

.champsForm label
{
    vertical-align: middle;
	font-weight:bold;
	float:left;
}

.champsForm input
{
	float:right;
	width:220px;
	margin-right:130px;
}

.champsForm select
{
	float:right;
	width:225px;
	margin-right:130px;
}

.champsForm textarea
{
	float:right;
	margin-right:50px;
}

.conteneurChamps input.boutonsEnvoyerForm
{margin:0 0 0 199px;}

/* ------------------------------------------------------------- */
/* --- Section Pour nous joindre ------------------------------- */

.boxNoTel
{
	width:552px;
	margin:0;
}

.txtNoTel
{
	float:left;
	width:180px;
	color:#5C5645;
	margin:0 10px 10px 0;
}

.txtNoTelDr
{
	float:left;
	color:#5C5645;
}

/* -------------------------------------------------------------- */
/* ---- Section Commentaires ------------------------------------ */

.infosVisiteur
{
	font-size:0.9em;
	margin:0 0 10px 29px;
}

#pages ul
{
	float:left;
	list-style:none !important;
	margin:10px 0 20px 0;
	padding:0;
}

#pages ul li
{
	list-style:none  !important;
	float:left;
	margin:0;
	padding:0 3px;
}

/* ----------------------------------------------------------- */
/* --- CrÃ©er Commentaires ------------------------------------ */

.champsComment
{margin:2px 0 15px 0;}

.champsComment label
{
    vertical-align: middle;
	font-weight:bold;
}

.champsComment input.iannee
{width:40px;}


.champsCommentDonnees
{margin:2px 0 5px 0;}

.champsCommentDonneesLast
{margin:2px 0 15px 0;}

.champsCommentDonnees label, .champsCommentDonneesLast label
{
    vertical-align: middle;
	float:left;	
}

.champsCommentDonnees input, .champsCommentDonneesLast input
{
	float:right;
	margin-right:310px;	
}

.facultatif
{
	 font-size:0.9em; 
	 font-weight:normal;
}

#zoneTexteNoPub p.txtComment	
{
	font-weight:bold;
	padding:0 0 5px 0;
}


/* --------------------------------------------------------------------------------------- */
/* ----------------------------- Section RÃ©servation ------------------------------------- */
/* --------------------------------------------------------------------------------------- */

/* ---- francais -------- */
.champs select.ilangues
{margin:0 0 0 30px;}

.champs .dateArriveeReserv
{margin:0 80px 0 0;}

.champs .nbrNuits
{margin:0 58px 0 0;}

.champs .hotel
{margin:0 130px 0 0;}

.champs .nbrChambres
{margin:0 38px 0 0;}

.champs .nbrEnfants, .champs .nbrAdultes
{margin:0 45px 0 0;}

.champs input.boutonsVerifie
{
	float:left;
	margin:15px 0 0 178px;
}

.champs label.etatProvince
{margin:0 107px 0 0;}

.boutonEnregistrement
{margin:0 0 20px 0;}

/* connexion */
.champsConnexion label
{
	float:left;
    vertical-align: middle;
	font-weight:bold;
}

.champsConnexion input
{
	float:right;
	margin:0 340px 5px 0;
	width:100px;
}

.boutonConnexion, .ibEnvoyerMotPasse
{margin:0 0 20px 0;}


/* ---- anglais -------- */
.champs .nbrNight
{margin:0 82px 0 0;}

.champs .accommodation
{margin:0 67px 0 0;}

.champs .nbrRooms
{margin:0 57px 0 0;}

.champs .nbrAdults
{margin:0 65px 0 0;}

.champs .nbrChild
{margin:0 54px 0 0;}

/* -------------------------------------------------------------- */
/* --- Pieds ---------------------------------------------------- */

#pied
{
	width:874px;
	padding:0 0 10px 0;
}

#pied ul
{
	float:left;
	font-size:0.8em;
	list-style:none;
	margin:0;
	padding:8px 0 0 0;
}

#pied ul li
{
	float:left;
	margin:0;
	padding:0 7px 0 7px;
	color: #e0d7bf;
	border-right:1px solid #8c8678;
}

#pied ul li.first
{padding:0 7px 0 0;}
#pied ul li.last
{border-right:none;}

#pied p
{
	float:right !important;
	color:#e0d7bf;
	padding:8px 7px 0 7px;
	font-size:0.8em;
}

#pied a:link, #pied a:visited, #pied a:active 
{
	color: #e0d7bf;
	text-decoration:none;
}

#pied a:hover
{text-decoration:underline;}

#pied p a:link, #pied p a:visited, #pied p a:active 
{
	color: #e0d7bf;
	text-decoration:underline;
}

#pied p a:hover
{text-decoration:none;}

/* ---------------------------------------------------------------- */
/* -- Carte-cadeau ------------------------------------------------- */

.tabCartCadeau
{
	width:552px;
	margin:0 0 25px 0;
}

.tabCartCadeau_liste
{
	width:520px;
	margin:0 0 25px 0;
}

.tabCartCadeau td.bgGris, .tabCartCadeau_liste td.bgGris
{background:#eeeadf;}

.tabCartCadeau td.tdCadeau
{
	width:141px;
	font-weight:bold;
	color:#4d3825;	
}

.tabCartCadeau td.tdCadeauItem
{
	width:500px;
	font-weight:bold;
	color:#4d3825;
	padding:10px;	
}

.tabCartCadeau td.tdCadeau_cartecadeau
{
	width:210px;
	font-weight:bold;
	color:#4d3825;	
}

.tabCartCadeau td.tdCadeau_cartecadeau_liste, .tabCartCadeau_liste td.tdCadeau_cartecadeau_liste
{
	width:310px;
	font-weight:bold;
	color:#4d3825;	
}

/* -- description -------------------- */

.tabCartCadeau td.tdDescriptionItem
{
	width:600px;
	font-size:0.9em;
	font-weight:bold;
	border:2px solid #947d41;
	padding:15px 15px 15px 5px;
	line-height:1.8em;
	text-align:justify;
}

.tabCartCadeau td.tdDescriptionItem ul
{
	list-style:square;
	margin:0;
	padding:0 0 0 25px;
}

.tabCartCadeau td.tdDescriptionItem ul li
{
	list-style:square;
	margin:0;
	padding:0 0 5px 0;
}

.tabCartCadeau td.tdDescription
{
	width:255px;
	font-size:0.8em;
}

/* -- montant ------------------------- */

.tabCartCadeau td.tdPrix, .tabCartCadeau_liste td.tdPrix
{
	width:60px;
	font-weight:bold;
	color:#4d3825;
	text-align:center;
}

.tabCartCadeau td.tdPrixItem
{
	width:60px;
	font-weight:bold;
	color:#4d3825;
	text-align:center;
	padding:10px;
}

.tabCartCadeau td.tdPrix input.imontant
{
	width:50px;
	margin:3px 0 0 0;
}

.tabCartCadeau td.tdPrix_cartecadeau
{
	width:115px;
	font-weight:bold;
	color:#4d3825;
	text-align:left;
}

.tabCartCadeau td.tdPrix_cartecadeau input.imontant
{
	width:110px;
	margin:3px 0 0 0;
}

/* -- quantitÃ© ------------------------- */
.tabCartCadeau td.tdQuantite, .tabCartCadeau_liste td.tdQuantite
{
	width:55px;
	text-align:center;
	font-weight:bold;
	color:#4d3825;
	padding:10px;
}

.tabCartCadeau td.tdQuantite input.iquantite
{
	width:30px;
	margin:3px 0 0 0;
}

.tabCartCadeau td.tdAjout
{
	width:140px;
	text-align:center;
	font-weight:bold;
	color:#4d3825;
}

/* ---------------- */

.tabCartCadeau td.tdQuantite select
{
	width:43px;
	font-size:0.9em;
}

.box_prixTotaux
{
	width:300px;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	position:relative;
	border-top:1px solid #4d3825;
}

.box_prixTotaux p
{
	color:#4d3825;
	text-align:right;
	line-height:1.4em;
	padding:0 50px 15px 0;
}

/* -- Form commande ------------------------------- */

.formCommande
{margin:0 0 30px 29px;}

.lesChampsCommande
{margin-bottom:10px;}

.lesChampsCommande label
{
	font-size:1em;
	color:#4d3825;
	font-weight:bold;
}

.lesChampsCommande input
{width:250px;}

.lesChampsCommande input.imontant
{width:120px;}

.lesChampsCommande input#identique
{width:15px;}
.lesChampsCommande input#envoipostal
{width:15px;}

#bEnvoyer
{width:100px;}

.logo
{
   _padding-left:6px ;
}

/* ------------------------------------------------------------------- */
/* -- zone des logos des hotels -------------------------------------- */

#zoneLogoHotel
{
	width:552px;
	padding:0 0 3px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #413619;
}

.zoneLogoHotel_promotions
{
	width:552px;
	padding:10px 0 15px 0;
	margin:0 0 0 0;
	border-top:5px solid #6e6448;
	border-bottom:1px solid #413619;
}

.zoneLogoHotel_nosHotels
{
	width:552px;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	border-top:5px solid #6e6448;
}

/* -------------------------------------------- */

fieldset
{padding:0 10px;}

fieldset.details
{
	margin:10px 0;
	padding:0 5px 20px 5px;
}

legend
{
	font-weight:bold;
	color:#947d41;
	font-size:1.2em;
}

/* ------------------------------------------------------------------- */
/* -- zone forfaits -------------------------------------------------- */

.zoneForfaits
{
	width:552px;
	margin:0 0 20px 0;
}

.ligneForfaits
{
	width:552px;
	margin:0 0 50px 0;
}

.ligneForfaits h1
{
	color:#242014;
	font-size:1.2em;
	padding:5px 0 2px 10px;
	margin:0 0 5px 0;
	background:#e0d7bf;
	border-bottom:5px solid #6e6448;
}

.tabForfaits
{
	/*width:552px;*/
	margin:0;
}

.tabForfaits td
{
	width:140px;
	border-right:1px solid #c0ae7d;
	border-bottom:1px solid #c0ae7d;
	padding:5px 0;
}

.tabForfaits td.lastBordDr
{border-right:none;}
.tabForfaits td.lastBordBas
{border-bottom:none;}

.tabForfaits td img
{
	border:1px solid #6e6448;
	margin:0 0 3px 7px;
}

.tabForfaits td h2
{
	font-size:1em;
	width:115px;
	background:#e0d7bf;
	margin:0 0 3px 7px;
	padding:3px 4px;
	text-align:center;
}

.tabForfaits td h3
{
	font-size:0.9em;
	padding:0 3px 0 8px;
}

.tabForfaits td p
{padding:0 3px 2px 8px !important;}

/* -- logos des hotels de la promotion ------------- */

.logosPromos
{
	width:552px;
	margin:0 0 10px 0;
}

.logosPromos_bordureBas
{
	border-bottom:5px solid #6e6448;
	padding:0 0 10px 0;
}

.logosPromos select
{
	margin:5px 0 0 0;
	width:200px;
	background:#50411b;
	color:#fff;
}

/* ------------------------------------------------------------------ */
/* ---- Section Emplois ------------------------------- */

.zoneEmplois h1
{
	color:#242014;
	font-size:1.2em;
	padding:5px 0 2px 10px;
	margin:0 0 14px 0;
	background:#e0d7bf;
	border-bottom:5px solid #6e6448;
}

.champsEmplois
{margin:2px 0 6px 0;}

.champsEmplois label
{
    vertical-align: middle;
	font-weight:bold;
	float:left;
	font-size:0.9em;
}

.champsEmplois input
{
	float:right;
	width:220px;
	margin-right:130px;
	font-size:0.9em;
}

.tableChamps label
{
    vertical-align: middle;
	font-weight:bold;
	
	font-size:0.9em;
}

.tableChamps input
{
    vertical-align:middle;
	
	width:220px;
	
	font-size:0.9em;
}

.tableChamps input[type=checkbox]
{
    /*vertical-align:middle;*/
	
	width:30px;
	
	font-size:0.9em;
}

/* ----- cases à cocher ------ */

.casesCoches
{margin:0 0 10px 0;}

.selectionCaseCoche
{margin:0;}

.casesCoches label
{
	margin:0 0 0 3px;
	vertical-align:middle;
	font-size:0.9em;
}

.casesCoches input
{vertical-align:middle;}

/* --------------------------- */

.champsEmplois input.isalaire
{
	float:right;
	width:220px;
	margin-right:8px;
	font-size:0.9em;
}

.champsEmplois textarea
{
	width:500px;
}

.conteneurChamps input.boutonsEnvoyerFormEmplois
{margin:0 0 0 138px;}

.champsEmplois input.ilettrePresentation, .champsEmplois input.icv, .champsEmplois input.inomembre
{
	float:none;
	margin:3px 0 0 0;
}

.champsEmplois input.ibudget
{
	float:none;
	margin:0;
}

.champsEmplois input.inbrChambresDeuxlits, .champsEmplois input.inbrChambresUnlits
{
	width:80px;
	margin:0 250px 0 0;
}
.casesCoches input.iautre
{margin:6px 0 0 0;}

/* -- bouton Quoi faire à Québec -------------------- */

#bQuoiFaire
{
	margin:0 0 0 295px;
	display:block;
}

/* ------------------------------------------------------------------ */
/* ---- Section Hébergement ----------------------------------------- */

.blocInfos
{
	width:550px;
	border:1px solid #483b1a;
	margin:0 0 15px 0;
}

.blocInfos h1
{
	background:#211e14 url(images/blocInfos_entete_bg.gif) repeat-x top left;
	color:#fff;
	font-size:1.1em;
	padding:3px 0 3px 10px;
	margin:0;
}

.blocInfos h2
{
	font-size:1.1em;
	padding:0 0 10px 0;
	margin:0;
}

.blocInfos_txt
{
	width:550px;
	padding:15px 0 10px 0;
	background:url(images/blocInfos_bg.gif) no-repeat top right;
}
.txt
{padding:0 10px;}

.blocInfos_txt img.photoInfos
{
	display:block;
	margin:0 0 10px 25px;
	border:1px solid #211e14;
}
.blocInfos_txt .txt a
{
    float:right;    
}

.situationGeographique
{border-bottom:1px solid #;}

.tabSituation
{
	width:530px;
	margin:0;
}

.tabSituation ul
{	
	margin:0;
	padding:0;
}

.tabSituation ul li
{
	margin:0;
	padding:0 0 5px 0;
	list-style:none !important;
}

.tabSituationBordDr
{border-right:1px solid #a89a76;}

.colDr_geo
{padding:0 0 0 20px;}

/* -- galerie photos ------------------------- */
#zoneGrPhoto
{
	padding-bottom: 20px;
	text-align: center;
}

#zoneGrPhoto img
{border:1px solid #50411b;}

#boxThumbs
{
	width:552px;
}
ul.gallery
{
	list-style: none;
	margin: 0 0 10px 0;
}
	
ul.gallery li
{
	display: block;
	float: left;
	margin: 0 12px 0 0;
}
		
ul.gallery li a
{
	padding:0;
	display: block;
	border: 3px #c0af7e solid;
	line-height: 0;
	margin:0 0 4px 0;
}
			
ul.gallery li a:hover{ border: 3px #50411b solid; }

.receiptdetails 
{
    width:100%;
    
        
}

.minwidth { min-width:594px; width: auto !important; width: 100px; }

.icommentaires {padding-left:0px !important;}

/* -- tableau Congrès, réunion et événements --------------------------- */

table.tabCongres
{
	font-size:0.85em;
	border:1px solid #000;
}

table.tabCongres th
{
	text-align:center;
	background:#6e6448;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:3px;
}

table.tabCongres td
{
	border-top:1px solid #000;
	padding:5px 3px;
}

.borderDr_blanc
{border-right:1px solid #fff;}
.borderDr_noir
{border-right:1px solid #000;}