/**************************************/
/************** RESET CSS *************/
/**************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/**************************************/
/************** GENERAL ***************/
/**************************************/
*{margin:0;padding:0;border-sizing:border-box;}
html{height:100%;margin:0 !important;}
body{color:#23384c;font-size:16px;height:100%;width:100%;font-family: 'open_sansregular', sans-serif;}
a{color:#e02b20;text-decoration:none;}

h1, h2, h3, h4, h5{
	font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif	
}
h1{
	background: rgba(0, 0, 0, 0) url("../images/griffe.png") no-repeat center 100%;
    color: #000000;
    font-size: 40px;
	margin:50px 0 30px;
    text-transform: uppercase;
    display: inline-block;
	height:70px;
}

h2{
	color: #262E37;
    font-size: 30px;
    margin: 40px 0 20px;
	padding-bottom: 16px;
    text-transform: uppercase;
	line-height:40px;
}
h3{color:#565759;font-size:20px;font-weight:normal;margin:0 0 20px;text-transform:uppercase;}
h4{color:#ff6600;font-size:18px;font-weight:400;margin:0 0 15px;}
h5{font-size:18px;font-weight:700;margin:0 0 15px;}
img{border:0 none;height:auto;max-width:100%;}
p{line-height:1.9em;margin-bottom:25px;}
strong{font-weight:700;}
blockquote{/*background:#FFF url("../images/quote.png") no-repeat scroll 5px 5px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);padding:30px 20px 10px 40px;border:thin;border-left:10px solid #F1B600;margin-bottom:40px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/font-style:italic;font-size:14px;margin:15px 0;}
cite{color:#666;font-style:italic;font-size:14px;}
em{font-style:italic;}
hr{background:#dedede none repeat scroll 0 0;border:0 none;display:block;height:1px;width:100%;display:block;margin:25px auto 10px;}

.transition{transition: all 500ms linear 0s;}
.transitions{
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;	
}
.alignleft{float:left;margin:0 20px 0 0;}
.alignright{float:right;margin:0 0 0 20px;}
.aligncenter{display:block;margin:0 auto;}
.clear{clear:both;}

.h2_univers{
	color:#FFF;	
	text-align:center;
}

.h2_station{
	text-align:center;
}

#header{background:#fff none repeat scroll 0 0;position:relative;width:100%;height:128x;}
#header_content{margin:0 auto;max-width:1600px;position:relative;width:100%;}
#logo{
	background: url('../images/bg_logo.png') no-repeat top center;
	width:400px;
	height:270px;
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1000;
	
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	}
	
#logo-sticky{
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1000;
	
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	}	
	
	
#logo img, #logo-sticky img {height:auto;max-height:100%;max-width:90%;width:auto;}
#open, #menu_smartphone{display:none;}

#footer{background:#262E37; color:#FFF; font-size:16px; min-height:620px;}
.content_footer{max-width:1200px;width:90%;margin:0 auto; padding:20px 0;line-height:28px;}
.content_footer a{color:#FFF;}
.content_footer a:hover{color:#FFF;}

.content_footer #custom_html-2, .content_footer #custom_html-13, .content_footer #custom_html-6, .content_footer #custom_html-14, .content_footer #custom_html-7, .content_footer #custom_html-9, .content_footer #custom_html-19, .content_footer #custom_html-8, .content_footer #custom_html-20, .content_footer #custom_html-21, .content_footer #custom_html-22, .content_footer #custom_html-23, .content_footer #custom_html-24, .content_footer #custom_html-25{
	font-size:12px;
	margin-bottom:30px;	
	text-align:center;
}

.content_footer .widgettitle{
	color:#efb534;	
}

.content_footer #custom_html-4, .content_footer #custom_html-3, .content_footer #custom_html-5, .content_footer #custom_html-10, .content_footer #custom_html-11, .content_footer #custom_html-12, .content_footer #custom_html-15, .content_footer #custom_html-16, .content_footer #custom_html-17{
	float:left;
	width:33%;
	text-align:center;
}

/**************************************/
/************** MENU ******************/
/**************************************/

#menu_principal_droite{
	float:right;
	margin-right:40px;
	}

#menu_principal_gauche{
	float:left;
	margin-left:40px;
	}

.menu_principal{
	float:left;
	/*width:290px;*/
	height:145px;
	line-height:145px;
	font-weight:600;
	text-transform:uppercase;
	}

	.menu_principal li{
		display:inline-block;
		vertical-align:middle;
		/*line-height:1.2;*/
		list-style: none;
		/*width:141px;*/
		text-align:center;
		position:relative;
		}
	
		.menu_principal li a{
			color:#333;
			font-size:16px;
			}
	
	.menu_principal li a:hover,
	.menu_principal .current_page_item a{
		color:#333;
		}



.is-sticky{width:100%;}
.is-sticky #header{background:#fff;min-height:80px;height:80px;z-index:1000; padding:10px 0;border-bottom:1px solid #CCC;}
.is-sticky #menu{clear:right;text-align:right;width:80%; margin-top: 2px;}
.is-sticky #menu_principal_gauche, .is-sticky #menu_principal_droite{display:none;}
.is-sticky #preheader{display:none;}
.is-sticky #open{
	display: block;
	float: right;
	padding: 15px 0%;
	text-align: center;
	width: 12%
}

.is-sticky #logo{display:none;}
#logo-sticky{display:none;z-index:0;}
.is-sticky #logo-sticky{display:inline-block;margin-top:5px;}

/**************************************/
/************** HOMEPAGE **************/
/**************************************/

#presentation{
	width:100%;
	height:auto;
}
#presentation .texte, #presentation .image{float:left;margin-top: -95px;}
#presentation .texte{width:65%;margin-right:2%;}
#presentation .image{width:33%;}

#bonsplans{
	
	height:400px;
	/*background:#f2f2f0;	*/
}

