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

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

body
{
	color:#333;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff;	
}


#container
{
	width:973px;
	margin:0 auto;
	text-align:left;
}

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

h2
{
	font-size:1.1em;
	margin:0;
	color:#433738;
	padding:0 0 4px 0;
}

h3
{
	font-size:1.2em;
	margin:0 0 10px 0;
	color:#06243b;
	border:1px solid #909ca4;
	background:#c4cfd8 url(images/titre_h3_bg.gif) repeat-x top left;
	padding:3px 0 3px 8px;
}

p
{
	font-size:1em;
	color:#333333;
	margin:0;
	padding:0 0 10px 0;
	line-height:1.4em;
	text-align:left;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

.avertissement
{
	color:#CA0021;
	font-size:1em;
}

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

/* --------------------------------------------------------------- */
/* -- entête ----------------------------------------------------- */

#entete
{
	width:955px;
	margin:0 0 0 10px;
	border-bottom:1px solid #fff;
}

div#entete
{height:100px;}

html>body div#entete
{
	height:auto;
	min-height:100px;
}

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

div#logoCompagnie
{
	float:left;
	width:168px;	
}

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

#logoPrint
{display: none;}

/* --- Zone d'infos droite de l'entête ----------------------------- */
#infosEntete
{
	float:right;
	width:786px;
}

/* -- boite météo -------------------- */
#boxMeteo
{
	float:right;
	width:500px;
}

#boxMeteo p
{
	color:#fff;
	font-size:0.9em;
	padding:4px 0 2px 0;
	text-align:right;
}

/* -- boite icônes -------------------- */
#boxIcon
{
	float:right;
	width:500px;
	padding:0;
}

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

#boxIcon img
{
	margin:0 0 0 5px;
	vertical-align:middle;
}

/* -- menu entête -------------------- */
#menuEntete
{
	float:right;
	width:786px;
	padding:6px 0 0 0;
}

#menuEntete ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:0 1px 0 0;
}

#menuEntete ul li
{
	float:left;
	color:#fff;
	padding:0 0 0 6px;
	margin:0;
	font-size:1.1em;
}

#menuEntete a:link, #menuEntete a:visited, #menuEntete a:active
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#menuEntete a:hover
{text-decoration:underline;}

/* ---------------------------------------------------------------------- */
/* -- Zone slideshow et Réservation ------------------------------------- */

#zoneSlideshow
{
	width:955px;
	margin:0 0 0 11px;
	position:relative;
}

.iPromo
{display:block;}

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

#slideshow {
	float:left;
    position:relative;
    height:364px;
}

/* -- zone réservation --------------------------------------- */
#zoneReservation, #zoneReservation_en, #zoneReservation_ete_en
{
	float:right;
	width:236px;
	margin:0 3px 0 0;
	_margin:0 1px 0 0;
}

#reservationInt, #reservationInt_en, #reservationInt_ete, #reservationInt_ete_en
{padding:0 10px;}

/* -- Champs réservation --------------- */
.champsReservation
{
	width:216px;
	padding:0;
	position:relative;
}

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

/* -- choix du jour d'arrivée ---------------- */
.bCalendrier
{vertical-align:middle;}

/* -- Nombre de nuits ---------------- */
.champsReservation select.nbrNuitsSelect
{
	margin:0 0 5px 19px;
	_margin:0 0 3px 19px;
}

/* -- Adultes et Enfants ---------------- */

#reservationGau
{
	float:left;
	width:63px;
}

#reservationDr
{
	float:left;
	width:95px;
}

.champsReservation select.adulte
{
	margin:3px 0 6px 0;
	_margin:3px 0 4px 0;
}

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

#menuPrincipal img{display:block;}


#menuPrincipal ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 8px;	
}

#menuPrincipal ul li
{
	float:left;	
	margin:0;
	padding:0;	
}

/* -- Sous-menu --------------------------------------------------------- */
#sousMenu ul
{
	list-style:none;
	margin:0;	
}

