/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40px;
	height: 90%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
/*.flexslider .slides img {width: 100%; display: block;}*/
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { ; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { ; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

@charset "utf-8";
/*////////////////////////////
NORMALIZE
////////////////////////////*/
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
}

a {
    cursor: pointer;
}

a:focus {
    outline: 0;
}

a:active, a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], input[type="password"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*////////////////////////////
FIN NORMALIZE
////////////////////////////*/


img.pix-responsive {
    display: block;
    width:360px;
    height: auto;
}

/*////////////////////////////
SKINS COMPOSANTS
////////////////////////////*/

@font-face {
    font-family: 'robotocondensed';
    src: url('http://singparty.m6mobile.fr/font/roboto-condensed-webfont.eot');
    src: url('http://singparty.m6mobile.fr/font/roboto-condensed-webfont.eot#iefix') format('embedded-opentype'), url('http://singparty.m6mobile.fr/font/roboto-condensed-webfont.woff') format('woff'), url('http://singparty.m6mobile.fr/font/roboto-condensed-webfont.ttf') format('truetype'), url('http://singparty.m6mobile.fr/font/roboto-condensed-webfont.svg#robotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-light-webfont.eot');
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-light-webfont.eot#iefix') format('embedded-opentype'), url('http://singparty.m6mobile.fr/font/robotocondensed-light-webfont.woff') format('woff'), url('http://singparty.m6mobile.fr/font/robotocondensed-light-webfont.ttf') format('truetype'), url('http://singparty.m6mobile.fr/font/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-lightitalic-webfont.eot');
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-lightitalic-webfont.eot#iefix') format('embedded-opentype'), url('http://singparty.m6mobile.fr/font/robotocondensed-lightitalic-webfont.woff') format('woff'), url('http://singparty.m6mobile.fr/font/robotocondensed-lightitalic-webfont.ttf') format('truetype'), url('http://singparty.m6mobile.fr/font/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-bold-webfont.eot');
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-bold-webfont.eot#iefix') format('embedded-opentype'), url('http://singparty.m6mobile.fr/font/robotocondensed-bold-webfont.woff') format('woff'), url('http://singparty.m6mobile.fr/font/robotocondensed-bold-webfont.ttf') format('truetype'), url('http://singparty.m6mobile.fr/font/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-bolditalic-webfont.eot');
    src: url('http://singparty.m6mobile.fr/font/robotocondensed-bolditalic-webfont.eot#iefix') format('embedded-opentype'), url('http://singparty.m6mobile.fr/font/robotocondensed-bolditalic-webfont.woff') format('woff'), url('http://singparty.m6mobile.fr/font/robotocondensed-bolditalic-webfont.ttf') format('truetype'), url('http://singparty.m6mobile.fr/font/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sugo';
    src: url('http://singparty.m6mobile.fr/font/Sugo.eot');
    src: url('http://singparty.m6mobile.fr/font/Sugo.eot#iefix') format('embedded-opentype'),
    url('http://singparty.m6mobile.fr/font/Sugo.woff') format('woff'),
    url('http://singparty.m6mobile.fr/font/Sugo.ttf') format('truetype'),
    url('http://singparty.m6mobile.fr/font/Sugo.svg#b21d7344982455882a8f0ab69cb41e22') format('svg');

    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Sugo-light';
    src: url('http://singparty.m6mobile.fr/font/Sugo-UltraLight.eot');
    src: url('http://singparty.m6mobile.fr/font/Sugo-UltraLight.eot#iefix') format('embedded-opentype'),
    url('http://singparty.m6mobile.fr/font/Sugo-UltraLight.woff') format('woff'),
    url('http://singparty.m6mobile.fr/font/Sugo-UltraLight.ttf') format('truetype'),
    url('http://singparty.m6mobile.fr/font/Sugo-UltraLight.svg#55811ee8a2662a0fd6a9f7f06e59c33a') format('svg');

    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Intro Inline';
    src: url('http://singparty.m6mobile.fr/font/Intro-Inline.eot'); /* IE9 Compat Modes */
    src: url('http://singparty.m6mobile.fr/font/Intro-Inline.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://singparty.m6mobile.fr/font/Intro-Inline.woff') format('woff'), /* Modern Browsers */ url('http://singparty.m6mobile.fr/font/Intro-Inline.ttf') format('truetype'), /* Safari, Android, iOS */ url('http://singparty.m6mobile.fr/font/Intro-Inline.svg#0eb4ba818662c335fd5de0e0ca4c767a') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 400;
}

b, strong {
    font-family: 'roboto_condensedbold';
}

/*/////////////////////////////////////////////
LAYER COMPATIBILITE
/////////////////////////////////////////////*/
@media screen and (max-width: 640px) {
    img.pix-over320 {
        display: none !important;
    }
}

img.pix-under320 {
    display: none !important;
}

@media screen and (max-width: 640px) {
    img.pix-under320 {
        display: block !important;
    }
}

#overlayLoadingCompatibilite {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10002;
    width: 100%;
    height: 100%;
    background: #5d1b4b url('http://singparty.m6mobile.fr/medias/header/logo-m6-mobile.png') no-repeat 50% 50%;
    color: #ffffff;
    display: none;
}

#overlayLoadingCompatibilite .wrapp-compatibilite {
    position: relative;
    width: 100%;
    height: 100%;
}

#overlayLoadingCompatibilite .content-overlayLoading-compatibilite {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -310px;
    width: 100%;
    max-width: 620px;
    margin-top: 50px;
    font-size: 20px;
    font-family: "roboto_condensedlight";
}

@media screen and (max-width: 640px) {
    #overlayLoadingCompatibilite .content-overlayLoading-compatibilite {
        width: 300px;
        font-size: 12px;
        margin-left: -150px;
    }
}

.lt-ie9 #overlayLoadingCompatibilite {
    display: block;
}

/*/////////////////////////////////////////////
FIN LAYER COMPATIBILITE
/////////////////////////////////////////////*/

html, body {
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'roboto_condensedbold';
    font-weight: normal !important;
}

p {
    font-family: 'roboto_condensedlight';
}

ul, li, ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    padding: 0;
    margin: 0;
    line-height: 100%;
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.line.hide, .hide {
    display: none;
}

#bodySITE a {
    text-decoration: none;
}

a:focus, a:active {
    border: none;
    box-shadow: none;
    outline: none;
}

.reset {
    width: 100%;
    display: block;
    float: none;
    clear: both;
}

.reset-small {
    width: 100%;
    display: block;
    content: "";
    float: none;
    clear: both;
}

.line {
    width: 100%;
    display: block;
}

.pix-responsive {
    display: block;
    width: 100%;
    height: auto;
}

.label-ie label {
    display: none;
}

.lt-ie9 .label-ie label,
.ie9 .label-ie label,
.skinMSIE9 .label-ie label {
    display: block;
}

.touch #main #header, .skinTACTILE #main #header {
    height: 112px;
    overflow: hidden;
}

.wrapp-call-to-action {
    text-align: center;
}

.wrapp-pix {
    text-align: center;
}

.renvoi {
    font-size: 9px;
    font-family: "roboto_condensedlight" !important;
}

.align-right {
    text-align: right;
}

.text-das {
    font-family: 'roboto_condensedlight';
    text-align: center;
    font-size: 11px;
}

.link-text {
    color: #ffffff;
}

.crossLink,
.innerLink {
    cursor: pointer;
}

.no-touch .crossLink .inner-box {
    position: relative;
}

.no-touch .crossLink .inner-box:after {
    font-family: "FontAwesome";
    content: "\f0a9";
    font-size: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 45;
    width: 100%;
    height: 100%;
    line-height: 220px;
    padding-right: 0;
    vertical-align: bottom;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    background: #8c166c;
    background-color: rgba(140, 22, 108, 0.4);

    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.no-touch .unit2x2.crossLink .inner-box:after {
    line-height: 520px;
}

.no-touch .crossLink .inner-box:before {
    content: " ";
    font-size: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 48;
    width: 100%;
    height: 100%;
    line-height: 100px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border: transparent 0 solid;

    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;

    opacity: 0;

}

.no-touch .crossLink:hover .inner-box:before {
    opacity: 1;
    border: #792475 5px solid;
}

.no-touch .crossLink:hover .inner-box:after {
    opacity: 1;
    left: 0;
    padding-right: 15px;

}

.line-spacer-1px {
    height: 1px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

/*//////////////////////////////////////////
CORRECTION LAYOUT NON RESPOSIVE
//////////////////////////////////////////*/
.nonRESPONSIVE .menuMain {
    display: none !important;
}

.font-title {
    font-family: 'Intro Inline';
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

#bodySITE {
    width: 100%;
    min-height: 100%;
}

#mainSECTION .mid,
#block_universe,
.universes {
    /*position: relative;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#wrappSite, #mainSECTION {
    width: 100%;
    height: 100%;
    overflow:hidden;
}

/*#wrappSite {
    width: 100%;
    min-height: 100%;
    color: #ffffff;
    font-family: 'roboto_condensedlight';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 60px;
}

#mainSECTION {
    padding-bottom: 30px;
    -webkit-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -ms-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    transition: all 1.2s linear;
}

@media only screen and (min-width: 960px) {
    #mainSECTION {

    }

    .skinFirefox #mainSECTION {
        background: none;
    }

    #mainSECTION.loaded {
        background-position: 50% 610px;
    }
}

#wrappSite {
    width: 100%;
    min-height: 100%;

    font-family: 'roboto_condensedlight';

}

#mainSECTION {
    min-height: 100%;
    padding-bottom: 30px;
    -webkit-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -ms-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    transition: all 1.2s linear;
}

@media screen and (max-width: 380px) {
    .main-section .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
    }
}*/

/*//////////////////////////////////////////////
BOUTON
//////////////////////////////////////////////*/
.btn {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.btn-violet {
}

/*//////////////////////////////////////////////
FIN BOUTON
//////////////////////////////////////////////*/

/*//////////////////////////////////////////////
FORM
//////////////////////////////////////////////*/
h3.title-form {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 0px;
}

form .line-mentions {
    font-size: 12px;
    margin-bottom: 6px;
}

.input {
    position: relative;
    margin-bottom: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 3px 5px;
}

.input input[type="text"],
.input input[type="email"],
.input input[type="password"],
.input textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    border: #ffffff 1px solid;
    background-color: rgba(255, 255, 255, 0.25);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #591c4f;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.input input[type="text"].error,
.input input[type="email"].error,
.input input[type="password"].error,
.input textarea.error {
    border-color: #ffffff;
    box-shadow: inset 0 0 5px rgba(202, 53, 53, 0.5);
    background-color: #cd3333;
    color: #ffffff;
}

.input input[type="text"]:focus,
.input input[type="email"]:focus,
.input input[type="password"]:focus,
.input textarea:focus {
    background-color: rgba(255, 255, 255, 1);
    outline: none;
    box-shadow: none;
}

::-webkit-input-placeholder {
    color: #591c4f;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #591c4f;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #591c4f;
}

:-ms-input-placeholder {
    color: #591c4f;
}

.requiredLegend {
    display: block;
    width: 100%;
    font-size: 10px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

.wrapp-checkbox {
    font-size: 12px;
    text-align: left;
}

input[type="submit"]:focus,
input[type="submit"]:active {
    outline: none;
    box-shadow: none;
}

.input .checkBOX {
    position: relative;
}

.wrapp-alert-form {
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 4px;
}

#returnMessageNewsletter {
    position: fixed;
    top: -200px;
    right: 10px;
    z-index: 10000;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 24px;
    color: #fff;
    background-color: #cd3333;
    max-width: 300px;
    color: #ffffff;
    min-height: 40px;
}

#returnMessageNewsletter.in {
    top: 80px;
}

#returnMessageNewsletter .wrapp-message {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 10px 40px;

}

#returnMessageNewsletter .wrapp-message p {
    line-height: 18px;
}

#returnMessageNewsletter .fa-warning {
    font-size: 30px;
    position: absolute;
    top: 10px;
    left: 6px;
    margin-top: 0;
}

input[type="checkbox"] {
    position: relative;
}

input[type="checkbox"]:before {
    position: absolute;
    top: -7px;
    left: -4px;
    width: 14px;
    height: 14px;
    content: "";
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: #591c4f 4px solid;
    background-color: #89276d;
    color: #ffffff;
    z-index: 5;
    cursor: pointer;

}

input[type="checkbox"]:after {
    position: absolute;
    top: -3px;
    left: 0px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-family: "FontAwesome";
    content: "";
    font-size: 12px;
    z-index: 8;
    text-align: center;
    color: #ffffff;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

input[type="checkbox"]:hover,
input[type="checkbox"]:checked:after {
    content: "\f00c";
}

.input .checkBOX label {
    padding-left: 13px;
    cursor: pointer;
}

/*//////////////////////////////////////////////
FIN FORM
//////////////////////////////////////////////*/

#fullSlider, #block_universe {
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#fullSlider {
    height: auto;
    min-height: 100%;
}
/*
#fullSlider .slides > li.universe {
    height: 100%;
}

#fullSlider .slides > li.universe.current,
#fullSlider .slides > li.universe.flex-active-slide {
    height: 100%;
}
*/

li.universe.current {
    z-index: 500;
    width: 100%;
   /* height: 100%;*/

}




/*///////////////////////////////////////////////////////
SQUELETTE
///////////////////////////////////////////////////////*/
.main-section {
}

.main-section .mid {
}

.main-section .mid .content {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (min-width: 1260px) {
    .main-section .mid .content {
        max-width: 1160px;
    }
}

@media screen and (min-width: 640px) {
    .main-section .mid .content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
    }
}

#bodySITE {
    width: 100%;
    height: 100%;
    background-color: #5d1755;
    overflow: hidden;
}

#bodySITE.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#bodySITE .flexslider {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}

.flex-slider .slides > li {
    opacity: 1;
}

/*///////////////////////////////////////////////////////
FIN SQUELETTE
///////////////////////////////////////////////////////*/

/*
Nav Principale
*/
#btnMenu {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 2000;
    width: 50px;
    height: 50px;
    color: #3b1444;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width: 540px) {
    #btnMenu {
        top: 0;
        right: auto;
        left: 0;
        height: 50px;
        background-color: #ffffff;
    }
}

#btnMenu:before {
    position: absolute;
    top: -10px;
    right: -10px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 130px 130px 0;
    border-color: transparent #ffffff transparent transparent;
}

@media screen and (max-width: 540px) {
    #btnMenu:before {
        position: inherit;
        right: auto;
        left: 0;
        top: 0;
        border: none;
        background-color: #ffffff;
        width: 100%;
        height: 50px;
    }
}

#btnMenu .menu-text {
    position: absolute;
    top: 34px;
    right: 0px;
    max-width: 50px;
    width: 100%;
    z-index: 2001;
    font-family: "roboto_condensedbold";
    font-size: 12px;
    color: #3b1444;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 540px) {
    #btnMenu .menu-text {
        top: 30px;
        right: auto;
        left: 0;

    }
}

#btnMenu .menu-icon {
    /* this span is the central line of the menu icon */
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0;
    margin-left: 25px;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 38px;
    height: 4px;
    background-color: #3b1444;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* these are the upper and lower lines in the menu icon */
}

@media screen and (max-width: 540px) {
    #btnMenu .menu-icon {
        top: 16px;
        right: auto;
        left: 0;
    }
}

#btnMenu .menu-icon::before, #btnMenu .menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #3b1444;
    right: 0;
    -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
    -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
    transition: transform .3s, top .3s, background-color 0s;
}

#btnMenu .menu-icon::before {
    top: -8px;
}

#btnMenu .menu-icon::after {
    top: 8px;
}

#btnMenu .menu-icon.is-clicked {
    background-color: rgba(59, 20, 68, 0);
}

#btnMenu .menu-icon.is-clicked::before, #btnMenu .menu-icon.is-clicked::after {
    background-color: rgba(59, 20, 68, 1);
}

#btnMenu .menu-icon.is-clicked::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#btnMenu .menu-icon.is-clicked::after {
    top: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

/*
FIN nav prin
*/

/*////////////////////////
MENU LATERAL
////////////////////////*/
#lateralMenu {
    position: fixed;
    top: 50%;
    right: 12px;
    z-index: 2400;
    display: block;
    width: 24px;
    margin-top: -79px;
}

@media screen and (max-width: 959px) {
    #lateralMenu {
        right: auto;
        left: 4px;
        display: none;
    }
}

#lateralMenu ul {
    padding: 0;
    margin: 0;
}

#lateralMenu .item-bulles-nav {
    position: relative;
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #510248;
    margin-bottom: 4px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    text-align: center;
}

#lateralMenu .item-bulles-nav.item-bulles-nav-advantages {
    background-color: transparent;
}

#lateralMenu .item-bulles-nav.item-bulles-nav-advantages:before {
    content: "\f005";
    font-family: "fontAwesome";
    font-size: 28px;
    margin-left: -2px;
    color: #510248;
}

#lateralMenu .item-bulles-nav:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#lateralMenu .item-bulles-nav.current:after {
    background-color: rgba(255, 255, 255, 1);
}

#lateralMenu .item-bulles-nav.item-bulles-nav-advantages.current:after {
    background-color: transparent;
    content: "\f005";
    font-family: "fontAwesome";
    font-size: 16px;
    color: #ffffff;
    margin-left: -1px;
}

.skinFirefox #lateralMenu .item-bulles-nav.item-bulles-nav-advantages.current:after {
    margin-top: 3px;
    margin-left: -2px;
}

/*////////////////////////
FIN MENU LATERAL
////////////////////////*/

.wrapp-page {
    min-height: 100%;
}

.wrapp-page.wrapp-page-vote {
    min-height: 820px;
    padding-bottom:100px;
}

.wrapp-page.wrapp-page-game {
    min-height: 850px;
    padding-bottom:180px;
}

.wrapp-page.wrapp-page-advertisement {
    /*min-height: 768px;*/
}

/*///////////////////////////////////////////////////////
PAGE HOME
///////////////////////////////////////////////////////*/
#home {
    background-color: #7bbeda;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    color: #3f164a;
    text-align: center;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/home_background.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    padding: 0;
}
.state-phase3 #home {
    background-image: none;
    padding-bottom: 0;
}

.state-phase4 #home,
.state-phase5 #home,
.state-phase6 #home {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/home_background_phase4.jpg');
}
.state-phase4 #home:before,
.state-phase5 #home:before,
.state-phase6 #home:before {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height:100%;
    background-color: rgba(0,0,0,0.3);
}
#mainFrame {
    width:100%;
    min-height: 900px;
    height:100%;
}

@media screen and (max-width: 640px) {
    #pageHome {
        padding-top: 50px;
        padding-bottom: 40px;
        height:100%;
        overflow: hidden;
    }
    .state-phase3 #pageHome {
        padding-bottom: 0;
    }
}

