*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent; }

@-ms-viewport {
  width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: trueno-light, Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:hover {
  color: #0056b3;
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

/*# sourceMappingURL=bootstrap-reboot.css.map */
ol.message_list {
  position: relative; }

body {
  font-family: "Times New Roman"; }

/*Bleus*/
/*Gris,noir, blanc*/
/*Autres*/
html {
  height: 100vh;
  border-top: 5px solid #640036; }

body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  min-height: 100vh; }
  body .bigImageWrapper {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #44474af5;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center; }
    body .bigImageWrapper div {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: center; }
      body .bigImageWrapper div .fa-times {
        align-self: flex-end;
        cursor: pointer;
        margin: 0 20px 10px 0;
        font-size: 1.5em; }
      body .bigImageWrapper div img {
        max-width: 100%; }

#contentWrapper {
  flex-grow: 2;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch; }
  #contentWrapper .pagination {
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    padding: 0; }
    #contentWrapper .pagination li {
      margin: 10px;
      padding: 0 7px;
      border: 2px solid transparent;
      background: #640036, transparent;
      /* Old browsers */
      background: -moz-linear-gradient(left, #640036 0%, #640036 29%, black 100%), -moz-linear-gradient(left, transparent 0%, transparent 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #640036 0%, #640036 29%, black 100%), -webkit-linear-gradient(left, transparent 0%, transparent 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #640036 0%, #640036 29%, black 100%), linear-gradient(to right, transparent 0%, transparent 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      background-size: 0 2px, 100% 1px;
      background-repeat: no-repeat;
      background-position: center bottom, center calc(100% - 1px);
      background-color: transparent;
      -webkit-transition: background 0.3s ease-out;
      -moz-transition: background 0.3s ease-out;
      -ms-transition: background 0.3s ease-out;
      -o-transition: background 0.3s ease-out;
      transition: background 0.3s ease-out; }
      #contentWrapper .pagination li a {
        color: #555555; }
        #contentWrapper .pagination li a:hover {
          text-decoration: none; }
      #contentWrapper .pagination li.active {
        color: #640036;
        border: 2px solid #640036; }
      #contentWrapper .pagination li:not(.active):not(.disabled):hover {
        background-size: 100% 2px, 100% 1px; }

.alertSuccess {
  background-color: #c8e6c9;
  color: #10ac84;
  padding: 10px 30px;
  border-radius: 3px; }

.textCenter {
  text-align: center; }

.g-recaptcha {
  margin-bottom: 20px; }

.addPicture {
  background-color: #27ae60;
  border: none;
  cursor: pointer;
  border-radius: 3px; }

.deletePicture {
  background-color: #e74c3c;
  border: none;
  cursor: pointer;
  border-radius: 3px; }

@media screen and (min-width: 768px) {
  .backOffice {
    flex-grow: 1; } }
