/* CSS Document */
html { margin: 0; padding: 0;}
body {
	margin: 0; padding: 0;
	color: #009966; background-color: #00BBDD; background-image:url(bleucla_398.jpg);
	text-align: center;
}
h1, h2 { color:#000066}
a { color:#0099CC}
a:visited{ color:#008844}
a:hover { color: #FFFF00; background-color: #FF0000; }
ul {list-style-image:url(arrow.gif); }
li, td { font-family : Arial, helvetica, sans-serif; font-size : 14px; color:#0055BB; }
th { font-family : Arial, helvetica, sans-serif; font-size : 14px; color:#000088 }
.p5 { font-size:14px;  }
#container { 
position:relative;
	margin-right: auto; margin-left:auto; width:950px; z-index:1;
	background-image: url(branche-hotel.jpg); background-repeat: no-repeat;
	text-align:center;
}
#head{position:relative; height:450px;}
#header { position:relative;}
#header h1 {
	text-align:center;
	background : url(flash-hotel.gif) no-repeat top;
	height: 45px;
} 
#header h1 span {display:none}
#head #header h2 {
	position:absolute;
	left: 0px;
	top: 63px;
	width: 333px;
	color:#ffffee;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	height: 28px;
}
#logo {
	position:absolute;
	left:10px;
	width:332px;
	top: 8px;
	height: 59px;
}
#headertxt{
	position:absolute;
	color:#FFFFDD;
	width:346px;
	padding:10px;
	left: 574px;
	top: 131px;
	height: 35px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
#headertxt span{ font-size: 14px; text-align: justify;}
#headertxt a {color:#FFFFCC;}
#headertxt a:visited { color:#FFFF88}

#service { position:absolute; margin-top:545px; margin-right: auto; margin-left:410px;}
#menu {
	position:absolute;
	top:143px;
	left:23px;
	width:226px;
	padding:5px;
	border-width: 2px;
	border-style:solid;  /*background-color:#006699;*/
	text-align:center;
	color:#FFFF33;
}
#menu ul li { list-style-image:url(bull.gif); text-align:left;}
#menu a {color:#FFEE88}
#menu a:hover, #menu2 a:hover {color:#FFFF00;}

#menu2 {
	position:absolute;
	left: 811px;
	top: 508px; z-index:4;
}
#menu3 {
	position:absolute;
	left: 658px;
	top: 178px;
	width: 198px;
	height: 101px;
}

#extra01 {
	 left: 306px; top: 431px; height: 34px; z-index:2;
	font-size: 24px; font-weight: bold; color:#000066; 
}
#extra02 { left: 573px; top: 228px; z-index:3; color:#FFFFBB; /*background-color:#0066AA; /*background-color:#663333;*/ }
#extra01 , #extra02, #extra03 { position:absolute; width:368px; }

#extra03 {
	color:#FFFFBB;
	z-index:3;
	left: 570px;
	top: 12px;
	border: 2px solid #FFFF00;
}
#extra03 p span {font-size: 14}
#extra03 a {font-size:16px; color:#FFFF99; font-weight:bold; margin:3px; padding: 0px 3px 1px 3px; background-color:#990033}
#extra03 a:hover { color: #FFFF00; background-color: #FF0000; }

#ban {position:relative; background-color:#000055; border: solid 1px; text-align:center; width:650px;
	text-align:center; margin-left: auto ; margin-right: auto ; 
	font-family : Arial, helvetica, sans-serif; font-size : 16px; color:#FFFF66; font-weight : bold; }
	
#dispo {position:relative;}
#dispoliste {position:relative;}
#dispoliste a { color:#000066}
#dispoliste a:visited{ color:#8800CC}
#dispoliste a:hover { color: #FFFF00; background-color: #FF0000; }

#pub {position:relative; width:650px; border:solid thin; padding:5px; margin-left:auto; margin-right:auto; }
/* #pub a {color:#ffffff}*/
#pub a:visited {color:#88ccff;}
#pub p span, #baseline p span { color:#FFFF99;}
#baseline, #pub1 ,#pub2  {
	position:relative;
	padding:5px;
	margin:5px;
	background-color:#006699;
	color: #FFFF66;
}

#stat {position:relative; width:250px; margin-left:auto; margin-right:auto; text-align:center; }
#navig {position:relative; margin-left:auto; margin-right:auto; padding:10px; text-align:center;}
#navig li {display:inline; background-image:url(bullet1.gif); background-repeat:no-repeat; list-style-image:url(bull.gif); padding-left:20px;}
#navig ul { list-style-type:none; }
#mddif {position:relative; text-align:center; margin:10px;}

/*/ 
#extra02 { -moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
}
*/