* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #141414;
  font-family: "Neucha", cursive;
}
* p,
* li,
* span,
* label,
* td {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}

.avis-container > div,
.avis-container-acceuil > div, footer > div > div, #cart > #cartFooter, #cart #cartContent > .item > div, #cart #cartContent > .item, main .info .table, main .paymentCard #bill #total div, main .paymentCard #bill .detailRecap > div:last-of-type div, main .paymentCard #bill .detailRecap, main .paymentCard > div:nth-of-type(2) #cardElt, main .paymentCard, main #map #mapid .popUpImg div:first-of-type, main #map #mapid .popUpImg, main #map #navMap .calendar div, main #map #navMap a, main #map #navMap h4, main #paymentForm form #footerForm > div, main #paymentForm form #recap #total > div > div, main #paymentForm form #recap #total, main #paymentForm form #recap .detailRecap > div:last-of-type div, main #paymentForm form #recap .detailRecap, main #paymentForm form .smallInput, main #paymentForm form, main #contactForm form > div, main #contactForm, main .detail #zoom div, main .detail #customize, main .detail, main .eshop > div:first-of-type a, main .eshop, main #filter > div:first-of-type #dropDown-list a, main #filter > div:first-of-type, main #filter, main .divProduit .produit > div, main .divProduit, main .rea, main .picto, main .presentation, #burgerNav a, #wrapper, header .navBar > nav > a,
header #movingBar > div > nav > a, header .navBar > nav,
header #movingBar > div > nav, header, .navPayment span, .navPayment, label {
  display: flex;
  flex-wrap: wrap;
}

.avis-container, footer > div, main .info, main .paymentCard, main #map, main #paymentForm, main #contactForm, main .detail, main .eshop, main .divProduit, main .rea, main .presentation {
  max-width: 1300px;
  margin: auto;
}

.error {
  margin-top: 6.25rem;
  padding: 10rem 0;
  text-align: center;
}

.btn {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
  text-transform: uppercase;
  border: 2px solid #141414;
  padding: 0.5rem 0.7rem 0.4rem 0.7rem;
  cursor: pointer;
  background-color: #FFFFFF;
}

.btn:hover {
  background-color: #141414;
  color: #FFFFFF;
}
.btn:hover svg {
  fill: #FFFFFF;
}
.btn:hover span {
  color: #FFFFFF;
}

input,
textArea {
  width: 100%;
  padding: 0.4rem;
  margin-bottom: 2rem;
}

textarea {
  resize: none;
}

select {
  background-color: #FFFFFF;
  border: #141414 1px solid;
  padding: 0.5rem;
  margin-bottom: 1rem;
}

input[type=checkbox] {
  display: none;
}

label {
  align-items: center;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
label span {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../svg/bulletPoint.svg);
}

input:checked + label span {
  background-image: url(../svg/tickBulletPoint.svg);
}

.invalid {
  border: 1px solid red;
  color: red;
}

body {
  background-image: url("../img/background.jpg");
  background-attachment: fixed;
}
body > svg {
  position: fixed;
  z-index: -1;
  width: 50%;
  height: auto;
}
body > svg:first-of-type {
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
body > svg:last-of-type {
  bottom: 0;
  right: 0;
  transform: translateX(50%);
}

.navPayment {
  justify-content: space-between;
  border-bottom: 1px solid #141414;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.navPayment span {
  align-items: center;
}
.navPayment .ml {
  margin-left: 0.4rem;
}
.navPayment tspan {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}
@media (max-width: 700px) {
  .navPayment {
    display: none;
  }
}

header {
  width: 100%;
  background-image: url("../img/background.jpg");
  position: fixed;
  top: 0;
  z-index: 2;
  box-shadow: 0px 0px 10px rgba(20, 20, 20, 0.3333333333);
}
header .navBar {
  width: 100%;
  max-width: 900px;
}
header #movingBar {
  width: 100%;
  background-image: url("../img/background.jpg");
  position: fixed;
  top: -6.25rem;
  left: 0;
  z-index: 2;
  text-align: center;
  transition: 0.5s;
  box-shadow: 0px 0px 10px rgba(20, 20, 20, 0.3333333333);
}
header #movingBar div {
  max-width: 900px;
}
header #largeLogo {
  width: 100%;
  text-align: center;
  padding-top: 2.5rem;
}
header #largeLogo img {
  width: 400px;
}
@media (max-width: 700px) {
  header #largeLogo img {
    width: 240px;
  }
}
header #largeLogo .smallLogo {
  display: none;
}
header .noLogo > nav {
  margin: auto;
}
header .navBar,
header #movingBar > div {
  margin: auto;
}
header .navBar #burgerDiv,
header #movingBar > div #burgerDiv {
  display: none;
  align-items: center;
}
header .navBar > nav,
header #movingBar > div > nav {
  justify-content: space-between;
  height: 6.25rem;
  padding: 0 2rem;
}
header .navBar > nav > a,
header #movingBar > div > nav > a {
  align-items: center;
  font-size: 1.75rem;
}
header .navBar > nav > a:hover > svg,
header #movingBar > div > nav > a:hover > svg {
  transform: rotate(-45deg);
}
header #btnCart {
  position: fixed;
  top: -25px;
  right: 20px;
  cursor: pointer;
  z-index: 3;
  transition: 0.2s;
}
header #btnCart:hover {
  top: -20px;
}
@media (max-width: 1000px) {
  header .navBar #burgerDiv,
header #movingBar > div #burgerDiv {
    display: flex;
    cursor: pointer;
  }
  header .navBar nav > a,
