@charset "utf-8";
/*
	Feuille de style principal tapis-vert
	décembre 2009
	Martin MOREL
	www.tegara.ca

	Cette feuille s'applique sur tout le site, et contient la mise en page du contenu de la page d'acceuil
*/

/*****AFFICHAGE PRINCIPAL******/
html{
	background: #000;
}
body{
	background-color: #000000;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	color:#FFFFFF;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size:12px;	
}
#bottomBg{
	background:url(images/base_ligne_footer.jpg) repeat-x bottom;
}
h1,h3,h4,h5,h6{
	color:#bad13b;
}
h2{
	color:#FFFFFF;
}
a{
	color:#bad13b;
	text-decoration:none;
}
a:hover{
	color:#71746d;
}
#wrapper{
	margin:0 auto;
	width:928px;
}
em{
	color:#bad13b;
	font-weight:bold;
}
h2{
	font-size:16px;
}
h3{
	font-size:16px;
}
h4{
	font-size:14px;
	color:#ffffff;
}
h5{
	font-size:14px;
}
/******************************/
/*****HEADER ET MENU DU HAUT******/
#headerLogo{
	float:left;
}

#topMenu{
	margin-top:41px;
	width:587px;
	height:59px;
	background-image:url(images/box_menu.png);
	float:right;
	clear:right;
	color:white;
	margin-bottom:20px;
	margin-left:20px;
	text-align:center;
	position: relative;
}
#topMenu img {
    position: absolute;
    right: 5px;
    top: -35px;
}

#display{
	width:928px;
	height:327px;
	margin-bottom:25px;
	clear:both;
}

.top-menu a{
	color:#FFFFFF;	
	z-index:9999;
	height: 59px;
	line-height: 59px;
	display: block;
}
.top-menu a:hover{
	color:#bad13b;
}
.top-menu{
	line-height:50px;
	z-index:9999;
	
}
.top-menu li { /* Main Menu */
	float:left;
	display:block;
	height: 59px;
	line-height: 59px;
	position:relative;
	background:url(images/separateur_menu.png);
	background-repeat:no-repeat;
	padding-left:17px;
	padding-right:17px;	
	behavior: url( IEmen.htc );
	z-index:9999;
}
#firstLI{
	background:none;
	padding-left:40px;
}
.top-menu ul {	/* submenus inside Main Menu */
	display:none;
	position:absolute;	
	left:4px;
	width:126px;
	background-image:url(images/box_menu_deroule2.png);
	background-position:bottom;
	padding-top:60px;
	background-repeat:no-repeat;
	z-index:9999;
}
.top-menu img{
	margin-top:4px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}
.top-menu ul li{
	margin-left:20px;
	line-height:12px;
	background:none;
	padding-left:0;
	line-height:normal;
	height:31px;
	z-index:9999;
}

.top-menu a {	
	position:relative;
}
.top-menu li:hover ul, .top-menu ul li:hover ul, .top-menu ul ul li:hover ul, .top-menu li.over ul{
	display:block
}

/**********************************/
/****** SLIDER *******************/
#slider {
    width: 928px; /* important to be same as image width */
    height: 326px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 928px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 14px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #BAD13B;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 16px;
	color:#fff;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
/**********************************/

/******	MENU EN BOÎTE ***********/
.boxe{
	width:214px;
	height:181px;
	float:left;
	margin-left:24px;
	margin-bottom:23px;
}
.boxe img:hover{
	opacity:0.65;
	filter:alpha(opacity=65);
}
#boxe1{
	margin-left:0;
}
#boxes{
	margin-top:23px;
}
/*******************************/


/******CONTENU ET NOUVELLES*********/
#content{
	clear:left;
	width:928px;
	height:219px;
	background-image:url(images/frame_news.jpg);
	margin:0 auto;
}

