/*remise à zéro des styles css par défaut, de façon à effacer une grosse partie des différences entre navigateurs.*/
@import url('reset.css');

body {
	background:transparent url('fond.png') top center repeat;
	background-position:fixed;
	font-family:Verdana, Helvetica, Arial, sans;
	font-size:12px;
	width:100%;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical; 
}
@font-face
{
    font-family: eras;
    src: url('eras.eot');
    src: local(my_font), url('eras.ttf') format('opentype');
}
small {
	font-size:9px;
}
#page {
	width:100%;
	overflow:hidden;
}
#head {
	background:url('menu.png') top center repeat-x;
	position:relative;
	z-index:0;
	font-size:11px;
}
	#head ul {
		height:45px;
		width:720px;
		margin:auto;
	}
	#head li {
		display:inline;
	}
	#head h1 {
		width:780px;
		height:33px;
		margin:5px auto 0px auto;
		background:transparent url('titre.gif') center right no-repeat;
	}
	#head h1 span {
		display:none;
	}
	#head a {
		display:block;
		float:left;
		width:110px;
		height:45px;
		margin:0px;
		padding-right:10px;
		line-height:45px;
		text-align:right;
		overflow:hidden;
		text-decoration:none;
	}
	.focus {
		background:transparent url('MenuElem.jpg') left center no-repeat;
		text-decoration:underline;
	}
	#head a:hover {
		background:transparent url('MenuElemHover.jpg') left center no-repeat;
		color:#666;
	}
	.menuActive {
		background:transparent url('MenuElemActive.jpg') left center no-repeat;
		color:#FFF;
	}
	.menuLink {
		background:transparent url('MenuElem.jpg') left center no-repeat;
		color:#000;
	}
	#head a:focus {
		text-decoration:underline;
	}
	
/*
 *	Offres spéciales
 */
#promo {
	position:absolute;
	z-index:10;
	top:44px;
	left:100px;
}
#promo a {
	display:block;
	width:95px;
	height:40px;
	background: transparent url('offres.png');
	text-decoration: none;
}
#promo a:hover {
	background: transparent url('offres.gif');
}
#promo a span {
	visibility:hidden;
}


/*
 *	Contenu du site : la partie défilante.
 */
