body {
    margin: 0;
}

header {
    background-color: #6E88F3;
    border-bottom: 1px solid #B766F7;
    text-align: center;
}

.clearboth {
    clear: both;
}

#homenav {
    float: left;
}

#profilenav {
    float: right;
}

#sitenav {
    display: inline-block;
}

#homenav > a, #profilenav > a, #sitenav > div > a {
    display: inline-block;
    padding: 0.5em;
    /*border-left: 2px solid #DDD;*/
    border-right: 1px solid #B766F7;
}

#homenav > a, #profilenav > a, #sitenav > div {
    float: left;
}

#homenav > a:hover, #profilenav > a:hover, #sitenav > div > a:hover {
    background-color: #B766F7;
}

#homenav > a:first-child, #profilenav > a:first-child, #sitenav > div > a:first-child {
    border-left: 1px solid #B766F7;
}

.hovermenu {
    position: relative;
}

.submenu {
    display: none;
    visibility: hidden;
    position: absolute;
    top : 34px;
    background-color: #6E88F3;
    
    border: 1px solid #B766F7;
    border-top-width : 0;
}
.submenu a{
      display: inline-block;
    padding: 0.5em;
    /*border-left: 2px solid #DDD;*/
    border-right: 1px solid #B766F7;
}
.submenu a :hover{
    background-color: #B766F7;
}
.hovermenu:hover .submenu {
    display: block;
    visibility: visible;
}

/* Marche pas bien

.hovermenu > a:hover + .submenu {
    display: block;
    visibility: visible;
}*/