@media (min-width: 1400px) {
  main,
  header,
  #main-navbar {
    padding-left: 240px;
  }
}

body {
  margin: 0;
  font-family: "Source Serif 4", serif!important;
  font-family: "Prompt", sans-serif!important;
  background-color: #EFE8E6;
  color: #002621!important;
}

.font-titre {
  font-family: "Source Serif 4", serif!important;
}
.btn {
  border-radius: 50px!important;
}
/* COLORS */
.btn-primary {
  --mdb-btn-bg: #5959EB;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #5959EB;
  --mdb-btn-hover-bg: #5959EB;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #5959EB;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #5959EB;
  --mdb-btn-active-color: #fff;
}

h2#Titrepage {
  font-family: "Source Serif 4", serif!important;
}

li.nav-item.dropdown {
 font-weight: bold;
 /* font-family: "Source Serif 4", serif!important;*/
}
li.nav-item.dropdown .dropdown-item {
  /*font-weight: bold;*/
 /* font-family: "Source Serif 4", serif!important;*/
}

:root {
  --mdb-red: #f44336;
  --mdb-pink: #e91e63;
  --mdb-purple: purple-500;
  --mdb-indigo: #3f51b5;
  --mdb-blue: #2196f3;
  --mdb-cyan: #00bcd4;
  --mdb-teal: #009688;
  --mdb-green: #4caf50;
  --mdb-yellow: #ffeb3b;
  --mdb-orange: #ff9800;
  --mdb-white: #fff;
  --mdb-black: #000;
  --mdb-gray: #757575;
  --mdb-gray-dark: #4f4f4f;
  --mdb-gray-50: #fbfbfb;
  --mdb-gray-100: #f5f5f5;
  --mdb-gray-200: #eee;
  --mdb-gray-300: #e0e0e0;
  --mdb-gray-400: #bdbdbd;
  --mdb-gray-500: #9e9e9e;
  --mdb-gray-600: #757575;
  --mdb-gray-700: #616161;
  --mdb-gray-800: #4f4f4f;
  --mdb-gray-900: #262626;
  --mdb-primary: #5959EB;
  --mdb-secondary: #9fa6b2;
  --mdb-success: #14a44d;
  --mdb-danger: #dc4c64;
  --mdb-warning: #e4a11b;
  --mdb-info: #54b4d3;
  --mdb-light: #fbfbfb;
  --mdb-dark: #332d2d;
  --mdb-primary-rgb: 59,113,202;
  --mdb-secondary-rgb: 159,166,178;
  --mdb-success-rgb: 20,164,77;
  --mdb-danger-rgb: 220,76,100;
  --mdb-warning-rgb: 228,161,27;
  --mdb-info-rgb: 84,180,211;
  --mdb-light-rgb: 251,251,251;
  --mdb-dark-rgb: 51,45,45;
  --mdb-white-rgb: 255,255,255;
  --mdb-black-rgb: 0,0,0;
  --mdb-body-color-rgb: 79,79,79;
  --mdb-body-bg-rgb: 255,255,255;
  --mdb-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --mdb-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --mdb-gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));
  --mdb-body-font-family: var(--mdb-font-roboto);
  --mdb-body-font-size: 1rem;
  --mdb-body-font-weight: 400;
  --mdb-body-line-height: 1.6;
  --mdb-body-color: #4f4f4f;
  --mdb-body-bg: #fff;
  --mdb-border-width: 1px;
  --mdb-border-style: solid;
  --mdb-border-color: #e0e0e0;
  --mdb-border-color-translucent: rgba(0,0,0,0.175);
  --mdb-border-radius: 0.25rem;
  --mdb-border-radius-sm: 0.25rem;
  --mdb-border-radius-lg: 0.5rem;
  --mdb-border-radius-xl: 1rem;
  --mdb-border-radius-2xl: 2rem;
  --mdb-border-radius-pill: 50rem;
  --mdb-link-color: #5959EB;
  --mdb-link-hover-color: #386bc0;
  --mdb-code-color: #e91e63;
  --mdb-highlight-bg: #fff9c4
}

/* LOGO */
img#prefera-logo {
    max-width: 180px;
}
span.menu_name {
  margin-right: 10px;
  font-family: "Source Serif 4", serif!important;

}

.cropimg {
  width: 38px;
  height: 38px;
  /* float: left; */
  /* vertical-align: middle; */
  /*border: 2px white solid;*/
/* display: table-cell; */
}

span.help-block.form-error {
  color: red;
}

.form-outline .form-control {
  min-height: auto;
  padding: .32rem .75rem;
  border: 1px solid;
  background: transparent;
  transition: all .2s linear;
}


/* TEST */
.qbullet {
  display: inline-block;
  background: white;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-size: smaller;
}
.qbullet.current {
  background: #ef9a00;
}
.question {
  text-align: center;
  font-size: x-large;
  background: ghostwhite;
  border-radius: 10px;
  margin: 10px;
  line-height: 30px;
  padding: 10px;
}
.legende {
  text-align: center;
  font-size: small;
  font-variant: none;
  line-height: 12px;
}
.form-group.propositions {
  text-align: center;
  line-height: 40px;
}
.prop input[type="radio"] {
  height: 30px;
  width: 30px;
  display: block;
  background: none!important;
}
/*
.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
*/
.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 7px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
  padding-right: 7px;
}
.qbullet.anserwed {
  background: green;
  color: white;
}
.qbullet.anserwed a {
  color: white;
}
.qboutons {
  text-align: center;
}


@media (max-width: 900px) {
        .masquable {
          display: none;
        }
      }


      .datatable-inner {
        position: revert!important;
    }
.position-revert {
  position: revert!important;
}