html {
    position: relative;
    min-height: 100%;
}

html, body {
    color: #1c252c;
    font-weight: lighter;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    background: #FFFFFF;
    line-height: initial;
}
.light-text {
    color: #FFFFFF;
}

ul, .list-group ul {
    list-style-image: url('../Media/Pictures/Icons/puce.png');
}
    ul.arabe, .list-group ul.arabe {
        list-style-image: url('../Media/Pictures/Icons/puce-arabe.png');
    }
    ul ul, .list-group ul ul {
        list-style-image: url('../Media/Pictures/Icons/puce-2.png');
    }

.hide {
    display: none;
}

a {
    text-decoration: none;
    color: #7fc241;
    transition: color 500ms;
    text-transform: uppercase;
}
a.inherit-color {
    color: inherit;
}
    a:hover, a:focus {
        color: #1c252c;
        text-decoration: none;
        transition: color 500ms;
    }
    a.white:hover,a.white:focus {
        color: #FFFFFF;
    }
        a.inherit-color:hover, a.inherit-color:focus {
            color: #7fc241;
        }
.littleLink a {
    text-transform: none;
}
.btn-link {
    background-color: #7fc241;
    color: #FFFFFF;
    border: none;
    border-radius: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 0.937em;
    transition: background 500ms;
    font-weight: 400;
    padding: 7px 15px;
}
    .btn-link:before {
        content: url('../Media/Pictures/Icons/puce-white.png');
        padding: 0 5px 0 0;
    }
    .btn-link:hover, .btn-link:focus {
        color: #FFFFFF;
        background: #1c252c;
        text-decoration: none;
        transition: background 500ms;
    }
.btn-link.disabled {
    color: #FFFFFF;
}

h2 {
    margin: 0;
    font-size: 2.5em;
    font-weight: lighter;
    text-align: left;
}
h3 {
    font-size: 1.5em;
    margin: 20px 0 10px 0;
}
.dotted {
    padding-bottom: 10px;
    border-bottom: dotted 1px #9fa2a5;
}
.dotted-light {
    padding-bottom: 10px;
    border-bottom: dotted 1px #73797c;
}

address {
    white-space: pre-line;
    line-height: 20px;
    margin: 30px 0 10px 0;
}

.green {
    color: #7fc241;
}

.Left {
    float: left;
}
    .Left img {
        margin: 10px 25px 10px 0;
    }

.arabe {
    direction: rtl;
    display: block;
    text-align: right;
}
label {
    margin: 0 0 5px 0;
    color: #606265;
}
.form-group {
    margin: 0 0 15px 0;
}
.form-group input {
    background: #FFFFFF;
    color: #1c252c;
    font-size: 1.063em;
    border: solid 3px #dee1e3;
    padding: 5.25px 15px;
    border-radius: 5px;
    transition: color 500ms, border 500ms;
}
    .form-group input:hover {
        box-shadow: none;
        color: inherit;
        border: solid 3px #606265;
    }
    .form-group input:focus, .form-group input:active {
        box-shadow: none;
        color: inherit;
        border: solid 3px #7fc241;
    }
    .form-group input.input-validation-error {
        border: solid 3px #c24141;
    }
        .form-group input.input-validation-error:hover {
            box-shadow: none;
            color: inherit;
            border: solid 3px #606265;
            color: #1c252c;
        }
    .form-group textarea {
        background: #FFFFFF;
        color: #1c252c;
        font-size: 1.063em;
        border: solid 3px #dee1e3;
        padding: 5.25px 15px;
        border-radius: 5px;
        transition: color 500ms, border 500ms;
        min-height: 150px;
    }
    .form-group textarea:hover {
        box-shadow: none;
        color: inherit;
        border: solid 3px #606265;
    }
    .form-group textarea:focus, .form-group textarea:active {
        box-shadow: none;
        color: inherit;
        border: solid 3px #7fc241;
    }
    .form-group textarea.input-validation-error {
        border: solid 3px #c24141;
    }
        .form-group textarea.input-validation-error:hover {
            box-shadow: none;
            color: inherit;
            border: solid 3px #606265;
            color: #1c252c;
        }
.btn-primary {
        background-color: #7fc241;
        color: #FFFFFF;
        border: none;
        border-radius: 2px;
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        font-size: 1.25em;
        padding: 5px 15px;
        margin: 15px 0 0 0;
        transition: color 500ms, background 500ms;
    }
    .btn-primary:hover {
        background: #1e252c;
    }
    .btn-primary:focus, .btn-primary:active {
        box-shadow: none;
        border: none;
        background: #000000;
    }
    .btn-primary:active:focus {
        border: none;
        box-shadow: none;
    }
.form {
    background: #f8f9f9;
    padding: 5%;
    margin: 30px 0 30px 0;
}
    .form .advertisement {
        text-align: center;
        margin: -15px 0 15px 0;
    }
    .form .mandatoryExplain {
        float: right;
        margin: -10px 0 0 0;
    }
.container {
    padding: 50px 40px;
    max-width: 100%;
}
.container .row {
    margin: 0;
}

address {
    font-weight: 500;
}


.greenLine {
    display: block;
    width: 100%;
    position: relative;
}

.greenLeft {
    height: 10px;
    width: 50%;
    background: #7fc241;
    display: block;
    position: absolute;
}