#news1, #news2{
	float:left;
	width:430px;
	height:173px;	
	text-align:justify;
	margin-top:20px;
	margin-left:20px;
}
#news2{
	padding-left:12px;
}
.newsContent h1{
	margin-bottom:10px;
	font-size:14px;
	text-transform:uppercase;
}
.readMore{
	margin-top:15px;
}
#news1 img, #news2 img{
	float:left;
	margin-right:20px;
	text-align:center;
}
/***************************/

/******PIED DE PAGE*********/
#footer{
	clear:both;
	width:928px;
	overflow:hidden;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	position: relative;
}
#morenews{
	margin-top:20px;
	display:inline-block;
}
#morenews img:hover{
	opacity:0.65;
	filter:alpha(opacity=65);
}
#footer_left{
	float:left;
	height:230px;
	margin-top: 65px;
}
#footer_right{
    position: absolute;
    right: 0;
    text-align: center;
    top: 45px;
}
#newsletter {
background-image:url("images/box_newsletter.png");
background-repeat:repeat;
margin-top:20px;
padding: 20px;
width:350px;
}
#newsletter button{
	width:23px;
	height:23px;
}
#newsletter fieldset{
	margin-top:10px;
}
#newsletter label{
	line-height:25px;
	vertical-align:middle;
	margin-right:5px;
}
#newsletter ul{
	overflow:hidden;
}
#newsletter ul li {
	float:left;
	margin-right:20px;
}
#newsletter ul li label{
	margin-left:10px;
}
#newsletter #notice{
	font-size:10px;
}
#newsletter form{
	height:100%;
}
#segment{
display:none;
}
#newsletter input#courriel{
	background-color:#53544f;
	opacity:0.5;
	filter:alpha(opacity=50);
	border:none;
	color:white;
	height:23px;
	font-size:16px;
	vertical-align:middle;
}
#newsletter input{
	margin-top:5px;
	vertical-align:middle;
}
#newsletter form label{
	color:#c3d738;
}
#sitemap{
	background:url(images/sections/services/jeu_description_bg.png);
	margin-top:13px;
	overflow:hidden;
	border-bottom:1px solid #bad13b;/*bad13b*/
	padding:14px 20px 16px 0px;
	float:left;
	clear:both;
}
#sitemap a{
	color:#FFFFFF;
}
#sitemap a:hover{
	color:#bad13b;
}
#sitemap ul{
	float:left;
	margin-right:35px;
/*	height:115px;*/
	list-style:none;
}
#sitemap ul.last{
	margin-right:0px;
}
#sitemap ul li{
	list-style:none;
	line-height:18px;
}
#sitemap ul li span{
	font-size:12px;
}
#links{
	width:168px;
}
#links img{
	margin-top:8px;
}
#links img:hover, #links2 img:hover{
	opacity:0.65;
	filter:alpha(opacity=65);
}
#links2{
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}
#facebook{
margin: 0 10px 0 10px;
}
#credits{
    clear: both;
    color: #8F8F8F;
    float: left;
    font-size: 10px;
    margin-top: 20px;
}
#credits a{
	color:#8f8f8f;
	text-decoration:none;
}
#credits a:hover{
	color:#bad13b;
}
#adresse{
/*	margin-bottom:35px;*/
	clear:both;
	color:#ffffff;
	font-size:12px;
/*	position:relative;*/
/*	top:-40px;*/
	float:left;
	margin-top:30px;
}
#links #facebook
{
margin-left:20px;
}
/***************************/

/* Modifs party de bureau - David Lapointe - 22 octobre 2010 */
#nav_partyBureau a{
	float:left;
}

.red{
	color:#cc0000;
}

#anoter{
	margin:20px 0;
	overflow:hidden;
}

#anoter #sushis_gauche{
	width: 200px;
	height:68px;
	float:left;
	margin:30px 0 0 0;
}

#anoter #sushis_droite{
	width:728px;
	height:68px;
	float:right;
	line-height:68px;
	margin:30px 0 0 0;
}

