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 #CACACA; }
.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 { 
    padding: 15px 40px;
    width: 80%;
    font-weight: bold;
    font-size: 18px;
    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:#F4F4F4; 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:#699a6b; background-color:#f0ffe5; background-image:none; border:1px solid #699a6b; }
#bubulle { width: 300px; }

#loginMessage { 
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    font-weight: bold;
    margin: 1em 40px;
    color: #E66418;
}

.buttonvert{
    background-color: #4EB579;
    background-image: -webkit-linear-gradient(top, #4EB579 , #015014);
    background-image:    -moz-linear-gradient(top, #4EB579 , #015014);
    background-image:     -ms-linear-gradient(top, #4EB579 , #015014);
    background-image:      -o-linear-gradient(top, #4EB579 , #015014);
    background-image:         linear-gradient(to bottom, #4EB579 , #015014);
    border: 1px solid #14793D;
    border-bottom: 1px solid #0F7337;
    border-left: 1px solid #0F7337;
    padding: 15px 40px;font-weight: bold;
    font-size: 18px;
    width: 60%;
}

.buttonvert:hover {
    background-color: #5FC78B;
    background-image: -webkit-linear-gradient(top, #5FC78B , #015014);
    background-image:    -moz-linear-gradient(top, #5FC78B , #015014);
    background-image:     -ms-linear-gradient(top, #5FC78B , #015014);
    background-image:      -o-linear-gradient(top, #5FC78B , #015014);
    background-image:         linear-gradient(to bottom, #5FC78B , #015014);
}

.buttonvert:active {
    -webkit-box-shadow: inset 0 2px 2px -1px #003D01;
    -moz-box-shadow: inset 0 2px 2px -1px #003D01;
    box-shadow: inset 0 2px 2px -1px #003D01;
    text-decoration:none;
    border: 1px solid #1E8A4E;
}