.greenRight {
    height: 10px;
    width: 580px;
    background: #ffffff;
    display: block;
    position: absolute;
    left: 50%;
}
.greenCenter {
    position: relative;
    background: #7fc241;
    height: 10px;
    width: 100%;
    border-left: 40px solid #7fc241;
    border-right: 40px solid #ffffff;
    max-width: 1280px;
    margin: auto;
    display: block;
}

.background-gray {
    background: #f8f9f9;
}
.background-xhite {
    background: #ffffff;
}

header {
    background: #FFFFFF !important;
    height: 36px;
}
header .container-fluid {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}
#search .ConnectOnline {
    text-align: right;
    float: right;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    color: #15191e;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.812em;
    transition: color 500ms;
}
    #search .ConnectOnline img {
        width: 36px;
        height: 36px;
        padding: 5px 5px 6px;
    }
    #search .ConnectOnline:hover,
    #search .ConnectOnline:focus {
        color: #7fc241;
        transition: color 500ms;
    }
#language a {
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    font-size: 0.812em;
    font-weight: 400;
    color: #505050;
    transition: color 500ms;
}
#language a img {
    filter: grayscale(100%);
    border: 2px solid #e3e4e4;
    transition: filter 500ms;
    height: 16px;
    width: 22px;
}
    #language a:hover,
    #language a:focus {
        color: #15191e;
        transition: color 500ms;
    }

        #language a:hover img,
        #language a:focus img {
            filter: grayscale(0);
            transition: filter 500ms;
        }

#language #activeLanguage {
    color: #15191e;
}

    #language #activeLanguage img{
        filter: grayscale(0);
    }

#mainNavigation {
    top: 36px;
    padding: 0;
    height: 77px;
    background: #15191E !important;
}
    #mainNavigation > .container-fluid {
        width: 100%;
    }
    #mainNavigation .navbar-brand {
        margin: 0;
        padding: 13.5px 15px 13.5px 0;
    }
        #mainNavigation .navbar-brand img {
            height: 50px;
            width: 150px;
        }
    #mainNavigation .navbar-collapse .nav-item {
        line-height: 77px;
        vertical-align: middle;
    }
    #mainNavigation .collapse.show, #mainNavigation .collapsing {
        background: #0c0f12;
    }
    #mainNavigation .navbar-collapse .nav-link {
        margin: 0 15px;
        padding: 0;
        text-transform: uppercase;
        font-size: 1em;
        color: #A7A7A7;
        border-bottom: solid transparent;
        transition: color 500ms, border-bottom-color 500ms;
        text-align: center;
    }
    #mainNavigation .navbar-collapse .nav-link p{
        display: inline-block;
        height: 77px;
    }

    #mainNavigation .navbar-collapse .active .nav-link p {
        color: #7fc241;
        border-bottom: solid #7fc241;
    }
    #mainNavigation .navbar-collapse .active .dropdown-toggle::after {
        color: #A7A7A7;
        transition: color 500ms;
    }

    #mainNavigation .navbar-collapse .nav-item:hover .dropdown-toggle::after,
    #mainNavigation .navbar-collapse .nav-item:focus .dropdown-toggle::after {
        color: #7fc241;
        transition: color 500ms;
    }

    #mainNavigation .navbar-collapse .nav-item:hover .nav-link,
    #mainNavigation .navbar-collapse .nav-item:focus .nav-link {
        color: #7fc241;
        border-bottom: solid #7fc241;
        transition: color 500ms, border-bottom-color 500ms;
    }

    #mainNavigation .dropdown-menu {
        margin: 0;
        left: 15px;
        padding: 0;
        border-radius: 0;
        border: none;
        background: #0C0F12;
    }
        #mainNavigation .dropdown-menu .dropdown-item {
            border-bottom: 2px solid #1A2127;
            background: transparent;
            padding: 0;
            line-height: initial;
        }
        #mainNavigation .dropdown-menu .dropdown-item.last {
            border: none;
        }
            #mainNavigation .dropdown-menu .dropdown-item > a {
                color: #ffffff;
                padding: 15px;
                display: block;
                transition: color 250ms;
                line-height: normal;
                text-transform: none;
            }
            #mainNavigation .dropdown-menu .dropdown-item:hover > a,
            #mainNavigation .dropdown-menu .dropdown-item:focus > a {
                color: #7fc241;
                transition: color 250ms;
            }
            #mainNavigation .dropdown-menu .dropdown-item .openSub {
                float: right;
                margin-top: -34px;
                margin-right: 15px;
                cursor: pointer;
                border: solid 2px #FFFFFF;
                border-radius: 50px;
                width: 20px;
                height: 20px;
                font-weight: 600;
                font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;
                color: #FFFFFF;
                display: table-cell;
                text-align: center;
            }
                #mainNavigation .dropdown-menu .dropdown-item .openSub.plus {
                    line-height: 16px;
                }
                #mainNavigation .dropdown-menu .dropdown-item .openSub.moins {
                    line-height: 14px;
                }
            #mainNavigation .dropdown-menu .dropdown-item ul {
                list-style: none;
                border-top: 2px solid #1A2127;
                padding: 0;
            }
                #mainNavigation .dropdown-menu .dropdown-item ul li a {
                    padding: 15px 15px 15px 30px;
                    color: #6d757e;
                    padding: 15px 15px 15px 30px;
                    display: block;
                    transition: color 250ms;
                    line-height: normal;
                    text-transform: none;
                }

                #mainNavigation .dropdown-menu .dropdown-item ul li:hover a,
                #mainNavigation .dropdown-menu .dropdown-item ul li:focus a {
                    color: #ffffff;
                    transition: color 250ms;
                }