.wrapp-page#pageHome {
    max-width: none;
}
.wrapp-page.wrapp-page-home {
}
@media screen and (max-height: 640px) {
    .wrapp-page.wrapp-page-home {
        min-height: 600px;
    }
}
#pageHome .universe-section,
#pageHome .universe-section .inner {
    height: 100%;
}

#pageHome {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

#pageHome .layer {
    position: absolute;
    width: 100%;
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.state-phase6 #pageHome .layer {
    position: relative;
}

@media screen and (max-width: 540px) {
    #pageHome .layer {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 0;
    }
}

#pageHome .layer .wrapp-layer {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#pageHome .layer#layerTitle {
    z-index: 15;
    padding-top: 100px;
}
@media screen and (max-height: 800px) {
    #pageHome .layer#layerTitle {
        padding-top: 40px;
    }
}
@media screen and (max-width: 540px) {
    #pageHome .layer#layerTitle {
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

#pageHome .layer#layerTitle .wrapp-layer {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
}

.layer#layerTitle .wrapp-logo-home {

}

.layer#layerTitle .wrapp-logo-home img {
    display: block;
    width: 100%;
    max-width: 490px;
    margin: 0 auto;
}
@media screen and (max-height: 800px) {
    .layer#layerTitle .wrapp-logo-home img {
        max-width: 360px;
    }
}
.layer#layerTitle #WrappTitleHome {
    margin-top: -24px;
    color: #3b1444;
    text-shadow: 0 0 106px rgba(255, 255, 255, 0.83), 0 0 106px rgba(255, 255, 255, 0.83), 0 0 106px rgba(255, 255, 255, 0.83), 0 0 106px rgba(255, 255, 255, 0.83);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.state-phase4 .layer#layerTitle #WrappTitleHome,
.state-phase5 .layer#layerTitle #WrappTitleHome,
.state-phase6 .layer#layerTitle #WrappTitleHome {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(0,0,0,0.25);
    margin-top: -44px;
}


@media screen and (max-width: 767px) {
    .layer#layerTitle #WrappTitleHome {
        width: 100%;
        padding: 0 20px 0 40px;
    }
}
@media screen and (max-width: 480px) {
    .layer#layerTitle #WrappTitleHome {
        width: 100%;
        padding: 0 20px 0 20px;
    }
}
.layer#layerTitle #WrappTitleHome .line1 {
    font-family: "Sugo-light";
    font-size: 32px;
    line-height: 52px;
}

.layer#layerTitle #WrappTitleHome .line1 b {
    font-family: "Sugo";
    font-size: 52px;
}

.state-phase4 .layer#layerTitle #WrappTitleHome .line1,
.state-phase5 .layer#layerTitle #WrappTitleHome .line1 {
    font-family: "Sugo";
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 20px;
}
.state-phase6 .layer#layerTitle #WrappTitleHome .line1 {
    font-family: "Sugo";
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
    .layer#layerTitle #WrappTitleHome .line1 {
        font-size: 22px;
        line-height: 30px;
    }

    .layer#layerTitle #WrappTitleHome .line1 b {
        font-size: 30px;
    }



    .state-phase4 .layer#layerTitle #WrappTitleHome .line1,
    .state-phase5 .layer#layerTitle #WrappTitleHome .line1,
    .state-phase6 .layer#layerTitle #WrappTitleHome .line1 {
        font-family: "Sugo";
        font-size: 32px;
        line-height: 32px;
    }



}

@media screen and (max-width: 540px) {
    .layer#layerTitle #WrappTitleHome .line1 {
        font-size: 19px;
        line-height: 26px;
    }

    .layer#layerTitle #WrappTitleHome .line1 b {
        font-size: 26px;
    }

    .state-phase4 .layer#layerTitle #WrappTitleHome .line1,
    .state-phase5 .layer#layerTitle #WrappTitleHome .line1,
    .state-phase6 .layer#layerTitle #WrappTitleHome .line1 {
        font-family: "Sugo";
        font-size: 24px;
        line-height: 24px;
    }
}
@media screen and (max-width: 480px) {
    .layer#layerTitle #WrappTitleHome .line1 {
        font-size: 15px;
        line-height: 19px;
        letter-spacing:-0.4pt;
    }

    .layer#layerTitle #WrappTitleHome .line1 b {
        font-size: 20px;
    }
}
.layer#layerTitle #WrappTitleHome .line2 {
    font-family: "Sugo-light";
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.2pt;
}

.layer#layerTitle #WrappTitleHome .line2 b {
    font-family: "Sugo";
    font-size: 30px;
}

.state-phase4 .layer#layerTitle #WrappTitleHome .line2,
.state-phase5 .layer#layerTitle #WrappTitleHome .line2,
.state-phase6 .layer#layerTitle #WrappTitleHome .line2 {
    font-family: "Sugo";
    font-size: 45px;
}
.state-phase4 .layer#layerTitle #WrappTitleHome .line3,
.state-phase5 .layer#layerTitle #WrappTitleHome .line3,
.state-phase6 .layer#layerTitle #WrappTitleHome .line3 {
    font-family: "Sugo";
    font-size: 38px;
}
@media screen and (max-width: 767px) {
    .layer#layerTitle #WrappTitleHome .line2 {
        font-size: 20px;
        line-height: 28px;
    }

    .layer#layerTitle #WrappTitleHome .line2 b {
        font-size: 28px;
    }

    .state-phase4 .layer#layerTitle #WrappTitleHome .line2,
    .state-phase5 .layer#layerTitle #WrappTitleHome .line2,
    .state-phase6 .layer#layerTitle #WrappTitleHome .line2 {
        font-family: "Sugo";
        font-size: 32px;
        line-height: 32px;
    }


    .state-phase4 .layer#layerTitle #WrappTitleHome .line3,
    .state-phase5 .layer#layerTitle #WrappTitleHome .line3,
    .state-phase6 .layer#layerTitle #WrappTitleHome .line3 {
        font-family: "Sugo";
        font-size: 28px;
        line-height: 28px;
    }
}

@media screen and (max-width: 540px) {
    .layer#layerTitle #WrappTitleHome .line2 {
        font-size: 17px;
        line-height: 20px;
    }

    .layer#layerTitle #WrappTitleHome .line2 b {
        font-size: 20px;
    }


    .state-phase4 .layer#layerTitle #WrappTitleHome .line2,
    .state-phase5 .layer#layerTitle #WrappTitleHome .line2,
    .state-phase6 .layer#layerTitle #WrappTitleHome .line2 {
        font-family: "Sugo";
        font-size: 20px;
        line-height: 20px;
    }


    .state-phase4 .layer#layerTitle #WrappTitleHome .line3,
    .state-phase5 .layer#layerTitle #WrappTitleHome .line3,
    .state-phase6 .layer#layerTitle #WrappTitleHome .line3 {
        font-family: "Sugo";
        font-size: 18px;
        line-height: 18px;
    }
}

.layer#layerBullesCentrale {
    z-index: 20;
}

.layer#layerBullesCentrale .wrapp-bulle {
    position: relative;
    width: 100%;
    top:300px;
    max-width: 392px;
    margin: 60px auto 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-height: 801px) {
    .layer#layerBullesCentrale .wrapp-bulle {
        /*top: 50%;*/
        top:430px;
    }
    .state-phase6 .layer#layerBullesCentrale .wrapp-bulle {
        /*top: 50%;*/
        top:0px;
    }
}
@media screen and (max-width: 767px) {
    .layer#layerBullesCentrale .wrapp-bulle {
        padding: 0 20px 0 40px;
    }
}

@media screen and (max-width: 540px) {
    .layer#layerBullesCentrale .wrapp-bulle {
        top: 0;
        width: 80%;
    }
}

.layer#layerBullesCentrale #slogan {
    position: relative;
    z-index: 6;
    color: #ffffff;
    padding-top: 20px;
}

.layer#layerBullesCentrale #slogan .line1 {
    font-family: "Sugo";
    font-size: 41px;
    line-height: 42px;
    text-transform: uppercase;
}
.mode-phase2 .layer#layerBullesCentrale #slogan .line1 {
    font-size: 32px;
    line-height: 42px;
}
.mode-phase2 .layer#layerBullesCentrale #slogan .line1 {
    font-size: 32px;
    line-height: 42px;
}
@media screen and (max-width: 540px) {
    .layer#layerBullesCentrale .wrapp-call-to-action {
        font-size: 32px;
        line-height: 22px;
    }
}
@media screen and (max-width: 480px) {
    .layer#layerBullesCentrale #slogan .line1 {
        font-size: 22px;
        line-height: 18px;
    }
    .state-phase6 .layer#layerBullesCentrale #slogan .line1 {
        font-size: 30px;
        line-height: 28px;
    }
}


.layer#layerBullesCentrale #slogan .line2,
.layer#layerBullesCentrale #slogan .line3 {
    font-family: "Sugo-light";
    font-size: 26px;
    line-height: 24px;
}

.state-phase6 .layer#layerBullesCentrale #slogan .line2,
.state-phase6 .layer#layerBullesCentrale #slogan .line3 {
    font-family: "Sugo-light";
    font-size: 32px;
    line-height: 30px;
}


@media screen and (max-width: 540px) {
    .layer#layerBullesCentrale #slogan .line2,
    .layer#layerBullesCentrale #slogan .line3 {
        font-size: 20px;
        line-height: 18px;
    }
    .state-phase6 .layer#layerBullesCentrale #slogan .line2,
    .state-phase6 .layer#layerBullesCentrale #slogan .line3 {
        font-size: 32px;
        line-height: 30px;
    }
}
@media screen and (max-width: 480px) {
    .layer#layerBullesCentrale #slogan .line2,
    .layer#layerBullesCentrale #slogan .line3 {
        font-size: 16px;
        line-height: 15px;
    }
    .state-phase6 .layer#layerBullesCentrale #slogan .line2,
    .state-phase6 .layer#layerBullesCentrale #slogan .line3 {
        font-family: "Sugo-light";
        font-size: 26px;
        line-height: 24px;
    }
}
.layer#layerBullesCentrale .wrapp-call-to-action {
    position: relative;
    z-index: 7;
    width: 100%;
    max-width: 300px;
    margin: 16px auto 8px auto;
    line-height: 42px;
    background-color: rgba(88, 12, 78, 0.82);
    border: 2px solid #3B1444;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    font-family: "Sugo";
    font-size: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 26px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

@media screen and (max-width: 540px) {
    .layer#layerBullesCentrale .wrapp-call-to-action {
        font-size: 18px;
        max-width: 260px;
    }
    .state-phase6 .layer#layerBullesCentrale .wrapp-call-to-action {
        font-size: 28px;
    }
}
@media screen and (max-width: 480px) {
    .layer#layerBullesCentrale .wrapp-call-to-action {
        font-size: 16px;
    }
    .state-phase6 .layer#layerBullesCentrale .wrapp-call-to-action {
        font-size: 24px;
    }
}
.layer#layerBullesCentrale .wrapp-call-to-action:hover {
    background-color: rgba(88, 12, 78, 1);
}

.layer#layerBullesCentrale .wrapp-call-to-action a {
    display: block;
    color: #ffffff;
}

.layer#layerBullesCentrale .wrapp-call-to-action .fa {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 42px;
    font-size: 34px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
@media screen and (max-width: 480px) {
    .layer#layerBullesCentrale .wrapp-call-to-action .fa {
        font-size:20px;
    }
}
.layer#layerBullesCentrale .wrapp-call-to-action:hover .fa {
    right: 6px;
}

.layer#layerBullesCentrale .bulle {
    position: absolute;
}

.layer#layerBullesCentrale .bulle .svg {
    display: block;
    width: 100%;
}

.layer#layerBullesCentrale .bulle1 {
    top: -16px;
    left: -10px;
    z-index: 4;
    width: 100%;
    max-width: 392px;
}

.layer#layerBullesCentrale .bulle2 {
    top: -28px;
    left: -14px;
    z-index: 3;
    width: 100%;
    max-width: 392px;
}

.layer#layerBullesCentrale .micro {
    position: absolute;
    top: 8px;
    left: 0px;
    z-index: 5;
    width: 36px;
    height: 127px;
}

.layer#layerBullesLeft {
    z-index: 16;
}

.layer#layerBullesRight {
    z-index: 15;
}
@media screen and (min-height: 801px) {
    .layer#layerBullesRight {
        top:470px;
    }
}
.layer#layerBullesLeft,
.layer#layerBullesRight {
    display: none;
}
.state-phase4 .layer#layerBullesRight,
.state-phase5 .layer#layerBullesRight,
.state-phase6 .layer#layerBullesRight {
    display: block;
}
@media screen and (min-width: 1180px) {
    .layer#layerBullesLeft,
    .layer#layerBullesRight {
        display: block;
    }
}

@media screen and (max-width: 959px) {
    #pageHome .layer {
        position: relative;
    }

    .layer#layerBullesLeft,
    .layer#layerBullesRight {
        display: none;
    }

    .state-phase4 .layer#layerBullesRight,
    .state-phase5 .layer#layerBullesRight {
        position: relative;
        top: 30px!important;
        display: block;
        height: 440px;
    }
}

.layer#layerBullesLeft .wrapp-layer,
.layer#layerBullesRight .wrapp-layer {
    margin: 0 auto;
    max-width: 1280px;
}

.layer#layerBullesLeft #bullesLeft {
    position: absolute;
    left: 10px;
    top: 360px;
    width: 100%;
    max-width: 330px;
}
@media screen and (max-height: 640px) {
    .layer#layerBullesLeft #bullesLeft {
        top: 220px;
    }
}
@media screen and (min-height: 801px) {
    .layer#layerBullesLeft #bullesLeft {
        /*top: 50%;*/
        top:370px;
    }
}
#bullesLeft .bulle1 {
    top: 0px;
    right: 67px;
    z-index: 7;
    width: 146px;
    height: 88px;
}

#bullesLeft .bulle1 .zone-text {
    position: absolute;
    top: 16px;
    left: 32px;
    z-index: 8;
    width: 87px;
    height: 35px;
}

#bullesLeft .bulle1 .under-bulle1 {
    z-index: 7;
    top: 4px;
    left: 9px;
    width: 146px;
    height: 79px;
}

#bullesLeft .bulle1 .under-bulle2 {
    z-index: 6;
    top: 0px;
    left: 16px;
    width: 135px;
    height: 86px;
}

#bullesLeft .bulle2 {
    top: 58px;
    right: 160px;
    z-index: 7;
    width: 100px;
    height: 55px;
}

#bullesLeft .bulle2 .zone-text {
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 8;
    width: 61px;
    height: 35px;
}

#bullesLeft .bulle2 .under-bulle2 {
    z-index: 6;
    top: 0px;
    left: 8px;
    width: 100px;
    height: 52px;
}

#bullesLeft .bulle2 .under-bulle3 {
    z-index: 6;
    top: -6px;
    left: 4px;
    width: 100px;
    height: 55px;
}

#bullesLeft .bulle3 {
    top: 108px;
    left: 0;
    z-index: 7;
    width: 100px;
    height: 55px;
}

#bullesLeft .bulle3 .zone-text {
    position: absolute;
    top: 10px;
    left: 24px;
    z-index: 11;
    width: 111px;
    height: 34px;
}

#bullesLeft .bulle3 .under-bulle1 {
    z-index: 10;
    top: -2px;
    left: 2px;
    width: 163px;
    height: 80px;
}

#bullesLeft .bulle3 .under-bulle2 {
    z-index: 9;
    top: 0px;
    left: 10px;
    width: 162px;
    height: 77px;
}

#bullesLeft .bulle4 {
    top: 174px;
    right: 165px;
    z-index: 4;
    width: 102px;
    height: 52px;
}

#bullesLeft .bulle4 .zone-text {
    position: absolute;
    top: 20px;
    left: 18px;
    z-index: 11;
    width: 67px;
    height: 14px;
}

#bullesLeft .bulle4 .under-bulle1 {
    z-index: 10;
    top: -2px;
    left: 2px;
    width: 96px;
    height: 52px;
}

#bullesLeft .bulle4 .under-bulle2 {
    z-index: 9;
    top: 0px;
    left: 10px;
    width: 102px;
    height: 52px;
}

#bullesLeft .bulle5 {
    top: 61px;
    right: 0px;
    z-index: 7;
    width: 188px;
    height: 158px;
}

#bullesLeft .bulle5 .inside-bulle {
    height: 100%;
}

#bullesLeft .bulle5 .micro3x {
    z-index: 13;
    top: -8px;
    left: 8px;
    width: 140px;
    height: 175px;
}

#bullesLeft .bulle5 .cartouche {
    bottom: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 95px;
}

#bullesLeft .bulle5 .under-bulle1 {
    z-index: 12;
    top: 24px;
    width: 140px;
}

#bullesLeft .bulle5 .under-bulle2 {
    z-index: 11;
    width: 161px;
    top: 16px;
}

.layer#layerBullesRight #bullesRight {
    position: absolute;
    right: 10px;
    top:300px;
    width: 100%;
    max-width: 400px;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.state-phase4 .layer#layerBullesRight #bullesRight,
.state-phase5 .layer#layerBullesRight #bullesRight {
    right:auto;
    left:50%;
    margin-left: -200px;
    top:350px;
}

@media screen and (max-height: 640px) {
    .layer#layerBullesRight #bullesRight {
        top: 180px;
    }
    .state-phase4 .layer#layerBullesRight #bullesRight, .state-phase5 .layer#layerBullesRight #bullesRight {
        top:30px;
    }
}
@media screen and (min-height: 801px) {
    .layer#layerBullesRight #bullesRight {
        top: 50%;
        margin-top: -40px;
    }
    .state-phase4 .layer#layerBullesRight #bullesRight,
    .state-phase5 .layer#layerBullesRight #bullesRight {
        top: 180px;
    }

    .state-phase4 .layer#layerBullesRight #bullesRight, .state-phase5 .layer#layerBullesRight #bullesRight {
        top:30px;
    }
}

@media screen and (max-width: 400px) {
    .state-phase4 .layer#layerBullesRight #bullesRight, .state-phase5 .layer#layerBullesRight #bullesRight {
        margin-left: -160px;
    }
}
.layer#layerBullesLeft #bullesLeft .inner-bulle,
.layer#layerBullesRight #bullesRight .inner-bulle {
    position: relative;
    width: 100%;
}

.inner-bulle .bulle {
    position: absolute;
}

.inner-bulle .bulle img {
    display: block;
    width: 100%;
}

.inside-bulle {
    position: relative;
    width: 100%;
}

.inside-bulle .under-bulle {
    position: absolute;
}

#bullesRight .bulle1 {
    top: 55px;
    right: 190px;
    z-index: 7;
    width: 142px;
    height: 111px;
    font-family: "Sugo-light";
}

#bullesRight .bulle1 .line1 {
    position: relative;
    z-index: 4;
    color: #4E8D9D;
    font-size: 60px;
    line-height: 48px;
    height: 40px;
}