header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  min-height: 60px;
  background-color: #dcdde1;
  border: solid #640036;
  border-width: 0px 0px 5px 0px; }
  header #logo {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    color: #555555; }
    header #logo a, header #logo a:visited, header #logo a:focus, header #logo a:hover {
      color: #f5f6fa;
      text-decoration: none; }
    header #logo img {
      width: 200px; }
  header nav {
    background-color: #640036;
    display: none; }
    header nav > ul {
      display: flex;
      flex-flow: column nowrap;
      justify-content: center;
      align-items: center;
      list-style: none;
      padding-left: 0;
      margin: 0; }
      header nav > ul li {
        font-variant: small-caps;
        width: 100%;
        text-align: center; }
        header nav > ul li a {
          display: block;
          color: #f5f6fa;
          text-decoration: none;
          padding: 10px 0; }
        header nav > ul li a:focus, header nav > ul li a:visited, header nav > ul li a:hover {
          color: #f5f6fa;
          text-decoration: none; }
      header nav > ul li:hover {
        background-color: #576574; }
        header nav > ul li:hover a {
          color: #f5f6fa; }
          header nav > ul li:hover a:hover {
            color: #f5f6fa; }
      header nav > ul .dropdown {
        display: flex;
        flex-flow: column nowrap;
        align-items: center; }
        header nav > ul .dropdown .dropdown-menu {
          max-height: 0;
          background-color: #640036;
          width: 100%;
          margin: 0;
          list-style: none;
          padding-left: 0;
          transition: max-height 0.6s ease;
          overflow: hidden; }
          header nav > ul .dropdown .dropdown-menu li {
            padding: 10px 0;
            border-bottom: 1px solid #dcdde1; }
      header nav > ul .dropdown:hover .dropdown-menu {
        max-height: 100%; }

@media screen and (min-width: 992px) {
  header {
    flex-flow: row nowrap;
    justify-content: space-around;
    -moz-box-shadow: 0px 2px 10px 0px #cfcfcf;
    -webkit-box-shadow: 0px 2px 10px 0px #cfcfcf;
    -o-box-shadow: 0px 2px 10px 0px #cfcfcf;
    box-shadow: 0px 2px 10px 0px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=10); }
    header #hamburger {
      display: none; }
    header nav {
      display: flex;
      background-color: inherit;
      flex-flow: row nowrap;
      align-items: stretch; }
      header nav > ul {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: stretch;
        list-style: none;
        padding-left: 0; }
        header nav > ul li {
          margin: 0;
          padding: 0 15px;
          display: flex;
          flex-flow: column nowrap;
          justify-content: center;
          align-items: center;
          border-top: 4px solid #dcdde1;
          width: auto; }
          header nav > ul li a {
            padding: 0; }
          header nav > ul li a:hover {
            color: #555555;
            text-decoration: none; }
          header nav > ul li a, header nav > ul li a:visited, header nav > ul li a:focus, header nav > ul li a:hover {
            color: #555555;
            text-decoration: none; }
        header nav > ul li:hover {
          background-color: #353b48;
          border-top: 4px solid #640036; }
          header nav > ul li:hover a {
            color: #f5f6fa; }
        header nav > ul .dropdown {
          position: relative; }
          header nav > ul .dropdown .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 250px;
            background-color: #640036;
            z-index: 10000; }
            header nav > ul .dropdown .dropdown-menu li {
              align-items: flex-start;
              margin: 0;
              padding: 10px 15px;
              border-top: none; }
            header nav > ul .dropdown .dropdown-menu li:hover {
              background-color: #718093; }
        header nav > ul .dropdown:hover .dropdown-menu {
          max-height: 200px; } }
footer {
  background-color: #dcdde1;
  padding: 15px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  color: #555555;
  border-top: 5px solid #640036;
  border-bottom: 5px solid #640036; }
  footer p {
    text-align: center; }

.formWrapper {
  width: 100%;
  padding: 10px; }
  .formWrapper .formHeading {
    text-align: center;
    margin: 20px 0 60px 0;
    font-variant: small-caps;
    border-bottom: 3px solid #640036;
    padding-bottom: 20px; }
    .formWrapper .formHeading h1 {
      font-weight: 300; }
  .formWrapper .form .hide {
    display: none; }
  .formWrapper .form .formField {
    margin-bottom: 40px; }
    .formWrapper .form .formField span {
      color: #555555;
      font-size: 0.9em; }
    .formWrapper .form .formField .errorMsg {
      margin-top: 10px;
      font-weight: 100;
      font-size: 0.8em;
      color: #e55039; }
  .formWrapper .form label {
    color: #576574; }
  .formWrapper .form input:not([type="checkbox"]):not([type="radio"]), .formWrapper .form select, .formWrapper .form textarea {
    background: #640036, #d0cece;
    /* Old browsers */
    background: -moz-linear-gradient(left, #640036 0%, #640036 29%, black 100%), -moz-linear-gradient(left, #d0cece 0%, #d0cece 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #640036 0%, #640036 29%, black 100%), -webkit-linear-gradient(left, #d0cece 0%, #d0cece 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #640036 0%, #640036 29%, black 100%), linear-gradient(to right, #d0cece 0%, #d0cece 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    -webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -ms-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
    border: none;
    padding-bottom: 10px;
    margin-left: 10px;
    color: #555555;
    width: 250px; }
  .formWrapper .form input:focus, .formWrapper .form select:focus, .formWrapper .form textarea:focus {
    outline: none;
    background-size: 100% 2px, 100% 1px !important; }
  .formWrapper .form ::placeholder {
    color: #576574;
    opacity: 1;
    /* Firefox */ }
  .formWrapper .form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #576574; }
  .formWrapper .form ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #576574; }
  .formWrapper .form input:-webkit-autofill,
  .formWrapper .form input:-webkit-autofill:hover,
  .formWrapper .form input:-webkit-autofill:focus
  input:-webkit-autofill,
  .formWrapper .form textarea:-webkit-autofill,
  .formWrapper .form textarea:-webkit-autofill:hover
  textarea:-webkit-autofill:focus,
  .formWrapper .form select:-webkit-autofill,
  .formWrapper .form select:-webkit-autofill:hover,
  .formWrapper .form select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #555555;
    -webkit-box-shadow: none;
    outline: none;
    -webkit-box-shadow: 0 0 0px 1000px white inset; }
  .formWrapper .form select {
    display: block;
    border: none; }
  .formWrapper .form .formSubmit {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin: 20px 0; }
    .formWrapper .form .formSubmit button, .formWrapper .form .formSubmit .submit {
      background: #d0cece, #640036;
      /* Old browsers */
      background: -moz-linear-gradient(left, #d0cece 0%, #d0cece 29%, #d0cece 100%), -moz-linear-gradient(left, #640036 0%, #640036 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #d0cece 0%, #d0cece 29%, #d0cece 100%), -webkit-linear-gradient(left, #640036 0%, #640036 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #d0cece 0%, #d0cece 29%, #d0cece 100%), linear-gradient(to right, #640036 0%, #640036 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      background-size: 0 2px, 100% 100%;
      background-repeat: no-repeat;
      background-position: center center, center center;
      background-color: transparent;
      transition: background 0.5s ease-out;
      padding: 7px 40px;
      margin-bottom: 10px;
      border-radius: 3px;
      border: none;
      cursor: pointer;
      color: #f5f6fa;
      width: auto; }
    .formWrapper .form .formSubmit button:hover {
      background-size: 100% 100%, 0 1px; }
    .formWrapper .form .formSubmit .forgotPassword {
      font-size: 0.6em; }
  .formWrapper .form .label-cbx {
    user-select: none;
    cursor: pointer;
    margin-bottom: 0; }
  .formWrapper .form .label-cbx input:checked + .checkbox {
    border-color: #640036; }
  .formWrapper .form .label-cbx input:checked + .checkbox svg path {
    fill: #640036; }
  .formWrapper .form .label-cbx input:checked + .checkbox svg polyline {
    stroke-dashoffset: 0; }
  .formWrapper .form .label-cbx:hover .checkbox svg path {
    stroke-dashoffset: 0; }
  .formWrapper .form .label-cbx .checkbox {
    position: relative;
    top: 2px;
    float: left;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    border: 2px solid #C8CCD4;
    border-radius: 3px; }
  .formWrapper .form .label-cbx .checkbox svg {
    position: absolute;
    top: -2px;
    left: -2px; }
  .formWrapper .form .label-cbx .checkbox svg path {
    fill: none;
    stroke: #640036;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 71px;
    stroke-dashoffset: 71px;
    transition: all 0.6s ease; }
  .formWrapper .form .label-cbx .checkbox svg polyline {
    fill: none;
    stroke: #FFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 18px;
    stroke-dashoffset: 18px;
    transition: all 0.3s ease; }
  .formWrapper .form .label-cbx > span {
    pointer-events: none;
    vertical-align: middle; }
  .formWrapper .form .invisible {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    opacity: 0; }

@media screen and (min-width: 480px) {
  .formWrapper {
    width: 300px;
    background-color: white;
    -moz-box-shadow: 1px 1px 20px 0px #cfcfcf;
    -webkit-box-shadow: 1px 1px 20px 0px #cfcfcf;
    -o-box-shadow: 1px 1px 20px 0px #cfcfcf;
    box-shadow: 1px 1px 20px 0px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=20); } }
/* -- Box model ------------------------------- */
/* -- Material Design Table style -------------- */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: #fff; }
  .table > thead > tr,
  .table > tbody > tr,
  .table > tfoot > tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .table > thead > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > th,
    .table > tbody > tr > td,
    .table > tfoot > tr > th,
    .table > tfoot > tr > td {
      text-align: left;
      padding: 1rem;
      vertical-align: top;
      border-top: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .table > thead > tr > th {
    font-weight: 400;
    color: #757575;
    vertical-align: bottom;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 1px solid rgba(0, 0, 0, 0.12); }
  .table .table {
    background-color: #fff; }
  .table .no-border {
    border: 0; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 0.5rem; }

.table-bordered {
  border: 0; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #dcdde1; }

.table-responsive-vertical {
  width: 100%;
  max-width: 990px;
  overflow: auto; }
  @media screen and (max-width: 768px) {
    .table-responsive-vertical {
      max-width: 400px; }
      .table-responsive-vertical > .table {
        margin-bottom: 0;
        background-color: transparent; }
        .table-responsive-vertical > .table > thead,
        .table-responsive-vertical > .table > tfoot {
          display: none; }
        .table-responsive-vertical > .table > tbody {
          display: block; }
          .table-responsive-vertical > .table > tbody > tr {
            display: block;
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            margin-bottom: 1rem; }
            .table-responsive-vertical > .table > tbody > tr > td {
              background-color: #fff;
              display: block;
              vertical-align: middle;
              text-align: right; }
            .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
              content: attr(data-title);
              float: left;
              font-size: inherit;
              font-weight: 400;
              color: #757575; }
      .table-responsive-vertical.shadow-z-1 {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
        .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
          -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
          -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); }
      .table-responsive-vertical > .table-bordered {
        border: 0; }
        .table-responsive-vertical > .table-bordered > tbody > tr > td {
          border: 0;
          border-bottom: 1px solid #e0e0e0; }
        .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
          border-bottom: 0; }
      .table-responsive-vertical > .table-striped > tbody > tr > td,
      .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
        background-color: #fff; }
      .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
        background-color: #f5f5f5; }
      .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
      .table-responsive-vertical > .table-hover > tbody > tr:hover {
        background-color: #fff; }
      .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
        background-color: #dcdde1; } }

.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  background-color: #fde0dc; }

.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
  background-color: #f9bdbb; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
    background-color: #fde0dc; }

  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
    background-color: #f9bdbb; } }
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
  background-color: #fce4ec; }

.table-hover.table-mc-pink > tbody > tr:hover > td,
.table-hover.table-mc-pink > tbody > tr:hover > th {
  background-color: #f8bbd0; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
    background-color: #fce4ec; }

  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
    background-color: #f8bbd0; } }
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
  background-color: #f3e5f5; }

.table-hover.table-mc-purple > tbody > tr:hover > td,
.table-hover.table-mc-purple > tbody > tr:hover > th {
  background-color: #e1bee7; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
    background-color: #f3e5f5; }

  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
    background-color: #e1bee7; } }
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
  background-color: #ede7f6; }

.table-hover.table-mc-deep-purple > tbody > tr:hover > td,
.table-hover.table-mc-deep-purple > tbody > tr:hover > th {
  background-color: #d1c4e9; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
    background-color: #ede7f6; }

  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
    background-color: #d1c4e9; } }
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
  background-color: #e8eaf6; }

.table-hover.table-mc-indigo > tbody > tr:hover > td,
.table-hover.table-mc-indigo > tbody > tr:hover > th {
  background-color: #c5cae9; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
    background-color: #e8eaf6; }

  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
    background-color: #c5cae9; } }
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e7e9fd; }

.table-hover.table-mc-blue > tbody > tr:hover > td,
.table-hover.table-mc-blue > tbody > tr:hover > th {
  background-color: #d0d9ff; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e7e9fd; }

  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
    background-color: #d0d9ff; } }
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e1f5fe; }

.table-hover.table-mc-light-blue > tbody > tr:hover > td,
.table-hover.table-mc-light-blue > tbody > tr:hover > th {
  background-color: #dcdde1;
  color: #555555; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e1f5fe; }

  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
    background-color: #b3e5fc; } }
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
  background-color: #e0f7fa; }

.table-hover.table-mc-cyan > tbody > tr:hover > td,
.table-hover.table-mc-cyan > tbody > tr:hover > th {
  background-color: #b2ebf2; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
    background-color: #e0f7fa; }

  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
    background-color: #b2ebf2; } }
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
  background-color: #e0f2f1; }

.table-hover.table-mc-teal > tbody > tr:hover > td,
.table-hover.table-mc-teal > tbody > tr:hover > th {
  background-color: #b2dfdb; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
    background-color: #e0f2f1; }

  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
    background-color: #b2dfdb; } }
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  background-color: #d0f8ce; }

.table-hover.table-mc-green > tbody > tr:hover > td,
.table-hover.table-mc-green > tbody > tr:hover > th {
  background-color: #a3e9a4; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
    background-color: #d0f8ce; }

  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
    background-color: #a3e9a4; } }
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
  background-color: #f1f8e9; }

.table-hover.table-mc-light-green > tbody > tr:hover > td,
.table-hover.table-mc-light-green > tbody > tr:hover > th {
  background-color: #dcedc8; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
    background-color: #f1f8e9; }

  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
    background-color: #dcedc8; } }
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
  background-color: #f9fbe7; }

.table-hover.table-mc-lime > tbody > tr:hover > td,
.table-hover.table-mc-lime > tbody > tr:hover > th {
  background-color: #f0f4c3; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
    background-color: #f9fbe7; }

  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
    background-color: #f0f4c3; } }
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
  background-color: #fffde7; }

.table-hover.table-mc-yellow > tbody > tr:hover > td,
.table-hover.table-mc-yellow > tbody > tr:hover > th {
  background-color: #fff9c4; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
    background-color: #fffde7; }

  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
    background-color: #fff9c4; } }
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
  background-color: #fff8e1; }

.table-hover.table-mc-amber > tbody > tr:hover > td,
.table-hover.table-mc-amber > tbody > tr:hover > th {
  background-color: #ffecb3; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
    background-color: #fff8e1; }

  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
    background-color: #ffecb3; } }
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fff3e0; }

.table-hover.table-mc-orange > tbody > tr:hover > td,
.table-hover.table-mc-orange > tbody > tr:hover > th {
  background-color: #ffe0b2; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fff3e0; }

  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
    background-color: #ffe0b2; } }
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fbe9e7; }

.table-hover.table-mc-deep-orange > tbody > tr:hover > td,
.table-hover.table-mc-deep-orange > tbody > tr:hover > th {
  background-color: #ffccbc; }

@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
    background-color: #fff; }

  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fbe9e7; }

  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
    background-color: #fff; }

  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
    background-color: #ffccbc; } }
#loginPage {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 25px; }
  #loginPage .formWrapper {
    margin-top: 25px;
    -moz-box-shadow: 0px 0px 5px 0px #343434;
    -webkit-box-shadow: 0px 0px 5px 0px #343434;
    -o-box-shadow: 0px 0px 5px 0px #343434;
    box-shadow: 0px 0px 5px 0px #343434;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5);
    border: 3px solid #640036;
    width: 330px; }

@media screen and (min-width: 768px) {
  #loginPage {
    background-image: url("/img/bg_login.jpg");
    background-size: cover;
    flex-grow: 1; } }
#index {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 300; }
  #index p, #index li, #index address {
    font-size: 1em; }
  #index .responsive-slider {
    height: auto;
    overflow: hidden;
    max-height: 1000px; }
  #index .responsive-slider .slides ul li {
    width: 100%;
    text-align: center;
    vertical-align: top;
    height: 100%; }
  #index h1 {
    text-align: center;
    font-weight: 300;
    margin: 20px 0;
    font-size: 1.8em;
    letter-spacing: 5px; }
  #index #wrapperPresentation, #index #wrapperMarques {
    background-color: #dcdde1; }
  #index #wrapperAllemagne, #index #wrapperLocalisation {
    background-color: #303030;
    color: #dcdde1; }
  #index .sectionWrapper {
    border-top: 5px solid #640036; }
  #index #presentation, #index #relationAllemagne, #index #localisation {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 10px; }
    #index #presentation .description p, #index #relationAllemagne .description p, #index #localisation .description p {
      text-align: justify; }
    #index #presentation .description ul, #index #relationAllemagne .description ul, #index #localisation .description ul {
      margin-bottom: 20px; }
      #index #presentation .description ul li, #index #relationAllemagne .description ul li, #index #localisation .description ul li {
        margin-bottom: 20px; }
    #index #presentation img, #index #relationAllemagne img, #index #localisation img {
      max-width: 100%; }
    #index #presentation p, #index #relationAllemagne p, #index #localisation p {
      margin-top: 20px;
      text-align: justify; }
  #index #wrapperMarques {
    max-width: 100%; }
    #index #wrapperMarques #marques {
      width: 100%;
      padding: 10px; }
      #index #wrapperMarques #marques #marquesSlider {
        height: 90px; }
      #index #wrapperMarques #marques img {
        max-width: 75px; }
  #index #localisation .description ul {
    list-style-image: url("/img/tick.png"); }
  #index #localisation #map_canvas {
    width: 100%;
    height: 300px;
    margin-bottom: 20px; }
  #index #localisation #social {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start; }
    #index #localisation #social img {
      width: 80px;
      padding: 15px; }

@media screen and (min-width: 500px) {
  #index #map_canvas {
    max-width: 500px; }
  #index #localisation #social img {
    width: 90px; } }
@media screen and (min-width: 992px) {
  #index .sectionWrapper {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start; }
  #index #presentation, #index #relationAllemagne, #index #marques, #index #localisation {
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 992px;
    padding: 10px;
    margin: 50px 0; }
    #index #presentation .description, #index #relationAllemagne .description, #index #marques .description, #index #localisation .description {
      margin-right: 40px; }
      #index #presentation .description h1, #index #relationAllemagne .description h1, #index #marques .description h1, #index #localisation .description h1 {
        text-align: left;
        font-size: 2.5em;
        margin: 0 0 40px 0;
        vertical-align: top;
        line-height: 40px; }
    #index #presentation img, #index #relationAllemagne img, #index #marques img, #index #localisation img {
      width: 500px; }
  #index #relationAllemagne {
    flex-flow: row wrap; }
    #index #relationAllemagne .description {
      -webkit-order: 0;
      /* Safari */
      order: 0;
      margin: 0 0 0 40px;
      width: 340px; }
      #index #relationAllemagne .description h1 {
        line-height: 40px;
        font-size: 2.5em;
        margin-bottom: 20px; }
    #index #relationAllemagne img:first-of-type {
      -webkit-order: -1;
      /* Safari */
      order: -1;
      align-self: center; }
    #index #relationAllemagne img:nth-of-type(2) {
      order: 3; }
    #index #relationAllemagne > p:first-of-type {
      -webkit-order: 1;
      /* Safari */
      order: 1;
      width: 100%; }
    #index #relationAllemagne > p:nth-of-type(2) {
      order: 2;
      width: 100%; }
  #index #wrapperMarques #marques {
    width: 992px; }
    #index #wrapperMarques #marques h1 {
      font-size: 3em;
      margin: 0 0 40px 0; }
    #index #wrapperMarques #marques img {
      max-width: 100px; }
  #index #wrapperLocalisation #localisation {
    flex-flow: row wrap; }
    #index #wrapperLocalisation #localisation .heading {
      width: 100%; }
      #index #wrapperLocalisation #localisation .heading h1 {
        font-size: 3em;
        margin: 0 0 40px 0; }
    #index #wrapperLocalisation #localisation .description {
      width: 400px; }
    #index #wrapperLocalisation #localisation #map_canvas {
      width: 532px;
      height: 400px; } }
