/* ======= BASE ======= */

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  width: 100%;
  margin-top: 5px;
  margin-left:16px;
  
   margin: 0;
    padding: 0;
    overflow-x: hidden;
       
    white-space: normal;     /* empêche les coupures intempestives */
    word-break: keep-all;    /* conserve les mots entiers */
}

/* ======= 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;
}
#navigation {
  float: left;
  font-size: 0.8em;
  width: 350px;
  overflow: auto;
}

/* ======= CONTENU PRINCIPAL ======= */
#rightcolumn {
  float: right;            /* garde le comportement desktop */
  width: 350px;
  min-height: 1500px;
  /* Permet scrollbar vertical si contenu trop long, mais pas horizontal */
  overflow-x: hidden;
  overflow-y: auto;
  color: #333;
  border: 0px solid green;

  word-wrap: break-word;
  overflow-wrap: anywhere;
  word-break: break-all;
  white-space: normal;

  display: block;
}



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

/* ======= ÉTAT ACTIF (EXEMPLE) ======= */
.active {
  background-color: #4A90C2;
  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;
}