/* ======= BASE ======= */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 350px;
  margin-top: 5px;
  margin-left:16px;
}

/* ======= CONTAINER PRINCIPAL ======= */
#wrapper {
  margin: 0 auto;
  width: 350px;
  height: 1000px;
  position: relative;
  border: 0px solid red; /* Bordure visible */
}

/* ======= EN-TÊTE ======= */
#header {
  color: #333;
  width: 350px;
  height: 90px;
  position: relative;
  float: left;
  background-repeat: repeat-x;
  border: 0px solid blue; /* Bordure visible */
    margin-left:-2px;
}

/* ======= CONTENU PRINCIPAL ======= */
#rightcolumn {
  float: right;
  width: 350px;
  min-height: 1500px;
  overflow: auto;
  color: #333;
  border: 0px solid green; /* Bordure visible */
  clear: none;
}


/* ======= LIENS IMAGES ======= */
a img {
  border: none;
}

/* ======= ÉTAT ACTIF (EXEMPLE) ======= */
.active {
  background-color: #FFFF33;
  color: #FDFEFE;
}

/* ======= TABLEAUX ======= */
table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}

table tr {
  width: 100%;
}

.tble-header th {
  text-align: center;
}

.tble-header td {
  /* Si tu veux styliser les cellules du header, tu peux ajouter ici */
}

/* ======= PAGINATION ======= */
.pagination {
  display: block;
}

/* ======= ALIGNEMENT ======= */
.align-middle {
  vertical-align: middle !important;
}

/* ======= EXEMPLE SVG ======= */
.exemple {
  display: flex;
  margin: 2rem auto;
  max-width: 480;
}

.exemple path {
  transition: 0.6s fill;
  fill: #2874A6;
  stroke: white;
  stroke-width: 1;
}

.exemple path:hover {
  cursor: pointer;
  fill: #FFFF33;
}