/**@charset "UTF-8";**/


/* CSS Document */

.top_head {
    position: relative;
}

.top_head .connect {
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
    background: rgba(255, 255, 255, .65);
    padding: 10px 15px 25px;
    min-width: 15%;
    max-width: 25%;
}

.top_head .connect p {
    margin: 0 0 8px;
    font-size: .9em;
    line-height: 1em;
}

.top_head .connect .links {
    margin: 0 0 8px;
    display: flex;
}

.top_head .connect .links a {
    white-space: nowrap;
}

.top_head .connect .links a:hover,
.top_head .connect .links a:focus {
    color: #A80B28;
    text-decoration: underline;
}

.top_head .connect .links a+span {
    display: inline-block;
    margin: 0 5px;
    font-size: .8em;
    color: #A80B28;
}

.top_head .connect .connect_name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    padding-top: .3em;
}

.top_head .connect .deconnect_link {
    text-align: right;
    margin-bottom: 0;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.top_head .connect .deconnect {
    font-size: .7rem;
    color: #000;
    font-style: italic;
}

.top_head .connect .deconnect:hover,
.top_head .connect .deconnect:focus {
    text-decoration: none;
    color: #A80B28;
}

#menu,
#menu ul
/* Liste */

{
    padding: 0;
    /* pas de marge intérieure */
    margin: 0;
    /* ni extérieure */
    list-style: none;
    /* on supprime le style par défaut de la liste */
    line-height: 21px;
}

#menu
/* Ensemble du menu */

{
    font-family: Arial, Helvetica, sans-serif;
    /* on utilise Arial, c'est plus beau ^^ */
    font-size: 12px;
    /* hauteur du texte : 12 pixels */
    display: flex;
    width: 100%;
}

#menu+br {
    display: none;
}

#menu~.barreAdherent {
    margin-top: 0;
}

#menu a
/* Contenu des listes */

{
    display: block;
    /* couleur de fond */
    color: #000;
    /* couleur du texte */
    text-decoration: none;
    /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    /* largeur */
    line-height: 14px;
    background-color: #708f9e;
    padding: 13px 5px 5px 5px;
    background-image: url(/images/fd-bt-off.jpg);
    background-repeat: repeat-x;
    height: 40px;
    text-align: center;
    box-sizing: border-box;

}
#menu.pro a {
    padding: 5px;
}

#menu a:hover
/* Lorsque la souris passe sur un des liens */

{
    color: #fff;
    /* ... et au contraire, le fond en blanc */
    background-color: #F00;
    background-image: url(/images/fd-bt-on.jpg);
}

#menu li
/* Elements des listes */

{
    float: left;
    /* pour IE qui ne reconnaît pas "transparent" */
    border-right: 1px solid transparent;
}

#menu>li
/* Elements des listes */

{
    float: none;
    flex: 1;
    position: relative;
    vertical-align: top;
}

#menu>li:last-child {
    border-right: 0;
}


/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu li {
    border-right: 1px solid transparent;
    /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul
/* Sous-listes */

{
    position: absolute;
    display: block;
    /* Position absolue */
    width: 100%;
    /* Largeur des sous-listes */
    left: -999em;
    /* Hop, on envoie loin du champ de vision */
}

#menu li ul li
/* Éléments de sous-listes */

{
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-top: 1px solid #000;
    border-right: 0;
    /* on met une bordure blanche en haut de chaque élément d'une sous liste */
    width: 100%;
}


/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu li ul li {
    border-top: 1px solid transparent;
    /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul {
    margin: -22px 0 0 144px;
    /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
    border-left: 1px solid transparent;
    /* Petite bordure à gauche pour ne pas coller ... */
}


/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

html>body #menu li ul ul {
    border-left: 1px solid transparent;
    /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul,
#menu li.sfhover ul ul
/* Sous-sous-listes lorsque la souris passe sur un élément de liste */

{
    left: -999em;
    /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul,
#menu li li:hover ul,
#menu li.sfhover ul,
#menu li li.sfhover ul
/* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{
    left: auto;
    /* Repositionnement normal */
    min-height: 0;
    /* Corrige un bug sous IE */
}