/* Variables
 * ========================================================================== */
:root {
  /* Colors
     * ====== */
  --primary-color: var(--brand);
  --primary-color-lighten: var(--brand400);
  --primary-color-darken: var(--brand600);
  --primary-color-90: var(--brand100);
  --primary-color-80: var(--brand200);
  --primary-color-70: var(--brand300);
  --primary-color-60: var(--brand400);
  --primary-color-50: var(--brand500);
  --primary-color-40: var(--brand600);
  --primary-color-30: var(--brand700);
  --primary-color-20: var(--brand800);
  --primary-color-10: var(--brand900);
  --secondary-color: var(--brand);
  --secondary-color-lighten: var(--brand400);
  --secondary-color-darken: var(--brand600);
  --secondary-color-90: var(--brand100);
  --secondary-color-80: var(--brand200);
  --secondary-color-70: var(--brand300);
  --secondary-color-60: var(--brand400);
  --secondary-color-50: var(--brand500);
  --secondary-color-40: var(--brand600);
  --secondary-color-30: var(--brand700);
  --secondary-color-20: var(--brand800);
  --secondary-color-10: var(--brand900);
  --accent-color: var(--accent);
  --accent-color-lighten: var(--accent400);
  --accent-color-darken: var(--accent600);
  --accent-color-90: var(--accent100);
  --accent-color-80: var(--accent200);
  --accent-color-70: var(--accent300);
  --accent-color-60: var(--accent400);
  --accent-color-50: var(--accent500);
  --accent-color-40: var(--accent600);
  --accent-color-30: var(--accent700);
  --accent-color-20: var(--accent800);
  --accent-color-10: var(--accent900);
  --text-color: var(--shade-text);
  --text-color-lighten: var(--gray700);
  --text-color-darken: var(--gray900);
  --text-color-90: var(--gray100);
  --text-color-80: var(--gray200);
  --text-color-70: var(--gray300);
  --text-color-60: var(--gray400);
  --text-color-50: var(--gray500);
  --text-color-40: var(--gray600);
  --text-color-30: var(--gray700);
  --text-color-20: var(--gray800);
  --text-color-10: var(--gray900);
  --background-color: var(--shade-background);
  --background-color-lighten: var(--gray0);
  --background-color-darken: var(--gray100);
  --background-color-90: var(--gray100);
  --background-color-80: var(--gray200);
  --background-color-70: var(--gray300);
  --background-color-60: var(--gray400);
  --background-color-50: var(--gray500);
  --background-color-40: var(--gray600);
  --background-color-30: var(--gray700);
  --background-color-20: var(--gray800);
  --background-color-10: var(--gray900);
  --success-color: var(--success);
  --error-color: var(--danger);
  --info-color: var(--info);
  /* Box-shadow
     * ========== */
  --box-shadow-1: var(--gray-xs);
  --box-shadow-2: var(--gray-sm);
  --box-shadow-3: var(--gray-md);
  --box-shadow-4: var(--gray-lg);
  --box-shadow-5: var(--gray-xl);
  --box-shadow-6: var(--gray-2xl);
  --box-shadow-7: var(--gray-3xl);
  --box-shadow-primary-1: var(--brand-xs);
  --box-shadow-primary-2: var(--brand-sm);
  --box-shadow-primary-3: var(--brand-md);
  --box-shadow-primary-4: var(--brand-lg);
  --box-shadow-primary-5: var(--brand-xl);
  --box-shadow-primary-6: var(--brand-2xl);
  --box-shadow-primary-7: var(--brand-3xl); }

.contact-page ul.coordonnees {
  margin-top: -.5rem;
  margin-bottom: -.5rem; }
  .contact-page ul.coordonnees li {
    padding-top: .5rem;
    padding-bottom: .5rem; }
    .contact-page ul.coordonnees li address {
      margin-top: 0;
      margin-bottom: 0; }

@media only screen and (max-width: 600px) {
  .contact-page .contact-page-horaires {
    margin-top: 1rem; } }

.contact-page .contact-page-infos-pratiques {
  padding: 2rem;
  margin-top: 2rem;
  border: 1px solid var(--primary-color);
  border-radius: var(--card-radius, 0); }
  .contact-page .contact-page-infos-pratiques .title-2, .contact-page .contact-page-infos-pratiques .title-3, .contact-page .contact-page-infos-pratiques .title-4, .contact-page .contact-page-infos-pratiques .title-5, .contact-page .contact-page-infos-pratiques .title-6 {
    margin-top: 0; }
  .contact-page .contact-page-infos-pratiques > .row:not(:last-child) {
    margin-bottom: 1rem; }

@media only screen and (min-width: 1201px) {
  .contact-page .map-container iframe {
    height: 710px; } }

@media only screen and (min-width: 993px) {
  .contact-page .contact-page-image {
    height: 710px;
    object-fit: cover; } }

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