/***
 *
 * Styles généraux du site
 * Positionnement des grands zones conteneurs
 *
***/

html,body{
	font-size : 10pt;
	background : rgb(0,0,0);
	overflow : hidden;
	font-family : "Trebuchet MS", Arial, Tahoma, Verdana, "sans serif";
	color : #fff;
	text-align : justify;
	margin : 0;
	padding : 0;
}

#fond_page{
	background :  url(../images/fond_page.gif) no-repeat;
	width : 1800px;
	height : 1000px;
	position : absolute;
	top : 50%;
	left : 50%;
	margin-top : -500px;
	margin-left : -900px;
	z-index : 1;
}

#conteneur{
	position : absolute;
	z-index : 2;
	border : 2px solid rgb(246,241,238);
	background : url(../images/fond_cadre.jpg) no-repeat center center;
	width : 999px;
	height : 601px;
	left : 50%;
	margin-left : -499px;
}

#retrecisseur{
	width : 958px;
	margin : 0 auto;
}

#header{
	position : relative;
	margin-bottom : 0;
	height : 206px;
	background : url(../images/ban_accueil.jpg) top left no-repeat;
}

#menu{
	background : url(../images/bg_menu.png) repeat-x;
	height : 47px;
	position : relative;
	z-index : 20;
	margin-top : 0;
}

#contenu{
	margin-top : 0px;
}

#footer{
	position : absolute;
	bottom : 0;
	width : 100%;
	background : rgb(0,0,0);
	color : #fff;
	padding : 6px 0;
}

/* Popup spéciale pour affichage des horaires */
#horaires{
  position : absolute;
  z-index : 50;
  color : #fff;
  display : none;
  width : 362px;
}
#horaires p.hautPopup{
  background : url(../images/popH.gif) no-repeat bottom;
  height : 12px;
  margin : 0;
  padding : 0;
}
#horaires p.basPopup{
  background : url(../images/popB.gif) no-repeat top;
  height : 13px;
  margin : 0;
  padding : 0;
}
#horaires p.txt{
  background : #670907;
  padding : 10px;
  margin : 0 1px;
}

ul.list_evenement{
  margin : 0px;
  list-style : none;
  padding : 0px;
  margin-left : 5px;
}

ul.list_evenement li{
  text-indent : 0px;
  padding : 5px 0px;
}