#btn_reservez{
	display:block;
	width:215px;
	height:77px;
	background:url(images/btn_reservez.jpg) no-repeat;
	float: left;
}
#btn_reservez:hover{
	background:url(images/btn_reservez2.jpg) no-repeat;
}

#btn_preconcus{
	display:block;
	width:302px;
	height:224px;
	background:url(images/preconcus.jpg) no-repeat;
	margin:0 10px;
}
#btn_preconcus:hover{
	background:url(images/preconcus2.jpg) no-repeat;
}

#btn_thematique{
	display:block;
	width:302px;
	height:224px;
	background:url(images/thematiques.jpg) no-repeat;
	margin:0 10px;
}
#btn_thematique:hover{
	background:url(images/thematiques2.jpg) no-repeat;
}

#btn_promo_reservez{
	display:block;
	width:302px;
	height:224px;
	background:url(images/promo_reservez_up.jpg) no-repeat;
}
#btn_promo_reservez:hover{
	background:url(images/promo_reservez_over.jpg) no-repeat;
}

#btn_alacarte{
	display:block;
	width:302px;
	height:224px;
	background:url(images/alacarte.jpg) no-repeat;
}
#btn_alacarte:hover{
	background:url(images/alacarte2.jpg) no-repeat;
}

/* Effet actif */
.partyBureau_carte #btn_alacarte{
	background:url(images/alacarte2.jpg) no-repeat;
}

.partyBureau_thematique #btn_thematique{
	background:url(images/thematiques2.jpg) no-repeat;
}

.partyBureau_preconcus #btn_preconcus{
	background:url(images/preconcus2.jpg) no-repeat;
}

/* Preload d'images lourdes */
body:after{
	content:url(images/preconcus2.jpg) url(images/thematiques2.jpg) url(images/alacarte2.jpg) url(images/btn_reservez2.jpg);
	display:none;
}
/*Page Videos*/
#video{
    margin: 25px 0;
	overflow:hidden;
}
.clear{
	clear:both;
}
.btn_action{
	padding:10px;
	background:#3f3f3f;
	text-transform:uppercase;
}
a.btn_action:hover{
	color:#FFF;
}
#video .row_video h4{
	font-size:16px;
	font-weight:bold;
	color:#BAD13B;
}
#video .row_video{
	border-bottom:1px solid #666;
	margin-bottom:20px;
	padding-bottom:20px;
}
#video .row_video.last{
	border-bottom:none;
}
#video .row_video .col_left,
#video .row_video .col_right{
	float:left;
}
#video .row_video .col_left{
	width:455px;
}
#video .row_video .col_right{
	line-height:18px;
	margin-left:23px;
	width:450px;
}
#video_channel p{
	text-align: center;
}


/* Flickr */

#flickr_content{
    padding:20px 0;
}

#flickr_content h2{
    margin:10px 0 20px 0;
}

.flickr_album{
    display:block;
    width:214px;
    height:180px;
    float:left;
    text-align:center;
    overflow:hidden;
    margin:0 0 0 12px;
}
.flickr_album.first{
    margin:0;
}
.flickr_album img{
    max-width:214px;
    height:auto;
}
.flickr_album_label{
    height:20px;
    line-height:20px;
}

.flickr_album_list{
    display:block;
    width:75px;
    height:75px;
    margin:20px;
    float:left;
    
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
}

.flickr_album_list h3{
    margin:5px 0;
    text-align:center;
    font-size:0.7em;
}

#flickr_album_content .flickr_album_list{
    opacity:1;
    filter:alpha(100);
}
#flickr_album_content:hover .flickr_album_list{
    opacity:0.6;
    filter:alpha(60);
}

#flickr_album_content:hover .flickr_album_list:hover{
    opacity:1;
    filter:alpha(100);
}

#flickr_prev_photo{
    margin:30px 0 0 0;
    float:left;
}

