@import url("style_hebergement.css");
@import url("styles_Dossier.css");
@import url("jquery.lightbox-0.5.css");
@import url("style_catalogue_moteur.css");
@import url("Styles_Activites.css");
@import url("Styles_Billet.css");
@import url("Styles_Boutique.css");
@import url("style_resto.css");
@import url("Styles_billet_transport.css");
@import url("Styles_Magasins.css");
@import url("styles_Minipanier.css");
@import url("esf.css");
@import url("os-sprite.css");
@import url("boxy.css");
@import url("styles_Minipanier.css");
@import url("Styles_Ideesejour.css");


/*#MenuForfaitSki{ display:none;}*/
/*
body {
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Verdana;
	font-size:11px;
	background-color:#ffffff;
	color: #333333;
	text-align: center;
	
}*/
body{
	text-align:center;
	color:#333333;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	background-color: #f4f4f2;
}

#ImgBandeau{background: url(../images/bandeau-fr.jpg) no-repeat top center;}

#ImgBandeau.uk{background: url(../images/bandeau-uk.jpg) no-repeat top center;}

#CouleurFond{background: url(../images/fond-repeat.gif) repeat-y top center;}



body.OSFondPage{	background-color:#fff;}
ul,li {
	list-style-type: none;
}
p{  margin:5px 5px 5px 0px;}
h1, h3, h3, h4, h5, h6, dl, dt, dd, form, ul, li, form {
	margin: 0px;
	padding: 0px;
}

.OsFondPage{	background-image: url(../images/fond-menu-haut-repeat.gif);
	background-position: left top;
	background-repeat: repeat-x;background-color:#f5f5f5;}
/*************************************
		Balise TitleGénéral au site
**************************************/
h1{}

/*h2{ font-size:20px; font-weight:bold; color:#232220; border-bottom:solid 1px #232220; margin:10px 0; text-align:right; letter-spacing:1px; text-transform: uppercase;}*/

/*************************************
			MENU ONGLETS
**************************************/
#MenuOnglet{ /*width:990px;*/ height:50px; background:url(../images/fond-menu-haut-repeat.gif) repeat-x left top; padding-left:25px;}
#MenuOnglet li{
margin-top:6px;
/*padding-left:15px;padding-right:15px;*/
	width:100px;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:40px;
	background:url(../images/separateur-menu-haut.gif) no-repeat right center;

}
#MenuOnglet li#TMenuDossier{ /*background:url(../images/picto-panier.gif) no-repeat left center;*/}
#MenuOnglet li#TMenuRecherche{/*background:url(../images/logo-home.gif) no-repeat left center; width:140px;*/}

#MenuOnglet li a, #MenuOnglet li a:link, #MenuOnglet li a:active, #MenuOnglet li a:visited{color:#fff; display:block; background:url(../images/puce-menu-haut.gif) no-repeat center bottom;}
#MenuOnglet li a:hover{
	font-weight:normal;
	text-decoration:none;
	color: #232220;
}

#MenuOnglet li.Selected{ font-weight:normal; background:url(../images/fond-menu-select-repeat.gif) repeat-x left top;}
#MenuOnglet li.Selected a, #MenuOnglet li.Selected a:link, #MenuOnglet li.Selected a:active, #MenuOnglet li.Selected a:visited, #MenuOnglet li.Selected a:hover{	color:#FFF;	text-decoration:none;	font-weight:bold; background:url(../images/puce-menu-haut-select.gif) no-repeat center bottom; height:44px;}




/*************************************
			MENU cote
**************************************/
.ColorMenu{color:#F5A232;}


#BlocMenuCote{
	width:231px;
	float:left;
}


.MenuCote{
	/*width:211px;*/
	margin:0px;
	padding:0px;
	padding-bottom:0px;
	margin-bottom: 10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:38px;
}


.MenuCote li{
	line-height:24px;
	margin:0px;
/*	width:158px;*/
	width:190px;
	overflow:hidden;
	border-bottom:1px solid #393937;
	font-size:11px;
	text-transform:uppercase;
}
.MenuCote li.MultiLigne div{line-height:18px; padding-bottom:3px;padding-top:3px;}

