@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  margin:0;
  padding:0;
}

:focus
{
  outline:0;
}

ol,ul
{
  list-style:none;
}

table
{
  border-collapse:separate;
  border-spacing:0;
  float:none;
  padding:0 0 0 20px;
}

caption,th,td
{
  text-align:left;
  font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:"";
}

em, i{
	font-style:italic;
}

b, strong{
	font-weight:bold;
}

.clear{
	clear:both;
}

/**
** STRUCTURE
**/

body
{
  line-height:1;
  text-align:center;
  font-size:11px;
  color:#1a171b;
  font-family:Georgia, "Times New Roman", Times, serif;
  margin:0;
  padding:0;  
  background-image:url(../images/interface/bgBody.jpg);
  background-repeat:repeat-x;
  background-position:0 0;
  background-color:#f4e6d1;
}

#container{
	width:1014px;
	height:578px;
	margin:0 auto;
	text-align:left;
}

#header{
	position:relative;
	
	width:1014px;
	height:155px;
	z-index:3;
}

#header-imgPng{
	width:1014px;
	height:155px;
	background-repeat:no-repeat;
	background-position:0 0;
}

#main{
	position:relative;
	top:-52px;
	left:40px;
	width:974px;
	height:452px;
	z-index:1;
	text-align:left;
}

#footer{
	position:relative;
	top:-52px;
	float:right;
	margin:0;
	padding:0;
	height:20px;
}

a#retourHome{
	position:absolute;
	display:block;
	width:275px;
	height:120px;
	margin-top:5px;
	margin-left:65px;
	z-index:99;
	background-image:url(../images/blank.gif);
	background-repeat:repeat;
	background-position:0 0;
}

/**
** MENU
**/
ul#menu{
	padding:130px 0 0 427px;
	text-align:left;
}
	ul#menu li{
		display:block;
		float:left;
		padding:0 0 0 5px;
		text-align:center;
		height:16px;
	}
		ul#menu li.visites{
			width:95px;
		}
		ul#menu li.petits-dejeuners{
			width:126px;
		}
		ul#menu li.receptions{
			width:169px;
		}
		ul#menu li.plus{
			width:67px;
		}
		ul#menu li.plan{
			width:100px;
		}
		
		ul#menu li a{
			color:#636f07;
			text-decoration:none;
			font-size:12px;
			font-weight:bold;
		}
		
		ul#menu li a.active{
			color:#e52f15;
		}

/**
** MENU FOOTER
**/
ul#menuFooter{
	margin:5px 0 0 0;
}

	ul#menuFooter li{
		display:inline;
		margin:0 0 0 10px;
	}
	
	ul#menuFooter li a{
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
		color:#c3a777;
		text-decoration:none;
	}
		ul#menuFooter li a:hover{
			text-decoration:underline;
		}

		
/**
** HOME PAGE
**/
ul#crossfadeHome {
	position:relative;
	float:left;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#crossfadeHome li{
	position: absolute;
	top: 0;
	left: 0;
	width: 974px;
	height: 452px;
	visibility: hidden;
}
	ul#crossfadeHome li img {
		display: block;
	}

#blocTexteHome{
	position:relative;
	float:left;
	width:266px;
	height:398px;
	top:54px;
	left:25px;
}
	#blocTexteHome-imgPng{
		width:266px;
		height:398px;
		background-image:url(../images/interface/bgBlocTexteHome.png); 
		background-repeat:no-repeat;
		background-position:0 0;
	}
		#blocTexteHome-imgPng p#texte{
			float:left;
			text-align:center;
			color:#FFF;
			font-style:italic;
			line-height:30px;
			font-size:17px;
			width:165px;
			padding:33px 0 0 20px; 
		}
		
	#controlsHome{
		float:left;
		padding:20px 0 0 20px;
		color:#FFF;
		font-weight:bold;
		font-size:10px;
		text-alig:center;
	}
		#controlsHome h4{
			float:left;
			padding:4px 0 0 0;
		}
	
		a.control{
			text-decoration:none;
			cursor: pointer;
			font-weight: bold;
			color: #FFF;
			margin:0 0 0 5px;
			padding:4px 0 0 0;
			float:left;
		}
		
		a.enter{
			border:1px solid #fff;
			display:block;
			padding:4px 0 0 2px;
			margin:0 auto;
			text-align:center;
			width:50px;
			height:12px;
			text-transform:uppercase;
			margin:0 0 0 10px;
			color:#FFF;
			text-decoration:none;
		}

