@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;src:url('../fonts/montserrat-300.eot');src:local('Montserrat Light'),local('Montserrat-Light'),url('../fonts/montserrat-300.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-300.woff2') format('woff2'),url('../fonts/montserrat-300.woff') format('woff'),url('../fonts/montserrat-300.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:italic;font-weight:300;src:url('../fonts/montserrat-300italic.eot');src:local('Montserrat Light Italic'),local('Montserrat-LightItalic'),url('../fonts/montserrat-300italic.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-300italic.woff2') format('woff2'),url('../fonts/montserrat-300italic.woff') format('woff'),url('../fonts/montserrat-300italic.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url('../fonts/montserrat-regular.eot');src:local('Montserrat Regular'),local('Montserrat-Regular'),url('../fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-regular.woff2') format('woff2'),url('../fonts/montserrat-regular.woff') format('woff'),url('../fonts/montserrat-regular.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:italic;font-weight:400;src:url('../fonts/montserrat-italic.eot');src:local('Montserrat Italic'),local('Montserrat-Italic'),url('../fonts/montserrat-italic.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-italic.woff2') format('woff2'),url('../fonts/montserrat-italic.woff') format('woff'),url('../fonts/montserrat-italic.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:italic;font-weight:600;src:url('../fonts/montserrat-600italic.eot');src:local('Montserrat SemiBold Italic'),local('Montserrat-SemiBoldItalic'),url('../fonts/montserrat-600italic.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-600italic.woff2') format('woff2'),url('../fonts/montserrat-600italic.woff') format('woff'),url('../fonts/montserrat-600italic.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:url('../fonts/montserrat-600.eot');src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url('../fonts/montserrat-600.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-600.woff2') format('woff2'),url('../fonts/montserrat-600.woff') format('woff'),url('../fonts/montserrat-600.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:url('../fonts/montserrat-700.eot');src:local('Montserrat Bold'),local('Montserrat-Bold'),url('../fonts/montserrat-700.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-700.woff2') format('woff2'),url('../fonts/montserrat-700.woff') format('woff'),url('../fonts/montserrat-700.ttf') format('truetype')}
@viewport{user-zoom:fixed}
*{margin:0;padding:0}
html{margin:0;padding:0;font-size:100%;line-height:100%;overflow-y:scroll;overflow-x:hidden}
body{font-family:'Montserrat',sans-serif;font-size:14px;line-height:15px;font-weight:300;color:#000;background-color:#efefef;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
b{font-weight:600}
strong{font-weight:700}
ul{list-style:none}
.coul-text{color:#00B3B3}
.coul-fond{background-color:#00B3B3}
.coul-white{background-color:#fff}
.coul-black{background-color:#000}
.cap{text-transform:uppercase}
a,a:visited,a:hover,a:focus,a:active{text-decoration:none;outline:none;border:none}
.noSelect{-webkit-user-select:none;user-select:none;cursor:default}
.Select{-webkit-user-select:default;user-select:default;cursor:text}
.table{display:table;width:100%;height:100%}
.tr{display:table-cell;width:100%;height:auto;vertical-align:middle;text-align:center}
.circle{display:inline-block;width:100%;height:100%;-webkit-border-radius:100%;border-radius:100%;text-transform:uppercase;overflow:hidden}
/* IMAGES */
img{display:inline-block;outline:none;border:none;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
.img-width{width:100%;height:auto}
.img-height{width:auto;height:100%}
.img-load{background:url(../../api/img/load.gif) transparent no-repeat center;background-size:50px 50px}

#Ecran{z-index:-7;position:fixed;top:0;left:0;width:100%;height:100%;display:block}
#Fond{z-index:-6;float:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;overflow:hidden;display:block}
#Img-Fond{z-index:1;position:absolute;top:0;left:0}
#Pg-Load{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../../api/img/load.gif) transparent no-repeat center center;background-size:50px 50px}
/* HEADER */
#Header{z-index:12;position:relative;float:left;width:96.5%;height:50px;padding:30px 2% 20px 2%;text-align:right}
.header-logo{position:relative;float:right;width:250px;height:auto}
.header-cross{position:relative;float:left;width:auto;height:50px;margin-top:-5px}
.header-title{position:relative;float:left;width:auto;height:auto;padding-left:20px;color:#fff;text-transform:uppercase;font-size:1.85em;line-height:1.6em;font-weight:600}
#Menu-Mobile{position:absolute;width:50px;height:50px;bottom:25px;cursor:pointer;display:none}
.title-mobile{position:relative;float:left;width:95%;height:auto;font-size:1.5em;text-align:center;color:#fff;padding:0 3% 20px 3%;display:none}
/* MAIN */
#Main{z-index:1;position:relative;float:left;width:70%;height:auto;min-height:100px;padding:0 0 50px 20%;overflow-x:hidden}
/* MENUS */
.menu-notsel{background-color:#00B3B3;cursor:default}
.menu-notsel:hover{background-color:#000;cursor:pointer}
.menu-sel{background-color:#000;cursor:default}
.menu-sel:hover{cursor:default}
/* COL LEFT */
#Col-Left{z-index:5;position:fixed;top:0;left:0;width:18%;height:100%;overflow:hidden}
#Menu-Left{position:absolute;top:100px;left:0;width:94%;height:87%;padding-left:3%;font-size:.9em;font-weight:600;text-transform:uppercase;overflow:hidden;display:table}
#Menu-Left ul{position:relative;float:left;width:100%;max-width:220px;height:auto;overflow:hidden}
#Menu-Left li{position:relative;float:left;width:92%;height:auto;padding:3%;margin-bottom:2px;color:#fff}
#Menu-Left li:hover{background-color:#000;cursor:pointer}
/* MENU TOP */
#Menu-Top{position:relative;float:left;width:100%!important;height:auto;overflow:hidden}
.top-menus-middle{position:relative;float:left;width:100%!important;height:auto;margin-top:20px;text-align:center;display:block;font-size:13px}
.top-menus-middle .circle{width:130px;height:130px;margin:.3%}
.top-menus-middle .circle b{width:92%;padding:0 4% 0 4%;font-size:.95em}
.not-mobile{display:inline-block}
.sel-top-menus-middle{position:relative;float:left;width:100%;height:auto;padding:1% 0 1% 0;margin-bottom:2px;margin-top:2px;color:#fff;line-height:2em;text-align:center;cursor:pointer;display:none}
.sel-top-menus-middle:hover{background-color:#111}
/* SLIDER */
#Slider{z-index:-5;float:none;position:absolute;top:100px;left:0;width:100%;height:75%;background-color:#000;overflow:hidden}
.container-slider{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0}
.container-slider img{position:absolute;top:0;left:0}
.slider-text{z-index:100;position:absolute;left:0;top:0;width:70%;height:80%;padding-left:20%;margin-left:120%}
.slider-patch{position:relative;float:left;width:100px;height:100px;margin-right:8px}
.slider-patch .circle{width:100px;height:100px}
.slider-patch .circle b{font-size:1em;line-height:1em}
.slider-title{position:relative;float:left;font-size:3em;line-height:1em;color:#fff;text-shadow:.1em .1em .2em #444444;text-align:left}
.slider-dated{width:100%;height:auto;font-size:.6em;line-height:1em}
.slider-salle{width:100%;height:auto;font-size:.5em;line-height:1em}
/* COL MIDDLE */
#Col-Middle{position:relative;float:left;width:100%;height:auto;margin-bottom:10px;text-align:center;overflow:hidden}
.top-container{position:relative;float:left;width:94%;height:auto;padding:3%;margin-bottom:4px;margin-top:8%;background:#fff;text-align:center}
.top-container .chapeau{position:relative;float:left;width:100%;height:auto;margin-top:25px;margin-bottom:20px;font-size:1.5em;line-height:1.2em}
.top-container .title{position:relative;float:left;width:100%;height:auto;margin-bottom:25px;font-size:1.9em;line-height:1.2em}
.top-container .text{position:relative;float:left;width:100%;height:auto}


#Container-Middle{display:inline-block;width:60%;height:auto;overflow:hidden;text-align:left}
.ss-menus-middle{position:relative;float:left;width:100%;height:auto;font-size:1em;line-height:1.5em;color:#fff;text-align:center;text-transform:uppercase;overflow:hidden}
.sort-style{z-index:2;position:relative;float:left;width:99%;height:auto;margin-bottom:3px;padding:.5%;overflow:hidden}
.hidden-date{z-index:2;position:relative;float:left;width:99%;height:auto;margin-bottom:3px;padding:.5%;background-color:#00B3B3;overflow:hidden;cursor:pointer}
.ss-menus-middle ul{z-index:1;position:relative;float:left;width:100%;height:auto;margin-top:-380px;overflow:hidden;display:none}
.ss-menus-middle li{position:relative;float:left;width:33.33%;height:auto;margin-bottom:1px}
.ss-menus-middle li:hover{background-color:#000;cursor:pointer}
.top-billetterie,.top-agenda{padding-top:20%}
.top-text{padding-top:30%}

#Col-Middle .container-text{position:relative;float:left;width:92%;height:auto;min-height:100px;padding:4%;background-color:#fff;overflow:hidden}
.container-text .img{position:relative;float:left;width:100%;height:auto;margin-bottom:30px}
.container-text .patch-pg{z-index:1;position:absolute;width:100%;height:auto;bottom:0;text-align:center}
.container-text .patch-pg .circle{width:140px;height:140px;margin:3%;font-size:1.3em}
.container-text .style{position:relative;float:left;width:100%;height:auto;font-size:.95em;line-height:1em}
.container-text .title{position:relative;float:left;width:100%;height:auto;margin-bottom:0px;font-size:1.9em;line-height:1em}
.container-text .guest{position:relative;float:left;width:100%;height:auto;margin-top:2px;font-size:1.2em;line-height:1em}
.container-text .dated{position:relative;float:left;width:100%;height:auto;margin-top:20px;font-size:1.4em;line-height:1em}
.container-text .salle{position:relative;float:left;width:100%;height:auto;font-size:1.2em;line-height:1em}
.container-text .organisation{position:relative;float:left;width:100%;height:auto;margin-top:20px;font-size:1em;line-height:1em}
.container-text .tarifs{position:relative;float:left;width:100%;height:auto;margin:20px 0 5px 0;font-size:.8em;line-height:1em;font-weight:400}
.container-text .bt-ticket{position:relative;float:left;width:150px;height:20px;padding:5px;margin:5px 0 0 5px;color:#fff;font-size:.9em;line-height:1.55em;text-align:center}
.bt-ticket:hover{opacity:.75;cursor:pointer}
.container-text .chapeau{position:relative;float:left;width:100%;height:auto;margin:30px 0 30px 0;font-size:1.1em;line-height:1.2em;font-weight:400}
.container-text .text{position:relative;float:left;width:100%;height:auto;margin-bottom:30px;font-size:1em;line-height:1.2em;text-align:justify}
.container-text .partenaires{position:relative;float:left;width:100%;height:auto;margin-bottom:5px;font-size:1em;line-height:1.2em}
.container-text a,.container-text a:visited,.container-text a:hover,.container-text a:focus,.container-text a:active{color:#00B3B3}
/* EVENTS */
.container-events{position:relative;float:left;width:100%;height:auto}
.bloc-event{position:relative;float:left;width:100%;height:auto;min-height:120px;margin:2px 0 2px 0;overflow:hidden;background-color:#fff}
.bloc-event span{position:absolute;top:0;left:0;width:100%;height:100%}
.event-pht{position:relative;float:left;width:31%;max-width:220px;height:auto;max-height:220px;margin:1%;overflow:hidden}
.event-patch{display:table;z-index:1;position:absolute;left:0;width:100%;height:100%;height:auto;bottom:1px}
.event-patch .circle{width:100px;height:100px;margin:3%}
.complet{background-image:url(../../api/img/patch_complet.svg);background-size:cover}
.podcast{background-image:url(../../api/img/patch_podcast.v2.svg);background-size:cover}
.reporte{background-image:url(../../api/img/patch_reporte.svg);background-size:cover}
.live{background-image:url(../../api/img/patch_live.v2.svg);background-size:cover}
.sonsete{background-image:url(../../api/img/patch_sonsete.svg);background-size:cover}
.hdg{background-image:url(../../api/img/patch_hdg.svg);background-size:cover}
.inedits{background-image:url(../../api/img/patch_inedits.svg);background-size:cover}
.annule{background-image:url(../../api/img/patch_annule.svg);background-size:cover}
.gratuit{background-image:url(../../api/img/patch_gratuit.svg);background-size:cover}
.archive{background-image:url(../../api/img/patch_archive.svg);background-size:cover}
.latitudes{background-image:url(../../api/img/patch_latitudes.svg);background-size:cover}
.hors{background-image:url(../../api/img/patch_hors.svg);background-size:cover}
.jeune{background-image:url(../../api/img/patch_jeune.svg);background-size:cover}
.circle b{display:inline-block;width:84%;height:auto;padding:8%;line-height:1em;color:#fff;text-align:center}
.bloc-event-text{position:relative;float:left;width:63%;height:auto;padding:2%;margin-bottom:35px;overflow:hidden;color:#000}
.event-style{position:relative;float:left;width:100%;height:auto;font-size:.85em;line-height:1em;font-weight:300}
.event-title{position:relative;float:left;width:100%;height:auto;margin-top:2px;font-size:1.45em;line-height:1em}
.event-guest{position:relative;float:left;width:100%;height:auto;margin-top:2px;font-size:1em;line-height:1em}
.event-dated{position:relative;float:left;width:100%;height:auto;margin-top:5px;font-size:1.1em;line-height:1em}
.event-salle{position:relative;float:left;width:100%;height:auto;font-size:1em;line-height:1em}
.event-text{position:relative;float:left;width:100%;height:auto;margin-top:15px;font-size:1em;line-height:1.1em}
.event-partners{position:relative;float:left;width:100%;height:auto;margin-top:15px;font-size:.8em;line-height:1.1em;font-weight:400}
.event-tarifs{position:relative;float:left;width:100%;height:auto;margin-top:10px;font-size:.75em;line-height:1.1em;font-weight:400}
.billetterie-event{z-index:4;position:relative;float:left;left:0;width:63%;height:30px;height:auto;padding:1% 0 1% 35%;bottom:0;text-align:center;font-size:.9em;line-height:1.5em;color:#fff}
.billetterie-event .bt-ticket{position:relative;float:left;width:145px;height:auto;height:20px;padding:5px;margin-bottom:2px;margin-right:2px;line-height:1.55em;color:#fff}
.asyncEvent{display:none}
.hiddenReports{display:none!important}
.viewReports{display:block!important}

/* COL RIGHT */
#Col-Right{display:inline-block;float:right;width:38%;height:auto;padding:0 1% 0 1%;overflow:hidden;text-align:center}
.menu-right{display:inline-block;width:100%;max-width:200px;height:auto;margin-bottom:80px;}
.menu-right ul{position:relative;float:left;width:100%;height:auto}
.menu-right li{position:relative;float:left;width:92%;height:auto;padding:4%;margin-bottom:2px;color:#fff;font-size:1em;font-weight:600;text-align:center}
.menu-right li:hover{background-color:#000;cursor:pointer}


/* SOCIAL RIGHT */
#Social-Right{z-index:3;position:fixed;top:0;width:38px;height:82%;min-height:510px;right:0;padding-right:2px;margin-top:6%}
/* FOOTER */
#Footer{z-index:996;position:fixed;left:0;width:98%;height:40px;padding:5px 1% 5px 1%;bottom:-100px;text-align:center;background-color:#000;display:none}
.footer-right{z-index:8;position:absolute;width:auto;height:100%;right:8px}
.footer-control-icones{z-index:0;position:absolute;top:0;left:0;width:100%;height:auto;text-align:center}
/* ICON */
.bt-icon{z-index:8;position:relative;float:left;width:40px;height:40px;margin:4px;-webkit-border-radius:100%;border-radius:100%;overflow:hidden;cursor:pointer}
.bt-icon .ic-fond{z-index:1;position:absolute;width:100%;height:100%;opacity:.5;background-color:#111}
.bt-icon .icon{z-index:2;position:absolute;width:40px;height:40px}
.bt-icon .shadow{width:32px;height:32px;margin:4px}

#Footer .bt-icon,#Footer .icon{width:32px;height:32px}
#BtEnlarge,#BtEnlarge .icon{position:relative;float:left;width:40px;height:40px;-webkit-border-radius:0;border-radius:0}

.footer-control-icones .bt-icon{float:none;display:none}
#BtPlay,#BtSound,#BtFullScreen,#BtSoundMoins,#BtSoundPlus{padding-top:4px;display:inline-block}

#Social-Right .bt-icon{width:36px;height:36px;right:5px;margin:3px}
#Social-Right .bt-icon .icon{width:36px;height:36px}
#Bt-Search{position:absolute;width:auto;height:auto;top:8px;margin-bottom:5px}
#BtNotify{display:none}

#Win-Top .bt-icon,#rgpd .bt-icon{width:28px;height:28px;margin:0 8px 0 0}
#Win-Top .bt-icon .icon,#rgpd .bt-icon .icon{width:28px;height:28px}
#Win-Opt .bt-icon{display:inline-block;float:none;width:40px;height:40px;margin:0 8px 0 0}
#Win-Opt .bt-icon .icon{width:32px;height:32px}

.article-pht .bt-icon,.event-pht .bt-icon,#Win-Top .event-pht .bt-icon{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px}
.article-pht .bt-icon .icon,.event-pht .bt-icon .icon,#Win-Top .event-pht .bt-icon .icon{width:50px;height:50px}
    
.sommaire .bt-icon{display:inline-block;float:none;width:50px;height:50px;-webkit-border-radius:0;border-radius:0}
.sommaire .bt-icon .icon{width:50px;height:50px}
    
.sel-top-menus-middle .bt-icon{position:absolute;top:0;width:35px;height:35px;margin:0}
.sel-top-menus-middle .bt-icon .icon{width:35px;height:35px}
    
.sort-style .bt-icon{position:absolute;top:4px;width:24px;height:24px;margin:0}
.sort-style .bt-icon .icon{width:24px;height:24px}

.bt-icon .ic-top{background:url(../../api/img/IcTopCircle.svg) no-repeat}
.bt-icon .ic-next{background:url(../../api/img/IcNextCircle.svg) no-repeat}
.bt-icon .ic-back{background:url(../../api/img/IcBackCircle.svg) no-repeat}
.bt-icon .ic-down{background:url(../../api/img/IcDownCircle.svg) no-repeat}
.bt-icon .ic-home{background:url(../../api/img/IcHomeCircle.svg) no-repeat}
.bt-icon .ic-close{background:url(../../api/img/IcCloseCircle.svg) no-repeat}
.bt-icon .ic-closeBlack{background:url(../../api/img/IcCloseCircleBlack.svg) no-repeat}
.bt-icon .ic-search{background:url(../../api/img/IcSearchCircle.svg) no-repeat}
.bt-icon .ic-search-white{background:url(../../api/img/IcSearchWhite.svg) no-repeat}
.bt-icon .ic-fb{background:url(../../api/img/IcFbCircle.svg) no-repeat}
.bt-icon .ic-tw{background:url(../../api/img/IcTwCircle.svg) no-repeat}
.bt-icon .ic-in{background:url(../../api/img/IcInCircle.svg) no-repeat}
.bt-icon .ic-yt{background:url(../../api/img/IcYtCircle.svg) no-repeat}
.bt-icon .ic-rss{background:url(../../api/img/IcRssCircle.svg) no-repeat}
.bt-icon .ic-news{background:url(../../api/img/IcNewsCircle.svg) no-repeat}
.bt-icon .ic-snap{background:url(../../api/img/IcSnapCircle.svg) no-repeat}
.bt-icon .ic-zoom{background:url(../../api/img/IcZoomCircle.svg) no-repeat}
.bt-icon .ic-infos{background:url(../../api/img/IcInfosCircle.svg) no-repeat}
.bt-icon .ic-download{background:url(../../api/img/IcDownloadCircle.svg) no-repeat}
.bt-icon .ic-rgpd{background:url(../../api/img/IcRgpd.svg) no-repeat}
.bt-icon .ic-membre{background:url(../../api/img/IcMembreCircle.svg) no-repeat}
.bt-icon .ic-panier{background:url(../../api/img/IcPanierCircle.svg) no-repeat}
.bt-icon .ic-notifyOn{background:url(../../api/img/IcNotifyOnCircle.svg) no-repeat}
.bt-icon .ic-notifyOff{background:url(../../api/img/IcNotifyOffCircle.svg) no-repeat}
.bt-icon .ic-playVideo{background:url(../../api/img/IcPlayVideo.svg) no-repeat}
.bt-icon .ic-playSound{background:url(../../api/img/IcPlaySound.svg) no-repeat}
.bt-icon .ic-playPhoto{background:url(../../api/img/IcPlayPhoto.svg) no-repeat}
.bt-icon .ic-playMedia{background:url(../../api/img/IcPlayMedia.svg) no-repeat}
.bt-icon .ic-pauseMedia{background:url(../../api/img/IcPauseMedia.svg) no-repeat}
.bt-icon .ic-soundMedia{background:url(../../api/img/IcSoundMedia.svg) no-repeat}
.bt-icon .ic-muteMedia{background:url(../../api/img/IcMuteMedia.svg) no-repeat}
.bt-icon .ic-loadMedia{background:url(../../api/img/load.gif) no-repeat;background-size:cover}
.bt-icon .ic-startMedia{background:url(../../api/img/IcStartMedia.svg) no-repeat}
.bt-icon .ic-moins{background:url(../../api/img/IcMoinsCircle.svg) no-repeat}
.bt-icon .ic-plus{background:url(../../api/img/IcPlusCircle.svg) no-repeat}
.bt-icon .ic-plusBlack{background:url(../../api/img/IcPlusCircleBlack.svg) no-repeat}
.bt-icon .ic-expand{background:url(../../api/img/IcExpand.svg) no-repeat}
.bt-icon .ic-minimise{background:url(../../api/img/IcMinimise.svg) no-repeat}
.sharing{z-index:100;position:relative;float:right;width:36px;height:36px;margin:-15px 0 10px 5px;text-align:right}
.sharing .ic-sharing-white{display:inline-block;width:36px;height:36px;background:url(../../api/img/IcSharingWhite.svg) no-repeat;background-size:36px 36px;background-color:#00B3B3;cursor:pointer}
.map{position:relative;float:left;width:40px;height:40px;margin:8px 0 10px 0;text-align:left}
.map .ic-map-white{display:inline-block;width:40px;height:40px;background:url(../../api/img/IcMapWhite.svg) no-repeat;background-size:40px 40px;background-color:#00B3B3;cursor:pointer}

#Header .ic-toogleOp,.bt-icon .ic-toogleOp{background:url(../../api/img/IcToogleOp.svg) no-repeat}
.bt-icon .ic-agenda{background:url(../../api/img/IcAgenda.svg) no-repeat}
.bt-icon .ic-ticket{background:url(../../api/img/IcTicket.svg) no-repeat}
.bt-icon .ic-abonne{background:url(../../api/img/IcAbonne.svg) no-repeat}
.bt-icon .ic-chrono{background:url(../../api/img/IcChrono.svg) no-repeat}
.bt-icon .ic-rv{background:url(../../api/img/IcRv.svg) no-repeat}
.bt-icon .ic-bar{background:url(../../api/img/IcBar.svg) no-repeat}

.ic-swap{background:url(../../api/img/swap.svg) 50% no-repeat;background-size:120px 120px;background-color:#00B3B3}

/* BOUTONS */
.button{display:inline-block;width:140px;height:14px;margin:5px 0 5px 5px;padding:8px;text-align:center;font-size:1.1em;color:#fff;text-transform:uppercase}
.button:hover{opacity:.75;cursor:pointer}
#BtInfo{display:inline-block;width:158px;height:20px;padding:10px;margin:10px 5px 5px 0;color:#fff;font-size:.9em;line-height:1.55em;text-align:center;cursor:pointer}
#Bt-Tickets{position:absolute;width:auto;height:auto;bottom:0}
.ticket-footer{position:relative;float:left;width:100%;height:auto;margin-bottom:3px;font-size:1.2em;text-align:center;color:#fff;display:none}
/* DIVERS */
.fade{-webkit-opacity:0;opacity:0;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}
.load{-webkit-opacity:1;opacity:1}
.ombre{-webkit-box-shadow:4px 4px 6px rgba(0,0,0,0.4);box-shadow:4px 4px 6px rgba(0,0,0,0.4)}
.img-raster{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../api/img/raster.png) repeat fixed;background-position:top}
.raster-white{background-image:url(../../api/img/raster.white.png);background-repeat:repeat;background-attachment:fixed;background-position:top}
.spacer-line{position:relative;float:left;width:75%;height:2px;margin:8px 0 8px 0}
.sommaire .spacer-line{display:inline-block;float:none;width:50%}

@media only screen and (max-width:1685px){
    #Main{width:75%!important;padding-left:18%!important}
}
@media only screen and (max-width:1590px){
    #Main{width:76%!important;padding-left:18%!important}
    .slider-title{font-size:2.8em}
    #Container-Middle{width:64%}
    #Col-Right{width:34%}
    .menu-right{width:100%;max-width:100%;margin-bottom:0}
    .menu-right li{width:96%;padding:2%;font-size:1.2em}
}
@media only screen and (max-width:1348px){
    #Col-Left{width:21%!important}
    #Main{width:73%!important;padding-left:21%!important}
    #Container-Middle{width:77%!important}
    #Col-Right{display:inline-block;float:none;width:77%;padding:0;margin:5px 0 0 0}
}
@media only screen and (max-width:1320px){
    .top-menus-middle .circle{width:115px;height:115px;margin:.25%}
}
@media only screen and (max-width:1188px){
    #Col-Left{width:22%!important}
    #Main{width:71%!important;padding-left:22%!important}
    #Container-Middle{width:100%!important}
    #Col-Right{width:100%}
}
@media only screen and (max-width:1138px){
    #Col-Left{width:26%!important}
    #Main{width:66%!important;padding-left:26%!important}
}
@media only screen and (max-width:1035px){
    #Col-Right{padding:0;width:100%}
}
@media only screen and (max-width:980px){
    #Col-Left{width:27%!important}
    #Main{width:66%!important;padding-left:27%!important}
}
@media only screen and (max-width:767px){
    #Fond{display:none}
    #Slider{float:left;position:relative;top:0;height:300px}
    .slider-title{font-size:2.5em}
    #Menu-Mobile,.title-mobile{display:block}
    .header-cross,.header-title{display:none}
    #Col-Left{position:relative;float:left;width:100%!important;height:auto;min-height:0;margin-top:-1000px;overflow:hidden}
    #Menu-Left{position:relative;float:left;width:100%;max-width:1000px;height:auto;min-height:0;padding:0;margin-bottom:2px;font-size:1em;font-weight:600;color:#fff;text-transform:uppercase;overflow:hidden;display:table}
    #Menu-Left ul{max-width:1000px;margin-top:2px}
    #Menu-Left li{width:96%;text-align:center;padding:2%}
    #Main{width:100%!important;padding:0!important}
    #Menu-Top{width:100%;margin:0 0 2px 0}
    .top-menus-middle{margin:0 0 1% 0;display:none}
    .top-menus-middle .circle{-webkit-border-radius:0;border-radius:0;width:100%;height:auto;margin:0;line-height:2em;padding:1% 0 1% 0}
    .top-menus-middle .circle b{width:100%;padding:0}
    .not-mobile{display:none}
    .sel-top-menus-middle{display:block}
    #Col-Middle{width:100%}
    .top-container{margin-top:0!important;padding-bottom:4%}
    .top-billetterie{padding-top:2px}
    .top-agenda{padding-top:2px}
    .top-text{padding-top:2px}
    .sort-style{width:96%;height:auto;margin:0 1% 3px 1%;padding:1%;line-height:1.5em;overflow:hidden}
    .hidden-date{width:96%;height:auto;margin:0 1% 3px 1%;padding:1%;line-height:1.5em;overflow:hidden}
    .ss-menus-middle{margin-top:2px}
    .ss-menus-middle ul{width:98%;padding:0 1% 1% 1%}
    #Col-Middle .container-text{width:90%;margin:3px 1% 2px 1%}
    .container-text .patch-pg .circle{width:120px;height:120px;font-size:1.15em}
    .container-events{width:98%;margin:0 1% 0 1%}
    #Col-Right{width:100%;margin:0;padding:0}
    #Social-Right{position:relative;float:left;width:97%;height:32px;min-height:32px;right:auto;padding:1.5%;margin:0 0 50px 0;background-color:#00B3B3}
    #BtSearch{position:static;top:8%;display:inline-block}
    #Social-Right #BtPanier,#Social-Right #BtMembre{display:block}
    .ticket-footer{display:block}
    .ticket-footer #BtPanier,.ticket-footer #BtMembre{margin:8px 4px 8px 4px;display:inline-block}
    .container-text .patch-pg{bottom:-40px}
    .ombre{-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}
    #Social-Right .bt-icon{display:inline-block;float:none;width:30px;height:30px;margin:0 5px 0 0;right:0}
    #Social-Right .bt-icon .icon{width:30px;height:30px}
    #Social-Right .bt-icon .ic-fond,.ticket-footer .bt-icon .ic-fond{display:none}
    #Social-Right #BtPanier,#Social-Right #BtMembre{display:none}
    .ticket-footer .bt-icon{float:none}
    .ticket-footer #BtPanier,.ticket-footer #BtMembre{margin:8px 4px 8px 4px;display:inline-block}
}
@media only screen and (max-width:650px){
    .slider-title{font-size:2em}
    .ss-menus-middle li{width:50%}
}
@media only screen and (max-width:550px){
    .header-logo{width:250px}
}
@media only screen and (max-width:480px){
    .header-logo{width:180px}
    .ss-menus-middle li{width:100%}
    .slider-patch{width:90px;height:90px}
    .event-patch .circle{width:90px;height:90px;margin:2%}
    .event-title{font-size:1.4em}
    .hors,.jeune,.sonsete,.hdg,.inedits,.gratuit,.latitudes{display:none}
}

@media only screen and (max-width:340px){
    .event-text{font-size:.9em;line-height:1em}
    .event-title{font-size:1.2em}
    .article-title{font-size:1em}
    .slider-patch .circle{width:80px;height:80px}
}
#rgpdRoot{position:absolute;top:0;left:0;right:0;width:100%}#rgpdRoot div#rgpd{left:0;right:0;margin:auto}#rgpd{z-index:2147483647;position:absolute;width:765px;max-width:100%;display:none}#rgpd a{font-size:.75em}#rgpd .rgpdBorder{width:95%;height:auto;padding:2.5%;background:#fff;overflow:auto}#rgpd #rgpdServices .rgpdHidden{position:relative;display:none}#rgpd #rgpdServices .rgpdMainLine .rgpdName a,#rgpd #rgpdServices .rgpdTitle a{color:#fff;font-weight:500}#rgpd #rgpdServices .rgpdMainLine .rgpdName a:hover,
#rgpd #rgpdServices .rgpdTitle a:hover{text-decoration:none!important}#rgpd #rgpdServices .rgpdMainLine .rgpdName a{font-size:22px}#rgpd #rgpdServices .rgpdTitle a{font-size:14px}#rgpd #rgpdServices .rgpdTitle .title,#rgpd #rgpdInfo,#rgpd #rgpdServices .rgpdDetails{display:inline-block;width:98%;padding:1%;font-size:14px;font-weight:700;color:#fff;text-align:center}#rgpd #rgpdInfo,#rgpd #rgpdServices .rgpdDetails{z-index:2147483647;display:block!important;font-size:12px;font-weight:500;color:#111}#rgpd #rgpdServices .rgpdLine{margin:0;overflow:hidden;padding:15px 5px}#rgpd #rgpdServices .rgpdLine .rgpdName{display:inline-block;float:left;width:50%;margin-left:10px;text-align:left}#rgpd #rgpdServices .rgpdLine .rgpdAsk{display:inline-block;float:right;margin:0;text-align:right}#rgpd #rgpdServices .rgpdLine .rgpdAsk .rgpdAllow,#rgpd #rgpdServices .rgpdLine .rgpdAsk .rgpdDeny,.tac_activate .rgpdAllow{display:inline-block;width:auto;min-width:220px;height:20px;margin:8px 0 0 2px;padding:5px 10px 5px 10px;font-size:.9em!important;font-weight:700!important;line-height:1.55em;color:#fff;text-align:center;border-radius:.8rem;background:#999;cursor:pointer}
.rgpdAskTop{text-align:center!important;float:left!important;width:80%;padding-left:10%;padding-right:10%}
#rgpd #rgpdServices .rgpdLine .rgpdName .rgpdListCookies{font-size:12px}#rgpd #rgpdServices #rgpdAllAllowed.rgpdIsSelected{background-color:#00B3B3}#rgpd #rgpdServices .rgpdLine.rgpdIsAllowed .rgpdAllow{background-color:#00B3B3}#rgpd #rgpdServices #rgpdAllDenied.rgpdIsSelected{background-color:#00B3B3}#rgpd #rgpdServices .rgpdLine.rgpdIsDenied .rgpdDeny{background-color:#00B3B3}#rgpd .rgpdH3{font-size:1.3em}#rgpdRoot #rgpdFooter{z-index:2147483645;position:fixed;left:0;width:98%;margin:auto;padding:10px 1% 10px 1%;font-size:1em;text-align:center;color:#fff;background:#111;display:none;bottom:-400px;}
#rgpdFooter #rgpdDisclaimerAlert{position:relative;float:left;width:100%;height:auto}
#rgpdFooter #rgpdCloseAlert, #rgpdFooter #rgpdPersonalize,#rgpdRefused,#rgpdPrivacyUrlDialog{display:inline-block;width:auto;min-width:220px;height:20px;margin-top:8px;padding:5px 10px 5px 10px;font-size:.9em;font-weight:600;line-height:1.55em;color:#fff;text-align:center;cursor:pointer}#rgpdPersonalize,#rgpdRefused{min-width:100px!important;margin-left:2px;margin-right:2px}
#rgpdFooter .bt-rgpd,#rgpdFooter .bt-icon .bt-rgpd{float:none!important;display:inline-block!important;top:19px!important}
.tac_actpREivate{display:inline-block;width:96%;padding:1%;max-width:525px;text-align:center}.switch{position:relative;display:inline-block;float:right;width:70px;height:30px}.switch input{opacity:0;width:0;height:0}.switch-bt{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;cursor:pointer;-webkit-transition:.4s;transition:.4s}.switch-bt:before{position:absolute;height:24px;width:24px;left:3px;bottom:3px;background-color:white;content:"";-webkit-transition:.4s;transition:.4s}input:checked+.switch-bt{background-color:#00B3B3}input:checked+.switch-bt:before{-webkit-transform:translateX(37px);transform:translateX(37px)}.switch-bt.round{border-radius:30px}.switch-bt.round:before{border-radius:50%}.switch .label{position:relative;width:70px;height:auto;padding-top:16px;font-size:.8em;text-align:center;text-transform:uppercase}
/* ARTICLES */
.container-articles,.article-style,.article-title,.article-guest,.article-dated,.article-salle,.article-text{position:relative;float:left;width:100%;height:auto;font-size:1em;line-height:1em;text-align:center}
.bloc-article,.bloc-sommaire{position:relative;display:inline-block;float:none;width:200px;height:auto;margin:0 1px 5px 1px;overflow:hidden}
.bloc-article{background-color:#fff}
.sommaire,.article{position:relative;float:left;width:94%;height:330px;padding:3%;overflow:hidden}
.sommaire{text-transform:uppercase;color:#fff;font-size:1.2em;font-weight:700}
.article{line-height:1.5em}
.article-pht{position:relative;float:left;width:100%;height:auto;overflow:hidden}
.article-video{width:85%;height:auto}
.article-video-pht{width:100%;height:auto}
.article-video-media{width:94%;height:auto}
.article-media .article-pht{background-color:#000}
.bloc-article-text{z-index:2;position:relative;float:left;width:98.1%;height:auto;min-height:400px;padding:8px 1% 1% 1%;color:#000;background-color:#fff}
.bloc-article-video-text{height:auto;margin-bottom:8px}
.article-style{font-size:.75em;font-weight:300}
.article-title{margin-top:2px;font-size:1.1em;font-weight:700}
.article-guest{font-size:.88em;font-weight:600}
.article-dated{margin-top:4px}
.article-salle{margin-top:2px;font-size:.85em;line-height:.9em}
.article-text{margin-top:8px;font-size:.9em;line-height:1em}
.asyncArticle{display:none}
.billetterie-article{z-index:2;position:absolute;display:block;left:0;width:100%;height:auto;bottom:0}
.billetterie-article .bt-ticket{display:inline-block;width:94%;height:22px;padding:3%;color:#fff;font-size:.9em;line-height:1.8em}
.bt-open-article{z-index:3;position:absolute;display:block;left:0;width:100%;height:30px;bottom:-30px;background:url(../../api/img/IcArrowRight.svg) no-repeat center center;background-size:25px 25px;background-color:#00B3B3}
.container-articles .op-win{cursor:pointer}

#Col-Right .bloc-article{margin:0 0.25% 5px 0.25%}
#Col-Right .article{height:auto}
#Col-Right .bloc-article-text{min-height:0;padding-bottom:30px}
#Col-Right .article-video{width:94%}
#Col-Right .article-playlist{width:65%;height:auto!important;margin:0 17.5% 5px 17.5%}
#Col-Right .article-playlist .article-media{height:auto!important}
#Col-Right .article-playlist .article .bloc-article-text{height:auto!important}

@media only screen and (max-width:1590px){
    .article-video{width:100%}    
}
@media only screen and (max-width:1348px){
    #Col-Right .article{height:385px}
    #Col-Right .article-video{width:49.5%}
    #Col-Right .article-playlist{width:50%;height:auto!important;margin:0 25% 5px 25%}
}
@media only screen and (max-width:1188px){
    #Col-Right .article{height:395px}
}
@media only screen and (max-width:1048px){
    #Col-Right .article{height:auto}
    #Col-Right .article-video{width:100%}
    #Col-Right .bloc-article{margin:0 0 5px 0;}
    #Col-Right .bloc-article-text{height:auto;min-height:0}
}
@media only screen and (max-width:1035px){
    .article,.sommaire{height:325px}
    .article-video{width:100%}
    #Col-Right .article-media{width:94%;padding:3%}
}
@media only screen and (max-width:980px){
    .bloc-article,.bloc-sommaire{width:49.4%}
    .article,.sommaire{height:420px}
    #Col-Right .article-playlist{width:65%;height:auto!important;margin:0 17.5% 5px 17.5%}
}
@media only screen and (max-width:767px){
    .bloc-article,.bloc-sommaire{width:32.7%;margin:3px .3% 3px .3%}
    .article,.sommaire{height:360px}
    .article-video-media{width:94%}
    #Col-Right .article-video{width:49.5%}
    #Col-Right .bloc-article{margin:0 0.25% 5px 0.25%}
    #Col-Right .article-media{height:365px}
}
@media only screen and (max-width:650px){
    .bloc-article,.bloc-sommaire{width:49.4%}
    .article,.sommaire{height:420px}
    #Col-Right .bloc-article{margin:0 0 5px 0}
    #Col-Right .article-media .bloc-article-text{display:block}
    #Col-Right .article-video{width:100%}
    #Col-Right .article{height:auto}
    #Col-Right .bloc-article-text{width:98%;min-height:0;padding:2%;text-align:center}
    #Col-Right .article-playlist{float:left;width:100%;height:auto}
    #Col-Right .article-playlist .article-media{height:auto}
    #Col-Right .article-playlist .article .article-pht{width:100%;margin:0}
    #Col-Right .article-playlist .article .bloc-article-text{width:96%}
}
@media only screen and (max-width:550px){
    .article,.sommaire{height:380px}
    #Col-Middle .container-text .text{text-align:left}
}
@media only screen and (max-width:480px){
    .bloc-article,.bloc-sommaire{width:100%;margin:2px 0 2px 0}
    .article,.sommaire{height:auto;width:100%;padding:0}
    .sommaire{padding-top:20px;padding-bottom:15px}
    .article-pht{width:33%;margin:1%}
    .bloc-article-text{width:61%;min-height:0;padding:2%;text-align:center}
    .article-media{width:100%}
    .article-media .article-pht{width:98%}
    .article-media .bloc-article-text{display:block;width:96%;padding-bottom:20px}
    .article-title{font-size:1.2em}
    .billetterie-article{position:relative;float:left;width:64%;height:auto;padding:0;margin:0 0 5px 35%}
    .billetterie-article .bt-ticket{width:150px;height:auto;padding:1%;margin:2px}
    .bloc-event-text{margin-bottom:0}
    .article-video-media{width:100%}
    .sommaire .bt-icon{display:none}
    .container-articles .article-playlist{float:left;width:100%;height:auto}
    .container-articles .article-playlist .article-media{height:auto}
    .container-articles .article-playlist .article .article-pht{width:33%;margin:1%}
    .container-articles .article-playlist .article .bloc-article-text{width:61%;height:auto}
}