.MenuCote li.MenuPromo a, .MenuCote li.MenuPromo a:link, .MenuCote li.MenuPromo a:active, .MenuCote li.MenuPromo a:visited{color:#f5a232;	position: relative;}
.MenuCote li.MenuPromo a:hover,.MenuCote li.MenuPromo a:hover .ColorMenu{	text-decoration:none;color:#565653;}



.MenuCote li.EnteteMenu{	padding:0 0 0 30px; margin:0px; background:url(../images/fond-entete-menu-cote.gif) no-repeat left top; line-height:31px; color:#FFFFFF; font-size:12px; font-weight:bold; border:none;}


.MenuCote li a div{ padding-left:12px;}

.MenuCote li.Selected{color:#FFF;font-weight:bold; 	overflow:visible;}

.MenuCote li a, .MenuCote li a:link, .MenuCote li a:active, .MenuCote li a:visited{	text-decoration:none;	color:#ffffff;	display:block;margin:0px 0px 0px 0px;	 font-style:italic;font-weight:bold; width:211px;}
.MenuCote li a:hover,.MenuCote li a:hover .ColorMenu{	text-decoration:none;color:#565653;}


.MenuCote li.Selected{ }
.MenuCote li.Selected a, .MenuCote li.Selected a:link, .MenuCote li.Selected a:active, .MenuCote li.Selected a:visited, .MenuCote li.Selected a:hover{	color:#fff;background:url(../images/puce-select-menu.gif) no-repeat right 9px #f5a232;}

.MenuCote li.Selected a .ColorMenu{color:#fff;}

/*********************************************
		Message d'attente
**********************************************/

#Attente{
	width:320px;
	height:220px;
	text-align:center;
	padding:5px;
	background-color:#676767;	
}
#AttenteFond {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#AAAAAA none repeat scroll 0 0;
height:100%;
left:0;
opacity:0.3;
position:absolute;
top:0;
width:100%;
z-index:1000;
display:none;

}

#EntetePage{}
#EntetePage h2{
	color:#073A8D;
	margin-bottom:5px;
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
}

#TitreEtape{
	color:#434343;
	font-size:12px;
	padding:2px;
	padding-bottom: 15px;
	text-align: left;
}

/*
Utilisation Globales
***************************************/
.Clear{
	clear:both;
	padding:0px;
	margin:0px;
	height:1px;
	overflow:hidden;
	width: 1px;
}


/*
Bloc rose sous le menu
***************************************/
#BlocMenuPanier{ width:185px; background:url(../images/back-menu03.gif) left top repeat-y;
}




/*
		Style Page Intro
***************************************/

#ColGaucheIntro{float:left; width:460px; }


#ColDroiteIntro{ float:left; width:199px; }
#ColDroiteIntro a, #ColDroiteIntro a:link, #ColDroiteIntro a:active, #ColDroiteIntro a:visited{opacity: 1;  filter:alpha(opacity=100)}
#ColDroiteIntro a:hover{opacity: 0.5;  filter:alpha(opacity=50)}

#BlocIntro{}

#BlocIntro h2{ font-size:18px; font-weight:bold; color:#232220; border-bottom:solid 1px #232220; margin:10px 0;}

#BlocIntro ul{}
#BlocIntro ul li{ width:24%; float:left; text-align:center;}


#BlocIntro ul li a h3, #BlocIntro ul li a:link h3, #BlocIntro ul li a:active h3, #BlocIntro ul li a:visited h3{ color:#434343; text-decoration:underline; margin:0 0 10px 0; 	font-weight:bold;}
#BlocIntro ul li a:hover h3{ color:#232220;}

#BlocIntro ul li a img, #BlocIntro ul li a:link img, #BlocIntro ul li a:active img, #BlocIntro ul li a:visited img{ border:0px;opacity: 1;  filter:alpha(opacity=100);}
#BlocIntro ul li a:hover img{opacity: 0.5;  filter:alpha(opacity=50);}

#BlocIntro ul li h3{ font-size:12px;}


/* TooltTip **/
.BoxTooltip{ width:220px; /*background-color:#00FF00;*/ background-color:#edeef0; border:solid 1px #ccc; text-align:left; padding:10px;}
.MargeTooltip{ /*background-color:#00FF00;*/ }


/* Mini Carte **/
.OsBtnCarto{}

#OsCarte {

}
#OsCarteInterieur {border:solid 2px #696969; width:400px; height:360px;}


#OsCarteEntete{background-color:#696969; width:400px;}
#OsCarteTitre{float:left; width:330px; text-align:left; height:20px; overflow:hidden;}

#OsCarteTitre span{font-family:tahoma,arial,sans-serif; display:block;float:left; font-size:11px; color:#ffffff; line-height:18px; font-weight:bold;}
#OsCarteTitre  img{ width:27px; height:20px; display:block; float:left;
background: url(../images/puce-draggable.gif) right top no-repeat;}

#OsCarteBtn{ float:right;  width:60px; overflow:hidden;}


.leftpane .global_containers  a#OsCarteBtnFermer,.leftpane .global_containers a#OsCarteBtnFermer:link,.leftpane .global_containers a#OsCarteBtnFermer:active,.leftpane .global_containers a#OsCarteBtnFermer:visited,
a#OsCarteBtnFermer,a#OsCarteBtnFermer:link,a#OsCarteBtnFermer:active,a#OsCarteBtnFermer:visited{font-family:tahoma,arial,sans-serif;  text-align:left;color:#ffffff; font-size:11px; text-decoration:underline; display:block; line-height:17px; background-color:transparent;
background: url(../images/puce-fermer.gif) right top no-repeat;  width:60px;}
a#OsCarteBtnFermer:hover{text-decoration:none; color:#000;}



/* Entete de la colonne large **/
.BlocOSEntete{ height:10px;}




/*-------------------------------------------*/
/* Bloc contenu des onglet **/
/*#DetailGaleriePhoto, #DetailCaract, #DetailAcces, #DetailAProximite, #DetailGaleriePhoto, #DetailRestaurant, #DetailGroupe, #DetailTarif{ display:none;}*/
.DetailColInterieur{ width:49%; float:left; font-size:11px; color:#8b8b89; font-style:italic;}
.DetailColInterieur b, .DetailColInterieur strong{ color:#232220; font-style:normal;}
.MargeInterCol{ margin:5px 5px 10px 5px;}
.TitreInterCol{ text-transform:uppercase; display:block; padding-bottom:5px;}
.DetailColInterieur .OSPicto, .Description .OSPicto{ opacity: 0.5;  filter:alpha(opacity=50);}



#OngletsTabsGeneral{ width:95%; margin-left:auto; margin-right:auto; clear:both; padding-top:15px;}




#OngletsTabsGeneral #NavOnglet{ height:26px;}


#OngletsTabsGeneral #NavOnglet li{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #dbdbdb;
color:#000000;
}

#OngletsTabsGeneral #NavOnglet li a{
color:#393939;
font-size:10px;
font-weight:bold;
padding:0.6em 1.3em;
text-decoration:none;
text-transform:uppercase;}
#OngletsTabsGeneral #NavOnglet li.tabs-selected, #OngletsTabsGeneral #NavOnglet li.tabs-selected a{ background-color:#dbdbdb}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 1px 0 0px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
   
    padding: 1em 8px;
    background: #dbdbdb; /* declare background color for container to avoid distorted fonts in IE while fading */
	
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


.ColorGris{
	background-color:#e6e5e5;
	line-height:20px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 0px;
	padding-right: 5px;
	margin-bottom: 5px;
}


.RemarqueRouge{
	color: #990000;
	font-size: 11px;
	
}

/* Ligne Ico **/
.LigneIco{line-height:20px; background-color:#fff; margin-top:3px;margin-bottom:3px; padding-left:5px; border:solid 1px #ccc;}


.OSResultat .Description{ position:relative;}
.BlocTransisitonEtape3{height:180px; overflow:hidden; width:455px; position:relative;}
.TransistionTxt{ position:absolute; bottom:0px; left:0px;}


/* Parti Affinage Toggle **/
/* Moteur 
**********************/
#BTRechercheAvanceCommune{ height:20px; background-color:#b9b9b9; text-align:left;}
#BTRechercheAvanceCommune a, #BTRechercheAvanceCommune a:link, #BTRechercheAvanceCommune a:active, #BTRechercheAvanceCommune a:visited{ display:block; padding-left:23px; background:url(../images/puce-recherche-avance.gif) no-repeat left top; line-height:20px; font-size:11px; color:#000;}
#BTRechercheAvanceCommune a:hover{	color:#01a9d2;}


#BTRechercheAvanceCommune a.OpenRechercheAvance, #BTRechercheAvanceCommune a.OpenRechercheAvance:link, #BTRechercheAvanceCommune a.OpenRechercheAvance:active, #BTRechercheAvanceCommune a.OpenRechercheAvance:visited{background-image:url(../images/puce-recherche-avance-open.gif); color:#fff;}
#BTRechercheAvanceCommune a.OpenRechercheAvance:hover{ color:#000;}

#BlocRechercheAvanceCommune{height:193px; overflow:hidden;}


#BlocRechercheAvanceCommune.CommuneBlockAuto{height:auto; overflow:hidden;}
/*.CommuneBlock{  display:block;}*/



/* Offre col Droite 
**********************/

#IntroColDroite{

}

#IntroColDroite .BlocVisuel{
}

