html{overflow-y: scroll; overflow-x: hidden;}
body{font-family: 'Raleway', sans-serif; color:#64646E; background-color: #fff; font-weight: 500;}

h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif; font-size: 700; text-transform: uppercase;}
a, a:focus{outline: none;}

.pace .pace-progress {
  background: #9680DB;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}

.david-banner{position:absolute; bottom:0px; z-index: 3; width:100%; visibility: hidden;}
.banner{
	position: absolute; left:50%; bottom:0; width: 100%;
	-webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
}
.banner-close{
	display: block; width:38px; height: 38px; background-color: #DCDCDC; background-position: -266px -618px;
	position: absolute; left:100%; top:-40px; z-index: 5;
	-webkit-transform: translate(-100%, 0%); -ms-transform: translate(-100%, 0%); transform: translate(-100%, -100%);
}
.banner-close:hover, .banner-close:focus{background-position: -266px -656px; background-color:#64646F; }
.banner a.banner-container{
	display:block;
}
.banner img{
	display: block;
	position: absolute; left:50%; bottom:0;
	-webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
}

.remove-trans .david-banner{visibility: visible; position:fixed;}

/* ==========================================================================
   Bootstrap custom
   ========================================================================== */

.alert{box-shadow:none; text-shadow:none; border-radius:0; border-width: 2px; text-transform: uppercase; font-weight: 700;}
.alert-danger, .alert-success{background-image: none;}


.progress {
    border-radius: 0 0 0 0;
    height: 8px;
}

.form-control {
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 0px;
	box-shadow: none;
	color: #64646E;
	display: block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.42857;
	vertical-align: middle;
	width: 100%;
	height: 40px;
  padding: 6px 12px;
	-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		-ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
			transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.form-control:focus{
	border-color:#64646E;
}

.btn {
	-moz-user-select: none;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.42857;
	margin-bottom: 0;
	height: 40px;
  padding: 10px 26px; /*padding: 8px 26px;*/
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border-width:1px; /*border-width:2px;*/
	text-decoration: none;
}
.btn-default, .btn-footer, .btn-agenda, .btn-guestlist,  .btn-preorder, .btn-fb-subscribe, .btn-fb-subscribe-evenement, .btn-search-direction, .btn-fb-albums{
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none; box-shadow:none;
}
.btn-default {
	background-color: #DCDCDC; border-color: #DCDCDC;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open dropdown-toggle.btn-default {
	background-color: #DCDCDC; background-image: none; border-color: #DCDCDC;
}
.btn-footer {
	background-color: #9680DB; border-color: #9680DB; color:#fff;
}
.btn-footer:hover, .btn-footer:focus, .btn-footer:active, .btn-footer.active, .open dropdown-toggle.btn-footer {
	background-color: #fff; border-color: #9680DB; color:#9680DB;
}
.btn-contact{
	background-color: #44C5B4; border-color: #44C5B4; color:#fff;
}
.btn-contact:hover, .btn-contact:focus, .btn-contact:active, .btn-contact.active, .open dropdown-toggle.btn-contact {
	background-color: #fff; border-color: #44C5B4; color:#44C5B4;
}
.btn-agenda {
	background-color: #DCDCDC; border-color: #DCDCDC; color:#64646E;
}
.btn-agenda:hover, .btn-agenda:focus, .btn-agenda:active, .btn-agenda.active, .open dropdown-toggle.btn-agenda {
	background-color: #F0556F; border-color: #F0556F; color:#fff;
}
.btn-guestlist, .btn-preorder{
	background-color: #F0556F; border-color: #F0556F; color:#fff;
}
.btn-guestlist:hover, .btn-agenda:focus,  .btn-preorder:hover{
	background-color: transparent; border-color: #F0556F; color:#F0556F;
}
.btn-guestlist.active{
	background-color: #88D281; border-color: #88D281;
}
.btn-guestlist.active:hover, .btn-agenda.active:focus{
	background-color: transparent; border-color: #88D281; color:#88D281;
}
.btn-fb-subscribe, .btn-fb-subscribe-evenement, .btn-fb-albums{
	background-color: #B4B4BE; border-color: #B4B4BE; color: #fff;
	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
	padding: 10px 26px 0 0; min-width: 130px;
}
#footer .btn-fb-subscribe:hover, #footer .btn-fb-subscribe:focus, .btn-fb-albums:hover, .btn-fb-albums:focus{
	background-color: #9680DB; border-color: #9680DB; color: #fff;
}
#footer .btn-fb-albums{margin-bottom: 20px;}
.btn-fb-subscribe:active, .btn-fb-subscribe.active{
	background-color: #88D281; border-color: #88D281; color: #fff;
}
.btn-fb-subscribe-evenement:hover, .btn-fb-subscribe-evenement:focus{
	background-color: #F0556F; border-color: #F0556F; color:#fff;
}
.btn-fb-subscribe-evenement.active, .btn-fb-subscribe-evenement:active{
	background-color: #88D281; border-color: #88D281; color:#fff;
}

a.btn-share{color:#B4B4BE; line-height: 30px; padding:0px;}
.btn-share:hover, .btn-share:focus, .btn-share:active, .btn-share.active{color:#F0556F; text-decoration: none;}
.sm-icon{
	width:30px; height: 30px; line-height: 30px; float:left; overflow: hidden; margin:0 5px 0;
	background-color: #B4B4BE; color: #fff;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	text-indent: -999em; *line-height:0;
}
.btn-share:hover .sm-icon, .btn-share:focus .sm-icon, .btn-share:active .sm-icon, .btn-share.active .sm-icon{
	background-color: #F0556F; color: #fff;
}



/* ==========================================================================
   ICONS
   ========================================================================== */
.partner-logo{
	background-image: url(../img/partenaires-sprite.png); background-repeat: no-repeat; overflow: hidden;
	float:left; height:52px; margin-right: 20px; margin-bottom: 10px;
	text-indent: -999em; *line-height:0;
}
.partner-logo.partner-fg{background-position: 0 0; width:72px;}
.partner-logo.partner-jbl{background-position: -72px 0; width:48px;}
.partner-logo.partner-moetchandon{background-position: -120px 0; width:128px;}
.partner-logo.partner-soonnight{background-position: -248px 0; width:84px;}


.qcp-icon{background-image: url(../img/icon-sprite.png); background-repeat: no-repeat; overflow: hidden;}

.qcp-icon.navbar-brand,
.qcp-icon.digitik,
.qcp-icon.guestlist,
.qcp-icon.footer-badge,
.qcp-icon.fb-badge,
.qcp-icon.icon-metro,
.qcp-icon.arrow,
.qcp-icon.banner-close{text-indent: -999em; *line-height:0;}

.qcp-icon.footer-badge{width:80px; height: 80px;}
.qcp-icon.fb-badge{width:30px; height: 30px;}
.qcp-icon.icon-metro{ width: 26px; height: 26px; float:left; margin-right: 10px;}
.btn-fb-subscribe .qcp-icon.btn-icon.icon-fb,
.btn-fb-subscribe-evenement .qcp-icon.btn-icon.icon-fb, 
.btn-fb-albums .qcp-icon.btn-icon.icon-fb{float: left; width: 38px; height: 38px; margin-top:-12px;}
.qcp-icon.digitik, .qcp-icon.guestlist{width:50px; height:50px; display:block;}
.qcp-icon.navbar-brand{width:144px; height: 76px;}
.qcp-icon.vip-btn, .qcp-icon.togglemenu-btn{width:80px; height: 76px;}


.qcp-icon.navbar-brand{background-position:0 0;}
.qcp-icon.footer-qcp-logo{background-position:0 -76px;}
.qcp-icon.vip-btn{background-position:-144px -76px;}
.qcp-icon.vip-btn:hover{background-position:-144px 0px;}
.qcp-icon.togglemenu-btn{background-position:-380px 0px;}
.qcp-icon.togglemenu-btn:hover, .qcp-icon.togglemenu-btn:focus, .qcp-icon.togglemenu-btn.active {background-position:-380px -76px;}
.qcp-icon.sm-fb{background-position:-4px -660px;}
.qcp-icon.sm-tw{background-position:-40px -660px;}
.qcp-icon.sm-in{background-position:-80px -660px;}
.qcp-icon.sm-yt{background-position:-156px -660px;}
.qcp-icon.icon-fb{background-position:-4px -622px;}
.qcp-icon.icon-tw{background-position:-40px -622px;}
.qcp-icon.hash-fb, .qcp-icon.dj-fb{background-position:0px -618px;}
.qcp-icon.hash-tw, .qcp-icon.dj-tw{background-position:-38px -618px;}
.qcp-icon.hash-in, .qcp-icon.dj-in{background-position:-76px -618px;}
.qcp-icon.hash-queen, .qcp-icon.dj-queen{background-position:-114px -618px;}
.qcp-icon.hash-yt, .qcp-icon.dj-yt{background-position:-152px -618px;}
.qcp-icon.hash-sc, .qcp-icon.dj-sc{background-position:-190px -618px;}

.qcp-icon.home-scroll{background-position: -304px -76px;}
.qcp-icon.home-scroll:hover{background-position: -304px 0; background-color: #28282D;}

.qcp-icon.digitik{background-position: -2px -491px;}
.qcp-icon.ach-cal{background-position: -1px -695px;}
.qcp-icon.ach-pin{background-position: -29px -695px;}
.qcp-icon.guestlist{background-position: -452px -491px;}

.qcp-icon.travelmode-driving{background-position: -40px -578px;}
.qcp-icon.travelmode-walking{background-position: -80px -578px;}
.qcp-icon.travelmode-bicycling{background-position: -120px -578px;}
.qcp-icon.travelmode-driving:hover,
.qcp-icon.travelmode-driving:focus,
.qcp-icon.travelmode-driving.active{background-position: -40px -538px;}
.qcp-icon.travelmode-walking:hover,
.qcp-icon.travelmode-walking:focus,
.qcp-icon.travelmode-walking.active{background-position: -80px -538px;}
.qcp-icon.travelmode-bicycling:hover,
.qcp-icon.travelmode-bicycling:focus,
.qcp-icon.travelmode-bicycling.active{background-position: -120px -538px;}

.qcp-icon.footer-badge.footer-fb-queen{background-position:-4px -238px;}
.qcp-icon.footer-badge.footer-fb-discoqueen{background-position:-88px -238px;}
.qcp-icon.footer-badge.footer-fb-ladiesnight{background-position:-172px -238px;}
.qcp-icon.footer-badge.footer-fb-queenwedance{background-position:-426px -238px;}
.qcp-icon.footer-badge.footer-fb-ovk{background-position:-508px -238px;}
.qcp-icon.footer-badge.footer-fb-afterwork{background-position:-340px -238px;}
.qcp-icon.footer-badge.footer-fb-shakethursday{background-position:-592px -238px;}
.qcp-icon.footer-badge.footer-fb-queen:hover{background-position:-4px -154px;}
.qcp-icon.footer-badge.footer-fb-discoqueen:hover{background-position:-88px -154px;}
.qcp-icon.footer-badge.footer-fb-ladiesnight:hover{background-position:-172px -154px;}
.qcp-icon.footer-badge.footer-fb-queenwedance:hover{background-position:-426px -154px;}
.qcp-icon.footer-badge.footer-fb-ovk:hover{background-position:-508px -154px;}
.qcp-icon.footer-badge.footer-fb-afterwork:hover{background-position:-340px -154px;}
.qcp-icon.footer-badge.footer-fb-shakethursday:hover{background-position:-592px -154px;}
.qcp-icon.footer-badge.footer-tw{background-position:-4px -408px;}
.qcp-icon.footer-badge.footer-yt{background-position:-88px -408px;}
.qcp-icon.footer-badge.footer-in{background-position:-172px -408px;}
.qcp-icon.footer-badge.footer-tw:hover{background-position:-4px -324px;}
.qcp-icon.footer-badge.footer-yt:hover{background-position:-88px -324px;}
.qcp-icon.footer-badge.footer-in:hover{background-position:-172px -324px;}
.qcp-icon.fb-badge{background-position:-6px -624px;}

.qcp-icon.icon-back{background-position:-232px -622px;}
.qcp-icon.icon-metro{background-position: -57px -695px;}

.btn-fb-subscribe .qcp-icon.btn-icon.icon-fb,
.btn-fb-subscribe-evenement .qcp-icon.btn-icon.icon-fb, 
.btn-fb-albums  .qcp-icon.btn-icon.icon-fb{background-position:0px -618px;}

.evenement-browse-prev .qcp-icon.evenement-browse-btn{background-position: -50px -488px;}
.evenement-browse-prev:hover .qcp-icon.evenement-browse-btn,
.evenement-browse-prev:focus .qcp-icon.evenement-browse-btn{background-position: -100px -488px;}
.evenement-browse-next .qcp-icon.evenement-browse-btn{background-position: -150px -488px;}
.evenement-browse-next:hover .qcp-icon.evenement-browse-btn,
.evenement-browse-next:focus .qcp-icon.evenement-browse-btn{background-position: -200px -488px;}

#archive-evenement a.section-heading:hover .qcp-icon.icon-back,
#archive-evenement a.section-heading:focus .qcp-icon.icon-back,
#single-evenement a.section-heading:hover .qcp-icon.icon-back,
#single-evenement a.section-heading:focus .qcp-icon.icon-back{background-position:-232px -660px;}

.prev-dj .qcp-icon.arrow{background-position: -250px -488px;}
.prev-dj:hover .qcp-icon.arrow, .prev-dj:focus .qcp-icon.arrow{background-position: -300px -488px;}
.next-dj .qcp-icon.arrow{background-position: -350px -488px;}
.next-dj:hover .qcp-icon.arrow, .next-dj:focus .qcp-icon.arrow{background-position: -400px -488px;}

/* ==========================================================================
   COMMON PART
   ========================================================================== */

.form-callback{margin-top:10px;}

.contact-foot .qcp-phone,
.contact-foot .qcp-phone:hover,
.contact-foot .qcp-phone:focus{font-size: 14px; color:#44C5B4; text-decoration: underline; padding: 0px;}

.contact-form .form-control, .guestlist-form .form-control {
	background-color: #FFFFFF;
	border: 2px solid #B4B4BE;
	margin-bottom: 10px;
}

.vip-about, .qcp-contact-infos{
	margin-left: 22px; color:#64646E; text-transform: uppercase;
	font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: 500; line-height: 20px;
}

.navbar-nav.menu-header,
.navbar-nav.vip-nav,
.navbar-nav.sm-nav{float:right;}

.navbar-nav.hash-nav > li,
.travelmode-nav > li,
.navbar-nav.sm-nav > li{float: left;}

/* ==========================================================================
   HEADER
   ========================================================================== */

.push-trans .navbar-fixed-top{position:relative;}

.navbar.navbar-inverse {
    background-image: none; background-repeat: no-repeat; background-color: #28282D;
		box-shadow: none; border: none;
		min-height: 76px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}
.navbar-inverse .navbar-nav > li > a {
    padding-bottom: 28px; padding-top: 28px; text-transform: uppercase; color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a.active,
.navbar-inverse .navbar-nav > .current-menu-item > a {
    text-decoration: none; color: #fff; background-color: #64646E;
}

.sm-nav{margin: 20px;}
.sm-nav > li {margin-right: 6px;}
.sm-nav > li:last-child{margin: 0px;}
.sm-nav > li > a{
	width:30px; height: 30px; background-color: #64646E; overflow: hidden;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.navbar-inverse .navbar-nav.sm-nav > li > a:hover,
.navbar-inverse .navbar-nav.sm-nav > li > a:focus{background-color: #DCDCDC;}
.navbar-inverse .sm-nav > li > a{padding: 0px;}

.vip-nav{}
.vip-nav > li > a{width:80px; text-align: center; font-weight: 800; letter-spacing: 4	px;}
.navbar-inverse .vip-nav > li > a, .navbar-inverse .vip-nav > li > a:focus{
	background-color: #DCDCDC; color:#28282D; padding:46px 0 10px;
}
.navbar-inverse .vip-nav > li > a:hover,
.navbar-inverse .vip-nav > li > a:active,
.navbar-inverse .vip-nav > li > a.active:hover{background-color: #DCDCDC; color:#9680DB;}
.navbar-inverse .vip-nav > li > a:active,
.navbar-inverse .vip-nav > li > a.active:focus,
.navbar-inverse .vip-nav > li > a.active{
	background-position: -224px 0; background-color: #9680DB; text-indent: -999em; *line-height:0;
}

.togglemenu-btn{width:80px; display: block; float: right; background-color: #28282D; text-indent: -999em; *line-height:0;}
.togglemenu-btn:hover, .togglemenu-btn:focus, .togglemenu-btn.active, .togglemenu-btn:active{background-color: #DCDCDC;}
.vip-btn{width:80px; text-align: center; font-weight: 800; letter-spacing: 4	px; display: block; text-decoration: none; float: right;}
.vip-btn, .vip-btn:focus{background-color: #DCDCDC; color:#28282D; padding:46px 0 10px; text-decoration: none;}
.vip-btn:hover, .vip-btn:active, .vip-btn.active:hover{background-color: #DCDCDC; color:#9680DB; text-decoration: none;}
.vip-btn:active, .vip-btn.active:focus, .vip-btn.active{background-position: -224px 0; background-color: #9680DB; text-indent: -999em; *line-height:0;}
.vip-btn abbr[title],.vip-btn abbr[data-original-title] {border: none; cursor:default;}

.lang-nav{}
.lang-nav > li{float:none;}
.lang-nav > li > a{width:38px; height: 38px; text-align: center; line-height: 38px;}
.navbar-inverse .lang-nav > li > a{padding:0px;}


/* ==========================================================================
   SECTION
   ========================================================================== */


.content-wrap{position:relative; width: 100%; height: 100%; padding-top: 100px;}
.section{position: absolute; width: 100%; height: 100%; background-color: #fff; top:0px; left:0px;}
.section-inner{position: relative; width:100%; height: 100%; margin-top:24px;}


/* ==========================================================================
   SECTION HEADING
   ========================================================================== */

.section-heading{
	font-size: 30px; font-weight: 700; line-height: 36px; color:#64646E; word-wrap: break-word;
	border-bottom: 6px solid #64646E; padding:16px 0 10px 22px; margin: 30px 0 50px;
}

.vip .section-heading{background-color: #9680DB; color: #fff; border-color:#9680DB; margin-top: 0; padding-top: 44px; margin-bottom: 22px;}
#agenda .section-heading{border-color: #F0556F;}
#archive-evenement .section-heading, #single-evenement .section-heading{
	border-color: #F0556F; background-color: transparent; color: #F0556F;
}
#archive-evenement a.section-heading, #single-evenement a.section-heading{text-decoration: none; display: block;}
#archive-evenement a.section-heading:hover, #single-evenement a.section-heading:hover,
#archive-evenement a.section-heading:focus, #single-evenement a.section-heading:focus{background-color: #F0556F; color:#fff; border-color: #F0556F;}
#archive-evenement a.section-heading .icon-back, #single-evenement a.section-heading .icon-back{
	float:left; width:30px; height: 30px;  background-color: #F0556F; margin-right: 10px; margin-top: 2px;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
#archive-evenement a.section-heading:hover .icon-back,
#archive-evenement a.section-heading:focus .icon-back,
#single-evenement a.section-heading:hover .icon-back,
#single-evenement a.section-heading:focus .icon-back{background-color: #fff;}

#contact .section-heading{border-color:#44C5B4;}
#archive-dj .section-heading{border-color:#fff; color:#fff; margin-top: 20%;}
#archive-dj .section-heading em{font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: 400; line-height: 20px; color: #28282D; font-style: normal;}

#archive-le-son-du-queen .section-heading{border-color: #FF695F;}

#photos .section-heading{border-color: #C57AD4;}

#footer .section-heading{border-color: #9680DB; background-color: transparent; color: #64646E; margin-top: 80px;}

.contact-form .form-control:focus{
	border-color:#44C5B4;
	box-shadow:none;
}
.contact-form .progress-bar{
  background-color: #44C5B4;
}

.guestlist-form .form-control:focus{
	border-color:#F0556F;
	box-shadow:none;
}

.guestlist-form .progress-bar{
    background-color: #F0556F;
}
.vip-form .form-control:focus, .newsletter-form .form-control:focus{
	border-color:#9680DB;
	box-shadow:none;
}

.vip-form .progress-bar, .newsletter-form .progress-bar {
    background-color: #9680DB;
}

.gmap-directions-form .form-control:focus{
	border-color:#44C5B4;
	box-shadow:none;
}


/* ==========================================================================
   SECTION RESA/VIP
   ========================================================================== */

.vip-expand, .page-template-page-vip-php{background: #DCDCDC; width: 100%; min-height: 320px; position: absolute;}

.vip-form {margin-top: 44px;}
.vip-form label{font-weight: 500;}
.vip-form .form-control{margin-bottom: 10px;}
.vip-form .checkbox{padding-bottom: 10px; padding-left: 20px; padding-top: 10px;}
.vip-about{margin-right: 44px;}

.precision {margin: 0 0 35px 22px;}

/* ==========================================================================
   SECTION CAROUSEL
   ========================================================================== */

#home-carousel{position: absolute; height: 100%; width: 100%;}

.border-top, .border-right, .border-bottom, .border-left{position: absolute; background: #fff;}
.border-top{height: 10px; width: 0%; top:0; left:0;}
.border-right{width: 10px; height: 0%; bottom:0; right: 0;}
.border-bottom{height: 10px; width: 0%; bottom:0; left:0;}
.border-left{width: 10px; height: 0%; top:0; left:0;}
.punchline{text-transform: uppercase; opacity:0;}
.punchline-fr{font-size: 40px; line-height: 48px; font-weight: 700;}
.punchline-en{font-size: 36px; line-height: 43px; font-weight: 300;}
.home-scroll{
	width:76px; height:76px; display:block; position:absolute; background-color: #fff;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	left:50%; margin-left: -38px; bottom: 60px; z-index: 15;
	text-indent: -999em; *line-height:0;
}

.carousel-inner, .carousel-inner > .item{height: 100%; background: #28282D;}
.carousel-caption{padding:28px; text-align: left; bottom:50%; left:30%; right: 30%; text-shadow: none;}
.carousel-control{display:none;}
.carousel-inner > .item.trigger-caption .punchline{opacity:1;}
.carousel-inner > .item.trigger-caption .border-top{width:100%;}
.carousel-inner > .item.trigger-caption .border-right{height: 100%;}
.carousel-inner > .item.trigger-caption .border-bottom{width:100%;}
.carousel-inner > .item.trigger-caption .border-left{height: 100%;}

/* ==========================================================================
   DJS
   ========================================================================== */

.djs{border-top:1px solid #00c9dd; border-left:1px solid #00c9dd;}
.dj{cursor:pointer;}
.dj, .dj-page, .dj-section-header{width:12.5%; float: left; border-bottom:1px solid #00c9dd; border-right:1px solid #00c9dd;}
.dj-section-header{width:37.5%; background-color: #00c9dd;}
.dj-inner, .prev-dj, .next-dj, .dj-section-header-inner{display:block; overflow: hidden; position: relative; width: 100%;}
.dj-section-header-inner{padding: 0px 20% 0px 82px;}
.prev-dj .arrow, .next-dj .arrow{width:50px; height: 50px; position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.prev-dj:hover,.prev-dj:focus, .next-dj:hover, .next-dj:focus{background-color: #00c9dd;}

.dj-name, .dj-infos{width: 100%; position: relative;}
.dj-infos{background-color: #00C9DD}
.dj-name{color:#00c9dd; background-color: #fff;}
.dj-pic {background: #00c9dd;}
.dj-pic img{background: #00c9dd; display: block; width: 100%;}
.dj-pic img,
.dj-name img{overflow: hidden; position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.dj-links{position:absolute; bottom:1px; left: 1px;}
.dj-sm-nav.navbar-nav{margin:0;}
.dj-sm-nav.navbar-nav > li{float:left;}
.dj-sm-nav li a{width:38px; height: 38px; margin-left: 1px; padding: 0px; background-color: #B4B4BE; color: #fff; overflow: hidden; text-indent: -999em; *line-height:0;}
.dj-sm-nav li a:hover, .dj-sm-nav li a:focus{background-color: #00c9dd; color:#fff;}
.dj-sm-nav li:first-child a{width:38px; height: 38px; margin:0px;}

/* ==========================================================================
   LE SON DU QUEEN
   ========================================================================== */

.type-le-son-du-queen{margin-bottom: 50px;}

/* ==========================================================================
   PHOTOS
   ========================================================================== */

.photos-item{margin:0 auto 50px; max-width:270px;}
.photos-item img{margin:0 auto;}
.photos-title h3 a{color:#C57AD4; font-size: 13px; font-weight: 700; line-height: 16px;}


/* ==========================================================================
   EVENEMENT
   ========================================================================== */

.agenda-nav{position:relative;}
.agenda-nav .btn-agenda{width: 210px; margin: 20px auto; display: block;}

.short{width: 200px; margin: 10px auto;}


.thumbnail-part, thumbnail-wrapp{
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative;
}
.thumbnail-part{background: #F0556F; width: 200px; height: 200px; border: 2px solid #F0556F;}
.thumbnail-wrapp{width: 200px; height: 200px;}
.thumbnail-container{position:absolute;}
.thumbnail-content, .thumbnail-content-hover{
	width:200px; height: 200px; background-color: #F0556F;
	border-radius: 50% 50% 50% 50%; overflow: hidden;
}
.thumbnail-content-hover{ background-color: #fff;}
.backup-title{
	position: absolute; top: 44px; left: 50px; width: 100px;
	font-size: 22px; font-weight: 700; line-height: 22px; 
	text-align: center; text-transform: uppercase; word-wrap: break-word;
}
.backup-title, .backup-title a, .backup-title a:hover, .backup-title a:focus{color:#fff;}

.preorder, .guestlist{position: absolute; top:0px; left:0px; width: 100%;}
.preorder a, .guestlist span{
	display: block; position: relative; height: 38px; width: 100%;
	background-color: #28282D; color:#DCDCDC; text-align: center; text-decoration: none;
	text-transform: uppercase; font-weight: 700; font-size: 13px; line-height: 44px;
}
.preorder a:hover, .preorder a:focus{background-color: #F0556F; color:#28282D;}

.preorder-badge, .guestlist-badge{
	position: absolute; top:0px; left: 0px; width:50px; height: 50px; overflow: hidden;
	background-color: #28282D; color:#DCDCDC; border:2px solid #F0556F;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	font-size: 22px; line-height: 50px; text-align: center; z-index: 1000;
}

.caption{margin-top: 16px; text-align: center;}
.caption h1{font-weight: 700; font-size: 13px; line-height: 16px; margin: 0px;}
.caption h2{font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #F0556F; margin: 0px;}
.caption a, .caption a:hover, .caption a:focus{color:#F0556F;}

.hashtag-part{position: relative; margin-top: 10px; min-height: 90px;}
.hashtag-part .separator{left:50%; margin-left: -17px; width: 36px; position: absolute; border-bottom: 1px solid #64646E;}
.hashtag-part > a{line-height: 35px; color: #64646E; font-weight: 500; font-size: 12px;}
.hashtag-part > a:hover, .hashtag-part > a:focus, .hashtag-part > a.active{color: #F0556F; text-decoration: none;}
.hashbar-nav{position: relative; height: 38px; margin-bottom: 20px; margin-top: 6px;}
.hash-nav{left:50%; margin-left: -78px; width: 158px; position: absolute; padding:1px;}
.hash-nav.highlight{background-color: #B4B4BE;}

.hash-nav li a{
	width:38px; height: 38px; margin-left: 1px; padding: 0px; background-color: #B4B4BE; color: #fff;
	text-indent: -999em; *line-height:0;
}
.hash-nav li a:hover, .hash-nav li a:focus, .hash-nav li a.active{background-color: #F0556F;}
.hash-nav li:first-child a{width:38px; height: 38px; margin:0px;}

.evenement-cover{position: relative; margin-bottom: 50px;}
.evenement-cover-container{min-height: 314px; background-color: #FFFFFF; text-align: center; overflow: hidden; position: relative;}
.evenement-cover-container img{position:absolute; left: 50%;}
.evenement-browse{position:absolute; top:40%;}
.evenement-browse:hover, .evenement-browse:focus{text-decoration: none;}
.evenement-browse-prev{left:0;}
.evenement-browse-next{right:0;}
.evenement-browse .evenement-browse-btn{
	width:50px; height: 50px; background-color: #fff; color:#F0556F; overflow: hidden; float: left; text-indent: -999em; *line-height:0;
}
.evenement-browse:hover .evenement-browse-btn,
.evenement-browse:focus .evenement-browse-btn{background-color: #F0556F; color:#fff;}
.evenement-browse.evenement-browse-next .evenement-browse-btn{float: right;} 
.evenement-browse .evenement-browse-caption{height: 50px; background-color: #fff; color:#F0556F; float: left; padding:8px 18px;}
.evenement-browse:hover .evenement-browse-caption,
.evenement-browse:focus .evenement-browse-caption{display: block;}
.evenement-browse .evenement-browse-caption h1{font-weight: 700; font-size: 13px; line-height: 16px; margin: 0px; color: #64646E;}
.evenement-browse .evenement-browse-caption h2{font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #F0556F; margin: 0px;}

.evenement-title, .evenement-date, .evenement-share, .evenement-nexter, .evenement-hashtags{padding:0 22px;}
.evenement-date{padding-top: 10px; padding-bottom: 14px; border-top: 1px solid #F0556F; border-bottom: 1px solid #F0556F;}
.evenement-title h1{font-weight: 800; font-size: 30px; line-height: 36px;}
.evenement-date h2, .evenement-nexter-date, .evenement-nexter-date:hover, .evenement-nexter-date:focus{font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 20px; line-height: 20px; color:#F0556F;}
.evenement-nexter-date{text-transform: uppercase;}
.evenement-share{border-bottom: 1px solid #F0556F; padding: 10px 22px; margin-bottom: 10px;}
.evenement-share h4, .evenement-nexter h4{font-size: 13px; font-weight: 700; margin-bottom: 14px;}
.evenement-share {color:#64646E;}
.evenement-nexter {color: #B4B4BE; margin-bottom: 20px;}

.evenement-hashtags{margin-bottom:20px; font-weight: 700; font-size: 16px; line-height: 16px; color:#B4B4BE;}
.evenement-hashtags a, .evenement_hashtags a:hover, .evenement_hashtags a:focus{color:#B4B4BE;}

.evenement-content{font-size: 12px; line-height: 16px; margin-bottom: 20px; padding-top: 18px;}
.evenement-content h1{font-size: 20px;}
.evenement-content h2{font-size: 16px;}
.evenement-content h3{font-size: 14px;}
.evenement-content h4{font-size: 12px;}
.evenement-content h5{font-size: 10px;}
.evenement-content h6{font-size: 8px;}
.evenement-content a, .evenement-content a:focus{outline: none; color:#F0556F; text-decoration: underline;}
.evenement-content a:hover, .evenement-content a:visited, .evenement-content a:active{color:#F0556F; text-decoration: none;}

.guestlist-form{margin:30px 0;}

.btn-fb-subscribe-evenement{margin-bottom: 12px;}

/* ==========================================================================
   CONTACT / ACCESS
   ========================================================================== */

.google-map-directions{background-color: #B4B4BE; min-height: 60px; color: #fff; position: relative; margin: 30px 0 60px;}

.gmap-directions-form{padding:8px 25px;}
.gmap-directions-title{text-transform: uppercase; font-weight: 700;}
.gmap-directions-form .origin{margin-right: 8px;}
.gmap-directions-form .travelMode{margin:0 8px 0 50px;}

.travelmode-nav li a{width:40px; height: 40px; margin-left: 1px; padding: 0px; background-color: #64646E; color: #DCDCDC; text-indent: -999em; *line-height:0;}
.travelmode-nav li a:hover, .travelmode-nav li a:focus, .travelmode-nav li a.active{background-color: #44C5B4; color:#fff;}
.travelmode-nav li:first-child a{width:40px; height: 40px; margin:0px;}

.google-map-canvas{min-height: 314px; width:100%; background-color: #64646E; color:#28282D; }
.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }
.google-map-canvas img { max-width: none; }
.gmap-directions-result{background-color: #fff; color: #64646E; padding: 10px;}

#gmap-canvas-size-handler{
	left:50%; /*margin-left: -78px; width: 155px;*/ position: absolute; bottom:0px;
	-webkit-transform:translate(-50%, 0px);
		-ms-transform:translate(-50%, 0px);
			transform:translate(-50%, 0px);
}

.contact-foot .transit{
	margin: 22px 0; border-top: 1px solid #44C5B4;
	padding:22px 0 0 22px; color:#64646E; text-transform: uppercase;
	font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: 400; line-height: 20px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer{padding-bottom: 250px; background: #DCDCDC; margin-top: 50px;}

.powered, .footer-nav li a, .footer-nav li a:hover, .footer-nav li a:focus, .footer-nav, .copy{margin-left: 22px; font-size: 12px;}
.footer-nav{margin-top:18px; margin-bottom: 18px; font-family: 'Raleway', sans-serif;}
.powered a,.powered a:hover, .powered a:focus, .footer-nav li a, .footer-nav li a:hover, .footer-nav li a:focus{color:#64646E; background-color: transparent; margin: 0; padding-left: 0;}
.qcp-phone, .qcp-phone:hover, .qcp-phone:focus{
	font-size: 14px; color:#9680DB; text-decoration: underline; padding: 0px; background-color: transparent;
}
.footer-nav li a:hover, .footer-nav li a:focus, .qcp-phone:hover, .qcp-phone:focus{text-decoration: none; color:#9680DB;}

#footer h5{
	font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: 400; line-height: 20px;
	padding:15px 0 15px 0; border-bottom: 1px solid #9680DB; margin:0 0 30px 0;
}

.partners-group{margin: 80px 0 30px;}
.partners-group ul{padding-left: 22px; margin: 0; list-style: none;}

.push-shop{text-transform: uppercase; padding-left: 22px; border-bottom: 1px solid #9680DB; margin-bottom: 30px; padding-bottom: 30px; font-weight: 700;}
.push-shop-col{float:left; width:120px; margin: 0 10px;}
.iphone-case{
	display: block; overflow: hidden; width:110px; height: 110px;
	background-color: #fff; color:#DCDCDC; border:2px solid #9680DB;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	background-image: url(../img/push-shop.png);
	 text-indent: -999em; *line-height:0;
}

.users{}
.users .media > .pull-left{margin-right: 8px;}
.users .media, .users .media .media {margin-top: 8px;}
.users .media-list{margin-left: 22px;}
.users .media-list .media-list{margin-left: 0px;}
.users .media-list li.media:first-child{margin-top: 0px;}
.users .media-list .media .media-object{width:80px; height: 80px; overflow: hidden; background-color: #fff;}
.users .media-list .media .media-body h4.media-heading{font-size: 13px; margin-bottom: 6px;}
.users .media-list .media .media-object.qcp-icon{width:26px; height:26px; overflow: hidden; background-color: #fff; text-indent: -999em; *line-height:0;}
.users .media-list .media .media-body.icon-caption{font-size: 12px; line-height: 16px;}
.users .media-list .media .media-body.icon-caption strong{font-size: 12px; font-weight:500; color:#28282D;}

.signup{
	padding:30px; border-top: 1px solid #9680DB; border-bottom: 1px solid #9680DB; margin-bottom: 30px; margin-top: 30px;
}
.signup-call{
	font-weight: 700; font-size: 13px; line-height: 16px; text-transform: uppercase;
}

.footer-qcp-logo{width:144px; height: 76px; text-indent: -999em; *line-height:0; display:block;}

.push-social-media{margin-top: 80px;}
.footer-badge-fb-list, .footer-badge-ms-list{float:left; list-style: none; padding: 0px; margin: 0px;}
.footer-badge-fb-list li, .footer-badge-ms-list li{float:left; padding: 0px; margin:0 40px 40px 0; position: relative;}
.footer-badge, .footer-badge.reverse:hover{
	display: block; position: relative; overflow: hidden; width:80px; height: 80px;
	background-color: #9680DB; color:#fff; border:2px solid #9680DB;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.footer-badge:hover, .footer-badge.reverse{background-color: #fff; color:#9680DB;}
.fb-badge{
	display: block; position: absolute; top:-5px; right:-5px; overflow: hidden; width:24px; height: 24px;
	background-color: #28282D; color:#DCDCDC; border:2px solid #9680DB;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
.push-fb-albums .btn-fb-albums{margin-top:10px}
.fb-album .thumbnail{
	background-color: transparent; border: none; border-radius: 0 0 0 0; box-shadow:none; overflow: hidden;
	display: block;
	height: auto; width: 100%;
	line-height: 1.42857;
	max-width: 100%;
	padding: 0px;
}
.fb-album .thumbnail img{height: auto; max-width: 100%; overflow: hidden; background-color: #64646E;}
.fb-album .thumbnail .caption{color:#64646E; margin: 10px 0;}
.fb-album .thumbnail .caption a{color:#9680DB;}

.newsletter-list{margin-bottom: 18px; font-size: 12px; line-height: 20px;}


/* ==========================================================================
   CSS TRANSITIONS
   ========================================================================== */

.btn, .navbar-inverse .navbar-nav > .menu-item > a{
	-webkit-transition: background-color 400ms cubic-bezier(0.340, 0, 0.000, 1);
	-webkit-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
			 -moz-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
				-ms-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
				 -o-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
						transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);

	-webkit-transition-timing-function: cubic-bezier(0.340, 0, 0.000, 1);
	-webkit-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
		 -moz-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
			-ms-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
			 -o-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
					transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
}

.back-ease{
	-webkit-transition: all 400ms cubic-bezier(0.340, 0, 0.000, 1);
	-webkit-transition: all 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
		 -moz-transition: all 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
			-ms-transition: all 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
			 -o-transition: all 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
					transition: all 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);

	-webkit-transition-timing-function: cubic-bezier(0.340, 0, 0.000, 1);
	-webkit-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
		 -moz-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
			-ms-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
			 -o-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
					transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
}

.back-ease-bgcolor{
	-webkit-transition: background-color 400ms cubic-bezier(0.340, 0, 0.000, 1);
	-webkit-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
			 -moz-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
				-ms-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
				 -o-transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);
						transition: background-color 400ms cubic-bezier(0.340, -0.230, 0.000, 1.245);

	-webkit-transition-timing-function: cubic-bezier(0.340, 0, 0.000, 1);
	-webkit-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
		 -moz-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
			-ms-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
			 -o-transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
					transition-timing-function: cubic-bezier(0.340, -0.230, 0.000, 1.245);
}


.push-trans{
	-webkit-transform-style: preserve-3d;
	 transform-style: preserve-3d;
	
	 
	-webkit-transition: all 600ms cubic-bezier(0.345, 0.000, 0.220, 1.000);
   -moz-transition: all 600ms cubic-bezier(0.345, 0.000, 0.220, 1.000);
    -ms-transition: all 600ms cubic-bezier(0.345, 0.000, 0.220, 1.000);
     -o-transition: all 600ms cubic-bezier(0.345, 0.000, 0.220, 1.000);
        transition: all 600ms cubic-bezier(0.345, 0.000, 0.220, 1.000);

	-webkit-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
		 -moz-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
			-ms-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
			 -o-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
					transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
	
}

#app-container{
	background-color: #fff;
	-webkit-transform-origin: 50% 0% 0;
		-ms-transform-origin: 50% 0% 0;
			transform-origin: 50% 0% 0;
	-webkit-transform:translate3d(0, 0, 0) rotateX(0deg);
		-ms-transform:translate3d(0, 0, 0) rotateX(0deg);
			transform:translate3d(0, 0, 0) rotateX(0deg);
}
#app-container.active-sidebar{
	-webkit-transform:translate3d(0, 320px, 0) rotateX(0deg);
		-ms-transform:translate3d(0, 320px, 0) rotateX(0deg);
			transform:translate3d(0, 320px, 0) rotateX(0deg);
}


.vip-expand{
	visibility: hidden;
	-webkit-transform-origin: 50% 100% 0;
		-ms-transform-origin: 50% 100% 0;
			transform-origin: 50% 100% 0;
	-webkit-transform:translate3d(0, -100%, 0) rotateX(-90deg);
		-ms-transform:translate3d(0, -100%, 0) rotateX(-90deg);
			transform:translate3d(0, -100%, 0) rotateX(-90deg);	
}
.vip-expand.active{
	visibility: visible;
	-webkit-transform:translate3d(0, 0, 0) rotateX(0deg);
		-ms-transform:translate3d(0, 0, 0) rotateX(0deg);
			transform:translate3d(0, 0, 0) rotateX(0deg);
}

#home-carousel{
	visibility: hidden;
	-webkit-transform-origin: 50% 100% 0;
		-ms-transform-origin: 50% 100% 0;
			transform-origin: 50% 100% 0;
	-webkit-transform:translate3d(0, -100%, 0) rotateX(-90deg);
		-ms-transform:translate3d(0, -100%, 0) rotateX(-90deg);
			transform:translate3d(0, -100%, 0) rotateX(-90deg);
}
#home-carousel.active{
	visibility: visible;
	-webkit-transform:translate3d(0, 0, 0) rotateX(0deg);
		-ms-transform:translate3d(0, 0, 0) rotateX(0deg);
			transform:translate3d(0, 0, 0) rotateX(0deg);
}

/* Carousel Punchline */
.border-top, .border-right, .border-bottom, .border-left, .punchline{
	-webkit-transition: all 400ms cubic-bezier(0.345, 0.000, 0.220, 1.000) 600ms;
   -moz-transition: all 400ms cubic-bezier(0.345, 0.000, 0.220, 1.000) 600ms;
    -ms-transition: all 400ms cubic-bezier(0.345, 0.000, 0.220, 1.000) 600ms;
     -o-transition: all 400ms cubic-bezier(0.345, 0.000, 0.220, 1.000) 600ms;
        transition: all 400ms cubic-bezier(0.345, 0.000, 0.220, 1.000) 600ms;

	-webkit-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
		 -moz-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
			-ms-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
			 -o-transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
					transition-timing-function: cubic-bezier(0.345, 0.000, 0.220, 1.000);
}


.dj-wrapp{
	-webkit-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1);
	-webkit-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
		 -moz-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
			-ms-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
			 -o-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
					transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);

	-webkit-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1);
	-webkit-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
		 -moz-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
			-ms-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
			 -o-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
					transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
}
.dj:hover .dj-wrapp{
	-webkit-transform:translate3d(0, -50%, 0);
		-ms-transform:translate3d(0, -50%, 0);
			transform:translate3d(0, -50%, 0);
}


.thumbnail-container{
	top:0;
	
	-webkit-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1);
	-webkit-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
		 -moz-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
			-ms-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
			 -o-transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);
					transition: all 600ms cubic-bezier(0.345, 0.000, 0.175, 1.095);

	-webkit-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1);
	-webkit-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
		 -moz-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
			-ms-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
			 -o-transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
					transition-timing-function: cubic-bezier(0.345, 0.000, 0.175, 1.095);
}
.thumbnail-container:hover{
	top:-200px;
}

.evenement-cover-container img{
	-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
			transform: translate(-50%, 0%);
}

.evenement-browse:hover .evenement-browse-caption,
.evenement-browse:focus .evenement-browse-caption{
	-webkit-transform-style:preserve-3d;
		transform-style: preserve-3d;
	-webkit-transform:translate3d(0, 0px, 0px) rotateY(0deg);
		-ms-transform:translate3d(0, 0px, 0px) rotateY(0deg);
			transform:translate3d(0, 0px, 0px) rotateY(0deg);
}

.evenement-browse-prev .evenement-browse-caption{
	-webkit-transform:translate3d(-100%, 0px, 0px) rotateY(90deg);
		-ms-transform:translate3d(-100%, 0px, 0px) rotateY(90deg);
			transform:translate3d(-100%, 0px, 0px) rotateY(90deg);
	-webkit-transform-origin: 100% 50% 0;
		-ms-transform-origin: 100% 50% 0;
			transform-origin: 100% 50% 0;
}
.evenement-browse-next .evenement-browse-caption{
	-webkit-transform:translate3d(100%, 0px, 0px) rotateY(90deg);
		-ms-transform:translate3d(100%, 0px, 0px) rotateY(90deg);
			transform:translate3d(100%, 0px, 0px) rotateY(90deg);
	-webkit-transform-origin: 0% 50% 0;
		-ms-transform-origin: 0% 50% 0;
			transform-origin: 0% 50% 0;
}

.form-callback{
	-webkit-transform-origin: 50% 0% 0;
		-ms-transform-origin: 50% 0% 0;
			transform-origin: 50% 0% 0;
	-webkit-transform:translate3d(0, 0%, 0) rotateX(-90deg);
		-ms-transform:translate3d(0, 0%, 0) rotateX(-90deg);
			transform:translate3d(0, 0%, 0) rotateX(-90deg);
	opacity:0;
}
.form-callback.active{
	-webkit-transform:translate3d(0, 0%, 0) rotateX(0deg);
		-ms-transform:translate3d(0, 0%, 0) rotateX(0deg);
			transform:translate3d(0, 0%, 0) rotateX(0deg);
	opacity:1;
}

/* ==========================================================================
   END CSS TRANSITIONS
   ========================================================================== */


#app-container.remove-trans{
	
	-webkit-transform-style: flat;
	 transform-style: flat;
	
	 
	-webkit-transition: all 0 ease 0;
   -moz-transition: all 0 ease 0;
    -ms-transition: all 0 ease 0;
     -o-transition: all 0 ease 0;
        transition: all 0 ease 0;
				
	-webkit-transform-origin: 50% 50% 0;
		-ms-transform-origin: 50% 50% 0;
			transform-origin: 50% 50% 0;
	-webkit-transform:none;
		-ms-transform:none;
			transform:none;
}
.remove-trans .navbar-fixed-top{position:fixed;}

.remove-trans .section-inner{margin-top:100px;}

/*@grid-float-breakpoint:979px;*/


/* Large desktop */
@media (min-width: 1200px) {
	
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
	.navbar-inverse .navbar-nav > li > a{padding-bottom: 10px; padding-top: 10px;}
	
	.navbar-nav.menu-header,
	.navbar-nav.vip-nav,
	.navbar-nav.sm-nav{float:none;}
	
	.navbar-nav.sm-nav, .navbar-nav.vip-nav{margin:0;}
	.navbar-nav.menu-header{margin:0 -15px;}
	.navbar-nav.sm-nav{margin:8px 0;}
	
	.navbar-nav.vip-nav > li > a{height:auto; width:auto; background-image:none;}
	
	.dj, .dj-page, .dj-section-header{width:25%;}
	.dj-section-header{width:50%;}
	
	.evenement.short{width: 160px;}
	
	.thumbnail-part,
	.thumbnail-wrapp,
	.thumbnail-container,
	.thumbnail-content,
	.thumbnail-content-hover{
		width: 160px; height: 160px;
	}
	.thumbnail-container:hover{
		top:-160px;
	}
	
	.evenement-browse{top:auto; bottom:-50px;}
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	.navbar-inverse .navbar-nav > li > a{padding-bottom: 10px; padding-top: 10px;}
	
	.navbar-nav.menu-header,
	.navbar-nav.sm-nav{float:none;}
	
	.navbar-nav.sm-nav, .navbar-nav.vip-nav{margin:0;}
	.navbar-nav.menu-header{margin:0 -15px;}
	.navbar-nav.sm-nav{margin:8px 0;}
	
	.navbar-nav.vip-nav > li > a{padding: 46px 0 10px;}
	
	/*.navbar-nav.vip-nav > li > a{height:auto; width:auto; background-image:none;}*/
	
	.dj, .dj-page, .dj-section-header{width:50%;}
	.dj-section-header{width:50%;}
	
	.evenement-browse{top:auto; bottom:-50px;}
	
}

/* Landscape phones and down */
@media (max-width: 480px) {
	
	.navbar-inverse .navbar-nav > li > a{padding-bottom: 10px; padding-top: 10px;}
	
	.navbar-nav.menu-header,
	.navbar-nav.sm-nav{float:none;}
	
	.navbar-nav.sm-nav, .navbar-nav.vip-nav{margin:0;}
	.navbar-nav.menu-header{margin:0 -15px;}
	.navbar-nav.sm-nav{margin:8px 0;}
	
	.navbar-nav.vip-nav > li > a{padding: 46px 0 10px;}
	
	/*.navbar-nav.vip-nav > li > a{height:auto; width:auto; background-image:none;}*/
	
	
	.dj, .dj-page, .dj-section-header{width:100%;}
	.dj-section-header{width:100%;}
	
	.gmap-directions-form .travelMode {margin: 0 8px 0 15px;}
	
	.evenement-browse{top:auto; bottom:-50px;}
	
	.evenement-cover-container{ min-height:0;}
	.evenement-cover-container img{position:relative; left:auto; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); max-width:100%; height:auto;}
	
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
 .qcp-icon{
		background-image: url(../img/icon-sprite@2x.png);
		background-size: 748px 909px;
	}
	
	.partner-logo{
		background-image: url(../img/partenaires-sprite@2x.png);
		background-size: 332px 52px;
	}
	
	.iphone-case{
			background-image: url(../img/push-shop@2x.png);
			background-size:110px 110px;
		}

}