div.topMenu {
    position: fixed; 
    top: 0; 
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #101416;
    height: 6.0em;
    
	
}



.topMenuLogo {
    height: 3.9em;
	display: block;
    padding: 0 0 0 0px;
}



.topMenuItem {
    color: #FFF;
    height: 3em;
    display: inline-block;
    text-transform: uppercase;
    font-size: larger;

}

.topMenuItem:hover {
    color: #F26722;
    height: 3em;
    display: inline-block;
    text-transform: uppercase;
    font-size: larger;
    cursor: pointer;
    text-decoration: none !important;
}



.topMenuDropdown {
    color: #FFF;
    height: 3em;
    display: inline-block;
    text-transform: uppercase;
    font-size: larger;

}

.topMenuDropdown:hover {
    color: #FFF;
    height: 3em;
    display: inline-block;
    text-transform: uppercase;
    font-size: larger;
    display: block;
    background: url(images/accueil/icone menuH.png) no-repeat;

}



.topMenuText{
    color: #FFF;
    font-size: 13.8px !important;
    display: inline-block;
    text-align: left;
    font-size: small;
    letter-spacing: 1.1px;
    font-family: 'Quicksand', sans-serif !important;
    padding-top: 28.5px !important;
   
}


.topMenuIconSize  {
    font-size: 1.2em;
}

@media (max-width: 342px) {
    
    .topMenuItem {
        color: #FFF;
        height: 1.9em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuItem:hover {
        color: orange;
        height: 1.9em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuMenu {
        color: #FFF;
         height: 1.3em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuMenu:hover {
        color: orange;
        height: 1.3em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuLogo {
        height: 2.83em;
        display: block;
    }


   
}

@media (min-width: 343px) and (max-width: 767px) {
    
    .topMenuItem {
        color: #FFF;
        height: 2.3em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuItem:hover {
        color: orange;
        height: 2.3em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuMenu {
        color: #FFF;
        height: 1.95em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuMenu:hover {
        color: orange;
        height: 1.95em;
        display: inline-block;
        text-transform: uppercase;
        font-size: larger;

    }

    .topMenuLogo {
        height: 3.3em;
        display: block;
        padding: 0 0 0 0px;
    }
}


 @media (min-width: 768px) and (max-width: 1004px) {
    .topMenuLogo {
        height: 3.2em;
        display: block;
        padding: 0 0 0 0px;
    }

    .topMenuText{
        color: #FFF;
        font-size: 12.8px !important;
        display: inline-block;
        text-align: left;
        font-size: small;
        letter-spacing: 1.1px;
        font-family: 'Quicksand', sans-serif !important;
   
    }

    .topMenuText{
        color: #FFF;
        font-size: 12.3px !important;
        display: inline-block;
        text-align: left;
        font-size: small;
        letter-spacing: 1.1px;
        padding-top: 26px !important;
        font-family: 'Quicksand', sans-serif !important;
   
    }
}

 @media (min-width: 1005px)  and (max-width: 1228px) {

   

    .topMenuText{
        color: #FFF;
        font-size: 13px !important;
        display: inline-block;
        text-align: left;
        font-size: small;
        letter-spacing: 1.1px;
        font-family: 'Quicksand', sans-serif !important;
        padding-top: 28.5px !important;
   
    }


}