#registerPage {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1; }
  #registerPage .formWrapper {
    margin: 50px 0;
    -moz-box-shadow: 0px 0px 5px 0px #343434;
    -webkit-box-shadow: 0px 0px 5px 0px #343434;
    -o-box-shadow: 0px 0px 5px 0px #343434;
    box-shadow: 0px 0px 5px 0px #343434;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5);
    border: 3px solid #640036; }
    #registerPage .formWrapper .form {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }

@media screen and (min-width: 768px) {
  #registerPage {
    background-image: url("/img/bg_login.jpg");
    background-size: cover; }
    #registerPage .formWrapper {
      width: 700px; }
      #registerPage .formWrapper .form {
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: flex-start; }
        #registerPage .formWrapper .form .formSubmit {
          width: 100%; } }
#userUpdate {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 25px; }
  #userUpdate .formWrapper {
    -moz-box-shadow: 0px 0px 5px 0px #343434;
    -webkit-box-shadow: 0px 0px 5px 0px #343434;
    -o-box-shadow: 0px 0px 5px 0px #343434;
    box-shadow: 0px 0px 5px 0px #343434;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5); }
    #userUpdate .formWrapper .form {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }

@media screen and (min-width: 768px) {
  #userUpdate .formWrapper {
    width: 700px; }
    #userUpdate .formWrapper .form {
      flex-flow: row wrap;
      justify-content: space-around;
      align-items: flex-start; }
      #userUpdate .formWrapper .form .formSubmit {
        width: 100%; } }