header #movingBar > div nav > a {
    display: none;
  }
  header .navBar .smallLogo,
header #movingBar > div .smallLogo {
    display: block;
    padding-right: 50px;
    margin: auto;
  }
  header .noLogo {
    position: absolute;
    top: -30px;
  }
  header #largeLogo {
    margin-bottom: 2rem;
  }
  header #largeLogo #burgerDiv {
    padding-top: 2rem;
  }
}

#wrapper {
  margin-bottom: 7rem;
  overflow: hidden;
}
#wrapper a {
  position: relative;
  height: 500px;
}
@media (max-width: 700px) {
  #wrapper a {
    height: 300px;
  }
}
#wrapper a:first-of-type {
  width: 66.6666666667%;
  padding-right: 1rem;
}
@media (max-width: 700px) {
  #wrapper a:first-of-type {
    width: 100%;
    padding-right: 0;
    margin-bottom: 1rem;
  }
}
#wrapper a:last-of-type {
  width: 33.3333333333%;
}
@media (max-width: 700px) {
  #wrapper a:last-of-type {
    width: 100%;
  }
}
#wrapper a > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#wrapper div {
  position: absolute;
  z-index: 1;
  bottom: 10%;
  background-color: rgba(255, 255, 255, 0.9019607843);
  padding: 1.2rem 0.2rem;
  text-align: center;
}
#wrapper div span {
  padding: 1rem 2rem;
  text-transform: uppercase;
  font-family: "Neucha", cursive;
  font-size: 1.5rem;
}
#wrapper a:first-of-type div {
  right: 10%;
}
@media (max-width: 700px) {
  #wrapper a:first-of-type div {
    transform: translate(50%);
    right: 50%;
  }
}
#wrapper a:last-of-type div {
  transform: translate(50%);
  right: 50%;
}

#burgerNav {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9333333333);
  width: 300px;
  height: 100%;
  z-index: 5;
  padding: 1.5rem 2rem 0 0;
  top: 0;
  left: -300px;
  transition: 0.2s;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#burgerNav #closeBurger {
  cursor: pointer;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
#burgerNav a {
  width: 100%;
  align-items: center;
  font-size: 1.75rem;
  margin-left: 2rem;
  margin-bottom: 3rem;
}

#burgerNav::-webkit-scrollbar {
  display: none;
}

#burgerBg {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 20, 20, 0.4666666667);
  top: 0;
  left: 0;
  z-index: 4;
}

