/* ==========================================================================



   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';
    display: flex;
    flex-direction: column;
    align-items: flex-start;

}


.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 .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;
}

#four-content .home-box + *:not(.home-box) {
    clear: left;
}


.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: 0px;


    vertical-align: super;
    width: 100%;

}


.carousel .carousel-control.right img {

    margin-right: 0;


    margin-left: 0px;

}


.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;


}


.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.95);


    text-transform: none;


    padding: 14px 22px 17px;


    position: absolute;


    z-index: 2;


    bottom: 0;


    width: 100%;

}


.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;

}


.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: 22px;


    line-height: 1.2;
    padding-bottom: 0px;

}

.news-list-view .article-com .article-caption h3 p {
    margin-bottom: 0px;
}


.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: 15px;

}


#right-content .wng-user-member a {
    text-align: left;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#right-content .news-single .wng-user-member {
    text-align: left;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#right-content .news-single .wng-user-member .user-canton {
    padding-bottom: 0px;
}


#right-content .wng-user-member .img-member {

    width: 33%;
    display: inline-block;
    margin: 0px;

}


#right-content .wng-user-member .user-info {

    width: auto;


    height: auto !important;


    max-height: none;


    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 25px;

}


#right-content .wng-user-member .user-info:after {

    border-bottom: none;

}

#right-content .wng-user-member .user-canton {
    padding-bottom: 40px;
    position: relative;
    width: 100%;
    bottom: initial;
}
#right-content .wng-user-member .user-canton:after {
    left: 0px;
    right: inherit;
    bottom: 0px;
}

#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;

    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 25px;

}


.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 {

    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;
    padding-right: 30px;

}


.wng-user-member .user-canton {

    color: rgba(0, 0, 0, 0.3);


    font-size: 14px;


    font-weight: normal;


    padding-bottom: 25px;


    position: absolute;


    width: 100%;


    width: calc(100% - 30px);


    bottom: 0;

}

.wng-user-member .user-canton:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 25px;
    width: 30px;
    height: 30px;
    background-image: url("../img/canton/ch-ch.svg");
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-size: cover;
}

.news .article .wng-user-member .user-canton:after {
    display: none;
}

.wng-user-member .user-canton.user-canton-1:after {
    background-image: url("../img/canton/ch-ch.svg");
}

.wng-user-member .user-canton.user-canton-2:after,
.wng-user-member .user-canton.user-canton-4:after {
    background-image: url("../img/canton/ch-vd.svg");
}

.wng-user-member .user-canton.user-canton-5:after,
.wng-user-member .user-canton.user-canton-6:after {
    background-image: url("../img/canton/ch-ag.svg");
}

.wng-user-member .user-canton.user-canton-8:after {
    background-image: url("../img/canton/ch-be.svg");
}

.wng-user-member .user-canton.user-canton-9:after,
.wng-user-member .user-canton.user-canton-10:after {
    background-image: url("../img/canton/ch-bl.svg");
}

.wng-user-member .user-canton.user-canton-11:after,
.wng-user-member .user-canton.user-canton-12:after {
    background-image: url("../img/canton/ch-bs.svg");
}

.wng-user-member .user-canton.user-canton-13:after,
.wng-user-member .user-canton.user-canton-14:after {
    background-image: url("../img/canton/ch-fr.svg");
}

.wng-user-member .user-canton.user-canton-15:after,
.wng-user-member .user-canton.user-canton-16:after {
    background-image: url("../img/canton/ch-ge.svg");
}

.wng-user-member .user-canton.user-canton-17:after,
.wng-user-member .user-canton.user-canton-18:after {
    background-image: url("../img/canton/ch-lu.svg");
}

.wng-user-member .user-canton.user-canton-19:after,
.wng-user-member .user-canton.user-canton-20:after {
    background-image: url("../img/canton/ch-ne.svg");
}

.wng-user-member .user-canton.user-canton-21:after,
.wng-user-member .user-canton.user-canton-22:after {
    background-image: url("../img/canton/ch-sg.svg");
}

.wng-user-member .user-canton.user-canton-23:after,
.wng-user-member .user-canton.user-canton-24:after {
    background-image: url("../img/canton/ch-so.svg");
}

.wng-user-member .user-canton.user-canton-25:after,
.wng-user-member .user-canton.user-canton-46:after {
    background-image: url("../img/canton/ch-sz.svg");
}

.wng-user-member .user-canton.user-canton-45:after,
.wng-user-member .user-canton.user-canton-28:after,
.wng-user-member .user-canton.user-canton-62:after,
.wng-user-member .user-canton.user-canton-61:after {
    background-image: url("../img/canton/ch-ti.svg");
}

.wng-user-member .user-canton.user-canton-26:after,
.wng-user-member .user-canton.user-canton-27:after {
    background-image: url("../img/canton/ch-tg.svg");
}

.wng-user-member .user-canton.user-canton-29:after,
.wng-user-member .user-canton.user-canton-30:after {
    background-image: url("../img/canton/ch-vs.svg");
}

.wng-user-member .user-canton.user-canton-31:after,
.wng-user-member .user-canton.user-canton-32:after {
    background-image: url("../img/canton/ch-zg.svg");
}

.wng-user-member .user-canton.user-canton-33:after,
.wng-user-member .user-canton.user-canton-34:after {
    background-image: url("../img/canton/ch-zh.svg");
}

.wng-user-member .user-canton.user-canton-35:after,
.wng-user-member .user-canton.user-canton-36:after {
    background-image: url("../img/canton/ch-ar.svg");
}

.wng-user-member .user-canton.user-canton-37:after,
.wng-user-member .user-canton.user-canton-38:after {
    background-image: url("../img/canton/ch-gl.svg");
}

.wng-user-member .user-canton.user-canton-39:after,
.wng-user-member .user-canton.user-canton-40:after,
.wng-user-member .user-canton.user-canton-60:after {
    background-image: url("../img/canton/ch-gr.svg");
}

.wng-user-member .user-canton.user-canton-41:after,
.wng-user-member .user-canton.user-canton-42:after {
    background-image: url("../img/canton/ch-nw.svg");
}

.wng-user-member .user-canton.user-canton-43:after,
.wng-user-member .user-canton.user-canton-44:after {
    background-image: url("../img/canton/ch-ur.svg");
}

.wng-user-member .user-canton.user-canton-47:after,
.wng-user-member .user-canton.user-canton-48:after {
    background-image: url("../img/canton/ch-ju.svg");
}

.wng-user-member .user-canton.user-canton-49:after,
.wng-user-member .user-canton.user-canton-50:after {
    background-image: url("../img/canton/ch-ow.svg");
}

.wng-user-member .user-canton.user-canton-51:after,
.wng-user-member .user-canton.user-canton-52:after {
    background-image: url("../img/canton/ch-sh.svg");
}

.wng-user-member .user-canton.user-canton-58:after,
.wng-user-member .user-canton.user-canton-59:after {
    background-image: url("../img/canton/ch-ai.svg");
}

.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;

}

img.bulding {
    height: 60px !Important;
    width: 60px !Important;
}
img.whatsapp {
    height: 60px !Important;
    width: 60px !Important;
}

/* /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;

    }

    .wng-user-member .user-canton {
        padding-bottom: 40px;
        position: relative;
        width: 100%;
        bottom: initial;
    }

    .wng-user-member .user-canton:after {
        left: 0px;
        right: inherit;
        bottom: 0px;
    }
    .wng-user-member .user-role {
        padding-right: 0px;
    }

}


@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: 15px;


        height: auto;

    }


    .wng-user-member a {

        text-align: left;


        position: relative;


        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;

    }


    .wng-user-member .img-member {

        width: 33%;


        display: inline-block;


        margin: 0px;

    }


    .wng-user-member .user-info {


        height: auto !important;


        max-height: none;

    }


    .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;

    }

    .tx-wng-fe-users .wng-user-member-list .row {
        display: flex;
        flex-wrap: wrap;
    }


    .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;

    position: relative;

    z-index: 1;

}


.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,
    .news-list-view .article-com .article-caption {

        padding: 10px 15px 10px;

    }


    #four-content .four-right-col .news-list-view .article-com .article-caption h3,
    .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;

    }

    #right-content .wng-user-member a {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #right-content .news-single .wng-user-member {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #right-content .wng-user-member .img-member {
        width: 50%;
        margin-bottom: 10px;
    }
    #right-content .wng-user-member .user-info {
        padding-bottom: 0px;
    }
    #right-content .wng-user-member .user-canton:after {
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: 0 auto;
    }

}


@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,
    .news-list-view .article-com .article-caption {

        padding: 8px 10px;

    }


    #four-content .four-right-col .news-list-view .article-com .article-caption h3,
    .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,
    .news-list-view .article-com .article-caption {

        padding: 10px 15px;

    }

    #four-content .four-right-col .news-list-view .article-com .article-caption h3,
    .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;

    }

    .ce-intext.ce-right .ce-gallery {
        margin-left: 0px !important;
    }
    .ce-right .ce-gallery {
        float: none !important;
    }
    .ce-left .ce-gallery,
    .ce-right .ce-gallery {
        max-width: 100%;
    }
    .ce-row {
        margin-bottom: 40px !important;
    }
    .ce-gallery figure,
    .ce-gallery figcaption {
        display: block !important;
    }

}


/* 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;

    }

    #right-content .wng-user-member a {
        justify-content: flex-start;
        flex-direction: inherit;
        align-items: center;
        text-align: left;
    }
    #right-content .news-single .wng-user-member {
        justify-content: flex-start;
        flex-direction: inherit;
        align-items: center;
        text-align: left;
    }
    #right-content .wng-user-member .img-member {
        width: 33%;
        margin-bottom: 0px;
    }
    #right-content .wng-user-member .user-canton:after {
        left: 0px;
        right: inherit;
        bottom: 0px;
        margin: 0;
    }


    .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;

    }

}