/**
** bloc commun pour pages interieur
*/
#bloc-left{
	float:left;
	margin:0;
	padding:0;
	width:260px;
	height:452px;
}

#bloc-center{
	float:left;
	margin:0;
	padding:0;
	width:290px;
	height:452px;
	/*
	background-image:url(../images/interface/bg-bloc-centre.png);
	background-position:0 60px;
	background-repeat:no-repeat;
	*/
}

	#bloc-center h1{
		font-weight:bold;
		text-transform:uppercase;
		margin:75px 0 0 25px;
		color:#564121;
	}
	
	#bloc-center #scrollbar #track {
		height:275px;
	}
	
	#bloc-center #scroll-content{
		height:300px;
		width:205px;
		margin-top:25px;
		overflow:hidden;
	}
	
	#bloc-center #content-text{
		clip: rect(0px, 300px, 0px, 0px);
		line-height:16px;
		padding-bottom:100px;
	}

	#bloc-center #content-text a, #bloc-center #content-text a:link, #bloc-center #content-text a:visited, #bloc-center #content-text a:active{
		color:#e52f15;
	}

#bloc-right{
	float:left;
	margin:0;
	padding:0;
	width:424px;
	height:452px;
}

/**
** SCROLLBAR
**/

#scrollbar{
	float:left;
	width:43px;
	margin-top:30px;
}

#track {
	position: relative;
	left: 0;
	top: 5px;
	width: 10px;
	height: 180px;
	background-image:url(../images/interface/bgTrackBar.png);
	background-position:5px 0;
	background-repeat:repeat-y;
}
#handle {
	position: relative;
	left: 0;
	top: 0;
	width: 10px;
	height: 5px;
	background: #fff;
	cursor:pointer;
}
#button-up {
	position: relative;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background-image:url(../images/interface/bgUpBar.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
}
#button-down {
	position: relative;
	top: 10px;
	left: 0;
	width: 10px;
	height: 10px;
	background-image:url(../images/interface/bgDownBar.png);
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
}

/**
** CROSSFADE INTERIEUR
**/
ul#crossfadeInterieur{
		position: relative;
		padding: 0;
		margin: 80px 0 0 20px;
		list-style: none;
		border: 4px solid #FFF;
	}

		ul#crossfadeInterieur li{
			position: absolute;
			top: 0;
			left: 0;
			visibility: hidden;
		}
			ul#crossfadeInterieur li img {
				display: block;
			}

/**
** VISITES
**/
#visites{
	float:left;
	margin:0;
	padding:0;
	height:452px;
	width:974px;
}

	#visites #bloc-left .maison3d{
		margin:45px 0 0 55px;
	}
	
	ul#menuVisites{
		margin:0 0 0 55px;
		color:#8e7753;
	}
	
		ul#menuVisites li{
			font-weight:bold;
			margin:10px 0 0 0;
		}
		
		ul#menuVisites ul{
			margin:0 0 0 50px;
		}
		
			ul#menuVisites ul li{
				font-weight:normal;
				margin:2px 0 0 0;
				list-style:square;
			}
				ul#menuVisites ul li a{
						color:#8e7753;
						text-decoration:none;
					}
					ul#menuVisites ul li a:hover, ul#menuVisites ul li a.active{
						font-weight:bold;
					}
			
				ul#menuVisites ul li.chandelle, ul#menuVisites ul li.chandelle a.active{
					color:#97bf0d;
				}
				ul#menuVisites ul li.gratte, ul#menuVisites ul li.gratte a.active{
					color:#ea671c;
				}
				ul#menuVisites ul li.air, ul#menuVisites ul li.air a.active{
					color:#3d9cb3;
				}
				ul#menuVisites ul li.dame, ul#menuVisites ul li.dame a.active{
					color:#fff;
				}
				ul#menuVisites ul li.soquette, ul#menuVisites ul li.soquette a.active{
					color:#fbc91b;
				}
				ul#menuVisites ul li.accueil, ul#menuVisites ul li.accueil a.active{
					color:#875395;
				}
				ul#menuVisites ul li.salon, ul#menuVisites ul li.salon a.active{
					color:#b24c4e;
				}
				ul#menuVisites ul li.hall, ul#menuVisites ul li.hall a.active{
					color:#bc007b;
				}
				ul#menuVisites ul li.cuisine, ul#menuVisites ul li.cuisine a.active{
					color:#bd1320;
				}

