/* VARIABLES */
/* SCENARIO A */
/* TOUT SUR FOND BLANC  - BLOC INFOS SUR FOND GRIS */
/* choisir logo bleu sur fond blanc */
/* choisir img courrier sur fond blanc */
/* SCENARIO B */
/* TOUT SUR FOND BLANC  - BLOC INFOS SUR FOND BLEU MARINE */
/* choisir logo bleu sur fond blanc */
/* choisir img courrier sur fond blanc */
/* SCENARIO C */
/* HEADER & FOOTER SUR FOND BLEU MARINE - MAIN SUR FOND BLANC  - BLOC INFOS SUR FOND BLAU MARINE */
/* choisir logo blanc sur fond gris */
/* SCENARIO D */
/* HEADER & FOOTER SUR FOND BLANC - MAIN SUR FOND BLEU MARINE  - BLOC INFOS SUR FOND BLAU MARINE */
/* choisir logo bleu sur fond blanc */
body {
  background-color: #fff;
  font-family: "Rajdhani", sans-serif;
  /* MAIN */
  /* FOOTER */
}
body .header-block {
  display: flex;
  flex-direction: column;
  background-color: #08174D;
  color: #fff;
  font-size: small;
}
body .header-block .header-superior {
  margin: 30px auto 20px auto;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
body .header-block .header-superior .header-tel {
  text-align: center;
  font-size: large;
}
body .header-block .header-superior .logo-header img {
  width: 200px;
  height: auto;
}
body .header-block .header-superior .header-address {
  margin: auto 30px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 721px) {
  body .main {
    background-position: center;
  }
}
body .main .main-sections {
  display: flex;
  flex-direction: column;
  margin: auto;
}
@media screen and (max-width: 720px) {
  body .main .main-sections {
    width: 80%;
  }
  body .main .main-sections .section {
    width: 100%;
  }
}
@media screen and (min-width: 521px) {
  body .main .section {
    width: 100%;
  }
}
@media screen and (min-width: 721px) {
  body .main .main-sections {
    width: 600px;
  }
  body .main .section-bloc-titre {
    width: 30%;
  }
  body .main .section-bloc-infos {
    width: 70%;
  }
}
body .main .section {
  width: 100%;
  display: flex;
  margin: 20px auto;
}
@media screen and (max-width: 720px) {
  body .main .section {
    margin: 10px 0;
  }
  body .main .section:nth-child(even) {
    flex-direction: column-reverse;
  }
  body .main .section.section:nth-child(odd) {
    flex-direction: column;
  }
}
body .main .section .section-bloc {
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
  height: 150px;
}
body .main .section .section-bloc-titre {
  background-color: #ff6645;
  color: #fff;
  border: 2px solid #ff6645;
  display: flex;
  position: relative;
  background-color: #ff6645;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 721px) {
  body .main .section .section-bloc-titre {
    width: calc(30% - 40px);
  }
}
@media screen and (max-width: 720px) {
  body .main .section .section-bloc-titre {
    height: 100px;
  }
}
body .main .section .section-bloc-titre .bloc-titre {
  margin: auto;
}
body .main .section .section-bloc-infos {
  background-color: #08174D;
  color: #fff;
  border: 2px solid #08174D;
}
@media screen and (min-width: 721px) {
  body .main .section .section-bloc-infos {
    width: calc(70% - 40px);
  }
}
body .main .section .section-bloc-infos .text-and-img {
  display: flex;
  flex-direction: row;
  height: 60%;
  margin: 10px;
}
body .main .section .section-bloc-infos .text-and-img .text-boutique {
  text-align: center;
  align-self: center;
  width: 60%;
}
body .main .section .section-bloc-infos .text-and-img img {
  margin-right: 0;
  margin-left: auto;
}
body .main .section .section-bloc-infos .text-and-img-maintenance img, body .main .section .section-bloc-infos .text-and-img-contact img {
  margin-right: auto;
  margin-left: 0;
}
body .main .section .section-bloc-infos .hours-boutique {
  margin: 10px;
  text-align: center;
  align-self: center;
}
@media screen and (max-width: 520px) {
  body .main .section-form .section-bloc-titre {
    height: 100px;
  }
}
@media screen and (min-width: 721px) {
  body .main .section-form {
    height: auto;
  }
  body .main .section-form .section-bloc-titre {
    height: auto;
  }
}
body .main .section-form .contact-form {
  height: auto;
}
body .main .section-form .contact-form form {
  display: flex;
  flex-direction: column;
  padding: 1em;
  gap: 0.5em;
}
body .main .section-form .contact-form form div {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5em;
}
body .main .section-form .contact-form .email input {
  width: inherit;
}
body .main .section-form .contact-form .message input {
  margin: 1em 40% auto 40%;
}
body .footer-block {
  display: flex;
  flex-direction: column;
  background-color: #08174D;
  color: #fff;
  font-size: small;
}
body .footer-block .logo-footer img {
  width: 200px;
  height: auto;
}
body .footer-block .footer-superior {
  margin: 30px auto 20px auto;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
@media screen and (min-width: 521px) {
  body .footer-block .footer-superior {
    flex-direction: row;
  }
}
@media screen and (min-width: 521px) {
  body .footer-block .footer-superior .footer-address {
    margin: auto 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
body .footer-block .footer-superior .footer-address div {
  text-align: center;
}
body .footer-block .footer-superior .footer-address .footer-tel {
  margin-top: 10px;
  text-align: center;
  font-size: large;
}

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