/* figure aussi dans album_photos.css */
/* ça me permet d'avoir l'entete avec la description et le bouton retour sans avoir à charger album_photo.css,
sachant que album_entete.css est utilisée pour l'admin album
on pourrait peut-etre donc les retirer ces class css de album_photo.css mais voir si ça pose pas de pb pour la personnalisation

une alternative serait de charger album_photo.css
*/
.albumdescription {
  font-size:10px;
  padding:0 5px;
  clear:both;
  background-color:#f0f0ff;

  margin:0.3em;

  font-size:10px;
  padding:0 5px;
  border-radius:5px;
}
/* album photo */
.btn-cont { height:22px; } /* à virer */
/* FIN figure aussi dans album_photos.css */


/* ici on a les marges */
* {
  margin:0;
  padding:0;
}

/*************************************/
/* .eeentete2 : entete sans la cover */
/*************************************/
.eeentete, .eeentete2, div[class^="mmmembre"], .ppprofil, .annuaire_entete {
  clear:both; /* pas besoin de clearfix */
  font-family: verdana;
  /* font-size:var(--entete_size); */
  font-size:2em;
  font-smooth: 15em;
  -webkit-font-smoothing: antialiased;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

/*  margin-top:5px; on met un MARGEUR a la place */
  border-radius:5px;
/*  position:relative; a retirer sinon la nav eeentete2 passe en dessous du content */
/*AP  position:relative;*/
  background-color:#fff; /*AP absent*/
}
/* .eeentete .entete, membre entete { */
.eeentete > div:nth-child(2), .eeentete2 > div:nth-child(1), div[class^="mmmembre"] > div:nth-child(2), .ppprofil > div:nth-child(1) {
  font-family: verdana;
  font-size:var(--entete_titre_size); /* font-size titre profil */
  border-radius:4px 4px 0 0; /* permet de lisser le border du div content */
/*  background-repeat: repeat-x; */
  font-weight:bold;
  padding:var(--pseudo_padding);
  height:var(--entete_height);
}
.bande {
  padding:0.3em 0 0 0.5em;
  height:1.7em;
  text-align:left;
}
.bande, .eeentete > div:nth-child(2) span:first-of-type, .eeentete2 > div:nth-child(1) span:first-of-type, div[class^="mmmembre"] > div:nth-child(2) span:first-of-type, .titre { /* titre */
/*AP  text-align:left; */
  font-family: Roboto; /* impact; */
  letter-spacing: .1rem; /* https://developer.mozilla.org/fr/docs/Web/CSS/letter-spacing */
  text-shadow: 2px 2px #000;
}
.eeentete > div:nth-child(2) span:first-of-type, .eeentete2 > div:nth-child(1) span:first-of-type, div[class^="mmmembre"] > div:nth-child(2) span:first-of-type, .titre { /* titre */
/*AP
  float:left;
  padding-left:var(--pseudo_padding_left);
  width:80%;
*/
}
/*AP
.eeentete2 > div:nth-child(1) span:first-of-type {
  padding-left:0.5em;
}
*/
/*.eeentete .entete span:nth-of-type(2n){*/ /* titre droite */
/*AP
.eeentete > div:nth-child(2) span:nth-of-type(2n), .eeentete2 > div:nth-child(1) span:nth-of-type(2n), div[class^="mmmembre"] > div:nth-child(2) span:nth-of-type(2n), .titreright {
  float:right;
}
*/
/* ENTETE ANNUAIRE */

/*************************************/
/* ENTETE YAMAFOTO ADMIN CREER PARAM */
/* .annuaire_entete : entete de l'annuaire des membres */
/*************************************/
.titre { /* titre */
/*AP  text-align:left; */
  padding-left:5.5em; /*avant: 2.8em */ /* 5.3em 2.3 var(--annuaire_pseudo_padding_left); */
  width:70%; /* AP absent */
  font-weight:bold; /* AP absent */
}
.titreright {
/*  font-size:9px; */
}
.covercont { /* cover */
  display:block;
  font-size:22px; /* var(--annuaire_entete_size */
}
.titrecont {
  font-family: verdana;
  font-size:0.9em; /* var(--annuaire_entete_titre_size) */
  border-radius:4px 4px 0 0;
  font-weight:bold;
  padding:0.5em 0.1em 0.1em 0.1em; /* var(--annuaire_pseudo_padding); */
  height:1.55em; /* var(--annuaire_entete_height); */
  width:100%;
/*AP  text-align:left */
}
.soustitre {
  float:left;
  width:70%;
  height:2.2em;
  box-sizing: border-box;
  padding:0.5em 0 0 5em;
  /* padding:0.5em 0 0 5em; */ /* var(--annuaire_entete_nav_padding); */
}
.soustitreright {
  height:3.3em;
  float:right;
  text-align:right;
  box-sizing: border-box;
  padding-top:5px;
}
/* pour l'entete AbstractModule_album (admin album) */
.entete_admin .soustitre {
  width:90%;
}
.entete_admin .soustitreright {
  width:10%;
  font-size:12px;
  padding-top:0;
}
/* FIN pour l'entete AbstractModule_album (admin album) */
span.titreright:hover{ /* https://stackoverflow.com/questions/27181340/how-to-use-css-hover-on-a-element-and-its-parent-container */
/*  font-size:12px; */ /* retiré car ça fait grossir les onglets Commentaires et Diaporama dans l'entete de l'album quand on les survole */
}
.annuaire_entete > div:nth-child(3) {
/*+++  height:200px;*/
}
.annuaire_entete a.titre, .annuaire_entete a.titre:active, .annuaire_entete a.titre:link, .annuaire_entete a.titre:visited  {
  color:#ffffff;text-decoration:none;
  padding:0; /* Important: sinon le padding s'ajoute au padding existant pour le titre de l'entete qui a la meme classe .titre et ça cause un décallage */
}
.annuaire_entete a.titre:hover {
  text-decoration:underline;
  text-shadow:none;
}
.eeentete > div:nth-child(3), .eeentete2 > div:nth-child(2), div[class^="mmmembre"] > div:nth-child(3), .ppprofil > div:nth-child(2), .soustitres { /* entete2 englobe entete3 et contenttt et permet avec min-height d'assurer une hauteur minimum pour le design */
  border-radius:0 0 15px 15px;
  min-height:2.3em;
}
div[class^="mmmembre"] > div:nth-child(3), .eeentete2 > div:nth-child(2) {
  min-height:4em;
}
.eeentete > div:nth-child(3) > div:first-child, .eeentete > div:nth-child(2) > div:first-child{
  padding:0.2em 0 0 3.9em;
}

/* album_entete avant */

 /***************/
/* ENTETE */
/**************/
.eeentete2, div[class^="mmmembre"], .ppprofil, .annuaire_entete {
  /* overflow:hidden; sinon menu album invisible */ /* sinon le border du content reste visible */
  border-radius:5px 5px 15px 15px; /*   border-radius: 5px 0 0 5px; */


/*yamafoto :figurait dans album_photos.css
  font-family: verdana;
  font-size:20px; permet de controller la taille de tout le contenu de .mmmembre, les dimensions du contenu étant définies en em
  font-smooth: 15em;
  -webkit-font-smoothing: antialiased;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

  margin-top:5px;

  position:relative;
*/

}
/*.soustitres {
  min-height:3em; *//* AP absent */
/*}*/
.soustitre {
  min-height:2.8em; /* eventuellement le passer à 3em pour l'admin dans album_creer_editer.css */
}

 /***************/
/* FIN ENTETE */
/**************/