ul.OffreColDroite{	padding-top: 12px;padding-left:0px;}




ul.OffreColDroite li a{ text-decoration:none; color:#232220}
ul.OffreColDroite li a:hover{/* color:#fff;*/}

ul.OffreColDroite li a img{ border:solid 0px #cecece;}
ul.OffreColDroite li a:hover img{
	border:solid 0px #f5a232;
}




ul.OffreColDroite li{	text-align:left;	padding-top:23px;	width:236px;	padding-bottom:13px; border-bottom:solid 1px #e8e8e6;}

ul.OffreColDroite li .Titre{
    clear: both;
    color: #232220;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

ul.OffreColDroite li .DescriptifOffre, ul.OffreColDroite li .DescriptifOffre a{color:#8B8B89;font-style:italic;font-size:12px;padding-left: 3px;}


ul.OffreColDroite li .Titre span{font-size:11px;color:#04B2CC;font-weight:normal;}

ul.OffreColDroite li .Visuel{
	width: 125px;
	float:left;
}

ul.OffreColDroite li div.APartirde{color:#f5a232; font-size:13px}

ul.OffreColDroite li div.APartirde span{	font-size:14px;	font-style:italic;	color:#333; font-weight:bold;}


ul.OffreColDroite li .Prix {
font-size:18px;
font-style:italic;
color:#333;
float: left;
padding-top:10px;
}

ul.OffreColDroite li .Prix div.Apartir{	color:#8b8b89;	width:80px;	margin-top:5px;	text-align: left;	font-size:13px;}

ul.OffreColDroite li .Prix div.Apartir span{
	color:#000000;font-size:16px;display:block;}

ul.OffreColDroite li .Prix div.prix{color:#FFFFFF; width:60px; float:left; margin-top:5px; text-align:right;}

#BlocHotBrideski{position:relative; width:220px; height:164px;}
#BlocHotBrideski .HotBrideski{ position:absolute;left:-30px; border:0px; top:0px;}



/*  Bloc ToutCompris Acc
**************************/

#BlocToutCompris{}
#ToutCompris{}
#ToutCompris .VisuelToutCompris{ width:49%; float:left; position:relative; font-style:italic;}

#ToutCompris .VisuelToutCompris a{ display:block; width:220px; height:139px; position:relative; top:3px; left:3px; z-index:100; cursor:pointer; text-decoration:none;}
#ToutCompris .VisuelToutCompris a:hover{}

#ToutCompris .VisuelToutCompris a:hover img{ border-color:#f5a232;}

#ToutCompris .VisuelToutCompris img{border:solid 2px #e8e8e6;}

#ToutComprisCoursSejour{ /*background:url(../images/tout-compris-cours-sejour.gif) no-repeat left top;*/}
#ToutComprisSemaine{/*background:url(../images/tout-compris-semaine.gif) no-repeat left top;*/}

.BlocContenuToutCompirs{ position:absolute; top:10px; left:12px;}

#ToutCompris .BlocContenuToutCompirs div{color:#f5a232; font-size:13px}
#ToutCompris .BlocContenuToutCompirs .Titre{ 
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 15px;
    text-transform: uppercase; }
#ToutCompris .BlocContenuToutCompirs .Apartir{ color:#8b8b89; font-size:13px; padding-top:5px;}
#ToutCompris .BlocContenuToutCompirs .Prix{font-size:20px;font-style:italic; color:#232220;}


/* Inro Tout compris
**************************/
#IntroBlocBas{
	/*position:relative;*/
}

#IntroBlocBas .BlocVisuel{
	/*z-index:10;
	position:relative;*/
}

ul.OffreBas{
	padding-top: 12px;
	width:512px;
	/*	margin-left:auto;
	margin-right:auto;
	z-index: 150;
position: relative;*/
}
ul.OffreBas li a{ text-decoration:none; display:block;}
ul.OffreBas li a:hover{ color:#232220;}
ul.OffreBas li{
	width: 155px;
	float: left;
	padding-left: 5px;
	padding-right: 8px;
	cursor: pointer;
	/*position: relative;*/
}
ul.OffreBas li img{ border:solid 2px #cecece;}
ul.OffreBas li.hover img{border:solid 2px #f5a232;}


ul.OffreBas li .Titre{
font-family:"trebuchet MS";
font-size:13px;
font-weight:bold;
height:28px;
font-style:italic;
}
ul.OffreBas li .Titre span{
font-size:11px;
color:#676663;
font-weight:normal;
}

ul.OffreBas li .Visuel{ /*width:140px;*/ padding-bottom:5px;}
ul.OffreBas li .Prix {font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold; 
width:150px;
font-style:italic; }

ul.OffreBas li .Prix div.Apartir{
	color:#92918f;
/*	width:50px;*/
	float:left;
	margin-top:5px;
	text-align: left;
	font-style:italic;
	line-height:22px;
}

ul.OffreBas li .Prix div.Apartir .prix{
    color: #F5A232;
    font-size: 14px;
    font-weight: bold;
}

ul.OffreBas li .Prix div.prix{color:#f5a232; width:45px; float:left; margin-top:5px; text-align:right; 	font-size:14px;	line-height:22px;
	font-weight:bold;}

ul.OffreBas li .Prix .TypeHebeTTcompris{ line-height:20px; clear:both;padding-left:25px;}
ul.OffreBas li .Prix  .TypeHebeTTcompris span.prix{color:#f5a232;font-size:14px;
	font-weight:bold;}


ul.OffreBas li .Prix div.prix.Large{width:65px;}



#BlocRecherche{
	margin-top: 15px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;

}
.TexteToutCompris{
	font-size: 11px;
	border-bottom: solid 1px #cecece;
	text-align:left;
}
.TexteToutCompris h2{	font-size: 16px;color:#232220;
font-weight:bold;font-family: "trebuchet MS"; display:block;}


.TexteToutCompris span{color:#92918F;}
.TexteToutCompris span.italique{
	color:#5A676F;
	font-size:10px;
	font-style: italic;
}


.FontBig{ font-size:16px; font-style:italic;}
.color,.TexteToutCompris span.color{color:#F5A232;}

.None{ display:none;}

.FondBoxy{ background:url(../images/visuel_fond_bosy.gif) no-repeat left top; width:512px; height:230px; text-align:left;}
.FondBoxy .BlocCloseBoxy{
	height:30px;
	cursor:pointer;
	width: 512px;
}
.FondBoxy .MargeBoxy{ padding: 5px 10px 10px 25px; }

.FondBoxy h2{ margin:0px; padding:0px;}
.ChoixHebe{ padding:10px 30px 0 15px;}
.DateProduit{ color:#F5A232;}
.ChoixHebe li{ line-height:25px;  border-bottom:solid 1px #ccc}
.ChoixHebe li a{ display:block;}

.ChoixHebe li ul { padding-left:15px;border-top:solid 1px #ccc;}
.ChoixHebe li ul li{ line-height:20px;  border-bottom:solid 0px #ccc}

.ChoixHebe li.ClearTrait{ border:none;}


h3.TitrePoursuivre{ font-size:14px; }
.MargeBT{ padding-left:20px;}

/***/

.ToolTipMap {  position: absolute; padding: 5px; left: 5px; font-size: 11px; background-color: white; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; white-space:nowrap; font-weight:bold;}