@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

li {
  list-style-type: none;
}

button:hover {
  cursor: pointer;
}

/** Colors **/
/** FONTS **/
/** WEIGHT **/
/** KIT BTN **/
.btn-base {
  font-size: 15px;
  font-weight: 700;
  padding: 13px 0;
  border: 2px solid transparent;
  border-radius: 10px;
  background-color: #DCA468;
  color: white;
}
.btn-base span {
  padding: 10px 20px;
  border: 2px dashed white;
  border-radius: 10px;
}

.btn-base-little {
  font-size: 15px;
  font-weight: 700;
  padding: 5px 0;
  border: 2px solid transparent;
  border-radius: 10px;
  background-color: #DCA468;
  color: white;
}
.btn-base-little span {
  padding: 2px 10px;
  border: 2px dashed white;
  border-radius: 10px;
}

.txt-center {
  text-align: center;
}

.txt-underline {
  text-decoration: underline;
}

/** TEXT FONTS **/
.txt-montserrat {
  font-family: "Montserrat", sans-serif;
}

.txt-dancing {
  font-family: "Dancing Script", cursive;
}

.txt-century {
  font-family: sans-serif;
}

.txt-roboto {
  font-family: "Roboto", sans-serif;
}

/** TEXT SIZE **/
.txt-upper {
  text-transform: uppercase;
}

.txt-size60 {
  font-size: 60px;
}

.txt-size50 {
  font-size: 50px;
}

.txt-size40 {
  font-size: 40px;
}
@media screen and (max-width: 992px) {
  .txt-size40 {
    font-size: 25px;
  }
}

.txt-size35 {
  font-size: 35px;
}
@media screen and (max-width: 992px) {
  .txt-size35 {
    font-size: 25px;
  }
}

.txt-size30 {
  font-size: 30px;
}
@media screen and (max-width: 992px) {
  .txt-size30 {
    font-size: 25px;
  }
}

.txt-size25 {
  font-size: 25px;
}
@media screen and (max-width: 992px) {
  .txt-size25 {
    font-size: 20px;
  }
}

.txt-size20 {
  font-size: 20px;
}
@media screen and (max-width: 992px) {
  .txt-size20 {
    font-size: 12px;
  }
}

.txt-size15 {
  font-size: 15px;
}
@media screen and (max-width: 992px) {
  .txt-size15 {
    font-size: 12px;
  }
}

.txt-size14 {
  font-size: 14px;
}
@media screen and (max-width: 992px) {
  .txt-size14 {
    font-size: 12px;
  }
}

.txt-size12 {
  font-size: 12px;
}
@media screen and (max-width: 992px) {
  .txt-size12 {
    font-size: 10px;
  }
}

/** TEXT COLOR **/
.txt-green {
  color: #19909B;
}

.txt-orange {
  color: #DCA468;
}

.txt-lightGreen {
  color: #95D5D8;
}

.txt-red {
  color: #DA2027;
}

.txt-black {
  color: black;
}

.txt-white {
  color: white;
}

.txt-darkGreen {
  color: #006976;
}

/** TEXT WEIGHT **/
.txt-bold {
  font-weight: 700;
}

.txt-regular {
  font-weight: 400;
}

/** BACKGROUND COLOR **/
.bgc-white {
  background-color: white;
}

.bgc-green {
  background-color: #19909B;
}

.bgc-orange {
  background-color: #DCA468;
}

.bgc-lightGreen {
  background-color: #95D5D8;
}

.bgc-red {
  background-color: #DA2027;
}

.bgc-black {
  background-color: black;
}

.bgc-darkGreen {
  background-color: #006976;
}

/** KIT TEXTS **/
.txt-h1-home {
  font-family: sans-serif;
  font-size: 50px;
  color: #19909B;
  font-weight: bold;
}
@media screen and (max-width: 992px) {
  .txt-h1-home {
    color: white;
    font-size: 20px;
    line-height: 40px;
  }
}

.txt-h1-century {
  font-family: sans-serif;
  font-size: 40px;
  color: black;
  font-weight: 700;
}

.txt-h2-dancing {
  font-family: "Dancing Script", cursive;
  font-size: 30px;
  color: #19909B;
  font-weight: 400;
}
@media screen and (max-width: 992px) {
  .txt-h2-dancing {
    color: white;
    font-size: 20px;
    line-height: 30px;
  }
}

.txt-h3-century {
  font-family: sans-serif;
  font-size: 25px;
  color: black;
  font-weight: 700;
}

p, a, li, label {
  font-size: 20px;
  font-weight: 400;
  color: black;
}

/******** HEADER ********/
.meli-header li {
  list-style-type: none;
}

.meli-header a {
  text-decoration: none;
  transition: 0.3s font-size;
}

.meli-header {
  width: 100%;
  height: 10vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px;
  transition: 0.2s ease all;
}

/** OPTIONNAL CLASSES **/
.meli-header-float {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
}

.meli-header-logo {
  width: initial;
  height: 100%;
}

.meli-header-logo img {
  width: auto;
  height: 100%;
}

.meli-header-nav {
  height: 100%;
  width: 50%;
}

