@import url("style_maquette.css");
@import url("imenus0.css");

@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");

#Langues{display:block;}

/*  Entetes des blocs Menus*/
.EnteteAutre,.BlocMenuAutre {display:none;}
.EnteteActivites ,.BlocMenuActivites  {}
.EnteteHebergements ,.BlocMenuHebergements {}

/*  Entetes des blocs du centre*/
.EnteteCentreHebergements {}
.EnteteCentreActivitesLoisirs {}


#Langues{ display:block;}
/*   Taille des Visuels Intro  **/
#BlocIntro ul li a img{ width:144px; height:144px;}
/*   Visuel Intro  **/
#IntroHotels img{ background-image:url(../images/Visuel_hotels.jpg);}
#IntroResidences img{ background-image:url(../images/Visuel_residences.jpg);}
#IntroMeubles img{background-image:url(../images/Visuel_meubles.jpg);}
#IntroChambresdhotes img{background-image:url(../images/Visuel_ch-hotes.jpg);}
#IntroCampings img{background-image:url(../images/Visuel_camping.jpg);}
#IntroBillets img{background-image:url(../images/Visuel_siteactivite.jpg);}

#IntroActivites-Sports img{background-image:url(../images/Visuel_activitessoprt.jpg);}
#IntroLocationMateriel img{background-image:url(../images/Visuel_locationmatos.jpg);}
#IntroBoutique img{background-image:url(../images/Visuel_boutique.jpg);}
#IntroResto img{background-image:url(../images/Visuel_resto.jpg);}
#IntroBilletTransport img{background-image:url(../images/Visuel_transport.jpg);}
#IntroBillets2 img{background-image:url(../images/Visuel_jetski.jpg);}
#IntroDroite a img{ width:199px; height:72px;}
#IntroBoutique2 img{background-image:url(../images/bt-boutique.gif);}
#MargeContenuInterieur h2.TitreJetSki{
	display:block;
}
/*   Zone  Intro & de menu ouvert - fermé  **/
#IntroHotels, #TMenuHotels{}
#IntroMeubles, #TMenuMeubles{}
#IntroChambresdhotes,#TMenuChambresdhotes{}
#IntroCampings,#TMenuCampings  {}
#IntroBillets, #TMenuBillets {display:none;}
.TitreSitesActivites{ display:block;}
.TitreGeneral, #TMenuBillets .TitreGeneral, #IntroBillets h3.TitreGeneral, #MargeContenuInterieur h2.TitreGeneral,  #MargeContenuInterieur h2.TitreSitesTouristiques {display:none;}

#IntroActivites-Sports, #TMenuActivites-Sports {display:none;}
#IntroLocationMateriel, #TMenuLocationMateriel {display:none;}
#IntroBoutique,#TMenuBoutique{display:none;}
#IntroBoutique2{ display:none;}
#IntroResto, #TMenuResto{display:none; }

#IntroBilletTransport,#TMenuBilletTransport{display:none;}


/*   Catalogues  **/
#BlocCatalogues{ padding-bottom:5px;}
.CatalogueMeuble {}
.CatalogueHotel {}
.CatalogueCamping {}
.CatalogueChambresdhotes {}

#BlocCatalogues a:hover{ text-decoration:none;}
#TMenuBillets2, #IntroBillets2{
	display:block;
}
#TMenuBillets2 .TitreGeneral, #IntroBillets2 .TitreGeneral{
	display:block;
}
/* Bandeau **/
#Bandeau a img{background-image:url(../images/bandeau-open-system.jpg); width:659px; height:159px;}
#Bandeau a img.UK{background-image:url(../images/bandeau-open-system-gb.jpg); width:659px; height:159px;}




body {
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Verdana;
	font-size:11px;
	background-color:#ffffff;
	color: #333333;
	text-align: center;
	
}
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:#999999; border-bottom:solid 1px #999999; 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: #999999;
}

#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
**************************************/
#BlocMenuCote{
	width:223px;
}


.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;
}


.MenuCote li{
	line-height:24px;
	margin:0px;

}

.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.Selected{
	background-image:url(../images/fond-menu-cote-select.gif);
	background-repeat:no-repeat;
	background-position:left top;
	color:#FFF;
	font-weight:bold;
}
.MenuCote li a, .MenuCote li a:link, .MenuCote li a:active, .MenuCote li a:visited{	text-decoration:none;	color:#333333;	display:block;margin:0px 10px 0px 10px; padding:0px 0px 0px 5px;	border-top:1px solid #fff;	border-bottom:1px solid #ccc;}
.MenuCote li a:hover{	text-decoration:none;color:#999999; background-color:#e5e5e5;}


.MenuCote li.Selected{ }
.MenuCote li.Selected a, .MenuCote li.Selected a:link, .MenuCote li.Selected a:active, .MenuCote li.Selected a:visited{	color:#999999;background:url(../images/puce-menu-cote-select.gif) no-repeat right center;}

/*********************************************
		Message d'attente
**********************************************/

#Attente{
	top:-300px;
	left:-400px;
	width:320px;
	height:220px;
	text-align:center;
	position:absolute;
	z-index:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:5px;
	background-color:#676767;
}

#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;
}

/*
Utilisation Globales
***************************************/
.Clear{ clear:both; padding:0px; margin:0px; height:0px; overflow:hidden;}


/*
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:#999999; border-bottom:solid 1px #999999; 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:#999999;}

#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;}
