@font-face {
    font-family: "Foobar Pro-Regular";
    src: url("../fonts/FoobarPro-Regular.otf");
    src:url('../fonts/FoobarPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FoobarPro-Regular.woff') format('woff'),
        url('../fonts/FoobarPro-Regular.ttf') format('truetype'),
        url('../fonts/FoobarPro-Regular.svg#FoobarPro-Regular') format('svg');
}
body {
    background-color: #FFFFFF;
    color: #707070;
    font-family: "Foobar Pro-Regular";
    font-size: 14px;
    line-height: 1.42857;
}
.centered {
    width: 97%;
    margin: 0 0 2% 1.5% ;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #4F4F4F;
    font-family: "Foobar Pro-Regular";
    font-weight: normal;
    line-height: 1.1;
    text-transform: uppercase;
}
.portfolioSlides .title {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 120px;
    left: 6%;
    position: absolute;
    text-align: center;
    top: 70%;
    transition: all 0.3s ease 0s;
    width: 88%
}
.splitter {
    background: none repeat scroll 0 0 #252525;
    height: 5px;
    margin: 5px auto;
    padding: 0 !important;
    width: 75%;
}
.no-pad {
    padding-right: 0;
}
.no-pad-all {
    padding-left: 0;
    padding-right: 0;
}
.no-pad-left {
    padding-left: 0;
       padding-right: 0; 
}
.col-xs-4 {
    width: 32.4%;
}

.separation {
    border-right: 3px solid #990000;
}
.language_bar_chooser {
    text-transform: uppercase;
    list-style: none outside none;
    padding-left: 40%;
}

.language_bar_chooser li {
    float: left;
     line-height: 17px;

}
.language_bar_chooser li a {
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    width: 100% !important;
}
.language_bar_chooser li.active.flag-fr{
    border-right: 1px solid #ffffff;
    padding-right: 5px;
}
.language_bar_chooser li.active.flag-en{
    border-left: 1px solid #ffffff;
    padding-left: 5px;
}

.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
    margin: 20px auto;
    padding: 15px;
    text-align: center;
    width: 500px;
    position:absolute;
    top:20%;
    left:50%;
    margin-left:-220px;
    z-index:100;
    background-color: #e57e7e;
    border-color: #aa635f;
    color:#ac4444;
    z-index: 99999;

}
.carousel-icon h5 {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: lighter;
    margin-bottom: 15px;
}

.portfolio-3 .postlink {
    /*position:absolute;*/
    /*width:180px;*/
    /*height:100px;
    padding:0;
    top:0;
    left:0;
    background:transparent;*/
    display: block;
}
.portfolio-3 .postlink i{
    display:none;
}
.portfolio-style-3 h3 {
    font-weight: lighter;
    text-align: center;
    color:#990000;
}
.subTitle {
    border-bottom: none;

}
.titre h3 {
    padding: 15px;
    text-align: right;
    font-family: "Foobar Pro-Regular";
    text-transform: uppercase;
}
.titre span {
    color: #990000;
    text-align: center;
    font-family: "Foobar Pro-Regular";
}
.overInner span {
    color: #FFFFFF;
    display: block;
    font-family: "Foobar Pro-Regular";
    font-size: 13px;
}
.team-detail {
    background: #ffffff;
    height: 0%;
    padding: 0 10px 10px;
    position: absolute;
    text-align: center;
    transition: all 0.5s ease-out 0s;
    /*opacity: 0.8;*/
}

.team-members:hover .team-detail{height: 100%;}
.team-members{
    text-align: center;
}
.team-members h4 {
    color: #990000;
    font-size: 18px;
    font-family: "Foobar Pro-Regular";
    text-align:center;
    font-weight:bold;
    display: inline-block;
}
.team-members h4.name-perso-1{
    margin-bottom: 0;
    line-height: 30px;
    border-bottom: 2px solid #990000;
}
.team-members h4.name-perso-2{
    font-size: 14px;
}
.team-detail{
    padding: 0 15px;
}
.team-detail .row{
    background: #990000
}
.team-detail h4 {
    color: #fff;
}

.team-detail .row h4.name-perso-1{
    margin-bottom: 0;
    line-height: 30px;
    border-bottom: 2px solid #fff;
}
.team-detail p {
    color: #000000;
    font-family: "Foobar Pro-Regular";
    font-size: 12px;
    font-weight: lighter;
    text-align: center;
    margin-top: 10px;
}

blockquote {
    -moz-box-sizing: border-box;
    background-image: none;
    color: #990000;
    font: italic 25px/1.25em "Foobar Pro-Regular";
    padding: 0 0 15px 2px;
    border-left: none;
    margin: 5px;
}
.mainHeader li a {

    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    margin: 0 5px;
    padding: 0 0 0 15px;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}
.dl-menuwrapper .dl-menu {
    left: 10%;
    width: 90%;
}
.portfolioSlides .title .number {
    border-bottom: 2px solid #fff !important;
    font-size: 13px;
    padding: 20px 0 15px;
    width: 95%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
.portfolioSlides p.titles {
    text-transform: uppercase;
    font-size: 12px;
}
.pageTitle {
    border-bottom: none;
}

/* Musiques - 3 */

.classique {
    color: #3399cc ;
}
.classique h2 {
    color: #3399cc ;
}
.search .all.active{border: 8px solid #000;}

.slide:hover .classique, .classique.active,
.slide:hover .pop-rock, .pop-rock.active,
.slide:hover .jazz-soul, .jazz-soul.active,
.slide:hover .lounge-musique, .lounge-musique.active,
.slide:hover .djs, .djs.active,
.slide:hover .disco-funk, .disco-funk.active,
.slide:hover .world-musique, .world-musique.active,
.slide:hover .fanfares-chorales, .fanfares-chorales.active ,
.slide:hover .performances-visuelles, .performances-visuelles.active {
    background: #FFF !important;
}

.slide:hover .classique , .classique.active {color: #3399cc !important ;  }
.slide:hover .classique .number {border-color: #3399cc !important ;  }
.search .active.classique {color: #3399cc !important ; border: 8px solid #3399cc; }
.search .active.classique .search-icon{background : #3399cc; }
.classique/*, .stylis .classique:hover, .classique.active */{
    background-color: #3399CC !important;
    color: #FFFFFF !important;
}
.iconBox .classique/*, .classique.active */{
    color: #3399CC !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.classique, .white-popup .splitter.classique:hover/*, .classique.active */{
    background-color: #3399CC !important;
}
.classique:hover/*, .classique.active */{
    background-color: #fff !important;
    color: #3399cc !important;
}
.pop-rock {
    color: #FF3333 ;
}
.pop-rock  h2 {
    color: #FF3333 ;
}
.slide:hover .pop-rock, .pop-rock.active{ color: #FF3333 !important; }
.slide:hover .pop-rock .number {border-color: #FF3333 !important ;  }

.slide:hover .performances-visuelles {
    border-color: #003366 !important;
}

.search .pop-rock.active{ color: #FF3333 !important; border: 8px solid #FF3333;}
.search .active.pop-rock .search-icon{background : #FF3333; }
.pop-rock/*, .stylis .pop-rock:hover:hover, .pop-rock.active*/ {
    background-color: #FF3333 !important;
    color: #FFFFFF !important;
}
.pop-rock:hover/*, .pop-rock.active*/ {
    background-color: #fff !important;
    color: #FF3333 !important;
}
.iconBox .pop-rock/*, .classique.active */{
    color: #FF3333 !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.pop-rock, .white-popup .splitter.pop-rock:hover/*, .classique.active */{
    background-color: #FF3333 !important;
}
.jazz-soul {
    color: #996633;
}
.jazz-soul  h2 {
    color: #996633;
}
.slide:hover .jazz-soul, .jazz-soul.active{color: #996633 !important; }
.slide:hover .jazz-soul .number {border-color: #996633 !important ;  }
.search .jazz-soul.active{color: #996633 !important; border: 8px solid #996633;}
.search .active.jazz-soul .search-icon{background : #996633; }
.jazz-soul/*, .stylis .jazz-soul:hover:hover, .jazz-soul.active*/ {
    background-color: #996633 !important;
    color: #FFFFFF !important;
}
.jazz-soul:hover/*, .jazz-soul.active*/ {
    background-color: #fff !important;
    color: #996633 !important;
}
.iconBox .jazz-soul/*, .classique.active */{
    color: #996633 !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.jazz-soul, .white-popup .splitter.jazz-soul:hover/*, .classique.active */{
    background-color: #996633 !important;
}
.lounge-musique {
    color: #9966CC;
}
.lounge-musique h2  {
    color: #9966CC;
}
.slide:hover .lounge-musique, .lounge-musique.active{color: #9966CC !important; }
.slide:hover .lounge-musique .number {border-color: #9966CC !important ;  }
.search .lounge-musique.active{color: #9966CC !important; border: 8px solid #9966CC;}
.search .active.lounge-musique .search-icon{background : #9966CC; }
.lounge-musique/*, .stylis .lounge-musique:hover*//*:hover, .lounge-musique.active*/ {
    background-color: #9966CC !important;
    color: #fff !important;
}
.lounge-musique:hover/*, .lounge-musique.active*/ {
    background-color: #fff !important;
    color: #9966CC !important;
}
.iconBox .lounge-musique/*, .classique.active */{
    color: #9966CC !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.lounge-musique, .white-popup .splitter.lounge-musique:hover/*, .classique.active */{
    background-color: #9966CC !important;
}
.djs {
    color: #FF66FF;
}
.djs h2  {
    color: #FF66FF;
}
.slide:hover .djs, .djs.active{color: #FF66FF !important; }
.slide:hover .djs .number {border-color: #FF66FF !important ;  }
.search .djs.active{color: #FF66FF !important; border: 8px solid #FF66FF;}
.search .active.djs .search-icon{background : #FF66FF; }
.overContent:hover .djs {
    background-color: #fff !important;
    color: #FF66FF !important;
}
 .djs{
     background-color:#FF66FF  !important;
     color: #fff !important;
}
 .stylis .djs:hover/*:hover, .djs.active*/ {
    background-color:#FFF  !important;
    color: #FF66FF !important;
}

.djs:hover/*, .djs.active*/ {
    background-color: #fff !important;
    color: #FF66FF !important;
}
.iconBox .djs/*, .classique.active */{
    color: #FF66FF !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.djs, .white-popup .splitter.djs:hover/*, .classique.active */{
    background-color: #FF66FF !important;
}
.disco-funk {
    color: #FF9900;
}
.disco-funk  h2 {
    color: #FF9900;
}
.slide:hover .disco-funk, .disco-funk.active{color: #FF9900 !important; }
.slide:hover .disco-funk .number {border-color: #FF9900 !important ;  }
.search .disco-funk.active{color: #FF9900 !important; border: 8px solid #FF9900;}
.search .active.disco-funk .search-icon{background : #FF9900; }


.search .visual-performance.active{color: #003366 !important; border: 8px solid #003366;}
.search .active.visual-performance .search-icon{background : #003366; }





.disco-funk/*, .stylis .disco-funk:hover:hover, .disco-funk.active*/ {
    background-color: #FF9900 !important;
    color: #FFFFFF !important;
}
.disco-funk:hover/*, .disco-funk.active*/ {
    background-color: #fff !important;
    color: #FF9900 !important;
}
.ico-search-art.disco-funk:hover{
     background-color: #FF9900 !important;
    color: #FFFFFF !important;
}
.iconBox .disco-funk/*, .classique.active */{
    color: #FF9900 !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.disco-funk, .white-poup .splitter.disco-funk:hover/*, .classique.active */{
    background-color: #FF9900 !important;
}
.world-musique {
    color: #FFCC33;
}
.world-musique  h2 {
    color: #FFCC33;
}
.slide:hover .world-musique, .world-musique.active{color: #FFCC33 !important; }
.slide:hover .world-musique .number {border-color: #FFCC33 !important ;  }
.search .world-musique.active{color: #FFCC33 !important; border: 8px solid #FFCC33;}
.search .active.world-musique .search-icon{background : #FFCC33; }
.world-musique/*, .stylis .world-musique:hover:hover, .world-musique.active*/ {
    background-color: #FFCC33 !important;
    color: #FFFFFF !important;
}
.world-musique:hover/*, .world-musique.active*/ {
    background-color: #fff !important;
    color: #FFCC33 !important;
}
.iconBox .world-musique/*, .classique.active */{
    color: #FFCC33 !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.world-musique, .white-poup .splitter.world-musique:hover/*, .classique.active */{
    background-color: #FFCC33 !important;
}
.fanfares-chorales {
    color: #33CC66;
}
.fanfares-chorales h2  {
    color: #33CC66;
}
.slide:hover .fanfares-chorales, .fanfares-chorales.active{color: #33CC66 !important; }
.slide:hover .fanfares-chorales .number {border-color: #33CC66 !important ;  }

.slide:hover .performances-visuelles , .performances-visuelles.active {
color: #003366 !important;}


.slide:hover .performances-visuelles .number {border-color: #003366  !important ;  }

.search .fanfares-chorales.active{color: #33CC66 !important; border: 8px solid #33CC66;}
.search .active.fanfares-chorales .search-icon{background : #33CC66; }
.fanfares-chorales/*, .stylis .fanfares-chorales:hover:hover, .fanfares-chorales.active*/ {
    background-color: #33CC66 !important;
    color: #FFFFFF !important;
}
.fanfares-chorales:hover/*, .fanfares-chorales.active*/ {
    background-color: #fff !important;
    color: #33CC66 !important;
}
.iconBox .fanfares-chorales/*, .classique.active */{
    color: #33CC66 !important;
    background-color: #FFFFFF !important;
}
.iconBox .splitter.fanfares-chorales, .white-popup .splitter.fanfares-chorales:hover/*, .classique.active */{
    background-color: #33CC66 !important;
}

.portfolio .col-md-11 .classique,
.portfolio .col-md-11 .pop-rock,
.portfolio .col-md-11 .jazz-soul,
.portfolio .col-md-11 .lounge-musique,
.portfolio .col-md-11 .djs,
.portfolio .col-md-11 .disco-funk,
.portfolio .col-md-11 .world-musique,
.portfolio .col-md-11 .fanfares-chorales {
    background: #FFF !important;
    border:1px solid transparent;
}

.portfolio .col-md-11 .classique{color:#3399CC!important;}
.portfolio .col-md-11 .pop-rock{color:#FF3333!important;}
.portfolio .col-md-11 .jazz-soul{color:#996633!important;}
.portfolio .col-md-11 .lounge-musique{color:#9966CC!important;}
.portfolio .col-md-11 .djs{color:#FF66FF!important;}
.portfolio .col-md-11 .disco-funk{color:#FF9900!important;}
.portfolio .col-md-11 .world-musique{color:#FFCC33!important;}
.portfolio .col-md-11 .fanfares-chorales {color:#33CC66!important;}

.portfolio .col-md-11 .classique:hover{border:1px solid #3399CC;color:#fff!important;background:#3399CC!important;}
.portfolio .col-md-11 .pop-rock:hover{border:1px solid #FF3333;color:#fff!important;background:#FF3333!important;}
.portfolio .col-md-11 .jazz-soul:hover{border:1px solid #996633;color:#fff!important;background:#996633!important;}
.portfolio .col-md-11 .lounge-musique:hover{border:1px solid #9966CC;color:#fff!important;background:#9966CC!important;}
.portfolio .col-md-11 .djs:hover{border:1px solid #FF66FF;color:#fff!important;background:#FF66FF!important;}
.portfolio .col-md-11 .disco-funk:hover{border:1px solid #FF9900;color:#fff!important;background:#FF9900!important;}
.portfolio .col-md-11 .world-musique:hover{border:1px solid #FFCC33;color:#fff!important;background:#FFCC33!important;}
.portfolio .col-md-11 .fanfares-chorales:hover {border:1px solid #33CC66;color:#fff!important;background:#33CC66!important;}


.portfolio .col-md-11 .classique.active{border:1px solid #3399CC;color:#fff!important;background:#3399CC!important;}
.portfolio .col-md-11 .pop-rock.active{border:1px solid #FF3333;color:#fff!important;background:#FF3333!important;}
.portfolio .col-md-11 .jazz-soul.active{border:1px solid #996633;color:#fff!important;background:#996633!important;}
.portfolio .col-md-11 .lounge-musique.active{border:1px solid #9966CC;color:#fff!important;background:#9966CC!important;}
.portfolio .col-md-11 .djs.active{border:1px solid #FF66FF;color:#fff!important;background:#FF66FF!important;}
.portfolio .col-md-11 .disco-funk.active{border:1px solid #FF9900;color:#fff!important;background:#FF9900!important;}
.portfolio .col-md-11 .world-musique.active{border:1px solid #FFCC33;color:#fff!important;background:#FFCC33!important;}
.portfolio .col-md-11 .fanfares-chorales.active {border:1px solid #33CC66;color:#fff!important;background:#33CC66!important;}

.classiqueO{border:4px solid #3399CC!important;}
.pop-rockO{border:4px solid #FF3333!important;}
.jazz-soulO{border:4px solid #996633!important;}
.lounge-musiqueO{border:4px solid #9966CC!important;}
.djsO{border:4px solid #FF66FF!important;}
.disco-funkO{border:4px solid #FF9900!important;}
.world-musiqueO{border:4px solid #FFCC33!important;}
.fanfares-choralesO {border:4px solid #33CC66!important;}

.portfolioBox .splitter{
    background-color: #fff!important;
}
.portfolioBox .title{
    margin-top:-5px;
    display: block;
    vertical-align: middle;
    width: 100% !important;
}

.portfolioBox > .title{
    display: inherit !important;
}
.portfolioContainer.centered{
    margin:0 0 0 4px!important;
}
.alert-success {
    background-color: #990000;
    border-color: #D6E9C6;
    color: #FFFFFF;
    z-index: 1045;
    position: fixed;
}
.close {
    color: #FFFFFF;
    float: right;
    font-size: 21px;
    font-weight: normal;
    line-height: 1;
    opacity: 1;
    text-shadow: none;
}
.iconBox{}
.portfolioContainer{margin-top:50px;}
.portfolio .centered{
    /*margin-left:10px!important;
    margin-bottom:0;*/
    width: 100%;
    padding: 0 9px !important;
    margin: 0 !important;
}

.portfolio-item-3 .carousel-icon h5 {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: lighter;
    margin-bottom: 15px;
}

.portfolio-item-3  h5 {
    color: #4F4F4F;
    font-size: 14px;
    font-weight: lighter;
    margin-bottom: 15px;
}

.portfolio-3 .carousel-icon{
	font-size: 19px;
	opacity: 1;
	display: block;
	position: initial;
	/* top: 100%; */
	text-align: center;
	width: 100%;
	height: auto;
	/* opacity: 0; */
}


.overBox.classique:hover{border:3px solid #3399CC;}
.overBox.pop-rock:hover{border:3px solid #FF3333;}
.overBox.jazz-soul:hover{border:3px solid #996633;}
.overBox.lounge-musique:hover{border:3px solid #9966CC;}
.overBox.djs:hover{border:3px solid #FF66FF;}
.overBox.disco-funk:hover{border:3px solid #FF9900;}
.overBox.world-musique:hover{border:3px solid #FFCC33;}
.overBox.fanfares-chorales:hover {border:3px solid #33CC66;}








.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,
.embed-responsive embed,.embed-responsive object,
.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive.embed-responsive-4by3{padding-bottom:75%}


.slide-videos-serv .embed-responsive{
    margin-bottom: 15px;
}
.slide-videos-serv .tmbnail-videos .col-xs-4{
    width: 33.33333333333333%;
    padding-left: 15px;
    padding-right: 15px;
}
.slide-videos-serv .tmbnail-videos .col-xs-4  a{
    display: block;
}
.slide-videos-serv .tmbnail-videos .col-xs-4  a img{
    width: 100%;
}

.team-members > img{
    width: 100%;
}

@media (min-width: 1400px) {
    .team-members h4{
        font-size: 24px;
    }
}





.portfolioBox {
    margin-bottom: 5px;
}

.portfolioBox .ajax-popup > img{
    width: 100%;
}

.realperson-regen{
    display: none !important;
}

.realperson-text{
    width: 50%;
    float: left;
    line-height: 4px;
    margin-top: 5px;
}
#defaultReal{
    width: 50%;
    float: left;
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .header{
        width: 270px !important;
        border-left: none !important;
    }
    .mainContent{
        margin-left: 270px !important;
    }
    .mainContent.thumbBlog{
        width: 497px !important;
        height: 100vh !important;
    }
    .mainContent.thumbBlog .portfolioSlider ,.mainContent.thumbBlog .portfolioSlider .portfolioSlides{
        height: 100vh !important;
        margin-bottom: 0 !important;

    }
    .mainContent.thumbBlog .portfolioSlider .flex-viewport ,
    .mainContent.thumbBlog .portfolioSlider .flex-viewport ul,
    .mainContent.thumbBlog .portfolioSlider .flex-viewport ul li {
        margin-bottom: 0 !important;
        height: 100vh !important;
        background: #000 !important

    }
    .header2 .logo , .header2 .mainNav{
        margin-bottom: 50px !important;
    }
    .navigation-copyright{
        position: absolute;
        bottom: 0;
    }
    .navigation-copyright p{
        font-size: 11px !important;
    }
}

@media  (min-width : 768px) and (max-width : 1300px) {
    .team-members{
        min-height: 480px !important;
    }
    .contact-icons a:nth-child(2) .social-box{
        min-width: 74px !important;
    }
}

body.blog #ascrail2000-hr{
    display: none !important;
}

.container_acc {
    height: 100vh !important;
}

.container_acc #acc{
    height: calc( 100vh - 120px ) !important;
}
.container_acc #acc .z-section {
}

.container_acc #acc .z-section h3.z-link{
    width: calc( 100vh - 120px ) !important;

}

.portfolio-3-wrapper {
    position: relative !important;
    float: left !important;
    height: inherit !important; 
}

.portfolio-3-wrapper .portfolio-item-3 {
    width: 28%;
    padding: 10px;
    /*margin-bottom: 38px;*/
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    float: left;
    display: inline-block;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    margin-left: 3%;
    min-height: 210px !important;
}


.separation-r{
    border-left: 3px solid #900;
}



.mus.aaaa{
    padding: 60px 0px !important
} 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .portfolioSlides .title{
        bottom: 10% !important;
        top: inherit !important;
    }
    .container_acc{
        height: inherit !important;
    }

    .container_acc #acc , .container_acc #acc .z-section {
      height: calc(100vw - 390px) !important;
    }
    .content-left {
        float: none !important;
    }
    .content-left .embed-responsive.embed-responsive-16by9{
        margin-bottom: 20px !important;
    }
    .example-image-link > img{
        width: 100% !important;
    }
    div.mfp-wrap.mfp-close-btn-in.mfp-align-top.mfp-auto-cursor{
        top: 0 !important;
    }
     .mfp-wrap{
          top: 0 !important;
          height: 100vh !important;
          overflow-y: auto;
            position: fixed !important;
    }
  .mus.aaaa {
    padding: 30px 0 !important;
  }
  .bbbb{
    padding: 20px 0 !important;
  }

}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: none;
    background-color: transparent;
}

::-webkit-scrollbar
{
    width: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb
{
    background-color: rgb(229, 66, 66);
}

span.all{
    background:  #000;
    color:  #fff;
}


@media(max-width: 767px){
    html , body{
        width: 100% !important;
        overflow-x: hidden !important;
    }
    .container_acc {
      height: inherit !important;
    }
    .container_acc #acc{
        height: initial !important;
    }

    .tmbnail-videos > .col-xs-4{
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 10px !important;

    }
    .z-accordion.vertical.z-grouped.z-bordered > section.z-active > .z-content{
         height: initial !important;
    }
    .separation-r{
        border: none !important
    }
      .mus.aaaa {
      padding: 15px 0px !important;
    }
    .portfolio-3-wrapper .portfolio-item-3{
        min-height: 190px !important;
        width: 47% !important;
    }
    .embed-responsive{
          height: inherit !important;
          overflow: visible;
          float: left;
          width: calc(100% + 30px);
          margin: 0 -15px;
          padding: 0 !important;
          min-height: 200px;
    }
    .alert{
          width: 100%;
          left: 0;
          right: 0;
          margin-left: 0;
    }
   
}


/*


@media only screen and (min-width : 321px) {
    .mainNav{
        width: 100% !important;
    }
    .mainNav #dl-menu{
        width: 100% !important;
        height: 200px !important;
    }
    .titre h3{
        text-align: left !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .bbbb{
        padding: 10px 0 !important;
        min-height: 70px !important;
    }
    .mfp-wrap{
          top: 0 !important;
          height: 100vh !important;
          overflow-y: auto;
            position: fixed !important;
    }
    .content-left .embed-responsive.embed-responsive-16by9{
        margin-bottom: 15px !important;
    }
     .white-popup > .row:nth-child(2) {
        margin: 0 !important;
     }
    .white-popup > .row > .col-md-4 > .col-md-12{
        padding: 0 !important;
    }
    .mfp-close{
        margin-right: 5px !important;
        margin-top: 5px !important;
    }
    .white-popup{
          padding: 20px 0 !important;
    }
     .contact-form .titfav{
        line-height: 1 !important;
    }
    .artistes_fav .titfav:nth-child(2){
        font-size: 20px !important;
    }
    .realperson-text{
        font-size: 5px !important;
    }


    .portfolioSlides ul.slides li{
        width: calc(100vw / 3) !important;
    }
    .portfolioSlides .title{
        height: initial !important;
        top: initial !important;
        bottom: 5% !important;
    }
    .portfolioSlides .title .number{
        width: 100% !important;
        font-size: 13px !important;
        margin-bottom: 0 !important;
        padding: 12px 0 !important;
        min-height: 70px;
    }
    .portfolioSlides p.titles{
        font-size: 10px !important;
        margin-bottom: 0 !important;
        padding: 12px 0 !important;
    }

    .content-left{
        float: none !important;
    }
    .white-popup{
        margin: 0 !important;
    }
    .mfp-container{
        padding: 0 !important;
    }

    h3.live-jingles.z-link{
        width: 100% !important;
    }



    .mobileNav .logo a {
        height: 60px !important;
    }

    .mobileNav .logo a img{
        height: 60px !important;
        width: inherit !important;
    }
    .portfolioSlider{
        overflow: visible;
        height: inherit !important;
    }
    .portfolioSlides, .flex-viewport{
        margin: 0;
    }
    .portfolioSlides ul.slides , .portfolioSlides ul.slides li{
        height: 400px !important;
    }
    .container_acc #acc{
        height: inherit !important;
    }
    .mobileNav{
        padding: 0 !important;
    }
}







*/




.portfolioBox .splitter.performances-visuelles{
    background: #003366 !important;
}

.car.performances-visuelles:hover{
    background: #fff !important
}



span#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 44px;
    height: 44px;
    display: inline-block;
    background: #990000;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    z-index: 140;
    cursor: pointer;
    display: none;

}

.btn_sound_design{
    display: inline-block;
    margin-top: 15px;
    padding: 10px 30px;
    color: #000;
    background: #ffcccc;
    text-decoration: none;
    font-size: 15px;
    text-transform: capitalize;
    max-width: 100%
}

.header2 .logo h1{
    margin: 0;
}