/* CSS Document */



body {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px;
margin : 0;
padding : 0;
background-color:#ff9900;
height : 1100px;
}
#contenant {
margin : 0 auto;
padding : 0;
top : 50px;
width : 900px;
height : 1130px;
position : relative;
background-color : #ffffff;
}

#centre {
position : absolute;
top : 145px;
left : 148px;
width : 740px;
height : 860px;
padding-left:10px;
background-color:#ffffff;
text-indent : 12px;
border-left:1px dashed;
border-left-color:#CC9933;
}

#index_ville {
background:url(http://www.hotels-de-france.net/image/fond-ville.jpg) no-repeat top left;
position : absolute;
top : 905px;
left : 160px;
width : 400px;
height : 100px;
padding-left:10px;
}

.ville1 {
position : absolute;
top : 25px;
left : 0px;
width : 120px;
height : 70px;
padding-left:10px;
}

.ville2 {
position : absolute;
top : 25px;
left : 130px;
width : 120px;
height : 70px;
padding-left:10px;
}

.ville3 {
position : absolute;
top : 25px;
left : 260px;
width : 120px;
height : 70px;
padding-left:10px;
}

#imgaccueil {
position : absolute;
top : 390px;
left : 280px;
width : 500px;
height : 510px;
}

#index_tour {
background:url(http://www.hotels-de-france.net/image/fond-tour.jpg) no-repeat top left;
position : absolute;
top : 905px;
left : 580px;
width : 280px;
height : 100px;
padding-left:10px;
}

#centreinterne {
position : absolute;
top : 150px;
left : 150px;
width : 740px;
height : 915px;
margin : 0;
background-color:#ffffff;
text-indent : 12px;
border-left:1px dashed;
border-left-color:#CC9933;
}

#hotel {
background:url(http://www.hotels-de-france.net/image/titre-hotel.jpg) no-repeat top left;
position : absolute;
top : 240px;
left : 0px;
width : 545px;
height : 645px;
margin : 0;
}

#desc-hotel {
position : absolute;
top : 0px;
left : 0px;
width : 740px;
height : 160px;
margin : 10px;
}

#details-hotel {
position : absolute;
top : 165px;
left : 0px;
width : 550px;
height : 705px;
margin : 10px;
}

#ad {
position : absolute;
top : 320px;
left : 160px;
width : 535px;
height : 60px;
background-color:#FFFFFF;
}

#adaccueil {
position : absolute;
top : 320px;
left : 250px;
width : 535px;
height : 60px;
background-color:#FFFFFF;
}

#hotel b{
color:#D15600;
}

#partenaire {
position : absolute;
top : 165px;
left : 555px;
width : 180px;
height : 90px;
margin : 0;
padding-left:2px;
border:1px dashed;
border-color:#CC9933;
}

#departement {
background:url(../image/image11.jpg) no-repeat top left;
position : absolute;
top : 265px;
left : 555px;
width : 180px;
height : 120px;
margin : 0;
padding-left:2px;
}

#departementscroll {
background:url(../image/image11.jpg) no-repeat top left;
position : absolute;
top : 265px;
left : 555px;
width : 180px;
height : 120px;
margin : 0;
padding-left:2px;
overflow:auto;
}

#touteville {
background:url(../image/image-ville.jpg) no-repeat top left;
position : absolute;
top : 395px;
left : 555px;
width : 180px;
height : 280px;
margin : 0;
padding-left:5px;
overflow:auto;
}

#visite {
background:url(../image/image-visite.jpg) no-repeat top left;
position : absolute;
top : 685px;
left : 555px;
width : 180px;
height : 200px;
margin : 0;
padding-left:2px;
}

#filariane {
font-size:9px;
position : absolute;
top : 135px;
left : 7px;
width : 890px;
height : 15px;
color:#D15600;
border-top:1px dashed;
border-top-color:#CC9933;
}

#filariane a {
color:#D15600;
font-size:9px;
}

#sommaire {
background:url(http://www.hotels-de-france.net/image/sommaire.jpg) no-repeat top left;
height : 510px;
width : 132px;
position : absolute;
top : 370px;
left : 7px;
margin : 0;
}

#hotelier {
height : 100px;
width : 135px;
position : absolute;
top : 150px;
left : 7px;
}

#bas-gauche {
height : 100px;
width : 130px;
position : absolute;
top : 890px;
left : 15px;
}

#bas-gauche a{
color:#D15600;
}

#pro {
height : 100px;
width : 135px;
position : absolute;
top : 263px;
left : 7px;
}


#banniere {
position : absolute;
left : 7px;
top : 10px;
width : 885px;
height : 120px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
}

#lienhautdroit {
position : absolute;
top : 30px;
left:650px;
width : 300px;
height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
z-index:1;
}

#flash {
position : absolute;
left : 180px;
width : 720px;
height : 120px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

#lienhautdroit {
position : absolute;
top : 0px;
left:400px;
width : 300px;
height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
}

#logo {
position : absolute;
left : 3px;
width : 160px;
height : 120px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

#recherche {
position : absolute;
top : 95px;
width : 885px;
height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
background-color:#000000;
}

#footer {
position : absolute;
top : 1075px;
width : 885px;
height : 50px;
left : 7px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px;
background-color: #ffffff;
font-size : 10px;
text-align:center;
border-top:1px solid;
border-top-color:#d15600;
}

#footer a{
font-size : 10px;
}


.image {
	float:left;
	width: 70px;
	height:60px;
	margin:5px;
}

.image1 {
	float:left;
	width: 140px;
	height: 140px;
	margin:2px;
}

.imagehotel{
	float:left;
	width: 40px;
	height: 40px;
	margin:2px;
}


ul#menu li ul {
display : none;
}
ul#menu li:hover > ul {
display : block;
}
ul#menu {
float : left;
}
ul#menu, ul#menu ul {
list-style : none;
margin : 0;
padding : 0;
width : 132px;
color : #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px;
text-align:center;
}
.step1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
border : 1px solid;
border-top-color : #C79810;
border-left-color : #C79810;
border-right-color : #C79810;
border-bottom-color : #C79810;
background-color : #ffffff;
height : 15px;
font-weight:normal;
color : #CC0000;
}
.step2 {
width : 140px;
}
.step3 {
width : 140px;
}
ul#menu ul {
position : absolute;
top : -1px;
left : 170px;
}
ul#menu li {
position : relative;
margin : 5px;
padding : 0;
display : block;
}
ul#menu a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
display : block;
width : 100%;
color : #CC0000;
text-decoration : none;
font-size : 12px;
}
ul#menu a:hover {
background : #FFFF88;
color : #cc0000;
}



h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 13px;
color : #CC0000;
background-color : transparent;
text-align:center;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px;
color : #D15600;
background-color : transparent;
text-align : left;
margin-left : 10px;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px;
color : #cc6600;
background-color : transparent;
text-align : left;
margin-left : 50px;
}

#validation {
position : absolute;
left : 10px;
top : 880px;
width : 190px;
height : auto;
border-color : #ffffff;
}


a:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color:#cc0000;
background-color : transparent;
text-decoration : none;
}
a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color:#cc0000;
background-color : transparent;
text-decoration : none;
}
a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #cc0000;
background-color : transparent;
text-decoration : underline;
}