@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}

body{
	height: 100%;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#090909;
	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.container {
	width:960px;
	min-height:100%;
	position: relative;
	background-color:#090909;
	border-style:solid;
	border-width:1px;
	border-color:#151515;
	margin-right:auto;
	margin-left:auto;
}

.header{
	width:100%;
	height:115px;	
}

.logo{
	width:333px;
	height:48px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	margin-top:45px;
	margin-left:25px;
	float:left;	
}

.menu{
	width:550px;
	height:36px;
	float:right;
	padding-top:55px;
	padding-right:10px;
}

.contact{
	width:111px;
	height:36px;
	float:right;
	background-image:url(images/btncontact.png);
	cursor:pointer;
}

.contact:hover{
	background-position: 0 -36px;
	cursor:pointer;

}
.resto{
	width:96px;
	height:36px;
	float:right;
	background-image:url(images/btnresto.png);
	cursor:pointer;
}

.resto:hover{
	background-position: 0 -36px;
	cursor:pointer;

}

.billard{
	width:110px;
	height:36px;
	float:right;
	background-image:url(images/btnbillard.png);
	cursor:pointer;
}

.billard:hover{
	background-position: 0 -36px;
	cursor:pointer;

}

.club{
	width:91px;
	height:36px;
	float:right;
	background-image:url(images/btnclub.png);
	cursor:pointer;
}

.club:hover{
	background-position: 0 -36px;
	cursor:pointer;

}

.accueil{
	width:111px;
	height:36px;
	float:right;
	background-image:url(images/btnaccueil.png);
	cursor:pointer;
}

.accueil:hover{
	background-position: 0 -36px;
	cursor:pointer;

}

.soireethematique{
	width:100%;
	height:135px;
	background-image:url(images/soireethematique.jpg);
	background-repeat:no-repeat;
}

.flashsoireethematique{
	width:960px;
	height:195px;
	background-color:#090909;
	color:#090909;
	clear:both;
}

.evenements{
	width:960px;
	height:340px;
	background-image:url(images/evenements.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;

}

.sections{
	width:935px;
	height:320px;
	background-image:url(images/sections.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.photosvideos{
	width:960px;
	height:330px;
	background-image:url(images/photosvideos.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

.contactsection{
	width:960px;
	height:215px;
	background-image:url(images/contact.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.content {
	padding-bottom:50px;
}

.contactsection2{
	width:960px;
	height:500px;
	background-image:url(images/contact.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-right:22px;
}

.evenement1 {
	width:220px;
	height:225px;
	margin-left:20px;
	cursor:pointer;
	float:left;
	display:inline;
	
}

.evenement2{
	width:220px;
	height:225px;
	margin-left:12px;
	cursor:pointer;
	float:left;
}

.evenement3{
	width:220px;
	height:225px;
	margin-left:12px;
	cursor:pointer;
	float:left;
}

.evenement4{
	width:220px;
	height:225px;
	margin-left:12px;
	cursor:pointer;
	float:left;
}

.restotitle{
	width:922px;
	height:315px;
	background-image:url(images/resto.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left:13px;
}

.clubtitle{
	width:937px;
	height:320px;
	background-image:url(images/club.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-right:22px;
	
}

.leloungetabasco{
	width:960px;
	height:250px;
	background-image:url(images/leloungetabasco.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-right:22px;
	
}

.photosevenements{
	width:960px;
	height:250px;
	background-image:url(images/photosevenements.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-right:22px;
	
}

.nosalcools{
	position:relative;
	width:960px;
	height:200px;
	background-image:url(images/nosalcools.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.lesspeciaux{
	width:960px;
	height:200px;
	background-image:url(images/lesspeciaux.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.cocktaildumois{
	width:202px;
	height:136px;
	background-image:url(images/cocktaildumois.png);
	background-repeat:no-repeat;
	position:absolute;
	top:-37px;
	right:0px;
}

.cocktail{
	width:140px;
	height:167px;
	background-image:url(images/cocktail.png);
	background-repeat:no-repeat;
	margin-top:32px;
	float:left;
}

.discoball{
	width:383px;
	height:208px;
	background-image:url(images/discoball.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-top:63px;
	margin-right:15px;
}

.billardtitle{
	width:950px;
	height:270px;
	background-image:url(images/billard.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-right:20px;
	
}

.ecrangeants{
	width:950px;
	height:250px;
	background-image:url(images/ecrangeants.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin-right:20px;
	
}

.ecran{
	width:346px;
	height:171px;
	background-image:url(images/ecran.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-top:78px;
	margin-right:55px;	
}

.pooltable{
	width:414px;
	height:122px;
	background-image:url(images/pooltable.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-top:145px;
	margin-right:25px;	
}

.footer {
	position: absolute;
	width:960px;
	height:50px;
	background-color:#000;
	bottom:0;
}

.footer_separator {
	margin-left: 30px;
	margin-right: 30px;
	border-top: 1px solid #151515;
}

a:link{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
 	font-size:12px; 
	color:#FFF;
	text-decoration:underline;
}
a:visited{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
 	font-size:12px; 
	color:#FFF;
	text-decoration:underline;
}
a:active{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
 	font-size:12px; 
	color:#FFF;
	text-decoration:underline;
}
a:hover{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
 	font-size:12px; 
	color:#999;
	text-decoration:underline;
}
.facebook{
	background-image:url(images/minifacebook.png); 
	background-repeat:no-repeat; 
	height:20px; 
	width:20px; 
	float:right; 
	padding-right:5px;
	cursor:pointer;
}

.facebook:hover{
	background-position:0 -20px;
	cursor:pointer;
}

.twitter{
	background-image:url(images/minitwitter.png); 
	background-repeat:no-repeat; 
	height:20px; 
	width:20px; 
	clear:both; 
	float:right; 
	padding-right:15px;
}

.twitter:hover{
	background-position:0 -20px;
	cursor:pointer;
}