/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f290");
@import url("responsive.css?hash=c9d32cba");

/* Container principal pour le header */
#header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 20px 0;
}

/* Zone avec nom du forum et description */
#forum-header {
  text-align: center;
  margin-bottom: 20px;
}

#forum-header h1 {
  font-size: 2.5em;
  margin: 0;
}

#forum-header p {
  font-size: 1.2em;
  margin-top: 10px;
}

#forum-header form {
  margin-top: 15px;
}

#forum-header input[type="text"] {
  padding: 8px;
  width: 250px;
  font-size: 1em;
}

#forum-header button {
  padding: 8px 12px;
  font-size: 1em;
  margin-left: 5px;
  background-color: #0044cc;
  color: white;
  border: none;
  cursor: pointer;
}

/* Carrousel */
.custom-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}

.carousel-images {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.carousel-images img {
  width: 100%;
  height: auto;
  display: none;
  object-fit: contain;
}

.carousel-images img.active {
  display: block;
}

.carousel-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
}

.carousel-dots .dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.carousel-dots .dot.active {
  background-color: rgba(255, 255, 255, 1);
}


/*.custom-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-images {
  position: relative;
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.carousel-images img {
  width: 100%;
  display: none;
  height: auto;  /* La hauteur s'ajuste automatiquement */
  max-height: 100vh;  /* Limite la hauteur à la taille de l'écran */
  object-fit: contain;  /* Assure que l'image garde son ratio */
}

.carousel-images img.active {
  display: block;
}

.carousel-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: center;
}

.carousel-dots .dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.carousel-dots .dot.active {
  background-color: rgba(255, 255, 255, 1);
}