/* CSS page listes annuelles */
/* Colonnes avec navigation et pub */
#finatdebut {
  padding-left: 0px;
  overflow: hidden;
}
/* colonne de gauche */
#finatgauche {
  float: left;
  margin-bottom: 15px;
}
#finatga1 { /* fichier finale.php tableau gauche des dates et lieux org. */
  float: left;
  min-height: 220px;
  margin-bottom: 0px;
}
/* colonne de droite */
#finatdroite {
  float: right;
  margin-bottom: 15px;
}
#finatdr1 {
  float: right;
  width: 123px;
  margin-bottom: 0px;
  margin-top: 6px;
  margin-right: 10px;
}
#finatdr1 img {
  margin: 2px;
}
/* Fin colonnes */
/* Suite de la page sans colonne */
#finatsuite {
  float: left;
  margin-bottom: 0px;
  padding-left: 0px;
  overflow: hidden;
}
#finatnom { /* pages d�tails nom */
  width: 781px;
  height: 30px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  background: #19305b;
}
/* Div suivants pour page d�tails */
#finat01 {
  width: 779px;
  margin-bottom: 0px;
  overflow: hidden;
}
#finat02 {
  width: 759px;
  padding: 10px;
  margin-bottom: 0px;
}
#finat03 {
  width: 779px;
  margin-bottom: 15px;
  overflow: hidden;
  background: #b5b3c4;
  color: white;
}
#finat04 {
  width: 779px;
  margin-bottom: 0px;
}
#finat05 {
  width: 779px;
  margin-bottom: 0px;
}
#finattit1 {
  width: 778px;
  color: #e4e4e4;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #3F0071));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #000000 0%, #3F0071 100%);
  /* ancienne versions explorer */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#3f0071);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#3f0071)";
  BORDER-RIGHT: #000033 2px solid;
  BORDER-LEFT: #330066 1px solid;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
}
#finattit2 {
  width: 778px;
  color: #e4e4e4;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #3F0071));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #000000 0%, #3F0071 100%);
  /* ancienne versions explorer */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#3f0071);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#3f0071)";
  BORDER-RIGHT: #000033 2px solid;
  BORDER-LEFT: #330066 1px solid;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  margin-top: 20px;
}
#finattit3 {
  width: 778px;
  color: #e4e4e4;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #3F0071));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #000000 0%, #3F0071 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #000000 0%, #3F0071 100%);
  /* ancienne versions explorer */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#3f0071);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#3f0071)";
  BORDER-RIGHT: #000033 2px solid;
  BORDER-LEFT: #330066 1px solid;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  margin-top: 20px;
}
#finatnav1 {
  width: 170px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  background: #19305b;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}
#finatnav2 {
  width: 170px;
  background: #b5b3c4;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  padding-bottom: 10px;
  color: #19305b;
}
#finatnav2 ul {
  margin-top: 0;
}
#finatpays1 {
  width: 170px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  background: #19305b;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
#finatpays2 {
  width: 170px;
  background: #b5b3c4;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
#finatpays3 {
  width: 170px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  background: #19305b;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.finatpay {
  margin-top: 0; /* Supprime le décalage vers le bas */
  color: #19305b;
  font-size: 10pt;
  font-weight: bold;
  float: right;
  width: 219px;
  height: 22px;
  text-align: left;
  padding-top: 1px;
}
.finatpavanne {
  margin-top: 0; /* Supprime le décalage vers le bas */
  color: #19305b;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  padding-top: 1px;
text-decoration: underline;
}
/* Rend le bouton identique à un lien texte */
.btn-link {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit; /* Hérite de la police, taille et hauteur de ligne du texte parent */
  color: white;
  /* text-decoration: underline; */
  cursor: pointer;
  display: inline; /* Reste aligné sur la ligne de texte */
}
/* Effets au survol et au focus pour l'accessibilité */
.btn-link:hover, .btn-link:focus {
  color: #19305b;
  text-decoration: none;
}
#finattitls1 {
  width: 790px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  background: #19305b;
  margin-top: 0;
}
#finatlist1 {
  width: 780px;
  padding: 5px;
  margin-bottom: 0px;
  background: #b5b3c4;
  color: white;
}
input#envois {
  visibility: hidden;
  display: none;
}
#finattitls2 {
  width: 790px;
  color: white;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  background: #19305b;
  margin-top: 15px;
}
#finattitls3 {
  width: 790px;
  color: #e4e4e4;
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  background: #19305b;
  margin-top: 15px;
}
#finatlist3 {
  width: 780px;
  padding: 5px;
  margin-bottom: 0px;
  background: #b5b3c4;
  color: white;
}
#finatlist2 {
  width: 780px;
  padding: 5px;
  margin-bottom: 0px;
  background: #b5b3c4;
  color: white;
}
#finatlogo {
  width: 170px;
  height: 138px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
}
#finatlogo img {
  margin: 2px;
}
#finatpics {
  overflow: hidden;
  width: 700px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
#finatpic1 {
  float: left;
  width: 283px;
  height: 233px;
  background: #b5b3c4;
}
#finatpic2 {
  float: right;
  width: 283px;
  height: 233px;
  background: #b5b3c4;
}
#finatpic1 img {
  margin: 2px;
}
#finatpic2 img {
  margin: 2px;
}
#finatcright1 {
  float: left;
  width: 283px;
  height: 15px;
  font-size: smaller; /* Police pour mention de copyright externes */
  text-align: right;
  background: #b5b3c4;
  color: white;
}
#finatcright2 {
  float: right;
  width: 283px;
  height: 15px;
  font-size: smaller; /* Police pour mention de copyright externes */
  text-align: right;
  background: #b5b3c4;
  color: white;
}
#finatlegend1 {
  float: left;
  width: 283px;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: #19305b;
}
#finatlegend2 {
  float: right;
  width: 283px;
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: #19305b;
}
.finattpr {
  width: 768px;
  padding: 0px 4px 0px 10px;
  background-color: #3f0071;
  color: #e4e4e4;
  font-style: italic;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.finatevpay {
  width: 188px;
  border: #19305b 1px solid;
  text-align: left;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 16px;
}
.finatanpa {
  width: 188px;
  border: #19305b 1px solid;
  text-align: left;
  padding-left: 2px;
  padding-right: 2px;
}
.finatpaan {
  width: 255px;
  padding: 6px;
}
.finatpaan ul {
  margin-top: 0;
  margin-bottom: 0;
}
.finatannn {
  width: 70px;
  height: 25px;
  text-align: center;
  border: #19305b 1px solid;
  padding: 6px;
}
.finatdrapo {
  float: left;
  width: 30px;
  height: 20px;
  text-align: center;
  border: #19305b 1px solid;
}
.finatdrapo img {
  width: 100%; /* L'image s'adapte à la largeur du bloc */
  height: 100%; /* L'image s'étire sur toute la hauteur du bloc */
  object-fit: cover; /* Conserve les proportions sans déformer l'image */
}
.fintitgrpay {
  display: flex;
  align-items: stretch; /* Force la même hauteur (par défaut) */
  gap: 2px; /* Espace entre l'image et le texte */
  margin-bottom: 0;
  height: 20px;
  padding: 0;
}
.finatlien {
  float: right;
  text-align: left;
  width: 138px;
}