#sites {
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 0.813em;
    width: 300px;
}
#actualSite {
    padding: 0;
    height: 77px;
    background: #0c0f12;
    color: #7fc241;
    text-align: center;
    text-transform: none;
}
    #actualSite p {
        margin: 2px 0 0 0;
    }
    #actualSite img {
        height: 29px;
        width: 29px;
        margin: 14px auto 0;
    }
#otherSites {
    padding: 0;
    height: 77px;
}
    #otherSites .site {
        padding: 0;
        background: #000000;
        color: #A7A7A7;
        transition: color 500ms;
        text-transform: none;
    }
        #otherSites .site p {
            display: inline;
            margin: 0;
            vertical-align: middle;
            line-height: 38.5px;
            margin: 0 0 0 10px;
        }
        #otherSites .site:hover,
        #otherSites .site:focus {
            color: #FFFFFF;
            transition: color 500ms;
        }
        #otherSites .site img{
            height: 20px;
            width: 20px;
            filter: brightness(100%);
            transition: filter 500ms;
            margin: 0 0 0 15px;
        }
            #otherSites .site:hover img,
            #otherSites .site:focus img{
                filter: brightness(150%);
                transition: filter 500ms;
            }


main {
    padding: 0 0 250px 0;
}


.no-carousel {
    height: 113px;
    display: block;
}

#mainCarousel {
    max-height: 776px;
    height: 100vh;
}
.slide-carousel .slick-list {
    height: 100% !important;
}
.slide-carousel .slick-track {
    height: 100% !important;
}.carousel-slide {
    height: 100% !important;
}
.slide-carousel .slider-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
}
.slide-carousel .slider-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100%;
}
.slider-left div, .slider-right div {
    height: 88px;
    width: 88px;
    border-radius: 88px;
    background: rgba(21, 25, 30, 0.5);
    line-height: 88px;
    vertical-align: middle;
    margin: 0 30px;
    top: 50%;
    position: relative;
    transition: background 500ms;
    display: none;
}
    .slider-left div img{
        margin: 0 0 0 26px;
    }
    .slider-right div img {
        margin: 0 0 0 34px;
    }
    .slider-left p, .slider-right p {
        font-size: 0.937em;
        text-transform: none;
        position: relative;
        text-align: center;
        margin: 0;
        color: rgba(0,0,0,0);
        transition: color 500ms;
        top: 51%;
    }
.slider-left:hover, .slider-right:hover, .slider-left:focus, .slider-right:focus {
    background: rgba(21, 25, 30, 0.8);
    transition: background 500ms;
}
    .slider-left:hover div, .slider-right:hover div, .slider-left:focus div, .slider-right:focus div {
        background: #7fc241;
    }
        .slider-left:hover p, .slider-right:hover p, .slider-left:focus p, .slider-right:focus p {
            color: #ffffff;
        }
.slide-carousel .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    list-style: none;
}
    .slide-carousel .slick-dots li {
        margin: 0 15px 0 0;
        border: none;
        border: solid 4px #7b7d7f;
        border-radius: 50px;
        padding: 0;
        height: 40px;
        width: 40px;
        color: #ffffff;
        background: #7fc241;
        transition: color 500ms, background-color 500ms;
        text-align: center;
        vertical-align: middle;
        line-height: 32px;
    }
        .slide-carousel .slick-dots li button {
            padding: 0;
            border: 0;
            background: transparent;
            color: inherit;
            font-weight: 700;
            width: 100%;
            height: 100%;
            outline: none;
        }
            .slide-carousel .slick-dots li button:-moz-focus-inner {
                border: 0;
            } 
            .slide-carousel .slick-dots li:hover, .slide-carousel .slick-dots li:focus {
                color: #7fc241;
                background: #ffffff;
            }
        .slide-carousel .slick-dots li.slick-active{
            color: #7fc241;
            background: #ffffff;
        }
#mainCarousel .carousel-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
    #mainCarousel .carousel-filter {
        position: absolute;
        top: 0;
        background: rgba(27, 37, 45, 0.8);
    }
.carousel-caption {
    left: 15%;
    right: 15%;
    font-size: 1.312em;
    text-align: justify;
    max-width: 600px;
    padding: 0;
    top: 40%;
    bottom: auto;
    text-transform: none;
}
.carousel-caption .title {
    font-size: 2.857em;
    text-align: left;
}
    .carousel-caption p {
        margin-bottom: 0.5rem;
    }
    .carousel-caption a {
        font-size: 0.857em;
    }

#subNavigation {
    background: #f9f9fa;
    top: 113px;
}
    #subNavigation .nav {
        text-align: center;
        margin: auto;
        display: block;
    }
        #subNavigation .nav-item {
            margin: 14.5px 1%;
            display: inline-block;
        }
        #subNavigation .nav-item.hide {
            margin: 0;
            display: none;
        }
            #subNavigation .nav-item .nav-link, #subNavigation .nav-link:focus {
                margin: auto;
                display: inline-block;
                background-color: #ffffff;
                border: 1px solid #e0e2e4;
                border-radius: 50px;
                padding: 0 25px;
                color: #9fa1a3;
                text-decoration: none;
                font-weight: 100;
                font-size: 1.5em;
                line-height: 40px;
                text-transform: none;
                transition: background-color 500ms, color 500ms;
            }
                #subNavigation .nav-link:hover, #subNavigation .nav-link.active
                {
                    background-color: #9fa1a3;
                    color: #ffffff;
                    transition: background-color 500ms, color 500ms;
                }


