#accueil [type=text],
#accueil [type=password]  {
    vertical-align: baseline;
    margin-right: var(--hmargin);
    display: inline-block;
    width: calc((100% - 4*var(--hmargin))/3);
    margin-bottom: calc(3*var(--vmargin));
}


#accueil [type=button],
#accueil [type=submit] {
    padding: 10px 5px 10px 5px;
    vertical-align: baseline;
    box-sizing: border-box;
    display: inline-block;
    width: calc((100% - 4*var(--hmargin))/3);
    margin-bottom: calc(3*var(--vmargin));
}


#accueil [name=courriel_insc] {
    width: calc(2*(100% - 2*var(--hmargin))/3);
}

#accueil h2 {
    margin-bottom: 20px;
}
#premiere_fois p {
    display: inline-block;
    width: calc(2*(100% - 4*var(--hmargin))/3);
    margin-right: calc(2*var(--hmargin));
}


#errlogin{
    position: relative;
    top: calc(-2*var(--vmargin));
    display: none;
    background-color: white;
    color: #930000;
    font-weight: bold;
    text-align: center;
    width: calc((200% - 5*var(--hmargin))/3);
    margin: 0;
}

#profil .demi p,
#profil .demi [type=text],
#profil .demi textarea {
    box-sizing: border-box;
    display: inline-block;
    width: calc((100% - 3*var(--hmargin)) / 2);
    vertical-align: top;
}

#covoiturage {
    text-align: center;
    display: block;
}