.meli-header-nav ul {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.meli-responsive-header-menu-burger {
  width: 10%;
  height: 60%;
  display: none;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  border-radius: 10px;
}

.meli-responsive-header-menu-burger span {
  height: 8px;
  width: 100%;
  margin-bottom: 5px;
  background-color: black;
}

.meli-responsive-header-nav-close {
  display: none;
  width: 80%;
  margin: 50px auto 0;
  justify-content: flex-end;
  align-items: center;
  font-size: 3em;
}

/****** END - HEADER ******/
/******** FLEX ********/
.meli-around-center, .meli-around-start, .meli-around-end,
.meli-between-center, .meli-between-start, .meli-between-end,
.meli-center-center, .meli-center-start, .meli-center-end,
.meli-start-center, .meli-start-start, .meli-start-end,
.meli-end-center, .meli-end-start, .meli-end-end,
.meli-evenly-center, .meli-evenly-start, .meli-evenly-end {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.meli-flex-col, .meli-flex-nowrap {
  flex-wrap: nowrap;
}

.meli-around-center {
  justify-content: space-around;
}

.meli-around-start {
  justify-content: space-around;
  align-items: flex-start;
}

.meli-around-end {
  justify-content: space-around;
  align-items: flex-end;
}

.meli-between-center {
  justify-content: space-between;
}

.meli-between-start {
  justify-content: space-between;
  align-items: flex-start;
}

.meli-between-end {
  justify-content: space-between;
  align-items: flex-end;
}

.meli-center-center {
  justify-content: center;
}

.meli-center-start {
  justify-content: center;
  align-items: flex-start;
}

.meli-center-end {
  justify-content: center;
  align-items: flex-end;
}

.meli-start-center {
  justify-content: flex-start;
  align-items: center;
}

.meli-start-start {
  justify-content: flex-start;
  align-items: start;
}

.meli-start-end {
  justify-content: flex-start;
  align-items: flex-end;
}

.meli-end-center {
  justify-content: flex-end;
  align-items: center;
}

.meli-end-start {
  justify-content: flex-end;
  align-items: flex-start;
}

.meli-end-end {
  justify-content: flex-end;
  align-items: flex-end;
}

.meli-evenly-center {
  justify-content: space-evenly;
  align-items: center;
}

.meli-evenly-start {
  justify-content: space-evenly;
  align-items: flex-start;
}

.meli-evenly-end {
  justify-content: space-evenly;
  align-items: flex-end;
}

.meli-flex-col {
  flex-direction: column;
}

/******** END - FLEX ********/
/**  SECTION **/
.meli-section-95 {
  width: 95%;
  margin: 0 auto;
}

.meli-section-90 {
  width: 90%;
  margin: 0 auto;
}

.meli-section-85 {
  width: 85%;
  margin: 0 auto;
}

.meli-section-80 {
  width: 80%;
  margin: 0 auto;
}

.meli-section-75 {
  width: 75%;
  margin: 0 auto;
}

.meli-section-70 {
  width: 70%;
  margin: 0 auto;
}

.meli-section-65 {
  width: 65%;
  margin: 0 auto;
}

.meli-section-60 {
  width: 60%;
  margin: 0 auto;
}

.meli-section-55 {
  width: 55%;
  margin: 0 auto;
}

.meli-section-50 {
  width: 50%;
  margin: 0 auto;
}

.meli-section-45 {
  width: 45%;
  margin: 0 auto;
}

.meli-section-40 {
  width: 40%;
  margin: 0 auto;
}

.meli-section-35 {
  width: 35%;
  margin: 0 auto;
}

.meli-section-30 {
  width: 30%;
  margin: 0 auto;
}

.meli-section-25 {
  width: 25%;
  margin: 0 auto;
}

.meli-section-20 {
  width: 20%;
  margin: 0 auto;
}

.meli-section-15 {
  width: 15%;
  margin: 0 auto;
}

.meli-section-10 {
  width: 10%;
  margin: 0 auto;
}

.meli-section-5 {
  width: 5%;
  margin: 0 auto;
}

/** OPTIONNAL : WIDTH / HEIGHT GENERAL **/
.meli-section-full {
  width: 100%;
  height: 100vh;
}

.meli-width-100 img, .meli-width-95 img, .meli-width-90 img, .meli-width-85 img, .meli-width-80 img, .meli-width-75 img, .meli-width-70 img, .meli-width-65 img, .meli-width-60 img, .meli-width-55 img, .meli-width-50 img, .meli-width-45 img, .meli-width-40 img, .meli-width-35 img, .meli-width-30 img, .meli-width-25 img, .meli-width-20 img, .meli-width-15 img, .meli-width-10 img, .meli-width-5 img {
  width: 100%;
  height: auto;
}

.meli-width-100 img.height, .meli-width-95 img.height, .meli-width-90 img.height, .meli-width-85 img.height, .meli-width-80 img.height, .meli-width-75 img.height, .meli-width-70 img.height, .meli-width-65 img.height, .meli-width-60 img.height, .meli-width-55 img.height, .meli-width-50 img.height, .meli-width-45 img.height, .meli-width-40 img.height, .meli-width-35 img.height, .meli-width-30 img.height, .meli-width-25 img.height, .meli-width-20 img.height, .meli-width-15 img.height, .meli-width-10 img.height, .meli-width-5 img.height {
  width: auto;
  height: 100%;
}

.meli-width-100 {
  width: 100%;
}

.meli-width-95 {
  width: 95%;
}

.meli-width-90 {
  width: 90%;
}

.meli-width-85 {
  width: 85%;
}

.meli-width-80 {
  width: 80%;
}

.meli-width-75 {
  width: 75%;
}

.meli-width-70 {
  width: 70%;
}

.meli-width-65 {
  width: 65%;
}

.meli-width-60 {
  width: 60%;
}

.meli-width-55 {
  width: 55%;
}

.meli-width-50 {
  width: 50%;
}

.meli-width-45 {
  width: 45%;
}

.meli-width-40 {
  width: 40%;
}

.meli-width-35 {
  width: 35%;
}

.meli-width-30 {
  width: 30%;
}

.meli-width-25 {
  width: 25%;
}

.meli-width-20 {
  width: 20%;
}

.meli-width-15 {
  width: 15%;
}

.meli-width-10 {
  width: 10%;
}

.meli-width-5 {
  width: 5%;
}

/******** END - SECTIONS ********/
/******** FORM & BUTTON ********/
.meli-form-label, .meli-form-field, .meli-btn {
  font-family: sans-serif;
}

.meli-form-field {
  padding: 2px;
  border: 1px solid grey;
  border-radius: 2px;
}

.meli-btn {
  padding: 5px 10px;
  border: 1px solid black;
  border-radius: 5px;
}

/******** END - FORM & BUTTON ********/
@media screen and (max-width: 992px) {
  .meli-header-nav {
    background-color: white;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -100%;
    transition: left 0.5s ease;
    z-index: 99999;
  }

  .meli-header-nav ul {
    /*padding: 5%;*/
    height: 50%;
    flex-direction: column;
    align-items: flex-start;
    font-size: 3em;
  }

  .meli-responsive-header-nav-close {
    display: flex;
  }

  .meli-responsive-header-menu-burger {
    display: flex;
  }
}
.owl-carousel {
  position: relative;
}
.owl-carousel .owl-dots {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.owl-carousel .owl-dots button.owl-dot {
  width: 20px;
  height: 20px;
}
.owl-carousel .owl-dots button.owl-dot span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #95D5D8;
}
.owl-carousel .owl-dots button.owl-dot.active span {
  width: 12px;
  height: 12px;
  background-color: #19909B;
}
.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
  }
  .owl-carousel .owl-nav {
    display: none;
  }
}