.stepList .col-md-6, .stepList .col-md-12, .mapsList .col-md-6, .mapsList .col-md-12 {
    padding: 0;
}
.first-step-separator, .first-mapsList-separator {
    margin: 22px 0 0 0;
    background: #e6e7e6;
    width: 100%;
    height: 1px;
    display: block;
}
.step-description {
    text-align: justify;
    padding: 0 40px 0 0;
}
.step-separator, .mapsList-separator {
    background: #e6e7e6;
    width: 100%;
    height: 1px;
    display: block;
}
.stepsList-title, .mapsList-title {
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    line-height: 73px;
    color: #5f686f;
    background-color: #FFFFFF;
    border: none;
    border-radius: 0;
    padding: 0;
    transition: color 500ms, background 500ms;
    margin: 0;
}
    .stepsList-title.active, .mapsList-title.active {
        background: #F6F7F7;
        color: #7fc241;
        border: none;
    }
    .stepsList-title:hover, .stepsList-title:focus, .mapsList-title:hover, .mapsList-title:focus {
        background-color: #f8f9fa;
    }
.stepsList-number, .mapsList-number {
    font-size: 1.5em;
    padding: 0 0 0 6.2%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #7fc241;
}
.bg-step, .bg-map {
    background-color: #F6F7F7;
}
    .bg-map .collapsing {
        transition: none !important;
    }
.mapsList-areas {
    background: white;
    color: #1c252c;
    font-size: 1.063em;
    line-height: initial;
    font-family: 'Roboto Condensed', sans-serif;
}
    .mapsList-areas ul {
        font-weight: 400;
        padding: 5px 0;
        margin: 0;
        display: inline-block;
        margin-left: 67px;
        list-style: none;
    }
.map-area-link {
    height: 30px;
    vertical-align: baseline;
    line-height: 30px;
    text-transform: none;
    transition: color 500ms, background 500ms;
    margin: 0;
    border: none;
    border-radius: 0;
    padding: 0 10px 0 0;
}
    .map-area-link:before {
        content: url('../Media/Pictures/Icons/puce.png');
        padding: 0 7.5px;
    }
    .map-area-link:first-child, .map-area-link:last-child {
        border-radius: 0;
    }
    .mapsList-areas ul li:hover,
    .mapsList-areas ul li:focus {
        color: #7fc241;
    }
.map-area-link.active {
    background-color: #7fc241;
    color: #FFFFFF; 
}
    .map-area-link.active:before {
        content: url('../Media/Pictures/Icons/puce-white.png');
    } 
    .map-area-link.active:hover, .map-area-link.active:hover {
        background-color: #7fc241;
        color: #FFFFFF;
    }
.map-img {
    height: 580px;
    width: 580px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.map-country {
    background-color: #7fc241;
    text-transform: uppercase;
    display: inline-block;
    color: #FFFFFF;
    margin: 0;
    padding: 4px 7px;
    font-size: 1.125em;
    font-weight: 400;   
}
.map-area {
    font-size: 2.25em;
    margin: 0;
    padding: 0;
}
.maps-offices > div{
    padding: 40px;
    background-color: #F6F7F7;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    border-top: solid 1px #e6e7e6;
}
.map-office {
    margin: 30px 0 0 0;
}
    .map-office p {
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
        margin: 30px 0 0 0;
    }
    .map-office ul {
        color: #5f686f;
    }
.stepList-content {
    text-align: justify;
    padding: 25px 60px;
}

.step-image {
    margin: 0 auto 40px;
    display: block;
}
.other-languages {
    margin: 55px 40px 10px 0;
    height: 30px;
}
    .other-languages p {
        float: left;
        line-height: 30px;
        margin: 0;
    }
    .other-languages div {
        float: right;
        height: 30px;
    }
    .other-languages .flag {
        margin: 0px 6px;
        box-shadow: 0px 0px 10px 0px rgba(70, 57, 42, 0.16);
        width: 45px;
        height: 30px;
    }
        .other-languages .flag:hover,
        .other-languages .flag:focus {
            outline: 3px solid #dcdcdc;
        }
.pop-up {
    background: rgba(0, 0, 0, 0.7);
}
    .pop-up .modal-content {
        background: none;
        border: none;
        border-radius: 0;
    }
    .pop-up .modal-header{
        width: 21px;
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0 0 10px 479px;
    }
        .pop-up .modal-header .close {
            height: 21px;
            width: 21px;
            background-image: url("/Media/Pictures/close.png");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            padding: 0;
            margin: 0;
        }
    .pop-up .modal-body {
        box-shadow: 0px 0px 51px 0px rgba(70, 57, 42, 0.4);
        background: #ffffff;
        border: solid 20px #7fc241;
        padding: 30px;
        color: #000000;
        font-weight: 400;
        text-align: justify;
    }
        .pop-up .modal-body img{
            margin: 0 0 16px 0;
        }


.list-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
    background-attachment: fixed;
}
.list-dark-bg {
    background-color: rgba(21, 25, 30, 0.85);
}
.list-bg .container{
    padding: 0;
}
.list-bg .col-md-7 {
    padding: 50px 40px 30px 60px;
    background: rgba(0,0,0,0.1);
    color: #999c9f;
    font-weight: 400;
}
.list-bg h2 {
    border-bottom: #4a5356 dotted 1px;
    padding: 0 0 15px 0;
    color: #FFFFFF;
}
.list-bg-element {
    height: 100px;
    width: 100%;
    border-bottom: #4a5356 dotted 1px;
    display: table;
}
.list-bg-img {
    height: 100%;
    width: 95px;
    display: table-cell;
    vertical-align: middle;
}
.list-bg-img img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}
.list-bg-text {
    display: table-cell;
    vertical-align: middle;
}
.list-bg .star {
    margin: 20px 0 0 0;
    display: table;
}

