body
{
	width: 760px;
    margin: auto;
	background: url('./images/fond2.jpg') repeat-x fixed top left;
	background-color: #af0000;
	margin-top: 20px;
	margin-bottom: 20px;
}

#header
{
	width : 760px;
	height : 200px;
	float : top;
	background-color: white;
}

#center
{
	width : 760px;
	height : 400px;
	background-color : white;
}

#menu
{
	height: 200px;
	width: 760px;
	background-color: white;
}

#navigation 
{ 
  margin: 0 ; 
  padding: 0 ; 
  list-style: none;
  height: 80px;
}

#navigation li
{
	float: left;
	width: 126px;
}

#navigation li a 
{ 
	display: block;
    width: 128px;
	height: 48px;
}

.historique
{
	display: block;
	float: left;
	background: #c00 url(./images/button/historique.png) left top no-repeat ;
	height: 48px;
}

.chateau
{
	display: block;
	float: left;
	background: #c00 url(./images/button/chateau.png) left top no-repeat ;
	height: 48px;
}

.reception
{
	display: block;
	float: left;
	background: #c00 url(./images/button/reception.png) left top no-repeat ;
	height: 48px;
}

.partenaire
{
	display: block;
	float: left;
	background: #c00 url(./images/button/partenaire.png) left top no-repeat ;
	height: 48px;
}

.plan
{
	display: block;
	float: left;
	background: #c00 url(./images/button/plan.png) left top no-repeat ;
	height: 48px;
}

.contact
{
	display: block;
	float: left;
	background: #c00 url(./images/button/contact.png) left top no-repeat ;
	height: 48px;
}

#navigation .chateau:hover, #navigation .chateau:focus, #navigation .chateau:active 
{ 
   background: #ffffff url(./images/button/chateau_under.png) left top no-repeat ; 
}

#navigation .historique:hover, #navigation .historique:focus, #navigation .historique:active 
{ 
   background: #ffffff url(./images/button/historique_under.png) left top no-repeat ; 
}

#navigation .reception:hover, #navigation .reception:focus, #navigation .reception:active 
{ 
   background: #ffffff url(./images/button/reception_under.png) left top no-repeat ; 
}

#navigation .partenaire:hover, #navigation .partenaire:focus, #navigation .partenaire:active 
{ 
   background: #ffffff url(./images/button/partenaire_under.png) left top no-repeat ; 
}

#navigation .plan:hover, #navigation .plan:focus, #navigation .plan:active 
{ 
   background: #ffffff url(./images/button/plan_under.png) left top no-repeat ; 
}

#navigation .contact:hover, #navigation .contact:focus, #navigation .contact:active 
{ 
   background: #ffffff url(./images/button/contact_under.png) left top no-repeat ; 
}

#icons
{
	margin-left: 230px;
}

#navigation2 
{ 
  margin: 0 ; 
  padding: 0 ; 
  list-style: none;
}

#navigation2 li
{
	float: left;
	width: 150px;
}

#navigation2 li a 
{ 
	display: block;
    width: 150px;
	height: 77px;
}

.visite
{
	display: block;
	float: left;
	background: #c00 url(./images/button/visite_virtuel.png) left top no-repeat ;
	height: 77px;
}

.gallerie
{
	display: block;
	float: left;
	background: #c00 url(./images/button/gallerie.png) left top no-repeat ;
	height: 77px;
}

#navigation2 .visite:hover, #navigation2 .visite:focus, #navigation2 .visite:active 
{ 
   background: #ffffff url(./images/button/visite_virtuel_under.png) left top no-repeat ; 
}

#navigation2 .gallerie:hover, #navigation2 .gallerie:focus, #navigation2 .gallerie:active 
{ 
   background: #ffffff url(./images/button/gallerie_under.png) left top no-repeat ; 
}

#bottom
{
	background: url("./images/bottom.jpg") no-repeat;
	height: 91px;
	width: 860px;
	margin: 0;
	margin-top: -20px;
	margin-left: -82px;
}