#bullesRight .bulle1 .line2 {
    position: relative;
    z-index: 4;
    color: #FFF;
    text-transform: uppercase;
    font-size: 32px;
}

#bullesRight .bulle1 .line2 small {
    font-size: 26px;
}

#bullesRight .bulle1 .under-bulle1 {
    top: 0;
    left: 0;
    width: 100%;
}

#bullesRight .bulle2 {
    z-index: 6;
    top: 8px;
    right: 18px;
    color: #ffffff;
    width: 100%;
    max-width: 172px;
}
#bullesRight .bulle2 .line0 {
    position: relative;
    z-index: 8;
    font-family: "Roboto_CondensedBold";
    font-size: 19px;
    line-height: 19px;
    text-transform: uppercase;
    padding-top: 30px;

}
#bullesRight .bulle2 .line1 {
    position: relative;
    z-index: 8;
    font-family: "Roboto_CondensedBold";
    font-size: 19px;
    line-height: 19px;
    text-transform: uppercase;
}

#bullesRight .bulle2 .line2 {
    position: relative;
    z-index: 8;
    font-family: "Roboto_CondensedBold";
    font-size: 19px;
    line-height: 19px;
    text-transform: uppercase;
}

#bullesRight .bulle2 .line2 small {
    font-family: "Roboto_CondensedLight";
}

#bullesRight .bulle2 .under-bulle1 {
    top: 8px;
    left: -10px;
    z-index: 4;
    width: 178px;
    height: 140px;
}

#bullesRight .bulle2 .under-bulle2 {
    top: 0;
    z-index: 5;
    width: 172px;
    height: 172px;
}

#bullesRight .bulle3 {
    top: 132px;
    left: 0px;
    z-index: 8;
    width: 100%;
    max-width: 189px;
    height: 189px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

@media screen and (max-width: 440px) {
    #bullesRight .bulle3 {
        max-width: 149px;
        height: 149px;
        left: 20px;
    }
}

#bullesRight .bulle4 {
    top: 96px;
    right: 0;
    z-index: 9;
    width: 100%;
    max-width: 244px;
    height: 244px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
@media screen and (max-width: 440px) {
    #bullesRight .bulle4 {
        max-width: 194px;
        height: 194px;
        right:30px;
    }
}
#bullesRight .bulle5 {
    top: 246px;
    right: 80px;
    z-index: 10;
    width: 100%;
    max-width: 186px;
    height: 186px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
@media screen and (max-width: 440px) {
    #bullesRight .bulle5 {
        max-width: 144px;
        height: 144px;
        right:90px;
    }
}

/*


<li id="layerBullesRight" class="layer" data-depth="0.03">
                <div class="wrapp-layer">
                    <div id="bullesRight">
                        <div class="inner-bulle">
                            <div class="bulle bulle1"></div>
                            <div class="bulle bulle2"></div>
                            <div class="bulle bulle3"></div>
                            <div class="bulle bulle4"><img src="{{ asset('bundles/frontendeditorial/images/home_bulle-right-imany.jpg') }}" alt=" Imany"></div>
                        </div>
                    </div>
                </div>
            </li>
*/
#sectionHome .layer#layerAccroche {
    z-index: 20;
}

#sectionHome .layer#layerGus {
    z-index: 15;
}

#sectionHome .layer#layerGusShadow {
    z-index: 8;
}

#sectionHome .layer#layerBanc {
    z-index: 5;
}

#sectionHome .layer#layerBancOver {
    z-index: 6;
}

#sectionHome .layer#layerCopyrights {
    z-index: 30;
}

#layerSlogan .wrapp-layer {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 1;
}

#pageHome .wrapp-banner-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    text-align: center;
    font-family: 'Sugo-light';
    font-size: 22px;
    line-height: 30px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.state-phase3 #pageHome .wrapp-banner-top,
.state-phase4 #pageHome .wrapp-banner-top,
.state-phase5 #pageHome .wrapp-banner-top,
.state-phase6 #pageHome .wrapp-banner-top {
    display: none;
}

@media screen and (max-width: 640px) {
    #pageHome .wrapp-banner-top {
        font-size: 16px;
        line-height: 19px;
    }
}
#pageHome .inner-banner-top {
    position: relative;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    margin-left: 0;
    background-color: rgba(255, 255, 255, 0.54);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1280px) {
    #pageHome .inner-banner-top {
        margin-left: auto;
    }
}

@media screen and (max-width: 540px) {
    #pageHome .wrapp-banner-top {
        position: relative;
    }
}

#pageHome .inner-banner-top:after {
    content: "";
    position: absolute;
    left: 100%;
    width: 120px;
    top: 0;
    height: 100%;
    display: block;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.54)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0.54);

}

#pageHome .inner-banner-top:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 120px;
    height: 100%;
    display: block;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.54) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0.54)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.54) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.54) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.54) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.54) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0.54);

}

@media screen and (max-width: 959px) {
    #pageHome .inner-banner-top {
        max-width: none;
    }

    #pageHome .inner-banner-top:after,
    #pageHome .inner-banner-top:before {
        display: none;
    }
}

#pageHome .inner-banner-top .btn-facebook {
    position: relative;
    display: inline-block;
    float: right;
    text-align: center;
    background-color: #3B5998;
    height: 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px 0 30px;
    margin-top: 5px;
    margin-left: 5px;
}

@media screen and (max-width: 540px) {
    #pageHome .inner-banner-top .btn-facebook {
        float: none;
    }
}

#pageHome .inner-banner-top .btn-facebook span {
    display: block;
    line-height: 24px;
}

#pageHome .inner-banner-top .btn-facebook .fa {
    position: absolute;
    bottom: 0;
    left: 8px;
    line-height: 15px;
}

#pageHome .wrapp-banner-top b {
    font-family: 'Sugo';
    font-size: 23px;
}
@media screen and (max-width: 640px) {
    #pageHome .wrapp-banner-top b {
        font-size: 18px;
    }
}
#pageHome #WrappTitleHome {
    color: #ffffff;
    font-family: "Sugo";
    text-shadow: 0 0 106.4px 26.6px rgba(255, 255, 255, 0.83);
    text-align: center;
}

#pageHome #layerEiffel {
    z-index: 4;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/background_sectionHome-eiffel.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#pageHome #layerSky {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/background_sectionHome-sky.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.scroll-to-arrow {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 50;
    margin-left: -15px;
    width: 24px;
    height: 48px;
    border: 3px solid #601d5a;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

@media screen and (max-width: 540px) {
    .scroll-to-arrow {
        display: none;
    }
}

.scroll-to-arrow:after {
    content: "";
    top: 8px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    z-index: 700;
    width: 4px;
    height: 12px;
    background-color: #601d5a;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    animation: pulse linear 10s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: pulse linear 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: pulse linear 10s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: pulse linear 10s;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: pulse linear 10s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-fill-mode: forwards; /*IE 10+*/
}

.scroll-to-arrow:active,
.scroll-to-arrow:focus {
    border: 3px solid #601d5a;
}

#wrappSite {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mode-navigation #wrappSite {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

#mainHeaderMS {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1990;
    background-color: #750f69;
    background-color: rgba(117, 15, 105, 0.9);

    visibility: hidden;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#mainHeaderMS.open-state {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);

    visibility: visible;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

/*///////////////////////////////////////////
NAVIGATION PRINCIPAL
///////////////////////////////////////////*/
.wrapp-nav-principal {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 320px;
    margin: 0 auto;
}

.nav-section {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -240px;
}
@media screen and (max-height: 728px) {
    .nav-section {
        top: 0;
        margin-top: 40px;
    }
}
@media screen and (max-width: 540px) {
    .nav-section {
        top: 0;
        margin-top: 80px;
    }
}

.nav-section ul h2 {
    position: relative;
    font-family: "Sugo";
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    text-transform: uppercase;
}

.nav-section ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-section ul:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}

@media screen and (max-width: 960px) {
    .nav-section ul {
        margin-left: 0;
    }
}

.nav-section ul li.nav-universe {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    width: 100%;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.nav-section ul li.nav-universe:hover,
.nav-section ul li.nav-universe.current {
    cursor: default;
    background-color: #ffffff;
    color: #750f69;
}

.nav-section ul li.nav-universe:hover a,
.nav-section ul li.nav-universe:hover h2,
.nav-section ul li.nav-universe.current h2,
.nav-section ul li.nav-universe.current a {
    color: #750f69;
}

.nav-section ul li.nav-universe a {
    width: 100%;
    display: block;
}

.nav-section ul li.nav-universe h2 span {
    position: relative;
    z-index: 6;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav-section ul li.nav-universe#movieNav h2 span {
    display: none;
}

.nav-section ul li.nav-universe#movieNav h2 small {
    display: none;
}

.nav-section ul li.nav-universe h2 small {
    font-family: "roboto_condensedlight";
    font-size: 15px;
}

.nav-section ul li.nav-universe.current:before,
.nav-section ul li.nav-universe:hover:before {
    background-color: #2b3138;
}

.nav-section ul li.nav-universe.current h2 span,
.nav-section ul li.nav-universe:hover h2 span {

}

@media screen and (max-width: 959px) {
    .nav-section ul li.nav-universe.current:after,
    .nav-section ul li.nav-universe:hover:after {
        display: none;
    }
}

/*///////////////////////////////////////////
FIN NAVIGATION PRINCIPAL
///////////////////////////////////////////*/
/*///////////////////////////////////////////////////////
PAGE PREHOME
///////////////////////////////////////////////////////*/

/*///////////////////////////////////////////
LOADER
///////////////////////////////////////////*/
#loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: #5d1b4b;
}

#loader .wrapp-loader {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loader .container-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin-left: -25px;
    margin-top: -25px;
}

#loader .spinner {
    width: 40px;
    height: 40px;

    position: relative;
    margin: 100px auto;
}

.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
}

.sk-spinner-three-bounce div {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-threeBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-threeBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*///////////////////////////////////////////
FIN LOADER
///////////////////////////////////////////*/

/*///////////////////////////////////////////
SKIN BLOC PRINCIPAL
///////////////////////////////////////////*/
.bloc-principal {
    position: relative;
    /*    background-color:#591c4f;
        border-color:#591c4f;
        border-width: 5px 8px;
        */
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    padding: 0 10px;
    /*
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    */
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    z-index: 1;
    margin-bottom: 16px;
    color: #000000;
}

@media screen and (min-width: 1160px) {
    .bloc-principal {
        padding: 0 10px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 10px 0;
    }
}

@media screen and (max-width: 1100px) {
    .bloc-principal {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1060px) {
    .bloc-principal {
        max-width: 820px;
    }
}

@media screen and (max-width: 960px) {
    .bloc-principal {
        padding: 0 10px 0 0;
        max-width: none;
        margin-left: auto;
    }
}

.bloc-principal .wrapp-bloc {
    width: 100%;
    height: 100%;
    background-color: #591c4f;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px;
    text-align: center;
}

@media screen and (max-width: 960px) {
    .bloc-principal .wrapp-bloc {
        padding: 10px;
    }
}

.bloc-principal .wrapp-bloc .inner-bloc {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
    background: rgb(237, 238, 238);
    background-image: -moz-linear-gradient(-135deg, rgb(211, 212, 212) 0%, rgb(237, 238, 238) 30%, rgb(245, 245, 246) 51%, rgb(236, 236, 237) 67%, rgb(196, 196, 196) 100%);
    background-image: -webkit-linear-gradient(-135deg, rgb(211, 212, 212) 0%, rgb(237, 238, 238) 30%, rgb(245, 245, 246) 51%, rgb(236, 236, 237) 67%, rgb(196, 196, 196) 100%);
    background-image: -ms-linear-gradient(-135deg, rgb(211, 212, 212) 0%, rgb(237, 238, 238) 30%, rgb(245, 245, 246) 51%, rgb(236, 236, 237) 67%, rgb(196, 196, 196) 100%);
}

@media screen and (max-width: 960px) {
    .bloc-principal .wrapp-bloc .inner-bloc {
        padding: 10px 10px;
    }
}

/*///////////////////////////////////////////
FIN SKIN BLOC PRINCIPAL
///////////////////////////////////////////*/

/*///////////////////////////////////////////
STRUCTURE PAGE
///////////////////////////////////////////*/

.wrapp-page {
    position: relative;
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1160px) {
    .wrapp-page {
    }
}

@media screen and (max-width: 960px) {
    .wrapp-page {
        padding: 0;
    }
}

@media screen and (max-width: 540px) {
    .wrapp-page {
        padding-top: 32px;
    }
}

.wrapp-page.wrapp-page-movie {
    padding-top: 0;
    padding-left: 0;
}

.wrapp-page .bloc-full {
    width: 100%;
    max-width: 1160px;
    margin: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapp-page .bloc-full:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}

@media screen and (min-width: 1160px) {
    .wrapp-page .bloc-full {
        margin: 0;
        padding: 0;
    }
}

@media screen and (min-width: 1160px) {
    .wrapp-page.wrapp-page-movie .bloc-full {
        padding-left: 0;
    }
}

@media screen and (max-width: 960px) {
    .wrapp-page .bloc-full {
        padding: 0;
    }
}

.wrapp-page .bloc-left {
    width: 100%;
    max-width: 956px;
    margin: 0 auto 0 0;
}

.wrapp-list {
    padding: 0 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 1100px) {
    .wrapp-list {
        margin-left: 20px;

    }
}

@media screen and (max-width: 960px) {
    .wrapp-list {
        padding: 0;
        margin-left: auto;

    }
}

/*///////////////////////////////////////////
FIN STRUCTURE PAGE
///////////////////////////////////////////*/

/*///////////////////////////////////////////
PAGE HOW COME
///////////////////////////////////////////*/
.wrapp-page.wrapp-page-come {
    text-align: center;
    padding: 0;
    min-height: 100%;
    background-color: #ffffff;
}

.wrapp-page.wrapp-page-come .wrapp-page-head {
    position: relative;
    z-index: 20;
    width: 100%;
    background-color: #67015B;
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.35);
    padding: 10px 0;
}
@media screen and (min-height: 801px) {
    .wrapp-page.wrapp-page-come .wrapp-page-head {
        padding: 40px 0;
    }
}
@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-come .wrapp-page-head {
        padding-top:50px;
    }
}
.wrapp-page.wrapp-page-come .title-page {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    color: #ffffff;
}

.wrapp-page.wrapp-page-come .wrapp-mode-transport {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}
@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-come .wrapp-mode-transport {
        padding:0 20px 0 40px;
    }
}
.wrapp-page.wrapp-page-come .wrapp-mode-transport:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}

.wrapp-page.wrapp-page-come .wrapp-mode-transport .col {
    width: 33.333333333%;
    max-width: 380px;
    text-align: left;
    float: left;
    font-family: "roboto_condensedlight";
    font-size: 15px;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-come .wrapp-mode-transport .col {
        width: 100%;
        max-width: 380px;
        float: none;
        clear: both;
        margin: 0 auto 8px auto;
    }
}


.wrapp-page.wrapp-page-come .wrapp-mode-transport .col strong {
    font-family: "roboto_condensedbold";
}

.wrapp-page.wrapp-page-come .wrapp-mode-transport .col .line-top {
    padding-top: 4px;
}

.wrapp-page.wrapp-page-come .wrapp-mode-transport .col:before {
    content: "";
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    padding-top:8px;
    margin-right: 8px;
}
@media screen and (min-width: 1280px) {
    .wrapp-page.wrapp-page-come .wrapp-mode-transport .col:before {
        padding-top: 0;
        width: 55px;
        height: 55px;
    }
}
.wrapp-page.wrapp-page-come .wrapp-mode-transport .col-metro:before {
    content: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/howcome_transport-picto-metro_small.png');
}

.wrapp-page.wrapp-page-come .wrapp-mode-transport .col-rer:before {
    content: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/howcome_transport-picto-rer_small.png');
}

.wrapp-page.wrapp-page-come .wrapp-mode-transport .col-velib:before {
    content: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/howcome_transport-picto-velib_small.png');
}
@media screen and (min-width: 1280px) {
    .wrapp-page.wrapp-page-come .wrapp-mode-transport .col-metro:before {
        content: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/howcome_transport-picto-metro.png');
    }

    .wrapp-page.wrapp-page-come .wrapp-mode-transport .col-rer:before {
        content: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/howcome_transport-picto-rer.png');
    }

    .wrapp-page.wrapp-page-come .wrapp-mode-transport .col-velib:before {
        content: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/howcome_transport-picto-velib.png');
    }
}
.item-metro,
.item-rer {
    width: 24px;
    height: 24px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    border: transparent 2px solid;
    text-align: center;
    font-family: "roboto_condensedbold";
    font-size: 17px;
}

.item-metro.item-ligne8 {
    color: #000000;
    background-color: #c795c8;
}

.item-metro.item-ligne9 {
    color: #000000;
    background-color: #ced22a;
}

.item-metro.item-ligne13 {
    color: #000000;
    background-color: #92d4cd;
}

.item-rer.item-lignec {
    color: #eac91c;
    background-color: #ffffff;
    border: #eac91c 2px solid;
}

.wrapp-page.wrapp-page-come .title-page .line1 {
    font-family: "Sugo-light";
    font-size: 62px;
    line-height: 1em;
    margin-bottom: 4px;
    text-transform: uppercase;
    padding-top: 22px;
}

.wrapp-page.wrapp-page-come .title-page .line1 strong {
    font-family: "Sugo";
}

@media screen and (min-width: 1280px) {
    .wrapp-page.wrapp-page-come .title-page .line1 {
        font-size: 80px;
    }
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-come .title-page .line1 {
        padding-top: 10px;
        font-size: 56px;
    }
}

@media screen and (max-width: 767px) {
    .wrapp-page.wrapp-page-come .title-page .line1 strong {
        display: block;
    }
}
@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-come .title-page .line1 {
        font-size: 36px;
    }
}
.wrapp-page.wrapp-page-come .wrapp-page-mid {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-height: 360px;
}

@media screen and (min-height: 801px) {
    .wrapp-page.wrapp-page-come .wrapp-page-mid {
        max-height: 500px;
    }
}
@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-come .wrapp-page-mid {
        display:none;
    }
}
#howComeMap {
    width: 100%;
    min-height: 360px;
    height: 100%;
}
@media screen and (min-height: 801px) {
    #howComeMap {
        min-height: 500px;
    }
}

@media screen and (max-width: 540px) {
    #howComeMap {
        min-height: 240px;
    }
}
@media screen and (max-width: 640px) {
    #howComeMap {
        display:none;
    }
}
#btn-zoom-in {
    position: absolute;
    top: 49px;
    left: 10px;
    z-index: 10;
    height: 40px;
    line-height: 40px;
    width: 40px;
    cursor: pointer;
    background-color: #8398b4;
    color: #ffffff;
    display: block;
    font-size: 24px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#btn-zoom-out {
    position: absolute;
    top: 90px;
    left: 10px;
    z-index: 10;
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-color: #8398b4;
    color: #ffffff;
    line-height: 40px;
    display: block;
    font-size: 24px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
