@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("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_Ideesejour.css");
@import url("scrollable-ids.css");
@import url("pagination.css");
@import url("jquery.jcarousel.css");
@import url("contentslider.css");
@import url("style_resto.css");
@import url("esf.css");



ul,li {	list-style-type: none;}

p{  margin:5px 5px 5px 0px;}

h1, h3, h3, h4, h5, h6, dl, dt, dd, ul, li, form {	margin: 0px;	padding: 0px;}

.OSFondPage{	font-size: 12px;	font-family: Arial, Helvetica, sans-serif;}
/*************************************
		Balise TitleGénéral au site
**************************************/
h1{}

/*h2{ font-size:20px; font-weight:bold; color:#00B0D9; border-bottom:solid 1px #00B0D9; margin:10px 0; text-align:right;}*/

/* Bloc englobant la balise H2**/
#BlocTitreRub{
/*	width:635px;*/
	
}
#BlocTitreRubIds{
	background:url(../images/titre-entree-sites.gif) no-repeat left top;
	width:635px;
	height:10px;
	position:relative;
}

/*#BlocTitreRub h2{
	font-size:20px;
	font-weight:bold;
	color:#999999;
	text-align:left;
	height:30px;
	line-height:30px;
	padding-right:20px;
	padding-left:20px;
	border:none;
    font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
width:100%;

}*/


/*************************************
			MENU ONGLETS
**************************************/
#MenuOnglet{ width:1005px; height:31px; background-color:#5e8d97;}
#MenuOnglet li{
	width:109px;
	float:left;
	text-align:center;
line-height:30px;
	height:31px;
	background-position:left top;
	background-repeat:no-repeat; border-right:solid 1px #fff;
}
#MenuOnglet li#TMenuChambresdhotes{width:160px;}
#MenuOnglet li#TMenuIdeeSejour{width:154px;}


#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:#333333; display:block; font-size:16px; font-weight:bold; text-decoration:none; }
#MenuOnglet li a:hover{	/*color: #c7d300;*/opacity: 0.5;  filter:alpha(opacity=50); }


#MenuOnglet li.Single a{padding-top:12px; padding-bottom:15px;}
#MenuOnglet li.Multiple a{ padding-top:3px;padding-bottom:8px;}


#MenuOnglet li.Selected{ font-weight:normal; background-position:left -8px;}

#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;}

#MenuOnglet li.Single.Selected a, #MenuOnglet li.Single.Selected a:link, #MenuOnglet li.Single.Selected a:active, #MenuOnglet li.Single.Selected a:visited, #MenuOnglet li.Single.Selected a:hover{padding-top:7px;}
#MenuOnglet li.Multiple.Selected a, #MenuOnglet li.Multiple.Selected a:link, #MenuOnglet li.Multiple.Selected a:active, #MenuOnglet li.Multiple.Selected a:visited, #MenuOnglet li.Multiple.Selected a:hover{padding-top:0px;}





/*************************************
			MENU cote
**************************************/
#user3{
	width:258px;
	background:transparent url(../images/interface/ss-nav-deco-haut.jpg) no-repeat scroll 0 0;
}

#BlocMenuCote{
/*padding-top:48px;
padding-left:25px;*/
}


.MenuCote{
	/*width:223px;*/
	margin:0px;
	padding:0px;
	/*background:url(../images/fond-pied-menu-cote.gif) no-repeat left bottom #efefef;*/
	/*padding-bottom:10px;
	margin-bottom: 10px;*/
	font-size:10px;
	text-align:left;

height:24px;


}
.MenuCote .TitreMenuCote{
color:#FFF; font-size:13px; font-weight:bold;
background:url(../images/fond-menu-cote.png) left top;
padding:7px;

}







.MenuCote ul
{
height:24px;
overflow:visible;
/*position:relative;*/
}

