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-size: 100%;
font: inherit;
vertical-align: baseline;
}

.topnav {
overflow: hidden;
background-color: #000000;width:100%;
height:50px;
font-family:Orbitron;font-size:x-large;}

.topnav a {
float: left;
display: table;
color:#ffffff;border-left:1px solid #ffffff;text-align: center;
text-decoration: none;
height:50px;
line-height:50px;
margin: 0;
padding: 0 5px;
color:#ffffff;border-left:1px solid #ffffff;}

.topnav a:hover {
background-color: #bb0285;color: black;
}
.topnav a img{
padding:0;
width:20px;height:20px;margin: auto;
display:table-cell;
vertical-align:middle;
}
.topnav a.active {
background: #c0c0c0;color:#ffffff;display:none;
font-weight:bold;
width:220;
height: 50px;
word-break: break-all;
overflow: hidden;
line-height: 1;
margin: 0;
padding: 0;
}
.topnav a p{
    text-indent:0;
}
.topnav a .material-icons {
margin:0;
font-size:24px;display:table-cell;
vertical-align:middle;
text-align:center;
text-indent: 0;
}
@media screen and (max-width:350px) {
    .topnav a .material-icons {
    font-size:18px;    }
}
.topnav a .nav-text{

}
.topnav a i{
padding: 2 1 0 0;
display:table-cell;
vertical-align:middle;
font-size:24px;}
@media screen and (max-width:350px) {
    .topnav a i {
    font-size:18px;    }
}
.topnav a span{
display:table-cell;
vertical-align:middle;
padding:0 5px;
font-size:24px;}

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




.topnav .icon {
display: none;
}
@media screen and (max-width: 800px) {
.topnav {
overflow: auto;
height:auto;
}
.topnav a.active {
display:none;
}
.topnav a img{
display: table-cell;
vertical-align:middle;
}
.topnav a span{
display: none;
}
.topnav a:not(:first-child) {display: table;}
.topnav a.icon {
float: right;
display: none;
margin:0;
height: 50;
}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
#myTopnav ul li ul{
left:0;
width:49;
border:1px solid whitesmoke;
border-top:0;
}
}