/***************************************************************************************/
/*MENU*/
/***************************************************************************************/
.main-menu-all { 
    display: none;
    position: relative;
    right: 55px;
    top: 100px;
    text-align: right;
    z-index: 100; 
}

.main-menu-all a { 
    display: inline-block;
    margin: 0 7px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase; 
}

.main-menu-all a:last-child { 
    margin-right: 0px;
}

.main-menu-all a .fa { 
    font-size: 1.5em; 
}

.main-menu-all a .fa-youtube{ font-size: 1.7em !important; }

.main-menu-all .aVente{ position: relative;padding-bottom: 30px; }
.main-menu-all .aVente .triangle{ position: absolute;top: -10px;left: calc(0% - 20px);padding: 0px 50%; }
.main-menu-all .ssVente{ display: none;width: 190px;position: absolute;top: 30px;left: -60px;padding: 15px;background: rgba(0,0,0,.8); }
.main-menu-all .ssVente a{ display: block;text-align: left;padding: 5px 0px;}
.main-menu-all .aAgence{ position: relative;padding-bottom: 30px; }
.main-menu-all .aAgence .triangle{ position: absolute;top: -10px;left: calc(0% - 20px);padding: 0px 50%; }
.main-menu-all .ssAgence{ display: none;width: 340px;position: absolute;top: 30px;left: -130px;padding: 15px;background: rgba(0,0,0,.8); }
.main-menu-all .ssAgence a{ display: block;text-align: left;padding: 5px 0px;}
.main-menu-all .aContact{ position: relative;padding-bottom: 30px; }
.main-menu-all .aContact .triangle{ position: absolute;top: -10px;left: calc(0% - 20px);padding: 0px 50%; }
.main-menu-all .ssContact{ display: none;width: 200px;position: absolute;top: 30px;left: -60px;padding: 15px;background: rgba(0,0,0,.8); }
.main-menu-all .ssContact a{ display: block;text-align: left;padding: 5px 0px;}
.main-menu-all .aFinancement{ position: relative;padding-bottom: 30px; }
.main-menu-all .aFinancement .triangle{ position: absolute;top: -10px;left: calc(0% - 20px);padding: 0px 50%; }
.main-menu-all .ssFinancement{ display: none;width: 200px;position: absolute;top: 30px;left: -42px;padding: 15px;background: rgba(0,0,0,.8); }
.main-menu-all .ssFinancement a{ display: block;text-align: left;padding: 5px 0px;}


.iconNavContainer{
    display: inline;
}

/***************************************************************************************/
/*MENU RD*/
/***************************************************************************************/
.menuRD{
    position: absolute;
    top: 55px;
    right: 55px;
    z-index: 3; 
    cursor: pointer;
}

.menuRD.navAllFixed{
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #135f7b;
    text-align: center;
}

.main-menu-all-fixed{
    z-index: 200;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    height: auto;
    text-align: center;
    padding: 30px;
}




/***************************************************************************************/
/*MEDIA*/
/***************************************************************************************/
@media(max-width: 768px){
    .menuRD {
        position: absolute;
        top: 30px;
        right: 0px;
        width: 100%;
        text-align: center;
    }

    .main-menu-all {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 75px;
        padding-bottom: 10px;
        text-align: center;
        background: rgba(0,0,0,.8);
		z-index: 100;
    }

    .main-menu-all a {
        display: block;
        margin: 15px 0;
    }

    .triangle{
        top: 25px !important;
    }

    .main-menu-all .ssVente, .main-menu-all .ssAgence, .main-menu-all .ssContact, .main-menu-all .ssFinancement {
        position: static;
        width: 100%;   
    }

    .main-menu-all .ssVente a, .main-menu-all .ssAgence a, .main-menu-all .ssContact a, .main-menu-all .ssFinancement a {
        text-align: center;   
    }

    .iconNavContainer{
        display: inline-block;
        margin: 20px 0;
    }

    .iconNavContainer a{
        display: inline-block;
        margin: 0 15px;
    }


    /**********************************Menu fixed***************/
    .menuRD.navAllFixed{
        z-index: 100;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        background: #135f7b;
        text-align: center;
    }

    .main-menu-all.main-menu-all-fixed{
        position: fixed;
        top: 40px;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.8);
        text-align: center;
        padding: 30px;
    }

    .main-menu-all.main-menu-all-fixed a{
        display: block;
        text-align: center;
        margin: 15px 0;
    }

    .main-menu-all.main-menu-all-fixed .ssVente, .main-menu-all.main-menu-all-fixed .ssAgence, .main-menu-all.main-menu-all-fixed .ssContact{
        position: static;
        width: 100%;
    }

    .main-menu-all.main-menu-all-fixed .iconNavContainer{
        margin: 0;
    }

    .main-menu-all.main-menu-all-fixed .iconNavContainer a{
        display: inline-block;
        margin: 0 15px;
    }

}