@font-face {
    font-family: Poetsen One;
    src: local("Poetsen One"),
         local("PoetsenOne-Regular"),
         url('../fonts/PoetsenOne-Regular.ttf');
    font-weight: bold;
}

* {font-family:Segoe UI, Sans-Serif;}
body {
	margin:0;
	padding:0;
	color:#505050;
	background-image:url('../img/bg.png');
}
input {
}
input {
	width:297px;
	height:40px;
	padding:0 10px;
	margin-bottom:15px;
	background-color:#f3f3f3;
	color:#757575;
	border:none;
	border-bottom:2px solid #e0e0e0;
	border-radius:20px;
	font-size:16px;
	box-sizing: border-box;
	/*outline-color:#888;*/
	outline: none;
}
input[type="submit"] {
	height:50px;
	padding:10px;
	margin-left:-1px;
	background-color:#404040;/
	border:none;
	border-bottom:2px solid #555;
	border-radius:30px;
	font-size:15pt;
	color:#fff;
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease-in;
	-o-transition:all .25s ease-in;
	transition:all .25s ease-in;
	cursor:pointer;
    outline: none;
}
input[type="submit"]:hover {
	background-color:#606060;
	color:#f5f5f5;
}
	#container_login {
		margin:0 auto;
		width:550px;
	}
		#logo {
			margin: 50px auto 0 auto;
		    display: block;
		}
        #logo, #logo img {
            width: 200px;
        }
        #logo .title {
            font-family: Poetsen One, Sans-Serif;
            text-align: center;
            display: block;
            font-size: 50px;
            color: #626B87;
        }
		#container_login_form {
			width:340px;
			position:relative;
			margin-left:-170px;
			left:50%;
			margin-top:50px;
			background-color:#ffffff;
			border-radius:3px;
			border-bottom:2px solid #b5b5b5;
		}
			#container_login_form_header {
				padding:15px 25px;
				margin-bottom:30px;
				background-color:#404658;
				color: #fff;
				font-size: 18px;
				text-align: center;
			}
			#container_login_form form {
				margin:22px;
			}
			#container_login_form a {
				color:#505050;
			}
	.clear {
		clear:both;
	}
	#showFormReset, #showFormLogin {
		text-decoration:none;
		font-size:13px;
		text-align:right;
		display:inherit;
	}
	/* formulaire r�cup�ration mot de passe */
	#reset {
		display:none;
	}

	.alert {
        width:470px;
        position:fixed;
        left:50%;
        margin-left:-250px;
        padding: 15px;
    }
    .alert-success {
        background-color:#dff0d8;
        border-bottom:2px solid #2AA32D;
		color: #3c763d;
    }
    .alert-danger {
        background-color:#f2dede;
        border-bottom:2px solid #ebccd1;
        color: #a94442;
    }

    .alert .close {
	    position: relative;
		top: -10px;
		right: -5px;
	    color: inherit;
	}
	button.close {
	    -webkit-appearance: none;
	    padding: 0;
	    cursor: pointer;
	    background: 0 0;
	    border: 0;
	    outline: none;
	}
	.close {
	    float: right;
	    font-size: 21px;
	    font-weight: 700;
	    line-height: 1;
	    color: #000;
	    text-shadow: 0 1px 0 #fff;
	    filter: alpha(opacity=20);
	    opacity: .2;
	}

	.row {width:100%;}
    .row:before, .row:after {
        display:table;
        content:' ';
    }
    .row:after {clear:both;}

/* Page erreur 403 et 404 */
.row-error {
    display: block;
    width: 100%;
}
.container-error {
    margin: 200px auto 0 auto;
    text-align: center;
    font-size: 36px;
    color: #464646;
}
.img-error {
    width: 200px;
    opacity: .2;
}
.container-error p {
    margin: 35px 0;
}
.btn-link {
    color: #455881;
    background-color: #D6E1F7;
    text-decoration: none;
    border-radius: 30px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    font-weight: 400;
}

footer {
	margin-top: 50px;
	padding-top: 20px;
	display: block;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	color: #a5a5a5;
}