.partial-last-articles .item {
  position: relative;
  border: 1px solid transparent;
  border-radius: 8px;
  overflow: hidden;
}
.partial-last-articles .item .icon-box {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 40px;
  z-index: 1;
}
.partial-last-articles .item .img-box {
  overflow: hidden;
}
.partial-last-articles .item .img-box img {
  transform: scale(1.05);
  height: auto;
  width: 100%;
}
.partial-last-articles .item .filter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.partial-last-articles .item .filter .triangle {
  border-bottom: 30px solid rgba(255, 255, 255, 0.8);
  border-left: 300px solid transparent;
}
.partial-last-articles .item .filter .title-h3 {
  padding: 3px 10px 17px;
  background-color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 992px) {
  .partial-last-articles {
    flex-direction: column;
  }
  .partial-last-articles .item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.partial-form-contact .form-box form .title {
  margin-bottom: 30px;
}
.partial-form-contact .form-box form input, .partial-form-contact .form-box form textarea {
  border: 1px solid transparent;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.partial-form-contact .form-box form input::placeholder, .partial-form-contact .form-box form textarea::placeholder {
  color: white;
}
.partial-form-contact .form-box form textarea {
  resize: none;
}
.partial-form-contact .form-box form .row input {
  width: 48%;
}
.partial-form-contact .form-box form button {
  border: 1px solid transparent;
  border-radius: 8px;
  width: 100%;
  padding: 10px;
}

@media screen and (max-width: 992px) {
  .partial-form-contact {
    position: relative;
  }
  .partial-form-contact .illu-box {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
  }
  .partial-form-contact .form-box {
    margin: 0 auto;
    width: 85%;
  }
  .partial-form-contact .form-box form .row {
    flex-direction: column;
  }
  .partial-form-contact .form-box form .row > input {
    width: 100%;
  }
}
.partial-menu-burger {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 999;
  width: 100%;
  transition: 0.3s ease-in-out left;
}
.partial-menu-burger.open {
  left: 0;
}
.partial-menu-burger .top-content {
  padding-top: 20px;
  height: 45vh;
  padding-bottom: 20px;
}
.partial-menu-burger .top-content button {
  margin-top: 10px;
}
.partial-menu-burger .menu-content {
  height: 55vh;
  background-image: url("../../img/background/wood-texture-menu.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.partial-menu-burger .menu-content ul {
  height: 100%;
}

.partial-sewings-list .item {
  margin-bottom: 115px;
}
.partial-sewings-list .item.space-right {
  margin-right: 12.5%;
}
.partial-sewings-list .item .text-box .title {
  margin: 10px 0 15px;
}
@media screen and (max-width: 992px) {
  .partial-sewings-list .item {
    width: 100%;
  }
  .partial-sewings-list .item.space-right {
    margin-right: 0;
  }
}

.partial-item-picture-img-box {
  position: relative;
  overflow: hidden;
}
.partial-item-picture-img-box img {
  height: auto;
  width: 100%;
}
.partial-item-picture-img-box .title-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.partial-item-picture-img-box .title-box .triangle {
  border-bottom: 30px solid rgba(255, 255, 255, 0.8);
  border-left: 600px solid transparent;
}
.partial-item-picture-img-box .title-box .title {
  padding: 3px 10px 17px;
  background-color: rgba(255, 255, 255, 0.8);
}

.partial-sewing-basket-item-box {
  height: 55vh;
  overflow-y: scroll;
}

.partial-sewing-basket-item {
  margin-bottom: 15px;
  height: 200px;
}
.partial-sewing-basket-item .text-box p:first-child {
  margin-bottom: 20px;
}

.modal-product-picture {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  margin: 0;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out opacity;
}
.modal-product-picture.active {
  display: flex;
}
.modal-product-picture .content, .modal-product-picture .content * {
  height: 98%;
}
.modal-product-picture .content img, .modal-product-picture .content * img {
  height: 100%;
  width: auto;
}
.modal-product-picture .cross-box .cross {
  margin-right: 20px;
}
.modal-product-picture .cross-box .cross:hover {
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .modal-product-picture .content img {
    width: 100%;
    height: auto;
  }
}
.partial-pagination .resp-pagination {
  display: none;
}
.partial-pagination .pagination {
  margin-top: 110px;
}
.partial-pagination .pagination .previous .icon, .partial-pagination .pagination .next .icon {
  width: 15px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.partial-pagination .pagination .previous .icon {
  background-image: url("../../img/icons/fleche-bleu-precedent.png");
}
.partial-pagination .pagination .next .icon {
  background-image: url("../../img/icons/fleche-bleu-suivant.png");
}
.partial-pagination .pagination .page-box .item {
  margin: 10px;
}
@media screen and (max-width: 992px) {
  .partial-pagination .pagination {
    display: none;
  }
  .partial-pagination .resp-pagination {
    display: block;
    margin-top: 35px;
  }
  .partial-pagination .resp-pagination .previous .arrow, .partial-pagination .resp-pagination .next .arrow {
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 10px;
    vertical-align: bottom;
  }
  .partial-pagination .resp-pagination .previous .arrow {
    background-image: url("../../img/icons/fleche-retour.png");
  }
  .partial-pagination .resp-pagination .next .arrow {
    background-image: url("../../img/icons/fleche-suivant.png");
  }
}

.partial-review .item {
  height: 400px;
  border: 1px solid #19909B;
  border-radius: 8px;
  padding: 10px;
}
.partial-review .item .img-box {
  border: 1px solid transparent;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.partial-notification-button {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}
.partial-notification-button:hover {
  cursor: pointer;
}
@keyframes alert {
  5% {
    transform: rotate(45deg);
  }
  10% {
    transform: rotate(-45deg);
  }
  15% {
    transform: rotate(45deg);
  }
  20% {
    transform: rotate(-45deg);
  }
  25% {
    transform: rotate(0);
  }
}
.partial-notification-button.alert {
  animation-name: alert;
  animation-delay: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.partial-notification .close {
  font-size: 25px;
  font-weight: bold;
  color: white;
  margin: 0 10px;
}
.partial-notification .close:hover {
  cursor: pointer;
}
.partial-notification .content {
  overflow-y: scroll;
  padding: 10px 10px 30px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
}
.partial-notification .content * {
  font-family: "Montserrat", sans-serif;
  color: white;
}
.partial-notification .content * a {
  color: #DCA468;
  text-decoration: underline;
}
.partial-notification .content * li {
  list-style-type: initial;
  margin-left: 20px;
}

@media screen and (max-width: 992px) {
  .partial-notification-button {
    width: 50px;
    height: 50px;
  }

  .partial-notification .content {
    width: 90%;
    height: 90%;
  }
}
.blog-list {
  margin-top: 20vh;
}
.blog-list .content > .title {
  margin-top: 70px;
}
.blog-list .content .social-box {
  margin-top: 40px;
}
.blog-list .content .social-box img {
  width: 40px;
}
.blog-list .content .searching-box {
  margin: 20px 0;
}
.blog-list .content .searching-box input {
  margin: 5px 0 10px;
  border: 1px solid black;
  border-radius: 10px;
  padding: 10px;
}
.blog-list .content .category-box {
  margin-top: 40px;
}
.blog-list .content .category-box .item-box .item {
  padding: 20px 0;
  border: 2px dashed #DA2027;
  border-radius: 8px;
}
.blog-list .content .resp-category-box {
  display: none;
}
.blog-list .content .articles-box {
  margin-top: 90px;
}
.blog-list .content .articles-box .item .img-box {
  border: 1px solid transparent;
  border-radius: 8px;
  overflow: hidden;
  width: 400px;
  height: 400px;
}
.blog-list .content .articles-box .item .img-box img {
  height: 100%;
  width: auto;
}
.blog-list .content .articles-box .item .text-box .intro {
  margin-top: 30px;
  margin-bottom: 20px;
}
.blog-list .content .articles-box .item .text-box .intro * {
  font-family: sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #19909B;
}
.blog-list .content .articles-box .item .text-box .plus .plus-icon {
  display: inline-block;
  width: 20px;
  height: 15px;
  background-image: url("../../img/icons/croix-rouge-suivant.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: bottom;
}
.blog-list .content .articles-box .divider {
  margin: 85px auto;
  width: 100%;
  height: 4vh;
  background-image: url("../../img/lines/fil-bleu.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.blog-list-frontpage {
  margin-top: 200px;
}
.blog-list-frontpage .content {
  margin-top: 80px;
  background-image: url("../../img/background/wood-texture.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 50vh;
}

.blog-read {
  margin-top: 20vh;
}
.blog-read .title-box {
  margin-top: 85px;
}
.blog-read .title-box .date {
  margin-top: 36px;
}
.blog-read .content-box {
  margin-top: 45px;
}
.blog-read .content-box p, .blog-read .content-box li, .blog-read .content-box a, .blog-read .content-box h2, .blog-read .content-box h3, .blog-read .content-box h4, .blog-read .content-box h5, .blog-read .content-box h6, .blog-read .content-box h1 {
  font-family: sans-serif;
  color: #19909B;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 30px;
}
.blog-read .content-box ul, .blog-read .content-box ol {
  margin-bottom: 30px;
}
.blog-read .content-box li {
  margin-bottom: 0;
}
.blog-read .content-box a {
  text-decoration: underline;
}
.blog-read .content-box img {
  max-width: 100%;
  display: block;
  margin: 10px auto;
}
.blog-read .content-box iframe {
  display: block;
  margin: 20px auto;
}
.blog-read .content-box li {
  list-style-type: inherit;
}
.blog-read .back-box {
  margin-top: 40px;
}
.blog-read .back-box .icon {
  display: inline-block;
  background-image: url("../../img/icons/retour.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 22px;
  height: 12px;
}
.blog-read .line {
  width: 100%;
  height: 5vh;
  margin: 60px 0 15px;
  background-image: url("../../img/lines/fil-orange.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.blog-read .file-box .text-box .title {
  margin-bottom: 30px;
}
.blog-read .file-box .button-box {
  margin: 15px 0;
}
.blog-read .file-box .button-box .button {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 13px 20px;
  width: 200px;
}
.blog-read .file-box .button-box .button .icon {
  display: inline-block;
  width: 37px;
  height: 40px;
  background-image: url("../../img/icons/PDF.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.blog-read .file-box .social-box {
  margin-top: 80px;
}
.blog-read .file-box .social-box .item {
  margin-right: 40px;
}
.blog-read .file-box .social-box .item img {
  width: 40px;
  height: 40px;
}
.blog-read .contact-box {
  margin-top: 70px;
}

/* MODAL TO DOWNLOAD ARTICLE'S FILE */
.blog-read-download-modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  background-color: rgba(255, 255, 255, 0.8);
}
.blog-read-download-modal.open {
  display: flex;
}
.blog-read-download-modal .content {
  position: relative;
  padding: 15px;
}
.blog-read-download-modal .content .close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.blog-read-download-modal .content .close:hover {
  cursor: pointer;
}
.blog-read-download-modal .content .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url("../../img/lines/pop-up-mail.png");
  background-repeat: no-repeat;
  background-size: 103%;
  background-position: left;
}
.blog-read-download-modal .content .form-box {
  padding: 150px 40px 100px;
  border: 1px solid transparent;
  border-radius: 20px;
}
.blog-read-download-modal .content .form-box .fields-box {
  position: relative;
  z-index: 1;
}
.blog-read-download-modal .content .form-box .fields-box .field {
  margin-top: 50px;
  margin-bottom: 20px;
  height: 50px;
  background-color: white;
  border: 0 solid transparent;
  border-radius: 5px;
}
.blog-read-download-modal .content .form-box .fields-box .field input[type=email] {
  height: 100%;
  background-color: white;
  border: 1px solid transparent;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 10px;
}
.blog-read-download-modal .content .form-box .fields-box .field input[type=email]::placeholder {
  color: #95D5D8;
}
.blog-read-download-modal .content .form-box .fields-box .field button {
  height: 100%;
  border: 1px solid transparent;
  background-color: #19909B;
  padding: 2%;
  border-radius: 5px;
}
.blog-read-download-modal .content .form-box .fields-box .field button img {
  height: 100%;
  width: auto;
}
.blog-read-download-modal .content .form-box .fields-box input[type=checkbox] {
  vertical-align: text-top;
}

.sewing-list {
  margin-top: 20vh;
}
.sewing-list .video-container .title {
  margin-top: 70px;
  margin-bottom: 90px;
}
.sewing-list .sewings-container {
  margin-top: 80px;
}
.sewing-list .sewings-container .filters-box {
  margin-top: 70px;
  position: relative;
}
.sewing-list .sewings-container .filters-box .level {
  position: relative;
}
.sewing-list .sewings-container .filters-box .level:hover {
  cursor: pointer;
}
.sewing-list .sewings-container .filters-box .level .icon-down {
  background-image: url("../../img/icons/fleche-bleu-descendre.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}
.sewing-list .sewings-container .filters-box .list-down {
  position: absolute;
  bottom: -130px;
  left: 0;
  padding: 5px 20px;
  display: none;
}
.sewing-list .sewings-container .filters-box .list-down.open {
  display: block;
}
.sewing-list .sewings-container .filters-box .list-down li {
  margin: 5px 0;
}
.sewing-list .sewings-container .filters-box .category .item {
  border: 2px dashed #DA2027;
  padding: 15px 10px;
  border-radius: 8px;
  margin-bottom: 10px;
}
.sewing-list .sewings-container .filters-box .resp-category {
  display: none;
}
.sewing-list .sewings-container .line-blue {
  background-image: url("../../img/lines/fil-footer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 10vh;
  margin: 0 auto;
}
.sewing-list .pagination {
  margin-top: 110px;
}
.sewing-list .pagination .previous .icon, .sewing-list .pagination .next .icon {
  width: 15px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.sewing-list .pagination .previous .icon {
  background-image: url("../../img/icons/fleche-bleu-precedent.png");
}
.sewing-list .pagination .next .icon {
  background-image: url("../../img/icons/fleche-bleu-suivant.png");
}
.sewing-list .pagination .page-box .item {
  margin: 10px;
}
.sewing-list .resp-pagination {
  display: none;
}

.sewing-read {
  margin-top: 20vh;
}
.sewing-read .back-box .back-icon {
  background-image: url("../../img/icons/retour.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 15px;
}
.sewing-read .sewing-box .img-container .img-main {
  height: 340px;
}
.sewing-read .sewing-box .img-container .img-main .partial-item-picture-img-box {
  height: 100%;
}
.sewing-read .sewing-box .img-container .img-main .partial-item-picture-img-box img {
  height: 100%;
  width: auto;
}
.sewing-read .sewing-box .img-container .img-main:hover {
  cursor: pointer;
}
.sewing-read .sewing-box .img-container .info {
  margin: 30px 0 25px;
}
.sewing-read .sewing-box .img-container .img-mini .img-box {
  margin-bottom: 20px;
}
.sewing-read .sewing-box .img-container .img-mini .img-box:hover {
  cursor: pointer;
}
.sewing-read .sewing-box .img-container .img-mini .img-box.space-right {
  margin-right: 5%;
}
.sewing-read .sewing-box .text-container > .title {
  margin-bottom: 20px;
}
.sewing-read .sewing-box .text-container .resp-carousel {
  display: none;
}
.sewing-read .sewing-box .text-container .price {
  margin-bottom: 20px;
}
.sewing-read .sewing-box .text-container .level {
  margin-bottom: 20px;
}
.sewing-read .sewing-box .text-container .description-box {
  margin-bottom: 30px;
}
.sewing-read .sewing-box .text-container .description-box p {
  font-family: sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #19909B;
  line-height: 20px;
  margin-bottom: 15px;
}
.sewing-read .sewing-box .text-container .quantity-box {
  margin-bottom: 10px;
}
.sewing-read .sewing-box .text-container .quantity-box > * {
  margin: 5px;
}
.sewing-read .will-also-like-box {
  margin-top: 90px;
}
.sewing-read .will-also-like-box > .title {
  margin-bottom: 60px;
}
.sewing-read .line-orange {
  background-image: url("../../img/lines/fil-orange.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 10vh;
  margin: 0 auto;
}
.sewing-read .share-creation .title {
  margin-bottom: 30px;
}

.error-page {
  padding-top: 20vh;
  min-height: 80vh;
}
.error-page p {
  margin-bottom: 30px;
}

.formation-list {
  margin-top: 20vh;
}
.formation-list .title {
  margin: 70px auto 50px;
}
.formation-list .formation-container {
  margin-top: 60px;
}
.formation-list .formation-container .item {
  margin-bottom: 40px;
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
}
.formation-list .formation-container .item.mx-right {
  margin-right: 5%;
}
.formation-list .formation-container .item .info-box {
  padding: 30px 15px 20px;
}
.formation-list .formation-container .item .info-box .review {
  margin-top: 20px;
  margin-bottom: 40px;
}
.formation-list .formation-container .item .info-box .informations .level > div {
  margin-right: 5px;
}
.formation-list .formation-container .item .info-box .informations .level .level-orange {
  padding: 2px 5px;
  border: 1px solid transparent;
  border-radius: 5px;
}
.formation-list .formation-container .item .info-box .informations .information-one {
  border-right: 2px solid white;
}
.formation-list .formation-container .item .img-box {
  max-height: 270px;
  overflow: hidden;
}

.formation-read-container {
  position: relative;
}
.formation-read-container .cross:hover {
  cursor: pointer;
}
.formation-read-container .floating {
  position: fixed;
  top: 30%;
  right: 5%;
  border: 1px solid transparent;
  overflow: hidden;
  border-radius: 8px;
}
.formation-read-container .floating .img-box {
  overflow: hidden;
  position: relative;
}
.formation-read-container .floating .img-box .icon-play {
  width: 60px;
  height: 60px;
  background-image: url("../../img/icons/icone-youtube.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.formation-read-container .floating .img-box .icon-play:hover {
  cursor: pointer;
}
.formation-read-container .floating .img-box img {
  transform: scale(1.1);
}
.formation-read-container .floating .text-box {
  padding: 5vh 5%;
}
.formation-read-container .floating .text-box .price-during {
  margin: 2%;
}
.formation-read-container .floating .text-box .icon {
  vertical-align: -20%;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../../img/icons/niveau.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.formation-read-container .floating .text-box .level-p {
  margin-top: 2vh;
}
.formation-read-container .floating .text-box .level-p .level {
  padding: 2px 5px;
  border: 1px solid transparent;
  border-radius: 8px;
}
.formation-read-container .floating .text-box .button-box {
  margin-top: 50px;
}

.formation-read {
  margin-top: 20vh;
}
.formation-read article .top {
  margin-top: 50px;
  min-height: 40vh;
  padding-bottom: 50px;
  background-image: url("../../img/background/wood-texture.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.formation-read article .top .text-box {
  padding: 60px 20px 40px;
}
.formation-read article .top .text-box .title {
  margin-bottom: 20px;
}
.formation-read article .top .text-box .intro p {
  font-family: sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #19909B;
  line-height: 23px;
}
.formation-read article .top .review-box {
  padding: 0 20px;
}
.formation-read article .top .review-box .star {
  margin-right: 5px;
}
.formation-read article .top .review-box .number-review {
  margin-left: 10px;
}
.formation-read article .content {
  margin-top: 50px;
}
.formation-read article .content .description-box * {
  font-family: sans-serif;
}
.formation-read article .content .description-box h2, .formation-read article .content .description-box h3, .formation-read article .content .description-box h4, .formation-read article .content .description-box h5, .formation-read article .content .description-box h6, .formation-read article .content .description-box h1 {
  color: #DCA468;
  margin-bottom: 10px;
}
.formation-read article .content .description-box p {
  color: #19909B;
  font-size: 15px;
  line-height: 20px;
}
.formation-read article .content .content-box {
  margin-top: 40px;
}
.formation-read article .content .content-box .sections {
  margin-top: 20px;
}
.formation-read article .content .content-box .sections .item {
  border-bottom: 1px solid white;
}
.formation-read article .content .content-box .sections .item .title-box {
  padding: 25px;
}
.formation-read article .content .content-box .sections .item .title-box .title-section .icon {
  vertical-align: -20%;
  margin-right: 10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../../img/icons/fleche-bleu-descendre.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.formation-read article .content .content-box .sections .item .details-box {
  display: none;
  overflow: hidden;
}
.formation-read article .content .content-box .sections .item .details-box .subitem {
  padding: 20px 20px 20px 50px;
}

.formation-read-associated {
  margin-top: 100px;
}
.formation-read-associated .title {
  margin-bottom: 35px;
}
.formation-read-associated .items-box .item {
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
}
.formation-read-associated .items-box .item .img-box {
  overflow: hidden;
}
.formation-read-associated .items-box .item .img-box img {
  transform: scale(1.1);
}
.formation-read-associated .items-box .item .text-box {
  padding: 15px;
}
.formation-read-associated .items-box .item .text-box .icon {
  vertical-align: -20%;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("../../img/icons/niveau.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.formation-read-associated .items-box .item .text-box .level-p {
  margin-top: 10px;
}
.formation-read-associated .items-box .item .text-box .level-p .level {
  padding: 2px 5px;
  border: 1px solid transparent;
  border-radius: 8px;
}
.formation-read-associated .items-box .item .text-box .button-box {
  margin-top: 20px;
}

.formation-read-line-orange-container .formation-read-line-orange {
  background-image: url("../../img/lines/fil-orange.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 8vh;
  width: 50%;
  margin: 50px auto;
}
@media screen and (max-width: 990px) {
  .formation-read-line-orange-container {
    width: 100%;
  }
}

.formation-read-testimony {
  margin-top: 50px;
}
.formation-read-testimony .title {
  margin-bottom: 50px;
}
@media screen and (max-width: 990px) {
  .formation-read-testimony {
    width: 100%;
  }
}

.membership-formation-review .title {
  margin-top: 25px;
  margin-bottom: 55px;
}
.membership-formation-review .form-box textarea {
  display: block;
  width: 70%;
  height: 200px;
  resize: none;
  border: 1px solid white;
  margin: 24px 0;
  padding: 10px;
  font-family: "Roboto", sans-serif;
}
.membership-formation-review .form-box button {
  margin-top: 35px;
}

.legal {
  padding-top: 20vh;
}
.legal .content > div {
  margin-top: 50px;
}
.legal .content > div > p {
  line-height: 25px;
}
.legal .content > div > h2, .legal .content > div > p {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 25px;
  color: #19909B;
}
.legal .content > div > h2 {
  margin-bottom: 15px;
}
.legal .content > div > p {
  font-weight: 400;
  font-size: 15px;
}

.resp-basket-aside {
  display: none;
}

.basket-aside {
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 100;
  height: 100vh;
  padding: 20px;
  overflow-y: scroll;
  transition: 0.3s ease right;
}
.basket-aside.open {
  right: 0;
}
.basket-aside .close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 20px;
}
.basket-aside .close:hover {
  cursor: pointer;
}
.basket-aside .products-box .h100 {
  height: 100%;
}
.basket-aside .line-blue {
  background-image: url("../../img/lines/fil-footer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 10vh;
  margin: 0 auto;
}
.basket-aside .total p:first-child {
  margin: 50px 0 20px;
}

@media screen and (max-width: 992px) {
  .basket-aside {
    display: none;
  }

  .resp-basket-aside {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .resp-basket-aside.open {
    display: flex;
  }
  .resp-basket-aside .content {
    width: 100%;
    padding: 30px;
  }
  .resp-basket-aside .content .label {
    margin-bottom: 40px;
  }
  .resp-basket-aside .content button:first-child {
    margin-bottom: 30px;
  }
}
/*** HEADER ***/
.resp-base-header {
  display: none;
}

.base-header {
  position: fixed;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 15px;
  border: 1px solid white;
  background-color: white;
  border-radius: 10px;
  z-index: 90;
}
.base-header.second {
  width: 100%;
  top: 0;
  background-color: #19909B;
  border: 1px solid #19909B;
  border-radius: 0;
  padding: 10px 15px;
}
.base-header.second a {
  color: white;
}
.base-header .row {
  position: relative;
}
.base-header .row .nav-box .basket-link {
  width: 50px;
  height: 50px;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 50%;
  position: relative;
}
.base-header .row .nav-box .basket-link .countNb-box {
  position: absolute;
  top: 20%;
  right: 0;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
}
.base-header .row .btn-box .base-membership-submenu {
  display: none;
  width: 300px;
  position: absolute;
  top: 100%;
  right: -3.9%;
  padding: 30px 40px;
}
.base-header .row .btn-box .base-membership-submenu.open {
  display: block;
}
.base-header .row .btn-box .base-membership-submenu ul li {
  border-top: 2px solid #19909B;
  margin-top: 15px;
  padding-top: 15px;
}
.base-header .row .btn-box .base-membership-submenu ul li a {
  color: #DCA468 !important;
}
.base-header .row .btn-box .base-membership-submenu ul li a:hover {
  font-weight: bold;
}

/** FOOTER **/
.base-footer {
  margin-bottom: 5vh;
}
.base-footer .line-blue {
  background-image: url("../../img/lines/fil-footer.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 10vh;
  margin: 0 auto;
}
.base-footer .social-title {
  margin-bottom: 30px;
}

/*** HOME TOP ***/
.resp-home-top {
  display: none;
}

.home-top {
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.home-top .video-box-background {
  background-color: #19909B;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.home-top .video-box-background .video-box {
  position: absolute;
  top: 15%;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 85%;
}
.home-top .video-box-background .video-box video {
  height: 100%;
  width: auto;
}
.home-top .aside {
  height: 100%;
  box-shadow: 20px 0px 60px #000000C6;
  position: relative;
}
.home-top .aside .title-box {
  width: 170%;
  position: absolute;
  top: 50%;
  left: 20%;
  z-index: 15;
  transition: opacity 0.5s ease;
}
.home-top .aside .title-box .title {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  border-radius: 8px 8px 8px 0;
  padding: 20px 35px;
}
.home-top .aside .title-box .subtitle {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  border-radius: 0 0 8px 8px;
  padding: 20px 35px;
}
.home-top .aside .title-box .button-story {
  margin-top: 50px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.home-top .aside .title-box .button-story span {
  padding: 15px 50px;
}
.home-top .img-box {
  height: 100%;
  overflow: hidden;
}
.home-top .img-box img {
  height: 100%;
  width: auto;
  transform: scale(1.1) translateY(4%);
}

/*** HOME FORMATION ***/
.home-formation {
  padding: 10vh 10px;
}
.home-formation .title-h2, .home-formation .intro {
  margin-bottom: 50px;
}
.home-formation .item {
  position: relative;
  min-height: 40vh;
}
.home-formation .item .filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.home-formation .item:hover {
  cursor: pointer;
}
.home-formation .item:hover .img-box {
  width: 110%;
}
.home-formation .item:hover .filter {
  display: none;
}
.home-formation .button-box {
  margin-top: 10vh;
}

/*** HOME PATTERN ***/
.home-pattern {
  padding: 10vh 0 0;
}
.home-pattern .title-h2 {
  margin-bottom: 50px;
}
.home-pattern .items-container {
  padding: 60px 10px;
  background-image: url("../../img/background/wood-texture.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.home-pattern .items-container .intro {
  margin-bottom: 40px;
}
.home-pattern .items-container .row .item .img-box {
  overflow: hidden;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-pattern .items-container .button-box {
  margin-top: 10vh;
}
.home-pattern .items-container .button-box button span {
  padding-right: 35px;
  padding-left: 35px;
}

/*** HOME YOUTUBE ***/
.home-youtube {
  padding: 50px 10px;
}
.home-youtube .img-box {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  overflow: hidden;
}
.home-youtube .text-box .title {
  margin-bottom: 30px;
}

/*** HOME TESTIMONY ***/
.home-testimony {
  padding: 50px 10px;
}
.home-testimony .title-h2 {
  margin-bottom: 50px;
}
/** HOME LINE ORANGE **/
.home-line-orange {
  background-image: url("../../img/lines/fil-orange.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 8vh;
  margin: 50px auto;
}

/*** HOME BLOG ***/
.home-blog {
  padding: 10vh 10px;
}
.home-blog .title-h2 {
  margin-bottom: 50px;
}

/*** HOME CONTACT ***/
.flash-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  transform: translate(-50%, -50%);
  padding: 40px 20px;
  background-color: white;
  border: 2px solid #19909B;
  opacity: 1;
  transition: 0.3s ease opacity;
}

.contact {
  padding-top: 20vh;
  padding-bottom: 20vh;
  background-image: url("../../img/background/wood-texture.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}
.contact .left-box {
  margin-top: 50px;
}
.contact .left-box .title {
  margin-bottom: 150px;
}
.contact .right-box {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 5px;
}
.contact .right-box form {
  border: 2px dashed #DCA468;
  border-radius: 8px;
  padding: 45px 20px;
}
.contact .right-box form .field {
  margin-bottom: 30px;
}
.contact .right-box form label, .contact .right-box form input, .contact .right-box form option, .contact .right-box form textarea, .contact .right-box form select {
  font-family: sans-serif;
  display: inline-block;
  width: 100%;
}
.contact .right-box form label::placeholder, .contact .right-box form input::placeholder, .contact .right-box form option::placeholder, .contact .right-box form textarea::placeholder, .contact .right-box form select::placeholder {
  color: white;
}
.contact .right-box form label {
  font-weight: bold;
  font-size: 15px;
  color: #19909B;
  margin-bottom: 10px;
}
.contact .right-box form input, .contact .right-box form option, .contact .right-box form textarea, .contact .right-box form select {
  background-color: #95D5D8;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: white;
}
.contact .right-box form textarea {
  resize: none;
}
.contact .contact-line-orange {
  background-image: url("../../img/lines/fil-orange.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 8vh;
  width: 70%;
  margin: 50px auto;
}
.contact .contact-pro p {
  margin-bottom: 20px;
}

.story .story-top-container {
  padding-top: 20vh;
  background-image: url("../../img/background/wood-texture.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}
.story .top {
  padding-bottom: 150px;
  margin-bottom: 50px;
}
.story .top .title {
  margin: 50px 0;
}
.story .top .img-frame {
  height: 60vh;
  overflow: hidden;
  margin: 0 auto;
  border: 2px dashed #19909B;
  border-radius: 8px;
  padding: 10px;
}
.story .top .img-frame .img-box {
  height: 100%;
  border: 1px solid transparent;
  border-radius: 8px;
  overflow: hidden;
}
.story .top .text-box {
  margin-top: 50px;
}
.story .top .text-box .hello {
  margin-bottom: 30px;
}
.story .main .article-box .text-box p {
  margin-bottom: 20px;
}
.story .main .article-box .img-box {
  border: 1px solid transparent;
  border-radius: 10px;
  overflow: hidden;
}
.story .main .article-box .img-box img {
  transform: scale(1.1);
}
.story .main .button-box {
  margin-bottom: 10vh;
}

.basket {
  margin-top: 50px;
}
.basket .divider {
  height: 2px;
  margin: 20px 0;
}
.basket .list-box {
  margin-bottom: 50px;
}
.basket .list-box .remove-box .remove-icon {
  background-image: url("../../img/icons/poubelle.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  width: 25px;
  height: 25px;
}
.basket .list-box .remove-box .remove-icon:hover {
  cursor: pointer;
  position: relative;
}
.basket .list-box .remove-box .remove-icon:hover:after {
  content: "Supprimer";
  color: #DA2027;
  position: absolute;
  top: 30px;
  left: 0;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  transform: translateX(-25%);
}
.basket .actions-box {
  margin-top: 40px;
  margin-bottom: 30vh;
}
.basket .actions-box .back-box .back-icon {
  background-image: url("../../img/icons/fleche-retour.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 15px;
}

.thank {
  margin-top: 20vh;
}

.login {
  background-image: url("../../img/background/wood-texture.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100vh;
}
.login .content {
  margin-top: 10vh;
  margin-bottom: 15vh;
  padding: 2px;
  border: 1px solid transparent;
  border-radius: 8px;
}
.login .content.mt-25 {
  margin-top: 25vh;
}
.login .content .subcontent {
  border: 2px dashed #DCA468;
  border-radius: 8px;
  padding: 80px 20px 80px;
}
.login .content .subcontent .title {
  margin-bottom: 40px;
}
.login .content .subcontent .login-form input[type=email], .login .content .subcontent .login-form input[type=password] {
  border: 1px solid transparent;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 25px;
}
.login .content .subcontent .login-form input[type=email]::placeholder, .login .content .subcontent .login-form input[type=password]::placeholder {
  color: white;
}
.login .content .subcontent .login-form .password-box {
  border: 1px solid #95D5D8;
  border-radius: 8px;
  margin-bottom: 25px;
  overflow: hidden;
}
.login .content .subcontent .login-form .password-box input[type=password], .login .content .subcontent .login-form .password-box input[type=text] {
  margin: 5px 0 5px 1%;
  padding: 5px;
  border: 1px solid transparent;
}
.login .content .subcontent .login-form .password-box .password-icon-box {
  padding: 10px 0;
}
.login .content .subcontent .login-form .password-box .password-icon-box:hover {
  cursor: pointer;
}
.login .content .subcontent .login-form .password-box .password-icon-box .password-icon {
  width: 20px;
  height: 20px;
  background-image: url("../../img/icons/oeil.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.login .content .subcontent .password-forgotten {
  margin-top: 10px;
}
.login .content .subcontent .line-orange {
  background-image: url("../../img/lines/fil-orange.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 10vh;
  margin: 0 auto;
}
.login .content .subcontent .new-box > p {
  margin-bottom: 45px;
}
.login .content .subcontent .login-guest {
  margin-top: 30px;
}

.registration {
  padding-top: 25vh;
  padding-bottom: 25vh;
  background-image: url("../../img/background/wood-texture.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.registration .content {
  padding: 3px;
  border: 1px solid transparent;
  border-radius: 8px;
}
.registration .content .border {
  border: 2px dashed #DCA468;
  border-radius: 8px;
  padding: 50px 20px;
}
.registration .content .border .field-group {
  margin-top: 40px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.registration .content .border .field-group input {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 25px;
  padding: 20px 10px;
  border: 2px solid #95D5D8;
  border-radius: 8px;
  font-size: 15px;
}
.registration .content .border .field-group input::placeholder {
  color: white;
}
.registration .content .border .field-group input[type=checkbox] {
  width: 10%;
}
.registration .content .border .field-group .advice {
  margin-top: 15px;
}
.registration .content .border .field-group .password-box {
  border: 1px solid #95D5D8;
  border-radius: 8px;
  margin-bottom: 25px;
  overflow: hidden;
}
.registration .content .border .field-group .password-box input[type=password], .registration .content .border .field-group .password-box input[type=text] {
  margin: 5px 0 5px 1%;
  padding: 5px;
  border: 1px solid transparent;
  width: 80%;
}
.registration .content .border .field-group .password-box .password-icon-box {
  padding: 10px 0;
}
.registration .content .border .field-group .password-box .password-icon-box:hover {
  cursor: pointer;
}
.registration .content .border .field-group .password-box .password-icon-box .password-icon {
  width: 20px;
  height: 20px;
  background-image: url("../../img/icons/oeil.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.registration .content .border .button-box {
  margin-top: 40px;
}

@media screen and (max-width: 992px) {
  .base-header {
    display: none;
  }

  .resp-base-header {
    display: block;
    padding: 20px 10px;
  }

  .base-footer .row {
    flex-direction: column;
  }
  .base-footer .row > div {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .base-footer .row .elm1 {
    order: 2;
  }
  .base-footer .row .elm2 {
    order: 4;
  }
  .base-footer .row .elm3 {
    order: 1;
  }
  .base-footer .row .elm4 {
    order: 3;
  }
}
@media screen and (max-width: 1200px) {
  .home-top .aside .title-box {
    width: 250%;
  }
  .home-top .aside .title-box .subtitle {
    width: 80%;
  }
}
@media screen and (min-width: 1030px) and (max-height: 700px) {
  .home-top .img-box img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 900px) and (max-width: 1350px) {
  .home-top .aside {
    width: 20%;
  }
  .home-top .aside .title-box {
    width: 200%;
  }
  .home-top .img-box {
    width: 80%;
  }
}
@media screen and (max-width: 992px) {
  .home-top {
    display: none;
  }

  .resp-home-top {
    display: block;
  }
  .resp-home-top .button-story {
    margin: 30px auto;
  }

  .home-formation .intro {
    width: 80%;
  }
  .home-formation .last-formations {
    flex-direction: column;
  }
  .home-formation .last-formations .item {
    width: 100%;
    margin-bottom: 30px;
  }
  .home-formation .last-formations .item .filter {
    display: none;
  }

  .home-pattern .title-h2 {
    margin-bottom: 0;
  }
  .home-pattern .intro {
    width: 80%;
  }
  .home-pattern .items-container .row {
    flex-direction: column;
  }
  .home-pattern .items-container .row .item {
    width: 100%;
    margin-bottom: 30px;
  }

  .home-blog .partial-section {
    width: 100%;
  }

  .home-youtube {
    flex-direction: column;
  }
  .home-youtube .img-box {
    width: 160px;
    height: 160px;
    margin-bottom: 50px;
  }
  .home-youtube .text-box {
    width: 80%;
    margin-bottom: 50px;
  }
  .home-youtube .youtube-box {
    flex-direction: column;
    width: 80%;
  }
  .home-youtube .youtube-box > div {
    width: 50%;
  }
  .home-youtube .youtube-box > div p {
    text-align: center;
    margin-bottom: 30px;
  }
  .home-youtube .youtube-box .icon-box {
    width: 30%;
  }
}
.membership-base {
  position: relative;
}
.membership-base .left-box, .membership-base .right-box {
  min-height: 100vh;
  height: 100%;
  overflow-y: scroll;
  padding-top: 25vh;
  padding-bottom: 200px;
}
.membership-base .left-box {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 20px 0px 60px #000000C6;
}
.membership-base .left-box .logout-box {
  margin-bottom: 80px;
}
.membership-base .left-box .logout-box .icon-box {
  width: 60px;
  height: 60px;
}
.membership-base .left-box .logout-box .icon-box img {
  width: 100%;
  height: auto;
}
.membership-base .left-box nav li {
  margin-left: 60px;
  margin-bottom: 40px;
}
.membership-base .right-box {
  background-image: url("../../img/background/wood-texture.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.membership-informations {
  margin-top: 50px;
}
.membership-informations .form-col .field {
  margin-right: 5%;
}
.membership-informations .form-col .field label, .membership-informations .form-col .field input {
  width: 100%;
}
.membership-informations .form-col .field label {
  font-family: sans-serif;
  font-size: 15px;
  color: #19909B;
  font-weight: bold;
}
.membership-informations .form-col .field input {
  padding: 15px 10px;
  border: 1px solid #95D5D8;
  border-radius: 8px;
  margin-bottom: 20px;
}
.membership-informations .button-box {
  margin-top: 20px;
}

.membership-command {
  margin: 50px 0 40px;
}
.membership-command .intro {
  margin-bottom: 40px;
}
.membership-command .items-box .item {
  border-top: 2px solid #DCA468;
  border-bottom: 2px solid #DCA468;
  padding: 15px 0;
  height: 300px;
  margin-bottom: 50px;
}
.membership-command .items-box .item .img-container {
  height: 200px;
}
.membership-command .items-box .item .img-container .partial-item-picture-img-box .title-box .title {
  font-size: 20px;
}
.membership-command .items-box .item .text-box {
  height: 100%;
}
.membership-command .items-box .item .text-box .top .price {
  margin: 10px 0;
}

.membership-command-empty {
  margin: 35px 0;
}
.membership-command-empty .intro {
  margin-bottom: 35px;
}

.membership-formation .intro {
  margin: 50px 0;
}
.membership-formation .items-box .item {
  height: 220px;
}
.membership-formation .items-box .item .img-box {
  height: 100%;
  overflow: hidden;
}
.membership-formation .items-box .item .img-box img {
  height: 100%;
  width: auto;
}
.membership-formation .items-box .item .text-box {
  height: 75%;
}
.membership-formation .items-box .item .text-box .button button {
  padding-top: 10px;
  padding-bottom: 10px;
}
.membership-formation .items-box .item .text-box .button button span {
  padding: 8px 10px;
}
.membership-formation .items-box .item .text-box .date-purchase {
  margin-top: 10px;
}

.membership-formation-read-left .title {
  margin: 50px 0;
}
.membership-formation-read-left .formation-content .section-box {
  padding: 20px 15px;
  border-bottom: 1px solid #19909B;
}
.membership-formation-read-left .formation-content .section-box:hover {
  cursor: pointer;
}
.membership-formation-read-left .formation-content .section-box:hover .title-box h2 {
  color: #DCA468;
}
.membership-formation-read-left .formation-content .section-box.open {
  background-color: #DCA468;
  border-bottom: 1px solid white;
}
.membership-formation-read-left .formation-content .section-box.open .title-box .section-title {
  color: white;
}
.membership-formation-read-left .formation-content .section-box .action-box .arrow {
  display: inline-block;
  background-image: url("../../img/icons/fleche-bleu-suivant.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px;
}
.membership-formation-read-left .formation-content .step-container {
  display: none;
}
.membership-formation-read-left .formation-content .step-container.open {
  display: block;
}
.membership-formation-read-left .formation-content .step-container .step-box {
  padding: 15px 15px;
}
.membership-formation-read-left .formation-content .step-container .step-box .step-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid transparent;
}
.membership-formation-read-left .button-box {
  margin-top: 30px;
}

.membership-formation-read-right .iframe-box iframe {
  width: 100%;
}
.membership-formation-read-right .button-box {
  margin-top: 40px;
}

.membership-messenger table {
  border-collapse: collapse;
  margin-bottom: 50px;
}
.membership-messenger table td, .membership-messenger table th {
  border: 2px solid #19909B;
  padding: 5px;
  font-family: sans-serif;
}
.membership-messenger form {
  border-top: 2px solid #19909B;
  margin-top: 30px;
  padding-top: 30px;
}
.membership-messenger form label {
  margin-bottom: 30px;
}
.membership-messenger form textarea {
  border: 1px solid #19909B;
  border-radius: 10px;
  padding: 10px;
  resize: none;
  margin-bottom: 30px;
  font-family: sans-serif;
}

@media screen and (max-width: 992px) {
  .blog-list {
    margin-top: 0;
    padding-top: 30px;
  }
  .blog-list .content .social-box > div {
    width: 50%;
  }
  .blog-list .content .social-box > div img {
    width: 30px;
  }
  .blog-list .content .category-box {
    display: none;
  }
  .blog-list .content .resp-category-box {
    display: block;
  }
  .blog-list .content .resp-category-box .text {
    border-bottom: 2px dashed #DA2027;
  }
  .blog-list .content .resp-category-box .icon {
    display: inline-block;
    width: 15px;
    height: 6px;
    background-image: url("../../img/icons/flèche-rouge-défilement-bas.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .blog-list .content .resp-category-box .list {
    height: 0;
    overflow: hidden;
    margin-top: 10px;
  }
  .blog-list .content .resp-category-box .list.open {
    height: 100%;
  }
  .blog-list .content .resp-category-box .list .item-box {
    border: 2px dashed #DA2027;
    padding: 20px 15px 0;
  }
  .blog-list .content .resp-category-box .list .item-box .item {
    margin-bottom: 30px;
  }
  .blog-list .content .articles-box {
    width: 100%;
    margin-top: 40px;
  }
  .blog-list .content .articles-box .item .img-box {
    width: 100%;
    height: 300px;
    margin: 0 auto;
  }
  .blog-list .content .articles-box .item .text-box {
    margin-top: 30px;
    width: 100%;
  }
  .blog-list .content .articles-box .item .text-box .intro {
    margin-top: 20px;
  }
  .blog-list .content .articles-box .divider {
    margin: 40px auto 45px;
  }

  .blog-list-frontpage {
    margin-top: 75px;
  }
  .blog-list-frontpage .title {
    width: 80%;
    margin: 0 auto;
  }
  .blog-list-frontpage .content {
    margin-top: 30px;
    height: 100%;
    padding: 40px 0;
  }
}
@media screen and (max-width: 992px) {
  .blog-read {
    margin-top: 0;
    padding-top: 30px;
  }
  .blog-read .title-box {
    margin-top: 60px;
  }
  .blog-read .title-box .date {
    margin-top: 20px;
  }
  .blog-read .content-box {
    margin-top: 20px;
    width: 100%;
  }
  .blog-read .content-box p {
    margin-bottom: 20px;
  }
  .blog-read .content-box img {
    width: 100% !important;
    height: auto !important;
  }
  .blog-read .content-box iframe {
    width: 100%;
  }
  .blog-read .line {
    margin-top: 30px;
  }
  .blog-read .file-box .text-box {
    width: 100%;
  }
  .blog-read .file-box .button-box .button {
    padding: 8px 15px;
  }
  .blog-read .file-box .button-box .button .icon {
    width: 25px;
    height: 30px;
  }
  .blog-read .file-box .social-box {
    margin-top: 40px;
  }
  .blog-read .file-box .social-box .item-box {
    width: 100%;
  }
  .blog-read .contact-box {
    margin-top: 40px;
  }

  /** MODAL **/
  .blog-read-download-modal .content {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .contact {
    padding-top: 20px;
  }
  .contact .left-box, .contact .right-box {
    width: 100%;
  }
  .contact .left-box .title {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  .story .story-top-container {
    padding-top: 5vh;
  }
  .story .story-top-container .top .img-frame {
    width: 100%;
  }
  .story .story-top-container .top .text-box {
    width: 100%;
  }
  .story .main .article-box {
    flex-direction: column-reverse;
  }
  .story .main .article-box .img-box, .story .main .article-box .text-box {
    width: 100%;
    margin-bottom: 50px;
  }
  .story .main .button-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 992px) {
  .sewing-list {
    margin-top: 25px;
  }
  .sewing-list .video-container .title {
    margin: 55px auto 25px;
    width: 70%;
  }
  .sewing-list .sewings-container {
    margin-top: 35px;
  }
  .sewing-list .sewings-container .filters-box {
    width: 100%;
  }
  .sewing-list .sewings-container .filters-box div:first-child {
    justify-content: center;
  }
  .sewing-list .sewings-container .filters-box .list-down {
    bottom: -130px;
    z-index: 99;
  }
  .sewing-list .sewings-container .filters-box .resp-category {
    display: block;
    position: relative;
  }
  .sewing-list .sewings-container .filters-box .resp-category .label {
    border-bottom: 2px dashed #DA2027;
  }
  .sewing-list .sewings-container .filters-box .resp-category .icon-down {
    background-image: url("../../img/icons/fleche-rouge-bas.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: translateY(5px);
  }
  .sewing-list .sewings-container .filters-box .resp-category .list-down {
    bottom: -100px;
    background-color: #DA2027;
  }
  .sewing-list .sewings-container .filters-box .category {
    display: none;
  }
  .sewing-list .sewings-container .line-blue {
    background-size: cover;
    margin-top: 30px;
  }
  .sewing-list .pagination {
    display: none;
  }
  .sewing-list .resp-pagination {
    display: block;
    margin-top: 35px;
  }
  .sewing-list .resp-pagination .previous .arrow, .sewing-list .resp-pagination .next .arrow {
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 10px;
    vertical-align: bottom;
  }
  .sewing-list .resp-pagination .previous .arrow {
    background-image: url("../../img/icons/fleche-retour.png");
  }
  .sewing-list .resp-pagination .next .arrow {
    background-image: url("../../img/icons/fleche-suivant.png");
  }
}
@media screen and (max-width: 992px) {
  .sewing-read-basket {
    display: none;
  }

  .sewing-read {
    margin-top: 25px;
  }
  .sewing-read .back-box {
    margin-bottom: 50px;
  }
  .sewing-read .sewing-box {
    flex-direction: column-reverse;
  }
  .sewing-read .sewing-box > * {
    width: 100%;
  }
  .sewing-read .sewing-box .text-container .resp-carousel {
    display: block;
    margin-bottom: 40px;
  }
  .sewing-read .sewing-box .text-container .button-box {
    display: flex;
    justify-content: center;
  }
  .sewing-read .sewing-box .img-container {
    display: none;
  }
  .sewing-read .will-also-like-box > .title {
    margin: 50px auto 25px;
  }
}
@media screen and (max-width: 992px) {
  .formation-list {
    margin-top: 25px;
  }
  .formation-list .title-container p {
    width: 70%;
  }
  .formation-list .formation-container {
    flex-direction: column;
  }
  .formation-list .formation-container .item {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .basket .list-box .remove-box {
    width: initial;
  }
  .basket .back-box {
    margin-bottom: 30px;
  }
  .basket .actions-box {
    flex-direction: column;
  }
}
@media screen and (max-width: 992px) {
  .login {
    height: initial;
    padding-bottom: 10vh;
  }
  .login .content {
    margin-top: 10vh;
    width: 90%;
  }
  .login .content .subcontent {
    padding: 40px 10px 40px;
  }
  .login .content .subcontent .login-form {
    width: 90%;
  }
}
@media screen and (max-width: 992px) {
  .formation-read {
    margin-top: 25px;
  }
  .formation-read article .top {
    margin-top: 25px;
    padding-bottom: 200px;
  }
  .formation-read article .top .text-box .title {
    text-align: center;
  }
  .formation-read article .top .text-box .intro {
    width: 100%;
    text-align: center;
  }
  .formation-read article .top .review-box .review-content {
    width: 60%;
    margin: 0 auto;
    justify-content: center;
  }
  .formation-read article .top .floating {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
  }
  .formation-read article .top .floating .text-box {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .formation-read article .content {
    margin-top: 50vh;
  }
  .formation-read article .content .description-box {
    width: 100%;
  }
  .formation-read article .content .content-box .sections {
    width: 100%;
  }

  .formation-read-associated .items-box {
    width: 100%;
  }
  .formation-read-associated .items-box .item {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  .registration .content {
    width: 90%;
  }
  .registration .content .border {
    width: 100%;
  }
  .registration .content .border .field-group {
    width: 100%;
    display: block;
  }
  .registration .content .border .field-group .field {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .membership-base {
    flex-direction: column-reverse;
  }
  .membership-base .left-box {
    position: static;
    width: 100%;
    padding-top: 5vh;
  }
  .membership-base .right-box {
    padding: 5vh 10px;
  }
  .membership-base .right-box .content {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .membership-informations .form-col {
    width: 100%;
  }
  .membership-informations .form-col .field {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 992px) {
  .title-membership-command {
    text-align: center;
  }

  .membership-command, .membership-command-empty {
    margin-top: 15px;
  }
  .membership-command .intro, .membership-command-empty .intro {
    text-align: center;
  }
  .membership-command .items-box, .membership-command-empty .items-box {
    flex-direction: column;
  }
  .membership-command .items-box .item, .membership-command-empty .items-box .item {
    width: 100%;
  }

  .membership-command-empty .button-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 992px) {
  .membership-formation .items-box {
    width: 100%;
  }
  .membership-formation .items-box .item {
    width: 100%;
  }
}

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