.backgrounded-form {
    height: 577px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.form-filter {
    background-color: rgba(21, 25, 30, 0.85);
    height: 100%;
}
.backgrounded-form .form-group {
    margin: 0;
    padding: 25px 0 0 0;
}
    .backgrounded-form .form-group label {
        color: #999c9f;
        margin: 0 0 10px 0;
    }
    .backgrounded-form .form-group input {
        background: #dee1e3;
        border-radius: 2px;
        color: #676665;
        font-size: 1.312em;
        padding: 7.25px 20px;
    }
.backgrounded-form .btn-primary {
    padding: 10px 20px;
    margin: 30px 0 0 0;
}
    .backgrounded-form .btn-primary:hover { 
        background: #606265; 
    }
.backgrounded-form .response {
    margin: 20px 0 0 0;
    text-align: justify;
}
.backgrounded-form .form-group input.input-validation-error:hover {
    color: #676665;
}


.contact .col-md-4, .contact .col-md-8 {
    padding: 0;
}
    .contact .col-md-4 {
        padding-right: 45px; 
    }
    .contact .col-md-8 {
        padding-left: 45px; 
    }
.contact-title {
    margin: 0;
    padding: 0 0 10px 0;
}
.redirect-form {
    color: #FFFFFF;
    background: #7fc241;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 2px;
    line-height: 22px;
    position: absolute;
    bottom: 15px;
    right: 0;
    transition: background 500ms;
}
    .redirect-form span{
        width: 22px;
        height: 22px;
        background-size: contain;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        font-size: 0.875em;
        background-repeat: no-repeat;
    }
    .redirect-form:hover, .redirect-form:focus {
        color: #FFFFFF;
        background: #1c252c;
        transition: background 500ms;
    }
.important-contact {
    background: #f8f9f9;
    margin: 10px 0;
    width: 100%;
    color: #1c252c;
    white-space: normal;
}
    .important-contact .phone {
        text-decoration: none;
        display: block;
        width: 100%;
        font-size: 1.625em;
        font-weight: bold;
        margin: 0 0 0 15px;
        padding: 10px 0 5px 0;
    }
        .important-contact .phone .phoneFlag {
            margin: 0 10px 1px 0;
            height: 15px;
        }
    .important-contact .fax {
        color: #1c252c;
        display: block;
        width: 100%;
        font-weight: 500;
        text-transform: uppercase;
        margin: 10px 0 0 15px;
        padding: 0 0 10px 0;
    }


.gdpr .col-md-2 .nav {
    position: fixed;
}
    .gdpr .col-md-2 .nav .nav-link {
        text-transform: none;
        border-radius: 0;
        font-size: 1.25em;
    }
        .gdpr .col-md-2 .nav .nav-link.active {
            background: transparent;
            color: #7fc241;
            font-weight: 400;
        }
        .gdpr .col-md-2 .nav .nav-link img {
            width: 22px;
            vertical-align: baseline;
            margin: 0 10px 0 0;
            box-shadow: 0px 0px 10px 0px rgba(70, 57, 42, 0.16);
            filter: grayscale(1);
            transition: filter 500ms;
        }
        .gdpr .col-md-2 .nav .nav-link:hover img,
        .gdpr .col-md-2 .nav .nav-link:focus img,
        .gdpr .col-md-2 .nav .nav-link.active img {
            filter: grayscale(0);
        }



.partner-carousel h2, .partner-grid h2{
    margin: 0 14px;
}
.partner-text {
    text-align: justify;
    font-weight: 400;
    margin: 15px 14px 5px;
}
.partner-grid > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.partner {
    border: solid 6px #ececec;
    margin: 14px;
    padding: 0;
}
.partner div {
    height: 78px;
    width: 128px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 15px;
    filter: grayscale(100%);
    transition: filter 500ms;
}
    .partner:hover div {
        filter: grayscale(0);
    } 


.staff .col-md-12, .staff .col-md-2, .staff .col-md-10, .staff .col-md-6 {
    padding: 0;
}
.staff-group.col-md-12 {
    margin: 15px 0 30px 0;
    background: #f2f4f5;
    padding: 40px;
}
.staff-group h3 {
    font-size: 1.313em;
    font-weight: normal;
    text-transform: uppercase;
    color: #a6a9ab;
    border-bottom: dotted 1px #a6abae;
    padding-bottom: 18px;
    margin: 0;
}
.staff-people {
    margin: 15px 0 0 0;
}
.staff-area {
    width: 175px;
    height: 32px;
    padding: 0 10px;
    color: #ffffff;
    background-color: #1c252c;
    display: block;
    text-transform: uppercase;
    line-height: 32px;
    font-size: 0.875em;
    font-weight: 400;
    margin: 30px 0 0 0;

}
.staff-name {
    font-size: 0.937em;
    color: #1c252c;
    text-transform: uppercase;
    font-weight: 400;
}
.staff-function {
    font-size: 0.937em;
    color: #717579;
    font-weight: 400;
}
.staff-phone {
    font-size: 0.937em;
    color: #717579;
    display: block;
    width: 100%;
    text-transform: none.
}
.staff-email {
    font-size: 0.937em;
    color: #7fc241;
    font-weight: 400;
    text-transform: none;
}


.faq {
    margin: 30px 0;
    border-bottom: dotted 1px #b6b9bb;
}
    .faq .gray {
        background: #f8f9f9;
    }
    .faq .white {
        background: #FFFFFF;
    }
    .faq .card {
        border-radius: 0;
        border: none;
        border-top: dotted 1px #b6b9bb;
    }
    .faq .card-header {
        background: transparent;
        font-weight: 400;
        font-size: 1.125em;
        height: 65px;
        vertical-align: middle;
        padding: 0;
        border: none;
        line-height: 65px;
    }
        .faq .card-header .green {
            padding: 0 2px 0 25px;
        }
    .faq .answer {
        padding: 0 30px;
    } 
    .faq .card-body {
        padding: 0 0 20px 0;
    }


.article-bg {
    width: 100%;
    text-align: justify;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    background-attachment: fixed;
}
.article-dark-clear {
    width: 100%;
    background-color: rgba(28,37,44,0.85);
    height: 100%;
}
.article {
    text-align: justify;
    color: rgb(28, 37, 44);
    font-weight: 400;
    background: url("/Media/Pictures/bgArticle.jpg");
}
.article-black {
    height: 100%;
    width: 100%;
    text-align: justify;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    background: #1c252c;
}
    .article .col-md-6, .article-bg .col-md-6, .article-white .col-md-6, .article-black .col-md-6 {
        padding: 50px 15px;
    }
    .article-dark-clear h2, .article-black h2 {
        color: #ffffff;
    } 
.article-decorator {
    border-bottom: dotted 1px #aeb1b4;
    width: 100%;
    height: 0px;
    display: block;
    margin: 16px 0;
}
.article-text {
    font-size: 0.937em;
    width: 560px;
}
.article-content {
    max-width: 560px;
}
.article-description {
    text-transform: uppercase;
    font-size: 1.067em;
    font-weight: 400;
}
.article-bg .littleLink a:hover, .article-bg a:hover, .article-bg a:focus, .article-bg .littleLink a:focus {
    color: rgba(255, 255, 255, 0.7);
}
.article .article-text {
    background: url("/Media/Pictures/biseauArticleRight.png") no-repeat 0% 0%;
}
.article .left {
    background: url("/Media/Pictures/biseauArticleLeft.png") no-repeat 100% 0%;
}
    .left .article-content{
        float: right;
    }
    .right .article-content {
        float: left
    }
.article-img {
    background-repeat: no-repeat;
    background-position: 20px bottom;
    background-size: contain;
}
.left.article-img {
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: contain;
}
.video-Vimeo {
    background: #000000;
    width: 130px;
    height: 30px;
    display: inline-block;
    text-align: left;
    margin-right: 20px;
    transition: background 500ms, color 500ms;
    vertical-align: middle;
    position: relative;
}
    .video-Vimeo:before {
        background: #7fc241;
        display: block;
        width: 30px;
        height: 30px;
        content: " ";
        background-image: url("/Media/Pictures/Vimeo.png");
        background-position: center;
        background-repeat: no-repeat;
        transition: background-color 500ms, background-image 500ms;
    }
    .video-Vimeo:hover, .video-Vimeo:focus {
        background: #7fc241;
        color: #FFFFFF;
    }
        .video-Vimeo:hover:before, .video-Vimeo:focus:before {
            background-color: #000000;
            background-image: url("/Media/Pictures/VimeoGreen.png");
            background-position: center;
            background-repeat: no-repeat;
        }
.video-YT {
    background: #000000;
    width: 130px;
    height: 30px;
    display: inline-block;
    text-align: left;
    margin-right: 20px;
    transition: background 500ms, color 500ms;
    vertical-align: middle;
    position: relative;
}
    .video-YT:hover, .video-YT:focus {
        background: #7fc241;
        color: #FFFFFF;
    }
    .video-YT:before {
        background: #7fc241;
        display: block;
        width: 30px;
        height: 30px;
        content: " ";
        background-image: url("/Media/Pictures/YT.png");
        background-position: center;
        background-repeat: no-repeat;
        transition: background-color 500ms, background-image 500ms;
    }
    .video-YT:hover:before, .video-YT:focus:before {
        background-color: #000000;
        background-image: url("/Media/Pictures/YTGreen.png");
        background-position: center;
        background-repeat: no-repeat;
    }
    .video-YT p, .video-Vimeo p {
        margin: 0;
        position: absolute;
        top: 6px;
        left: 40px;
    }
.video {
    border: none;
    margin: 10px 0;
}

.services h2 {
    padding: 0 0 10px 0;
}
.services .left {
    padding: 0 20px 0 0;
}
.services .right {
    padding: 0 0 0 20px;
}
.service {
    background-color: #f6f7f7;
    color: #606265;
    height: 100%;
}
.service img {
    width: 100%;
}
.service-title {
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 0 30px;
    padding: 10px 0;
    border-bottom: dotted 1px #9fa3a6;
}
.service-number {
    font-size: 1.5em;
}
.service-content {
    font-size: 0.937em;
    padding: 15px 30px 0;
    text-align: justify;
}
.service .btn-link {
    margin: 0 30px 30px;
    text-transform: none;
}


.text {
    padding: 15px 0 0 0;
}

/*NewsList*/
.newsList {
    background-image: url('../Media/Pictures/GrisBruit.jpg');
}
    .newsList .timeline {
        position: relative;
        margin: 15px 0 0 0;
    }
        .newsList .timeline > .lineNews::before {
            content: '';
            position: absolute;
            top: 0;
            height: 100%;
            width: 7px;
            background: #7fc241;
            left: 50%;
            margin-left: -3.5px;
            border-radius: 10px;
        }
        .newsList .timeline > .lineNews {
            display: inline-block;
            width: 100%;
            position: relative;
            padding: 0 0 50px 0;
        } 
    .newsList .card {
        padding: 10px;
        background: #ffffff;
        border: none;
        border-radius: 0;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 21px 0px rgba(71, 57, 42, 0.031);
        max-width: 520px;
        width: 100%;
        margin: 130px 0 0 0;
    }
        .newsList .card:before {
            position: absolute;
            top: 40px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            content: " ";
        }
        .newsList .card:after {
            position: absolute;
            top: 36px;
            display: inline-block;
            border: 5px solid #7fc241;
            border-radius: 50px;
            content: " ";
            width: 34px;
            height: 34px;
            background: #ebedef;
            transition: background 500ms;
        }
        .newsList .card:hover:after {
            background: #7fc241;
        }
        .newsList .card.first {
            margin: 0;
        }
        .newsList .card.left {
            float: left;
        }
            .newsList .card.left:before {            
                right: -22px;
                border-left: 22px solid #ffffff;
                border-right: 0 solid #ffffff;       
            }
            .newsList .card.left:after {
                right: -57px;
            }
        .newsList .card.right {
            float: right;
        }
            .newsList .card.right:before {
                left: -22px;
                border-left: 0 solid #ffffff;
                border-right: 22px solid #ffffff;
            }
            .newsList .card.right:after {
                left: -57px;
            }
    .newsList .card-body{
        padding: 0 20px;
    }
    .newsList .card-text {
        text-align: justify;
    }
    .newsList .card-header {
        background: none;
        border: none;
        padding: 20px 20px 0;
    }
        .newsList .card-header .category {
            color: #ffffff;
            background: #7fc241;
            height: 32px;
            vertical-align: middle;
            line-height: 32px;
            font-size: 0.875em;
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            margin: 0;
        }
        .newsList .card-header .date {
            color: #7fc241;
            background: #edeff1;
            height: 32px;
            vertical-align: middle;
            line-height: 32px;
            font-size: 0.875em;
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            margin: 0;
        }
    .newsList .card-footer {
        background: none;
        border: none;
    }
    .newsList .card-footer a {
        font-weight: 400;
    }
    .newsList .card-img-top {
        border: none;
        border-radius: 0;
        width: 100%;
    }
    .newsList h3 {
        font-size: 1.625em;
        font-weight: 100;
        margin: 10px 0;
        padding: 0 0 5px 0;
    }

    .newsList .moreNews {
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        color: #ffffff;
        background: #7fc241;
        font-size: 1.125em;
        padding: 3.5px 27.5px 10.5px;
        border-radius: 5px;
        display: table;
        transition: background 500ms;
    }
        .newsList .moreNews:before {
            width: 7px;
            height: 7px;
            background: #7fc241;
            content: " ";
            position: relative;
            display: block;
            left: 50%;
            top: -10px;
            margin: 0 -3.5px 0;
        }
        .newsList .moreNews:hover, .newsList .moreNews:active, .newsList .moreNews:focus {
            background: #1c252c;
        }
        /*News*/
        .news .category {
            color: #ffffff;
            background: #7fc241;
            height: 32px;
            vertical-align: middle;
            line-height: 32px;
            font-size: 0.875em;
            font-weight: 400;
            display: inline-block;
            padding: 0 10px;
            margin: 0;
            float: left;
        }
.news .date {
    color: #7fc241;
    background: #edeff1;
    height: 32px;
    vertical-align: middle;
    line-height: 32px;
    font-size: 0.875em;
    font-weight: 400;
    display: inline-block;
    padding: 0 10px;
    margin: 0;
    float: left;
}

.news .back {
    color: #ffffff;
    background: #7fc241;
    height: 32px;
    vertical-align: middle;
    line-height: 32px;
    font-size: 0.875em;
    font-weight: 400;
    display: inline-block;
    padding: 0 10px;
    margin: 0;
    float: right;
    transition: background 500ms;
}
    .news .back:before {
        content: url('../Media/Pictures/Icons/puce-white.png');
        padding: 0 5px 0 0;
    }
    .news .back:hover, .news .back:focus {
        color: #FFFFFF;
        background: #1c252c;
        text-decoration: none;
    }

.news .topTitle {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 255px;
}
footer a {
    text-transform: none;
}
#footerLine {
    height: 5px;
    display: block;
    max-width: 1280px;
    width: 100%;
    padding: 0 40px;
    margin: 0 auto;
}
    #footerLine span {
        background: #7fc241;
        display: block;
        width: 100%;
        height: 5px;
    }
