body {
        background-color: #eceff6 !important;
        font-family: 'SourceSansProR' !important;
    }
    .container-head {
        padding-top: 3px;
    }
    .img-logo{
        max-width: 80%;
    }
    .phone {
        background: linear-gradient(to bottom, rgba(17, 187, 195, 1) 0%, rgba(38, 145, 165, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #fff;
        font-size: 1.6em !important;
        font-weight: normal;
        line-height: 30px;
        padding: 3px 15px 3px 5px;
        border-radius: 25px;
    }
    .header-phone .fa-phone {
        background-color: #208ca1;
        border: none !important;
        border: 1px solid;
        width: 1.8em;
        height: 1.8em;
        line-height: 1.7333em;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        display: inline-block;
        text-align: center;
    }
    .header-phone{
        padding-top: 3px;
    }

    .div-date1 {
        text-align:left;
        font-weight: bold;
    }
    .div-date1 h5, .div-date2 h5{
        font-size: 1em;
    }
    .div-date2 {
        text-align: right;
        font-weight: bold;
    }
    .header-info {
        padding-top: 10px;
        font-family: 'MontserratR';
    }

    .header-info a.info {
        color: #208ca1;
    }
/*
    .header-info a.info:first-child {
        border-right: 1px dotted #208ca1;
        padding-right: 15px;
    }*/

/*    .header-info a.info:nth-child(2) {
        padding-left: 10px;
    }
*/
    .social-icons a {
        width: 32px;
        margin-right: 4px;
        height: 32px;
        display: inline-block;
        color: #fff;
        line-height: 35px;
        font-size: 1em;
        -moz-transition: opacity 0.3s ease-in;
        -o-transition: opacity 0.3s ease-in;
        -webkit-transition: opacity 0.3s ease-in;
        -ms-transition: opacity 0.3s ease-in;
        transition: opacity 0.3s ease-in;
        border-radius: 50% 50% 50% 50%;
    }

    .social-icons a {
        text-align: center;
    }

    .social-icons a.facebook {
        background-color: #3f8aa2;
    }

    .social-icons a.google {
        /*background-color: #d02222;*/
         background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    }
    .social-icons a.whatsapp i {
        font-size: 25px;
    }
    /*nav*/


    .navbar{
        z-index:999999;
    }
    .navbar-nav {
        margin: unset;
    }
    .navbar #myNavbar ul li a {
        color: #000;
        font-weight: 400;
        letter-spacing: 0;
        font-size: 13px;
        line-height: 2.1em;
        height: 2.1em;
        text-transform: uppercase;
        display: block;
        padding: 0;
        margin: 0px;
        transition: color 0.3s;
        font-family: 'MontserratR';
    }

    .navbar .nav {
        background-color: #fff;
        width: 100%

    }

    .nav > li > a:before {
        border-left: unset;
        height: 2px;
        position: absolute;
        right: unset;
        top: unset;
    }


    .nav>li {
        padding: 7px 23px 7px 23px;
    }

    .nav.big-dimension>li {
        padding: 7px 38px 7px 38px;
    }
/*    .container:after {
        background: none repeat scroll 0 0 #fff;
        bottom: -10px;
        height: 10%;
        left: 0;
        transform: rotate(-1deg);
        transform-origin: 0 0 0;
        width: 100%;
        z-index: 1;
        content: "";
        pointer-events: none;
        position: absolute;
    }*/
    /*end nav*/

@media (min-width: 768px) {
    .container-small {
        width: 300px;
    }
    .container-large {
        width: 970px;
    } 
} 
@media (max-width: 1042px) {
    .txt-header ,.social-icons,.div-date1, .div-date2{
        text-align: center;
    }
} 
@media (min-width: 992px) {
    .container-small {
        width: 500px;
    }
    .container-large {
        width: 1170px;
    } 
} 
@media (min-width: 1200px) {
    .container-small {
        width: 1023px;
    }
    .container-large {
        width: 1500px;
    } 
}

.container-small, .container-large {
    max-width: 100%;
}

/*footer*/
footer {

    background-image: url('/front/images/carte-ft.png'), linear-gradient(to right, #264d75, #3b5b7d);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 12px;
    padding: 25px 0;
    color: #fff;
    position: relative;
    text-align: justify;
    margin-bottom: 0;
    font-family: 'RobotoR';
    line-height: 19px;
}
}
footer .footer{
    color: #fff;
}

footer .titre-footer {
    font-size: 16px;
    padding-bottom: 10px;
}

footer .fa{
    color: #ffc000;
    font-size: 17px;
}
footer .Newsletter-text{
    border: unset;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 30px;
}
footer .newsletter-titre{
    padding-top: 10px;
    padding-bottom: unset;
    margin-bottom: unset;
}

footer .Newsletter-btn{
    border: unset;
    background: #001322;
    height: 30px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;

}
footer .lien-footer{
    line-height: 2em;
}
/*.back-references .infoSite{
    display: flex;
    justify-content: space-between;
}*/
.back-references{
    background-color: #0094d4;
    color: #fff;

}
/*end footer*/
.right-map {
    width: 100%;
    max-width: 100%;
    height: 300px;
    min-height: 300px;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.42);
}


/*datetimepiker*/
.ui-widget-header {
    background: #4a9aaa;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #1fb9c1 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #4a9aaa;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid black;
    background: #eacf3f;
    color: #fff;
}
/*end datetimepiker*/

#myNavbar ul li.activeLi a {
    color: #158ca5 !important;
}

#myNavbar ul li.activeLi a::before,#myNavbar ul li.activeLi a::after,#myNavbar ul li.activeLi a:focus::before, #myNavbar ul li.activeLi a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}