/* Réinitialisation & box-sizing */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  border: 0;
}
/* Botserv */
.botserv {
  border: 1px solid #aaa;
  padding: 20px;
  background: rgba(249, 249, 249, 0.50);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}


/* Boutons généraux */
.boutton {
  font-size: 80%;
  color: white;
  background: #eaaf67;
  font-weight: bold;
  border: 1px solid #ddd;
  padding: 0.2em 0.6em;
}
form.boutton {
  font-size: 80%;
  color: white;
  background: #eaaf67;
  font-weight: bold;
  border: 1px solid #ddd;
  padding: 0.2em 0.6em;
}
.hibutton {
  font-size: 80%;
  color: white;
  background: #FF2000;
  font-weight: bold;
  border: 1px solid #FFB0B0;
  padding: 0.2em 0.6em;
}

/* Corps de page */
body {
  background: #999;
  margin: 0;
  padding: 0;
}
body, div, p, blockquote, ol, ul, dl, li, dt, dd, td, th, .box_logo, .box_menu, .copy, h3, h2 {
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}

/* Zones de navigation et de contenu */
.box_menu {
  text-align: center;
  border: 2px solid #ddd;
  background: #ddd;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 10px;
  padding: 2px;
}
.box_minicom {
  text-align: center;
  border-right: 2px solid #ddd;
  border-left: 2px solid #ddd;
  background: #fff;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 10px;
  padding: 2px;
}
.box_fiche {
  text-align: left;
  border-top: 4px solid #ddd;
  border-left: 4px solid #ddd;
  border-right: 4px solid #ddd;
  background: #fff;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 10px;
  padding: 15px 30px 50px;
}
.box_cover {
  border: 1px solid #eee;
}

/* Titres et petits éléments */
.lordi {
  margin-top: 5px;
  margin-bottom: 3px;
  color: #FFFFFE;
  text-align: center;
  width: 100%;
  font: bold 110% Verdana, Arial, Helvetica, sans-serif;
  padding-left: 5px;
}
a.lordi:link {
  font-size: 9px;
  color: #FFFFFE;
}
p {
  margin-top: 6px;
  margin-bottom: 3px;
  padding-top: 3px;
  padding-bottom: 0;
}
a {
  color: DarkBlue;
  font-stretch: expanded;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
a:hover {
  color: Darkred;
}
a:active {
  color: RED;
}
.h4 {
  margin-top: 5px;
  margin-bottom: 3px;
  color: #222;
  text-align: left;
  font: 95% Verdana, Arial, Helvetica, sans-serif;
  padding-left: 5px;
}

/* Accréditations des messages et zones de couleur */
.infra-rouge {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: center;
  background: #eee;
  padding: 5px;
}
.rouge {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: center;
  background: #FFE4E1;
  padding: 5px;
}
.orange {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: center;
  background: #F4A460;
  padding: 5px;
}
.jaune {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: center;
  background: #E8DA60;
  padding: 5px;
}
.vert {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: center;
  background: #3CB371;
  padding: 5px;
}
.bleu {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  text-align: center;
  background: lightblue;
  padding: 5px;
}
.indigo {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  text-align: center;
  background: #C97FFF;
  padding: 5px;
}
.violet {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  text-align: center;
  background: plum;
  padding: 5px;
}
.ultra-violet {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  text-align: center;
  background: lightgrey;
  padding: 5px;
}
.rose {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  text-align: center;
  background: #FFC8C2;
  padding: 5px;
}

/* Zone WAP (special) */
div.wap {
  border: 5px solid red;
  text-align: center;
  background: #eee;
  font-size: 25px;
  margin: 50px 10px;
  padding: 50px 10px;
}

/* Messages système */
.message_systeme {
  margin-top: 2px;
  font-size: 90%;
  color: black;
  background: #eee;
  font-weight: normal;
  border: 1px solid #ddd;
  text-align: center;
  padding: 20px 60px;
}
.message_scanner {
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 90%;
  color: black;
  background: #eee;
  font-weight: normal;
  border: 1px solid #ddd;
  text-align: center;
  padding: 6px 6px;
}
.message_bleu_scanner {
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 90%;
  color: black;
  background: #B0E0E6;
  font-weight: normal;
  border: 1px solid #ddd;
  text-align: center;
  padding: 2px 6px;
}
.erreur_systeme {
  margin-top: 2px;
  margin-bottom: 20px;
  color: black;
  background: #FAA;
  font-weight: normal;
  border: 1px solid #FF4242;
  text-align: center;
  padding: 20px 60px;
}

/* Citations et réponses */
.reply-quote {
  height: 170px;
  width: 100%;
  overflow: auto;
  border: 1px solid #666;
  padding: 8px;
}

/* Public / divers */
.public5 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #fff;
  border: 2px solid #ddd;
  padding: 10px 10px 10px 2em;
  font: 9pt Verdana, Arial, Helvetica, sans-serif;
}
.public5 p {
  font: 9pt Courier, serif;
}
.message {
  margin-top: 5px;
  margin-bottom: 3px;
  color: #222;
  text-align: left;
  font: 9pt "Comic Sans MS", sans-serif;
  padding: 5px 5px 5px 4px;
}
.claire {
  margin-top: 6px;
  margin-bottom: 3px;
  font-size: 90%;
  color: #222;
  text-align: left;
  background: #FFFAFA;
  padding: 5px 10px 5px 6px;
}
.fonce {
  margin-top: 6px;
  margin-bottom: 3px;
  font-size: 90%;
  color: #222;
  text-align: left;
  background: #FFE4E1;
  padding: 5px 10px 5px 6px;
}
.alerte {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #FAA;
  padding: 20px 10px 20px 20px;
}
.alerte-logs {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 90%;
  color: black;
  text-align: center;
  background: #FAA;
  padding: 6px 10px;
}


