/* -- HEADER -- */
    
    header {
        /* background-color: #444; */
        background-color: white;
        padding: 15px 0;
        height: 160px;
        /* color: #fff; */
        color: #444;
    }
    
    header .container {
        text-align: center;
    }
    
    #header-loc,
    #header-tel {
        text-align: left;
    }
    
    #header-tel {
        font-size: 16px;
    }
    
    #header-loc {
        margin-bottom: 12px;
    }
    
    .glyphicon-map-marker,
    .glyphicon-earphone {
        padding-right: 15px;
    }
    
    #logo-home {
        margin-bottom: 15px;
        display: inline-block;
    }
    
    #accroche {
        font-family: Varela Round;
        font-size: 18px;
        color: #fff;
        display: inline-block;
        padding: 15px 0;
    }
    /* -- GENERAL -- */
    
    body {
        line-height: 23px;
    }
    /* Affichage des menus au passage de la souris */
    
    li.dropdown:hover ul.dropdown-menu {
        display: block;
    }
    
    #bandeau-hp {
        background-color: #f3f3f3;
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 40px;
        background-size: contain;
    }
    
    #garage-catherin,
    #catherin-autos,
    #spoticar {
        text-align: center;
    }
    
    #garage-catherin>a>img,
    #catherin-autos>a>img,
    #spoticar>a>img {
        display: inline-block;
        padding-left: 25%;
        margin-bottom: 20px
    }
    
    .cadre-logoP {
        background-color: #fff;
        padding: 15px 0;
        box-shadow: 2px 2px 20px 1px rgba(185, 210, 237, 1);
        text-align: center;
        width: 40%;
        margin-left: 20px
    }
    
    .cadre-logoP .img {
        display: inline-block;
    }
    
    #positionP {
        z-index: 1;
        /*margin-left: 19%;*/
    }
    
    .cadre-logoR {
        background-color: #fff;
        padding: 15px 0;
        box-shadow: 2px 2px 20px 1px rgba(250, 181, 0, 0.2);
        text-align: center;
        width: 40%;
        margin-left: 20px
    }
    
    .cadre-logoR .img {
        display: inline-block;
    }
    
    #positionR {
        z-index: 1;
        /*margin-left: 19%;*/
    }
    
    #cadre-peugeot {
        border: 15px solid #192753;
        /* height: 450px; */
        height: 300px;
        /* margin-top: -55px; */
        margin-top: 0;
    }
    
    .img-p {
        margin-left: -200px;
        margin-left: -250px;
        margin-top: -250px;
    }
    
    #cadre-renault {
        border: 15px solid #f7ff14;
        /* height: 450px; */
        height: 300px;
        margin-top: 0;
    }
    
    .img-rd {
        margin-top: -328px;
        /* margin-left: -80px; */
        margin-left: -140px;
    }
    
    #cadre-spoticar {
        border: 15px solid #48bbbd;
        height: 300px;
        margin-top: 0;
    }
    
    .img-s {
        margin-top: -208px;
        margin-left: -25px;
    }
    
    #more {
        background-color: white;
        padding: 30px 0;
    }
    
    #utilease {
        background-image: url("../img/visuel-utilease-xl.jpg");
        background-repeat: no-repeat;
        height: 335px;
    }
    
    #utilease h2 {
        font-family: 'Montserrat';
        font-weight: 300;
        font-size: 25px;
        color: #333;
        text-transform: uppercase;
        text-align: center;
        padding-top: 35px;
    }
    
    #loc-bg {
        background-image: url("../img/bg-loc.jpg");
        background-repeat: no-repeat;
        /* height: 204px; */
        height: 164px;
        margin-top: -63px;
    }
    
    #loc-bg p {
        font-family: 'Montserrat';
        font-weight: 400;
        /*color:#fff;*/
        color: #0078bf;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 26px;
        padding-top: 95px;
    }
    
    #loc-bg span {
        color: #19174c;
        font-weight: 700;
        font-size: 20px;
    }
    
    .cadre {
        border: 1px solid #ccc;
        background-color: #fff;
        box-shadow: 2px 2px 20px 1px rgba(0, 0, 0, 0.2);
        height: 238px;
        text-align: center;
        margin-top: 30px;
    }
    
    .cadre img {
        display: inline-block;
        margin-top: 15px;
    }
    
    #pub img {
        margin-top: 21px;
    }
    /* -- FOOTER -- */
    
    footer {
        background-color: #444;
    }
    
    footer .container {
        padding: 30px 0;
    }
    
    footer p {
        font-family: 'Open Sans';
        font-size: 13px;
        font-weight: 400;
        color: #fff;
        line-height: 21px;
    }
    
    footer ul li a {
        color: #333;
    }
    
    footer ul li a:hover,
    a:focus,
    a:active {
        color: #dfdfdf;
        text-decoration: underline;
    }
    
    footer h2 {
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 18px;
        color: #fff;
        text-transform: uppercase;
    }
    
    footer h2:after {
        content: '';
        display: block;
        height: 1px;
        width: 80%;
        background: #fff;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    
    footer #copyright a.pro-area {
        font-size: 1.45em!important;
        font-weight: 700;
    }
    
    #coordonnees {
        font-family: 'Open Sans';
        font-size: 13px;
        font-weight: 400;
        color: #fff;
        line-height: 18px;
    }
    
    #phone,
    #fb {
        margin-top: 25px;
    }
    
    #fb .follow {
        color: #fff;
        padding-top: 12px;
    }
    
    .separateur {
        border-right: 1px solid #fefefe;
        padding: 10px 7px;
    }
    
    .numb {
        padding-top: 9px;
    }
    
    #liste-menu>ul>li {
        list-style-type: none;
    }
    
    #liste-menu>ul>li>a {
        font-family: 'Open Sans';
        font-size: 13px;
        color: #fff;
        line-height: 21px;
    }
    
    #liste-menu>ul>li>a:before {
        content: "→";
        color: #fff;
        margin-right: 8px;
    }
    
    #copyright>p>a {
        font-family: 'Open Sans';
        font-size: 13px;
        color: #fff;
    }
    
    #copyright>p>a:hover,
    a:focus,
    a:active {
        color: #fff;
        text-decoration: underline;
    }
    
    .line {
        border-bottom: 1px solid #fefefe;
    }
    
    footer>.desc>p {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 20px;
        color: #fefefe;
        text-align: justify;
    }
    /* -- MEDIA-QUERIES -- */
    
    @media (max-width: 960px) {
        #garage-catherin>a>img,
        #catherin-autos>a>img,
        #spoticar>a>img {
            padding-left: 0;
            margin-bottom: 40px;
        }
    }
    
    @media (max-width: 768px) {
        header {
            height: auto;
        }
        #peugeot,
        #renault,
        #dacia {
            margin-bottom: 15px;
        }
        #cadre-renault {
            margin-top: 20px;
        }
        .img-p {
            /* margin-left: 35px; */
            margin-left: -125px;
        }
        .img-rd {
            margin-left: -4px;
            margin-top: -315px;
        }
        #garage-catherin>a>img,
        #catherin-autos>a>img,
        #spoticar>a>img {
            padding-left: 0;
            margin-bottom: 40px;
        }
        #logo-home {
            margin-top: 25px;
            margin-bottom: 0;
        }
        #loc-bg p {
            font-size: 14px;
            padding-top: 80px;
        }
        #loc-bg span {
            font-size: 18px;
        }


        .img-peugeot {
            width: 100%;
            transform: translate(-12px);
        }
        .img-opel {
            width: 100%;
            transform: translate(12px);
         }
        .img-spoticar {
            width: 100%;
            transform: translate(12px);
        }
    }