.img-entete{
	height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}

#univers{
	background:#262E37;
	height: 700px;
    padding: 20px;
}

.item-univers{
	width:23%;
	min-height:430px;
	margin:3%;
	float:left;
	background:#E02B20;
	padding:2%;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);	
	transition: 0.35s ease-out;
  -webkit-transition: 0.35s ease-out;
  -moz-transition: 0.35s ease-out;
}
.item-univers:hover, .item-iquest:hover, .item-salle:hover, .item-mobile:hover{
	transform: translate3d(0, -10px, 0);
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-box-shadow: 3px 3px 15px 0px #acc0db;
	-webkit-box-shadow: 3px 3px 15px 0px #acc0db;
	-o-box-shadow: 3px 3px 15px 0px #acc0db;
	box-shadow: 3px 3px 15px 0px #acc0db;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=15);
}

.item-univers:hover h3{
	background-color:#efb534;
	color:#000;
}

.item-univers .logo_couleurs, .item-univers:hover .logo_blanc{
	display:none;	
}

.item-univers:hover .logo_couleurs{
	display:block;	
}


.item-iquest:hover .btn, .item-salle:hover .btn, .item-mobile:hover .btn{
	background-color:#efb534;
	color:#000;
}

.item-univers h3, .item-univers h4, .item-univers p{
	color:#FFFFFF;
	text-align:center;
}

.item-univers .type{
	color:#FFF;
	text-align:center;
	font-size:14px;
	font-style:italic;
}

.item-univers h3{
	background-color:#262E37;
	padding:15px;
	border-radius: 2px;
}

.item-univers::first-child{
	margin-left:0px !important;	
}

.item-univers::last-child{
	margin-right:0px !important;	
}

.item-univers img{
	display:block;
	margin:0 auto;	
}

.item-univers h3{
	text-align: center;
    display: block;
    margin-top: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
	color:#FFFFFF;
	font-size:16px;
}

.item-univers .btn-en-savoir{
	background: #6a266f none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 10px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    padding: 10px 20px;
    position: absolute;
    text-align: center;
    right: 10px;
}

.item-univers .btn-en-savoir:hover{
	background:#ABCB2C;
	color:#FFF;
	text-decoration:none;	
}

