/********************************************* 
 STYLES COMMUN A L''APPLICATION
 **********************************************/

/*==========================*/
/*FONTS
/*==========================*/

/*==========================*/
/*PAGE
/*==========================*/

root { 
  display: block;
}

html { 
  margin: 0;     /*obligatoire pour taille et position en fonction écran*/
  height: 100%;  /*obligatoire pour taille et position en fonction écran*/
  width: 100%;   /*obligatoire pour taille et position en fonction écran*/  
  padding:0;
  font-size: 100%; /*obligatoire pour utilisation em sous IE*/
}

header { 
  margin: 0;     /*obligatoire pour taille et position en fonction écran*/
  /*height: 4%;  /*obligatoire pour taille et position en fonction écran*/
  width: 100%;   /*obligatoire pour taille et position en fonction écran*/  
  padding:0;
  font-size: 1em; /*Par défaut taille du texte à valeur par défaut navigateur*/
  /*background-color: #FF0000*/
}

body { 
  margin: 0;     /*obligatoire pour taille et position en fonction écran*/
  height: 100%;  /*obligatoire pour taille et position en fonction écran*/
  width: 100%;   /*obligatoire pour taille et position en fonction écran*/  
  padding:0;
  font-size: 1em; /*Par défaut taille du texte à valeur par défaut navigateur*/
  background-color: #C8FFFF    /*Couleur de fond*/
}

footer { 
  margin: 0;     /*obligatoire pour taille et position en fonction écran*/
  height: 30%;  /*obligatoire pour taille et position en fonction écran*/
  width: 100%;   /*obligatoire pour taille et position en fonction écran*/  
  padding:0;
  font-size: 1em; /*Par défaut taille du texte à valeur par défaut navigateur*/
}

/*Boite contenu*/
.box_content{
  float:left;
  margin-left: 15px;
  margin-top: 15px;  
  /*background-color: #0000FF*/
}

/*Boite bouton*/
.box_btnpage{
  clear:both;
  float:left;
  display: block;
  background-color:#ADFF2F;
  width: 130px;
  height : 50%;
  margin-left: 1%;
  margin-top: 2%;
  text-align: center;
  padding-top: 10px;
  border : 10px groove #98FB98;
}

/*==========================*/
/*BANDEAU
/*==========================*/

/*Bandeau*/
div#bandeau{
  position:static;  /*1er élément de la page*/
  width:max-content;  /* La largeur prend tout l'écran */
  height:5.1em;       /* Hauteur */
  background-color:#98FB98;   /* couleur de fond */   
  padding:7px;
  margin :0;
  color:black;
}

/*Logo - 1er élément du bandeau*/
img#bndlogo{
  float:left; /*position a gauche dans le padding*/
  height:5em;
}

/*Titre général - 2nd élément du bandeau*/
h1{
  float:left; /*position à gauche contre le logo*/
  font-size:300%;    /* Dimension du texte */
  text-decoration: underline;  /* Souligné */
  padding:0;
  margin-left : 30px;  /*Marge pour que le texte ne soit pas collé au logo*/
}

/*==========================*/
/*LOGIN
/*==========================*/

/*Cadre de login*/
div#boxlogin{
  position:absolute;  /*Position définie en absolue*/
  top:200px;          /* Y */
  left:300px;         /* X */
  border: double;     /* bordure */
  height : 90px;      /* hauteur */
  padding : 10px;     /* marge interieure */
  line-height:30px;   /* hauteur de ligne */
}

/*Cadre de login*/
div#boxlogin_err{
  position:absolute;  /*Position définie en absolue*/
  top:200px;          /* Y */
  left:300px;         /* X */
  border: double;     /* bordure */
  height : 90px;      /* hauteur */
  padding : 10px;     /* marge interieure */
  line-height:30px;   /* hauteur de ligne */
  filter:alpha(opacity=40); /*pour IE*/
  opacity:0.4;
}

/*Bouton OK*/
input#btn_ok{
  position:relative;  /*Position définie en relatif*/
  top:5px;            /* Y */
  left:80px;          /* X */
  width:70px;         /* largeur */
}

/*==========================*/
/*BOITE DE MESSAGE
/*==========================*/

/*Fond*/
div#boxfondmess{
  display:block;
  position : absolute;
  top:0;
  left:0;  
  width: 100%;  /*Occupe tout l'écran*/
  height : 100%;
  background-color:#E6E6FA;   /* couleur de fond */
  z-index: 10;  
  filter : alpha(opacity=50); /*Opacité pour IE*/
  opacity : 0.5;  /*OPacité pour els autres */
}

/*Boite*/
div#boxmess{
  display:block;
  position : absolute;
  width: 25%;
  top:35%;
  left:35%;
  background-color:#FFFFFF;
  opacity: 1;
  z-index: 11;  
  border-bottom-style: solid;
  border-right-style:  solid;
  border-color:  #B0C4DE;
  border-bottom-width: 2px;
  border-right-width: 2px;
  text-align: center;
  padding: 1%
}

/*Texte*/
div#boxtxtmess{  
  position : relative;
  width:90%;
  height :10%;
  margin-left:  auto;
  margin-right: auto;  
}

/*Bouton OK*/
input#btnmess_ok{
  position : relative;
  display:block;  
  margin-top: 5%;
  width:25%;   
  margin-left:  auto;
  margin-right: auto;
}

/*==========================*/
/*BOUTON DE PAGE
/*==========================*/

/*Bouton afficher compte*/
.btnpage{
  width: 80%;
  Height :30px;
}

/*==========================*/
/*BOITE DE DIALOGUE
/*==========================*/

/*Fond*/
.boxdiafond{  
  display:none;
  position : absolute;
  top:0;
  left:0;  
  width: 100%;
  height : 100%;
  background-color:#E6E6FA;
  z-index: 10;  
  filter : alpha(opacity=60); /*Opacité pour IE*/
  opacity : 0.6;  /*Opacité pour les autres */
}