.MenuCote ul li
{
/*background:url(../images/puce-ssmenu.png) no-repeat left 4px;
padding:2px 0 2px 10px;*/
background:url(../images/onglet-haut/left.gif) left top no-repeat;

font-size:12px;
color:#fff; font-weight:bold;
float:left;

margin-right:4px;

}

.MenuCote ul li a{padding-left:9px; } 

.MenuCote li a, .MenuCote li a:link, .MenuCote li a:active, .MenuCote li a:visited{
padding-top:4px;
padding-bottom:5px;

	color:#FFFFFF;
display:block;
/*font-family:aldo,Arial,Helvetica,sans-serif;*/


text-decoration:none;
color:#fff;
background:url(../images/onglet-haut/right.gif) right top no-repeat;padding-right:9px; display:block;text-transform:uppercase;
}

.MenuCote li a:hover{color:#fff;background:url(../images/onglet-haut/right_on.gif) right top no-repeat;}

.MenuCote ul li.hover{background:url(../images/onglet-haut/left_on.gif) left top no-repeat;}
.MenuCote li.hover a, .MenuCote li.hover a:link, .MenuCote li.hover a:active, .MenuCote li.hover a:visited{color:#fff;background:url(../images/onglet-haut/right_on.gif) right top no-repeat;}


.MenuCote .active {
color:#FFF;

}

.MenuCote ul li ul
{
	z-index:5000;
	position:absolute;
	margin:0px; padding:0px;
	height:auto;
	/*width:180px;*/

	display:none;
	
	
	
	}
.MenuCote ul li ul li
{
background:none;
		background-color:#292a29;
		float:none;
		margin:0px; padding:0px;
white-space:nowrap;


}
.MenuCote ul li ul li a, .MenuCote ul li ul li a:link, .MenuCote ul li ul li a:active, .MenuCote ul li ul li a:visited
{background:url(../images/puce.gif) left center no-repeat #292a29; text-transform:none;	 display:block; font-size:11px;
padding-top:4px; padding-bottom:4px;
}

.MenuCote ul li ul li a:hover{ background-color:#575757; color:#FFF;}


.MenuCote ul li.hover ul li{background:none;}
.MenuCote li.hover ul li a, .MenuCote li.hover ul li a:link, .MenuCote li.hover ul li a:active, .MenuCote li.hover ul li a:visited{background:url(../images/puce.gif) left center no-repeat #292a29; }
.MenuCote ul li.hover ul li a:hover{ background-color:#575757; color:#FFF;}

/**/
.MenuCote ul li#TMenuCampingCar{margin-right:0px;}

.MenuCote ul li span.Selected{color:#fff;}

/*.MenuCote ul li ul
{
margin:0 0 10px 10px;
padding:0;
}

.MenuCote ul li ul li
{
background:url(../images/puce-ssmenu.png) no-repeat left 4px;
padding:2px 0 2px 10px;
font-size:11px;
}*/


.MenuCote li.Big{height:44px;}

.MenuCote li .EnteteMenu{
	/*padding:0 0 0 10px;*/
	margin:0px;
	line-height:13px;
	color:#e2001a;
	font-size:12px;
	font-weight:bold;
	border:none;
	background-image: url(none);
	margin-top: 10px;
}


.MenuCote li.Selected{
	color:#e2001a;
}



.MenuCote li.Selected{background:url(../images/onglet-haut/left_on.gif) left top no-repeat;}
.MenuCote li.Selected a, .MenuCote li.Selected a:link, .MenuCote li.Selected a:active, .MenuCote li.Selected a:visited{color:#fff;background:url(../images/onglet-haut/right_on.gif) right top no-repeat;}


/*********************************************
		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:10000;
display:none;

}

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

#TitreEtape{
	color:#333;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	padding:2px;
}

/*
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:#00B0D9; border-bottom:solid 1px #00B0D9; 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:#00B0D9;}

#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; color:#000000;}
.MargeTooltip{
font-size:11px; }


/* Mini Carte **/
.OsBtnCarto{}

#OsCarteCatalogue, #OsCarte {    height: 1px;
    left: 20%;
    position: absolute;
    top: 250px;
    width: 0;
    z-index: 3000;

}
#OsCarteInterieur {border:solid 2px #696969; width:763px; height:495px;}


#OsCarteEntete{background-color:#696969; width:763px;}
#OsCarteTitre{float:left; width:530px; 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;}





/* Ligne Ico **/
.LigneIco{
	line-height:20px; /*background-color:#fff;*/
	/*padding:0px 8px 0px 8px;*/
/*background-color:#FFF;*/



}
.LigneIco table{/*background:url("../images/fond-repeat-intro-horiz.gif") repeat-x scroll left bottom #fff;*/
}
.LigneIco table td{padding-bottom:3px;
}


/* Fond Gris Etape 3, 12, 13...**/
.ColorGris{
/*	background-color:#e6e5e5;*/
	line-height:20px;
margin-left:6px;
margin-right:7px;
	padding-left: 0px;
	padding-right: 5px;
	margin-bottom: 5px;
}
.BlocDetailSupplement{
	float:right;
	width:150px;

	text-align: right;
}


/* Separation apres onglet - Etape3, 12, 13...**/
.SeparationOngletBas{
	background-position:15px top;
	height:0px;
	width:100%;
	clear: both;
}


.VignetteEtape3{
	/*background-color:#000000;*/
	padding-bottom:16px;
	/*padding-left:15px;
	padding-top:5px;*/
	width:420px;
	background-repeat: no-repeat;
	background-position:15px bottom;
	float: left;
	overflow:hidden;
}

.VignetteEtape3 img#PhotoBig{ width:440px;}

.VignetteEtape3 a#LienPhotoBig{/*margin-left:15px;*/ height:280px; overflow:hidden; display:block;}




/* Slide img
*****************************/

/* Slide img
*****************************/
.VignetteEtapeBillet{
	/*background-color:#000000;*/
	padding-bottom:16px;
	/*padding-left:15px;*/
	padding-top:5px;
	width:315px;
	background-repeat: no-repeat;
	background-position:left bottom;
	float: left;
	overflow:hidden;
}

.VignetteEtapeBillet img{ width:300px;}

#BlocSlider{ width:315px; overflow:hidden;	padding-left:15px; padding-bottom:8px; float:left;}

#slider{ width:300px;
 overflow:hidden;
}

/* Easy Slider */
 #slider ul, #slider li{
 margin:0;
 padding:0;
 list-style:none;
 }
#slider li{
	/*
 define width and height of container element and list item (slide)
 list items must be the same size as the slider area
 */
 width:300px;
	overflow:hidden;
	float:left;
	margin: 0;
	padding: 0;
 }
 
 span#prevBtn a, span#nextBtn a{ color:#6d6d6d; text-decoration:none; font-size:10px; padding:0px 15px; }
 
 span#prevBtn,  span#nextBtn{/*width:50%;*/ float:left; display:block;}

 span#prevBtn a{ display:block; background:url(../images/fl_precedent.gif) left center no-repeat;padding-right:17px; margin-right:140px; margin-left:0px; text-align:left;}
 

 span#nextBtn a{display:block;background:url(../images/fl_suivant.gif) right center no-repeat; padding-left:18px; margin-right:0px; } 


span#prevBtn a.SliderLienInactif, span#nextBtn a.SliderLienInactif{color:#6d6d6d;opacity: 0.5;  filter:alpha(opacity=50); cursor:default;} 


span#prevBtn a.SliderLienInactif{background:url(../images/fl_precedent_inactif.gif) left center no-repeat;} 
span#nextBtn a.SliderLienInactif{background:url(../images/fl_suivant_inactif.gif) right center no-repeat;} 




/* Recherche Avancee
**********************/
#BTRechercheAvance{/*background:url(../images/fond-recherche-avance.gif) repeat-x left top;*/ height:20px; background-color:#2D8797;
	 text-align:left;}
#BTRechercheAvance a, #BTRechercheAvance a:link, #BTRechercheAvance a:active, #BTRechercheAvance 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:#fff;}
#BTRechercheAvance a:hover{
	color:#8FD2DE;
}


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

#BlocRechercheAvance{ display:none; /*border:solid 1px #b9b9b9; background-color:#f5f5f5;*/}




/* Mini Panier
**********************/
#BTMiniPanier{/*background:url(../images/fond-recherche-avance.gif) repeat-x left top;*/
	height:12px;
	background-color:#c5baa7;
	text-align:left;
	width : 223px;
	float:right;
	margin-top:10px;
/*border-top: solid 1px #999999; */
}
#BTMiniPanier a, #BTMiniPanier a:link, #BTMiniPanier a:active, #BTMiniPanier a:visited{ display:block; padding-left:23px; background:url(../images/puce-mini-panier.gif) no-repeat left top; line-height:10px; font-size:10px; height:12px; color:#ffffff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#BTMiniPanier a:hover{
	color:#fff;
}