.item-news{
	width:43%;
	margin:1%;
	float:left;
	padding:2%;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid grey;
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);	
	transition: 0.35s ease-out;
  -webkit-transition: 0.35s ease-out;
  -moz-transition: 0.35s ease-out;
}

.item-news:hover{
	transform: translate3d(0, -10px, 0);
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-box-shadow: 3px 3px 15px 0px #acc0db;
	-webkit-box-shadow: 3px 3px 15px 0px #acc0db;
	-o-box-shadow: 3px 3px 15px 0px #acc0db;
	box-shadow: 3px 3px 15px 0px #acc0db;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=15);
}

.item-news h3{
	text-transform:none;
	margin:20px 0;
}

.item-news .infos{
	color:grey;
	font-size:11px;
}

.item-slide{
	/*width:43%;
	margin:1%;
	float:left;
	*/
	padding:3%;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid grey;
  /*box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);	*/
	transition: 0.35s ease-out;
  -webkit-transition: 0.35s ease-out;
  -moz-transition: 0.35s ease-out;
}

.item-slide:hover{
	transform: translate3d(0, -10px, 0);
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-box-shadow: 3px 3px 15px 0px #acc0db;
	-webkit-box-shadow: 3px 3px 15px 0px #acc0db;
	-o-box-shadow: 3px 3px 15px 0px #acc0db;
	box-shadow: 3px 3px 15px 0px #acc0db;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=15);
}

.item-slide h3{
	text-transform:none;
	margin:20px 0;
}

.item-slide .infos{
	color:grey;
	font-size:11px;
}

.item-slide img{
	object-fit:cover;
	max-height:450px
}

.station{
	width:18%;
	margin:1%;
	float:left;
	padding:2%;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.1);	
	transition: 0.35s ease-out;
  -webkit-transition: 0.35s ease-out;
  -moz-transition: 0.35s ease-out;
  border:1px solid grey;
  text-align:center;
}



#stations iframe{
	margin-top:40px;	
}

#preheader{
	background: #262E37 none repeat scroll 0 0;
    border-bottom: 10px solid #E02B20;
    height: 30px;
    position: relative;
    width: 100%;	
}

.widget_polylang ul li{
	padding: 0;
    margin: 6px 15px;
    list-style-type: none;
    display: inline-block;
	vertical-align:middle;
}

.widget_polylang ul li a{
	color:#FFF;
	font-size:13px;
}

.sidebar-container .widget-area{
	float:right;	
}

#smart-menu-nav li{
	padding-top:20px;
}

#smart-menu-nav .firstvc{
	border-top:1px solid #FFF;
	display:block;
}

#main-menu-nav-gche li{
	margin-right:80px;	
}

#main-menu-nav-drte li{
	margin-left:80px;	
}

/**************************************/
/************** PAGES *****************/
/**************************************/
#container{margin:0 auto;max-width:1200px;position:relative;width:90%;padding:0 0 40px;}

#diapo {
    width: 100%;
    position: relative;
    height: 700px;
    overflow: hidden;
}

#diapofixe {
    width: 100%;
    position: relative;
    overflow: hidden;
	display:none;
}
/*.logo-client{margin-top:-11px;}*/

#container ul, #container ol{margin-bottom:35px;margin-top:20px;}
#container ul li{line-height:1.5em;list-style:outside none none;margin:15px 15px 15px 45px;}
#container ul li::before{content:url("../images/puce.png");margin:0 10px 0 -40px;padding-right:0.5em;}
#container ol{counter-reset: compteur;}
#container ol li{list-style-type: none;counter-increment: compteur;line-height:1.8em;margin:15px 15px 15px 50px;}
#container ol li::before{
	background: #7598b9 none repeat scroll 0 0;
    border-radius: 125px;
    color: white;
    content: counter(compteur, decimal);
    font-size: 0.8em;
    font-weight: bold;
    margin-left: -54px;
    margin-right: 8px;
    padding: 8px 19px;
}