main .padding {
  height: 11rem;
}
main .presentation {
  padding-right: 3rem;
  padding-left: 3rem;
  background-color: #FFFFFF;
  margin-bottom: 4rem;
}
main .presentation > div:first-of-type {
  width: 58.3333333333%;
  position: relative;
  top: -2.5rem;
  padding: 1rem 2rem 1rem 1rem;
}
main .presentation > div:first-of-type > h1 {
  text-align: center;
  font-size: 2.375rem;
  font-weight: 100;
  margin-bottom: 2rem;
}
main .presentation > div:first-of-type > p {
  font-size: 1.375rem;
  margin-bottom: 1rem;
}
main .presentation > div:first-of-type > div {
  text-align: center;
  margin-top: 3rem;
}
main .presentation > div:first-of-type img {
  width: 100%;
  display: none;
  margin-bottom: 1rem;
}
main .presentation > div:last-of-type {
  width: 41.6666666667%;
  position: relative;
  top: -5rem;
  padding: 1rem 1rem 0 1rem;
}
main .presentation > div:last-of-type > img {
  width: 100%;
}
@media (max-width: 1000px) {
  main .presentation {
    width: 91.6666666667%;
    padding: 1rem 3rem;
  }
  main .presentation > div:first-of-type {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  main .presentation > div:first-of-type img {
    display: inline-block;
  }
  main .presentation > div:last-of-type {
    display: none;
  }
  main .presentation .btn {
    display: block;
  }
}
@media (max-width: 1000px) and (min-width: 601px) {
  main .presentation > div:first-of-type img {
    width: 50%;
  }
}
main .picto {
  justify-content: center;
  margin-bottom: 6rem;
}
main .picto div {
  width: 180px;
  text-align: center;
  margin: auto;
  margin-top: 0;
}
@media (max-width: 600px) {
  main .picto div svg {
    width: 100px;
    height: 100px;
  }
}
main .picto div h2 {
  font-size: 1.875rem;
  font-weight: 100;
  margin-bottom: 0.7rem;
}
@media (max-width: 600px) {
  main .picto div h2 {
    font-size: 1.3rem;
    margin-bottom: 0.3rem;
  }
}
main .picto div p {
  font-size: 1.25rem;
}
@media (max-width: 600px) {
  main .picto div p {
    font-size: 0.9rem;
  }
}
main .rea {
  padding: 4rem 0;
}
main .rea div {
  margin: auto;
  text-align: center;
}
@media (max-width: 600px) {
  main .rea div img {
    width: 90px;
  }
}
main .rea div p {
  font-family: "Neucha", cursive;
}
main .rea div p:first-of-type {
  text-transform: uppercase;
}
main .rea div p:last-of-type {
  margin-bottom: 1rem;
}
main .divProduit {
  background-color: #FFFFFF;
  text-align: center;
  padding: 0 2rem 2rem 2rem;
  margin-bottom: 0.4rem;
  transition: 0.5s;
}
main .divProduit > h2 {
  width: 100%;
  font-size: 2.375rem;
  font-weight: 100;
  position: relative;
  top: -1.5rem;
}
main .divProduit .produit {
  width: 33.3333333333%;
  display: block;
  padding: 1rem;
  position: relative;
}
main .divProduit .produit > div {
  overflow: hidden;
}
main .divProduit .produit > div > img {
  width: 100%;
  transition: 0.3s;
}
main .divProduit .produit > div svg {
  position: absolute;
}
main .divProduit .produit > h3 {
  font-size: 1.125rem;
  font-weight: 500;
  font-family: "Fira Sans Extra Condensed", sans-serif;
  margin-top: 0.8rem;
}
main .divProduit .produit > hr {
  width: 2rem;
  margin: auto;
  color: #141414;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-top: 1px;
}
main .divProduit .produit > span {
  font-size: 1.125rem;
  font-weight: 400;
}
main .divProduit .produit .noStock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}
main .divProduit > .produit:hover img {
  transform: scale(1.1);
}
main .divProduit > div {
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 900px) and (min-width: 601px) {
  main .divProduit .produit {
    width: 50%;
  }
}
@media (max-width: 600px) {
  main .divProduit .produit {
    width: 100%;
  }
}
main #filter #btnFilter span {
  display: none;
}
@media (max-width: 600px) {
  main #filter #btnFilter span {
    display: inline;
  }
  main #filter #btnFilter svg {
    display: none;
  }
}
main #filter h2 {
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 1rem;
  text-align: left;
}
main #filter tspan {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}
main #filter #filterPanel {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 3rem;
}
@media (max-width: 600px) {
  main #filter #filterPanel {
    padding: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
    opacity: 95%;
    height: 100%;
    z-index: 2;
    overflow: scroll;
  }
}
main #filter #closeFilter {
  display: none;
  margin-right: 0;
  margin-left: auto;
  cursor: pointer;
}
@media (max-width: 600px) {
  main #filter #closeFilter {
    display: block;
  }
}
main #filter .filterList {
  width: 33.3333333333%;
}
@media (max-width: 600px) {
  main #filter .filterList {
    width: 100%;
    margin-bottom: 1rem;
  }
  main #filter .filterList h2 {
    margin-bottom: 0.5rem;
  }
  main #filter .filterList div {
    margin-bottom: 1rem;
  }
}
main #filter > div:first-of-type {
  width: 100%;
  justify-content: space-between;
  padding-right: 3rem;
  padding-bottom: 1rem;
  position: relative;
  z-index: 1;
  align-items: center;
}
main #filter > div:first-of-type #dropDown-cat {
  display: none;
  margin-left: 3rem;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "Neucha", cursive;
  font-weight: 100;
  align-items: center;
  cursor: pointer;
}
main #filter > div:first-of-type #dropDown-cat svg {
  margin-left: 0.5rem;
}
@media (max-width: 500px) {
  main #filter > div:first-of-type #dropDown-cat {
    display: flex;
  }
}
main #filter > div:first-of-type #dropDown-list {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  padding-left: 2.5rem;
  padding-right: 3rem;
}
main #filter > div:first-of-type #dropDown-list a {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  align-items: center;
}
main #filter > div:first-of-type #dropDown-list > div {
  padding: 1rem 0.5rem;
}
main #filter > div:first-of-type #dropDown-list > div > a {
  text-transform: uppercase;
  margin-bottom: 1rem;
}
main #filter > div:first-of-type #dropDown-list > div > div {
  margin-left: 1rem;
}
main #filter > div:first-of-type #dropDown-list > div > div a {
  margin-bottom: 1rem;
}
main .eshop {
  background-color: #FFFFFF;
  margin-top: 6.25rem;
  padding-top: 2rem;
}
main .eshop > div:first-of-type {
  width: 220px;
}
main .eshop > div:first-of-type a {
  align-items: center;
}
main .eshop > div:first-of-type a {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}
main .eshop > div:first-of-type > div {
  padding: 1rem 0 0 3rem;
}
main .eshop > div:first-of-type > div > a {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
main .eshop > div:first-of-type > div > div {
  margin-left: 1rem;
}
main .eshop > div:first-of-type > div > div a {
  margin-bottom: 0.5rem;
}
main .eshop > div:first-of-type h2 {
  margin-left: 3rem;
  text-transform: uppercase;
  font-weight: 100;
}
main .eshop > div:last-of-type {
  width: calc(100% - 220px);
}
main .eshop > div:last-of-type #pageNbr {
  text-align: center;
  margin-bottom: 1.5rem;
}
main .eshop > div:last-of-type #pageNbr .pageNbr {
  display: inline-block;
  font-size: 1.2rem;
  padding: 0.5rem 0.5rem 0 0.5rem;
  cursor: pointer;
  border-top: 1px solid #141414;
}
main .eshop > div:last-of-type #pageNbr .active {
  font-weight: bold;
  cursor: default;
}
@media (max-width: 180px) {
  main .eshop > div:last-of-type {
    width: 100%;
  }
}
@media (max-width: 1000px) and (min-width: 800px) {
  main .eshop > div:last-of-type .divProduit > a {
    width: 50%;
  }
}
@media (max-width: 800px) {
  main .eshop > div:last-of-type .divProduit > a {
    width: 100%;
  }
}
@media (max-width: 500px) {
  main .eshop > div:first-of-type {
    display: none;
  }
  main .eshop > div:last-of-type {
    width: 100%;
  }
}
main .detail {
  margin-top: 6.25rem;
  background-color: #FFFFFF;
  padding: 2rem 2rem 0 2rem;
}
main .detail > div:first-of-type {
  width: 100%;
  margin-bottom: 1.7rem;
}
main .detail > div:first-of-type a,
main .detail > div:first-of-type span {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.875rem;
}
main .detail > div:first-of-type a {
  font-weight: 300;
}
main .detail > div:nth-of-type(2) {
  width: 16.6666666667%;
}
main .detail > div:nth-of-type(2) > img {
  width: 100%;
  margin-bottom: 1rem;
  cursor: pointer;
}
main .detail > div:nth-of-type(3) {
  width: 41.6666666667%;
  padding: 0 2rem 0 1.25rem;
}
main .detail > div:nth-of-type(3) > img {
  width: 100%;
  cursor: zoom-in;
}
main .detail > div:nth-of-type(4) {
  width: 41.6666666667%;
}
main .detail > div:nth-of-type(4) h2 {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 500;
  font-size: 1.375rem;
}
main .detail > div:nth-of-type(4) hr {
  width: 3rem;
  margin: 1rem 0;
  border-top: 1px;
}
main .detail > div:nth-of-type(4) p:first-of-type {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
main .detail > div:nth-of-type(4) p {
  align-items: center;
  margin-bottom: 1rem;
}
main .detail > div:nth-of-type(4) p svg {
  margin-right: 0.5rem;
}
main .detail > div:nth-of-type(4) li {
  margin-left: 1rem;
}
main .detail > div:nth-of-type(4) #noNickel,
main .detail > div:nth-of-type(4) #leather,
main .detail > div:nth-of-type(4) #leather p {
  font-size: 0.813rem;
}
main .detail > div:nth-of-type(4) button {
  margin-top: 1rem;
}
main .detail #customize {
  margin: 1.5rem 0;
}
main .detail #customize label {
  font-weight: 500;
}
main .detail #customize select {
  width: 100%;
}
main .detail #customize select,
main .detail #customize option {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-size: 1rem;
}
main .detail #noStock {
  font-weight: 500;
  color: #9D231E;
  margin-top: 1.5rem;
}
main .detail #zoom {
  position: fixed;
  background-color: rgba(20, 20, 20, 0.8666666667);
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 3;
}
main .detail #zoom div {
  justify-content: center;
  align-items: center;
  position: absolute;
  height: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: 2rem;
}
main .detail #zoom svg {
  position: fixed;
  cursor: pointer;
}
main .detail #zoom #closeZoom {
  top: 30px;
  right: 30px;
}
main .detail #zoom #prevZoom {
  top: 50%;
  left: 50px;
}
main .detail #zoom #nextZoom {
  top: 50%;
  right: 50px;
}
main .detail #rand {
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #141414;
}
main .detail #rand > h3 {
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
main .detail #rand .divProduit > a {
  width: 25%;
}
@media (max-width: 900px) and (min-width: 601px) {
  main .detail #rand .divProduit > a {
    width: 50%;
  }
}
@media (max-width: 600px) {
  main .detail #rand .divProduit > a {
    width: 100%;
  }
}
@media (max-width: 600px) {
  main .detail > div:first-of-type {
    order: 1;
  }
  main .detail > div:nth-of-type(2) {
    width: 100%;
    padding: 1rem;
    order: 3;
    margin-top: 1rem;
    padding: 0;
  }
  main .detail > div:nth-of-type(2) img {
    width: 33.3333333333%;
  }
  main .detail > div:nth-of-type(3) {
    width: 100%;
    order: 2;
    padding: 0;
  }
  main .detail > div:nth-of-type(4) {
    width: 100%;
    order: 4;
  }
  main .detail > div:nth-of-type(5) {
    order: 5;
  }
}
main #contactForm {
  background-color: #FFFFFF;
  margin-top: 6.25rem;
}
main #contactForm > p {
  margin-left: 2rem;
  margin-top: 2rem;
  margin-right: 2rem;
}
main #contactForm p {
  font-weight: 500;
}
main #contactForm p,
main #contactForm img,
main #contactForm a {
  width: 100%;
  margin-bottom: 0.7rem;
}
main #contactForm a {
  display: inline-block;
  font-family: "Fira Sans Extra Condensed", sans-serif;
}
main #contactForm form {
  width: 58.3333333333%;
}
main #contactForm form > div {
  flex-direction: row-reverse;
}
main #contactForm form input,
main #contactForm form textarea {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-size: 1rem;
}
main #contactForm > div {
  width: 41.6666666667%;
}
main #contactForm form,
main #contactForm > div {
  padding: 2rem;
}
@media (max-width: 600px) {
  main #contactForm form,
main #contactForm > div {
    width: 100%;
  }
}
main #paymentForm {
  background-color: #FFFFFF;
  margin-top: 6.25rem;
  padding: 2rem;
}
main #paymentForm h2 {
  margin: 1rem 1rem 1rem 0;
  text-transform: uppercase;
  font-weight: 100;
}
main #paymentForm a {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  color: #23696f;
}
main #paymentForm form h3 {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 400;
  margin-bottom: 0.7rem;
  text-transform: uppercase;
}
main #paymentForm form > div {
  padding: 1rem 0;
}
main #paymentForm form #adressForm,
main #paymentForm form #recap,
main #paymentForm form #contact {
  width: 50%;
}
main #paymentForm form #adressForm input,
main #paymentForm form #adressForm select,
main #paymentForm form #recap input,
main #paymentForm form #recap select,
main #paymentForm form #contact input,
main #paymentForm form #contact select {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-size: 1rem;
}
@media (max-width: 600px) {
  main #paymentForm form #adressForm,
main #paymentForm form #recap,
main #paymentForm form #contact {
    width: 100%;
  }
}
main #paymentForm form #footerForm {
  width: 100%;
}
main #paymentForm form #adressForm,
main #paymentForm form #contact {
  padding-right: 2rem;
  border-bottom: 1px solid #141414;
}
@media (max-width: 600px) {
  main #paymentForm form #adressForm,
main #paymentForm form #contact {
    padding-right: 0rem;
  }
}
main #paymentForm form #differentAdress {
  display: none;
}
main #paymentForm form .smallInput {
  justify-content: space-between;
}
main #paymentForm form .smallInput input {
  width: 47.5%;
}
main #paymentForm form #recap .detailRecap {
  margin-bottom: 2rem;
}
main #paymentForm form #recap .detailRecap > div:first-of-type {
  width: 25%;
  padding-right: 1rem;
}
main #paymentForm form #recap .detailRecap > div:first-of-type img {
  width: 100%;
}
main #paymentForm form #recap .detailRecap > div:last-of-type {
  width: 75%;
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  border-bottom: 1px solid #141414;
}
main #paymentForm form #recap .detailRecap > div:last-of-type div {
  justify-content: space-between;
}
main #paymentForm form #recap .detailRecap > div:last-of-type span {
  font-weight: 400;
}
main #paymentForm form #recap .detailRecap > div:last-of-type .customize {
  width: 100%;
  font-weight: 100;
  font-size: 0.9rem;
}
main #paymentForm form #recap #total {
  justify-content: space-between;
}
main #paymentForm form #recap #total span {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-weight: 200;
}
main #paymentForm form #recap #total > div {
  width: 100%;
}
main #paymentForm form #recap #total > div > div {
  width: 100%;
  justify-content: space-between;
}
main #paymentForm form #recap #total > div > div:first-of-type {
  border-bottom: 1px solid #141414;
}
main #paymentForm form #recap #total > div > div:last-of-type {
  margin-top: 0.5rem;
}
main #paymentForm form #recap #total > div > div:last-of-type span {
  font-weight: 400;
}
main #paymentForm form #recap #total #totalINT {
  display: none;
}
main #paymentForm form #footerForm input,
main #paymentForm form #footerForm label {
  display: inline;
  margin: 0;
  padding: 0;
  width: auto;
}
main #paymentForm form #footerForm > div {
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
main #map {
  margin-top: 6.25rem;
  padding: 1rem;
  background-color: #FFFFFF;
}
main #map #navMap {
  position: absolute;
  padding-left: 2rem;
  left: 0;
  width: 19rem;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