#listUsers {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 10px; }
  #listUsers #listUsersWrapper {
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center; }
    #listUsers #listUsersWrapper .table-responsive-vertical th {
      border-bottom: 2px solid #640036; }
    #listUsers #listUsersWrapper > a, #listUsers #listUsersWrapper h1 {
      align-self: flex-start; }

@media screen and (min-width: 992px) {
  #listUsers {
    padding: 20px; } }
#createVehiculePage {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #createVehiculePage .formWrapper {
    margin: 50px 0;
    -moz-box-shadow: 0px 0px 5px 0px #343434;
    -webkit-box-shadow: 0px 0px 5px 0px #343434;
    -o-box-shadow: 0px 0px 5px 0px #343434;
    box-shadow: 0px 0px 5px 0px #343434;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5); }
    #createVehiculePage .formWrapper .form {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }
      #createVehiculePage .formWrapper .form .formField {
        position: relative;
        z-index: 1; }
        #createVehiculePage .formWrapper .form .formField label {
          position: absolute;
          top: 0px;
          left: 10px;
          -webkit-transition: all 1s ease;
          -o-transition: all 1s ease;
          -moz-transition: all 1s ease;
          transition: all 1s ease;
          z-index: -1; }
        #createVehiculePage .formWrapper .form .formField input[type='date'] ~ label {
          top: -30px; }
        #createVehiculePage .formWrapper .form .formField textarea {
          width: 100%;
          height: 100px; }
        #createVehiculePage .formWrapper .form .formField textarea ~ label {
          top: 0px; }
        #createVehiculePage .formWrapper .form .formField input:focus ~ label, #createVehiculePage .formWrapper .form .formField input ~ .has-val {
          top: -30px; }
        #createVehiculePage .formWrapper .form .formField textarea:focus ~ label, #createVehiculePage .formWrapper .form .formField textarea ~ .has-val {
          top: -30px; }
        #createVehiculePage .formWrapper .form .formField select ~ label {
          top: -30px; }