.menu_copyright{
	background:#171717;
	min-height:50px;
	line-height:50px;	
	border-top:10px solid #E02B20;
}

.content_copyright{
	padding:10px 0;
	text-align:center;
}

#copy-menu-nav li{
	font-size:11px;
	display:inline-block;	
}

#copy-menu-nav li a{
	color:#c6c6c6;	
}

#copy-menu-nav li a:hover{
	color:#FFF;
	text-decoration:none;
}

/**************************************/
/******** FORMULAIRE CONTACT **********/
/**************************************/
.wpcf7-form{width:100%;margin:40px 0 0;}
.wpcf7-form-control-wrap{display:inline-block;margin:0 0 5px;vertical-align:middle;width:100%;}
select, textarea, input{border:1px solid #767676;color:#464444;display:inline-block;margin:1% 0;padding:10px 2%;vertical-align:middle;width:100%;}
.radio input{width:10px;}
.champs{display:inline-block;width:49%;}
.wpcf7-not-valid{border:2px solid #f00 !important;}
.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-mail-sent-ok, .wpcf7-validation-errors, .wpcf7-response-output{border:0 none !important;font-weight:bold;text-align:center;}
.wpcf7-mail-sent-ok{color:#369f4c}
.wpcf7-validation-errors, .wpcf7-spam-blocked{color:#f13900;}


.wpcf7-form .wpcf7-col1, .wpcf7-form .wpcf7-col2{
	float:left;
	width:48%;	
}
.wpcf7-form .wpcf7-col1{
	margin-right:4%;
}

.wpcf7-select{
	width:104.4%	
}

.wpcf7-textarea{
	width:98%;	
	resize: vertical;
}

.wpcf7-quiz-label{
	font-style:italic;
	font-size:14px;	
}

.wpcf7-quiz{
	width:98%;	
}

.wpcf7-infos{
	background:#e2e2e2;
	padding:20px;
	border:1px solid #767676;	
	line-height:1.7em;
	color:#000;
	width:85%;
	font-size:14px;
	margin:20px auto;
}

#wp-submit, #submit, .wpcf7-submit{
	background:#E02B20;
	border:0 none;
	color:#FFF;
	padding:10px 20px;
	width:15%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	font-size:18px;
	font-weight:500;
	min-width:120px;
	min-height:50px;
	margin:0 auto;
	display:block;
}
#wp-submit:hover, #submit:hover, .wpcf7-submit:hover{
	background:#EFB534;
	border:0 none;
	color:#000;
	cursor:pointer;
}
.g-recaptcha div{margin:0 auto;}
.screen-reader-response{display:none;}
.obligatoire{
	display: block;
    font-size: 13px;
    font-style: italic;
    text-align: right;	
}


.btn{
	background: #E02B20 none repeat scroll 0 0;
	position:absolute;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0px;
    max-width: 450px;
    padding: 10px 20px;
    text-align: center;
	cursor:pointer;
}

.btn:hover{
	background: #efb534 none repeat scroll 0 0;
    color: #000;
    text-decoration: none;	
}

.text_hmpg{
    text-align: justify;
    line-height: 1.8em;
    margin-bottom: 20px;	
}

.intro{
	text-align:center;
	/*border-bottom:1px solid #dedede;*/
	/*margin-bottom:50px;	*/
}

.texte-illustration{
	color:#FFF;
	font-size:26px;
	padding-left:20%;
	/*padding-top:20%;*/
}

.logo-hmpg{
	top:170px;
	left:65%;
	position:relative;
}

.desc-escaperoom{
	float:left;
	width:70%	
}
.img-escaperoom{
	float:left;
	width:120px;
	margin-top:-125px;
	border:20px solid #FFF;
	/*position:absolute;*/
	left:0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

.img-station{
	float:right;
	width:120px;
	margin-top:-125px;
	border:20px solid #FFF;
	/*position:absolute;*/
	right:0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	
}

.intro-escape{
	text-align:center;
	padding-top:70px;
}

.desc-escaperoom .btn, .contenu-part2 .btn{
	display:inline !important;	
}

.single-escapes .page_content{
	/*margin-top:-150px;*/
	background:#FFF;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.single-escapes .slogan{
	font-style:italic;
	font-size:14px;	
}

.resa-tel{
	color:#000;text-align:center;font-size:18px;	
}

.salles, .tarifs, .reserver{
	padding:50px 0;	
}

.tarifs{
	color:#FFF;
}

.salles{
	background-color:#000;	
}

.salles h2, .tarifs h2{
	color:#FFF !important;	
}

.single-escapes .prixparpersonne{
	float:left;
	width:12%;
	background-color: rgba(0, 0, 0, 0.4);
	padding:30px;
	margin:0.5%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height:30px;
	text-align:center;
}

.tarifs p {
    margin-top: 40px;
}

.single-escapes .station{
	width:40%;	
}

.single-salles .btn, .single-escapes .btn, .single-mobile .btn, .single-jeux .btn, .single-stations .btn{
	display:block;
	martin-top:30px;
	position:relative;	
}

.single-escapes .tarifs .btn{
	position:initial;
	display:initial;
}

.salles .btn; .mobile .btn{
	border-radius:0px !important;
}

.single-escapes .item-iquest .btn{
	margin-top:40px !important;	
}

/********************************
/* ACTUALITES / BONS PLANS
*****************************/
.img-news {
    float: left;
    margin-right: 25px;
    margin-top: 25px;
    width: 25%;
}
.extrait-news {
    float: left;
    width: 70%;
}

.extrait-news .btn{
	max-width:180px !important;
	min-width:180px !important;
	margin:0 !important;
	float:right;
}

.date-news {
    font-size: 13px;
    font-style: italic;
}

.prixparpersonne .joueur{
	text-transform:uppercase;
	font-size:16px;
	font-weight:800;
}

.prixparpersonne .prix{
	font-size:18px;
}

.prixparpersonne .pers{
	text-transform:uppercase;
	font-size:14px;
	color:grey;
}

.hr-news{
	width:100%;
	height:1px;	
}

.illustration-escape, .illustration-tarifs{
	height:300px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.illustration-escape, .img-entete{
	filter:blur(3px);
}

.item-salle, .item-mobile, .item-iquest{
	display:block;
	float:left;
	width:22%;
	margin:1%;
	transition: 0.35s ease-out;
  -webkit-transition: 0.35s ease-out;
  -moz-transition: 0.35s ease-out;
  border:1px solid #FFF;
}


.item-salle .lieu, .item-iquest .lieu{
	color:#FFF !important;
	text-align:center;
	font-size:14px;	
	margin-top:40px;
}

.item-salle .logostation, .item-iquest .logostation{
	width:50px;
	float:right;
	margin-top:-25px;
	margin-right:15px;
	position:relative;
}

.item-salle h3, .item-iquest h3, .item-mobile h3{
	color:#FFF;	
	margin-top:20px;
	text-align:center;
	margin-bottom:25px;
}
.btn-custom{
	background-color:#E02B20 !important;	
}

.affiche-salle{
	float:left;
	width:23%;
	color:#23384c;
	text-align:center;
}

.affiche-salle a{
	color:#23384c;
}

.affiche-salle img{
	margin-bottom:15px;
	
}

.desc-salle{
	float:right;
	width:70%;
	margin-left:2%;	
}

.desc-salle .btn{
	display:inline-block;	
}


.cinema{
	background-color:#000;	
}

.youtube{
	width:100%;
	height:750px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	text-align:center;	
	background-color:#000;
	-moz-transition: opacity 0.9s;
	-webkit-transition: opacity 0.9s;
	-o-transition: opacity 0.9s;
}

.youtube:hover{
	opacity:0.7;
	-moz-transition: opacity 0.7s;
	-webkit-transition: opacity 0.7s;
	-o-transition: opacity 0.7s;	
}

.fa-youtube{
	color:#E02B20;
	position:relative;
	top:50%;
	font-size:5em;	
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
  transform: translate3d(25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-3000px, 0, 0);
  transform: translate3d(-3000px, 0, 0);
  }
  60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
  transform: translate3d(25px, 0, 0);
  }
  75% {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  }
  90% {
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
  }
  100% {
  -webkit-transform: none;
  transform: none;
  }
  } 
  
.kenburns-bottom {
	background-position:center;background-repeat:no-repeat;background-size:cover;height:830px;width:100%;
	-webkit-animation: kenburns-bottom 30s ease-in-out reverse both;
	        animation: kenburns-bottom 30s ease-in-out reverse both;
}

@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}

#stations .station:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  
.page-template-contact .station{
	min-height:420px;	
}

.station h2{
	color:#565759;
	font-size:22px;
	font-weight:normal;
	margin:20px 0 0px;
	text-transform:uppercase;	
	line-height:1.6em;
}

.social {
    float: left;
    margin: 0 1%;
    font-size: 27px;
	width:22%;
}

.social .fab{
	color:#000 !important;	
}



/**/
/*
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }
  @keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  } 
*/


.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 

#footer a{
	position: relative;	
}

