h3 { font-size:20px; margin-bottom:40px; text-align:center; }

.table { display: table; width: 100%; }
.demiColumn { box-sizing:border-box; width:50%; display: table-cell; vertical-align: top; }
.demiColumn:first-child { border-right:1px solid var(--gray-color); }
.center { text-align:center; }
.size11 { font-size:11px; }

#formLogin { width:80%; margin-right:auto; margin-left:auto; }
.labelConnection { margin-top:25px; margin-bottom:15px; font-size: 15px; }
.buttonConnection { 
    width: 80%;
    box-sizing: border-box; 
}

#whyInscription { 
    text-align: center;
    margin: 26px auto auto;
    width: 495px; 
    padding-left: 20px;
}
#whyInscription div {
    text-indent: -10px; 
    text-align: left;
    margin-bottom: 10px;
}
#whyInscription div span {
    display: inline-block;
    width: 10px;
}

#loginUsername { width: 80%; }

#inscriptionWrapper { position:relative; margin-top: -15px;}
#msgInscription { text-align:center; font-size:17px; }

#inscription{
    margin-top:46px;
    text-align:center;
}

.blocinfo{ clear:both; margin:10px 0px 0px 0px; }
.leftpan{ float:left; width:410px; text-align:right; padding-top:2px; position:relative;}
.rightpan{  padding-left:420px; }

.bloc1{ border:1px solid #999999; background-color:var(--gray-light-color); margin-bottom:10px; padding-bottom:10px; clear:both; }
.bloc2{ border:1px solid #999999; background-color:#FBFBFB; margin-bottom:10px; padding-bottom:10px; clear:both; }

.errfont {
    padding: 5px;
}

.okfont {
    color: var(--green-color);
    background-color: var(--green-secondary-light-color);
    background-image: none;
    border: 1px solid var(--green-color);;
}
#bubulle { width: 300px; }

#loginMessage {
    vertical-align: middle;
}