.container .contents { padding-top:14px; }
.container .resume { width:76%; margin-bottom:34px; }
.slider { background-color:transparent; background-color:transparent; position:relative; max-width:1740px; height:940px; margin:0 73px 0 0; padding:0; overflow:hidden; z-index:0; }
.sliderWrapper { text-align:center; position:relative; width:100%; height:100%; }
.slide { background-color:transparent; text-align:center; position:absolute; top:0; right:0; left:0; width:100%; height:100%; margin:0; padding:0; }
.sliderWrapper > a.slide:first-child { }
.hall { background-position:center center; background-size:cover; height:890px; margin:0; padding:0; }
.hall.clermont { background-image:url(../img-indx/00-ComedieClermont-photoMathieuNoel.jpg); }
.hall.geneve { background-image:url(../img-indx/00-ConservatoireMusiqueGeneve-photoThinkUtopia.jpg); }
.hall.beijing { background-image:url(../img-indx/00-BeijingCitySubCenterTheater.jpg); }
.hall.beaulieu { background-image:url(../img-indx/00-TheatreBeaulieu-photoFehlmannArchitectes.jpg); }
.hall.bochum { background-image:url(../img-indx/00-MusikzentrumBochum.jpg); background-position:bottom center; }
.hall.lille { background-image:url(../img-indx/00-LeNouveauSiecle-photoKA.jpg); }
.hall.bern { background-image:url(../img-indx/00-CasinoBern-photoMichaRiechsteiner.jpg); }

