body,html,form {width: 100%; height: 100%;}
*			{font-family: Verdana, Arial, Helvetica;}
ul, ol, li , dd, dt, dl, html, body, h1, h2, h3, h4, h5, h6, select, input, p {margin:0px; padding: 0px; list-style:none;}
a			{text-decoration:none;}
th			{text-align:left;font-weight:normal;}

/*body		{overflow: hidden;}*/

/********************************************************/
/*						COMMUN							*/
/********************************************************/

body				{background: #000; margin: 0px; padding: 0px;}

/*	Page			*/
.page					{width: 769px; background: url(../images/fond_prin.jpg); margin: 0px auto 0px auto;}

.contenu				{background: url(../images/fond.jpg) no-repeat 0px -3px; clear:both; float: none;
							padding: 20px 60px 20px 60px; min-height: 400px;}

.bandeau				{height: 194px; background: url(../images/bandeau.jpg) no-repeat;}
.bandeau a				{display:block; height:100%; width: 300px;}

/*	menu			*/

#menu_haut			{display:block; height: 53px; padding: 0px 60px 0px 0px;}
#menu_haut li		{display:block; float:right; height: 53px; width:147px; margin: 0px 1px;}
#menu_haut a		{display:block; padding: 0px 17px; font-size: 12px; font-weight:bold; height:100%;}

.menu						{background: url(../images/menu-off.jpg) no-repeat;}
.menuinfo				{background: url(../images/menu-info.jpg) no-repeat;}
.menugal				{background: url(../images/menu-gal.jpg) no-repeat;}
.menuprog				{background: url(../images/menu-prog.jpg) no-repeat;}
.menunavinfo		{background: url(../images/menu-info-nav.jpg) no-repeat;}
.menunavgal			{background: url(../images/menu-gal-nav.jpg) no-repeat;}
.menunavprog		{background: url(../images/menu-prog-nav.jpg) no-repeat;}

/*	Titre de page	*/
.head-title				{display:block; height: 45px; background: url(../images/Entete-fond.jpg);
							border-bottom: 1px dashed #3c4b61; clear:both;}
.head-title li			{display:block; float: left; height: 100%;}

.head-title .title		{background: url(../images/Entete-titre.jpg) no-repeat; width: 150px;}
.head-title .title h2	{color: #e2e2e2; font-style: italic; font-size: 17px; text-align: left; width: 300px;
							padding-top:16px; font-family: Arial; letter-spacing: 1px}
.head-title .info		{line-height: 35px; color: #999; font-size: 14px; font-weight: bold;}
.head-title .option,
.head-title .button			{float: right; padding: 0px 2px 0px 0px;}
.head-title .button input	{margin: 10px 2px 0px 0px;}

/*	Bar de bouton	*/
.button-bar			{clear: both; background: #e3e2e1; border: 1px solid #ccc; height: 30px; line-height: 30px;}
.button-bar *		{float: right;}

/*	bouton	*/
.btnOk				{display:block; float:left; width:27px; height:22px; background: url(../images/btnOk.jpg);}

/*	Erreur			*/
.erreur				{color: #f00;}

/*	Pied Page		*/
.pied-page			{float:none; clear:both; color:#999; text-align: right; font-size: 10px; padding: 5px 10px;
						border-top: 1px dashed #333; margin: 0px 65px;}
.pied-page a		{color:#999; font-size: 10px;}

/*	ident			*/
.ident				{color: #999; margin: 100px auto; font-size: 12px; width: 250px;}
.erreur				{color: #f00;}

.image-loader		{display:none;}

/*	div cale		*/
div.cale			{clear: both; float:none;}

/******* bloc commun ********/

div.bloc-fond	{background: url(../images/fond-HG.gif) no-repeat top left; height: 100px; width: 100px;}
div.blocHG		{background: url(../images/fond-HG.gif) no-repeat top left; height: 100%; width: 100%;}
div.blocHD		{background: url(../images/fond-HD.gif) no-repeat bottom right; width:100%; height:100%;}
div.blocBG		{background: url(../images/fond-BG.gif) no-repeat bottom right; width:100%; height:100%;}
div.blocBD		{background: url(../images/fond-BD.gif) no-repeat bottom right; width:100%; height:100%;}


/********************************************************/
/*					ACCUEIL								*/
/********************************************************/

.index-gauche				{float:left; width: 174px; margin: 0px 5px 0px 5px;}
.index-gauche h3			{font-size: 12px; color: #e649ac; width:100%; margin-bottom: 10px; text-align:left;}
.index-gauche table			{width: 100%; margin: 10px 0px;}
.index-gauche td			{text-align: center;}
.index-gauche table	img		{width: 170px; border: 0px solid #ccc;}
.index-gauche h2			{font-size: 10px; color: #999; width:100%; font-weight: normal;}
.index-gauche h1			{font-size: 15px; color: #ccc; font-style: italic; margin: 5px 0px;}

.index-droite				{float:left; width: 450px; margin: 0px 0px 0px 5px;}

.evenement-suivant				{width: 450px; margin: 10px 0px;}
.evenement-suivant .event		{width: 215px; height: 34px; margin: 0px 10px 2px 0px; float: left;}
.evenement-suivant .event img	{width: 30px; float: left; margin: 2px 5px 0px 0px; border: 0px solid #ccc;}
.evenement-suivant .event h3	{display:block;font-size: 12px; color: #e649ac; width: 167px; height: 14px; overflow: hidden; margin: 0px;}
.evenement-suivant .event h2	{font-size: 10px; color: #c60; float: left; width: 178px; overflow: hidden; height: 21px; line-height: 10px;}

.index-reserve				{margin: 40px 0px 0px 0px;}
.index-reserve a:hover		{text-decoration: none;}
.index-reserve img			{float: left; border: 0px solid #ccc;}
.index-reserve p			{float: left; color: #ccc; padding: 0px 10px; width: 250px; }
.index-reserve p a			{color: #ccc; font-size: 10px;line-height: 13px;}


.index-galerie				{float:left; margin: 30px 0px 0px 0px;}
.index-galerie h2			{color: #e09c9c; font-size: 14px;}

.soiree-photo				{float:left;width: 450px; min-height: 100px;}
.soiree-photo h4			{display:block; font-size: 11px; color: #e649ac; height: 14px; margin: 15px 0px 0px 0px;}
.soiree-photo h3			{color: #c5a6c4; font-size: 12px; line-height: 12px;}
.soiree-photo table			{table-layout: fixed; border-collapse: collapse; margin: 5px 0px 0px 0px;}
.soiree-photo td			{width: 70px; vertical-align: middle;}
.soiree-photo img			{border: 0px solid #ccc; max-width: 90px; max-height: 90px; margin: 5px;}


.accueil-newsletters		{float:left; width: 174px; height: 142px; margin: 40px 0px 0px 0px; background: url(../images/fond-newsletter.gif)}
.accueil-newsletters h2,
.accueil-newsletters p		{display:block; color: #ccc;}
.accueil-newsletters h2		{font-size: 16px; font-weight: bold; margin: 15px 0px 0px 8px; color: #e09c9c;}
.accueil-newsletters p		{font-size: 11px; margin: 10px 8px; float:left; }
.accueil-newsletters input	{width: 120px; height: 15px; border: 1px solid #666; float:left; margin: 0px 5px 0px 10px; font-size: 10px;}
.accueil-newsletters .btnOk	{display:block; float:left; color: #e945c2; font-size: 14px; font-weight: bold; text-align:center; line-height: 14px;}
.accueil-newsletters .desabonnement			{clear:both; float:none; color: #666; margin: 0px 0px 0px 8px; font-size: 10px;}
.accueil-newsletters .lien-desabonnement	{color: #666; font-size: 10px;}

.index-gauche .message	{clear:both; float:none; color: #f90; margin: 0px 0px 0px 8px; font-size: 10px;}


/********************************************************/
/*						GALERIE							*/
/********************************************************/

.galerie .liste				{width: 150px; float:left; margin: 0px 0px 0px 5px;}
.galerie .liste .lien-news	{margin-bottom: 20px;}
.galerie .liste a			{font-size: 11px; color:#e09c9c; clear:both; float:none; display:block; }
.galerie .liste b			{font-size: 11px; color:#e649ac; clear:both; float: none;}
.galerie .liste img			{display:block; border: 0px solid #ccc; margin: 5px 5px 0px 0px;
								max-height: 60px; max-width: 60px;}

.galerie .fiche				{width: 450px; float:left; margin: 0px 0px 0px 5px;}
.galerie .fiche h2			{color:#e649ac; font-size: 12px;}
.galerie .fiche h1			{color:#e09c9c; font-size: 20px;}
.galerie .fiche .detail		{color:#ccc; font-size: 12px; margin: 10px 0px;}


.galerie .photos				{border: 0px solid #ccc; background: url(../images/fond-image.gif) no-repeat center center;
									 margin: 20px 0px; width: 470px; height: 479px;}

.galerie .fiche .image			{margin-top: 20px;}
.galerie .fiche .image td		{width: 450px; height: 350px; vertical-align: middle; text-align: center;}
.galerie .fiche .image img		{display:none;}
.galerie .fiche .image .first	{display:inline;}

/*** Visonneuse		***/
.visionneuse				{float: left; width: 450px; height: 90px; margin: 10px 20px 20px 10px;}
.visionneuse .gauche,
.visionneuse .droite,
.visionneuse .gaucheFleche,
.visionneuse .droiteFleche	{display:block; float: left; width: 32px; height: 100%;}
.visionneuse .gaucheFleche	{background: url(../images/fleche-gauche.gif) no-repeat center center;}
.visionneuse .droiteFleche	{background: url(../images/fleche-droite.gif) no-repeat center center;}
.visionneuse .scroll-image	{display:block; float: left; width: 370px; height: 95%; overflow: hidden; margin: 2px 8px;}
.visionneuse td				{vertical-align:middle; background: url(../images/fond-vignette.jpg) no-repeat center center;
								width: 86px; height: 86px; text-align:center;}
.visionneuse .scroll-image a	{display: block; text-align: center; width: 86px;}
.visionneuse img			{border: 0px solid #ccc; margin: 0px 5px;}

/********************************************************/
/*					NEWS LETTER							*/
/********************************************************/
.news-message		{margin: 30px; text-align: center; font-size: 12px; color:#999; min-height: 100px;}

.news-menu			{float:left; margin: 0px 0px 0px 5px; width: 170px;}
.news-menu .lien-news	{margin-bottom: 25px;}
.news-menu h5		{display:block; color: #ccc; font-size: 15px; font-weight: bold; text-align:center;}

.news-menu a		{display:block; margin: 0px 5px 20px 5px; padding: 0px 0px 5px 0px; color: #c60;
						font-size: 11px; border-top: 1px solid #000; clear:both;}
.news-menu a b		{display:block; color: #e649ac; font-size: 11px; margin: 0px 0px 4px 0px; font-weight: normal;}
.news-menu a img	{display:block; border: 0px solid #ccc; float:left; margin: 0px 5px 0px 0px;}

.news-menu table,
.news-menu td		{width: 100%; text-align: center; background: #ffc;}

.news-menu span		{font-family:Arial; font-size: 9px; font-weight: normal;}

.news-list			{float:left; margin: 0px 0px 0px 5px; width: 450px; min-height: 500px;
						border-left: 0px dashed #3c4b61; border-top: 0px dashed #3c4b61; overflow: auto;}

.news			{margin: 0px 0px 20px 0px; border-bottom: 0px dashed #3c4b61; color:#999; width: 440px; }
.news h4		{display:block; font-size: 12px; color: #e649ac; line-height : 17px; margin: 0px 0px;}
.news .type		{display:block; float:left; margin: 5px 10px 5px 0px; width: 30px;}
.news h2		{display:block; font-size: 14px; color: #c60; float: left; width: 350px; margin: 5px 0px;}
.news table		{float:none; clear: both; border-collapse: collapse;}
.news .image	{padding: 0px 5px 5px 0px;}
.news .post		{text-align: right; border-bottom: 1px dashed #333; margin-top: 15px; color:#666; font-size: 9px;}

.news .news-contenu	{margin: 5px 0px 0px 0px;}

.news .description	{vertical-align: top; font-size: 12px;}

/********************************************************/
/*						CONTACT							*/
/********************************************************/

.contact h2					{display:block; margin: 20px 20px; color: #909; font-style: italic; font-size: 18px; clear: both;}

.contact .reserver			{margin: 0px 25px; height: 330px; width: 589px;}
.contact .reserver .bloc	{clear: both;}
.contact .reserver img		{float:left;}
.contact .reserver p		{float:left; color: #ccc; font-size: 12px; line-height: 15px; font-weight: bold;}

.contact .reserver .bloc-cocktail img	{margin: 0px 50px 0px 0px;}
.contact .reserver .bloc-cocktail p		{width: 350px;}
.contact .reserver .bloc-salle			{margin: 20px 0px 0px 0px;}
.contact .reserver .bloc-salle img		{margin: 0px 0px 0px 50px;}
.contact .reserver .bloc-salle p		{width: 250px;}

.contact .plan-acces		{clear: both; background: url(../images/fond-plan-acces.gif) no-repeat top left;
								 margin: 20px 25px; height: 445px; width: 589px;}

.contact .plan-acces img	{margin: 10px 10px; float:left;}

.contact .plan-acces .info		{display: block; width: 230px; float: right; margin: 10px 10px 0px 0px;}
.contact .plan-acces .info h1	{font-size: 12px; color:#dc928f; line-height: 17px;}
.contact .plan-acces .info a	{font-size: 12px; color:#dc928f; line-height: 17px;}

.contact .plan-acces .formulaire			{font-size: 12px; color:#ccc; line-height: 20px; font-weight: bold;}
.contact .plan-acces .formulaire .txtBox	{width: 200px; font-size: 10px;}
.contact .plan-acces .formulaire textarea	{width: 200px; height: 110px; font-size: 10px;}
.contact .plan-acces .formulaire .btn		{float: right; margin: 0px 25px 0px 0px;}