#sousMenu ul li
{
	float:left;
	margin:0;
	padding:0;	
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#sousMenu a {float:none;}
/* End IE5-Mac hack */

/* ---------------------------------------------------------------------- */
/* -- Zone contenu ------------------------------------------------------ */

#zoneContenu_bg
{
	width:973px;
	background:url(images/zoneContenu_bg.gif) repeat-y top left;
}

#zoneContenu
{
	width:955px;
	margin:0 0 0 10px;
}

#colGau
{
	float:left;
	width:717px;
	padding:10px 0 0 0;
}

#colDr
{
	float:left;
	width:227px;
	padding:10px 0 0 0;
}

/* -- éléments de contenu --------------------------- */

.contenu
{
	position:relative;
	padding:0 10px 10px 9px;
}

.contenu ul
{
	list-style:none;
	padding:5px 0 0 10px;
	margin:0;
}
.contenu ul li
{
	padding:0 0 15px 20px;
	margin:0;
	background:url(images/fleche_hiver.gif) no-repeat 0 3px;
}

.contenu ul ul
{
	list-style:none;
	padding:20px 0 0 10px;
	margin:0;
}

.bRetour
{margin:0 0 10px 0;}
/* -- Colonne gauche ---------------------------------------------------- */

.blocInfos
{
	width:698px;
	margin:0 0 21px 0;
}

.infosGau
{
	float:left;
	width:226px;
	margin:0 10px 0 0;
}

.infosCen
{
	float:left;
	width:226px;
	margin:0 10px 0 0;
}

.infosDr
{
	float:left;
	width:226px;
}

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

.blocInfos a.attrait-01
{
	display:block;
	width:224px;
	height:71px;
	background:url(../upload/images/forfaits-promotions/forfait-ventedeblanc-msa-fr_001.jpg) no-repeat top left;
	text-decoration:none;
}

.blocInfos a.attrait-02
{
	display:block;
	width:224px;
	height:71px;
	background:url(../upload/images/forfaits-promotions/forfait-printemps-msa-fr_001.jpg) no-repeat top left;
	text-decoration:none;
}

.blocInfos a.attrait-03
{
	display:block;
	width:224px;
	height:71px;
	background:url(../upload/images/forfaits-promotions/forfait-alpin-FR-fr_001.jpg) no-repeat top left;
	text-decoration:none;
}

.blocInfos h1
{
	font-size:1.1em;
	padding:54px 0 0 4px;
	color:#04263f;
}
.blocInfos p
{
	font-size:0.9em;
	padding:4px 0 0 0;
}
/* -- activites ------------------------- */

.activite
{border:1px solid #909ca3;}

/* -- Clés verte Accueil ------------------ */

#clesVertes
{
	width:230px;
	float:right;
}

#clesVertes p
{
	font-size:0.9em;
	color:#4d6a33;
	text-align:right;
}

#clesVertes img
{
	float:right;
	margin:0 0 4px 0;
}

/* -- Chambres et suites ------------------------- */

.boxPhoto
{
	position:relative;
	
}
.boxPhoto h1
{
	position:absolute;
	top:101px;
	left:0;
	width:216px;
	padding:3px 0 3px 10px;
	color:#06243b;
	font-size:0.9em;
	background:#909ca5;
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}

.boxDetails
{
	width:226px;
	background:#f0f2f3 url(images/chambresBox_bg.gif) repeat-x bottom left;
	padding:6px 0 8px 0;
}

div.boxDetails
{height:62px;}
html>body div.boxDetails
{
	min-height:62px;
	height:auto;
}

.boxDetails p
{
	font-size:0.9em;
	padding:0 5px 2px 5px;
	text-align:left;
	line-height:1.3em;
}
.boxDetails a:link, .boxDetails a:visited, .boxDetails a:active
{color:#06243b !important;}
.boxDetails a:hover
{text-decoration:none;}


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

.conteneurChamps
{
	margin:0 0 20px 0;
	width:698px;
}

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

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

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

.champsForm textarea
{
	float:right;
	margin-right:105px;
	_margin-right:110px;
}

.conteneurChamps input.boutonsEnvoyerForm
{
	margin:0 0 0 290px;
	_margin:5px 0 0 287px;
}

/* ----- cases à cocher ------ */
.casesCochesRecherche
{
	margin:0 0 10px 290px;
	_margin:0 0 0 282px;
}

.selectionCaseCoche
{margin:0;}

.casesCochesRecherche label
{
	color:#000;
	font-size:0.9em;
	margin:0 6px 0 2px;
	vertical-align:middle;
}

.casesCochesRecherche input
{vertical-align:middle;}


/* -- galerie photos ------------------------- */


/* -- boîte sélections de catégorie de photos --------- */

.boxCategorie
{
	width:224px;
	border:1px solid #c4c6c7;
	background:#f7f9fa url(images/boxCategorie_bg.gif) repeat-x top left;
}

.titreCategorie
{
	float:left;
	width:101px;
}

.titreCategorie h1
{
	font-size:0.9em;
	padding:5px 0 0 5px;
}

.titreCategorie h1 a:link, .titreCategorie h1 a:visited, .titreCategorie h1 a:active
{
	color:#06263f;
	text-decoration:none;
}
.titreCategorie h1 a:hover
{text-decoration:underline;}

.photoCategorie
{
	float:right;
	width:122px;
	border-left:1px solid #c4c6c7;
}

.photoCategorie img
{display:block;}


/* -- thumbs galerie photos ------------------ */
#zoneGalerie
{
	width:698px;
	background:#dce6ea;
	margin:0 0 20px 10px;
}

#zoneGrPhoto
{
	width:698px;
	padding-bottom: 10px;
	text-align: center;
}

#boxThumbs
{width:698px;}

ul.gallery
{
	list-style: none;
	margin: 0 0 10px 0;
}
	
ul.gallery li
{
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

ul.gallery li a
{
	padding:0;
	display: block;
	border: 3px #919ca5 solid;
	line-height: 0;
	margin:0 0 4px 0;
}

/* -- Colonne droite ---------------------------------------------------- */

/* -- Promos --------------------------- */
.promo
{
	display:block;
	margin:0 0 10px 0;
}

.bPromos
{
	display:block;
	margin:0 0 10px 0;
}

/* -- Infolettre --------------------------- */
#infolettre_bg
{
	width:237px;
	background:#9fadb9 url(images/infolettre_bg.gif) repeat-x top left;
	margin:0 0 10px 0;
}

#infolettre_bordGau
{background:url(images/infolettre_pixel.gif) repeat-y top left;}
#infolettre_bgTop
{background:url(images/infolettre_bgTop.gif) no-repeat top left;}
#infolettre_bgBas, #infolettre_bgBas_en
{
	background:url(images/infolettre_bgBas.gif) no-repeat bottom left;
	padding:6px 0 11px 13px;
}

#infolettre_bgBas h2
{
	background:url(images/t_infolettre.gif) no-repeat top left;
	height:29px;
}

#infolettre_bgBas_en h2
{
	background:url(images/t_newsletter.gif) no-repeat top left;
	height:29px;
}

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

#infolettre_bgBas label, #infolettre_bgBas_en label
{
	color:#fff;
	font-size:0.9em;
}

#infolettre_bgBas input.inomInfolettre, #infolettre_bgBas_en input.inomInfolettre
{
	border:1px solid #1c3b56;
	width:172px;
}

#infolettre_bgBas input.icourrielInfolettre
{
	border:1px solid #1c3b56;
	width:152px;
}

#infolettre_bgBas_en input.icourrielInfolettre
{
	border:1px solid #1c3b56;
	width:172px;
	margin:0 0 0 2px;
}

#infolettre_bgBas input.ibEnvoyer, #infolettre_bgBas_en input.ibEnvoyer
{
	margin:1px 0 0 41px;
}

/* -- Météo -------------- */
/* - fr - */
a.b-meteo
{
	display:block;
	width:237px;
	height:57px;
	background:url(images/boutonmeteo.jpg) no-repeat top left;
	text-indent:-9999em;
	margin:0 0 11px 0;
}
a.b-meteo:hover
{background:url(images/boutonmeteo-over.gif) no-repeat top left;}

/* - en - */
a.b-meteo-en
{
	display:block;
	width:237px;
	height:57px;
	background:url(images/boutonmeteo-en.gif) no-repeat top left;
	text-indent:-9999em;
	margin:0 0 11px 0;
}
a.b-meteo-en:hover
{background:url(images/boutonmeteo-en-over.gif) no-repeat top left;}
/* ---------------------------------------------------------------------- */
/* -- Pied -------------------------------------------------------------- */
#pied
{
	width:955px;
	margin:0 0 0 10px;
	background:#0d4c7e;
	padding:5px 0 7px 0;
}

/* -- menu principal dans le pied ----*/

#menuBas
{
	float:left;
	width:650px;
	padding:7px 0 0 0;
	margin:0 0 0 9px;
}

#menuBas ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#menuBas ul li
{

	float:left;
	margin:0;
	padding:0 5px 3px 0;
	color:#fff;
	font-size:0.8em;
}


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

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


/* -- logo iclic ----*/

#logoIclic
{
	float:right;
	width:250px;
	margin:0;
	padding:5px 0 0 0;
}

#logoIclic p
{
	float:left;
	width:160px;
	color:#fff;
	padding:0 0 0 5px;
	font-size:0.8em;
}

#logoIclic p a:link, #logoIclic p a:visited, #logoIclic p a:active
{
	color:#fff;
	text-decoration:none;
}

#logoIclic p a:hover
{text-decoration:underline;}

/* -- boutons promotion ------------------------ */

/* FR --- */

a.b-promotions-fr
{
	display:block;
	width:306px;
	height:37px;
	background:url(images/bn-promotion.gif) no-repeat top left;
	text-decoration:none;
	color:#06243b !important;
	font-weight:bold !important;
	font-size:1.2em;
	padding:17px 0 0 63px;
	margin:0 0 10px 0;
}
a.b-promotions-fr:hover
{
	background:url(images/bo-promotion.gif) no-repeat top left;
	color:#000;
}