#footer a::after {
  content: '';
  transform-origin: 0 0; 
  transform: scaleX(0);
  position: absolute;
  bottom: -.2em;
  left: 0;
  right: 0;
  height: .2em; 
  background: #e02b20;
  opacity: 0.8;
  transition: transform .3s;
}
#footer a:hover::after {
  transform: scaleX(1);
}

#custom_html-14 a::after, #custom_html-6 a::after, #custom_html-2 a::after, #custom_html-13 a::after, #custom_html-9 a::after, #custom_html-8 a::after{
	background:none;	
}

.disabled{
	filter:grayscale(1) opacity(0.5);
}

.disabled:hover{
	filter:grayscale(0) opacity(1);
}

.single-jeux .station, .single-mobile .station{
	margin-bottom:50px;	
}

.retrait {
    border: 1px solid lightgrey;
    padding: 30px 0 0 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.spider_popup_wrap{
	background-color: rgba(0, 0, 0, 1.00) !important;
}
.spider_popup_close{
	height:50px !important;
	width:50px !important;
	font-size:50px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 2px !important;
	background-color:#FFFFFF !important;
	color:#000 !important;
}

dt{
	font-size: 1.2em;
    border-bottom: .1em solid #efb534;
	margin-bottom: 30px;
	padding-bottom: 8px;
	line-height:1.6em;
}

dt::before {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f059";
	margin-right:15px;
  }

dd{
	margin: 20px 20px 30px 20px;
	line-height: 2em;
}

.ouverture-rooms{
	color:#FFF;
	margin-top:50px;
}

.fancybox-slide--iframe .fancybox-content {
    max-height : 1200px;
}

.article-infos{
	text-align:center;
	font-size:14px;
	color:dimgray;
	background-color:#ededed;
	padding:15px;
}

.article-info{
	margin-right:20px;
}

.single-post #container{
	max-width:900px;
}