.footer-bg {
    background-color: #171d26;
    color: #FFFFFF;
}
.footer-title {
    text-transform: uppercase;
    font-size: 1.437em;
    margin: 0;
}
.footer-element {
    margin: 18px 0;
    border-left: rgba(255, 255, 255, 0.1) 1px solid;
    height: 164px;
}
.footer-logo {
    margin: 18px 0;
    height: 164px;
    font-weight: 300;
}

#footerLogo {
    height: 135px;
    width: 118px;
    margin: 14.5px auto;
}
.footer-title {
    text-transform: uppercase;
    font-size: 1.437em;
    margin: 0;
}
.footer-bg .container {
    padding: 0 40px;
}
.footer-element {
    margin: 18px 0;
    border-left: rgba(255, 255, 255, 0.1) 1px solid;
    height: 164px;
}
.footer-element ul{
    padding: 15px 0 0 30px;
    height: 136px;
    margin: 0;
}
.footer-element ul li {
    padding: 7px 0 0 0
}
#RegulationFooterLinks {
    list-style-image: url('/Media/Pictures/Icons/puce.png');
    padding: 15px 0 0 15px;
}

    #RegulationFooterLinks li {
        padding: 2px 0 0 0;
    }

#footer-email {
    list-style-image: url('/Media/Pictures/Icons/EmailIcon.png');
}