#BTMiniPanier a.OpenRechercheAvance, #BTMiniPanier a.OpenRechercheAvance:link, #BTMiniPanier a.OpenRechercheAvance:active, #BTMiniPanier a.OpenRechercheAvance:visited{background-image:url(../images/puce-mini-panier-open.gif); color:#ffffff; background-color:#c5baa7;}
#BTMiniPanier a.OpenRechercheAvance:hover{ color:#fff;}

#BlocMiniPanierAvance{ right:0px; display:none; /*border:solid 1px #b9b9b9; background-color:#f5f5f5;*/ width:470px;background:url("../images/fond-transparent-panier.png") repeat scroll left top transparent;top:70px; }




.TitreMenu{
	color:#9F300B;
	font-size:18px;
	font-weight:bold;
	background-color: #efefef;
	padding: 5px 0px;
}



/* Plan du site
***********************************/
#PlanSite { text-align:left; margin:20px 0 20px 20px;}

#PlanSite h1{font-size:20px;
	font-weight:bold;
	color:#333333;
	text-align:right;
	height:30px;
	line-height:30px;
	padding-right:20px;
	padding-left:20px;
	top:64px; /*width:450px;*/
	border:none;
	border-bottom: solid 1px #999;}
#PlanSite h2{color:#ACB914; font-size:12px; font-weight:bold; text-align:left; border-bottom:dashed 1px #CCCCCC}
#PlanSite h3{ margin:10px 0 5px 10px; color:#655332; font-size:11px; font-weight:bold;}