/* Galerie */
.gallery_image {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.gallery_image_menu {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 150px;
  text-align: center;
}
.gallery_image_menu select {
  font-size: 10px;
  border: 1px solid;
  width: 100px;
}
.gallery_image_menu input {
  font-size: x-small;
}
.gallery_button_menu {
  border-top: 4px solid #fff;
  background: #ddd;
  text-align: center;
}

/* Copyright */
.copy {
  color: #444;
  text-align: center;
  background: #ddd;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 10px 10px;
  padding: 5px;
}

/* Layout pour messagerie interne */
.message-container {
  margin: auto;
  width: 60%;
  padding: 10px;
  height: auto;
  overflow: hidden;
}
#message-desc {
  float: left;
  width: 80px;
  padding-right: 10px;
}
#message-text {
  width: auto;
  float: none;
  overflow: hidden;
}
.message-container textarea {
  width: 100%;
  border: 1px solid #ccc;
}
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

/* Responsive design pour petits écrans */
@media screen and (max-device-width: 642px), screen and (max-width: 642px) {
  .message-container {
    margin: auto;
    width: 100%;
  }
  #message-desc {
    width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  #message-text {
    width: 100%;
    float: none;
  }
  .message-container textarea,
  select {
    width: 100%;
  }
  .box_fiche {
    padding: 0;
  }
  .smileys {
    display: none;
  }
}

/* Bots */
.public9 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #fff;
  border: 1px solid #eee;
  padding: 5px;
}

/* Styles pour messages par accréditation */

/* infra-rouge */
.message-infra-rouge {
  margin-top: 2px;
  border: 1px solid #A9A9A9;
  border-left: 1px solid #A9A9A9;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #ddd;
  padding: 5px;
}
.background-infra-rouge {
  border-left: 1px solid #A9A9A9;
  border-bottom: 1px solid #A9A9A9;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #ddd;
  padding: 1px;
}

/* rouge */
.message-rouge {
  border: 1px solid #DC7777;
  border-left: 1px solid #DC7777;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #FFE4E1;
  padding: 5px;
}
.background-rouge {
  border-left: 1px solid #DC7777;
  border-bottom: 1px solid #DC7777;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #FFE4E1;
  padding: 1px;
}

