/*
    Gris:       #9D9D9D
    Vert foncé: #3CA936
    Vert clair: #94C121
*/

/*------------- Color-Codes----------------
    Gris:       #939598
    Blanc :     #FFFFFF
    Orange:     #F79E31
    Vert foncé: #3FB34F
    Vert clair: #8EC549
*/


/* COMMON */
    body{ font-family: Verdana, Helvetica, sans-serif;}
    h1, h2, h3, h4, h5, h6{ font-family: Verdana, Helvetica, sans-serif }
    h1 { font-size: 40px; }
    h2 { font-size: 30px; }
    h3 { font-size: 25px; }
    h4 { font-size: 20px; }
    h5 { font-size: 15px; }
    h6 { font-size: 10px; }

    header{ padding-top: 0px;padding-bottom: 0px;}

    /*ChangeCSS*/
        /*footer{ margin-top: 30px; }*/
        footer{ margin-top: 35px; }

/* COMMON - FEATURES */
    #features{margin-top: 25px}
    #features ul{ padding-left: 40px }
    #features ul li { list-style-type: disc; }

/* COMMON NAVIGATION */

    /*ChangeColor*/
        /*.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #9D9D9D; }*/
        .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #939598; }

    /*ChangeColor*/
        /*.navbar-default .navbar-nav>li>a { color: #9D9D9D; }*/
        .navbar-default .navbar-nav>li>a { color: #939598; }

    /*ChangeColor*/
        /*.navbar-nav .active { border-top: 2px solid #94C121; border-bottom: 2px solid #94C121; }*/
        .navbar-nav .active { border-top: 2px solid #F79E31; border-bottom: 2px solid #F79E31; }

    .navbar-nav .active a { background: #f8f8f8 !important; }

    /*ChangeColor*/
        /*.nav-main > li::before, .nav-main > li::after { background: #94C121; }*/
        .nav-main > li::before, .nav-main > li::after { background: #F79E31; }

    .navbar-collapse { max-height: none; }

/*BREADCRUMB*/
    #topic-header { padding: 0px; background: #FFF;}
    .breadcrumb>.active { color: #939598; }

/*CUSTOM */
    /*ChangeColor*/
        /*a.green:hover{ color: #94C121; }*/
        a.green:hover{ color: #8EC549; }
    /*ChangeColor*/
        /*a.b-grey{color: #B6B6B6;}*/
        a.b-grey{color: #939598;}

    a.b-black{color: #333;}

    a.orange:hover{ color: #F79E31; };

    /*ChangeColor*/
        /*.title{ color: #3CA936 }*/
        .title{ color: #3FB34F }

    .small{display: none !important;}
    .clearfix{ clear: both; }
    .cadre{ border:10px solid #fff; width: 98%; -webkit-box-shadow:0 0 4px rgba(0,0,0,.3) ; -moz-box-shadow:0 0 4px rgba(0,0,0,.3) ; box-shadow:0 0 4px rgba(0,0,0,.3) ; }
    #back-top{ display: none; }

/* HOMEPAGE */

    #logo{ width: 15% }

/* AVENDRE - ALOUER - PART */
    section+section { margin-top: 20px; }
    .product-grid ul li { float: left; height: 32em; }
    #property-flags { position: absolute; width: 130px; margin-top: 25px; top: 0; }
    #property-flags .flag { float: left;width: 100%;padding: 4px 0px 2px 0px;color: #ffffff;box-sizing: border-box;margin-bottom: 1px;font-size: 12px;font-weight: bold;text-align: center;text-transform: uppercase; }
    #property-flags .flag.red { background: #821100; }

    .price-container { background-color: #3CA936; border: 1px solid #3CA936; padding-top: 10px;}
    .price-container p{ color: #fff; font-size: 15px;}

/* FOOTER*/

    footer .block { color: #939598; }
    #ipi { margin-top:7% }

    .social-icon li a { background: #4965a0; }
    /*.facebook-icon:hover { background: #90c322; }*/
    .facebook-icon:hover { background: #F79E31; }
    .instagram-icon:hover { background: #F79E31; }



/* MEDIA SCREEN */
    @media only screen and (max-width: 767px) {
        .top20{margin-top: 20px;}
         #logo{ width: 33%; }
        .title{display: none;}
        .small{display: block !important;}
        .navbar-default .navbar-nav>li:not(:last-child)>a{ border-bottom: 1px solid #e7e7e7; }
        .navbar-nav>li {margin: 0px;}
        .nav-main > li a { padding: 10px 15px;}

        .nav-main > li.active > a {  border-top: 1px solid #94C121 !important; border-bottom: 1px solid #94C121 !important; }
    }

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    	#logo{ width: 23%; }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
    	#logo{ width: 23%; }
    }

    @media screen and (max-width: 65.375em) {
    }

    @media screen and (max-width: 40.125em) {
        .product-grid ul li { width: 100%; height: auto; }
    }