.connexion {
width : 450px;
height : 180px;
}

.connexion .formulaireIdentification {
margin : 10px 7px;
}

.connexion .formulaireIdentification input[type="text"], .connexion .formulaireIdentification input[type="password"]{
margin : 10px 0 0 0;
display: block;
width : 250px;
}
.connexion .formulaireIdentification label {
width : 100px;
margin : 10px 10px 0 7px;
display: block;
float : left;
}
.connexion .connexionPerduMotDePasse, .connexion .connexionIdentifiantCreation {
margin : 0 7px;
padding: 0;
display : none;
}
.connexion .connexionIdentifiantCreation {
margin-bottom: 20px;
}
.connexion  .reponse, .perduMotDePasse .reponse, .identifiantCreation .reponse {
margin : 10px 7px;
padding-left : 10px;
text-align : center;
color : red;
font-weight : bold;
}

.deconnexionValide, .deconnexionAutomatique {
width : 250px;
height : 80px;
z-index :400000;
}
.deconnexionAutomatique {
height : 100px;
}

.deconnexionAutomatique .boutonDeconnexionAutomatique{
width : 100px;
margin : 10px;
}

/*menu connexion */
.menuConnexion {
position : absolute;
top : 10px;
right: 10px;
text-align : right;
z-index : 400001;
}

.menuConnexion a img {
height : 36px;
width: 36px;
border : none;
}

.menuConnexion a img:hover {
height : 42px;
width: 42px;
}


/*mot de passe */
.nouveauMotDePasse{
width : 450px;
height : 150px;
}

.nouveauMotDePasse .formulaireNouveauMotDePasse {
margin : 10px 7px;
}

.nouveauMotDePasse .formulaireNouveauMotDePasse input[type="text"], .nouveauMotDePasse .formulaireNouveauMotDePasse  input[type="password"] {
margin : 10px 0 0 0;
width : 210px;
display: block;
}
.nouveauMotDePasse .formulaireNouveauMotDePasse label {
width : 140px;
margin : 10px 10px 0 7px;
display : block;
float : left;
}

.perduMotDePasse{
width : 450px;
height : 150px;
}

.perduMotDePasse .formulairePerduMotDePasse {
margin : 10px 7px;
}

.perduMotDePasse .formulairePerduMotDePasse input[type="text"] {
margin : 10px 0 0 0;
display: block;
width : 250px;
}
.perduMotDePasse .formulairePerduMotDePasse label {
width : 100px;
margin : 10px 10px 0 7px;
display: block;
float : left;
}

/*identifiantCreation */
.identifiantCreation{
width : 450px;
height : 280px;
}

.identifiantCreation .formulaireIdentificationCreation input[type=text] {
margin : 10px 0 0 0;
display: block;
width : 100px;
}
.identifiantCreation .formulaireIdentificationCreation label {
width : 100px;
margin : 10px 10px 0 7px;
display: block;
float : left;
}