/* orange */
.message-orange {
  border: 1px solid #eaaf67;
  border-left: 1px solid #eaaf67;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #FDD9AC;
  padding: 5px;
}
.background-orange {
  border-left: 1px solid #eaaf67;
  border-bottom: 1px solid #eaaf67;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #FDD9AC;
  padding: 1px;
}

/* jaune */
.message-jaune {
  border: 1px solid #C4B963;
  border-left: 1px solid #C4B963;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #FFFFCC;
  padding: 5px;
}
.background-jaune {
  border-left: 1px solid #C4B963;
  border-bottom: 1px solid #C4B963;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #FFFFCC;
  padding: 1px;
}

/* vert */
.message-vert {
  margin-top: 2px;
  border: 1px solid darkgreen;
  border-left: 1px solid darkgreen;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #CCFCCC;
  padding: 5px;
}
.background-vert {
  border-left: 1px solid darkgreen;
  border-bottom: 1px solid darkgreen;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #CCFCCC;
  padding: 1px;
}

/* bleu */
.message-bleu {
  border: 1px solid #313BFF;
  border-left: 1px solid #313BFF;
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 90%;
  text-align: left;
  background: lightskyblue;
  padding: 5px;
}
.background-bleu {
  border-left: 1px solid #313BFF;
  border-bottom: 1px solid #313BFF;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: lightskyblue;
  padding: 1px;
}

/* violet */
.message-violet {
  margin-top: 2px;
  border: 1px solid #800080;
  border-left: 1px solid #800080;
  margin-bottom: 0;
  font-size: 90%;
  text-align: left;
  background: plum;
  padding: 5px;
}
.background-violet {
  border-left: 1px solid #800080;
  border-bottom: 1px solid #800080;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: plum;
  padding: 1px;
}

/* indigo */
.message-indigo {
  margin-top: 2px;
  border: 1px solid #4B0082;
  border-left: 1px solid #4B0082;
  margin-bottom: 0;
  font-size: 90%;
  text-align: left;
  background: #A784EC;
  padding: 5px;
}
.background-indigo {
  border-left: 1px solid #4B0082;
  border-bottom: 1px solid #4B0082;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #A784EC;
  padding: 1px;
}

/* ultra-violet */
.message-ultra-violet {
  margin-top: 2px;
  border: 1px solid #A9A9A9;
  border-left: 1px solid #A9A9A9;
  margin-bottom: 0;
  font-size: 90%;
  text-align: left;
  background: #eee;
  padding: 5px;
}
.background-ultra-violet {
  border-left: 1px solid #A9A9A9;
  border-bottom: 1px solid #A9A9A9;
  margin-bottom: 0;
  font-size: 90%;
  color: black;
  text-align: left;
  background: #eee;
  padding: 1px;
}