#cont {
	width:5290px; 
	margin:0px auto;
	height:517px;
	position:relative;
	z-index:2;
}
	.section {
		float:left;
		height:517px;
		width:880px;
	}
	#visite, #carte, #plan, #reservation{
		background:transparent url('section.png') center top repeat-x;
	}
	#accueil {
		background:transparent url('section.png') left top repeat-x;
	}
	#livredor {
		background:transparent url('section.png') right top repeat-x;
	}
	.section h2 {
		margin-top:20px;
	}
	
	/*******	Accueil		********/
	#accueil h1 {
		width:776px;
		height:112px;
		position:relative;
		z-index:8;
		background:transparent url('titreAccueil.gif') top right no-repeat;
	}
	#accueil h1 span {display:none;}
	#accueil h2 {
		background:#f7ad44;
		font-family:eras;
		font-size:36px;
		font-weight:normal;
		color:#FFF;
		line-height:50px;
		padding:0px 0px 0px 20px;
		margin-left:470px;
		margin-top:-10px;
		height:46px;
		position:relative;
		z-index:7;
	}
	#accueil #diapoAccueil{
		position:relative;
		z-index:3;
		margin-left:10px;
		float:left;
		width:460px;
		height:299px;
	}
	#accueil p {
		float:right;
		width:360px;
		margin-top:20px;
		margin-right:15px;
		font-size:10px;
		line-height:13px;
	}
	#accueil .orange {
		text-align:center;
	}
	
	/*******	Visite		*******/
	#visite h2 {
		font-family:eras;
		font-size:40px;
		margin-top:10px;
		padding-top:59px;
		color:#f7ad44;
		margin-left:20px;
	}
	#visite h4 {
		color:#e37a14;
		border-left:38px solid #f7ad44;
		line-height:46px;
		margin-top:-7px;
		padding-left:30px;
	}
	#visite .photos {
		width:300px;
		margin-left:38px;
		overflow:hidden;
	}
	#visite .photos a{
		display:block;
		width:300px;
		height:71px;
		color:#FFF;
		text-decoration:none;
		margin-bottom:1px;
		text-align:right;
	}
	#visite .photos span {
		display:block;
		background:#000;
		line-height:22px;
		padding:3px;
	}
		
	#visite .left {
		float:left;
	}
	#visite .right {
		float:right;
		font-size:11px;
		line-height:15px;
	}
		
	#visite p {
		width:400px;
		margin:10px 120px 20px 0;
	}
	#visite #text {
		height:180px;
		margin-top:10px;
		padding-top:30px;
	}
	#visite p a {
		padding:0 17px 0 15px;
		background:transparent url('orange-mini-1.gif') center left no-repeat;
		text-decoration:none;
		color:#666;
	}
	#visite p a:hover {
		background:transparent url('orange-mini-2.gif') center left no-repeat;
	}
	#visite p a:focus {
		text-decoration:underline;
	}
	#visite #presentationVideo {
		width:340px;
		margin:10px 80px 0 0;
		height:215px;
		width:400px;
		background:#000 url('playVid.png') center center no-repeat;
	}
	
	/*******	Carte		*******/
	
	#carte h2 {
		margin-top:10px;
		margin-left:-90px;
		padding-top:74px;
		border-left:170px solid green;
		font-size:44px;
		font-family:eras;
		color:green;
	}
	#carte a {
		color:#444;
		text-decoration:none;
	}
	#carte .left p, #carte .left ul {
		margin-top:10px;
		margin-left:85px;
		font-size:11px;
		line-height:12px;
	}
	#carte ul {
		margin-bottom:10px;
	}
	#carte .left li {
		margin-bottom:1em;
	}
	#carte ul a {
		padding-left:20px;
		background:transparent url('orange-mini-1.gif') center left no-repeat;
	}
	#carte ul a:hover {
		background:transparent url('orange-mini-2.gif') center left no-repeat;		
	}
	#carte ul a:focus {
		text-decoration:underline;
	}
	#carte .left{
		float:left;
		width:350px;
	}
	#carte .right {
		float:right;
		height:500px;
		width:530px;
		margin-right:-25px;
	}
		#carte .diapo img {
			width:200px;
			position:relative;
			z-index:7;
		}
		#carte .diapo {
			float:right;
			margin-left:-50px;
			margin-top:10px;
		}
		#carte #menus {
			float:left;
			height:500px;
			width:351px;
			background:transparent url('carte.png');
			margin-top:10px;
			position:relative;
			z-index:8;
		}
	#carte #menus p {
		margin:20px;
		text-align:center;
	}
	#carte #menus #contMenu {
		height:440px;
		overflow:auto;
		font-size:0.9em;
		vertical-align:middle;
	}
	#carte #menus #titreMenu {
		color:green;
		font-size:1.1em;
	}
	#carte .print {
		background:transparent url('print.gif') center right no-repeat;
		text-align:right;
		padding-right:26px;
		float:right;
		width:60px;
		height:25px;
		line-height:25px;
	}
	#carte .newsletter {
		background:transparent url('newsletter.gif') center left no-repeat;
		text-align:left;
		padding-left:26px;
		float:left;
		width:60px;
		height:25px;
		line-height:25px;
	}
	/*******	Plan d'acces	*******/		
	#plan .haut {
		height:307px;
		margin-top:10px;
		margin-left:15px;
	}	
		#plan .diapo {
			width:460px;
			height:307px;
			overflow:hidden;
			float:left;
		}
		#plan .diapo img {
			width:460px;
			height:307px;
		}
			
		#plan h2, #plan .coordonnees, #plan .parking {
			float:right;
			display:block;
		}
		#plan h2 {
			font-size:30px;
			line-height:50px;
			font-family:eras;
			color:#981001;
			border-left:180px solid #981001;
			padding-left:10px;
			height:50px;
			width:215px;
		
		}
		#plan .coordonnees {
			clear:right;
			margin-top:65px;
			height:94px;
			width:300px;
			padding:10px;
			background:#981001;
			color:#FFF;
		}
		#plan .parking {
			text-align:right;
			clear:right;
			margin-top:20px;
		}
		
	#plan .bas {
		height:190px;
		overflow:hidden;
		margin-left:25px;
	}
		#plan .plandacces {
			float:right;
			width:296px;
		}
		#plan .fermeture {
			margin-left:60px;
			border-left:40px solid #981001;
			padding-top:30px;
			padding-left:5px;
		}
		
	
	/*******	Réservation	*******/
	#reservation h2 {
		color:#588b15;
		font-family:eras;
		font-size:30px;
		margin:10px auto 0px auto;
		border-bottom:105px solid #588b15;
		width:200px;
	}
	#reservation form, #reservation input, #reservation select, #reservation textarea {
		font-size:10px;
		padding:0px;
	}
	#reservation input, #reservation textarea {
		border:1px solid #CCC;
		margin:0px;
		padding:0px;
	}
	#reservation .fieldset {
		float:left;
		height:114px;
	}
	#reservation .legend {
		font-weight:bold;
		border-bottom:1px solid black;
	}
	#reservation label, #reservation p {
		clear:both;
		margin-top:5px;
		display:block;
		/*background:#FC0;*/
		min-height:10px;
	}
	#reservation label input, #reservation label select {
		display:block;
		float:right;
	}
	#reservation label span {
		float:left;
	}
	#reservation #part1 {
		border-left:130px solid #981001;
		width:204px;
		padding:0 3px;
	}
	#reservation #part1 input[type=text]{
		width:130px;
	}
	#reservation #part1 #receptInfosOk label{
		width:50px;
		float:right;
	}
	#reservation #part2 {
		width:190px;
		border-left:2px solid #588b15;
		border-right:2px solid #588b15;
		padding:0 3px;
	}
	#reservation #part3 {
		width:211px;
		padding:0 3px;
	}
	#reservation #part3 input {
		width:60px;
	}
	#reservation #part4 {
		width:500px;
		clear:both;
		margin-left:340px;
	}
	#reservation .diapo {
		float:left;
	}
	#reservation .diapo img {
	height:248px;
	}
	#reservation textarea{
		font-size:12px;
		font-family:Verdana;
		margin:2px;
		width:210px;
		height:150px;
	}
	#reservation #part5 {
		float:right;
		width:60px;
		padding:10px;
		background:#faba2d;
	}
	.inputWarning {
		background-color:#FAA;
	}
	.dialogError {
		list-style-type:circle;
		padding-left:15px;
	}
	
	/*******	livre d'or	*******/
	#livredor h2 {
		display:none;
	}
	#livredor .messages {
		float:right;
		margin-right:70px;
		margin-top:20px;
		width:380px;
	}
	#livredor .messages .titre {
		font-size:10px;
		font-weight:bold;
		color:#faba2d;
		margin-bottom:5px;
	}
	#livredor .messages .auteur {
		font-size:10px;
		font-weight:bold;
		margin-left:20px;
	}
	#livredor .messages .message	{
		font-size:10px;
		margin-left:40px;
		margin-bottom:20px;
		margin-top:5px;
	}
	#livredor .liste {
		width:380px;
		height:210px;
		overflow:auto;
	}
	#livredor .image {
		float:left;
		height:252px;
		width:400px;
		margin-top:10px;
		margin-left:-120px;
		padding-left:80px;
		background:#faba2d;
		
	}
	#livredor .bas {
		background:transparent url('livredor.gif') top left no-repeat;
		width:630px;
		margin-right:10px;
		padding-top:85px;
		float:right;
	}
	#livredor .bas p {
		float:left;
		width:160px;
		font-size:11px;
		line-height:13px;
		padding:10px;
		margin-left:120px;
	}
	
	#livredor .bas form {
		float:right;
		width:300px;
		padding:10px;
	}
	#livredor form label {
		float:left;
		line-height:22px;
		clear:left;
	}
	#livredor form #nomLivre, #livredor form #melLivre, #livredor form textarea {
		float:right;
		width:200px;
	}
	#livredor #envoiLivre {
		float:right;
		width:60px;
		clear:both;
	}
/*
 *	Pied de page 
 */
		
#foot {
	margin:5px auto 0px auto;
	width:700px;
	clear:both;
}
	#piedlangues {
		float:left;
	}
	#piedadresse {
		clear:both;
		text-align:center;
		padding:10px;
	}
	#piedmenu {
		float:right;
		font-size:12px;
	}
	
#foot a {
	color:#444;
	font-weight:bold;
	text-decoration:none;
}
#foot a:hover, #foot a:focus {
	color:#000;
	text-decoration:underline;
}
#cacheGauche {
	position:absolute;
	z-index:4;
	width:494px;
	height:700px;
	top:43px;
	left:-60px;
	background:transparent url('cache.png') top right no-repeat;
}
#cacheDroite {
	position:absolute;
	z-index:3;
	width:494px;
	height:700px;
	top:43px;
	left:1050px;
	background:transparent url('cache.png') top left no-repeat;
}
/*
 *	Contenu des popups (l'apparence des popups en elle-même est gérée par un css séparé fourni avec le plugin jquery-ui)
 */
#newsletterForm {
	width:100%;
}
#newsletterForm label {
	display:block;
	width: 100%;
	margin:2px 0px;
}
#newsletterForm input, #newsletterForm select {
	float:right;
}