/**
** PETITS DEJEUNERS
**/
#petitDej{
	float:left;
	margin:0;
	padding:0;
	height:452px;
	width:974px;
	background-image:url(../images/interface/bgPlus.jpg);
	background-position:0 60px;
	background-repeat:no-repeat;
}

/**
** RECEPTIONS ET MARIAGES
**/					
#receptions{
	float:left;
	margin:0;
	padding:0;
	height:452px;
	width:974px;
	background-image:url(../images/interface/bgPlus.jpg);
	background-position:0 60px;
	background-repeat:no-repeat;
}

/**
** LES PLUS
**/			
#plus{
	float:left;
	margin:0;
	padding:0;
	height:452px;
	width:974px;
	background-image:url(../images/interface/bgPlus.jpg);
	background-position:0 60px;
	background-repeat:no-repeat;
}

	ul#menuPlus{
		margin:250px 0 0 75px;
		color:#8e7753;
	}
	
		ul#menuPlus li{
			font-weight:normal;
			margin:2px 0 0 0;
			list-style:square;
		}
			ul#menuPlus li a{
					color:#8e7753;
					text-decoration:none;
				}
				ul#menuPlus li a:hover, ul#menuPlus li a.active{
					font-weight:bold;
				}
				

/**
** PLAN D'ACCES
**/					
#acces{
	float:left;
	margin:0;
	padding:0;
	height:452px;
	width:974px;
	background-image:url(../images/interface/bgAcces.jpg);
	background-position:0 60px;
	background-repeat:no-repeat;
}

img.localisationFrance{
	margin:120px 0 0 50px;
}

p.coordonnees{
	color:#646466;
	font-weight:bold;
	margin: 40px 0 0 90px;
	line-height:16px;
}			

img.plan{
	margin:110px 0 0 0;
}

	
/**
** LIENS
**/

/**
** PLAN DU SITE
**/
ul#plan-site{
	margin:100px 0 0 10px;
	height:300px;
	color:#564121;
}

	ul#plan-site li{
		float:left;
		text-transform:uppercase;
		font-weight:bold;
		margin:15px 0 0 50px;
	}
		ul#plan-site li a{
			text-decoration:none;
			color:#564121;
		}
		
		ul#plan-site li a:hover{
			text-decoration:underline;
		}
		
		ul#plan-site li ul{
			text-transform:none;
			font-weight:normal;
			margin:0 0 0 30px;
		}
			ul#plan-site li ul li{
				float:none;
				text-transform:none;
				font-weight:normal;
				margin:5px 0 0 0;
				color:#936800;
				list-style:square;
			}
				ul#plan-site li ul li a{
					text-decoration:none;
					color:#936800;
				}
					ul#plan-site li ul li a:hover{
						text-decoration:underline;
					}
			
			
				ul#plan-site li ul ul{
					
				}
				
				ul#plan-site li ul ul li{
					float:none;
					list-style:square;
					color:#c3a777;
				}
				
					ul#plan-site li ul ul li a{
						text-decoration:none;
						color:#c3a777;
					}
						ul#plan-site li ul ul li a:hover{
							text-decoration:underline;
						}

/**
** CONTACT
**/
#contact{
	float:left;
	margin:0;
	padding:0;
	height:452px;
	width:974px;
	background-image:url(../images/interface/bgAcces.jpg);
	background-position:0 60px;
	background-repeat:no-repeat;
}
#formulaireContactLeft{
	float:left;
	margin:0;
	padding:0;
	width:700px;
	height:452px;
}
#formulaireContactRight{
	float:left;
	margin:0;
	padding:0;
	width:274px;
	height:452px;
}
	#formulaireContactRight img{
		float:left;
		margin:100px 0 20px 0;
	}
	#formulaireContactRight a, #formulaireContactRight a:link, #formulaireContactRight a:visited, #formulaireContactRight a:active{
		color:#e1001a;
		text-decoration:none;
	}
	#formulaireContactRight a:hover{
		text-decoration:underline;
	}
#demande{
	margin:100px 0 0 50px;
	height:300px;
	width:650px;
}

/**
** MENTIONS LEGALES
**/
p.mentions{
	width:700px;
	margin:80px auto;
}

#plan-map{
	width:412px;
	height:300px;
	margin:100px 0 0 0;
	border:1px solid #eeeeee;
}