.center
{
text-align: center;	
}	

.marginbottom-10
{
	margin-bottom: 10px;
}

.formleft 
{
	width: 30px;
	margin-top: 4px;
	margin-left: 5px;
	float: left;
}

.formright
{
	width: 65px;
	margin-top: 4px;
	margin-right: 5px;
	float: right;
}

.inputright
{
	float: right;	
}

.inputleft
{
	float: left;	
}

.inputtop
{
  border: none;
  width: 30px; /* largeur à spécifier */
  height: 30px; /* longueur à spécifier */
  cursor: pointer;	

}

.inputhaut
{
	border: none;
	width: 40px; /* largeur à spécifier */
	height: 40px; /* longueur à spécifier */
	cursor: pointer;	
	margin-top: -40px;
	margin-right: 5px;
	float: right;
}

.icone-menu-22
{
  border: none;
  width: 22px; /* largeur à spécifier */
  height: 22px; /* longueur à spécifier */
  margin-right: 2px;
  cursor: pointer;		
}

.icone-menu-18
{
  border: none;
  width: 18px; /* largeur à spécifier */
  height: 18px; /* longueur à spécifier */
  margin-right: 2px;  
  cursor: pointer;		
}

.inputcenter
{
	margin-left: auto;
	margin-right: auto;
}

.icone-tableau-enfant
{
  border: none;
  width: 30px; /* largeur à spécifier */
  height: 30px; /* longueur à spécifier */	
}

.hide
{
	display: none;
}

.input-deco
{
  background: url("images/deco-40.png");
}
.input-deco:hover
{
  background: url("images/deco-40-hover.png");
}

.valide-left
{
  background: url("images/ajout-30.png");
}
.valide-left:hover
{
  background: url("images/ajout-30-hover.png");
}

.icon-suppr-group
{
  background: url("images/suppr-group-22.png");
}
.icon-suppr-group:hover
{
  background: url("images/suppr-group-22-hover.png");
}	

.icon-modif-group
{
  background: url("images/modif-group-22.png");
}
.icon-modif-group:hover
{
  background: url("images/modif-group-22-hover.png");
}

.icon-suppr-ajout
{
  background: url("images/ajout-22.png");
}
.icon-suppr-ajout:hover
{
  background: url("images/ajout-22-hover.png");
}

.icon-modif-enfant
{
  background: url("images/modif-enfant-18.png");
}
.icon-modif-enfant:hover
{
  background: url("images/modif-enfant-18-hover.png");
}

.icon-suppr-enfant
{
  background: url("images/suppr-18.png");
}
.icon-suppr-enfant:hover
{
  background: url("images/suppr-18-hover.png");
}

.icon-suppr-s
{
  background: url("images/suppr-18-s.png");
}
.icon-suppr-s:hover
{
  background: url("images/suppr-18-hover-s.png");
}

.icon-modif-18
{
  background: url("images/modif-18.png");
}
.icon-modif-18:hover
{
  background: url("images/modif-18-hover.png");
}



.icon-croix-30
{
  background: url("images/croix-30.png");
}

.icon-valide-30
{
  background: url("images/valide-30.png");
}


/*infobulle---------------------------*/

.infobulle {
  position: relative;  /* les .infobulle deviennent référents */
  cursor: help;

}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle:hover::after,
.infobulle:focus::after {
  content: attr(aria-label);  /* on affiche aria-label */ 

  position: absolute;
  /* top: -2.4em; */
  top: 55px;
  left: -90px;
      width: 150px;
	height: auto;
display: block;
  transform: translateX(-60%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  /*white-space: nowrap;*/  /* on interdit le retour à la ligne */
       color:#09c;
       /* color:#000; */
     background:rgba(0,0,0,.9);
     /* background:#A4A4A4; */
     padding:15px;
     border-radius:3px;
	 border: solid 1px black;
     box-shadow:0 0 2px rgba(0,0,0,.5);
}

.infobulle2 {
  position: relative;  /* les .infobulle deviennent référents */
  cursor: help;

}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle2:hover::after,
.infobulle2:focus::after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  /* top: -2.4em; */
  top: 25px;
  left: 20px;
      width: 150px;
	height: auto;
display: block;
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  /*white-space: nowrap;*/  /* on interdit le retour à la ligne */
       color:#09c;
       /* color:#000; */
     background:rgba(0,0,0,.9);
     /* background:#A4A4A4; */
     padding:10px;
     border-radius:3px;
	 border: solid 1px black;
     box-shadow:0 0 2px rgba(0,0,0,.5);
	 font-size: 18px;
}

.infobulle3 {
  position: relative;  /* les .infobulle deviennent référents */
  cursor: help;

}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle3:hover::after,
.infobulle3:focus::after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  /* top: -2.4em; */
  top: 25px;
  left: 0px;
      width: 150px;
	height: auto;
display: block;
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  /*white-space: nowrap;*/  /* on interdit le retour à la ligne */
       color:#09c;
       /* color:#000; */
     background:rgba(0,0,0,.9);
     /* background:#A4A4A4; */
     padding:10px;
     border-radius:3px;
	 border: solid 1px black;
     box-shadow:0 0 2px rgba(0,0,0,.5);
	 font-size: 18px;
}

.infobulle4 {
  position: relative;  /* les .infobulle deviennent référents */
  cursor: help;

}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle4:hover::after,
.infobulle4:focus::after {
  content: attr(aria-label);  /* on affiche aria-label */
  position: absolute;
  /* top: -2.4em; */
  top: 25px;
  left: 100px;
      width: 150px;
	height: auto;
display: block;
  transform: translateX(-50%); /* on centre horizontalement  */
  z-index: 1; /* pour s'afficher au dessus des éléments en position relative */
  /*white-space: nowrap;*/  /* on interdit le retour à la ligne */
       color:#09c;
       /* color:#000; */
     background:rgba(0,0,0,.9);
     /* background:#A4A4A4; */
     padding:10px;
     border-radius:3px;
	 border: solid 1px black;
     box-shadow:0 0 2px rgba(0,0,0,.5);
	 font-size: 18px;
}
/*------------------------------------------*/
/*--photo profil-----------------------*/

#profil-logo
{
display: block;
margin-left:auto;
margin-right: auto;
margin-top: 10px;
height: 100px;
width: 300px;
border: 1px solid black;
	
}

/*--------------------------*/