main #map #navMap > div > div > div {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #141414;
  cursor: pointer;
}
main #map #navMap h3 {
  font-size: 1.375rem;
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 1rem;
}
main #map #navMap h4 {
  font-size: 1.125rem;
  font-weight: 500;
  align-items: center;
}
main #map #navMap h4 svg {
  margin-right: 0.5rem;
}
main #map #navMap p {
  margin-left: 1.5rem;
}
main #map #navMap .date {
  font-weight: 500;
  margin-top: 0.5rem;
  margin-left: 0;
}
main #map #navMap .date svg {
  margin-right: 0.4rem;
}
main #map #navMap .date span {
  display: block;
  padding-left: 1.5rem;
}
main #map #navMap .date span:first-of-type {
  display: inline-block;
  padding-left: 0;
}
main #map #navMap a {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  align-items: center;
  text-decoration: underline;
  margin-top: 0.5rem;
}
main #map #navMap a img {
  margin-right: 0.5rem;
}
main #map #navMap .calendar {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1rem;
}
main #map #navMap .calendar .leftArrow {
  transform: rotate(180deg);
}
main #map #navMap .calendar .rightArrow,
main #map #navMap .calendar .leftArrow {
  cursor: pointer;
}
main #map #navMap .calendar div {
  justify-content: space-between;
  font-weight: 500;
}
main #map #navMap .calendar td {
  text-align: center;
  height: 2rem;
  font-weight: 500;
}
main #map #navMap .calendar tbody tr:first-of-type {
  background-color: #141414;
}
main #map #navMap .calendar tbody tr:first-of-type td {
  color: #FFFFFF;
  height: 2rem;
}
main #map #navMap .calendar .eventTd {
  cursor: pointer;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
