/* CSS Document */
@import url("style_hebergement.css");
@import url("Styles_Billet.css");
@import url("Styles_Activites.css");
@import url("Styles_Magasins.css");
@import url("Styles_billet_transport.css");
@import url("Styles_Boutique.css");
@import url("Styles_Ideesejour.css");
@import url("imenus0.css");






/***********************************************
				Maquette Général
*************************************************/
h1,h2,h3,h4,h5,ul,li,dl,dt,dd,form{
margin:0px;
padding:0px;
}
td{ font-size:11px;}
ul{
list-style:none;}
a img{ border:0px solid #000000}
a { text-decoration:none;}
Body{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#333333;
/*	background-image: url(../images/Fond-Page.gif);
	background-repeat: repeat;*/
	text-align: center; 
	font-family: "Trebuchet MS", Verdana, arial;

}

h1#Logo{ margin:0px;
padding:0px;}

#Page{
	width: 990px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
/*	margin-top: 15px;*/

}

#General{
	background-image: url(../images/Fond-contenu.gif);
	background-repeat: repeat-y;
	width: 990px;
	text-align:center;

}


#Conteneur{
	width: 980px;
/*	float: left;*/
/*	border-top: solid 1px #A5BC03;*/
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;

}
#Marge{
	margin-left: 0px;
}

#Bandeau{
	background-image: url(../images/bandeau.jpg);
	background-repeat: repeat-x;
	height: 340px;
	width: 980px;
	text-align: right;
	position:relative;
}

#MenuBandeau{
height:30px;
left:30px;
position:absolute;
top:270px;
width:910px;
}

#LignePied{
widows:949px;
height:7px;
clear:both;
}

#BlocGeneral
{
float:left;
width:980px;
background-image:url(../images/fond-general.gif);
background-position:bottom left;
background-repeat:no-repeat;
}


#BlocMenu{
width: 176px;
float: left;
/*overflow:hidden;*/
}
#BlocContenu{
width: 775px;
margin-left:15px!important;
margin-left:0px;
float: left;
text-align:left;
/*overflow:hidden;*/
}

#BlocContenu h2{
	font-size:11px;
	padding-top:10px;
/*		padding-bottom:20px;
*/	font-weight: normal;
	color:#333333;
}

/************************************
			Menu Cote Droit
***************************************/
#MenuAcc{
	width: 35px;
	float: left;
}
#MenuAcc ul{
	width:35px;
	overflow: hidden;
}
#MenuAcc ul li{
width:35px;
float:left;
margin:0px;
padding:0px;
}


/************************************
			Bloc Intro Général
***************************************/

#TexteIntro{
	width: 270px;
	background-image: url(../images/Contenu-BlocIntro.gif);
	float: left;
}

#TexteIntro div{
	margin-left: 10px;
	margin-right: 10px;
}

#ContenuIntro{
	margin-top: 15px;
	width: 670px;
	float: left;
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
}

#ContenuIntro ul{
	width: 650px;
	margin-left:auto !important;
	margin-left:0;
	margin-right:auto;
}
#ContenuIntro ul li{
	width: 161px;
	float: left;
	margin-bottom:10px;
	
}
#ContenuIntro ul li h2{
font-size:11px;
text-decoration:none;
text-align:center;

}
#ContenuIntro ul li a img, #ContenuIntro ul li a:link img, #ContenuIntro ul li a:active img, #ContenuIntro ul li a:visited img{
border:0px solid #000;

}
#ContenuIntro ul li a:hover img{

opacity: 0.5;
filter:alpha(opacity=50);
}
#ContenuIntro ul li a h2, #ContenuIntro ul li a:link h2, #ContenuIntro ul li a:active h2, #ContenuIntro ul li a:visited h2{
color:#e50c9e;
text-decoration:none;

}
#ContenuIntro ul li a:hover h2{
color:#E57100;
}

/************************************
			Menu Cote
***************************************/
#BlocMenu ul#Menu{
	background-image: url(../images/fond-menu.gif);
	background-position: left top;
	background-repeat: repeat-y;
	width: 201px;
}

#BlocMenu ul#Menu li{ width: 201px; line-height:25px; background-image: url(../images/separateur-Menu.gif); background-repeat:no-repeat; background-position:left bottom; float:left;}

#BlocMenu ul#Menu li.Entete{
	background-image: url(../images/Entete-BlocMenu.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	line-height:20px;
}
#BlocMenu ul#Menu li.Pied{
	background-image: url(../images/Pied-BlocMenu.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	line-height:20px;
}

#BlocMenu ul#Menu li a, #BlocMenu ul#Menu li a:link, #BlocMenu ul#Menu li a:active, #BlocMenu ul#Menu li a:visited{ font-weight:bold; color:#989898; text-decoration:none; display:block; text-indent:30px; font-size:11px;}
#BlocMenu ul#Menu li a:hover{ color:#d2de80;}

#BlocMenu ul#Menu li.MenuSelect a, #BlocMenu ul#Menu li.MenuSelect a:link, #BlocMenu ul#Menu li.MenuSelect a:active, #BlocMenu ul#Menu li.MenuSelect a:visited, #BlocMenu ul#Menu li.MenuSelect a:hover{ color:#e50c9e; background-image:url(../images/fleche-menuselect.gif); background-position:left center; background-repeat:no-repeat;}

/*********************************************
		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:10px;
}


/**************************************
       Text Parti Dossier Cote
***************************************/
#IntroCoteIds{
	background-image: url(../images/fond-menu.gif);
	background-position: left top;
	background-repeat: repeat-y;
	width: 201px;
}


#IntroCoteIds .Entete{
	background-image: url(../images/Entete-BlocMenu.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	line-height:20px;
}
#IntroCoteIds .Pied{
	background-image: url(../images/Pied-BlocMenu.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	line-height:20px;
}