/**
 *	Global Styling
 *	Copyright 2013 Art Freely Corporate
 **/

/* Globals */
body{font-family: 'RobotoRegular',Arial,sans-serif;background: #d7dedf;}
h1,h2,h3,h4,h5,h6{font-family: 'RobotoBold',Arial,sans-serif;}
input[type="submit"],input[type="button"]{cursor: pointer;}
a{text-decoration: none;color: #525252;}

/* Classes */
.clear{clear: both;}
.float-left{float: left;margin-right: 30px;}
.radius-0-10{
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    behavior: url(/pie/PIE.htc);
}
.shadow{
    -webkit-box-shadow: #666 0px 0px 3px;
    -moz-box-shadow: #666 0px 0px 3px;
    box-shadow: #666 0px 0px 3px;
    behavior: url(/pie/PIE.htc);
}
.img{background: url(../img/sprite.png) no-repeat scroll 0 0 transparent;color: transparent;margin: 0 auto;}

/* Main */
header{clear: both;}
section{clear: both;;min-height:600px;margin: 0 auto;background: #f4f4f4;padding: 20px;}
footer{clear: both;height: 40px;background: #d3d3d3;padding: 5px 0;position: relative;bottom: 0;}

/* Header */
header .logo{display: block;float: left;}
.logout{background-position: -15px -78px;float: right;height: 31px;width: 32px;}

/* Messages */
.messages{margin: 10px auto;width: 90%;height: 30px;text-align: center;color: #2d2d2d;background: #c2c2c2;line-height: 30px;font-size: 12px;font-family: 'RobotoBold',Arial,sans-serif;}
.valid{color: #2c8729;background: #ade6ac;border: 1px solid #2c8729;}
.error{color: #a01303;background: #fda99f;border: 1px solid #a01303;}

/* Nav */
#main > nav ul li a{display: block;color: #525252;background: #c2c2c2;padding: 10px 0;text-align: center;border-bottom: 1px solid #ffffff;}
#main > nav ul li a:hover,#main > nav ul li a.selected{color: #c2c2c2;background: #525252;}

/* Section */
section form {position: relative;/*padding-top: 100px;*/}

/* Footer */
footer .logo {width: 129px;height: 33px;background: url(../img/logo.png) no-repeat scroll 0 0 transparent;float: left;margin-left: 20px;padding-top: 7px;}
.legals{float: left;line-height: 55px;margin-left: 20px;font-size: 10px;color: #737373;}

.form-connexion {
    width: 500px;
    margin: 50px auto auto auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #969880;
    border-radius: 20px;
    color: #969880;
    font-size: 1.2em;
}

.form-connexion label {
    color: #969880;
    font-weight: 100;
    text-transform: uppercase;
}

.form-connexion .field {
    text-align: center;
    margin-top: 15px;
}

.form-connexion input {
    color: #969880;
    border-radius: 20px;
    border: 1px solid #969880;
    height: 1.5em;
    padding: 0.4em 10px;
    width: 200px;
    margin-top: 0.5em;
}

.form-connexion button {
    color: #969880;
    display: inline-block;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.submit-form-connexion span {
    display:none;

}