.single-post h1{
	height:110px;
}

.single-post .btn{
		position:initial;
}

.autresactu{
	display: block;
    margin-bottom: 25px;
    margin-top: 25px;
	font-size: 18px;
	font-weight:bold;
	
}

.texte {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 435px;
    color: #fff;
    height: 230px;
    line-height: 56px;
	padding:30px 0px 0px 0px;
    position: relative;
    text-align: center;
}
.texte .titre {
    font-size: 42px;
}
.texte .sous_titre {
    font-size: 20px;
}
.texte a{
	border: 2px solid #fff;
    border-radius: 7px;
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 20px auto;
    width: 180px;
}
.texte a:hover{
	color: #fff;
    background:#E02B20;
	text-decoration:none;
	border:2px solid transparent;
	text-shadow:none;
}

.page-template-b2c-b2b .item-univers:hover h3, .page-template-b2b .item-univers:hover h3{
	background-color:red; 
	color:#FFF;
}

.page-template-b2c-b2b #univers, .page-template-b2b #univers{
	background:none !important;
	margin-top:100px;
	height:auto !important;
}

.page-template-b2c-b2b #footer, .page-template-b2b #footer{
	background:none !important;
}

.page-template-b2c-b2b .item-univers{
	width:40% !important;
	background:#FFF !important;
	min-height:350px !important;
}

