/* DECLARATION DES POLICES */
@font-face {
  font-family: "Lavishly Yours";
  src: url("../fonts/LavishlyYours-Regular.eot");
  src: url("../fonts/LavishlyYours-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LavishlyYours-Regular.woff2") format("woff2"), url("../fonts/LavishlyYours-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "French Script MT";
  src: url("../fonts/FrenchScriptMT.eot");
  src: url("../fonts/FrenchScriptMT.eot?#iefix") format("embedded-opentype"), url("../fonts/FrenchScriptMT.woff2") format("woff2"), url("../fonts/FrenchScriptMT.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Thin.eot");
  src: url("../fonts/AlegreyaSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Thin.woff2") format("woff2"), url("../fonts/AlegreyaSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-ThinItalic.eot");
  src: url("../fonts/AlegreyaSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-ThinItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Light.eot");
  src: url("../fonts/AlegreyaSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Light.woff2") format("woff2"), url("../fonts/AlegreyaSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-LightItalic.eot");
  src: url("../fonts/AlegreyaSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-LightItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Regular.eot");
  src: url("../fonts/AlegreyaSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Regular.woff2") format("woff2"), url("../fonts/AlegreyaSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Italic.eot");
  src: url("../fonts/AlegreyaSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Italic.woff2") format("woff2"), url("../fonts/AlegreyaSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Medium.eot");
  src: url("../fonts/AlegreyaSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Medium.woff2") format("woff2"), url("../fonts/AlegreyaSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-MediumItalic.eot");
  src: url("../fonts/AlegreyaSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-MediumItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Bold.eot");
  src: url("../fonts/AlegreyaSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Bold.woff2") format("woff2"), url("../fonts/AlegreyaSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-BoldItalic.eot");
  src: url("../fonts/AlegreyaSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-BoldItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-BoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-ExtraBold.eot");
  src: url("../fonts/AlegreyaSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-ExtraBold.woff2") format("woff2"), url("../fonts/AlegreyaSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-ExtraBoldItalic.eot");
  src: url("../fonts/AlegreyaSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Black.eot");
  src: url("../fonts/AlegreyaSans-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-Black.woff2") format("woff2"), url("../fonts/AlegreyaSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-BlackItalic.eot");
  src: url("../fonts/AlegreyaSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/AlegreyaSans-BlackItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
/* STYLES PERSONNALISES */
a {
  text-decoration: none;
  color: initial;
}

section {
  flex: auto;
  position: relative;
  z-index: 0;
  background-image: url("../../images/bg_section.jpg");
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.3);
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  font-family: "Alegreya Sans";
}

#page {
  flex: auto;
  margin: auto;
  padding: 30px 15px 30px 15px;
  width: 1100px;
  color: #51473d;
  background-color: rgba(235, 226, 204, 0.5);
  box-shadow: 0px 0px 42px rgba(235, 226, 204, 0.8);
}
@media (max-width: 1300px) {
  #page {
    padding-bottom: 60px;
  }
}
@media (max-width: 1200px) {
  #page {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #page {
    padding-bottom: 30px;
  }
}
#page h2 {
  text-align: center;
  font-size: 42px;
}

input:not([type=checkbox]),
textarea,
select {
  color: #51473d;
  font-family: "Alegreya Sans";
  width: 100%;
  background-color: #ebe1cc;
  border: 1px solid #51473d;
  box-sizing: border-box;
}
input:not([type=checkbox])::placeholder,
textarea::placeholder,
select::placeholder {
  color: #51473d;
  opacity: 1;
  font-family: "Alegreya Sans";
}
input:not([type=checkbox]):focus,
textarea:focus,
select:focus {
  outline: none;
}

input:not([type=checkbox]),
select {
  height: 42px;
}

input:not([type=checkbox]):read-only {
  background-color: #d4cdbf;
}

select option {
  font: -moz-pull-down-menu;
}

/* DOT FALSHING */
.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #51473d;
  color: #51473d;
  animation: dot-flashing 500ms infinite linear alternate;
  animation-delay: 250ms;
}
.dot-flashing::before, .dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #51473d;
  color: #51473d;
  animation: dot-flashing 500ms infinite alternate;
  animation-delay: 0s;
}
.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #51473d;
  color: #51473d;
  animation: dot-flashing 500ms infinite alternate;
  animation-delay: 500ms;
}
@keyframes dot-flashing {
  0% {
    background-color: #51473d;
  }
  50%, 100% {
    background-color: rgba(81, 71, 61, 0.2);
  }
}