.top_bar {
    background: rgb(253, 139, 0);
    background: -moz-linear-gradient(110deg, rgba(253, 139, 0, 1) 0%, rgba(229, 59, 26, 1) 100%, rgba(0, 212, 255, 1) 100%);
    background: -webkit-linear-gradient(110deg, rgba(253, 139, 0, 1) 0%, rgba(229, 59, 26, 1) 100%, rgba(0, 212, 255, 1) 100%);
    background: linear-gradient(110deg, rgba(253, 139, 0, 1) 0%, rgba(229, 59, 26, 1) 100%, rgba(0, 212, 255, 1) 100%);
    color: #ffffff;
    padding: 10px 0px 10px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.top_bar a {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font: normal normal 500 14px/17px 'Exo 2';
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.top_bar p {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font: normal normal 600 14px/17px 'Exo 2';
    text-transform: uppercase;
}

.top_bar p.telephone {
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font: normal normal normal 14px/17px 'Exo 2';
    text-transform: none;
}

.top_bar_reseaux a {
    display: inline-block;
    vertical-align: top;
    font: inherit;
    font-size: 16px;
    color: #ffffff;
    padding: 0px 5px;
}

.top_bar a:focus,
.top_bar a:hover {
    color: #000046;
}

.top_bar a i,
.top_bar a i {
    transition: all 0.4s ease;
}

.top_bar a:focus i,
.top_bar a:hover i {
    color: #000046;
}

.top_bar .top_bar_contact {
    font-size: 12px;
    line-height: 20px;
}

.top_bar .top_bar_contact li {
    display: inline-block;
    vertical-align: top;
}

.top_bar .top_bar_contact li::before {
    content: "|";
    padding: 0px 3px;
}

.top_bar .top_bar_contact li:first-child::before {
    display: none;
}

.top_bar .top_bar_contact span {
    font-size: 12px;
}

.top_bar .top_bar_tel span {
    font-style: italic;
}

.top_bar .top_bar_contact i {
    margin-right: 6px;
}

.top_bar_recherche {
    text-align: left;
    border-bottom: 1px solid #ffffff;
    width: 50%;
    height: 20px;
}

.top_bar_recherche input {
    display: inline-block;
    vertical-align: top;
    background: transparent;
    border: none;
    outline: none;
    color: #ffffff;
    width: 85%;
}

.top_bar_recherche input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    padding-left: 0px;
    font-size: 12px;
    outline: none;
}

.top_bar_recherche input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    font-size: 12px;
    padding-left: 0px;
    outline: none;
}

.top_bar_recherche input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    padding-left: 0px;
    outline: none;
    font-size: 12px;
}

.top_bar_recherche input::placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    font-size: 12px;
    padding-left: 0px;
    outline: none;
}

.top_bar_recherche button {
    display: inline-block;
    vertical-align: top;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    cursor: pointer;
    outline: none;
}

.top_bar_recherche button:focus,
.top_bar_recherche button:hover {
    color: #343434;
    outline: none;
}


/****************** RESPONSIVE *****************/

@media only screen and (max-width: 2000px) {}

@media only screen and (max-width: 1430px) {
    .top_bar_recherche input {
        width: initial;
    }
}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 991px) {
    .top_bar_recherche {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    meme{
        display:none;
    }

    .top_bar .top_bar_contact {
        text-align: right;
    }
    .top_bar .top_bar_financement {
        text-align: left;
    }
    .top_bar_financement.top_bar_tel {
        padding: 0px 0px;
    }
    .top_bar .top_bar_contact span {
        font-size: 11px;
    }
}

@media only screen and (max-width: 576px) {}

@media only screen and (max-width: 380px) {
    .top_bar_reseaux a {
        padding: 0px 5px;
        width: auto;
    }
    .single_top_h1 h1 {
        font-size: 30px;
    }
}