#footer-phone {
    list-style-image: url('/Media/Pictures/Icons/PhoneIcon.png');
}

#footer-fax {
    list-style-image: url('/Media/Pictures/Icons/FaxIcon.png');
}

#footer-facebook {
    list-style-image: url('/Media/Pictures/Icons/FacebookIcon.png');
}

#footer-linkedin {
    list-style-image: url('/Media/Pictures/Icons/LinkedInIcon.png');
}

#footer-youtube {
    list-style-image: url('/Media/Pictures/Icons/youtubeIcon.png');
}
#right p {
    font-size: 0.937em;
    color: #172431;
    height: 50px;
    margin: 0;
    vertical-align: middle;
    font-weight: 400;
    line-height: 50px;
}
#right {
    padding: 0;
    background: #FFFFFF;
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }

    .partner-carousel, .partner-grid {
        width: 1188px;
        max-width: 1188px;
    }

    .slider-left div, .slider-right div {
        display: block;
    }

    #mainNavigation > .container-fluid {
        width: 80%;
        min-width: 1200px;
    }
    header > .container-fluid {
        width: 80%;
        min-width: 1200px;
    }
    .carousel-caption {
        right: 15%;
        left: auto;
    }
    #mainNavigation .dropdown .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 500ms ease;
        -moz-transition: 500ms ease;
        -o-transition: 500ms ease;
        transition: 500ms ease;
        display: block;
        max-height: 0;
    }

    #mainNavigation .dropdown:hover .dropdown-menu,
    #mainNavigation .dropdown:focus .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        max-height: 9999em;
    }
    #mainNavigation .navbar-collapse .nav-link {
        height: 77px;
    }
    #mainNavigation .ConnectOnline {
        display: none;
    }
}

