/* ========================================================================== Author's custom styles ========================================================================== */ @font-face { font-family:'Akkurat-Regular'; src: url('../fonts/Akkurat_Regular/Akkurat_gdi.eot'); src: url('../fonts/Akkurat_Regular/Akkurat_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Akkurat_Regular/Akkurat_gdi.woff') format('woff'), url('../fonts/Akkurat_Regular/Akkurat_gdi.ttf') format('truetype'), url('../fonts/Akkurat_Regular/Akkurat_gdi.svg#Akkurat-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } .carousel .ce-above .ce-gallery { margin-bottom: 0; } .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-pubbox, .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-content, .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-rss_title, .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-description, .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-rss_box tr:first-child { display: none; } .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-rss_box { width: 100%; margin-top: 15px; } .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-header a { font-size: 18px; text-transform: uppercase; position: relative; display: block; font-weight: 500; } .tx-gkhrssimport-pi1 .tx-gkhrssimport-pi1-header a:before { content: '> '; } .tx-gkhrssimport-pi1 table tr td { border-top: 0px; } @font-face { font-family:'Akkurat-Bold'; src: url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.eot'); src: url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.woff') format('woff'), url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.ttf') format('truetype'), url('../fonts/Akkurat_Bold/Akkurat-Bold_gdi.svg#Akkurat-Bold') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Akkurat-Light'; src: url('../fonts/Akkurat_Light/Akkurat-Light_gdi.eot'); src: url('../fonts/Akkurat_Light/Akkurat-Light_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Akkurat_Light/Akkurat-Light_gdi.woff') format('woff'), url('../fonts/Akkurat_Light/Akkurat-Light_gdi.ttf') format('truetype'), url('../fonts/Akkurat_Light/Akkurat-Light_gdi.svg#Akkurat-Bold') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } body { padding: 0px; font-size: 18px; font-family: 'Akkurat-Regular', Arial; color: #797475; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } .content-wrapper { padding-top: 149px; } h1, h2 { margin-top: 0; line-height: 71px; -webkit-box-decoration-break: clone; box-decoration-break: clone; display: inline; box-shadow: inset 9px -9px 0px 0px #009ee0, inset 0px -11px 0px 0px #fff; border-right: 8px solid #009ee0; text-shadow: -2px -2px #009ee0, -2px 2px #009ee0, 2px -2px #009ee0, 2px 2px #009ee0; padding: 5px 0px 5px 10px; position: relative; color: #fff; background: #009ee0; } h1 + *, h2 + * { padding-top: 33px; } .wrapper-header { padding-bottom: 33px; } .news-list-view .f3-widget-paginator { display: none; } h1 { font-size: 50px; font-family: 'Akkurat-Regular'; text-transform: lowercase; } h1 a, h2 a { color: #fff; } .tx-indexedsearch .tx-indexedsearch-browsebox LI { display: inline; margin-right: 5px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: red; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background: #eeeeee; } h1 a:hover, h2 a:hover { color: #fff; } h1:after, h2:after { position: absolute; content: ""; background: #fff; height: 1px; width: calc(100% - 28px); left: 14px; bottom: 12px; display: none; } #main-content a:not(.carousel-control, .panel-link) { color: #009ee0; text-decoration: none !important; background-image: linear-gradient(#009ee0, #009ee0); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; transition: background-size .5s; } #main-content a:not(.carousel-control, .panel-link):hover { background-size: 100% 1px; color: #009ee0; } #main-content a[target=_blank]:hover { background-size: calc(100% - 20px) 1px; } .portail.col-5-portail { width: 20%; border-top: 1px solid #fff; border-right: 1px solid #fff; } #branding { display: flex; } #branding h1 { background: none; margin: 0; padding: 0; display: inline-block; box-shadow: none; border: 0; text-shadow: none; line-height: initial; } #branding h1:after { display: none; } #captchaResponse{ margin: 0; opacity: 0; height: 0; position: absolute; } .content-home .col-sm-4 h1, .content-home .col-sm-4 h2 { margin-bottom: 0; } .content-home h2 { margin-top: 0; } h2 { font-size: 40px; } h3 { font-size: 31px; margin-top: 58px; margin-bottom: 27px; } h4 { font-size: 24px; margin-bottom: 16px; } h5 { font-size: 22px; margin-bottom: 16px; margin-top: 40px; } h6 { font-size: 20px; margin-bottom: 16px; margin-top: 20px; } h2, h3, h4, h5, h6 { font-family:'Akkurat-Bold'; text-transform: lowercase; } h3, h4, h5, h6 { color: #009ee0; } a, a:hover, a:focus { color: #009ee0; } a:focus, a:active, input:focus, input:active { outline: none !important; cursor: pointer; } p { margin-bottom: 20px; } ::selection { background: #009ee0; color: #ffffff; } ::-moz-selection { background: #009ee0; color: #ffffff; } b { font-family: 'Akkurat-Bold'; font-weight:normal; } blockquote { border:none; color:#D1D4D6; font-family: "Akkurat-Bold"; font-size:30px; padding: 0; margin-top: 34px !important; margin-bottom: 58px !important; } #content img { max-width:100%; height:auto; } hr { border-color: #d1d4d6; } .ce-border img, .ce-border iframe { border:none !important; } .ce-border .ce-column { position:relative; } .ce-border .ce-column > div { position: relative; } .ce-border .ce-column > div:before, .ce-border .ce-column > div:after { position:absolute; content:''; left: 0; top:0; width: 100%; height: 100%; } .ce-border .ce-column > div:before { top: -1px; background: url(../img/backgrounds/courbe-h-white.svg) no-repeat left top; background-size: 103%; } .ce-border .ce-column > div:after { bottom: -1px; background: url(../img/backgrounds/courbe-b-white.svg) no-repeat left bottom; background-size: 103%; top: 1px; left: -2px; width: 101%; } .pull-left{ width: 100%; } .bg-bleu .ce-border .ce-column > div:before { background: url(../img/backgrounds/courbe-h-blue.svg) no-repeat left top; background-size: 103%; } .bg-bleu .ce-border .ce-column > div:after { background: url(../img/backgrounds/courbe-b-blue.svg) no-repeat left bottom; background-size: 103%; top: 1px; left: -2px; width: 101%; } .bg-blue-light { background: #E6F6FC; } .bg-blue-light h2 { position: relative; z-index: 1; } .bg-blue-light::before { position: absolute; content: ''; top: -159px; left: 0; z-index: 10; width: 100%; height: 160px; background-size: cover; background: url(../img/backgrounds/background-top-blue-light.svg) no-repeat center top; background-size: cover; } .bg-blue-light::after { background: url(../img/backgrounds/background-bottom-blue-light.svg) no-repeat center top; position: absolute; content: ''; bottom: -160px; left: 0; z-index: 10; width: 100%; height: 160px; background: url(../img/backgrounds/background-bottom-blue-light.svg) no-repeat center bottom; background-size: cover; } #teaser-gallery-video { mix-blend-mode: inherit; opacity: 0.5; } .bg-gray .ce-border .ce-column > div:before { background: url(../img/backgrounds/courbe-h-grey.svg) no-repeat left top; background-size: 103%; } .bg-gray .ce-border .ce-column > div:after { background: url(../img/backgrounds/courbe-b-grey.svg) no-repeat left bottom; background-size: 103%; top: 1px; left: -2px; width: 101%; } .bg-white .ce-border .ce-column > div:before { background: url(../img/backgrounds/courbe-h-white.svg) no-repeat left top; background-size: 103%; } .bg-white .ce-border .ce-column > div:after { background: url(../img/backgrounds/courbe-b-white.svg) no-repeat left bottom; background-size: 103%; top: 1px; left: -2px; width: 101%; } .transparent .ce-border .ce-column > div:before { background: url(../img/backgrounds/courbe-h-white.svg) no-repeat left top; background-size: 103%; } .transparent .ce-border .ce-column > div:after { background: url(../img/backgrounds/courbe-b-white.svg) no-repeat left bottom; background-size: 103%; top: 1px; left: -2px; width: 101%; } .align-center { text-align:center; } .align-right { text-align:right; } .align-left, .align-left a { text-align:left !important; } /* * header */ .top-header { background: #009ee0; } .top-header * { color:#ffffff; text-align: right; } .top-header div * { display: inline-block; margin: 0; padding: 0; } .top-header a { padding:8px 10px; font-size:13px; } .top-header > div > a:last-child { padding-right:0; } .top-header a:hover, .top-header a:focus { color: #ffffff; text-decoration:underline; } /* langues */ .lang-nav a { padding-top:0; padding-bottom: 0; line-height: 11px; } .lang.activ{ font-weight: 600; pointer-events: none; point: none; } .lang-nav span:first-child a { border-right: 1px solid #ffffff; } header { box-shadow:0 1px 5px #E0E0E0; position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; background: #fff; transform: translateY(0px); transition: all 0.3s ease; } #header.sticky { transform: translateY(-34px); } #header .navbar-brand { transition: all 0.3s ease; } #header.sticky .navbar-brand { height: auto; } #header .navbar-brand>img { transition: all 0.3s ease; } #header.sticky .navbar-brand>img { height: 56px; width: auto; } .navbar-brand { padding:17px 19px; height:116px; } /* * nav */ .navbar-header { position: relative; z-index: 10; } .navbar-header::before, .navbar-header:after { display: none !important; } #header.sticky .navbar-header { float: none; display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; align-items: center; } #header.sticky .navbar-toggle { display: block; cursor: pointer; } #header.sticky .navbar-toggle span { transform: translateX(0) rotate(0deg); transform-origin: 2px center; transition: all 0.3s ease; } #header.sticky .navbar-toggle.open span:first-of-type { transform: translateX(0) rotate(45deg); opacity: 1; width: 20px; transform-origin: 2px center; } #header.sticky .navbar-toggle.open span { transition: all 0.3s ease; transform: translateX(100%) rotate(0deg); opacity: 0; } #header.sticky .navbar-toggle.open span:last-of-type { transform: translateX(0) rotate(-45deg); opacity: 1; width: 20px; transform-origin: 1px center; } #navbar { position: relative; padding:0; } #header.sticky #navbar { position: inherit; } .navbar { margin-bottom: 0; border: none; } #navbar nav { display: inline-block; float: right; margin-top: 38px; } #header.sticky #navbar nav { display: block; position: absolute; top: 123px; right: -100%; background: #fff; margin: 0px; transition: all 0.3s ease; max-height: calc(100vh - 90px); overflow-y: auto; } #header.sticky #navbar nav::-webkit-scrollbar { height: 5px; width: 5px; background:#EEE7E1; } #header.sticky #navbar nav::-webkit-scrollbar-corner { background: transparent; } #header.sticky #navbar nav::-webkit-scrollbar-thumb { background: #009ee0; border-radius: 0px; } #header.sticky #navbar nav.open { right: 0px; } nav ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } #header.sticky nav > ul { display: flex; flex-direction: column; width: 500px; } nav > ul > li { display: inline-block; position:relative; /*margin: 0 8px;*/ } #header.sticky nav ul li { border-bottom: 1px solid #D1D4D6; } /* nav > ul > li:first-child a { width:61px; } */ nav .link-home { background: url("../img/misc/home-b.svg") no-repeat scroll center center; display: inline-block; height: 16px; width: 21px; } nav > ul > li:first-child a:hover .link-home, nav > ul > li.active:first-child a .link-home { background: url("../img/misc/home-g.svg") no-repeat scroll center center; } nav > ul > li:first-child a img { max-width:none; } nav > ul > li.active a, nav > ul > li:hover > a, nav ul li a:hover, nav ul li a:focus { color: #797475; text-decoration: none; } nav > ul > li:hover > a, nav ul li a:hover { cursor: pointer; } nav > ul > li.has-sub:hover > a, nav ul li.has-sub > a:hover { cursor: context-menu; } nav ul li a { color: #009ee0; padding: 23px 20px; display: inline-block; font-size: 22px; text-transform: lowercase; } #header.sticky nav ul li a { padding: 20px 40px 20px 20px; font-size: 22px; display: block; width: 100%; transition: all 0.3s ease; cursor: pointer; } #header.sticky nav ul li a:hover { background:#E6F6FC; } #header.sticky nav ul li.has-sub a:before { content: '>'; font-size: 25px; font-weight: 300; position: absolute; right: 20px; top: 20px; transform: rotate(90deg); transition: all 0.3s ease; } #header.sticky nav ul li.has-sub.open a:before { transform: rotate(-90deg); } nav > ul > li:last-child { margin-right: -20px; } #header.sticky nav > ul > li:last-child { margin-right: 0px; } /*nav > ul > li.open:not(:hover) .dropdown-menu { display:none; } */ /* dropdown */ /*.menu li:hover > .dropdown-menu { display:block; }*/ .dropdown { position: none; } .dropdown-menu { background: rgba(255,255,255,0.9); border: none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; border:1px solid #e0e0e0; border-bottom: none; } #header.sticky .dropdown-menu { position: initial; margin: 0px !important; float: none; background: #F2F1F2; } .dropdown-menu > li > a { white-space: normal; } #header.sticky .dropdown-menu > li > a { text-align: left; } .dropdown-menu > .active > a, .dropdown-menu > li > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: none; border-bottom: 1px solid #e0e0e0; color: #009ee0; } .dropdown-menu > li > a { padding: 8px 30px; white-space: nowrap; text-align: center; color: #009ee0; } .dropdown-menu li.active a, .dropdown-menu li:hover a, .dropdown-menu li.active a:hover { background: rgba(0, 158, 224, 0.1); color: #009ee0; } /* search */ .search-container { position: absolute; right: 0; top: 34px; z-index:100; } .search-box { transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s; width: 30px; height: 30px; border: none; cursor: pointer; } .search-container:hover * { color: #3e3e3e; } .search-box:focus { transition: width 0.6s cubic-bezier(0,-1.22,-.66,-1.39), border-radius 0.6s, background 0.6s; border: none; outline: none; box-shadow: none; padding-left: 15px; cursor: text; width: 405px; color: black; border-bottom: 1px solid #e5e5e5; box-shadow: -3px 3px 4px #f1f1f1; background: #eee; } .search-box:not(:focus) { text-indent:-5000px; } #search-submit { position: relative; left: -5000px; display: none; } .search-icon { position: relative; left: -30px; color: #CCCCCC; cursor: pointer; font-weight: bold; font-size: 16px; top:3px; } #header .tx-indexedsearch-whatis, #header .tx-indexedsearch-browsebox, #header .tx-indexedsearch-res, #header .tx-indexedsearch-browsebox, #header .tx-indexedsearch-noresults { display:none; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { padding: 3px 5px 5px 5px; } /* /search */ /* * content-top */ .content-top { position:relative; } .content-top > .container { position: relative; } .content-img { width:auto; overflow: hidden; position:relative; } .home-page .content-img { /*height: 450px;*/ height:auto; } .content-img div[class^="csc"], .content-img div[class^="csc"] * { min-width: 100%; height: 100%; width: auto; } .content-img img { max-width: 100%; min-width: 100%; height: auto; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-img .ce-textpic * { min-width: 100%; } /*.content-img > div > .ce-textpic::after { background: #ffffff none repeat scroll 0 0; bottom: -20%; content: ""; height: 50%; left: -25%; pointer-events: none; position: absolute; transform: rotate(-358deg); transform-origin: -1% 0 0; width: 150%; z-index: 0; }*/ .content-top div[class^="csc"] figure img { background-size: cover; width: 100%; height:auto; } .content-img .carousel, .content-img figure { background: #ffffff; height: 100%; } /*.content-top .carousel-inner::after,*/ .box-styles-img:after { background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .portail-row { margin: -20px 0 75px 0; text-align: center; } .portail { padding: 0px !important; position: relative; } .portail:after { content: ''; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.1); width: 100%; height: 100%; opacity: 1; } .portail-content { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; padding: 0px 15px; } .portail-content p { color: #fff; font-size: 22px; line-height: 22px; } .portail-content-text { position: absolute; width: 100%; left: 0; padding: 0px 15px; top: 100%; padding-top: 20px; } .portail-content-text span { font-family: 'Akkurat-Bold'; color: #fff; font-size: 22px; letter-spacing: 0.1px; position: relative; } .portail-content-text span:last-of-type:after { content: ''; position: absolute; left: -30px; top: 6px; width: 14px; height: 17px; background: url(../img/misc/arrow-link.svg) no-repeat center; background-size: contain; } .portail-content a { color: #fff; font-size: 22px; letter-spacing: 0.1px; position: relative; } .portail-content a:hover { text-decoration: none; } .portail > a { display: block; } .portail h2, .portail h2:after, .portail img, .portail:after { transition: all 0.5s ease; } .portail h2 { display: inline-block; box-shadow: none; border: 0; line-height: 1; padding: 5px 12px 14px 12px; text-shadow: none; } .portail img { width: 100%; } .portail.pink h2 { background: #E2007A; } .portail.yellow h2 { background: #FBC900; } .portail.green h2 { background: #44A12B; } .portail.orange h2 { background: #EB690B; } .portail:hover h2 { background: none !important; } .portail h2:after { position: absolute; content: ""; background: #fff; height: 1px; width: calc(100% - 28px); left: 14px; bottom: 12px; display: block; } .portail h2:after { opacity: 1; } .portail:hover h2:after { opacity: 0; } .portail-content:hover h2:after { opacity: 1; } .portail:hover:after { opacity: 0; } .portail:hover img { -webkit-webkit-filter: grayscale(100%) blur(2px); filter: grayscale(100%) blur(2px); } .portail-img { position:relative; } .blue .portail-img:after{ content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; background: rgba(0, 158, 224, 0.7) url(../img/backgrounds/courbe-background-white.svg) no-repeat top center; background-size: cover; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .pink .portail-img:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; background: rgba(226, 0, 122, 0.7) url(../img/backgrounds/courbe-background-white.svg) no-repeat top center;; background-size: cover; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .portail-img:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; /* background:rgba(226, 0, 122, 0.7) url(../img/backgrounds/courbe-background-white.svg) no-repeat top center; */ background-size:cover; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .yellow .portail-img:after { background:rgba(251, 201, 0, 0.7) url(../img/backgrounds/courbe-background-white.svg) no-repeat top center; background-size:cover; } .green .portail-img:after { background:rgba(68, 161, 43, 0.7) url(../img/backgrounds/courbe-background-white.svg) no-repeat top center; background-size:cover; } .orange .portail-img:after { background:rgba(235, 105, 11, 0.7) url(../img/backgrounds/courbe-background-white.svg) no-repeat top center; background-size:cover; } .portail:hover .portail-img:after { opacity:1; } .content-top:not(.home-page) .content-img .carousel { margin-bottom: 30px; } .carousel-inner .ce-gallery { margin-bottom: 0px !important; } .content-img .carousel-inner .item { height: auto; max-height: 100%; } .content-img .carousel-inner .item .ce-gallery { margin: 0px !important; } .home-page .carousel-inner .item { height: auto; /* max-height: 600px; */ } .carousel-caption { bottom: 70px; left: 0; text-align: center; width: 80%; left: 10%; right: 10%; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); pointer-events: none; } .carousel-caption h3 { font-size: 55px; color: #ffffff; margin-bottom: 15px; } .carousel-caption p { font-size: 22px; } .content-top .carousel-inner .item img { min-height: 100%; min-width: 100%; object-fit: cover; width: auto; margin: 0 auto; } .carousel-control, .carousel-control.right, .carousel-control.left { background:none; } .film_roll_prev, .slick-arrow-prev { background-image: url(../img/misc/arrow-left.png); width: 25px !important; height: 25px !important; background-size: contain; right: 45px; } .film_roll_next, .slick-arrow-next { background-image: url(../img/misc/arrow-right.png); width: 25px !important; height: 25px !important; background-size: contain; } .film_roll_prev, .slick-arrow-prev, .film_roll_next, .slick-arrow-next { transition: all 0.5s ease; } .film_roll_prev:hover, .slick-arrow-prev:hover, .film_roll_next:hover, .slick-arrow-next:hover { opacity: 0.5; } .content-top .carousel-control.left, .content-top .carousel-control.right { opacity: 0.3; background:url(../img/misc/slider_arrows.png) no-repeat; top:38%; width:60px; height:99px; overflow: hidden; left:50px; z-index: 100; } .content-top .carousel-control.right { background-position:right top; left:auto; right:50px; } .carousel-control.left:hover { background-position:left bottom; } .carousel-control.right:hover { background-position:right bottom; } .carousel-control.left img, .carousel-control.right img { max-width:none; } .carousel-indicators { bottom: 38px; margin-bottom: 0; } .carousel-indicators li, .carousel-indicators .active { background-color: rgba(255, 255, 255, 0.5); border: none; border-radius: 10px; height: 20px; margin: 5px; width: 20px; transition: background 0.2s ease-in-out 0.2s; -webkit-transition: background 0.2s ease-in-out 0.2s; -moz-transition: background 0.2s ease-in-out 0.2s; -ms-transition:background 0.2s ease-in-out 0.2s; -o-transition:background 0.2s ease-in-out 0.2s; } .carousel-indicators .active, .carousel-indicators li:hover { background: #ffffff; } /* * Swipe */ /* overlay layer */ .ssm-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.4); display: none; z-index: 1; } body { overflow-x: hidden; } #allcontent-container { position: relative; height: 100%; width: 100%; left: 0; overflow-x:hidden; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } .swipe-area { position: absolute; left: 0; top: 0; height: 100%; z-index: 0; } #sidebar { background: #ffffff; border-left: 1px solid #333333; position: fixed; width: 90%; height: 100%; right: 0; z-index: 2; box-sizing: border-box; overflow-y: auto; overflow-x: visible; transform: translate(100%,0); -ms-transform: translate(100%,0); -webkit-transform: translate(100%,0); /*-moz-box-sizing: border-box; -webkit-transition: right 0.4s ease-in-out; -moz-transition: right 0.4s ease-in-out; -ms-transition: right 0.4s ease-in-out; -o-transition: right 0.4s ease-in-out; transition: right 0.4s ease-in-out;*/ box-shadow: 11px 0 6px -9px rgba(0, 0, 0, 0.1) inset; } #sidebar:not(.ssm-nav-visible) { transform: translate(100%,0) !important; -ms-transform: translate(100%,0) !important; -webkit-transform: translate(100%,0) !important; } #main-content-area { position:relative; z-index: 1; } .main-content .content{ box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 0px; width: 100%; } #main-content.col-md-9 { margin-bottom:30px; } .sidebar-menu li { position: relative; } .sidebar-menu ul { position: relative; } #sidebar .sidebar-menu ul a { text-align: left; } /* * content */ body #content .container { padding-top: 10px; padding-bottom: 30px; } body #content .bg-color .container { padding-bottom: 0px; } body #content .bg-color .container .container { padding-bottom: 0px; position: relative; } .container > .container { padding-left: 0 !important; padding-right: 0 !important; width: auto; } #content { padding-top: 20px; padding-bottom: 160px; } #content.content-with-lines { background: rgba(0, 0, 0, 0) url("../img/backgrounds/background_bleu-lines.png") no-repeat fixed center 0px / cover; position: relative; z-index: 0; padding-bottom: 160px; } .content-home .bg-color:first-child { margin-top: -20px; padding-top: 60px; } .content-home > .bg-color:first-child:before { background:none !important; } .content-home .bg-color:last-of-type { margin-bottom: 0px; padding-bottom: 250px; } /* .content-home .bg-color:last-of-type:after { display: none; } */ #main-content { padding-bottom: 20px; } .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"], .btn-refresh { border-radius: 10px; border:none; background: #009ee0; text-shadow: none; color: #ffffff; font-family: "Akkurat-Bold"; font-size: 24px; padding: 17px 68px; margin-top: 25px; text-transform: lowercase; transition: background 0.2s ease-in-out 0.2s; -webkit-transition: background 0.2s ease-in-out 0.2s; -moz-transition: background 0.2s ease-in-out 0.2s; -ms-transition:background 0.2s ease-in-out 0.2s; -o-transition:background 0.2s ease-in-out 0.2s; } .btn:hover, .powermail_submit:hover, .tx-felogin-pi1 input[type="submit"]:hover, .btn:focus, .powermail_submit:focus, .tx-felogin-pi1 input[type="submit"]:focus, .btn:active, .powermail_submit:active, .tx-felogin-pi1 input[type="submit"]:active { background: rgba(0, 158, 224, 0.8); color: #ffffff; border:none; text-shadow: none; box-shadow: none; } .btn-refresh, .btn-refres:focus, .btn-refres:active { border-radius: 10px; border:none; background: #009ee0; text-shadow: none; color: #ffffff; font-family: "Akkurat-Bold"; font-size: 18px; padding: 5px 10px; margin-top: 24px; margin-bottom: 24px; text-transform: lowercase; display: inline-block; transition: background 0.2s ease-in-out 0.2s; -webkit-transition: background 0.2s ease-in-out 0.2s; -moz-transition: background 0.2s ease-in-out 0.2s; -ms-transition:background 0.2s ease-in-out 0.2s; -o-transition:background 0.2s ease-in-out 0.2s; } .btn-refresh:hover { background: rgba(0, 158, 224, 0.8); color: #ffffff; border:none; text-shadow: none; box-shadow: none; } .arrow-link { position: relative; text-align: right; display: block; font-size: 18px; font-weight: 500; letter-spacing: 1px; transition: all 0.3s ease; text-transform: lowercase; } .arrow-link.agenda-link { margin-bottom: -20px; } .arrow-link:hover { text-decoration: none; } .arrow-link.arrow-link-left { text-align:left; } .arrow-link:before { content: '>'; font-size: 14px; font-weight: 900; padding-right: 10px; position: relative; top: -1px; opacity: 0.5; transition: all 0.3s ease; } .arrow-link:after { content: '>'; font-size: 14px; font-weight: 900; padding-left: 10px; position: relative; top: -1px; opacity: 0; transition: all 0.3s ease; margin-right: -10px; } .arrow-link:hover:before { opacity: 0; } .arrow-link:hover:after { opacity: 1; margin-right: 0px; } .news-backlink-wrap a { text-transform: lowercase; } .google-map { position:relative; } .google-map:before { content:'\f124 '; font-family:fontawesome; } .tx-felogin-pi1 input[type="submit"] { margin-top: 20px; } #tx-indexedsearch-searchbox-sword { width:250px; } #tx-indexedsearch-searchbox-button-submit { width:auto; padding: 5px 30px; } /* breadcrumb */ .breadcrumb { background: none; padding-left: 0; } .breadcrumb i { padding: 0 7px; } .breadcrumb a { color: #3e3e3e; font-size: 12px; } .breadcrumb a:hover, .breadcrumb .current-breadcrumb { color: #c6c6c6; text-decoration: none; } #content .ce-intext.ce-left .ce-gallery { margin-right: 30px; } #content .ce-intext.ce-right .ce-gallery { margin-left: 30px; } /* navigation latérale */ .second-nav-title { font-family: "Akkurat-Bold"; font-size: 26px; margin-bottom: 15px; color: #009ee0; padding-bottom: 7px; border-bottom:3px solid #009ee0; text-transform: lowercase; } .second-nav ul { padding-left: 0px; } .second-nav > ul { margin-bottom: 50px; } .second-nav li { list-style: none; display:inline-block; width: 100%; border-bottom: 1px solid #D1D4D6; } .second-nav a { color: #797475; font-size: 20px; display: block; padding: 17px 7px 17px 0; /*font-family: "Akkurat-Bold";*/ text-transform: lowercase; } .second-nav p a { padding: 0px; } .second-nav > ul > li > a { color: #797475; text-decoration: none; } /*.second-nav li.has-sub > a:after { content: "\f0d7"; font-family: "FontAwesome"; padding-left: 15px; float:right; color:#D1D4D6; }*/ /*.second-nav li.has-sub.active > a:after { content: "\f0d8"; }*/ .second-nav .active > a, .second-nav a:hover { color: #009ee0; text-decoration: none; } .fourthSubMenu li { border-bottom: none; } .fourthSubMenu li a { color: #969696; border:none !important; margin:0 0 2px 0; padding: 0px 0 17px 34px; font-weight:normal; text-align: left; } .fourthSubMenu li.active a, .fourthSubMenu li:hover a { background: none; color: #009ee0; } .second-nav .has-sub .fourthSubMenu{ display:none; margin-left: 0; } .second-nav .has-sub.active .fourthSubMenu{ display:block; } .second-nav .has-sub > a > i{ padding-left: 8px; float: right; color: #D1D4D6; transition:0.3s; transform-origin: 20px 10px; position:relative; top: 4px; } .second-nav .has-sub > a > i:after{ content:""; position:absolute; left:50%; top:50%; width:40px; height:40px; transform:translate(-50%, -50%); } .second-nav li.has-sub.open > a > i{ transform:rotate(-180deg); } /* news */ .news-menu-view > ul > li { list-style: none; display: inline-block; width: 100%; border-bottom: 1px solid #D1D4D6; color: #797475; font-size: 20px; display: block; padding: 17px 7px 17px 0; text-transform: uppercase; } .news-menu-view > ul > li > a { font-family: 'Akkurat-Bold', Arial; } .news-menu-view > ul > li ul { padding-left: 20px; padding-top: 10px; } .news-menu-view > ul > li ul li { list-style: none; text-transform: none; } .news-menu-view > ul > li ul li a { padding-right: 5px; } .news-menu-view > ul > li ul li.itemactive a { font-family: 'Akkurat-Bold', Arial; } .news-menu-view > ul > li ul li.itemactive sup { color: #009ee0; } .news-cat-menu { padding: 0px; border-bottom: 1px solid #D1D4D6; padding-bottom: 20px; margin-bottom: 40px; } .news-cat-menu li { list-style-type: none; display: inline-block; padding-right: 30px; } .news-cat-menu li a { color: #969696; } .news-cat-menu li a:hover, .news-cat-menu li a.active { color: #009ee0; } .news-list-view .article { margin-bottom: 60px !important; padding-bottom: 0px !important; width: 100%; background: #F3F1ED; } .article a { display: inline-block; margin-bottom: -6px; position: relative; } .news-list-view .article:nth-child(even) a::after { left:20px; } .article a:hover::after { background-position: left bottom; } .news-list-view .article a:hover { text-decoration:none; } .news-list-view-infinite .article-content { float:right; width: 50%; padding: 30px 30px 50px 30px; } .news-list-view-infinite .article:nth-child(even) .article-content { float:left; } .news-list-view-infinite .article:nth-child(odd) .article-content { float:right; } .news-list-view-infinite .article .news-img-wrap { display: inline-block; float:left; width:50%; margin: 0 !important; background: transparent !important; } .news-list-view-infinite .article:nth-child(even) .news-img-wrap { float:right; } .news-list-view .article .news-img-wrap a, .news .article .news-img-wrap a { border: none; display:block; } .news-list-view h4 { margin-top: 0; font-size:28px; margin-bottom: 14px; } .news-list-view h4 a { color: #3E3E3E; } .news-list-date, .news-list-view .news-list-category { font-size: 16px; margin-bottom: 15px; } .news-list-view .active .news-list-date { color: rgba(255, 255, 255, 0.6); } .news-date-cat-separator { color: #A3A3A3; } .news-list-category { width: 300px; margin-top: 0; } .teaser-text { color:#797475; } .link-more-home a { color: #009ee0; height: 105px; position: relative; text-align: right; display: block; font-size: 18px; font-weight: 500; letter-spacing: 1px; transition: all 0.3s ease; text-transform: lowercase; } .link-more-home a:hover { text-decoration: none; } .link-more-home a:before { content: '>'; font-size: 14px; font-weight: 900; padding-right: 10px; position: relative; top: -1px; opacity: 0.5; transition: all 0.3s ease; } .link-more-home a:after { content: '>'; font-size: 14px; font-weight: 900; padding-left: 10px; position: relative; top: -1px; opacity: 0; transition: all 0.3s ease; margin-right: -10px; } .link-more-home a:hover:before { opacity: 0; } .link-more-home a:hover:after { opacity: 1; margin-right: 0px; } .news-list-little .article { position:relative; margin-bottom: 6px !important; padding-bottom: 0px !important; background:none; } .news-list-little .article:before { position:absolute; content:''; left:0px; top: calc(50% - 15px); width: 15px; height: 30px; border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #009ee0 transparent transparent; opacity:0; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; } .news-list-little .article a { display: flex; } .news-list-little .article:hover a, .news-list-little .article:focus a, .news-list-little .article.active a { background: #009ee0; text-decoration:none; } .news-list-little .article:hover:before, .news-list-little .article.active:before { left: -15px; opacity:1; } .news-list-little a { margin-bottom: 0; background: rgba(0, 158, 224, 0.2); padding:12px; transition: background 0.2s ease-in-out 0.2s; -webkit-transition: background 0.2s ease-in-out 0.2s; -moz-transition: background 0.2s ease-in-out 0.2s; -ms-transition:background 0.2s ease-in-out 0.2s; -o-transition:background 0.2s ease-in-out 0.2s; display:block; } .news-list-little .news-img-wrap { display: block; padding-right: 20px; width: auto; background: transparent !important; float: none !important; margin: 0px !important; } .news-list-little .news-img-wrap img { float: none !important; margin-bottom: 0px; width: 137px !important; max-width: inherit !important; } .news-list-little .article-content { display: inline-block; } .news-list-little h6 { font-size:18px; margin:0 0 15px 0; color:#009ee0; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; } .bg-bleu .news-list-little h6 { color:#fff; } .news-list-little .active h6, .news-list-little .article:hover h6 { color: #fff; } .news-list-little .news-list-date { font-size:14px; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; } .news-list-little .active .news-list-date, .news-list-little .article:hover .news-list-date { color: #fff; } .news-list-big .article { background:none; } .news-list-big .article.active { opacity: 1; margin-bottom: 0; } .news-list-big .news-img-wrap { margin: 0px 0px 28px 0px !important; background: none !important; float: none !important; } .news-list-big .article .news-img-wrap img { float: none !important; } .news-list-big .news-list-date time { color: rgba(0, 158, 224, 0.6); } .news-list-big * { color: rgba(119, 116, 116, 0.6); } .news-list-big a .news-more { position: relative; display: block; font-size: 18px; font-weight: 500; letter-spacing: 1px; transition: all 0.3s ease; text-transform: lowercase; } .news-list-big a .news-more:hover { text-decoration: none; } .news-list-big a .news-more:before { content: '>'; font-size: 14px; font-weight: 900; padding-right: 10px; position: relative; top: -1px; opacity: 0.5; transition: all 0.3s ease; margin-right: 0px; } .news-list-big a .news-more:after { content: '>'; font-size: 14px; font-weight: 900; padding-left: 10px; position: relative; top: -1px; opacity: 0; transition: all 0.3s ease; } .news-list-big a:hover .news-more:before { opacity: 0; margin-right: -15px; } .news-list-big a:hover .news-more:after { opacity: 1; } .news-list-big h4 { color: #009ee0; } .news-list-big p:last-child { margin-bottom: 25px; margin-top: 15px; color: #009ee0; text-transform: lowercase; } .news-list-big a:hover p:last-child { text-decoration: none; } .news-single h1 { line-height: 1.7em; } .news-single .news-list-date { margin-bottom: 25px; } .news-single .teaser-text { color: #797475 !important; font-size: 18px !important; font-family: "Akkurat-Bold"; } .news-single .article .news-img-wrap { width:auto !important; margin-left:0 !important; float: none !important; margin-bottom: 30px !important; background: transparent !important; } .news-single img { height:auto; } .news-single .news-img-wrap a { margin-bottom: 30px; } .news-single .header { margin-bottom: 33px; } /* events */ .news-list-view .article-event { width: 100%; margin-bottom: 5px; padding-bottom: 10px; } .article-event a:hover .date-event { background: #000000; } .article-event a:hover .content-event { color: #A3A3A3; } .article-event a:hover .more-event { color: #000000; } .date-event { float: left; color: #ffffff; background: #3E3E3E; padding: 8px; border-radius: 34px; text-align: center; height: 60px; width: 60px; font-size: 15px; margin-right: 15px; } .date-event-day { font-weight:bold; } .content-event { color: #3E3E3E; } .content-event h5 { margin: 4px 0 2px 0; font-size: 15px; } .more-event { text-align:right; font-size: 16px; } /* Category detail view */ .category-label{ background-color: #e5f5fc; color: #009ee0; } .category-label:hover{ background-color: #009ee0; } /* Gallery view */ .teaser-iframe-container { text-align: center; margin-bottom: 15px; } .gallery { overflow: hidden; padding-top: 20px; } .gallery-season { margin-bottom: 45px; } .gallery-season:last-of-type { margin-bottom: 0px; } .gallery-container { display: flex; flex-wrap: wrap; } .gallery-line { padding: 25px 0px 0px 0px; } .gallery-line-info { border-bottom: 0px; padding-bottom: 35px; } .gallery-line .carousel, .gallery-line .placeholder-gallery { margin-bottom: 20px; background: #E6F6FC; } #main-content .gallery-title a:hover { text-decoration: underline !important; background: none !important; } .gallery .season-title { background: #009ee0; font-size: 32px; font-weight: normal; padding: 22px; color: #ffffff; margin: 0px; } .gallery .panel-group .panel { border-bottom: none; } .gallery .panel-title a { position: relative; } .gallery .panel-title a, .gallery .panel-title a:hover, .gallery .panel-heading a:not(.collapsed){ background: #009ee0; font-size: 32px; font-weight: normal; padding: 22px; color: #ffffff !important; margin: 0px; } .gallery .panel-title a:after { position: absolute; content: ""; right: 20px; top: 0; height: 100%; width: 25px; background: url("../img/misc/accordion-gallery-down.png") no-repeat center center; } .gallery .panel-title a:hover:after, .gallery .panel-heading a:not(.collapsed):after { position: absolute; content: ""; right: 20px; top: 0; height: 100%; width: 25px; background: url("../img/misc/accordion-gallery-up.png") no-repeat center center; } .gallery .panel-title a:hover, .gallery .panel-heading a:not(.collapsed) { background: #009ee0; } .gallery-date { line-height: 31px; font-size: 28px; color: #797475; font-weight: bold; } .gallery-title { margin-top: 15px; margin-bottom: 27px; padding-right: 35px; } .gallery-title a { font-size: 25px; color: #009ee0; } .gallery-link a { color: #009ee0; float: right; font-size: 30px; opacity: 0.6; margin-top: -20px; background: none !important; -webkit-transition: opacity 0.2s ease-in-out 0.2s; -moz-transition: opacity 0.2s ease-in-out 0.2s; -ms-transition: opacity 0.2s ease-in-out 0.2s; -o-transition: opacity 0.2s ease-in-out 0.2s; } .gallery-link a:hover { opacity: 1; } .gallery-location { font-size: 18px; color: #797475; padding-right: 35px; } #carouselgeneric .ce-gallery { margin-bottom: 0; } .gallery .carousel-inner .item { height: 240px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .gallery .carousel-inner .item img { width: 100%; height: 100% !important; object-fit: contain; max-height: 240px; } .gallery .carousel-inner .item.custom-object-fit img { opacity: 0; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item { height: 256px; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item img { width: 100%; height: 100% !important; object-fit: contain; max-height: 256px; } /* /wng_events */ .carousel-teaser-gallery.carousel-fade .carousel-inner .item { height: 256px; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item img { width: 100%; height: 100% !important; object-fit: contain; max-height: 256px; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item { transition-property: opacity; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item, .carousel-teaser-gallery.carousel-fade .carousel-inner .active.left, .carousel-teaser-gallery.carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-teaser-gallery.carousel-fade .carousel-inner .active, .carousel-teaser-gallery.carousel-fade .carousel-inner .next.left, .carousel-teaser-gallery.carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-teaser-gallery.carousel-fade .carousel-inner .next, .carousel-teaser-gallery.carousel-fade .carousel-inner .prev, .carousel-teaser-gallery.carousel-fade .carousel-inner .active.left, .carousel-teaser-gallery.carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); } .teaser-gallery .carousel .carousel-control .fa { background: #009ee0; } .teaser-gallery .carousel { background: #E6F6FC; } .gallery .carousel-control, .gallery .carousel-control:focus { display: flex; align-items: center; opacity: 0.7; } .gallery .carousel-control.right { justify-content: flex-end; } .gallery .carousel-control .fa { background: #009ee0; padding: 10px 6px; color: #fff; /*background: #009ee0 url(../img/misc/calendar_arrows.png) left bottom;*/ } .gallery .carousel-control, .gallery .carousel-control:focus, .gallery .carousel-control:hover { background: none; } .gallery .carousel-control:hover { opacity: 1; } .placeholder-gallery { height: 240px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .placeholder-gallery img { height: 100% !important; width: 100%; object-fit: cover; } .placeholder-gallery.custom-object-fit img { opacity: 0; } @media (max-width: 767px) { .content-top:not(.home-page) .content-img .carousel { margin-bottom: 0px; } .gallery-title { text-align: left; } .gallery-title a { font-size: 26px; } .gallery-date { line-height: 26px; font-size: 22px; } } @media (max-width: 600px) { .gallery-line .col-xs-4, .gallery-line .col-xs-8 { width: 100%; } .gallery .carousel { margin-bottom: 30px; } .gallery .carousel-inner .item, .placeholder-gallery { height: 250px; } .gallery .carousel-inner .item img { max-height: 250px; } } /* Add this */ .addthis_sharing_toolbox { text-align: right; float:right; clear:none !important; } .at-share-tbx-element .at-icon-wrapper { background:none !important; } .at-share-btn-elements .at-icon { fill: #D1D4D6; } /* /Add this */ /* Formulaires */ .tx-powermail > div { padding: 0; } .tx-powermail form > h3 { display:none; } .tx-powermail label { display:block; } .tx-powermail [type="checkbox"] + label { height: auto; } .tx-powermail .input-field label { display:block; transform: scale(1) translateY(40px); transition: all 0.5s; transform-origin: bottom left; /* position: inherit; */ position: absolute; top: -25px; } .tx-powermail .input-field label.active { transform: scale(0.8) translateY(20px); font-size: 80%; margin-bottom: 10px; } .tx-powermail textarea.materialize-textarea { padding: 0; min-height: 4rem !important; padding-bottom: 10px; } .tx-powermail .powermail_fieldwrap_type_textarea label.active { margin-bottom: 20px; } .powermail_fieldwrap { margin-bottom: 20px; clear:both; } .powermail_legend { display:none; } .powermail_input, .powermail_textarea { width: 100%; } .field-description{ position: absolute; right: 0; bottom: 21px; } .powermail_captcha { width: 50%; } .powermail_label { font-size: 18px; font-weight: normal; } .powermail_fieldwrap.layout1 { float:left; clear:none; width: 50%; } .powermail_fieldwrap.layout2 { float:right; clear:none; width: 50%; } .tx-powermail .powermail_fieldwrap.layout1 { padding: 0px 30px 0px 0px; } .tx-powermail .powermail_fieldwrap.layout2 { padding: 0px 0px 0px 0px; } .powermail_fieldset .powermail_fieldwrap.layout3 { padding: 0px 40px 0px 0px !important; margin-right: 50%; } .tx-powermail select { display:none } .tx-powermail select.browser-default { display:block } .tx-powermail select { background-color:rgba(255,255,255,0.9); width:100%; padding:5px; border:1px solid #f2f2f2; border-radius:2px; height:3rem } .tx-powermail .select-label { position:absolute } .tx-powermail .select-wrapper { position:relative } .tx-powermail .select-wrapper input.select-dropdown { position:relative; cursor:pointer; background-color:transparent; border:none; border-bottom:1px solid #9e9e9e; outline:none; height:5rem; line-height:5rem; width:100%; font-size:18px; margin:0 0 40px 0; padding:0; display:block } .tx-powermail .select-wrapper span.caret { color:initial; position:absolute; right:10px; top:16px; font-size:10px; border:none; } .tx-powermail .select-wrapper span.caret.disabled { color:rgba(0,0,0,0.26) } .tx-powermail .select-wrapper+label { position:absolute; top:-14px; font-size: 12.6px; transform: none; } .tx-powermail select:disabled { color:rgba(0,0,0,0.3) } .tx-powermail .select-wrapper input.select-dropdown:disabled { color:rgba(0,0,0,0.3); cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; border-bottom:1px solid rgba(0,0,0,0.3) } .tx-powermail .select-wrapper i { color:rgba(0,0,0,0.3) } .tx-powermail .select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup { color:rgba(0,0,0,0.3); background-color:transparent } .tx-powermail .prefix ~ .select-wrapper { margin-left:3rem; width:92%; width:calc(100% - 3rem) } .tx-powermail select:focus { outline:1px solid #c9f3ef } .tx-powermail .select-wrapper ul { background: #ffffff none repeat scroll 0 0; border: 1px solid #d4d1d6; box-shadow: 1px 1px 1px #d4d1d6; opacity: 0; padding: 5px; position: absolute; top: 10px !important; z-index: 10; } .tx-powermail .select-wrapper ul li { list-style:none; padding: 2px 5px; } .tx-powermail .select-wrapper ul li:hover { cursor:pointer; background: rgba(212, 209, 214, 0.2); } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { height: 100%; cursor: pointer; margin-left: 6px; opacity: 0; } [type="checkbox"] + label { font-size: 18px!important; } .tx-powermail .radio input[type=checkbox],.tx-powermail .radio input[type=radio] { /*margin: -6px 5px 0;*/ height: 16px; width: 100%; } input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #009ee0; } input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: #009ee0; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after { background-color: #009ee0; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after { border: 2px solid #009ee0; } [type="checkbox"]:checked + label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #009ee0; border-bottom: 2px solid #009ee0; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .checkbox+.checkbox, .radio+.radio { margin-top: 0px; } .tx-powermail [type="checkbox"] + label { display: inline-block; } .nolabel .powermail_label { display: none; } .tx-wng-events .today-day-number { box-shadow: inset 0px 0px 0px 3px rgba(0, 158, 224, 0.2); } .tx-wng-events select { display:block; height:auto; margin-bottom: 20px; margin-right: 15px; } .tx-wng-events textarea { height:80px; border:1px solid #797475; margin-bottom: 20px; } .search-events input { font-size: 20px; margin: 0; margin-bottom: 20px; padding-bottom: 1px; padding-top: 4px; vertical-align: middle; } .search-events .styles-select { display: none !important; } #html5-watermark { display:none !important; } /*sitemap*/ .csc-sitemap a { padding: 0; display:block; } .csc-sitemap a:hover { text-decoration:underline; } .csc-sitemap ul ul { text-indent: 20px; } .csc-sitemap ul ul ul { text-indent: 40px; } .csc-sitemap li { display:block; list-style: circle; } .csc-sitemap > ul > li > a { font-weight:bold; } .csc-sitemap ul ul ul a { text-transform:none; } /* login */ .btn-login { margin-top: 15px; } /* wng_events */ .table.tx_wngevents th { background: #009ee0; font-family: "Akkurat-Bold"; font-size: 32px; font-weight: normal; padding: 13px 22px; text-transform: lowercase; } .table.tx_wngevents th, .table.tx_wngevents td { border:0; } .table.tx_wngevents td { padding-top: 25px; border-bottom: 1px solid #e0e0e0; } .table.tx_wngevents tr:last-child td { border:0; } table.tx_wngevents .highlight { background: rgba(0, 158, 224, 0.1) none repeat scroll 0 0; } table.tx_wngevents .col-date { font-weight: normal; font-family: "Akkurat-Bold"; text-transform: lowercase; } .tx_wngevents .style-icon { display: none; } #wngEventsCarousel .carousel-caption { background: url(../img/backgrounds/backround_violet-accroche.png) no-repeat; padding-top:65px; left: 10px; right: 10px; } #wngEventsCarousel .event-date { font-family: "Akkurat-Bold"; font-size: 22px; } h2.panel-title { font-size: 38px; color: #009ee0; background: none; padding: 0; display: block; box-shadow: none; border: 0; text-shadow: none; line-height: 1; } h2.panel-title:after { display: none; } .event-gallery .gallery-item, .event-videos .gallery-item { position:relative; display: flex; margin-bottom: 12px; cursor: pointer; } .event-gallery .gallery-item:before, .event-videos .gallery-item:before { position:absolute; content:''; top: 0; left: 0; text-align:center; width: 100%; height: 100%; background: rgba(0, 158, 224, 0.5); opacity: 0; transition: all 0.3s ease; z-index: 1; } .event-gallery .gallery-item:after, .event-videos .gallery-item:after { position:absolute; content:''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(../img/misc/gallery_icon.svg) no-repeat center center; opacity: 0; transition: all 0.3s ease; z-index: 1; } .event-gallery .gallery-item:hover:before, .event-videos .gallery-item:hover:before { opacity: 1; } .event-gallery .gallery-item:hover:after, .event-videos .gallery-item:hover:after { opacity: 1; width: 40px; height: 40px; } body.style-content .ce-intext.ce-right .ce-gallery, body.style-content .ce-intext.ce-left .ce-gallery, body.style-content .ce-above .ce-gallery{ margin-bottom: 0 !important; } .ce-gallery[data-ce-columns="1"], .ce-gallery[data-ce-columns="1"] .ce-column { float: none !important; } .ce-gallery[data-ce-columns="2"] .ce-outer, .ce-gallery[data-ce-columns="2"] .ce-inner { float: none !important; right: 0px; } .ce-gallery[data-ce-columns="2"] .ce-column { width: 50%; margin: 0px; padding-right: 10px; } .ce-gallery[data-ce-columns="2"] .ce-column + .ce-column { padding-left: 10px; padding-right: 0px; } .video { display: block !important; } .video .video-embed { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; margin-bottom: 20px } .video .video-embed iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .tx-wng-events #previous, .tx-wng-events #next { top: 17px; opacity:0.5; -webkit-transition: opacity 0.3s ease-in-out 0.3s; -moz-transition: opacity 0.3s ease-in-out 0.3s; -o-transition: opacity 0.3s ease-in-out 0.3s; transition: opacity 0.3s ease-in-out 0.3s; } .tx-wng-events #previous:hover, .tx-wng-events #next:hover { opacity:1; } .tx-wng-events #previous { left: 25px; } .tx-wng-events #next { right: 25px; } #wngEventsCarousel { margin-top: 100px; margin-bottom: 100px; } #wngEventsCarousel .carousel-control span { opacity: 0; } #wngEventsCarousel .carousel-control.left, #wngEventsCarousel .carousel-control.right { opacity: 1; background:url(../img/misc/calendar_main_events_arrows.png) no-repeat left bottom; top:38%; width:60px; height:99px; overflow: hidden; z-index: 100; left: -70px; } #wngEventsCarousel .carousel-control.right { background-position:right bottom; left:auto; right: -70px; } #wngEventsCarousel .carousel-control.left:hover { background-position:left top; } #wngEventsCarousel .carousel-control.right:hover { background-position:right top; } #CalendarReplace > p { background: #009ee0; font-size: 20px; font-weight: normal; padding: 17px 0; font-family: "Akkurat-Bold"; text-transform: lowercase; } .tx-wng-events table.calendar { border: 1px solid #b4b4b4; border-spacing: 6px; } #tx-wng-events-calendar > div > a { height: 21px; width: 13px; } .tx-wng-events #previous, .tx-wng-events #next { opacity:1; top: 20px; } #tx-wng-events-calendar .fa:before { content:''; } #tx-wng-events-calendar i.fa { background: url(../img/misc/calendar_arrows.png) left bottom; height: 21px; width: 13px; } #tx-wng-events-calendar #next i.fa { background-position: right bottom; } #tx-wng-events-calendar a#previous:hover i.fa { background-position: left top; } #tx-wng-events-calendar a#next:hover i.fa { background-position: right top; } .tx-wng-events .calendar thead { border-bottom: 1px solid #797475; } .tx-wng-events .calendar thead th { padding: 16px 0 12px 0; font-size: 16px; } .tx-wng-events table.calendar td { color:#D1D4D6; } .tx-wng-events table.calendar td a, .tx-wng-events table.calendar td p { color:#797475; } .tx-wng-events .with-events .day-number { background: rgba(0, 158, 224, 0.2); } .tx-wng-events .day-number.current-day-number, .tx-wng-events .with-events .day-number:hover { background: #009ee0; box-shadow: inset 0px 0px 0px 3px #4885CB; } #CalendarSliderReplace .event-date { font-size: 28px; text-transform: lowercase; } #CalendarSliderReplace h3 { margin-top: 15px; margin-bottom: 20px; font-size: 30px; } #CalendarSliderReplace .more-infos { margin-top: 50px; display: block; position: relative; font-size: 18px; font-weight: 500; letter-spacing: 1px; transition: all 0.3s ease; text-transform: lowercase; } #CalendarSliderReplace .more-infos:hover { text-decoration: none; } #CalendarSliderReplace .more-infos:before { content: '>'; font-size: 14px; font-weight: 900; padding-right: 10px; position: relative; top: -1px; opacity: 0.5; transition: all 0.3s ease; margin-right: 0px; } #CalendarSliderReplace .more-infos:after { content: '>'; font-size: 14px; font-weight: 900; padding-left: 10px; position: relative; top: -1px; opacity: 0; transition: all 0.3s ease; } #CalendarSliderReplace .more-infos:hover:before { opacity: 0; margin-right: -15px; } #CalendarSliderReplace .more-infos:hover:after { opacity: 1; } #CalendarSliderReplace { border-bottom: 1px solid #d1d4d6; margin-bottom:30px; } #tx-wng-events-calendar .currentSlider { padding-bottom: 30px; } #tx-wng-events-calendar .carousel .carousel-control.left, #tx-wng-events-calendar .carousel .carousel-control.right { background: url(../img/misc/mobile-slider_arrows.png) no-repeat; height: 20px; width: 12px; bottom: 0 !important; top: auto; left: 0; } #tx-wng-events-calendar .carousel-control span { opacity: 0; } #tx-wng-events-calendar .carousel .carousel-control.right { background-position: right top; left: 25px; right: auto; } #tx-wng-events-calendar .carousel-control.left:hover { background-position: left bottom; } #tx-wng-events-calendar .carousel-control.right:hover { background-position: right bottom; } #tx-wng-events-calendar .num { bottom: -4px; left: 50px; position: absolute; } #CalendarSliderReplace .alert-warning { background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #D1D4D6 100%); background-image: -o-linear-gradient(top, #F5F5F5 0%, #D1D4D6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#D1D4D6)); background-image: linear-gradient(to bottom, #F5F5F5 0%, #D1D4D6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#D1D4D6', GradientType=0); background-repeat: repeat-x; border-color: #b4b4b4; color: #797475; } .tx-wng-events .styles-legend { display: none; } #tx-wng-events-single .arrow-link { margin-bottom: 20px; } #tx-wng-events-single .event-btn { display: flex; gap: 20px; flex-wrap: wrap; padding-top: 25px; } #tx-wng-events-single .event-btn .btn { margin-top: 0px; } /* /wng_events */ /* gallery */ #main-content .tx-dce-pi1 .event-gallery { margin: 0; position:relative; padding-bottom: 10px; } .event-gallery legend { color: #797475; font-size: 18px; } .tx-dce-pi1 .event-gallery::after { border-bottom: 1px solid #d1d4d6; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 80%; } /* /gallery */ /* table */ table { margin-top: 55px; } table tr td { border-top:1px solid #D1D4D6; padding: 12px 5px; font-weight: normal; } table thead { border-top:1px solid #D1D4D6; border-bottom:2px solid #D1D4D6; } table thead th { padding: 17px 5px; font-family: "Akkurat-Bold"; } /* /table */ /* bg */ .bg-bleu, .bg-black, .bg-gray, .bg-gradiant-white, .bg-white, .bg-gray-2, .transparent, .bg-blue-light { margin-top: 160px; margin-bottom:65px; position: relative; padding: 20px 0px 80px 0px; z-index: 1; } .bg-bleu { background: #009ee0; } .bg-white { background: #fff; } .bg-gray { background: #777474; } .homepage .bg-gradiant-white { margin: 0; } .bg-gradiant-white { z-index: 0; } .bg-bleu h1, .bg-bleu h2, .bg-bleu h3, .bg-bleu h4, .bg-bleu a, .bg-bleu p, .bg-bleu ul li, .bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black a, .bg-black p, .bg-black ul li, .bg-gray-2 h1, .bg-gray-2 h2, .bg-gray-2 h3, .bg-gray-2 h4, .bg-gray-2 a, .bg-gray-2 p, .bg-gray-2 ul li, .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray a, .bg-gray p, .bg-gray ul li { color: #ffffff; } .bg-bleu h1, .bg-bleu h2 { color: #009ee0; background: #fff; box-shadow: inset 9px -9px 0px 0px #fff, inset 0px -11px 0px 0px #009ee0; border-right: 8px solid #fff; text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff; } .bg-bleu h1 a, .bg-bleu h2 a { color: #009ee0; } .bg-bleu h1:after, .bg-bleu h2:after { background: #009ee0; } .bg-gray h1, .bg-gray h2 { color: #777474; background: #fff; box-shadow: inset 9px -9px 0px 0px #fff, inset 0px -11px 0px 0px #777474; border-right: 8px solid #fff; text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff; } .bg-gray h1 a, .bg-gray h2 a { color: #777474; } .bg-gray h1:after, .bg-gray h2:after { background: #777474; } .bg-bleu h3, .bg-gray-2 h3 { margin: 0; } .bg-bleu::before { position: absolute; content: ''; top: -160px; left: 0; z-index: 10; width: 100%; height: 160px; background: url(../img/backgrounds/background-top-blue.svg) no-repeat center top; background-size: cover; } .bg-bleu::after { position: absolute; content: ''; bottom: -160px; left: 0; z-index: 10; width: 100%; height: 160px; background: url(../img/backgrounds/background-bottom-blue.svg) no-repeat center bottom; background-size: cover; } .bg-white::before { position: absolute; content: ''; top: -160px; left: 0; z-index: 10; width: 100%; height: 160px; background: url(../img/backgrounds/background-top-white.svg) no-repeat center top; background-size: cover; } .bg-white::after { position: absolute; content: ''; bottom: -160px; left: 0; z-index: 10; width: 100%; height: 160px; background: url(../img/backgrounds/background-bottom-white.svg) no-repeat center bottom; background-size: cover; } .bg-gray::before { position: absolute; content: ''; top: -160px; left: 0; z-index: 10; width: 100%; height: 160px; background: url(../img/backgrounds/background-top-grey.svg) no-repeat center top; background-size: cover; } .bg-gray::after { position: absolute; content: ''; bottom: -160px; left: 0; z-index: 10; width: 100%; height: 160px; background: url(../img/backgrounds/background-bottom-grey.svg) no-repeat center bottom; background-size: cover; } .bg-color:nth-child(odd):before { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .bg-color:nth-child(odd):after { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .bg-color:last-child:after { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .homepage .bg-color:nth-child(odd):before { transform: none; filter: none; } .homepage .bg-color:nth-child(odd):after { transform: none; filter: none; } .homepage .bg-color:nth-child(even):before { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .homepage .bg-color:nth-child(even):after { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .homepage .bg-color:last-child:after { transform: none; filter: none; } .bg-gradiant-white { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+15,ffffff+35,ffffff+65,ffffff+85&0+0,0.7+15,0.95+35,0.95+65,0.7+85,0+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.95) 35%, rgba(255,255,255,0.95) 65%, rgba(255,255,255,0.7) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.95) 35%,rgba(255,255,255,0.95) 65%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 15%,rgba(255,255,255,0.95) 35%,rgba(255,255,255,0.95) 65%,rgba(255,255,255,0.7) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } /* /bg */ /* tabs */ .nav > li { padding-right: 30px; } .nav-tabs > li > a { color: #d1d4d6; padding: 7px 0; border:none; border-bottom: 3px solid #ffffff; } .nav-tabs > li:first-child > a { } .nav-tabs, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border:none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { color: #009ee0; border:none; border-bottom: 3px solid #009ee0; background:none; } .tab-content { padding-bottom: 50px; position:relative; padding-top: 15px; } .tab-content:after { position:absolute; content:''; bottom: 0; left: 0; width: 80%; height:1px; border-bottom: 1px solid #d1d4d6; } /* /tabs */ /* accordion */ .panel-group .panel { border-radius: 0; border:none; border-bottom: 1px solid #d1d4d6; box-shadow: none; } .panel-group .panel-heading { color: #797475; background:none; border:none; padding: 0; } .panel-title { font-size: 22px; } .panel-heading a { color: #797475; display:block; padding: 50px 30px 12px 0; background: url("../img/misc/accordion-down.png") no-repeat right 58px; } .panel-heading a:hover, .panel-heading a:not(.collapsed) { color: #009ee0; text-decoration:none; background: url("../img/misc/accordion-up_blue.png") no-repeat right 58px; } .panel-heading a:focus { text-decoration:none; } .panel-group .panel-body { border:none !important; padding: 15px 0; } /* /accordion */ /* box accroche */ .box-accroche { position:relative; overflow: hidden; margin-bottom: 20px; } .box-accroche-caption { position:absolute; bottom: 0; left: 0; padding: 65px 20px 30px 20px; background: url(../img/backgrounds/backround_grey-accroche.png) no-repeat center 0px; width: 100%; -webkit-transition: padding 0.3s ease-in-out 0.1s; -moz-transition: padding 0.3s ease-in-out 0.1s; -o-transition: padding 0.3s ease-in-out 0.1s; transition: padding 0.3s ease-in-out 0.1s; } .col-sm-3 .box-accroche-caption { padding: 50px 10px 10px 10px; } .col-sm-3 .box-accroche-caption h4 { font-size: 20px; color: #fff !important; } .box-accroche-caption h4 { font-size: 20px; color: #fff !important; } .box-accroche-caption * { color: #ffffff; margin: 0; } .box-accroche-caption.box-accroche-caption-violet { background: url(../img/backgrounds/backround_bleu-accroche.png) no-repeat center 0px; } .box-accroche:hover .box-accroche-caption{ padding-top: 110%; } /* /box accroche */ #film_roll .film_roll_child .infos, .slick-collab .film_roll_child .infos { padding-right: 0; } #collaborateurs-slider .infos .nom, .slick-collab .infos .nom { padding: 20px 20px 10px; margin-bottom: 0px; font-family: "Akkurat-Light"; } #collaborateurs-slider .infos .nom, .slick-collab .infos .nom span { font-family: "Akkurat-Bold"; text-transform: initial; } #search-collaborateurs [type="checkbox"]:checked+span:not(.lever):before { border-right: 2px solid #009ee0; border-bottom: 2px solid #009ee0; } #film_roll .film_roll_child .infos:after, .slick-collab .film_roll_child .infos:after { background: rgba(0,0,0,0.5); position: absolute; content: ""; left: -30%; bottom: -20px; width: 220%; padding: 0px; height: 130%; z-index: 0; border-radius: 50%; display: block; transform: none; } /* box styles */ .row-box-styles { margin: -20px 0 0 0; text-align: center; } .row-box-styles > div { padding: 0; } .box-styles { position:relative; } .box-styles-content { position:absolute; top: 0; width: 100%; } .box-styles-content a:hover { text-decoration:none; } .box-styles-content * { color: #ffffff; } .box-styles-content h3 { margin-top:25px; padding: 0 10px; height: 68px; } .box-styles-links { margin-top:13%; } .box-styles-content .btn, .background-diagonal .btn { font-family: "Akkurat-Regular",Arial; background: none; border: 1px solid #ffffff; border-radius:0; font-size: 18px; margin: 5px; padding: 12px 50px; width: 173px; } .box-styles-content .btn:hover, .background-diagonal .btn:hover { background: rgba(255,255,255,.2); } .box-styles-img img { min-width:100%; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -ms-transition:all 0.2s ease-in-out 0.2s; -o-transition:all 0.2s ease-in-out 0.2s; } .box-styles:hover img { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .box-styles .box-styles-img { position:relative; } .box-styles .box-styles-img:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; background:rgba(0, 158, 224, 0.5) url(../img/backgrounds/traitV5.svg) no-repeat top center; background-size:cover; opacity:0; transition: opacity 0.2s ease-in-out 0.2s; -webkit-transition: opacity 0.2s ease-in-out 0.2s; -moz-transition: opacity 0.2s ease-in-out 0.2s; -ms-transition:opacity 0.2s ease-in-out 0.2s; -o-transition:opacity 0.2s ease-in-out 0.2s; } .box-styles:hover .box-styles-img:after { opacity:1; } .box-styles-img > a { display: block; } /* box styles */ /* image diagonal */ .background-diagonal { padding: 85px 0 45px 0px; min-height: 100px; position:relative; z-index:-2; margin: -72px 0; } .background-diagonal:after { position:absolute; content:''; top: 0; left: 0; background: rgba(0,0,0,0.3); width:100%; height:100%; pointer-events: none; pointer-events: none; } .background-diagonal .container { position: relative; z-index: 2; } .background-diagonal *, .background-diagonal *:hover { color: #ffffff; } .background-diagonal a { opacity: .8; } .background-diagonal a:hover { opacity: 1; text-decoration:none; } /* /image diagonal */ .row { margin-left: -10px; margin-right: -10px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 10px; padding-right: 10px; } #search-collaborateurs [type="checkbox"]:checked+span:not(.lever):before { background: #009EE0; } /* * footer */ .footer-angle .smalltable td { font-size: 14px ; } .footer-angle:before { position: absolute; content: ''; top: -160px; left: 0; z-index: 1; width: 100%; height: 160px; background: url(../img/backgrounds/background-top-blue.svg) no-repeat center top; background-size: cover; } .footer-angle { margin-top: 0px; padding-bottom: 20px; } .homepage .footer-angle { margin-top: -160px; } .footer-angle .container { position:relative; z-index:1; } footer .container:before { position: absolute; left: -300px; top: -50px; width: 272px; height: 220px; content: ""; background: url(../img/conservatoire-icon.svg) no-repeat center; background-size: 100%; z-index: 2; } footer { padding: 20px 0 3px 0; background: #009ee0; position:relative; } footer:after { content:''; position:absolute; left:calc(50% - 75px); bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.35); width: 150px; } footer table { margin-top: 0px; } footer table thead, footer table tr td { border: 0px; } footer table tr td { padding: 0px 15px 0px 0px; } footer table tr td:nth-child(2),footer table tr td:last-child{ padding-right: 5px ; } footer table tr td span { font-size: 14px !important; line-height: 1.5; } footer * { color: #ffffff; font-size: 16px; line-height: 1.31; } footer p { margin-bottom: 30px; } footer p b { margin-bottom: -20px; display: block; } footer a { text-decoration: none; color: rgba(255,255,255,0.5); } footer a:hover { text-decoration: none; color: #ffffff; } footer h3 { font-family: 'Akkurat-Bold'; font-size: 18px; margin: 0; padding-bottom: 0; } .footer-socials { display: flex; flex-direction: column; row-gap: 20px; } .footer-socials { display: flex; flex-direction: column; row-gap: 20px; } .footer-socials .social-icon { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; } .footer-socials .social-icon.facebook { background: #1877F2; } .footer-socials .social-icon.linkedin { background: #2867B2; } .footer-socials .social-icon.youtube-play { background: #FF0000; } .footer-socials .social-icon.instagram { background: #F00073; } footer .ce-textpic img { margin-top: 85px; } /* newsletter */ footer #mc_embed_signup { background:none; width: 100%; } footer #mc_embed_signup form { padding: 0; margin-bottom: 15px; } footer #mc_embed_signup label { display: none; } footer #mc_embed_signup input.email { background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; border: medium none; border-radius: 0; color: #fff; font-family: "Akkurat-Regular",Arial; font-size: 15px; padding: 0 10px; width: 80%; margin-bottom: 25px; transition: all 0.3s ease; } footer #mc_embed_signup input.email:focus { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; color: #009ee0; } footer #mc_embed_signup input.email::placeholder { color: rgba(255,255,255,1); } footer #mc_embed_signup input.button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ffffff; border-radius: 3px; height: auto; min-width: 0; padding: 3px 30px; width: auto; } footer #mc_embed_signup .button:hover { background-color: #fff; color: #009ee0; } /* * footer-nav */ .footer-nav { background: #009ee0; text-align:center; padding: 12px 0 15px 0; } .footer-nav *, .footer-nav ul li:hover a { color: #ffffff; } .footer-nav ul { list-style: none; padding-left: 0; margin : 0; } .footer-nav ul li { display: inline-block; } .footer-nav a { padding: 8px 12px; } .footer-nav .footer-menu > a { padding-top: 6px; } .footer-nav a:hover { text-decoration:none; color: #ffffff; } .footer-nav ul li:first-child a { padding-left: 0; } .footer-menu, .copyright-menu { text-align:center; } .footer-menu * { color: rgba(255,255,255,.5); font-size: 17px; display: inline-block; } .footer-menu img { opacity:0.5; } .footer-menu a:hover img { opacity:1; } .footer-menu > a:last-child { padding-right:0; } .copyright-menu * { display:inline-block; font-size: 15px; } .copyright-menu a { color: rgba(255,255,255,.5); } .copyright-menu > p { padding-left:12px; } .copyright-menu p a { padding: 0; } .content-home .tx-pb-social #loadMore { display: none; } .tx-pb-social #loadMore { font-size: 50px; margin-top: 40px; color: #009ee0; background: none; opacity: 0.6; -webkit-transition: opacity 0.2s ease-in-out 0.2s; -moz-transition: opacity 0.2s ease-in-out 0.2s; -ms-transition: opacity 0.2s ease-in-out 0.2s; -o-transition: opacity 0.2s ease-in-out 0.2s; } .tx-pb-social #loadMore:hover { opacity: 1; } .grid-item .image { box-shadow: none; } .tx-pb-social { margin: 0px -10px; } .btn-social { text-align: center; } .btn-social a { font-size: 50px; display: inline-block; margin-top: 40px; color: #009ee0; background: none; opacity: 0.6; -webkit-transition: opacity 0.2s ease-in-out 0.2s; -moz-transition: opacity 0.2s ease-in-out 0.2s; -ms-transition: opacity 0.2s ease-in-out 0.2s; -o-transition: opacity 0.2s ease-in-out 0.2s; } .btn-social a:hover { color: #009ee0; } .bg-bleu .btn-social a { color: #fff; } .bg-bleu .btn-social a:hover { opacity: 1; } .grid-item, .grid-sizer { width: 25%; padding-bottom: 20px; height: auto; } .grid-item { display: none; } .grid-item:nth-child(1) { display: block; } .grid-item:nth-child(2) { display: block; } .grid-item:nth-child(3) { display: block; } .grid-item:nth-child(4) { display: block; } .grid-item:nth-child(5) { display: block; } .grid-item:nth-child(6) { display: block; } .tx-pb-social .pb-list-item-header, .tx-pb-social .text { background: #fff; } .pb-list-item-container { box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); } .tx-pb-social .grid-item .text { height: auto; padding: 0px 20px 25px 20px; font-size: 14px; color: #797475; } .tx-pb-social .pb-list-item-header { padding: 17px 25px; } .grid-item .fa { font-size: 24px; position: relative; } .grid-item .fa-facebook { color: #009ee0; } .grid-item .fa-instagram { color: #009ee0; } .tx-pb-social .grid-item .pb-list-item-header .date { font-weight: bold; font-size: 14px; float: right; color: #545454; } .tx-pb-social .pb-list-item-instagram .pb-list-item-header { background: none; position: absolute; left: 0px; top: 0px; padding: 18px 40px; width: 100%; z-index: 1; } .tx-pb-social .pb-list-item-instagram .pb-list-item-header .date { color: #fff; text-shadow: 0px 1px 5px #000; } .tx-pb-social .grid-item.pb-list-item-instagram .text { display: none; } .tx-pb-social .grid-item img { height: auto; width: 100%; } .grid-item { cursor: pointer; } .collab-link-list { text-transform: lowercase; margin-top: -100px; font-size: 22px; } footer #mc_embed_signup input.button, footer .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #ffffff; border-radius: 3px; height: auto; min-width: 0; padding: 3px 30px; width: auto; } footer .btn { text-align: center; line-height: 32px; font-size: 15px; letter-spacing: .03em; color: #FFFFFF; display: inline-block; margin-top: 0; transition: all 0.23s ease-in-out 0s; font-weight: 400; } footer .btn:hover { background: #fff; border: 1px solid #ffffff; color: #009ee0; } /****************** Slick news home *****************/ .slick-news-container { position: relative; margin-top: -90px; } #film_roll, .slick-news { width: 100vw; position: relative; padding-bottom: 80px; padding-right: 25px; } #film_roll .film_roll_news, .slick-news .film_roll_news { vertical-align:top; overflow: hidden; margin: 0px; padding: 0px 10px; position: relative; } #film_roll .film_roll_news img, .slick-news .film_roll_news img { transition: all 0.5s ease; } #film_roll .film_roll_news:hover img, .slick-news .film_roll_news:hover img { -webkit-filter: brightness(65%); filter: brightness(65%); } #film_roll .film_roll_news .infos, .slick-news .film_roll_news .infos { color: #ffffff; visibility: hidden; opacity:0; transition: all 0.5s ease; position: absolute; top: 100%; transform: translateY(-100%); right: 0px; text-align: right; padding-right: 0px; width: 100%; z-index: 1; padding-top: 0px; max-height: 100%; display: flex; flex-direction: column; } #film_roll .film_roll_news a:hover .infos, .slick-news .film_roll_news a:hover .infos { top: 0px; transform: translateY(0px); } #film_roll .film_roll_news .infos:after, .slick-news .film_roll_news .infos:after { position: absolute; content: ""; left: 0%; top: -20px; width: 100%; height: 100vh; transform: none; background: url(../img/backgrounds/backround_bleu-accroche.png) no-repeat center 0px; z-index: 0; transition: all 0.5s; } #film_roll .film_roll_news.active .infos, .slick-news .film_roll_news.slick-active .infos { visibility: visible; opacity:1; } .slick-news .infos .titre { font-family: "Akkurat-Bold"; font-size: 18px; margin-bottom: 10px; margin-top: 0px; position: relative; z-index: 1; text-align: left; padding-left: 12px; padding-right: 25px; padding-top: 40px; text-transform: lowercase; } .slick-news .infos .teaser-text { color: #fff; position: relative; z-index: 1; text-align: left; padding-left: 12px; padding-right: 15px; opacity: 1; padding-bottom: 10px; } .slick-news .infos .teaser-text p { font-size: 14px; } .slick-news .film_roll_news a { display: block; width: 100%; margin-bottom: 0px; overflow: hidden; position: relative; } .slick-news .film_roll_news a:hover { text-decoration: none; } .slick-news .film_roll_news.slide-all-news a { height: 100%; width: 100%; background: #009ee0; color: #fff; font-size: 20px; text-align: center; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; text-transform: lowercase; padding: 15px; transition: all 0.3s ease; } .slick-news .film_roll_news.slide-all-news a span { position: relative; } .slick-news .film_roll_news.slide-all-news a span:after { content: '>'; font-size: 30px; font-weight: 900; position: absolute; bottom: -50px; opacity: 0; transition: all 0.3s ease; transform: translateX(-20px); left: 0px; right: 0px; margin: 0 auto; } .slick-news .film_roll_news.slide-all-news a:hover { background: #797475; } .slick-news .film_roll_news.slide-all-news a:hover span:after { opacity: 1; transform: translateX(0px); } .slick-news .film_roll_news .info-hover { display: none; overflow: auto; z-index: 1; position: relative; } .slick-news .film_roll_news .info-hover::-webkit-scrollbar { height: 5px; width: 5px; background: rgba(255,255,255,0.25); } .slick-news .film_roll_news .info-hover::-webkit-scrollbar-corner { background: transparent; } .slick-news .film_roll_news .info-hover::-webkit-scrollbar-thumb { background: #fff; border-radius: 0px; } .film_roll_news .collab-link { margin: 0px; } .slick-news .film_roll_news, .slick-news .film_roll_news:hover, .slick-news .film_roll_news:focus { outline: none !important; } .film_roll_prev, .film_roll_next, .slick-arrow-prev, .slick-arrow-next { border: none !important; } .news .film_roll_prev, .news .slick-arrow-prev { left: inherit !important; background-image: url(../img/slider_arrow-left_cl.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: transparent; width: 24px !important; height: 40px !important; overflow: hidden !important; text-indent: -9999px; position: absolute; bottom: 0px; right: 50px; } .news .film_roll_next, .news .slick-arrow-next { background-image: url(../img/slider_arrow-right_cl.png) !important; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: transparent; width: 24px !important; height: 40px !important; overflow: hidden !important; text-indent: -9999px; position: absolute; bottom: 0px; right: 0px; } .slick-arrow-prev:focus, .slick-arrow-next:focus { outline: none; } .date { position: relative; width: 100%; color: #ffffff; text-align: left; padding: 0px 15px 10px 12px; font-size: 14px; opacity: 0.75; transition: all 0.3s ease; z-index: 1; } /****************** FIN Slick news home *****************/ /* ------------------ */ /* --- Responsive --- */ /* ------------------ */ @media (max-width: 1850px) { footer .container:before { left: -250px; width: 232px; height: 190px; } } @media (max-width: 1750px) { footer .container:before { width: 202px; left: -215px; height: 165px; } } @media (max-width: 1650px) { footer .container:before { width: 172px; left: -185px; height: 140px; } } @media (max-width: 1600px) { .film_roll_prev { left: 9% !important; } .film_roll_next { right: 9% !important; } .footer-angle .container { padding-top: 100px; } footer .container:before { left: 115px; top: -80px; } } @media (max-width: 1400px) { .portail-content-text { padding-top: 0px; } } @media (max-width: 1315px) { .film_roll_prev { left: 5% !important; } .film_roll_next { right: 5% !important; } } @media (max-width: 992px) { .tx-pb-social .grid-item { width: 50%; } } @media (max-width: 600px) { .tx-pb-social .grid-item{ width: 100%; } } .navbar-toggle { background: none; } .navbar-toggle .icon-bar { background: #797475; } @media (max-width: 1315px) { #wngEventsCarousel .carousel-control.left, #wngEventsCarousel .carousel-control.right { background: url(../img/misc/mobile-slider_arrows.png) no-repeat; height: 20px; width: 12px; bottom: -25px; top: auto; left: 20px; } #wngEventsCarousel .carousel-control.right { background-position: right top; left: 50px; right: auto; } } @media (max-width: 1315px) { nav ul li a { padding: 23px 12px; font-size: 20px; } nav > ul > li:last-child { margin-right: -12px; } .portail h2 { font-size: 36px; } } @media (max-width: 1200px) { .portail h2 { font-size: 30px; } .portail-content p { font-size: 20px; margin-bottom: 10px; } .portail-content-text span { font-size: 20px; } .portail-content a { font-size: 20px; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item { height: 210px; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item img { max-height: 210px; } } @media (max-width: 992px) { .slick-news { margin-top: 30px; } .slick-news-container { margin-top: 30px; } .slick-news-container .link-more-home a { height: auto; } .slick-news .film_roll_news .info-hover { display: block !important; } .slick-news .film_roll_news .info-hover .teaser-text { display: none !important; } #collaborateurs-slider, .slick-collab { margin-top: 70px !important; } .collab-link-list { text-align: right !important; } .gallery-line { width: 100%; } .footer-socials { display: flex; flex-direction: row; row-gap: 0px; column-gap: 20px; margin-bottom: 40px; margin-top: 40px; } footer .ce-textpic.ce-right .ce-gallery { float: none; } footer .ce-textpic.ce-right .ce-gallery .ce-row { display: flex; justify-content: center; align-items: center; } #navbar nav { margin-top:0; } nav ul li a { padding: 22px 12px; font-size: 18px; } .breadcrumb { padding-left: 0; padding-right: 0; } #main-content { border:none; padding-bottom: 0; } footer .container:before { left: 15px; } footer .ce-textpic img { margin-top: 30px; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item { height: 245px; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item img { max-height: 245px; } .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"] { font-size: 20px; padding: 16px 55px; } } @media (min-width: 768px) and (max-width: 992px) { .top-header > .container { text-align:center; } .navbar-header, #branding a { clear: both; display: block; float: none; text-align: center; width: 100%; } .navbar-brand > img { margin: 0 auto; } #navbar { width:100%; text-align:center; } #navbar nav { float: none; } nav > ul > li:first-child a { padding-left: 0; } .content-wrapper, .content-wrapper.with-submenu { padding-top: 219px; } .sticky + .content-wrapper, .sticky + .content-wrapper.with-submenu { padding-top: 189px; } } @media (min-width: 768px) { nav > ul > li.open:not(:hover) .dropdown-menu { display:none; } #header:not(.sticky) .menu li:hover > .dropdown-menu { display:block; } .portail.col-5-portail .portail-img img { min-height: 385px; object-fit: cover; } .menu li:hover > .dropdown-menu { display:block; } html { overflow: visible !important; } #sidebar { transform: translate(100%,0) !important; -ms-transform: translate(100%,0) !important; -webkit-transform: translate(100%,0) !important; } .ssm-overlay { display:none !important; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-angle-left, .carousel-control .fa-angle-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-next, .carousel-control .fa-angle-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .fa-angle-left { left: 50%; margin-left: -10px; } .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 50px; } #newsCarousel .news-list-view .article { float:none; clear:both; display: inline-block; } #newsCarousel .news-list-big .article { display:none; opacity: 0; transition: opacity 0.2s ease-in-out 0.2s; -webkit-transition: opacity 0.2s ease-in-out 0.2s; -moz-transition: opacity 0.2s ease-in-out 0.2s; -ms-transition:opacity 0.2s ease-in-out 0.2s; -o-transition:opacity 0.2s ease-in-out 0.2s; } #newsCarousel .news-list-big .article.active { display: block; } #newsCarousel .carousel-control, #newsCarousel .num { display:none; } } @media (max-width: 767px) { .slick-news { margin-top: 40px; } .slick-news .infos .titre { padding-right: 15px; padding-top: 40px; } header { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; background: #fff; } .collab-link-list { text-align: left !important; margin-top: 0px; } #collaborateurs-slider, .slick-collab { margin-top: 30px !important; } footer .container:before { width: 140px; height: 112px; top: -80px; } .footer-angle .container { padding-top: 40px; } .content-home .bg-color:first-child { margin-top: -40px; } .portail:after { display: none; } .bg-bleu, .bg-black, .bg-gray, .bg-gradiant-white, .bg-white, .bg-gray-2, .transparent { margin-top: 0px; margin-bottom: 80px; position: relative; padding: 0px 0px 80px 0px; } .bg-bleu::before { top: -80px !important; height: 80px !important; } .bg-bleu::after { bottom: -80px !important; height: 80px !important; } .bg-gray::before { top: -80px !important; height: 80px !important; } .bg-gray::after { bottom: -80px !important; height: 80px !important; } .bg-white::before { top: -80px !important; height: 80px !important; } .bg-white::after { bottom: -80px !important; height: 80px !important; } .portail { width: 100% !important; border-right: 0px !important; border-bottom: 1px solid #fff; padding: 15px !important; } .portail.pink { background: #E2007A; } .portail.yellow { background: #FBC900; } .portail.green { background: #44A12B; } .portail.blue { background: #009ee0; } .portail.orange { background: #EB690B; } .portail .portail-img, .portail .portail-content-text { display: none; } .portail-content h2 { margin-bottom: 0px; } .portail-content p { display: none; } .portail-content a + a { display: none; } .portail-content { position: inherit; left: inherit; top: inherit; transform: none; padding: 0px; } h1, .content-home h2 { font-size:40px; } .content-home .col-sm-4 h1, .content-home .col-sm-4 h2 { margin-top: 30px; } .navbar-brand { height: auto; } #branding img { width: auto; } .search-container { width: 90%; } .search-box { transition: none; width: 100%; border-bottom: 1px solid #e5e5e5; box-shadow: -3px 3px 4px #f1f1f1; background: #eee; } .search-box:focus { transition: none; padding-left: 15px; cursor: text; width: 100%; } .search-icon { position: absolute; right: 8px; top: 6px; left: auto; } #search-submit { height: 0; } .close-section { background: #009ee0; width: 100%; height: 50px; } #sidebar .close { border: 2px solid #ffffff; font-weight: 100; color: #ffffff; opacity: 1; text-shadow: none; border-radius: 5px; padding: 9px 12px; font-size: 18px; margin: 5px; } #navbar-sidebar { } a .fa-home { font-size: 18px; } .navbar-toggle { margin-top: 30px; } .navbar-toggle:focus { background: #ffffff; } .navbar-toggle:focus .icon-bar { background: #3e3e3e; } .navbar-toggle .icon-bar { height:4px; } #navbar { position: none; } #navbar nav { float: none; margin-right: 0; padding-right: 0; margin-top: 0; width: 100%; } #nav > ul > li > a { font-weight:bold; } nav ul li, nav > ul > li.active { display: block; margin-left: -15px !important; margin-right: -15px !important; border-bottom: 1px solid #d1d4d6; } nav > ul > li:focus, nav > ul > li.open, nav > ul > li:hover { background: rgba(0, 158, 224, 0.1); } nav > ul > li.active, nav > ul > li.open, nav > ul > li:hover { border-bottom: 1px solid #d1d4d6; } nav > ul > li.open > a, nav > ul > li:focus > a, nav > ul > li:hover > a, nav > ul > li > a:hover { border-bottom: none; } nav ul li a { width: 100%; padding-bottom: 12px; padding-top: 12px; white-space: inherit; font-size:18px; } #nav-sidebar .has-sub > a { background: url(../img/misc/accordion-down.png) no-repeat 95% center; } #nav-sidebar .has-sub.open > a { background: url(../img/misc/accordion-up.png) no-repeat 95% center; } #nav-sidebar .dropdown-menu { border-right: 0; background: #EDE8E2; width: 100%; margin-left: 0 !important; } #nav-sidebar .dropdown-menu li { margin: 0 !important; } #nav-sidebar .dropdown-menu a { border:none; white-space: initial; padding: 12px 20px; color: #797475; font-size: 17px; } #nav-sidebar .dropdown-menu .active a { color: #009ee0; } .search-container { width: 100%; right: 0; top:0; position: relative; } .carousel-inner { border-bottom: 1px solid #797475; } .carousel .carousel-control.left, .carousel .carousel-control.right { background: url(../img/misc/mobile-slider_arrows.png) no-repeat; height: 20px; width: 12px; bottom: 10px; top: auto; left: 20px; } .carousel .carousel-control.right { background-position: right top; left: 50px; right: auto; } /*.carousel-control.left:hover { background-position: left bottom; } .carousel-control.right:hover { background-position: right bottom; }*/ .carousel-indicators { bottom: 0; position: relative; width: 100%; height: 37px; text-align: right; left: auto; right: 15px; margin-left: 0; display: inline-block; } .carousel-indicators li, .carousel-indicators .active { background-color: rgba(121, 116, 117, 0.5); width: 12px; height: 12px; margin: 12px 2px 7px 2px; } .carousel-indicators .active, .carousel-indicators li:hover { background-color: #797475; } .carousel-caption { position: relative; text-shadow: none; text-align: left; left: 0; bottom: 0; right: 0; padding: 0 10px; width: 100%; } .carousel-caption h3 { font-size:25px; margin: 15px 0; color: #009ee0; } .carousel-caption p { display:none; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item { height: auto; aspect-ratio: 16 / 9; } .carousel-teaser-gallery.carousel-fade .carousel-inner .item img { max-height: 100%; } .content-top .carousel-inner .item img { min-height: 0; object-fit: initial; } #content.content-home { padding-top: 0; margin-top: 35px; } .content-wrapper { padding-top: 149px; } .content-wrapper.with-submenu { padding-top: 188px; } .submenu-mobile { position: fixed; z-index: 1; top: 149px; width: 100%; } #header.sticky + .submenu-mobile { top: 89px; } .submenu-mobile select { display:block; height: auto; } .submenu-mobile .second-nav-title { text-transform: uppercase; font-size: 18px; font-family: 'Akkurat-Regular', Arial; margin-bottom: 0px; color: #797374; padding-bottom: 0px; border-bottom: 0px; background: #F2F1F2; padding: 8px 16px 8px 16px; cursor: pointer; transition: all 0.3s ease; } .submenu-mobile .second-nav-title:hover { background: #E6F6FC; color: #009ee0; } .submenu-mobile.open .second-nav-title { background: #E6F6FC; color: #009ee0; } .submenu-mobile .second-nav-title i { float: right; font-size: 25px; } .submenu-mobile ul { padding: 0px; } .submenu-mobile > ul { padding: 0px; background: #fff; position: absolute; top: 41px; left: 0px; width: 100%; box-shadow: 1px 4px 6px 1px rgba(0,0,0,0.1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; transition: all 0.3s ease; height: 0px; overflow-y: auto; visibility: hidden; } .submenu-mobile > ul { margin-bottom: 60px; } .ps__rail-y { background-color: #E6F6FC; width: 6px; border-radius: 3px; right: 0; opacity: 1 !important; display: block !important; } .ps__thumb-y { background-color: #009ee0; border-radius: 3px; transition: background-color 0.3s ease; } .ps__rail-x { display: none; } .submenu-mobile.open > ul { height: 40vh; min-height: 200px; visibility: visible; } .submenu-mobile > ul > li { padding: 12px 16px; } .submenu-mobile > ul > li.active { background: rgba(0, 158, 224, 0.07); } .submenu-mobile li { list-style-type: none; } .submenu-mobile li a { text-decoration: none; color: #797475; } .submenu-mobile li.active > a, .submenu-mobile li a:hover { color: #009ee0; } .submenu-mobile > ul > li.active > a { font-family: 'Akkurat-Bold', Arial; } .submenu-mobile li .fa { padding-left: 7px; display: none; } .submenu-mobile .fourthSubMenu { margin: 5px 0px -5px 0px; } .submenu-mobile .fourthSubMenu li a { margin: 0; padding: 0px 0 5px 10px; display: inline-block; } .box-styles { border-bottom: 1px solid #ffffff; } .row-box-styles { background: #009ee0; } .box-styles-content a { display:block; padding: 15px 0; } .box-styles-content h3 { margin: 0; padding: 0 10px; } .box-styles-img img { display: none; } .box-styles-content { display:block; position:relative; } .box-styles-content h3 { height: auto; } .box-styles-links { display:none; } .homepage .bg-gradiant-white { margin: 0; } .content-img > div > .ce-textpic::after { transform-origin: 25% 0 0; } /* news home */ .link-more-home a { height:auto; } .news-list-little { display: none; } #newsCarousel .num { margin-left: 70px; } #newsCarousel { margin-bottom: 30px; } #newsCarousel .carousel-inner { border-bottom: 1px solid #ffffff; margin-bottom: 20px; } #newsCarousel .carousel-control.left, #newsCarousel .carousel-control.right { background: url(../img/misc/mobile_universal-arrows.png) no-repeat; height: 34px; width: 21px; bottom: 0; left: 0; } #newsCarousel .carousel-control.right { background-position: right top; left: 30px; right:auto; } /* /news home */ .news-single .news-list-category, .news-single .article .news-img-wrap { width: 100%; } .news-list-view .article-content, .news-single .article-content { float:none; width: 100%; margin-bottom: 15px; } .news-list-view .article .article-content, .news-list-view .article .news-img-wrap { width: 100%; } .news-list-view .article .news-img-wrap, .news-single .article .news-img-wrap{ float:none; } .mediaelement.mediaelement-image { display: inline-block; } .date-event { margin-right: 15px; } .content-event { float:none; width: 95%; text-align:left; } .content-event h5 { text-align:left; } .powermail_captcha { width: 100%; } #tabs li { float:none; } .csc-sitemap li { border:none !important; margin-left: 0 !important; margin-right: 0 !important; text-align:left; } h2.panel-title { font-size: 25px; } .table.tx_wngevents th { font-size:28px; padding: 10px 15px; } .table.tx_wngevents td { padding-top: 10px; } table.tx_wngevents .col-date, .tx_wngevents .event-title { font-size:24px; margin-top: 3px; } #tx-wng-events-calendar .item { background: #F5F5F5; padding-bottom: 10px; } #tx-wng-events-calendar img { display:none; } #CalendarSliderReplace .more-infos { margin-top: 30px; } #wngEventsCarousel .carousel-caption { background:none; left: 0; margin: 15px 0; padding: 0 15px; right: 0; } #wngEventsCarousel .carousel-caption * { color: #009ee0; } .portail-content h2 { font-size: 30px !important; } footer { padding-bottom: 40px; } footer h3 { margin-top: 50px; } footer .col-md-3:first-child h3 { margin-top: 20px; } footer .btn, footer .btn:hover { background:none; border:2px solid #ffffff; color: #ffffff; width: 100%; font-size: 20px; padding: 12px 0; } footer .btn:hover { background:rgba(255, 255, 255, 0.2); } footer #mc_embed_signup { padding-right:15px; } footer #mc_embed_signup form { margin-bottom: 40px; } footer #mc_embed_signup input.email { width:100%; } .footer-nav { padding-top: 20px; } .footer-nav a { padding: 0px 12px; } .footer-menu { position:relative; padding-bottom: 20px; margin-bottom: 15px; } .footer-menu:after { border-bottom: 1px solid rgba(255, 255, 255, 0.35); bottom: 0; content: ""; left: calc(50% - 75px); position: absolute; width: 150px; } .footer-menu > a { display:none; } .footer-nav .top-header-nav { display:block !important; margin: 30px 0 15px 0; } .footer-nav .top-header-nav a { color: rgba(255, 255, 255, 0.5); } .footer-nav .top-header-nav a:hover { color: #ffffff; text-decoration: none; } .lang-nav { margin-bottom: 20px; } .footer-nav .lang-nav, .footer-nav .lang-nav a { color: rgba(255, 255, 255, 0.5); } .footer-nav .lang-nav a:hover, .footer-nav .lang-nav .activ a { color: #ffffff; } .lang-nav span:first-child a { border-right: 1px solid rgba(255, 255, 255, 0.5); } .copyright-menu p { margin-bottom: 0; } } @media (max-width: 600px) { #tx-wng-events-single h1 { font-size: 34px; } .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"] { font-size: 18px; padding: 15px 50px; } .powermail_fieldwrap.layout1 { float:none; display: block; width: 100%; } .powermail_fieldwrap.layout2 { float:none; display: block; width: 100%; } .tx-powermail .powermail_fieldwrap.layout1 { padding: 0px; } .tx-powermail .powermail_fieldwrap.layout2 { padding: 0px; } .powermail_fieldset .powermail_fieldwrap.layout3 { padding: 0px !important; margin-right: 0; } } @media (max-width: 500px) { #film_roll, .slick-collab { width: 100%; } #CalendarSliderReplace { margin-bottom: 60px; } body.homepage #content .bg-color.bg-gradiant-white .container .container { padding-bottom: 30px; } .homepage .bg-white + .bg-gradiant-white { margin-top: -30px; } } @media (max-width: 400px) { .homepage h1 + *, .homepage h2 + * { padding-top: 70px; } .homepage .arrow-link { right: inherit; left: 0px; top: 100px; text-align: left; } .collab-link-list { margin-top: -50px; } .news-list-big { padding-top: 40px; } } @media (max-height: 1000px) { nav ul li a { font-size: 19px; } .dropdown-menu > li > a { padding: 7px 30px; } } @media (max-height: 740px) { nav ul li a { font-size: 18px; } .dropdown-menu > li > a { padding: 6px 30px; } } @media print { body { font-size: 16px; font-family: Arial; } a[href]:after { content: none !important; } #wngEventsCarousel, #tx-wng-events-calendar, footer > .container > .row > div:last-child, .footer-nav, footer .visible-xs, script, style, #navbar.navbar-collapse.collapse, .top-header, .second-nav-title { display:none !important; } .navbar-brand { padding-top: 0; padding-bottom: 0; } #content { overflow:visible; padding-top: 0; } .container { display: inline; } h1 { padding-bottom: 0; } p, footer { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display:inline-block !important; } img { display: block; /*page-break-before: avoid; page-break-after: avoid;*/ page-break-inside:avoid !important; } footer .hidden-xs { display:block!important; } .footer-angle { margin-top: 0; } footer .col-sm-4 { width: 33.33%; float:left; } footer * { color: #000000; } } @media (min-width: 768px) { #film_roll, .slick-news { margin-left: calc(-100vw / 2 + 750px / 2); } } @media (min-width: 992px) { #film_roll, .slick-news { margin-left: calc(-100vw / 2 + 970px / 2); } } @media (min-width: 1200px) { #film_roll, .slick-news { margin-left: calc(-100vw / 2 + 1170px / 2); } }