a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none} table{border-collapse:collapse;border-spacing:0} textarea{resize:vertical} img{vertical-align:middle} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} ::-moz-selection{background:#b3d4fc;text-shadow:none} ::selection{background:#b3d4fc;text-shadow:none} @media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""} blockquote,pre{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} img,tr{page-break-inside:avoid} img{max-width:100%!important} @page{margin:.5cm} h2,h3,p{orphans:3;widows:3} h2,h3{page-break-after:avoid}} body{margin:0;padding:0;font-size:62.5%} .main{margin-left:auto;margin-right:auto;width:100%;max-width:1245px} .container{width:96%;margin-left:2%;margin-right:2%;background-color:#FFF} .wrapper{margin-left:1.8%;margin-right:1.8%;width:96.4%} .grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-4-4-4,.grid-4-8-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-8-8-4,.grid-9{display:inline;float:left;margin:.9%} .parsys .component{margin:10px .9%} .parsys .parsys .component{margin-left:0;margin-right:0} .pull_1,.pull_10,.pull_11,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative;overflow:hidden} .container .grid-1{width:6.533%} .container .grid-2{width:14.866%} .container .grid-3{width:23.199%} .container .grid-4,.grid-4-4-4,.grid-4-8-4{width:31.532%} .container .grid-5{width:39.865%} .container .grid-6{width:48.198%} .container .grid-7{width:56.531%} .container .grid-8,.grid-8-8-4{width:64.864%} .container .grid-9{width:73.197%} .container .grid-10{width:81.53%} .container .grid-11{width:89.863%} .container .grid-12{width:98.196%} .parsys.grid-8 .grid-4,.parsys.grid-8 .grid-4-4-4,.parsys.grid-8 .grid-4-8-4{width:47.4%;margin-left:1.3%;margin-right:1.3%} .parsys .component.component-image,.parsys .component.component-push,.parsys .component.component-video,.span12 .component.component-push{clear:both;margin-left:-2.1%;margin-right:-2.1%} .span12.full-width{margin-left:-2.1%;margin-right:-2.1%} .span12.full-width .parsys.grid-6{width:50%;margin-right:0;margin-left:0} .parsys .parsys .component.component-image,.parsys .parsys .component.component-video{margin-left:0;margin-right:0} .parsys.grid-8 .grid-4-4-4.alpha,.parsys.grid-8 .grid-4-8-4.alpha,.parsys.grid-8 .grid-4.alpha{margin-left:0;margin-right:1.4%;width:48.6%} .parsys.grid-8 .grid-4-4-4.omega,.parsys.grid-8 .grid-4-8-4.omega,.parsys.grid-8 .grid-4.omega{margin-right:0;margin-left:1.4%;width:48.6%} .container .prefix_1{padding-left:8.33%} .container .prefix_2{padding-left:16.66%} .container .prefix_3{padding-left:24.99%} .container .prefix_4{padding-left:33.32%} .container .prefix_5{padding-left:41.65%} .container .prefix_6{padding-left:49.98%} .container .prefix_7{padding-left:58.31%} .container .prefix_8{padding-left:66.64%} .container .prefix_9{padding-left:74.97%} .container .prefix_10{padding-left:83.3%} .container .prefix_11{padding-left:91.63%} .container .suffix_1{padding-right:8.33%} .container .suffix_2{padding-right:16.66%} .container .suffix_3{padding-right:24.99%} .container .suffix_4{padding-right:33.32%} .container .suffix_5{padding-right:41.65%} .container .suffix_6{padding-right:49.98%} .container .suffix_7{padding-right:58.31%} .container .suffix_8{padding-right:66.64%} .container .suffix_9{padding-right:74.97%} .container .suffix_10{padding-right:83.3%} .container .suffix_11{padding-right:91.63%} .container .push_1.grid-1{left:8.33%} .container .push_2.grid-2{left:16.66%} .container .push_3.grid-3{left:25%} .container .push_4.grid-4{left:33.33%} .container .push_5.grid-5{left:41.66%} .container .push_6.grid-6{left:50%} .container .push_7.grid-7{left:58.33%} .container .push_8.grid-8{left:66.66%} .container .push_9.grid-9{left:75%} .container .push_10.grid-10{left:83.33%} .container .push_11.grid-11{left:91.66%} .container .pull_1.grid-1{left:-8.33%} .container .pull_2.grid-2{left:-16.66%} .container .pull_3.grid-3{left:-25%} .container .pull_4.grid-4{left:-33.33%} .container .pull_5.grid-5{left:-41.66%} .container .pull_6.grid-6{left:-50%} .container .pull_7.grid-7{left:-58.33%} .container .pull_8.grid-8{left:-66.66%} .container .pull_9.grid-9{left:-75%} .container .pull_10.grid-10{left:-83.33%} .container .pull_11.grid-11{left:-91.66%} .container .pull_6 .grid-1,.container .push_6 .grid-1{width:13.2%} .container .pull_6 .grid-2,.container .push_6 .grid-2{width:30.5%} .container .pull_6 .grid-3,.container .push_6 .grid-3{width:48%} embed,img,object{max-width:100%} img{height:auto} @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.container{width:100%;margin:0} .parsys .component.component-image,.parsys .component.component-push,.parsys .component.component-video,.span12 .component.component-push,.span12.full-width{margin-left:-.01%;margin-right:-.01%}} @media only screen and (min-width:481px) and (max-width:1024px) and (orientation:portrait){.container{width:100%;margin:0} .wrapper{margin-left:2.5%;margin-right:2.5%;width:95%} .grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-4-4-4,.grid-4-8-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-8-8-4,.grid-9,.parsys .component,.title.component{margin-left:2.65%;margin-right:2.65%} h2{clear:both;display:block} .container .grid-1{width:7.2%} .container .grid-2{width:17.05%} .container .grid-3{width:37.5%} .container .grid-4{width:46%} .container .grid-5{width:62.5%} .container .grid-6{width:75%} .container .grid-7{width:87.5%} .container .grid-10,.container .grid-11,.container .grid-12,.container .grid-8,.container .grid-9,.grid-4-8-4,.grid-8-8-4{width:94.7%} .container .parsys.grid-6{width:44.7%} .parsys .component.component-image,.parsys .component.component-push,.parsys .component.component-video,.span12 .component.component-push,.span12.full-width{margin-left:-.01%;margin-right:-.01%} .parsys.grid-8 .grid-4,.parsys.grid-8 .grid-4-4-4{width:44.7%;margin-left:2.65%;margin-right:2.65%} .parsys.grid-8 .grid-4-8-4{width:94.7%} .parsys.grid-8{margin-left:2.65%;margin-right:2.65%;width:94.7%} .container .parsys.grid-8 .grid-4-4-4.alpha,.container .parsys.grid-8 .grid-4-8-4.alpha,.container .parsys.grid-8 .grid-4.alpha{margin-left:0;margin-right:1.4%;width:48.6%} .container .parsys.grid-8 .grid-4-8-4.alpha{width:94.7%} .container .parsys.grid-4-4-4.alpha,.container .parsys.grid-4-8-4.alpha,.container .parsys.grid-4.alpha{width:46%} .container .parsys.grid-4-8-4.alpha{width:94.7%} .container .parsys.grid-8 .grid-4-4-4.omega,.container .parsys.grid-8 .grid-4-8-4.omega,.container .parsys.grid-8 .grid-4.omega{margin-right:0;margin-left:1.4%;width:48.6%} .container .parsys.grid-8 .grid-4-8-4.omega{width:94.7%} .container .parsys.grid-4-4-4.omega,.container .parsys.grid-4-8-4.omega,.container .parsys.grid-4.omega{width:46%} .container .parsys.grid-4-8-4.omega{width:94.7%} .container .span8 .grid-4.alpha{margin-left:2.65%;margin-right:1.3%;width:46%} .container .span8 .grid-4.omega{margin-left:1.3%;margin-right:2.65%;width:46%} .container .prefix_1{padding-left:12.5%} .container .prefix_2{padding-left:25%} .container .prefix_3{padding-left:37.5%} .container .prefix_4{padding-left:50%} .container .prefix_5{padding-left:62.5%} .container .prefix_6{padding-left:75%} .container .prefix_10,.container .prefix_11,.container .prefix_7,.container .prefix_8,.container .prefix_9{padding-left:87.5%} .container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4{padding-right:0} .container .suffix_5{padding-right:12.5%} .container .suffix_6{padding-right:25%} .container .suffix_7{padding-right:37.5%} .container .suffix_8{padding-right:50%} .container .suffix_9{padding-right:62.5%} .container .suffix_10{padding-right:75%} .container .suffix_11{padding-right:87.5%}} @media only screen and (min-width:481px) and (max-width:767px){ .container{width:100%;margin:0} .wrapper{margin-left:2.5%;margin-right:2.5%;width:95%} .grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-4-4-4,.grid-4-8-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-8-8-4,.grid-9,.parsys .component,.title.component{margin-left:2.65%;margin-right:2.65%} h2{clear:both;display:block} .container .grid-1{width:7.2%} .container .grid-2{width:17.05%} .container .grid-3{width:37.5%} .container .grid-4{width:46%} .container .grid-5{width:62.5%} .container .grid-6{width:75%} .container .grid-7{width:87.5%} .container .grid-10,.container .grid-11,.container .grid-12,.container .grid-8,.container .grid-9,.grid-4-8-4,.grid-8-8-4{width:94.7%} .container .small-12{ width: 100%; } .parsys.grid-8 .grid-4,.parsys.grid-8 .grid-4-4-4{width:44.7%;margin-left:2.65%;margin-right:2.65%} .parsys.grid-8 .grid-4-8-4{width:94.7%} .parsys.grid-8{margin-left:2.65%;margin-right:2.65%;width:94.7%} .container .parsys.grid-8 .grid-4-4-4.alpha,.container .parsys.grid-8 .grid-4-8-4.alpha,.container .parsys.grid-8 .grid-4.alpha{margin-left:0;margin-right:1.4%;width:48.6%} .container .parsys.grid-8 .grid-4-8-4.alpha{width:94.7%} .container .parsys.grid-4-4-4.alpha,.container .parsys.grid-4-8-4.alpha,.container .parsys.grid-4.alpha{width:46%} .container .parsys.grid-4-8-4.alpha{width:94.7%} .container .parsys.grid-8 .grid-4-4-4.omega,.container .parsys.grid-8 .grid-4-8-4.omega,.container .parsys.grid-8 .grid-4.omega{margin-right:0;margin-left:1.4%;width:48.6%} .container .parsys.grid-8 .grid-4-8-4.omega{width:94.7%} .container .parsys.grid-4-4-4.omega,.container .parsys.grid-4-8-4.omega,.container .parsys.grid-4.omega{width:46%} .container .parsys.grid-4-8-4.omega{width:94.7%} .container .span8 .grid-4.alpha{margin-left:2.65%;margin-right:1.3%;width:46%} .container .span8 .grid-4.omega{margin-left:1.3%;margin-right:2.65%;width:46%} .container .prefix_1{padding-left:12.5%} .container .prefix_2{padding-left:25%} .container .prefix_3{padding-left:37.5%} .container .prefix_4{padding-left:50%} .container .prefix_5{padding-left:62.5%} .container .prefix_6{padding-left:75%} .container .prefix_10,.container .prefix_11,.container .prefix_7,.container .prefix_8,.container .prefix_9{padding-left:87.5%} .container .suffix_1,.container .suffix_2,.container .suffix_3,.container .suffix_4{padding-right:0} .container .suffix_5{padding-right:12.5%} .container .suffix_6{padding-right:25%} .container .suffix_7{padding-right:37.5%} .container .suffix_8{padding-right:50%} .container .suffix_9{padding-right:62.5%} .container .suffix_10{padding-right:75%} .container .suffix_11{padding-right:87.5%}} @media only screen and (max-width:767px) and (orientation:landscape){.container{width:100%;margin:0} .wrapper{margin-left:2.5%;margin-right:2.5%;width:95%;background-color:#c5ddfa} .grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-4-4-4,.grid-4-8-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-8-8-4,.grid-9,.parsys .component,.title.component{margin-left:2.65%;margin-right:2.65%} .container .grid-1{width:7.2%} .container .grid-2{width:17.05%} .container .grid-3{width:37.5%} .container .grid-4,.grid-4-4-4{width:46%} .container .grid-5{width:62.5%} .container .grid-6{width:75%} .container .grid-7{width:87.5%} .container .grid-10,.container .grid-11,.container .grid-12,.container .grid-8,.container .grid-9,.grid-4-8-4,.grid-8-8-4{width:94.7%} .container .parsys.grid-6{width:44.7%} .parsys .component.component-image,.parsys .component.component-push,.parsys .component.component-video,.span12 .component.component-push,.span12.full-width{margin-left:0;margin-right:0} .parsys.grid-8{margin-left:2.65%;margin-right:2.65%;width:94.7%} .parsys.grid-8 .grid-4,.parsys.grid-8 .grid-4-4-4,.parsys.grid-8 .grid-4-8-4{width:44.7%;margin-left:2.65%;margin-right:2.65%} .container .span8>.grid-4.alpha{margin-left:2.65%;margin-right:1.3%;width:46%} .container .span8>.grid-4.omega{margin-left:1.3%;margin-right:2.65%;width:46%} .container .parsys.grid-8 .grid-4-4-4.alpha,.container .parsys.grid-8 .grid-4-8-4.alpha,.container .parsys.grid-8 .grid-4.alpha{margin-left:0;margin-right:1.3%;width:48.7%} .container .parsys.grid-8 .grid-4-4-4.omega,.container .parsys.grid-8 .grid-4-8-4.omega,.container .parsys.grid-8 .grid-4.omega{margin-left:1.3%;margin-right:0;width:48.7%}} @media only screen and (max-width:480px){.container{width:100%;margin:0} .wrapper{margin-left:0;margin-right:0;width:100%;background-color:#c5ddfa} .grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-4-4-4,.grid-4-8-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-8-8-4,.grid-9,.parsys .component,.title.component{margin-left:2.5%;margin-right:2.5%} .container .grid-1{width:20%} .container .grid-2{width:50%} .container .grid-3{width:74.6%} .container .grid-10,.container .grid-11,.container .grid-12,.container .grid-4,.container .grid-5,.container .grid-6,.container .grid-7,.container .grid-8,.container .grid-9,.grid-4-4-4,.grid-4-8-4,.grid-8-8-4{width:94.8%} .parsys .component.component-image,.parsys .component.component-push,.parsys .component.component-video,.span12 .component.component-push,.span12.full-width{margin-left:0;margin-right:0} .parsys.grid-8{margin-left:2.5%;margin-right:2.5%;width:94.8%} .parsys.grid-8 .grid-4,.parsys.grid-8 .grid-4-4-4,.parsys.grid-8 .grid-4-8-4{width:94.8%;margin-left:2.5%;margin-right:2.5%} .span12.full-width .parsys.grid-6{width:94.8%} .span12.full-width{margin-left:2.5%;margin-right:2.5%;width:94.8%} .container .parsys.grid-8 .grid-4-4-4.alpha,.container .parsys.grid-8 .grid-4-4-4.omega,.container .parsys.grid-8 .grid-4-8-4.alpha,.container .parsys.grid-8 .grid-4-8-4.omega,.container .parsys.grid-8 .grid-4.alpha,.container .parsys.grid-8 .grid-4.omega{margin-left:0;margin-right:0;width:100%}} @font-face{ font-family:'AvenirRoman'; src:url(commons/css/fonts/Avenir-Roman.eot); src: url(commons/css/fonts/Avenir-Roman.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-Roman.woff) format('woff'), url(commons/css/fonts/Avenir-Roman.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirOblique'; src:url(commons/css/fonts/Avenir-Oblique.eot); src: url(commons/css/fonts/Avenir-Oblique.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-Oblique.woff) format('woff'), url(commons/css/fonts/Avenir-Oblique.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirMediumOblique'; src:url(commons/css/fonts/Avenir-MediumOblique.eot); src: url(commons/css/fonts/Avenir-MediumOblique.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-MediumOblique.woff) format('woff'), url(commons/css/fonts/Avenir-MediumOblique.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirMedium'; src:url(commons/css/fonts/Avenir-Medium.eot); src: url(commons/css/fonts/Avenir-Medium.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-Medium.woff) format('woff'), url(commons/css/fonts/Avenir-Medium.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirLight'; src:url(commons/css/fonts/Avenir-Light.eot); src: url(commons/css/fonts/Avenir-Light.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-Light.woff) format('woff'), url(commons/css/fonts/Avenir-Light.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirLightOblique'; src:url(commons/css/fonts/Avenir-LightOblique.eot); src: url(commons/css/fonts/Avenir-LightOblique.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-LightOblique.woff) format('woff'), url(commons/css/fonts/Avenir-LightOblique.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirHeavy'; src:url(commons/css/fonts/Avenir-Heavy.eot); src: url(commons/css/fonts/Avenir-Heavy.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-Heavy.woff) format('woff'), url(commons/css/fonts/Avenir-Heavy.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirHeavyOblique'; src:url(commons/css/fonts/Avenir-HeavyOblique.eot); src: url(commons/css/fonts/Avenir-HeavyOblique.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-HeavyOblique.woff) format('woff'), url(commons/css/fonts/Avenir-HeavyOblique.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirBook'; src:url(commons/css/fonts/Avenir-Book.eot); src: url(commons/css/fonts/Avenir-Book.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-Book.woff) format('woff'), url(commons/css/fonts/Avenir-Book.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirBookOblique'; src:url(commons/css/fonts/Avenir-BookOblique.eot); src: url(commons/css/fonts/Avenir-BookOblique.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-BookOblique.woff) format('woff'), url(commons/css/fonts/Avenir-BookOblique.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirBlack'; src:url(commons/css/fonts/Avenir-Black.eot); src: url(commons/css/fonts/Avenir-Black.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-Black.woff) format('woff'), url(commons/css/fonts/Avenir-Black.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AvenirBlackOblique'; src:url(commons/css/fonts/Avenir-BlackOblique.eot); src: url(commons/css/fonts/Avenir-BlackOblique.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/Avenir-BlackOblique.woff) format('woff'), url(commons/css/fonts/Avenir-BlackOblique.ttf) format('truetype'); font-weight:normal; font-style:normal; } @font-face{ font-family:'AdobeGaramond'; src:url(commons/css/fonts/adobe-garamond.eot); src: url(commons/css/fonts/adobe-garamond.eot?#iefix) format('embedded-opentype'), url(commons/css/fonts/adobe-garamond.woff) format('woff'), url(commons/css/fonts/adobe-garamond.ttf) format('truetype'); font-weight:normal; font-style:normal; } .component-responsive{width:1px;height:1px;display:block;overflow:hidden} .component-responsive .desktop{width:1px;height:1px;display:block} .component-responsive .mobile-landscape,.component-responsive .mobile-portrait,.component-responsive .tablet-landscape,.component-responsive .tablet-portrait{width:1px;height:1px;display:none} @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){.component-responsive .desktop{display:none} .component-responsive .tablet-landscape{display:block}} @media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.component-responsive .desktop{display:none} .component-responsive .tablet-portrait{display:block}} @media only screen and (max-width:767px) and (orientation:landscape){.component-responsive .desktop{display:none} .component-responsive .mobile-landscape{display:block}} @media only screen and (max-width:767px) and (orientation:portrait){.component-responsive .desktop{display:none} .component-responsive .mobile-portrait{display:block}} .vjs-default-skin{color:#000} @font-face{font-family:VideoJS;src:url(commons/css/fontVideoJs/vjs.eot);src:url(commons/css/fontVideoJs/vjs.eot?#iefix) format('embedded-opentype'),url(commons/css/fontVideoJs/vjs.woff) format('woff'),url(commons/css/fontVideoJs/vjs.ttf) format('truetype');font-weight:400;font-style:normal} .vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;background-color:rgba(44,44,44,.9);padding:0} .vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff} .vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0} .vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#fff} .vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s;padding:5px 0} .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s 1s;-moz-transition:visibility 1s 1s;-o-transition:visibility 1s 1s;transition:visibility 1s 1s} .vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;height:2.5em;width:4em;margin:0;padding:0} .vjs-default-skin .vjs-control.vjs-playing:before{left:0} .vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.459em;line-height:1.8;position:absolute;top:0;left:1px;width:100%;height:100%;text-align:center} .vjs-default-skin .vjs-control-text{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0} .vjs-default-skin .vjs-play-control{width:2.5em;cursor:pointer;border-radius:2.5em;background-color:#fff;margin:2px 0 0 5px;border:1px solid #e8e8e8} .vjs-default-skin .vjs-play-control:before{content:"\e001"} .vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"} .vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right} .vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"} .vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"} .vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"} .vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"} .vjs-default-skin .vjs-volume-control .vjs-slider{background-color:#cbcbcb} .vjs-default-skin .vjs-volume-control{width:5em;float:right} .vjs-default-skin .vjs-volume-bar{width:5em;height:.5em;margin:1.1em auto 0} .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content{height:2.9em} .vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;background:#181918} .vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em} .vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em} .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{width:6em;left:-4em} .vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.9em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s} .vjs-default-skin .vjs-progress-holder{height:100%} .vjs-default-skin .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;left:0;top:0;margin:0;padding:0} .vjs-default-skin .vjs-play-progress{background-color:#e7e7e7} .vjs-default-skin .vjs-load-progress{background:rgba(65,65,65,.71)} .vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%} .vjs-default-skin .vjs-seek-handle:before{padding-top:.1em} .vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em} .vjs-default-skin .vjs-current-time,.vjs-default-skin .vjs-duration{float:left} .vjs-default-skin .vjs-remaining-time{display:none;float:left} .vjs-time-divider{float:left;line-height:3em} .vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right} .vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"} .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"} .vjs-default-skin .vjs-big-play-button{font-size:3em;display:block;z-index:2;position:absolute;top:50%;margin-top:-.8em;left:50%;margin-left:-1.05em;width:1.85em;height:1.85em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:transparent;border:1px solid #FFF;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:2.125em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s} .vjs-default-skin .vjs-big-play-button:focus,.vjs-default-skin:hover .vjs-big-play-button{outline:0;background-color:rgba(255,255,255,.3);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff;-webkit-transition:all 0;-moz-transition:all 0;-o-transition:all 0;transition:all 0;border-color:#fff} .vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;color:#FFF;line-height:2.95em;font-size:.65em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%} .vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:5em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear} .vjs-default-skin .vjs-loading-spinner:before{content:"\e00a";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000} 100%{-moz-transform:rotate(359deg);-webkit-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)} .vjs-default-skin .vjs-menu-button{float:right;cursor:pointer} .vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)} .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);margin:0;padding:0} .vjs-default-skin .vjs-menu-button ul li{list-style:none;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase;margin:0;padding:.3em 0} .vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000} .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover,.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover{outline:0;color:#111;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff} .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;font-weight:700;cursor:default;margin:0 0 .3em;padding:0} .vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"} .vjs-default-skin .vjs-captions-button:before{content:"\e008"} .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff} .video-js{background-color:#000;position:relative;display:block;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;height:350px} .video-js.audio-js{height:40px!important} .video-js.audio-js .vjs-fade-in,.video-js.audio-js .vjs-fade-out{visibility:visible!important;opacity:1!important;transition-duration:0s!important} .video-js.audio-js.vjs-default-skin .vjs-control-bar{display:block;padding:5px 0} .video-js.audio-js.vjs-default-skin .vjs-big-play-button,.video-js.audio-js.vjs-default-skin .vjs-fullscreen-control{display:none} .video-js.audio-js.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:1} .video-js.audio-js.vjs-default-skin .vjs-progress-control{font-size:.9em} .video-js.audio-js.vjs-default-skin .vjs-volume-control{margin:0 15px 0 0} .video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%} .video-js:-moz-full-screen{position:absolute} body.vjs-full-window{height:100%;overflow-y:auto;margin:0;padding:0} .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important} .video-js:-webkit-full-screen{width:100%!important;height:100%!important} .video-js.vjs-fullscreen.vjs-user-inactive{cursor:none} .vjs-poster{background-color:#000;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;cursor:pointer;height:100%;position:absolute;top:0;width:100%;margin:0;padding:0} .vjs-poster img{display:block;max-height:100%;width:100%;margin:0 auto;padding:0} .video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:5em;width:100%} .video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000} .video-js .vjs-subtitles{color:#fff} .video-js .vjs-captions:not(:empty){color:#fc6;padding:.5em 0} .vjs-lock-showing{display:block!important;opacity:1;visibility:visible} .touch .vjs-big-play-button,.video-js.vjs-using-native-controls .vjs-poster,.vjs-default-skin .vjs-hidden,.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button,.vjs-default-skin.vjs-controls-disabled .vjs-control-bar,.vjs-default-skin.vjs-has-started .vjs-big-play-button,.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button,.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none} .vjs-default-skin .vjs-menu-button:hover .vjs-menu,.vjs-tt-cue{display:block} @media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}} .audio-js{max-width:400px;width:90%;margin:auto} .audio-js.video-js,.audio-js.vjs-default-skin .vjs-control-bar{background:0 0} .audio-js .vjs-tech,.audio-js audio{visibility:hidden} .audio-js.vjs-default-skin .vjs-slider{background:#ebebeb} .audio-js.vjs-default-skin .vjs-play-progress{background:#000} .audio-js.vjs-default-skin .vjs-progress-control{height:.4em} .audio-js.vjs-default-skin .vjs-load-progress{background:#ededed} .audio-js.vjs-default-skin .vjs-play-control{background-color:#ebebeb} .audio-js.vjs-default-skin .vjs-control:before{color:#000} .audio-js.vjs-default-skin{color:#222} .audio-js.vjs-default-skin .vjs-volume-level{background-color:#000} .audio-js .vjs-loading-spinner{display:none!important} .audio-js .vjs-default-skin .vjs-progress-control{top:5em} .audio-js .vjs-poster{background:0 0} .audio-js.vjs-default-skin .vjs-seek-handle,.audio-js.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{background-color:#222} .audio-js.vjs-default-skin .vjs-progress-control{top:5em} .audio-js.vjs-default-skin .vjs-control-bar{top:-2em} .vjs-marker{position:absolute;top:0;width:25px;height:25px;cursor:pointer} .vjs-marker:hover .cuepoint-content,.vjs-marker:hover .cuepoint:after{display:block} .cuepoint-content{position:relative;width:250px;bottom:73px;display:none} .cuepoint-content-inner>div{margin-right:5px;width:30%} .cuepoint-content-inner>p{padding:3px 5px 3px 0;line-height:110%;font-size:13px;font-family:Garamond,Georgia,serif;width:40%;vertical-align:middle} .cuepoint-content-inner>*{display:table-cell} .cuepoint-content-inner{width:250px;height:58px;text-align:left;margin-left:-112px;background:#e7e7e7;display:table} .cuepoint{width:12px;height:12px;background:#141414;border:1px solid #eee;border-radius:15px;bottom:13px;position:absolute;color:#fff} .cuepoint:after{content:" ";top:-22px;left:-1px;background:#e7e7e7;width:15px;height:15px;position:absolute;display:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)} /*! jQuery UI - v1.10.4 - 2014-03-18 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none} .ui-helper-hidden-accessible{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0} .ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0} .ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse} .ui-helper-clearfix:after{clear:both} .ui-helper-clearfix{min-height:0} .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)} .ui-front{z-index:100} .ui-state-disabled{cursor:default!important} .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px} .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(commons/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% #666;opacity:.5;filter:Alpha(Opacity=50)} .ui-datepicker{width:17em;display:none;padding:.2em .2em 0} .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0} .ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em} .ui-datepicker .ui-datepicker-prev{left:2px} .ui-datepicker .ui-datepicker-next{right:2px} .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px} .ui-datepicker .ui-datepicker-title{line-height:1.8em;text-align:center;margin:0 2.3em} .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%} .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em} .ui-datepicker th{text-align:center;font-weight:700;border:0;padding:.7em .3em} .ui-datepicker td{border:0;padding:1px} .ui-datepicker td a,.ui-datepicker td span{display:block;text-align:right;text-decoration:none;padding:.2em} .ui-datepicker .ui-datepicker-buttonpane{background-image:none;border-left:0;border-right:0;border-bottom:0;margin:.7em 0 0;padding:0 .2em} .ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible;margin:.5em .2em .4em;padding:.2em .6em .3em} .ui-datepicker.ui-datepicker-multi{width:auto} .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em} .ui-datepicker-multi-2 .ui-datepicker-group{width:50%} .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%} .ui-datepicker-multi-4 .ui-datepicker-group{width:25%} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0} .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left} .ui-datepicker-row-break{clear:both;width:100%;font-size:0} .ui-datepicker-rtl{direction:rtl} .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto} .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto} .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto} .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto} .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right} .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px} .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em} .ui-widget .ui-widget{font-size:1em} .ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em} .ui-widget-content a{color:#333} .ui-widget-header{border:1px solid #e78f08;background:url(commons/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x #f6a828;color:#fff;font-weight:700} .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:url(commons/css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x #f6f6f6;font-weight:700;color:#1c94c4} .ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none} .ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #fbcb09;background:url(commons/css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x #fdf5ce;font-weight:700;color:#c77405} .ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none} .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:url(commons/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:700;color:#eb8f00} .ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none} .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:url(commons/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x #ffe45c;color:#363636} .ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636} .ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:url(commons/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% #b81900;color:#fff} .ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700} .ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400} .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none} .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)} .ui-icon,.ui-widget-content .ui-icon{background-image:url(commons/css/images/ui-icons_222222_256x240.png)} .ui-widget-header .ui-icon{background-image:url(commons/css/images/ui-icons_ffffff_256x240.png)} .ui-state-highlight .ui-icon{background-image:url(commons/css/images/ui-icons_228ef1_256x240.png)} .ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(commons/css/images/ui-icons_ffd27a_256x240.png)} .ui-icon-blank{background-position:16px 16px} .ui-icon-carat-1-n{background-position:0 0} .ui-icon-carat-1-ne{background-position:-16px 0} .ui-icon-carat-1-e{background-position:-32px 0} .ui-icon-carat-1-se{background-position:-48px 0} .ui-icon-carat-1-s{background-position:-64px 0} .ui-icon-carat-1-sw{background-position:-80px 0} .ui-icon-carat-1-w{background-position:-96px 0} .ui-icon-carat-1-nw{background-position:-112px 0} .ui-icon-carat-2-n-s{background-position:-128px 0} .ui-icon-carat-2-e-w{background-position:-144px 0} .ui-icon-triangle-1-n{background-position:0 -16px} .ui-icon-triangle-1-ne{background-position:-16px -16px} .ui-icon-triangle-1-e{background-position:-32px -16px} .ui-icon-triangle-1-se{background-position:-48px -16px} .ui-icon-triangle-1-s{background-position:-64px -16px} .ui-icon-triangle-1-sw{background-position:-80px -16px} .ui-icon-triangle-1-w{background-position:-96px -16px} .ui-icon-triangle-1-nw{background-position:-112px -16px} .ui-icon-triangle-2-n-s{background-position:-128px -16px} .ui-icon-triangle-2-e-w{background-position:-144px -16px} .ui-icon-arrow-1-n{background-position:0 -32px} .ui-icon-arrow-1-ne{background-position:-16px -32px} .ui-icon-arrow-1-e{background-position:-32px -32px} .ui-icon-arrow-1-se{background-position:-48px -32px} .ui-icon-arrow-1-s{background-position:-64px -32px} .ui-icon-arrow-1-sw{background-position:-80px -32px} .ui-icon-arrow-1-w{background-position:-96px -32px} .ui-icon-arrow-1-nw{background-position:-112px -32px} .ui-icon-arrow-2-n-s{background-position:-128px -32px} .ui-icon-arrow-2-ne-sw{background-position:-144px -32px} .ui-icon-arrow-2-e-w{background-position:-160px -32px} .ui-icon-arrow-2-se-nw{background-position:-176px -32px} .ui-icon-arrowstop-1-n{background-position:-192px -32px} .ui-icon-arrowstop-1-e{background-position:-208px -32px} .ui-icon-arrowstop-1-s{background-position:-224px -32px} .ui-icon-arrowstop-1-w{background-position:-240px -32px} .ui-icon-arrowthick-1-n{background-position:0 -48px} .ui-icon-arrowthick-1-ne{background-position:-16px -48px} .ui-icon-arrowthick-1-e{background-position:-32px -48px} .ui-icon-arrowthick-1-se{background-position:-48px -48px} .ui-icon-arrowthick-1-s{background-position:-64px -48px} .ui-icon-arrowthick-1-sw{background-position:-80px -48px} .ui-icon-arrowthick-1-w{background-position:-96px -48px} .ui-icon-arrowthick-1-nw{background-position:-112px -48px} .ui-icon-arrowthick-2-n-s{background-position:-128px -48px} .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px} .ui-icon-arrowthick-2-e-w{background-position:-160px -48px} .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px} .ui-icon-arrowthickstop-1-n{background-position:-192px -48px} .ui-icon-arrowthickstop-1-e{background-position:-208px -48px} .ui-icon-arrowthickstop-1-s{background-position:-224px -48px} .ui-icon-arrowthickstop-1-w{background-position:-240px -48px} .ui-icon-arrowreturnthick-1-w{background-position:0 -64px} .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px} .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px} .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px} .ui-icon-arrowreturn-1-w{background-position:-64px -64px} .ui-icon-arrowreturn-1-n{background-position:-80px -64px} .ui-icon-arrowreturn-1-e{background-position:-96px -64px} .ui-icon-arrowreturn-1-s{background-position:-112px -64px} .ui-icon-arrowrefresh-1-w{background-position:-128px -64px} .ui-icon-arrowrefresh-1-n{background-position:-144px -64px} .ui-icon-arrowrefresh-1-e{background-position:-160px -64px} .ui-icon-arrowrefresh-1-s{background-position:-176px -64px} .ui-icon-arrow-4{background-position:0 -80px} .ui-icon-arrow-4-diag{background-position:-16px -80px} .ui-icon-extlink{background-position:-32px -80px} .ui-icon-newwin{background-position:-48px -80px} .ui-icon-refresh{background-position:-64px -80px} .ui-icon-shuffle{background-position:-80px -80px} .ui-icon-transfer-e-w{background-position:-96px -80px} .ui-icon-transferthick-e-w{background-position:-112px -80px} .ui-icon-folder-collapsed{background-position:0 -96px} .ui-icon-folder-open{background-position:-16px -96px} .ui-icon-document{background-position:-32px -96px} .ui-icon-document-b{background-position:-48px -96px} .ui-icon-note{background-position:-64px -96px} .ui-icon-mail-closed{background-position:-80px -96px} .ui-icon-mail-open{background-position:-96px -96px} .ui-icon-suitcase{background-position:-112px -96px} .ui-icon-comment{background-position:-128px -96px} .ui-icon-person{background-position:-144px -96px} .ui-icon-print{background-position:-160px -96px} .ui-icon-trash{background-position:-176px -96px} .ui-icon-locked{background-position:-192px -96px} .ui-icon-unlocked{background-position:-208px -96px} .ui-icon-bookmark{background-position:-224px -96px} .ui-icon-tag{background-position:-240px -96px} .ui-icon-home{background-position:0 -112px} .ui-icon-flag{background-position:-16px -112px} .ui-icon-calendar{background-position:-32px -112px} .ui-icon-cart{background-position:-48px -112px} .ui-icon-pencil{background-position:-64px -112px} .ui-icon-clock{background-position:-80px -112px} .ui-icon-disk{background-position:-96px -112px} .ui-icon-calculator{background-position:-112px -112px} .ui-icon-zoomin{background-position:-128px -112px} .ui-icon-zoomout{background-position:-144px -112px} .ui-icon-search{background-position:-160px -112px} .ui-icon-wrench{background-position:-176px -112px} .ui-icon-gear{background-position:-192px -112px} .ui-icon-heart{background-position:-208px -112px} .ui-icon-star{background-position:-224px -112px} .ui-icon-link{background-position:-240px -112px} .ui-icon-cancel{background-position:0 -128px} .ui-icon-plus{background-position:-16px -128px} .ui-icon-plusthick{background-position:-32px -128px} .ui-icon-minus{background-position:-48px -128px} .ui-icon-minusthick{background-position:-64px -128px} .ui-icon-close{background-position:-80px -128px} .ui-icon-closethick{background-position:-96px -128px} .ui-icon-key{background-position:-112px -128px} .ui-icon-lightbulb{background-position:-128px -128px} .ui-icon-scissors{background-position:-144px -128px} .ui-icon-clipboard{background-position:-160px -128px} .ui-icon-copy{background-position:-176px -128px} .ui-icon-contact{background-position:-192px -128px} .ui-icon-image{background-position:-208px -128px} .ui-icon-video{background-position:-224px -128px} .ui-icon-script{background-position:-240px -128px} .ui-icon-alert{background-position:0 -144px} .ui-icon-info{background-position:-16px -144px} .ui-icon-notice{background-position:-32px -144px} .ui-icon-help{background-position:-48px -144px} .ui-icon-check{background-position:-64px -144px} .ui-icon-bullet{background-position:-80px -144px} .ui-icon-radio-on{background-position:-96px -144px} .ui-icon-radio-off{background-position:-112px -144px} .ui-icon-pin-w{background-position:-128px -144px} .ui-icon-pin-s{background-position:-144px -144px} .ui-icon-play{background-position:0 -160px} .ui-icon-pause{background-position:-16px -160px} .ui-icon-seek-next{background-position:-32px -160px} .ui-icon-seek-prev{background-position:-48px -160px} .ui-icon-seek-end{background-position:-64px -160px} .ui-icon-stop{background-position:-96px -160px} .ui-icon-eject{background-position:-112px -160px} .ui-icon-volume-off{background-position:-128px -160px} .ui-icon-volume-on{background-position:-144px -160px} .ui-icon-power{background-position:0 -176px} .ui-icon-signal-diag{background-position:-16px -176px} .ui-icon-signal{background-position:-32px -176px} .ui-icon-battery-0{background-position:-48px -176px} .ui-icon-battery-1{background-position:-64px -176px} .ui-icon-battery-2{background-position:-80px -176px} .ui-icon-battery-3{background-position:-96px -176px} .ui-icon-circle-plus{background-position:0 -192px} .ui-icon-circle-minus{background-position:-16px -192px} .ui-icon-circle-close{background-position:-32px -192px} .ui-icon-circle-triangle-e{background-position:-48px -192px} .ui-icon-circle-triangle-s{background-position:-64px -192px} .ui-icon-circle-triangle-w{background-position:-80px -192px} .ui-icon-circle-triangle-n{background-position:-96px -192px} .ui-icon-circle-arrow-e{background-position:-112px -192px} .ui-icon-circle-arrow-s{background-position:-128px -192px} .ui-icon-circle-arrow-w{background-position:-144px -192px} .ui-icon-circle-arrow-n{background-position:-160px -192px} .ui-icon-circle-zoomin{background-position:-176px -192px} .ui-icon-circle-zoomout{background-position:-192px -192px} .ui-icon-circle-check{background-position:-208px -192px} .ui-icon-circlesmall-plus{background-position:0 -208px} .ui-icon-circlesmall-minus{background-position:-16px -208px} .ui-icon-circlesmall-close{background-position:-32px -208px} .ui-icon-squaresmall-plus{background-position:-48px -208px} .ui-icon-squaresmall-minus{background-position:-64px -208px} .ui-icon-squaresmall-close{background-position:-80px -208px} .ui-icon-grip-dotted-vertical{background-position:0 -224px} .ui-icon-grip-dotted-horizontal{background-position:-16px -224px} .ui-icon-grip-solid-vertical{background-position:-32px -224px} .ui-icon-grip-solid-horizontal{background-position:-48px -224px} .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px} .ui-icon-grip-diagonal-se{background-position:-80px -224px} .ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:4px} .ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:4px} .ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:4px} .ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:4px} .ui-widget-shadow{background:url(commons/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x #000;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px;margin:-5px 0 0 -5px;padding:5px} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left} .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text,.ui-widget-header a{color:#fff} .ui-state-active .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(commons/css/images/ui-icons_ef8c08_256x240.png)} .ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px} #calendar{float:left;width:100%;padding:0 0 15px} #calendar .ui-datepicker-inline{background:#fff;border:1px solid #ebebeb;border-radius:0} #calendar .ui-datepicker{width:100%;padding:0} #calendar .ui-icon{width:23px;height:18px} #calendar .ui-widget{font-family:futuraLTBook,Georgia,Helvetica,Arial,sans-serif} #calendar .ui-widget-header{background:#ebebeb;border-radius:0;border:0;color:#000;font-weight:700} #calendar .ui-datepicker table{margin-top:10px} #calendar .ui-datepicker td{width:42px} #calendar .ui-datepicker td a,#calendar .ui-datepicker td span{text-align:center;padding:10px 0;position:relative} #calendar .ui-datepicker th{color:#777} #calendar .ui-datepicker tr{font-size:.9em} #calendar .ui-datepicker th,#calendar .ui-datepicker tr{font-family:futuraLTMediumBold,Georgia,Helvetica,Arial,sans-serif} #calendar .ui-state-default,.ui-widget-content .ui-state-default{border:none;background:0 0;font-weight:400;color:#000} #calendar .ui-state-focus,#calendar .ui-state-hover,#calendar .ui-widget-content .ui-state-focus,#calendar .ui-widget-content .ui-state-hover,#calendar .ui-widget-header .ui-state-focus,#calendar .ui-widget-header .ui-state-hover{border:none;background:0 0;font-weight:400} #calendar .ui-datepicker .ui-datepicker-current-day a:after{position:absolute;height:30px;content:" ";top:1px;width:33px;left:50%;margin-left:-17px;border-radius:17px;border:1px solid #e3e3e3} #calendar .ui-priority-secondary,#calendar .ui-widget-content .ui-priority-secondary,#calendar .ui-widget-header .ui-priority-secondary{opacity:1;color:#B9B9B9} #calendar .ui-widget-header .ui-icon{background:url(commons/css/images/sprite-component-calendar.png) no-repeat} #calendar .ui-widget-header .ui-datepicker-next .ui-icon{background-position:0 -3px} #calendar .ui-widget-header .ui-datepicker-prev .ui-icon{background-position:0 -27px} #calendar .ui-datepicker .ui-datepicker-title{color:#000;text-transform:uppercase;font-weight:400;font-family:futuraLTMediumBold,Georgia,Helvetica,Arial,sans-serif;font-size:.95em} #calendar .ui-datepicker .ui-datepicker-current-day{position:relative} .ui-datepicker .ui-datepicker-header{padding:0} #calendar .ui-datepicker .ui-datepicker-next,#calendar .ui-datepicker .ui-datepicker-prev{height:1.3em} .bx-wrapper{position:relative;margin:0 auto 60px;padding:0}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{left:0;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(commons/css/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(commons/css/images/hp-arrow.png) -33px 0 no-repeat}.bx-wrapper .bx-next{right:10px;background:url(commons/css/images/hp-arrow.png) 0 0 no-repeat}.bx-wrapper .bx-prev:hover{background-position:-33px -42px}.bx-wrapper .bx-next:hover{background-position:0 -42px}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:43px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(commons/css/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(commons/css/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.bx-viewport .slider-label{position:absolute;bottom:0;left:0;width:100%;height:50px;text-align:left;background:#fff} .bx-clone{opacity:1!important;} .bx-viewport li{position:relative;text-align:center} .flv-pageslider{display:none} .bx-viewport video{ -webkit-transform-style: preserve-3d; } .component-slideshow-gallery{margin-top:3em;padding-bottom:2em} .component-slideshow-gallery .slide{overflow:hidden;background-color:transparent} .component-slideshow-gallery .arrow-control,.component-slideshow-gallery .blank,.component-slideshow-gallery .media{position:relative;float:left;width:25%} .component-slideshow-gallery .blank{background:url(commons/css/images/gallery-placeholder.png) center center no-repeat #fff} .component-slideshow-gallery figure{background-color:#eee;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .component-slideshow-gallery .arrow-control{width:25%} .component-slideshow-gallery .arrow-control>div{position:absolute;top:0;bottom:0;left:0;right:0} .component-slideshow-gallery .arrow-control.arrow-next>div{border-bottom:1px solid #fff;border-right:1px solid #fff;background:url(commons/css/images/gallery-arrow-next.png) center center no-repeat} .component-slideshow-gallery .arrow-control.arrow-prev>div{border-bottom:1px solid #fff;border-right:1px solid #fff;background:url(commons/css/images/gallery-arrow-prev.png) center center no-repeat} .component-slideshow-gallery img{display:block;width:100%;height:100%} .overlapSlider{position:relative;overflow:hidden} .overlapSlider .slides{height:100%;position:relative} .overlapSlider .slide{position:absolute;top:0;left:0;width:100%;height:100%} .component-slideshow-gallery .arrow-control{height:33.33%;background-color:#fff} .component-slideshow-gallery .arrow-control,.component-slideshow-gallery .media{cursor:pointer} .component-slideshow-gallery .video{position:relative} .component-slideshow-gallery .video span.bt-play{display:block;position:absolute;width:36px;height:36px;background:url(commons/css/images/icon-video-play.png) center center no-repeat;top:50%;left:50%;margin-top:-18px;margin-left:-18px} .flex-control-nav{margin:2em 0 0;text-align:center} .flex-control-nav li{display:inline;margin:0 .7em} .flex-control-nav li a{display:inline-block;overflow:hidden;width:24px;height:0;padding-top:24px;text-align:center;background:url(commons/css/images/gallery-dot-sprite.png) -24px center no-repeat} .flex-control-nav li:focus a,.flex-control-nav li:hover a{background-position:center right} .flex-control-nav .active a,.flex-control-nav .active:focus a,.flex-control-nav .active:hover a{background-position:center left} .parsys .parsys .component.component-slideshow-gallery.display-label{padding-top:10px;margin-bottom:10px} .component-slideshow-gallery.display-label .media .label{padding-top:15px;min-height:45px;font-family:Georgia,Helvetica,Arial,sans-serif;color:#000;text-align:center;font-size:.85em} .component-slideshow-gallery.largeborder .media figure{border-left:4px solid #fff;border-right:4px solid #fff;overflow:hidden} .component-slideshow-gallery.largeborder .media:nth-child(4){border:0} .component-slideshow-gallery.display-label figure{border-right:1px solid #fff;border-bottom:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden} .component-slideshow-gallery.display-label .media .label{margin-left:5px;margin-right:5px} .component-slideshow-gallery.display-label .video:after{background:0 0} .component-slideshow-gallery.display-label .video figure{position:relative} @media only screen and (max-width:1023px){.component-slideshow-gallery .arrow-control,.component-slideshow-gallery .blank,.component-slideshow-gallery .media{width:50%}} /* CSS file */ .wrapper-video{ position: absolute; width:100%; height : 100%; top:0; left:0; overflow: hidden; } .homeVideoBackground .title-pane{ top:-50px; } .videoloader{ position:fixed; width:100%; height: 100%; background:#ffffff; top:0; left:0; z-index: 500; } .fullscreen-video img{ max-width: none; } .video-play{ background : url(commons/css/images/icon-video-play.png) 0 0 no-repeat; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; z-index: 600; margin-left: -35px; margin-top: -35px; } .popin-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:url(commons/css/images/popin-overlay.png) left top} .ieMobile7-5 .popin-overlay{position:absolute;height:100%} .popin-overlay .popin-content{height:100%} .ie8 .popin-content img{width:100%!important} .popin-overlay .popin-legend{position:absolute;bottom:0;left:0;right:0;font-size:12px;line-height:16px;padding:20px;background:#fff;text-align:center;font-family:futuraLTBook,Georgia,Helvetica,Arial,sans-serif} .noSel div[id*=_zi],.noSel div[id*=_zo]{cursor:pointer} .popin-overlay .popin-box{display:none;position:fixed;width:0;height:0;top:50%;right:0;left:50%;box-shadow:0 0 30px #000;background:url(commons/css/images/ajax-loader.gif) center center/40px 40px no-repeat #fff} .zoom-image{cursor:pointer;position:relative} .zoom-image .bt-zoom{position:absolute;right:0;bottom:0;width:45px;height:40px;cursor:pointer;background:url(commons/css/images/zoom_icons.png) -3px -3px no-repeat rgba(255,255,255,.8)} .popin-zoom-inner{height:100%;width:100%;position:relative} .popin-zoom{height:100%;display:none;width:100%;background:rgba(22,22,22,1);position:absolute;top:0;right:0;bottom:0;left:0} .popin-zoom .popin-btn-close{top:10px;right:20px;display:block} .popin-zoom .popin-content{height:100%} .popin-zoom img{display:none} .zoom-loader{background:url(commons/css/images/zoom-loader.gif) center center no-repeat!important} .popin-btn{display:block;cursor:pointer;position:absolute;width:50px;height:50px;background:center center no-repeat;z-index:9999} .popin-overlay .popin-btn-nav{top:50%;margin-top:-25px} .popin-overlay .popin-btn-nav-prev{left:0;background-image:url(commons/css/images/popin-prev.png);display:none} .popin-overlay .popin-btn-nav-next{right:0;background-image:url(commons/css/images/popin-next.png)} .popin-overlay .popin-box-video .popin-btn-nav-prev{left:-50px} .popin-overlay .popin-box-video .popin-btn-nav-next{right:-50px} .popin-overlay .popin-btn-nav.popin-btn-nav-full{width:50%;height:100%;top:0;margin-top:0;z-index:50;background:0 0} .popin-overlay .popin-btn-nav-full.popin-btn-nav-prev{left:0} .popin-overlay .popin-btn-nav-full.popin-btn-nav-next{right:0} .popin-btn-close{top:3px;right:3px;z-index:8000;background:url(commons/css/images/sprite-bt-top.png) 0 bottom no-repeat;width:35px;height:35px} .advent-calendar-top{position:relative} .advent-calendar-bg.level2{z-index:20;width:0;background:#fff} .advent-calendar-bg .mask{position:absolute;top:0;left:0} .advent-calendar-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden} .advent-calendar-bg img{width:100%;height:auto;max-width:none} .advent-calendar-content{position:absolute;top:45px;left:0;width:100%;height:100%;z-index:65;text-align:center} .advent-calendar-content h2{font-size:2.65em;text-transform:uppercase;position:absolute;width:100%;top:32%} .advent-calendar-content h2 span{font-size:2.755em;display:block} .advent-calendar-content a{font-size:.95em;margin-top:.8em;margin-bottom:1.8em;display:inline-block} .advent-calendar-bg canvas{bottom:0;position:absolute;left:0;width:550px;height:550px} .ie9 .advent-calendar-bg.level2{display:none} .advent-calendar-bottom .push-wrapper{margin:0} .ie9 .advent-calendar-bottom .card-front .daycount,.ie9 .advent-calendar-bottom .top-flip .flip-back .daycount{height:50%;top:0} .advent-calendar-bottom .card-front .daycount,.advent-calendar-bottom .top-flip .flip-back .daycount{height:100%;top:-100%} .advent-calendar-bottom .flip-front .daycount{height:100%;top:0} .daycount-collection{position:absolute;top:50px;width:100%;text-align:center;font-family:futuraLTBook,Helvetica,Arial,sans-serif;font-size:40px;color:#fff} .advent-calendar-title h3{color:#fff;text-align:center;font-size:1.3em;font-weight:400;font-family:futuraLTMediumBold,Helvetica,Arial,sans-serif;vertical-align:middle;display:table-cell;text-transform:uppercase} .advent-calendar-bottom{position:relative;width:100%;padding-top:50px;padding-bottom:55px!important;margin:auto;overflow:hidden} .advent-calendar-bottom li{width:25%;float:left;border-radius:2px} .advent-calendar-bottom li .daycount span{display:table-cell;vertical-align:middle;text-align:center} .advent-calendar-bottom .daycount{position:absolute;display:block;top:0;left:0;width:38%;height:50%;z-index:10;margin:18% 31%;font-size:25px;color:#fff} .advent-calendar-bottom li .daycount>span>span{display:table-cell;vertical-align:middle;border:1px solid #fff;text-transform:uppercase;font-family:futuraLTMedium,Helvetica,Arial,sans-serif} .advent-calendar-bottom li .daycount>span{display:table;vertical-align:middle;text-align:center;width:100%;height:100%} .advent-calendar-bottom li a,.advent-calendar-bottom li>div{display:block;color:#fff;margin:0 2px 4px;position:relative} .advent-calendar-bottom li a[href='#']{cursor:default} .advent-calendar-bottom li{position:relative} .advent-calendar-bottom li img{border-radius:2px;width:100%;max-width:none} .advent-calendar-bottom .push-item{width:100%;float:none} .component-audio.home-audio{position:absolute;bottom:25%;width:100%} .pane,body,html{height:100%} .clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden} .clearfix:after{clear:both} .clearfix{zoom:1} img{vertical-align:middle} h2{clear:both} .pull-left{float:left} .pull-right{float:right} .menu-overlay{display:none;position:fixed;top:50px;height:100%;width:100%;padding-top:100px;z-index:1001;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden} .no-touch .noScroll{overflow:hidden;position:fixed} /*#header{position:fixed;width:100%;z-index:1003;top:0;left:0}*/ /* .author #header,.author .header-layer-effect{position:absolute;top:134px;display:none} .author.preview #header,.author.preview .header-layer-effect{top:0;display:block} */ .header-title{height:82px;position:relative;z-index:1;top:0;width:100%} .list-header{max-height:45px} /* .iheader{z-index:10000;position:relative} */ .author .iheader{z-index:auto} .menu-container,.menu-list,.nav-languages{position:relative;z-index:1} .home-carousel{height:200px;background-color:#a0a0a0;overflow:hidden} .main .container{padding-bottom:10px;z-index:2} .container>.parsys{position:relative} .main{position:relative;z-index:1;padding-top:50px} .component{margin-top:1em;margin-bottom:1em} #footer{margin:0 auto auto;max-width:1245px;width:100%;} #footer .wrapper-footer{ margin: 0 auto; border-top: 1px solid #000; padding-top: 15px; } .share-links{float:right} .footer-links li{float:left} input[type=checkbox]{ border:1px solid #000; width: 20px; height: 20px; } @media only screen and (max-width:767px){ /*#header{height:64px}*/ .header-title{height:40px} .head-footer{height:24px} .container>.parsys{padding-top:2.6em} } /* Web Radio */ .fc_radio_player { height: 80px; } /* Design.css */ /* ============================================================================= Global ========================================================================== */ /* Import font face Futura */ @import url('commons/css/fonts.css'); html { -webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; } html, button, input, select, textarea { color: #222; } body { color: #000000; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; font-weight: normal; position: relative; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-overflow-scrolling: touch; overflow-y:scroll; overflow-x:hidden; } p { line-height: 1.35em; } h1 { font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; font-size: 2.65em; color: #000000; line-height: 1.2em; font-weight: normal; } h2, h3 { font-family: 'AvenirBook',Helvetica,Arial,sans-serif;font-weight: normal; } h4 { font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; text-transform: uppercase; font-size: 1em; } .anchor{ visibility: hidden; } .author .anchor{ visibility: visible; } /** * A links */ a { color: #000000; text-decoration: none; } a:focus { outline: thin dotted; /* color: #ffffff !important;*/ } a:visited { outline: thin dotted; } .header-title a:focus { background: none; } a:active, a:hover { outline: 0; } em, i { font-style: italic;display: inline-block; } strong, b { font-family: 'AvenirHeavy',Georgia,Helvetica,Arial,sans-serif; } /*exposant indice*/ sub, sup { font-size: 60%!important; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.75em; } sub { bottom: -0.65em; } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } button, input { line-height: normal; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #333; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333; } h2 { margin: 15px 0 20px 0; } .browserhappy div>a[href="#"] { background: transparent url('commons/css/images/bt-menu.png') right -31px no-repeat; top: 50%; margin-top:-9px; right: 3px; z-index: 8000; width: 35px; height: 18px; position: absolute; } .browserhappy p { text-align:left; margin: 0px auto; font-size: 12px; margin-right:40px; } .browserhappy>div{ position: relative; padding:5px; } .hide-desktop{ display: none!important; } .cnil-cookie{ display: none; } .browserhappy a{ color:#222222; } .menu-overlay { background: url('commons/css/images/background-menu.png') left top repeat; } .bold-italic { font-style: italic; font-weight: bold; } .component-text ul{ list-style-type: disc; list-style-position: inside; margin-left: 15px; } .component-text a{ color: #878787; font-style: italic; text-decoration: none; } .component-text.link-without-style a{ color: inherit; font-style: normal; } .component-textimg p, .component-text p{ font-size: 17px; } .home-slideshow .component-logo{ position: absolute; left: 50%; top: 40px; margin-left: -50%; width: 100%; z-index: 100; } .home-slideshow .component-logo .black-logo{ display: none; } .home-slideshow .component-logo.blackLogo .black-logo{ display: inline; } .home-slideshow .component-logo.blackLogo .white-logo{ display: none; } .logo, .component-logo{ margin: 60px 10px 50px; text-align: center; } .loader{ display:block; position: fixed; top: 0; left:0; text-align:center; height: 100%; background: transparent; width: 100%; z-index:1000; box-shadow: 0px 0px 8px #fff; } .loader-inner{ position:relative; top: 50%; height: 10px; width: 10px; opacity: 0; display:inline-block; background-color: #fff; } /* ============================================================================= Access keys ========================================================================== */ #access-keys { position: absolute; z-index: 20; } #access-keys a { background: none repeat scroll 0 0 #222222; color: #DDDCDC; font-size: 1.5em; left: -5000px; position: absolute; top: 4px; width: 220px; } #access-keys a:focus { left: 0; } /*BUTTON STYLE*/ .pane-white .bt-border, .bt-border-white{ color:#ffffff; padding: 10px 35px; border: 1px solid #fff; } .pane-black .bt-border, .bt-border-black{ color:#000000; padding: 10px 35px; border: 1px solid #000; } /* ============================================================================= Header ========================================================================== */ .header-title { background: #ffffff; -moz-opacity: 0.60; opacity:.60; filter: alpha(opacity=60); opacity: 0.6; } .header-top .languages span, .header-top li > a { color: black; text-transform: uppercase; } .right-separator{ position: relative; } .right-separator::after{ position: absolute; content: ""; display: block; height: 30px; width: 1px; right:0; top:10px; border-right:1px solid #e4e4e4; box-shadow: 1px 0 0 0 #eee; } .header-top { font-family: 'AvenirBook',Helvetica,Arial,sans-serif; font-size:1.5em; position: fixed; width:100%; background-color:#ffffff; z-index: 2001; } body.noTop .header-top { top:0; } .header-top .list-header { float: right; } .nav-left li a.nav-button, .nav-left li a.nav-button:focus { position: relative; top: 0; display: inline-block; border-left: 1px solid #4f4f4f; } .main-menu .nav-left .nav-level1 li a.picto-menu{ display: block; position: relative; margin: 0 60px 0 10px; padding: 5px 2px 0; width: 38px; height: 38px; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; } .main-menu .nav-left .nav-level1 li a.picto-menu em{ position: absolute; right: -55px; font-style: normal; top: 0; line-height: 50px; padding-right: 10px; } .picto-menu:focus{ outline: none; } .picto-menu span { display: block; position: absolute; top: 24px; left: 8px; right: 8px; height: 3px; background: black; } .picto-menu span::before, .picto-menu span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #000; content: ""; } .picto-menu span::before { top: -8px; } .picto-menu span::after { bottom: -8px; } /* ============================================================================= Animation burger picto ========================================================================== */ .picto-menu span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; } .picto-menu span::before, .picto-menu span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .picto-menu span::before { -webkit-transition-property: top, transform; transition-property: top, transform; } .picto-menu span::after { -webkit-transition-property: bottom, transform; transition-property: bottom, transform; } /* active state, i.e. menu open */ .picto-menu.is-active span { background: none; } .picto-menu.is-active span::before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .picto-menu.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .picto-menu.is-active span::before, .picto-menu.is-active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; } /* ============================================================================= Special link header ========================================================================== */ .main-menu li.home-expo-date{ width: 126px; position: relative; height: 50px; } .main-menu .home-expo-date p{ font-size: 0.8em; padding-right: 20px; position: absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .main-menu .home-expo-date p:after{ top:0; } .main-menu .link-ticketing{ font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; font-weight: bold; } .alert-container{ height: inherit; overflow:hidden; } .anim-perspective{ -webkit-perspective: 1000; perspective: 1000; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .alert-zone{ position: relative; background: url('commons/css/images/picto/notif-trans.png') 10px 50% no-repeat; background-color: #407cc9; color:white; max-width: 190px; font-size: 0.7em; padding: 4px 30px 4px 40px; min-height: 42px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .hidden.alert-zone{ -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .alert-zone a{ color:inherit; text-decoration: underline; } .alert-zone .close{ position: absolute; background: url('commons/css/images/picto/close-trans.png') 0 0 no-repeat; width: 11px; height: 12px; text-indent: -3330em; overflow: hidden; right:8px; top:20px; } .main-menu .nav-level1 .location{ background: url('commons/css/images/picto/location.png') 10px 50% no-repeat; padding-left: 16px; } .main-menu .nav-level1 .search a{ background: url('commons/css/images/picto/zoom.png') 50% 50% no-repeat; overflow: hidden; text-indent: -3330em; width: 16px } .main-menu.search-open .nav-level1 .search a{ background-image: url('commons/css/images/picto/close-search.png') } .main-menu .nav-level1 .search form{ position: absolute; left: 0; width: 100%; opacity: 0; display: block; transition: opacity .2s ease-out .2s; } .main-menu.search-open .nav-level1 .search form{ opacity: 1; } .main-menu .nav-level1 .search form input{ width: 100%; display: block; border:none; text-align: right; background-color: rgba(255,255,255,.8); padding: 15px 20px; font-size: 1.2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .main-menu .nav-level1 .radioHeader { min-width: 200px; } /* ============================================================================= Select Languages ======================-==================================================== */ /* List header Languages */ .list-header .languages li{ padding-top: 0.3em; padding-bottom: 0.3em; display: block; width: 100%; overflow: hidden; } .list-header .languages li a{ padding: 0; width: 100%; display: block; } .list-header .languages li a span{ padding: 0; width: 100%; display: block; padding-top: 0.8em; padding-bottom: 0.8em; } .list-header .languages .value { -webkit-transform: translateY(-700px); transform: translateY(-700px); transition:ease-out .6s; position: relative; color: #8d8d8d; float: left; padding-top:10px; background: #fff url('commons/css/images/language-separator.png') center bottom no-repeat; border: none; } .list-header .languages .init { cursor: pointer; border-bottom: 1px solid transparent; padding:17px 0; height:15px; z-index: 5; position: relative; background-color: white; } .list-header .select-value { background: url('commons/css/images/bt-menu.png') right -67px no-repeat; padding-right: 1.5em; } .value .select-value { background: none; padding-right: 0; } /* fix ie8 padding for the list-header menu */ .ie8 .list-header { max-height: 22px; } .list-header .languages { height: 30px; width: 66px; text-indent: 1.2em; } .list-header .languages li { z-index: 2; color: #ffffff; cursor: pointer; } /* hover case header */ .no-touch .list-header .languages .value:hover, .list-header .languages.active .value { color: #ffffff; } .no-touch .list-header .languages:hover .init, .list-header .languages.active .init, .no-touch .list-header .languages.active .init a:focus { } .list-header .languages .last { background-image: none; } .no-touch .list-header .languages:hover .value, .list-header .languages.active .value { -webkit-transform: translateY(0); transform: translateY(0); padding-top: 0; padding-bottom: 0; } .no-js .list-header .languages .value, .no-js .list-header .languages .init { -webkit-transform: translateY(0); transform: translateY(0); } /*MENU LEFT*/ .main-menu{ height: 50px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35); } .nav-level1>li{ display: block; float: left; } .list-header .link-white+.link-white{ border-left: 1px solid #4f4f4f; } .link-white{ background-color: #e4e3e3; } .link-white>a{ font-size: 16px; color: #000000; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; } .main-menu .nav-level1>li:not(.switch-lang)>a{ padding:17px 12px; display: block; } .header-top .main-menu .nav-level1>li.logo-min>a{ padding-top: 14px; } .main-menu li.switch-lang{ height: 50px; } /* ============================================================================= Navigation ========================================================================== */ body.navigation-open{ overflow:hidden; } #navigation{ position: fixed !important; z-index: 1002; width:100%; top:50px; } #navigation .wrapper-menu { position: absolute; overflow: hidden; background: #ffffff; top:-1500px; width:100%; -webkit-transition: top .6s linear; -moz-transition: top .6s linear; -o-transition: top .6s linear; transition: top .6s linear; -webkit-transform: translate3d(0, 0, 0); /* resolve bug for Android 4 + for the fixed positionning */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .wrapper-menu .menu-container{ padding: 20px 7.76% 40px; font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; max-width:1245px; margin: 0 auto; } .no-js #navigation .wrapper-menu, .no-js #navigation:hover .wrapper-menu, #navigation.active .wrapper-menu, #navigation.active .nav-footer { top: 0px; } #navigation a { color: #000000; } .menu-list { font-size: 1.5em; margin-left: -2.85%; text-align: justify; line-height: 0; /* fix white space of :after element */ } .menu-list:after{ content: ""; width: 100%; display: inline-block; } .wrapper-menu .menu-container > p, .wrapper-menu .menu-container > a{ font-size:1.5em; } .wrapper-menu .menu-container > p a{ text-decoration: underline; } .menu-container .link-newsletter{ margin-left: auto; margin-top: -40px; display: block; width:200px; border:1px solid black; text-align: center; padding: 10px 30px; } .menu-list + p{ padding-top: 20px; padding-right: 44%; min-height: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('commons/css/images/picto/pattern-menu-bottom.png') 0 0 repeat-x; } .menu-list > li { position: relative; display: inline-block; width:21.6%; margin-left: 2.85%; margin-bottom: 2.85%; line-height: 1.5em; } .menu-list > li img{ width: 100%; height:auto; } .menu-list span p{ display: block; position: absolute; width: 100%; bottom:0; padding:15px 0; text-align: center; text-transform: uppercase; font-size:.8em; } .menu-list .high span p{ background-color: rgba(0,0,0,.35); color:#fff; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; } .menu-list .normal span p{ background-color: rgba(64,124,201,.9); color:#fff; } .menu-list .low span p{ background-color: rgba(233,233,233,.9); color:#000; } #navigation .menu-list a:hover, #navigation .menu-list a:focus { color: #979797; } .sub-menu { display: none; } .wrapper-menu .languages > li { display: block; padding: 1em 0.5em; } .wrapper-menu .share-links { clear: both; float: none; } .menu-list { height: auto !important; } /*Search form in nav*/ .search-form{ background-color: #f1f1f1; padding:7px 6px 0 6px; } .search-form input[type=text]:focus, .search-form input[type=text]{ background:transparent; border:0; color:#1a1a1a; width: 230px; font-size: 1.2em; outline: none; } .search-form input[type=submit]{ width: 20px; height: 25px; border:0; background: url('commons/css/images/bt-submit-search.png') 0 0 no-repeat; text-indent:-9999px; outline:none; cursor: pointer; text-indent:-9999px; font-size: 0; } /* Nav footer */ .nav-footer { position: fixed; bottom: 0; padding-top: 1em; width: 280px; background: #000000; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-size: 1.3em; text-transform: uppercase; z-index: 3; } .nav-footer a { display: block; background-color: #4c4c4c; padding: 1.4em 2.4em; margin-bottom: 0.5em; position: relative; } .nav-footer .picto { background: url('commons/css/images/sprite-picto-nav.png') left top no-repeat; position: absolute; width: 50px; height: 35px; display: block; top: 1.2em; right: 2.4em; } .picto.sprite-contact{ background-position: 0 0; width: 28px; height: 17px; } .picto.sprite-ticket{ background-position: -38px 0; width: 39px; height: 30px; } /* Nav languages */ .nav-languages li { color: #ffffff; } .language-overlay { font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; font-size: 1.3em; text-transform: uppercase; display: inline-block; padding: 1.5em 0.5em; background: url("commons/css/images/picto-menu.png") no-repeat scroll right center transparent; padding-right: 1em; } #navigation.active .content-languages { background: #ffffff; width: 97%; height: 100%; position: absolute; z-index: 2; top: 2000px; font-size: 1.4em; text-transform: uppercase; } .csstransitions #navigation.active .content-languages { -webkit-transition: top 0.4s linear; -moz-transition: top 0.4s linear; -o-transition: top 0.4s linear; transition: top 0.4s linear; -webkit-transform: translate3d(0, 0, 0); } #navigation .content-languages li a { padding: 1.4em 0.5em; border-top: 1px solid #282828; margin-right: 2em; font-size: 0.79em; color: #000000; cursor: pointer; display: block; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; } #navigation .content-languages li.last a { border-bottom: 1px solid #282828; } #navigation .content-languages li a:hover { color: #818181; } .close-box { position: relative; display: block; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; padding-top: 2em; padding-left: 0.5em; padding-bottom: 1.1em; cursor: pointer; } .close-box .picto-close { position: absolute; background: url('commons/css/images/nav-close-language.png') center center no-repeat; width: 13px; height: 13px; display: block; right: 2em; top: 2em; } /*audio spectrum*/ .component-audio .description{ margin-bottom: 30px; text-align: center; font-style: italic; } .shortdescription-component .component-audio figure{ width: 80%; margin: auto; } .stage-spectrum{position: relative;} .stage-spectrum>img{opacity: 0;visibility: hidden;} .stage-spectrum>canvas{ position: absolute; top:0; left:0; } /* ============================================================================= Components ========================================================================== */ .component { position: relative; } .component-title { margin-bottom:25px; } /* Component Main-subtitle */ .main-subtitle { font-family: 'AvenirBook',Helvetica,Arial,sans-serif; font-size: 0.375em; display: block; text-transform: uppercase; } .component-title.title-align-center{ background: url('commons/css/images/component-separator.png') 0 bottom repeat-x; padding:45px 0 20px 0; text-align: center; } .component-title.title-align-left{ text-align: left; padding-left: 15px; font-family: 'AvenirBook',Helvetica,Arial,sans-serif; border-bottom: 1px solid #e6e6e6; } .component-title.title-align-left h1{ font-size: 2.35em; } .component-subTitle.title-align-center{ text-align: center; } .component-subTitle.title-align-center h2{ text-transform: uppercase; font-family: 'AvenirBook',Helvetica,Arial,sans-serif; font-size: 1em; } .component-subTitle.title-align-left{ padding-left: 15px; border-top: 1px solid #e6e6e6; } .component-subTitle.title-align-left-bottom-line h2{ text-transform: none; font-size: 2em; margin-bottom: 10px; } .component-subTitle.title-align-left-bottom-line{ padding-left: 15px; border-bottom: 1px solid #e6e6e6; } /* Component Subtitle */ .component-subTitle h2 { font-size: 1.15em; text-transform: uppercase; } .component-subTitle h2 a:hover{ text-decoration: underline; } /* Component Subtitle List */ .component-subTitle-list h3 { width: auto; text-align: left; padding-bottom: 0; font-size: 1em; } /*title date options */ .component .title-date{ margin: 0!important; } .component .title-date h2{ text-transform: none; margin:0; font:normal bold 32px/100% 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; } .component .title-date h3{ font:normal normal 16px/100% 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; } /* component Quote */ .component-text-quote a { color: #418e95; font-style: italic; font-weight: bold; } .picto-quote { position: absolute; text-indent: -9000px; background: url('commons/css/images/picto-quote.png') left top no-repeat; width: 23px; height: 13px; display: block; } .picto-quote.quote-open{ top: 0; left: 0; } .picto-quote.quote-close{ bottom: -20px; right: 0; background-position: right top; } /* component Text-quote */ .component.component-text-quote { padding-top: 1.3em; padding-left: 3.4em; margin-bottom: 4.85em; padding-right: 2.5em; } .citation { font-size: 1.2em ; margin-bottom: 0.9em; } .component-text-quote .author { font-size: 1.07em; margin-top: 0.85em; } .component-text-image img, .component-image img { width: 100%; height: auto; background: url('commons/css/images/loader.gif') center center no-repeat; } /* component Text-image */ .component-text-image .text { color: #000000; min-height: 60px; padding: 1.1em 1.4em; } .component-text-image .text.alignleftnomarge{ color: #8f8f8f; padding: 0; } /* Fix on CQ css stylesheet main.css in CQ */ .container div.image { overflow: visible; margin-bottom: 0; } .component-text-image .image { margin-bottom: 0; } .component-text-image p { font-weight: normal; line-height: 1.6em; } .readmore-button{ display:none; color: #000000; } .readmore-button .closeText { display: none; } .readmore-summary { display: inline; } .read-custom.closeText { margin: 0; } /* component Collapsible */ .component-collapsible { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 10px 0; } .title-collapsible { text-transform: uppercase; font-family: 'AvenirBook',Helvetica,Arial,sans-serif; background: url('commons/css/images/picto-collapsible.png') right center no-repeat; color: #000000; font-size: 1em; padding: 9px 0; margin-right: 15px; cursor: pointer; } .content-collapsible { display: none; } /* link list */ .link-mail, .link-list { color: #418d94; } .link-list { font-style: italic; margin: 10px 0; display: block; line-height: 1.2em; } /* component Push */ .component.component-push { margin-bottom: 0; } .component-push .image-wrapper { padding: 1.34em 0; } .component-push .align-label { border:1px solid #ebebeb; padding: 0.5em 1em 0.4em 1em; display: inline-block; text-transform: uppercase; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; font-size: 1.00em; color: #000000; } .component-push .align-img { width: 332px; position: relative; margin: 0 auto; } .component-push .label { text-align: center; } .component-push .description { text-transform: uppercase; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-size: 0.8em; margin-top: 2.5em; color: #000000; text-align: center; } /* Component Single-gallery */ .component-single-gallery { cursor: pointer; position: relative; } .component-single-gallery .description { margin-top: 15px; color: #000000; position: relative; } .component-single-gallery .bt-gallery { content:" "; position: absolute; top:50%; left:50%; width:91px; height: 79px; margin-top: -60px; margin-left: -45px; background: url('commons/css/images/picto-description-single-gallery.png') 0 0 no-repeat; } .component-single-gallery .bt-gallery.bt-play.bottom-right { right: 0; margin-left: 0; left: auto; top: auto; background-position: 15px -90px; } .component-single-gallery .label { text-align: center; font-size: 0.95em; } /* Component Map-text */ .map-information .component-subTitle.title-align-left {border: none; padding-left: 0;} .map-information .component-subTitle h2 { font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-size: 1em; line-height: 1.2em; margin: 0; } .map-information .component-text { padding-bottom: 0.9em; } .map-information .component-text p { margin: 4px 0; } .map-information .link-list { margin: 18px 0; } .download.link-list { background: url('commons/css/images/picto-donwload.png') left top no-repeat; padding-left: 26px; min-height: 20px; } /* Component Side-Bar */ .component-sideBar .block-info { margin-bottom: 20px; } .component-sideBar p a:hover{ text-decoration: underline; } .border-bottom, .block-info-border-bottom { background: url('commons/css/images/component-separator.png') left bottom repeat-x; } .component-sideBar .link-list { margin: 30px 0 10px 0; } .link-push a { color: #FFFFFF; } .link-page { position: relative; background: url('commons/css/images/view-info.png') left 6px no-repeat; text-indent: -9000px; width: 18px; height: 22px; margin: 0 4px; display: inline-block; } .block-price p { margin: 2px 0; } .component-sideBar .block-intro { margin-bottom: 25px; } .component-sideBar .block-title { border-bottom:1px solid #ebebeb; } .reverse-col { float: right; } .schedule-item { padding-left: 29px; position: relative; } .schedule-item>p a:hover strong{ text-decoration: underline; } .schedule-item>p{ display: block; margin-left: 35px; font-size: 1.15em; } .schedule-item>a.button{ margin-top: 30px; } .schedule-item p span{ display: block; } .schedule-item p strong{ color:#000000; } .schedule-item p span{ color:#9d9c9c; font-weight: normal; } /* Sprite Schedule */ .picto-schedule { display: block; position: absolute; width: 25px; left: 15px; top: 3px; } .price-value { float: right; } /*SIDE BAR ELEMENT*/ /*.grid-4-8-4 .shortdescription,*/ .block-info{ border:1px solid #ebebeb; border-radius: 2px; } .block-info div:not(.newsfeed-header, .component):nth-last-child(2) { border:none; } .grid-4-8-4 .parbase.image, .grid-4-8-4 .wrapper-button, .grid-4-8-4 .image-list>.component, .grid-4-8-4 .text-list>.component{ padding:0 15px; } .grid-4-8-4 .shortdescription, .component-price{ margin-bottom: 30px; } .grid-4-8-4 .wrapper-button{ padding-bottom: 20px; } .block-info .block-inner{ margin: 15px 0 15px 0; padding:0 15px 15px; } .block-info .block-line{ margin: 15px 0 15px 0; padding:0 15px 15px; border-bottom:1px solid #ebebeb; } .block-info .block-line:last-child{ border:0; } .grid-4-8-4 .component-subTitle-list{ border-bottom:1px solid #ebebeb; } .columnControl .wrapper-button{ margin:auto auto 10px auto; width:80%; } .button{ padding:10px; text-align: center; display:block; border-radius:2px; font-weight: bold; } .button-black{ color:#fff; background: #2c2c2b; } .button-white{ color:#2c2c2b; background: #ebebeb; } .button-grey{ color:#2c2c2b; background: #9d9d9c; } .line-block-info { width: 100%; margin-bottom: 30px; padding-top: 10px; } .line-block-info .image-info, .line-block-info .text-info { float: left; } .line-block-info .image-info { width: 24%; } .line-block-info .text-info { width: 76%; } .text-info .line-info { padding: 0 0 0 20px; } .openingHourCome img { width: 13px; height: 21px; margin-right: 11px; } .openingHourCome { margin-bottom: 13px; margin-top: 10px; } /* ============================================================================= Ajax Overlay ========================================================================== */ .nav-overlay{ position: absolute; height: 50px; left: 0; top: 0; width: 100%; z-index:50; } .nav-overlay a{ position: absolute; top: 50%; height: 40px; width: 40px; text-indent: -9999px; background: transparent url('commons/css/images/overlay-arrow.png') 0 0 no-repeat; } .nav-overlay .overlay-prev{ left: 0; background-position: 0 -39px; } .nav-overlay .overlay-next{ right: 0; } /* ============================================================================= Theme Black ========================================================================== */ .black-theme{ width: 100%; background: #e4e3e3; } /* ============================================================================= Theme Black Mozaic ========================================================================== */ .black-moz-theme{ width: 100%; background: #414141; } .black-moz-theme .share-button { background: transparent url('commons/css/images/bt-share.png') right center no-repeat; } .black-moz-theme .component-text p, .black-moz-theme h1, .black-moz-theme h3, .black-moz-theme h4, .black-moz-theme h2{ color:#FFFFFF; } .black-moz-theme .component-subTitle h2{ border-bottom:1px solid #FFFFFF; } .black-moz-theme .container, .black-moz-theme .wrapper{ background: #000000; } .black-moz-theme .tag-list li span.label{ color:#FFFFFF; } .black-theme .tag-list li span.label{ color:#000000; } /*/* ============================================================================= Theme White ========================================================================== */ .white-theme{ width: 100%; background: #FFFFFF; } .black-theme .component-slideshow-gallery.display-label .media .label, .white-theme .component-slideshow-gallery.display-label .media .label{color:#000000;} /*.white-theme .nav-overlay .overlay-next{background-position: 0 -76px;} .white-theme .nav-overlay .overlay-prev{background-position: 0 -109px;}*/ /* ============================================================================= Theme White Mozaic ========================================================================== */ .white-moz-theme{ width: 100%; background: url('commons/css/images/overlay-bg-white.png') #fff repeat 0 0 ; } /* ============================================================================= Home Carousel ========================================================================== */ body.home_page{ background-color: #ffffff; } .home .main, .home .wrapper, .home .container, .home .container > .parsys, .home_page .main, .home_page .wrapper, .home_page .container, .home_page .container > .parsys{ margin:0; padding:0; width:100%; max-width:100%; } .home_page .main{ min-height:100%; /*top:-50px;*/ } .homeSlideshow { width:100%; margin:0; padding:0; overflow:hidden; position: relative; } .homeSlideshow .pane, .homeSlideshow .pane figure { position:absolute; left:0; width:100%; height:100%; overflow:hidden; } .homeSlideshow .pane.active { opacity: 1; } /**/ .homeSlideshow .pane .wrapper-image img { display:block; position:absolute; width:100%; max-width: none; } .title-pane { position:absolute; top: 0; margin-top: 0; width: 100%; height: 100%; display:block; padding:0.3em 0; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; font-size: 1em; text-align: center; color: #fff; z-index: 50; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .title-pane .inner { color: #fff; display: inline-block; position: relative; text-transform: uppercase; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .title-pane .inner a{ color:inherit; } .title-pane .inner .main-info-pane{ background-color: #000; color:#fff; border: 1px solid #fff; padding:10px 14px; display: inline-block; font-size: .84em; } .title-pane .inner .main-date-pane.black-text, .title-pane .inner .main-title-pane.black-text{ color:#000; } .title-pane .inner .main-title-pane{ font-size: 2.7em; margin: 20px 0 25px 0; } .title-pane .inner .main-date-pane{ font-size: 1.3em; margin-bottom: 50px; text-transform: none; } .title-pane .inner .main-link-pane{ border:1px solid #fff; background-color: rgba(14,18,19,.2); padding: 12px 0; font-size: 1.2em; min-width: 270px; display: inline-block; } /* Color of the pane white | black */ .pane-white .inner{ color: #fff; } .pane-black .inner { color: #000; } .pane-black .inner .main-link-pane{ border:1px solid #000; background-color: rgba(244,242,241,.2); } /* Home slideshow event */ .homeinfo{ position: absolute; bottom:0; left:0; width:100%; z-index: 75; } .homeinfo .homeinfo-wrapper{ width:100%; background: rgba(255,255,255,.5); box-shadow: 2px 3px 35px 0px rgba(0, 0, 0, .16); } .homeinfo .homeinfo-top{ position: relative; min-height: 100px; display: table; } .homeinfo .homeinfo-bottom{ margin-top:2px; height: 30px; } .homeinfo { font-family: 'AvenirBook',Helvetica,Arial,sans-serif; font-size: 0.8em; color: rgba(255,255,255,.9); } .homeinfo a { display: block; height: 70px; color: inherit; } .homeinfo a:active, .homeinfo a:focus { outline: 0; } .home-slideshow-event-mobile { display: none; } .homeinfo .main-title-pane { font-size: 1.95em; line-height: 1em; } .homeinfo .home-expo-date{ display: block; margin-bottom: 15px; font-size:1.1em; padding-top: 0; } .homeinfo .home-expo-date strong{ display: block; text-transform: uppercase; } .wrapper-event { padding: 0 30px 0 40px; border-left: 1px solid #ffffff; transition:border ease-out 1.2s; } .home-event-container > div:first-child .wrapper-event{ border:none; } .home-event-container > div.active + div .wrapper-event{ border: none; } .home-expo-title { margin-top: 10px; } .home-expo-title span { display: block; } .main-title-pane {font-size: 1.95em;} .main-subtitle-pane { margin-bottom: 25px; font-size: 0.85em; text-transform: uppercase; } .title-pane span { display: block; font-family: 'AvenirBook', Helvetica,Arial,sans-serif; font-weight: normal; } .home-event-date { float: left; width: 73%; } .home-event-container { width: 100%; } .home-event-container > div{ position: relative; width: 25%; float: left; min-height: 100px; padding:15px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top:1px solid rgba(255,255,255,.5); border-bottom:1px solid rgba(255,255,255,.5); -webkit-transition: color ease-out 1.5s, background-color ease-out 1.5s; transition:color ease-out 1.5s, background-color ease-out 1.5s; } .home-event-container > div.active{ background-color: rgba(255,255,255,.8); color:#000; border-top: none; padding-top: 16px; } .home-event-container > div:before{ content: ""; display: block; position: absolute; background: url('commons/css/images/picto/arrow-transparent.png') no-repeat 0 0 ; width:30px; height: 12px; top:-12px; left:36px; opacity:0; -webkit-transition:ease-out 1.2 s; transition:ease-out 1.2 s; } .home-event-container > div.active:before{ opacity: 1; } .home-expo-text { text-transform: uppercase; font-size: 1em; font-family: 'AvenirBlack', Helvetica, sans-serif; } .author .home-gallery .push-item{ /* float: none; */ } .author.preview .home-gallery .push-item { float: left; } /* CQ placeholder image*/ .push-item img.cq-image-placeholder{ width:inherit; } /*STREAM */ .stream-content { margin-left: auto; margin-right: auto; height: 100%; width: 100%; /*max-width: 1105px;*/ } .stream-inner{ margin-top: 50px; height: 100%; } .stream-logo{ margin:auto; width:100%; margin-top: 60px; text-align: center;margin-bottom: 20px; } .homeSlideshow figcaption strong { font-weight: normal; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; letter-spacing: 0.05em; color: #ffffff; font-size: 1.06em; } .homeSlideshow .controls { position:absolute; bottom: 41px; background: url('commons/css/images/bg-slideshow-controls.png') left top repeat; padding: 0.65em 0.75em; max-height: 51px; } .controls .sprite-buttons { background: none; border: none; padding: 1em 0.5em; background: url('commons/css/images/controls-buttons.png') center center repeat-x; display: block; float: left; margin-left: 0.2em; margin-right: 0.2em; cursor: pointer; position: relative; text-indent: -9000px; } .controls .sprite-buttons.prev { background-position: -39px center; width: 6px; height: 8px; display: none; } .controls .sprite-buttons.next { background-position: -75px center; width: 6px; height: 8px; display: none; } .homeSlideshow .wrapper-image { position: relative; } .homeSlideshow .wrapper-image img { position: inherit; } .homeSlideshow-hide { width : 100%; height : 100%; display : block; z-index : 1000; position : absolute; background : #ffffff url('commons/css/images/ajax-loader.gif') center center no-repeat; } .homeSlideshow-hide.nobg{ background-image: none; } .home_page .section.video{ margin-left: auto; margin-right: auto; width: 100%; max-width: 1245px; visibility: hidden; } /* * ANIMATIONS */ /* Hide elements for JS animation */ .js .homeSlideshow .pane, .js .homeSlideshow .controls { display:none; } .homeSlideshow .pane .wrapper-image img{ position:absolute; } .homeSlideshow .pane .wrapper-image { width:100%; height:100%; } /* crop */ .homeSlideshow .pane.crop-left-top .wrapper-image img{ position:absolute; right:0; bottom:0; } .homeSlideshow .pane.crop-left-bottom .wrapper-image img{ position:absolute; right:0; right:0; } .homeSlideshow .pane.crop-right-top .wrapper-image img{ position:absolute; left:0; bottom:0; } .homeSlideshow .pane.crop-right-bottom .wrapper-image img{ position:absolute; left:0; right:0; } /* animate left to right */ .homeSlideshow .pane.animate-left-right .wrapper-image { width:120% !important; height:100% !important; } .homeSlideshow .pane.animate-left-right .wrapper-image { width:120% !important; } .csstransitions .homeSlideshow .pane.animate-left-right .wrapper-image { left:-20%; transition: ease-out 10s; -webkit-transition: ease-out 10s; } .csstransitions .homeSlideshow .pane.animate-left-right.active .wrapper-image { transform:translateX(16%); -webkit-transform:translateX(16%); } /* animate right to left */ .homeSlideshow .pane.animate-right-left .wrapper-image { width:120% !important; height:100% !important; } .homeSlideshow .pane.animate-right-left .wrapper-image { width:120% !important; } .csstransitions .homeSlideshow .pane.animate-right-left .wrapper-image { transition: ease-out 10s; -webkit-transition: ease-out 10s; } .csstransitions .homeSlideshow .pane.animate-right-left.active .wrapper-image { transform:translateX(-16%); -webkit-transform:translateX(-16%); } /* animate top to bottom */ .homeSlideshow .pane.animate-top-bottom .wrapper-image { width:100% !important; height:120% !important; } .csstransitions .homeSlideshow .pane.animate-top-bottom .wrapper-image { top:0%; transition: ease-out 10s; -webkit-transition: ease-out 10s; } .csstransitions .homeSlideshow .pane.animate-top-bottom.active .wrapper-image { transform:translateY(-16%); -webkit-transform:translateY(-16%); } .arrow-sw-left, .arrow-sw-right { position: absolute; background-color: #000000; width: 27px; height: 40px; top: 50%; margin-top: -15px; display: block; z-index: 1000; cursor: pointer; } .arrow-sw-left { left: 15px; background: url('commons/css/images/hp-arrow.png') -33px 0px no-repeat; } .arrow-sw-right { right: 15px; background: url('commons/css/images/hp-arrow.png') 0px 0px no-repeat; } .arrow-sw-right:hover{ background-position: 0 -42px; } .arrow-sw-left:hover { background-position: -33px -42px; } .touch .arrow-sw-left, .touch .arrow-sw-right { display: none; } /* animate bottom to top */ .homeSlideshow .pane.animate-bottom-top .wrapper-image { width:100% !important; height:120%; } .csstransitions .homeSlideshow .pane.animate-bottom-top .wrapper-image { top: -16%; transition: ease-out 9s; -webkit-transition: ease-out 9s; } .csstransitions .homeSlideshow .pane.animate-bottom-top.active .wrapper-image { transform:translateY(16%); -webkit-transform:translateY(16%); } /* animate zoom downscale */ .csstransitions .advent-calendar-bg>img.animate-zoom-downscale.active { transform:scale(1,1); -webkit-transform:scale(1,1); transition:transform ease-out 10s; -webkit-transition:-webkit-transform ease-out 10s; -moz-transition:-moz-transform ease-out 10s; } .csstransitions .advent-calendar-bg>img.animate-zoom-downscale, .csstransitions .homeSlideshow .pane.animate-zoom-downscale .wrapper-image { transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); } .csstransitions .homeSlideshow .pane.animate-zoom-downscale.active .wrapper-image, .csstransitions .homeSlideshow .pane.animate-zoom-downscale.focus .wrapper-image { transform:scale(1,1); -webkit-transform:scale(1,1); transition: ease-out 10s; -webkit-transition: ease-out 10s; } /* ============================================================================= Home Gallery ========================================================================== */ .bt-gogallery{ text-align: center; border-top: 1px solid #ffffff; } .home-gallery-button { width: 100%; display: block; text-indent: -9000px; padding-top:5px; } .home-gallery-button .picto { background: url('commons/css/images/hp-arrow.png') -1px -128px no-repeat; width: 40px; height: 24px; display: block; margin: auto; -webkit-animation: moveBp 2.5s 5s infinite; -moz-animation: moveBp 2.5s 5s infinite; -o-animation: moveBp 2.5s 5s infinite; -ms-animation: moveBp 2.5s 5s infinite; } @-webkit-keyframes moveBp { 0% { background-position: -1px -136px; } 40% { background-position:-1px -125px; } 90% { background-position:-1px -125px; } 100% { background-position:-1px -110px; } } @-moz-keyframes moveBp{ 0% { background-position: -1px -136px; } 40% { background-position:-1px -125px; } 90% { background-position:-1px -125px; } 100% { background-position:-1px -110px; } } @-o-keyframes moveBp { 0% { background-position: -1px -136px; } 40% { background-position:-1px -125px; } 90% { background-position:-1px -125px; } 100% { background-position:-1px -110px; } } @keyframes moveBp { 0% { background-position: -1px -136px; } 40% { background-position:-1px -125px; } 90% { background-position:-1px -125px; } 100% { background-position:-1px -110px; } } @-webkit-keyframes moveBp { 0% { background-position: -1px -136px; } 40% { background-position:-1px -125px; } 90% {display: block; background-position:-1px -125px; } 100% { background-position:-1px -110px; } } .home-gallery { position: relative; overflow: hidden; max-width:1245px; width: 100%; margin: 0 auto; display: none; padding-top: 40px; padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .home-gallery div.span12{ position: relative; } .home-gallery div.span12 .parsys.grid-6 { display: block; } .author .home-gallery { display: block; } .ios-app-withoutstyle{ display: none; } .ios-app-withoutstyle a{ display: block; } .ios-app-douwnload{ border-bottom: 1px solid #cecece; padding: 20px 62px 20px 32px; display: none; font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; background:#f4f4f4 url('commons/css/images/picto/arrow-right-black.png') 95% 50% no-repeat; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .ios-app-douwnload a{ display: block; } .ios-app-douwnload span, .ios-app-douwnload img{ display: inline-block; vertical-align: middle; } .ios-app-douwnload span{ padding-left:32px; max-width: 70%; } /* Content gallery display */ .push-item { float: left; /* width: 33.3%; */ position: relative; overflow: hidden; } .content-home-gallery { width: 100%; padding-top:10px; } .home-gallery .columnControl .grid-6:first-child{ position: relative; min-height: 500px; } .home-gallery .columnControl .grid-6:first-child .component-image{ position: static; } .home-gallery .columnControl .grid-6:first-child img{ width: 100%; } .home-gallery .columnControl .grid-6:nth-child(2){ padding-top: 43px; } .section.text{ font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; } .section.text h2{ text-align: center; font-size: 1.8em; text-transform: uppercase; } .section.text blockquote{ font-size: 1em; font-style: italic; margin-top: 15px; } .section.text blockquote p { quotes: "«" "»"; font-size: 1em } .section.text blockquote p:before, .section.text blockquote p:after { font-size: 1.2em; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-weight: bold; margin: 0 2px; } .section.text blockquote p:before { content: open-quote; } .section.text blockquote p:after { content: close-quote; } .section.text blockquote footer{ margin-top: 10px; color:#b1b1b1; font-size: .9em; text-align: right; } .section.nav{ margin-top: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0 0; } .section.nav ul{ text-align: justify; } .section.nav ul:after { content: ""; width: 100%; display: inline-block; } .section.nav li{ display: inline-block; vertical-align: text-bottom; padding: 0 0 0 5%; border-left: 1px solid #ccc; font-size: .8em; text-transform: uppercase; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; } .section.nav li:first-child{ border: 0; padding-left: 0; } .section.nav li:last-child{ padding-right: 0; } .home_page .grid-6 .section.video{ position: relative; margin-top: 60px; } .home_page .home-gallery .parbase.image .component{ margin: 0; } .push-wrapper { height: 161px; width: auto; position: relative; margin: 0 2px 4px 2px; overflow: hidden; } .columnControl + .component.section{ margin-top: 0; } /* Push Image */ .card-wrapper .description { bottom: 0px; left: 0; width: 100%; background: rgba(255,255,255,.8); padding: 0.7em 0; color: #000; text-transform: uppercase; text-align: center; position: absolute; } .card-wrapper .label { font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; font-weight: normal; font-size: 1em; text-transform: uppercase; position: relative; overflow: hidden; display: block; letter-spacing: 0.05em; } /* ============================================================================= Flip card ========================================================================== */ .push-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: relative; -webkit-tap-highlight-color: transparent; } .push-item img { height: auto; width: 100%; border-radius: 2px; } .push-item .card-front { height: 50%; left: 0px; overflow: hidden; position: absolute; bottom: 0px; z-index: 2; width: 100% } .push-item .card-front img { bottom: 0; display: block; position: absolute; } .push-item .card-back { left: 0px; position: absolute; top: 0px; z-index: 1; width: 100%; } .push-item .card-back img { display: block; } .push-item .top-flip { height: 50%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 5; } .push-item .top-flip .flip-front, .push-item .top-flip .flip-back { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .push-item .top-flip .flip-back img { bottom: 0; } .push-item .top-flip img { position: absolute; left: 0; } .push-item .flip-back img { bottom: 0; } .push-item .top-flip { -webkit-transform: rotateX(0deg) translate3d(0, 0, 0); -moz-transform: rotateX(0deg) translate3d(0, 0, 0); -ms-transform: rotateX(0deg) translate3d(0, 0, 0); -o-transform: rotateX(0deg) translate3d(0, 0, 0); transform: rotateX(0deg) translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1); -moz-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1); transition: all 600ms cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transform-origin: 0 100% 0; -moz-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; -o-transform-origin: 0 100% 0; transform-origin: 0 100% 0; } .push-item .top-flip .flip-front, .push-item .top-flip .flip-back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; } .push-item .top-flip .flip-front { -webkit-transform: rotateY(0deg) translate3d(0, 0, 0); -moz-transform: rotateY(0deg) translate3d(0, 0, 0); -ms-transform: rotateY(0deg) translate3d(0, 0, 0); -o-transform: rotateY(0deg) translate3d(0, 0, 0); transform: rotateY(0deg) translate3d(0, 0, 0); } .push-item .top-flip .flip-back { -webkit-transform: rotateX(180deg) translate3d(0, 0, 0); -moz-transform: rotateX(180deg) translate3d(0, 0, 0); -ms-transform: rotateX(180deg) translate3d(0, 0, 0); -o-transform: rotateX(180deg) translate3d(0, 0, 0); transform: rotateX(180deg) translate3d(0, 0, 0); } .push-item .push-wrapper.active .top-flip { -webkit-transform: rotateX(180deg) translate3d(0, 0, 0); -moz-transform: rotateX(180deg) translate3d(0, 0, 0); -ms-transform: rotateX(180deg) translate3d(0, 0, 0); -o-transform: rotateX(180deg) translate3d(0, 0, 0); transform: rotateX(180deg) translate3d(0, 0, 0); } .push-item .push-wrapper.active .top-flip .flip-back { -ms-backface-visibility: visible; } /* Fallback ie9 push-item */ .ie9 .push-item .top-flip .flip-front, .ie9 .push-item .card-back { display: none; } .ie9 .push-item .top-flip { height: 100%; } .ie9 .push-item .top-flip { z-index: 1; } .ie9 .push-item .card-front { height: 100%; z-index: 2; } /* ============================================== google Map ============================================== */ .component-map, #map-canvas { height: 100%; margin: 0px; padding: 0px } #map-canvas img { max-width: none; } .map-content { padding: 0 15px 0 10px; } .map-content p { font-family: Arial,sans-serif; color: #1a1a1a; font-size: 0.9em; } .map-link { color: #005bb7; } #map-canvas .gm-style .gm-style-iw a { font-size: 0.9em; } .map-direction { margin-top: 10px; } .first-Heading { margin: 10px 0; text-align: left; text-transform: uppercase; font-family: Arial,sans-serif; font-weight: bold; font-size: 1.1em; } /* ============================================== List Component ============================================== */ .list-component a:hover { } .list-component a.link-list { color: #418d94; margin-left: 10px; } .list-component a.link-list:hover { text-decoration: none; } .date-list { font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; text-transform: uppercase; } .list-component .description { position: absolute; left: 0; top: 0; padding: 5px 10px; background-color: #000000; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; color: #FFFFFF; } .shortdescription-component a{ color:#000000; } .around-borders .component-subTitle-list{ border:0; } .component.around-borders .text-list{padding-bottom: 10px;} .component.around-borders{ border: 1px solid #ebebeb; padding: 10px; margin-bottom:-10px; } .grid-4-8-4>.parsys>.title~.shortdescription{margin-bottom: -10px;} .around-borders .shortdescription-component{ border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .shortdescription .around-borders .image-list .component-text{ padding-top: 15px;} .shortdescription .around-borders .text-list .component-text{ padding-bottom: 15px; padding-top: 15px; } .around-borders .component{ margin-top: 0!important; } .shortdescription-component a:hover{ text-decoration: none; } .shortdescription-component a:focus{outline:none;} .shortdescription-component .component-subTitle-list .component-text, .shortdescription-component a .component-subTitle-list .component-text{ font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; text-transform: uppercase; } .shortdescription-component p b, .shortdescription-component p strong{ font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-weight: normal; } .shortdescription-component .picto-description{ margin-top: 15px; text-align: center; } .shortdescription-component .picto-description+.component-text{ text-align:center; margin-top: 10px; } /* ============================================== List Component Exposition ============================================== */ .exposition-list.list-component .sub-title strong { font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-size: 0.85em; } .exposition-list.list-component .sub-title { margin-bottom: 20px; } /* ============================================== List Component 4-1-1 ============================================== */ .list-component-4-1-1 .list-component { width: 25%; float: left; } .list-component-4-1-1 .media-gallery-thumb:last-child .section{margin-right:0;} .list-component-4-1-1 .media-gallery-thumb .section{ margin-right:15px; } .parsys .list-component .component { margin-left: 0; margin-right: 0; } .list-component .image-list, .list-component .text-list { padding: 0 10px; } .list-component-3-1-1 .block-info, .list-component > .link-list { margin: 0 10px; } .events-list .component-text { margin-top: 20px; } /* ============================================== List Component 3-1-1 ============================================== */ .list-component-3-1-1 .list-component { width: 33.3%; float: left; } .list-component-3-1-1 .list-component .component-text { font-size: 1em; } .main { font-size: 1.5em; } .over-video { z-index: 10005!important;position:fixed;width:100%;height:100%; max-height:100%;overflow:hidden;top:0;left:0; } .over-video .wrapper { width:100%; margin:0;max-height:100%;height:100%; } .over-video .container { width:100%; margin:0;max-height:100%;height:100%; } .main.over-video { max-width:100%; max-height:100%; height:100%;padding-top: 0;} .wrapper { background-color: #ffffff; } /* close layer */ .animated .context-close{ display:none; } .context-close { position: fixed; top: 50px; display: block; height: 20px; width: 20px; z-index: 1000; /* -webkit-backface-visibility: hidden; -webkit-transition: top 0 linear; -webkit-transform: translate3D(0,0,0);*/ } .close-layer { text-indent: -9000px; background: url('commons/css/images/sprite-bt-top.png') -1px -35px no-repeat; display: block; width: 32px; height: 32px; padding: 0.5em; } /*.csstransitions .close-layer, .ie9 .close-layer { -webkit-transform: translate3D(0,0,0); }*/ .content-share { background-color: #333333; position: absolute; top: 2.35em; right: -37px; padding: 1.3em 1em 1.3em 1em; z-index: 1000; display: none; min-width: 210px; } .content-share .arrow { display: block; position: absolute; background: #ffffff url('commons/css/images/arrow-share.png') left top no-repeat; right: 3.2em; top: -0.4em; width: 12px; height: 6px; } .share-button { position: absolute; right:0; background: transparent url('commons/css/images/sprite-bt-top.png') right top no-repeat; top: 10px; display: block; height: 32px; padding: 0.44em 3.5em 0.74em 0.4em; z-index: 10; color: #000; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 22px; } /* add this */ .addthis_toolbox { position: absolute; top: 5em; right: -2.3em; width: 209px; background-color: #000000; padding: 1.6em 2em; } /* ============================================================================= Footer ========================================================================== */ #footer { text-transform: uppercase; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; overflow: hidden; padding-left: 40px; padding-right: 40px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .footer-links li, .footer-links li a { color: #000; } .footer-top .pull-right li, .footer-links a{ font-size: 1.2em; } .footer-bottom { margin: 15px 0 25px; padding-top: 10px; border-top:1px solid #000; } .footer-top .pull-left li, .footer-bottom .pull-left li, .footer-bottom .pull-right li{ margin-top: 9px; } .footer-links .pull-left li { padding-right: 1.4em; margin-right: 1.4em; } .footer-top .pull-right li:first-child{ margin-top: 9px; } .footer-links.footer-top>div{ width: 55%; float: left; } .footer-links.footer-top>div+div{ width: 45%; } .footer-links.footer-bottom>div{ width: 70%; float: left; } .footer-links.footer-bottom>div+div{ width: 30%; } .share-links { text-align: center; display: none; } .share-links p { color: #a4a4a4; font-size: 1.2em; padding-top: 2.3em; margin-bottom: 0.7em; } /* ============================================================================= Video ========================================================================== */ .component-video video { width: 100%; } /* Set the z-index for the player to see the text-track-display and the control-bar */ .vjs-has-started .vjs-text-track-display, .vjs-has-started .vjs-control-bar { z-index: 1; } /* Navigation by tab */ .no-js .component-video #sampleid {display:block;} .component-video #sampleid { display:none; } /* Componnent video by tab */ .component-video figcaption a:focus, .component-video figcaption a:focus + span { position: static; text-indent: 0; background-color: #000000; color: #ffffff; width: auto; display: block; padding: 0.5em; width: auto; } .component-video .label{ padding: 15px 0; text-align: center; color:#000000; } /* Overrides colors for captions */ .blue .video-js .vjs-captions { color: #053afd; } .red .video-js .vjs-captions { color: #fd0505; } .yellow .video-js .vjs-captions { color: #fde905; } .white .video-js .vjs-captions { color: #ffffff; } .black .video-js .vjs-text-track { background-color: #ffffff; } .black .video-js .vjs-captions { color: #000000; } /* Tag list */ .events-container .tag-list{ border: #e7e7e7 solid 1px; padding-top: 20px; } .tag-list{ margin-top: 15px; } .tag-list li{ width: 25%; float: left; display: inline-block; margin-bottom: 20px; } .tag-list .checkbox-input{ width:33px; height:33px; float: left; text-align: left; background: url(commons/css/images/checkbox.png) 0 bottom; } .tag-list .checked .checkbox-input{ background-position: 0 0; } .tag-list li>div{ cursor: pointer; display: table; } .tag-list li span.label{ display: table-cell; vertical-align: middle; width: 75%; text-align: left; font-family: 'AvenirBook',Helvetica,Arial,sans-serif; } /* Photo list */ .photo-grid-loader{ min-height:100px; background: url(commons/css/images/loader.gif) center 50px transparent no-repeat; z-index: 50; width: 100%; float: left; display: none; } .photos-container{ overflow: hidden; position: relative; margin-top:20px; } .photos-container .photo-list{ overflow: hidden; } .photos-container .photo-wrapper{ width:50%; position: relative; background-color: #ccc; display: block; float: left; opacity: 0; } .photos-container .photo-wrapper a .photo-meta{ background:url(commons/css/images/black-cruz.png) 95% center #ffffff no-repeat; } .photos-container .photo-wrapper.disabled{display: none!important;} .photo-list img{ margin: 0; padding: 0; display: inline-block; vertical-align: bottom; } .photo-list .photo-meta{ position: absolute; bottom:0; right:0; width: 100%; background: white; } .photo-list .photo-meta p{ padding:10px; color:#000000; display: block; text-align: center; } /*Oeuvre identification*/ .oeuvre-id{ width:285px; margin-bottom: 10px; margin-left: 20px; float: right; font-size: 12px; text-transform: uppercase; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; } .oeuvre-id p{ font-size:1em; } .oeuvre-id .block-line+.block-line{ border:none; position: relative; } .oeuvre-id .block-line+.block-line p{ margin-left: 35px; } .oeuvre-id .block-line+.block-line span{ position: absolute; } /*Oeuvre identification*/ .component-textimg.alignleft figure.image{ float: left; margin: 0 20px 10px 0; } .component-textimg.alignright figure.image{ float: right; margin: 0 0 10px 20px; } .component-textimg.aligncenter figure.image{ margin: 0 0 10px 0px; text-align: center; } .component-textimg figcaption{ margin-top: 15px; text-align: center; font-size: 0.95em; } /*News Feed Component*/ .component-newsfeed{ font-size: 12px; font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; text-transform: uppercase; position:relative; } .newsfeed-container{ overflow: hidden; margin-bottom: 0; border:1px solid #efefef; padding: 10px 10px 15px 10px; } .newsfeed-container ul{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .component-newsfeed .newsfeed-header{ padding-left: 40px; margin-bottom: 0; border-bottom: 0; background: url(commons/css/images/picto-infos.png) 10px top no-repeat; } .component-newsfeed li{ min-height: 15px; display: table; overflow: hidden; } .component-newsfeed>p{ margin:9px 0 0 40px; display: table-cell; } .component-newsfeed .newsfeed-container>div{overflow: hidden;} .component-newsfeed .newsfeed-container p{ height: 15px; vertical-align: middle; display: table-cell; } /*Partners Component*/ .component-partners ul{overflow: hidden;padding-top: 15px;} .component-partners .partner-info{ width: 24%; margin-bottom: 15px; display: inline-block; } .component-partners li>figure{ display:table; height: 80px; } .component-partners li div img{ margin-right: 20px;} .component-partners li div{ width:25%; min-width: 70px; } .component-partners li>figure>figcaption{ width: 70%; padding-left: 2%; vertical-align: middle; } .component-partners li>figure>*{ display:table-cell; vertical-align: middle; } /*Newsletter Form*/ .newsletter{ font-family: 'AvenirBook',Georgia,Helvetica,Arial,sans-serif; max-width: 640px; margin: auto; } .newsletter-info{ text-transform: uppercase; font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; } .newsletter .warning, .newsletter .error_useradded, .newsletter .error_captchabox, .newsletter .error_format{ color:#000000; font-size: 0.90em; text-transform: uppercase; padding:8px 10px 8px 45px; display: none; border:1px solid #ebebeb; margin:20px auto auto; max-width: 405px; background: url('commons/css/images/picto-warning.png') 15px center no-repeat; } #subscribe_newsletter{max-width: 640px;margin:50px auto auto auto;width:100%} #subscribe_newsletter #newsletter_form{width:390px;float:left;} #subscribe_newsletter #newsletter_interest{float:right;width:160px;} #newsletter_interest span[class=input]{display:block;padding-top:15px;text-transform:initial;} .newsletter .optin{clear:both;} .newsletter .optin #sendEmail{display: block;padding-top: 15px;text-transform: none;} .newsletter .error_useradded, .newsletter .error_captchabox, .newsletter .error_format{ display:none; } #newsletter_interest .title_interest{text-decoration: underline;} #submit_newsletter{cursor:pointer;} #subscribe_newsletter fieldset{ display:block; margin-bottom: 30px; text-transform: capitalize; } #subscribe_newsletter input[type=submit]{ border:none; min-width: 265px; margin: auto; } #subscribe_newsletter #country{-webkit-appearance: none;} #subscribe_newsletter input[type=text], #subscribe_newsletter input[type=email], #subscribe_newsletter #country{ background-color: #e5e5e5; width:94%; padding: 5px 3%; border:none; height: 40px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } #subscribe_newsletter #waiting{display:none;text-align: center;margin-bottom: 20px;} #subscribe_newsletter input[type=text].error, #subscribe_newsletter input[type=email].error, #subscribe_newsletter #country.error{ border:1px solid red; } #subscribe_newsletter .error_text{ color:red; } #subscribe_newsletter .label{ text-align: right; padding-right: 5%; margin-top: 10px; display: block; float: left; } #subscribe_newsletter .caption{ clear:both; text-align: right; margin-bottom:30px; font-size: 10px; text-transform: uppercase; width:95%; } #subscribe_newsletter #newsletter_interest .title_interest{margin-bottom:20px;} @media only screen and (max-width: 768px) { .newsletterform{ margin-top:40px; } .newsletter .intro{ text-align:center; } } @media only screen and (max-width: 640px) { #subscribe_newsletter{ width:80%; margin-left:10%; margin-right:10%; } #subscribe_newsletter #newsletter_interest { float:none; } #subscribe_newsletter #newsletter_form { width: 100%; float:none; } #subscribe_newsletter #country { width:100%; } #expositions, #concerts, #family, #events{ margin-right:10px; } #subscribe_newsletter input[type=text] { width: 100%; } .warning, .error_format, .error_useradded, .error_captchabox{ width: 75%; } } @media only screen and (max-width: 359px) .newsletterform { margin-top: 65px; } div.pinch-zoom-container { position: relative; } div.pinch-zoom-container a{ color: white; position: absolute; bottom: 10px; right: 10px; text-decoration: none; background: #333; padding: 3px; font-size: 11px; } div.pinch-zoom-container div.description { position: absolute; top: 500px; left: 210px; } div.pinch-zoom-container div.description h1{ font-size: 40px; margin: 0px; margin-bottom: 10px; } div.pinch-zoom-container div.description p{ margin: 0px; } section.main .wrapper h1, section.main .wrapper h2, section.main .wrapper h3, section.main .wrapper h4, section.main .wrapper h5{ font-family: 'AvenirHeavy',Georgia,Helvetica,Arial,sans-serif; } section.main .wrapper{ font-family: 'AvenirRoman',Georgia,Helvetica,Arial,sans-serif; } section.main .wrapper .span12.full-width { margin-left: -.9%; margin-right: -.9%; } @media only screen and (min-width: 1180px){ .alert-zone{ max-width: 285px; font-size: 0.8em; padding: 9px 30px 9px 40px; min-height: 32px; } } @media only screen and (min-width: 1025px) and (max-width: 1064px) { .main-menu .nav-level1>li:not(.switch-lang)>a{ padding: 17px 8px; } .section.text blockquote{ margin-top: 30px; } .section.nav{ margin-top: 40px; padding: 20px 0 5px; } .section.text blockquote p{ font-size: .9em; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .main-menu .nav-level1>li:not(.switch-lang)>a{ padding: 17px 6px; } .main-menu .nav-level1>li.location > a{ padding-left:10px; } .wrapper-event { padding: 0 15px 0 20px; } .wrapper-menu .menu-container .menu-list + p{ font-size: 1.3em; } .section.text blockquote p{ font-size: .9em; } .section.text h2{ margin: 5px 0 10px 0; } /* .footer-top .pull-right{ padding-top: 28px; position: relative; } .footer-top .pull-right li:first-child{ position: absolute; top: 0; } */ } @media only screen and (max-width: 991px) { .home-event-container > div{ min-height: 120px; } .homeinfo{ bottom: 10px; } .menu-active .alert-zone{ opacity: 0; transition: 0.6s; } .alert-container{ position: absolute; right:0; top:50px; height: auto; transition: ease-in .3s; } .main-menu.search-open .alert-container{ top:105px; } .alert-zone{ background-color: rgba(0,0,0,.6); } } @media only screen and (min-width: 769px) { .only-mobile{ display: none !important; } } @media only screen and (max-width: 768px) { body:after{ content: "mobile" !important; position: absolute; left: -3330em; top: -10px; } .not-mobile{ display: none !important; } #header{ position:fixed; right:0; width: 100%; z-index: 2001; } #navigation{ top:0; } .home_page .main { top:auto; } .alert-container{ position: absolute; right:0; left: 0; top:50px; } .alert-zone{ max-width: 100%; padding-left: 60px; } .alert-zone .close { top:50%; margin-top: -6px; } .no-js #navigation .wrapper-menu, .no-js #navigation:hover .wrapper-menu, #navigation.active .wrapper-menu{ top:50px; } .wrapper-menu .menu-container{ padding: 10px 3.8%; } .nav-level1 .link-ticketing + li, .nav-level1 .link-ticketing + li ~ li{ display: none; } .main-menu .nav-left .nav-level1 li a.picto-menu{ margin-right: 0; } .menu-list{ margin-left: -1.8%; text-align: justify; } .menu-list a span p{ font-size: .7em; } .menu-list .high{ padding-bottom: 18%; } .menu-list .high, .menu-list .normal, .menu-list .low{ width: 47.5%; margin-left: 1.8%; margin-bottom: 2.2%; overflow: hidden; } .menu-list .high img{ margin-top: -12%; position: absolute; } .menu-list .normal img, .menu-list .low img{ display: none !important; } .menu-list .normal a, .menu-list .low a{ color:black; width:90%; border-bottom: 1px solid #ccc; display: block; } .menu-list .high a{ position: static; } .menu-list .high a span{ height: 36px; top:auto; bottom:0; } .menu-list .high a span p{ position: static; } .menu-list .high span{ /* padding: 10px 0; */ } .menu-list .normal{ margin-top: 20px; } .menu-list .normal span, .menu-list .low span{ position: relative; width: auto; height: auto; top:auto; } .menu-list .normal span p, .menu-list .low span p{ position: relative; text-align: left; color:black; background-color: #fff; padding: 8px 0; } .menu-list .normal span:after, .menu-list .low span:after{ content: ""; background: url('commons/css/images/picto/arrow-menu-mobile.png') left bottom no-repeat; background-size: 100%; -webkit-background-size: 100%; position: absolute; width: 15px; height: 26px; bottom:0; right:-19px; display: block; z-index: 1000; } .wrapper-menu .search{ font-size: 1.4em; display: block; border: 1px solid black; text-align: center; padding: 8px 30px; margin-bottom: 5px; } .wrapper-menu .search form{ display: none; } .homeinfo .homeinfo-top{ background: none; box-shadow: none; position: relative; } .title-pane .inner .main-date-pane { font-size: 1.3em; margin-bottom: 35px; text-transform: none; } .title-pane .inner .main-title-pane{ font-size: 2em; line-height: 1em; } .title-pane .inner .main-title-pane.long-title{ font-size: 2em; } .home-event-container > div{ position: inherit; } .home-event{ visibility: hidden; } .home-event:after{ content:"●"; color:white; font-size:28px; display: block; position: absolute; visibility: visible; top:20%; left:41%; opacity: .4; } .home-event.active:after{ opacity: 1; } .home-event + .home-event:after{ margin-left:28px; } .home-event + .home-event + .home-event:after{ margin-left:56px; } .home-event + .home-event + .home-event + .home-event:after{ margin-left:84px; } .nav-ter{ position: absolute; overflow: hidden; background-color: #fff; bottom: 0; color:#000; width: 100%; z-index:80; } .nav-ter li{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; text-align: center; box-shadow: 2px 3px 35px 0px rgba(0, 0, 0, 0.16); border:1px solid #b6b6b6; padding: 12px 0; font-family: 'AvenirMedium',Helvetica,Arial,sans-serif; font-size:1.2em; text-transform: uppercase; } .nav-ter li.location a{ background: url('commons/css/images/picto/location.png') 10px 50% no-repeat; padding-left: 28px; } .content-home-gallery { padding-top: 25px } .home-gallery{ max-width: 100%; width:100%; padding-left: 0; padding-right:0; padding-top: 40px; } .container .home-gallery .ios-app-douwnload { padding: 10px 32px 10px 16px; margin-left: 0; width: 100%; } .ios-app-douwnload img{ width: 45px; height: auto; } .ios-app-douwnload span{ font-size: .9em; } .container .home-gallery .parsys.grid-6{ width:94.7%; } .home-gallery div.span12 .parsys.grid-6:first-child{ display: none; } .home_page .section.text h2{ text-align: left; font-size: 1.4em; } .home_page .grid-6 .section.video { width: 100%; bottom: auto; position: relative; margin-top: 30px; } .home_page .section.nav{ display: none; } .component-location{ width: 94.7%; margin-left: 2.5%; margin-right: 2.5%; padding-top: 0 !important; } .component-location .link-location, div.component-location p { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; } div.component-location p { background-position: 10px 2px; margin-bottom: 16px; } .component-social.section{ display: none; } .footer-top .pull-right .hashtag{ position: absolute; top:10px; left: 0; width: 100%; margin: 0; text-align: center; font-family: 'AvenirMedium',Helvetica,Arial,sans-serif; } .component-feeds{ height: 0; } .link-fondation{ display: block; text-transform: uppercase; text-align: center; border:1px solid #000; font-family: 'AvenirMedium',Helvetica,Arial,sans-serif; font-size: 1.2em; padding: 12px 0; margin: 16px 0; } #footer .footer-links>div{ width:100%; display: inline-block; margin: 0 auto; } .wrapper-footer .footer-top > div{ float:none; } .wrapper-footer .footer-top .pull-right{ float: none; text-align: center; } .wrapper-footer .footer-top .pull-right li{ float: none; display: inline-block; vertical-align: middle; } .wrapper-footer .footer-bottom .pull-right, .wrapper-footer .footer-top .pull-left{ display:none } .footer-links{ padding-top:3.5em } .footer-links.footer-bottom{ float: none; } .footer-links.footer-bottom .pull-left{ float: none; text-align: center; } .footer-links.footer-bottom .pull-left li{ float: none; display: inline-block; padding-right: 0; margin-left: 1.4em; } #footer{ padding: 0; width: 100%; padding-left: 2.65%; padding-right: 2.65%; border-top:1px solid #cdcdcd; background-color: #f4f4f4; -webkit-box-sizing:border-box; box-sizing:border-box; } #footer .wrapper-footer{ border-top: 0; background-color: #f4f4f4; padding:35px 0 15px; position: relative; } } @media only screen and (max-width: 420px) { .title-pane .inner .main-title-pane{ font-size: 1.4em; margin: 15px 0; } .title-pane .inner .main-title-pane.long-title{ font-size: 1.4em; } .title-pane .inner .main-date-pane{ font-size: 1em; margin-bottom: 30px; } .main-menu li.home-expo-date{ width: 86px; height: 40px; } .main-menu .home-expo-date p{ font-size: .65em; padding-right:5px; } .header-top li > a{ font-size: .8em; } .main-menu .nav-left .nav-level1 li a.picto-menu{ margin-left: 0; height: 30px; } .header-top .main-menu .nav-level1>li.logo-min>a{ padding-top: 11px; padding-left: 2px; padding-right: 8px; } .main-menu .nav-level1 > li:not(.switch-lang) > a{ padding:10px 5px } .link-ticketing{ margin-top: 4px; } .main-menu{ height: 40px } .list-header .languages{ width: 44px; text-indent: .4em; } .list-header .languages .init{ padding: 12px 0; height: 10px; } .picto-menu span{ top:20px; } .list-header{ max-height: 40px; } .right-separator::after{ height: 20px; } .alert-container{ top:40px; } .home-event:after{ left:34%; } .no-js #navigation .wrapper-menu, .no-js #navigation:hover .wrapper-menu, #navigation.active .wrapper-menu{ top:40px; } .wrapper-menu .menu-container{ padding: 10px 2.8% 0; } .menu-list .high{ padding-bottom: 25%; } .menu-list .normal span, .menu-list .low span{ font-size: .7em } .menu-list .normal span:after, .menu-list .low span:after{ background-size: 70%; -webkit-background-size: 70%; } .section.nav li{ padding: 0 0 0 2%; font-size: 0.7em; } .wrapper-footer .footer-top .pull-right .hashtag{ width:100%; } } /* ============================================================================= OLD MEDIAQUERIES maintained during new home ======================-==================================================== */ @media only screen and (min-width: 768px) and (max-width: 1024px) { p { /*line-height: 1.55em*/ } .nav-button, .nav-button:focus { height: 12px } .content-share { right: -1.1em } .content-share .arrow { right: 3.1em } #navigation .nav-footer { width: 281px } .readmore-button { display: none } .push-item .top-flip { height: 50.5% } .special-event { margin-left: 0 } .mobile-event { display: none } .homeinfo .homeinfo-wrapper { max-width: none } .card-wrapper .description { /* padding: .8em .6em */ } #footer { /* width: 96.2% */ } .advent-calendar-content h2 span { margin-bottom: 0 } .homeinfo .homeinfo-top { height: 70px } /* #footer .wrapper-footer.container { width: 96% } */ .hide-desktop{ display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .title.component { margin-left: 2% } p { /*line-height: 1.55em*/ } } @media only screen and (max-width: 1024px) { .context-close { right: 6px } .share-button { right: 35px } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .content-share { right: -1.2em } .home-gallery { width: 100% } .home-gallery div.span12 .parsys.grid-6, .home-gallery .push-item.grid-4 { /* width: 50% */ margin-left: 0.9%; margin-right: 0.9%; } .home-gallery .push-item.full-col { width: 100% } .home-gallery .push-wrapper { height: 200px } .home-gallery .push-item.full-col .push-wrapper { padding: 4px 0 } div.push-image.push-item:nth-child(odd) .push-wrapper { margin: 0 2px 4px 4px } div.push-image.push-item:nth-child(even) .push-wrapper { margin: 0 4px 4px 2px } .map-information { padding-top: 0 } .component-partners .partner-info { width: 49% } .home-slideshow-event { min-height: 120px; max-height: 170px } .wrapper-event { padding: 0 15px } #calendar .ui-datepicker { width: 260px } .calendar-control { margin-top: 30px } .calendar-control .calendar-datepicker, .calendar-control .calendar-period { float: left; width: 50% } /* .main-menu .nav-level1 > li:not(.switch-lang) > a { padding: 15px 10px; overflow: hidden } */ .component-title.title-align-center { padding: 25px 0 20px } .container .events-inner .grid-6 { width: 43.798% } .push-item .top-flip { height: 50.5% } } @media only screen and (max-width: 767px) { .show-mobile{ display: inline!important; } h1 { font-size: 1.7em } .component-title.title-align-center { padding: 10px 0 20px } /* h2 { font-family: futuraLTMedium, Georgia, Helvetica, Arial, sans-serif } */ .content-share { top: 2.4em; right: -.9em } .content-share .arrow { right: 3.3em } .push-item .top-flip { height: 50.2% } .advent-calendar-bottom .push-image:nth-child(odd) .push-wrapper { margin: 0 } .advent-calendar-bottom .push-item .top-flip { height: 50%; left: -4px } .advent-calendar-bottom .push-item .card-front { bottom: 0; left: -4px } .advent-calendar-bottom .push-item .card-back { left: -4px } .home-gallery .push-item:last-child .top-flip { height: 50.3% } .homeSlideshow figcaption > span { display: block } .homeSlideshow figcaption { font-size: 1em; line-height: 1.2em; bottom: 90px } .homeSlideshow figcaption strong { font-family: futuraLTMedium, Georgia, Helvetica, Arial, sans-serif; font-size: 1.05em } .controls .sprite-buttons.play:after { display: none; background: 0 0 } .hide-mobile, .controls .sprite-buttons.next, .controls .sprite-buttons.prev { display: none!important; } .list-header .hide-mobile+.link-white{ border:none; } .homeSlideshow .controls { padding: .15em .35em; bottom: 45px } .controls .sprite-buttons.play { background-position: -6px center } /* #navigation { background: 0 0; width: 100%; top: 45px } */ #navigation .wrapper-menu { width: 100%; padding-left: 0; padding-right: 0 } /* #navigation .menu-list, #navigation .nav-languages { padding-left: 1em; padding-right: 1em } */ #navigation.active .content-languages { width: 100% } #navigation.active .content-languages .close-box, #navigation.active .content-languages ul { padding-left: 1em; padding-right: 1em } #navigation .content-languages li a { margin-right: 0 } /*.nav-left li:not(.link-white) { display: none }*/ /* .menu-list a { display: block; padding: .8em 1em .8em .5em } */ .nav-button, .nav-button:focus { height: 15px; padding: .6em 0 } .main-menu .nav-level1 > li:not(.switch-lang) > a { /* padding: 15px 10px */ } .nav-button.active { background-position: center -29px } #navigation .nav-footer { width: 95%; padding-bottom: 0; padding-top: .5em } .ieMobile7-5 #navigation .nav-footer { position: absolute; display: none } .nav-footer a { padding: 1.2em 2.4em } .component-subTitle h2 { font-size: 1.05em } .component-text-image .text { min-height: 0 } .component-push .align-label { font-size: 1.25em; padding: 1.2em 3.1em .94em } .readmore-summary p { display: inline } .readmore-button { display: inline-block; cursor: pointer } .readmore-text { display: none } .map-information { padding-top: 0 } .map-information .component-subTitle.title-align-left { border: none } .line-block-info .image-info { display: none } .line-block-info .text-info { width: 100% } .line-block-info { margin-bottom: 5px } .prohibition { display: none } .text-info .line-info { padding: 0 } .line-info .link-page { background: 0 0; text-indent: 0; display: block; width: auto; height: auto; font-style: italic; margin: 14px 0 0 } .list-component-3-1-1, .list-component-4-1-1 { margin-left: 2.65%; margin-right: 2.65% } .list-component-3-1-1 .list-component, .list-component-4-1-1 .list-component { width: 100%; clear: both } .parsys .list-component .component.component-text { margin-left: 10px } .events-container .list-component .component.component-text { margin-left: 0 } .list-component .component-text { margin-top: 10px; font-size: 1em } .list-component .image-list, .list-component .text-list { width: 100%; padding: 0 } .list-component .text-list { position: relative } /* .home-gallery { width: 100%; max-width: 98%; } */ .home-gallery .push-item { /* width: 50% */ } .push-image:nth-child(even) .push-wrapper { margin: 0 4px 4px 2px } .push-image:nth-child(odd) .push-wrapper { margin: 0 2px 4px 4px } .home-gallery .push-item.full-col, .home-gallery .push-item:last-child:nth-child(odd) { width: 100%; margin-right: 4px } .home-gallery .push-item:last-child:nth-child(odd) .push-wrapper { margin-right: 4px } .home-gallery .push-wrapper { height: 83px } .card-wrapper .label { line-height: 1em; font-size: .8em; letter-spacing: 0 } .card-wrapper .description { /*padding: .5em .2em */ } .title-pane .inner{ top:55%; } .title-pane { font-size: 1em; margin-top: -30px } .title-pane span { line-height: 1.1em } .home-slideshow-event-mobile { display: table; table-layout: fixed; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family: futuraLTMedium, Georgia, Helvetica, Arial, sans-serif; font-size: .85em; color: #FFF; text-transform: uppercase; text-align: center; background-color: rgba(0, 0, 0, .6); z-index: 10; } .home-slideshow-event-mobile > :first-child, .home-slideshow-event-mobile > :last-child { display: table-cell; padding: 1em; vertical-align: middle; } .home-slideshow-event-mobile > :first-child { border-right: 1px solid #FFF; } .home-slideshow-event-mobile a { color: #fff; background: url(commons/css/images/arrow-event.png) 97% center no-repeat; padding-right: 20px } .homeSlideshow .main-subtitle-pane { margin-top: 5px } .home-slideshow-event, .homeinfo-top { display: none } .advent-calendar-content h2 { font-size: 1.25em } .home-slideshow .component-logo { width: 90%; top: 45px; margin-left: -45%; margin-top: 10px } .component-logo, .logo { margin: 15px 10px 20px } .component-title.title-align-left h1 { font-size: 1.7em } .footer-links { padding-top: 0 } .footer-links li { margin-bottom: .4em } .footer-top .pull-right li:first-child { margin-top: 6px } .component-partners .partner-info { width: 49% } .component-partners li > figure > figcaption { padding-left: 2% } .special-event { margin: 20px 0 10px; position: relative } .events-container .text-list { display: none } .events-container .list-component { border-bottom: 1px solid #eee } .bt-buy { display: none } .calendar-control { margin-bottom: 0 } .advent-calendar-bottom li { width: 50% } .advent-calendar-content h2 span { margin-bottom: 10px } .homeinfo .homeinfo-top { /*display: none*/ } div.push-social li { margin: 0 5px; font-size: 14px } } @media only screen and (max-width: 767px) and (orientation: landscape) { p { font-size: .85em; line-height: 1.5em } /* #navigation .wrapper-menu { width: 50%; overflow: hidden } #navigation .nav-footer { bottom: 0; width: 47%; background: 0 0 } #navigation.active .nav-footer { left: 50% }*/ .homeSlideshow figcaption { bottom: 75px } .homeSlideshow .controls { padding: .15em .35em; bottom: 30px } .arrow-sw-left, .arrow-sw-right { top: 30% } .home-gallery .push-item.full-col { width: 100%; height: 365px } .oeuvre-id { width: 96%; float: none; margin: 0; padding: 20px 2% 15px } .stream-content { width: 65% !important } } @media only screen and (max-width: 480px) { .share-button { right: 3em } .content-share { right: .1em } .content-share .arrow { right: 3.3em } .logo { margin: 1.3em 1.9em; width: 80% } .component-push .align-img { width: 95%; margin-left: 2.5%; margin-right: 2.5% } .component-newsfeed { min-height: 60px } .component-partners .partner-info { width: 100% } .component-partners li > figure > div { width: auto; max-width: 80px } .component-partners li > figure > figcaption { width: 100% } } @media only screen and (max-width: 640px) { .photos-container .photo-wrapper { width: 95%; margin: auto auto 10px; opacity: 1; float: none } .photo-list img { width: 100% } .list-component-4-1-1 .media-gallery-thumb { display: none } .oeuvre-id { width: 96%; float: none; margin: 0; padding: 20px 2% 15px } .tag-list li { width: 48%; margin-left: 2% } #calendar { width: 100%; padding: 15px 0; margin-bottom: 20px } .mobile-event { margin: 0 15px; width: 100% } .mobile-event input { font-size: 16px } #subscribe_newsletter input[type=submit] { margin: auto } #subscribe_newsletter .label { margin-bottom: 10px } #subscribe_newsletter .input, #subscribe_newsletter .label { text-align: left; } #subscribe_newsletter .optin .label { min-width: 6%; width: 5%; float: left } .search-result-form form { width: 100% } .container .calendar-control .grid-6 { width: 94.8% !important } /* .main-menu .nav-level1 > li:not(.switch-lang) > a { padding: 15px 10px } */ /* .nav-button .picto { text-indent: -9999px; display: block; height: 18px; background-position: right 1px; width: 20px; padding: 0 } */ /* .main-menu li.switch-lang { display: none } */ .footer-links > div { width: 100% } .stream-content { width: 90% } } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { .close-box .picto-close { background: url(commons/css/images/mobile/nav-close-language-2x.png) center center/95% auto no-repeat } .value .select-value { background: 0 0 } .nav-footer .picto { background: url(commons/css/images/mobile/sprite-picto-nav-2x.png) left top/auto 150% no-repeat } .language-overlay { background: url(commons/css/images/mobile/picto-menu-2x.png) right center/auto 18% no-repeat } .component-slideshow-gallery { overflow: hidden } .component-single-gallery .label { background: url(commons/css/images/mobile/picto-description-single-gallery-2x.png) left top/6.8% auto no-repeat } .component-slideshow-gallery .video:after { background: url(commons/css/images/mobile/icon-video-play-2x.png) center center/90% auto no-repeat } .controls .sprite-buttons { background: url(commons/css/images/mobile/controls-buttons-2x.png) center center/auto 30% repeat-x } .controls .sprite-buttons.prev { background-position: -46px center } .controls .sprite-buttons.next { background-position: -196px center } .controls .sprite-buttons.play { background-position: -7px center } .controls .sprite-buttons.play.stop { background-position: -214px center } } @media only screen and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) { .nav-button.active { background-position: center -31px } .advent-calendar-content a { margin-top: 1.2em } } body.lang-zh_cn,body.lang-zh_tw{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} body.lang-ja{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} body.lang-ko{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru h1{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn h1,.lang-zh_tw h1{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja h1{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko h1{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru h2{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn h2,.lang-zh_tw h2{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja h2{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko h2{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .header-top{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .header-top,.lang-zh_tw .header-top{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .header-top{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .header-top{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .nav-button,.lang-ru .nav-button:focus{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .nav-button,.lang-zh_cn .nav-button:focus,.lang-zh_tw .nav-button,.lang-zh_tw .nav-button:focus{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .nav-button,.lang-ja .nav-button:focus{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .nav-button,.lang-ko .nav-button:focus{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .menu-list{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .menu-list,.lang-zh_tw .menu-list{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .menu-list{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .menu-list{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .nav-footer{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .nav-footer,.lang-zh_tw .nav-footer{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .nav-footer{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .nav-footer{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .language-overlay{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .language-overlay,.lang-zh_tw .language-overlay{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .language-overlay{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .language-overlay{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru #navigation .content-languages li a{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn #navigation .content-languages li a,.lang-zh_tw #navigation .content-languages li a{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja #navigation .content-languages li a{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko #navigation .content-languages li a{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .close-box{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .close-box,.lang-zh_tw .close-box{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .close-box{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .close-box{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .main-subtitle{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .main-subtitle,.lang-zh_tw .main-subtitle{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .main-subtitle{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .main-subtitle{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .citation{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .citation,.lang-zh_tw .citation{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .citation{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .citation{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .component-text-quote .author{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .component-text-quote .author,.lang-zh_tw .component-text-quote .author{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .component-text-quote .author{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .component-text-quote .author{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .component-push .align-label{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .component-push .align-label,.lang-zh_tw .component-push .align-label{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .component-push .align-label{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .component-push .align-label{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .component-push .description{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .component-push .description,.lang-zh_tw .component-push .description{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .component-push .description{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .component-push .description{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .component-single-gallery .label{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .component-single-gallery .label,.lang-zh_tw .component-single-gallery .label{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .component-single-gallery .label{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .component-single-gallery .label{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .homeSlideShow figcaption{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .homeSlideShow figcaption,.lang-zh_tw .homeSlideShow figcaption{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .homeSlideShow figcaption{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .homeSlideShow figcaption{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .homeSlideShow figcaption strong{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .homeSlideShow figcaption strong,.lang-zh_tw .homeSlideShow figcaption strong{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .homeSlideShow figcaption strong{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .homeSlideShow figcaption strong{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .count-pane{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .count-pane,.lang-zh_tw .count-pane{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .count-pane{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .count-pane{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru #footer{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn #footer,.lang-zh_tw #footer{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja #footer{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko #footer{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} @media only screen and (max-width:767px){.lang-ru h2{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn h2,.lang-zh_tw h2{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja h2{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko h2{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important} .lang-ru .header-top{font-family:Helvetica,Arial,sans-serif} .lang-zh_cn .header-top,.lang-zh_tw .header-top{font-family:"Microsoft YaHei","Heiti SC Light","ST Heiti SC Light","STHeiti SC Light",STHeitiSC-Light,"STHeiti Light",STXihei,sans-serif;font-style:normal!important} .lang-ja .header-top{font-family:"ＭＳ Ｐゴシック","MS P Gothic",HiraKakuProN,HiraKakuProN-W3,"Hiragino Kaku Gothic ProN W3",sans-serif;font-style:normal!important} .lang-ko .header-top{font-family:"Malgun Gothic",Dotum,AppleSDGothicNeo-Medium,"Apple SD Gothic Neo Medium",sans-serif;font-style:normal!important}} .agenda-loader{position:absolute;width:100%;height:100%;top:0;left:0;z-index:500;display:none;background:url(commons/css/images/loader.gif) center 30px no-repeat #fff} .select-period li{cursor:pointer;margin-bottom:15px;max-width:360px} .disabled-event{opacity:.5} .no-touch .mobile-event{display:none} .special-event{color:#000;text-align:center;position:relative;font-family:futuraLTMediumBold,Georgia,Helvetica,Arial,sans-serif} .special-event-top{padding-bottom:45px;border-bottom:1px solid #ededed} .special-event-bottom:after{top:-8px} .special-event-top:after{bottom:0} .special-event-bottom:after,.special-event-top:after{position:absolute;content:'';left:50%;width:1px;height:35px;background-color:#e7e7e7} .special-event-bottom{padding-top:35px} .special-event p{font-size:1.25em;line-height:100%} .special-event strong{display:block;margin-bottom:15px;font-weight:400} .eventdisplay-bymonth .special-event{margin-top:20px} .eventdisplay-bymonth .special-event p{font-size:1.25em} .events-container .clearLeft{clear:left} .calendar-control{position:relative} .calendar-control .calendar-period{margin:20px 0 25px} .calendar-control .bt-buyticket{max-width:360px;display:block;padding:12px 10px;text-align:center;text-transform:uppercase;font-family:futuraLTBook,Georgia,Helvetica,Arial,sans-serif;font-size:.8em;color:#fff;background-color:#000} .events-container .component-newsfeed p{margin-left:15px} .events-container .component-newsfeed .newsfeed-container{padding-left:15px} .events-container .component-newsfeed{background:#000} .events-container .disabled{display:none} .container .calendar-control .grid-6{width:44.098%} .mobile-event{margin:0 15px;font-family:futuraLTBook,Georgia,Helvetica,Arial,sans-serif} .mobile-event label{display:block;margin-bottom:15px;text-transform:uppercase;cursor:pointer} .event-row{border-bottom:1px solid #ededed;margin:5px 0 10px;padding-bottom:15px} .event-row:last-child{border:0} .events-list .list-component{border-bottom:1px solid #ededed;margin:0 0 8px;padding-bottom:8px} .event-header p{font-size:1.45em;font-family:Garamond,Georgia,Helvetica,Arial,sans-serif} .event-header p strong{font-size:.75em;font-family:futuraLTMediumBold,Georgia,Helvetica,Arial,sans-serif} .sidebar-description h3{padding:0 15px 10px;font-family:futuraLTBook,Georgia,Helvetica,Arial,sans-serif;text-transform:uppercase;margin-bottom:10px;margin-top:10px;border-bottom:1px solid #ededed} .date-program{font-size:19px;font-family:futuraLTMedium,Helvetica,Arial,sans-serif;font-weight:400;text-transform:uppercase;border-bottom:1px solid #e6e6e6;margin-bottom:20px;padding-bottom:20px} .date-program strong{font-family:futuraLTMediumBold,Helvetica,Arial,sans-serif;font-weight:400} .grid-4-8-4.sidebar-description .component-subTitle-list{border:0} .sidebar-description .text-list{padding-bottom:15px} .room-expo { padding-left: 15px; position: relative; margin-top: 20px; } .room-expo .picto-schedule { left:0; } .room-expo>p{ display: block; margin-left: 25px; font-size: 1.15em; } /* * Component Instagram Mosaic * Display Instagram's images in a responsive grid. Clic on an image shows a PopUp Slideshow (cf component-popin.js) * A Button allows to load more images from InstagramAPI */ /* Desktop and Tab Landscape*/ .instagram-mosaic { overflow: hidden; padding: 0.9% 0 0 0.9%; text-align: center; } .instagram-mosaic > .grid-3 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0; width: 25%; padding: 0 0.9% 0.9% 0; cursor: pointer; } .instagram-mosaic .button { display: inline-block; max-width: 12em; } .instagram-mosaic .img-loader { width: 62px; height: 62px; margin: 1em auto; background: #FFF url("commons/css/images/ajax-loader.gif") no-repeat center 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .instagram-mosaic .img-loader.hide { opacity: 0; height: 0; } .instagram-mosaic .filter-message { margin: 1em auto; font-size: 2em; } .instagram-mosaic .filter-message.hide { display: none; } /*Tab Small and Tab Portrait*/ @media only screen and (min-width: 481px) and (max-width: 767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .instagram-mosaic > .grid-3 { width: 33.33333333333%; } } /*Smartphones > 320*/ @media only screen and (max-width: 480px) { .instagram-mosaic > .grid-3 { width: 50%; } } /*Smartphones < 320*/ @media only screen and (max-width: 320px) { .instagram-mosaic > .grid-3 { width: 100%; } } .art-link a{ border: 1px solid #515253; color: #000000; text-transform: uppercase; font-family: 'futuraLTMedium',Georgia,Helvetica,Arial,sans-serif; font-size: 17px; padding: 8px 0; display: block; text-align: center; } .art-page-wrapper{ background-color: #e4e2e3; padding:10px; } .art-page li{ display: none; } .art-page li:nth-child(1){ display: block; } .art-page-wrapper>div{ background-color: #ffffff; padding: 15px; position: relative; } .art-page-title{ text-align: center; font-style:italic; font-size: 18px; color:#767676; margin-bottom:15px; } .art-presentation{ position: relative; min-height: 245px; } .art-presentation:after{ width:1px; height:95%; background-color: #e4e2e3; position: absolute; right:-10px; top:0; content:" "; } .art-page .art-page-text{ margin-top: 10px; } .art-page .art-page-text p{ margin-bottom: 30px; } .art-select{ text-align: center; margin: auto; border-bottom: 1px solid #e4e2e3; padding-bottom: 15px; margin-bottom: 15px; } .art-select select:focus{outline: 1px solid #e4e2e3;} .art-select select{ padding: 10px; border: 0; font-family: 'futuraLTMedium',Georgia,Helvetica,Arial,sans-serif; font-size: 20px; text-transform: uppercase; text-align: center; max-width: 100%; } .art-page h4{ font-family: Garamond, Georgia, Times, serif; font-weight: bold; font-size: 35px; margin-top: 20px; text-transform: none; } .art-map{ text-align: center; } /*Smartphones > 320*/ @media only screen and (max-width: 480px) { .art-select select{ width: 100%; } .art-page h4{ font-size: 25px; } .art-map { border-top: 1px solid #e4e2e3; padding-top: 15px; } } /*Smartphones < 320*/ @media only screen and (max-width: 320px) { .art-select select{ width: 100%; } .art-page h4{ font-size: 25px; } .art-map { border-top: 1px solid #e4e2e3; padding-top: 15px; } } @media only screen and (min-width: 481px) and (max-width: 767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) { .art-map { border-top: 1px solid #e4e2e3; padding-top: 15px; } } @media only screen and (max-width: 870px) { .art-page .art-page-text{ position: static; } .container .small-6{ width: 48.198%; margin: 0; } .container .small-6+.small-6{ margin-left: 3px; } .art-presentation:after{ content:none; } .art-map{ margin-top: 10px; } } @media only screen and (max-width: 1024px) and (min-width: 481px) and (orientation: portrait){ .container .art-list li>div.grid-6{ width: 100%; } } .etiquette .etiquette-content{ background-color: #000000; color: #FFFFFF; padding: 5px 10px; text-transform: uppercase; display: inline-block; font-family: 'futuraLTMedium',Georgia,Helvetica,Arial,sans-serif; } .etiquette.left{ text-align: left; } .etiquette.center{ text-align: center; } .etiquette.right{ text-align: right; } @media only screen and (max-width: 640px) { .etiquette .etiquette-content { margin-left: -4px; } } .component-separator{ padding: 40px 0; background: #ffffff url('commons/css/images/component-separator.png') left 40px repeat-x; } .component-location{ padding: 40px 0; font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; text-align: justify; } .component-location:after { content: ""; width: 100%; display: inline-block; } .component-location p{ display: inline-block; background: url('commons/css/images/picto/location.png') 10px 50% no-repeat; padding-left: 30px; max-width: 58%; vertical-align: middle; text-align: left; } .link-location{ display: inline-block; vertical-align: middle; border: 1px solid black; text-align: center; padding: 10px 20px; max-width: 30%; } .component-social{ padding: 60px 0 0; background: #ffffff url('commons/css/images/picto/pattern-separator.png') 0 0 repeat-x; } .component-feeds{ position: relative; font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; } .component-feeds-mask{ position: relative; overflow: hidden; padding-bottom: 15%; } .component-feeds-inner{ position: absolute; top:0; left:0; } .component-feeds-inner ul{ white-space: nowrap; padding-top: 20px; font-size: 0; } .component-feeds-inner li:first-child{ margin-left: 0 !important; } .component-feeds-inner li{ display: inline-block; vertical-align: top; margin-left: 1.717%; width: 12.8%; font-size:14px; white-space: normal; } .component-feeds-inner li a{ display: block; } .img_instagram{ position: relative; } .img_instagram a:after{ position: absolute; content: ""; display: block; background: url('commons/css/images/picto/social-instagram-white.png') 0 0 no-repeat; width: 14px; height: 14px; top:10px; right: 10px; } .image-ig{ width: 100%; height: auto; } .item_social{ background-color: #f2f2f2; position: relative; } .item_social a{ height: inherit; width: inherit; padding: 28px 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .item_social .date{ position: absolute; right: 10px; } .item_social .date, .item_social .name{ font-weight: bold; } .item_social .msg, .item_social .name{ display: inline-block; } .item_social .name{ padding-left: 26px; line-height: 20px; margin-top: -5px; } .item_social .msg{ margin-top: 24px; } .msg_facebook .name{ background: url('commons/css/images/picto/feed-facebook.png') 0 50% no-repeat; } .msg_twitter .name{ background: url('commons/css/images/picto/feed-twitter.png') 0 50% no-repeat; } .component-feeds > a{ text-indent: -3330em; overflow: hidden; } .touch .component-feeds .arrow-sw-left, .touch .component-feeds .arrow-sw-right{ display: block; } .touch .component-feeds .hide-arrow, .component-feeds .hide-arrow{ display: none; } .component-feeds .arrow-sw-left{ left: -35px; background-position: -33px -40px; } .component-feeds .arrow-sw-right{ right: -35px; background-position: 0 -40px; } svg.filters{ position: absolute; display: block; height: 0; } .push-social h2 { display: inline-block; vertical-align: middle; text-transform: uppercase; font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; font-size: 1.8em; margin: 5px 30px 5px 0; } .push-social ul{ display: inline-block; vertical-align: middle; } .push-social li { display: inline-block; vertical-align: middle; } .hashtag{ font-family: 'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-size: .8em; text-transform: none; margin: 0 15px; } .ico-social{ width: 28px; height: 28px; display: inline-block; border-radius: 14px; border:1px solid #000; margin: 0 9px; } .ico-social:last-child{ margin-right: 0; } .ico-social a{ display: block; width: inherit; height: inherit; text-indent: -3330em; overflow: hidden; background-position: center center; -webkit-background-size: 70%; background-size: 70%; background-repeat: no-repeat; } .facebook a{ background-image: url('commons/css/images/picto/social-facebook.png'); } .instagram a{ background-image: url('commons/css/images/picto/social-instagram.png'); } .twitter a{ background-image: url('commons/css/images/picto/social-twitter.png'); } .youtube a{ background-image: url('commons/css/images/picto/social-youtube.png'); } @media only screen and (min-width: 869px) and (max-width: 1024px) { .item_social .msg{ margin-top: 14px; font-size: 0.9em; } } @media only screen and (min-width: 769px) and (max-width: 1024px) { .item_social .date, .item_social .name { font-size: .9em; } .item_social a{ padding-top:18px; } } .component-title.location{ text-align: center; font-size: 1.2em; text-transform: uppercase; } .component-title.location:before{ content: ""; display: inline-block; background: url('commons/css/images/picto/location.png') 0 0 no-repeat; width: 13px; height: 19px; margin-right: 8px; } .nav-location{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .nav-location ul{ text-align: center; } .nav-location li{ display: inline-block; border-left: 1px solid #ccc; padding: 0 1%; margin: 15px 0; text-transform: uppercase; line-height: 1.8em; } .nav-location li:first-child{ border-left: 0; } .parsys .component.comeTitle { margin: 0 } .parsys .comeTitle .component-title2{ text-transform: uppercase; font-size: 1.4em; padding: 15px 0; margin:70px 0 40px; background: #ffffff url('commons/css/images/picto/pattern-separator.png') 0 100% repeat-x; } h3.component-subtitle, .etiquette h3.etiquette-content{ background-color: #000; color:#fff; display: inline-block; padding: 10px; text-transform: uppercase; margin: 40px 0 30px; font-family: 'AvenirMedium',Georgia,Helvetica,Arial,sans-serif; } .two-columns-bottom-align .span12{ display: table; width: 100%; } .two-columns-bottom-align .item-two-columns{ float: none; display: table-cell; vertical-align: bottom; padding-right: 3%; } .two-columns-bottom-align .item-two-columns.grid-8{ width: 66.8%; } .two-columns-bottom-align .sub-title{ font-family: inherit; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 30px; } .two-columns-bottom-align .item-two-columns .component{ margin: 0; } .two-columns-bottom-align .component-text ul{ list-style: none; margin-top: 30px; margin-left: 0; } .two-columns-bottom-align .map-information .component-text p{ font-size: 15px; margin: 0; } .two-columns-bottom-align .component-text a{ font-style: normal; text-decoration: underline; } .two-columns-bottom-align .link-download{ border: 1px solid #000; text-align: center; display: block; padding: 10px 14px; } .component-schedule table{ width: 100%; border: 1px solid #9d9d9e; font-weight: bold; margin-bottom: 20px; } .component-schedule table th{ width: 40%; } .component-schedule table td{ text-align: center; padding: 15px 0; } .component-schedule table tr{ border-top: 1px solid #cecece; } .component-schedule table th:first-child{ text-align: left; width: 20%; padding: 15px 20px; } .component-schedule table tr:first-child{ border-top: 0; } .component-schedule table tr:first-child th{ text-transform: uppercase; padding: 15px 0; } .component-schedule table tr:first-child th span{ display: block; text-transform: none; color:#b1b1b1; line-height: 1.2em; font-weight: normal; } .component-schedule table td:nth-child(2), .component-schedule table th:nth-child(2){ border-left: 1px solid #000; border-right: 1px solid #000; background-color: #f1f1f1; } .component-schedule table tr:first-child th:nth-child(2){ border-top: 1px solid #000; } .component-schedule table tr:last-child td:nth-child(2){ border-bottom: 1px solid #000; } .sub-info{ color:#b1b1b1; } .component-transport .span12{ display: table; } .component-transport .col3{ display: table-cell; width: 33.333333%; border: 1px solid #9d9d9e; } .component-transport .col3 .inner{ padding: 15px 20px; } .component-transport .col3:nth-child(2){ border-color:#000; background-color: #f1f1f1; } .component-transport .col3 h4{ border-bottom: 1px solid #cecece; padding: 15px 20px; text-align: center; text-transform: uppercase; } .component-transport .col3 h5{ font-weight: bold; margin:24px 0; } .component-transport .col3 p{ margin-bottom: 24px; } .component-transport .col3 a{ color:#848484; text-decoration: underline; display: block; } .component-reservation .span12{ display: table; width: 100%; border-collapse : collapse; margin:10px 0; } .component-reservation .span12.full-width{ width: 101.8%; } .component-reservation .col5{ display: table-cell; width: 20%; border: 1px solid #9d9d9e; text-align: center; border-collapse : collapse; padding:24px 0 14px; } .component-reservation .col5 h4{ font-weight: bold; text-transform: none; } /*.component-reservation .col5 a{ border: 1px solid #000; padding: 10px 14px; display: inline-block; margin-bottom: 10px; }*/ .component-reservation .col5 .price{ margin:20px 0 26px; } .component-reservation .link-button, .component-application .link-button{ border: 1px solid #000; text-align: center; padding: 12px 0; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .component-application .link-button{ display: block; margin-top: 10px; } .component-reservation .link-ticketing{ background-color: #f1f1f1; } .component-application .img-wrapper { height: 220px; overflow: hidden; } .component-application .img-wrapper img{ margin-top: -10%; } .img-wrapper img{ width: 100%; } .component-application .grid-6 h4{ margin-top: 30px; } .component-application .grid-6 h4, .component-accessibility .grid-6 h4{ text-transform: none; font-weight: bold; margin-bottom: 16px; } .component-accessibility .grid-6 p, .component-micro_visit .grid-6 p{ margin-bottom: 24px; } .component-link-application{ background-color: #f2f2f2; position: relative; padding: 30px 0; text-align: center; } .component-link-application:before, .component-link-application:after{ content: ""; position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; background-color: inherit; } .component-link-application:after{ left: 100%; } .component-link-application .intro-text{ max-width: 580px; font-weight: bold; display: inline-block; margin-bottom: 40px; } .component-link-application .actions-buttons{ margin-top: 40px; } .component-link-application .actions-buttons .email, .component-link-application .actions-buttons .action-send{ background-color: transparent; border:1px solid #000; width: 280px; text-align: center; padding: 10px 0; } .component-link-application .actions-buttons .action-send{ background-color: #fff; text-transform: uppercase; cursor: pointer; } .component-link-application input[type=checkbox]{ margin-left: 10px; } .component-link-application label{ text-transform: uppercase; font-size: 12px; font-weight: bold; margin-right:10px; } .component-services .span12{ text-align: center; margin:10px 0; } .component-services .col3-picto{ display: inline-block; vertical-align: top; width: 20%; text-align: center; padding:80px 0 14px; margin-left: 50px; background-repeat: no-repeat; background-position: 50% 20px; } .component-services .wifi{ background-image: url('commons/css/images/picto/services-wifi.png') } .component-services .cloakroom{ background-image: url('commons/css/images/picto/services-cloakroom.png') } .component-services .download{ background-image: url('commons/css/images/picto/services-download.png') } .component-services .col3-picto:first-child{ margin-left: 0; } @media only screen and (min-width: 1025px) and (max-width: 1064px) { .two-columns-bottom-align .parsys { padding-right: 2%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .component-reservation .span12{ width:100%; margin:10px auto; } .component-reservation .col5 { display: inline-block; width: 33.3%; margin-right: -2px; margin-top: -1px; } .component-reservation .col5:nth-child(2), .component-reservation .col5:nth-child(2n+3){ border-left: none; } .component-reservation .link-button.grid-6{ width: 98%; margin-left: .7%; margin-right: .7%; } .two-columns-bottom-align .parsys { padding-right: 1%; } } @media only screen and (max-width: 991px) { .two-columns-bottom-align .parsys.grid-8{ width: 58%; } .two-columns-bottom-align .parsys.grid-4-8-4{ width: 40%; } } @media only screen and (max-width: 767px) { .component-title.location{ padding-bottom: 50px; } h2.component-title2{ margin-bottom: 20px; } .two-columns-bottom-align .item-two-columns.grid-8, .two-columns-bottom-align .item-two-columns.grid-4-8-4{ display: inline-block; width: 100%; padding-right: 0; margin: 0; } .two-columns-bottom-align .item-two-columns.grid-4-8-4{ padding-top: 10px; } .component-transport .col3 { display: block; width: 100%; } .component-reservation .col5 { width: 50%; display: inline-block; margin-right: -2px; margin-top: -1px; } .component-reservation .col5:nth-child(2n) { border-left: none; } .component-schedule table th:first-child { padding: 10px 8px; } .component-schedule table td{ padding: 10px 0; } .component-accessibility .grid-6, .component-micro_visit .grid-6, .component-reservation .grid-6, .component-application .grid-6 { width: 100%; margin-left: 0; margin-right: 0; } .component-application .grid-6, .component-accessibility .grid-6{ margin-top: 24px; } .component-application .grid-6 h4, .component-accessibility .grid-6 h4{ margin: 16px 0 12px; } .nav-location{ position: absolute; z-index: 100; background-color: #fff; left:50%; min-width: 300px; -webkit-transform:translateX(-50%); transform:translateX(-50%); border: 1px solid #ccc; margin-top: -20px; } .nav-location.openNav li{ display: block; } .nav-location li{ display: none; border:0; white-space: nowrap; padding: 0; margin: 0; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-location li a{ display: block; padding: 10px 8px; } .nav-location ul{ position: relative; padding-top: 50px; } .nav-location .active{ display: block; position: absolute; width:100%; top:0; left: 0; background: #fff url('commons/css/images/picto/arrow-bottom-black.png') 95% 50% no-repeat; } } @media only screen and (max-width: 420px) { .wrapper { margin-left: 1.5%; margin-right: 1.5%; width: 97%; } .component-reservation .col5 a{ padding:8px 10px; font-size:13px; } .component-reservation .col5 .price{ font-size:13px; } .component-services .col3-picto { width: 25%; margin-left: 25px; } } input[type=text]::-ms-clear { margin-left: 10px; } input[type=text]::-ms-reveal { margin-left: 10px; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { margin-left: 10px;} .search-result-count h1{ text-align: center; text-transform: uppercase; font-size: 1.5em; } .component.sort-result{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; margin-top: 0; margin-bottom: 70px; } .sort-result li{ display: inline-block; border-left: 1px solid #ccc; padding: 0 3%; margin: 15px 0; text-transform: uppercase; line-height: 1.8em; } .sort-result li:first-child { border-left: 0; } .sort-result li input[type=checkbox], .sort-result li label{ display: inline-block; vertical-align: middle; } .sort-result li label{ margin-left: 10px; font-size: .8em; font-weight: bold; } .sort-result li.inactive label{ color:#ccc; } /*RESULT SEARCH*/ .search-result-form{ padding-bottom: 35px; margin-left: 0.9%; margin-right: 0.9%; } .loader-search { padding-bottom:15px; width: 100%; background: url('commons/css/images/loader.gif') center bottom no-repeat; overflow: hidden; } .result-item{ cursor:pointer; } .search-result-form+.title .sub-title{ border:none; padding: 0; } .search-result-count{ font-family:'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; margin-bottom: 20px } .search-result-form form{ padding: 20px 0; height:20px; margin: auto; position: relative; background: #ffffff url('commons/css/images/picto/pattern-separator.png') 0 100% repeat-x; } .search-result-form input[type=text]{ background: transparent; width: 90%; color: #000000; border: 0; margin-left: 10px; padding-left: 40px; outline: none; } .search-result-form input[type=submit]{ background: url('commons/css/images/bt-submit-search.png') center 6px no-repeat; border: 0; height: 30px; width: 45px; position: absolute; left: 0; top: 17px; text-indent:-99999px; outline: none; cursor:pointer; } .search-results h3{ font-family:'AvenirBlack',Georgia,Helvetica,Arial,sans-serif; font-size:1em; margin:20px 0 40px; text-transform: uppercase; } .search-results p.category-item{ text-transform: uppercase; background-color: #000; color:#fff; font-size:.8em; display: inline-block; padding: 5px 10px; } .search-results .component-text{ margin-left: 0; } .search-results a, .search-results a:focus, .search-results a:visited{ color:#000000; } .search-results>.parsys{ margin-bottom: 40px; } @media only screen and (max-width: 767px) { .sort-result ul{ text-align: left; } .sort-result li{ display: block; border-left:0; } .search-result-count h1{ text-align: left; } } .fc_radio_player > div{ height: 80px !important; } #fcplayer_aspect{ display: none !important; } /* Hover animationunderline*/ .blue-underline, .nav-location a, .footer-links li a, .section.nav li a{ position: relative; } .nav-location a, .footer-links li a, .section.nav li a{ display: inline-block; } .no-touch .nav-location a:before, .no-touch .section.nav li a:before, .no-touch .footer-links li a:before, .no-touch .blue-underline:before{ content: ""; position: absolute; bottom: 10px; left:50%; width: 0; height: 2px; background-color: #1A7AEB; -webkit-transition: all 400ms cubic-bezier(.1, 1, .5, 1); -moz-transition: all 400ms cubic-bezier(.1, 1, .5, 1); transition: all 400ms cubic-bezier(.1, 1, .5, 1); } .no-touch .footer-links li a:before{ height: 1px; } .no-touch .nav-location a:before, .no-touch .footer-links li a:before, .no-touch .section.nav li a:before{ right: 0; bottom: -3px; } .no-touch .blue-underline:hover:before{ width: 78%; left: 12px; } .no-touch .search .blue-underline:hover:before{ width: 50%; } .no-touch .location .blue-underline:hover:before{ width: 70%; } .no-touch .nav-location a:hover:before, .no-touch .footer-links li a:hover:before, .no-touch .section.nav li a:hover:before{ width: 100%; left: 0; right: 0; } /* Hover button with border*/ /*.component-reservation .col5 a,*/ .link-button, .action-send, .link-download, .link-newsletter, .link-location{ -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } /*.component-reservation .col5 a:hover,*/ .action-send:hover, .link-button:hover, .link-download:hover, #navigation .link-newsletter:hover, .link-location:hover{ background: #000 !important; color: #FFF !important; } /* Hover thumbnail images home page*/ .card-wrapper figure{ position: relative; } .card-wrapper .description{ height: 100%; background: rgba(255,255,255,0); -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; transition: background .3s ease-out; } .card-wrapper .description .label{ position: absolute; background: rgba(255,255,255,.8); bottom:0; width:100%; height: 30px; line-height: 30px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .card-wrapper:hover .description .label{ background: rgba(255,255,255,1); } .card-wrapper:hover .description{ background: rgba(255,255,255,.2); } /* Hover thumbnail images sub menu*/ .menu-list li a{ display: block; position: relative; } .menu-list li a span{ height: 100%; width: 100%; display: block; position: absolute; top: 0; background: rgba(255,255,255,0); -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; transition: background .3s ease-out; } .menu-list li a:hover span{ background: rgba(255,255,255,.2); } .menu-list li a span p{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .menu-list .high a:hover span p{ background-color: rgba(0,0,0,1); } .menu-list .normal a:hover span p{ background-color: rgba(64,124,201,1); } .menu-list .low a:hover span p{ background-color: rgba(255,255,255,1); } /* Hover social feeds*/ .img_instagram:before, .img_instagram:after, .item_social:before, .item_social:after{ content:""; position: absolute; z-index:4 ; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .item_social:before, .item_social:after{ background-color: #dedede; } .img_instagram:before, .img_instagram:after{ background-color: rgb(180, 147, 132); } .img_instagram:before, .item_social:before{ width: 0; height: 0; bottom: 0; left: -1%; } .img_instagram:before{ left:-2%; } .img_instagram:hover:before, .item_social:hover:before, .img_instagram:hover:after, .item_social:hover:after{ -webkit-animation-duration: .4s; -webkit-animation-fill-mode: forwards; animation-duration: .4s; animation-fill-mode: forwards; } .item_social:hover:before{ -webkit-animation-name: borderLeftTop; animation-name: borderLeftTop; } .img_instagram:after, .item_social:after{ width: 0; height: 0; top:-2%; right: -1%; } .img_instagram:after{ right: -2%; } .item_social:hover:after{ -webkit-animation-name: borderRightBottom; animation-name: borderRightBottom; } .item_social:hover:after, .img_instagram:hover:after{ -webkit-animation-delay: .4s; animation-delay: .4s; } .img_instagram:hover:before{ -webkit-animation-name: borderSquareLeftTop; animation-name: borderSquareLeftTop; } .img_instagram:hover:after{ -webkit-animation-name: borderSquareRightBottom; animation-name: borderSquareRightBottom; } .img_instagram a, .item_social a { background-color: inherit; z-index: 5; position: relative; } @keyframes borderSquareLeftTop { 0% { width: 2%; height: 0; } 50% { width: 2%; height: 102%; } 100% { width: 102%; height: 102%; } } @keyframes borderSquareRightBottom { 0% { width: 2%; height: 0; } 50% { width: 2%; height: 102%; } 100% { width: 104%; height: 104%; } } @keyframes borderLeftTop { 0% { width: 1%; height: 0; } 50% { width: 1%; height: 102%; } 100% { width: 101%; height: 102%; } } @keyframes borderRightBottom { 0% { width: 1%; height:0; } 50% { width: 1%; height: 104%; } 100% { width: 102%; height: 104%; } } @-webkit-keyframes borderLeftTop { 0% { width: 1%; height: 0; } 50% { width: 1%; height: 102%; } 100% { width: 101%; height: 102%; } } @-webkit-keyframes borderRightBottom { 0% { width: 1%; height:0; } 50% { width: 1%; height: 104%; } 100% { width: 102%; height: 104%; } } /* Hover circle social*/ .ico-social a{ border-radius: inherit; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .ico-social a:hover{ background-color: rgba(222,222,222, 1); transform:scale(1.15); } /* Hover homeslideshow */ .title-pane .inner .main-link-pane{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .title-pane .inner .main-link-pane:hover{ background-color: rgba(14,18,19,.8); } .pane-black .title-pane .inner .main-link-pane:hover{ color:#fff; } /* Hover search results */ .search-results .result-item{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .search-results .result-item:hover{ background-color: rgba(34,38,39,.1); } #mobileTitleBlue p{ font-size: 27px; color: #9DC3E6; } #mobileTitleBlue div{ margin-top:0px; margin-bottom:0px; } #mobileContent{ padding-top: 0px; font-size:14px; } #mobileLogo{ margin-bottom: 5px; } #mobileTitleBlue p{ font-size: 20px; color: #9DC3E6; } #mobileTitleBlue div{ margin-top:0px; margin-bottom:0px; } #mobileContent{ padding-top: 0px; font-size:14px; } #mobileLogoContainer{ width: 100%; } #mobileLogo{ margin-bottom: 5px; width: 114.3px; height: 43px; display: inline-block; margin-left: auto; margin-right: auto; } .ios-app-withoutstyle{ display: none; } .ios-app-withoutstyle a{ display: block; }