main #map #navMap .calendar .eventTd img {
  position: absolute;
  top: 0;
  left: 0.35rem;
  z-index: -1;
}
main #map #navMap .calendar:first-of-type .leftArrow {
  opacity: 0;
  cursor: auto;
}
main #map #navMap .calendar:last-of-type .rightArrow {
  opacity: 0;
  cursor: auto;
}
@media (max-width: 900px) {
  main #map #navMap {
    width: 100%;
    height: auto;
    position: static;
    overflow-y: auto;
    margin-top: 1rem;
  }
  main #map #navMap .calendar {
    max-width: 260px;
  }
}
main #map #nav-map::-webkit-scrollbar {
  display: none;
}
main #map #mapid {
  margin-left: 20rem;
  z-index: 0;
}
main #map #mapid .popUp h4,
main #map #mapid .popUpImg > div:last-of-type h4 {
  font-size: 1.125rem;
  font-family: "Fira Sans Extra Condensed", sans-serif;
}
main #map #mapid .popUp p,
main #map #mapid .popUpImg > div:last-of-type p {
  font-size: 1rem;
  margin: 0.2rem 0 !important;
}
main #map #mapid .popUp {
  max-width: 8rem;
}
main #map #mapid .popUpImg {
  width: 15rem;
}
main #map #mapid .popUpImg img {
  width: 100%;
}
main #map #mapid .popUpImg div {
  width: 50%;
}
main #map #mapid .popUpImg div:first-of-type {
  align-items: center;
}
main #map #mapid .popUpImg div:last-of-type {
  padding-left: 1rem;
}
@media (max-width: 900px) {
  main #map #mapid {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 900px) {
  main #map {
    display: flex;
    flex-wrap: wrap-reverse;
  }
}
main .paymentCard {
  margin-top: 6.25rem;
  padding: 1rem;
  background-color: #FFFFFF;
}
main .paymentCard h2 {
  width: 100%;
  margin-bottom: 1rem;
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 400;
}
main .paymentCard .navPayment {
  width: 100%;
}
main .paymentCard .navPayment .step4 {
  display: none;
}
main .paymentCard > div:nth-of-type(2) {
  width: 58.3333333333%;
}
@media (max-width: 600px) {
  main .paymentCard > div:nth-of-type(2) {
    width: 100%;
  }
}
main .paymentCard > div:nth-of-type(2) #cardElt div {
  width: 50%;
  padding-right: 2rem;
  margin-bottom: 0.7rem;
}
main .paymentCard > div:nth-of-type(2) #cardElt div:first-of-type {
  width: 100%;
}
main .paymentCard > div:nth-of-type(2) #cardElt #card-cvc,
main .paymentCard > div:nth-of-type(2) #cardElt #card-number,
main .paymentCard > div:nth-of-type(2) #cardElt #card-expiry {
  border: 1px solid #141414;
  padding: 0.2rem;
}
main .paymentCard > div:nth-of-type(2) #cardElt #errorCard {
  margin-bottom: 0.5rem;
  color: #9D231E;
}
main .paymentCard > div:nth-of-type(2) .btn {
  display: block;
  margin-left: auto;
  margin-right: 2rem;
}
main .paymentCard > div:nth-of-type(2) #success,
main .paymentCard > div:nth-of-type(2) #error {
  width: 100%;
  display: none;
  flex-wrap: wrap;
}
main .paymentCard > div:nth-of-type(2) #success p,
main .paymentCard > div:nth-of-type(2) #error p {
  width: 100%;
  margin-bottom: 1rem;
}
main .paymentCard #bill {
  width: 41.6666666667%;
}
@media (max-width: 600px) {
  main .paymentCard #bill {
    width: 100%;
    margin-top: 1rem;
  }
}
main .paymentCard #bill h3 {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 400;
  margin-bottom: 0.7rem;
  text-transform: uppercase;
}
main .paymentCard #bill .detailRecap {
  margin-bottom: 2rem;
}
main .paymentCard #bill .detailRecap > div:first-of-type {
  width: 25%;
  padding-right: 1rem;
}
main .paymentCard #bill .detailRecap > div:first-of-type img {
  width: 100%;
}
main .paymentCard #bill .detailRecap > div:last-of-type {
  width: 75%;
  display: grid;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  border-bottom: 1px solid #141414;
}
main .paymentCard #bill .detailRecap > div:last-of-type div {
  justify-content: space-between;
}
main .paymentCard #bill .detailRecap > div:last-of-type span {
  font-weight: 400;
}
main .paymentCard #bill .detailRecap > div:last-of-type .customize {
  width: 100%;
  font-weight: 100;
  font-size: 0.9rem;
}
main .paymentCard #bill #total div {
  justify-content: space-between;
}
main .paymentCard #bill #total div span {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-weight: 200;
}
main .paymentCard #bill #total div > div {
  width: 100%;
}
main .paymentCard #bill #total div #totalINT {
  display: none;
}
main .paymentCard #bill #total div:last-of-type {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #141414;
}
main .paymentCard #bill #total div:last-of-type span {
  font-weight: 400;
}
main .info {
  margin-top: 6.25rem;
  background-color: #FFFFFF;
  padding: 3rem;
}
main .info h2,
main .info h3,
main .info h4 {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}
main .info h2 {
  margin: 1rem 0;
}
main .info h3 {
  margin: 0.7rem 0;
}
main .info h4 {
  margin: 0.5rem 0;
}
main .info p {
  margin-bottom: 0.5rem;
}
main .info ul,
main .info ol {
  margin-left: 2rem;
  margin-bottom: 1rem;
}
main .info li {
  margin-bottom: 0.5rem;
}
main .info .table {
  text-align: center;
  justify-content: center;
  padding: 2rem;
}
main .info .table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
main .info .table td,
main .info .table th {
  border: 1px solid #141414;
  padding: 0.7rem;
}