@media screen and (min-width: 768px) {
  #createVehiculePage {
    background-image: url("/img/bg_login.jpg");
    background-size: cover; }
    #createVehiculePage .formWrapper {
      width: 700px; }
      #createVehiculePage .formWrapper .form {
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: flex-start; }
        #createVehiculePage .formWrapper .form .formSubmit {
          width: 100%; } }
#searchVehicule {
  padding: 20px 5px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #640036; }
  #searchVehicule .formWrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #dcdde1;
    box-shadow: none; }
    #searchVehicule .formWrapper .formHeading {
      align-self: stretch;
      color: #555555; }
    #searchVehicule .formWrapper > h2:first-of-type {
      color: #555555;
      margin-bottom: 20px;
      text-align: center; }
    #searchVehicule .formWrapper .form {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      background-color: #dcdde1;
      margin-bottom: 20px;
      padding-top: 30px; }
      #searchVehicule .formWrapper .form .formColumn {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-start; }
      #searchVehicule .formWrapper .form label {
        color: #555555;
        font-weight: bold;
        display: block; }
    #searchVehicule .formWrapper .nbResults {
      color: #555555; }
    #searchVehicule .formWrapper ul.pagination {
      align-self: center;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center; }
      #searchVehicule .formWrapper ul.pagination li, #searchVehicule .formWrapper ul.pagination li a {
        color: #555555; }
    #searchVehicule .formWrapper ul:not(.pagination) {
      list-style: none;
      padding: 0;
      display: flex;
      flex-flow: column nowrap;
      align-items: stretch;
      justify-content: flex-start;
      margin-top: 10px;
      width: 100%;
      max-width: 900px;
      align-self: center; }
      #searchVehicule .formWrapper ul:not(.pagination) .vehicule {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 20px;
        padding: 20px 5px;
        background-color: #bfbfbf; }
        #searchVehicule .formWrapper ul:not(.pagination) .vehicule img {
          width: 100px; }
        #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos {
          flex-grow: 1;
          padding-left: 10px;
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: flex-start;
          color: #555555; }
          #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos h3 {
            width: 50%; }
          #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculePrice {
            text-align: right;
            width: 50%; }
            #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculePrice .price {
              font-weight: 600; }
            #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculePrice .publicPrice {
              font-size: 0.6em;
              color: #555555; }
          #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculeEnergie, #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculeKm, #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculeYear {
            background-color: #f5f6fa;
            padding: 5px;
            margin-bottom: 10px;
            color: #555555; }

@media screen and (min-width: 480px) {
  #searchVehicule .formWrapper {
    width: 100%; }
    #searchVehicule .formWrapper input:not([type="checkbox"]), #searchVehicule .formWrapper select {
      width: 150px; } }
@media screen and (min-width: 992px) {
  #searchVehicule {
    padding: 36px 41px; }
    #searchVehicule h1 {
      font-size: 1.8em;
      font-weight: bold; }
    #searchVehicule .formWrapper ul:not(.pagination) .vehicule img {
      width: 250px; }
    #searchVehicule .formWrapper ul:not(.pagination) .vehicule:hover {
      background-color: #303030;
      text-decoration: none; }
    #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculePrice {
      font-size: 1.4em;
      margin-bottom: 20px; }
      #searchVehicule .formWrapper ul:not(.pagination) .vehicule .vehiculeInfos .vehiculePrice .publicPrice {
        font-size: 0.8em;
        color: #555555; } }
#showVehicule {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #showVehicule .wrapper {
    width: 100%;
    max-width: 900px;
    padding: 20px;
    background-color: #dcdde1;
    color: #555555; }
    #showVehicule .wrapper h1 {
      margin-bottom: 2px solid #640036;
      text-align: center;
      border-bottom: 2px solid #640036;
      padding-bottom: 20px;
      text-transform: uppercase; }
    #showVehicule .wrapper .vehiculeFiche {
      padding: 10px;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: stretch; }
      #showVehicule .wrapper .vehiculeFiche h2 {
        text-align: center;
        color: #555555; }
      #showVehicule .wrapper .vehiculeFiche .vehiculeInfos {
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: flex-start; }
        #showVehicule .wrapper .vehiculeFiche .vehiculeInfos ul {
          list-style: none;
          padding: 0; }
          #showVehicule .wrapper .vehiculeFiche .vehiculeInfos ul li span {
            font-weight: 600; }
        #showVehicule .wrapper .vehiculeFiche .vehiculeInfos img {
          width: 100%;
          max-width: 350px;
          order: -1;
          align-self: center;
          margin-bottom: 20px; }
      #showVehicule .wrapper .vehiculeFiche .photosGalerie {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-start; }
        #showVehicule .wrapper .vehiculeFiche .photosGalerie img {
          width: 140px;
          margin: 5px;
          cursor: pointer; }
      #showVehicule .wrapper .vehiculeFiche .buttons {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: flex-start;
        margin-top: 20px; }
        #showVehicule .wrapper .vehiculeFiche .buttons a {
          margin: 10px;
          background-color: #640036;
          padding: 5px; }
          #showVehicule .wrapper .vehiculeFiche .buttons a button {
            border: none;
            border-radius: 3px;
            cursor: pointer;
            background-color: transparent;
            color: #f5f6fa; }

@media screen and (min-width: 768px) {
  #showVehicule {
    padding: 20px; }
    #showVehicule .wrapper .vehiculeFiche .vehiculeInfos {
      flex-flow: row nowrap;
      margin-top: 20px; }
      #showVehicule .wrapper .vehiculeFiche .vehiculeInfos img {
        align-self: flex-start;
        margin-bottom: 0;
        order: 2;
        max-width: 500px; } }
#listVehicules {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #listVehicules .wrapper {
    margin: 20px; }
  #listVehicules table img {
    width: 100%;
    max-width: 200px; }
  #listVehicules .pagination {
    justify-content: center; }

#editImages {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #editImages .wrapper {
    width: 100%;
    max-width: 900px;
    margin: 20px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center; }
    #editImages .wrapper img {
      width: 100%;
      max-width: 200px;
      margin: 5px; }
      #editImages .wrapper img:hover {
        cursor: pointer; }
    #editImages .wrapper .formWrapper {
      width: 100%;
      box-shadow: none; }
      #editImages .wrapper .formWrapper .formBody {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center; }

