@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#informations-speciales {
  background: #FFF;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative; }
  #informations-speciales.hidden {
    display: none; }
  @media screen and (max-width: 63.99875em) {
    #informations-speciales {
      margin-top: 0; } }
  #informations-speciales .infos_title {
    text-transform: uppercase;
    color: #ec008c;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 0;
    cursor: pointer; }
    #informations-speciales .infos_title .angle-down {
      -moz-transition: all 0.3px ease-in-out;
      -webkit-transition: all 0.3px ease-in-out;
      -o-transition: all 0.3px ease-in-out;
      -ms-transition: all 0.3px ease-in-out;
      transition: all 0.3px ease-in-out;
      position: absolute;
      right: 30px;
      top: 18px;
      color: #db0084; }
      #informations-speciales .infos_title .angle-down:before {
        content: "\EA02";
        font-family: "fa";
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-size: 20px; }
  #informations-speciales.opened .infos_title .angle-down {
    transform: rotate(180deg); }
  #informations-speciales.opened ul.list-infos_speciales {
    display: block; }
  #informations-speciales ul.list-infos_speciales {
    display: none; }
    @media screen and (min-width: 40em) {
      #informations-speciales ul.list-infos_speciales {
        margin-bottom: 15px; } }
    #informations-speciales ul.list-infos_speciales > li {
      border-radius: 5px;
      color: #fff;
      align-items: center;
      padding: 10px 0;
      background: #ffffff; }
      #informations-speciales ul.list-infos_speciales > li:not(:last-child) {
        margin-bottom: 15px; }
      #informations-speciales ul.list-infos_speciales > li p {
        font-size: 14px;
        max-width: calc(100% - 30px);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #0a74b1;
        font-weight: bold;
        display: flex;
        align-items: center; }
        #informations-speciales ul.list-infos_speciales > li p:before {
          color: #ec008c;
          font-size: 20px;
          margin-right: 15px; }
      #informations-speciales ul.list-infos_speciales > li .description {
        color: #333333;
        font-size: 14px;
        margin-top: 12px;
        line-height: 20px; }
      #informations-speciales ul.list-infos_speciales > li.alert-danger p:before {
        content: "\EA1B";
        font-family: "fa";
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased; }
      #informations-speciales ul.list-infos_speciales > li.alert-primary p:before {
        content: "\EA1C";
        font-family: "fa";
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased; }

@keyframes arrow-move {
  0% {
    right: 0; }
  50% {
    right: -10px; }
  100% {
    right: 0px; } }

.information-speciale {
  margin-left: 40px; }

#informations-speciales-admin {
  margin-bottom: 30px; }

.mf-informations-speciales-create-form:before {
  display: block;
  content: "CREATE ALERT";
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px; }

.mf-informations-speciales-create-form-from-xml:before {
  display: block;
  content: "IMPORT XML";
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px; }

.mf-informations-speciales-form:before {
  display: block;
  content: "GENERAL SETTINGS";
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px; }

.informations-speciales-title {
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px; }

#buttons-menu {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  width: 100%; }
  #buttons-menu .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  #buttons-menu .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  #buttons-menu .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  #buttons-menu .btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  #buttons-menu .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }