<div id="form_article" class="form_eo" style="margin: 0 auto; width: 500px; padding: 14px; border: solid 2px #b7ddf2; background: #ebf4fb;"><form id="form" action="http://excellence-operationnelle.tv/wp-login.php?action=login" method="post">
<h1 style="font-size: 18px; font-weight: bold; margin-bottom: 4px; text-align: center;">Connectez-vous<br/>ou inscrivez-vous <font color="#f3820;">gratuitement</font> !</h1>
<p style="font-size: 13px; color: #666666; margin-bottom: 20px; margin-top: 0px; border-bottom: solid 1px #b7ddf2; padding-bottom: 10px; text-align: center;">Connectez-vous pour avoir accès à l'article complet</p>

<div id="email" class="emailstyle" style="display:block; clear:both;"><label style="display: block; font-weight: bold; text-align: right; width: 140px; float: left;">Email
<span class="small" style="color: #666666; display: block; margin-top:2px; font-size: 11px; font-weight: normal; text-align: right; width: 140px;">Votre adresse email</span>
</label>
<input id="user_email" style="float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 200px; margin: 2px 0 10px 10px;" name="log" type="text" />
</div>

<br/>&nbsp;
<div id="pass"><label style="display: block; font-weight: bold; text-align: right; width: 140px; float: left;">Mot de passe
<span class="small" style="color: #666666; display: block; margin-top:2px; font-size: 11px; font-weight: normal; text-align: right; width: 140px;">Votre mot de passe</span>
</label>
<input id="user-pass" style="float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 200px; margin: 2px 0 10px 10px;" name="pwd" type="password" />
</div>

<br/>
&nbsp;
<button style="clear:right; display: block; float:right; margin-right:90px; width: 125px; height: 31px; background: #666666; text-align: center; vertical-align:middle; line-height: 31px; color: #ffffff; font-size: 11px; font-weight: bold;">Connexion</button>

<label style="display: block; float: left; font-weight: bold; text-align: right; font-size: 13px; width: 140px; float: left; color: #fffff; margin: 0px 8px 30px 0px; verical-align:middle;"> Rester connecté</label>
<input id="rememberme" class="check" style="float:left; margin-top:8px;" name="rememberme" type="checkbox" value="forever" tabindex="90" />

<br/>
&nbsp;
<a style="display: block; font-weight: bold; text-align: right; font-size: 13px; width: 160px; float: left; color: #fffff; margin-top:2px;" color= "#fffff" href="http://www.excellence-operationnelle.tv/wp-login.php?action=lostpassword">Mot de passe oublié</a>

<input type="button" value="Je m'inscris gratuitement !" style="display: block; float:right; margin-right: 70px; width: 180px; height: 34px; background: #666666 url(img/buttonformarticle.png)  repeat-x; text-align: center; line-height: 31px; color: #666666; font-size: 12px; font-weight: bold;" onclick="window.location.href='http://excellence-operationnelle.tv/wp-login.php?action=register'">

<br/>&nbsp;
</form></div>