@media screen and (min-height: 801px) {
    #btn-zoom-in {
        top:200px;
    }
    #btn-zoom-out {
        top: 242px;
    }
}
@media screen and (max-width: 959px) {
    #btn-zoom-in,
    #btn-zoom-out {
        left: auto;
        right: 8px;
    }
}

#btn-zoom-in:hover,
#btn-zoom-out:hover {
    background-color: #627da0;

}

.wrapp-page.wrapp-page-come .wrapp-page-foot {
    position: relative;
    z-index: 10;
    width: 100%;
    background-color: #FFF;
    -moz-box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.35);
    box-shadow: 0 -3px 20px rgba(0, 0, 0, 0.35);
    padding: 10px 0;
}

.wrapp-page.wrapp-page-come .wrapp-page-foot .inside-zone {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    color: #333333;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 0 20px;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-come .wrapp-page-foot .inside-zone {
        padding: 10px 40px 40px 20px;
    }
}

@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-come .wrapp-page-foot .inside-zone {
        padding-bottom: 10px;
    }
}

.wrapp-page.wrapp-page-come .wrapp-page-foot .inside-zone:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}

.wrapp-page.wrapp-page-come .wrapp-page-foot .inside-zone h6 {
    font-family: "roboto_condensedlight";
    font-size: 14px;
    text-align: left;
    margin-bottom: 12px;
}
@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-come .wrapp-page-foot .inside-zone h6 {
        max-width:280px;
        margin-left:auto;
        margin-right:auto;
    }
}
.partner-dailymotion .logo-dailymotion {
    width: 100%;
    max-width: 300px;
}

.partner-deezer {
    padding: 0 20px;
}

@media screen and (min-width: 1000px) {
    .partner-deezer {
        padding: 0 40px;
    }
}

@media screen and (min-width: 1100px) {
    .partner-deezer {
        padding: 0 80px;
    }
}

@media screen and (min-width: 1280px) {
    .partner-deezer {
        padding: 0 140px;
    }
}

.partner-deezer .logo-deezer {
    width: 100%;
    max-width: 246px;
}

.partner-tracktl .logo-tracktl {
    width: 100%;
    max-width: 296px;
}

.partner-dailymotion,
.partner-deezer,
.partner-tracktl {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 959px) {
    .partner-dailymotion,
    .partner-deezer,
    .partner-tracktl {
        width: 33%;
        display: block;
        float: left;

    }
}
@media screen and (max-width: 640px) {
    .partner-dailymotion,
    .partner-deezer,
    .partner-tracktl {
        width: 100%;
        display: block;
        float: none;
        max-width:280px;
        margin:0 auto 20px auto;

    }
}
/*///////////////////////////////////////////
FIN PAGE HOW COME
///////////////////////////////////////////*/


/*////////////////////////////
GALLERY
////////////////////////////*/
.wrapp-page-gallery {
    position: relative;
    height: 100%;
    color: #ffffff;
    background-color: #68025c;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/rate_background.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: scroll;
    background-size: 100% 100%;
}


.wrapp-page.wrapp-page-gallery .title-page {
    position: relative;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}
.wrapp-page.wrapp-page-gallery .title-page {
    position: relative;
    z-index: 10;
    padding-top: 40px;
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-gallery .title-page {
        padding-left:30px;
        padding-right:30px;
    }
}

.wrapp-page.wrapp-page-gallery .title-page .line1 {
    font-family: "Sugo-light";
    font-size: 84px;
    line-height: 64px;
    padding: 0;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.wrapp-page.wrapp-page-gallery .title-page .line1 strong {
    font-family: "Sugo";
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-gallery .title-page .line1 {
        font-size: 80px;
        line-height: 64px;
    }
}

@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-gallery .title-page .line1 {
        padding-top: 10px;
        font-size: 50px;
        line-height: 39px;
    }
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-gallery .title-page .line1 {
        font-size: 36px;
        line-height: 30px;
    }
}

.wrapp-all-gallery {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 80px;
}
@media screen and (min-width: 1200px) {
    .wrapp-all-gallery {
        max-width: 1200px;
    }
}
@media screen and (max-width: 900px) {
    .wrapp-all-gallery {
        max-width: 600px;
    }
}
@media screen and (max-width: 600px) {
    .wrapp-all-gallery {
        max-width: 300px;
    }
}
.item-gallery.item-gallery-photo {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 200px;
    overflow: hidden;
    margin: 0;
}
.no-touch .item-gallery.item-gallery-photo a:before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(138,16,152,0.1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
}
.no-touch .item-gallery.item-gallery-photo:hover a:before {
    background-color: rgba(138,16,152,0);
}
.no-touch .item-gallery.item-gallery-photo:after {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    top:50%;
    left:50%;
    z-index: 4;
    font-size: 30px;
    margin-top: -15px;
    margin-left: -15px;
    color: #ffffff;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
}
.no-touch .item-gallery.item-gallery-photo.item-gallery-video:after {
    content:"\f04b";
    opacity: 1;
}
.no-touch .item-gallery.item-gallery-photo:hover a:after {
    opacity: 0.25;
}
.item-gallery.item-gallery-photo a {
    display: block;
}
.item-gallery.item-gallery-photo img {
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
}
.no-touch .item-gallery.item-gallery-photo:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
/*////////////////////////////
FIN GALLERY
////////////////////////////*/



/*////////////////////////////
PROGRAMMATION
////////////////////////////*/
.wrapp-page-programmation {
    position: relative;
    height: 100%;
    color: #ffffff;
    background-color: #68025c;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/rate_background.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-attachment: scroll;
    background-size: 100% 100%;
}

.wrapp-page.wrapp-page-programmation .title-page {
    position: relative;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}
.wrapp-page.wrapp-page-programmation .title-page {
    position: relative;
    z-index: 10;
    padding-top: 40px;
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-programmation .title-page {
        padding-left:30px;
        padding-right:30px;
    }
}

.wrapp-page.wrapp-page-programmation .title-page .line1 {
    font-family: "Sugo-light";
    font-size: 84px;
    line-height: 64px;
    padding: 0;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.wrapp-page.wrapp-page-programmation .title-page .line1 strong {
    font-family: "Sugo";
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-programmation .title-page .line1 {
        font-size: 80px;
        line-height: 64px;
    }
}

@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-programmation .title-page .line1 {
        padding-top: 10px;
        font-size: 50px;
        line-height: 39px;
    }
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-programmation .title-page .line1 {
        font-size: 36px;
        line-height: 30px;
    }
}
.wrapp-page.wrapp-page-programmation .title-page .line2 {
    font-family: "roboto_condensedbold";
    font-size: 34px;
    text-transform: uppercase;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-programmation .title-page .line2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-programmation .title-page .line2 {
        display: none;
    }
}

.wrapp-page.wrapp-page-programmation .title-page .line3 {
    font-family: "Sugo-light";
    font-size: 24px;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-programmation .title-page .line3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-programmation .title-page .line3 {
        font-size: 19px;
    }
}

.wrapp-page-programmation .wrapp-smo {
    position: absolute;
    left: 100%;
    top:10px;
    margin-left: 40px;
    width: 100px;
}
@media screen and (max-width: 1160px) {
    .wrapp-page-programmation .wrapp-smo {
        position: relative;
        top:0;
        left:0;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100px;
    }
}
@media screen and (max-width: 767px) {
    .wrapp-page-programmation .wrapp-smo {
        display: none;
    }
}
.wrapp-page-programmation .wrapp-smo .item-smo {
    float:left;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:6px;
}
.wrapp-page-programmation .wrapp-smo .item-smo a {
    display: block;
    width: 100%;
    height:100%;
}
.wrapp-page-programmation .wrapp-smo .item-smo .over-box {
    position:absolute;
    top:0px;
    left:50%;
    opacity:0;
    width:160px;
    margin-left: -80px;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.wrapp-page-programmation .wrapp-smo .item-smo:hover .over-box {
    top:-40px;
    opacity:1;
}
.wrapp-page-programmation .wrapp-smo .item-smo .box .share{
    display: none;
}
.wrapp-page-programmation .item-smo a.btn-circle {
    display:block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color:transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin:0 auto;
    border:#ffffff 2px solid;
    text-align:center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    color:#ffffff;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-transition: -webkit-transform .55s ease-out;
    -moz-transition: -moz-transform .7s ease-out;
    -o-transition: -o-transform .7s ease-out;
    -ms-transition: -ms-transform .7s ease-out;
    transition: transform .7s ease-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.wrapp-page-programmation .wrapp-smo-artist .item-smo {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    line-height: 32px;
}
.wrapp-page-programmation .wrapp-smo-artist .item-smo.share-fb a {
    color: #3A5795;
    border: 2px solid #3A5795;
}
.wrapp-page-programmation .wrapp-smo-artist .item-smo.share-twitter a {
    color: #55ACEE;
    border: 2px solid #55ACEE;
}
.wrapp-page-programmation .wrapp-smo-artist .item-smo.share-instagramm  a {
    color: #3A5795;
    border: 2px solid #3A5795;
}


.wrapp-page-programmation .item-smo a:hover {
    background-color:rgba(255,255,255,0.25);
}
.wrapp-page-programmation .item-smo a .fa {
    font-size:18px;
    line-height:30px;
}

.wrapp-page-programmation .item-smo a:hover .fa {

}
.wrapp-page-programmation .wrapp-big-title {
    font-family: "Sugo-light";
    font-size: 24px;
    line-height: 26px;
    color: #79136d;
    margin-bottom: 16px;
}
.wrapp-page-programmation .wrapp-call-to-action {
    position: relative;
    background-color: #79136d;
    color: #ffffff;
    max-width: 160px;
    line-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: "roboto_condensedlight";
    font-size: 15px;
}
.wrapp-page-programmation .wrapp-call-to-action a {
    color: #ffffff;
}
.wrapp-page-programmation .wrapp-call-to-action .fa {
    position: absolute;
    top:2px;
    left: 5px;
    font-size:22px;
}

.wrapp-page-programmation .wrapp-pix-artist {
    margin-bottom: 10px;
}
/*////////////////////////////
FIN PROGRAMMATION
////////////////////////////*/



/*////////////////////////////
RATE DEEZER
////////////////////////////*/

.wrapp-page-vote {
    position: relative;
    height: 100%;
    color: #ffffff;
    background-color: #68025c;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/rate_background.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.wrapp-page-vote:after {
    content: "";
    position: absolute;
    width: 100%;
    z-index: 10;
    bottom: 0;
    border-bottom: #94428a 5px solid;
    display: block;
}

.wrapp-page.wrapp-page-vote .title-page {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
}

.wrapp-page-vote .wrapp-smo {
    position: absolute;
    left: 100%;
    top:10px;
    margin-left: 40px;
    width: 100px;
}
@media screen and (max-width: 1160px) {
    .wrapp-page-vote .wrapp-smo {
        position: relative;
        top:0;
        left:0;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100px;
    }
}
@media screen and (max-width: 767px) {
    .wrapp-page-vote .wrapp-smo {
        display: none;
    }
}
.wrapp-page-vote .wrapp-smo .item-smo {
    float:left;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:6px;
}
.wrapp-page-vote .wrapp-smo .item-smo a {
    display: block;
    width: 100%;
    height:100%;
}
.wrapp-page-vote .wrapp-smo .item-smo .over-box {
    position:absolute;
    top:0px;
    left:50%;
    opacity:0;
    width:160px;
    margin-left: -80px;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.wrapp-page-vote .wrapp-smo .item-smo:hover .over-box {
    top:-40px;
    opacity:1;
}
.wrapp-page-vote .wrapp-smo .item-smo .box .share{
    display: none;
}
.wrapp-page-vote .item-smo a.btn-circle {
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    background-color:transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin:0 auto;
    border:#ffffff 2px solid;
    text-align:center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    color:#ffffff;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-transition: -webkit-transform .55s ease-out;
    -moz-transition: -moz-transform .7s ease-out;
    -o-transition: -o-transform .7s ease-out;
    -ms-transition: -ms-transform .7s ease-out;
    transition: transform .7s ease-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
@media screen and (max-width: 580px) {
    .wrapp-page-vote .item-smo a.btn-circle {
        width:28px;
        height:100%;
        line-height:40px;
        border:#ffffff 1px solid;
    }
}
.wrapp-page-vote .item-smo a:hover {
    background-color:rgba(255,255,255,0.25);
}
.wrapp-page-vote .item-smo a .fa {
    font-size:20px;
    line-height:36px;
}
@media screen and (max-width: 580px) {
    .wrapp-page-vote .item-smo a .fa {
        font-size:16px;
        line-height:26px;
    }
}
.wrapp-page-vote .item-smo a:hover .fa {

}



.wrapp-page.wrapp-page-vote #overlayWordingRate,
.wrapp-page.wrapp-page-vote #overlayEndRate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    opacity: 0;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    pointer-events: none;
}

.wrapp-page.wrapp-page-vote #overlayEndRate {
    background-color: rgba(0, 0, 0, 0.8);
}

.wrapp-page.wrapp-page-vote #overlayWordingRate.open-state,
.wrapp-page.wrapp-page-vote #overlayEndRate.open-state {
    pointer-events: inherit;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.wrapp-page.wrapp-page-vote #overlayWordingRate .inside-overlayWordingRate,
.wrapp-page.wrapp-page-vote #overlayEndRate .inside-overlayEndRate {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.wrapp-page.wrapp-page-vote #overlayWordingRate .wrapp-message-overlay,
.wrapp-page.wrapp-page-vote #overlayEndRate .wrapp-message-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -140px;
}

.wrapp-page.wrapp-page-vote #overlayWordingRate .wrapp-message-overlay .line1,
.wrapp-page.wrapp-page-vote #overlayEndRate .wrapp-message-overlay .line1 {
    position: relative;
    font-family: "Sugo-light";
    font-size: 26px;
    max-width: 640px;
    margin: 0 auto;
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #94428a;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(103, 1, 91, 0.8);
}

#btnGoRate, #closeRateMessage {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-width: 200px;
    height: 36px;
    line-height: 38px;
    margin: 30px auto 0 auto;
    color: #ffffff;
    background-color: #67015B;
    border: 1px solid #94428a;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-family: "Sugo-light";
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 3px;
    cursor: pointer;
}

#btnGoRate:hover, #closeRateMessage:hover {
    border: 1px solid #b051a4;
}

#closeRateMessage2 {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #94428a;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#closeRateMessage2:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

#closeRateMessage2 .fa {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}

#validTracks {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-top: 250px;
    margin-left: -100px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: #ffffff 1px solid;
    padding: 0 12px;
    line-height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #67015B;
    border: 1px solid #94428a;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-family: "Sugo-light";
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 3px;
}

#validTracks:hover,
#validTracks:active,
#validTracks:focus {
    border-color: #ffffff;
    -moz-box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    -webkit-box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    outline: none;
}

.wrapp-page.wrapp-page-vote .title-page {
    position: relative;
    z-index: 10;
    padding-top: 40px;
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-vote .title-page {
        padding-left:30px;
        padding-right:30px;
    }
}

.wrapp-page.wrapp-page-vote .title-page .line1 {
    font-family: "Sugo-light";
    font-size: 100px;
    line-height: 64px;
    padding: 0;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.wrapp-page.wrapp-page-vote .title-page .line1 strong {
    font-family: "Sugo";
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-vote .title-page .line1 {
        font-size: 80px;
        line-height: 64px;
    }
}

@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-vote .title-page .line1 {
        padding-top: 10px;
        font-size: 50px;
        line-height: 39px;
    }
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-vote .title-page .line1 {
        font-size: 36px;
        line-height: 30px;
    }
}
.wrapp-page.wrapp-page-vote .title-page .line2 {
    font-family: "roboto_condensedbold";
    font-size: 34px;
    text-transform: uppercase;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-vote .title-page .line2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-vote .title-page .line2 {
        display: none;
    }
}

.wrapp-page.wrapp-page-vote .title-page .line3 {
    font-family: "Sugo-light";
    font-size: 28px;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-vote .title-page .line3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 480px) {
    .wrapp-page.wrapp-page-vote .title-page .line3 {
        font-size: 19px;
    }
}
#dz-root,
#dZPlayer {
    position: absolute;
    visibility: hidden;
}

#dzConnectButton {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 11;
    cursor: pointer;
    background-color: #000000;
    padding: 4px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
}

.touch #dzConnectButton {
    display: none;
}

@media screen and (max-width: 959px) {
    #dzConnectButton {
        display: none;
    }
}

#dzConnectButton:after {
    content: " ";
    clear: both;
    float: none;
    display: block;
}

#dzConnectButton img {
    display: block;
    float: left;
    width: auto;
    height: 20px;
    margin-right: 6px;
}

#dzConnectButton span {
    display: block;
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "roboto_condensedbold";
    line-height: 20px;
}

#trackList {
    position: relative;
    width: 100%;
    /* top: 50%;*/
    max-height: 570px;
    margin-top: 0px;
    padding: 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/rate_background-portee.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    color: #ffffff;
}
@media screen and (max-width: 960px) {
    #trackList {
        background-position: 50% 94px;
    }
}
@media screen and (min-height: 800px) {
    #trackList {
        position: absolute;
        top: 50%;
        margin-top: -240px;
        height: 570px;
    }
}

@media screen and (max-width: 959px) {
    #trackList {
        overflow: hidden;
    }
}

@media screen and (max-width: 640px) {
    #trackList {
        padding: 10px 0;
    }
}

#trackList .item-rate {
    margin-bottom: 20px;
}