#PlanSite ul{margin:0px 0 10px 30px; font-size:11px;}
#PlanSite ul li{ margin-bottom:3px; font-weight:bold;}
#PlanSite ul li span{ display:none; }
#PlanSite ul li ul{ margin-top:0px; }
#PlanSite ul li ul li{ margin-top:0px; font-weight:normal;}
#PlanSite ul li ul li span{display:inline;}

#PlanSite a, #PlanSite a:link, #PlanSite a:active, #PlanSite a:visited{ display:block; text-decoration:none;}
#PlanSite a:hover{
	color:#AA0000;
	background-color:#ced0ac;
}

#PlanSite ul li a:hover{
	color:#000;
}
#PlanSite ul li ul li a:hover{ color:#000; }


.None{ display:none;}
.Block{ display:block;}


.PointilleBas{/*background:url(../images/fond-repeat-intro-horiz.gif) left center repeat-x; height:11px; overflow:hidden; */}
.PointilleBas.Blanc{ /*background-color:#FFF;*/}
.PointilleBas.Bas{ /*background-position:left bottom;*/}
.Bas{ /*background-position:left bottom;*/}

.PointilleBasE3{/*background:url(../images/fond-repeat-intro-horiz.gif) left center repeat-x; height:11px; overflow:hidden; width:320px; float:left;*/ }
.PointilleBasE3.Blanc{ /*background-color:#FFF;*/}
.PointilleBasE3.Bas{ /*background-position:left bottom;*/}