/* Mise à jour 05/11/2025 15:13:12 */
#container {
  font-size:0.9rem;
  color:rgb(110, 111, 113);
}
html.admin {
  font-size: 0.8em;
}
header {
	text-align:center;
  color:black;
  font-size:1.2em;
  width:100%;
}
html.admin header {
  position:fixed;
  top:0;
  left:50%;
  transform: translateX(-50%);
  background: white;
  z-index:100;
  height:6em;
  
}
h1 {
  font-size:1.3em;
  padding: 0.5em;
}
header * {
  background-color: transparent;
}
header button.add {
  border:none;
  background-image: url('/images/add.png');
  background-repeat: no-repeat;
  width:1em;
  height:1em; 
  vertical-align:middle;
  margin:0 0.5em;
  cursor:pointer;
}
html.admin main {
  padding-top:6em;
}
section.pupitre {
  text-align: center;
  margin-top:2em;
}
figure.pupitre {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}
h2 {
  display: table;
  background: rgb(196, 170, 47);
  color: white;
  padding:.5em;
  border-radius:0.5em;
  margin:0.5em auto;
  width:12em;
}
html.private figure.member {cursor:pointer;}
figure.member {
  display: inline-block;
  margin:0.5em 1.5em;
  position:relative;
}
figure.member img {
  height:8em;
  border-radius:0.5em;
  border:1px solid gray;
}
html.admin figure.member img {
  height: 4em;
}
html.admin figure.member figcaption {
  font-size:1.25em
}
figure.infobox {display:none;}
figure.infobox.active {
  position:absolute;
  top:1em;
  left:50%;
  transform: translateX(-50%);
  z-index:200;
  background:white;
  border:1px solid rgb(196, 170, 47);
  padding:0.5em;
  border-radius:0.5em;
  display: flex;
}
figure.infobox img {
  height:10em;
}
figure.infobox figcaption {
  text-align:left;
  padding:0 0.5em;
  display: flex;
  flex-direction: column;
  font-size:1em;
  min-height:10em;
  position:relative;
}
figure.infobox figcaption:after {
  content:"×";
  position: absolute;
  top:-0.5em;
  right:0;
}
figure.infobox figcaption p {
  padding:0.1em;
  white-space: nowrap;
  font-size:0.9em;
}
figure.infobox figcaption p.fullName {
  font-size:1.25em;
}
figure.infobox figcaption p.pupName {
  text-transform:lowercase;
  padding-top:0;
}
figure.infobox figcaption p.telephone {
  font-style: italic;
}
figure.infobox figcaption p.fullAddress {
  text-decoration: underline;
}
figure.infobox figcaption p.email {
  margin-top:auto;
  color:rgb(196, 74, 39);
}
html.not(.admin) #Chef figure.member > img {height: 10em;}
html.not(.admin) #Chef figure.member > figcaption {font-size:1.2em}

footer {
  margin:2em;
  text-align: center;
}