img, { behavior: url('http://www.hotelsarthe.com/iepngfix.htc'); }


body{
	background : url("../../images/fond.png");
	margin : 0 ;
	text-align : left;
	font: 0.8em helvetica, "Trebuchet MS",sans-serif ;
}

#global{
	position : relative;
	top : 50px;
	margin-left: auto;
	margin-right: auto;
	width : 996px;
	text-align : left;
}

#header{
	width : 996px;
	height : 250px;
	background-color : #FFFFFF;
}

#title{
	width : 205px;
	height : 38px;
	background: url("../../images/titre.png") no-repeat;
}

#title h1{
	color : #FFFFFF;
	opacity : 0;
	/* for IE */
  filter:alpha(opacity=0);
	height : 38px;
}


#menu{
	width : 170px;
	height: 184px;
	background : url("../../images/fond-menu.png");
	opacity : 0.8;
	/* for IE */
  filter:alpha(opacity=80);
	position : absolute;
	top : 0px;
	left : 0px;
	z-index : 12;
}

#menu table{
	margin-left : 5px;
	border :0px;
	color : #000000;
}

#menu td{
	font-variant : small-caps;
	line-height : 25px;
	font-size : 12px;
	color : #000000;
}

#menu a{
	text-decoration : none;
	color : #7A7067;
}

#menu td a:hover{
	color: #000000;
	font-weight : bold;
	white-space : nowrap;
}
	

#bandeau{
	position : relative;
	float : left;
	width : 996px;
	height: 212px;
	/*background : url("../../images/restaurant1.png");*/
	opacity : 1.0;
	/* for IE */
  filter:alpha(opacity=100);
  z-index:1;
}

img.bandeau{
	opacity : 1;
	filter:alpha(opacity=100);
	width : 996px;
	height : 212px;
	position : absolute;
	left : 0px;
	top : 0px;
}

#bandeau p{
	color : #FFFFFF;
}


#center{
	height : 450px;
	float : left;
	background-color: #452F19;
	position : relative;
}

html>body #center{
	height : auto;
	min-height : 450px;
}

#nav{
	height : 450px;
	height : 100%;
	width : 237px;
	background-color: #452F19;
	float : left;
	position : relative;
	padding : 0;
}

/* astuce pour IE6 (qui ne comprend pas min-height), on definit plus haut une hauteur fixe pour le bloc nav puis on le redefinit de la sorte pour le autres navigateurs */
html>body #nav{
	height : auto;
	min-height : 450px;
}

#top{
	margin-left : 30px;
	background-color: #452F19;
	width : 207px;
}

#top a{
	color : #FFFFFF;
	text-decoration : none;
}

#top table{
	margin-top : 20px;
	border : 0px;
	border-collapse : collapse;
	width : 207px;
	color : #FFFFFF;
	font-weight:bold;
}

#top td{
	padding : 5px;
	font-size : 12px;
}

#top table.resto tr:hover td{
	background-color : #D3D600;
}

#top table.resto tr:hover td.first{
	background: url("../../images/picto-restaurant-hover.png") no-repeat #452F19;
	background-position : 0px 5px ;
}

#top table.bistrot tr:hover td{
	background-color : #338FA6;
}

#top table.bistrot tr:hover td.first{
	background: url("../../images/picto-bistrot-hover.png") no-repeat #452F19;
	background-position : 0px 5px ;
}

#top table.hotel tr:hover td{
	background-color : #BB0663;
}

#top table.hotel tr:hover td.first{
	background: url("../../images/picto-hotel-hover.png") no-repeat #452F19;
	background-position : 0px 5px ;
}

#top table.resa tr:hover td{
	background-color : #008000;
}

#top table.resa tr:hover td.first{
	background: url("../../images/picto-resa-hover.png") no-repeat #452F19;
	background-position : 0px 5px ;
}

#top td.first{
	width : 24px;
	height : 16px;
	background-color : #452F19;
}

#top tr{
	background-color : #452F19;
}

#top tr.pair{
	background-color : #9A8D84;
}


#bottom{
	position : absolute;
	bottom : 0px;
	margin-left : 30px;
	background-color: #452F19;
}

#bottom table{
	width : 207px;
}

#bottom td.text{
	color : #FFFFFF;
	font-size : 11px;
	text-align : center;
}


#text{
	height : 450px;
	width: 679px;
	background-color : #FFFFFF;
	/*background-image:url("../../images/fond-texte.png");
	background-repeat:no-repeat;
	background-position : right bottom;*/
	float : left;
	padding-left : 30px;
	padding-right : 50px;
	text-align : left;
	font-size : 14px;
}
#text img.bg{
	position : absolute;
	bottom:0px;
	right:0px;
}

#text a, #text a:visited {
	color:#452F19;
	text-decoration:none;
}
#text a:hover {
	color:#452F19;
	text-decoration:underline;
}

html>body #text{
	height : auto;
	min-height : 450px;
}

#text p.first-hotel{
	 text-indent: 30px;
	 background-image : url("../../images/lettrine-hotel.png");
	 background-position : top left;
	 background-repeat:no-repeat;
}

#text p.first-restaurant{
	 text-indent: 30px;
	 background-image : url("../../images/lettrine-restaurant.png");
	 background-position : top left;
	 background-repeat:no-repeat;
}

#text p.first-bistrot{
	 text-indent: 30px;
	 background-image : url("../../images/lettrine-bistrot.png");
	 background-position : top left;
	 background-repeat:no-repeat;
}

#text p.first-resa{
	 text-indent: 30px;
	 background-image : url("../../images/lettrine-bistrot.png");
	 background-position : top left;
	 background-repeat:no-repeat;
}

#text h4{
	font-weight : bold;
	color : #452F19;
}


#footer{
	width : 996px;
	height : 21px;
	background-color : #452F19;
	text-align : center;
	float : left;
	position : relative;
	margin-left:auto;
	margin-right:auto;
}

#footer span{
	font-variant : small-caps;
	font-weight : bold;
	font-size : 12px;
	position : absolute;
	bottom:3px;
}

#footer a{
	text-decoration : none;
	color : #9A8D84;
}

#link {
	position : absolute;
	right : 5px;
	bottom : 2px;
	margin : auto;
}

#link a{
	text-decoration : none;
	font-variant : small-caps;
	font-weight : bold;
	font-size : 12px;	
	color: #9A8D84;
}

a img{
	border : 0px;
}

 iframe{
	background : none #FFFFFF;
}

.tableForm{
	font-size:12px;
	font-weight:600;
}

.tableForm td{
	border-top:1px solid #eaeaea;
}

.tableForm select, input, textarea{
	font-size:12px;
	color:#101010;
	border:1px solid #aeaeae;
}

.tableForm .submit{
	font-size:12px;
	background:#452F19;
	color:#ffffff;
}

.tableForm select:focus, input:focus, input:hover{
	background:#eaeaea;
	border:1px solid #858585;
}