/* CSS Document */

BODY{
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	background-color:#fff;
	background-image:url(http://www.hotel-lesremparts-sarlat.com/images/bkg_body.jpg);
	background-position:top center;
	background-repeat:repeat-x;
}

A {color: #A61131}
.right{float:right}
.left{float:left}

#master {
	background-image:url(../../images/bkg_master.jpg);
	background-position:top center;
	background-repeat:no-repeat
}

#header {
	background-image:url(http://www.hotel-lesremparts-sarlat.com/images/bkg_header.jpg);
	background-position:center;
 	background-repeat:no-repeat;
}

#flag{
	position: relative;
	margin: 0px 0 0 -270px;
	padding-top:45px;
}

#slider {
	width:921px;
	height:356px;
}

#content {
	width:921px;
	color:#757474;
}


#footer {
	background-color:#d5c8ba;
	background-image:url(../../images/bkg_footer.jpg);
	background-position:top center;
	background-repeat: repeat-x;
}

#footer .text{ padding: 15px; color:#453022; font-size:14px;}


#sidebar{ float:left; width:276px; padding-top:20px;}
#sidebar .text{ padding: 20px}

#main{ 
	float:left; 
	width:645px; 
	text-align:left; 
	color:#453022;
	font-size:14px;
}
#main .text{ padding: 20px 20px 20px 30px; font-size:14px }
#main h1{    
    color:#a61031; 
    font-size:36px; 
    font-weight:normal; 
    background-image:url(http://www.hotel-lesremparts-sarlat.com/images/bkg_h1.jpg);
    margin:0 10px 10px 0px;
    padding:0 10px 50px 0px; 
}
#main h2{ color:#a61031;font-weight:normal;}

#menu{
	width:850px;
	margin:0 0 0 0px; 
	padding:40px 0 0 0; 	
	position: relative; 
	z-index: 0;
}

#menu li { 
	float:left;
        margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;  
	list-style-type:none;
	position: relative; 
	z-index: 0;
}

#menu li a {
	display:block;	
	padding:0px;
	margin:0px;
	color:#fff;
	font-size:18px;
        padding: 10px 15px 10px 15px;
	text-align:center;
	text-decoration:none;
	position: relative; z-index 0;
}

#menu li a:hover{
	background-color:#a61031;
	color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:5px;	
	-webkit-border-bottom-left-radius:5px; 
	-webkit-border-top-left-radius:5px;
	-moz-border-radius: 15px; 
        -webkit-border-radius: 15px; 
        -khtml-border-radius: 15px;
	border-radius: 10px;
	behavior: url(http://www.hotel-lesremparts-sarlat.com/tmp/cache/border-radius.htc);
	position: relative; z-index 0;
}

.currentpage {
	display:block;	
	padding:0px;
	margin:0px;
        background-color:#a61031;
	color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topleft:5px;	
	-webkit-border-bottom-left-radius:5px; 
	-webkit-border-top-left-radius:5px;
	-moz-border-radius: 15px; 
        -webkit-border-radius: 15px; 
        -khtml-border-radius: 15px;
	border-radius: 10px;
	behavior: url(http://www.hotel-lesremparts-sarlat.com/tmp/cache/border-radius.htc);
	font-size:18px;
	padding: 10px 15px 10px 15px;
	text-align:center;
	text-decoration:none;
	position: relative; z-index 0;
}

.currentpage h3{
	display:block;	
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	font-size:18px;
        font-weight:normal;
	padding: 10px 15px 10px 15px;
	text-align:center;
	text-decoration:none;
}

#reservation{
	background-image:url(http://www.hotel-lesremparts-sarlat.com/images/bkg_reservation.jpg);
	background-repeat:no-repeat;
	width:276px;
	height:228px;
        border-radius:15px
}
#reservation h2{ color:#FFFFFF; margin:0px; padding:9px}
#reservation p{ color:#FFFFFF; font-size:15px}

#info{
	background-image:url(http://www.hotel-lesremparts-sarlat.com/images/bkg_info.jpg);
	background-repeat:no-repeat;
	width:288px;
	height:175px;
	margin-left:-5px;
}
#info p{ padding:25px; font-size:14px; text-align:left; line-height:25px; color:#453022}
#info strong{ font-size:20px;}

.imgside{
      float: right; 
      text-align: center; 
      padding-left: 10px;
      font-size:11px
}

a.new-tarif{
    background-color: #C10E35;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    /*display: block;*/
    margin-bottom: 5px;
    padding: 5px;
    text-transform: uppercase;
    text-decoration:none;
    padding:5px
}

a.new-tarif:hover{
   text-decoration:underline;
   background-color: #C2AD98;
}



/******* BOOOKING FORM ****************/

.bookingform{ padding-top:10px}
.bookingform div
{
	padding: 8px;
	height:1%;
	clear: left;
}

/* Label */
.bookingform label
{
	display: block;
	width: 120px;
	float: left;
	color:#FFFFFF;
	text-align: right;
	font-size:14px;
}

/* Input */
.bookingform input, .bookingform select, .bookingform textarea
{
	width: 100px;
	font-size:12px;
	border: #822032 1px solid;
	padding-top:1px;
	background-color:#5C091B;
	color:#FFFFFF;
}
.bookingform textarea
{
        width: 200px;
}
.bookingform textarea:focus
{
      	background-color:#A91231
}



/******* CONTACT FORM ****************/


.contactform form {
	background:#E7E7E7;	
	padding:15px 20px; 
	color:#000;
	width:500px;
	margin:0 auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
} 

/* nested fieldset */
.contactform form fieldset {
	border:0;
	margin:0;
	padding:0;
	background*color:#E7E7E7;	
}

/* typography */
.contactform form legend { color:#000; margin:0; padding:0; font-size:19px;}
.contactform form div 	{ margin:10px; }


/* input field */
.contactform form input, textarea{
	border:1px solid #fff;
	background-color:#fff;
	padding:5px;
	color:#000;
	font-size:12px;
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*text-shadow:1px 1px 1px #000;*/
}

.contactform form input:focus, textarea:focus  { color:#fff; background-color:#A61031; }
.contactform form input:active, textarea:focus  { background-color:#888; }


/* button */
.contactform form button {
	outline:0;
	border:1px solid #666;	
}


/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	margin-left:-2px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

/* field label */
.contactform label {
	display:block;
	font-size:13px;
	margin:5px;
	color: #666666;
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}

.contactform .required label{color:#A61031;}

.contactform form .cms_submit{
	background-color: #A61031;
	color:#FFFFFF;
}