/*-------------------------------------------------------------------------------------------------------------------------------------------------------
	CSS Document (Cascading Style Sheet)
	
	project:     Le Fer à Cheval
	released:    2010-06-25
	author:      Mathieu Bruzeaud
	email:       contact@grafitar.com
	website:     http://wwww.grafitar.com

	

	
-------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
RESET
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	border: 0;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 
}

html, body {
	width:100%;
	height:100%;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN RESET
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
GLOBAL
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background: #c0c0c0;
	margin:0;
	padding:0;
}
	
#all {
	background: #c0c0c0;
	width: 1020px;
	margin-left: auto;
    margin-right: auto;
}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN GLOBAL
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
ACCUEIL
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header {
	background: url(../images/header.jpg) no-repeat;
	width: 1020px;
	height: 178px;
	float: left;
}

#logo {
	background: url(../images/logo.jpg) no-repeat;
	width: 452px;
	height: 431px;
	float: left;
}

#container_btn {
	width: 452px;
	height: 72px;
	float: left;
	margin: 359px 0 0 69px;
} 

#fr {
	background: url(../images/fr.jpg) no-repeat;
	width: 151px;
	height: 72px;
	float: left;
	padding-left: 40px;
}

#eng {
	background: url(../images/eng.jpg) no-repeat;
	width: 137px;
	height: 72px;
	float: left;
}

#bg_slider {
	background: url(../images/bg_slider.jpg) no-repeat;
	width: 568px;
	height: 431px;
	float: left;
}


#footer_accueil {
	background: url(../images/bg_footer.jpg) no-repeat;
	width: 1020px;
	height: 100px;
	float: left;
}


.fadein { 
	position:relative;
	height:287px; 
	width:425px; 
	margin: 72px 0 0 45px; 
	}
	
.fadein img { 
	position:absolute; 
	left:0; 
	top:0; 
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
FIN ACCUEIL
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
OTHER PAGES
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header_inter {
	background: url(../images/header_inter.jpg) no-repeat;
	width: 1020px;
	height: 97px;
	float: left;
  	}

#left {
	width: 452px;
	height: 695px;
	float: left;
	}
	
#logo_inter {
	background: url(../images/logo_inter.jpg) no-repeat;
	width: 452px;
	height: 211px;
	float: left;
  	}
	
#logo_hotel {
	background: url(../images/logo_hotel.jpg) no-repeat;
	width: 452px;
	height: 211px;
	float: left;
  	}	
	
#logo_resto {
	background: url(../images/logo_resto.jpg) no-repeat;
	width: 452px;
	height: 211px;
	float: left;
  	}	
	
#logo_localisation {
	background: url(../images/logo_localisation.jpg) no-repeat;
	width: 452px;
	height: 211px;
	float: left;
  	}	
	
#logo_resa {
	background: url(../images/logo_resa.jpg) no-repeat;
	width: 452px;
	height: 211px;
	float: left;
  	}	

#bg_content {
	background: url(../images/bg_content.jpg) no-repeat;
	width: 452px;
	height: 374px;
	float: left;
  	}
	
#bg_content_other {
	background: url(../images/bg_content_other.jpg) no-repeat;
	width: 452px;
	height: 374px;
	float: left;
  	}
	
#bg_resa {
	background: url(../images/bg_resa.jpg) no-repeat;
	width: 452px;
	height: 374px;
	float: left;
  	}

.content {
	width: 340px;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:normal;
	text-align: justify;
	margin: 0px 0 0 90px;
	float: left;
  	}
	
.merci {
	width: 340px;
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight:normal;
	text-align: center;
	margin: 0px 0 0 90px;
	float: left;
  	}
	
.other {
	Background-color: #fff;
	width: 374px;
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:normal;
	text-align: center;
	line-height: 70px;
	float: left;
  	}
	
#footer {
	width: 78px;
	height: 82px;
	float: left;
  	}

#fr_inter {
	background: url(../images/fr_inter.jpg) no-repeat;
	width: 78px;
	height: 45px;
	float: left;
  	}

#eng_inter {
	background: url(../images/eng_inter.jpg) no-repeat;
	width: 78px;
	height: 37px;
	float: left;
  	}
	
#end_ardoise {
	background: url(../images/end_ardoise.jpg) no-repeat;
	width: 374px;
	height: 82px;
	float: left;
  	}
	
#footer_left {
	background: url(../images/footer_left.jpg) no-repeat;
	width: 452px;
	height: 28px;
	float: left;
  	}
	
#right {
	width: 568px;
	height: 695px;
	float: right;
	}
	
#top_right {
	background: url(../images/top_right.jpg) no-repeat;
	width: 568px;
	height: 114px;
	float: left;
  	}
	
#menu {
	background: url(../images/menu.jpg) no-repeat;
	width: 568px;
	height: 39px;
	float: left;
  	}
	
#nav {
background:url(../images/menu.jpg) no-repeat;
width:568px;
height:39px;
margin:0;
padding:0;
}
#nav span {
display: none;

}
#nav li, #nav a {
height:39px;
display:block;
}
#nav li {
float:left;
list-style:none;
display:inline;
}
#nav01 {width: 174px;}
#nav02 {width: 67px;}
#nav03 {width: 88px;}
#nav04 {width: 95px;}
#nav05 {width: 144px;}

#nav01 a:hover {background:url(../images/menu.jpg) 0px -39px no-repeat; }
#nav02 a:hover {background:url(../images/menu.jpg) -174px -39px no-repeat; }
#nav03 a:hover {background:url(../images/menu.jpg) -241px -39px no-repeat; }
#nav04 a:hover {background:url(../images/menu.jpg) -329px -39px no-repeat; }
#nav05 a:hover {background:url(../images/menu.jpg) -424px -39px no-repeat; }

#bg_slider_inter {
	background: url(../images/bg_slider_inter.jpg) no-repeat;
	width: 568px;
	height: 395px;
	float: left;
  	}



#wifi {
	background: url(../images/wifi.jpg) no-repeat;
	width: 568px;
	height: 64px;
	float: left;
  	}

	
#footer_right {
	background: url(../images/footer_right.jpg) no-repeat;
	width: 568px;
	height: 83px;
	float: left;
  	}

.adress {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	margin: 10px 0 0 50px;
	float: left;
  	}

#bg_reservation {
	background: url(../images/bg_reservation.jpg) no-repeat;
	width: 568px;
	height: 395px;
	float: left;
	color:#711854;
  	}
	
#bg_localisation {
	background: url(../images/bg_localisation.jpg) no-repeat;
	width: 568px;
	height: 395px;
	float: left;
  	}

.formulaire { 
	position:relative;
	height:287px; 
	width:425px; 
	margin: 65px 0 0 45px; 
	}
	
.button {
	color: #FFF;
	background-color: #711854;
	}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
END OTHER PAGES
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

input {
	border: 1px solid #711154;	
}

textarea {
	border: 1px solid #711154;	
}

.link-grafitar {
	
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:normal;
	text-align: center;
	line-height: 25px;
	margin-right: 35px;
	float: right;