/* Liste des contacts */
.contact_friend {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.contact_friend ul {
  margin: 0;
}
.contact_friend li {
  margin-left: 2px;
  float: left;
}
.contact_icon img {
  vertical-align: baseline;
}
.contact_pseudo {
  font-size: 13px;
  padding-left: 5px;
  width: 60%;
}
.contact_time {
  font-size: 9px;
  padding-top: 4px;
  padding-left: 1px;
}

/* h1 réajusté */
.h1 {
  font-size: 3em;
}


/* Infra-Rouge */
.box_logo_ir {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #CCCCCC;  /* Gris clair */
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_IR {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #CCCCCC;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_ir {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #CCCCCC;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_ir {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #E0E0E0;
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_ir {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #E0E0E0;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}


/* Rouge */
.box_logo_r {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #FF6347;  /* Tomato */
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_R {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #FF6347;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_r {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #FF6347;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_r {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #FFDAB9;  /* Peach Puff */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.box_profil_R {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #FFDAB9;  /* Peach Puff */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_r {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #FFDAB9;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}

/* Orange */
.box_logo_o {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #eaaf67;
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_O {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #eaaf67;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_o {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #eaaf67;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_o {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #FDD9AC;
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.box_profil_O {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #FDD9AC;
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_o {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #FDD9AC;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}

/* Jaune */
.box_logo_j {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #E8DA60;  /* Jaune */
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_J {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #E8DA60;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_j {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #E8DA60;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_j {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #FFFACD;  /* LemonChiffon */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.box_profil_J {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #FFFACD;  /* LemonChiffon */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_j {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #FFFACD;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}
/* Vert */
.box_logo_v {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #008000;  /* Vert */
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_v {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #008000;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_V {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #008000;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_v {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #90EE90;  /* LightGreen */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.box_profil_V {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #90EE90;  /* LightGreen */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_v {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #90EE90;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}

/* Bleu */
.box_logo_b {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #6495ED;  /* Cornflower Blue */
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_B {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #6495ED;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_b {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #6495ED;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_b {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #B0E0E6;  /* Powder Blue */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.box_profil_B {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #B0E0E6;  /* Powder Blue */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_b {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #B0E0E6;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}

/* Violet */
.box_logo_vi {
	text-align: left;
	border: solid #ddd 4px;
	font: bold 12pt Verdena;
	color: #009;
	text-decoration: none;
	background: #800080;
	margin: 10px 10px 0;
	padding: 2px;
}
.title_item_Vi {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 85%;
	color: #FFFFFE;
	background: #800080;
	font-weight: Bold;
	border-color: #ddd;
	text-align: left;
	padding: 3px 3px 4px 10px;
}
.title_item_vi {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 85%;
	color: #FFFFFE;
	background: #800080;
	font-weight: Bold;
	border-color: #ddd;
	text-align: left;
	padding: 3px 3px 4px 10px;
}
.box_profil_vi {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 100%;
	color: Black;
	background: plum;
	font-weight: normal;
	border: solid;
	border-color: #ddd;
	text-align: left;
	padding: 0.3em .6em;
}
.box_profil_Vi {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 100%;
	color: Black;
	background: plum;
	font-weight: normal;
	border: solid;
	border-color: #ddd;
	text-align: left;
	padding: 0.3em .6em;
}
.cadre_vi {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 110%;
	color: Black;
	background: plum;
	font-weight: bold;
	border: solid;
	border-color: #ddd;
	text-align: center;
	padding: 0.3em .6em;
}


/* Indigo */
.box_logo_i {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #4B0082;
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_I {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #4B0082;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_i {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #4B0082;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_i {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #9370DB;  /* Mauve moyen */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.box_profil_I {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #9370DB;  /* Mauve moyen */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_i {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #9370DB;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}

/* Ultra-Violet */
.box_logo_uv {
  text-align: left;
  border: 4px solid #ddd;
  font: bold 12pt Verdana;
  color: #009;
  text-decoration: none;
  background: #B19CD9;  /* Couleur ultra‑violet */
  margin: 10px 10px 0;
  padding: 2px;
}
.title_item_uv {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #B19CD9;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.title_item_UV {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 70%;
  color: #FFFFFE;
  background: #B19CD9;
  font-weight: bold;
  border-color: #ddd;
  text-align: left;
  padding: 3px 3px 4px 10px;
}
.box_profil_uv {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #E6E6FA;  /* Nuance claire */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.box_profil_UV {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 100%;
  color: Black;
  background: #E6E6FA;  /* Nuance claire */
  font-weight: normal;
  border: 1px solid #eee;
  text-align: left;
  padding: 0.3em 0.6em;
}
.cadre_uv {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 110%;
  color: Black;
  background: #E6E6FA;
  font-weight: bold;
  border: 1px solid #ddd;
  text-align: center;
  padding: 0.3em 0.6em;
}
.wall-post .post-layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

.wall-post .post-message {
  flex: 1;
  font-size: 1em;
  white-space: pre-wrap;
}

.wall-post .post-info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.85em;
  gap: 6px;
  min-width: 160px;
}

.post-info .post-vote button {
  margin: 2px 0;
  padding: 4px 8px;
  cursor: pointer;
}