/*##############################################################################
                     STYLE DES STRUCTURES DE LA PAGE
##############################################################################*/


/* Style général de la page */
html{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	height:100%;
	margin: 0px;
	padding:0px;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	cursor:default;
	background-image: url('../images/admin-fond.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #000000;
}

/* Body spéciale page de connexion */
#body_connexion {
	margin: 0px;
	padding:0px;
	background-image: url('../images/connexion-fond.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #000000;
}

/* Body spéciale page d'erreur */
#body_erreur {
	height:100%;
	margin: 0px;
	padding:0px;
	width: 100%;
	background-image: url('../images/connexion-fond.jpg');
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #000000;
}

/* Body spéciale rappel de codes de connexionr */
#body_rappel {
	height:100%;
	margin: 0px;
	padding:0px;
	width: 100%;
	background-image: none;
	background-color: #ffffff;
}

/*----------------------------------------------------------------------------*/
/* BLOC CONNEXION                                                             */
/*----------------------------------------------------------------------------*/

/* Bloc conteneur de la page */
#connexion-contener{
	width: 513px;
  margin: 160px 0px 0px 0px;  
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
	background-image: url('../images/connexion-content.jpg');
	background-repeat: repeat-y;
}

#connexion-content{  
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  margin: 0px;  
  padding: 0px 20px 0px 20px;  
	background-image: url('../images/connexion-header.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

/* Bandeau contenant la déconnexion et le menu */
#connexion-header{
  width: 513px;
  height: 110px;
  margin: 0px;  
  padding: 0px;
}

/* Pied de page */
#connexion-footer{
  width: 513px;
  height: 82px;
  margin: 0px;  
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
	background-image: url('../images/connexion-footer.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
}


/*----------------------------------------------------------------------------*/
/* BLOCS PRINCIPAUX                                                           */
/*----------------------------------------------------------------------------*/

/* Bloc de connexion */
#connexion{
  width: 400px;
  padding: 8px;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
  background-color:#FFFFFF; 
  border: 4px solid #1e6291;
}

/* Bloc d'erreur sur la page dédiée */
#zone_erreur{
  width: 600px;
  padding: 8px;
  margin-top: 200px;
  margin-left: auto;
  margin-right: auto;
  background-color:#FFFFFF; 
  border: 4px solid #1e6291;  
}

/* Bloc conteneur de la page */
#contener{
	width: 925px;
  margin: 0px;  
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
	background-image: url('../images/admin-content.jpg');
	background-repeat: repeat-y;
}

/* Header + contenu de la page : permet de mettre le visuel de fond du header */
#content{  
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  width: 925px;
  margin: 0px;  
  padding: 0px;
	background-image: url('../images/admin-header.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

/* Contenu de la page */
#page{
  padding-left: 24px;
  padding-right: 24px;
}

/* Bandeau contenant la déconnexion et le menu */
#header{
  width: 925px;
  height: 140px;
  margin: 0px;  
  padding: 0px;
}

/* Pied de page */
#footer{
  width: 925px;
  height: 97px;
  margin: 0px;  
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
	background-image: url('../images/admin-footer.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
}


/*------------------------*/
/* MENU                   */

/* Conteneur du menu menu */
#menu{
  margin: 0px;  
  padding: 0px;
  margin-left: 17px;
  margin-right: 17px;
  background-color: #333333;
  border: 1px solid red;
}



/*------------------------*/
/* DECONNEXION            */

#zone-deconnexion a{
  display: block;
  width: 113px;
  height: 22px;
  float: right;
  margin-top: 36px;
  margin-right: 28px;
  background-image: url('../images/deconnexion-link.jpg'); 
  background-repeat: no-repeat; 
}

#zone-deconnexion a:visited{
  display: block;
  width: 113px;
  height: 22px;
  background-image: url('../images/deconnexion-link.jpg'); 
  background-repeat: no-repeat; 
}

#zone-deconnexion a:hover{
  display: block;
  width: 113px;
  height: 22px;
  background-image: url('../images/deconnexion-hover.jpg'); 
  background-repeat: no-repeat; 
}