.wrapp-question {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .wrapp-question {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.wrapp-question:before {
    position: absolute;
    top: 0;
    left: -100%;
    content: attr(data-year);
    width: 100%;
    font-family: "roboto_condensedbold";
    font-size: 460px;
    line-height: 440px;
    text-align: center;
    display: block;
    color: #67015b;
    opacity: 0;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}

.item-rate.flex-active-slide .wrapp-question:before {
    left: 0;
    opacity: 0.2;
}

.wrapp-question:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}

.wrapp-question .line-for-which-year {
    position: relative;
    z-index: 3;
    top: -40px;
    font-family: "Sugo-light";
    font-size: 45px;
    color: #57094e;
    text-align: center;
    margin-bottom: 80px;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    opacity: 0;
}

@media screen and (max-width: 640px) {
    .wrapp-question .line-for-which-year {
        top: 0;
        margin-bottom: 12px;
        font-size: 28px;
    }
}

@media screen and (max-width: 480px) {
    .wrapp-question .line-for-which-year {
        top: 0;
        margin-bottom: 12px;
    }
}

.item-rate.flex-active-slide .wrapp-question .line-for-which-year {
    top: 0;
    opacity: 1;
}

.wrapp-question .track {
    position: relative;
    z-index: 3;
    width: 33.333333%;
    float: left;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    top: 100px;
}

@media screen and (max-width: 640px) {
    .wrapp-question .track {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}

.wrapp-question .track-0,
.wrapp-question .track-3,
.wrapp-question .track-6,
.wrapp-question .track-9,
.wrapp-question .track-12,
.wrapp-question .track-15,
.wrapp-question .track-18,
.wrapp-question .track-21,
.wrapp-question .track-24,
.wrapp-question .track-27,
.wrapp-question .track-30 {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.wrapp-question .track-1,
.wrapp-question .track-4,
.wrapp-question .track-7,
.wrapp-question .track-10,
.wrapp-question .track-13,
.wrapp-question .track-16,
.wrapp-question .track-19,
.wrapp-question .track-22,
.wrapp-question .track-25,
.wrapp-question .track-28,
.wrapp-question .track-31 {
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    top: 100px;
}

.wrapp-question .track-2,
.wrapp-question .track-5,
.wrapp-question .track-8,
.wrapp-question .track-11,
.wrapp-question .track-14,
.wrapp-question .track-17,
.wrapp-question .track-20,
.wrapp-question .track-23,
.wrapp-question .track-26,
.wrapp-question .track-29,
.wrapp-question .track-32 {
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
    top: 100px;
}

.wrapp-question .track-1:before,
.wrapp-question .track-4:before,
.wrapp-question .track-7:before,
.wrapp-question .track-10:before,
.wrapp-question .track-13:before,
.wrapp-question .track-16:before,
.wrapp-question .track-19:before,
.wrapp-question .track-22:before,
.wrapp-question .track-25:before,
.wrapp-question .track-28:before,
.wrapp-question .track-31:before {
    content: "";
    position: absolute;
    top: -240px;
    /*left:100%;*/
    width: 193px;
    margin-left: -96.5px;
    height: 420px;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/rate_background-spacer-track.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    opacity: 0;
}

.wrapp-question .track-1:after,
.wrapp-question .track-4:after,
.wrapp-question .track-7:after,
.wrapp-question .track-10:after,
.wrapp-question .track-13:after,
.wrapp-question .track-16:after,
.wrapp-question .track-19:after,
.wrapp-question .track-22:after,
.wrapp-question .track-25:after,
.wrapp-question .track-28:after,
.wrapp-question .track-31:after {
    content: "";
    position: absolute;
    top: -240px;
    left: 100%;
    margin-left: -96.5px;
    width: 193px;
    height: 420px;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/rate_background-spacer-track.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .wrapp-question .track-1:before,
    .wrapp-question .track-4:before,
    .wrapp-question .track-7:before,
    .wrapp-question .track-10:before,
    .wrapp-question .track-13:before,
    .wrapp-question .track-16:before,
    .wrapp-question .track-19:before,
    .wrapp-question .track-22:before,
    .wrapp-question .track-25:before,
    .wrapp-question .track-28:before,
    .wrapp-question .track-31:before,
    .wrapp-question .track-1:after,
    .wrapp-question .track-4:after,
    .wrapp-question .track-7:after,
    .wrapp-question .track-10:after,
    .wrapp-question .track-13:after,
    .wrapp-question .track-16:after,
    .wrapp-question .track-19:after,
    .wrapp-question .track-22:after,
    .wrapp-question .track-25:after,
    .wrapp-question .track-28:after,
    .wrapp-question .track-31:after {
        display: none;
    }
}

.item-rate.flex-active-slide .wrapp-question .track-1:before,
.item-rate.flex-active-slide .wrapp-question .track-4:before,
.item-rate.flex-active-slide .wrapp-question .track-7:before,
.item-rate.flex-active-slide .wrapp-question .track-10:before,
.item-rate.flex-active-slide .wrapp-question .track-13:before,
.item-rate.flex-active-slide .wrapp-question .track-16:before,
.item-rate.flex-active-slide .wrapp-question .track-19:before,
.item-rate.flex-active-slide .wrapp-question .track-22:before,
.item-rate.flex-active-slide .wrapp-question .track-25:before,
.item-rate.flex-active-slide .wrapp-question .track-28:before,
.item-rate.flex-active-slide .wrapp-question .track-31:before,
.item-rate.flex-active-slide .wrapp-question .track-1:after,
.item-rate.flex-active-slide .wrapp-question .track-4:after,
.item-rate.flex-active-slide .wrapp-question .track-7:after,
.item-rate.flex-active-slide .wrapp-question .track-10:after,
.item-rate.flex-active-slide .wrapp-question .track-13:after,
.item-rate.flex-active-slide .wrapp-question .track-16:after,
.item-rate.flex-active-slide .wrapp-question .track-19:after,
.item-rate.flex-active-slide .wrapp-question .track-22:after,
.item-rate.flex-active-slide .wrapp-question .track-25:after,
.item-rate.flex-active-slide .wrapp-question .track-28:after,
.item-rate.flex-active-slide .wrapp-question .track-31:after {
    top: -80px;
    opacity: 1;
}

.item-rate.flex-active-slide .wrapp-question .track-0,
.item-rate.flex-active-slide .wrapp-question .track-3,
.item-rate.flex-active-slide .wrapp-question .track-6,
.item-rate.flex-active-slide .wrapp-question .track-9,
.item-rate.flex-active-slide .wrapp-question .track-12,
.item-rate.flex-active-slide .wrapp-question .track-15,
.item-rate.flex-active-slide .wrapp-question .track-18,
.item-rate.flex-active-slide .wrapp-question .track-21,
.item-rate.flex-active-slide .wrapp-question .track-24,
.item-rate.flex-active-slide .wrapp-question .track-27,
.item-rate.flex-active-slide .wrapp-question .track-30 {
    top: 0;
    opacity: 1;
}

.item-rate.flex-active-slide .wrapp-question .track-1,
.item-rate.flex-active-slide .wrapp-question .track-4,
.item-rate.flex-active-slide .wrapp-question .track-7,
.item-rate.flex-active-slide .wrapp-question .track-10,
.item-rate.flex-active-slide .wrapp-question .track-13,
.item-rate.flex-active-slide .wrapp-question .track-16,
.item-rate.flex-active-slide .wrapp-question .track-19,
.item-rate.flex-active-slide .wrapp-question .track-22,
.item-rate.flex-active-slide .wrapp-question .track-25,
.item-rate.flex-active-slide .wrapp-question .track-28,
.item-rate.flex-active-slide .wrapp-question .track-31 {
    top: 0;
    opacity: 1;
}

.item-rate.flex-active-slide .wrapp-question .track-2,
.item-rate.flex-active-slide .wrapp-question .track-5,
.item-rate.flex-active-slide .wrapp-question .track-8,
.item-rate.flex-active-slide .wrapp-question .track-11,
.item-rate.flex-active-slide .wrapp-question .track-14,
.item-rate.flex-active-slide .wrapp-question .track-17,
.item-rate.flex-active-slide .wrapp-question .track-20,
.item-rate.flex-active-slide .wrapp-question .track-23,
.item-rate.flex-active-slide .wrapp-question .track-26,
.item-rate.flex-active-slide .wrapp-question .track-29,
.item-rate.flex-active-slide .wrapp-question .track-32 {
    top: 0;
    opacity: 1;
}

.wrapp-question .track .inside-track {
    position: relative;
    width: 100%;
    max-width: 230px;
    margin: 0 auto;
}

@media screen and (max-width: 959px) {
    .wrapp-question .track .inside-track {
        max-width: 180px;
    }
}

@media screen and (max-width: 820px) {
    .wrapp-question .track .inside-track {
        max-width: 140px;
    }
}

@media screen and (max-width: 640px) {
    .wrapp-question .track .inside-track {
        max-width: 120px;
    }
}

.wrapp-question .track .trackCover {
    position: relative;
    width: 100%;
    margin: 0 auto 3px auto;
    background-color: #5d1755;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}

@media screen and (max-width: 959px) {
    .wrapp-question .track .trackCover {
        padding: 5px;
    }
}

.wrapp-question .track.is-playing .trackCover {
    -moz-box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    -webkit-box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
}

.wrapp-question .track .trackCover img {
    display: block;
    width: 100%;
    height: auto;
}

.wrapp-question .track .trackCover .trackLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wrapp-question .track .trackCover .trackLink a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

.wrapp-question .track .trackCover .trackLink a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 74px;
    margin-top: -37.5px;
    height: 74px;
    margin-left: -37.5px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 640px) {
    .wrapp-question .track .trackCover .trackLink a:before {
        width: 38px;
        margin-top: -19px;
        height: 38px;
        margin-left: -19px;
    }
}

.wrapp-question .track .trackCover .trackLink a:after {
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -16px;
    margin-left: -10px;
    left: 50%;
    content: "\f04b";
    text-align: center;
    font-family: "fontAwesome";
    font-size: 32px;
    display: block;
}

.wrapp-question .track.is-playing .trackCover .trackLink a:after {
    content: "\f04c";
    margin-left: -13px;
}

@media screen and (max-width: 640px) {
    .wrapp-question .track .trackCover .trackLink a:after {
        font-size: 16px;
        margin-top: -8px;
        margin-left: -5px;
    }
    .wrapp-question .track.is-playing .trackCover .trackLink a:after {
        margin-top: -8px;
        margin-left: -6px;
    }
}

.track .wrapp-artist-naming {
    text-align: left;
    text-rendering: optimizeLegibility;
}

.track .wrapp-artist-naming .line-artiste {
    font-family: 'roboto_condensedbold';
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
}

.track .wrapp-artist-naming .line-song {
    width: 100%;
    font-family: 'roboto_condensedlight_italic';
    font-size: 17px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

@media screen and (max-width: 959px) {
    .track .wrapp-artist-naming .line-artiste {
        font-size: 15px;
        line-height: 15px;
    }
}

@media screen and (max-width: 959px) {
    .track .wrapp-artist-naming .line-song {
        font-size: 14px;
        line-height: 14px;
    }
}

.trackCheck {
    position: relative;
    margin: 0 auto;
    width: 54px;
    height: 54px;
}

@media screen and (max-width: 640px) {
    .trackCheck {
        position: absolute;
        top: 32px;
        right: -60px;
    }
}

input.trackCheckButton[type=radio] {
    position: absolute;
    top: 50%;
    left: 50%;
    background: none;
    border: none;
    margin-top: -7px;
    margin-left: -7px;
    cursor: pointer;
}

input.trackCheckButton[type=radio]:before {
    content: "";
    position: absolute;
    top: -13px;
    left: -13px;
    z-index: 4;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border: 7px solid #79016b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    cursor: pointer;

}

input.trackCheckButton[type="radio"]:after {
    content: "\f00c";
    font-family: "fontAwesome";
    display: block;
    position: absolute;
    top: -8px;
    left: -6px;
    z-index: 5;
    color: #a4d61e;
    opacity: 0;
    font-size: 32px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

input.trackCheckButton[type="radio"]:hover:after,
input.trackCheckButton[type="radio"]:checked:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.wrapp-page-vote .flex-direction-nav {
    display: none;
}

.wrapp-page-vote .flex-control-nav {
    bottom: 0;
}

.wrapp-page-vote .flex-control-nav li {
    position: relative;
    max-width: 80px;
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 12px 0 54px 0;
    cursor: pointer;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

@media screen and (max-width: 959px) {
    .wrapp-page-vote .flex-control-nav li {
        max-width: 60px;
    }
}

@media screen and (max-width: 720px) {
    .wrapp-page-vote .flex-control-nav li {
        max-width: none;
        width: 15% !important;
        margin: 0 !important;
        padding: 6px 4px;
    }
}

.wrapp-page-vote .flex-control-nav li.item-video-dual {
    line-height: 16px;
}

.wrapp-page-vote .flex-control-nav li.currentYear {
    background-color: #69035d;
}

.wrapp-page-vote .flex-control-nav li {
    font-family: "roboto_condensedbold";
    font-size: 18px;
    width: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
}

.wrapp-page-vote .flex-control-nav li.flex-active-slide a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapp-page-vote .flex-control-nav li:after {
    font-family: 'fontAwesome';
    display: block;
    width: 100%;
    height: 23px;
    content: "\f00c";
    color: #a4d61e;
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapp-page-vote .flex-control-nav li.trackSelected:after {
    content: "\f00c";
    top: 42px;
    opacity: 1;
}
@media screen and (max-width: 720px) {
    .wrapp-page-vote .flex-control-nav li.trackSelected:after {
        top:25px;
        font-size: 16px;
    }
}
#pageRate .flexslider-controls {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.wrapp-pagination {
    /*   top: 50%;
       left: 0;
       margin-top: 300px;
       position: absolute;*/
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-height: 801px) {
    .wrapp-pagination {
        top: 50%;
        left: 0;
        margin-top: 300px;
        position: absolute;

    }
}

.wrapp-pagination .inside-pagination {
    position: relative;
    width: 100%;
    top: -50px;
    max-width: 960px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (min-width: 1280px) {
    .wrapp-pagination .inside-pagination {
        max-width: 1280px;
    }
}

@media screen and (max-width: 959px) {
    .wrapp-pagination .inside-pagination {
        padding: 0 24px;
    }
}
@media screen and (max-width: 767px) {
    .wrapp-pagination .inside-pagination {
        position: static;
        width:auto;
        top:0;
    }
    #pageRate .flexslider-prevYear,
    #pageRate .flexslider-nextYear {
        position: absolute;
        top: 50%;
    }
    #pageRate .flexslider-prevYear {
        left:40px;
    }
    #pageRate .flexslider-nextYear {
        right:20px;
    }

}

@media screen and (max-width: 640px) {
    .wrapp-pagination {
        top:auto;
        bottom:130px;
        left: 0;
        margin-top: 0px;
        position: absolute;

    }
}
#pageRate .flexslider-prevYear,
#pageRate .flexslider-nextYear {
    text-align: center;
    color: #a14f97;
    border: 1px solid #a14f97;
    border-radius: 5px;
    font-family: 'roboto_condensedlight';
    font-size: 18px;
    float: left;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
}

#pageRate .flexslider-nextYear {
    float: right;
}

#pageRate .flexslider-prevYear:after,
#pageRate .flexslider-nextYear:after {
    content: "";
    display: block;
    clear: both;
    float: none;
}

#pageRate .flexslider-prevYear:hover,
#pageRate .flexslider-nextYear:hover {
    -moz-box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    -webkit-box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    box-shadow: 0 0 38px rgba(195, 126, 187, 0.67);
    color: rgba(195, 126, 187, 0.67);
    border: 1px solid rgba(195, 126, 187, 0.67);
}

#pageRate .flexslider-prevYear span,
#pageRate .flexslider-nextYear span {
    line-height: 32px;
    display: block;
    float: left;
}

@media screen and (max-width: 540px) {
    #pageRate .flexslider-prevYear span,
    #pageRate .flexslider-nextYear span {
        display: none;
    }
}

#pageRate .flexslider-prevYear .fa,
#pageRate .flexslider-nextYear .fa {
    font-size: 24px;
    line-height: 32px;
    margin: 0 8px;
    display: block;
    float: left;
}

.loading .flex-viewport {
    max-height: none;
    /*overflow: visible !important;*/
}

/*
@media screen and (max-width: 960px) {
.track {
    min-width: 100%;
    }
}
*/
/*////////////////////////////
FIN RATE DEEZER
////////////////////////////*/
/*///////////////////////////////////////////
PAGE INSTANT GAGNANTS
///////////////////////////////////////////*/
#pageGame {
    position: relative;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/game_background.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: #99abc1;
    background-size: 100% 100%;
    padding-top: 0;
    color: #ffffff;
    text-align: center;
}
#pageGame:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/game_background-over.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#instant_game.current #pageGame:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 640px;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/game_background-sun.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}
.wrapp-page.wrapp-page-game {
    height:auto;
}
/*
.wrapp-page.wrapp-page-game:after {
    animation: rotate linear 35s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    -webkit-animation: rotate linear 35s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: rotate linear 35s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: rotate linear 35s;
    -o-animation-iteration-count: infinite;
    -o-animation-fill-mode: forwards;
    -ms-animation: rotate linear 35s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-fill-mode: forwards;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

}
*/
.wrapp-page.wrapp-page-game .title-page {
    position: relative;
    z-index: 10;
    padding-top: 40px;
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 540px) {
    .wrapp-page.wrapp-page-game .title-page {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.wrapp-page.wrapp-page-game .title-page .line1 {
    font-family: "Sugo-light";
    font-size: 80px;
    color: #5b7ba0;
    line-height: 64px;
    padding: 0;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.wrapp-page.wrapp-page-game .title-page .line1 strong {
    font-family: "Sugo";
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-game .title-page .line1 {
        font-size: 60px;
        line-height: 48px;
    }
}

@media screen and (max-width: 840px) {
    .wrapp-page.wrapp-page-game .title-page .line1 {
        font-size: 52px;
        line-height: 44px;
    }
}

@media screen and (max-width: 767px) {
    .wrapp-page.wrapp-page-game .title-page .line1 strong {
        display: block;
    }
}

@media screen and (max-width: 540px) {
    .wrapp-page.wrapp-page-game .title-page .line1 {
        font-size: 42px;
        line-height: 34px;
    }
}

.wrapp-page.wrapp-page-game .title-page .line2 {
    font-family: "roboto_condensedbold";
    font-size: 34px;
    text-transform: uppercase;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-game .title-page .line2 {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    .wrapp-page.wrapp-page-game .title-page .line2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 540px) {
    .wrapp-page.wrapp-page-game .title-page .line2 {
        font-size: 18px;
    }
}

.wrapp-page.wrapp-page-game .title-page .line3,
.wrapp-page.wrapp-page-game .title-page .line4 {
    font-family: "Sugo-light";
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .wrapp-page.wrapp-page-game .title-page .line3,
    .wrapp-page.wrapp-page-game .title-page .line4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 540px) {
    .wrapp-page.wrapp-page-game .title-page .line3,
    .wrapp-page.wrapp-page-game .title-page .line4 {
        font-size: 16px;
    }
}

.inner-wrapp-game {
    position: relative;
    z-index: 10;
}

#sectionGame {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    #sectionGame {
        padding-bottom: 60px;
    }
}

#sectionGame .wrapp-bloc {
    width: 100%;
    max-width: 750px;
    height: 440px;
    margin: 0 auto;
    background-color: rgba(115, 140, 168, 0.6);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ie9 #sectionGame .wrapp-bloc,
.skinMSIE9 #sectionGame .wrapp-bloc {
    height: auto;
}

@media screen and (max-width: 840px) {
    #sectionGame .wrapp-bloc {
        width: 90%;
        max-width: 750px;
        min-height: 440px;
    }
}

@media screen and (max-width: 767px) {
    #sectionGame .wrapp-bloc {
        height: auto;
        min-height: 0;
    }
}

#sectionGame .wrapp-bloc:before {
    position: absolute;
    top: -36px;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    font-family: "fontAwesome";
    font-size: 510px;
    content: "\f017";
    color: #738CA8;
    opacity: 0.46;
}

@media screen and (max-width: 767px) {
    #sectionGame .wrapp-bloc:before {
        display: none;
    }
}

#sectionGame .wrapp-bloc .inner-bloc {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    #sectionGame .wrapp-bloc .inner-bloc {
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

#sectionGame .wrapp-bloc .inner-bloc .wrapp-logo {
    position: absolute;
    bottom: -174px;
    left: 50%;
    width: 100%;
    max-width: 444px;
    margin-left: -222px;
}

.ie9 #sectionGame .wrapp-bloc .inner-bloc .wrapp-logo,
.skinMSIE9 #sectionGame .wrapp-bloc .inner-bloc .wrapp-logo {
    display: none;
}

@media screen and (max-width: 840px) {
    #sectionGame .wrapp-bloc .inner-bloc .wrapp-logo {
        bottom: auto;
        top: 100%;
        margin-top: -90px;
    }
}

@media screen and (max-width: 767px) {
    #sectionGame .wrapp-bloc .inner-bloc .wrapp-logo {
        display: none;
    }
}

#sectionGame .wrapp-bloc .inner-bloc .wrapp-logo img {
    display: block;
    width: 100%;
}

#sectionGame .wrapp-bloc .inner-bloc .btn-rules-game {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #ffffff;
    font-family: "roboto_condensedlight";
    font-size: 12px;
}

#sectionGame .wrapp-bloc .inner-bloc .btn-rules-game:hover {
    text-decoration: underline;
}

#sectionGame .wrapp-bloc .inner-bloc .title-bloc-game {
    padding: 60px 0 0 0;
    font-family: "roboto_condensedlight";
    line-height: 40px;
    font-size: 32px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 767px) {
    #sectionGame .wrapp-bloc .inner-bloc .title-bloc-game {
        padding-top: 20px;
    }
}
@media screen and (max-width: 480px) {
    #sectionGame .wrapp-bloc .inner-bloc .title-bloc-game {
        line-height: 24px;
        font-size: 22px;
    }
}
#sectionGame .wrapp-bloc .inner-bloc .title-bloc-game .line2,
#sectionGame .wrapp-bloc .inner-bloc .title-bloc-game .line3 {
    font-family: "roboto_condensedbold";
    text-transform: uppercase;
}

#sectionGame .wrapp-button-game {
    max-width: 420px;
    margin: 20px auto;
}

#sectionGame .item-btn {
    color: #ffffff;
    font-family: "Sugo-light";
    text-transform: uppercase;
    width: 48%;
    max-width: 160px;
    line-height: 32px;
    background-color: #67015B;
    border: 1px solid #67015B;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 6px;
    margin-bottom: 4px;
    font-size: 22px;
    padding-top: 4px;
    margin: 0 16px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

@media screen and (max-width: 640px) {
    #sectionGame .item-btn {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
}

#sectionGame .item-btn:hover {
    background-color: #ffffff;
    color: #67015B;
}

#sectionGame #lost-password {
    font-family: "roboto_condensedlight";
    font-size: 12px;
    padding-top: 4px;
    padding-right: 30px;
    text-align: right;
}

#sectionGame #lost-password:hover {
    text-decoration: underline;
}

#gameContent, #videoGame {
    padding-top: 20px;
}

.bloc-form form {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.bloc-form form#form_connection {
    max-width: 320px;
}

.box-connexion {
    padding-top: 80px;
}

.bloc-form .title-form {
    position: relative;
    font-family: 'Sugo';
    font-size: 32px;
    color: #ffffff;
    width: 100%;
    max-width: 400px;
    margin: 0px auto 8px auto;
    text-transform: uppercase;
}
@media screen and (max-width: 480px) {
    .bloc-form .title-form {
        padding-top:40px;
        font-size: 26px;
    }
}
#btnLogout, .closeForm {
    display: block;
    position: absolute;
    right: 10px;
    top: -20px;
    z-index: 50;
    font-family: "Sugo-light";
    color: #ffffff;
    border: 1.13px solid #ffffff;
    background-color: transparent;
    max-width: 200px;
    margin: 30px auto 20px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-transform: uppercase;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    line-height: 32px;
    padding: 4px 16px 0 16px;
}

#btnLogout a {
    color: #ffffff;
}

#btnLogout .fa {
    font-size: 20px;
}

#btnLogout:hover, .closeForm:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

#btnLogout:active, .closeForm:active,
#btnLogout:focus, .closeForm:focus {
    border: 1.13px solid #ffffff;
}

.input .checkBOX label a {
    color: #ffffff;
    text-decoration: underline;
}

.wrapp-call-to-action.wrapp-call-to-action-blue {
    border-color: #3a5795;
    background-color: #3a5795;
    margin: 0 auto 10px auto;
    max-width: 180px;
    line-height: 36px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#sectionGame .wrapp-result {
    margin-top: 16px;
}

#sectionGame .wrapp-result .title-verybig {
    font-family: "Sugo";
    font-size: 36px;
    color: #67015B;

}

#sectionGame .wrapp-result .title-medium {
    font-family: "Sugo-light";
    font-size: 24px;
}

#sectionGame .wrapp-result .title-small {
    padding-top: 20px;
    font-family: "roboto_condensedlight";
    font-size: 17px;
    line-height: 17px;
}

#sectionGame .form-col {
    width: 50%;
    float: left;
}

@media screen and (max-width: 767px) {
    #sectionGame .form-col {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }
}

/*///////////////////////////////////////////
FIN PAGE INSTANT GAGNANTS
///////////////////////////////////////////*/
/*///////////////////////////////////////////
PAGE ADVANTAGES
///////////////////////////////////////////*/
#advantages {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantges_background.jpg');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-color: #425468;
    background-size: contain;
}
.wrapp-page.wrapp-page-advantages {
    padding-bottom: 40px;
    height:auto;
    min-height: 100%;
}

.wrapp-page.wrapp-page-advantages .wrapp-call-to-action-link {
    text-align: center;
    margin-top: 30px;
    padding-right: 40px;
}

.wrapp-page.wrapp-page-advantages .wrapp-call-to-action-link a {
    color: #acacac;
}

.wrapp-page.wrapp-page-advantages .title-page {
    max-width: none;
    color: #ffffff;
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    padding-top: 64px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapp-page.wrapp-page-advantages .title-page {
    padding-top: 22px;
}

@media screen and (max-width: 600px) {
    .wrapp-page.wrapp-page-advantages .title-page {
        width: 80%;
        margin: 0 auto;
    }
}

.wrapp-page.wrapp-page-advantages .title-page .line1 {
    font-family: "Sugo-light";
    font-size: 80px;
    line-height: 70px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.wrapp-page.wrapp-page-advantages .title-page .line1 strong {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Sugo";
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-advantages .title-page .line1 {
        font-size: 58px;
        line-height: 50px;
    }
}

@media screen and (max-width: 767px) {
    .wrapp-page.wrapp-page-advantages .title-page .line1 {
        font-size: 40px;
        line-height: 30px;
    }
}

@media screen and (max-width: 600px) {
    .wrapp-page.wrapp-page-advantages .title-page .line1 strong {
        display: block;
    }
}

.wrapp-page.wrapp-page-advantages .title-page .line2,
.wrapp-page.wrapp-page-advantages .title-page .line3 {
    font-family: "Sugo";
    font-size: 34px;
    line-height: 32px;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-advantages .title-page .line2,
    .wrapp-page.wrapp-page-advantages .title-page .line3 {
        font-size: 23px;
        line-height: 19px;
    }
}

@media screen and (max-width: 767px) {
    .wrapp-page.wrapp-page-advantages .title-page .line2,
    .wrapp-page.wrapp-page-advantages .title-page .line3 {
        font-size: 20px;
        line-height: 17px;
    }
}

.wrapp-page.wrapp-page-advantages .subtitle-page {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    min-height: 100px;
    line-height: 100px;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantges_background-subtitle.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    font-family: "Sugo";
    font-size: 28px;
    color: #ffffff;
    margin: 10px auto;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .wrapp-page.wrapp-page-advantages .subtitle-page {
        min-height: 60px;
        line-height: 60px;
        font-size: 20px;
    }
}

.wrapp-page.wrapp-page-advantages .item-bloc {
    width: 100%;
    max-width: 280px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0 18px 12px 18px;
    height: 166px;
    background-color: #FFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.item-bloc .wrapp-bloc {
    width: 100%;
    height: 100%;
}

.item-bloc .wrapp-bloc .inner-bloc {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 120px 0 0 0;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 260px 120px;
    background-position: 50% 0;
}

.item-bloc.item-avantage .wrapp-bloc {

}

.item-bloc.item-avantage1 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo1.jpg');
}

.item-bloc.item-avantage2 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo2.jpg');
}

.item-bloc.item-avantage3 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo3.jpg');
}

.item-bloc.item-avantage4 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo4.jpg');
}

.item-bloc.item-avantage5 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo5.jpg');
}

.item-bloc.item-avantage6 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo6.jpg');
}

.item-bloc.item-avantage7 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo7.jpg');
}

.item-bloc.item-avantage8 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo8.jpg');
}

.item-bloc.item-avantage9 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo9.jpg');
}

.item-bloc.item-avantage10 .wrapp-bloc .inner-bloc {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/advantages_logo10.jpg');
}

.item-bloc.item-bloc-prime .wrapp-bloc .inner-bloc,
.item-bloc.item-bloc-cubitus .wrapp-bloc .inner-bloc {
    padding: 0;
    background-color: transparent;
    background-image: none;
}

.item-bloc .wrapp-title {
    color: #89276d;
    font-size: 24px;
    line-height: 20px;
    font-family: 'Sugo';
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
}

@media screen and (max-width: 480px) {
    .item-bloc .wrapp-title {
        font-size: 20px;
        line-height: 18px;
    }
}

.item-bloc.item-bloc-tlh .wrapp-title {
    position: absolute;
    top: 62px;
    width: 100%;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
}

.item-bloc .wrapp-description {
    text-align: left;
    font-size: 12px;
    line-height: 12px;
    color: #5A5A5A;
    font-family: "Roboto_CondensedLight";
    padding: 0 8px;
}

@media screen and (max-width: 480px) {
    .item-bloc.item-bloc-tlh .wrapp-title {
    }
}

.item-bloc .wrapp-logo {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    right: 4px;
    top: 4px;
    padding: 4px;
    min-width: 46px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    background-color: #5B7BA0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.wrapp-page.wrapp-page-advantages .item-bloc .wrapp-logo:after {
    content: attr(data-reduc);
    font-family: 'Sugo';
    font-size: 29px;
    color: #ffffff;
    display: block;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.wrapp-page.wrapp-page-advantages .item-bloc .wrapp-logo.with-mention:after {
    line-height: 34px;
}

.wrapp-page.wrapp-page-advantages .item-bloc .wrapp-logo:before {
    content: attr(data-mentionreduc);
    display: block;
    font-family: 'Sugo-light';
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
}

.item-bloc .wrapp-call-to-action {
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(88, 12, 78, 0.82);
    font-family: 'Sugo-light';
    text-transform: uppercase;
    font-size: 22px;
    padding: 0 18px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #ffffff;
    padding-top: 70px;
}

.item-bloc:hover .wrapp-call-to-action {
    opacity: 1;
    pointer-events: inherit;
}

.item-bloc .wrapp-call-to-action a {
    color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: #ffffff 1px solid;
    line-height: 36px;
    padding: 4px 12px 0 12px;
    display: block;
    margin: 0 auto;
    max-width: 180px;
}

.wrapp-page.wrapp-page-advantages .wrapp-call-to-action-link {
    position: relative;
    z-index: 7;
    width: 100%;
    max-width: 300px;
    margin: 16px auto 8px auto;
    line-height: 42px;
    background-color: rgba(88, 12, 78, 0.82);
    border: 2px solid #3B1444;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    font-family: "roboto_condensedlight";
    font-size: 17px;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.wrapp-page.wrapp-page-advantages .wrapp-call-to-action-link:hover {
    background-color: rgba(255, 255, 255, 1);
}

.wrapp-page.wrapp-page-advantages .wrapp-call-to-action-link a {
    display: block;
    color: #ffffff;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.wrapp-page.wrapp-page-advantages .wrapp-call-to-action-link:hover a {
    color: #3B1444;
}

/*///////////////////////////////////////////
PAGE ADVANTAGES
///////////////////////////////////////////*/
/* BLOC AVANTAGES */
.item-bloc-advantages .wrapp-avantages {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/bloc_advantages-etoiles.png') no-repeat 50% 0px;
}

.item-bloc-advantages .wrapp-avantages .title-avantages {
    color: #89276d;
}

@media only screen and (max-width: 460px) {
    .item-bloc-advantages .wrapp-avantages .title-avantages {
        padding-top: 0px;
    }
}

.item-bloc-advantages .wrapp-avantages .title-avantages a {
    color: #89276d;
}

.item-bloc-advantages .wrapp-avantages .wrapp-list-avantages {
    padding: 0;
    margin: 10px auto 26px auto;
    max-width: 380px;
    text-align: left;
}

@media only screen and (max-width: 960px) {
    .item-bloc-advantages .wrapp-avantages .wrapp-list-avantages {
        padding: 0 10px;
    }
}

.item-bloc-advantages .wrapp-avantages .wrapp-list-avantages .item-avantages {
    font-family: "roboto_condensedlight";
    color: #000000;
    font-size: 15px;
    padding: 0;
    margin: 0;
}

.item-bloc-advantages .wrapp-avantages .wrapp-list-avantages .item-avantages a {
    color: #000000;
}

.item-bloc-advantages .wrapp-avantages .wrapp-list-avantages .item-avantages .fa {
    color: #4c7aa9;
    font-size: 14px;
    margin-right: 4px;
}

/* FIN BLOC AVANTAGES */
/*///////////////////////////////////////////
POPIN
///////////////////////////////////////////*/
#wrapppopModal {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 9901;
    width: 100%;
    height: 100%;
    background-color: #121318;
    background-color: rgba(19, 18, 24, 0.90);
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#wrapppopModal.open-state {
    top: 0;
    opacity: 1;
}

#wrapppopModalunder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9900;
    width: 100%;
    height: 100%;
}

#popModal {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9901;
    width: 960px;
    height: 440px;
    margin-top: -220px;
    margin-left: -480px;
    background: #ffffff url('http://singparty.m6mobile.fr/css/main_min.css') no-repeat 50% 60px;
    background-size: 480px 16px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 960px) {
    #popModal {
        left: 0;
        top: 0;
        max-width: none;
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 0;
    }
}

#popModal .wrapp-pop-in {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#popModal .wrapp-pop-in h3 {
    font-size: 20px;
    color: #591c4f;
    text-transform: uppercase;
    line-height: 28px;
    height: 28px;
    font-size: 20px;
    padding-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: #dddddd 1px solid;
}

#popModal .wrapp-pop-in h3.title-popin-big {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    padding-left: 20px;
    font-size: 18px;
}

#popModal .wrapp-pop-in .zone-edito {
    width: 100%;
    height: 100%;
    max-height: 398px !important;
    margin: 0 auto;
    padding: 20px 40px 50px 20px;
    font-size: 14px;
    color: #000000;
    text-align: left;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'roboto_condensedlight';

}

@media only screen and (max-width: 960px) {
    #popModal .wrapp-pop-in .zone-edito {
        max-height: none !important;
    }
}

#popModal .wrapp-pop-in .zone-edito .text-bold {
    font-family: 'roboto_condensedbold';
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
}

#popModal .wrapp-pop-in .zone-edito form {
    margin: 0;
    max-width: 480px;
    width: 100%;
}

#popModal .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9910;
    height: 28px;
    width: 28px;
    background-color: #591c4f;
    cursor: pointer;
}

#popModal .btn-close svg, #popModal .btn-close img {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#popModal .btn-close:hover img, #popModal .btn-close:hover svg {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

#popModal .wrapp-pop-in .zone-edito .wrapp-mentions {

}

#popModal .wrapp-pop-in .zone-edito .wrapp-mentions .item-paragraphe {
    padding-top: 12px;
    margin-bottom: 20px;
}

#popModal .wrapp-pop-in .zone-edito .wrapp-mentions h2 {
    color: #89276d;
    font-weight: 700;
}

#popModal .item-paragraphe {
    margin-bottom: 20px;
}

#popModal .item-paragraphe h4 {
    font-size: 18px;
    color: #89276d;
}

#popModal .item-paragraphe .line {

}

#popModal .wrapp-about .item-paragraphe .line {
    font-size: 18px;
    font-weight: 300;
}

#popModal .wrapp-about .item-paragraphe .line.line-strong {
    font-weight: 700;
}

#popModal .zone-chapeau {
    padding: 20px 0;
    text-align: center;
}

#popModal .zone-chapeau .line {
    font-size: 20px;
}

#popModal .zone-chapeau .line.line-strong {
    font-size: 26px;
}

#popModal .zone-chapeau .line.line-strong-big {
    font-size: 36px;
}

#popModal .zone-chapeau .line.line-strong-mid {
    font-size: 28px;
    margin-bottom: 20px;
}

#popModal .zone-chapeau .wrapp-logo {
    max-width: 200px;
    margin: 0 auto;
}

/*///////////////////////////////////////////
FIN POPIN
///////////////////////////////////////////*/
#wrappSignature {
    margin-top: 18px;
}

/*/////////////////////////////////////////////////////////////////
SKIN ILIGHTBOX
/////////////////////////////////////////////////////////////////*/
/* Reset Styles */
.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    line-height: 100%;
    vertical-align: baseline;
    background: transparent;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
}

/* Disable & Hide Scrollbar */
.ilightbox-noscroll {
    overflow: hidden;
}

.ilightbox-closedhand * {
    cursor: url(http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/closedhand.cur), default !important;
}

.ilightbox-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.ilightbox-container iframe * {
    margin: 0 auto;
}
.ilightbox-container iframe body {
    text-align: center;
}
.ilightbox-loader {
    position: fixed;
    z-index: 100005;
    top: 45%;
    left: -192px;
    padding-left: 30px;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);

    -webkit-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
}

.ilightbox-loader div {
    width: 72px;
    height: 72px;

    -webkit-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
}

.ilightbox-loader.horizontal {
    left: 45%;
    top: -192px;
    padding: 0;
    padding-top: 30px;

    -webkit-border-radius: 0 0 100px 100px;
    border-radius: 0 0 100px 100px;
}

.ilightbox-loader.horizontal div {
    -webkit-border-radius: 0 0 100px 100px;
    border-radius: 0 0 100px 100px;
}

