.carn {
  border: solid 1px var(--deepblue);
}

.carnvip {
  border: solid 1px var(--vips);
}
.carnvip::before {
content:"Carnet de bord du VIP : "
}

.carnvis {
  border: solid 1px var(--viss);
}
.carnslave::before {
content:"Carnet de bord du Slave : "
}

.carnemploye::before {
content:"Carnet de bord de l'employé : "
}

.carnsecurity::before {
content:"Carnet de bord du garde : "
}

.carnvis::before {
content:"Carnet de bord du VIS : "
}

.carnsecurity {
  border: solid 1px var(--gardes);
}

.carnemploye {
  border: solid 1px var(--employes);
}

.carnslave {
  border: solid 1px var(--slaves);
}

.evol1 {BORDER: var(--minigrey) 1px solid;PADDING: 5px; HEIGHT: 100px;overflow:auto;border-radius: 10px;text-align: justify;margin-bottom: 5px;} .evol2 { color:var(--beige);PADDING: 2px; padding-left:5px;padding-right:5px; }
.evol3 {BORDER: var(--minigrey) 1px solid;PADDING: 5px; border-radius: 10px;text-align: justify;margin-bottom: 5px;padding-left: 30px;}

.carn, .carnvip, .carnvis, .carnsecurity, .carnslave, .carnemploye {
    padding: 5px;
    border-radius: 5px;
  display: grid;
  width: auto;
  color: var(--em);
  background-image:url(https://lostinthesea.neocities.org/Images/Fond%20titre%20avec%20feuilles.png); /* TITRE ARRIERE PLAN DERNIER MESSAGE FEUILLE */
  background-position: top;
  background-repeat: no-repeat;
  background-color: var(--fondcat);
}

.carnetbord{display: inline-block;margin: 1px;width: 400px;height: 120px;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius:10px;}