/*** default styles */
* {box-sizing : border-box;  padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover {text-decoration: none;}
a:active {outline: none;}
a {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size : http://www.knacss.com/ */
html {font-size: 62.5%;}
body {background-color: #fff;color: #000;font-family: helvetica, arial, sans-serif;font-size: 1.4em; /* equiv 14px */line-height: 1.5; /* adapt to your design */}
input, select, textarea {font-size: 100%;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */ 	
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color : #008cd9;}

body{
	font-family: 'Lato', sans-serif;
	font-size : 1.8em;
	font-weight : 400;
}

#header, #menu, #main, #footer {width : 100%;}

.page, .page_min {
	width : 100%;
	max-width : 1350px;
	margin : 0 auto;
}

.page_min {
	max-width : 800px;
}

.row::before, .row::after {
    content: " ";
    display: table;
}

.row::after {
    clear: both;
}

.col1-2,
.col1-3,
.col2-3,
.col3-4,
.col2-5,
.col1-5,
.col1-4 {float : left;} 

.col{width: 100%; }
.col3-4{width: 75%;}
.col1-2{width: 50%;}
.col1-3{width: 33.33%;}
.col2-3{width: 66.66%;}
.col1-4{width: 25%;}
.col2-5{width: 40%;}
.col1-5{width: 20%;}

.flexParent {
    display: flex;
    flex-wrap: wrap;
}

.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-4,
.flexbox { 
    display: flex;
}

.flex{width: 100%; }
.flex3-4 {width: 75%;}
.flex1-2{width: 50%;}
.flex1-3{width: 33.33%;}
.flex2-3{width: 66.66%;}
.flex1-4 {width: 25%;}

.flexbox-1-4 {flex-grow: 1;}
.flexbox-3-4 {flex-grow: 3;}

.flex_center_center {
	justify-content: center;
	align-items: center;
}

._cols {
    display: flex;
    flex-wrap: wrap;
}

._col {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

.column2 {
	-moz-column-gap: 20px;
	-moz-columns: 2 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 2 auto;
}

.column3 {
	-moz-column-gap: 20px;
	-moz-columns: 3 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 3 auto;
}

.padding{padding: 20px;}
.paddingSmall{padding: 10px;}
.paddingTop {padding: 15px 0 0 0;}
.paddingTopBottom {padding: 15px 0;}
.paddingLeftRight {padding: 0 10px;}
.paddingAutres {margin: 20px  0; padding : 0 10px;}
.paddingTitre {padding : 15px 20px;}
.paddingSmaller {padding : 5px 3px;}
.paddingTopAccueilResto{padding: 70px 0 0 0;}
.paddingSlideText{padding: 15px 0 0 0;}

.marginNoBottom {margin-bottom : 0;}

#top .padding {padding : 0 10px;}

.col_sans_titre { padding-top : 40px; }
.borderTop {border-top : 1px solid;}
/*gestion des couleurs et des fonds  */
 
.bg_gris_fonce {background-color : #545454; color : #fff;}
.bg_gris_clair {background-color : #f3f1f0; color : #000;}
.bg_blanc {background-color : #fff; color : #000;}
.bg_noir {background-color : #000; color : #fff;}
.bg_orange {background-color : #9F53BF; color : #fff;}
.bg_orange_transparent {background-color : rgba(159,83,191,0.6); color : #fff;}

.color_orange {color : #9F53BF!important;}
.color_gris_fonce {color : #545454;}
.color_blanc {color : #fff!important;}


.bg_orange.bg_pattern a:link, .bg_orange.bg_pattern a:visited,
.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color : #000;}
.bg_orange a:link, .bg_orange a:visited,
.bg_noir a:link, .bg_noir a:visited, 
 a.bg_gris_fonce:link,  a.bg_gris_fonce:visited, 
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #fff;} 


.section {padding : 40px 0; position : relative;}

.img_100 {
	display: block;
    line-height: 1;
    max-width: 100%;
    width: auto;
}

.imgMarginTop {margin-top : 20px;}
.hoverScale {
	overflow : hidden; 
	max-width : 100%;
	display : block;
}
.hoverScale img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	overflow : hidden
}



.hoverScale:hover img,  .hoverScale:focus img {
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.float_right {float : right;}
.float_left {float : left;}

.align_center {text-align : center;}
.align_right {text-align : right;}

.borderTopBottom {border-top : 1px solid; border-bottom : 1px solid;}

.small {font-size : 80%;}
.big {font-size : 110%;}
i.big, i.small { font-style : normal;}
.flag {font-size : 80%; text-transform : uppercase;  }
.uppercase {text-transform : uppercase;  }

.bg_demi {
	position : absolute;
	top : 0; 
	left : 0; 
	width : 50%; 
	height : 100%;
	background-repeat : no-repeat; 
	background-position : center center;
	/* background-attachment : fixed; */
	background-size : cover;
}


.bg_spectacle {
	background-image : url(/style/restaurant/spectacles-beaulieu.jpg);
	/* background-position : top left; */
}
.bg_bar {
	background-image : url(/style/restaurant/bar-des-machines-a-sous-beaulieu.jpg);
}
.bg_terrazza {
	background-image : url(/style/restaurant/la-terrazza-beaulieu.jpg);
}

/*
.bg_sky_beach {
	background-image : url(/style/restaurant/sky-beach.jpg);
}
*/

.bg_sky_beach {
	overflow: hidden;
}

.bg_sky_beach video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url(/style/restaurant/sky-beach.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

.bg_sky_beach button {
  position: absolute;
  bottom: 20px;
  display: block;
  left: 50%;
  width: 100px;
  padding: .4rem;
  border: none; 
  margin: 1rem 0 1rem; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}

.bg_sky_beach button:hover { 
   background: rgba(0,0,0,0.5);
}
/*** header  *****************************************/
	header.page {position : relative;}
	a.logo .img_100{
		display : block;
	}

    #nav-header {padding: 0 20px 20px 20px}
	
	/*#slider { 
		height : 100vh; 
	}*/
	.padding_big {padding : 30px 20px;}
	
	#slider .contentSlide {
		position : absolute; 
		bottom : 20px;
		width : 100%;
		max-width : 1500px;
		left : 50%;
		transform : translate(-50%,0);
	}
	#slider { 
		height : 100vh; 
		position : relative;
		
		overflow : hidden; 	  
		
	}
		 
	/*.sliderImg		{ 
		height : 100vh; 
		position : relative;
		background : #000 url(/style/prov/casino-cavalaire.jpg) no-repeat center center / cover;
	 	-moz-transform:  scale(1.5);
		-ms-transform:  scale(1.5);
		-webkit-transform:  scale(1.5);
		transform:  scale(1.5);
		  -webkit-animation: anim 20s ease-in-out forwards; 
		  -moz-animation:    anim 20s ease-in-out forwards; 
		  -o-animation:      anim 20s ease-in-out forwards; 
		  animation:         anim 20s ease-in-out forwards; 
		background-size : cover;
	}*/
			

		@-webkit-keyframes anim {
		  from {		  
			-moz-transform:  scale(1.25);
			-ms-transform:  scale(1.25);
			-webkit-transform:  scale(1.25);
			transform:  scale(1.25);
		  }
		   to { 		  
			-moz-transform:  scale(1);
			-ms-transform:  scale(1);
			-webkit-transform:  scale(1);
			transform:  scale(1);
			}
		  
		}
		
		@-moz-keyframes anim {
		   from { 
		   -moz-transform:  scale(1.25);
			-ms-transform:  scale(1.25);
			-webkit-transform:  scale(1.25);
			transform:  scale(1.25); }
			to { 
			 -moz-transform:  scale(1);
			-ms-transform:  scale(1);
			-webkit-transform:  scale(1);
			transform:  scale(1);
			}
		}
		@-o-keyframes anim {
		   from {
		-moz-transform:  scale(1.25);
			-ms-transform:  scale(1.25);
			-webkit-transform:  scale(1.25);
			transform:  scale(1.25); 
		   }
			to { 
			-moz-transform:  scale(1);
			-ms-transform:  scale(1);
			-webkit-transform:  scale(1);
			transform:  scale(1); }
		}
		@keyframes anim {
		  from { 
			-moz-transform:  scale(1.25);
			-ms-transform:  scale(1.25);
			-webkit-transform:  scale(1.25);
			transform:  scale(1.25);
		}
			to {
			-moz-transform:  scale(1);
			-ms-transform:  scale(1);
			-webkit-transform:  scale(1);
			transform:  scale(1); 
		}
		}

		.effectZoom {
			-moz-transform:  scale(1.5);
		-ms-transform:  scale(1.5);
		-webkit-transform:  scale(1.5);
		transform:  scale(1.5);
		  -webkit-animation: anim 20s ease-in-out forwards; /* Safari 4+ */
		  -moz-animation:    anim 20s ease-in-out forwards; /* Fx 5+ */
		  -o-animation:      anim 20s ease-in-out forwards; /* Opera 12+ */
		  animation:         anim 20s ease-in-out forwards; /* IE 10+, Fx 29+ */
		
		}
	
/*** menu *****************************************/
	header {
		position : absolute; 
		width : 100%;
		top : 0;
		z-index : 500;
		-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			transition: all 0.5s;
	}
	header.nav-fix {
		background : #000;
		max-width: none;
		position: fixed;
		top: 0;
		width: 100%;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		-o-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=5);
	}
	
    header.nav-fix .nav-item div {font-size: 95%; top: 25px;}

	header.nav-intemediaire {
		top : -40px;
	}
	
	header.nav-intemediaire .logo img.img_100, header.nav-fix .logo img.img_100 {max-width : 100px;}
	header.nav-intemediaire .nav-sec, header.nav-fix .nav-sec {margin: 5px 0;}
	header.nav-intemediaire #nav-casinos, header.nav-fix #nav-casinos {display : none;}
	
    nav {
        position: relative;
        width: 100%;
    }

        ul.nav {
            text-align: right;
font-size: 0.9em;
        }

            li.nav-item {
                display : inline-block;
                padding: 0 10px;
            }

            .nav a {
			    display : inline-block;
			    color : #fff;  
			    text-transform : uppercase;
		        -webkit-transition: all 0.5s;
			    -moz-transition: all 0.5s;
			    transition: all 0.5s;
		    }

                .nav-item > a {
                    padding :  5px 0 2px 0;
                    border-bottom : 3px solid transparent;
                }
		
		    .nav a:link, .nav a:visited{
			    color : #fff;
		    }

            .nav-item > a:focus, .nav-item > a:hover,
		    #contact #nav-contact,
		    #agenda #nav-agenda,
		    #table #nav-jeux,
		    #electroniques #nav-jeux,
		    #machine #nav-jeux,
		    #casino #nav-casino,
		    #groupes #nav-groupes,
		    #poker #nav-jeux,
		    #restauration #nav-restauration,
            #ambassadeur #nav-ambassadeur,
		    #accueil #nav-accueil {
			    text-decoration : none;
			    border-bottom-color : #fff;
		    }

            .nav-item div {
                width: 100%;
                position: absolute;
                left: 0;                
                top: 35px;
                /* http://www.greywyvern.com/?post=337 */
                visibility: hidden;
                opacity:0;
                /* fade-out : l'animation sur la visibilité demarre à 0.5s soit après celle sur l'opacité */
                transition: visibility 0s linear 0.5s, opacity 0.5s linear;
            }
            
            li.nav-item:hover div {
                visibility:visible;
                opacity:1;
                /* fade-in : l'animation sur la visibilité démarre de suite */
                transition-delay:0s;
            }
        
                ul.subnav {
                    list-style: none;
                    margin: 0 auto;
                    text-align: center;
                    font-size : 70%;
                }

                    li.subnav-item {
                        display: inline-block;
                        padding: 10px 10px 0 10px;
                    }
                    
                    .subnav-item > a {
                        padding : 2px 5px;
                    }

                    .subnav-item a:focus, .subnav-item a:hover,
                    #table #nav-table, 
                    #machine #nav-machine,
                    #electroniques #nav-electronique,
                    #poker #nav-poker {
                        text-decoration : none;
                        background : #fff; 
                        color : #000;
                    }

	
		div.selectEtablissement {
			overflow:hidden; /* this hides the select's drop button */
			padding:0; 
			margin:0 0 20px;
		  /*  background: #BDB4AC url(/style/ecommerce/fleche-select.png) no-repeat 95% center ;*/
			/* this is the new drop button, in image form */
			/* width:100%; */
			position : relative;
			/* border-radius:2px;*/
		   /* box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/
			border: none;
			padding-left : 20px;
		}

		div.selectEtablissement::before {
			content : "\f107";
			position : absolute;
			font-family : fontAwesome; 
			left : 5px;
			top : 50%; 
			color : #fff;
			transform : translateY(-50%);
		}

			
		div.selectEtablissement select {
		
			background-color:#000 /* this hides the select's background making any styling visible from the div */;
			background-image:none;
			-webkit-appearance: none /* this is required for Webkit browsers */;
			-moz-appearance: none;
			appearance: none;
			border:none;
			
			text-transform : uppercase;
			color : #fff;
			box-shadow:none;
			/*padding:0.3em 0.5em; */ /* padding should be added to the select, not the div */
			margin : 0;
			position: relative;
			z-index: 2;
		}
		.nav-sec  {
		    margin-bottom : 20px;
		    display: flex;
            justify-content: flex-end;
		}
		
		.nav-sec li{
			display : inline-block; 
			padding :  0 10px;
		}
	

	main {padding-top : 199px;}
	
/*** liste + paragraphe  *****************************************/
	ul.list{
		list-style-type : disc;
		margin-left : 15px;
		margin-bottom : 1em;
	}
	
	ul.list span{color : #000}
	
	ul.nav_rs{
		display : inline-block;
	}
	
	ul.navInt li{
		display : inline-block;
		padding : 0 5px;
	}
	
	
	ul.navInt li a:not(.btn) {
		display : block;
		padding : 2px 5px;
		background : #000;
		color : #fff!important;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	
	ul.navInt li a:not(.btn):hover, ul.navInt li a:not(.btn):focus {
		background : #fff;
		color : #000!important;
	}
	
	
	ul.list_btn_suite {text-align : right; }
	ul.list_btn_suite li{
		display : inline-block;
		padding : 0 5px;
	}
	
	.section  p {margin-bottom : 1em;}
	.section  p.marginNoBottom {margin-bottom : 0;}
	.section  p.small {font-size : 80%;}
	
	.img_100 {
		max-width : 100%;
		display : block; 
		line-height : 1; 
		width : auto;
	}
	
	.traitBottom::after {
		content : "";
		display : block; 
		margin-top : 1em;
		width : 65px; 
		background : #9F53BF;
		height : 1px;
	}
	
.service {
	background : transparent url(/style/restaurant/acces.png) no-repeat top center; 
	text-align : center;
	text-transform : uppercase; 
	font-weight : 400;
	font-size : 80%;
	display : inline-block;
	min-width : 58px;
	padding : 60px 3px 0 3px;
    vertical-align: top;
}

.blocFacebook {
	border : 1px solid #3b5998;
	color : #3b5998!important;
	margin-bottom : 1em;
}

.blocResa {
	border : 1px solid #9F53BF;
	color : #9F53BF!important;
	margin-bottom : 1em;
}
.blocFacebook .flex1-4, .blocResa .flex1-4{
	padding : 25px 10px;
}

    .blocFacebook .flex1-4 {
        justify-content: center;
        line-height: 2;
        font-size: 80%;
    }

.blocFacebook .flex3-4, .blocResa .flex3-4{
	padding : 10px;
    justify-content: center;
}

.bg_facebook {
	color : #fff;
	background : #3b5998;

}

.service02 {background-image : url(/style/restaurant/espace-privatise.png)}
.service03 {background-image : url(/style/restaurant/menu-enfants.png)}
.service04 {background-image : url(/style/restaurant/salle-climatise.png)}
.service05 {background-image : url(/style/restaurant/cheque-ticket-resto.png)}
.service06 {background-image : url(/style/restaurant/cb.png)}
/*.service07 {background-image : url(/style/restaurant/7-sur-7.png)}*/
.service07 {background-image : url(/style/restaurant/5-sur-7.png)}
/*.service08 {background-image : url(/style/restaurant/horaires.png)}*/
.service08 {background-image : url(/style/restaurant/carte-ambassadeur.png)}
.service09 {background-image : url(/style/restaurant/fait-maison.png)}

.pictoTel, .pictoFormulaire, a[href^="tel:"] {white-space: nowrap;}
.pictoTel::before, a[href^="tel:"]:before {
	font-family: fontAwesome;
	content: '\f098';
	padding: 0 6px 0 0;
	font-size: 120%;
	
}

.pictoFormulaire::before{
	font-family: fontAwesome;
	content: '\f298';
	padding: 0 6px;
	font-size: 120%;
	
}

/*** accueil  *****************************************/	

	.blocTriangle::before {
		content : ""; 
		display : block;
		background : transparent url(/style/fleche/fleche-noir-haut.png) no-repeat left top; 
		width : 100%; 
		height : 22px;
		margin-bottom : 2px;
	}

	.blocTriangle::after {
		content : ""; 
		display : block;
		background : transparent url(/style/fleche/fleche-noir-bas.png) no-repeat right top; 
		width : 100%; 
		height : 22px;
		margin-top : 2px;
	}
	.bg_blanc .blocTriangle::before {
		background-image : url(/style/fleche/fleche-gris-haut.png);
	}

	.bg_blanc .blocTriangle::after {
		background-image : url(/style/fleche/fleche-gris-bas.png);
	}
	
	.bg_blanc .articleAgenda .blocTriangle::before {
		background-image : url(/style/fleche/fleche-orange-haut.png); height : 9px;
	}

	.bg_blanc .articleAgenda .blocTriangle::after {
		background-image : url(/style/fleche/fleche-orange-bas.png); height : 9px;
	}
	
	
	.blocPaiement {text-transform : uppercase;}
	.blocPaiement .gain {
        padding: 10px;
        text-align: center;
    }
    .blocPaiement .gain-montant {
        font-size : 120%;
        font-weight : 700;
        color : #9F53BF;
    }

	.moisAgenda {text-transform : uppercase; font-weight : 700; font-size : 110%;}
	
	#bx-pager .agendaBloc {
		font-size : 110%; 
		display : block; 
		margin-bottom : 5px; 
		padding : 3px 30px; 
		text-transform : uppercase;
		position : relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
		
	#bx-pager .agendaBloc strong {
		padding-bottom : 10px;
		display : block;
		width : 100%;
		height : 32px; 
		overflow : hidden;
		font-weight : 500;		
		font-size : 95%;
		position : relative;
	}
	#bx-pager .agendaBloc strong::after {
		position : absolute; 
		right : -25px;
		bottom : 5px;
		content : "+";
	}
	
	#bx-pager a.active::after {
		position : absolute; 
		right : -58px;
		top : 0;
		width:0px;
		border: 29px solid transparent;
		border-left: 29px solid #9F53BF;
		content : "";
	}
	
	#bx-pager a.active:link, #bx-pager a.active:visited  {background : #9F53BF;}
	.dateAgenda {
		display : block; 
		font-size : 90%;
	}
	
	.bg_img {
		background-image : url(/style/fond/fond-a-gagner-en-ce-moment.jpg);
		background-repeat : no-repeat; 
		background-position : center center;
		background-attachment : fixed;
		background-size : cover;
	}
	.bg_page_casino {
		background-image : url(/style/casino/casino-de-beaulieu.jpg);
		min-height : 500px;
	}
	
	.bg_restaurant {
		background-image : url(/style/restaurant/restaurant-beaulieu.jpg);
		min-height : 500px;
	}
	.bg_jeux {
		background-image : url(/style/jeux/jeux-traditionnels/fond-jeux-traditionnel-cavalaire.jpg);
		min-height : 500px;
	}
	
	.bg_machine {
		background-image : url(/style/jeux/machine-a-sous/machine-a-sous-fond.jpg);
		min-height : 500px;
	}
	.bg_electroniques {
		background-image : url(/style/jeux/jeux-electroniques/jeux-electroniques.jpg);
		min-height : 500px;
	}
	.bg_poker {
		background-image : url(/style/jeux/poker/poker-cote-azur-table.jpg);
		min-height : 500px;
	}
    .bg_coffret_cadeau {
		background-image : url(/style/coffret-cadeau/coffret-cadeau.jpg);
		min-height : 500px;
	}
    .bg_carte_ambassadeur {
		background-image : url(/style/ambassadeur/carte-ambassadeur.jpg);
		min-height : 500px;
	}
    .bg_evenement_prive {
		background-image : url(/style/evenement-prive/salle-polyvalente.jpg);
		min-height : 500px;
	}
	
	.bg_pattern {
		background-image : url(/style/fond/fond-diamant.gif);
		background-repeat : repeat; 
		background-position : center center;
		background-attachment : fixed;
		color : #000;
	}
	
	
	.fondu {
		position : relative; 
		display : block;
	}
	.fondu span {
		text-align : center;
		position : absolute; 
		top : 50%; 
		left : 50%;
		transform : translate(-50%,-50%); 
		color : #fff;
		text-transform : uppercase;
	}
	
	
/*** accueil  *****************************************/	
.articleAgenda .dateAgenda {
	text-transform : uppercase;
}
		
		.cache {display : none;}		
/*** jeux  *****************************************/	
.section {
	position : relative; 
	z-index : 5;
}
.sectionSuite {
	width : 100%;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	    will-change: transform;
    top: 0;
	/* position: absolute;
	z-index: 0;
	margin-top: 100px;
	opacity: 0; */
	z-index: 0; 
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.sectionSuiteActive {
	position: relative; 
	visibility: inherit; 
	top: -100px; 
	z-index: 10; 
	opacity: 1; 
}


.sectionSuiteInActive {
	position: absolute; 
	visibility: inherit; 
	top: 100px; 
	z-index: 0; 
	opacity: 0; 
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

.tablePaiement {
    width : 100%;
}

.tablePaiement td, .tablePaiement th{
	padding : 5px 10px;
	text-align : center;
} 

.tablePaiement tr:nth-child(odd) {background: #f3f1f0; }
table.tablesorter thead tr .header {
    background: transparent url(/style/jeux/machine-a-sous/bg.gif) no-repeat center right;
    cursor: pointer;
}
table.tablesorter thead tr th {
    padding-right: 14px;
}


	/*
	.fondu:hover span, .fondu:focus span {
		font-weight : 700;
	} */ 	

/*** jouez l'équilibre *******************************/
.questionJouezLequilibre {
	font-size: 120%;
	text-transform: uppercase;
	display: block;
	padding-bottom: 20px;
	transition: 0.5s;
}
.questionJouezLequilibre.open { padding-bottom: 0; }
.questionJouezLequilibre i { padding: 5px; transition: 0.3s; }
.questionJouezLequilibre.open i { transform: rotate(90deg); }
.questionJouezLequilibre + div > a { display: block; color: #9B0E23 !important; }

.paddingTB { padding: 20px 0; }


/*** footer  *****************************************/ 
	
	footer ul {text-transform : uppercase;}
	.nav-mentions li, .nav_rs li{
		display : inline-block;
	}

		.nav-mentions li a, .nav_rs li a{padding : 0 5px;}

		.nav-mentions li a {font-size : 90%;}

			.nav-mentions li:last-child a{
				border-left : 1px solid; 
			}
			
			
	.titre_footer {
		display :  block; 
		text-transform : uppercase; 
		font-size : 110%;
		font-weight : 600;
		margin-bottom : 5px;
	}
	
/*** titre *****************************************/
h1 {
	font-size : 250%;
	font-family: 'Playfair Display', serif;
	line-height : 1.4em;
	font-weight : 900;
	margin-bottom : 0.5em;
}

#slider h1 {font-size : 250%;}

.noMargin {margin : 0;}
h1 strong{
	font-weight : 300;
	font-size : 60%; 
	text-transform : uppercase;
	font-family: 'Lato', sans-serif;
}
h1.h1_small {font-size : 180%;}
h1 small {display: block; font-size: 40%; line-height : 1;}

h2 {
	font-size : 1.8em;
	font-weight : 300; 
	font-family: 'Lato', sans-serif;
	text-transform : uppercase; 
	font-size : 180%;
}

h2.h2_small {font-size : 150%;}
h2.h1_small {font-size : 170%;}
h2.like_h1 {font-weight : 400; }
h2.titre_h1 {
	font-size : 170%;
	font-family: 'Playfair Display', serif;
	line-height : 1.4em;
	font-weight : 900;
	margin-bottom : 0.5em;
	text-transform : none;
}
    h2.titre_h1.soustitre {
        line-height : 1.1em;
    }

        h2.titre_h1.soustitre em {
            display: block;
            font-family: 'Lato', sans-serif;
            font-size: 70%;
            font-weight: normal;
            font-style: normal;
        }

h3{
	font-size : 1.5em;
	font-weight : 700;
}

h4{
	font-size : 1.2em;
}



/*** lien *****************************************/
.btn {
    display: inline-block;
    padding : 2px 5px;
	min-width : 150px;
    text-transform : uppercase;
	font-size : 90%;
	text-align : center;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}

    .btn:hover, .btn:focus {
		text-decoration : none;
	}
    
    .btn-orange {
        background: #9F53BF;
        color: white!important;
        border-color: #9F53BF;
    }

a.btn_suite, span.btn_suite {
	display : block; 
	float : right;
	text-transform : uppercase;	
	padding : 2px 5px;
	min-width : 150px;
	color : #9F53BF!important;
	border : 1px solid #9F53BF;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	text-transform : uppercase;
	font-size : 90%;
	text-align : center;
}
	header a.btn_suite, .list_btn_suite  a.btn_suite{
        float : none;
        display: inline-block;
        min-width : inherit;
    }

    .btn_suite.btn-bottom-col {
        float: none;
        position: absolute;
        bottom: 0;
        right: 0;
    }

	.articleAgenda a.btn_suite { min-width : inherit;}
	
	a.btn_suite + a.btn_suite {margin-right: 20px;}

	a.btn_blanc {
		color : #fff!important;
		border : 1px solid #fff;
	}
	a.btn_noir , span.btn_noir{
		color : #000!important;
		border : 1px solid #000;
	}
	
	a.btn_suite:hover, a.btn_suite:focus {		
		background : #9F53BF;
		text-decoration : none; 
		color : #f3f1f0!important;
	}
	
	a.btn_blanc:hover, a.btn_blanc:focus {		
		background : #fff;
		color : #000!important;
	}
	
	
	a.btn_noir:hover, a.btn_noir:focus {		
		background : #9F53BF;
		color : #fff!important;
		border-color : #9F53BF;
	}
	
	a.btn_center {
		float : none; 
		display : inline-block;
	}	
			
		a.pdf::before {
			font-family : fontAwesome; 
			content : "\f1c1"; 
			padding-right : 5px;
		}
		
	.mentionsAge {font-size : 90%; text-transform :uppercase;  }

/*** actualites  *****************************************/

	.imgActu {
		display : block;
		height : 150px;
		overflow : hidden;
		position : relative;
	}	

		.imgActu img {
			max-height : 100%;
			margin : 0 auto;	
			position : absolute; 
			top : 50%; 
			left : 50%; 
			transform : translate(-50%,-50%);
		}
		
		
			.imgActu span{
				position : absolute; 
				top : 50%; 
				left : 50%; 
				transform : translate(-50%,-50%);
				text-transform : uppercase; 
				color : rgba(146,143,143,0.5);
				font-weight : 300;
				text-align : center;
				font-size : 95%;
			}
			
			.imgActu span::before{
				content : '\f030';
				font-family : fontAwesome;
				display : block;
				font-size : 200%;
				color : rgba(146,143,143,0.5);
			}


/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

	
			
		#nav-cache {
			height:100%;
			position: fixed;
			background :#000;
			top:0;
			bottom:0;
			height:100%;
			width:240px;
			right:-240px;
			overflow-y : auto;
			z-index:9999;
		}

		a#open-right {
			display : none;
			color : #fff;
			height : 27px;
			width : 45px;
			position : absolute;
			right : 5px;
			top : 15px;

		}

		a.close-right {color : #fff; float : right; text-transform : uppercase; font-weight : bold; font-size : 1em; margin-right : 5px;}
		#nav-responsive {margin-top : 40px;}
		#nav-responsive  li { list-style-type : none;}
		#nav-responsive a{
			display : block;
			color : #fff;
			padding : 15px 10px;
			/*border-bottom : 1px solid #6D848A;*/
			text-transform : uppercase;
			font-size : 1.1em;
		}
		
		#nav-responsive span{
			display : block;
			color : #6d6c6c;
			padding : 15px 10px 0 10px;
			/*border-bottom : 1px solid #6D848A;*/
			text-transform : uppercase;
			font-size : 1.1em;
		}
		
		#nav-responsive li li a{
			display : block;
			color : #fff;
			padding : 15px 10px 15px 20px;
			font-size : 80%!important;
			/*border-bottom : 1px solid #6D848A;*/
			text-transform : uppercase;
			font-size : 1.1em;
		}
		
		#nav-cache  {
			margin-right : 0;
		}


/*********************** responsive  ***************************************/


@media only screen and (max-width : 479px) {
    ._cols-sm-1 > ._col {width: 100%}
}

@media only screen and (min-width : 620px) {
    ._cols-md-2 > ._col {width: 50%}
}

@media only screen  and (min-width : 991px) {
    
}

@media only screen  and (min-width : 992px) {
    ._cols-lg-3 > ._col {width: 33.3%}
    ._cols-lg-4 > ._col {width: 25%}
}


@media all and (max-width: 1185px) {
	 a#open-right {display : block;}
	
	
	.nav-sec, .autresEtablissement, #nav-header {display : none;}

    

}


@media all and (max-width: 1000px) {
	.cr-1000 { flex-direction: column-reverse; }
	.m1-1 { width: 100%; }

	footer .mobile-hide {display: none}
}


@media all and (max-width: 620px) {
    
    

    .mobile-hide {display: none}

	#slider .contentSlide {
		position : absolute; 
		bottom : inherit;
		top : 200px;
		width : 100%;
		max-width : 1500px;
		left : 10px;
		transform : translate(0,0);
	}
	
	
   .align_right {text-align : left;}

	h1 {padding : 0;}
	.padding { padding : 10px;}
	.sans_titre {padding-top : 0;}
	.page {padding : 0;}
	.col1-2, .col1-3, .col2-3, .col1-4  , .col3-4, .col2-5{float : none; width : 100%; }
	
	.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4  {width : 100%;  display: block;}
	
	.nav-sec, .autresEtablissement, #nav-header, #paiementSlide {display : none;} 
	#bx-pager a.active::after {display : none;}
	.blocPaiement .col1-5   {width : 33.33%;}
	#lesJeux .col1-4   {width : 50%; float : left;}
	.bg_demi {
		    position: relative;
			top: inherit;
			left: inherit;
			width: 100%;
			height: 500px;
	}
	/*footer .col2-3 .col1-2 {width : 50%; float : left;}*/ 

    .table-responsive {
        box-sizing: border-box;
        width: 100%;
        /*margin-bottom: 17.25px;*/
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }

    footer {font-size: 85%}

    footer .liens a {
        display: inline-block;
        width: 100%;
        padding: 10px 0;
        border-top: 1px solid #666;
    }
    
    .blocPaiement .gain {
        display: block;
    }

}


@media all and (max-width: 480px) {

	.blocPaiement .col1-5   {width : 100%; float : none;}
	#lesJeux .col1-4   {font-size : 80%;}
	
}

a.desactive {
    opacity: 0.5;
    pointer-events: none;
}

.reservation-place {
    display: inline-block;
    margin-right: 10px;
    min-width: 60px;
}
    
    .reservation-place [type="checkbox"]:disabled + label::before {
        opacity: 0.5;
        pointer-events: none;
    }

#nav-casinos ul {
    list-style: none;
    margin: 0 10px 20px 0;
    padding: 0;
    text-align: right;
}

    #nav-casinos li {
        display: inline-block;
        margin: 0 5px;
        transition: all 0.3s;
    }

        #nav-casinos a {
            font-size: 80%;
            display: block;
            color: #12242d;
            transition: all 0.3s;
        }

        #nav-casinos a:hover {
          color: white;
        }

            #nav-casinos span {
                display: block;
            }

@media all and (min-width: 690px) {

    #nav-casinos li {
        margin: 0;
        transform: skewX(-10deg);
    }

        #nav-casinos a {
            padding: 5px 10px;
            color: #fff;
            background-color: #12242d;
        }

    #nav-casinos a:hover {color: white;}
    #nav-cavalaire:hover {background-color: #ed6237;}
    #nav-beaulieu:hover {background-color: #9F53BF;}
    #nav-noiretable:hover {background-color: #2393C1;}
    #nav-imperial-club-paris:hover {background-color: #9b0e23;}

    #nav-casinos span {
        transform: skewX(10deg);
    }

}

.complet {
    display: block;
    float: right;
    background: red;
    border: 1px solid red;
    padding: 2px 5px;
    font-size: 90%;
    text-transform: uppercase;
    text-align: center;
    color: white;
}

.btn_suite + .complet {margin-right: 5px;}

.index {display: flex; margin: 0 -10px;}
.index dt, .index dd {margin: 10px;}