#cart {
  position: fixed;
  top: 0;
  right: -40rem;
  z-index: 3;
  background-image: url("../img/background.jpg");
  width: 40rem;
  height: 100%;
  transition: 0.3s;
  overflow: scroll;
  padding: 2rem;
}
#cart > h2 {
  font-size: 2.375rem;
  font-weight: normal;
  text-transform: uppercase;
}
#cart > .closeCart {
  cursor: pointer;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
#cart #cartContent > p {
  font-size: 1.313rem;
  font-weight: bold;
}
#cart #cartContent > .item {
  margin-bottom: 1rem;
  align-items: flex-end;
}
#cart #cartContent > .item > img {
  width: 41.6666666667%;
  -o-object-fit: cover;
     object-fit: cover;
  padding-right: 2rem;
  padding-top: 2rem;
}
#cart #cartContent > .item > div {
  width: 58.3333333333%;
  padding-bottom: 1rem;
  justify-content: space-between;
  border-bottom: 1px solid #141414;
}
#cart #cartContent > .item > div p {
  width: 100%;
  margin-bottom: 1rem;
}
#cart #cartContent > .item > div p:first-of-type {
  font-size: 1.25rem;
}
#cart #cartContent > .item > div span:first-of-type {
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.875rem;
}
#cart #cartContent > .item > div span:last-of-type {
  font-size: 1.125rem;
  font-weight: bold;
}
#cart #cartContent > p:last-of-type {
  text-transform: uppercase;
  text-align: right;
}
#cart > #cartFooter {
  justify-content: space-between;
  font-size: 1.25rem;
  text-transform: uppercase;
  align-items: center;
  margin-top: 2rem;
}
#cart > #cartFooter > .closeCart {
  cursor: pointer;
}
@media (max-width: 40rem) {
  #cart > #cartFooter > .closeCart {
    margin: auto;
    margin-bottom: 2rem;
  }
}
#cart > #cartFooter > .btn {
  background-color: rgba(255, 255, 255, 0);
}
@media (max-width: 40rem) {
  #cart > #cartFooter > .btn {
    margin: auto;
  }
}
#cart > #cartFooter > .btn:hover {
  background-color: #141414;
}
@media (max-width: 40rem) {
  #cart {
    width: 90%;
  }
}

