/*------------------------------------------------*\
    $VARIABLES
\*------------------------------------------------*/
/*------------------------------------------------*\
    $Qui?
\*------------------------------------------------*/
.adresse {
  display: block;
  text-align: center;
  padding: 20px;
}

.nom {
  font-weight: 700;
  line-height: 0px;
}

.rue-num {
  font-style: italic;
}

.appel-sms {
  display: none;
}

.change {
  font-style: italic;
  color: red;
}

.horaire {
  display: block;
  text-align: center;
  padding: 20px;
}

.heure-titre {
  text-decoration: underline;
  line-height: 0px;
}

.heure {
  font-style: italic;
}

.google-map-gd {
  display: block;
  text-align: center;
}

.google-map-moy {
  display: none;
  text-align: center;
}

.google-map-pt {
  display: none;
  text-align: center;
}

/*------------------------------------------------*\
    $RESPONSIVE 1200PX
\*------------------------------------------------*/
@media (max-width: 1200px) {
  /*------------------------------------------------*\
        $Qui?
    \*------------------------------------------------*/
  .google-map-gd {
    display: none;
    text-align: center;
  }
  .google-map-moy {
    display: block;
    text-align: center;
  }
  .google-map-pt {
    display: none;
    text-align: center;
  }
}

/*------------------------------------------------*\
    $RESPONSIVE 768PX
\*------------------------------------------------*/
@media (max-width: 768px) {
  /*------------------------------------------------*\
        $Qui?
    \*------------------------------------------------*/
  .appel-sms {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
  }
  .phone-tel {
    display: block;
    float: left;
    width: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .phone-sms {
    display: block;
    float: right;
    width: 60px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .google-map {
    text-align: center;
    width: 80%;
    height: auto;
  }
  .google-map-gd {
    display: none;
    text-align: center;
  }
  .google-map-moy {
    display: none;
    text-align: center;
  }
  .google-map-pt {
    display: block;
    text-align: center;
  }
}