a.slide .leg { background-color:#fff; text-align:left; position:relative; margin-top:890px; padding-top:12px; display:block; z-index:10; }
a.slide .leg.center { text-align:center; }
a.slide .leg p { font-size:14px; line-height:20px; margin:0 12px 0 0; border-bottom:1px #fff solid; display:inline; }
a.slide .leg p span { font-size:12px; line-height:20px; border-bottom:1px #fff solid; }
a.slide:focus .leg p, a.slide:hover .leg p, a.slide:active .leg p { border-bottom:1px #999 solid; }
a.slide:active .leg p { border-bottom:0; }
a.slide .title { background-color:transparent; text-align:left; position:absolute; top:0; right:0; left:0; width:100%; height:100%; margin:0; padding:0; display:table; z-index:10; }
a.slide h2 { color:#fff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; text-align:left; position:relative; margin:24px; padding:0; display:block; }
a.slide h2.center { text-align:center; text-shadow:1px 1px 3px #888; margin:0; padding-bottom:76px; display:table-cell; vertical-align:middle; }
a.slide:focus h2.center, a.slide:hover h2.center, a.slide:active h2.center { text-shadow:0px 0px 0px #009ad3; }
a.slide:focus .title, a.slide:hover .title, a.slide:active .title { background-color:#009ad3; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9; }
.push { background-color:#ddd; height:0; }
#footer { position:fixed; }
#footer ul#menu-index { font-size:12px; line-height:20px; list-style-type:none; margin-top:14px; margin-right:24px; display:none; }
#footer #menu-index li { background-color:transparent; margin:0 6px; display:inline; }
#footer #copy li a:focus, #footer #copy li a:hover, #footer #copy li a:active { color:#000; border-bottom:1px #999 solid; }
@media screen and (min-width:1025px) and (max-width:1440px) { 
h1 { font-size:34px; line-height:38px; }
}
@media screen and (min-width:769px) and (max-width:1024px) { 
.container .resume { width:auto; margin-bottom:12px; }
h1 { font-size:26px; line-height:36px; }
.slider { max-width:1765px; margin:0 48px 0 0; }
}
@media screen  and (min-width:481px) and (max-width:768px) { 
.container .contents { padding-top:24px; }
.container .resume { width:100%; margin-bottom:24px; }
h1 { font-size:26px; line-height:30px; }
.slider { max-width:744px; margin:0 24px 0 0; }
a.slide .leg { text-align:left; }
a.slide .leg p { font-size:14px; }
a.slide h2 { text-align:left; vertical-align:top; }
#footer { text-align:left; position:absolute; bottom:-120px; height:168px; }
#footer .contents { margin-left:50px; }
#footer a.ka { margin-top:12px; float:none; display:block; }
#footer a.ka img { width:88px; }
#footer ul#copy { display:none; }
#footer ul#menu-index { display:block; }
#footer #menu-index .menu { line-height:24px; width:auto; margin-top:2px; float:left; }
#footer #menu-index .menu.principal { left:0; }
#footer #menu-index .menu.langs { right:auto; left:0; margin-left:24px; }
#footer #menu-index .menu.copy { right:auto; left:0; float:right; }
#footer #menu-index .menu li { margin:0; padding:0; display:block; }
#footer #menu-index .menu li a:focus, #footer #menu-index .menu a:hover, #footer #menu-index .menu li a:active { color:#000; border-bottom:1px #999 solid; }
#footer #menu-index .menu li a.lin img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; width:50px; height:13px; margin-top:5px; border-bottom:0; }
#footer .menu li a.lin:focus, #footer #menu-index .menu li a.lin:hover, #footer .menu li a.lin:active { border-bottom:0; }
#footer .menu li a.lin:focus img, #footer #menu-index .menu li a.lin:hover img, #footer .menu li a.lin:active img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; border-bottom:0; cursor:pointer; }
}
@media screen and (max-width:480px) { 
.container .contents { padding-top:14px; }
.container .resume { width:100%; margin-bottom:24px; }
h1 { font-size:21px; line-height:26px; }
.slider { max-width:480px; margin:0 24px 0 0; }
a.slide .leg { text-align:left; }
a.slide .leg p { font-size:14px; margin:0; }
a.slide .leg p span { display:none; }
#footer { text-align:left; position:absolute; bottom:-160px; height:208px; }
#footer .contents { margin-left:50px; }
#footer a.ka { margin-top:12px; float:none; display:block; }
#footer a.ka img { width:88px; }
#footer ul#copy { display:none; }
#footer ul#menu-index { display:block; }
#footer #menu-index .menu { line-height:24px; width:auto; margin-top:0; float:left; }
#footer #menu-index .menu.principal { left:0; }
#footer #menu-index .menu.langs { right:auto; left:0; margin-left:24px; }
#footer #menu-index .menu.copy { right:auto; left:0; margin-left:24px; float:left; }
#footer #menu-index .menu li { margin:0 12px 0 0; padding:0; display:block; }
#footer #menu-index .menu li a:focus, #footer #menu-index .menu a:hover, #footer #menu-index .menu li a:active { color:#000; border-bottom:1px #999 solid; }
#footer #menu-index .menu li a.lin img { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; width:50px; height:13px; margin-top:5px; border-bottom:0; }
#footer .menu li a.lin:focus, #footer #menu-index .menu li a.lin:hover, #footer .menu li a.lin:active { border-bottom:0; }
#footer .menu li a.lin:focus img, #footer #menu-index .menu li a.lin:hover img, #footer .menu li a.lin:active img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; -khtml-opacity:1; border-bottom:0; cursor:pointer; }
}

@media screen and (min-height:1256px) { .slider { height:940px; }.hall { height:890px; }a.slide .leg { margin-top:890px; } }
@media screen and (min-height:1236px) and (max-height:1255px) { .slider { height:920px; }.hall { height:870px; }a.slide .leg { margin-top:870px; } }
@media screen and (min-height:1216px) and (max-height:1235px) { .slider { height:900px; }.hall { height:850px; }a.slide .leg { margin-top:850px; } }
@media screen and (min-height:1196px) and (max-height:1215px) { .slider { height:880px; }.hall { height:830px; }a.slide .leg { margin-top:830px; } }
@media screen and (min-height:1176px) and (max-height:1195px) { .slider { height:860px; }.hall { height:810px; }a.slide .leg { margin-top:810px; } }
@media screen and (min-height:1156px) and (max-height:1175px) { .slider { height:840px; }.hall { height:790px; }a.slide .leg { margin-top:790px; } }
@media screen and (min-height:1136px) and (max-height:1155px) { .slider { height:820px; }.hall { height:770px; }a.slide .leg { margin-top:770px; } }
@media screen and (min-height:1116px) and (max-height:1135px) { .slider { height:800px; }.hall { height:750px; }a.slide .leg { margin-top:750px; } }
@media screen and (min-height:1096px) and (max-height:1115px) { .slider { height:780px; }.hall { height:730px; }a.slide .leg { margin-top:730px; } }
@media screen and (min-height:1076px) and (max-height:1095px) { .slider { height:760px; }.hall { height:710px; }a.slide .leg { margin-top:710px; } }
@media screen and (min-height:1056px) and (max-height:1075px) { .slider { height:740px; }.hall { height:690px; }a.slide .leg { margin-top:690px; } }
@media screen and (min-height:1036px) and (max-height:1055px) { .slider { height:720px; }.hall { height:670px; }a.slide .leg { margin-top:670px; } }
@media screen and (min-height:1016px) and (max-height:1035px) { .slider { height:700px; }.hall { height:650px; }a.slide .leg { margin-top:650px; } }
@media screen and (min-height:996px) and (max-height:1015px) { .slider { height:680px; }.hall { height:630px; }a.slide .leg { margin-top:630px; } }

@media screen and (min-height:976px) and (max-height:995px) { .slider { height:710px; }.hall { height:660px; }a.slide .leg { margin-top:660px; } }
@media screen and (min-height:956px) and (max-height:975px) { .slider { height:690px; }.hall { height:640px; }a.slide .leg { margin-top:640px; } }
@media screen and (min-height:936px) and (max-height:955px) { .slider { height:670px; }.hall { height:620px; }a.slide .leg { margin-top:620px; } }
@media screen and (min-height:916px) and (max-height:935px) { .slider { height:650px; }.hall { height:600px; }a.slide .leg { margin-top:600px; } }
@media screen and (min-height:896px) and (max-height:915px) { .slider { height:630px; }.hall { height:580px; }a.slide .leg { margin-top:580px; } }
@media screen and (min-height:876px) and (max-height:895px) { .slider { height:610px; }.hall { height:560px; }a.slide .leg { margin-top:560px; } }
@media screen and (min-height:856px) and (max-height:875px) { .slider { height:590px; }.hall { height:540px; }a.slide .leg { margin-top:540px; } }
@media screen and (min-height:836px) and (max-height:855px) { .slider { height:570px; }.hall { height:520px; }a.slide .leg { margin-top:520px; } }
@media screen and (min-height:816px) and (max-height:835px) { .slider { height:550px; }.hall { height:500px; }a.slide .leg { margin-top:500px; } }
@media screen and (min-height:796px) and (max-height:815px) { .slider { height:530px; }.hall { height:480px; }a.slide .leg { margin-top:480px; } }
@media screen and (min-height:776px) and (max-height:795px) { .slider { height:510px; }.hall { height:460px; }a.slide .leg { margin-top:460px; } }
@media screen and (min-height:756px) and (max-height:775px) { .slider { height:490px; }.hall { height:440px; }a.slide .leg { margin-top:440px; } }
@media screen and (min-height:736px) and (max-height:755px) { .slider { height:470px; }.hall { height:420px; }a.slide .leg { margin-top:420px; } }
@media screen and (min-height:716px) and (max-height:735px) { .slider { height:450px; }.hall { height:400px; }a.slide .leg { margin-top:400px; } }
@media screen and (min-height:696px) and (max-height:715px) { .slider { height:430px; }.hall { height:380px; }a.slide .leg { margin-top:380px; } }
@media screen and (min-height:676px) and (max-height:695px) { .slider { height:410px; }.hall { height:360px; }a.slide .leg { margin-top:360px; } }
@media screen and (min-height:656px) and (max-height:675px) { .slider { height:390px; }.hall { height:340px; }a.slide .leg { margin-top:340px; } }
@media screen and (min-height:636px) and (max-height:655px) { .slider { height:370px; }.hall { height:320px; }a.slide .leg { margin-top:320px; } }
@media screen and (min-height:616px) and (max-height:635px) { .slider { height:350px; }.hall { height:300px; }a.slide .leg { margin-top:300px; } }
@media screen and (min-height:596px) and (max-height:615px) { .slider { height:330px; }.hall { height:280px; }a.slide .leg { margin-top:280px; } }
@media screen and (min-height:576px) and (max-height:595px) { .slider { height:310px; }.hall { height:260px; }a.slide .leg { margin-top:260px; } }
@media screen and (min-height:556px) and (max-height:575px) { .slider { height:290px; }.hall { height:240px; }a.slide .leg { margin-top:240px; } }
@media screen and (min-height:536px) and (max-height:555px) { .slider { height:270px; }.hall { height:220px; }a.slide .leg { margin-top:220px; } }
@media screen and (min-height:516px) and (max-height:535px) { .slider { height:250px; }.hall { height:200px; }a.slide .leg { margin-top:200px; } }
@media screen and (min-height:496px) and (max-height:515px) { .slider { height:230px; }.hall { height:180px; }a.slide .leg { margin-top:180px; } }
@media screen and (min-height:476px) and (max-height:495px) { .slider { height:210px; }.hall { height:160px; }a.slide .leg { margin-top:160px; } }

@media print { 
.slider { display:none; }
a.slide .title { display:none; }
#footer { position:relative; }
}