#modal {
  display: none;
  background-color: #FFFFFF;
  max-width: 20rem;
  border: 2px solid #141414;
  padding: 2rem 2rem;
  position: fixed;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#modal div {
  margin-bottom: 1rem;
}

#whiteScreen {
  background-color: rgba(255, 255, 255, 0.6666666667);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
}

footer {
  background-image: url("../img/background.jpg");
  text-align: center;
  font-size: 1.125rem;
  box-shadow: 0px 0px 10px rgba(20, 20, 20, 0.3333333333);
}
footer a {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}
footer > a {
  display: inline-block;
  font-size: 1.125rem;
  margin-bottom: 2.625rem;
}
footer > div {
  padding: 2.625rem 3rem;
}
footer > div > a {
  margin: 0 0.5rem;
}
footer > div > div {
  text-align: left;
}
footer > div > div div {
  width: 33.3333333333%;
  padding: 2rem 3rem 0 2rem;
}
@media (max-width: 800px) {
  footer > div > div div {
    width: 100%;
    border-bottom: 1px solid #141414;
    padding: 1.5rem 0;
    text-align: center;
  }
}
footer > div > div div a {
  display: block;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-weight: 500;
}
footer > div > div div a:last-of-type {
  margin-bottom: 0;
}
footer > div > div div p:first-of-type {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

#ajaxLoad {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.6666666667);
  text-align: center;
}
#ajaxLoad i {
  margin-top: 25%;
}

