/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
  }
  
  ul {
    list-style: none;
  }
  
  button, input, select {
    margin: 0;
  }
  
  html {
    box-sizing: border-box;
  }
  
  *, *::before, *::after {
    box-sizing: inherit;
  }
  
  img, video {
    height: auto;
    max-width: 100%;
  }
  
  iframe {
    border: 0;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  td, th {
    padding: 0;
  }
  
  .row {
    width: 100%;
    box-sizing: border-box;
  }
  .row::after {
    content: "";
    display: table;
    clear: both;
  }
  
  .col-5 {
    width: 5%;
  }
  
  .col-10 {
    width: 10%;
  }
  
  .col-15 {
    width: 15%;
  }
  
  .col-20 {
    width: 20%;
  }
  
  .col-25 {
    width: 25%;
  }
  
  .col-30 {
    width: 30%;
  }
  
  .col-35 {
    width: 35%;
  }
  
  .col-40 {
    width: 40%;
  }
  
  .col-45 {
    width: 45%;
  }
  
  .col-50 {
    width: 50%;
  }
  
  .col-55 {
    width: 55%;
  }
  
  .col-60 {
    width: 60%;
  }
  
  .col-65 {
    width: 65%;
  }
  
  .col-70 {
    width: 70%;
  }
  
  .col-75 {
    width: 75%;
  }
  
  .col-80 {
    width: 80%;
  }
  
  .col-85 {
    width: 85%;
  }
  
  .col-90 {
    width: 90%;
  }
  
  .col-95 {
    width: 95%;
  }
  
  .col-100 {
    width: 100%;
  }
  
  .col-33 {
    width: 33.3333%;
  }
  
  .col-66 {
    width: 66.6666%;
  }
  
  .col-5, .col-10, .col-15, .col-20, .col-25, .col-30, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-65, .col-70, .col-75, .col-80, .col-85, .col-90, .col-95, .col-100, .col-33, .col-66 {
    float: left;
    padding-right: 0px;
    padding-top: 1px;
  }
  
  .col-right {
    float: right;
  }
  
  /** Display div like a table. Equal height **/
  .rowTable {
    display: table;
  }
  
  .colEqual {
    float: none;
    display: table-cell;
  }
  
  @media screen and (max-width: 800px) {
    .col-100, .col-95, .col-90, .col-85, .col-80, .col-75, .col-70, .col-65, .col-60, .col-55, .col-50, .col-45, .col-40, .col-35, .col-30, .col-25, .col-20, .col-15, .col-10, .col-5, .col-33, .col-66 {
      width: 100%;
      padding-right: 3px;
      padding-left: 3px;
    }
  
    .col-mobile-hidden {
      display: none;
    }
  
    .rowTable {
      display: table;
    }
  
    .colEqual {
      float: left;
      display: block;
    }
  }

  @font-face {
    font-family: "Roboto-Light";
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Light.ttf");
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Light.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Roboto-LightItalic";
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Lightitalic.ttf");
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Lightitalic.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Roboto-Regular";
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Regular.ttf");
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: "Roboto-Bold";
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Bold.ttf");
    src: url("https://petitsediteurs.ch/siSchedules/app/view/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
  }

  .menu-icon {
    display: none;
  }
  
  .menu {
    background: #F4F4F4;
    height: 61px;
  }
  
  .menu ul {
    background: #F4F4F4;
    list-style-type: none;
    z-index: 99;
  }
  
  .menu li {
    background: #F4F4F4;
    display: block;
    position: relative;
    float: left;
  }
  
  .menu li ul {
    display: none;
  }
  
  .menu li:hover, .sub-menu li:hover {
    background: #42454A;
  }
  
  .menu a, .menu li:hover ul li a {
    display: block;
    font-size: 1em;
    font-weight: 800;
    color: #919191;
    text-decoration: none;
    line-height: 61px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .menu li:hover a, .menu li:hover ul li:hover a {
    color: #919191;
  }
  
  @media screen and (min-width: 801px) {
    .sub-menu a {
      min-width: 150px;
    }
  
    .menu li:hover ul {
      display: block;
      position: absolute;
      padding: 0px;
    }
  }
  @media screen and (max-width: 800px) {
    #resp-menu {
      width: 100%;
    }
  
    .menu-icon {
      display: block;
      float: right;
    }
  
    #resp-menu ul, #resp-menu:active ul {
      display: none;
    }
  
    #resp-menu:hover ul {
      display: block;
      background-color: #F4F4F4;
    }
  
    .menu li {
      display: block;
      float: left;
      width: 100%;
    }
  
    .menu ul li:hover {
      background: #efefef;
    }
  
    .menu li ul li {
      padding-left: 20px;
    }
  }
  body {
    font-family: "Roboto-Light", sans-serif;
    font-size: 100%;
    line-height: 1.25em;
    color: #919191;
  }
  
  h1 {
    font-size: 2.5em;
    line-height: 1em;
  }
  
  h2 {
    font-size: 2em;
  }
  
  h3 {
    font-size: 1.5em;
  }
  
  h4 {
    font-size: 1.3em;
  }
  
  h5 {
    font-size: 1.2em;
  }
  
  h6 {
    font-size: 1.1em;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto-Regular";
    margin: 20px 0 10px 0;
    line-height: 1.2em;
    color: #333333;
  }
  
  p, dl, multicol {
    display: block;
    margin: 1em 0;
  }
  
  strong {
    font-family: "Roboto-Regular";
  }
  
  em {
    font-style: "Roboto-LightItalic";
  }
  
  /**
  
  p, dl, multicol {
     display: block;
     margin: 1em 0;
  }
  
  strong {
      font-family: 'Roboto-bold';
  }
  
  em {font-style: italic;}
  
  blockquote, figure {
     display: block;
     margin: 1em 40px;
  }
  
  /* anchor style */
  a {
    color: #FF0000;
    text-decoration: none;
  }
  
  a:hover {
    color: #FF0000;
  }
  
  /*
    h1, h2, h3, h4, h5, h6
    {
        margin: 20px 0 10px 0;
    }
  */
  /* Alignement helper class */
  .center {
    text-align: center;
  }
  
  .right {
    text-align: right;
  }
  
  .lef {
    text-align: left;
  }
  
  .justify {
    text-align: justify;
  }
  
  @media screen and (max-width: 800px) {
    .mobile-center {
      text-align: center;
    }
  }
  .padding-xl {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .padding-l {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .padding-m {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  
  .padding-s {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .padding-top-xl {
    padding-top: 50px;
  }
  
  .padding-top-l {
    padding-top: 20px;
  }
  
  .padding-top-m {
    padding-top: 15px;
  }
  
  .padding-top-s {
    padding-top: 10px;
  }
  
  .post-content {
    line-height: 1.5em;
    text-align: justify;
  }
  
  .btn, input[type=button], input[type=submit], button {
    font-family: "Roboto-Regular";
    font-size: 1em;
    color: #f4f4f4;
    text-decoration: none;
    outline: none;
    padding: 10px;
    margin: 0px;
    border: none;
    border-radius: 3px;
  }
  
  .btn {
    font-size: 1.01em;
  }
  
  .btn:hover, input[type=button]:hover, input[type=submit]:hover, button:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: black;
  }
  
  .btn-edit {
    background-color: #F9B333;
  }
  
  .btn-check {
    background-color: #83BB2A;
  }
  
  .btn-delet {
    background-color: #E7414D;
  }
  
  .btn-pdf {
    background-color: #9C9B9B;
  }
  
  input, textarea, select {
    font-family: "Roboto-Regular";
    padding: 5px;
    font-size: 1em;
    border: 1px solid #c4c4c4;
    border-radius: 3px;
    -webkit-appearance: none;
    background: #f4f4f4;
    background: #ffffff;
    margin: 3px;
  }
  
  label {
    padding: 5px;
  }
  
  select {
    -webkit-appearance: menulist;
  }
  
  input[type=checkbox] {
    -webkit-appearance: checkbox;
    color: black;
  }
  
  input[type=text] {
    width: 100%;
  }
  
  /* Font */
  /**
  @use "base/roboto.scss" with (
      $themURL: "http://192.168.1.12/flabilis.ch/wp-content/themes/flabilis",
  );*/
  /* Include menu with custom color */
  /* Default menu
  @use "layout/navigation.scss"; */
  /* Flabilis Color */
  .bgGrey {
    background: #F4F4F4;
  }
  
  .bgLightGrey {
    background: #FBFBFB;
  }
  
  .bgDark {
    background: #333333;
  }
  
  .flaRed {
    color: #FF0000;
  }
  
  .flaGrey {
    color: #F4F4F4;
  }
  
  .flaDarkGrey {
    color: #42454A;
  }
  
  .listInlineFA {
    list-style: none;
  }
  
  .listInlineFA li {
    display: inline-block;
    width: 30px;
  }
  
  .title {
    font-family: arial;
    font-size: 3em;
    color: #FF0000;
    font-weight: bold;
    vertical-align: middle;
  }
  
  hr {
    width: 100%;
    border-top: 1px solid;
    color: #e4e4e4;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
  /** animate.css **/
  .hideMe {
    visibility: hidden;
  }

  th {
    font-size: 1.2em;
    font-family: 'Roboto-Bold';
    text-align: left;
  }

  td {
      height: 3em;
  }

  .footer {
    height:60px;
    line-height: 50px;
  }

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