/*  Layout
----------------------------------------------- */

.body {
background-color:#efefef;
text-align:center;
}

#container
{
 position:relative;
 width:980px;
 margin:0 auto;
 padding-bottom:1px;
 border:0px solid #FFFFFF;
 text-align:left;
 background-color:white;
}

div#emotion {
 width:978px;
 border:1px white solid;
}



div#bandeautop
{
 position:relative;
 width:978px;
 height:120px;
 background: #FFF;
 overflow:hidden;
}



div#bandeautop strong#bandeautop_titel
{
 position: absolute;
 display:block;
 top: 79%; left: 1%; 
 font:bold 21px/140% "Trebuchet MS", Verdana, sans-serif;
 color: #616161;
 margin:0;
 padding:0;
}

.bandeautopbg { background-color:#eeeeee;}


#navigation
{
	float:left;
	width:180px;
	padding:15px 10px 0px 5px;

}
#sidebar
{
 padding-top:15px;
 float:right;
 width:190px;
}

#content
{
 float:left;
 padding:15px 0px 0px 0px;
 width:590px;

}

#footer
{
	clear:both;
	margin-top:10px;
	background: #999999 url() repeat-x top;
	height:45px;
}

/* gutter */
div#content .gutter { padding:0 15px 0 15px; }
div#sub_navi .gutter { padding:0 5px 0 5px; }
div#sidebar .gutter { padding:0 3px 0 3px; }
div#footer .gutter{ padding:30px 30px 0 40px; }

/*  Navigation verticale
----------------------------------------------- */

ul#mainNav1,
ul#mainNav2,
ul#mainNav3
{
	margin:0;
	padding: 0;
}


ul#mainNav1 li,
ul#mainNav2 li,
ul#mainNav3 li
{
	display: inline;
	margin: 0;	
	padding: 0;
}




ul#mainNav1 li a,
ul#mainNav2 li a,
ul#mainNav3 li a
{

	text-decoration: none;
	display: block;
	color:#222;
	border-bottom:2px solid #ffffff;
}


ul#mainNav1 li a { padding:5px 0px 5px 4px; background:#f6f6ef;font-weight:bold;}
ul#mainNav2 li a { padding:0px 0px 0px 4px;color:#777; background:#ffffff;font-weight:normal;}
ul#mainNav3 li a { padding:0px 0px 0px 12px;color:#777; background:#ffffff;font-weight:normal;}

ul#mainNav1 a:hover
{
	background:#E5E5DA;
	color:black;
}

ul#mainNav1 a.current { color:#c00;}                        

/*  Navigation horizontale
----------------------------------------------- */
div#nav_top
{

	padding:0px 0px;
	background-color:#282828;
	background-image:url(http://www.hotel-autoroute.fr/img/nav_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0 1px;
}                        
ul#mainNav0
{
text-align: left;
padding:0;
margin:0;
padding-top:0px;
list-style-type: none
}                        

ul#mainNav0 li,
{
	display:inline;
	margin:0;	
	padding:0;
	text-decoration:none;
}                        
ul#mainNav0 { overflow:hidden; } /* Firefox and all */


* html ul#mainNav0 { height:1%; overflow:visible; } /* IE */


ul#mainNav0 li a,
ul#mainNav0 li a:visited
{
	text-decoration:none;
	display:block;
	float:left;
	color:white;
	border-right:1px #555 solid;
	font-size:11px;
	white-space:nowrap;
}

ul#mainNav0 li a, ul#mainNav0 li a:visited { padding:5px 15px 5px 15px; }

ul#mainNav0 li a:hover
{
 color:#ffffff;
}

div#nav_top .gutter ul#mainNav0 li a.current
{
 font-weight:bold;
 color:#ffffff;
}                        

/*  Insertions
----------------------------------------------- */
.datahotel
{
background:#ffffff;
float: left;
width: 100%;
height: 114px;
display: block;
}
.datahotelfoto
{
float: left;
width: 120px;
height: 90px;
margin: 3px;
}
.datahoteltitre
{
float: right;
background:#ffffff;
width: 445px;
height: 14px;
margin: 3px 3px 0 0;
font-weight: bold;
}
.datahoteldescr
{
float: right;
background:#ffffff;
width: 445px;
height: 61px;
margin: 0 3px 0 3px;
font-weight: normal;
}
.datahoteladrs
{
float: right;
background:#ffffff;
width: 445px;
height: 14px;
margin: 0 3px 0 0;
font-weight: bold;
}
.datahotelkm
{
float: left;
background:#e8e8e8;
width: 120px;
height: 14px;
margin: 0 3px 0 3px;
Text-align: center;
font-weight: bold;
}
.datahotelprix
{
float: right;
background:#e8e8e8;
width: 110px;
height: 14px;
margin: 0 3px 0 0;
Text-align: center;
font-weight: bold;
}
.datahoteltype
{
float: right;
background:#e8e8e8;
width: 300px;
height: 14px;
margin: 0 3px 0 0;
Text-align: center;
font-weight: bold;
}
.datahoteliti
{
float: right;
background:#e8e8e8;
width: 35px;
height: 14px;
margin: 0 3px 0 0;
Text-align: center;
font-weight: bold;
}