div#content {min-height:400px;}

div#container {margin:0 auto; width:994px; box-shadow: 0 0 3px 0 #999; }
div#content {background-color:#fff; min-height:300px; padding:30px 20px;}

div#container #header {position:relative;}
div#container #header img.picto {position:absolute; top:0; right:335px; }
div#container #header .compte {width:80px; position:absolute; color:#fff; top:0; right:240px; font-size:12px; padding-top:4px;}
div#container #header .compte a {color:#fff; text-decoration:none;}

div#content #connexion {float:left; width:460px; height:295px; margin-left:10px; }
div#content #inscription {float:right; width:460px; height:295px;}
div#content #connexion .titre, div#content #inscription .titre {color:#666866; font-size:18px; font-weight:bold; text-align:center; }
div#content #connexion .encart, div#content #inscription .encart {background-color:#f1f1f1; border-radius:5px; border:1px solid #cccccc; width:400px; height:200px; padding:25px; margin:20px 0; }
div#content #connexion .text, div#content #inscription .text {font-size:12px; padding-bottom:15px; clear:both;}
div#content #inscription .text {height:115px; padding-top:15px; padding-bottom:0;}
div#content #connexion .form, div#content #inscription .form {clear:both; margin: 10px 0 0 0; font-size:14px;}
div#content #connexion form label, div#content #inscription form label {width:130px; display:block; float:left; padding-top:5px;}
div#content #connexion input, div#content #inscription input {padding:0 5px; margin:0 0 10px 10px; width:200px; height:25px;}
div#content #connexion .oublie{color:#727272; font-size:11px; text-decoration:none; margin-left:140px;}
div#content #connexion .oublie:hover{text-decoration:underline;}
div#content #connexion .btn, div#content #inscription .btn {background:url('../../client/common/img/btn.png') no-repeat; width:161px; height:42px; text-align:center; padding:1px 0 6px 0; margin:10px 0 0 120px; border:none; font-size:15px; color:#fff; text-decoration:none; text-shadow: 0 0 2px #2b2b2b; cursor:pointer;}
div#content #connexion .btn:hover, div#content #inscription .btn:hover {background:url('../../client/common/img/btn-over.png') no-repeat; }

div#content #connexion .connect-error {height:25px; margin:5px 0; color:red; text-align:center;}
div#content #connexion .connect-error a {color:black; font-weight:bold;}
div#content #connexion .connect-error a:hover {text-decoration:underline;}