 * {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
	font-family: Arial, Times New Roman, Times, serif;
}

h3 {
    text-align: center;
}

body {
    text-align: center;
	background-color: #A24E4E;
} 

#top-left{
	background:url(skin4/banniere-top-left.png) no-repeat scroll 0 0 #A24E4E;
	height:263px;
	position:absolute;
	left:0;
	width:406px;
	z-index:-10;
}

#banniere-margin {
	height: 30px;
	background: url(skin4/banniere-bg.png) repeat; 
}


#top-right{
	background:url(skin4/banniere-top-right.png) no-repeat scroll 0 0 transparent;
	height:263px;
	position:absolute;
	right:0;
	width:554px;
	z-index:-10;
}

#footer{
	background: #A24E4E url(skin4/corner-right-bottom.png) no-repeat;
	height:87px;
	margin-top:-55px;
	position:absolute;
	right:0;
	width:88px;
	z-index:-10;
}



#base {
	z-index:9500;
    margin: auto;
    width: 980px;
    text-align: left;
}


ul li {
    list-style-type: circle;
}

a {
    color: #A59666;
    text-align: center;
}

a:hover {
    text-decoration: underline;
} 

#flags {
    position: absolute;
    height: 25px;
    width: 120px;
    margin: -40px 0 0 20px;
} 

#flags img {
    height: 18px;
    width: 26px;
} 

#ui-datepicker-div {
    width: 14em;
    font-size: 15px;
} 

#photo_hrb {
    width: 325px;
    height: 229px;
} 

#situation, #photo_a_ne_pas_m {
    width: 325px;
    float: right;
    text-align: justify;
} 

#how_se_rendre{
    margin: 20px 0;
    width: 700px;
    text-align: center;
} 

#photo_a_ne_pas_m {
    width: 325px;
    height: 229px;
    float: right;
} 

#a_voir{
	margin-left:380px;
}

#a_ne_pas_manquer {
    width: 325px;
    height: 229px;
    margin: 0 20px;
} 

#titre_a_voir {
    color: #A59666;
    font-size: 20px;
	padding:20px;
	text-align:center;
} 


#content {
    margin: 10px 0 0 40px;
    position: relative;
    width: 700px;
} 

#page_top {
    background: url(skin4/top.png) no-repeat;
    height: 21px;
    padding-top: 10px;
} 

#page {
    background: url(skin4/back.png) repeat-y;
}

#page_bottom {
    background: url(skin4/bottom.png) no-repeat center top;
    height: 51px;
    text-align: center;
	padding-top:25px;
} 


#banniere {
    height: 120px;
    background: url(skin4/logo.png) no-repeat center top;
    margin: 20px 0;
    width: 980px;
    margin: auto;
    position: relative;
} 

#map {
    width: 425px;
    height: 350px;
    margin-left: 230px;
} 

#map_proxy {
    width: 710px;
    margin-top: 40px;
} 

#map_proxy table tr td {
    width: 350px;
    vertical-align: top;
} 

#menu_all {
    position: absolute;
    margin-top: 110px;
    float: right;
    width: 980px;
} 

#menu_left, #menu, #menu_right {
    float: right;
} 

#menu_left {
    width: 18px;
    height: 23px;
    background: url(skin4/menu_left.png) no-repeat;
} 

#menu_right {
    width: 18px;
    height: 23px;
    background: url(skin4/menu_right.png) no-repeat;
    margin-right: 25px;
} 

#menu {
    height: 23px;
    background: url(skin4/menu_back.png) repeat-x;
    text-align: center;
} 

#menu ul {
} 

#menu ul li {
    display: block;
    float: left;
    padding: 0 15px 1px;
  
} 

#menu ul li a {
    color: white;
} 

#menu ul li.selected a {
    color: black;
} 

#menu ul li.selected {
    background-color: white;
} 

#menu ul li a:hover {
} 

#content h3 {
    margin: 0 0 15px;
}

#clic-here h3{
   margin-bottom:0px;
}


menu ul li, h3.titre, #menu, #content h3 {
    font-size: 20px;
    color: #A59666;
    font-weight: normal;
} 

#map_proxy h3.titre{
	padding : 20px	
}

#col1 {
    width: 270px;
    margin-right: 30px;
} 

#col1 h3 {
    background: url(images/h3_1.png) no-repeat center top;
    height: 30px;
    width: 270px;
    text-align: center;
    margin-left: -5px;
} 