#createReprise {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #640036; }
  #createReprise h1 {
    color: #f5f6fa;
    margin-top: 10px; }
  #createReprise .wrapper {
    font-size: 1.1em;
    padding: 10px;
    background-color: #dcdde1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    color: #555555; }
    @media screen and (min-width: 768px) {
      #createReprise .wrapper {
        margin: 10px 41px 36px 41px; } }
    #createReprise .wrapper .heading {
      text-align: center; }
      #createReprise .wrapper .heading h1 {
        background-color: #640036;
        color: #f5f6fa;
        padding: 40px; }
      #createReprise .wrapper .heading div {
        border: 1px solid #640036;
        padding: 10px; }
        #createReprise .wrapper .heading div ol {
          list-style-type: lower-latin; }
          #createReprise .wrapper .heading div ol li {
            text-align: left; }
    #createReprise .wrapper .formWrapper {
      box-shadow: none;
      background-color: transparent;
      width: auto;
      margin-top: 20px;
      padding: 0;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }
      #createReprise .wrapper .formWrapper .formBody {
        max-width: 900px; }
      #createReprise .wrapper .formWrapper .form {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center; }
        #createReprise .wrapper .formWrapper .form h2 {
          align-self: flex-start;
          text-decoration: underline;
          margin: 20px 10px; }
        #createReprise .wrapper .formWrapper .form .formField {
          display: flex;
          flex-flow: column nowrap;
          justify-content: flex-start;
          align-items: center;
          align-items: center;
          margin-bottom: 20px;
          width: 100%; }
          @media screen and (min-width: 768px) {
            #createReprise .wrapper .formWrapper .form .formField {
              align-items: flex-start;
              flex-flow: row nowrap;
              width: 700px; } }
          #createReprise .wrapper .formWrapper .form .formField label:not(.label-cbx) {
            width: 100%;
            text-align: left; }
            @media screen and (min-width: 768px) {
              #createReprise .wrapper .formWrapper .form .formField label:not(.label-cbx) {
                text-align: right;
                width: 350px; } }
          #createReprise .wrapper .formWrapper .form .formField .equipement, #createReprise .wrapper .formWrapper .form .formField .certif {
            width: 250px;
            margin-left: 10px; }
            #createReprise .wrapper .formWrapper .form .formField .equipement label, #createReprise .wrapper .formWrapper .form .formField .certif label {
              margin-bottom: 10px; }
          #createReprise .wrapper .formWrapper .form .formField textarea {
            height: 100px;
            background-color: #f5f6fa;
            color: #555555; }
          #createReprise .wrapper .formWrapper .form .formField input[type='radio'] {
            margin: 0 10px; }
          #createReprise .wrapper .formWrapper .form .formField input, #createReprise .wrapper .formWrapper .form .formField .radio span, #createReprise .wrapper .formWrapper .form .formField .label-cbx span {
            color: #555555; }
          #createReprise .wrapper .formWrapper .form .formField .radio {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start;
            align-items: center;
            align-items: center; }
      #createReprise .wrapper .formWrapper p {
        text-align: center; }
    #createReprise .wrapper .cgr h2 {
      text-align: center;
      text-decoration: underline;
      margin: 20px 0; }
    #createReprise .wrapper .cgr p {
      text-align: left; }

#listReprises {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #listReprises .wrapper {
    margin: 20px; }
  #listReprises table img {
    width: 100%;
    max-width: 200px; }
  #listReprises .pagination {
    justify-content: center; }

#showReprise {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #showReprise .wrapper {
    max-width: 900px;
    margin: 20px; }
    #showReprise .wrapper h1 {
      border-bottom: 2px solid #640036;
      padding-bottom: 20px;
      margin-bottom: 20px; }
    #showReprise .wrapper div {
      margin-bottom: 20px; }
    #showReprise .wrapper div > ul {
      list-style: none;
      padding: 0; }
    #showReprise .wrapper .photosGalerie {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: flex-start; }
      #showReprise .wrapper .photosGalerie img {
        width: 140px;
        margin: 5px; }
        #showReprise .wrapper .photosGalerie img:hover {
          cursor: pointer; }