.ilightbox-toolbar {
    display: none;
    position: fixed;
    z-index: 100010;
}

.ilightbox-toolbar a {
    float: left;
    cursor: pointer;
}

.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button {
    display: none;
}

.ilightbox-thumbnails {
    display: block;
    position: fixed;
    z-index: 100009;
}

.ilightbox-thumbnails.ilightbox-horizontal {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
}

.ilightbox-thumbnails.ilightbox-vertical {
    top: 0;
    right: 0;
    width: 140px;
    height: 100%;
    overflow: hidden;
}

.ilightbox-thumbnails .ilightbox-thumbnails-container {
    display: block;
    position: relative;
}

.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
    width: 100%;
    height: 100px;
}

.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
    width: 140px;
    height: 100%;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid {
    display: block;
    position: absolute;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
    display: block;
    cursor: pointer;
    padding: 10px;
    position: relative;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
    width: 100%;
    height: 100%;

    -webkit-border-radius: 2px;
    border-radius: 2px;

    -ms-interpolation-mode: bicubic;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {
    opacity: 1;
}

.ilightbox-holder {
    display: none;
    position: fixed;
    z-index: 100003;

    -webkit-transform: none;
    -moz-transform: none;
}

.ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev {
    cursor: pointer;
}

.ilightbox-holder div.ilightbox-container {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ilightbox-holder div.ilightbox-container iframe {
    text-align: center;
}

.ilightbox-holder div.ilightbox-container iframe * {
    text-align: center;
    margin: 0 auto;
}

.ilightbox-holder div.ilightbox-container img {
    display: block;
    margin: 0 auto;
}

.ilightbox-holder.supportTouch div.ilightbox-container {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.ilightbox-holder img.ilightbox-image {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.ilightbox-holder .ilightbox-container .ilightbox-caption {
    display: none;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    max-width: 100%;
    padding: 5px 10px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 150%;
    word-wrap: break-word;
    z-index: 20003;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.ilightbox-holder .ilightbox-container .ilightbox-social {
    display: none;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px;
    padding-left: 0;
    z-index: 20003;
    height: 16px;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul {
    float: left;
    list-style: none;
    height: 16px;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li {
    display: inline;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {
    float: left;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social_icons/facebook_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social_icons/digg_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social_icons/twitter_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social_icons/delicious_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social_icons/reddit_16.png');
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social_icons/google_plus_16.png');
}

.ilightbox-holder .ilightbox-alert {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    padding-top: 100px;
    margin: auto;
    width: 300px;
    height: 50px;
}

.ilightbox-holder .ilightbox-wrapper {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.ilightbox-holder .ilightbox-inner-toolbar {
    position: relative;
    z-index: 100;
}

.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
    position: absolute;
}

/* Style arrow buttons */
.ilightbox-button {
    position: fixed;
    z-index: 100008;
    cursor: pointer;
}

/* Style mobile devices */
.isMobile .ilightbox-button,
.isMobile .ilightbox-thumbnails {
    display: none !important;
}

.isMobile .ilightbox-toolbar .ilightbox-prev-button,
.isMobile .ilightbox-toolbar .ilightbox-next-button {
    display: block;
}

.ilightbox-overlay.metro-black {
    background: #000;
}

.ilightbox-loader.metro-black {
    -webkit-box-shadow: rgba(0, 0, 0, 1) 0px 0px 55px, rgba(0, 0, 0, .3) 0px 0px 55px;
    box-shadow: rgba(0, 0, 0, 1) 0px 0px 55px, rgba(0, 0, 0, .3) 0px 0px 55px;
}

.ilightbox-loader.metro-black div {
    background: #000 url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/preloader.gif') no-repeat center;
}

.ilightbox-holder.metro-black {
    padding: 3px;
    background: #000;

    -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .8);
    box-shadow: 0 0 45px rgba(0, 0, 0, .8);
}

.ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/caption-bg.png') repeat-x bottom;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    color: #FFF;
    text-shadow: 0 0 3px rgba(0, 0, 0, .75);
    padding-top: 15px;
}

.ilightbox-holder.metro-black .ilightbox-container .ilightbox-social {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social-bg.png');

    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.ilightbox-holder.metro-black .ilightbox-alert {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/alert.png') no-repeat center top;
    color: #555;
}

/* Style toolbar */
.ilightbox-overlay.metro-black {
    background: #000;
}

.ilightbox-loader.metro-black {
    -webkit-box-shadow: rgba(0, 0, 0, 1) 0px 0px 55px, rgba(0, 0, 0, .3) 0px 0px 55px;
    box-shadow: rgba(0, 0, 0, 1) 0px 0px 55px, rgba(0, 0, 0, .3) 0px 0px 55px;
}

.ilightbox-loader.metro-black div {
    background: #000 url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/preloader.gif') no-repeat center;
}

.ilightbox-holder.metro-black {
    padding: 3px;
    background: #000;

    -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .8);
    box-shadow: 0 0 45px rgba(0, 0, 0, .8);
}

.ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/caption-bg.png') repeat-x bottom;
    background-size: 100% 100%;
    left: 0;
    right: 0;
    color: #FFF;
    text-shadow: 0 0 3px rgba(0, 0, 0, .75);
    padding-top: 15px;
}

.ilightbox-holder.metro-black .ilightbox-container .ilightbox-social {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/social-bg.png');

    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.ilightbox-holder.metro-black .ilightbox-alert {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/alert.png') no-repeat center top;
    color: #555;
}

/* Style toolbar */
.ilightbox-toolbar.metro-black {
    top: 8px;
    right: 8px;
    height: 25px;
}

.ilightbox-toolbar.metro-black a {
    width: 27px;
    height: 25px;
    background: #000 url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/buttons.png') no-repeat 7px 6px;
}

.ilightbox-toolbar.metro-black a:hover {
    background-color: #51b7ff;
}

.ilightbox-toolbar.metro-black a.ilightbox-close:hover {
    background-color: #d94947;
}

.ilightbox-toolbar.metro-black a.disabled {
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: default;
    background-color: #000;

    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .8);
    box-shadow: 0 0 25px rgba(0, 0, 0, .8);
}

.ilightbox-toolbar.metro-black a.ilightbox-fullscreen {
    background-position: 6px -31px;
}

.ilightbox-toolbar.metro-black a.ilightbox-play {
    background-position: 8px -55px;
}

.ilightbox-toolbar.metro-black a.ilightbox-pause {
    background-position: 8px -81px;
}

.isMobile .ilightbox-toolbar.metro-black {
    background: #000;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    text-align: center;
}

.isMobile .ilightbox-toolbar.metro-black a {
    display: inline-block;
    float: none;
    width: 50px;
    height: 40px;
    background-size: 50%;
    background-position: 50%;
}

.isMobile .ilightbox-toolbar.metro-black a.ilightbox-fullscreen {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/fullscreen-icon-64.png');
    background-image /*\**/: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/fullscreen-icon-ie.png') \9; /* IE7-8 */
}

.isMobile .ilightbox-toolbar.metro-black a.ilightbox-close {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/x-mark-icon-64.png');
    background-image /*\**/: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/x-mark-icon-ie.png') \9; /* IE7-8 */
}

.isMobile .ilightbox-toolbar.metro-black a.ilightbox-next-button {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/arrow-next-icon-64.png');
    background-image /*\**/: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/arrow-next-icon-ie.png') \9; /* IE7-8 */
    background-position: 52% 50%;
}

.isMobile .ilightbox-toolbar.metro-black a.ilightbox-prev-button {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/arrow-prev-icon-64.png');
    background-image /*\**/: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/arrow-prev-icon-ie.png') \9; /* IE7-8 */
    background-position: 48% 50%;
}

.isMobile .ilightbox-toolbar.metro-black a.ilightbox-play {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/play-icon-64.png');
    background-image /*\**/: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/play-icon-ie.png') \9; /* IE7-8 */
}

.isMobile .ilightbox-toolbar.metro-black a.ilightbox-pause {
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/pause-icon-64.png');
    background-image /*\**/: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/pause-icon-ie.png') \9; /* IE7-8 */
}

.ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-title {
    font-size: 18px;
    padding: 10px 12px;
    padding-right: 60px;
    color: #acacad;
}

.ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar {
    left: auto;
    top: 5px;
    right: 5px;
}

.ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar a {
    float: right;
}

/* Style thumbnails */
.ilightbox-thumbnails.metro-black.ilightbox-horizontal {
    height: 104px;
}

.ilightbox-thumbnails.metro-black.ilightbox-horizontal .ilightbox-thumbnails-container {
    height: 104px;
}

.ilightbox-thumbnails.metro-black.ilightbox-vertical {
    width: 144px;
}

.ilightbox-thumbnails.metro-black.ilightbox-vertical .ilightbox-thumbnails-container {
    width: 144px;
}

.ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
    border: 2px solid #000;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .8);

    -webkit-border-radius: 0;
    border-radius: 0;
}

.ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/thumb-overlay-play.png') no-repeat center;
}

/* Configure arrow buttons */
.ilightbox-button.metro-black.disabled {
    opacity: 0.1;
    filter: alpha(opacity=10);
    cursor: default;
}

.ilightbox-button.metro-black span {
    display: block;
    width: 100%;
    height: 100%;
}

.ilightbox-button.ilightbox-next-button.metro-black,
.ilightbox-button.ilightbox-prev-button.metro-black {
    bottom: 0;
    right: 0;
    left: 0;
    left /*\**/: 35% \9; /* IE7-8 */
    right /*\**/: auto \9; /* IE7-8 */
    width: 30%;
    height: 100px;
    margin: auto;
    background: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/arrows_vertical.png') no-repeat 50% -100px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
}

.ilightbox-button.ilightbox-prev-button.metro-black {
    top: 0;
    bottom: auto;
    background-position: 50% 0;
}

.ilightbox-button.ilightbox-next-button.metro-black.horizontal,
.ilightbox-button.ilightbox-prev-button.metro-black.horizontal {
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    top /*\**/: 36% \9; /* IE7-8 */
    bottom /*\**/: auto \9; /* IE7-8 */
    width: 100px;
    height: 30%;
    background-image: url('http://singparty.m6mobile.fr/bundles/frontendeditorial/images/ilightbox/arrows_horizontal.png');
    background-position: -93px 50%;
}

.ilightbox-button.ilightbox-prev-button.metro-black.horizontal {
    right: auto;
    left: 0;
    background-position: -7px 50%;
}

/*/////////////////////////////////////////////////////////////////
FIN SKIN ILIGHTBOX
/////////////////////////////////////////////////////////////////*/
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

#mainFooterMS {
    width: 100%;
    z-index: 900;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    background-color: #12161f;
    box-shadow: 0 -6px 3px rgba(0, 0, 0, 0.01);
}

@media screen and (max-width: 959px) {
    #mainFooterMS:after {
        display: none;
    }
}

#mainFooterMS .mid {
    position: relative;
    z-index: 590;
}

#mainFooterMS .line-copyrights {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #e3e3e3;
    background-color: #2b3138;
    font-family: "roboto_condensedlight";
    font-size: 11px;
}

#mainFooterMS .line-copyrights p {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    line-height: 32px;
}

/*////////////////////////////////////////
ANIMATION
////////////////////////////////////////*/
@keyframes moveBackground {
    0% {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(1.2) rotate(0.2deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}

@-webkit-keyframes moveBackground {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
    }

    50% {
        -webkit-transform: scale(1.2) rotate(0.2deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0deg);
    }
}

.game-on #mainFooterMS,
.game-on #switchMask,
.game-on #mainHeaderM6,
.game-on #goLeft,
.game-on #goRight {
    display: none;
}

.currentYear {
    font-weight: bold;
}

.trackSelected {
    color: limegreen;
}

/** TIMELINE **/
#cd-timeline {
    position: relative;
    padding:0 60px 100px 60px;
    margin: 0 auto;
    max-width: 1280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 80px;
    height: 100%;
    width: 4px;
    background: #ffffff;
}

@media only screen and (min-width: 960px) {
    #cd-timeline {
        position: relative;
        margin-top: 8px;
        margin-bottom: 3em;
        height: 1645px;
    }

    #cd-timeline::before {
        left: 50%;
        margin-left: -2px;
    }

    #blockArtist1,
    #blockArtist2,
    #blockArtist3,
    #blockArtist4 {
        width: 50%;
    }


    #blockArtist1 .cd-timeline-img,
    #blockArtist3 .cd-timeline-img {
        left: auto;
        right: -32px;
    }

    #blockArtist2 .cd-timeline-img,
    #blockArtist4 .cd-timeline-img {
        left: 0;
    }

    #blockArtist2 {
        position: absolute;
        top: 60px;
        right: 0;
    }

    .cd-timeline-content {
        width: 100%!important;
    }

    #blockArtist2 .cd-timeline-content {
        margin-left: auto;
        margin-right: auto;
    }
    #blockArtist4 {
        position: absolute;
        top: 800px;
        right: 0;
    }
    #blockArtist4 .cd-timeline-content {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 1280px) {
    #cd-timeline {
        max-width: 1280px;
    }

    #blockArtist1 .cd-timeline-img,
    #blockArtist3 .cd-timeline-img {
        left: auto;
        right: -30px;
    }

    #blockArtist2 .cd-timeline-img,
    #blockArtist4 .cd-timeline-img {
        left: 0;
    }
}

.cd-timeline-block {
    position: relative;
    margin: 24px 0;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}



.cd-timeline-img {
    z-index: 4;
    background-color: #659AB3;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), inset 0 3px 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), inset 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), inset 0 3px 7px rgba(0, 0, 0, 0.5);
}
.cd-timeline-block .icon {
    display: block;
    width: 100%;
    text-align: center;
}
.cd-timeline-block .icon .fa {
    line-height: 40px;
    font-size: 24px;
}
@media only screen and (min-width: 960px) {
    .cd-timeline-block .icon .fa {
        line-height: 60px;
        font-size: 34px;
    }
}
.cd-timeline-content {
    max-width: 480px;
    padding: 0 80px 0 0;
}

@media only screen and (min-width: 960px) {
    .cd-timeline-content {
        max-width: 300px;
        padding: 0 80px 0 0;
    }
}
@media only screen and (min-width: 1020px) {
    .cd-timeline-content {
        max-width: 360px;
        padding: 0 80px 0 0;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        max-width: 420px;
        padding: 0 80px 0 0;
    }
}
@media only screen and (min-width: 1280px) {
    .cd-timeline-content {
        max-width: 480px;
        padding: 0 80px 0 0;
    }
}
.cd-timeline-block .cd-timeline-content .wrapp-title-zone {
    position: relative;
    margin-bottom: 6px;
}
.cd-timeline-block .cd-timeline-content .wrapp-title-zone h2 {
    font-size: 30px;
    color: #79136d;
}
.cd-timeline-block .cd-timeline-content .wrapp-title-zone .wrapp-smo-artist {
    position: absolute;
    top:0;
    right: 0;
}
@media only screen and (max-width: 640px) {
    .cd-timeline-block .cd-timeline-content .wrapp-title-zone .wrapp-smo-artist {
        position: relative;
        top:0;
        right: auto;
        left: 0;
    }
}
.cd-timeline-block .cd-timeline-content .wrapp-title-zone .wrapp-smo-artist:after {
    content: "";
    clear: both;
    float: none;
    display: block;
}
.cd-timeline-block .cd-timeline-content img {
        display: block;
    width: 100%;
    height: auto;
}
.cd-timeline-block .cd-timeline-content .wrapp-description-artist {
    font-family: "Roboto_CondensedLight";
    font-size: 15px;
    line-height: 15px;
    color: #3b1444;
}
.cd-timeline-block .cd-timeline-content .wrapp-description-artist p {
    margin-bottom: 10px;
}



.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    background-color: #659ab3;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.cd-timeline-img.cd-picture {
    background: #75ce66;
}

.cd-timeline-img.cd-movie {
    background: #c03b44;
}

.cd-timeline-img.cd-location {
    background: #f0ca45;
}

@media only screen and (min-width: 960px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed;
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h2 {
    color: #303e49;
}


.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media only screen and (min-width: 960px) {
    .cd-timeline-content {
        margin-left: 0;
        width: 45%;
    }

    .cd-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .cd-timeline-content .cd-read-more {
        float: left;
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem;
    }



    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 960px) {
    /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

/** END PROGRAMMATION **/
/** PAGE ADVERTISEMENT **/
#pageAdvertisement {

}

#pageAdvertisement .inner {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapp-page.wrapp-page-advertisement {
    height: 100%;
    min-height:680px;
    background-color: #000000;
}
@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-advertisement {
        min-height: 480px;
    }
}

.wrapp-page.wrapp-page-advertisement .title-page {
    max-width: none;
    color: #ffffff;
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    padding-top: 64px;
}

.wrapp-page.wrapp-page-advertisement .title-page {
    padding-top: 62px;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-advertisement .title-page {
        padding-top: 32px;
    }
}
@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-advertisement .title-page {
        padding-top: 60px;
    }
}
.wrapp-page.wrapp-page-advertisement .title-page .line1 {
    font-family: "Sugo-light";
    font-size: 100px;
    line-height: 70px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.wrapp-page.wrapp-page-advertisement .title-page .line1 strong {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "Sugo";
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-advertisement .title-page .line1 {
        font-size: 80px;
        line-height: 68px;
    }
}

@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-advertisement .title-page .line1 {
        font-size: 50px;
        line-height: 38px;
    }
}

.wrapp-page.wrapp-page-advertisement .title-page .line2 {
    font-family: "roboto_condensedbold";
    font-size: 32px;
    text-transform: uppercase;
}

@media screen and (max-width: 959px) {
    .wrapp-page.wrapp-page-advertisement .title-page .line2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 640px) {
    .wrapp-page.wrapp-page-advertisement .title-page .line2 {
        font-size: 20px;
    }
}

#pageAdvertisement .inner #wrapp-video {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: #69035d 5px solid;
}

#wrapp-video {
    position: relative;
    width: 100%;
    height: 100%;
}

.wrapp-sentences {
    position: relative;
    bottom: 300px;
    left: 0;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .wrapp-sentences {

    }
}

@media screen and (max-width: 480px) {
    .wrapp-sentences {
        bottom: 0;
    }
}

.wrapp-sentences .inner-sentences {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 450px;
    padding-right: 40px;
    font-size: 19px;
}

.wrapp-sentences .inner-sentences h1,
.wrapp-sentences .inner-sentences h2 {
    font-size: 19px;
    font-family: 'Roboto_CondensedLight';
}

@media screen and (max-width: 640px) {
    .wrapp-sentences .inner-sentences {
        max-width: 260px;
        padding-right: 0px;
    }
}

.wrapp-sentences .inner-sentences ul {
    float: right;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 640px) {
    .wrapp-sentences .inner-sentences ul {
        float: none;
        margin: 10px auto;
        width: 40px;
    }
}