.avis-container,
.avis-container-acceuil {
  background-color: #FFFFFF;
}
.avis-container h1,
.avis-container-acceuil h1 {
  font-weight: 100;
  padding: 2rem 3rem;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.avis-container h2,
.avis-container-acceuil h2 {
  font-weight: 100;
}
.avis-container > div,
.avis-container-acceuil > div {
  width: 100%;
  padding: 0 3rem;
}
.avis-container > div a,
.avis-container-acceuil > div a {
  margin: auto;
  margin-bottom: 20px;
}

.avis-container {
  padding: 6.25rem 0;
}

.avis-container-acceuil {
  margin-bottom: 100px;
  padding: 20px;
}

.avis-list {
  text-align: center;
  width: 33.3333333333%;
  padding: 20px;
}
@media (max-width: 1000px) and (min-width: 800px) {
  .avis-list {
    width: 50%;
  }
}
@media (max-width: 800px) {
  .avis-list {
    width: 100%;
  }
}

.avis-list:nth-of-type(4n+0) #tickBulletPoint {
  stroke: #295b48;
  fill: #295b48;
}

.avis-list:nth-of-type(4n+0) #bulletPoint {
  stroke: #295b48;
}

.avis-list:nth-of-type(4n+1) #tickBulletPoint {
  stroke: #e59c33;
  fill: #e59c33;
}

.avis-list:nth-of-type(4n+1) #bulletPoint {
  stroke: #e59c33;
}

.avis-list:nth-of-type(4n+2) #tickBulletPoint {
  stroke: #23696f;
  fill: #23696f;
}

.avis-list:nth-of-type(4n+2) #bulletPoint {
  stroke: #23696f;
}

.avis-list:nth-of-type(4n+3) #tickBulletPoint {
  stroke: #9d231e;
  fill: #9d231e;
}

.avis-list:nth-of-type(4n+3) #bulletPoint {
  stroke: #9d231e;
}/*# sourceMappingURL=style.css.map */