.Bouton {
	height: 25px;
	width: 120px;
	text-align: center;
}

.EditSortie{
	background-image:url(ressources/editbutton3.png);
}
.Titre {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	text-align: center;
	font-size: 40px;
	color: #FFF;
	background-color: #009;
	height:55px;
  vertical-align: middle
}
.User {
	background-color: #03F;
	height:37px;
}
.MainBody {
	background-color: #66ccff;
	background-image: url(ressources/bgbleu2.jpg);
	background-repeat: repeat;
}
.Anne {
	float: left;
	width: 50px;
	text-align: center;
}
.Anne a:visited
{
	color: rgb(186 110 255);
}
#AnneeSel{
	color: #FFFFFF;
	background-color: #03F;
}
.Separator{
	color:maroon;
        background-image: url(ressources/bleu1.png);
}
.ProfilIcone{
  height: 22px;
  width: 25px;
  margin-right: 5px;
  vertical-align: middle;
}
.Clip{
  border:solid 2px white;
  background-color: #1E90FF;
  padding: 2px;
  width: 90px;
  /*height: 150px;*/
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: fantasy;

}
.Clip img, .Photo{
  border:solid 2px white;
  width: 80px;
  height: 100px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.Commentaire{
  padding: 0px 5px 5px 5px;
  background-color: #BDB76B;
  width: 700px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float: left;
}
.Commentaire .editor{
  border:#CD853F solid 2px;
  padding-left: 5px;
  background-color:#F5F5DC;
  min-height: 133px;
}
.editor p{
  margin-top: 2px;
  margin-bottom: 2px;
}

map > area { cursor: help; }

.barre { text-decoration: line-through; }

.past, del
{
	filter: brightness(0.85); /* 85% de luminosité, donc plus sombre */
	/*opacity: 0.5; /* rend tout semi-transparent */
	/*color: beige;*/
}

.admin
{
	filter: brightness(0.75);
	/*opacity: 0.5;*/
	/*color: red;*/
	/*background: lightseagreen;*/
}

input[autocapitalize="characters"] {
  text-transform: uppercase;
}

@media screen and (min-width: 1600px)
{
	#flex
	{
		display: flex;
		/*align-items: center;*/
		justify-content: center;/*space-evenly*/
		column-gap: 10px;
	}
	#lvl
	{
		position: sticky;
		top: 42px;
	}
}

/* Styles spécifiques au mode sombre */
@media (prefers-color-scheme: dark)
{
	.past, del
	{
		filter: brightness(0.6); /* 60% de luminosité, donc plus sombre */
	}
}