.page-template-b2b .item-univers{
	width:28% !important;
	background:#FFF !important;
	min-height:350px !important;
	margin:3% 0.5% !important;
}

.page-template-b2b #container{
	max-width:none;
}

.containerb2b {
            display: flex;
            flex-wrap: wrap;
            justify-content: center; /* Centrer les éléments de la deuxième ligne */
            gap: 20px; /* Espacement entre les éléments */
            padding: 20px;
            width: 90%; /* Largeur de la conteneur à 90% */
            margin: 0 auto; /* Centre la conteneur */
			align-items: stretch;
			margin-top:130px;
        }

        .itemb2b {
            flex: 1 1 calc(33.33% - 20px); /* 3 éléments par ligne avec l'espacement */
            max-width: calc(33.33% - 20px); /* Limite la largeur à 33.33% */
            min-width: 300px; /* Largeur minimale pour les petits écrans */
            text-align: center;
			justify-content: flex-start; /* Alignement en haut */
        }

        .itemb2b a {
            display: block; /* Rend le lien bloquant, couvrant tout l'élément */
            padding: 20px; /* Ajouter du padding pour plus de clarté et de clicabilité */
            background-color: #FFF; /* Couleur de fond de l'élément cliquable */
            text-decoration: none; /* Supprime le soulignement des liens */
            color: black; /* Couleur du texte */
            border-radius: 5px; /* Coins arrondis pour un style plus agréable */
			min-height:530px;
		  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);	
			transition: 0.35s ease-out;
		  -webkit-transition: 0.35s ease-out;
		  -moz-transition: 0.35s ease-out;
        }

        .itemb2b a:hover {
            transform: translate3d(0, -10px, 0);
			-webkit-transform: translate3d(0, -10px, 0);
			-moz-box-shadow: 3px 3px 15px 0px #acc0db;
			-webkit-box-shadow: 3px 3px 15px 0px #acc0db;
			-o-box-shadow: 3px 3px 15px 0px #acc0db;
			box-shadow: 3px 3px 15px 0px #acc0db;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=15);
        }
		
		.itemb2b img {
            max-width: 100%; /* Rendre l'image responsive */
            height: auto;
        }

        h2, p, h3 {
            margin: 10px 0;
        }

        .itemb2b h2 {
            font-size: 1.6em;
            color: red;
			padding-bottom: 16px;
			text-transform: uppercase;
			line-height: 40px;
			font-weight:bold;
        }

        .itemb2b p {
            font-size: 15px;
			font-style: italic;
			line-height: 1.9em;
			margin-bottom: 25px;
			flex-grow: 1; /* Permet au texte de prendre tout l'espace disponible */
        }
		
		.itemb2b hr{
			background: #dedede none repeat scroll 0 0;
			border: 0 none;
			display: block;
			height: 1px;
			width: 100%;
			display: block;
			margin: 0px auto 20px;
		}
		
		.itemb2b .more{
			text-align: center;
			display: block;
			margin-top: 20px;
			text-transform: uppercase;
			margin-bottom: 20px;
			color: #FFFFFF;
			font-size: 16px;
			background-color: #262E37;
			padding: 15px;
			border-radius: 2px;
			margin-top: auto; /* Pousse le span vers le bas */
		}
		
		.itemb2b:hover .more{
			background-color: red;
			color: #FFF;
		}

        /* Media query pour gérer le responsive */
        @media (max-width: 768px) {
            .item {
                flex: 1 1 calc(50% - 20px); /* 2 éléments par ligne sur tablettes */
                max-width: calc(50% - 20px); /* Limite la largeur à 50% */
            }
			.containerb2b{
				margin-top:0px;
			}
			
        }

        @media (max-width: 480px) {
            .item {
                flex: 1 1 100%; /* 1 élément par ligne sur mobile */
                max-width: 100%; /* Limite la largeur à 100% */
            }
        }