.formule {
  font-family: 'Helvetica';
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  .formule .formuleInfos ul {
    list-style: none;
    padding: 0; }
    .formule .formuleInfos ul:not(.options) li {
      margin-top: 20px; }
    .formule .formuleInfos ul li {
      margin-bottom: 10px; }
  .formule .formuleInfos .options li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
    .formule .formuleInfos .options li svg {
      position: relative;
      top: 3px; }
    .formule .formuleInfos .options li div {
      margin-left: 5px; }
  .formule .wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background-color: #640036; }
    .formule .wrapper h1 {
      width: 100%;
      text-align: center;
      color: #f5f6fa;
      text-transform: uppercase;
      margin: 10px 0; }
    .formule .wrapper small {
      font-size: 1.4em;
      color: #f5f6fa;
      margin-bottom: 20px; }
    .formule .wrapper > img {
      width: 100%; }
    .formule .wrapper.wrapperElegance img {
      width: 100%; }
    .formule .wrapper .images {
      align-self: stretch;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: flex-start; }
    .formule .wrapper .formuleColumns {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      align-items: flex-start;
      align-self: stretch;
      margin: 0 5px;
      background-color: #dcdde1; }
      @media screen and (min-width: 768px) {
        .formule .wrapper .formuleColumns {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: nowrap;
          align-items: stretch; } }
    .formule .wrapper .formuleColumn {
      width: 100%;
      margin: 0; }
      @media screen and (min-width: 768px) {
        .formule .wrapper .formuleColumn {
          width: 50%; } }
      .formule .wrapper .formuleColumn .lien {
        font-size: 1.5em; }
      .formule .wrapper .formuleColumn i {
        font-weight: normal; }
      .formule .wrapper .formuleColumn ol {
        padding-left: 20px; }
      .formule .wrapper .formuleColumn .title {
        background-color: #303030;
        text-align: center;
        color: #f5f6fa;
        margin-bottom: 10px; }
        .formule .wrapper .formuleColumn .title small {
          font-size: 1.2em; }
          .formule .wrapper .formuleColumn .title small span {
            font-size: 1.5em;
            font-weight: bold; }
      .formule .wrapper .formuleColumn h2 {
        text-transform: uppercase;
        background-color: #303030;
        color: #f5f6fa; }
      .formule .wrapper .formuleColumn h3 {
        background-color: #640036;
        color: #f5f6fa;
        text-align: center;
        margin: 20px 0;
        padding: 10px; }
        .formule .wrapper .formuleColumn h3 span {
          text-transform: uppercase; }
      .formule .wrapper .formuleColumn .fa-check, .formule .wrapper .formuleColumn .fa-certificate {
        background-color: #27ae60;
        padding: 3px;
        border-radius: 2px;
        color: #f5f6fa; }
      .formule .wrapper .formuleColumn .fa-star {
        color: #f6b93b; }
      .formule .wrapper .formuleColumn.formuleInfos, .formule .wrapper .formuleColumn.formuleConditions {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
        max-width: 1200px;
        align-items: stretch;
        padding: 20px 10px;
        background-color: #dcdde1; }
        .formule .wrapper .formuleColumn.formuleInfos > .fa-star, .formule .wrapper .formuleColumn.formuleConditions > .fa-star {
          align-self: center; }
      .formule .wrapper .formuleColumn .liens {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        padding: 5px;
        margin: 20px 0; }
        .formule .wrapper .formuleColumn .liens a {
          text-align: center; }
        .formule .wrapper .formuleColumn .liens img {
          width: 100px;
          align-self: center;
          margin: 0 30px; }
      .formule .wrapper .formuleColumn.formuleConditions h2 {
        margin-bottom: 40px; }
      .formule .wrapper .formuleColumn.formuleConditions .lienContact {
        width: 200px; }
    .formule .wrapper.wrapperRecherche img.photoSeule, .formule .wrapper.wrapperAvantgarde img.photoSeule {
      width: 100%; }
  .formule .video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    width: 100%;
    max-width: 1100px;
    margin: 40px auto 20px auto; }
  .formule .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#contact {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0; }
  #contact .formWrapper .form input:not([type=checkbox]):not([type=radio]), #contact .formWrapper .form select, #contact .formWrapper .form textarea, #contact .radio {
    width: 300px; }
    @media screen and (min-width: 500px) {
      #contact .formWrapper .form input:not([type=checkbox]):not([type=radio]), #contact .formWrapper .form select, #contact .formWrapper .form textarea, #contact .radio {
        width: 350px; } }
  #contact .textarea label, #contact .radio label {
    position: static !important; }
  #contact h2 {
    margin-bottom: 40px; }
  #contact textarea {
    border: 1px solid #333;
    width: 100% !important;
    margin: 0 !important; }
  #contact .wrapper {
    background-color: #dcdde1;
    color: #555555; }
  #contact .formWrapper {
    width: 100%;
    max-width: 700px;
    background-color: transparent;
    box-shadow: none; }
    #contact .formWrapper .formHeading {
      background-color: #640036;
      margin-top: 0;
      padding-top: 20px;
      color: #f5f6fa; }
    #contact .formWrapper .form {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }
      #contact .formWrapper .form .formField {
        position: relative;
        z-index: 1; }
        #contact .formWrapper .form .formField label {
          position: absolute;
          top: 0px;
          left: 10px;
          -webkit-transition: all 1s ease;
          -o-transition: all 1s ease;
          -moz-transition: all 1s ease;
          transition: all 1s ease;
          z-index: -1; }
        #contact .formWrapper .form .formField input[type='date'] ~ label {
          top: -30px; }
        #contact .formWrapper .form .formField textarea {
          height: 100px; }
        #contact .formWrapper .form .formField textarea ~ label {
          top: 0px; }
        #contact .formWrapper .form .formField input:focus ~ label, #contact .formWrapper .form .formField input ~ .has-val {
          top: -30px; }
        #contact .formWrapper .form .formField textarea:focus ~ label, #contact .formWrapper .form .formField textarea ~ .has-val, #contact .formWrapper .form .formField select:focus ~ label, #contact .formWrapper .form .formField select ~ .has-val {
          top: -30px; }
        #contact .formWrapper .form .formField select ~ label {
          top: -30px; }
    #contact .formWrapper .obligatoire {
      color: #e55039; }

@media screen and (min-width: 768px) {
  #contact {
    background-image: url("/img/bg_login.jpg");
    background-size: cover; }
    #contact .alertSuccess {
      font-size: 1.5em;
      text-align: center; } }
#listContacts {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #listContacts .wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center; }
    #listContacts .wrapper h1 {
      padding: 20px 0;
      border-bottom: 2px solid #640036;
      align-self: stretch;
      text-align: center; }
  @media screen and (min-width: 768px) {
    #listContacts .wrapper {
      margin: 20px 0; }
    #listContacts .coordonnees {
      width: 250px; }
    #listContacts .description {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis; } }
  #listContacts ul {
    list-style: none;
    padding: 0; }

#showContact {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #showContact .wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    align-items: flex-start;
    width: 100%;
    max-width: 800px; }
    #showContact .wrapper h1 {
      padding: 20px 0;
      border-bottom: 2px solid #640036;
      align-self: stretch;
      text-align: center;
      margin-bottom: 20px; }
    #showContact .wrapper ul {
      list-style: none;
      padding: 0; }
  @media screen and (min-width: 768px) {
    #showContact .wrapper {
      margin: 20px 0; } }

#cgv {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #cgv .wrapper {
    width: 100%;
    border: 5px solid #640036;
    background-color: #640036;
    padding: 0 36px 36px 36px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center; }
    #cgv .wrapper h1 {
      color: #f5f6fa;
      margin-bottom: 10px; }
    #cgv .wrapper .cgvText {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      align-items: stretch;
      background-color: #dcdde1;
      padding: 20px 10px 40px 10px; }
      #cgv .wrapper .cgvText .localisation {
        margin-top: 40px; }
      #cgv .wrapper .cgvText #signatures {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 150px; }
        @media screen and (min-width: 768px) {
          #cgv .wrapper .cgvText #signatures {
            justify-content: space-around; } }
      #cgv .wrapper .cgvText img {
        align-self: center; }
      #cgv .wrapper .cgvText a {
        margin-bottom: 10px; }

#garantie, #extensionGarantie, #reglement {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #garantie .wrapper, #extensionGarantie .wrapper, #reglement .wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    align-items: stretch;
    width: 100%;
    background-color: #640036;
    padding: 0; }
    #garantie .wrapper h1, #extensionGarantie .wrapper h1, #reglement .wrapper h1 {
      color: #f5f6fa;
      text-transform: uppercase;
      margin: 10px 0; }
    #garantie .wrapper > img, #extensionGarantie .wrapper > img, #reglement .wrapper > img {
      width: 100%;
      padding: 0 41px; }
    #garantie .wrapper .textWrapper, #extensionGarantie .wrapper .textWrapper, #reglement .wrapper .textWrapper {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      align-items: stretch;
      background-color: #dcdde1;
      padding: 20px 10px;
      margin: 0 41px 41px 41px; }
      #garantie .wrapper .textWrapper h2, #extensionGarantie .wrapper .textWrapper h2, #reglement .wrapper .textWrapper h2 {
        margin: 20px 0; }
      #garantie .wrapper .textWrapper img, #extensionGarantie .wrapper .textWrapper img, #reglement .wrapper .textWrapper img {
        align-self: center;
        margin: 20px 0; }
      #garantie .wrapper .textWrapper ol, #extensionGarantie .wrapper .textWrapper ol, #reglement .wrapper .textWrapper ol {
        list-style-type: lower-latin; }

#garantie .textWrapper img {
  max-width: 100%; }

