body { position: relative; overflow-x: hidden;font-family: 'Alegreya Sans', sans-serif; font-weight:500; background-image:url(../images/background-dots.png); background-repeat:repeat; }
body.home-dmdd { background-color:#b8d2df; background-image:url(../images/background-dots-home.png); }
body, html {  height: 100%;}
img{ max-width:100%!important;}
ul, li { padding:0; margin:0;}
.nav .open > a { background-color: transparent; }
.nav .open > a:hover { background-color: transparent; }
.nav .open > a:focus { background-color: transparent; }




.pace {  -webkit-pointer-events: none;  pointer-events: none;  -webkit-user-select: none;  -moz-user-select: none; user-select: none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;  -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;  z-index: 999999; position: fixed;margin: auto; top: 12px; left: 0; right: 0; bottom: 0; width: 240px; height: 50px; overflow: hidden; }
.pace .pace-progress {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  box-sizing: border-box;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px;  -webkit-background-clip: padding-box;  -moz-background-clip: padding;  background-clip: padding-box;  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  display: block;  position: absolute;  right: 100%;  margin-right: -7px;  width: 93%;  top: 9px;  height: 2px;  font-size: 20px;  z-index: 99999; background: #000;  color: #000;  line-height: 45px; }
.pace .pace-progress:after {content: attr(data-progress-text);display: inline-block;position: fixed;width: 45px; text-align: right; right: 0; top: 4px;}
.pace .pace-activity {position: absolute;width: 100%;height: 28px;z-index: 2001; background-image:url(../images/loading-bg.png); background-repeat:no-repeat; }
.pace.pace-inactive {display: none;}	
.pace-overlay{ position:fixed; width:100%; height:100%; background-color:rgba(255,255,255,0.9); z-index:99999;}
.pace-done .pace-overlay { display:none;}


#wrapper {  -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;  padding-left: 0;}
#wrapper.toggled { padding-left: 410px; }
#wrapper.toggled #sidebar-wrapper { width: 410px; }
#wrapper.toggled #page-content-wrapper { margin-right: -410px; position: absolute; padding-left:0;}
#sidebar-wrapper { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #faf7de;  height: 100%; left: 410px; margin-left: -410px; overflow-x: hidden; overflow-y: auto;  transition: all 0.5s ease; width: 0; z-index: 1000; background-image:url(../images/menu-bg.jpg); background-repeat:repeat; border:none;}
/*#sidebar-wrapper::-webkit-scrollbar { display: none;}*/
#page-content-wrapper { padding-top: 0px; position:relative; padding-left: 86px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.sidebar-nav { list-style: none; margin: 100px 0 0; padding: 0; position: absolute; top: 0; width: 410px;}
.sidebar-nav li { display: inline-block; line-height: 20px; position: relative; width: 100%; margin-bottom: 4%;}
.dropdown li{ margin-bottom:0;}
.sidebar-nav li a { color: #000; font-size:25px; display: block; padding: 10px 15px 10px 86px; text-decoration: none;font-weight: 400; position:relative;}
.sidebar-nav li a:before{ position:absolute; content:""; width:18px; height:30px; background-image:url(../images/menu-left-arrow.png); background-repeat:no-repeat; left: -80px; top: 5px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);}
.sidebar-nav li a:hover:before{ left:45px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);}
.dropdown-menu>li>a { line-height: 25px;}
.sidebar-nav .dropdown-menu {  background-color: transparent; border-radius: 0;  border: none; box-shadow: none; margin: 0;  padding: 0 0 0 40px; position: relative; width: 100%; max-height:0px; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; opacity:0; visibility:hidden;}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus { background-color: transparent;color: #394b86; text-decoration: none;}
.open .dropdown-menu { max-height:1000px; opacity:1; visibility:visible;}
.sidebar-nav > .sidebar-brand { font-size: 20px;height: 65px; line-height: 44px;}
.contents { display:inline-block; padding-bottom:120px;}

.menu-box { position: fixed; padding-top: 17px; height: 100%; background-color: #faf7de; z-index: 9999; width: 86px; text-align: center; font-size: 20px; top:0; left:0; background-image:url(../images/menu-bg.jpg); background-repeat:repeat;}
.toggled .menu-box{ height:auto;}
@media (min-width:768px){
.toggled .menu-box { background:none;}
}
.hamburger { background: transparent;border: none;  display: block; height: 32px; margin-left: 15px; position: relative;top: 0px; width: 55px; height: 44px; background-image:url(../images/menu-bg.png); background-repeat:no-repeat; background-position:left top; outline:none;}
.hamburger.is-open { background-image:url(../images/menu-close-bg.png);}

li.social-media { padding-left:90px;}
li.social-media a{ float:left; padding:0; width:53px; height:53px; background-image:url(../images/social-media.png); background-repeat:no-repeat; font-size:0!important; margin-right:10px;}
li.social-media a.facebook{ background-position:left top;}
li.social-media a.youtube{ background-position:right top;}
.no-arrow a:before { display:none!important;}
li.pdf-button a, li.subscribe-button a { padding-left:85px; line-height:30px;}
span.pdf-icon{ background-image:url(../images/menu-icons.png); background-repeat:no-repeat; background-position:left top; width:72px; height:100px; float:left; margin-right:10px;}
span.mail-icon{ background-image:url(../images/menu-icons.png); background-repeat:no-repeat; background-position:-80px top; width:72px; height:62px; float:left; margin-right:10px;}
.no-arrow .dropdown-menu a{ padding-left: 30px!important;}
.no-arrow .dropdown-menu img{ max-width:300px!important;}
.footer{ text-align:center; padding:20px 0; width:100%; float:left; margin-top:-250px; position:relative; }
.footer li { display:inline-block; list-style:none; vertical-align:middle}

#vertical-ticker { width:100%; height: 400px; overflow: hidden; margin: 10px 0; padding: 0; list-style: none; float:left; }
#vertical-ticker li { padding: 0px 10px; display: block; color: #333; text-align: left; margin:0 0 15px}
#vertical-ticker li a{ padding:0px!important; padding-left:0!important;}
#vertical-ticker li .description-box { width:250px; position:relative; display:inline-block; text-align:center;}
#vertical-ticker li .description-box img{ width:100%;}
#vertical-ticker li p.description { position:absolute; left:0; right:0; margin:auto; background-color:rgba(255,255,255,0.8); font-size:20px; color:#000; height:100%; width:100%;  -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; opacity:1; }
#vertical-ticker li p.description span{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; display:table; width: 100%; padding: 0 20px;}

@-moz-document url-prefix() { 
  #vertical-ticker li p.description span {
     top:30%;
  }
}

#vertical-ticker li .description-box:hover p.description{ opacity:0}
#vertical-ticker li span.year { font-size:20px; display:inline-block; margin-left:15px;}

li a.ticker-nav{ width:83px; height:63px; float:left; background-image:url(../images/up-arrow.png); padding:0!important; padding-left:0px!important; font-size:0px!important;}
li a.ticker-nav.next{ transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
.scrolling-menu{ margin:20px 0; padding-left:30px;}
.spacerh20{ height:20px; display:block;}
.top-image{ position:relative; margin:-50px 0;}
.padding20{ padding:0 20px;}
.spectacles-video{ width:100%; background-color:#fff; padding-top:10px;}
.col-left{ float:left; width:50%; height:490px; overflow-y:hidden; }
.col-left img { min-height:100%;}
.col-left h3{ font-size:62px; font-weight:300; margin:0;}
.col-left p{ font-size:37px; font-weight:400; margin:20px 0 0;}
.col-right{ float:right; width:50%;}
.spectacles-video .col-right { position:relative; padding-bottom: 54px;}
.video-description { width:100%; float: left; }
.video-info, .fermer-info{ padding:15px; font-size:20px; border-bottom: 2px solid #000; float: left; width: 100%;}
.video-info a, .fermer-info a { color:#000; text-decoration:none; }
.video-info:before, .fermer-info:before{ content:""; width:18px; height:28px; background-image:url(../images/video-left-arrow.png); float:left; margin-right:5px; }
.fermer-info:before{ transform: rotate(90deg) }
.spectacle-contents{ margin:50px 0 0px; padding:30px 30px 0; float:left; width:100%}
.spectacle-contents p{ font-size:24px; line-height:26px; margin-bottom:25px; font-weight: 300;}
.spectacle-contents h4{ font-size:30px; line-height:34px; font-weight:800}
.icon-links { padding-top:50px;}
.icon-links p { position:relative; padding-left:80px; margin-bottom:30px; font-weight:400;}
p.small-text { font-size: 22px; line-height: 24px;}
.icon-links a{ color:#333; text-decoration:none;}
.icon-links a:hover{ color:#394b86}
.icon-links p:before { width: 66px; height: 60px; background-image: url(../images/menu-icons.png); background-repeat: no-repeat; content: ""; float: left; margin-right: 10px; background-position: left bottom; position:absolute; left:0; top:0}
.icon-links p.schedule:before { background-position:-162px bottom;}
.icon-links p.media:before { background-position:-238px -18px; height: 80px;}
.icon-links p.media { line-height: 28px; padding-bottom: 53px;}
.icon-links p.audio:before { background-position:-314px bottom}
.icon-links p.tambien:before { background-position:-391px -34px; height:63px;}
.icon-links p.pdf:before { background-position:-3px bottom; height: 100px;}
.icon-links p.audio .audio-tools{ display:none; position:absolute; left:0; bottom:-30px;}
.icon-links p.audio:hover .audio-tools { display:block;}

.page-title { font-weight:400;}
.page-title-box{ position:relative; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; left:0;}
.toggled .page-title-box{ left:-70px;}

.medias p{ font-size:24px; line-height: 26px;}
.media-single-section{ border-top:2px solid #333; padding-top:30px; margin-bottom:30px;}
.media-single-section h3 { font-size:45px; margin:0 0 20px}
.media-single-section p{ margin-bottom:10px;}


.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none; margin:20px auto}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
.light-box-wrapper img{max-width:220px!important;}
.light-box-wrapper a{ text-decoration:none;}



.banner p{padding:0 20px; font-size:18px; margin-bottom:5px}

.conversation-box { position:relative; width:100%; min-height:720px; margin-top:50px}
.big-chat{ position:absolute; background-image:url(../images/big-text-bubble-bg.png); background-repeat: no-repeat; max-width: 650px; width: 100%; min-height: 520px; background-size: 100%; padding:50px 90px; font-size:30px; font-family:"Times New Roman", Times, serif; z-index:9}
.big-chat.left { left:10%;}
.big-chat.right { right:10%; bottom:0; padding-top:100px}
.big-chat p {font-size: 26px; color:#135c1f; line-height: 25px; }
.big-chat h3 {font-size: 30px; color:#135c1f; line-height: 30px; }
.small-chat { position:absolute; left:10%; bottom:0; background-image:url(../images/chair-image.jpg); width:100%; max-width: 400px; height: 270px; background-size: 300px; background-repeat: no-repeat; background-position: left bottom;}
.yes-text{position: absolute; right: 0;top: 0;  width: 100px; height: 114px;background-image: url(../images/small-text-bubble-bg.png);  background-size: 100px; background-repeat: no-repeat; text-align: center; padding: 13px 0;   font-size: 24px;}
.inner-footer{ width:100%; display:inline-block; text-align:right; padding:0 20px;}
.right-top { position: absolute; right: 20px; top: 0; background-image: url(../images/words-bg.png); background-repeat: no-repeat; padding: 36px 0 0 97px; font-size: 18px;}	

.footer li img{ max-height:80px;}
.spectacles-menu li a img{ max-width:180px!important; }
.medias { padding:50px 50px 0;}
.spectacle-contents ul li{ display:inline-block; margin:1% 0;}
.light-box-wrapper img{ max-width:220px!important;vertical-align: top; max-height: 150px; margin:.5%;}
.carousel-indicators li, .carousel-indicators li.active { background:none;}
.carousel-indicators li:before { width:13px; height:13px; content:""; background-color:#fff; display:block; border-radius:10px;}
.carousel-indicators li.active:before { background-color:#000; width:13px; height:13px;}

.program-popup { cursor:pointer}
.popup-window { width:100%; background-color:#fff; display:none; position:absolute; z-index: 9; max-height:400px; overflow-y:scroll; margin-bottom: 30px; padding: 30px 10px;}
.single-box {width: 100%; border-top: 1px solid #000; margin: 0; padding: 0 0 10px; display: inline-block;}
.single-box p { position: static; padding-left: 0; margin-bottom: 0; }
.single-box p:before { display:none;}
.single-box h3{ font-size:24px; font-weight:bold; margin:10px 0 0;}
.popup-header { width:100%; display:inline-block;margin-bottom: 20px;}
.head { float:left;}
.head p{ font-weight:bold; margin-bottom:10px}
.close-popup { float:right; font-size:24px; margin: 20px 0 0; cursor:pointer}
.close-popup:before {content: ""; width: 18px; height: 28px; background-image: url(../images/video-left-arrow.png); float: left; margin-right: 5px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
.single-box span { float:right; font-weight:bold;}

.video-desc-window { position:absolute; bottom: 0; background-color: #fff; width: 100%; text-align: left;}
.description-popup { font-size:16px;}
.description-popup p{ padding-top:20px;}

.credit { position: absolute; bottom: 0; left: 0;  color: #fff;}
.credit.black { color:#000;}


@media screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu{ display: block;}
.dropdown-menu{ margin-top: 0; }
.dropdown-toggle{margin-bottom: 2px;}
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0;}
.mob-view{ display:none;}
.page-title{ position:absolute; left:-272px; top:0;-webkit-transform: rotate(-90deg);   -webkit-transform-origin: right top;  -moz-transform: rotate(-90deg);  -moz-transform-origin: right top;  -ms-transform: rotate(-90deg);  -ms-transform-origin: right top;  -o-transform: rotate(-90deg); -o-transform-origin: right top;  transform: rotate(-90deg);  transform-origin: right top;  width: 300px; font-size: 28px; text-align: right; height: 30px;    line-height: 26px;}
}


@media (max-width:1547px){
.col-left{padding: 0px;}
.light-box-wrapper img{ max-width:190px!important;}
}
	
@media (max-width:1510px){
.col-left {height:490px;}
}
@media (max-width:1400px){
.col-left h3 {  font-size: 60px;}
.footer { margin-top: -200px;}
.spectacle-contents p { line-height: 26px;}
.icon-links br{ display:none;}

.conversation-box {  min-height: 640px;}
.big-chat {  max-width: 540px;  min-height: 432px; padding: 30px 70px;}
.big-chat.right { padding-top: 30px;}
.small-chat { max-width: 270px; background-size: 270px;}
.big-chat p { font-size: 22px;}
.light-box-wrapper img{ max-width:170px!important;}

}
@media (max-width:1360px){
.col-left h3 {  font-size: 59px;}
}

@media (max-width:1341px){
.col-left h3 {  font-size: 58px;}
}
@media (max-width:1321px){
.col-left h3 {  font-size: 57px;}
}
@media (max-width:1290px){
.col-left h3 {  font-size: 48px;}
.light-box-wrapper img{ max-width:140px!important;}
}
@media (max-width:1200px){
.footer { margin-top: -150px;}

.big-chat.left { left: 20px;}
.big-chat.right { right: 20px;}
.small-chat { left:20px; height: 220px;}
}

@media (max-width:1030px){
.col-left h3 {
    font-size: 52px;
}
}

@media (max-width:1024px){
.col-right {  width: 100%;}
.col-left {  width: 100%; height:100%;}
.col-left img { height:auto; min-height:inherit}
}
@media (max-width:992px){
.conversation-box { padding:0 20px; margin:50px 0; padding-top:100px;}
.right-top { left:20px; right:auto;}
.big-chat{ position:static; max-width:100%; display:inline-block; background-size: 100% 100%; text-align:center; min-height:auto; padding-bottom:180px;}
.small-chat { position:relative; max-width:100%; left:0;}
.yes-text{ position:static; margin-left:100px}
.big-chat p { font-size: 20px; line-height: 18px;}
}

@media (max-width:768px){
.col-left, .col-right{ width: 100%;}
.first-link {margin-top:40px;}
}
@media (max-width:767px){
#page-content-wrapper{ padding-left:0;}
#wrapper.toggled { padding-left: 0px; }
#wrapper.toggled #sidebar-wrapper { width: 100%; }
#wrapper.toggled #page-content-wrapper { margin-right: 0px; position: absolute;}
#sidebar-wrapper {left:0px; margin-left: 0px; }
.sidebar-nav { width: 100%; margin: 20px 0 0;}
.menu-box { padding-left: 10px; padding-top: 10px; height: auto; width: 100%; text-align: left;}
.menu-box p{ margin:6px; float: left;}
.hamburger { margin: 0 0 10px;; float:left}
.sidebar-nav li a { font-size: 20px;}
span.pdf-icon { width: 40px; height: 56px; background-size: 260px;}
span.mail-icon { width: 40px; height: 33px; background-size: 260px;  background-position: -43px top;}
li.pdf-button a, li.subscribe-button a { line-height: 21px;}
.sidebar-nav li a:before{ display:none;}
.sidebar-nav .dropdown-menu { padding: 0 0 0 15px;}
.no-arrow .dropdown-menu img{ max-width:100%!important;}
.no-arrow .dropdown-menu a { padding-left: 0px!important;}
#page-content-wrapper { padding-top: 64px;}
.footer { padding:15px; margin-top: 0;}
.footer li { margin-bottom:10px;}
.footer li img{ max-width:200px;}
.scrolling-menu { padding-left: 0; margin:0;}
#vertical-ticker { height: 430px;}
#vertical-ticker li .description-box { width:60%;}
#vertical-ticker li p.description { font-size:16px; padding:10px;}
li a.ticker-nav { width: 30px; height: 23px; background-size: 30px;}
#vertical-ticker li { padding: 0;}
#vertical-ticker li span.year { margin-left: 0px;}
#page-content-wrapper { background-image:url(../images/background-dots.png); text-align:center;}
body.home-dmdd #page-content-wrapper { background-image:url(../images/background-dots-home.png); text-align:center;}
.animated-image img{display:none;}

.icon-links p { min-height: 70px; margin-bottom: 10px; text-align: left; padding-left: 60px; line-height: 33px;}
.close-popup { font-size: 18px;}
.icon-links p.media:before { background-position: -164px -8px; height: 60px;}
.icon-links p:before { width: 46px; height: 43px; background-size:323px;}
.icon-links p.pdf:before { height: 70px;}
.icon-links p.schedule:before { background-position: -112px bottom;}
.icon-links p.audio:before { background-position: -218px bottom;}
.icon-links p.tambien:before { background-position: -270px -22px;}
.spectacle-contents .col-md-3.text-right { text-align:center!important; margin-bottom: 30px;}
.video-info, .fermer-info{ text-align:left; padding:10px;}
.spectacle-contents { margin: 0px 0; padding: 10px;float: left;}
.col-left p { font-size: 22px;}
.col-left h3 { font-size: 32px;}
.spectacle-contents p { font-size: 20px; line-height: 22px;}
.icon-links.medias p { font-size:20px; line-height:20px}
.media-single-section h3 { font-size: 31px; margin: 0 0 10px;}
.page-title-box { float: right; margin-right: 0px;max-width: 180px;}
.page-title { font-size: 20px; text-align: right; height: auto; float: right;}
.icon-links { padding: 0 10px; width: 100%; float: left}
.footer li img{ max-height:40px;}
.icon-links p.media { line-height: 20px;}
.spectacle-contents { text-align: left;}
.carousel-indicators { bottom: 0;}
.col-right iframe { height:260px; }
.single-box p { min-height: 10px; margin-bottom: 0px; padding-left: 0px; line-height: 24px;}
.popup-header p {font-size: 20px; line-height: 22px;}
.banner p { font-size: 13px; }
}

@media (max-width:480px){
.big-chat { padding-left:40px; padding-right:10px;}
.toggled .page-title-box {
    left: 0px;
}
.first-link {margin-top:40px;}
}
area:focus{outline:none}