/* Bloc : .tip */
.tip {
  background: #8ce4f0;
  border-left: 4px solid #00acc1;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  color: #333;
}

/* Bloc : .note */
.note {
  background: #8aa6f1;
  border-left: 4px solid #3f51b5;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  color: #333;
}

/* Bloc : .important */
.important {
  background: #e9f57d;
  border-left: 4px solid #cddc39;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  color: #333;
}

/* Bloc : .warning */
.warning {
  background: #f7c77a;
  border-left: 4px solid #fb8c00;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  color: #333;
}

/* Bloc : .caution */
.caution {
  background: #f0d26f;
  border-left: 4px solid #fbc02d;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  color: #333;
}

/* Bloc : .danger */
.danger {
  background: #e96c7f;
  border-left: 4px solid #e53935;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  color: #333;
}

/* Bloc : .seealso */
.seealso {
  background: #e8f5e9;
  border-left: 4px solid #43a047;
  padding: 1em;
  margin: 1em 0;
  border-radius: 6px;
  color: #333;
}

table.moteurs-table {
    width: 90%;
    /*margin: auto;*/
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background-color: #fff;
}

table.moteurs-table caption {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    text-align: center;
    color: #333;
}

table.moteurs-table th,
table.moteurs-table td {
    border: 2px solid rgb(125, 159, 211);
    padding: 0.5em;
    text-align: center;
    vertical-align: middle;
}

table.moteurs-table th {
    background-color: rgb(215, 227, 246);
}

table.moteurs-table tbody tr:nth-child(even) {
    background-color: #f2f6fc;
}

table.moteurs-table img {
    max-width: 100%;
    height: auto;
}

.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}