html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}

.topnav {
overflow: hidden;
background:#575757;width:100%;
height:50px;
font-family:Lighthouse;font-size:x-large;}
.topnav a {
float: left;
display: table;
color:#ebc907;text-align: center;
text-decoration: none;
height:50px;
font-weight:bold;
padding: 0 15px;
}
.topnav a.active {
background:#d1d1d1;color:#ebc907;font-weight:bold;
max-width: 95%;
overflow: hidden;
line-height: 1;
padding: 0 15px;
}
@media screen and (min-width: 800px) {

.topnav a.active {
padding: .4rem 1rem;
}
}

.topnav a p{
display:table-cell;
vertical-align:middle;
width:35px;
padding: 0 5;
margin:0;
text-indent:0;
font-size:x-large;}
.topnav a img{
    padding:0;
width:20px;height:20px;margin: auto;
display:table-cell;
vertical-align:middle;
}
.topnav a span{
    position: relative;
    display:table-cell;
    vertical-align:middle;
    font-size:24px;}
.topnav a:hover {
background-color: #000000; 
color: #575757;
}
.topnav a i{
    padding: 0 5;
    display: table-cell;
    vertical-align: middle;
    font-size:24px;}


.topnav .icon {
display: none;
}


.iconepadmarg0{
padding:0;
margin:0;
padding-right:8px;
}




/*
--------------------------------
------------SOUS MENU--------
--------------------------------
*/
#ssmenu {
margin-top:50px;
background-color: #d1d1d1;color:#ebc907;position:absolute;
z-index: 4;
}
#myTopnav .sous-menu a{
border:0;
}
/*
--------------------------------
------------FIN SOUS MENU-------
--------------------------------
*/



@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
padding:0;
margin:0;
height:50px;
}
.topnav a.icon p{
height:50px;
width:50px;
padding:0 5;
text-align:center;
margin:0;
display: table-cell;
vertical-align: middle;
}

#ssmenu {
background-color: #d1d1d1;color:#ebc907;margin:0;
z-index:4;
}
#myTopnav .sous-menu a{
border:0;
z-index:4;
}

.topnav.responsive {position: relative;height:auto;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
height: 50px;
}
.topnav.responsive a {
float: none;
display: table;
}
.topnav.responsive .sub {
    display:block;
}
.sub{
    display:none;
}
}