.wrapp-sentences .inner-sentences .item-smo {
    position: relative;
    width: 100%;
    height: 32px;
    margin: -30px 0 0 8px;
}

@media screen and (max-width: 640px) {
    .wrapp-sentences .inner-sentences .item-smo {
        margin: 0 auto;
    }
}

.wrapp-sentences .inner-sentences .color {
    color: #aba9cb;
    font-family: 'Roboto_CondensedBold';
}

.wrapp-sentences .inner-sentences .item-smo .over-box {
    position: absolute;
    left: -10px;
    top: 0;
    margin-top: -10px;
    z-index: 4;
    width: 60px;
    height: 60px;
    font-family: 'Roboto_CondensedLight';
    font-size: 13px;
    line-height: 14px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    max-width: 80px;
    padding: 10px;
    border: rgba(255, 255, 255, 0.3) 1px solid;
    opacity: 0.6;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #aba9cb;
}

.wrapp-sentences .inner-sentences .item-smo:hover .over-box {
    top: -62px;
    opacity: 1;
}

.wrapp-sentences .inner-sentences .item-smo .over-box .fa {
    font-size: 16px;
    line-height: 14px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.wrapp-sentences .inner-sentences .item-smo .over-box:hover .fa {
    color: #843078;
}

.wrapp-sentences .inner-sentences .item-smo .over-box .totalScore {
    font-size: 30px;
}

.wrapp-sentences .inner-sentences .item-smo a {
    display: block;
    width: 32px;
    height: 100%;
    line-height: 32px;
    background-color: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    border: #ffffff 1px solid;
    color: #ffffff;
}

.wrapp-sentences .inner-sentences .item-smo a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.wrapp-sentences .inner-sentences .item-smo .fa {
    font-size: 18px;
    line-height: 32px;
}

#fullVideoSlider {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000000;
    background-position: 50% 50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    overflow: hidden;
}

#fullVideoSlider.flexslider {
    background-color: transparent;
    border: none;
    margin: 0;
}
#fullVideoSlider .flex-viewport {
    margin-top: 30px;
}

@media screen and (min-height: 781px) {
    #fullVideoSlider .flex-viewport {
        max-height: 390px;
        position: absolute !important;
        top: 50%;
        width: 100%;
        margin-top: -180px;
    }
}

#fullVideoSlider.beforelastSlide .flex-viewport {
    padding-left: 0;
}

#fullVideoSlider.lastSlide .flex-viewport {
    /*
    left:0;
    margin-left:-250px;
    */
    padding-left: 0;
}

@media screen and (max-width: 960px) {
    #fullVideoSlider.beforelastSlide .flex-viewport {

    }
}

@media screen and (max-width: 480px) {
    #fullVideoSlider,
    #fullVideoSlider .flex-viewport {
        max-width: 440px;
    }

    #fullVideoSlider.firstSlide .flex-viewport {
        left: 0;
        margin-left: 0px;
        padding-left: 0;
    }

    #fullVideoSlider .flex-viewport {

        margin-left: 0;
        padding-left: 0;
    }

    #fullVideoSlider .flex-direction-nav a {
        margin-top: -160px;
    }
}


.touch .loading .flex-viewport {

}

#fullVideoSlider .slides {
    height: 100%;
    max-height: 480px;
}

#fullVideoSlider .slides .item-video {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

@media screen and (max-width: 480px) {
    #fullVideoSlider .slides .item-video {
        width: 300px;
    }
}

#fullVideoSlider .slides .item-video.flex-active-slide {
    height: 100%;
    margin: 0 0px;
}

.active-slide {

}

#fullVideoSlider .slides .item-video .wrapp-item-video {
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
}
@media screen and (min-height: 801px) {
    #fullVideoSlider .slides .item-video .wrapp-item-video {
        max-width: 820px;
    }
}
@media screen and (max-width: 900px) {
    #fullVideoSlider .slides .item-video .wrapp-item-video {
        max-width: 640px;
    }
}

@media screen and (max-width: 767px) {
    #fullVideoSlider .slides .item-video .wrapp-item-video {
        max-width: 480px;
    }
}

@media screen and (max-width: 640px) {
    #fullVideoSlider .slides .item-video .wrapp-item-video {
        max-width: 380px;
    }
}

@media screen and (max-width: 520px) {
    #fullVideoSlider .slides .item-video .wrapp-item-video {
        max-width: 240px;
    }
}

#fullVideoSlider .slides .item-video.flex-active-slide .wrapp-item-video {

}

#fullVideoSlider .slides .item-video:hover .wrapp-item-video img,
#fullVideoSlider .slides .item-video.flex-active-slide .wrapp-item-video img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}

#fullVideoSlider .slides .item-video .wrapp-item-video img {
    display: block;
    width: 100%;

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);

    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

#fullVideoSlider .slides .item-video .videoItem {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 390px;
    border: 1px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #000;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 900px) {
    #fullVideoSlider .slides .item-video .videoItem {
        max-height: 304px;
    }
}

@media screen and (max-width: 767px) {
    #fullVideoSlider .slides .item-video .videoItem {
        max-height: 228px;
    }
}

@media screen and (max-width: 640px) {
    #fullVideoSlider .slides .item-video .videoItem {
        max-height: 181px;
    }
}

@media screen and (max-width: 520px) {
    #fullVideoSlider .slides .item-video .videoItem {
        max-height: 114px;
    }
}

#fullVideoSlider .slides .item-video .videoItem .over-click {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 40;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0 0 43px rgba(0, 0, 0, .43);
    -webkit-box-shadow: inset 0 0 43px rgba(0, 0, 0, .43);
    box-shadow: inset 0 0 43px rgba(0, 0, 0, .43);
}

#fullVideoSlider .slides .item-video .videoItem .over-click a {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
    color: #ffffff;
}

#fullVideoSlider .slides .item-video .videoItem .over-click .fa {
    content: "\f04b";
    font-family: "fontAwesome";
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    display: block;
    padding: 0;
    width: 120px;
    height: 120px;
    line-height: 120px;
    background-color: rgba(0, 0, 0, 0.25);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: #ffffff 2px solid;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media screen and (max-width: 640px) {
    #fullVideoSlider .slides .item-video .videoItem .over-click .fa {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        line-height: 60px;
        font-size: 24px;
    }
}

#fullVideoSlider .slides .item-video:hover .videoItem .over-click .fa {
    background-color: rgba(105, 3, 93, 0.25);
}

#fullVideoSlider .slides .item-video.flex-active-slide .videoItem {
    height: 100%;
    max-height: 390px;
}

#fullVideoSlider .slides .item-video .videoItem .title-video {
    position: absolute;
    bottom: -146px;
    right: -40px;
    z-index: 5;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#fullVideoSlider .slides .item-video:hover .videoItem .title-video,
#fullVideoSlider .slides .item-video.flex-active-slide .videoItem .title-video {
    bottom: -46px;
}

#fullVideoSlider .slides .item-video .videoItem .title-video h3,
#fullVideoSlider .slides .item-video .videoItem .title-video h1 {
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    text-align: right;
    text-transform: uppercase;
    padding-right: 46px;
    font-size: 18px;
    font-weight: normal;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#fullVideoSlider .slides .item-video .videoItem .title-video h3 a,
#fullVideoSlider .slides .item-video .videoItem .title-video h1 a {
    color: #ffffff;
}

#fullVideoSlider .slides .item-video .wrapp-item-video .spacer-shadow {

}

#fullVideoSlider .slides .item-video.flex-active-slide .wrapp-item-video img {

}

#fullVideoSlider .slides .item-video .social-buzz {
    position: absolute;
    top: 70%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#fullVideoSlider .slides .item-video:hover .social-buzz,
#fullVideoSlider .slides .item-video.flex-active-slide .social-buzz {
    position: absolute;
    top: 100%;
    opacity: 1;
}

#fullVideoSlider .slides .item-video .wrapp-hashtag {
    font-family: "Roboto_CondensedBold";
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
}

@media screen and (max-width: 640px) {
    #fullVideoSlider .slides .item-video .wrapp-hashtag {
        font-size: 16px;
    }
}

#fullVideoSlider .slides .item-video .social-buzz .item-smo {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 6px;
}

#fullVideoSlider .slides .item-video .social-buzz .item-smo:hover {

}

#fullVideoSlider .slides .item-video .social-buzz .item-smo a {
    display: block;
    width: 24px;
    height: 100%;
    line-height: 24px;
    background-color: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    border: #ffffff 1px solid;
    text-align: center;
    -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;
    color: #ffffff;
}

#fullVideoSlider .slides .item-video .social-buzz .item-smo a:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

#fullVideoSlider .slides .item-video .social-buzz .item-smo a .fa {
    font-size: 14px;
    line-height: 24px;
}

#fullVideoSlider .slides .item-video .social-buzz .item-smo a:hover .fa {

}

#fullVideoSlider .flex-control-nav {
    bottom: 20px;
}

#fullVideoSlider .flex-control-nav li {
    margin: 0 2px;
}

#fullVideoSlider .flex-control-nav a {
    width: 16px;
    height: 16px;
    border: 1px solid #ad71af;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #4b2f4d;
}

#fullVideoSlider .flex-control-nav a:hover,
#fullVideoSlider .flex-control-nav a.flex-active {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #ad71af;
}

#fullVideoSlider .flex-direction-nav {
}

#fullVideoSlider .flex-direction-nav li {
}

#fullVideoSlider .flex-direction-nav li a {
    color: #ffffff;
    text-shadow: none;
    width: 32px;
    height: 62px;
    text-align: center;
}

#fullVideoSlider .flex-direction-nav li a:before {
    font-family: "fontAwesome";
    font-size: 60px;
}
@media screen and (max-width: 480px) {
    #fullVideoSlider .flex-direction-nav li a {
        top:auto;
        bottom:100px;
    }
}
.flexslider#fullVideoSlider .flex-prev {
    opacity: 0.6;
    left: 48px;
}

.flexslider#fullVideoSlider .flex-next {
    opacity: 0.6;
    right: 48px;
}

.flexslider#fullVideoSlider:hover .flex-prev {
    left: 60px;
}

.flexslider#fullVideoSlider:hover .flex-next {
    right: 60px;
}

#fullVideoSlider .flex-direction-nav li a.flex-prev:before {
    content: "\f104";
}

#fullVideoSlider .flex-direction-nav li a.flex-next:before {

    content: "\f105";
}

#fullPlayerVideo .video-object {
    position: absolute;
}

#mainSECTION #pageAdvertisement {
    padding: 0;
    max-width: 100%;
}

.full-slider,
.full-slider .flex-viewport {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.full-slider {
    width: 100%;
    overflow: hidden;
}

#fullPlayerVideo {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 5000;
    width: 100%;
    height: 100%;
    background-color: #000000;
    -webkit-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    transition: all 1.2s linear;
}

.mode-video #fullPlayerVideo {
    top: 0;
}

.full-video-player {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media screen and (max-width: 480px) {
    .full-video-player {
        padding-right: 40px;
    }
}

.mode-video .full-video-player {

}

.full-video-player-content {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.full-video-player .btn-bonus {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: 20px;
    z-index: 200;
    text-align: center;
}

.full-video-player .btn-bonus img {
    max-width: 40px;
    max-height: 40px;
    background-color: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: #ffffff 2px solid;
    overflow: hidden;
}

.full-video-player .btn-bonus a {
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

.full-video-player .btn-bonus a span {
    font-size: 11px;
    color: #ffffff;
    max-width: 48px;
    opacity: 0.2;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.full-video-player .btn-bonus:hover a span {
    opacity: 1;
}

.full-video-player .btn-bonus img {
    display: block;
    width: 100%;
    height: auto;
}

.full-video-player .btn-close {
    position: absolute;
    top: 70px;
    left: 10px;
    z-index: 400;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    border: #ffffff 2px solid;
    text-align: center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.full-video-player .btn-close:hover {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.mode-video .full-video-player .btn-close {
    left: 6px;
}

.full-video-player .btn-close .fa {
    font-size: 22px;
    line-height: 40px;
    color: #ffffff;
}

.full-video-player .control-bar-player {
    position: relative;
    height: 80px;
    background-color: #000000;
}

.full-video-player .control-bar-player .nav-control {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -60px;
}

@media screen and (max-width: 767px) {
    .full-video-player .control-bar-player .nav-control {
        display: none;
    }
}

.touch .full-video-player .control-bar-player .nav-control {
    top: 10px;
}

.full-video-player .control-bar-player .nav-control .item-control {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    background-color: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 10px 0 0;
    border: #ffffff 2px solid;
    text-align: center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    color: #ffffff;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.full-video-player .control-bar-player .nav-control .item-control:hover {
    background-color: #843078;
    color: #000000;
    border-color: #aba9cb;
}

.full-video-player .control-bar-player .nav-control .item-control .fa {
    font-size: 18px;
}

.full-video-player .control-bar-player .nav-control .item-control:hover .fa {
    color: #000000;
}

#carouselVid {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    clear: both;
}

#carouselVid .slides {
    width: 100% !important;
    text-align: center;
}

#carouselVid .flex-control-nav {
    bottom: 0;
}

#carouselVid .flex-viewport {
    width: auto;
    height: 100%;
    margin: 0 auto;
}

#carouselVid li {
    width: 100%;
    max-width: 80px;
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 12px 0 24px 0;
    cursor: pointer;
    color: #ffffff;
    font-family: "roboto_condensedbold";
    font-size: 18px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 880px) {
    #carouselVid li {
        max-width: 60px;
    }
}

@media screen and (max-width: 640px) {
    #carouselVid li {
        max-width: 40px;
        font-size: 14px;
    }
}

@media screen and (max-width: 639px) {
    #carouselVid li {
        width: 20% !important;
        font-size: 14px;
        max-width: none;
        padding: 6px 4px;
        margin: 0 !important;
    }
}
@media screen and (max-width: 480px) {
    #carouselVid li {
        width: 15% !important;
        font-size: 14px;
        max-width: none;
        padding: 6px 4px;
        margin: 0 !important;
    }
}
#carouselVid li.item-video-dual {
}

#carouselVid li.flex-active-slide {
    background-color: #69035d;
}

#carouselVid li.flex-active-slide a {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #ad71af;
}

.control-bar-player .nav-smo {
    position: absolute;
    top: 20px;
    right: 20px;
}

.touch .control-bar-player .nav-smo {
    top: 10px;
}

@media screen and (max-width: 480px) {
    .control-bar-player .nav-smo {
        top: 40px;
        right: auto;
        left: 50%;
        margin-left: -77px;
    }

    .touch .control-bar-player .nav-smo {
        top: 40px;
    }
}

.control-bar-player .nav-smo .wrapp-smo .item-smo {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 6px;
}

.control-bar-player .nav-smo .wrapp-smo .item-smo:hover a.btn-circle {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotateY(-180deg);
}

.control-bar-player .nav-smo .wrapp-smo .item-smo .over-box {
    position: absolute;
    top: 0px;
    left: 50%;
    opacity: 0;
    width: 160px;
    margin-left: -80px;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.control-bar-player .nav-smo .wrapp-smo .item-smo:hover .over-box {
    top: -40px;
    opacity: 1;
}

.control-bar-player .nav-smo .wrapp-smo .item-smo .box .share {
    display: none;
}

.control-bar-player .nav-smo .item-smo a.btn-circle {
    display: block;
    width: 40px;
    height: 100%;
    line-height: 40px;
    background-color: transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 auto;
    border: #ffffff 2px solid;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    color: #ffffff;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-transition: -webkit-transform .55s ease-out;
    -moz-transition: -moz-transform .7s ease-out;
    -o-transition: -o-transform .7s ease-out;
    -ms-transition: -ms-transform .7s ease-out;
    transition: transform .7s ease-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@media screen and (max-width: 580px) {
    .control-bar-player .nav-smo .item-smo a.btn-circle {
        width: 28px;
        height: 100%;
        line-height: 26px;
        border: #ffffff 1px solid;
    }
}

.control-bar-player .nav-smo .item-smo a:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.control-bar-player .nav-smo .item-smo a .fa {
    font-size: 20px;
    line-height: 40px;
}

@media screen and (max-width: 580px) {
    .control-bar-player .nav-smo .item-smo a .fa {
        font-size: 16px;
        line-height: 26px;
    }
}

.control-bar-player .nav-smo .item-smo a:hover .fa {

}

.wrapp-title-video {
    width: 449px;
    height: 79px;
    margin-top: 20px;
    margin-left: -50px;
    background: url('http://singparty.m6mobile.fr/images/spacer_shadow.png') no-repeat 50% bottom;
    text-align: center;
    padding-bottom: 16px;
}

@media screen and (max-width: 640px) {
    .wrapp-title-video {
        width: 100%;
        margin-top: 60px;
        margin-left: auto;
    }
}

.wrapp-title-video h1.title-video,
.wrapp-title-video h3.title-video {
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    text-align: center;
    text-transform: uppercase;
    padding-right: 20px;
    padding-left: 30px;
    font-size: 24px;
    font-weight: normal;
    color: #ad72b0;
}

@media screen and (max-width: 640px) {
    .wrapp-title-video h1.title-video,
    .wrapp-title-video h3.title-video {

        font-size: 18px;
    }
}

#wrapp-video:hover .flex-prev {
    left: 60px;
}

#wrapp-video:hover .flex-next {
    right: 6px;
}

/** END PAGE ADVERTISEMENT **/
@-webkit-keyframes pulse {
    0% {
        top: 6px;
    }
    80% {
        top: 6px;
    }
    84% {
        top: 16px;
    }
    88% {
        top: 6px;
    }
    90% {
        top: 16px;
    }
    92% {
        top: 6px;
    }
    100% {
        top: 6px;
    }
}

@keyframes pulse {
    0% {
        top: 6px;
    }
    80% {
        top: 6px;
    }
    84% {
        top: 16px;
    }
    88% {
        top: 6px;
    }
    90% {
        top: 16px;
    }
    92% {
        top: 6px;
    }
    100% {
        top: 6px;
    }
}

/* ANIMATION ROTATION 360° DE TOUR SENS HORAIRE */
@keyframes rotate {
    0% {
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        transform: rotate(360deg) scaleX(1) scaleY(1);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        -moz-transform: rotate(360deg) scaleX(1) scaleY(1);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scaleX(1) scaleY(1);
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        -o-transform: rotate(360deg) scaleX(1) scaleY(1);
    }
}

@-ms-keyframes rotate {
    0% {
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        -ms-transform: rotate(360deg) scaleX(1) scaleY(1);
    }
}

/* FINs ANIMATION ROTATION 360° DE TOUR SENS HORAIRE */
@-webkit-keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateUnfoldBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@-webkit-keyframes rotateCubeBottomOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
    }
}

@keyframes rotateCubeBottomOut {
    0% {
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
    100% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg);
    }
}

@-webkit-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}

@keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg);
    }
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}