#extensionGarantie {
  flex-grow: 2; }
  #extensionGarantie .wrapper {
    flex-grow: 1; }
  #extensionGarantie .textWrapper h2 {
    align-self: center;
    background-color: #640036;
    padding: 10px 100px;
    color: #f5f6fa; }
  #extensionGarantie .textWrapper a {
    align-self: center;
    margin: 20px 0; }
    #extensionGarantie .textWrapper a img {
      width: 175px; }

#reglement {
  flex-grow: 2; }
  #reglement .wrapper {
    flex-grow: 2; }
    #reglement .wrapper img {
      margin: 0 0 36px 0; }
    #reglement .wrapper p:first-of-type {
      border-bottom: 1px dashed;
      padding-bottom: 20px; }

#partenaires {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #640036; }
  #partenaires .wrapper {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    align-items: stretch;
    padding: 20px 10px; }
    #partenaires .wrapper div {
      background-color: #dcdde1;
      margin-bottom: 40px;
      padding: 20px 10px;
      color: #555555; }
      #partenaires .wrapper div span {
        display: block;
        font-size: 1.5em; }
      #partenaires .wrapper div ol {
        list-style-type: lower-latin; }
    #partenaires .wrapper a {
      text-align: center; }
      #partenaires .wrapper a img {
        width: 100%; }
    #partenaires .wrapper a:nth-of-type(2) {
      margin-top: 20px; }

#listLiensUtiles {
  background-color: #dcdde1; }
  #listLiensUtiles .wrapper {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    align-items: stretch; }
    #listLiensUtiles .wrapper h1 {
      text-transform: uppercase;
      background-color: #640036;
      color: #f5f6fa;
      padding: 10px 0; }
    #listLiensUtiles .wrapper ul {
      list-style-type: none;
      padding: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: flex-start; }
      #listLiensUtiles .wrapper ul li {
        width: 50%; }
      #listLiensUtiles .wrapper ul .lienContent {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
        margin: 10px;
        max-height: 500px;
        overflow: hidden; }
        #listLiensUtiles .wrapper ul .lienContent img {
          width: 100%;
          min-width: 100%;
          margin-top: 10px; }

#listLiensBackOffice .wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  margin: 20px 10px; }
  #listLiensBackOffice .wrapper img {
    width: 150px; }
  #listLiensBackOffice .wrapper .category {
    background-color: #dcdde1;
    color: #f5f6fa;
    text-align: center;
    text-transform: uppercase; }

#createLien, #updateLien {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1; }
  #createLien .formWrapper, #updateLien .formWrapper {
    margin: 50px 0;
    -moz-box-shadow: 0px 0px 5px 0px #343434;
    -webkit-box-shadow: 0px 0px 5px 0px #343434;
    -o-box-shadow: 0px 0px 5px 0px #343434;
    box-shadow: 0px 0px 5px 0px #343434;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5); }
    #createLien .formWrapper .formField, #updateLien .formWrapper .formField {
      position: relative;
      z-index: 1; }
      #createLien .formWrapper .formField label, #updateLien .formWrapper .formField label {
        position: absolute;
        top: 0px;
        left: 10px;
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
        z-index: -1; }
      #createLien .formWrapper .formField input:focus ~ label, #createLien .formWrapper .formField input ~ .has-val, #updateLien .formWrapper .formField input:focus ~ label, #updateLien .formWrapper .formField input ~ .has-val {
        top: -30px; }
      #createLien .formWrapper .formField textarea:focus ~ label, #updateLien .formWrapper .formField textarea:focus ~ label {
        top: -30px; }
      #createLien .formWrapper .formField select ~ label, #updateLien .formWrapper .formField select ~ label {
        top: -30px; }

@media screen and (min-width: 768px) {
  #createLien, #updateLien {
    background-image: url("/img/bg_login.jpg");
    background-size: cover; } }
#backOfficeIndex {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #backOfficeIndex .wrapper {
    width: 100%;
    max-width: 400px;
    padding: 10px;
    margin-top: 20px; }
    #backOfficeIndex .wrapper ul {
      margin-top: 20px;
      list-style-type: none;
      padding: 0;
      border: 3px solid #640036;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px; }
      #backOfficeIndex .wrapper ul li {
        padding: 15px;
        border-bottom: 1px solid #718093; }
        #backOfficeIndex .wrapper ul li a {
          color: #555555; }
        #backOfficeIndex .wrapper ul li a:hover {
          text-decoration: none; }
        #backOfficeIndex .wrapper ul li svg {
          width: 30px;
          color: #640036; }
        #backOfficeIndex .wrapper ul li:hover {
          background-color: #640036; }
          #backOfficeIndex .wrapper ul li:hover a, #backOfficeIndex .wrapper ul li:hover svg {
            color: #f5f6fa; }
      #backOfficeIndex .wrapper ul li:last-of-type {
        border: none; }

#listInfosPratiques {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center; }
  #listInfosPratiques .wrapper {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background-color: #dcdde1; }
    #listInfosPratiques .wrapper img {
      width: auto;
      max-width: 900px; }
    #listInfosPratiques .wrapper h2 {
      background-color: #640036;
      color: #f5f6fa;
      padding: 10px;
      text-transform: uppercase;
      align-self: stretch; }
    #listInfosPratiques .wrapper .liens {
      width: 100%;
      max-width: 900px;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center;
      background-color: #dcdde1;
      padding: 20px 10px;
      margin: 20px 0; }
      #listInfosPratiques .wrapper .liens h4 {
        text-transform: uppercase; }
      #listInfosPratiques .wrapper .liens img {
        margin-bottom: 20px; }
      #listInfosPratiques .wrapper .liens a {
        margin-bottom: 10px; }
    #listInfosPratiques .wrapper .sites {
      width: 100%;
      max-width: 900px;
      text-align: center;
      margin-top: 40px;
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: center; }
      #listInfosPratiques .wrapper .sites h4 {
        text-transform: uppercase; }
      #listInfosPratiques .wrapper .sites a {
        padding: 10px; }
      #listInfosPratiques .wrapper .sites img {
        margin: 20px 0 40px 0; }
  #listInfosPratiques #servicePublic {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center; }
    #listInfosPratiques #servicePublic strong {
      font-variant: small-caps; }

#listLiensBackOffice .cellLien {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis; }

#ficheUtilisateur {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  padding: 20px; }
  #ficheUtilisateur .wrapper {
    width: auto;
    max-width: 700px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    align-items: flex-start; }
    #ficheUtilisateur .wrapper h1 {
      padding-bottom: 10px;
      margin-bottom: 20px;
      border-bottom: 2px solid #640036; }
    #ficheUtilisateur .wrapper ul {
      list-style: none;
      padding: 0; }
      #ficheUtilisateur .wrapper ul li {
        margin: 10px 0; }
        #ficheUtilisateur .wrapper ul li svg {
          margin-right: 10px; }

/*# sourceMappingURL=app.css.map */