#flickr_next_photo{
    margin:30px 0 0 0;
    float:right;
}

#flickr_prev_photo img, #flickr_next_photo img{
    max-width:204px;
    height:auto;
}

#flickr_curr_photo{
    overflow:hidden;
    text-align:center;
    width:928px;
    max-width:928px;
    float:left;
}
#flickr_curr_photo img{
    max-width:928px;
    height:auto;

    max-height:696px;
    width:auto;
}

#flickr_buttons{
    height:50px;
    line-height:50px;
}

.flickr_retour_albums{
    
    
    height:16px;
    line-height:16px;
    padding:0 0 0 25px;
    background:url(../images/retour_album.png) left center no-repeat;
}

.flickr_retour_album{
    margin:0 0 0 20px;
    height:16px;
    line-height:16px;
    padding:0 0 0 35px;
    background:url(../images/retour_photos.png) left center no-repeat;
}

.flickr_compte{
    float:right;
    padding:0 0 0 25px;
    height:16px;
    line-height:16px;
    background:url(../images/compte_flickr.png) left center no-repeat;
}

.texte_bottom{
	font-size:15px;
	line-height:20px;
	margin-top:24px;
}
#link_partygroupe{
	border:1px solid #4c4e4d;
	display:block;
	margin:18px 0;
}
.box_jeux{
	clear:both;
	overflow:hidden;
}
.box_jeu{
	float:left;
	height:500px;
	margin-right:24px;
	position:relative;
	width:214px;
}
.box_jeu .description{
	background:url(images/sections/services/jeu_description_bg.png);
	position:absolute;
	bottom:0;
	padding:12px;
	text-transform:uppercase;
	height:140px;
	width:100%;
}
.box_jeu .description span{
	display:block;
}
.box_jeu .description .qty{
	font-weight:bold;
	font-size:70px;
	color:#bad13b;
	margin-bottom:-10px;
	letter-spacing:-2px;
}
.box_jeu .description .name{
	font-size:16px;
	font-weight:bold;
	color:#bad13b;
}
.box_jeu .description .price{
	font-size:18px;
	margin-top:-3px;
}
.box_jeu .description .price sup{
	position:relative;
	bottom:3px;
	left:1px;
	font-size:12px;
	font-weight:bold;
}
.box_jeu .description .taxes{
	color:#818181;
	font-size:11px;
}
.box_jeu.last{
	margin:0;
}
#box_jeu_snooker{
	background:url(images/sections/services/jeu_snooker_bg.jpg) no-repeat;
}
#box_jeu_dard{
	background:url(images/sections/services/jeu_dard_bg.jpg) no-repeat;
}
#box_jeu_billard{
	background:url(images/sections/services/jeu_billard_bg.jpg) no-repeat;
}
#box_jeu_pingpong{
	background:url(images/sections/services/jeu_pingpong_bg.jpg) no-repeat;
}
/*FORFAIT PRECONCUS*/
#wrapper_salonprive{
	padding: 40px 0;
	overflow: hidden;
}
#s3slider { 
   width: 428px; /* important to be same as image width */ 
   height: 320px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
}

#s3sliderContent {
   width: 428px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 14px;
   padding: 10px 13px;
   width: 402px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
#salonprive{
	height: 320px;
	margin: 0 0 0 20px;
	float: left;
	width: 480px;
	}
#salonprive p{
	margin: 5px 0 10px 0;
}
#salonprive li{
	list-style:disc inside none;
	padding-left: 5px;
	line-height: 20px;
}
#grp_nombreux{
	margin: 0 0 35px 0;	
}
#grp_nombreux p{
	margin: 5px 0;	
}
#reserver{
	padding: 20px 0;
}
#reserver_img{
	width: 100%;
}
#reserver_img{
	margin: 10px;
	overflow: hidden;
}
#reserver_img a{
	margin: 0 60px 0 135px;
}