/* Feuille de style du site laflambee.com */

/* Balises XHTML */
body{
	font-family:trebuchet,trebuchet ms;
	font-size:14px;
	color:#333;
	margin:0;
	padding:0;
	background:#d6cba3 url(/images/fond_site.png) repeat-x;
	/*background-color: #8e1902;*/
}
h1{
	font-size:16px;
}
h2{
	clear:left;
	font-size:15px;
	color:#7f0101;
}
a{
	color:#333;
}
h1,h2,h3,p{
	margin:0;
	padding:5px 0 5px 0;
}
ul{
	margin:0;
	padding:0 0 0 10px;
}

/* Formulaires */
fieldset{
	border:none;
	padding:0;
	margin:0;
}
fieldset legend{
	display:none;
}
fieldset p{
	clear:left;
	padding:5px 0 0 0;
}
fieldset label{
	display:block;
	float:left;
	width:260px;
}
.required{
	color:red;
	margin:0;
	display:inline;
}
fieldset ul{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
fieldset ul li{
	background:none;
	padding:0;
}
fieldset ul li label{
	float:none;
	width:auto;
}
input:focus,textarea:focus,select:focus{
	background-color:#7f0101;
	color:#fff;
}

/* Champs, boutons et lightlinks */
.bouton,
.lightlink,
input,
textarea,
select{
	background:#e0d099;
	padding:2px;
	border:1px solid #fff;
	font-size:11px;
}
.bouton,
.lightlink{
	background:#c7b888 url(/images/fleche.gif) no-repeat 5px 5px;
	padding:2px 4px 2px 14px;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	color:#7f0101;
}
.bouton:hover,
.lightlink:hover{
	background:#e0d099 url(/images/fleche_roll.gif) no-repeat 5px 5px;
	color:#b30101;
}

/* Tableaux */
table{
	width:100%;
	border-collapse:collapse;
	margin:0 0 20px 0;
}
th,td{
	padding:5px;
	text-align:left;
}
thead tr th{
	border-bottom:1px solid #e0d099;
}
tbody th{
	/*width:50%;*/
	font-weight:normal;
}
tr.pair{
	background-color:#ddd;
}

/* Page, déco et conteneur */
/* TODO Supprimer deco et conteneur */
#page{
	width:994px;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding:0 3px 0 3px;
	background:url(/images/fond_page.png) repeat-y;
}
/*
#page #deco{
	position: absolute;
	top: 0;
	margin: 10px 0 0 100px;
	width: 800px;
	height: 100px;
	background: url(/images/deco_noel.png) no-repeat;
}*/
#page #conteneur{
	background:#fcf5dd;
	float:left;
}

/* Trait situé en dessous de la page (bordure du bas) */
#trait{
	margin:0 auto 0 auto;
	width:1000px;
	height:4px;
	background:url(/images/fond_page_bas.png) no-repeat;
}

/* Menus */
.menu{
	clear:left;
	margin:0;
	padding:0;
	list-style:none;
	height:30px;
	background:url(/images/fond_bouton.gif) repeat-x;
	width:994px;
}
.menu li{
	display:inline;
}
.menu li a{
	padding:5px 20px 6px 20px;
	text-decoration:none;
	line-height:30px;
	font-weight:bold;
	color:#f3e8c4;
}
.menu li.selected a,
.menu li a:hover{
	background-image:url(/images/fond_bouton_roll.gif);
	color:white;
}

/* Haut de page */
#haut{
	width:100%;
	float:left;
	background:url(/images/fond_entete.gif) repeat-x;
}
#haut h1#logo{
	float:left;
	margin:0;
	width:800px;
	padding:10px;
}
#haut h1#logo a{
	display:block;
	background:url(/images/logo_la_flambee.png) no-repeat;
	width:780px;
	height:113px;
}
#haut h1#logo span{
	display:none;
}
#offre_promo{
	float:left;
	overflow:hidden;
	background:#efe3bd;
	width:718px;
	position:relative;
	left:275px;
}
div#offre_promo div.texte{
	width:985px;
}
div#offre_promo div.texte h2{
	color:#494949;
	overflow:hidden;
	display:block;
	padding:0 0 0 0;
	font-size:12px;
	margin:0 0 0 0;
	border-bottom:2px solid;
	border:#efe3bd;
}
#haut p#nous_ecrire{
	float:left;
	padding:30px;
	margin:0;
}
#haut p#nous_ecrire a{
	display:block;
	background:url(/images/env.png) no-repeat;
	width:77px;
	height:54px;
}
#haut p#nous_ecrire span{
	display:none;
}

/* Contenu de la page */
#contenu{
	clear:left;
	float:left;
	padding:10px 30px 0 30px;
	width:534px;
}

