/* ========================================================================== Author's custom styles ========================================================================== */ /*@font-face { font-family:'Roboto Condensed Bold'; src: url('../fonts/Roboto Condensed Bold.eot'); src: url('../fonts/Roboto Condensed Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Condensed Bold.woff2') format('woff2'), url('../fonts/Roboto Condensed Bold.woff') format('woff'), url('../fonts/Roboto Condensed Bold.svg#Roboto Condensed Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'Roboto Condensed'; src: url('../fonts/Roboto Condensed.eot'); src: url('../fonts/Roboto Condensed.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto Condensed.woff2') format('woff2'), url('../fonts/Roboto Condensed.woff') format('woff'), url('../fonts/Roboto Condensed.svg#Roboto Condensed') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; }*/ @font-face { font-family:'LinotypeUnivers'; src: url('../fonts/LinotypeUnivers-420Cn.eot'); src: url('../fonts/LinotypeUnivers-420Cn.eot?#iefix') format('embedded-opentype'), url('../fonts/LinotypeUnivers-420Cn.woff2') format('woff2'), url('../fonts/LinotypeUnivers-420Cn.woff') format('woff'), url('../fonts/LinotypeUnivers-420Cn.svg#LinotypeUnivers') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'LinotypeUnivers bold'; src: url('../fonts/LinotypeUnivers-420CnBold.eot'); src: url('../fonts/LinotypeUnivers-420CnBold.eot?#iefix') format('embedded-opentype'), url('../fonts/LinotypeUnivers-420CnBold.woff2') format('woff2'), url('../fonts/LinotypeUnivers-420CnBold.woff') format('woff'), url('../fonts/LinotypeUnivers-420CnBold.svg#LinotypeUnivers bold') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } @font-face { font-family:'LinotypeUnivers heavy'; src: url('../fonts/LinotypeUnivers-420CnHeavy.eot'); src: url('../fonts/LinotypeUnivers-420CnHeavy.eot?#iefix') format('embedded-opentype'), url('../fonts/LinotypeUnivers-420CnHeavy.woff2') format('woff2'), url('../fonts/LinotypeUnivers-420CnHeavy.woff') format('woff'), url('../fonts/LinotypeUnivers-420CnHeavy.svg#LinotypeUnivers heavy') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044; } .fa-twitter:before { content: "\e61b"; } #content .ce-intext.ce-left ol, #content .ce-intext.ce-left ul { overflow: inherit; } #content ul:not(.position-documents):not(.valeur-documents):not(.news-list-view):not(.news-related):not(.pagination):not(.tx-indexedsearch-browsebox):not(.article):not(.social-links):not(.dce-keynumbers):not(.powermail_message):not(.dce-section):not(.parsley-errors-list):not(.powermail-errors-list) { list-style-type: none; } #content ul:not(.position-documents):not(.valeur-documents):not(.news-list-view):not(.news-related):not(.pagination):not(.tx-indexedsearch-browsebox):not(.article):not(.social-links):not(.dce-keynumbers):not(.powermail_message):not(.dce-section):not(.parsley-errors-list):not(.powermail-errors-list) li { position: relative; } #content ul:not(.position-documents):not(.valeur-documents):not(.news-list-view):not(.news-related):not(.pagination):not(.tx-indexedsearch-browsebox):not(.article):not(.social-links):not(.dce-keynumbers):not(.powermail_message):not(.dce-section):not(.parsley-errors-list):not(.powermail-errors-list) li:before { content: "› "; text-indent: -5px; position: absolute; margin-left: -10px; color: #009aea; font-size: 22px; top: -6px; } .menu > li.menu-yellow > a, .menu > li.open.menu-yellow > a, .menu > li.menu-yellow > a:hover, .menu > li.menu-yellow.active > a, .menu > li.menu-yellow.active > a:hover, .menu > li.menu-yellow .dropdown-menu li.active a, .menu > li.menu-yellow .dropdown-menu li a:hover { /*color: #feba06;*/ color: #e8308a; } @media (min-width: 992px) { .cinq-colonne .col-md-2 { width: 20%; } } /* DCE Bloc with graphic element */ .bloc-with-graphic-element { position: relative; display: block; box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 10%); margin-bottom: 30px; } .bloc-with-graphic-element a { display: block; } .bloc-with-graphic-element img { width: 100%; height: auto; } .bloc-with-graphic-element .bloc-caption { background: rgba(255, 255, 255, 0.95); color: #414959; font-size: 22px; padding: 14px 22px 17px; overflow: inherit; height: auto; text-transform: none; margin-top: -5px; position: absolute; z-index: 2; bottom: 0; width: 100%; font-weight: 600; line-height: 1.2; } .bloc-with-graphic-element .graphic-element { color: #fff; max-width: 140px; position: absolute; right: 10px; top: 20px; animation: scaling 4s cubic-bezier(0.47, 1.64, 0.41, 0.8) infinite; font-family: 'LinotypeUnivers'; } .bloc-with-graphic-element .graphic-element span { display: inline-block; box-shadow: 2px 2px 20px 2px rgb(0 0 0 / 25%); } .bloc-with-graphic-element .title-blue { background: #0e52a0; padding: 5px 15px; transform: rotate(-3.5deg); margin-left: 10px; transition: all 0.3s ease; } .bloc-with-graphic-element .title-magenta { background: #e8308a; padding: 5px 15px; position: relative; } .bloc-with-graphic-element:hover .title-blue { transform: rotate(0deg); margin-left: 0px; } /* DCE graphic element */ .dce-graphic-element { margin-bottom: 60px; } .graphic-element { color: #fff; width: 360px; max-width: 100%; animation: scaling 4s cubic-bezier(0.47, 1.64, 0.41, 0.8) infinite; font-size: 42px; font-weight: 600; font-family: 'LinotypeUnivers'; } .graphic-element span { display: inline-block; box-shadow: 2px 2px 20px 2px rgb(0 0 0 / 25%); } .graphic-element .title-blue { background: #0e52a0; padding: 5px 15px; transform: rotate(-3.5deg); margin-left: 10px; transition: all 0.3s ease; } .graphic-element .title-magenta { background: #e8308a; padding: 5px 15px; position: relative; } .graphic-element:hover .title-blue { transform: rotate(0deg); margin-left: 0px; } /* DCE Banner with form and call-to-action */ .banner-form-call-to-action { position: relative; height: 700px; width: 100%; margin-bottom: 150px; } .banner-form-call-to-action:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .banner-form-call-to-action video { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: block; object-fit: cover; object-position: top; } .banner-form-call-to-action img { position: absolute; left: 0px; top: 0px; height: 100% !important; width: 100% !important; display: block; object-fit: cover; } .banner-form-call-to-action .container { position: relative; z-index: 1; height: 100%; } .banner-form { position: absolute; right: 0px; width: 270px; margin-top: 40px; padding: 0px; } .banner-form:lang(de_CH) { width: 300px; } .banner-form h2 { margin-top: 0px; color: #fff; margin-bottom: 25px; } .banner-form input:not([type="submit"]) { display: block; width: 100%; margin-bottom: 15px; padding: 7px 15px; border: 0; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } .banner-form input:not([type="submit"])::-webkit-input-placeholder { /* Edge */ color: #414959; } .banner-form input:not([type="submit"]):-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #414959; } .banner-form input:not([type="submit"])::placeholder { color: #414959; } .banner-form #banner-form-name, .banner-form #banner-form-lastname { float: left; width: 48%; } .banner-form #banner-form-name { margin-right: 4%; } .banner-form input[type="submit"] { display: block; width: 100%; } .banner-form h2 { color: #fff; animation: scaling 4s cubic-bezier(0.47, 1.64, 0.41, 0.8) infinite; } .banner-form h2 span { display: inline-block; box-shadow: 2px 2px 20px 2px rgb(0 0 0 / 25%); } .banner-form .title-blue { background: #0e52a0; padding: 5px 15px; transform: rotate(-3.5deg); margin-left: 10px; transition: all 0.3s ease; } .banner-form .title-magenta { background: #e8308a; padding: 5px 15px; position: relative; } .banner-form:hover .title-blue { transform: rotate(0deg); margin-left: 0px; } @keyframes scaling { 0% { transform: scale(1); } 10% { transform: scale(1.1); } 30% { transform: scale(1); } 100% { transform: scale(1); } } .banner-bloc-text { max-width: 500px; color: #fff; position: absolute; bottom: 200px; } .banner-bloc-text .btn { background: #e8308a; } .banner-bloc-text h2 { color: #fff; margin-top: 0px; margin-bottom: 25px; } .banner-bloc-text p { text-align: justify; } .banner-bloc-donation { position: absolute; max-width: 580px; left: 0px; right: 0px; margin: 0 auto; bottom: 0px; transform: translateY(50%); background: #0e52a0; padding: 40px 40px; box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 30%); } .banner-bloc-donation * { color: #fff; } .banner-bloc-donation h4 { font-size: 32px; text-align: center; margin-top: 0px; margin-bottom: 30px; } .banner-bloc-donation-btn { display: flex; justify-content: center; flex-wrap: wrap; } .banner-bloc-donation-btn .btn { margin-right: 20px; background: #e8308a; } .banner-bloc-donation-btn .btn:hover { background: #009aea; } .banner-bloc-donation-btn .btn:last-of-type { margin-right: 0px; } .bloc-donation { max-width: 580px; width: 100%; margin: 0 auto; background: #0e52a0; padding: 40px 40px; box-shadow: 2px 2px 10px 2px rgb(0 0 0 / 30%); margin-bottom: 40px; } .bloc-donation * { color: #fff; } .bloc-donation h4 { font-size: 32px; text-align: center; margin-top: 0px; margin-bottom: 30px; } .bloc-donation-btn { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; } .bloc-donation-btn .btn { margin-bottom: 20px; background: #e8308a; white-space: normal; width: 100%; text-align: center; } .bloc-donation-btn .btn:hover { background: #009aea; } .bloc-donation-btn .btn:last-of-type { margin-bottom: 0px; } /* DCE IMAGE + TAG */ .image-with-tag { position: relative; display: inline-block; } .image-with-tag .tag { position: absolute; bottom: 0px; right: 0px; font-size: 16px; background: #009bea; padding: 3px 28px; color: #fff; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0px; } .image-with-tag img { max-width: 100%; height: auto; } /* DCE SOCIAL WALL*/ .dce-social-wall { border: 4px solid #009aea; padding: 25px; margin-bottom: 30px; position: relative; } .dce-social-wall.facebook { border: 4px solid #4267b2; } .dce-social-wall.twitter { border: 4px solid #1da1f2; } .dce-social-wall.youtube-play { border: 4px solid #ff0000; } .dce-social-wall.instagram { border: 4px solid #c13584; } .dce-social-wall.linkedin { border: 4px solid #0077b5; } .dce-social-wall.threema { border: 4px solid #05a63f; } .social-wall-iframe { overflow: hidden; text-align: center; } .social-wall-iframe * { max-width: 100%; } #four-content iframe#twitter-widget-0 { height: 308px !important; min-height: 308px !important; } #four-content .container [class*="col-"] .container { width: 100% !important; } /* V1 Icon .social-wall-icon { position: absolute; right: -20px; background: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #fff; border-radius: 50% } .dce-social-wall.facebook .social-wall-icon { background: #4267B2; } .dce-social-wall.twitter .social-wall-icon { background: #1DA1F2; } .dce-social-wall.youtube-play .social-wall-icon { background: #FF0000; } .dce-social-wall.instagram .social-wall-icon { background: #C13584; } .dce-social-wall.linkedin .social-wall-icon { background: #0077B5; } .dce-social-wall.threema .social-wall-icon { background: #05A63F; } */ /* V2 Icon */ .social-wall-icon { position: absolute; right: -20px; background: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 20px; } .dce-social-wall.facebook .social-wall-icon { color: #4267b2; } .dce-social-wall.twitter .social-wall-icon { color: #1da1f2; } .dce-social-wall.youtube-play .social-wall-icon { color: #ff0000; } .dce-social-wall.instagram .social-wall-icon { color: #c13584; } .dce-social-wall.linkedin .social-wall-icon { color: #0077b5; } .dce-social-wall.threema .social-wall-icon { color: #05a63f; } .dce-social-wall .social-wall-icon .blue-threema { width: 20px; height: auto; } .color1 { color: #4267b2; } .color2 { color: #1da1f2; } .color3 { color: #ba317f; } .color4 { color: #ff0000; } .color5 { color: #0077b5; } .color6 { color: #666666; } .color7 { color: #074ea1; } .color8 { color: #00a0db; } .color9 { color: #e2001a; } .youtube-embed-wrapper { padding: 0px !important; height: auto !important; margin-bottom: 20px; max-width: 700px; width: 100%; } .youtube-embed-wrapper > p { position: relative; padding-bottom: 63%; height: 0; } .youtube-embed-wrapper > p iframe { width: 100%; height: 100%; min-height: 100% !important; position: absolute; left: 0; top: 0; } .program-accordion.active { cursor: pointer; } .program-accordion { padding: 18px 45px 18px 0px; border-bottom: 1px solid #eeeeee; position: relative; } .program-accordion:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .program-accordion .forward_arrow { position: absolute; right: 15px; border: 1px solid #009aea; border-radius: 100%; height: 26px; right: 0px; top: 50%; transform: translateY(-50%); width: 26px; padding: 0 7px 0 9px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .program-accordion-date { float: left; width: 110px; color: #0e52a0; } .program-accordion-date .date { display: block; font-size: 25px; margin-bottom: 15px; line-height: 1; } .program-accordion-date span { display: block; font-size: 15px; } .program-accordion-container { float: left; padding-left: 30px; width: calc(100% - 110px); } .program-accordion-title, .program-accordion-title h3 { color: #0e52a0; } .program-accordion-title h3 { padding-bottom: 0px; margin-bottom: 22px; font-size: 25px; } .program-accordion-title p { font-size: 15px; margin-bottom: 18px; } .program-accordion-content { display: none; margin-bottom: 18px; } .program-accordion-content .pdf-link { display: block; } .program-accordion-content img { max-width: 100%; height: auto; margin-bottom: 20px; } .program-accordion-footer { color: #0e52a0; font-size: 14px; } .program-accordion-footer .location { margin-right: 25px; } .program-accordion-footer svg { height: 14px; width: auto; vertical-align: middle; margin-right: 5px; margin-top: -4px; } .wng-new-personne-zone .wng-new-personne-area:nth-child(3n + 1) { clear: left; } .wng-new-personne-area { /*perspective: 1000px;*/ margin-bottom: 40px; } .wng-new-personne-area .flipper-container { perspective: 1000px; } .wng-new-personne-area .flipper-container:hover .flipper { transform: rotateY(180deg); } /*.wng-new-personne-area:hover .flipper { transform: rotateY(180deg); }*/ .wng-new-personne-area .flipper, .wng-new-personne-img-area, .wng-new-personne-flip-area { width: 100%; height: auto; } .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } .wng-new-personne-img-area, .wng-new-personne-flip-area { backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute; top: 0; left: 0; } .wng-new-personne-img-area { z-index: 2; transform: rotateY(0deg); position: relative; padding-bottom: 121%; height: 0; } .wng-new-personne-img-area img { width: 100%; height: 100%; min-height: 100% !important; position: absolute; left: 0; top: 0; } .wng-new-personne-flip-area { transform: rotateY(180deg); background: #0e52a0; color: #fff; padding: 34px; overflow: auto; height: 100%; } .wng-new-personne-text-area { min-height: 100px; } .wng-new-personne-text-area p { color: #e8308a; } .wng-new-personne-link-area { text-align: center; } .wng-new-personne-flip-text-area { font-size: 18px; margin-bottom: 40px; } .wng-new-personne-flip-text-area *, .bg-light-blue .wng-new-personne-flip-text-area * { color: #fff; } .wng-new-personne-flip-area a { padding: 7px 20px; text-transform: uppercase; border: 1px solid #fff; border-radius: 5px; color: #fff; width: auto; display: inline-block; margin: 0 auto; transition: all 0.5s ease; } .wng-new-personne-flip-area a:hover { color: #fff; background: rgba(255, 255, 255, 1); color: #0e52a0; } #four-content .article { margin-bottom: 30px; border-bottom: 0px; } #four-content .dce-social-wall { max-height: 360px; } #four-content .news-list-view .article-com .article-caption { background: rgba(255, 255, 255, 0.95); color: #414959; font-size: 22px; padding: 14px 22px 17px; overflow: inherit; height: auto; } #four-content .news-list-view .article-com .article-caption h3 p { margin-bottom: 0px; } #four-content .news-list-view .article-com a { position: relative; display: block; box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 10%); } #four-content .news-list-view .article-com .article-caption .news-list-category { position: absolute; top: -28px; right: 0px; font-size: 16px; background: #e8308a; padding: 3px 28px; color: #fff; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0px; } #four-content .news-list-view .article-com .news-list-tag, .news-list-result .article.box-item .news-list-tag, .news-list-view .article.box-item .news-list-tag { position: absolute; top: 0px; left: 0px; font-size: 16px; background: #0e52a0; padding: 3px 28px; color: #fff; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0px; z-index: 1; } .wng-new-personne-text-area h3 { color: #0e52a0; /*font-size: 42px; enlever par rsp le 19.08.2020 */ margin-top: 25px; padding-bottom: 0px; margin-bottom: 22px; } .wng-new-personne-text-area p { font-size: 15px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .wng-new-personne-area .flipper-container:hover .flipper { transform: none; } .wng-new-personne-area .flipper-container:hover .wng-new-personne-img-area { display: none; } /*.wng-new-personne-area:hover .flipper { transform: none; } .wng-new-personne-area:hover .wng-new-personne-img-area { display: none; }*/ .wng-new-personne-img-area, .wng-new-personne-flip-area { backface-visibility: inherit; -webkit-backface-visibility: inherit; } /*.wng-new-personne-area:hover .wng-new-personne-flip-area { transform: none; }*/ .wng-new-personne-area .flipper-container:hover .wng-new-personne-flip-area { transform: none; } } @media only screen and (max-width: 600px) { .program-accordion-date { width: 100%; } .program-accordion-container { margin-top: 30px; padding-left: 0px; width: 100%; } .wng-new-personne-text-area h3 { font-size: 35px; } } body { padding: 0; font-size: 16px; font-family: "Source Sans Pro", Arial; color: #4b5261; line-height: 1.4; background: #f5f5f5; } h1 { font-size: 41px; margin-bottom: 42px; margin-top: 0px; color: #0e52a0; } h2 { font-size: 32px; } h3 { padding-bottom: 18px; margin-bottom: 5px; font-size: 26px; margin-top: 0; } h4 { font-size: 20px; } #four-content h4 { font-size: 25px; padding-bottom: 25px; } #right-content h4 { margin-top: 0; font-size: 22px; padding-bottom: 10px; /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; } h5 { font-size: 18px; margin-bottom: 23px; margin-top: 21px; } h6 { font-size: 14px; padding-bottom: 5px; } h1, h2 { /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; } h3, h4, h5, h6 { /*font-family: 'Roboto Condensed', sans-serif;*/ } h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0e52a0; } h3, h4, h5, h6, h3 a, h4 a, h5 a, h6 a { color: #e8308a; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #content #kesearch_results .result-list-item .result-title a:hover { color: #e8308a; } h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #0e52a0; } .news-list-view .article h1 a:hover, .news-list-view .article h2 a:hover, .news-list-view .article h3 a:hover, .news-list-view .article h4 a:hover, .news-list-view .article h5 a:hover, .news-list-view .article h6 a:hover { color: #e8308a; } a { color: #009aea; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } a.more { color: #e8308a; } a:hover, a:focus, a:active, input:focus, input:active { outline: none !important; cursor: pointer; color: #0e52a0; text-decoration: none; } ::selection { background: #0e52a0; color: #ffffff; } ::-moz-selection { background: #0e52a0; color: #ffffff; } p { margin: 0 0 20px; } b, strong { font-weight: 600; } #four-content .frame { width: 100%; } #four-content .home-box + .frame { float: left; } #four-content .ce-gallery figure { display: table-cell; max-width: 100%; } #four-content .ce-gallery img { height: auto; width: 100%; } .img-no-width img { width: none; } #content .ce-gallery img { height: auto; max-width: 100%; max-width: 100%; /* Modifié le 29 mai 2020 rsp ajouté le max- */ } /* Modifié le 5 août 2020 par KZU */ .ce-gallery[data-ce-columns="2"] .ce-row, .ce-gallery[data-ce-columns="3"] .ce-row, .ce-gallery[data-ce-columns="4"] .ce-row, .ce-gallery[data-ce-columns="5"] .ce-row, .ce-gallery[data-ce-columns="6"] .ce-row, .ce-gallery[data-ce-columns="7"] .ce-row, .ce-gallery[data-ce-columns="8"] .ce-row { margin-left: -15px; margin-right: -15px; margin-bottom: 20px; } .ce-gallery[data-ce-columns="2"] .ce-column, .ce-gallery[data-ce-columns="3"] .ce-column, .ce-gallery[data-ce-columns="4"] .ce-column, .ce-gallery[data-ce-columns="5"] .ce-column, .ce-gallery[data-ce-columns="6"] .ce-column, .ce-gallery[data-ce-columns="7"] .ce-column, .ce-gallery[data-ce-columns="8"] .ce-column { float: left; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; margin-right: 0; } .ce-gallery[data-ce-columns="2"] .ce-column { width: 50%; } .ce-gallery[data-ce-columns="3"] .ce-column { width: 33.33333333%; } .ce-gallery[data-ce-columns="4"] .ce-column { width: 25%; } .ce-gallery[data-ce-columns="5"] .ce-column { width: 20%; } .ce-gallery[data-ce-columns="6"] .ce-column { width: 16.66666666%; } .ce-gallery[data-ce-columns="7"] .ce-column { width: 14.25%; } .ce-gallery[data-ce-columns="8"] .ce-column { width: 12.5%; } /* Modifié le 5 août 2020 par KZU */ #content .ce-column { float: none; } #content .ce-gallery figure.video { display: block; } #content .ce-gallery .video-embed { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } #content .ce-gallery .video-embed iframe { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } .ce-center .ce-gallery .ce-outer { float: inherit; right: inherit; } .ce-center .ce-gallery .ce-inner { float: inherit; right: inherit; } #four-content .ce-gallery figure, .ce-gallery figure { display: block; } .ce-center .ce-gallery figcaption { display: block; overflow-wrap: break-word; } /* * header */ #header { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: fixed; top: 0; width: 100%; z-index: 1000; } .navbar-brand { padding: 0 15px 17px 0; } /* * nav */ /* top nav */ .topheader-nav { margin-top: 12px; text-align: right; float: right; min-width: 50%; letter-spacing: 0.3px; } .topheader-nav > * { display: inline-block; margin-bottom: 0; padding-left: 35px; vertical-align: middle; } .topheader-nav > *:first-child { padding-left: 0; } .topheader-nav li { list-style: none; display: inline-block; } .topheader-nav .top-nav li a, .lang-nav li { text-transform: uppercase; padding: 5px 10px; font-size: 14px; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; /*font-family: 'Roboto Condensed', sans-serif;*/ color: #0e52a0; } .topheader-nav .top-nav li a:hover { color: #009aea; text-decoration: none; } .link-national .btn { /*font-family: 'Roboto Condensed', sans-serif;*/ font-size: 14px; padding: 2px 12px; text-transform: none; color: #0e52a0; background: none; border: 1px solid #0e52a0; } .link-national .btn::before { content: "\f0ac"; font-family: fontawesome; padding-right: 7px; } .link-national .btn:hover, .link-national .btn:active { border: 1px solid #0e52a0; } .commit .btn { /*font-family: 'Roboto Condensed', sans-serif;*/ font-size: 15px; padding: 8px 30px; } /* /top nav */ /* language */ .topheader-nav .lang-nav { padding-left: 30px; } .lang-nav li { border-right: 1px solid #cfdcec; padding: 0; } .lang-nav li:last-child { border: none; } .lang-nav li a { padding: 5px 6px; color: #b7cbe3; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } .lang-nav li.active a, .lang-nav li:hover a { color: #0e52a0; text-decoration: none; } /* /language */ /* close nav */ .navToggle, .tx-wng-fe-users button.close { border: 2px solid #ffffff; border-radius: 100%; height: 68px; padding: 13px 13px; position: absolute; top: 28px; right: 25px; width: 68px; background: url("../img/icon/icon_close.png") no-repeat center center; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .navToggle:hover, .tx-wng-fe-users button.close:hover { cursor: pointer; background: rgba(255, 255, 255, 0.3) url("../img/icon/icon_close.png") no-repeat center center; } .navToggle div, .tx-wng-fe-users button.close div { border-top: 2px solid rgba(255, 255, 255, 1); border-radius: 5px; margin: 7px 0; width: 40px; display: none; } .navToggle div:nth-child(1), .tx-wng-fe-users button.close div:nth-child(1) { transform: translateY(4px) rotate(45deg); } .navToggle div:nth-child(2), .tx-wng-fe-users button.close div:nth-child(2) { transform: translateY(-5px) rotate(-45deg); } /* /close nav */ /* main nav */ .navbar-header { position: relative; z-index: 10; margin-top: 30px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .navbar-header.sticky { margin-top: 23px; } .navbar-brand > img { width: auto; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .navbar-header.sticky .navbar-brand > img { max-height: 74px; } #navbar { position: unset; margin-left: -15px; margin-right: -15px; } .navbar { margin-bottom: 0; border: none; } #navbar nav { display: inline-block; float: right; margin-top: 5px; min-width: 50%; text-align: right; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #navbar nav.sticky { margin-top: -18px; } nav ul { list-style-type: none; padding-left: 0; margin-bottom: 0; } nav > ul > li { display: inline-block; } .main-submenu a { position: relative; } nav ul li a { text-transform: uppercase; color: #0e52a0; padding: 22px 19px; display: inline-block; font-size: 19px; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; /*font-family: 'Roboto Condensed', sans-serif;*/ letter-spacing: 0.6px; } nav ul li:last-child a { padding-right: 0; } .menu > li > a:hover, .menu > li.active > a, .menu > li.open > a, .menu > li > a:focus { color: #009aea; } nav li a:hover, nav li a:focus { text-decoration: none; } /*.menu-open { overflow-y:hidden; }*/ .dropdown-backdrop { display: none; } .dropdown-menu, .dropdown-search { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s; background: #0e52a0; border: none; border-radius: 0; width: 100%; box-shadow: none; margin: 0; padding: 0; display: block; overflow: hidden; height: 0; } .dropdown-menu a { -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; opacity: 0; } .dropdow-separation { margin-left: 15px; padding-left: 30px; } .open > .dropdown-menu, .dropdown-search.open { padding: 78px 0px 0px 0px; height: calc(100vh - 100%); } .open > .dropdown-menu a { opacity: 1; } .dropdown-menu .container { margin: 0 auto; height: 100%; overflow: hidden; } .dropdown-menu ul:hover > li > a, .dropdown-menu ul:first-child:hover > li > a:after, .dropdown-menu ul:hover + ul li a { -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; color: rgba(255, 255, 255, 0.3); } .dropdown-menu ul:first-child:hover > li a:after { opacity: 0.3; } .dropdown-menu ul:hover > li > a:hover, .dropdown-menu ul:first-child:hover > li > a:hover:after, .dropdown-menu .dropdown-submenu.open > a, .dropdown-menu .dropdown-submenu.open > a:after, .dropdown-menu ul:hover .dropdown-submenu.open > a:after { color: #ffffff; opacity: 1; } .dropdown-menu li { border-bottom: 1px solid #3e75b3; display: table; height: 73px; vertical-align: middle; width: 100%; } .dropdown-menu li a { white-space: normal; padding: 0 5px; color: #ffffff; text-transform: uppercase; vertical-align: middle; display: table-cell; line-height: 22px; /*font-family: 'Roboto Condensed', sans-serif;*/ background: none; border: none; position: relative; width: 100%; } .dropdown-menu .open > a { color: #ffffff; } .dropdown-menu a.dropdown-toggle:hover, .dropdown-menu a.dropdown-toggle:focus { text-decoration: none; color: #ffffff; } .dropdown-menu li li { margin: 0; } .fourthDropSubMenu { position: absolute; top: 0; left: 100%; padding: 0 30px !important; margin-left: 15px !important; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; display: block; background: none; border: none; box-shadow: none; margin-top: 0; } .open > .fourthDropSubMenu { opacity: 1; height: auto; } .fourthDropSubMenu > .active > a, .fourthDropSubMenu > li > a, .fourthDropSubMenu > .active > a:hover, .fourthDropSubMenu > .active > a:focus, .fourthDropSubMenu > li > a:hover, .fourthDropSubMenu > li > a:focus { background: none; border-bottom: none; color: #ffffff; } .main-submenu > a:after, .dropdown-submenu > a:after { background: rgba(0, 0, 0, 0) url("../img/icon/arrow_menu.svg") no-repeat scroll center center; content: ""; height: 73px; position: absolute; right: 15px; top: 0; width: 27px; transform: rotate(0deg); -moz-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } .main-submenu > a:after { content: none; } .dropdown-submenu.open > a:after { transform: rotate(180deg); -moz-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } .dropdown-menu li.light > a, .dropdown-menu li.light > a:after { color: rgba(255, 255, 255, 0.3); } .dropdown-menu li.light > a:after { opacity: 0.3; } /* search */ .search-toggle { padding-left: 35px; vertical-align: sub; font-size: 19px; color: #0e52a0; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } .search-toggle.active, .search-toggle:hover { color: #009aea; } .dropdown-search { background: #373c48; text-align: center; position: absolute; top: 100%; z-index: 1000; left: 0; } #form_kesearch_searchfield { margin: 70px auto; width: 348px; } #form_kesearch_searchfield #ke_search_searchfield_sword { border: none; color: #555555; padding: 10px 13px; width: 300px; border-radius: 0; box-shadow: none; height: 44px; float: left; } #content #form_kesearch_searchfield #ke_search_searchfield_sword { border: 1px solid rgba(0, 0, 0, 0.1); float: none; } #form_kesearch_searchfield button { font-size: 17px; padding: 10px 16px; height: 44px; width: auto; background: #009aea; border-radius: 0; border: 0 none; color: #fff; margin-left: -3px; float: left; } .content-page.search .share-buttons { display: none; } .search_full_screen { background: #f6f8f7; } #content .tx-kesearch-pi1 input[type="text"], #content .tx-kesearch-pi1 select, #content .tx-kesearch-pi1 textarea { border: 1px solid rgba(0, 0, 0, 0.1); color: #555555; } #content .result_number { font-size: 41px; margin-bottom: 42px; margin-top: 0px; color: #0e52a0; font-weight: 600; } #form_kesearch_pi1 .form-group { padding: 0; } #content #ke_search_sword { padding: 10px 13px; width: 300px; height: 44px; float: left; position: relative; top: auto; } #content .kesearchbox .input-group-btn { display: inline-block; } #content .search_full_screen #kesearch_submit { left: auto; top: auto; position: relative; } .search_full_screen #kesearch_submit { font-size: 17px; padding: 10px 16px; height: auto; width: auto; } #kesearch_pagebrowser_top, #kesearch_pagebrowser_bottom { display: inline-block; width: 100%; } #kesearch_pagebrowser_bottom .pages_total .result_txt { display: none; } .results .result { padding-bottom: 50px; } #content .results .result h4 { font-weight: 600; font-size: 32px; color: #0e52a0; margin-bottom: 10px; margin-top: 20px; } .result #kesearch_results .result-list-item { padding: 0 15px; } .result-number, .add-info, .clearer, .teaser_icon { display: none; } #content #kesearch_results .result-list-item .result-title a { display: block; color: #414959; font-weight: 600; font-size: 32px; } #content #kesearch_results .result-list-item .result-teaser { color: #4b5261; } #content .results .result .show_more .btn { padding: 11px 48px; margin-bottom: 50px; margin-top: 20px; } #kesearch_results .hit, #kesearch_results mark { color: red; background: none; } #kesearch_results .result-list-item { clear: both; } .result #kesearch_results .result-list-item .show_more { margin-bottom: 20px; } /* /search */ /* ---------------------- Indexed Search Styles ---------------------- */ #indexedsearch_results .tx-indexedsearch-icon i { font-size: 18px; position: relative; top: -3px; margin-right: 10px; } #indexedsearch_results .result-date { padding-bottom: 10px; } #indexedsearch_results .result-teaser { margin-bottom: 40px; } #indexedsearch_results .result-list-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px !important; padding-bottom: 20px !important; } .tx-indexedsearch-browsebox ul li { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .tx-indexedsearch-browsebox ul li:hover { background: #e6f5fd; } /* ---------------------- Indexed Search Styles end ---------------------- */ /* * content-top */ .content-top, #content.content-page { margin-top: 138px; } .content-top, #content.content-page, #content.content-page-nomargin, .content-little-right > .container > .row, .content-events-details .article > .container > .row { padding-top: 74px; padding-bottom: 120px; } .content-top.home-page, .content-events-details .article > .container > .row { padding-bottom: 0; } #content.content-little-right { padding: 0; } #content.content-little-right, .content-little-right > .container > .row { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+75,f6f8f7+75,f6f8f7+100 */ background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 73%, rgba(246, 248, 247, 1) 73%, rgba(246, 248, 247, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 73%, rgba(246, 248, 247, 1) 73%, rgba(246, 248, 247, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 73%, rgba(246, 248, 247, 1) 73%, rgba(246, 248, 247, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f8f7', GradientType=1); /* IE6-9 */ } #content.content-little-right, .content-little-right.content-events-details > .container > .row { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+75,f6f8f7+75,f6f8f7+100 */ background: rgb(255, 255, 255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(246, 248, 247, 1) 69%, rgba(246, 248, 247, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(246, 248, 247, 1) 69%, rgba(246, 248, 247, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 69%, rgba(246, 248, 247, 1) 69%, rgba(246, 248, 247, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f8f7', GradientType=1); /* IE6-9 */ } .content-top { position: relative; background: #f5f5f5; } .content-top:before { position: absolute; content: ""; height: 480px; top: 0; width: 100%; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009aea+0,074ea1+100 */ background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, rgb(0, 154, 234); /* Old browsers */ background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, -moz-linear-gradient(left, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); /* FF3.6-15 */ background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, -webkit-linear-gradient(left, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, linear-gradient(to right, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009aea', endColorstr='#0E52A0', GradientType=1); /* IE6-9 */ } .content-top:after { position: absolute; content: ""; height: 100%; top: 480px; width: 100%; z-index: -1; background: #f5f5f5; } #four-content { padding-bottom: 8px; } #four-content > div > .row { margin-bottom: 12px; } .content-top > .container { position: relative; } #right-content { padding-top: 0px; } .home-page .content-img { 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%; height: auto; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-top div[class^="csc"] figure img { background-size: cover; width: 100%; height: auto; } .content-img .carousel, .content-img figure { background: #ffffff; height: auto; } .carousel-inner { margin-bottom: 60px; } .carousel-inner .item { /*height: 248px; removed by rsp 4/6/2020 */ border-bottom: 6px solid #009aea; } .home-page .carousel-inner .item { /*height: 450px;*/ height: auto; } .carousel-inner .item img { width: 100%; } .carousel .carousel-control, #film_roll .film_roll_prev, #film_roll .film_roll_next { opacity: 1; background: none; left: 20px; background: rgba(0, 154, 234, 0); box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2); text-shadow: none; border-radius: 100%; height: 68px; width: 68px; top: calc(50% - 32px); font-size: 50px; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border: 2px solid #ffffff; } #film_roll .film_roll_prev, #film_roll .film_roll_next { margin: 0; color: rgba(0, 0, 0, 0); background: url(../img/icon/slider_hp/slider_arrow_left.png) no-repeat 22px center; } #film_roll .film_roll_next { background: url(../img/icon/slider_hp/slider_arrow_right.png) no-repeat 26px center; } .carousel .carousel-control.right, #film_roll .film_roll_next { left: auto; right: 20px; } .carousel .carousel-control img { margin-top: 17px; margin-right: 3px; vertical-align: super; } .carousel .carousel-control.right img { margin-right: 0; margin-left: 3px; } .carousel .carousel-control:hover { background: rgba(255, 255, 255, 0.3); } #film_roll .film_roll_prev:hover { background: rgba(255, 255, 255, 0.3) url(../img/icon/slider_hp/slider_arrow_left.png) no-repeat 22px center; } #film_roll .film_roll_next:hover { background: rgba(255, 255, 255, 0.3) url(../img/icon/slider_hp/slider_arrow_right.png) no-repeat 26px center; } .slide-cat, .article .slide-cat { background: #009aea; padding: 6px 18px; text-transform: uppercase; left: 17px; top: 17px; bottom: auto; right: auto; text-shadow: none; /*font-family: 'Roboto Condensed', sans-serif;*/ font-weight: normal; font-size: 14px; position: absolute; color: #ffffff; pointer-events: none; letter-spacing: 0.5px; z-index: 5; } #four-content .article .slide-cat { position: absolute; top: 0px; transform: translateY(-100%); right: 0px; font-size: 16px; background: #e8308a; padding: 3px 28px; color: #fff; margin-bottom: 0px; text-transform: uppercase; left: initial; } .carousel-caption { left: 0; right: 0; bottom: 0; text-shadow: none; text-align: left; font-size: 29px; background: rgba(14, 82, 160, 0.75); padding: 15px 22px 15px 22px; min-height: 118px; /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; } .carousel-caption h3 { font-size: 29px; padding: 0; text-transform: none; margin: 0; /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; color: #ffffff; } .carousel-indicators, #film_roll .film_roll_pager { bottom: -35px; margin: 0; width: auto; left: 0; width: 100%; text-align: center; } .carousel-indicators li, #film_roll .film_roll_pager a { height: 12px; width: 12px; border: none; background: rgba(0, 154, 234, 0.5); margin: 4px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .carousel-indicators li.active, .carousel-indicators li:hover, #film_roll .film_roll_pager a.active, #film_roll .film_roll_pager a:hover { background: #009aea; margin: 4px; } /* * content top img */ .content-top-img { height: 450px; position: relative; overflow: hidden; } .content-top-img .ce-gallery figure { display: block; } .content-top-img:after { position: absolute; content: ""; background: #0e52a0; width: 100%; height: 100%; opacity: 0.8; top: 0; } .content-top-img img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: grayscale(100%); } #c107113 .ce-column, #c107114 .ce-column { float: none; } #c107113 .ce-column .image, #c107114 .ce-column .image { display: block; } #c107113 .ce-column .image img, #c107114 .ce-column .image img { display: block; margin: 0 auto; width: 600px; } .content-img #c107113 figure, .content-img #c107114 figure { background: transparent; } .content-top.home-page .bg-color.bg-dark-blue { margin-bottom: 50px; margin-top: -50px; } /* * content */ #content { background: #ffffff; } #content header { display: inline-block; width: 100%; position: relative; z-index: 1; } #content .bg-white-map header { width: auto; } #main-content { padding-bottom: 20px; position: relative; } .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"], .frame-type-felogin_login input[type="submit"], #content #lema-container.lema-container .lema-button { border-radius: 3px; border: none; background: #e8308a; padding: 11px 48px; text-shadow: none; color: #ffffff; text-transform: uppercase; /*font-family: 'Roboto Condensed', sans-serif;*/ font-size: 17px; letter-spacing: 0.6px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .btn-anchor, .btn-registration { margin-bottom: 50px; margin-top: 30px; } .btn:hover, .powermail_submit:hover, .tx-felogin-pi1 input[type="submit"]:hover, .frame-type-felogin_login input[type="submit"]:hover, .btn:focus, .powermail_submit:focus, .tx-felogin-pi1 input[type="submit"]:focus, .frame-type-felogin_login input[type="submit"]:focus, .btn:active, .powermail_submit:active, .tx-felogin-pi1 input[type="submit"]:active, .frame-type-felogin_login input[type="submit"]:active, #content #lema-container.lema-container .lema-button:hover, #content #lema-container.lema-container .lema-button:focus, #content #lema-container.lema-container .lema-button:active { color: #ffffff; background: #0e52a0; border: none; text-shadow: none; box-shadow: none; } .tx-felogin-pi1 input[type="submit"], .frame-type-felogin_login input[type="submit"] { margin-top: 20px; } .iframe-container-issuu { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px; margin-top: 20px; } .iframe-container-issuu iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .iframe-mitglied-container { width: 100%; height: 585px; overflow: hidden; position: relative; } .iframe-mitglied-container iframe { position: absolute; top: 0; left: 0px; right: 0px; height: 915px; margin: 0 auto; } /* share & print */ #print { position: absolute !important; right: 56px; top: 0; z-index: 2 !important; } #right-content #print { right: 71px; z-index: 0 !important; } #print a { color: rgba(0, 0, 0, 0.15); } #print a:hover { color: #414959; } .share-buttons { position: absolute; right: 0; z-index: 2; } #ui-datepicker-div { z-index: 3 !important; } #right-content .share-buttons { margin: 10px 0 0 0; right: 15px; top: -10px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #right-content .share-buttons:hover { width: 100%; } #share-open, #content #st-1 .st-btn, #print { border: 1px solid #009aea; background: none; font-size: 23px; height: 39px; width: 39px; border-radius: 100%; text-align: center; padding: 0; margin-right: 15px; display: inline-block !important; color: rgba(0, 0, 0, 0.15); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #st-1 .st-btn > img { filter: invert(20%); height: 24px !important; width: 25px !important; top: 7px !important; } #share-open, #print { float: right; margin-right: 0; border: 1px solid rgba(0, 0, 0, 0.15); background: rgba(246, 248, 247, 1); position: relative; z-index: 10; } .share-buttons:hover #share-open, #print:hover { border: 1px solid #414959; color: #414959; cursor: pointer; } #share-open i, #print i { display: table-cell; height: 39px; width: 39px; vertical-align: middle; padding-bottom: 1px; padding-right: 1px; } #print i { padding-right: 0; } #content .sharethis-inline-share-buttons { float: right; margin-top: 0px; opacity: 0; -moz-transition: opacity 0.6s !important; -o-transition: opacity 0.6s !important; -webkit-transition: opacity 0.6s !important; transition: opacity 0.6s !important; } #content .share-buttons:hover .sharethis-inline-share-buttons { opacity: 1; position: relative; } #content #st-1 .st-btn { position: absolute; background: rgba(246, 248, 247, 1); } #content .share-buttons:hover #st-1 .st-btn { position: relative; display: inline-block !important; } #content #st-1 .st-btn > svg { fill: #009aea; height: 28px; top: auto; vertical-align: middle; width: auto; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #content #st-1 .st-btn:hover { border-color: #009aea; opacity: 1; top: 0; } #content #st-1 .st-btn:hover { background: #009aea; } #content #st-1 .st-btn:hover > svg, #content #st-1 .st-btn:focus > svg { fill: #ffffff; } #content #st-1 .st-btn[data-network="email"]:after { content: "\f003"; font-family: fontawesome; left: 8px; position: absolute; top: 2px; color: #009aea; font-size: 21px; } #content #st-1 .st-btn[data-network="email"]:hover::after { color: #ffffff; } #content #st-1 .st-btn[data-network="email"] svg { display: none; } /* /share */ /* carousel campagnes */ .news .article::after { content: ""; } #campagnesCarousel .carousel-caption { padding: 0; } #campagnesCarousel .carousel-caption h3 { font-size: 29px; color: #ffffff; line-height: 1.1; text-transform: none; padding: 0; margin: 0; display: block; padding: 15px 22px; } #campagnesCarousel .carousel-control { left: 12px; } #campagnesCarousel .carousel-control.right { right: 12px; left: auto; } /* /carousel campagnes */ /* carousel blog */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } #blogCarousel .carousel-inner { overflow: visible; margin: 0; } .carousel-inner .item.article-blog { border: none; height: auto; } .article-blog * { color: #ffffff; } .article-blog .teaser-text { margin-bottom: 30px; padding-right: 35px; } .article-blog .blog-content { margin-bottom: 45px; padding-right: 35px; } .carousel-inner .article-blog img { width: auto; } .article-blog .col-md-4 img { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100%; box-shadow: 2px 15px 12px rgba(0, 0, 0, 0.2); height: auto; margin-top: -67px; max-width: 94%; } .article-blog.blog-answer .col-md-4 img { margin-top: 0; } .btn-more { background: none; border: 1px solid #ffffff; } .btn-more:hover, .btn-more:focus { background: rgba(255, 255, 255, 1); border: 1px solid #ffffff; color: #0e52a0; } #blogCarousel .carousel-indicators { position: relative; bottom: auto; margin-top: 15px; } #blogCarousel .carousel-indicators li { height: 75px; width: 75px; text-indent: 0; border-radius: 100%; overflow: hidden; margin: 0 10px; position: relative; } #blogCarousel .carousel-indicators li::after { background: #0e52a0 none repeat scroll 0 0; content: ""; height: 100%; opacity: 0.6; position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #blogCarousel .carousel-indicators li.active:after, #blogCarousel .carousel-indicators li:hover:after { background: none; } .blog-answer h2 { background: #009aea; padding: 25px 40px 30px 40px; margin: 0 !important; border-radius: 3px 3px 0 0; } .blog-answer h2 a:hover { color: rgba(255, 255, 255, 0.8); } .blog-answer .answer-content { background: #2763a9; padding: 30px 40px 45px 40px; display: inline-block; width: 100%; border-bottom-right-radius: 3px; } .blog-answer .answer-content:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 85px 100px 0 0; border-color: #2763a9 transparent transparent transparent; position: absolute; left: 15px; bottom: -85px; } .blog-answer .teaser-text { border-bottom: 7px solid #009aea; padding-bottom: 20px; } .blog-answer .teaser-text p { font-size: 18px; line-height: 23px; } .article-simple.blog-answer { padding-left: 60px; padding-right: 60px; padding-bottom: 120px !important; } .article-simple.blog-answer h2 { background: #2763a9; } .article-simple .answer-content { background: #ffffff; box-shadow: 0 14px 22px rgba(0, 0, 0, 0.12); } .article-simple .answer-content:after { border: none; background: url(../img/bubble-pic.png); height: 143px; width: 128px; bottom: -12px; left: 35px; } .article-simple.blog-answer .teaser-text p { color: #2763a9; } .article-simple.blog-answer .btn-more { background: #009aea; border: none; } .article-simple.blog-answer .btn-more:hover { background: #2763a9; color: #ffffff; } /* /carousel blog */ /* news */ .news { position: relative; } .news-list-view .article { display: block; position: relative; border-bottom: 6px solid #009aea; } .news-list-view .article.article-simple, .news-list-result .article.article-simple { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 40px; padding-bottom: 38px; display: block; } .article.article-newsletter:last-child { border-bottom: none; } .news-menu-view a { display: block; } .news-list-view .article.article-simple:last-child { margin-bottom: 0; } .news .news-list-view .news-img-wrap { float: none; background: none; margin: 0; } .article-tv .news-img-wrap iframe { border: none; } .news-list-view .article .news-img-wrap a, .news .article .news-img-wrap a { border: none; padding: 0; display: block; float: none; margin-bottom: 0px; } .news-list-view .article img { height: auto; max-width: 100%; } .news-list-view .article-com .article-caption { background: rgba(255, 255, 255, 0.75); text-transform: none; height: 118px; margin-top: -5px; padding: 15px; position: absolute; z-index: 2; overflow: hidden; bottom: 0; width: 100%; } .news-list-view .article-com .article-caption .news-list-category { margin-bottom: 7px; color: #009aea; font-size: 12px; letter-spacing: 0.3px; } .news .news-list-result .article-presse, .news .news-list-view .article-presse { padding-bottom: 20px; margin-bottom: 20px; } .article-presse .icon { display: inline-block; text-align: center; width: 75px; vertical-align: middle; } .article-presse .article-content { display: inline-block; vertical-align: middle; } .news .news-list-result .article-presse .news-list-date, .news .news-list-view .article-presse .news-list-date { margin-bottom: 2px; color: #414959; font-size: 18px; } .news-list-result .article-presse h2, .news-list-result .article-presse h2 a, .news-list-view .article-presse h2, .news-list-view .article-presse h2 a { margin: 0; color: #0e52a0; font-size: 26px; font-weight: 400; } .news-list-view .article-com .article-caption h3 { color: #4b5262; text-transform: none; margin: 0; /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; font-size: 18px; line-height: 1.2; } .news-list-view .article-com a:hover { text-decoration: none; } .news-list-view h2 { margin-top: 13px; } .news-list-view h4 { margin-top: 5px; } .news-list-view h4 a { color: #414959; } .news-list-date, .result-date { color: #a3a3a3; font-size: 80%; } .news-list-date p { display: inline; } .news .page-navigation p { display: none; } .news .page-navigation ul, .kesearch_pagebrowser ul { float: left; padding-left: 0; } .news .page-navigation ul li, .kesearch_pagebrowser ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.1); border-right: none; display: inline-block; height: 47px; line-height: 47px; list-style: outside none none; padding: 0; text-align: center; vertical-align: middle; width: 47px; float: left; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .news .page-navigation ul li:last-child, .kesearch_pagebrowser ul li:last-child { border-right: 1px solid rgba(0, 0, 0, 0.1); } .news .page-navigation ul li.active span, #content .kesearch_pagebrowser ul li a.current { background: #e8308a; color: #ffffff; } .news .page-navigation ul li:hover, .news .page-navigation ul li:focus, #content .kesearch_pagebrowser ul li:hover, #content .kesearch_pagebrowser ul li:focus { background: #e6f5fd; } .news .page-navigation ul li a, .news .page-navigation ul li span, #content .kesearch_pagebrowser ul li a { color: #4b5261; display: block; font-size: 16px; padding: 0; float: none; border: none; margin: 0; line-height: inherit; background: none; border-radius: 0; } .news .page-navigation ul li.current, #content .kesearch_pagebrowser ul li a.current { color: #ffffff; font-weight: normal; } #content .page-navigation .next a, #content .page-navigation .previous a, #content .kesearch_pagebrowser ul li a.prev, #content .kesearch_pagebrowser ul li a.next { font-size: 0; position: relative; } .page-navigation .previous a::after, .page-navigation .next a::after, .kesearch_pagebrowser ul li a.prev::after, .kesearch_pagebrowser ul li a.next::after { content: "\f104"; font-family: fontawesome; font-size: 17px; } .page-navigation .next a::after, .kesearch_pagebrowser ul li a.next::after { content: "\f105"; } .news-single .article-content { float: left; width: 60%; } .news-single .article .news-img-wrap { float: none; margin-left: 0; width: auto; margin-top: 50px; margin-bottom: 30px; } .news-single .article .news-img-wrap img { max-width: 100%; } .news-single .article .news-img-wrap .mediaelement-video { position: relative; padding-bottom: 56.25%; } .news-single .article .news-img-wrap .mediaelement-video video, .news-single .article .news-img-wrap .mediaelement-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news-single .news-img-wrap a { margin-bottom: 30px; } .news-related { border: none; border-top: 1px solid #eeeeee; display: block; padding: 20px 0; width: 100%; margin-top: 15px; } .news-related ul { padding-left: 0; } .news-related ul li:before { display: none; } .news-related ul li span { color: #009aea; border-right: none; margin: 0; padding: 0; } #right-content .wng-user-member-count { display: none; } #right-content .tx-wng-fe-users .wng-user-member-list .row > * { float: none; width: 100%; } #right-content .wng-user-member { margin-bottom: 15px; padding-top: 15px; } #right-content .wng-user-member a { text-align: left; position: relative; } #right-content .wng-user-member .img-member { width: 33%; display: inline-block; margin-left: 15px; margin-bottom: 15px; } #right-content .wng-user-member .user-info { display: inline-block; padding-top: 10px; width: auto; max-width: calc(100% - 33% - 15px - 4px); vertical-align: top; padding-left: 15px; height: auto !important; max-height: none; padding-bottom: 50px; } #right-content .wng-user-member .user-info:after { border-bottom: none; } #right-content .wng-user-member .user-info .user-name { font-size: 20px; line-height: 22px; margin-top: 0; } /* recherche news */ .news-search-form .form-group { margin-bottom: 13px; } label { font-size: 14px; font-weight: normal; margin-bottom: 2px; } .form-control { border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; } .news-search-form input:focus { border: 1px solid #0e52a0; box-shadow: none; } .news-search-form .btn { margin-top: 15px; margin-bottom: 20px; } .news-list-result h2 { margin-bottom: 15px; } .news .news-list-view .teaser-text, .news .news-list-result .teaser-text, .news-single .news-list-date { margin-bottom: 30px; } .news .news-list-view .news-list-date, .news .news-list-result .news-list-date { margin-bottom: 20px; } .news .article .teaser-text h2, .news-single .teaser h2 { font-size: 22px; font-weight: normal; margin-bottom: 21px; } .news .teaser p { font-weight: 600; } .news .news-list-view .teaser-text + .news-list-date, .news .news-list-result .teaser-text + .news-list-date, .news-single .teaser-text + .news-list-date { margin-top: -15px; } .news-list-result h2 a:hover, .news-list-result h2 a:focus { color: #009aea; } /* /recherche news */ /* tag news */ .news-tags-list a { line-height: 30px; } .plus_1 { font-size: 18px; } .plus_2 { font-size: 20px; } .plus_3 { font-size: 22px; } .plus_4 { font-size: 24px; } .plus_5 { font-size: 26px; } .plus_que_5 { font-size: 28px; } .plus_que_10 { font-size: 30px; } .plus_que_15 { font-size: 32px; } .plus_que_20 { font-size: 34px; } /* /tag news */ /* events */ .event-list-view { margin-top: -15px; } .news .event-list-view .article { border-bottom: 1px solid #ecedee; margin: 0; padding: 0; } .event-list-view .article a { padding: 12px 45px 15px 0; position: relative; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .event-list-view .article .forward_arrow { position: absolute; right: 15px; border: 1px solid #009aea; border-radius: 100%; height: 26px; right: 15px; top: 35px; width: 26px; padding: 0 7px 0 9px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .event-list-view .article a:hover .forward_arrow { background: #009aea; } .event-list-view .list-date { float: left; min-width: 110px; text-transform: uppercase; text-align: center; /*font-family: "Roboto Condensed",sans-serif;*/ font-size: 19px; margin-right: 18px; margin-left: 10px; display: flex; align-items: center; justify-content: center; } .start-date, .end-date, .separator-date { display: inline-block; vertical-align: middle; } .separator-date { font-size: 13px; overflow: hidden; padding: 0 10px; vertical-align: super; } .event-list-view .list-date .list-date-day { /*font-family:"Roboto Condensed Bold",sans-serif;*/ font-weight: 600; font-size: 40px; line-height: 42px; } .event-list-view .event-teaser { display: table-cell; font-size: 14px; height: 66px; vertical-align: middle; } .event-list-view .article * { color: #0e52a0; } .event-list-view .article a:hover { background: #e6f5fd; } .event-list-view .article a:hover * { color: #009aea; } .event-list-view .article h4 { margin: 0; padding: 0 !important; } .event-list-view .article .event-location { margin-top: 10px; } .event-list-view .event-teaser .map_marker { height: 14px; width: auto; vertical-align: sub; margin-right: 3px; } .event-list-view .article a .map_marker .cls-1 { fill: #0e52a0; } .event-list-view .article a:hover .map_marker .cls-1 { fill: #009aea; } .event-list-view .more { display: block; } .more-link { margin-bottom: 15px; margin-top: 30px; text-align: center; } #event-map, #event-google-map { height: 385px; position: relative; overflow: hidden; } .map { height: 350px; } .map .popup { background-color: white; padding-left: 8px; padding-bottom: 8px; padding-top: 16px; width: 220px; font: 16px; line-height: 20px; border: 1px solid #0e52a0; } .map .popup p { margin-bottom: 0; } .map .close { cursor: pointer; text-decoration: none; position: absolute; top: 2px; right: 8px; font-size: 18px; font-weight: 500; color: #0e52a0; opacity: 0.6; } .map button { cursor: pointer; } .news-single .teaser-event { color: #4b5261; font-size: 16px; margin: 0; } .btn-registration { margin-bottom: 18px; } /* social wall */ .tx-pb-social .pb-list { margin: 0 -11px; /*-webkit-column-count: 4; -moz-column-count: 4; column-count: 4; column-gap: 10px;*/ text-align: left; } .tx-pb-social .pb-list .pb-list-item { width: calc(25% - 37px); height: auto; clear: both; /*display: inline-block;*/ float: none; vertical-align: top; background: #ffffff; margin: 0 11px 30px 11px; position: relative; padding: 20px 10px 12px 10px; border: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.06); } .tx-pb-social .pb-list .pb-list-item:hover { opacity: 1; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2); } .tx-pb-social .pb-list-item .image { position: relative; height: auto; margin-top: 15px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .tx-pb-social .pb-list .pb-list-item:hover .image { opacity: 0.8; } .tx-pb-social .pb-list-item .placeholder-image { background: none; height: 0; } .tx-pb-social .pb-list-item .feed-title { font-weight: 600; color: #4b5261; font-size: 14px; line-height: 10px; } .tx-pb-social .pb-list-item .text { background: none; color: #4b5261; display: block; height: auto; left: auto; line-height: 19px; font-size: 14px; position: relative; padding: 0; word-break: break-word; } .tx-pb-social .pb-list-item .text .date { color: rgba(0, 0, 0, 0.28); font-size: 12px; margin-bottom: 18px; } .tx-pb-social .pb-list-item .text .date i.fa-circle { font-size: 4px; margin: 0 7px; vertical-align: middle; } .tx-pb-social .pb-list-item.pb-list-item-facebook .text .date i.fa-circle { font-size: 2px; margin: 0 2px; vertical-align: middle; } .tx-pb-social .pb-list-item.pb-list-item-facebook .text .date i.fa-globe { font-size: 11px; } .tx-pb-social .pb-list-item .text:hover { text-decoration: none; } .tx-pb-social .pb-list-item .fb-like-detail-wrap, .tx-pb-social .pb-list-item .additional-info { display: none; } .tx-pb-social .pb-list-item .icon { left: auto; right: 8px; bottom: auto; top: 8px; position: absolute; z-index: 1; border-radius: 0; height: 35px; width: 35px; text-align: center; background: none; border: 1px solid; border-radius: 100%; } .tx-pb-social .pb-list-item .icon:after { font-family: fontawesome; position: absolute; font-size: 20px; right: 11px; top: 3px; } .tx-pb-social .pb-list-item-facebook .icon { color: #3b5999; border-color: #3b5999; } .tx-pb-social .pb-list-item-facebook .icon:after { content: "\f09a"; } .tx-pb-social .pb-list-item-twitter .icon { color: #65c6f1; border-color: #65c6f1; } .tx-pb-social .pb-list-item-twitter .icon:after { content: "\f099"; right: 6px; } .tx-pb-social .pb-list-item-youtube .icon { color: #cd201f; border-color: #cd201f; } .tx-pb-social .pb-list-item-youtube .icon:after { content: "\f167"; right: 7px; } .tx-pb-social .pb-list-item .video-overlay { display: none; } .tx-pb-social .pb-list .pb-list-item.pb-list-item-instagram { padding: 0; } .tx-pb-social .pb-list .pb-list-item.pb-list-item-instagram .image { margin: 0; } .tx-pb-social .pb-list-item-instagram .icon { color: #ffffff; border-color: #ffffff; } .tx-pb-social .pb-list-item-instagram .icon:after { content: "\f16d"; right: 7px; top: 2px; } .tx-pb-social .pb-list .pb-list-item.pb-list-item-flickr { padding: 0; } .tx-pb-social .pb-list .pb-list-item.pb-list-item-flickr .image { margin: 0; } .tx-pb-social .pb-list-item-flickr .icon { color: #ff0084; border-color: #ff0084; } .tx-pb-social .pb-list-item-flickr .icon:after { content: "\f16e"; right: 7px; top: 2px; } .tx-pb-social .btn-filter { width: 25%; display: inline-block; } .tx-pb-social .btn-filter:first-child { margin-left: -15px; } .tx-pb-social .btn-filter:last-child { margin-right: -15px; } .tx-pb-social .btn-filter-newsroom { background: #009aea; border-radius: 0; margin: 0 15px 0px 15px; font-size: 14px; padding: 13px 15px; text-align: left; display: block; } .tx-pb-social .btn-filter-newsroom:hover, .tx-pb-social .btn-filter-newsroom:focus, .tx-pb-social .btn-filter-newsroom.active { background: #0e52a0; box-shadow: none; } .btn-filter:nth-child(5) .btn-filter-newsroom, .btn-filter:nth-child(6) .btn-filter-newsroom, .btn-filter:nth-child(7) .btn-filter-newsroom { margin-top: 15px; } .btn-filter:nth-child(4) .btn-filter-newsroom { margin-right: 0; } .btn-filter-newsroom i { font-size: 19px; margin-right: 5px; vertical-align: -1px; } .tx-pb-social .btn-no-filter { float: none; clear: both; display: block; } #filter-none { background: none; color: #8da9ce; display: block; font-size: 17px; margin-bottom: 25px; margin-left: 0; margin-top: 8px; padding: 0; text-transform: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #filter-none:hover { color: #0e52a0; } #load_more_posts { margin-top: 45px; } #load_more_posts.loading { opacity: 0.6; pointer-events: none; } /* /social wall */ /* Formulaires */ .form-horizontal.wng-plr-news { margin-top: 25px; } .form-horizontal.wng-plr-news .row { margin-left: -30px; margin-right: -30px; } .form-horizontal.wng-plr-news .row > div { padding-left: 30px; padding-right: 30px; } .form-horizontal.wng-plr-news [type="radio"]:not(:checked), .form-horizontal.wng-plr-news [type="radio"]:checked, .form-horizontal.wng-plr-news [type="checkbox"]:not(:checked), .form-horizontal.wng-plr-news [type="checkbox"]:checked { height: 100%; min-height: 25px; left: 0; bottom: 0; margin: 0 !important; opacity: 0; position: absolute; width: 100%; z-index: 50; } .form-horizontal.wng-plr-news [type="checkbox"] + label, .form-horizontal.wng-plr-news [type="checkbox"] + label.control-label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .form-horizontal.wng-plr-news [type="checkbox"] + label::before, .form-horizontal.wng-plr-news [type="checkbox"]:not(.filled-in) + label::after { border: 1px solid #fff; } .form-horizontal.wng-plr-news [type="checkbox"] + label:before, .form-horizontal.wng-plr-news [type="checkbox"]:not(.filled-in) + label:after { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 5px; transition: 0.2s; } .form-horizontal.wng-plr-news [type="checkbox"]:not(.filled-in) + label:after { border: 0; -webkit-transform: scale(0); transform: scale(0); } .form-horizontal.wng-plr-news [type="checkbox"]:checked + label::before { border-color: rgba(0, 0, 0, 0) #009aea #009aea rgba(0, 0, 0, 0); } .form-horizontal.wng-plr-news [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 #009aea; border-bottom: 2px solid #009aea; -webkit-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .form-horizontal.wng-plr-news [type="checkbox"] + label::before, .form-horizontal.wng-plr-news [type="checkbox"]:not(.filled-in) + label::after { border: 1px solid #fff; } .form-horizontal.wng-plr-news .input-field [type="checkbox"] + label.active { font-size: 16px; transform: none; } .tx-powermail .container-fluid { padding-left: 0; padding-right: 0; } .tx-powermail label.control-label, .form-horizontal.wng-plr-news label.control-label, .select-wrapper input.select-dropdown { display: block; text-align: left; padding: 0; width: 100%; color: #009aea; font-size: 16px; margin-bottom: 5px; } .powermail_fieldwrap_type_date .input-field label { top: -13px; } .select-wrapper input.select-dropdown { margin: 0 0 13px 0; } .dropdown-content.select-dropdown li:first-child, .powermail_fieldwrap_type_select label { display: none !important; } .form-group { margin-bottom: 20px; } .powermail_fieldwrap, .addressix-form > div > div { margin-bottom: 20px; } .addressix-form .form-check { position: relative; } .powermail_legend { display: none; } .powermail_label, .addressix_label { color: #009aea; font-size: 16px; font-weight: normal; margin-bottom: 12px; margin-top: 10px; } .g-recaptcha { margin-bottom: 25px; } label.label-captcha { position: relative; } .form-horizontal.wng-plr-news input:focus { color: #ffffff; } .form-horizontal.wng-plr-news .g-recaptcha { margin-top: 10px; } .powermail_fieldset { margin-left: -15px; margin-right: -15px; } .powermail_fieldset .form-group, .form-horizontal.wng-plr-news .form-group { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; clear: both; float: none; } .form-horizontal.wng-plr-news .form-group { padding-left: 0; padding-right: 0; } .powermail_fieldset .layout1, .powermail_fieldset .layout2 { clear: none; float: left; width: 50%; } .tx-powermail .form-control:focus { box-shadow: none; } .input-field label.active { color: #0e52a0; } .powermail_fieldwrap_type_radio { margin: 40px 0; } .tx-powermail .powermail_message { min-height: 0; margin-bottom: 30px; } .powermail_fieldwrap_type_text { color: #009aea; margin-top: 30px; } .powermail_fieldwrap_type_select { position: relative; z-index: 400; } .tx-powermail .powermail_message.powermail_message_error { background-image: none; } .tx-powermail .powermail_fieldset .parsley-errors-list { margin-top: 0; border-radius: 4px; margin-bottom: 20px; padding: 15px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%); background-repeat: repeat-x; border-color: #dca7a7; } .tx-powermail .powermail_fieldset .parsley-errors-list > li { color: #a94442; padding: 5px 10px; } .tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error { background: none; border-bottom-color: #dca7a7; } input.parsley-error:focus:not([type]):not([readonly]), input.parsley-error[type="text"]:focus:not([readonly]), input.parsley-error[type="password"]:focus:not([readonly]), input.parsley-error[type="email"]:focus:not([readonly]), input.parsley-error[type="url"]:focus:not([readonly]), input.parsley-error[type="time"]:focus:not([readonly]), input.parsley-error[type="date"]:focus:not([readonly]), input.parsley-error[type="datetime"]:focus:not([readonly]), input.parsley-error[type="datetime-local"]:focus:not([readonly]), input.parsley-error[type="tel"]:focus:not([readonly]), input.parsley-error[type="number"]:focus:not([readonly]), input.parsley-error[type="search"]:focus:not([readonly]), textarea.parsley-error.materialize-textarea:focus:not([readonly]) { border-bottom-color: #a94442; } .tx-powermail .powermail_fieldset .powermail_field_error ~ label, .tx-powermail .powermail_fieldset .parsley-error ~ label, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus ~ label, .tx-powermail .powermail_fieldset div.error ~ label { color: #a94442; } .dropdown-content { background-color: #ffffff; display: none; margin: 0; max-height: 500px; min-width: 100px; opacity: 0; overflow-y: auto; position: absolute; will-change: width, height; z-index: 999; padding: 15px 30px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; line-height: 1.5rem; min-height: 30px; text-align: left; text-transform: none; width: 100%; } ul.dropdown-content:not(.browser-default) li { list-style-type: none; } .select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.3); } .powermail_form [type="radio"]:not(:checked), .powermail_form [type="radio"]:checked, .powermail_form [type="checkbox"]:not(:checked), .powermail_form [type="checkbox"]:checked { height: 100%; min-height: 25px; left: 0; bottom: 0; margin: 0 !important; opacity: 0; position: absolute; width: 100%; z-index: 50; } .checkbox label, .radio label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { color: #009aea; font-size: 16px; padding-left: 30px; } [type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after { border: 1px solid #009aea; } [type="checkbox"]:checked + label::before { border-color: rgba(0, 0, 0, 0) #009aea #009aea rgba(0, 0, 0, 0); } #newsletter-subscription.form-inline { margin-bottom: 25px; margin-top: 65px; text-align: center; } #right-content #newsletter-subscription.form-inline { margin: 20px 0 30px 0; text-align: left; } #newsletter-subscription.form-inline .form-control { height: 46px; margin-right: 30px; min-width: 545px; padding: 0 20px; } #right-content .form-group, #right-content #newsletter-subscription.form-inline .form-control { min-width: 100%; max-width: 100%; margin-right: 0; } #newsletter-subscription .btn:hover, #newsletter-subscription .btn:focus { background: #56b4e6; } .addressix-form .btn.btn-primary { margin-top: 33px; } .powermail_fieldwrap_type_select > label { margin-bottom: 8px; line-height: 1; font-size: 16px; color: #556268; } .powermail_fieldwrap_type_select .dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #009aea; outline: none; height: 3rem; line-height: 3rem; width: 100%; padding: 0; display: block; color: transparent; transition: all 0.3s ease; width: 100%; color: #009aea; font-size: 16px; margin: 0 0 13px 0; } .powermail_fieldwrap_type_select .dropdown span { color: #009aea; font-size: 16px; } .powermail_fieldwrap_type_select .dropdown .list { box-sizing: border-box; transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear; transform: scale(0.75); transform-origin: 50% 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09); background-color: #fff; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; min-width: 100%; top: calc(100% + 7px); left: 0px; z-index: 999; padding: 15px 30px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%); } .powermail_fieldwrap_type_select .dropdown .list ul { position: relative; height: auto; max-height: 400px; overflow: auto; padding: 0 !important; margin: 0; } .powermail_fieldwrap_type_select .dropdown .list .option { color: rgba(0, 0, 0, 0.87); padding: 0px; cursor: pointer; text-align: left; transition: all 0.3s; position: relative; outline: none; display: block; text-transform: none; width: 100%; } .powermail_fieldwrap_type_select .dropdown .list .option:before { display: none; } .powermail_fieldwrap_type_select .dropdown .list .option.selected { background: #fff; color: #009aea; } .powermail_fieldwrap_type_select .dropdown .list .option:hover { background: #fff; } .powermail_fieldwrap_type_select .dropdown.open { background: #fff; } .powermail_fieldwrap_type_select .dropdown.open .list { transform: scale(1); opacity: 1; pointer-events: auto; } .powermail_fieldwrap_type_select .dropdown.open:after { transform: translateY(-50%) rotate(180deg); } .powermail_fieldwrap_type_select .dropdown:after { content: "▼"; position: absolute; right: 0px; top: 52%; transform: translateY(-50%); font-size: 12px; transition: all 0.3s ease; color: #009aea; } .powermail_fieldwrap_type_select .dropdown[data-nth="1"] { z-index: 10; } .powermail_fieldwrap_type_select .dropdown[data-nth="2"] { z-index: 9; } .powermail_fieldwrap_type_select .dropdown[data-nth="3"] { z-index: 8; } .powermail_fieldwrap_type_select .dropdown[data-nth="4"] { z-index: 7; } .powermail_fieldwrap_type_select .dropdown[data-nth="5"] { z-index: 6; } .powermail_fieldwrap_type_select .dropdown[data-nth="6"] { z-index: 5; } .powermail_fieldwrap_type_select .dropdown[data-nth="7"] { z-index: 4; } .powermail_fieldwrap_type_select .dropdown[data-nth="8"] { z-index: 3; } .powermail_fieldwrap_type_select .dropdown[data-nth="9"] { z-index: 2; } .powermail_fieldwrap_type_select .dropdown[data-nth="10"] { z-index: 1; } /*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; } /* fe-users */ .tx-wng-fe-users { color: #4b5261; } #userDetail hr.bold { border-width: 4px 0 0 0; margin: 30px 0; } .tx-wng-fe-users .form-inline { display: inline-block; width: 100%; margin-bottom: 55px; } .wng-user-member-list { margin-top: 50px; margin-bottom: 70px; } .tx-wng-fe-users .form-control { padding: 11px 13px; height: 44px !important; } #main-content .tx-wng-fe-users .input-group-btn { width: 49px; } #main-content .tx-wng-fe-users .input-group-btn .btn { padding: 10px 16px; } .wng-user-member { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); text-align: left; padding-top: 25px; padding-bottom: 0; } .tx-wng-fe-users .wng-user-member-list .row { margin-left: -8px; margin-right: -8px; } .tx-wng-fe-users .wng-user-member-list .row > * { padding: 8px; } #right-content .tx-wng-fe-users .wng-user-member-list .row > * { padding: 15px; } .wng-user-member a { display: inline-block; width: 100%; position: relative; } .wng-user-member .img-member, .tx-wng-fe-users .img-member { border-radius: 100%; border: 1px solid #e8308a; width: auto; max-width: 80%; max-width: calc(100% - 80px); height: auto; overflow: hidden; margin: 0 auto; position: relative; z-index: 10; } .modal .wng-user-member .img-member, .modal .tx-wng-fe-users .img-member { border: 5px solid #e8308a; } #userDetail .img-member { margin-top: 110px; max-width: 100%; } .wng-user-member .img-member img, .tx-wng-fe-users .img-member img { height: auto; border-radius: 100%; max-width: 100%; width: 100%; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; } .wng-user-member a:hover .img-member img, .tx-wng-fe-users a:hover .img-member img { -ms-transform: scale(1.05); /* IE 9 */ -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */ transform: scale(1.05); } .tx-wng-fe-users #userDetail img { max-width: 100%; height: auto; } .wng-user-member .user-info { border-bottom: none; padding: 0 15px; margin: 0; position: relative; height: 193px; } .tx-wng-fe-users .wng-user-member a:after, .result-user .wng-user-member a:after, #right-content .wng-user-member a:after { box-sizing: inherit; content: ""; height: 100%; position: absolute; width: 100%; height: 0; width: 0; bottom: 0; left: 0; border-bottom: 6px solid #ffffff; -webkit-transition: border-color 0.25s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.25s; transition: border-color 0.25s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.25s; } .tx-wng-fe-users .wng-user-member a:hover::after, .result-user .wng-user-member a:hover:after, #right-content .wng-user-member a:hover:after { width: 100%; height: 100%; border-color: #0e52a0; } .wng-user-member .user-name { color: #0e52a0; font-size: 23px; font-weight: normal; margin-top: 11px; margin-bottom: 12px; /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; } .wng-user-member .user-role { color: #e8308a; font-size: 15px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; overflow-wrap: break-word; } .wng-user-member .user-canton { color: rgba(0, 0, 0, 0.3); font-size: 14px; font-weight: normal; padding-bottom: 15px; position: absolute; width: 100%; width: calc(100% - 30px); bottom: 0; } .modal-open { overflow: auto; } .modal-backdrop { background: rgba(14, 82, 160, 1); } .modal-backdrop.in { opacity: 0.8; } .modal-container { margin-top: 110px; } .modal-body { padding: 35px; } .modal-content { box-shadow: none; } #showUserModal h2 { font-size: 40px; margin-bottom: 30px; margin-top: 0; } #showUserModal .user-canton, #userDetail .user-canton { color: #e8308a; font-size: 25px; font-weight: normal; padding-bottom: 28px; /*font-family: 'Roboto Condensed', sans-serif;*/ } #showUserModal .user-title, #userDetail .user-title { font-size: 18px; font-style: normal; font-weight: 600; padding-bottom: 20px; color: #4b5261; } #showUserModal .border-radius-round, #userDetail .border-radius-round, .icon-parlament, .icon-link, .icon-exclam, .ico-class .border-radius-round { border-radius: 100%; display: table-cell; text-align: center; text-shadow: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; vertical-align: middle; border: 1px solid #009aea; font-size: 15px; height: 34px; width: 34px; min-height: 34px; min-width: 34px; max-height: 34px; max-width: 34px; position: relative; } #showUserModal a i:before, #userDetail a i:before, .ico-class i:before { z-index: 3; position: relative; } #showUserModal a:focus i, #showUserModal a:active i, #userDetail a:focus i, #userDetail a:active i, #showUserModal a:focus .user-link-label, #showUserModal a:active .user-link-label, #userDetail a:focus .user-link-label, #userDetail a:active .user-link-label, .ico-class:focus i, .ico-class:active i, .ico-class:focus i, .ico-class:active i { color: #009aea; } #showUserModal a:hover i, #userDetail a:hover i, .ico-class:hover i { color: #ffffff; } #showUserModal a:hover .user-link-label, #userDetail a:hover .user-link-label, .ico-class:hover .arrondissement-label { color: #009aea; } .user-social-links { padding: 8px 0; } #showUserModal a { font-size: 14px; display: inline-block; } .icon-parlament, .icon-exclam { padding-top: 3px; } .icon-link { float: left; margin-right: 10px; padding-top: 0px; padding-left: 0px; display: flex; align-items: center; justify-content: center; } #accordion-news .news-legend li { margin-right: 40px; display: inline-block; } #accordion-news .news-legend li:before { display: none; } #accordion-com .panel, #accordion-blog .panel, #accordion-newsletter .panel, #accordion-news .panel { border: none; background: none; } #accordion-com a, #accordion-blog a, #accordion-newsletter a, #accordion-news a { color: #009aea; font-size: 16px; line-height: 34px; padding: 0; } #accordion-com a:after, #accordion-blog a:after, #accordion-newsletter a:after, #accordion-news a:after { display: none; } #accordion-com ul, #accordion-blog ul, #accordion-newsletter ul, #accordion-news ul { padding-left: 46px; } #accordion-com ul li, #accordion-blog ul li, #accordion-newsletter ul li, #accordion-news ul li { list-style: outside none disc; display: block; } #accordion-news li i { margin-right: 7px; text-align: center; width: 20px; } #accordion-com ul a, #accordion-blog ul a, #accordion-newsletter ul a, #accordion-news ul a { color: #0e52a0; } #accordion-com ul a:hover, #accordion-blog ul a:hover, #accordion-newsletter ul a:hover, #accordion-news ul a:hover { color: #009aea; } #icon_parlament, #icon_link, #exclamation_mark { width: auto; height: 20px; fill: #009aea; position: relative; z-index: 3; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #icon_link { height: 18px; } #exclamation_mark { height: 19px; } a:hover #icon_parlament, a:hover #icon_parlament .cls-1, a:hover #icon_link, a:hover #icon_link .cls-1, a:hover #exclamation_mark .cls-1 { fill: #ffffff; } .user-link-label, .arrondissement-label { padding-left: 10px; display: table-cell; min-height: 34px; vertical-align: middle; } #showUserModal hr, #userDetail hr { margin-bottom: 10px; margin-top: 20px; } .user-description-additional { margin-bottom: 30px; } #showUserModal a.btn, #userDetail a.btn { font-size: 17px; margin-top: 20px; } #showUserModal header { display: none; } #showUserModal .tx-wng-fe-users button.close { position: absolute; right: -105px; top: -120px; opacity: 1; } .dce-gallery, .gallery { margin-top: 35px; margin-bottom: 35px; } .dce-gallery .row, .gallery .row { margin-left: -5px; margin-right: -5px; } .dce-gallery .row > div, .gallery .row > div { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } #html5-watermark { display: none !important; } #userDetail .error { margin-top: 20px; } .dce-gallery img { max-width: 100%; height: auto; } /* /fe-users */ /* cart */ .tx-cart table thead { border: 1px solid rgba(14, 82, 160, 0.6); } .tx-cart table thead th { background: #0e52a0; font-weight: normal; text-transform: uppercase; border: 1px solid rgba(14, 82, 160, 0.6); } .tx-cart table tr td { border-color: rgba(14, 82, 160, 0.6); font-size: 15px; } .table-striped > tbody > tr:nth-of-type(2n + 1) { background-color: rgba(230, 245, 253, 0.3); } .table-hover > tbody > tr:hover { background-color: #e6f5fd; } #link-to-checkout { margin-top: 15px; max-width: 100%; } /*.tx-cart img { margin-bottom: 30px; }*/ .tx-cart table img { margin-bottom: 0px; } #add-product-form { margin: 30px 0; } .add-to-cart-form .form-control { margin-right: 14px; margin-bottom: 10px; margin-top: 5px; width: 50px; } #product-price .price { margin-bottom: 30px; } .regular_price span.price { display: inline; } .top-buffer .btn { margin-bottom: 20px; } .top-buffer .btn.btn-danger:hover { background: #c9302c; color: #ffffff; } .tx-cart .btn-danger { background: #d9534f; box-shadow: none; } .tx-cart table .btn-danger { background: none; color: #d9534f; padding: 5px; } .tx-cart .btn-danger:hover { background: none; color: #c9302c; } .tx-cart [type="checkbox"] + label { font-size: 14px; } .tx-cart form#form-order .form-title .num, .tx-cart form#form-cart .form-title .num { background: #0e52a0; } .tx-cart h5.form-title { background: #ffffff; border-bottom: 1px solid #414959; color: #414959; font-size: 20px; } .bg-light-grey { background-color: #f6f8f7; } .bg-light-grey .form-content { padding: 15px 10px; } .tx-cart .news-backlink-wrap { z-index: 20; } .cart-product { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 40px; padding-bottom: 38px; } .tx-cart .row:first-child .cart-product { margin-top: 0; border: none; padding-top: 0; } .product-detail h2 { margin-top: 0; } .quantity_discount ul { padding-left: 20px; } .quantity_discount ul li { list-style: outside none disc; } /* /cart */ /* login */ .btn-login { margin-top: 15px; } /* table */ /* .frame-type-table.ps-container { overflow: auto !important; }*/ .frame-type-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } table tr td { border: 1px solid #c6c6c6; padding: 7px 10px; } table thead { border: 2px solid #c6c6c6; } table thead th { background: #c6c6c6; border: 1px solid #fff; color: #ffffff; padding: 10px; font-weight: bold; font-size: 110%; } /* /table */ /* dds-widget */ #content #lema-container.lema-container { max-width: 100%; } #lema-container.lema-container, #lema-container.lema-container h1, #lema-container.lema-container h2, #lema-container.lema-container h3, #lema-container.lema-container h4, #lema-container.lema-container h5, #lema-container.lema-container h6, #lema-container.lema-container p, #lema-container.lema-container td, #lema-container.lema-container dl, #lema-container.lema-container tr, #lema-container.lema-container dt, #lema-container.lema-container ol, #lema-container.lema-container form, #lema-container.lema-container select, #lema-container.lema-container option, #lema-container.lema-container pre, #lema-container.lema-container div, #lema-container.lema-container table, #lema-container.lema-container th, #lema-container.lema-container tbody, #lema-container.lema-container tfoot, #lema-container.lema-container caption, #lema-container.lema-container thead, #lema-container.lema-container ul, #lema-container.lema-container li, #lema-container.lema-container address, #lema-container.lema-container blockquote, #lema-container.lema-container dd, #lema-container.lema-container fieldset, #lema-container.lema-container li, #lema-container.lema-container iframe, #lema-container.lema-container strong, #lema-container.lema-container legend, #lema-container.lema-container em, #lema-container.lema-container s, #lema-container.lema-container cite, #lema-container.lema-container span, #lema-container.lema-container input, #lema-container.lema-container sup, #lema-container.lema-container label, #lema-container.lema-container dfn, #lema-container.lema-container object, #lema-container.lema-container big, #lema-container.lema-container q, #lema-container.lema-container font, #lema-container.lema-container samp, #lema-container.lema-container acronym, #lema-container.lema-container small, #lema-container.lema-container img, #lema-container.lema-container strike, #lema-container.lema-container code, #lema-container.lema-container sub, #lema-container.lema-container ins, #lema-container.lema-container textarea, #lema-container.lema-container var, #lema-container.lema-container a, #lema-container.lema-container abbr, #lema-container.lema-container applet, #lema-container.lema-container del, #lema-container.lema-container kbd, #lema-container.lema-container tt, #lema-container.lema-container b, #lema-container.lema-container i, #lema-container.lema-container hr, #lema-container.lema-container article, #lema-container.lema-container aside, #lema-container.lema-container dialog, #lema-container.lema-container figure, #lema-container.lema-container footer, #lema-container.lema-container header, #lema-container.lema-container hgroup, #lema-container.lema-container menu, #lema-container.lema-container nav, #lema-container.lema-container section, #lema-container.lema-container time, #lema-container.lema-container mark, #lema-container.lema-container audio, #lema-container.lema-container video, #lema-container.lema-container .lema-input-text, #lema-container.lema-container .lema-pseudo-label { font-family: "Source Sans Pro", Arial !important; } #content #lema-container.lema-container .lema-step-content { background: #f6f8f7; } #content #lema-container.lema-container .lema-step-header { border-color: #414959; } #content #lema-container.lema-container .lema-accordion-item .lema-accordion-header { border-color: #e8e9eb; } #content #lema-container.lema-container .lema-accordion-item.accordion-open .lema-accordion-header { border-color: #414959 #414959 currentcolor; } #content #lema-container.lema-container .lema-step-number span { background: #0e52a0; } #content #lema-container.lema-container .lema-step-header-text { color: #414959; font-size: 20px; } #content #lema-container.lema-container .lema-step-row-amounts { border: none; margin: 0; padding: 0; } #content #lema-container.lema-container .lema-amount-box { border-color: rgba(0, 0, 0, 0.1); } #content #lema-container.lema-container .lema-amount-box.lema-active { border-color: #0e52a0; } #content #lema-container.lema-container input.getunik-checkbox + label::before, #content #lema-container.lema-container input.getunik-checkbox:checked + label::before { background: none; left: 0px; } #content #lema-container.lema-container input.getunik-checkbox + label::before { height: 18px; width: 18px; top: 0px; border-color: #009aea; border-width: 2px; } #content #lema-container.lema-container input.getunik-checkbox:checked + label::before { width: 12px; height: 22px; top: -4px; border-color: rgba(0, 0, 0, 0) #009aea #009aea rgba(0, 0, 0, 0); } #content #lema-container.lema-container input.getunik-radio + label::before, #content #lema-container.lema-container input.getunik-radio:checked + label::before { background: none; width: 17px; height: 17px; top: -2px; } #content #lema-container.lema-container input.getunik-radio + label { color: #414959; font-family: "Source Sans Pro", Arial !important; padding-left: 35px; } #content #lema-container.lema-container .lema-input-textarea, #content #lema-container.lema-container .lema-input-text, #content #lema-container.lema-container .select2-container.select2-container .select2-choice { border-color: #009aea; } #content #lema-container.lema-container .select2-container-active .select2-choice, #content #lema-container.lema-container .select2-container-active .select2-choices { box-shadow: none; } #content #lema-container.lema-container .lema-input-textarea:focus, #content #lema-container.lema-container .lema-input-text:focus, #content #lema-container.lema-container .select2-container-active .select2-choice, #content #lema-container.lema-container .select2-container-active .select2-choices { border-color: #0e52a0; } #content #lema-container.lema-container .lema-summary-check { padding: 0; } #content #lema-container.lema-container .lema-button-donate { display: inline-block; } /* /dds-widget */ /* bg-color */ .bg-color { padding: 55px 0; color: #ffffff; overflow: hidden; } .bg-color h2 { margin-top: 10px; margin-bottom: 30px; font-size: 41px; } .bg-blue-grey { background: #414959; } .bg-blue { background: #009aea; } .bg-dark-blue { background: #0e52a0; } .bg-dark-blue h2 { color: #ffffff; } .bg-newsletter { position: relative; } .bg-newsletter *, .bg-black *, .bg-blue-grey * { color: #ffffff; } .bg-newsletter > div, .bg-black > div, .bg-blue-grey > div { z-index: 1; position: relative; } .bg-newsletter .alert-danger *, .bg-black .alert-danger *, .bg-blue-grey .alert-danger * { color: #a94442; } .bg-newsletter .alert-success *, .bg-black .alert-success *, .bg-blue-grey .alert-success * { color: #3c763d; } .bg-newsletter h2, .bg-black h2, .bg-blue-grey h2 { text-align: center; } .bg-newsletter:before, .bg-newsletter:after { content: ""; position: absolute; left: 0; z-index: 0; background: url(../img/backgrounds/bkg_envelop.png) no-repeat left center; background-size: auto 100%; height: 100%; width: 100%; top: 0; } .bg-newsletter:after { left: auto; right: 0; background-position: right center; } .bg-newsletter .container { position: relative; z-index: 1; } .bg-black { background: #000000; } .bg-white, .bg-white-border, .bg-white-map { color: #4b5261; background: #ffffff; } .bg-white h2 { text-align: center; } .bg-white-border { padding: 21px 27px; border: 1px solid #e8e9eb; color: #4b5261; margin-bottom: 30px; } #right-content .bg-white-border, .bg-rss, .bg-megaphone, .bg-light-blue, .bg-enveloppe { padding: 22px 20px 12px 20px; border-bottom-width: 3px; position: relative; } .bg-white-map { padding-top: 65px; position: relative; } #content.bg-mosaic, .bg-mosaic { background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 50%), url(../img/backgrounds/mosaic_pattern_2.png) repeat center bottom; background: -moz-linear-linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 50%), url(../img/backgrounds/mosaic_pattern_2.png) repeat center bottom; background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 50%), url(../img/backgrounds/mosaic_pattern_2.png) repeat center bottom; color: #4b5261; background-attachment: fixed; } .bg-mosaic h2 { color: #0e52a0; } .content-page.bg-mosaic { color: #4b5261; } .bg-rss, .bg-megaphone, .bg-light-blue, .bg-enveloppe { margin-bottom: 30px; padding-top: 25px; padding-bottom: 5px; } .bg-rss > div, .bg-megaphone > div, .bg-enveloppe > div { position: relative; } /*.bg-enveloppe { background: #0e52a0 url("../img/backgrounds/bkg_envelop.png") no-repeat scroll right bottom / 62% auto; }*/ .bg-rss *, .bg-megaphone *, .bg-enveloppe * { color: #ffffff; } .bg-rss:before, .bg-megaphone:before, .bg-enveloppe:before { content: "\f0a1"; font-family: fontawesome; color: #009aea; font-size: 115px; position: absolute; right: 20px; bottom: -10px; z-index: 0; opacity: 0.25; text-shadow: 8px 6px 6px rgba(0, 0, 0, 0.2); } .bg-rss:before { content: "\f09e"; font-size: 125px; bottom: -20px; } .bg-enveloppe:before { content: "\f003"; } .bg-rss a:hover, .bg-rss a:focus, .bg-megaphone a:hover, .bg-megaphone a:focus, .bg-enveloppe a:hover, .bg-enveloppe a:focus { color: #009aea; } .bg-rss .btn, .bg-megaphone .btn, .bg-enveloppe .btn { font-size: 14px; margin-top: 15px; } .bg-rss a.btn:hover, .bg-rss a.btn:focus, .bg-megaphone a.btn:hover, .bg-megaphone a.btn:focus, .bg-enveloppe a.btn:hover, .bg-enveloppe a.btn:focus { background: #ffffff; } .bg-light-blue { background: #e6f5fd; padding-bottom: 40px; } .bg-light-blue * { color: #009aea; } /* /bg-color */ /* * DCE */ /* recommend */ .dce-recommend { background: #ffffff; border-bottom: 6px solid #009aea; padding: 29px 27px 0 27px; overflow: auto; } .recommend-date { color: #009aea; /*font-family: 'Roboto Condensed', sans-serif;*/ font-size: 26px; /* margin-bottom: 26px; modif by rsp 2.02.2021*/ margin-bottom: 16px; } .news-list-category { color: #ffffff; /*font-family: 'Roboto Condensed', sans-serif;*/ text-transform: uppercase; } .recommend-title { color: #414959; font-size: 25px; font-weight: 600; margin: 10px 0 25px; } .recommend-position { color: #0e52a0; font-size: 28px; /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; text-transform: uppercase; float: left; width: 230px; line-height: 30px; } .recommend-position-title, .recommend-position-title a { color: #0e52a0; font-size: 16px; position: relative; line-height: 22px; float: left; width: calc(100% - 230px); } .recommend-position-title a { width: 100%; } .recommend-position-title a:hover { color: #009aea; } .recommend-subject { border-bottom: 1px solid #ecedee; padding-bottom: 20px; margin-bottom: 12px; float: none; clear: both; display: inline-block; width: 100%; } .recommend-subject:last-of-type { border-bottom: 0px; margin-bottom: 0px; } .recommend-position img { width: 220px; height: auto; } /* /recommend */ /* social */ .social-links { padding-left: 0; text-align: center; } #right-content .social-links { margin-left: -9px; margin-right: -9px; text-align: left; } .social-links li { list-style: none; display: inline-block; margin-left: 19px; margin-right: 19px; } /*.social-links li.social-facebook a { background: #3b5998; } .social-links li.social-instagram a { background: radial-gradient(circle at 33% 100%, #ffdc80 4%, #f15245 35%, #d92e7f 60%, #9b36b7 80%, #405de6); } .social-links li.social-twitter a { background: #1da1f2; } .social-links li.social-flickr a { background: #ff0084; } .social-links li.social-youtube-play a { background: #cd201f; }*/ .social-links li a { text-align: center; border-radius: 100%; display: table; font-size: 32px; height: 65px; opacity: 1; text-shadow: none; transition: all 0.3s ease 0s; width: 65px; display: table-cell; vertical-align: middle; color: #ffffff; position: relative; z-index: 3; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #right-content .social-links li { height: 55px; margin-left: 9px; margin-right: 9px; margin-bottom: 15px; width: 55px; border: 1px solid #009aea; border-radius: 100%; position: relative; } #right-content .social-links li a { font-size: 25px; height: 52px; width: 52px; color: #009aea; } #right-content .social-links li a:hover, #right-content .social-links li:hover a { /*height: 54px; width: 54px; font-size: 27px;*/ color: #ffffff; } /* /social */ /* Slider de vidéos youtube */ .film_roll_wrapper, .film_roll_shuttle { height: auto; } .film_roll_child { position: relative; pointer-events: none; z-index: 1; } .film_roll_child:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; left: 0; top: 0; pointer-events: none; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .film_roll_child.active { pointer-events: auto; } .film_roll_child.active:after { background: none; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .film_roll_pager { display: none; } #film_roll .film_roll_prev, #film_roll .film_roll_next { z-index: 4; left: 15px; } #film_roll .film_roll_prev:focus, #film_roll .film_roll_next:focus { text-decoration: none; } #film_roll .film_roll_next { right: 15px; left: auto; } /* /Slider de vidéos youtube */ /* dce-com */ .dce-com { position: relative; margin-bottom: 30px; } #four-content .dce-com a { position: relative; display: block; box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 10%); } .dce-com img { height: auto; max-width: 100%; } .dce-com .carousel-caption.little-caption { padding: 14px 18px 18px 18px; min-height: 73px; } .dce-com .carousel-caption.little-caption h3 { font-size: 22px; margin-top: 0; } .dce-com iframe { max-height: 100%; max-width: 100%; } /* /dce-com */ /* dce-teaser */ .dce-teaser { text-align: center; /*font-family: 'Roboto Condensed', sans-serif;*/ padding-top: 8px; font-size: 24px; } .dce-teaser * { } .dce-teaser a { color: #0e52a0; } .dce-teaser p { margin-top: 8px; } .dce-teaser a:hover { text-decoration: none; } .dce-teaser a img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; align-self: center; } .dce-teaser .img-container { background: rgba(0, 154, 234, 0); border-radius: 100%; /*display: table-cell;*/ justify-content: center; display: flex; height: 87px; margin: 0 auto; vertical-align: middle; width: 87px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #right-content .dce-teaser .img-container { display: table-cell; } /*.dce-teaser a:hover .img-container { background: #E6F5FD; }*/ .dce-teaser a:hover p { color: #009aea; } #right-content .dce-teaser { padding: 0; } #right-content .dce-teaser .row { margin: 0; } #right-content .dce-teaser .row > div { padding: 0; width: 100%; margin-bottom: 7px; } #right-content .dce-teaser .row > div:last-child { margin-bottom: 0; } #right-content .dce-teaser a { display: block; } #right-content .dce-teaser .img-container { height: 50px; width: 50px; } #right-content .dce-teaser a img { max-width: 64%; } #right-content .dce-teaser a img.gift { max-width: 75%; } #right-content .dce-teaser p { display: table-cell; height: 50px; margin-top: 0; text-align: left; vertical-align: middle; padding-left: 8px; font-size: 16px; font-weight: normal; } /* /dce-teaser */ /* map */ .dce-map .parti-map { float: right; } .dce-map .parti-desc > div { height: 0; overflow: hidden; opacity: 0; padding-left: 10px; margin-left: -10px; -moz-transition: opacity 0.3s ease 0.3s; -o-transition: opacity 0.3s ease 0.3s; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } .dce-map .parti-desc .ch-default { height: auto; opacity: 1; } .dce-map #map { height: 397px; margin-bottom: 70px; margin-top: -65px; width: 100%; } .dce-map .parti-desc .social-youtube .fa-youtube:before { content: "\f16a"; } .dce-map h5 { /*font-family: 'Roboto Condensed', sans-serif;*/ text-transform: none; font-size: 21px; margin-top: 8px; margin-bottom: 23px; } .dce-map .parti-address { margin-bottom: 28px; } .dce-map .parti-contact { margin-bottom: 35px; } .dce-map p { margin-bottom: 5px; } .dce-map a { color: #009aea; } .dce-map a:hover, .dce-map a:focus { color: #0e52a0; } .dce-map a.btn { color: #ffffff; } .dce-map .social-links { text-align: left; margin-bottom: 30px; } .dce-map .social-links li { margin-left: 0; margin-right: 15px; height: auto; width: auto; } .dce-map .social-links li:first-child { margin-left: 0; } .dce-map .social-links li a { background: none; border: 1px solid #009aea; color: #0e52a0; width: 36px; font-size: 18px; height: 36px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .dce-map .social-links li:hover a, .dce-map .social-links li a:hover, .dce-map .social-links li a:focus { color: #ffffff; background: #009aea; } .jvectormap-container { background: none; } .jvectormap-container > svg > *:nth-child(2) { filter: drop-shadow(8px 3px 6px rgba(0, 0, 0, 0.15)); -webkit-filter: drop-shadow(8px 3px 6px rgba(0, 0, 0, 0.15)); } @supports (overflow: -webkit-marquee) and (justify-content: inherit) { .jvectormap-container > svg > *:nth-child(2) { filter: none; } } .jvectormap-zoomin, .jvectormap-zoomout { display: none; } #map .jvectormap-legend { background: #ffffff !important; color: #009aea; border-radius: 3px; } .map-bg, .bg-map-canton { background-position: right center !important; background-repeat: no-repeat !important; /*background-size: 605px auto !important;*/ background-size: contain !important; height: 100%; position: absolute; right: 0; top: 0; pointer-events: none; width: 100%; } .bg-map-title { position: relative; z-index: 1; } _:-ms-fullscreen, :root .map-bg { width: 100%; } _:-ms-fullscreen, :root .bg-map-canton { width: 100%; } .map-bg::after, .bg-map-canton:after { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,ffffff+100&1+0,1+30,0.7+100 */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 65%, rgba(255, 255, 255, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3ffffff', GradientType=1); /* IE6-9 */ } /* /map */ /* dce-keynumbers */ .dce-keynumbers { padding-left: 0; text-align: center; } .dce-keynumbers li { display: inline-block; list-style: outside none none; margin-bottom: 28px; text-align: center; vertical-align: top; } .dce-keynumbers .key-number { text-align: left; } .dce-keynumbers .key-number a { display: block; } .dce-keynumbers .keynumber-number, .dce-keynumbers .keynumber-title, .wng-user-member-count { height: 142px; opacity: 1; text-shadow: none; transition: all 0.3s ease 0s; display: table-cell; vertical-align: middle; margin-bottom: 25px; color: #ffffff; font-size: 20px; padding-left: 15px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .dce-keynumbers .keynumber-number, .wng-user-member-count { font-size: 50px; border: 1px solid rgba(255, 255, 255, 0.2); text-align: center; border-radius: 100%; margin-right: 15px; /*font-family: 'Roboto Condensed Bold', sans-serif;*/ font-weight: 600; padding-left: 0; width: 142px; position: relative; z-index: 3; } .dce-keynumbers a:hover .keynumber-number { background: #ffffff; color: #4b5261; } .wng-user-member-count { color: #0e52a0; border-color: #0e52a0; font-size: 22px; width: 50px; height: 50px; } /* /dce-keynumbers */ /* dce section */ .dce-section { padding: 0 0 40px 0; position: relative; } .dce-section li { list-style: none; display: inline-block; } .btn.btn-section { background: #e8308a; color: #fff; font-family: "Source Sans Pro", Arial; font-size: 16px; padding-left: 22px; padding-right: 22px; text-transform: none; margin-right: 20px; } .btn.btn-section:hover, .btn.btn-section:focus { background: #0e52a0; color: #ffffff; } /* /dce section */ /* dce-topics */ .dce-topics { } .dce-topics .topic { position: relative; border-bottom: 6px solid #009aea; margin-top: 30px; } .dce-topics a { display: block; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1); } .dce-topics img { max-width: 100%; height: auto; } .dce-topics .icon-img { padding-top: 50px; padding-bottom: 80px; } .dce-topics .carousel-caption.little-caption { min-height: 77px; padding: 11px 17px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .dce-topics .topic:hover .carousel-caption, .dce-topics a:hover .carousel-caption { min-height: 100%; } .dce-topics .carousel-caption.little-caption h3 { font-size: 20px; margin-top: 0; display: inline-table; position: absolute; top: 13px; padding-right: 17px; } .dce-topics .topic:hover .carousel-caption.little-caption h3, .dce-topics a:hover .carousel-caption.little-caption h3 { font-size: 27px; transform: perspective(1px) translateY(-50%); top: 50%; } /* /dce-topics */ /* dce-position + dce-valeur */ .dce-position hr, .dce-valeur hr { border-color: rgba(0, 0, 0, 0.05); border-width: 4px; margin-top: 37px; margin-bottom: 30px; } .dce-valeur hr { border-width: 1px; margin-bottom: 12px; } .position-documents, .valeur-documents, .news-list-view > li, .news-related li { list-style: outside none none; padding: 0; } .position-documents li, .valeur-documents li, .article-position, .news-related li { padding: 9px 0; } .position-documents a:hover, .valeur-documents a:hover { color: #009aea; } .position-documents a .document-icon, .valeur-documents a .document-icon, .news-related li .document-icon { border-radius: 100%; display: table-cell; text-align: center; text-shadow: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; vertical-align: middle; border: 1px solid #009aea; font-size: 15px; height: 36px; width: 36px; min-height: 36px; min-width: 36px; max-height: 36px; max-width: 36px; position: relative; } .news-related ul li span:last-child { border: 1px solid #009aea; } .document-icon .icon_pdf { margin-left: 2px; margin-top: 6px; margin-bottom: 2px; height: 18px; position: relative; z-index: 3; width: auto; } .document-icon .icon_pdf .st0 { fill: #009aea; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .position-documents a:hover .document-icon .st0, .position-documents a:active .document-icon .st0, .valeur-documents a:hover .document-icon .st0, .valeur-documents a:active .document-icon .st0 { fill: #0e52a0; } .document-title, .news-related ul li span.document-title { padding-left: 10px; display: table-cell; height: 36px; vertical-align: middle; width: auto; border: none; } .documents-more { border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-top: 20px; } .documents-more a, .panel-title a { display: block; padding-top: 20px; padding-bottom: 20px; padding-right: 50px; position: relative; } .title-panel-group { display: none; } .home-page + #four-content .title-panel-group { display: block; } .home-page + #four-content .panel-group { margin-bottom: 0px; } .home-page + #four-content .panel-group h4.panel-title { font-size: 20px; padding: 0px; text-align: left; } .home-page + #four-content .panel-group .panel-title a { padding-left: 20px; } .home-page + #four-content .panel-group .panel-title a:after { right: 20px; top: 15px; } .home-page + #four-content .panel-group .panel-body { padding-left: 20px; padding-right: 20px; } .home-page + #four-content .panel-group .panel { margin-top: 0px; } .home-page + #four-content .panel-group .panel + .panel { margin-top: 20px; } .documents-more a.open, .documents-more a:hover, .documents-more a:focus { color: #0e52a0; } .documents-more a:after, .panel-title a:after { background: url(../img/icon/icon_plus.svg) no-repeat center center; background-size: 13px 14px; content: ""; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 100%; display: table-cell; font-size: 15px; height: 34px; text-align: center; text-shadow: none; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; vertical-align: middle; width: 34px; position: absolute; right: 0; top: 0px; } .documents-more a:hover:after, .panel-title a:hover:after, .documents-more a.open::after, .panel-title a:not(.collapsed)::after { background: url(../img/icon/icon_minus.svg) no-repeat center center; background-size: 13px auto; border-color: #0e52a0; } .position-documents li.documents-height-hidden, .valeur-documents li.documents-height-hidden, .news-list-view li.documents-height-hidden { margin: 0; padding: 0; overflow: hidden; max-height: 0; opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .position-documents li.document-visible, .valeur-documents li.document-visible, .news-list-view li.document-visible { max-height: 100%; opacity: 1; padding: 9px 0; } .back-link-position, .back-link-valeur, .fe-users-back, .news-backlink-wrap, .general-backlink-wrap { -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: absolute; left: -70px; top: 0; } .back-link-position a, .back-link-valeur a, .fe-users-back a, .news-backlink-wrap a, .general-backlink-wrap a { border: 1px solid #009aea; border-radius: 100%; display: table-cell; font-size: 27px; height: 40px; text-align: center; text-shadow: none; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; vertical-align: middle; width: 40px; } .back-link-position a:before, .back-link-valeur a:before, .fe-users-back a:before, .news-backlink-wrap a:before, .general-backlink-wrap a:before, .document-icon:before, #content #st-1 .st-btn:before, .dce-keynumbers .keynumber-number:before, .dce-map .social-links li a:before, #showUserModal a i:after, #userDetail a i:after, .link-microphone .icon-contact:before, .link-internal .icon-contact:before, .icon-parlament:before, .icon-link:before, .icon-exclam:before, #right-content .social-links li:before, .ico-class i:after { border-radius: 100%; box-sizing: content-box; content: ""; height: 100%; min-height: 32px; position: absolute; width: 100%; min-width: 32px; background: #009aea; left: -2px; padding: 2px; top: -2px; -moz-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; -o-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; -webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; opacity: 0; transform: scale(1.3); pointer-events: none; } .document-icon:before { min-width: 34px; min-height: 34px; } .dce-map .social-links li a:before { z-index: -1; } .dce-keynumbers .keynumber-number::before { background: #ffffff; z-index: -1; } .back-link-position a:hover:before, .back-link-valeur a:hover:before, .fe-users-back a:hover:before, .news-backlink-wrap a:hover:before, .general-backlink-wrap a:hover:before, .valeur-documents a:hover .document-icon:before, .position-documents a:hover .document-icon:before, .news-related a:hover .document-icon:before, #content #st-1 .st-btn:hover:before, .dce-keynumbers a:hover .keynumber-number:before, .dce-map .social-links li a:hover:before, #showUserModal a:hover i:after, #userDetail a:hover i:after, .link-microphone:hover .icon-contact:before, .link-internal:hover .icon-contact:before, a:hover .icon-parlament:before, a:hover .icon-link:before, a:hover .icon-exclam:before, #right-content .social-links li:hover:before, .ico-class:hover i:after { opacity: 1; transform: scale(1); } .back-link-position .back_arrow, .back-link-valeur .back_arrow, .fe-users-back .back_arrow, .news-backlink-wrap .back_arrow, .general-backlink-wrap .back_arrow { vertical-align: initial; height: 18px; border: none; width: 10px; fill: #009aea; position: relative; z-index: 3; } .back-link-position .back_arrow .st0, .back-link-valeur .back_arrow .st0, .fe-users-back .back_arrow .st0, .news-backlink-wrap .back_arrow .st0, .general-backlink-wrap .back_arrow .st0 { fill: #009aea; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .back-link-position a:hover .back_arrow .st0, .back-link-valeur a:hover .back_arrow .st0, .fe-users-back a:hover .back_arrow .st0, .news-backlink-wrap a:hover .back_arrow .st0, .general-backlink-wrap a:hover .back_arrow .st0, .valeur-documents a:hover .icon_pdf .st0, .position-documents a:hover .icon_pdf .st0, .news-related a:hover .icon_pdf .st0, .ico-class:hover i:after { fill: #ffffff; } .back-link-position a:hover, .back-link-position a:focus, .back-link-position a:active, .back-link-valeur a:hover, .back-link-valeur a:focus, .back-link-valeur a:active, .fe-users-back a:hover, .fe-users-back a:focus, .fe-users-back a:active, .news-backlink-wrap a:hover, .news-backlink-wrap a:focus, .news-backlink-wrap a:active, .general-backlink-wrap a:hover, .general-backlink-wrap a:focus, .general-backlink-wrap a:active { background: #009aea; } .dce-valeur .iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px; margin-top: 20px; } .dce-valeur iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; } /* /dce-position + /dce-valeur*/ /* dce accordéon */ .panel-group .panel { border-radius: 0; box-shadow: none; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-top: 20px; } .panel-group .panel + .panel { margin-top: 35px; } .panel-default > .panel-heading { padding: 0; background: none; } .panel-title { font-size: 20px; } .panel-title a { display: block; } .panel-title a:not(.collapsed) { color: #009aea; } .panel-body { padding-left: 0; padding-right: 0; border: none !important; } /* /dce accordéon */ /* dce link-microphone et dce lien interne */ .link-microphone, .link-internal { display: inline-block; margin-bottom: 12px; } .link-microphone .icon-contact, .link-internal .icon-contact { display: inline-block; height: 18px; width: 13px; border: 1px solid #009aea; border-radius: 100%; display: table-cell; font-size: 27px; height: 40px; text-align: center; text-shadow: none; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; vertical-align: middle; width: 40px; position: relative; float: left; display: flex; align-items: center; justify-content: center; } .link-microphone svg, .link-internal svg { width: 13px; height: 18px; position: relative; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .link-microphone:hover .cls-1, .link-internal:hover .cls-1 { fill: #ffffff; } .link-microphone:hover, .link-internal:hover { color: #009aea; } .text-icon-contact { line-height: 40px; padding-left: 10px; } /* /dce link microphone */ /* dce arrondissement et section */ .ico-class { display: block; margin-top: 30px; } table.table-arrondissement { margin-top: 50px; } table.table-arrondissement tr td { vertical-align: middle; border: none; border-top: 1px solid #009aea; padding: 30px 0; } table.table-arrondissement a { margin-top: 10px; display: block; } /* dce arrondissement et section */ /* bottom-content */ .bottom-content { position: relative; /*height: 385px;*/ overflow: hidden; } .bottom-content iframe { position: relative; top: 0; left: 0; width: 100% !important; height: 385px !important; pointer-events: none; } .bottom-content iframe.clicked { pointer-events: auto; } /* /bottom-content */ /* * footer */ footer { padding: 30px 0 0px 0; background: #373c48; } footer * { color: #ffffff; } footer > .container > .row { min-height: 155px; position: relative; } footer p { margin: 0; line-height: 25px; } footer a { color: #ffffff; } footer a:hover, footer a:focus { color: #009aea; } footer h3 { font-weight: 500; font-size: 18px; margin-bottom: 7px; padding-bottom: 13px; } /* footer-social + header-social */ footer .social-links, header .social-links { text-align: right; margin-bottom: 0; } footer .social-links li, header .social-links li { margin-left: 20px; margin-right: 0; } header .social-links li { height: 32px; width: 32px; margin-left: 8px; padding-top: 3px; } header .social-links li:first-child { margin-left: 0; } footer .social-links li a, header .social-links li a { background: none !important; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 28px; height: 58px; width: 58px; } header .social-links li a, header .social-links li a:hover, header .social-links li a:focus { color: #0e52a0; /*border-color: #0e52a0;*/ border-color: none; box-shadow: none; font-size: 18px; height: 30px; width: 30px; } footer .social-links li a:hover { background: #ffffff !important; } footer .social-links li a i { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } footer .social-links li a:hover i { color: #373c48; } header .social-links li a:hover, header .social-links li a:focus { color: #e8308a; /*border-color: #009aea;*/ } /* /footer-social + header-social */ /* back to top */ #back-to-top { position: absolute; right: -15px; bottom: 0px; border: 2px solid #ffffff; border-radius: 100%; font-size: 20px; height: 35px; line-height: 28px; text-align: center; width: 35px; opacity: 0.6; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #back-to-top:hover { opacity: 1; } /* /back to top */ /* * footer-nav */ .footer-nav { border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 12px; position: relative; } .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; } .footer-nav ul li a { display: inline-block; padding: 15px 12px 19px 12px; text-decoration: none; font-size: 14px; } .footer-nav ul li a:hover, .footer-nav ul li a:focus { color: #009aea; } .footer-nav ul li:first-child a { padding-left: 0; } .footer-nav ul li:last-child { border-right: none; } .footer-nav p { padding-top: 12px; font-size: 14px; } .footer-nav p a { text-decoration: none; } /* ------------------ */ /* --- Social wall --- */ /* ------------------ */ .tx-pb-social .pb-list-item .image { width: 100%; cursor: pointer; } @media (min-width: 1600px) and (max-width: 1720px), (min-width: 1200px) and (max-width: 1320px), (min-width: 992px) and (max-width: 1120px), (max-width: 900px) { .back-link-position, .back-link-valeur, .fe-users-back, .news-backlink-wrap, .general-backlink-wrap { position: absolute; left: 0; top: -50px; } .tx-cart .news-backlink-wrap { left: 15px; } .content-events-details .news-backlink-wrap, .general-backlink-wrap, .back-link-position, .back-link-valeur { left: 15px; } .newsletter-backlink-wrap { top: -140px; } } @media (min-width: 1600px) and (max-width: 1750px), (min-width: 1200px) and (max-width: 1360px), (min-width: 992px) and (max-width: 1155px), (max-width: 900px) { #showUserModal .tx-wng-fe-users button.close { right: 0; top: -121px; } } @media (max-width: 1600px) { .tx-pb-social .pb-list .pb-list-item { width: 24%; width: calc(25% - 37px); } .wng-user-member .user-name { font-size: 22px; } } @media (max-width: 1500px) { .wng-new-personne-flip-area { padding: 15px; } } @media (min-width: 991px) and (max-width: 1200px) { .news-search-form .btn, .bg-rss .btn, .bg-megaphone .btn, .bg-enveloppe .btn { width: 100%; padding-left: 0; padding-right: 0; } } @media (max-width: 992px) { #four-content .dce-social-wall { max-height: inherit; } .tx-pb-social .pb-list .pb-list-item { width: 32%; width: calc(33% - 26px); } .tx-pb-social .btn-filter-newsroom { margin-bottom: 5px; } .wng-new-personne-zone .wng-new-personne-area:nth-child(3n + 1) { clear: none; } .wng-new-personne-zone .wng-new-personne-area:nth-child(2n + 1) { clear: left; } .map-bg::after, .bg-map-canton:after { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,ffffff+100&1+0,1+30,0.7+100 */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3ffffff', GradientType=1); /* IE6-9 */ } .social-links li.social-threema a:hover .blue-threema { opacity: 1; } .social-links li.social-threema a:hover .color-threema { opacity: 0; } } @media (max-width: 767px) { .tx-pb-social .pb-list .pb-list-item { width: 47%; width: calc(50% - 31px); } } @media (max-width: 500px) { .tx-pb-social .pb-list .pb-list-item { width: 92%; } } /* ------------------ */ /* -Tarte au citron - */ /* ------------------ */ body #tarteaucitronRoot #tarteaucitronPercentage { background-color: #009aea !important; box-shadow: none !important; height: 3px !important; } body #tarteaucitronRoot #tarteaucitronAlertBig { padding: 8px 5% !important; } body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { border-radius: 3px; border: none; background: #009aea !important; padding: 8px 15px !important; text-shadow: none; color: #ffffff; text-transform: uppercase; font-size: 13px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 8px !important; outline: none !important; } body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2.tarteaucitronCTAButton.tarteaucitronAllow { border-radius: 3px; border: none; background: #0e52a0 !important; padding: 8px 15px !important; text-shadow: none; color: #ffffff; text-transform: uppercase; font-size: 13px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 8px !important; outline: none !important; } body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAllDenied2.tarteaucitronCTAButton.tarteaucitronDeny { border-radius: 3px; border: none; background: #A60A33 !important; padding: 8px 15px !important; text-shadow: none; color: #ffffff; text-transform: uppercase; font-size: 13px !important; margin-top: 5px; margin-bottom: 5px; margin-left: 8px !important; outline: none !important; } body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert { background: #fff !important; border-radius: 3px; border: none; padding: 8px 15px !important; text-shadow: none; color: #0e52a0; text-transform: uppercase; font-size: 13px !important; position: relative; margin-left: 8px !important; outline: none !important; } body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:focus, body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:active, body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, body #tarteaucitronRoot .tac_activate .tarteaucitronAllow { outline: none !important; } body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine { background: #0e52a0 !important; border: 3px solid #0e52a0 !important; border-left: 9px solid #0e52a0 !important; border-top: 5px solid #0e52a0 !important; border-top-left-radius: 0px !important; } body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder { border: none !important; } body #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel { background: #0e52a0 !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; color: #fff !important; box-shadow: 0 0 35px #575757 !important; outline: none !important; } body #tarteaucitronRoot button#tarteaucitronBack { background: #fff; } body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo { background: #0e52a0 !important; } body #tarteaucitronRoot div#tarteaucitronInfo { border: none !important; } body #tarteaucitronRoot #tarteaucitronAlertBig { background: #e8308a !important; } body #tarteaucitronRoot .tarteaucitronH1 { color: #fff !important; font-weight: bold; } body #tarteaucitronRoot .tarteaucitronH2 { color: #fff !important; font-weight: bold; } body #tarteaucitronRoot #tarteaucitron #tarteaucitronInfo, body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails, body #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel { color: #fff !important; } body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine { background: #fff !important; } body #tarteaucitronRoot .tarteaucitronTitle, body #tarteaucitronRoot .tarteaucitronHidden { background: #fff !important; } body #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine { background: #0e52a0 !important; } body #tarteaucitronRoot #tarteaucitronAlertBig { box-sizing: border-box !important; } /* ------------------ */ /* --- Responsive --- */ /* ------------------ */ @media (min-width: 1200px) { .content-img .carousel-inner .item img { position: absolute; top: 0; bottom: 0; margin: auto; margin-bottom: 0px; margin-top: 0px; } } @media (min-width: 1600px) { .container { width: 1560px; } } @media (max-width: 1599px) { .content-top:before { height: 385px; } .content-top:after { top: 385px; } .dce-com { height: 266px; } .news-list-view .article-com .article-caption { margin-top: -36px; } #content #st-1 .st-btn { margin-right: 17px; } .ce-left .ce-gallery, .ce-right .ce-gallery { max-width: 50%; } } @media (max-width: 1750px) { .carousel .carousel-control, #film_roll .film_roll_prev, #film_roll .film_roll_next { left: 20px; } .carousel .carousel-control.right, #film_roll .film_roll_next { left: auto; right: 20px; } } @media (max-width: 1199px) { header .social-links li { margin-left: 0px; } .topheader-nav > * { padding-left: 16px; } .topheader-nav .lang-nav { padding-left: 15px; } .commit .btn { font-size: 15px; padding: 8px 15px; } nav ul li a { padding-left: 15px; padding-right: 15px; } .dce-com { height: 200px; } .news-list-view .article-com .article-caption { margin-top: -36px; } } @media (min-width: 991px) { #link-to-checkout { width: 100%; padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .commit .btn { margin-top: 10px; } .navbar-header { margin-top: 25px; } .navbar-brand { height: 121px; } .sticky .navbar-brand { height: 74px; margin-bottom: 17px; padding-bottom: 0; } .navToggle { display: none; } #closeSearch, #closeSearch:hover { display: block; height: 35px; width: 35px; background-size: 15px 15px; border: 1px solid #ffffff; } #form_kesearch_searchfield { margin: 50px auto; } .search-toggle { position: absolute; right: 60px; font-size: 25px; padding: 12px 0; } .navbar-toggle { display: block; background: none; border: 1px solid #0e52a0; border-radius: 100%; height: 44px; margin-right: 0; } .navbar-toggle .icon-bar { background: #0e52a0; } .navbar-toggle span:nth-child(2) { -moz-transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; transition: all 0s; } .navbar-toggle.open span:nth-child(1) { -webkit-transform: translateY(5px) rotate(45deg); -ms-transform: translateY(5px) rotate(45deg); transform: translateY(5px) rotate(45deg); } .navbar-toggle.open span:nth-child(2) { opacity: 0; } .navbar-toggle.open span:nth-child(3) { width: 100%; -webkit-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); } #container-navbar { width: 100%; padding: 0; } #navbar.navbar-collapse.collapse, .topheader-nav { display: none !important; padding: 0; margin: 0; } #navbar.navbar-collapse.collapse.in { display: block !important; } .navbar-header { min-width: 100%; } #navbar nav { position: inherit; top: 100%; left: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; background: #0e52a0; border: none; border-radius: 0; width: 100%; box-shadow: none; margin: 0 !important; padding: 0; display: block; overflow: auto; height: 0; float: none; clear: both; } #navbar.in nav { height: 100vh; padding: 0px 0px 130px 0px; } nav#nav:before { position: absolute; content: ""; background: #0e52a0; width: 100%; left: 0; height: 100vh; z-index: 0; } #navbar nav .menu { padding: 0; z-index: 1; position: relative; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #navbar.in nav .menu { padding: 60px 0px 208px 0px; overflow: auto; } #navbar.in nav .menu.activated { padding-top: 0px; } .menu li { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); height: auto; position: relative; } .dropdow-separation { margin-left: 0; } nav ul li.closed { height: 0px; opacity: 0; display: none; } nav ul li.closed a { pointer-events: none; } .menu li.active { background: #184485; background: none; } #nav ul:hover > li > a:after, .dropdown-menu ul:hover .dropdown-submenu > a::after { opacity: 1; } #nav ul:hover > li > a, #nav ul:hover > li.active > a { color: rgba(255, 255, 255, 1); } .menu > li > a:hover, .menu > li.active > a:hover, .menu > li.active > a, .menu > li.open > a, .menu > li > a:focus { color: #ffffff; } .menu > li > a:hover:after, .menu > li.open > a:after, .menu > li > a:focus:after { opacity: 1; } .main-submenu > a:after { content: ""; right: 15px; transform: rotate(0deg); -moz-transition: transform 0.5s ease 0.5s; -o-transition: transform 0.5s ease 0.5s; -webkit-transition: transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s; } .main-submenu.open > a:after { transform: rotate(180deg); -moz-transition: transform 0.5s ease 0.5s; -o-transition: transform 0.5s ease 0.5s; -webkit-transition: transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s; } .menu .main-submenu.open, .dropdown-submenu.open { background: #184485 !important; } .menu .main-submenu.open a { padding-top: 22px; padding-bottom: 22px; } .menu a, .dropdown-menu li a { color: rgba(255, 255, 255, 1); display: block; width: 750px; padding-right: 70px; padding-left: 8.33333333%; text-align: left; margin: 0 auto; } .open > .dropdown-menu { left: 0; z-index: 3; height: auto; left: 0; padding: 0; position: relative; width: 100%; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .dropdown-menu > .container { width: 100%; padding: 0; padding-bottom: 45px; /*overflow-x:hidden;*/ /*overflow: auto;*/ } .dropdown-menu ul { padding: 0; } .dropdown-submenu li { display: inline-block; } .topheader-nav.sticky-mobile { display: block !important; position: fixed; bottom: 0; background: #ffffff; left: 0; text-align: center; width: 100%; padding: 12px 0; opacity: 0; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; } #navbar.in .topheader-nav.sticky-mobile { opacity: 1; z-index: 10; } .topheader-nav.sticky-mobile > *:first-child { padding-left: 10px; } .topheader-nav.sticky-mobile .search-toggle { display: none; } .content-top:before { height: 250px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009aea+0,074ea1+100 */ background: rgb(0, 154, 234); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009aea', endColorstr='#0E52A0', GradientType=1); /* IE6-9 */ } .content-top:after { top: 250px; } .content-top, #content.content-page { margin-top: 130px; padding-bottom: 0px; } .tablet-inverse-content { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } #main-content { border: none; padding-bottom: 50px; } #four-content > div > .row { margin-bottom: 15px; } #four-content .article { margin-bottom: 40px; } #newsletter-subscription.form-inline .form-control { min-width: 450px; } .bg-color.bg-white-border { min-height: initial !important; } #four-content .home-box + .frame { float: none; } .film_roll_child { width: 800px !important; min-height: 459px; } .film_roll_child iframe { top: 0; left: 0; width: 100%; height: 100%; min-height: 459px; } #film_roll .film_roll_prev, #film_roll .film_roll_next { display: none !important; } .film_roll_pager { display: block; } #content.content-little-right { overflow-x: hidden; } #content.content-little-right, .content-little-right > .container > .row { background: #ffffff; padding-bottom: 0; } .md-align-left { float: left !important; } #userDetail .md-align-left .img-member { margin-bottom: 20px; margin-top: 0; margin-left: 0; max-width: 45%; } .share-buttons { display: none; } #right-content { background: rgba(246, 248, 247, 1); padding-top: 50px; position: relative; display: inline-block; width: 100%; margin-left: -15px; margin-right: -15px; padding-bottom: 15px; } #right-content:before, #right-content:after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; background: rgba(246, 248, 247, 1); height: 100%; } #right-content:after { left: auto; right: -100%; } #right-content .share-buttons, #print { display: none !important; } #right-content .tx-wng-fe-users .wng-user-member-list .row > * { float: left; width: 50%; padding-top: 0; } #right-content > .bg-color, #right-content .wng-user-member, #right-content .frame-type-shortcut { width: 46%; width: calc(50% - 32px); display: inline-block; vertical-align: top; margin-left: 15px; margin-right: 15px; } #right-content .tx-wng-fe-users .wng-user-member-list .row .wng-user-member { width: 100%; margin: 0; } /* news */ .news-list-view .news-img-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .article-tv .news-img-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 750px; } /* /news */ /* cart */ .tx-cart .row:first-child > .col-md-6:last-child .cart-product { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 38px; padding-top: 40px; } /* /cart */ /* personnes */ #right-content .wng-user-member-list { margin: 0; } #right-content .tx-wng-fe-users .wng-user-member-list .row { margin-left: 0; margin-right: 0; } .wng-user-member { padding-top: 15px; height: auto; } .wng-user-member a { text-align: left; position: relative; display: block; height: 100%; } .wng-user-member .img-member { width: 33%; display: inline-block; margin-left: 15px; margin-bottom: 15px; } .wng-user-member .user-info { display: inline-block; width: auto; max-width: calc(100% - 33% - 15px - 4px); vertical-align: top; padding-left: 15px; height: auto !important; max-height: none; padding-bottom: 50px; } .wng-user-member .user-info:after { border-bottom: none; } .wng-user-member .user-info .user-name { font-size: 20px; line-height: 22px; margin-top: 0; } .modal-container { margin-top: 80px; } #showUserModal .tx-wng-fe-users button.close { right: 0; top: -97px; height: 50px; width: 50px; background-size: 50% auto; } .modal-body .tx-wng-fe-users .img-member { max-width: 100%; margin-bottom: 30px; } #userDetail .pull-right { width: 100%; } /* /personnes */ /* bg */ .bg-newsletter::before { background: none; } /* social wall */ .tx-pb-social .pb-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } /* /social wall */ /* * DCE */ .dce-recommend { height: auto !important; margin-bottom: 45px; } .dce-com { height: auto; } .bg-map-canton { display: none; } .dce-section { padding: 0; } /* map */ .dce-map .parti-map { float: none; clear: both; } .dce-map #map { margin-top: 0; margin-bottom: 0; } .map-bg::after, .bg-map-canton::after { width: 100%; } .dce-map .parti-address, .dce-map .social-links { margin-left: -15px; margin-right: -15px; } .dce-map .parti-address, .dce-map .parti-contact, .dce-map .social-links { display: inline-block; width: 33.333%; vertical-align: top; padding-left: 15px; padding-right: 15px; } .jvectormap-container, .jvectormap-container svg { touch-action: initial; } #content .bg-white-map header { z-index: 1; } .map-bg, .bg-map-canton { background-size: auto 100% !important; background-position: right bottom !important; } /* social-links */ /* Modifié par kzu@wng.ch 27 mars 2020 .bottom-content,*/ .map { max-height: 300px; } footer .social-links { text-align: left; } footer .social-links li { margin-bottom: 10px; } } @media (max-width: 800px) { #back-to-top { right: 15px; position: relative; float: right; margin-bottom: 0; } /*.ce-left .ce-gallery, .ce-right .ce-gallery { float: none !important; max-width: 100%; margin-right: 0 !important; margin-left: 0 !important; }*/ } @media (min-width: 767px) { } @media (max-width: 767px) { .social-wall-icon { right: -15px; } h1, .bg-color h2 { font-size: 30px; } h2 { font-size: 26px; } .ce-gallery[data-ce-columns="2"] .ce-column { float: left; width: 100%; margin-bottom: 15px; } h4, #four-content h4 { font-size: 22px; } .navbar-header, .navbar-header.sticky { margin-top: 15px; } #branding { width: 85%; } .navbar-brand { height: 54px; padding-bottom: 15px; padding-left: 15px; } .sticky .navbar-brand { padding: 0 15px 7px 15px; height: 39px; } .navbar-brand > img, .navbar-header.sticky .navbar-brand > img { max-height: 40px; } .navbar-toggle { margin-right: 15px; height: 35px; padding: 7px; margin-top: 0; } .search-toggle { padding: 0; } #form_kesearch_searchfield #ke_search_searchfield_sword { width: 250px; display: inline-block; float: none; } #form_kesearch_searchfield { width: 100%; } #form_kesearch_searchfield button { display: inline-block; float: none; height: 46px; } .navbar-toggle .icon-bar { width: 19px; } #navbar.in nav { padding: 0 0 157px 0; } #navbar.in nav .menu { padding: 0; } .menu a, .dropdown-menu li a { width: 100%; font-size: 14px; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; } .main-submenu > a:after, .dropdown-submenu > a:after { height: 59px; } .dropdown-menu > .container { padding-bottom: 80px; } .topheader-nav.sticky-mobile > * { display: block; padding-left: 0; } .topheader-nav.sticky-mobile .social-links { text-align: center; } .content-top, #content.content-page { margin-top: 71px !important; } .content-top-img { display: none; } .content-top:before { height: 200px; } #four-content > div > .row { margin-bottom: 0; } #four-content .news .article-com { margin-bottom: 40px; } .film_roll_child { width: 375px !important; min-height: 211px; } .film_roll_child iframe { min-height: 211px; } #right-content { width: 100%; margin: 0; } #right-content > .bg-color, #right-content .wng-user-member, #right-content .frame-type-shortcut { width: 100%; margin-left: 0; margin-right: 0; } #right-content .tx-wng-fe-users .wng-user-member-list .row > * { width: 100%; float: none; padding-left: 0; padding-right: 0; } #right-content:before, #right-content:after { content: none; } .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; } .article-content .teaser-text { text-align: center; } .news-list-view .article .news-img-wrap, .news-single .article .news-img-wrap { float: none; } .news-list-view .article-com .article-caption { margin-top: 0; } .article-blog .blog-content { display: none; } .event-list-view .article .forward_arrow { display: none; } .event-list-view .article a { padding-right: 0; } .event-list-view .list-date { min-width: initial; float: none; display: table-cell; padding-right: 15px; } .wng-user-member { padding-top: 15px; height: auto; } .carousel-caption { position: relative; } .content-img .carousel-caption { position: absolute; background: rgba(14, 82, 160, 0.6); font-size: 18px; min-height: inherit; padding: 14px 20px 14px 20px; } .content-img .slide-cat { display: none; } .dce-topics .carousel-caption { position: absolute; min-height: 100%; } .dce-topics a .carousel-caption.little-caption h3 { transform: perspective(1px) translateY(-50%); top: 50%; } .mediaelement.mediaelement-image { display: inline-block; } . #newsletter-subscription.form-inline { text-align: left; margin: 0; } #newsletter-subscription.form-inline .form-control { min-width: 0; width: 100%; } /* bg */ .bg-newsletter, .bg-black, .bg-mosaic { padding: 30px 0; } .bg-newsletter::before, .bg-newsletter::after { background: none; } .bg-enveloppe .btn { margin-top: 0; } /* social wall */ .tx-pb-social .btn-filter:first-child { margin-left: -10px; } .tx-pb-social .btn-filter:last-child { margin-right: -10px; } .tx-pb-social .btn-filter-newsroom { margin: 0 10px 0px 10px; } .tx-pb-social .pb-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .tx-pb-social .btn-filter { width: auto; } .btn-filter-newsroom i { margin-right: 0; } .tx-pb-social .filter-label { display: none; } /* /social wall */ /* powermail */ .powermail_fieldset .layout1, .powermail_fieldset .layout2 { float: none; clear: both; width: 100%; } /* /powermail */ /* personnes */ #userDetail .pull-right { float: none; width: 100%; } #userDetail .md-align-left .img-member { max-width: 300px; } /* /personnes */ /* cart */ .product-detail h2 { margin-top: 20px; } /* /cart */ /* * dce */ .dce-com { height: auto; } .dce-keynumbers li { display: block; } footer .social-links { margin-top: 30px; } /* dce-teaser */ .dce-teaser { padding: 0; } .dce-teaser .row { margin: 0; } .dce-teaser .row > div { padding: 0; float: none; clear: both; width: 100%; margin-bottom: 7px; } .dce-teaser .row > div:last-child { margin-bottom: 0; } .dce-teaser a { display: block; } .dce-teaser .img-container { display: table-cell; height: 50px; width: 50px; } .dce-teaser a img { max-width: 64%; } .dce-teaser p { display: table-cell; height: 50px; margin-top: 0; text-align: left; vertical-align: middle; padding-left: 8px; font-weight: normal; } /* dce-map */ .dce-map #map { margin-top: -50px; margin-bottom: 0px; } .dce-map .parti-address, .dce-map .parti-contact, .dce-map .social-links { display: block; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } /* * /dce */ /* Modifié par kzu@wng.ch 27 mars 2020 .bottom-content,*/ .map { max-height: 250px; } footer { padding-bottom: 15px; } footer > .container > .row > * { margin-bottom: 45px; } footer > .container > .row > .col-sm-6 { margin-bottom: -10px; } footer p { font-size: 14px; } footer .social-links li { margin-left: 0; margin-right: 20px; } .footer-nav, .footer-nav .pull-right { text-align: center; } .footer-nav ul { margin-top: 5px; margin-bottom: 8px; } .footer-nav ul li a, .footer-nav p { padding-top: 10px; padding-bottom: 0; font-size: 12px; } .footer-nav .pull-right { float: none; clear: both; width: 100%; line-height: 18px; } .wng-creation { display: block; } } @media (max-width: 600px) { .content-top:before { height: 150px; } .content-img .carousel-caption { font-size: 16px; padding: 12px 15px 12px 15px; } .wng-new-personne-flip-text-area { font-size: 18px; } } @media (max-width: 500px) { .dce-map #map { margin-top: -80px; margin-bottom: -60px; } .recommend-position { width: 100%; } .recommend-position-title { padding-top: 20px; width: 100%; } } /* ------------------ */ /* --- users --- */ /* ------------------ */ html .user-role > div.role, html .user-canton > div.canton { display: none; } html[lang="fr"] div.role-fr, html[lang="fr"] div.canton-fr { display: block; } html[lang="de"] div.role-de, html[lang="de"] div.canton-de { display: block; } /* Lightbox */ .featherlight .featherlight-content { max-width: 1000px; } /* Liste abc */ .liste_alpha { list-style-type: lower-alpha; } /* shop */ .tx-cart form#form-order .form-title .num, .tx-cart form#form-cart .form-title .num { color: #fff; display: inline-block; width: 20px; border-radius: 50%; text-align: center; height: 20px; line-height: 20px; font-size: 0.75em; vertical-align: middle; margin-right: 10px; margin-top: -3px; } #form-order h5 { padding: 10px; } .tx-cart h5.form-title { margin: 0; } .tx-cart li, .tx-cart ul { list-style-type: none; } .tx-cart ul { list-style-type: none; padding: 0px 8px 2px 8px; } .bg-light-grey { background-color: #f6f8f7; } /* ------------------ */ /* --- ELECTION PAGES --- */ /* ------------------ */ .top-election + #four-content { padding-top: 100px; } /* Election - Banner countdown */ .banner-election { position: fixed; z-index: 1001; top: 0; left: 0; width: 100%; padding: 17px 0px 15px 0px; background: linear-gradient(92deg, #009aea, #0e52a0), linear-gradient(to bottom, #0e52a0, #0e52a0); } .banner-election h3 { font-size: 30px; font-weight: 600; color: #fff; display: inline-block; padding: 0; margin: 0; line-height: 50px; } .banner-election #countdown { float: right; } .banner-election .count-container { display: inline-block; color: #fff; padding-right: 30px; } .banner-election .count-container:last-of-type { padding-right: 0px; } .banner-election .count-container span { width: 100%; display: block; text-align: center; font-size: 16px; font-weight: 300; line-height: 1; } .banner-election .count-container .number { font-size: 26px; font-weight: bold; position: relative; padding-bottom: 5px; } .banner-election .count-container .number:after { content: ":"; font-size: 20px; font-weight: 600; position: absolute; right: -17px; top: 50%; transform: translateY(-50%); } .banner-election .count-container .number#minutes:after { display: none; } .banner-election + #header { top: 82px; } .banner-election + #header + #content { padding-top: 215px; } /* Election - Slider */ #slider-election .carousel-inner .item { border: 0px; height: 600px; background-size: cover; background-position: center; background-repeat: no-repeat; } #slider-election .carousel-inner { margin-bottom: 0px; } #slider-election .item > a { display: block; height: 100%; width: 100%; } #slider-election .carousel-caption { background: none; padding: 0px; min-height: inherit; transform: translateY(-50%) rotate(-1deg); top: 50%; bottom: inherit; } #slider-election h2 { font-size: 60px; font-weight: bold; color: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); background: #0e52a0; display: inline-block; padding: 10px 30px; margin: 0px; } #slider-election h3 { font-size: 50px; font-weight: bold; color: #ffffff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); background: #e8308a; display: inline-block; padding: 10px 30px; margin: 0px; } #slider-election .carousel-indicators-container { position: relative; } #slider-election .carousel-indicators { width: auto; bottom: 22px; } #slider-election .carousel-indicators li { height: auto; width: auto; border-radius: 0; background: none; margin: 0; text-indent: 0; display: inline-block; color: #fff; border-top: 3px solid rgba(255, 255, 255, 0.5); font-size: 25px; font-weight: 600; text-align: center; color: rgba(255, 255, 255, 0.5); width: 340px; padding-top: 18px; margin-right: 4px; transition: all 0.3s ease; position: relative; } #slider-election .carousel-indicators li:hover { border-top: 3px solid rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7); } #slider-election .carousel-indicators li:after { content: ""; position: absolute; left: 0px; top: -3px; height: 3px; width: 0px; background: #fff; transition: none; } #slider-election .carousel-indicators li.active { color: rgba(255, 255, 255, 1); } #slider-election .carousel-indicators li.active:after { width: 100%; transition: all 5s linear; } #slider-election .carousel-indicators li:last-of-type { margin-right: 0px; } /* Election - investment */ .election-investment { padding: 80px 0px 90px 0px; background: #fff; } .election-investment h2 { font-size: 60px; font-weight: bold; color: #0e52a0; margin-bottom: 50px; } .election-investment h3 { font-size: 32px; font-weight: 600; color: #414959; margin-bottom: 0px; } .election-investment img { max-width: 100%; height: auto; } .election-investment .donation-btn { padding-top: 110px; margin-bottom: -20px; } .election-investment .donation-btn .donation-link { font-size: 25px; color: #009aea; background: #e6f5fd; padding: 15px 0px; display: inline-block; width: 160px; margin-right: 20px; text-align: center; border-radius: 4px; transition: all 0.3s ease; margin-bottom: 20px; } .election-investment .donation-btn .donation-link:hover { color: #fff; background: rgba(2, 154, 234, 0.65); } .election-investment .donation-btn .donation-link:last-of-type { font-size: 20px; text-align: center; padding: 15px 0px; display: inline-block; width: 160px; color: #ffffff; text-transform: uppercase; background: #029aea; border-radius: 4px; } .election-investment .donation-btn .donation-link:last-of-type:hover { background: #0e52a0; } /* Election - Candidates Slider */ .election-candidates-slider { padding: 100px 0px 50px 0px; background: url(/fileadmin/templates/plr.ch/img/election/background_slider_candidats.png) no-repeat center; background-size: cover; } .election-candidates-slider h2 { font-size: 60px; font-weight: bold; text-align: center; color: #ffffff; margin: 0px; padding: 0px; margin-bottom: 100px; } .election-candidates-slider .candidates-slider-filter { margin-bottom: 40px; } .election-candidates-slider .candidates-slider-filter .filter-btn { background: #fff; font-size: 25px; color: #0e52a0; padding: 15px 20px; margin-right: 20px; border-radius: 3px; cursor: pointer; display: inline-block; transition: all 0.3s ease; margin-bottom: 20px; } .election-candidates-slider .candidates-slider-filter .filter-btn:hover { box-shadow: 0 2px 30px 0 rgba(255, 255, 255, 0.3); } .election-candidates-slider .candidates-slider-filter .filter-btn.active { background: #029aea; color: #fff; } .election-candidates-slider .candidates-slider-filter .filter-btn:last-of-type { margin-right: 0px; } .election-candidates-slider .slick-track { padding: 100px 0px 60px 0px; margin-left: 0 !important; margin-right: 0 !important; } .candidates-slider { margin: 0px -30px; } .election-candidates-slider .slick-list { padding: 0px 15px; } .election-candidates-slider .slick-slide { padding: 0px 15px; position: relative; } .election-candidates-slider .slick-slide a { display: block; position: relative; } .election-candidates-slider .slick-slide img { position: absolute; left: 0; right: 0; margin: 0 auto; top: -30px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; transition: all 0.3s ease; height: auto; z-index: 1; max-width: 100%; box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.3); } .election-candidates-slider .slick-slide a:hover img { width: 100%; height: auto; top: -60px; box-shadow: 0 2px 25px 0 rgba(255, 255, 255, 0.6); } .election-candidates-slider .candidates-slider-info { background: #fff; padding-top: 190px; text-align: center; padding-bottom: 0px; border-radius: 3px; position: relative; transition: all 0.3s ease; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); } .election-candidates-slider a:hover .candidates-slider-info { padding-bottom: 0px; box-shadow: 0 2px 30px 0 rgba(255, 255, 255, 0.6); } .election-candidates-slider .candidates-slider-info p { font-size: 20px; font-weight: 600; color: #0e52a0; margin: 0px; } .election-candidates-slider .candidates-slider-info .function p { font-size: 15px; font-weight: normal; color: #4b5261; } .election-candidates-slider .candidates-slider-info .function { padding: 16px 10px; height: 0px; line-height: 1.2; width: 100%; opacity: 0; transition: opacity 0.75s ease, height 0.5s ease; } .election-candidates-slider .slick-slide a:hover .candidates-slider-info .function { opacity: 1; height: 70px; } .election-candidates-slider .slick-dots { display: block; text-align: center; position: absolute; width: 100%; justify-content: center; padding: 0; margin: 0; bottom: 15px; } .election-candidates-slider .slick-dots li { display: inline; } .election-candidates-slider .slick-dots li:only-child { display: none; } .election-candidates-slider .slick-dots li button { text-indent: -9999px; width: 110px; height: 3px; background-color: rgba(255, 255, 255, 0.4); transition: all 0.3s ease; margin-right: 5px; padding: 0px; border: 0px; } .election-candidates-slider .slick-dots li button:focus { outline: none; } .election-candidates-slider .slick-dots li button:hover { background-color: rgba(255, 255, 255, 0.6); } .election-candidates-slider .slick-dots li:last-of-type button { margin-right: 0px; } .election-candidates-slider .slick-dots li.slick-active button { text-indent: -9999px; width: 110px; height: 3px; background-color: rgba(255, 255, 255, 1); } .election-candidates-slider .slick-arrow { color: #fff; position: absolute; text-align: center; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2); text-shadow: none; border-radius: 100%; height: 68px; width: 68px; top: 50%; font-size: 50px; opacity: 1; transform: translateY(-50%); text-indent: -9999px; transition: all 0.3s ease; border: 2px solid #ffffff; } .election-candidates-slider .slick-arrow:focus { outline: none; } .election-candidates-slider .slick-prev { left: -115px; background: url(../img/icon/slider_hp/slider_arrow_left.png) rgba(0, 154, 234, 0) no-repeat 21px 17px; } .election-candidates-slider .slick-prev:hover { left: -115px; background: url(../img/icon/slider_hp/slider_arrow_left.png) rgba(255, 255, 255, 0.3) no-repeat 21px 17px; } .election-candidates-slider .slick-next { right: -115px; background: url(../img/icon/slider_hp/slider_arrow_right.png) rgba(0, 154, 234, 0) no-repeat 21px 17px; } .election-candidates-slider .slick-next:hover { right: -115px; background: url(../img/icon/slider_hp/slider_arrow_right.png) rgba(255, 255, 255, 0.3) no-repeat 21px 17px; } /* Election - Candidates Banner */ .election-candidate-banner { padding: 270px 0px 130px 0px; background: url(/fileadmin/templates/plr.ch/img/election/background_election.png) no-repeat center; background-size: cover; } .election-candidate-banner .container { position: relative; } .election-candidate-banner .candidate-banner-text { position: relative; z-index: 1; } .election-candidate-banner .slogan { font-size: 40px; font-weight: 600; color: #ffffff; margin-bottom: 160px; } .election-candidate-banner .title-container { transform: rotate(-1deg); } .election-candidate-banner h2 { font-size: 60px; font-weight: bold; color: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); background: #0e52a0; display: inline-block; padding: 10px 30px; margin: 0px; } .election-candidate-banner h3 { font-size: 50px; font-weight: bold; color: #ffffff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); background: #e8308a; display: inline-block; padding: 10px 30px; margin: 0px; } .election-candidate-banner h3 p { margin-bottom: 0px; } .election-candidate-banner img { position: absolute; right: 0px; bottom: -130px; max-width: 630px; height: auto; } /* Election - Candidates About */ .election-candidate-about { padding: 100px 0px 180px 0px; } .election-candidate-about h2 { font-size: 60px; font-weight: bold; color: #0e52a0; margin: 0px; padding: 0px; margin-bottom: 80px; } .election-candidate-about img { max-width: 100%; height: auto; } .election-candidate-about .candidate-about-function { font-size: 32px; font-weight: bold; color: #414959; margin-bottom: 50px; } .election-candidate-about .candidate-about-function p { margin-bottom: 0px; color: #e8308a; line-height: 1.3; } .election-candidate-about .candidate-about-description { margin-bottom: 50px; } .election-candidate-about .candidate-about-description p { font-size: 20px; font-weight: 600; color: #414959; } .candidate-link { display: block; margin-bottom: 30px; } .candidate-link .icon { font-size: 14px; display: inline-block; } .candidate-link .icon { display: table-cell; } .candidate-link .icon .border-radius-round { border-radius: 100%; display: table-cell; text-align: center; text-shadow: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; vertical-align: middle; border: 1px solid #009aea; font-size: 15px; height: 34px; width: 34px; min-height: 34px; min-width: 34px; max-height: 34px; max-width: 34px; position: relative; } .candidate-link .user-link-label { font-size: 20px; font-weight: 600; color: #414959; padding-left: 20px; } .candidate-link:hover i { color: #ffffff; } .candidate-link i:before { z-index: 3; position: relative; } .candidate-link .icon .border-radius-round i:after { border-radius: 100%; box-sizing: content-box; content: ""; height: 100%; min-height: 32px; position: absolute; width: 100%; min-width: 32px; background: #009aea; left: -2px; padding: 2px; top: -2px; -moz-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; -o-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; -webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; transition: transform 0.5s ease 0s, opacity 0.6s ease 0s; opacity: 0; transform: scale(1.3); pointer-events: none; } .candidate-link:hover .icon .border-radius-round i:after { opacity: 1; transform: scale(1); } /* Election - Candidates Defis */ .election-candidate-defis { background: #f5f5f5; padding-top: 85px; } .election-candidate-defis h3 { font-size: 40px; font-weight: bold; color: #0e52a0; } .election-candidate-defis p { font-size: 16px; font-weight: 600; color: #414959; } .candidate-defis-icon .defi-icon { text-align: center; } .candidate-defis-icon .defi-icon span { width: 80px; height: 80px; display: inline-block; border-radius: 50%; } .candidate-defis-icon .study span { background: url(../img/election/study.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .graph span { background: url(../img/election/graph.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .cross span { background: url(../img/election/cross.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .heart span { background: url(../img/election/heart.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .agriculture span { background: url(../img/election/agriculture.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .migration span { background: url(../img/election/migration.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .globe span { background: url(../img/election/globe.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .security span { background: url(../img/election/security.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .family-social span { background: url(../img/election/family-social.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .budget span { background: url(../img/election/budget.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .transport span { background: url(../img/election/transport.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .paper-plane span { background: url(../img/election/paper-plane.svg) rgba(0, 154, 234, 0.1) no-repeat center; } .candidate-defis-icon .defi-icon p { max-width: 140px; margin: 0 auto; padding-top: 15px; } /* Election - Candidates Slogan */ .election-candidate-slogan { background: #f5f5f5; padding: 100px 0px; } .election-candidate-slogan p { font-size: 40px; font-weight: bold; line-height: 1.25; text-align: center; color: #0e52a0; margin-bottom: 0px; } /* Election - Candidates Image */ .election-candidate-image { position: relative; z-index: 1; } .election-candidate-image:before { content: ""; position: absolute; left: 0px; top: 0px; background: #f5f5f5; width: 100%; height: 75%; z-index: -1; } .election-candidate-image img { width: 100%; height: auto; } /* Election - Candidates Timeline */ .election-candidate-timeline { padding: 115px 0px 100px 0px; overflow-x: hidden; } .election-candidate-timeline h2 { font-size: 60px; font-weight: bold; color: #0e52a0; margin: 0px; padding: 0px; margin-bottom: 65px; } .election-candidate-timeline .year-highlight-container { text-align: center; } .election-candidate-timeline .year-highlight { font-size: 40px; font-weight: bold; color: #0e52a0; width: 120px; height: 120px; background: rgba(0, 154, 234, 0.1); border-radius: 50%; text-align: center; display: inline-block; line-height: 120px; } .election-candidate-timeline .highlight { margin-bottom: 50px; opacity: 0; transition: all 0.5s ease; right: -50px; position: relative; } .election-candidate-timeline .highlight.visible { right: 0px; opacity: 1; } .election-candidate-timeline .highlight:last-of-type { margin-bottom: 0px; } .election-candidate-timeline .highlight h4 { font-size: 32px; font-weight: 600; color: #414959; padding: 0px; margin: 0px; padding-top: 25px; margin-bottom: 10px; } .election-candidate-timeline .highlight .description-highlight { font-size: 16px; font-weight: 600; color: #414959; } /* Inscription newsletter - fp_newsletter */ .tx-fp-newsletter label { color: #009aea; font-size: 18px; width: 120px; } .tx-fp-newsletter br { margin-bottom: 20px; } .tx-fp-newsletter select { border: 1px solid #009aea; border-radius: 0; box-shadow: none; } .tx-fp-newsletter input[type="text"], .tx-fp-newsletter input[type="email"] { background-color: transparent; border: none; border-bottom: 1px solid #009aea; border-radius: 0; outline: none; height: 30px; font-size: 16px; box-shadow: none; transition: all 0.3s; width: 50%; } .tx-fp-newsletter input[type="checkbox"] { border: 1px solid #009aea; } @media (max-width: 767px) { .tx-fp-newsletter input[type="text"], .tx-fp-newsletter input[type="email"] { width: 100%; } } /* ----------------------------------- */ /* --- RESPONSIVE - ELECTION PAGES --- */ /* ----------------------------------- */ /* Election - Content */ @media (max-width: 991px) { .banner-election + #header + #content { padding-top: 205px; } } @media (max-width: 767px) { .banner-election + #header + #content { padding-top: 125px; } } @media (max-width: 600px) { .banner-election + #header + #content { padding-top: 140px; } .banner-election + #header { top: 72px; } } @media (max-width: 420px) { .banner-election + #header + #content { padding-top: 163px; } } /* Election - Banner countdown */ @media (max-width: 600px) { .banner-election { padding: 15px 0px 10px 0px; } .banner-election h3 { font-size: 24px; line-height: 48px; } .banner-election .count-container span { font-size: 15px; } .banner-election .count-container .number { font-size: 25px; } .banner-election .count-container { padding-right: 20px; } } @media (max-width: 500px) { .banner-election h3 { font-size: 20px; line-height: 44px; } .banner-election .count-container { padding-right: 12px; } .banner-election .count-container .number { font-size: 22px; } .banner-election .count-container .number:after { content: ":"; font-size: 20px; font-weight: 600; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); } .banner-election .count-container span { font-size: 14px; } } @media (max-width: 420px) { .banner-election + #header { top: 94px; } .content-top.top-election { margin-top: 90px !important; } .banner-election { padding: 10px 0px 10px 0px; text-align: center; } .banner-election h3 { font-size: 18px; line-height: 1; margin-bottom: 10px; } .banner-election #countdown { float: none; } } /* Election - Slider */ @media (max-width: 1200px) { #slider-election .carousel-inner .item { height: 550px; } #slider-election h2 { font-size: 50px; padding: 10px 20px; } #slider-election h3 { font-size: 40px; padding: 10px 20px; } #slider-election .carousel-indicators li { font-size: 20px; width: 250px; } } @media (max-width: 991px) { #slider-election .carousel-inner .item { height: 450px; } #slider-election h2 { font-size: 45px; } #slider-election h3 { font-size: 35px; } #slider-election .carousel-caption { left: 15px; } #slider-election .carousel-indicators { left: 15px; } #slider-election .carousel-indicators li { font-size: 20px; width: 180px; } } @media (max-width: 767px) { #slider-election h2 { font-size: 35px; } #slider-election h3 { font-size: 30px; } } @media (max-width: 600px) { #slider-election .carousel-inner .item { height: 350px; } #slider-election h2 { font-size: 30px; padding: 10px 15px; } #slider-election h3 { font-size: 25px; padding: 10px 15px; } #slider-election .carousel-indicators li { font-size: 18px; width: 150px; } } @media (max-width: 500px) { #slider-election .carousel-inner .item { height: 300px; } #slider-election h2 { font-size: 25px; font-weight: 600; padding: 8px 10px; } #slider-election h3 { font-weight: 600; padding: 8px 10px; } #slider-election .carousel-indicators { left: 0; width: 100%; bottom: 10px; } #slider-election .carousel-indicators li { text-indent: -9999px; width: 30%; padding: 0; } } @media (max-width: 400px) { #slider-election .carousel-inner .item { height: 250px; } #slider-election h2 { font-size: 20px; padding: 5px; } #slider-election h3 { font-size: 20px; padding: 5px; } } /* Election - Candidate slider */ @media (max-width: 1200px) { .election-candidates-slider .slick-slide a:hover .candidates-slider-info .function { opacity: 1; height: 80px; } .election-candidates-slider .slick-dots { bottom: 0px; } } /* Election - investment */ @media (max-width: 1200px) { .election-investment h2 { font-size: 50px; margin-bottom: 40px; margin-top: 0px; } .election-investment h3 { font-size: 30px; } .election-investment .donation-btn { padding-top: 80px; } } @media (max-width: 991px) { .election-investment { padding: 70px 0px 70px 0px; } .election-investment h2 { font-size: 40px; margin-bottom: 30px; margin-top: 0px; } .election-investment h3 { font-size: 25px; } .election-investment .donation-btn { padding-top: 60px; } } @media (max-width: 767px) { .election-investment .investment-img { text-align: center; } .election-investment img { max-width: 250px; margin-bottom: 40px; } .election-investment .donation-btn .donation-link { font-size: 20px; } .election-investment .donation-btn { padding-top: 40px; } } @media (max-width: 500px) { .election-investment img { max-width: 200px; } .election-investment h2 { font-size: 35px; } .election-investment h3 { font-size: 24px; } .election-investment .donation-btn { padding-top: 30px; } .election-investment .donation-btn .donation-link:last-of-type { font-size: 18px; } } @media (max-width: 400px) { .election-investment h2 { font-size: 30px; } .election-investment h3 { font-size: 20px; } .election-investment .donation-btn .donation-link { font-size: 20px; width: 100%; margin-right: 0; } .election-investment .donation-btn .donation-link:last-of-type { font-size: 18px; width: 100%; } } /* Election - Candidates Slider */ @media (max-width: 1800px) { .election-candidates-slider .slick-prev { left: -80px; } .election-candidates-slider .slick-next { right: -80px; } } @media (max-width: 1750px) { .election-candidates-slider .slick-prev { left: -70px; } .election-candidates-slider .slick-next { right: -70px; } } @media (max-width: 1600px) { .election-candidates-slider .candidates-slider-info { padding-top: 210px; } } @media (max-width: 1200px) { .election-candidates-slider h2 { font-size: 50px; margin-bottom: 80px; } .election-candidates-slider .candidates-slider-filter { margin-bottom: 40px; } .election-candidates-slider .candidates-slider-filter .filter-btn { font-size: 20px; padding: 10px 15px; margin-right: 15px; } .election-candidates-slider .candidates-slider-info { padding-top: 160px; } .election-candidates-slider .slick-slide img { max-width: 180px; } .election-candidates-slider .slick-slide a:hover img { max-width: 100%; } } @media (max-width: 991px) { .election-candidates-slider { padding: 100px 0px 70px 0px; } .election-candidates-slider h2 { font-size: 40px; } .election-candidates-slider .candidates-slider-filter { margin-bottom: 30px; } .election-candidates-slider .candidates-slider-filter .filter-btn { margin-bottom: 15px; } .election-candidates-slider .candidates-slider-info { padding-top: 175px; } .election-candidates-slider .slick-dots { bottom: -20px; } } @media (max-width: 767px) { .election-candidates-slider { padding: 80px 0px 40px 0px; } .election-candidates-slider .slick-slide img { max-width: 170px; } } @media (max-width: 650px) { .candidates-slider { max-width: 480px; margin: 0 auto; } .election-candidates-slider .slick-dots li button { width: 80px; } .election-candidates-slider .slick-dots li.slick-active button { width: 80px; } } @media (max-width: 500px) { .election-candidates-slider h2 { font-size: 35px; } .election-candidates-slider .slick-dots li button { width: 50px; } .election-candidates-slider .slick-dots li.slick-active button { width: 50px; } } @media (max-width: 449px) { .candidates-slider { max-width: 255px; } .election-candidates-slider .slick-slide { padding: 0px; } .election-candidates-slider .slick-slide img { max-width: 210px; } .election-candidates-slider .candidates-slider-info { padding-top: 210px; } } @media (max-width: 400px) { .election-candidates-slider h2 { font-size: 30px; margin-bottom: 50px; } .election-candidates-slider .candidates-slider-filter .filter-btn { font-size: 20px; display: block; width: 100%; margin-right: 0px; text-align: center; } } @media (max-width: 350px) { .election-candidates-slider .candidates-slider-filter .filter-btn { font-size: 18px; padding: 8px 10px; } } /* Election - Candidates Banner */ @media (max-width: 1600px) { .election-candidate-banner img { max-width: 600px; } } @media (max-width: 1200px) { .election-candidate-banner { padding: 200px 0px 130px 0px; } .election-candidate-banner .slogan { font-size: 30px; margin-bottom: 120px; } .election-candidate-banner h2 { font-size: 50px; padding: 10px 20px; } .election-candidate-banner h3 { font-size: 40px; padding: 10px 20px; } .election-candidate-banner img { max-width: 500px; } } @media (max-width: 991px) { .election-candidate-banner { padding: 280px 0px 130px 0px; } .election-candidate-banner .slogan { display: none; } .election-candidate-banner h2 { font-size: 45px; padding: 10px 18px; } .election-candidate-banner h3 { font-size: 35px; padding: 10px 18px; } .election-candidate-banner img { max-width: 400px; } } @media (max-width: 767px) { .election-candidate-banner img { right: 15px; } } @media (max-width: 650px) { .election-candidate-banner { padding: 280px 0px 80px 0px; } .election-candidate-banner h2 { font-size: 40px; padding: 10px 15px; } .election-candidate-banner h3 { font-size: 30px; padding: 10px 15px; } .election-candidate-banner img { max-width: 350px; bottom: -80px; } } @media (max-width: 500px) { .election-candidate-banner { padding: 250px 0px 60px 0px; } .election-candidate-banner h2 { font-size: 35px; padding: 8px 12px; } .election-candidate-banner h3 { font-size: 25px; padding: 8px 12px; } .election-candidate-banner img { max-width: 300px; bottom: -60px; } } @media (max-width: 400px) { .election-candidate-banner { padding: 230px 0px 30px 0px; } .election-candidate-banner h2 { font-size: 30px; padding: 8px 10px; } .election-candidate-banner h3 { font-size: 22px; padding: 8px 10px; } .election-candidate-banner img { max-width: 100%; padding: 0px 15px; bottom: -30px; right: 0px; } } /* Election - Candidates About */ @media (max-width: 1200px) { .election-candidate-about { padding: 100px 0px 120px 0px; } .election-candidate-about h2 { font-size: 50px; } } @media (max-width: 991px) { .election-candidate-about h2 { font-size: 40px; } .election-candidate-about img { margin-bottom: 40px; } .election-candidate-about .candidate-about-function { font-size: 26px; margin-bottom: 40px; } } @media (max-width: 767px) { .election-candidate-about h2 { margin-bottom: 60px; } .election-candidate-about { padding: 80px 0px; } } @media (max-width: 500px) { .election-candidates-slider h2 { font-size: 35px; margin-bottom: 40px; } .election-candidate-about { padding: 60px 0px; } .election-candidate-about .candidate-about-function { font-size: 24px; } } /* Election - Candidates Defis */ @media (max-width: 991px) { .candidate-defis-icon { padding-top: 30px; } } @media (max-width: 600px) { .candidate-defis-icon .defi-icon { width: 50%; margin-bottom: 20px; } .candidate-defis-icon .defi-icon:nth-child(2n + 1) { clear: left; } } @media (max-width: 400px) { .candidate-defis-icon .defi-icon { width: 100%; } } /* Election - Candidates Slogan */ @media (max-width: 1200px) { .election-candidate-slogan p { font-size: 35px; font-weight: bold; line-height: 1.2; text-align: center; color: #0e52a0; } } @media (max-width: 991px) { .election-candidate-slogan { padding: 80px 0px; } .election-candidate-slogan p { font-size: 30px; } } @media (max-width: 400px) { .election-candidate-slogan { padding: 60px 0px; } .election-candidate-slogan p { font-size: 25px; } .carousel-caption { min-height: 50px; /*ajouté par rsp le 8/9/2020 */ } } /* Election - Candidates Timeline */ @media (max-width: 1200px) { .election-candidate-timeline h2 { font-size: 50px; margin-bottom: 55px; } } @media (max-width: 991px) { .election-candidate-timeline h2 { font-size: 40px; } } @media (max-width: 767px) { .election-candidate-timeline { padding: 80px 0px 60px 0px; } .election-candidate-timeline .highlight h4 { font-size: 25px; padding-top: 30px; } } @media (max-width: 500px) { .election-candidate-timeline h2 { font-size: 35px; } } /* --------------------- */ /* --- DATATABLE CSS --- */ /* --------------------- */ .dataTables_wrapper { display: block !important; min-width: 100% !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; -ms-overflow-style: -ms-autohiding-scrollbar !important; } .dataTables_wrapper .frame-type-table { width: 100%; } table.dataTable { border: 0 !important; border-collapse: collapse !important; width: 100% !important; min-width: 600px !important; } table.dataTable thead { border: 0 !important; border-bottom: solid 1px #4b5261 !important; } table.dataTable tbody th, table.dataTable tbody td { padding: 15px 17px !important; } table.dataTable thead th { background: none !important; color: #4b5261 !important; border: 0 !important; position: relative; word-break: break-all; padding: 15px 30px 15px 17px !important; } table.dataTable thead th:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0dc"; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); } table.dataTable tbody .odd { background-color: #f4f5f6 !important; } table.dataTable tbody tr { border: 0 !important; border-bottom: solid 1px #ebecee !important; } table.dataTable tbody td { border: 0 !important; word-break: break-all; } .dataTables_wrapper .dataTables_filter { margin-bottom: 10px; } .dataTables_wrapper .dataTables_filter label { font-size: 16px; color: #4b5261; } .dataTables_wrapper .dataTables_filter input { width: 230px !important; height: 40px !important; border-radius: 20px !important; border: solid 1px #d2d4d8 !important; margin-left: 14px !important; padding: 0px 15px; box-sizing: border-box; } .dataTables_length, .dataTables_info { display: none !important; } .dataTables_wrapper .dataTables_paginate { padding-top: 17px !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button { background: none !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 0px !important; color: #4b5261; border-right: none; display: inline-block; height: 47px; line-height: 47px; list-style: outside none none; padding: 0 !important; margin: 0 !important; text-align: center; vertical-align: middle; width: 47px; float: left; font-size: 16px; position: relative; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: none; } .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button:hover { background: #e6f5fd !important; color: #4b5261 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next { font-size: 0; } .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current:hover { background: #009aea !important; color: #ffffff !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.previous:after { content: "\f104"; font-family: fontawesome; font-size: 17px; } .dataTables_wrapper .dataTables_paginate .paginate_button.next:after { content: "\f105"; font-family: fontawesome; font-size: 17px; } @media (max-width: 500px) { .dataTables_wrapper .dataTables_filter input { width: 150px !important; height: 30px !important; } } /* on ajoute une marge si banner tarteaucitron activée */ .footer-with-bottom { margin-bottom: 70px; } @media (max-width: 991px) { .footer-with-bottom { margin-bottom: 90px; } } @media (max-width: 767px) { .footer-with-bottom { margin-bottom: 120px; } } /*Probleme de centrage banner img rsp 25.11.2020 */ .content-top-img .ce-column { width: 100%; } .content-top-img figure { width: 100%; } .content-top-img img { height: 100%; width: 100%; object-fit: cover; } .content-top-img * { height: 100%; } .content-box-blue-bg { background: #009aea; color: #fff; padding: 25px; margin-bottom: 30px; } .content-box-blue-bg > *:last-of-type { margin-bottom: 0px; } .content-box-blue-bg * { color: #fff; } .content-box-blue-bg { background: #009aea; color: #fff; padding: 25px; } .content-box-dark-blue-bg { border: 4px solid #0e52a0; padding: 25px; margin-bottom: 30px; } .content-box-dark-blue-bg > *:last-of-type { margin-bottom: 0px; } .content-box-light-blue-bg { border: 4px solid #009aea; padding: 25px; margin-bottom: 30px; } .content-box-light-blue-bg > *:last-of-type { margin-bottom: 0px; } .ce-bodytext a, .frame-type-text a, .news-single .teaser a, .news-single .news-text-wrap a, .news-single .teaser-text a, .news-single .teaser-event a { text-decoration: underline; } hr.ce-div { margin-bottom: 5px; } /* Refonte - NEWS TEMPLATE LISTE VIEW BOXED */ .news-list-view.box-item-row, .news-list-result.box-item-row { display: flex; flex-wrap: wrap; } .news-list-view .article.box-item, .news-list-result .article.box-item { border: 0px; padding-bottom: 0px; } .news-list-view .article.box-item .bg-white-border, .news-list-result .article.box-item .bg-white-border { background: #f8f8f8; border: 0px; padding: 0px; margin-bottom: 30px; height: 100%; position: relative; } .news-list-view .article.box-item .news-img-wrap a, .news-list-result .article.box-item .news-img-wrap a { display: block; } .news-list-view .article.box-item .news-img-wrap img, .news-list-result .article.box-item .news-img-wrap img { float: none; max-width: 100%; height: auto; } .news-list-view .article.box-item .box-item-content, .news-list-result .article.box-item .box-item-content { padding: 21px 27px; } .news .news-list-result .article.box-item .news-img-wrap { float: none; background: none; margin: 0; } .news-list-view .article.box-item .box-item-content h2, .news-list-result .article.box-item .box-item-content h2 { font-size: 32px; } @media (max-width: 991px) { .news-list-view .article.box-item .news-img-wrap, .news-list-result .article.box-item .news-img-wrap { position: relative; padding-bottom: 0; padding-top: 0px; height: auto; overflow: inherit; } .news-list-view .article.box-item .box-item-content h2, .news-list-result .article.box-item .box-item-content h2 { font-size: 25px; } } @media (max-width: 600px) { .news-list-view .article.box-item .box-item-content, .news-list-result .article.box-item .box-item-content { padding: 20px 15px; } } @media (max-width: 500px) { .news-list-view .article.box-item, .news-list-result .article.box-item { width: 100%; } } /*////////// CSS REFONTE 2021 KZU //////////*/ /* Refonte - General */ body { background: #f8f8f8; background-image: linear-gradient(to bottom, #f8f8f8, #d5d5d5); } /* Refonte - Header */ .navbar-header { margin-top: 16px; } .navbar-brand > img { width: 235px; } #navbar nav { margin-top: 0px; } nav ul li a { font-size: 24px; padding: 19px 26px; letter-spacing: 0px; } .lang-nav li { border-right: 0; } nav ul li a { transition: all 0.3s ease; } nav.sticky ul li a { padding: 14px 26px; } nav.sticky ul li:last-child a { padding-right: 0; } @media (max-width: 1600px) { nav ul li a { font-size: 22px; padding: 19px 10px; } nav.sticky ul li a { padding: 14px 10px; } } @media (max-width: 1200px) { .navbar-header { margin-top: 20px; } nav ul li a { font-size: 18px; padding: 19px 8px; } nav.sticky ul li a { padding: 14px 8px; } .navbar-brand > img { width: 180px; } #four-content .bg-color .wng-user-member-list .col-md-4 { width: 50%; } } @media (max-width: 992px) { .navbar-header { margin-top: 16px; } #four-content .bg-color .wng-user-member-list .col-md-4 { width: 100%; } } /* Refonte - Content top */ .content-top.home-page { margin-top: 64px; } .content-top { background: none; } .content-top:before { background: none; } .content-top:after { background: none; } .home-page .content-img #film_roll { margin-bottom: 50px; } .content-top.home-page .content-img .carousel { background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, rgb(0, 154, 234); background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, -moz-linear-gradient(left, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, -webkit-linear-gradient(left, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); background: url(../img/backgrounds/mosaic_pattern_1.png) repeat scroll center top, linear-gradient(to right, rgba(0, 154, 234, 1) 0%, rgba(14, 82, 160, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009aea', endColorstr='#0E52A0', GradientType=1); } .home-page .content-img > .container { width: 100% !important; padding: 0px; } @media (max-width: 1600px) { .content-top.home-page { margin-top: 60px; } } /* Refonte - Slider */ .carousel .carousel-control, #film_roll .film_roll_prev, #film_roll .film_roll_next { box-shadow: none; border: 0; } .content-img .carousel .carousel-control.left, #film_roll .film_roll_prev { left: 100px; } .content-img .carousel .carousel-control.right, #film_roll .film_roll_next { right: 100px; } .content-img #myCarousel { height: 580px; margin-bottom: 50px; } .content-img #myCarousel .carousel-inner, .home-page .content-img .carousel-inner .item { height: 100%; } .home-page .content-img .carousel-inner .item a { height: 100%; display: block; position: relative; } .content-img .carousel-inner .item img { margin: 0 auto; left: 0px; right: 0px; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; position: absolute; transform: translateY(-50%); } .content-img .carousel .item .container { position: absolute; margin: 0 auto; bottom: 0px; left: 0px; right: 0px; } .content-img .carousel .item .container .carousel-caption { position: initial; min-height: 92px; font-size: 24px; } .carousel-inner .item { border-bottom: 0; } .carousel .carousel-control { background: none !important; box-shadow: none !important; height: 72px; width: 40px; top: calc(50% - 15px); border: 0 !important; } .carousel .carousel-control img { margin-top: 0px; vertical-align: inherit; } #myCarousel .carousel-indicators { display: none !important; } @media (max-width: 1600px) { .content-img #myCarousel { height: 434px; } } @media (max-width: 1200px) { .carousel .carousel-control { height: 52px; width: 30px; } .content-img #myCarousel { height: 370px; } } @media (max-width: 992px) { .content-img .carousel .item .container .carousel-caption { min-height: auto; font-size: 20px; } .content-img #myCarousel .carousel-indicators { display: none !important; } .content-img #myCarousel { margin-bottom: 40px; } .content-img #myCarousel { height: 320px; } } @media (max-width: 767px) { .content-top, #content.content-page, #content.content-page-nomargin, .content-little-right > .container > .row, .content-events-details .article > .container > .row { padding-top: 20px; padding-bottom: 120px; } .content-top.home-page { padding-top: 0px; } } @media (max-width: 767px) { .content-img .carousel .item .container .carousel-caption { font-size: 16px; padding: 10px 15px 10px 15px; } .content-img #myCarousel { height: 280px; } } @media (max-width: 575px) { .content-img #myCarousel { height: 200px; } } @media (max-width: 450px) { .content-img #myCarousel { height: 140px; } } /* Refonte - DCE Teaser */ .bg-white-border { background: #fff; background: linear-gradient(110deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)); border: 2px solid rgba(255, 255, 255, 0.6); box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.05); } #four-content h4 { font-size: 32px; text-align: center; } #four-content .event-list-view .article h4 { text-align: left; } #four-content .event-list-view .article h4, .event-list-view .article h4 { font-size: 25px; } .start-date { border-radius: 12px; border: solid 2px #31539d; width: 56px; font-size: 14px; color: #31539d; } .end-date { border-radius: 12px; border: solid 2px #31539d; width: 56px; font-size: 14px; color: #31539d; } .event-list-view .list-date { margin-right: 15px; } .event-list-view .list-date .list-date-day { background: #31539d; color: #fff; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 0; font-size: 36px; font-weight: 500; line-height: 1; } .event-list-view .article a:hover .start-date, .event-list-view .article a:hover .end-date { color: #31539d; } .event-list-view .article a:hover .list-date .list-date-day { color: #fff; } .event-list-view .article .event-location { color: #414959; } .dce-teaser a { color: #414959; } .dce-teaser p { margin-top: 0px; } .event-list-view .article a { padding: 13px 90px 6px 0; } .event-list-view .article .forward_arrow { border: 0px; height: 31px; right: 61px; top: 27px; width: 31px; } .event-list-view .article a .forward_arrow, .event-list-view .article a:hover .forward_arrow { background: none; } .event-list-view .event-teaser .map_marker { vertical-align: middle; } .ce-image .ce-gallery { margin-bottom: 10px !important ; } @media (max-width: 1600px) { .event-list-view .list-date { min-width: 80px; margin-left: 0px; } .event-list-view .article .forward_arrow { right: 10px; } } @media (max-width: 1200px) { #four-content .event-list-view .article h4, .event-list-view .article h4 { font-size: 24px; text-align: left; } } @media (max-width: 767px) { .navbar-brand > img { width: 104px; } .event-list-view .article a { padding: 13px 15px 6px 0; } #four-content .event-list-view .article h4, .event-list-view .article h4 { font-size: 22px; text-align: left; } } @media (max-width: 450px) { .start-date, .end-date { display: block; } .separator-date { padding: 10px 7px 5px 7px; display: block; } .event-list-view .list-date { min-width: auto; } } /* Refonte - Chiffres clés */ .bg-blue-grey { background: #424959; background: linear-gradient(115deg, #656c7b 12%, #424959 92%); } .dce-keynumbers { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: -28px; } .dce-keynumbers .key-number { text-align: center; margin-bottom: 37px; } .dce-keynumbers .keynumber-number:before { display: none; } .dce-keynumbers .keynumber-number, .dce-keynumbers .keynumber-title, .wng-user-member-count { height: auto; display: block; margin-bottom: 0px; font-size: 25px; padding-left: 0px; } .dce-keynumbers .keynumber-number, .wng-user-member-count { font-size: 72px; border: 0; margin-right: 0px; width: 100%; padding-top: 12px; margin-bottom: -5px; } .wng-user-member-count { display: none; } @media (max-width: 767px) { .dce-keynumbers li { width: 100%; } } /* Refonte - Social wall */ #content.bg-mosaic, .bg-mosaic { background: linear-gradient(to bottom, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 10%, rgba(216, 216, 216, 0) 40%), url(../img/backgrounds/mosaic_pattern_2.png) repeat center bottom; background: -moz-linear-linear-gradient(to bottom, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 10%, rgba(216, 216, 216, 0) 40%), url(../img/backgrounds/mosaic_pattern_2.png) repeat center bottom; background: -webkit-linear-gradient(to bottom, rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 10%, rgba(216, 216, 216, 0) 40%), url(../img/backgrounds/mosaic_pattern_2.png) repeat center bottom; } .bg-mosaic h2 { color: #414959; } .tx-pb-social .btn-filter { width: auto; } .tx-pb-social .btn-filter:first-child { margin-left: 0px; } .tx-pb-social .btn-filter-newsroom { border-radius: 0; margin: 0 13px 0px 0px; padding: 6px 19px; border: 2px solid rgba(255, 255, 255, 0.6); background: #fff; background: linear-gradient(108deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4)); color: #414959; text-transform: none; font-weight: 500; font-size: 22px; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.05); } #filter-none { border: 0; } .tx-pb-social .pb-list .pb-list-item { box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.05); background: #fff; background: linear-gradient(154deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7)); border: 2px solid rgba(255, 255, 255, 0.6); padding: 23px 5px 5px 5px; } .btn-filter-newsroom i { color: #009bea; font-size: 25px; margin-right: 5px; vertical-align: -3px; } .tx-pb-social .pb-list-item .icon { border: 0; color: #009bea !important; right: auto; left: 10px; } #filter-none { box-shadow: none; } .tx-pb-social .pb-list-item .text .date { color: #414959; font-size: 16px; text-align: right; border-bottom: 1px solid #b6b6b6; padding-bottom: 17px; margin-bottom: 22px; } .tx-pb-social .pb-list-item .text { line-height: 20px; font-size: 16px; padding: 0px 20px 10px 20px; } .tx-pb-social .pb-list-item .icon:after { font-size: 27px; right: 1px; top: 8px; } .tx-pb-social .pb-list-item-twitter .icon:after { right: -2px; } /* Refonte - Newsletter */ #newsletter-subscription.form-inline .form-control { height: 36px; margin-right: 20px; min-width: 236px; padding: 0 20px; } #newsletter-subscription.form-inline .btn { padding: 8px 48px; } /* Refonte - Map */ .bg-white-map { background: #e2e2e2; padding-top: 50px; padding-bottom: 50px; } .map-bg::after, .bg-map-canton:after { width: 700px; background: -webkit-gradient(linear, left top, right top, from(rgba(226, 226, 226, 1)), color-stop(30%, rgba(226, 226, 226, 1)), to(rgba(226, 226, 226, 0.4))); background: -o-linear-gradient(left, rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 1) 30%, rgba(226, 226, 226, 0.4) 100%); background: linear-gradient(to right, rgba(226, 226, 226, 1) 0%, rgba(226, 226, 226, 1) 30%, rgba(226, 226, 226, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3ffffff', GradientType=1); } .parti-desc { box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.05); background: #fff; background: linear-gradient(138deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)); padding: 40px 41px; border: 2px solid rgba(255, 255, 255, 0.6); } .dce-map #map { margin-top: 0px; } .dce-map h5 { margin-bottom: 32px; } .dce-map p { margin-bottom: 6px; } .dce-map .social-links li a { border: 0; width: auto; font-size: 26px; } .dce-map .social-links li:hover a, .dce-map .social-links li a:hover, .dce-map .social-links li a:focus { color: #e8308a; background: none; } .dce-map .social-links li a:before { display: none; } .dce-map .social-links { margin-bottom: 65px; } .btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"], #content #lema-container.lema-container .lema-button { padding: 8px 57px; font-size: 15px; } /* SOLR START */ .dropdown-search .tx-solr-search-form { visibility: hidden; transition-delay: 0.5s; } .dropdown-search.open .tx-solr-search-form { visibility: visible; transition-delay: 0s; } .tx_solr { padding-top: 70px; } .solr-pagination .pagination > .active > a, .solr-pagination .pagination > .active > span, .solr-pagination .pagination > .active > a:hover, .solr-pagination .pagination > .active > span:hover, .solr-pagination .pagination > .active > a:focus, .solr-pagination .pagination > .active > span:focus { background-color: #e8308a; border-color: #e8308a; } .solr-pagination ul li:last-child a { padding-right: 12px; } .tx-solr-search-form .input-group { display: flex; } .tx-solr-search-form .input-group .tx-solr-q { height: inherit; border: none; color: #555555; padding: 10px 13px; width: 300px; border-radius: 0; box-shadow: none; float: left; border: 1px solid #ddd; } .tx-solr-search-form-outer .tx-solr-search-form .input-group .tx-solr-q { width: 100%; } .dropdown-search .tx_solr.container { margin: 70px auto; width: 348px; padding: 0; } .dropdown-search .tx-solr-search-form .input-group .tx-solr-q { border: none !important; z-index: 1 !important; } .tx-solr-search-form .input-group .tx-solr-submit { font-size: 17px; padding: 10px 16px; height: 44px; width: auto; background: #0e52a0; border-radius: 0; border: 0 none; color: #fff; float: left; position: relative; z-index: 2; } .tx-solr-search-form .input-group .tx-solr-q:focus { box-shadow: none; border-color: #0e52a0; } #results-per-page { margin-bottom: 20px; } #tx-solr-facets-in-use > .btn { padding-left: 15px; padding-right: 15px; text-transform: none; } .tx-solr-loader { background-image: url(../img/solrspin.svg); background-size: 150px; background-position: center center; background-repeat: no-repeat; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(255, 255, 255, 0.8); } .tx_solr .search-result { margin-bottom: 30px !important; width: 100%; border: none; background: #f5f5f5; padding: 30px 22px 30px 27px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.3s ease; box-shadow: 0 2px 20px -7px rgb(38 43 44 / 0%); } .tx_solr .search-result h2 a { color: #414546; text-decoration: none; font-weight: 600; transition: 0.3s; } .tx_solr .results-list { box-shadow: none; } .tx_solr .search-result h2 a:hover { color: #0e52a0; } .tx_solr .search-result .results-teaser *:last-child { margin-bottom: 0; } .tx_solr .result-list-paginate-container > div:first-child:not(.results-list) { display: none !important; } .tx_solr .searchinfo { margin-bottom: 30px; margin-top: 30px; } .solr-pagination .pagination li { min-height: inherit; min-width: inherit; float: none; } .solr-pagination .pagination li a { min-height: inherit; font-size: 16px; } .tx_solr .search-result .badge { text-align: left; white-space: normal; line-height: normal; padding: 0; font-size: 13px; font-weight: 600; letter-spacing: 1.3px; color: #e8308a; opacity: 1; text-transform: uppercase; background: none; margin-bottom: 20px; } .tx_solr .search-result .badge i { margin: 0 10px; } .tx_solr .facet-result-count.badge { background: #0e52a0; color: #fff; padding: 3px 5px; margin-left: 5px; font-weight: normal; transition: 0.3s; border-radius: 3px; min-width: inherit; font-size: 10px; } .solr-link { color: #0e52a0; } .solr-link i { font-size: 13px; margin-left: 10px; } .solr-link:hover { color: #009aea; } .tx_solr .facets .facet-option-list .facet-option:hover, .tx_solr .facets .facet-option-list .facet-option.current { text-decoration: none; color: #e8308a; } .tx_solr .facets .facet-option-list .facet-option:hover .badge, .tx_solr .facets .facet-option-list .facet-option.current .badge { background: #e8308a; } .tx_solr .facets .facet-option-list .facet-option { display: flex; align-items: center; justify-content: space-between; border-radius: 0 !important; background: #fff; font-size: 15px; color: #414546; } #tx-solr-facets-in-use .btn-circle { white-space: nowrap; display: inline-block; background: #0e52a0; margin-bottom: 5px; color: #fff; height: auto; padding: 7px 10px !important; margin-right: 15px; text-decoration: none !important; } #tx-solr-facets-in-use { margin-top: 30px; } #tx-solr-sorting ul { display: flex; padding: 0; font-weight: 600; margin-top: 15px; margin-bottom: 0; } #tx-solr-sorting ul li:before { display: none; } #tx-solr-sorting ul li { margin-right: 20px; } #tx-solr-sorting ul li a { opacity: 0.3; color: #0e52a0; display: flex; align-items: center; } #tx-solr-sorting ul li a i { font-size: 12px; margin-left: 5px; line-height: normal; } #tx-solr-sorting ul li a.active { opacity: 1; } .autocomplete-suggestions { margin-top: 10px; box-sizing: border-box; transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear; transform-origin: 50% 0; border: none; background-color: #fff; overflow: auto; min-width: 350px !important; max-height: 400px !important; top: calc(100% + 7px); left: 0px; z-index: 999; box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.2); } .autocomplete-suggestions .autocomplete-suggestion, .autocomplete-suggestions .autocomplete-group { font-size: 14px; color: rgba(62, 62, 62, 0.8); padding: 10px !important; cursor: pointer; border-bottom: solid 1px #d6e1e4; text-align: left; transition: all 0.3s; position: relative; outline: none; display: block; text-transform: none; background: #fff; } .autocomplete-suggestions .autocomplete-suggestion:hover, .autocomplete-suggestions .autocomplete-group:hover { text-decoration: none !important; background: #f4f4f4; } .autocomplete-suggestions .autocomplete-suggestion a:hover, .autocomplete-suggestions .autocomplete-group a:hover { text-decoration: none !important; } .autocomplete-suggestions .autocomplete-suggestion div a { color: #454545; } .autocomplete-suggestions .autocomplete-group { background: #454545 !important; color: #fff; border: none; } .tx_solr .results-highlight { background: #0e52a0; color: #fff; } .tx-solr-autosuggest strong, .tx-solr-autosuggest em { font-weight: normal; font-style: normal; color: #009aea !important; } .tx_solr .facet-label { margin-top: 0; padding-top: 0; margin-bottom: 25px; } .mobile-filter { display: none; } #results-per-page select { height: auto; width: auto; } @media (max-width: 1600px) { #tx-solr-search fieldset input, .tx-solr-search-form fieldset input { padding-left: 20px; height: 45px; } .tx-solr-search-form fieldset .input-group { width: 350px; } } @media (max-width: 1199px) { #tx-solr-search fieldset input, .tx-solr-search-form fieldset input { padding-left: 15px; height: 40px; } .tx-solr-search-form fieldset .input-group { width: 300px; } } @media (max-width: 991px) { .tx-solr-search-form fieldset input { font-size: 12px; } .tx-solr-search-form fieldset .input-group { width: 330px; height: auto; } #tx-solr-search fieldset .input-group { padding: 0; } #tx-solr-search-functions { margin-top: 30px; } .tx-solr-search-form fieldset .tx-solr-submit { right: 15px; top: 50%; transform: translateY(-50%); height: calc(100% - 30px); width: 50px; } #tx-solr-search fieldset .tx-solr-submit { transform: none; } .tx-solr-search-form fieldset .input-group:after { right: 30px; } .desktop-filter { display: none; } .mobile-filter { display: block; } .tx-solr { padding-top: 0; } .tx-solr-submit { padding-left: 20px; padding-right: 20px; } .dropdown-search .tx_solr.container { margin: 50px auto; } } @media (max-width: 767px) { .dropdown-search .tx_solr.container { max-width: 100%; padding: 0 15px; } } /* SOLR END */ @media (max-width: 992px) { .dce-map .parti-map { margin-bottom: 40px; } .parti-desc { background: linear-gradient(138deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1)); padding: 20px 25px; } .map-bg::after, .bg-map-canton:after { width: 100%; } } @media (max-width: 600px) { .parti-desc { background: #fff; padding: 15px 15px; } } /* Refonte - DCE HOME BOX */ .home-box { position: relative; margin-bottom: 30px; } .home-box.col-md-12 { padding: 0px; } .home-box.col-md-6 { padding-left: 0px; } .home-box.col-md-6 + .home-box.col-md-6 { padding-left: 15px; padding-right: 0px; } .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 { padding-left: 0px; padding-right: 15px; } .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 { padding-left: 15px; padding-right: 0px; } #four-content .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 + .frame { padding-left: 15px; padding-right: 0px; width: 50%; } #four-content .four-right-col .col-md-6 .home-box.col-md-6 { width: 100%; padding-left: 0px; padding-right: 0px; } #four-content .four-right-col .col-md-6 .news .news-list-view, #four-content .four-left-col .col-md-6 .news .news-list-view { margin: 0px; } #four-content .four-right-col .col-md-6 .news .col-sm-6, #four-content .four-left-col .col-md-6 .news .col-sm-6 { width: 100%; padding-left: 0px; padding-right: 0px; } /*#four-content .four-right-col .col-sm-6 { width: 100%; } #four-content .four-right-col > div:first-of-type { width: 50%; float: left; padding-left: 0px; padding-right: 15px; } #four-content .four-right-col > div:nth-child(2) { width: 50%; float: left; padding-left: 15px; padding-right: 0px; } #four-content .four-right-col > div:nth-child(3) { width: 50%; float: left; padding-left: 0px; padding-right: 15px; } #four-content .four-right-col > div:nth-child(4) { width: 50%; float: left; padding-left: 15px; padding-right: 0px; }*/ #four-content .four-right-col .news-list-view .article-com .article-caption h3 { font-size: 22px; padding-bottom: 0px; } .home-box a { position: relative; display: block; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1); } .home-box img { max-width: 100%; width: 100%; height: auto; } .home-box .home-box-text { position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(12, 82, 160, 0.9); color: #fff; padding: 6px 20px 9px; margin-bottom: 0px; font-size: 44px; font-weight: 600; } #four-content .four-right-col .home-box .home-box-text { font-size: 22px; padding: 14px 22px 17px; } #four-content .four-right-col .home-box .home-box-text p { margin-bottom: 0px; } .home-box.home-box-white .home-box-text { background: rgba(255, 255, 255, 0.95); color: #414959; } .home-box-category { position: absolute; top: 0px; transform: translateY(-100%); right: 0px; font-size: 16px; background: #009bea; padding: 3px 28px; color: #fff; margin-bottom: 0px; text-transform: uppercase; font-weight: 500; } @media (max-width: 1600px) { .navbar-brand > img { width: 215px; } .home-box .home-box-text { padding: 6px 20px; font-size: 34px; } #four-content .four-right-col .home-box .home-box-text { font-size: 20px; padding: 10px 15px 10px; } #four-content .news-list-view .article-com .article-caption { padding: 10px 15px 10px; } #four-content .four-right-col .news-list-view .article-com .article-caption h3 { font-size: 20px; } .home-box-category { padding: 3px 15px; } #four-content iframe#twitter-widget-0 { height: 204px !important; min-height: 204px !important; } .graphic-element { font-size: 30px; } } @media (max-width: 1200px) { .navbar-brand > img { width: 180px; } .banner-bloc-text { display: none; } .home-box .home-box-text { padding: 5px 15px; font-size: 25px; } #four-content .four-right-col .home-box .home-box-text { font-size: 16px; padding: 8px 10px; } #four-content .news-list-view .article-com .article-caption { padding: 8px 10px; } #four-content .four-right-col .news-list-view .article-com .article-caption h3 { font-size: 16px; } .home-box-category { padding: 2px 10px; font-size: 14px; } #four-content .news-list-view .article-com .article-caption .news-list-category { position: absolute; right: 0px; font-size: 16px; padding: 3px 28px; color: #fff; margin-bottom: 0px; text-transform: uppercase; letter-spacing: 0px; } #four-content iframe#twitter-widget-0 { height: 154px !important; min-height: 154px !important; } .graphic-element { font-size: 23px; } } @media (max-width: 992px) { .graphic-element { width: 270px; } .banner-form-call-to-action { height: 650px; } .banner-form { right: 20px; width: 225px; } .banner-form:lang(de_CH) { width: 250px; } .home-box { margin-bottom: 40px; } .home-box.col-md-6 + .home-box.col-md-6 { padding-left: 0px; padding-right: 0px; } .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 { padding-left: 0px; padding-right: 0px; } .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 { padding-left: 0px; padding-right: 0px; } #four-content .home-box.col-md-6 + .home-box.col-md-6 + .home-box.col-md-6 + .frame { padding-left: 0px; padding-right: 0px; width: 100%; } #four-content .news-list-view .article-com .article-caption { padding: 10px 15px; } #four-content .four-right-col .news-list-view .article-com .article-caption h3 { font-size: 18px; } .home-box.col-md-6 { padding-left: 0px; padding-right: 0px; } /*#four-content .four-right-col > div:first-of-type { width: 100%; float: left; padding-left: 0px; padding-right: 0px; } #four-content .four-right-col > div:nth-child(2) { width: 100%; float: left; padding-left: 0px; padding-right: 0px; } #four-content .four-right-col > div:nth-child(3) { width: 100%; float: left; padding-left: 0px; padding-right: 0px; } #four-content .four-right-col > div:nth-child(4) { width: 100%; float: left; padding-left: 0px; padding-right: 0px; }*/ #four-content .four-right-col .home-box .home-box-text { font-size: 18px; padding: 10px 15px; } .home-box-category { padding: 2px 20px; font-size: 16px; } #four-content > div > .row { margin-bottom: 0px; } #four-content { padding-bottom: 0px; margin-bottom: 0px; } .frame-container { margin: 0 auto 40px; } #four-content iframe#twitter-widget-0 { height: 308px !important; min-height: 200px !important; } } @media (max-width: 600px) { #four-content > div > .row { margin-bottom: 0px; } #four-content > div > .row + .row { margin-bottom: 0px; } #four-content .four-right-col .home-box .home-box-text { font-size: 16px; padding: 8px 10px; } .home-box-category { padding: 2px 10px; font-size: 14px; } .content-img #myCarousel { margin-bottom: 40px; } } /* Refonte - NEWS TEMPLATE LISTE VIEW BOXED */ .news-list-view.box-item-row { display: flex; flex-wrap: wrap; } .news-list-view .article.box-item { border: 0px; padding-bottom: 0px; } .news-list-view .article.box-item .bg-white-border { background: #f8f8f8; border: 0px; padding: 0px; margin-bottom: 30px; height: 100%; } .news-list-view .article.box-item .news-img-wrap a { display: block; } .news-list-view .article.box-item .news-img-wrap img { float: none; } .news-list-view .article.box-item .box-item-content { padding: 21px 27px; } .news-list-view .article.box-item .box-item-content h2 { font-size: 32px; } @media (max-width: 991px) { .news-list-view .article.box-item .news-img-wrap { position: relative; padding-bottom: 0; padding-top: 0px; height: auto; overflow: inherit; } .news-list-view .article.box-item .box-item-content h2 { font-size: 25px; } } @media (max-width: 600px) { .news-list-view .article.box-item .box-item-content { padding: 20px 15px; } } @media (max-width: 500px) { .news-list-view .article.box-item { width: 100%; } } .video-homepage { width: 100%; max-width: 945px; margin: 0 auto; padding: 0px 15px; } .frame-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 0 auto 50px; } .frame-container iframe { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } @media (max-width: 992px) { .video-homepage { max-width: 750px; } .bg-color { padding: 40px 15px; } .bg-white-border { margin-bottom: 40px; } #four-content .ce-above .ce-gallery { margin-bottom: 40px; } .content-top.home-page { margin-top: 64px; } } @media (max-width: 600px) { #four-content { margin-bottom: 0px; } .bg-color { padding: 30px 15px; } .bg-newsletter h2 { margin-top: 0px; } #newsletter-subscription.form-inline { margin-bottom: 0px; margin-top: 50px; } .dce-keynumbers .keynumber-number, .wng-user-member-count { padding-top: 0px; } .dce-keynumbers li:last-of-type { margin-bottom: 0px; } } /* Refonte - Footer */ footer .social-links li { margin-left: 30px; } footer .social-links li a { border: 0 !important; font-size: 28px; height: auto; width: auto; } footer .social-links li a:hover { background: none !important; } footer .social-links li a:hover i { color: #e8308a; } .social-links li.social-threema a img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width: 20px; height: auto; } .social-links li.social-threema a .blue-threema { display: inline-block; opacity: 1; } .social-links li.social-threema a .color-threema { display: inline-block; position: absolute; left: 0px; right: 0px; margin: 0 auto; top: 5px; opacity: 0; } .social-links li.social-threema a:hover .blue-threema { opacity: 0; } .social-links li.social-threema a:hover .color-threema { opacity: 1; } .social-links li.social-threema a .white-threema { display: none; } .social-links li.social-threema a .grey-threema { display: none; } footer .social-links li.social-threema a img { width: 24px; height: auto; } footer .social-links li.social-threema a .blue-threema { display: none; } footer .social-links li.social-threema a .color-threema { display: inline-block; transform: translateY(4px); opacity: 0; position: absolute; left: 0px; right: 0px; margin: 0 auto; } footer .social-links li.social-threema a .white-threema { display: inline-block; } footer .social-links li.social-threema a .grey-threema { display: none; } footer .social-links li.social-threema a:hover .white-threema { opacity: 0; } footer .social-links li.social-threema a:hover .color-threema { opacity: 1; } .social-links li.social-tiktok a img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width: 16px; height: auto; } .social-links li.social-tiktok a .blue-tiktok { display: inline-block; opacity: 1; } .social-links li.social-tiktok a .color-tiktok { display: inline-block; position: absolute; left: 0px; right: 0px; margin: 0 auto; top: 7px; opacity: 0; } .social-links li.social-tiktok a:hover .blue-tiktok { opacity: 0; } .social-links li.social-tiktok a:hover .color-tiktok { opacity: 1; } .social-links li.social-tiktok a .white-tiktok { display: none; } .social-links li.social-tiktok a .grey-tiktok { display: none; } footer .social-links li.social-tiktok a img { width: 24px; height: auto; } footer .social-links li.social-tiktok a .blue-tiktok { display: none; } footer .social-links li.social-tiktok a .color-tiktok { display: inline-block; transform: translateY(4px); opacity: 0; position: absolute; left: 0px; right: 0px; margin: 0 auto; top: 5px; } footer .social-links li.social-tiktok a .white-tiktok { display: inline-block; } footer .social-links li.social-tiktok a .grey-tiktok { display: none; } footer .social-links li.social-tiktok a:hover .white-tiktok { opacity: 0; } footer .social-links li.social-tiktok a:hover .color-tiktok { opacity: 1; } @media (max-width: 767px) { .banner-form-call-to-action { height: 600px; } .banner-bloc-donation, .bloc-donation { max-width: calc(100% - 30px); } footer .social-links li { margin-left: 15px; margin-right: 15px; } .fe-users-back { position: inherit; } .news-single { padding-top: 30px; } .news-backlink-wrap { top: -20px; } .back-link-position { position: inherit; margin-bottom: 20px; } .back-link-valeur { position: inherit; margin-top: -20px; } } .btn-incontent { color: white; text-decoration: none !important; } label.control-label.datenschutz::before { content: none; } @media (max-width: 600px) { label.control-label.datenschutz { margin-bottom: 200px !important; } .banner-form-call-to-action { height: 500px; } .banner-form h2 { margin-bottom: 20px; } .banner-form input:not([type="submit"]) { margin-bottom: 10px; } .banner-form #banner-form-name { margin-right: 0px; } .banner-form #banner-form-name, .banner-form #banner-form-lastname { float: none; width: 100%; } .banner-bloc-donation, .bloc-donation { padding: 25px 20px 10px 20px; } .banner-bloc-donation h4, .bloc-donation h4 { font-size: 26px; margin-bottom: 25px; } .banner-bloc-donation-btn, .bloc-donation-btn { flex-wrap: wrap; flex-direction: column; } .banner-bloc-donation-btn .btn, .bloc-donation-btn .btn { margin-right: 0px; margin-bottom: 20px; max-width: 100%; padding: 8px 15px; } .bloc-donation-btn .btn:last-of-type { margin-bottom: 20px; } } @media (max-width: 767px) { .navbar-brand > img { width: 104px; } }