/***********************************************************
		  SBM SEASONAL SALE MONTE-CARLO - 2017 - GLOBAL
***********************************************************
		   			Global styles
**********************************************************/
/*FONT FACE */
@font-face
{
    font-family : 'GothamLight';
    src         : url('../fonts/font-GothamLight.eot');
    src         : url('../fonts/font-GothamLight.eot') format('embedded-opentype'),
    url('../fonts/font-GothamLight.woff') format('woff'),
    url('../fonts/font-GothamLight.ttf') format('truetype'),
    url('../fonts/font-GothamLight.svg#GothamLight') format('svg');
}

@font-face
{
    font-family : 'GothamBook';
    src         : url('../fonts/font-GothamBook.eot');
    src         : url('../fonts/font-GothamBook.eot') format('embedded-opentype'),
    url('../fonts/font-GothamBook.woff') format('woff'),
    url('../fonts/font-GothamBook.ttf') format('truetype'),
    url('../fonts/font-GothamBook.svg#GothamBook') format('svg');
}

@font-face
{
    font-family : 'GothamMedium';
    src         : url('../fonts/font-GothamMedium.eot');
    src         : url('../fonts/font-GothamMedium.eot') format('embedded-opentype'),
    url('../fonts/font-GothamMedium.woff') format('woff'),
    url('../fonts/font-GothamMedium.ttf') format('truetype'),
    url('../fonts/font-GothamMedium.svg#GothamMedium') format('svg');
}

@font-face
{
    font-family : 'LeituraRegular';
    src         : url('../fonts/Leitura-News-regular.eot');
    src         : url('../fonts/Leitura-News-regular.eot') format('embedded-opentype'),
    url('../fonts/Leitura-News-regular.woff') format('woff'),
    url('../fonts/Leitura-News-regular.ttf') format('truetype'),
    url('../fonts/Leitura-News-regular.svg#LeituraRegular') format('svg');
}

@font-face
{
    font-family : 'LeituraBold';
    src         : url('../fonts/Leitura-News-bold.eot');
    src         : url('../fonts/Leitura-News-bold.eot') format('embedded-opentype'),
    url('../fonts/Leitura-News-bold.woff') format('woff'),
    url('../fonts/Leitura-News-bold.ttf') format('truetype'),
    url('../fonts/Leitura-News-bold.svg#LeituraBold') format('svg');
}