/* Colonnes */
.colonne{
	float:left;
	padding-left:10px;
	margin-left:10px;
	border-left:1px solid #e0d099;
	min-height:460px;
}
.colonne.premiere{
	margin-left:0;
	padding-left:0;
	border-left:none;
}
.colonne.un-demi{
	width:400px;
}
.colonne.un-tiers{
	width:280px;
}
.separateur{
	clear:both;
}
.centre{
	text-align:center;
}
.centre ul{
	list-style:none;
}

/* Bas de page */
#bas{
	background:#7f0101;
	float:left;
	width:100%;
}
#bas,#bas a{
	color:white;
	font-size:11px;
}
#bas address{
	float:left;
	font-style:normal;
	padding:10px;
	width:863px;
}
#bas p{
	float:left;
	line-height:30px;
	margin:10px;
	padding:0;
}
#bas p a{
	text-decoration:none;
}
#bas p a strong{
	font-style:italic;
}

/* Diaporamas */
.diaporama{
	float:left;
}
.diaporama ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.diaporama ul.photos{
	width:400px;
	height:538px;
}
.diaporama ul.photos li{
	position:absolute;
	margin-left:400px;
	width:400px;
	height:538px;
	background:#efe4bd url(/images/fond_entete.gif) repeat-x 0 370px;
}
.diaporama ul.photos li img{
	width:400px;
	height:370px;
}
.diaporama ul.photos li.premier{
	margin-left:0;
}
.diaporama ul.photos li p{
	padding:10px;
	margin:0;
	font-size:12px;
	font-weight:bold;
}
.diaporama ul.vignettes{
	margin-top:10px;
}
.diaporama ul.vignettes li{
	float:left;
	margin:6px 20px 6px 0;
}
.diaporama ul.vignettes img{
	border:6px solid #e0d099;
	cursor:pointer;
	width:100px;
	height:100px;
}
.diaporama ul.vignettes img:hover,
.diaporama ul.vignettes img.selected{
	border-color:#7f0101;
}

/* Lightbox */
.lightbox{
	display:none;
	position:absolute;
	z-index:200;
	top:163px;/*top:179px;*/
	margin-left:-30px;
	width:934px;
	height:498px;
	padding:10px 30px 30px 30px;
	background:#fcf5dd;
	overflow:auto;
	font-size:12px;
}
.lightbox .close{
	float:right;
	margin-bottom:-21px;
}

/* Calendrier */
#calendar{
	width:220px;
	border:1px solid #e0d099;
	text-align:center;
	background-color:#fcf5dd;
}
#calendar p,
#calendar caption{
	margin:0;
	padding:0 0 5px 0;
}
#calendar table{
	width:100%;
	margin:0;
	border-collapse:collapse;
}
#calendar th,
#calendar td{
	border:1px solid #e0d099;
	text-align:center;
	padding:3px;
}
#calendar .highlight{
	cursor:pointer;
	background-color:#7f0101;
	color:#fff;
}

/* Page d'Accueil */
#accueil .visuel{
	width:994px;
}
#accueil .visuel .offrepromo{
	position:absolute;
	margin:240px 0 0 40px;
	color:#353535;
}
#accueil #contenu{
	padding:0 30px 10px 30px;
}
#accueil #video{
	position:absolute;
	margin:190px 0 0 440px;
	width:460px;
	height:248px;
	border:1px solid #7f0101;
}
#accueil #video #intro{
	position:absolute;
	z-index:2;
	width:460px;
	height:248px;
}
#accueil #video #masque{
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	background-color:#fcf5dd;
	opacity:0.5;
	-moz-opacity:0.5;
}
#accueil #video #intro p{
	padding-top:100px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

/* Pahe Hotel */
#hotel .colonne{
	min-height:190px;
}

/* Page Restaurant */
#restaurant .lightbox{
	height:520px;
}
#restaurant .diaporama ul.photos,
#restaurant .diaporama ul.photos li{
	height:560px;
}
#restaurant .etoiles{
	display:block;
	color:#7f0101;
	text-align:center;
	letter-spacing:4px;
	margin:10px 0 -10px 0;
}
#restaurant #stvalentin div.premiere.colonne{
	padding-top:160px;
	min-height:260px;
}
#restaurant #stvalentin div.colonne{
	padding-top:20px;
}

/* Page Mariages et séminaires */
#mariages_seminaires .lightbox#conditions_mariage{
	overflow:hidden!important;
}

/* Page Contactez-nous - Plan d'accès */
#contact_reservations #plan_acces{
	width:340px;
	float:left;
	padding:10px 30px 10px 30px;
	background:#efe4bd url(/images/fond_entete.gif) repeat-x;
}
#contact_reservations #plan_acces #carte{
	border:1px solid #e0d099;
	width:340px;
	height:485px;
}
#contact_reservations #plan_acces #infobulle{
	display:none;
}

/* Impression */
@media print{
	.lightbox{
		overflow:visible;
	}
}