#col2 {
    width: 465px;
    margin-right: 20px;
} 

#col2 h3 {
    background: url(images/h3_2.png) no-repeat center top;
    height: 30px;
    width: 435px;
    text-align: center;
    margin: 10px
} 

#col2 h3.no_margin_left {
    margin-left: 0px;
} 


#col3 {
	float:right;
	height:460px;
	padding-right:25px;
	width: 200px;
} 


#stars{
	margin-left:-83px;
	margin-top:-191px;
	position:absolute;
}

#stars img{
	width: 90px;
}

#calendrier{
    background: url(skin4/calendrier.png) no-repeat center top;
	padding-top:110px;
	height: 428px;
	width: 200px;
}

#col3 form {
	padding: 10px;
	position:relative;
	width:175px;
} 

#col3 form p#search_text {
    margin-top: 9px;
    position: absolute;
    text-align: center;
    width: 160px;
    z-index: 9000;
    color: #816B39;
    font-weight: bold;
} 

#search_button {
    margin-top: 10px;
    position: absolute;
    z-index: 0;
    width: 170px;
    background: url(images/but1.jpg) no-repeat center top;
    color: #816B39;
    font-weight: bold;
} 

#search_button:hover {
    color: #861801;
} 

.ui-datepicker{
	z-index: 100;
}

.ui-widget, .ui-datepicker table {
    font-size: 0.8em;
} 

#myGallery, #tarifs, #contact {
    height: 470px;
} 

#fiche_hotel li , #map_proxy li{
    list-style-type: none;
    padding-left: 30px;
    background: url(skin4/tick.png) no-repeat;
} 

#tarifs {
    text-align: center;
} 

#tarifs img {
} 

#tarifs h3 {
    background: url(skin4/tarif_back.png) no-repeat center top;
    color: white;
    height: 30px;
    margin-bottom: 0;
    padding-top: 5px;
} 

#price {
    color: #633400;
    text-align: center;
    margin: auto;
    width: 571px;
    background: transparent url(skin4/tarif_fond.png) repeat-y;
    height: 190px;
} 

#tab_price {
    margin-left: 14px;
    width: 545px;
    font-size: 14px;
    font-family: Times New Roman, Times, serif;
    left: 99px;
    float: left;
} 

#tab_price_bottom {
    width: 571px;
    background: transparent url(skin4/tarif_bottom.png) no-repeat;
    height: 13px;
    margin: auto;
    margin-bottom: 20px;
} 

#tab_price tr {
} 

#tab_price tr.titre {
    color: black;
} 

#tab_price tr:hover {
    background-color: #861801;
    color: white;
} 

#tab_price tr td {
    text-align: center;
} 

#tab_price tr td.desc {
    text-align: left;
} 

#fiche_hotel h3, #fiche_hotel p {
    padding: 10px;
} 

#contact input, #contact textarea {
    border: 1px solid #967F53;
} 

#contact form {
    padding: 10px;
} 

#chambres {
    width: 700px;
} 

#chambres .chambre_desc {
    padding: 0 0 40px;
} 

#chambres .card {
    width: 400px;
} 

#chambres .chambre_desc li {
    list-style-type: none;
    padding-left: 30px;
    background: url(skin4/tick.png) no-repeat;
} 

#chambre_desc {
    padding: 10px 0 0 20px;
} 

#title {
    background: transparent url(skin4/title.png) no-repeat center top;
    height: 70px;
    width: 900px;
    margin: 0 0 30px;
} 

#standardiste {
    background: transparent url(skin4/standardiste.png) no-repeat center top;
    width: 440px;
    height: 214px;
    margin: 0 0 0 140px;
} 

#standardiste p {
    width: 200px;
    height: 135px;
    float: left;
    padding: 55px 0 0 50px;
} 

#card_picture {
    background: url(skin4/cards.png) no-repeat;
    height: 150px;
    width: 222px;
    float: right;
} 

#adresse_hotel {
    position: absolute;
    text-align: center;
    top: 180px;
} 

#photo3, #photo4 {
    width: 265px;
    height: 180px;
    position: absolute;
    margin-top: -200px;
} 

#photo3 {
    left: 20px;

} 

#photo4 {
    right: 20px;

    display: none;
} 

.pics2 img {  
    background-color: #eee;  
    top:  0; 
    left: 0 
}

.pics img {  
    padding: 15px;   
    background-color: #eee;  
    top:  0; 
    left: 0 
}

#sitemap ul li {
    margin-left: 40px;
}