/*GLOBAL STYLE*/
body{ font-family: 'GothamBook', Arial, sans-serif; font-size:1em; font-weight:100; letter-spacing:1px; margin:0 0 0 0; padding:0; color:#000000; background: #ffffff; }
.container { display:block; position:relative; margin: 0; *zoom: 1; overflow:hidden; min-width:320px; }
a{ outline:0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

/*LOADING*/
.loading{ display:block; position:fixed; overflow:hidden; z-index:600; top: 0; left:0; width:100%; height:100%; background: #ffffff; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1);}
.loading ul.langue{ display:block; position:absolute; top:2.6em; left:2.6em; }
.loading ul.langue li{ display:block; position:relative; overflow:hidden; float:left; margin: 0 1em 0 0; padding:0; }
.loading ul.langue li.current a{ text-decoration:none; color:#000000; }
.loading ul.langue li a{ font-family: 'GothamMedium', Arial, sans-serif; text-decoration:none; font-size:.9em; padding:0; margin:0; color:#6c6c6c; text-transform:uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.loading ul.langue li a:hover, header ul.langue li a.current{ text-decoration:none; color:#000000; }
.loading .logo{ display:block; position: relative; width: 100%; overflow:hidden; padding:2em 0; max-width:165px; margin:auto; }
.loading .logo h1 img{ display:block; position: relative; width:165px; }
.loading #chargement { position: absolute; left: 0; top: 5.9em; width: 100%; }
.loading #chargement-infos { text-align:center; white-space: nowrap; display: block; border-bottom:1px solid #d8dadb; width: 0%; margin:auto; }

a.espace-client{ display:block; width:122px; position:absolute; right:10px; top:28px; z-index:1000; font-family: 'LeituraRegular', Arial, sans-serif; font-size:13px; text-transform:uppercase; text-decoration:none; letter-spacing:1px; color:#1c233c; background:#ffffff url('../img/gui/espace-client.png') no-repeat 10px 50%; background-size:22px; border:1px solid #1c233c; padding:10px 10px 10px 40px; }
a.espace-client:hover{ color:#ffffff; background:#1c233c; background:#1c233c url('../img/gui/espace-client-bl.png') no-repeat 10px 50%; background-size:22px; }
a.adhesion{ display:block; width:122px; position:absolute; right:200px; top:28px; z-index:1000; font-family: 'LeituraRegular', Arial, sans-serif; font-size:13px; text-transform:uppercase; text-decoration:none; letter-spacing:1px; color:#1c233c; background:#ffffff url('../img/gui/adhesion.png') no-repeat 10px 50%; background-size:22px; border:1px solid #1c233c; padding:10px 10px 10px 50px; }
a.adhesion:hover{ color:#ffffff; background:#1c233c; background:#1c233c url('../img/gui/adhesion-bl.png') no-repeat 10px 50%; background-size:22px; }

/* HEADER */
header { display:block; position:relative; width:100%; padding:0; border-bottom:1px solid #d8dadb; z-index:30; background:#ffffff; }
header ul.langue{ display:block; position:absolute; top:2.6em; left:2.6em; }
header ul.langue li{ display:block; float:left; position:relative; overflow:hidden; margin: 0 1em 0 0; padding:0; }
header ul.langue li.current span{ display:block; position:absolute; bottom:0; left:0; width:20px; height:1px; background:#000000; }
header ul.langue li span{ display:none; }
header ul.langue li.current a{ text-decoration:none; color:#000000; }
header ul.langue li a{ font-family: 'GothamMedium', Arial, sans-serif; text-decoration:none; font-size:.9em; padding:0; margin:0; color:#6c6c6c; text-transform:uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
header ul.langue li a:hover, header ul.langue li a.current{ text-decoration:none; color:#000000; }
header .logo{ display:block; position: relative; width: 100%; overflow:hidden; padding:2em 0; max-width:165px; margin:auto; }
header .logo h1 img{ display:block; position: relative; width:165px; }

/* NAV */
nav { display:block; position:relative; width:100%; height:100px; padding:0; background: #1c233c; z-index:30; border-bottom:1px solid #757d98;}
nav ul{ display:block; position: relative; width: 100%; overflow:hidden; padding:40px 0 40px 0; max-width:700px; margin: auto; }
nav ul li{ display:block; float:left; position:relative; overflow:hidden;  margin: 0 70px 0 0; }
nav ul li a{ text-decoration:none; font-family: 'LeituraRegular', Arial, sans-serif; font-size:14px; letter-spacing:2px; color:#ffffff; text-transform:uppercase;  }
nav ul li.last{ margin-right: 0; }
nav ul li span{ display:block; position:absolute; bottom:0; left:0; width:0; height:1px; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
nav ul li:hover a, nav ul li.current a{ text-decoration:none; text-shadow: 0 0 15px #ffffff; }
nav ul li.break{ margin-left:160px; }
nav ul li.current span{ width:100%; }
nav .logo{ display:block; position: absolute; top:10px; left:50%; margin: 0 auto 0 -50px; }
nav .logo h1 img{ display:block; position: relative; }
nav .menu-mobile { display:none; border-top:2px solid #ffffff; height:25px; width:30px; box-sizing:border-box; position:absolute; z-index:30; right:20px; top:33px; cursor:pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
nav .menu-mobile:before { content:""; display:block; position:absolute; height:2px; width:30px; left:0; background:#ffffff; top:10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
nav .menu-mobile:after { content:""; display:block; position:absolute; height:2px; width:30px; left:0; background:#ffffff; bottom:0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
nav .menu-mobile.closed{ border-color:transparent; }
nav .menu-mobile.closed:before { width:33px; left:-2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -khtml-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
nav .menu-mobile.closed:after { bottom:11px; width:33px; left:-2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(135deg); -khtml-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.navigation-mobile{ display:block; position:fixed; background: #1c233c; z-index:0; top:0; left:0; width:100%; height:100%; padding-top:180px; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -o-opacity:0; opacity:0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.navigation-mobile.navigation{ z-index:10; -webkit-transform: scale(1); -moz-transform: scale(1); -khtml-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -o-opacity:1; opacity:1; }
.navigation-mobile ul.nav{ display:block; width:100%; overflow:hidden; padding:0; margin:0; }
.navigation-mobile ul.nav li{ display:block; overflow:hidden; width:100%; margin:0; padding:0; }
.navigation-mobile ul.nav li a{ display:block; text-align:center; text-decoration:none; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; letter-spacing:2px; color:#ffffff; text-transform:uppercase; }
.navigation-mobile ul.nav li a:hover, .navigation-mobile ul.nav li a.current{ text-decoration:none; }
.navigation-mobile ul.nav li span{ display:block; position:relative; width:20px; margin:10px auto 15px auto; height:1px; background:#757d98;  }

a.espace-client-mobile{ display:block; overflow:hidden; position:relative; width:260px; padding:.8em 0; background: #757d98 url('../img/gui/espace-client-bl.png') no-repeat 10px 50%; background-size:22px; margin:auto; font-family: 'GothamBook', Arial, sans-serif; color:#ffffff; font-size:13px; font-weight:100; text-align:center; letter-spacing:1px; text-decoration:none; text-transform:uppercase; }
a.espace-client-mobile:hover { background:#ffffff url('../img/gui/espace-client.png') no-repeat 10px 50%; background-size:22px; color:#1c233c; font-weight:bold; }
a.adhesion-mobile{ display:block; overflow:hidden; position:relative; width:260px; padding:.8em 0; background: #757d98 url('../img/gui/adhesion-bl.png') no-repeat 10px 50%; background-size:22px; margin: 10px auto; font-family: 'GothamBook', Arial, sans-serif; color:#ffffff; font-size:13px; font-weight:100; text-align:center; letter-spacing:1px; text-decoration:none; text-transform:uppercase; }
a.adhesion-mobile:hover { background:#ffffff url('../img/gui/adhesion.png') no-repeat 10px 50%; background-size:22px; color:#1c233c; font-weight:bold; }
/*
a.espace-client{ display:block; width:auto; position:absolute; right:2.6em; top:2.1em; z-index:1000; font-family: 'LeituraRegular', Arial, sans-serif; font-size:13px; text-transform:uppercase; text-decoration:none; letter-spacing:1px; color:#1c233c; background:#ffffff url('../img/gui/espace-client.png') no-repeat 10px 50%; background-size:22px; border:1px solid #1c233c; padding:10px 10px 10px 50px; }
a.espace-client:hover{ letter-spacing:1px; color:#ffffff; background:#1c233c; background:#1c233c url('../img/gui/espace-client-bl.png') no-repeat 10px 50%; background-size:22px; border:1px solid #1c233c; }
*/

.navigation-mobile ul.langue{ display:block; width:100%; overflow:hidden; padding:0; margin:0 auto 0 -55px; position:fixed; bottom:190px; left:50%; font-family: 'GothamRegular', Arial, sans-serif; font-weight:400; width:120px; }
.navigation-mobile ul.langue li{ display:block; float:left; position:relative; overflow:hidden;  margin: 0 1em 0 0; padding-bottom:0; }
.navigation-mobile ul.langue li.last{ margin-right:0; }
.navigation-mobile ul.langue li.current a{ text-decoration:none; color:#757d98; }
.navigation-mobile ul.langue li a{ text-decoration:none; font-size:1em; color:#ffffff; text-transform:uppercase; }
.navigation-mobile ul.langue li a:hover, .navigation-mobile ul.langue li a.current{ text-decoration:none; color:#757d98; }


.turn_device{ display:block; position:fixed; background: #1c233c; z-index:0; top:0; left:0; width:100%; height:100%; padding-top:200px; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0; -o-opacity:0; opacity:0; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -khtml-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.turn_device.actif{ z-index:10; -webkit-transform: scale(1); -moz-transform: scale(1); -khtml-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -o-opacity:1; opacity:1; }
.turn_device img{ display:block; margin:10px auto 0 auto; }

/* STICKY NAV */
header.sticky{ padding-bottom:90px;}
nav.sticky{ position:fixed; top:0; z-index:1000;}

/* CONTENT GENERIQUE */
.content { display:block; clear:both; position:relative; float:left; overflow: hidden; width: 100%; *zoom: 1; }

/* CONTENT GENERIQUE - HEADER VISUEL */
.intro-visuel{ padding: 350px 0; }
.intro-visuel .titre { position:absolute; z-index:3; top:50%; left:50%; width:400px; height:400px; background: transparent url("../img/gui/header-circle.png") no-repeat center center; background-size:400px auto; margin:-200px 0 0 -200px ; padding:0; }
.intro-visuel .titre h2 { display:block; position:absolute; top:230px; left:0; width:100%; text-align:center; font-family: 'LeituraRegular', Arial, sans-serif; font-size:28px; letter-spacing:2px; text-transform:uppercase; color:#ffffff; font-weight:normal; line-height:40px;}

/* CONTENT GENERIQUE - BANDE DEGRADE */
.bande-degrade{ background-image: linear-gradient(to right, #d4d4d4 0%, #575656 80%, #bdbdbd 95%); padding:5px 0 5px 0;}

/* CONTENT GENERIQUE - MENU ACCORDEON */
.accordeon { display:none; }

/* CONTENT GENERIQUE - PRESENTATION */
.presentation{ background-image: linear-gradient(to right, #f4f4f4, #d9d9d9); padding:60px 0 40px 0; font-family: 'GothamBook', Arial, sans-serif;}
.presentation h1{ display:block; overflow:hidden; position:relative; width:900px; margin:0 auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:34px; line-height:42px; color:#232f5d; letter-spacing:0; font-weight:normal; font-style:normal; text-align:center; padding:0;}
.presentation h1 span{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:23px; font-style:italic; letter-spacing:1px;}
.presentation p{ font-family: 'GothamBook', Arial, sans-serif; display:block; overflow:hidden; position:relative; width:850px; margin:20px auto 30px auto; color:#232f5d; font-size:14px; letter-spacing:0.5px; font-weight:normal; font-style:normal; text-align:center; line-height:24px; }
.presentation p b{ font-family: 'GothamMedium', Arial, sans-serif; font-size:16px; }
.presentation a{ display:block; overflow:hidden; position:relative; width:300px; padding:.8em 0; background: transparent; margin:auto; font-family: 'GothamBook', Arial, sans-serif; color:#232f5d; font-size:15px; font-weight:100; text-align:center; letter-spacing:1px; text-transform:uppercase; border:1px solid #232f5d; background-image:none; }
.presentation a:hover { text-decoration:none; background:#232f5d; color:#ffffff; }
.presentation a.lien{ width:auto; padding:0; margin:auto; font-family: 'LeituraBold', Arial, sans-serif; color:#232f5d; font-size:16px; font-weight:bold; letter-spacing:1px; text-transform:none; border:0; background-image:none; text-decoration:underline; font-style:italic;}
.presentation a.lien:hover { text-decoration:none; background:transparent;}

/* CONTENT GENERIQUE - PRESENTATION VIDEO */
.presentation-video{ background-image: linear-gradient(to right, #f4f4f4, #d9d9d9); padding:0 0 50px 0; font-family: 'GothamBook', Arial, sans-serif;}
.presentation-video video{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; z-index:2; width:90%; max-width:1100px; height:auto; outline:none;}

/* CONTENT GENERIQUE - PROMOTION */
.promo { background:#00f5f5; color:#202c4a; font-size:12px; display:none; }
.promo h3{ text-align:center;  text-transform:uppercase; font-weight:bold; padding:20px; }
.promo h3 span{ color:#202c4a; font-family: 'GothamMedium', Arial, sans-serif; font-weight:bold; }

/* CONTENT GENERIQUE - BOUTON ADHESION */
a.bt-adhesion{ display:block; overflow:hidden; position:relative; width:300px; padding:.8em 0; background: #757d98; margin:auto; font-family: 'GothamBook', Arial, sans-serif; color:#ffffff; font-size:16px; font-weight:100; text-align:center; letter-spacing:1px; text-decoration:none; }
a.bt-adhesion:hover { background:#ffffff; color:#1c233c; font-weight:bold; }
a.bt-adhesion.whitebackground:hover { background:#1c233c; color:#ffffff; }

/* CONTENT GENERIQUE - PANORAMIQUE */
.panoramique{ padding: 150px 0; }

/* CONTENT GENERIQUE - Infobulle */
.infobulle{ position: relative; display: inline-block; font-size:10px; line-height:18px; width:18px; border:1px solid #ffffff; border-radius:80%; vertical-align:top; text-transform:none; font-weight:normal; margin-left:5px; }
.infobulle .tooltiptext { visibility: hidden; width: 150px; background: #757d98; color: #fff; font-size:11px; line-height:15px; text-align: center; padding: 5px; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -75px; border-radius:10px; }
.infobulle .tooltiptext::after { content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -10px; border-width: 5px; border-style: solid; border-color: transparent transparent #757d98 transparent;}
.infobulle:hover .tooltiptext { visibility: visible; }



/* HOME PAGE - ANCIENNE INTRO FIXE AVEC GIF ANIME */
.home .intro{ background: #1c233c; overflow:visible; }
.home .intro .degrade{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; background: url("../img/gui/home-mymontecarlo-cache.png") no-repeat center center; -webkit-background-size: cover; background-size: cover; overflow:visible; }
.home .intro .slideshow_home{ margin:0 auto 0 auto; padding:0; width:100%; position: relative; display:block; z-index:2; }
.home .intro .slideshow_home div{ display: block; width: 100%; padding: 30px 0 140px 0; }
.home .intro .slideshow_home div div.titre{ display: block; position:relative; clear:both; overflow:hidden; margin:0 auto 0 auto; padding:0; width: 90%; max-width:800px; height: auto; }
.home .intro .slideshow_home div div.titre h3{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:16px; color:#a2a2a2; letter-spacing:0; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:3px; line-height:28px; }
.home .intro .slideshow_home div div.titre img{ display:block; width:100%; margin: 20px auto 0 auto; z-index:2; }
.home .intro a.fleche{ display:block; position:absolute; z-index:2; bottom:30px; left:50%; margin: 10px auto auto -54px; width:108px; height:108px; background: transparent url("../img/gui/home-bt-fleche.png") no-repeat 50% 50%; background-size: 108px auto; -webkit-animation: fleche 3500ms infinite; animation: fleche 3500ms infinite; }
.home .intro a.fleche:hover { bottom:30px; }
@-webkit-keyframes fleche{ 0%{ margin-bottom : -10px; } 10%{ margin-bottom : 0; } 20%{ margin-bottom : -10px; } 30%{ margin-bottom : 0; } 40%{ margin-bottom : -10px; } 100%{ margin-bottom : -10px; } }
@keyframes fleche{ 0%{ margin-bottom : -10px; } 10%{ margin-bottom : 0; } 20%{ margin-bottom : -10px; } 30%{ margin-bottom : 0; }  40%{ margin-bottom : -10px; } 100%{ margin-bottom : -10px; }}
.home .intro-presentation{ margin-top:-100px; }

/* HOME PAGE - INTRO VIDEO */
.home .intro-video .info { position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background: #1c233c;}
.home .intro-video .info a.titre{ display: block; position:relative; clear:both; overflow:hidden; margin:30px auto 0 auto; padding:0; width: 65%; max-width:800px; height: auto; text-decoration:none;}
.home .intro-video .info a.titre h3{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:16px; color:#a2a2a2; letter-spacing:0; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:3px; line-height:28px; }
.home .intro-video .info a.titre img{ display:block; width:100%; margin: 0 auto 20px auto; }
.home .intro-video .info a.titre h4{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:16px; color:#ffffff; letter-spacing:0; font-weight:normal; font-style:normal; text-align:center; text-transform:uppercase; letter-spacing:3px; line-height:22px; }
.home .intro-video .info a.titre img.bt-video{ width:auto; margin: 20px auto 0 auto; }
.home .intro-video video{ position:absolute; z-index:2; top:0; left:0; width:100%; height:auto; margin:0 0 -8px 0; padding:0;}
.home .intro-video img.gabarit{ position:relative; z-index:1; width:100%; height:auto; margin:0; padding:0; }

.home .avantage{ display: flex; background: #ffffff; color:#232f5d;  }
.home .avantage .exergue{ width:70%; padding-bottom:60px; }
.home .avantage .exergue h3{ display:block; overflow:hidden; position:relative; margin:50px auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#232f5d; letter-spacing:0; font-weight:bold; text-align:center; padding:0 20px;}
.home .avantage .exergue h4{ display:block; overflow:hidden; position:relative; margin:5px auto 30px auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; line-height:25px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:center; padding:0 20px;}
.home .avantage .exergue .pictos{ display:block; position:relative; overflow:hidden; width:80%; margin:50px auto 20px auto; }
.home .avantage .exergue .pictos .item{ display:block; float:left; width:25%; margin:0 4.1%; }
.home .avantage .exergue .pictos .item span svg{ display:block; width:100px; height:auto; fill:#17264b; margin:0 auto; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.home .avantage .exergue .pictos .item:hover span svg{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -khtml-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}
.home .avantage .exergue .pictos .item span.picto-meilleursplaces svg{ width:80px; margin:0 auto 40px auto; }
.home .avantage .exergue .pictos .item span.picto-partage svg{ width:80px; margin:10px auto 30px auto; }
.home .avantage .exergue .pictos .item h5{ font-family: 'GothamBook', Arial, sans-serif; letter-spacing:1px; height:100px; margin: 20px 0 0 0; text-align:center; }
.home .avantage .visuel{ width:30%; background: transparent url("../img/content/home-avantages-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; }

.home .statut{ background: #f9f9f9; background-color: rgb(249, 249, 249); background-color: rgba(249, 249, 249, 1); padding-bottom:60px; color:#232f5d; }
.home .statut h3{ display:block; overflow:hidden; position:relative; margin:50px auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#232f5d; letter-spacing:0; font-weight:bold; text-align:center; padding:0 20px;}
.home .statut h4{ display:block; overflow:hidden; position:relative; margin:5px auto 30px auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; line-height:25px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:center; padding:0 20px;}
.home .statut img{ display:block; overflow:hidden; position:relative; margin:0 auto 30px auto; width:auto; }

.home .mypoints{ display: flex; background: #ffffff; color:#232f5d;  }
.home .mypoints .exergue{ width:50%; padding-bottom:60px; }
.home .mypoints .exergue h3{ display:block; overflow:hidden; position:relative; margin:50px auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#232f5d; letter-spacing:0; font-weight:bold; text-align:center; padding:0 20px;}
.home .mypoints .exergue h4{ display:block; overflow:hidden; position:relative; margin:5px auto 30px auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; line-height:25px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:center; padding:0 20px;}
.home .mypoints .exergue .pictos{ display:block; position:relative; overflow:hidden; width:90%; margin:40px auto 20px auto; padding-top:10px; }
.home .mypoints .exergue .pictos .item{ display:block; float:left; width:20%; margin:0 2.5% 10px 2.5%; }
.home .mypoints .exergue .pictos .marge{ width:7%; }
.home .mypoints .exergue .pictos .item span svg{ display:block; width:60px; height:auto; fill:#17264b; margin:0 auto; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.home .mypoints .exergue .pictos .item:hover span svg{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -khtml-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}
.home .mypoints .exergue .pictos .item span img{ -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -khtml-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.home .mypoints .exergue .pictos .item:hover span img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -khtml-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}
.home .mypoints .exergue .pictos .item span.picto-bienetre svg{ margin:0 auto 23px auto; }
.home .mypoints .exergue .pictos .item span.picto-shopping svg{ width:55px; margin:0 auto 20px auto; }
.home .mypoints .exergue .pictos .item span.picto-hotel svg{ width:53px; margin:0 auto 20px auto; }
.home .mypoints .exergue .pictos .item span.picto-bar img{ width:65px; margin:0 auto 25px auto; }
.home .mypoints .exergue .pictos .item span.picto-spa svg{ width:70px; margin:0 auto 22px auto; }
.home .mypoints .exergue .pictos .item span.picto-meilleursplaces svg{ width:65px; margin:0 auto 25px auto; }
.home .mypoints .exergue .pictos .item span.picto-restaurant svg{ width:65px; margin:0 auto 20px auto; }
.home .mypoints .exergue .pictos .item h5{ font-family: 'GothamBook', Arial, sans-serif; letter-spacing:1px; height:50px; margin: 20px 0 0 0; text-align:center; }
.home .mypoints .visuel{ width:50%; background: transparent url("../img/content/home-mypoint-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; }


/* AVANTAGES */
.avantages .intro-visuel{ background: url("../img/content/avantages-header-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; overflow:visible; }
.avantages .detail{ background: #1c233c; background-color: rgb(28, 35, 60); background-color: rgba(28, 35, 60, 1); padding-bottom:40px; color:#ffffff; }
.avantages .detail h3{ display:block; overflow:hidden; position:relative; margin:50px auto 30px auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#ffffff; letter-spacing:1px; font-weight:normal; font-style:normal; text-align:center; padding:0 20px;}
.avantages .detail h3 span{ display:block; font-size:16px; line-height:22px;}

.avantages .detail table{ display:block; position:relative; overflow:auto; width:95%; max-width:990px; margin:0 auto 40px auto; font-size:10px;  }
.avantages .detail tr.item{ height:70px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.avantages .detail tr.item-detail:hover{ background:#757d98; cursor:pointer; }
.avantages .detail tr.item-detail.current{ background:#757d98; }
.avantages .detail tr.item-plus{ background:#bbbdc5; color:#1c233c; }
.avantages .detail tr.item-plus td{ text-align:left; padding:20px; font-size:11px; min-width:650px; }
.avantages .detail tr.item-vide{ background:transparent; height:0; }
.avantages .detail tr.item-vide td{ text-align:left; padding:0 20px; font-size:11px; min-width:650px; width:990px; border:0; }
.avantages .detail td{ border: 1px solid #616577; padding:8px; text-align:center; }
.avantages .detail td b{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:20px; line-height:24px; }
.avantages .detail td.noborder{ border:0; }
.avantages .detail td.bigtext{ font-size:11px; }
.avantages .detail td.statut{ width:16.66%; }
.avantages .detail td.label{ width:33.33%; font-size:12px; text-transform:uppercase; text-align:left; position:relative; }
.avantages .detail td.label i{ font-style:normal; font-size:11px; text-transform:none; }
.avantages .detail td.label table{ width:90%; margin:0;  }
.avantages .detail td.label table td{ border: 0; padding:0; font-size:12px; text-transform:uppercase; text-align:left; vertical-align:middle; }
.avantages .detail td.label .fleche{ display:block; position:absolute; top:50%; right:5px; font-size:18px; margin-top:-12px; transform: rotate(-90deg); }
.avantages .detail td.statut img{ display:block; margin:auto; }

.avantages span.picto-cadeau svg{ width:39px; height:auto; fill:#ffffff; margin:0 10px 0 0; }
.avantages span.picto-cumul svg{ width:42px; height:auto; fill:#ffffff;  margin:0 10px 0 0;  }
.avantages span.picto-venteprivee svg{ width:42px; height:auto; fill:#ffffff;  margin:0 10px 0 0;  }
.avantages span.picto-partage svg{ width:42px; height:auto; fill:#ffffff;  margin:0 10px 0 0;  }
.avantages span.picto-meilleursplaces svg{ width:38px; height:auto; fill:#ffffff;  margin:0 10px 0 0;  }
.avantages span.picto-bienetre svg{ width:38px; height:auto; fill:#ffffff;  margin:0 10px 0 0;  }
.avantages span.picto-wifi svg{ width:34px; height:auto; fill:#ffffff;  margin:0 14px 0 0;  }
.avantages span.picto-petitdej svg{ width:38px; height:auto; fill:#ffffff;  margin:0 12px 0 0;  }
.avantages span.picto-reveil svg{ width:38px; height:auto; fill:#ffffff;  margin:0 12px 0 0;  }
.avantages span.picto-surclassement svg{ width:40px; height:auto; fill:#ffffff;  margin:0 10px 0 0;  }
.avantages span.picto-limousine svg{ width:44px; height:auto; fill:#ffffff;  margin:0 8px 0 0;  }
.avantages span.picto-nothing{ width:40px;  }
.avantages span.picto-nothing svg{ width:15px; height:auto; stroke:#ffffff; margin:0 22px 0 12px;  }

.avantages span.picto-check svg{ width:30px; height:auto; fill:#ffffff; }
.avantages span.picto-people svg{ width:23px; height:auto; fill:#ffffff; }


/* STATUTS */
.statuts .intro-visuel{ background: url("../img/content/statuts-header-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; overflow:visible; /*background-attachment: fixed; EFFET PARRALAX */ }
.statuts .niveau{ background: #f9f9f9; background-color: rgb(249, 249, 249); background-color: rgba(249, 249, 249, 1); padding-bottom:40px; color:#232f5d; }
.statuts .niveau h3{ display:block; overflow:hidden; position:relative; margin:50px auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#232f5d; letter-spacing:0; font-weight:bold; text-align:center; padding:0 20px;}
.statuts .niveau h4{ display:block; overflow:hidden; position:relative; margin:5px auto 30px auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; line-height:25px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:center; padding:0 20px;}
.statuts .niveau p{ display:block; overflow:hidden; position:relative; margin:0 auto 30px auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:18px; line-height:25px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:center; padding:0 20px;}
.statuts .niveau img{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; width:auto; }

.statuts .detail{ background: #1c233c; background-color: rgb(28, 35, 60); background-color: rgba(28, 35, 60, 1); padding-bottom:50px; color:#ffffff;  }
.statuts .detail h3{ display:block; overflow:hidden; position:relative; margin:50px auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:center; padding:0 20px;}
.statuts .detail h4{ display:block; overflow:hidden; position:relative; margin:5px auto 50px auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; line-height:25px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:center; padding:0 20px;}
.statuts .detail p{ display:block; overflow:visible; position:relative; margin:0 auto 30px auto; max-width:900px; font-family: 'GothamLight', Arial, sans-serif; font-size:14px; line-height:25px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:center; padding:0 20px;}
.statuts .detail table{ display:block; position:relative; overflow:auto; width:95%; max-width:990px; margin:0 auto 40px auto; font-size:12px; text-transform:uppercase; }
.statuts .detail tr{ height:70px; }
.statuts .detail tr td{ width:38%; border: 1px solid #616577; padding:8px; text-align:center; }
.statuts .detail tr td b{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:20px; line-height:24px; }
.statuts .detail tr td.label{ text-align:left; padding-left:20px;}
.statuts .detail tr td.conteneur{ padding:0; }
.statuts .detail tr td.conteneur table{ width:100%; margin:0;  }
.statuts .detail tr td.conteneur table tr td{ border:0; border-bottom: 1px solid #616577; text-align:left; padding-left:20px; }
.statuts .detail tr td.conteneur table tr td.last{ border:0; }
.statuts .detail tr td.jeton{ width:24%; }
.statuts .detail tr td.jeton img{ display:block; width:60%; max-width:130px; margin:auto; background:#494f63; border-radius: 50%; padding:20px; -webkit-animation: jeton 1500ms infinite; animation: jeton 1500ms infinite; }
.statuts .detail tr.item-vide{ background:transparent; height:0; }
.statuts .detail tr.item-vide td{ text-align:left; padding:0 20px; font-size:12px; min-width:550px; width:990px; border:0; }
.statuts .detail ul{ display:block; overflow:hidden; position:relative; margin:0 auto 40px auto; max-width:750px; font-family: 'GothamLight', Arial, sans-serif; font-size:12px; line-height:16px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:left; padding:0 20px;}
.statuts .detail ul li{ list-style-type:none; display:block; position:relative; overflow:hidden; }
.statuts .detail ul li span{ display:block; float:left; width:40px; }
.statuts .detail ul li b{ display:block; float:left; width:90%; font-weight:normal;}
@-webkit-keyframes jeton{ 0%{ transform: scale(1); } 70%{ transform: scale(.9); } 100%{ transform: scale(1); } }
@keyframes jeton{ 0%{ transform: scale(1); } 70%{ transform: scale(.9); } 100%{ transform: scale(1); } }

/* MY POINTS */
.mypoints .intro-visuel{ background: url("../img/content/mypoints-header-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; overflow:visible; }
.mypoints .detail{ background: #1c233c; background-color: rgb(28, 35, 60); background-color: rgba(28, 35, 60, 1); padding-bottom:50px; color:#ffffff; }
.mypoints .detail h3{ display:block; overflow:hidden; position:relative; margin:50px auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:center; padding:0 20px;}
.mypoints .detail h4{ display:block; overflow:hidden; position:relative; margin:5px auto 50px auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; line-height:25px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:center; padding:0 20px;}
.mypoints .detail p{ display:block; overflow:visible; position:relative; margin:0 auto 30px auto; max-width:900px; font-family: 'GothamLight', Arial, sans-serif; font-size:14px; line-height:25px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:center; padding:0 20px;}
.mypoints .detail table{ display:block; position:relative; overflow:auto; width:95%; max-width:990px; margin:0 auto 40px auto; font-size:12px; text-transform:uppercase; }
.mypoints .detail tr{ height:70px; }
.mypoints .detail tr td{ width:38%; border: 1px solid #616577; padding:8px; text-align:center; }
.mypoints .detail tr td b{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:20px; line-height:24px; }
.mypoints .detail tr td.label{ text-align:left; padding-left:20px;}
.mypoints .detail tr td.conteneur{ padding:0; }
.mypoints .detail tr td.conteneur table{ width:100%; margin:0;  }
.mypoints .detail tr td.conteneur table tr td{ border:0; border-bottom: 1px solid #616577; text-align:left; padding-left:20px; }
.mypoints .detail tr td.conteneur table tr td.last{ border:0; }
.mypoints .detail tr td.titre{ text-align:center; font-family: 'LeituraRegular', Arial, sans-serif; font-size:18px; line-height:24px; text-transform:none; background:#757d98; }
.mypoints .detail tr td .bonus{ display:block; margin:0 auto 10px auto; text-align:center; }
.mypoints .detail tr td .bonus img{ display:inline; width:100px; }
.mypoints .detail tr td.jeton{ width:24%; }
.mypoints .detail tr td.jeton img{ display:block; width:60%; max-width:130px; margin:auto; background:#494f63; border-radius: 50%; padding:20px; -webkit-animation: jeton 1500ms infinite; animation: jeton 1500ms infinite; }
.mypoints .detail tr.item-vide{ background:transparent; height:0; }
.mypoints .detail tr.item-vide td{ text-align:left; padding:0 20px; font-size:12px; min-width:550px; width:990px; border:0; }
.mypoints .detail ul{ display:block; overflow:hidden; position:relative; margin:0 auto 40px auto; max-width:750px; font-family: 'GothamLight', Arial, sans-serif; font-size:12px; line-height:16px; color:#ffffff; letter-spacing:1px; font-weight:normal; text-align:left; padding:0 20px;}
.mypoints .detail ul li{ list-style-type:none; display:block; position:relative; overflow:hidden; }
.mypoints .detail ul li span{ display:block; float:left; width:40px; }
.mypoints .detail ul li b{ display:block; float:left; width:90%; font-weight:normal;}

.mypoints .lieux{ background: #ffffff; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); padding-bottom:50px; color:#232f5d; }
.mypoints .lieux h3{ display:block; overflow:hidden; position:relative; margin:50px auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:30px; line-height:38px; color:#232f5d; letter-spacing:0; font-weight:bold; text-align:center; padding:0 20px;}
.mypoints .lieux h4{ display:block; overflow:hidden; position:relative; margin:5px auto 50px auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:18px; line-height:25px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:center; padding:0 20px;}
.mypoints .lieux a.bt-accordeon{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:17px; line-height:25px; color:#232f5d; letter-spacing:1px; font-weight:bold; font-style:italic; text-align:center; padding:20px; border-top:1px solid #d2d3d8; width:90%; max-width:990px; text-decoration:none; opacity:.5;}
.mypoints .lieux a.bt-accordeon:hover, .mypoints .lieux a.bt-accordeon.current {opacity:1;}
.mypoints .lieux .accordeon { padding-bottom:20px; }
.mypoints .lieux .accordeon span { display:block; overflow:hidden; position:relative; width:150px; height:150px; margin:auto; background:#17264b; border-radius:50%; }
.mypoints .lieux .accordeon span svg{ display:block; width:75px; height:auto; fill:#ffffff; margin:auto; padding-top:25px; }
.mypoints .lieux .accordeon span.picto-machineasous svg{ width:80px; padding:30px 0 0 5px; }
.mypoints .lieux .accordeon span.picto-spa svg{ width:85px; }
.mypoints .lieux .accordeon span.picto-restaurant svg{ width:85px; }
.mypoints .lieux .accordeon span.picto-acheterpointfidelite svg{ width:85px; padding-top:30px; }
.mypoints .lieux .accordeon b{ display:block; overflow:hidden; position:relative; margin:20px auto 0 auto; font-family: 'GothamMedium', Arial, sans-serif; font-size:14px; line-height:22px; color:#232f5d; letter-spacing:1px; font-weight:normal; text-align:center; text-transform:uppercase; padding:0 20px;}
.mypoints .lieux .accordeon p{ display:block; overflow:hidden; position:relative; max-width:500px; margin:0 auto 0 auto; font-family: 'GothamBook', Arial, sans-serif; font-size:13px; line-height:20px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:center; padding:0 20px;}
.mypoints .lieux .last-accordeon{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; padding:0 20px; border-top:1px solid #d2d3d8; padding: 20px 0; max-width:990px; opacity:.5; } 

.mypoints .panoramique{ background: url("../img/content/mypoints-footer-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; }

/* FAQ */
.faq .intro-visuel{ background: url("../img/content/faq-header-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; overflow:visible; }
.faq .detail{ background: #ffffff; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); padding:50px 0; color:#232f5d; }
.faq .detail a.bt-theme{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:17px; line-height:25px; color:#1c233c; background:#e7e7e7; letter-spacing:1px; font-weight:bold; font-style:italic; text-align:left; padding:10px 20px; border-top:1px solid #d2d3d8; width:90%; max-width:990px; text-decoration:none; opacity:1;}
.faq .detail a.bt-theme:hover, .faq .detail a.bt-theme.current {background:#1c233c; color:#ffffff; font-weight:normal;}
.faq .detail a.bt-accordeon{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; font-family: 'LeituraRegular', Arial, sans-serif; font-size:17px; line-height:25px; color:#232f5d; letter-spacing:1px; font-weight:bold; font-style:italic; text-align:left; padding:30px 20px; border-top:1px solid #d2d3d8; width:90%; max-width:990px; text-decoration:none; opacity:.5;}
.faq .detail a.bt-accordeon span{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; font-family: 'GothamBook', Arial, sans-serif; font-size:12px; color:#6c6c6c; line-height:15px; letter-spacing:0; font-weight:normal; font-style:italic; text-align:left; padding:20px 20px 5px 20px;}
.faq .detail a.bt-accordeon:hover, .faq .detail a.bt-accordeon.current {opacity:1;}
.faq .detail .accordeon { display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; padding:0 20px; width:90%; max-width:990px; }
.faq .detail .accordeon p{ display:block; overflow:hidden; position:relative; width:100%; margin:0 auto 0 auto; font-family: 'GothamBook', Arial, sans-serif; font-size:13px; line-height:20px; color:#232f5d; letter-spacing:0; font-weight:normal; text-align:left; padding:0 0 20px 0;}
.faq .detail .last-accordeon{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; padding:0 20px; border-top:1px solid #d2d3d8; padding: 20px 0; max-width:990px; opacity:.5; } 

.faq .panoramique{ background: url("../img/content/faq-footer-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; }

/* LP MCSSF */
.lp-mcssf video{ width:100%; height:auto; margin:0 0 -8px 0; padding:0;}
.lp-mcssf img.large_header{ display:block; width:100%; height:auto; padding:0;}

.lp-mcssf .programmation{ background: #ffffff; padding:50px 0 0 0;}
.lp-mcssf .programmation .item{ display:block; overflow:hidden; position:relative; width:100%; max-width:990px; margin:0 auto 60px auto; }
.lp-mcssf .programmation .item .photo{ display:block; overflow:hidden; position:relative; float:left; width:48%; padding:0 1% 0 1%; }
.lp-mcssf .programmation .item .texte{ display:block; overflow:hidden; position:relative; float:left; width:48%; text-align:left; padding:0 0 0 2%;}
.lp-mcssf .programmation .item .photo img{ display:block; overflow:hidden; position:relative; margin:0 auto 0 auto; }
.lp-mcssf .programmation .item .texte h2{ font-family: 'LeituraRegular', Arial, sans-serif; font-size:60px; color:#dda21a; letter-spacing:0; font-weight:normal; font-style:normal; letter-spacing:-1px; line-height:60px; margin-bottom:15px;}
.lp-mcssf .programmation .item .texte h2 span{ display:block; font-size:24px; font-style:italic; letter-spacing:1px; line-height:35px; }
.lp-mcssf .programmation .item .texte h2.small{ font-size:55px;}
.lp-mcssf .programmation .item .texte h2.small span{ font-size:20px;}
.lp-mcssf .programmation .item .texte h3{ font-family: 'GothamBook', Arial, sans-serif; font-size:32px; color:#232f5d; letter-spacing:0; font-weight:normal; font-style:normal; line-height:40px; text-transform:uppercase; }
.lp-mcssf .programmation .item .texte h3 span{ display:block; font-size:20px; line-height:20px; }
.lp-mcssf .programmation .item .texte h4{ font-family: 'GothamBook', Arial, sans-serif; font-size:14px; color:#232f5d; letter-spacing:0; font-weight:normal; font-style:normal; line-height:30px; text-transform:uppercase; }
.lp-mcssf .programmation .item .texte span.separateur{ display:block; float:left; width:40px; height:5px; background:#df2620; margin:10px 0 20px 0; }
.lp-mcssf .programmation .item .texte p{ display:block; float:left; clear:both; width:100%; font-family: 'GothamBook', Arial, sans-serif; font-size:14px; color:#232f5d; letter-spacing:0; font-weight:normal; font-style:normal; line-height:30px; margin:0 0 20px 0; padding:0; }
.lp-mcssf .programmation .item .texte p i{ padding: 0 10px; }
.lp-mcssf .programmation .item .texte p b{ font-family: 'GothamMedium', Arial, sans-serif; font-size:18px; color:#232f5d; font-weight:normal; }
.lp-mcssf .programmation .item .texte p b.mypoint{ background: transparent url("../img/content/lp-mcssf-picto-mypoint.png") no-repeat 0 center; padding:15px 0 15px 55px; }

.lp-mcssf .programmation .right .photo{ float:right; }
.lp-mcssf .programmation .right .texte{ float:right; text-align:right; padding:0 2% 0 0; }
.lp-mcssf .programmation .right .texte h2{ color:#274191; }
.lp-mcssf .programmation .right .texte span.separateur{ float:right; }
.lp-mcssf .programmation .right .texte p{ float:right; }
.lp-mcssf .programmation .right .texte p b.mypoint{ background: transparent url("../img/content/lp-mcssf-picto-mypoint.png") no-repeat 100% center; padding:15px 55px 15px 0; }

.lp-mcssf .panoramique{ background: url("../img/content/lp-mcssf-footer-visuel.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; }



/* FOOTER - LOGO CASINO */
.casino{ background: #ffffff; padding:0; }
.casino-home{ background: #f4f4f4; padding:0; }
.casino .logos{ display:block; position:relative; overflow:hidden; width :600px; margin:50px auto 50px auto; }
.casino .logos img{ float:left; margin-right:100px; }
.casino .logos img.sun{ margin-top:10px; width:120px; }
.casino .logos img.middle{ margin-top:10px; width:170px; }
.casino .logos img.last{ margin-right:0; width:100px; }
.casino .photos{ display:block; position:relative; overflow:hidden; width:100%; margin-top:50px; }
.casino .photos img{ float:left; width:33.33%; }

/* FOOTER RESERVATION */
.reservation{ background: #1c233c; background-color: rgb(28, 35, 60); background-color: rgba(28, 35, 60, 1); padding-bottom:30px; font-family: 'GothamLight', Arial, sans-serif;}
.reservation h1{ display:block; overflow:hidden; position:relative; width:530px; margin:50px auto 16px auto; color:#ffffff; font-size:15px; letter-spacing:2px; font-weight:normal; font-style:normal; text-align:center; z-index:2; background: #1c233c; background-color: rgb(28, 35, 60); background-color: rgba(28, 35, 60, 1); }
.reservation h1 a{ color:#ffffff; text-decoration:none; }
.reservation h1 a:hover{ color:#cccccc; }
.reservation h1 b{ font-family: 'GothamBook', Arial, sans-serif; }
.reservation .ligne{ display:block; position:absolute; top:70px; left:0; width:100%; height:1px; border-bottom:1px solid #494f63; z-index:1; }

/* FOOTER RESERVATION CLAIR SANS TRAIT :: exergue mcssf*/
.reservation_light{ background-image: linear-gradient(to right, #f4f4f4, #d9d9d9); padding:30px 0 30px 0; font-family: 'GothamBook', Arial, sans-serif;}
.reservation_light h1{  width:auto; margin:0 auto; color:#232f5d; font-size:15px; background:none; line-height:26px; }
.reservation_light h1 a{ color:#232f5d; text-decoration:none; }
.reservation_light h1 a:hover{ color:#000000; }
.reservation_light h1 b{ font-family: 'GothamMedium', Arial, sans-serif; font-size:20px; }

/* FOOTER RESORT */
.footer-resort a{ text-decoration:none; }
.footer-resort .intro{ background-image: linear-gradient(to right, #f4f4f4, #b8b7b7); padding:60px 0 20px 0; font-family: 'GothamBook', Arial, sans-serif;}
.footer-resort .intro h3{ display:block; overflow:hidden; position:relative; width:900px; margin:0 auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:24px; line-height:36px; color:#232f5d; letter-spacing:0; font-weight:normal; font-style:normal; text-align:center; padding:0;}
.footer-resort .intro .stars{ display:block; overflow:hidden; position:relative; width:145px; margin:20px auto 0 auto; padding:0;}
.footer-resort .intro .stars span.star{ display:inline-block; width:24px; height:25px; margin: 0 5px 0 0; background: transparent url("../img/content/footer-resort-star.png") no-repeat 50% 50%; background-size: 24px auto; }
.footer-resort .triptyque{ display:block; clear:both; position:relative; float:left; overflow: hidden; width: 100%; }
.footer-resort .triptyque .colonne{ display:block; float:left; width:33.33%; }
.footer-resort .triptyque .colonne img{ width:100%; }
.footer-resort .triptyque .colonne.centre{ text-align:center; padding-top:2.5%;}
.footer-resort .triptyque .colonne.centre .item{ display:inline-block; vertical-align:middle; width:30%; padding:20px 0 0 0; margin:10px 0 0 0; font-family: 'LeituraRegular', Arial, sans-serif; font-size:20px; color:#232f5d; letter-spacing:0; font-weight:normal; font-style:italic; line-height:25px; }
.footer-resort .triptyque .colonne.centre .item.big{ width:45%; }
.footer-resort .triptyque .colonne.centre .item span{ font-size:50px; color:#b5b5b5; }



/* FOOTER */
footer{ display:block; position:relative; overflow:hidden; width:100%; margin:0; padding:.5em 0; background: #58585a; color:#ffffff; text-transform:uppercase; font-family: 'GothamLight', Arial, sans-serif; }
footer .center{ display:block; position: relative; float:none; width: 100%; overflow:hidden; padding:0; max-width:320px; margin:auto; }
footer .center .bloc{ display:block; position: relative; float:left; border-right:1px solid #ffffff; padding:0; }
footer .center .bloc a { text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .center .logo, footer .center .application{ padding: .1em 10px; margin-top:.6em; line-height:15px; }
footer .center .bloc a{ display:block; margin:0; padding:0; font-size:.6em; color:#ffffff; letter-spacing:2px }
footer .center .bloc a:hover { -moz-opacity: 0.5; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
footer .center .social{ border:0; padding-left:5px; }
footer .center .social ul{ margin-top:.5em; list-style: none; float:none; padding:0;}
footer .center .social ul li{ float:left; }
footer .center .social ul li a{ display:block; width:20px; height:20px; margin: 0 0 .5em .7em;  }
footer .center .social ul li a:hover{ -moz-opacity: 0.5; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; }
footer .center .social ul li a.facebook{background: transparent url("../img/gui/social-facebook.png") no-repeat 50% 50%; background-size: 20px auto; }
footer .center .social ul li a.twitter{background: transparent url("../img/gui/social-twitter.png") no-repeat 50% 50%; background-size: 20px auto; }
footer .center .social ul li a.instagram{background: transparent url("../img/gui/social-instagram.png") no-repeat 50% 50%; background-size: 20px auto; }
footer .center .social ul li a.youtube{ background: transparent url("../img/gui/social-youtube.png") no-repeat 50% 50%; background-size: 20px auto; }
footer .center .social ul li a.google{ background: transparent url("../img/gui/social-google.png") no-repeat 50% 50%; background-size: 20px auto; }
footer .center .social ul li a.linkedin{ background: transparent url("../img/gui/social-linkedin.png") no-repeat 50% 50%; background-size: 20px auto; }

/************************************************************************/


/************************************************************************/
@media only screen and (max-width: 990px) {
    
    a.espace-client{ right:10px; top:52px; font-size:13px; letter-spacing:1px; background:#ffffff url('../img/gui/espace-client.png') no-repeat 10px 50%; background-size:22px; padding:5px 10px 5px 50px; }
    a.adhesion{ right:10px; top:15px; font-size:13px; letter-spacing:1px; background:#ffffff url('../img/gui/adhesion.png') no-repeat 10px 50%; background-size:22px; padding:5px 10px 5px 50px; }
    
    .intro-visuel{ padding: 270px 0; }
    .intro-visuel .titre { width:300px; height:300px; margin:-150px 0 0 -150px ; background-size:300px auto;}
    .intro-visuel .titre h2 { top:170px; font-size:22px; line-height:35px;}
    
    .presentation h1{ width:700px;}
    .presentation p{ width:720px; }
    
    .panoramique{ padding: 100px 0; }
    
    .home .intro-video .info a.titre{ width: 100%; }
    .home .intro-video .info a.titre h3{ font-size:14px; line-height:25px; }
    .home .intro-video .info a.titre img{ width:63%; margin: 0 auto 10px auto; }
    .home .intro-video .info a.titre h4{ font-size:14px; line-height:25px; }
    .home .intro-video .info a.titre img.bt-video{ margin: 10px auto 0 auto; }
	
    .home .avantage .exergue .pictos{ width:100%; }
    .home .avantage .exergue .pictos .item span svg{ width:80px; }
    .home .avantage .exergue .pictos .item span.picto-meilleursplaces svg{ width:60px; margin:0 auto 40px auto; }
    .home .avantage .exergue .pictos .item span.picto-partage svg{ width:60px; margin:10px auto 30px auto; }
    
    .home .mypoints{ display: block; }
    .home .mypoints .exergue{ width:100%; }
    .home .mypoints .exergue .pictos{ width:100%; }
    .home .mypoints .visuel{ width:100%; height:300px; }
    
    .footer-resort .intro h3{ width:90%; margin:0 auto 0 auto; font-family: 'LeituraBold', Arial, sans-serif; font-size:24px; line-height:36px; color:#232f5d; letter-spacing:0; font-weight:normal; font-style:normal; text-align:center; padding:0;}
    .footer-resort .triptyque .colonne.centre{ padding-top:0;}
    .footer-resort .triptyque .colonne.centre .item{ padding:20px 0 10px 0; margin:0; font-size:16px; line-height:20px; }
    .footer-resort .triptyque .colonne.centre .item.big{ width:48%; }
    .footer-resort .triptyque .colonne.centre .item span{ font-size:35px; }
    
}
/************************************************************************/


/************************************************************************/
@media only screen and (max-width: 760px) {
    
	.loading ul.langue{ display:none; }
	.loading .logo{ padding:1em 0; }
	.loading #chargement { top: 4em; }	
	
    header { padding:0; }
	header ul.langue{ display:none; }
	header .logo{ padding:1em 0; }
    
    nav ul{ display:none; }
    nav .menu-mobile { display:block; }
    
    a.espace-client{ display:none; }
    a.adhesion{ display:none; }
    
    .presentation h1{ width:90%;}
    .presentation p{ width:90%; }
    
    .panoramique{ padding: 80px 0; }
    
    .casino .logos{ width :500px; }
    .casino .logos img{ float:left; margin-right:50px; }
    
    .home .intro-video .info a.titre{ margin:10px auto 0 auto; }
    .home .intro-video .info a.titre img{ width:50%; margin: 0 auto 10px auto; }
    .home .intro-video .info a.titre h4{ font-size:13px; line-height:18px; }
    .home .intro-video .info a.titre img.bt-video{ margin: 10px auto 0 auto; }
    
    .home .avantage{ display: block; }
    .home .avantage .exergue{ width:100%; }
    .home .avantage .visuel{ width:100%; height:700px; }
    
    
    .footer-resort .triptyque .colonne{ width:100%; }
    .footer-resort .triptyque .colonne.visuel1{ display:none; }
    .footer-resort .triptyque .colonne.centre{ text-align:center; padding:40px 0;}
    .footer-resort .triptyque .colonne.centre .item{ padding:20px 0 0 0; margin:0; font-size:20px; line-height:25px; }
    .footer-resort .triptyque .colonne.centre .item.big{ padding:50px 0 0 0; }
    .footer-resort .triptyque .colonne.centre .item span{ font-size:65px; }
    
    .lp-mcssf .programmation .item .photo{ width:100%; padding:0 0 20px 0; }
    .lp-mcssf .programmation .item .photo img{ max-width:95%; }
    .lp-mcssf .programmation .item .texte{ width:100%; text-align:center; padding:0;}
    .lp-mcssf .programmation .item .texte span.separateur{ float:none; margin:30px auto; }
    
}
/************************************************************************/

/************************************************************************/
@media only screen and (max-width: 520px) {
    
    .intro-visuel{ padding: 200px 0; }
    .intro-visuel .titre { width:250px; height:250px; margin:-125px 0 0 -125px ; background-size:250px auto;}
    .intro-visuel .titre h2 { top:140px; font-size:18px; line-height:34px;}
    
    .presentation h1{ font-size:30px; line-height:40px;}
    .presentation h1 span{ font-size:20px; letter-spacing:0;}
    
    .casino .logos{ width:90%;}
    .casino .logos img{ float:none; margin:auto; }
    .casino .logos img.sun{ margin-top:0; }
    .casino .logos img.middle{ margin-top:20px; }
    .casino .logos img.last{ margin-right:auto; margin-top:20px; }
    .casino .photos img{ width:100%; margin:0; margin-bottom:2px; }
    
    .reservation h1{ width:310px; font-size:14px; line-height:22px;}
    .reservation h1 span{ display:none; }
    
    .home .intro .slideshow_home div div.titre h3{ font-size:14px; line-height:24px; }
    .home .intro a.fleche{ margin: 10px auto auto -40px; width:80px; height:80px; background: transparent url("../img/gui/home-bt-fleche.png") no-repeat 50% 50%; background-size: 80px auto; }
    
    .home .intro-video .info a.titre{ margin:10px auto 0 auto; }
    .home .intro-video .info a.titre h3{ font-size:11px; line-height:16px; }
    .home .intro-video .info a.titre img{ width:60%; margin: 0 auto 5px auto; }
    .home .intro-video .info a.titre h4{ display:none; }
    .home .intro-video .info a.titre img.bt-video{ margin: 0 auto 0 auto; width:38px; }
    
    .home .avantage .exergue .pictos .item{ width:40%; margin:0 5%; }
    .home .avantage .visuel{ height:400px; }
    
    .home .mypoints .exergue .pictos .item{ width:40%; margin:0 5%; height:150px; }
    /*.home .mypoints .exergue .pictos .item:last-child{ display:block; float:none; clear:both; margin: auto; }*/
    .home .mypoints .exergue .pictos .marge{ display:none; }
    .home .mypoints .visuel{ height:250px; }
    
    .statuts .detail ul li span{ width:40px; }
    .statuts .detail ul li b{ width:80%; }
    
    .mypoints .detail ul li span{ width:40px; }
    .mypoints .detail ul li b{ width:80%; }
    
    .footer-resort .intro{ padding:40px 0 20px 0; }
    .footer-resort .intro h3{ width:98%; font-size:16px; line-height:26px; }
    .footer-resort .triptyque .colonne.centre .item{ padding:10px 0 10px 0; font-size:18px; line-height:26px; }
    .footer-resort .triptyque .colonne.centre .item span{ font-size:50px; }

}
/************************************************************************/


/* MEDIAQUERY - version PRINT */
@media print {
	@page { size:landscape;}
}
/************************************************************************/