@font-face {
  font-family: 'avenir';
  src: url("../fonts/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Roman.otf") format("opentype"), url("../fonts/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-medium';
  src: url("../fonts/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Medium.otf") format("opentype"), url("../fonts/AvenirLTStd-Medium.woff") format("woff"), url("../fonts/AvenirLTStd-Medium.ttf") format("truetype"), url("../fonts/AvenirLTStd-Medium.svg#AvenirLTStd-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-bold';
  src: url("../fonts/AvenirLTStd-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Heavy.otf") format("opentype"), url("../fonts/AvenirLTStd-Heavy.woff") format("woff"), url("../fonts/AvenirLTStd-Heavy.ttf") format("truetype"), url("../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-light';
  src: url("../fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.otf") format("opentype"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AvenirNextW1G-Heavy';
  src: url("../fonts/AvenirNextW1G-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirNextW1G-Heavy.otf") format("opentype"), url("../fonts/AvenirNextW1G-Heavy.woff") format("woff"), url("../fonts/AvenirNextW1G-Heavy.ttf") format("truetype"), url("../fonts/AvenirNextW1G-Heavy.svg#AvenirNextW1G-Heavy") format("svg");
  font-weight: normal;
  font-style: normal; }
/*******************************************************************************
rendezVous Styles
*******************************************************************************/
#behappycom_rendezVous_container {
  margin-top: 25px; }
  #behappycom_rendezVous_container #behappycom_rendezVous_calendar {
    vertical-align: middle; }
    #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month {
      min-height: 350px; }
      #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .header {
        text-align: center;
        text-transform: uppercase;
        text-align: center;
        padding: 0px 0px 17px 0px;
        margin-bottom: 5px;
        font-size: 14px;
        font-family: "avenir-bold", sans-serif; }
      #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month .week-day {
        float: left;
        width: calc(100%/7);
        text-align: center;
        font-weight: 700;
        font-style: italic;
        line-height: 2em; }
      #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .grid > .week {
        display: inline-block;
        padding: 0;
        margin-bottom: -5px; }
        #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .grid > .week > .day {
          text-align: center;
          border: 0;
          width: 2em;
          line-height: 3em;
          cursor: pointer;
          background-color: #fbcc33;
          float: left;
          width: calc(100%/7); }
          #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .grid > .week > .day.today {
            opacity: .85;
            cursor: default; }
          #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .grid > .week > .day.busy {
            background-color: #d9d9d9;
            cursor: default; }
            #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .grid > .week > .day.busy.appointment {
              background-color: #fdda5a; }
          #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .grid > .week > .day:not(.busy):hover, #behappycom_rendezVous_container #behappycom_rendezVous_calendar > .month > .grid > .week > .day:not(.busy).selected {
            background-color: #ffaf04; }
  #behappycom_rendezVous_container #behappycom_rendezVous_timeTable {
    display: inline-block;
    width: auto;
    margin: 0 20px;
    vertical-align: middle; }
    #behappycom_rendezVous_container #behappycom_rendezVous_timeTable.idle {
      display: none; }
    #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .header {
      text-align: center;
      text-transform: uppercase;
      text-align: center;
      padding: 0px 0px 17px 0px;
      margin-bottom: 33px;
      font-size: 14px;
      font-family: "avenir-bold", sans-serif; }
    #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .grid > .row {
      margin: auto; }
      #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .grid > .row > .slot {
        text-align: center;
        width: 6em;
        line-height: 2.9em;
        cursor: pointer;
        float: left;
        background-color: #fbcc33; }
        #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .grid > .row > .slot.busy {
          background-color: #fdda5a;
          cursor: default; }
          #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .grid > .row > .slot.busy.appointment {
            background-color: #fdda5a; }
        #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .grid > .row > .slot:not(.busy):hover, #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .grid > .row > .slot:not(.busy).selected {
          background-color: #ffaf04; }
  #behappycom_rendezVous_container .rdv-legend {
    padding: 25px;
    font-weight: bold;
    width: 100%;
    float: none; }
    #behappycom_rendezVous_container .rdv-legend:before, #behappycom_rendezVous_container .rdv-legend:after {
      content: " ";
      display: table;
      clear: both; }
    #behappycom_rendezVous_container .rdv-legend .ctn {
      position: relative;
      top: -30px; }
    @media (min-width: 681px) {
      #behappycom_rendezVous_container .rdv-legend .ligne {
        display: inline-block; } }
    @media (max-width: 680px) {
      #behappycom_rendezVous_container .rdv-legend .ligne {
        display: block; } }
    #behappycom_rendezVous_container .rdv-legend span {
      display: inline-block;
      width: 30px;
      height: 50px;
      margin: 0 20px;
      position: relative;
      top: 20px; }
      #behappycom_rendezVous_container .rdv-legend span.busy {
        background-color: #fdda5a; }
      #behappycom_rendezVous_container .rdv-legend span.dispo {
        background-color: #fbcc33; }
      #behappycom_rendezVous_container .rdv-legend span.impossible {
        background-color: #d9d9d9; }

#conseils {
  display: none; }

.footer-container {
  margin-top: 65px; }

.appointment-review-block {
  display: none;
  margin-right: -15px;
  margin-left: -15px; }
  .appointment-review-block-txt {
    padding: 15px 15px 15px 30px; }
    @media (max-width: 480px) {
      .appointment-review-block-txt {
        text-align: center; } }
    .appointment-review-block-txt span {
      font-family: "avenir-bold", sans-serif; }
  .appointment-review-block .phone label {
    font-family: "avenir-bold", sans-serif;
    text-transform: uppercase;
    color: #484848; }
    @media (max-width: 480px) {
      .appointment-review-block .phone label {
        width: 100%;
        display: inline-block; } }
  .appointment-review-block .phone input {
    appearance: none;
    border: 0;
    border-bottom: 1px solid #000;
    background: #fff;
    padding: 2px 10px;
    margin: 0 10px;
    outline: 6px solid #fff; }
    @media (max-width: 480px) {
      .appointment-review-block .phone input {
        width: 100%;
        display: inline-block; } }

@media (max-width: 479px) {
  /* < 768px $screen- sm -1 */
  #behappycom_rendezVous_container #behappycom_rendezVous_timeTable {
    width: 100%;
    margin: 0;
    padding: 0 15px; }
    #behappycom_rendezVous_container #behappycom_rendezVous_timeTable > .grid > .row > .slot {
      width: 25%; } }