/* CSS de connexion */

header.page{
  position : absolute;
  z-index : 1000;
  display:block;
  Width:100%;
  height:35px;
  vertical-align:middle;
  background-color:black;
}
.connexion, .profil{
  width : 250px;
  text-align : center;
  color:white;
  float : right;
  font-size:150%;
  line-height:34px;
}

.connexion a , .connexion li a, .profil a , .profil li a{
  color : white;
}

.message{
  color:white;
  float:left;
  margin-left:20px;
  font-size:150%;
  line-height:34px;
  width : 400px;
}

header .error, p.error {
  color:white;
  float:left;
  margin:0 auto 0 auto;
  font-size:150%;
  line-height:34px;
  width : 400px;
  background : red;
  text-align : center;
  top : 35px;
  font-weight : 900;
}

header .success{
  color:white;
  float:left;
  margin:0 auto 0 auto;
  font-size:150%;
  line-height:34px;
  width : 400px;
  background : green;
  text-align : center;
  top : 35px;
  font-weight : 900;
}

.connexion li, .profil li{
  display : none;

  background-color : purple;
  padding: 5px;
}

.connexion:hover li, .connexion li:hover, .profil:hover li, .profil li:hover {
  display : block; 

}

/* Css gestion de profil */

article.gestionProfil {
  background : #FFBB66;
  float : left;
  height : auto;
  min-width : 280px;
  width : auto;
  padding : 10px;
  margin : 20px 0 20px 20px;
}

article.gestionProfil th {
  padding : 5px;
  border : 1px solid black;
  background : #FFCC66;
  font-weight : 900;
  text-align : center;
}

article.gestionProfil td {
  padding : 2px 20px;
  border : 1px solid black;
  background : #FFCC66;
  text-align : center;
}

article.gestionProfil input, article.gestionProfil select {
  float : right;
  margin : 5px;
  border : 1px solid black;
}

article.gestionProfil label {
  float : left;
  margin : 5px;
}

article.gestionProfil span {
  margin-top : 5px;
  color : red;
  font-weight : 900;
  display: block;
  text-align : right;
}

article.gestionProfil fieldset{
  border : 1px solid black;
  padding : 5px;
  margin-bottom : 5px;
}

article.gestionProfil textarea{
  width : 450px;
  height : 250px;
  resize: none;
}