@media screen and (max-width: 1199.98px) {
    #mainNavigation {
        top: 0;
    }
    #subNavigation {
        top: 77px;
    }
    #mainNavigation .navbar-brand {
        padding: 0;
        margin: 13.5px auto;
    }
    #mainNavigation .navbar-collapse .nav-link {
        font-size: 1.688em;
    }
    #mainNavigation .navbar-collapse .nav-item {
        line-height: 96px;
        border-bottom: solid 1px #1a2127;
    }
    #mainNavigation .navbar-collapse .active .nav-link p {
        border: none;
    }
    #mainNavigation .navbar-collapse .nav-item:hover .nav-link, #mainNavigation .navbar-collapse .nav-item:focus .nav-link {
        border-bottom: solid transparent;
        transition: border-bottom-color 0;
    }
    #mainNavigation .navbar-collapse .nav-item .nav-link p, #mainNavigation .navbar-collapse .active .nav-link p{
        color: #ffffff;
        transition: color 500ms;
        font-weight: 400;
    }
    #mainNavigation .navbar-collapse .nav-item:hover .nav-link p, #mainNavigation .navbar-collapse .nav-item:focus .nav-link p, #mainNavigation .navbar-collapse .nav-item.show .nav-link p{
        color: #7fc241;
    }
    #mainNavigation .dropdown-menu {
        background: #000000;
    }
        #mainNavigation .dropdown-menu .dropdown-item > a {
            color: #9db0c0;
            padding: 0;
            text-align: center;
            font-size: 1.688em;
            font-weight: 100;
            line-height: 96px;
            height: 96px;
        }
        #mainNavigation .dropdown-menu .dropdown-item, #mainNavigation .dropdown-menu .dropdown-item.last {
            border-top: solid 1px #1a2127;
            border-bottom: none;
        }
    #mainNavigation #sites {
        display: none;
    }

    #mainNavigation .navbar-collapse .nav-item.show .dropdown-toggle::after {
        color: #ffffff;
        border-bottom: .3em solid;
        border-top: 0;
    }
    #mainNavigation .navbar-collapse .nav-link.ConnectOnline {
        color: #FFFFFF;
    }

    #mainNavigation .navbar-toggler {
        background: #0c0f12;
        height: 65px;
        width: 65px;
        margin-left: 30px;
    }
}