.hidden, .template {
    display: none;
    visibility: hidden;
}

ul.nav > li.deeper > a:hover + ul {
    display: block;
}

ul.nav > li ul:hover {
    display: block;
}

ul.nav > li > a {
    padding: 10px 9px 4px 9px;
    line-height: 1.0;
}

ul.nav > li.deeper > a {
    padding: 10px 21px 4px 9px !important;
    line-height: 1.0;
    background-image: url(../../system/img/arrow-down.png);
    background-position: right 16px;
    background-repeat: no-repeat;
}

.page-header {
    display: none;
}

.text-justify {
    text-align: justify;
}

h1::before, h2::before, h3::before, h4::before {
    position: absolute;
    left: -120px;
}

.with-img {
    position: relative;
}

.img-bgwhite::before {
    content: url("/media/assets/img/image-heading-gris.png");
}

.img-bggray::before {
    content: url("/media/assets/img/image-heading-blanc.png");
}


header.header-fonce-1 {
    background: url("/media/assets/img/fond-header-fonce-1.jpg") no-repeat center center;
    background-size: cover;
}

header.masthead {
    height: auto;
	padding: 100px 0;
    position: relative;
    background-color: #0B3D91 !important;
}

div.text-overlay {
    padding-top: 7rem;
}

video.masthead {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 80%;
    background-color: #0B3D91;
}

header > .container > div.row {
    z-index: 100;
    position: relative;
}

section.home-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

section.first-section {
    background: url("/media/assets/img/home-section-1.jpg") no-repeat center center;
    background-size: cover;
}

section.second-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

section.third-section {
    background: url("/media/assets/img/home-section-3.jpg") no-repeat center center;
    background-size: cover;
}

section.onlineshowroom {
    padding-top: rem;
    padding-bottom: rem;
}

    section.onlineshowroom div.img-left {
        max-width: 1920px;
        margin: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-height: 545px;
    }

    section.onlineshowroom div.img-left div.description {
        padding-left: 5rem;
    }

    section.onlineshowroom div.img-right {
        max-width: 1920px;
        margin: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-height: 545px;
    }

    section.onlineshowroom div.img-right div.description {
        padding-right: 5rem;
    }

.modele-4blocs .cadre-img {
    background-color: #5f6368;
    border-radius: 100%;
    height: 110px;
    width: 110px;
}

.modele-4blocs img {
    width: 80px;
}

.modele-4blocs a {
    text-decoration: none;
    color: #045394;
    font-weight: 400;
}

    .modele-4blocs a:hover {
        color: #000;
        text-decoration: underline;
    }

        .modele-4blocs a:hover .cadre-img {
            background-color: #e84600;
        }

.modele-4blocs h3.domaine-title {
    font-size: 1.5rem;
}

div.col-1.icons {
    padding-top: 17px;
}

div.space-div {
    height: 5rem;
}

table.filledHeaderTableStyleTheme {
    width: 100%;
    margin-bottom: 2rem;
    border: 1px solid black;
}

    table.filledHeaderTableStyleTheme tr:first-child {
        background-color: #7a7574;
        color: #fff;
        font-weight: 600;
    }

    table.filledHeaderTableStyleTheme tr, table.filledHeaderTableStyleTheme td {
        border: 1px solid black;
        padding: 5px;
    }

table td {
    padding: 0.5rem;
    text-align: justify;
}

.TitreGauche, .TitreDroite{
    text-align:left;
}

.fontColorBlue {
    color: #045394;
}

.card-title, .card-subtitle {
    font-weight: 600;
}

@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }

    #sidebar {
        display: none;
    }
}

@media (max-width: 425px) {
    .home {
        display: none;
    }

    .login-client {
        display: none;
    }
}

img.img-responsive,
img.treated,
.thumbnail > img,
.thumbnail a > img {
    max-width: 100%;
    height: auto;
}

.card-news {
    background-color: #0B3D91;
    color: white;
    max-width: 100%;
    overflow: hidden;
    transition: transform 0.5s ease;
}

    .card-news:hover {
        background-color: black;
        cursor: pointer;
    }

        .card-news:hover .card-img {
            transform: scale(1.1);
        }

    .card-news .card-img {
        opacity: 50%;
        height: 200px;
    }

.card-menu {
    background-color: #0B3D91;
    color: white;
    max-width: 100%;
    overflow: hidden;
}

    .card-menu:hover {
        background: none;
        cursor: pointer;
    }

        .card-menu:hover .card-img {
            opacity: 100%;
        }

    .card-menu .card-img {
        opacity: 50%;
        max-width: 480px;
        max-height: 540px;
        transition: transform 0.2s ease;
    }

.news-section {
    min-height: 610px;
}

.news-section .date {
    color: white;
}

.news-item {
    height: 100px;
}

    .news-item:hover {
        background-color: lightgrey;
        cursor: pointer;
    }

#news {
    margin-top: -8rem;
    margin-bottom: 1rem;
}

.footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #5f6368;
    color: white;
}

.prestations .description {
    margin: 15%;
}

#selectedLang {
    width: 40px;
    margin-left: 8px;
}

    #selectedLang:hover + #countryList {
        display: block;
    }

#countryList {
    display: none;
    position: absolute;
    top: 14px;
    width: 132px;
    min-height: 20px;
    z-index: 999;
    margin: -2px 0 0 0px;
    padding: 5px 5px 0 5px;
    background: #fff;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    z-index: 3;
}

    #countryList:hover {
        display: block;
    }

    #countryList a {
        position: relative;
        width: 100%;
        display: block;
        margin: 0 0 6px 0;
    }

    #countryList div {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
    }

        #countryList div.name {
            background: none;
            padding: 6px 8px 0 10px;
            white-space: nowrap;
            width: 84px;
            text-align: right;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }

    #countryList a:hover > div.name {
        text-decoration: underline;
    }

.flag {
    width: 38px;
    height: 34px;
    background-position: 7px 7px;
}

    .flag.fr {
        background: url(../../system/img/flags/fr.png) center center no-repeat;
        background-size: 28px;
    }

    .flag.de {
        background: url(../../system/img/flags/de.png) center center no-repeat;
        background-size: 28px;
    }

    .flag.gb {
        background: url(../../system/img/flags/gb.png) center center no-repeat;
        background-size: 28px;
    }

    .flag.en {
        background: url(../../system/img/flags/gb.png) center center no-repeat;
        background-size: 28px;
    }

.no-flag {
    padding: 10px 50px 4px 9px !important;
    line-height: 1.0;
    background-image: url(../../system/img/arrow-down.png);
    background-position: right 16px;
    background-repeat: no-repeat;
}

    .no-flag.fr:after {
        content: 'FR';
    }

    .no-flag.en:after {
        content: 'EN';
    }

    .no-flag.de:after {
        content: 'DE';
    }

.liens-footer-link li {
    font-size: 13px;
}

.card-news .readmore {
    display: inline-block;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.prozess .btn-group:hover button img {
    filter: invert(48%) sepia(39%) saturate(5259%) hue-rotate(3deg) brightness(93%) contrast(101%);
}

.footer .fa-linkedin{
    color:white;
    line-height: 0 !important;
}

.nav2 .fa-linkedin{
    color:#6c757d;
    line-height: 0 !important;
}

h1.like-h2{
    font-size: 2rem;
    font-weight: 500; 
    margin-top: 0.5rem; 
    margin-bottom: 0.5rem; 
}

.has-error .help-block{
    color: #a94442;
}

.btn-default{
    color: #fff;
    background-color: rgb(232,70,0);
    border-color: rgb(232,70,0);
}

.btn-default:hover{
    color: #fff;
    background-color: #EB6226;
    border-color: #EA5919;
}

.btn-default:active{
    color: #fff;
    background-color: #ED6B33);
    border-color: #EA5919;
}

.btn-default:disabled{
    color: #fff;
    background-color: rgb(232,70,0);
    border-color: rgb(232,70,0);
}

.form-group {
    margin-bottom: 15px;
}

span.glyphicon {
    background-image:none !important;
}

.personnel-domaine {
    font-size: 1.5rem;
}

.personnel-name{
    font-size: 1.25rem;
}

.googlemap{
    height:450px;
    border:0;
}

.icon-text{
    display: flex;
    align-items: center;
}



@media (max-width: 1600px) and (min-width: 1400px) {
    section.onlineshowroom div.img-right {
        background: none;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-height: 380px;
    }

        section.onlineshowroom div.img-right .description {
            margin-right: 6rem !important;
        }

    section.onlineshowroom img {
        max-height: 360px;
    }

    section.onlineshowroom div.img-left {
        background: none;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-height: 380px;
    }

        section.onlineshowroom div.img-left .description {
            margin-left: 6rem !important;
        }
}

@media (max-width: 767px) {
    header.masthead {
        height: auto;
        padding-bottom: 1rem;
    }

    div.text-overlay {
        padding-top: 1rem;
    }
}

@media (max-width: 1920px) and (min-width: 767px) {
    div.text-overlay {
        padding-top: 2rem;
    }

    header.masthead {
        height: auto;
		padding: 50px 0;
    }

    #news {
        margin-top: 1rem;
    }
}

@media (max-width: 992px) {
    #news {
        margin-top: 1rem;
    }
}

@media (max-width: 1800px) and (min-width: 1601px) {
    .col.description.ms-5 {
        margin-left: 10rem !important;
    }
}

@media (min-width: 1601px) {
    section.onlineshowroom div.img-right {
        background: url("/media/assets/img/cadre-orange-droite.png") no-repeat right center;
    }

    section.onlineshowroom div.img-left {
        background: url("/media/assets/img/cadre-orange-gauche.png") no-repeat left center;
    }
}