@media (min-width: 768px) {
  #first {
    background-image: url("peli-melo-3-formats-1920px.jpg");
    width: 100%;
    height: 50vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 766px) {
  #first {
    background-image: url("peli-melo-3-formats-591px.jpg");
    width: 100%;
    height: 50vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (min-width: 768px) {
  #second {
    background-image: url("Peli-Melo-Deco-1920px.jpg");
    width: 100%;
    height: 50vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 766px) {
  #second {
    background-image: url("Peli-Melo-Deco-768px.jpg");
    width: 100%;
    height: 50vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#collab-right {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-right-960px.jpg");
  height: 100vh;
  width: 100%;
}

#collab-left {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-left-960px.jpg");
  width: 100%;
  height: 91vh;
  background-size: cover;
  background-repeat: no-repeat;
}

#collab-right {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-right-960px.jpg");
  width: 100%;
  background-size: contain;
  background-position: center;
  height: 100vh;
  background-repeat: no-repeat;
}

#title-first {
  height: 114px;
}

.navbar-light .navbar-brand {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/logo-peli-melo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 50px;
}

#section1 {
  margin-top: 10vh;
}

@media (max-width: 574px) {
  .h1, h1 {
    font-size: 2.2rem;
    font-family: 'Archivo Black';
  }
}

@media (min-width: 576px) {
  .h1, h1 {
    font-size: 3.2rem;
    font-family: 'Archivo Black';
  }
}

.All-section {
  margin-top: 11vh;
  margin-bottom: 0px;
}

@media (max-width: 575px) {
  #image-peli-melo-facile {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-grand-format-1920px.jpg");
    height: 50vh;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 0;
  }
}

@media (max-width: 576px) {
  #A13-image-1 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-5.jpg");
    height: 18vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    width: 100%;
  }
}

@media (max-width: 576px) {
  #image-pluri-melo-accueil {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-1131px.jpg");
    height: 50vh;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    padding-top: 0;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #image-peli-melo-facile {
    width: 100%;
    height: 23vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-grand-format-1920px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 339px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #image-peli-melo-facile {
    width: 100%;
    height: 31vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-grand-format-1920px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 339px;
  }
}

@media (min-width: 992px) {
  #image-peli-melo-facile {
    width: 100%;
    height: 36vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-grand-format-1920px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 340px;
  }
}

@media (min-width: 1200px) {
  #A12-image-1 {
    height: 556px;
    overflow: hidden;
    max-width: 1106px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) and (max-width:1199px) {
  #A12-image-1 {
    height: 414px;
    overflow: hidden;
    max-width: 1106px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width:576px) and (max-width: 767px) {
  #A12-image-1 {
    height: 315px;
    overflow: hidden;
    max-width: 1106px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 575px) {
  #A12-image-1 {
    height: 199px;
    overflow: hidden;
    max-width: 1106px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 577px) and (max-width:767px) {
  #A13-image-1 {
    width: 100%;
    height: 42vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-5.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (min-width: 992px) {
  #A7-image-1 {
    height: 500px;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
  }
}

@media (min-width: 768px) and (max-width : 991px) {
  #A7-image-1 {
    height: 300px;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 759px;
  }
}

@media (min-width: 576px) and (max-width : 767px) {
  #A7-image-1 {
    /*height: 267px;*/
    object-fit: cover;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: inline-block;
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #A7-image-1 {
    /*height: 267px;*/
    object-fit: cover;
    display: inline-block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@media (min-width: 768px) {
  #A13-image-1 {
    width: 100%;
    height: 33vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-5.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #A10-image-1 {
    width: 100%;
    height: 37vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-3.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0vh;
    max-height: none;
  }
}

@media (min-width: 992px) {
  #A10-image-1 {
    width: 100%;
    height: 60vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-3.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2vh;
    margin-top: 0px;
    max-height: none;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A10-image-1 {
    width: 100%;
    height: 28vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-3.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 3vh;
    margin-top: 0px;
  }
}

@media (max-width: 575px) {
  #A10-image-1 {
    width: 100%;
    height: 22vh;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-3.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 2vh;
    margin-top: 15px;
  }
}

#A8-image1 {
  overflow: hidden;
  width: 500px;
}

@media (min-width: 768px) {
  #A8-image2 {
    padding: 1px;
  }
}

@media (max-width: 767px) {
  #A8-image2 {
    padding: 1px;
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-geant-200-photos.jpg") no-repeat;
    background-size: auto, cover;
  }
}

@media (min-width: 578px) {
  #image-pluri-melo-accueil {
    width: 100%;
    height: 45vh;
    max-width: 1400px;
    margin: 0px;
    margin-right: auto;
    margin-left: auto;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-1131px.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.titre-1 {
}

@media (max-width: 766px) {
  .All-Section-produit {
    margin-top: 53vh;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .All-Section-produit {
    margin: 0;
    margin-top: 10vh;
    margin-bottom: 46;
  }
}

@media (min-width: 768px) {
  #image-peli-melo-cocoon {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-cocoon-1920px.jpg");
    width: 100vw;
    height: 50vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  #image-peli-melo-deco {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-deco-1920px.jpg");
    width: 100vw;
    height: 50vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 766px) {
  #image-peli-melo-deco {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-deco-1920px.jpg");
    width: 100vw;
    height: 50vh;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 766px) {
  #image-peli-melo-cocoon {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-cocoon-1920px.jpg");
    width: 100vw;
    height: 50vh;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#pluri-melo-left {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-left-960px.jpg");
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #119a1f;
  height: 60vh;
}

#pluri-melo-right {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-right-960px.jpg");
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: rgba(157,54,54,0);
  height: 60vh;
}

#pluri-melo {
  margin-top: 38px;
}

@media (max-width: 574px) {
  .h2, h2 {
    font-family: 'Roboto';
    font-weight: bold;
  }
}

@media (min-width: 992px) {
  .h2, h2 {
    font-size: 2.6rem;
    font-family: 'Roboto';
    font-weight: bold;
  }
}

@media (min-width: 576px) and (max-width:991px) {
  .h2, h2 {
    font-size: 2rem;
    font-family: 'Roboto';
    font-weight: bold;
  }
}

.list-group {
  font-family: Roboto, sans-serif;
  /*font-size: 20px;*/
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  padding-top: 0px;
}

@media (min-width: 768px) {
  #texte-above {
    background-color: rgba(255,255,255,0.52);
    width: 32vw;
    height: 50vh;
    margin-top: -305px;
    margin-right: 0;
    margin-left: 0vw;
    padding: 5px;
  }
}

@media (max-width: 766px) {
  #texte-above {
    background-color: rgba(193,69,69,0.25);
    width: 100%;
    height: 36vh;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
  }
}

#heading-soustitre1 {
  padding: 22px;
  background-color: rgba(169,96,23,0.54);
  font-size: 16px;
  color: rgb(248,252,255);
}

#div-visible {
  width: 90%;
  height: 50px;
  background-color: rgba(32,38,164,0.37);
  padding: 0;
  margin-top: -59px;
  margin-right: 46;
  padding-right: 0;
}

@media (min-width: 768px) and (max-width:991px) {
  #texte-facile {
    position: relative;
    background: linear-gradient(122deg, rgba(236,217,177,1) 39%, #dacec6 100%);
    height: 321px;
    margin-top: -274px;
    width: 349px;
    margin-right: auto;
    margin-left: auto;
    padding: 14px;
    opacity: 0.86;
  }
}

@media (min-width: 992px) {
  #texte-facile {
    position: relative;
    background: linear-gradient(122deg, rgba(236,217,177,1) 39%, #dacec6 100%);
    height: 318px;
    margin-top: -304px;
    width: 349px;
    margin-right: auto;
    margin-left: auto;
    padding: 14px;
    opacity: 0.86;
    z-index: 0;
  }
}

@media (min-width: 768px) {
  #texte-cocoon {
    position: absolute;
    height: 356px;
    background-color: rgba(236,217,177,0.8);
    background: linear-gradient(122deg, rgb(78,79,145) 1%, rgb(225,154,117) 100%);
    margin-top: -380px;
    width: 271px;
    background-position: center;
    margin-right: 0;
    margin-left: 10%;
    padding: 14px;
    opacity: 0.93;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #texte-pluri-melo {
    position: relative;
    background: linear-gradient(60deg, rgb(235,230,227) 20%, #ba95ba 50%, rgb(235,230,227) 78%);
    width: 353px;
    left: 50%;
    opacity: 0.89;
    margin-top: -402px;
    padding: 14px;
    margin-left: 2%;
    height: 353px;
  }
}

@media (min-width: 992px) {
  #texte-pluri-melo {
    position: relative;
    background: linear-gradient(60deg, rgb(235,230,227) 20%, #ba95ba 50%, rgb(235,230,227) 78%);
    width: 424px;
    left: 50%;
    opacity: 0.89;
    margin-top: -338px;
    padding: 14px;
    margin-left: 5%;
    height: 336px;
  }
}

@media (min-width: 768px) {
  #texte-deco {
    height: 337px;
    background: linear-gradient(122deg, rgb(237,230,217) 39%, #943e00 100%);
    margin-top: -392px;
    width: 254px;
    background-position: center;
    margin-right: 5%;
    margin-left: 80%;
    padding: 14px;
    background-size: auto;
    opacity: 0.89;
    position: relative;
  }
}

@media (max-width: 767px) {
  #texte-deco {
    height: 289px;
    width: 100%;
    padding: 14px;
    position: relative;
  }
}

@media (max-width: 767px) {
  #texte-pluri-melo {
    position: relative;
    background-color: rgba(252,252,252,0.8);
    width: 100%;
    background-position: center;
    padding: 14px;
    margin-top: 0px;
  }
}

@media (max-width: 766px) {
  #texte-cocoon {
    position: relative;
    height: 289px;
    background-color: rgba(252,252,252,0.8);
    margin: 0;
    width: 100%;
    background-position: center;
    margin-right: 0;
    padding: 14px;
  }
}

@media (max-width: 766px) {
  #texte-facile {
    height: 289px;
    width: 100%;
    padding: 14px;
  }
}

#texte-facile {
}

@media (max-width: 575px) {
  #bouton-A {
    margin-left: 56%;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #bouton-A {
    margin-left: 20%;
    margin-top: 110px;
    margin-right: 68px;
  }
}

@media (max-width: 766px) {
  #bouton-B {
    margin-left: 55%;
    width: 135px;
  }
}

@media (max-width: 766px) {
  #bouton-D {
    margin-left: 200px;
    width: 135px;
    margin-top: 0;
    padding-top: 7px;
    margin-right: -1px;
  }
}

@media (min-width: 768px) {
  #bouton-D {
    margin-left: 140px;
    width: 135px;
    margin-top: 0;
    padding-top: 7px;
  }
}

@media (min-width: 768px) {
  #bouton-B {
    margin-left: 25px;
    width: 135px;
    margin-top: 7px;
  }
}

@media (min-width: 768px) {
  #bouton-A {
    margin-left: 33px;
    width: 135px;
    margin-top: 6px;
  }
}

@media (min-width: 576px) {
  #bouton-A-Style {
    font-size: large;
    width: 182px;
  }
}

@media (max-width: 574px) {
  #bouton-A-Style {
    width: 128px;
    margin-right: 20px;
  }
}

.inter {
  height: 29px;
  margin-top: 68px;
}

@media (min-width: 768px) {
  #image-pluri-melo {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-collaboratif.jpg");
    width: 100%;
    height: 52vh;
    background-size: cover;
    background-position: top;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 766px) {
  #image-pluri-melo {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-collaboratif.jpg");
    width: 100%;
    height: 50vh;
    background-size: auto;
    background-position: 18%;
  }
}

.list-group.border-0 {
  border: 0;
}

@media (min-width: 768px) {
  #separation {
    height: 206px;
  }
}

@media (max-width: 766px) {
  #separation {
    height: 20px;
  }
}

.h3, h3 {
  font-size: 1.2rem;
  font-family: Roboto, sans-serif;
  font-weight: bold;
}

.list-group-item {
  position: relative;
  display: block;
  background-color: rgba(136,109,109,0);
  border: 0px solid rgba(0,0,0,0.125);
  padding-right: 8px;
  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 9px;
}

#choisir {
  color: #732973;
  margin-top: 5vh;
  /*background-color: #fefefe;*/
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  #tab1-H1 {
    width: 100%;
    margin-left: 0%;
    margin-bottom: -1px;
  }
}

@media (max-width: 574px) {
  #tab1-H1 {
    width: 100%;
    margin-left: -3px;
  }
}

#A6-tab1-H1 {
  width: 100%;
  margin-left: 0%;
  margin-bottom: -1px;
  color: #732973;
}

@media (min-width: 992px) {
  #tab3-H1 {
    position: absolute;
    top: 70px;
    left: 20%;
    color: rgb(255,255,255);
    right: 10%;
  }
}

@media (min-width: 992px) {
  #titreCocoon-tab1-H1 {
    position: relative;
    top: 120px;
    left: 20%;
    width: 100%;
    color: rgb(255,255,255);
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #tab3-H1 {
    position: absolute;
    top: 90px;
    right: 5%;
    color: rgb(255,255,255);
    z-index: 1;
  }
}

@media (min-width: 768px) {
  #titreCocoon-tab1-H1 {
    position: relative;
    top: 110px;
    left: 15%;
    width: 100%;
    color: rgb(255,255,255);
    z-index: 1;
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #tab3-H1 {
    position: absolute;
    top: 15vh;
    width: 100%;
    color: rgb(255,255,255);
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #titreCocoon-tab1-H1 {
    position: relative;
    top: 9vh;
    left: 0%;
    width: 100%;
    color: rgb(255,255,255);
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #tab3-H1 {
    position: absolute;
    top: 90px;
    width: 100%;
    color: rgb(255,255,255);
  }
}

@media (min-width: 576px) {
  #titreCocoon-tab1-H1 {
    position: relative;
    top: 100px;
    left: 0%;
    width: 100%;
    color: rgb(255,255,255);
  }
}

#titreCocoon-tab1-H2 {
  margin-right: -9%;
  margin-top: -21px;
}

@media (min-width: 768px) {
  #tab2-H2-font {
    font-size: 2.4rem;
  }
}

#tab2-H2 {
  width: 100%;
  margin-top: -14px;
}

@media (min-width: 576px) {
  #tab3-H2 {
    width: 100%;
    margin-right: 0;
    margin-left: -1%;
  }
}

@media (max-width: 576px) {
  #tab3-H2 {
    width: 100%;
    margin-right: -8px;
  }
}

@media (max-width: 575px) {
  #tab3-H2-font {
    font-size: 1.2rem;
  }
}

@media (min-width: 576px) and (max-width : 766px) {
  #tab3-H2-font {
    font-size: 1.6rem;
  }
}

span {
  font-family: 'Merriweather Sans', sans-serif;
  font-size: smaller;
}

@media (max-width: 574px) {
  .btn.btn-primary.bouton-A-Style1 {
    font-size: medium;
    width: 142px;
    margin-right: 0px;
    margin-left: -23px;
  }
}

@media (min-width: 576px) {
  .btn.btn-primary.bouton-A-Style1 {
    font-size: large;
    width: 162px;
  }
}

.btn.btn-primary.bouton-B-Style {
  background-color: #E74D6D;
  border-radius: 40px;
  font-family: 'Roboto';
  font-weight: 600;
}

.btn.btn-primary.bouton-A-Style {
  background-color: #E74D6D;
  border-radius: 30px;
  font-family: 'Roboto';
  font-weight: 600;
}

.btn.btn-primary.buton-pluri-melo-style {
  background-color: #fefefe;
  border-radius: 20px;
  font-family: 'Roboto';
  font-weight: 400;
  color: #000000;
}

@media (min-width: 768px) {
  .text-center.tab3-H3 {
    color: rgb(191,221,251);
  }
}

@media (min-width: 768px) {
  .text-center.tab2-H3 {
    color: #732973;
  }
}

@media (min-width: 768px) {
  .text-center.tab1-H3 {
    color: #732973;
  }
}

.text-center.tab4-H3 {
  color: #732973;
}

#max1400 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

#max1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.list-group.centreListe {
  margin-top: 0;
  margin-bottom: 0;
}

.centreListe {
  margin-top: auto;
  margin-bottom: auto;
}

#clas1-Img1 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-papier-1.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas1-Img1 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-papier-1.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 30vh;
    margin-right: 0;
    margin-left: 0;
    background-position: left;
  }
}

#clas12-Img1 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-canvas-5.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

#clas7-Img2 {
  width: 100%;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/trotteboeuf-1.jpg") center / cover;
}

#clas13-Img2 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-2.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

@media (min-width: 576px) and (max-width:787px) {
  #clas13-Img2 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-2.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 39vh;
    margin-right: 0;
    margin-left: 0;
    background-position: right;
  }
}

@media (min-width: 992px) {
  #clas13-Img2 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-2.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 43vh;
    margin-right: 0;
    margin-left: 0;
    background-position: right;
  }
}

#A10-img2 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-4.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

#A8-image3 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-geant-1000-photos.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 41vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

@media (min-width: 576px) {
  #A23-image2 {
    width: 100%;
    height: 33vh;
    margin-right: 0;
    margin-left: 0;
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/A23-pele-mele-photo-plaid-coton_2.jpg") center / cover no-repeat;
  }
}

@media (max-width: 575px) {
  #A23-image2 {
    width: 100%;
    height: 41vh;
    margin-right: 0;
    margin-left: 0;
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/A23-pele-mele-photo-plaid-coton_2.jpg") center / cover no-repeat;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A8-image3 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-geant-1000-photos.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 58vh;
    margin-right: 0;
    margin-left: 0;
    background-position: right;
  }
}

#clas12-Img3 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-deco-1920px.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 34vh;
  margin-right: 0;
  margin-left: 0;
  background-position: center;
}

#A12-img4 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-6.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 34vh;
  margin-right: 0;
  margin-left: 0;
  background-position: center;
}

@media (min-width: 576px) and (max-width:767px) {
  #clas12-Img3 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-deco-1920px.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 45vh;
    margin-right: 0;
    margin-left: 0;
    background-position: center;
  }
}

#clas12-Img2 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-canvas-3.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

#clas13-Img4 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-3.jpg");
  background-size: cover;
  width: 90%;
  background-repeat: no-repeat;
  height: 34vh;
  margin-right: auto;
  margin-left: auto;
  background-position: center;
}

@media (max-width: 767px) {
  #clas13-Img4 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-3.jpg");
    background-size: cover;
    width: 90%;
    background-repeat: no-repeat;
    height: 22vh;
    margin-right: auto;
    margin-left: auto;
    background-position: center;
  }
}

#A12-img3 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-5.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

#A8-image4 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-geant-400-photos.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

@media (min-width: 768px) and (max-width :991px) {
  #A8-image4 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-geant-400-photos.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 52vh;
    margin-right: 0;
    margin-left: 0;
    background-position: right;
  }
}

#A6-clas1-Img1 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/Peli-Melo-equipe-1.jpg");
  background-size: contain;
  width: 100%;
  background-repeat: no-repeat;
  height: 36vh;
  margin-right: 0;
  margin-left: 0;
}

@media (min-width: 576px) and (max-width:767px) {
  #A6-clas1-Img1 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/Peli-Melo-equipe-1.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 36vh;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A6-clas1-Img3 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-left-960px.jpg");
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    height: 36vh;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 576px) {
  #A6-clas1-Img3 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-left-960px.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 36vh;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  #A6-clas1-Img3 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-left-960px.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 44vh;
    margin-right: 0;
    margin-left: 0;
  }
}

#A6-clas1-Img2 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/Peli-Melo-equipe-2.jpg");
  background-size: contain;
  width: 100%;
  background-repeat: no-repeat;
  height: 33vh;
  margin-right: 0;
  margin-left: 0;
  background-position: center;
}

@media (min-width: 992px) {
  #A6-clas1-Img2 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/Peli-Melo-equipe-2.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 33vh;
    margin-right: 0;
    margin-left: 0;
    background-position: right;
  }
}

#clas2-Img1 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-lampe-photo-3.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: top;
}

@media (min-width: 992px) {
  #clas2-Img1 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-lampe-photo-3.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 30vh;
    margin-right: 0;
    margin-left: 0;
    background-position: center;
  }
}

#clas1-Img3 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-canvas-1.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas1-Img3 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-canvas-1.jpg");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 30vh;
    margin-right: 0;
    margin-left: 0;
    background-position: center;
  }
}

#img-Pluri-Melo-prive {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri-melo-collaboratif-1.jpg");
  background-size: cover;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: right;
}

#clas2-Img3 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-portrait-mosaique-2.jpg");
  background-size: contain;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: center;
  z-index: 0;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas2-Img3-b {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-portrait-mosaique-1.jpg");
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    height: 30vh;
    margin-right: 0;
    margin-left: 0;
    background-position: center;
    position: relative;
    left: 10%;
    top: 20%;
    z-index: 1;
  }
}

@media (max-width: 766px) {
  #clas2-Img3-b {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-portrait-mosaique-1.jpg");
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    height: 30vh;
    margin-right: 0;
    margin-left: 0;
    background-position: center;
    position: relative;
    left: 20%;
    z-index: 1;
  }
}

@media (min-width: 992px) {
  #clas2-Img3-b {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-portrait-mosaique-1.jpg");
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    height: 30vh;
    margin-right: 0;
    margin-left: 0;
    background-position: center;
    position: relative;
    left: 20%;
    top: 20%;
    z-index: 1;
  }
}

#clas3-Img3 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-coeur-3d-1.jpg");
  background-size: contain;
  width: 100%;
  background-repeat: no-repeat;
  height: 30vh;
  margin-right: 0;
  margin-left: 0;
  background-position: center;
}

#clas1-Img2 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-papier-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 576px) and (max-width:991px) {
  #img-Pluri-Melo-prive-right {
    width: 100%;
    height: 17vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-right-960px.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (min-width: 992px) {
  #img-Pluri-Melo-prive-right {
    width: 100%;
    height: 27vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-right-960px.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 575px) {
  #img-Pluri-Melo-prive-right {
    width: 100%;
    height: 27vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-right-960px.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 12px;
  }
}

img-Pluri-Melo-prive-right {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-papier-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

#clas2-Img2 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-lampe-photo-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

#clas3-Img2 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-lampe-photo-1.png");
  background-size: cover;
  background-repeat: no-repeat;
}

#clas1-Img4 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-canvas-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas1-Img4 {
    width: 100%;
    height: 30vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-canvas-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

#clas2-Img4 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-portrait-mosaique-3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#clas3-Img4 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-coeur-3d-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#clas1-Img6 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas1-Img6 {
    width: 100%;
    height: 41vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
  }
}

@media (min-width: 992px) {
  #clas1-Img6 {
    width: 100%;
    height: 34vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
  }
}

#img-pluri-melo-public-3 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri-melo-collaboratif-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #clas2-Img6 {
    width: 100%;
    height: 39vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-vinyl-addhesif-3.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top;
  }
}

@media (max-width:767px) {
  #clas2-Img6 {
    width: 100%;
    height: 39vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-vinyl-addhesif-3.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #clas2-Img6 {
    width: 100%;
    height: 40vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-vinyl-addhesif-3.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#clas1-Img8 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas1-Img8 {
    width: 100%;
    height: 40vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

#clas2-Img8 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-plaid.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#A3-tab2-img1 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-plaid.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

#A3-tab3-img1 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-couverture-bebe.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}

@media (min-width: 576px) and (max-width:767px) {
  #A3-tab3-img1 {
    width: 100%;
    height: 34vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-couverture-bebe.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #A3-tab3-img1 {
    width: 100%;
    height: 37vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-couverture-bebe.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
  }
}

#clas1-Img5 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas1-Img5 {
    width: 100%;
    height: 41vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media (min-width: 992px) {
  #clas1-Img5 {
    width: 100%;
    height: 34vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#img-pluri-melo-public-1 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri-melo-collaboratif-3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

#img-pluri-melo-public-2 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri-melo-collaboratif-4.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

#clas2-Img5 {
  width: 100%;
  height: 40vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-vinyl-addhesif-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #clas2-Img5 {
    width: 100%;
    height: 40vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-vinyl-addhesif-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #clas2-Img5 {
    width: 100%;
    height: 40vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-vinyl-addhesif-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#clas1-Img7 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width:991px) {
  #clas1-Img7 {
    width: 100%;
    height: 41vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-aluminium-1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#img-pluri-melo-corporate {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-corporate.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

#clas2-Img7 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-tote-bag.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  background-position: right;
}

#A3-tab4-img2 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-tote-bag.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  background-position: left;
}

@media (min-width: 300px) and (max-width:576px) {
  #A3-tab4-img2 {
    width: 100%;
    height: 40vh;
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-tote-bag.jpg");
    background-size: auto;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    max-height: 254px;
  }
}

#clas2-Img7-2 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-tote-bag.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

#A3-tab4-img1 {
  width: 100%;
  height: 30vh;
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-tote-bag.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

#separateur {
  height: 8vh;
  width: 100%;
  background-color: #5fbebc;
}

#clas1-Prix {
  color: #732973;
  margin-top: 2vh;
}

#clas4-info-Prix {
  color: rgb(1,76,143);
  margin-top: 2vh;
}

#clas1-H1 {
  font-size: 13px;
}

@media (min-width: 576px) {
  #titrePlaid-H2 {
    font-size: 2.2rem;
  }
}

@media (min-width: 576px) {
  #titre3d-H2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 574px) {
  #titrePlaid-H2 {
    font-size: 1.5rem;
  }
}

@media (max-width: 574px) {
  #titre3d-H2 {
    font-size: 1.4rem;
  }
}

@media (max-width: 576px) {
  #fond-img-vinyl {
    background-size: cover;
    background-repeat: no-repeat;
    height: 182px;
    filter: blur(0px) brightness(111%);
  }
}

@media (min-width: 992px) {
  #fond-img-vinyl {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-vinyl-addhesif-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 241px;
    filter: brightness(150%);
  }
}

#lastchoice {
  min-height: 0;
  margin-top: 11vh;
  height: 3px;
  margin-bottom: 0px;
}

#separateurHome {
  height: 2vh;
  margin-top: 10vh;
}

#moveAbsolute {
  position: relative;
  width: 100px;
  height: 50px;
  background-color: #d1d5c3;
}

#moveRelative {
  position: relative;
  width: 100px;
  height: 50px;
  background-color: #ceff09;
}

@media (min-width: 300px) {
  #titreCocoon-H2 {
    font-size: 23px;
  }
}

@media (min-width: 576px) {
  #titreCocoon-H2 {
    font-size: 36px;
  }
}

@media (min-width: 768px) {
  #pos-buton-pluri-melo {
    position: absolute;
    left: 50%;
    width: 100%;
    top: 80%;
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  #pos-buton-pluri-melo {
    position: relative;
    width: 100%;
    top: 80%;
  }
}

#autreSupport {
  margin-top: 6vh;
  padding: 12px;
}

#A7autreSupport {
  margin-top: 2vh;
  padding: 12px;
}

.carre-A {
  width: 40px;
  height: 40px;
  background-color: #e74d6d;
}

.carre-B {
  width: 30px;
  height: 30px;
  background-color: #5fbebc;
  margin: 10px;
}

.carre-C {
  width: 20px;
  min-width: 0;
  background-color: #732973;
  height: 20px;
}

#carre-peli-melo {
  margin-left: 30%;
  position: absolute;
  margin-top: -26px;
  z-index: 2;
}

@media (min-width: 768px) {
  #A0-carre-peli-melo-tab1 {
    margin-left: 24%;
    position: absolute;
    margin-top: -26px;
    z-index: 2;
  }
}

@media (max-width: 767px) and (min-width:576px) {
  #A0-carre-peli-melo-tab1 {
    margin-left: 75%;
    position: absolute;
    margin-top: -17px;
    z-index: 2;
    transform: scale(0.7);
  }
}

@media (max-width: 575px) {
  #A0-carre-peli-melo-tab1 {
    margin-left: 81%;
    position: absolute;
    margin-top: 0px;
    z-index: 2;
    transform: scale(0.8);
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #A1-carre-peli-melo-tab2 {
    margin-left: 27%;
    position: absolute;
    margin-top: -27px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
  }
}

@media (min-width: 992px) {
  #A1-carre-peli-melo-tab2 {
    margin-left: 36%;
    position: absolute;
    margin-top: -27px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
  }
}

@media (min-width: 768px) {
  #A8-carre-peli-melo-tab2 {
    margin-left: 77%;
    position: absolute;
    margin-top: -118px;
    z-index: 2;
    height: 108px;
    transform: scale(0.8,0.8);
  }
}

@media (min-width: 768px) {
  #A1-carre-peli-melo-tab4 {
    margin-left: 66%;
    position: absolute;
    margin-top: -26px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #A2-carre-peli-melo-tab3 {
    margin-left: 42%;
    position: absolute;
    margin-top: -26px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
  }
}

@media (min-width: 992px) {
  #A2-carre-peli-melo-tab3 {
    margin-left: 51%;
    position: absolute;
    margin-top: -26px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A2-carre-peli-melo-tab3 {
    margin-left: 56%;
    position: absolute;
    margin-top: -108px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
    margin-right: -11px;
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #A2-carre-peli-melo-tab3 {
    margin-left: 26%;
    position: absolute;
    margin-top: -28px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
  }
}

@media (min-width: 576px) and (max-width : 767px) {
  #A1-carre-peli-melo-tab2 {
    margin-left: 43%;
    position: absolute;
    margin-top: -26px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
    margin-bottom: -2px;
  }
}

@media (min-width: 576px) and (max-width : 767px) {
  #A8-carre-peli-melo-tab2 {
    margin-left: 18%;
    position: absolute;
    margin-top: -74px;
    z-index: 2;
    height: 109px;
    transform: scale(0.8,0.8);
    margin-bottom: -2px;
  }
}

@media (min-width: 576px) and (max-width : 767px) {
  #A1-carre-peli-melo-tab4 {
    margin-left: 48%;
    position: absolute;
    margin-top: -26px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
    margin-bottom: -2px;
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #A1-carre-peli-melo-tab2 {
    margin-left: 80%;
    position: absolute;
    margin-top: -38px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
    margin-bottom: -6px;
    transform: scale(0.6);
  }
}

@media (min-width: 768px) {
  #A12-carre-peli-melo-tab2 {
    margin-left: -185%;
    margin-top: 230px;
    margin-bottom: -6px;
  }
}

@media (min-width: 768px) {
  #A10-carre-peli-melo-tab3 {
    margin-left: 74%;
    position: absolute;
    margin-top: -116px;
    z-index: 2;
    height: 120px;
    margin-bottom: -6px;
  }
}

@media (max-width: 767px) and (min-width:576px) {
  #A12-carre-peli-melo-tab2 {
    margin-left: 84%;
    margin-top: -117px;
    margin-bottom: -6px;
  }
}

@media (max-width: 767px) and (min-width:576px) {
  #A10-carre-peli-melo-tab3 {
    margin-left: 84%;
    position: absolute;
    margin-top: -117px;
    z-index: 2;
    height: 120px;
    margin-bottom: -6px;
    transform: scale(0.8);
  }
}

@media (max-width: 575px) {
  #A12-carre-peli-melo-tab2 {
    margin-left: 84%;
    margin-top: -91px;
    margin-bottom: -6px;
  }
}

#A12-carre-peli-melo-tab2 {
  position: absolute;
  z-index: -1;
  height: 120px;
  transform: scale(10);
}

@media (min-width: 768px) {
  #A7-carre-peli-melo-tab1 {
    /*margin-left: 82%;*/
    position: absolute;
    margin-top: -34px;
    z-index: 2;
    margin-bottom: -21px;
    transform: scale(1.5);
    right: 30%;
  }
}

@media (min-width: 768px) {
  #A13-carre-peli-melo-tab2 {
    margin-left: 77%;
    position: absolute;
    margin-top: -165px;
    z-index: 2;
    height: 120px;
    margin-bottom: -6px;
    transform: scale(0.8);
  }
}

@media (max-width: 767px) {
  #A13-carre-peli-melo-tab2 {
    margin-left: 84%;
    position: absolute;
    margin-top: -91px;
    z-index: 2;
    height: 120px;
    margin-bottom: -6px;
    transform: scale(0.8);
  }
}

@media (max-width: 575px) {
  #A10-carre-peli-melo-tab3 {
    margin-left: 84%;
    position: absolute;
    margin-top: -91px;
    z-index: 2;
    height: 120px;
    margin-bottom: -6px;
    transform: scale(0.8);
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #A8-carre-peli-melo-tab2 {
    margin-left: 12%;
    position: absolute;
    margin-top: -100px;
    z-index: 2;
    height: 291px;
    transform: scale(0.8,0.8);
    margin-bottom: -6px;
    transform: scale(0.6);
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #A1-carre-peli-melo-tab4 {
    margin-left: 82%;
    position: absolute;
    margin-top: 136px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
    margin-bottom: -11px;
  }
}

@media (min-width: 1200px) {
  #A3-carre-peli-melo-tab4 {
    margin-left: 80%;
    position: absolute;
    margin-top: 9px;
    z-index: 2;
    height: 120px;
    transform: scale(0.8,0.8);
    margin-bottom: 0px;
    margin-right: 0;
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  #A3-carre-peli-melo-tab4 {
    margin-left: 67%;
    position: absolute;
    margin-top: 6px;
    z-index: 2;
    height: 191%;
    transform: scale(0.8,0.8);
    margin-bottom: 0px;
  }
}

@media (max-width: 991px) {
  #A3-carre-peli-melo-tab4 {
    margin-left: 16%;
    position: absolute;
    margin-top: -277px;
    z-index: 2;
    height: 187%;
    transform: scale(0.8,0.8);
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  #A3-carre-peli-melo-tab4 {
    margin-left: 85%;
    position: absolute;
    margin-top: -102px;
    z-index: 2;
    height: 191%;
    transform: scale(0.8,0.8);
    margin-bottom: 0px;
  }
}

#carre-peli-melo-2 {
  position: absolute;
  margin-top: -26px;
  margin-left: 92%;
  z-index: 2;
}

@media (min-width: 768px) {
  #A0-carre-peli-melo-tab2 {
    position: absolute;
    margin-top: -26px;
    margin-left: 92%;
    z-index: 2;
  }
}

@media (max-width: 767px) {
  #A0-carre-peli-melo-tab2 {
    position: absolute;
    margin-top: -111px;
    margin-left: 80%;
    z-index: 2;
  }
}

#carre-peli-melo-4 {
  position: absolute;
  margin-top: -19px;
  margin-left: 44%;
  z-index: 2;
}

@media (min-width: 768px) {
  #A0-carre-peli-melo-tab4 {
    position: absolute;
    margin-top: -19px;
    margin-left: 44%;
    z-index: 2;
  }
}

@media (min-width : 576px) and (max-width: 767px) {
  #A0-carre-peli-melo-tab4 {
    position: absolute;
    margin-top: -113px;
    margin-left: 85%;
    z-index: 2;
  }
}

@media (max-width: 575px) {
  #A0-carre-peli-melo-tab4 {
    position: absolute;
    margin-top: 153px;
    margin-left: 51%;
    z-index: 2;
  }
}

.rotated-A {
  transform: rotate(10deg);
}

.rotated-B {
  transform: rotate(20deg);
}

.rotated-C {
  transform: rotate(40deg);
}

@media (max-width: 575px) {
  #deco {
    margin-top: 7vh;
  }
}

#cocoon {
  padding-top: 7vh;
}

@media (max-width: 767px) {
  #plurimelo {
    margin-bottom: 290px;
  }
}

.ligne-choisir {
  width: 100%;
  height: 1px;
  background-color: #119a1f;
  position: absolute;
  margin-top: -19px;
  z-index: 0;
}

#ligne-choisir {
  width: 100%;
  height: 1px;
  background-color: #732973;
}

#A1-classique {
  margin-top: 2vh;
}

#A1-canvas {
  margin-top: 2vh;
}

#A1-tab1-H1 {
  margin-bottom: -22px;
  margin-left: -22px;
}

@media (min-width: 768px) {
  #A12-tab1-H1 {
    margin-bottom: -22px;
    margin-left: -22px;
  }
}

@media (min-width: 768px) {
  #A10-tab2-H1 {
    margin-bottom: -22px;
    margin-left: -148px;
  }
}

@media (max-width: 767px) {
  #A12-tab1-H1 {
    margin-bottom: -18px;
    margin-left: 0px;
    margin-right: 0px;
  }
}

#A13-tab2-H1 {
  margin-bottom: -18px;
  margin-left: 0px;
  margin-right: 0px;
}

@media (max-width: 575px) {
  #A13-tab2-H1 {
    margin-bottom: -18px;
    margin-left: 0px;
    margin-right: 54px;
  }
}

@media (max-width: 767px) {
  #A10-tab2-H1 {
    margin-bottom: -18px;
    margin-left: 0px;
    margin-right: 0px;
  }
}

#A8-tab2-H1 {
  margin-bottom: -18px;
  margin-left: 0px;
  margin-right: 0px;
}

#A2-tab3-H1 {
  margin-bottom: -22px;
  margin-left: -22px;
}

#A2-tab4-H1 {
  margin-bottom: -22px;
  margin-left: -22px;
}

#A2-tab4-H2 {
  margin-bottom: -3px;
  margin-left: -22px;
}

#A2-tab3-H2 {
  margin-bottom: -5px;
  margin-left: 172px;
}

#A2-tab1-H1 {
  margin-bottom: -22px;
  margin-left: -22px;
}

#A4-tab1-H1 {
  margin-bottom: -22px;
  margin-left: -22px;
}

#A4-tab2-H1 {
  margin-bottom: -22px;
  margin-left: -22px;
}

#A4-tab3-H1 {
  margin-bottom: -22px;
  margin-left: -22px;
}

@media (min-width: 576px) {
  #A1-tab2-H1 {
    margin-bottom: -22px;
    margin-left: -101px;
  }
}

@media (max-width: 575px) {
  #A10-tab1-H1 {
    margin-bottom: -22px;
    margin-left: -24px;
    width: 398px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A10-tab1-H1 {
    margin-bottom: -22px;
    margin-left: -24px;
    width: 576px;
  }
}

@media (min-width: 768px) {
  #A8-tab1-H1 {
    margin-bottom: -9px;
    margin-left: 1px;
    margin-top: -39px;
  }
}

@media (max-width: 575px) {
  #A1-tab2-H1 {
    margin-bottom: -22px;
    margin-left: -55px;
  }
}

A7-tab1-H1 {
  margin-bottom: -22px;
  margin-left: -55px;
}

@media (min-width: 768px) {
  #A13-tab1-H1 {
    margin-bottom: -22px;
    margin-left: -55px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #A13-tab1-H1 {
    margin-bottom: -9px;
    margin-left: -55px;
    font-size: 16px;
    width: 676px;
  }
}

@media (max-width: 575px) {
  #A13-tab1-H1 {
    margin-bottom: -4px;
    margin-left: -55px;
    font-size: 16px;
    width: 462px;
  }
}

@media (min-width: 768px) {
  #A10-tab1-H1 {
    margin-bottom: -22px;
    margin-left: -201px;
  }
}

@media (max-width: 767px) {
  #A8-tab1-H1 {
    margin-bottom: -22px;
    margin-left: 8px;
    margin-top: -34px;
  }
}

@media (min-width: 768px) {
  #A12-tab2-H1 {
    margin-bottom: -22px;
    margin-left: -55px;
  }
}

@media (min-width:576px) and (max-width: 767px) {
  #A12-tab2-H1 {
    margin-bottom: -22px;
    margin-left: -55px;
    width: 680px;
  }
}

@media (max-width: 575px) {
  #A12-tab2-H1 {
    margin-bottom: -22px;
    margin-left: -18px;
    width: 392px;
  }
}

#A13-tab3-H1 {
  margin-bottom: -3px;
  margin-left: 1px;
}

@media (max-width: 575px) {
  #A10-tab3-H1 {
    margin-bottom: -22px;
    margin-left: -1px;
  }
}

@media (min-width: 576px) {
  #A10-tab3-H1 {
    margin-bottom: -22px;
    margin-left: -1px;
  }
}

#A8-tab3-H1 {
  margin-bottom: -22px;
  margin-left: -55px;
}

@media (max-width: 575px) {
  #A1-tab3-H1 {
    margin-bottom: -31px;
    margin-left: -14px;
    padding: 12px;
  }
}

@media (max-width: 767px) {
  #A12-tab3-H1 {
    margin-bottom: -31px;
    margin-left: -14px;
    padding: 12px;
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  #A8-tab4-H1 {
    margin-bottom: -17px;
    margin-left: -14px;
    padding: 12px;
    font-size: 15px;
  }
}

@media (min-width: 576px) and (max-width : 767px) {
  #A8-tab4-H1 {
    margin-bottom: -31px;
    margin-left: -14px;
    padding: 12px;
    font-size: 15px;
  }
}

@media (max-width: 575px) {
  #A1-tab4-H1 {
    margin-bottom: -42px;
    margin-left: -13px;
    padding: 12px;
  }
}

@media (min-width: 768px) {
  #A12-tab3-H1 {
    margin-bottom: -22px;
    margin-left: -14px;
  }
}

#A10-tab4-H1 {
  margin-bottom: -22px;
  margin-left: -14px;
}

@media (min-width: 768px) {
  #A8-tab4-H1 {
    margin-bottom: -22px;
    margin-left: -14px;
  }
}

@media (min-width: 576px) {
  #A1-tab3-H1 {
    margin-bottom: -22px;
    margin-left: -14px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A1-tab4-H1 {
    margin-bottom: -22px;
    margin-left: -6px;
  }
}

@media (min-width: 768px) {
  #A1-tab4-H1 {
    margin-bottom: -22px;
    margin-left: -124px;
  }
}

#A1-tab1-H2 {
  margin-right: -40px;
}

@media (min-width: 768px) {
  #A12-tab1-H2 {
    margin-right: -300px;
  }
}

@media (min-width: 768px) {
  #A10-tab2-H2 {
    margin-right: -140px;
  }
}

@media (min-width:576px) and (max-width: 767px) {
  #A12-tab1-H2 {
    margin-right: -72px;
  }
}

@media (max-width: 575px) {
  #A12-tab1-H2 {
    margin-right: -72px;
    width: 347px;
    margin-top: 16px;
  }
}

#A13-tab2-H2 {
  margin-right: -72px;
}

@media (max-width: 575px) {
  #A13-tab2-H2 {
    margin-right: -20px;
  }
}

@media (max-width: 767px) {
  #A10-tab2-H2 {
    margin-right: -11px;
  }
}

#A8-tab2-H2 {
  margin-right: -72px;
}

#A23-tab2-H1 {
  margin-bottom: 17px;
}

#A2-tab1-H2 {
  margin-right: -40px;
}

#A4-tab1-H2 {
  margin-right: -40px;
}

#A4-tab2-H2 {
  margin-right: -40px;
}

#A4-tab3-H2 {
  margin-right: -40px;
}

@media (max-width: 575px) {
  #A4-tab3-H2 {
    margin-right: -41px;
    margin-top: 0px;
    margin-bottom: -7px;
  }
}

@media (min-width: 768px) {
  #A4-tab3-H2 {
    margin-right: 0px;
    margin-left: 30%;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A1-tab2-H2 {
    margin-right: -86px;
    width: 556px;
  }
}

@media (min-width: 768px) {
  #A1-tab2-H2 {
    margin-right: -86px;
  }
}

@media (min-width: 576px) {
  #A10-tab1-H2 {
    margin-right: -86px;
  }
}

@media (max-width: 575px) {
  #A1-tab2-H2 {
    margin-right: -35px;
    margin-bottom: -8px;
    width: 355px;
    margin-top: 12px;
  }
}

@media (max-width: 767px) {
  #A7-tab1-H2 {
    margin-right: -83px;
    margin-bottom: -8px;
  }
}

@media (min-width: 768px) {
  #A7-tab1-H2 {
    margin-right: -296px;
    margin-bottom: -8px;
  }
}

@media (max-width: 767px) {
  #A13-tab1-H2 {
    margin-right: -35px;
    margin-bottom: -8px;
  }
}

@media (min-width: 768px) {
  #A13-tab1-H2 {
    margin-right: -35px;
    margin-bottom: -8px;
  }
}

@media (max-width: 575px) {
  #A10-tab1-H2 {
    margin-right: -35px;
    margin-bottom: -8px;
    width: 287px;
    margin-top: 21px;
  }
}

@media (min-width: 576px) {
  #A8-tab1-H2 {
    margin-right: -35px;
    margin-bottom: -8px;
  }
}

@media (max-width: 575px) {
  #A8-tab1-H2 {
    margin-right: -35px;
    margin-bottom: -8px;
    padding-top: 26px;
    display: inline-block;
  }
}

@media (min-width: 768px) {
  #A12-tab2-H2 {
    margin-right: -35px;
    margin-bottom: -8px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #A12-tab2-H2 {
    margin-right: -33px;
    margin-bottom: 7px;
    width: 428px;
    margin-left: 93px;
    margin-top: 19px;
  }
}

@media (max-width: 575px) {
  #A12-tab2-H2 {
    margin-right: -33px;
    margin-bottom: 7px;
    width: 428px;
    margin-left: 17px;
    margin-top: 19px;
  }
}

#A13-tab3-H2 {
  margin-right: -35px;
  margin-bottom: -8px;
}

#A10-tab3-H2 {
  margin-right: -35px;
  margin-bottom: -8px;
}

#A8-tab3-H2 {
  margin-right: -35px;
  margin-bottom: -8px;
}

@media (min-width: 576px) {
  #A1-tab3-H2 {
    margin-right: -86px;
  }
}

@media (min-width: 768px) {
  #A12-tab3-H2 {
    margin-right: -86px;
  }
}

@media (min-width: 576px) {
  #A8-tab4-H2 {
    margin-right: -86px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A1-tab4-H2 {
    margin-right: -94px;
    width: 439px;
    min-width: 400px;
    height: 86px;
    margin-top: 23px;
  }
}

@media (min-width: 768px) {
  #A1-tab4-H2 {
    margin-right: -86px;
  }
}

@media (max-width: 575px) {
  #A1-tab4-H2 {
    margin-right: -6px;
    margin-top: 18px;
    margin-bottom: -5px;
    padding: 8px;
    width: 356px;
    height: 89px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #A12-tab3-H2 {
    margin-right: -23px;
    margin-top: 0px;
    margin-bottom: -7px;
  }
}

#A10-tab4-H2 {
  margin-right: -23px;
  margin-top: 0px;
  margin-bottom: -7px;
}

@media (max-width: 575px) {
  #A8-tab4-H2 {
    margin-right: -23px;
    margin-top: 0px;
    margin-bottom: -7px;
  }
}

@media (max-width: 575px) {
  #A1-tab3-H2 {
    margin-right: -23px;
    margin-top: 0px;
    margin-bottom: -7px;
  }
}

#A1-bache {
  margin-top: 2vh;
}

#A1-alu {
  margin-top: 2vh;
}

@media (max-width: 767px) {
  #A1-bache-text {
    padding: 50px;
    padding-top: 22px;
    padding-bottom: 6px;
  }
}

#texte-autre-support {
  color: #5fbebc;
}

@media (max-width: 576px) {
  #A12-tab3-H2-fontsize {
    font-size: 28px;
  }
}

@media (max-width: 576px) {
  #A12-tab3-H1-fontsize {
    font-size: 41px;
  }
}

@media (max-width: 576px) {
  #A8-tab4-H1-fontsize {
    font-size: 30px;
  }
}

@media (max-width: 576px) {
  #ListGroup-A2-tab1 {
  }
}

@media (max-width: 575px) {
  #A2-tab4-H1-text {
    font-size: 31px;
  }
}

@media (max-width: 575px) {
  #A2-tab4-H2-text {
    font-size: 24px;
    padding-top: 7px;
  }
}

#Decoalu {
  margin-top: 2vh;
}

#Decovinyl {
  margin-top: 2vh;
}

#DecoMosaique {
  margin-top: 4vh;
}

#separation-deco-cocoon {
  height: 30px;
  background-color: #962b2b;
}

#Cocoon {
  margin-top: 15vh;
  position: relative;
}

@media (min-width: 300px) and (max-width : 575px) {
  #Cocoon {
    margin-top: 50vh;
  }
}

@media (max-width: 767px) {
  #Deco {
    margin-top: 7vh;
    margin-bottom: 41vh;
  }
}

@media (min-width: 768px) {
  #Deco {
    margin-top: 3vh;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #A8-tab1-H1-text {
    font-size: 37px;
    padding-top: 0px;
    padding-bottom: 24px;
  }
}

@media (max-width: 576px) {
  #A8-tab3-H2-fontsize {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  #Qui-tab1-carre-peli-melo {
    margin-left: 69%;
    margin-top: 175px;
    margin-bottom: 0px;
    position: absolute;
  }
}

@media (min-width: 576px) {
  #Qui-tab1-carre-peli-melo {
    margin-left: 31%;
    position: absolute;
    margin-top: -20px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A10-carre-1 {
    width: 52px;
    height: 52px;
    background-color: #732973;
    margin-left: 59%;
    margin-top: 26%;
    position: absolute;
    transform: rotate(15deg);
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #A10-carre-1 {
    width: 69px;
    height: 69px;
    background-color: #732973;
    margin-left: 58%;
    margin-top: 29%;
    position: absolute;
    transform: rotate(15deg);
  }
}

@media (min-width: 992px) and (max-width : 1199px) {
  #A10-carre-1 {
    width: 87px;
    height: 87px;
    background-color: #732973;
    margin-left: 58%;
    margin-top: 28%;
    position: absolute;
    transform: rotate(15deg);
  }
}

@media (min-width: 1200px) {
  #A10-carre-1 {
    width: 107px;
    height: 104px;
    background-color: #732973;
    margin-left: 58%;
    margin-top: 24%;
    position: absolute;
    transform: rotate(15deg);
  }
}

@media (min-width: 300px) and (max-width:575px) {
  #A10-carre-1 {
    width: 50px;
    height: 50px;
    background-color: #732973;
    margin-left: 58%;
    margin-top: 35%;
    position: absolute;
    transform: rotate(15deg);
  }
}

@media (max-width: 767px) {
  #A10-tab1-H2-font {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  #A10-tab2-H2-font {
    font-size: 23px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A10-tab2-H1-font {
    font-size: 41px;
  }
}

@media (min-width: 300px) and (max-width:757px) {
  #A10-tab3-H1-font {
    font-size: 22px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A10-tab3-H1-font {
    font-size: 32px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #A10-tab3-H1-font {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  #A10-tab3-H2-font {
    margin-top: 0px;
    font-size: 29px;
  }
}

@media (max-width: 575px) {
  #entretoise-1 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/entetoise-1.jpg");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 105px;
    background-repeat: no-repeat;
    margin-right: 0px;
    margin-left: -2px;
    position: absolute;
  }
}

@media (min-width: 576px) {
  #entretoise-2 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/entetoise-2.jpg");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 105px;
    background-repeat: no-repeat;
    margin-right: 0px;
    margin-left: -2px;
    position: relative;
    top: -40px;
  }
}

@media (max-width:575px) {
  #entretoise-2 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/entetoise-2.jpg");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 105px;
    background-repeat: no-repeat;
    margin-right: 0px;
    margin-left: 197px;
    position: relative;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #entretoise-1 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/entetoise-1.jpg");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 105px;
    background-repeat: no-repeat;
    margin-left: 47px;
    margin-top: -8px;
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  #entretoise-1 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/entetoise-1.jpg");
    background-size: cover;
    background-position: center;
    width: 104px;
    height: 105px;
    background-repeat: no-repeat;
    margin-left: 113px;
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  #tab1-H2 {
    margin-right: 0px;
    margin-left: 55%;
    height: 49px;
    z-index: 1;
    position: relative;
  }
}

#clas7-Img3 {
  height: 187px;
  background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-lampe-photo-2.jpg") center / cover no-repeat;
}

#clas13-Img3 {
  background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-4.jpg");
  height: 187px;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #clas13-Img3 {
    background-image: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-bache-4.jpg");
    height: 258px;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (min-width: 768px) {
  #A13-tab3-H1-fonts {
    font-size: 40px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #A13-tab3-H1-fonts {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  #A13-tab3-H1-fonts {
    font-size: 27px;
  }
}

@media (max-width: 767px) {
  #A13-tab3-H2-font {
    font-size: 22px;
  }
}

#list-reco {
  margin-left: 46px;
}

@media (min-width: 768px) {
  #proverbe {
    font-family: 'Roboto';
    padding-left: 52px;
    padding-right: 31px;
    font-style: italic;
    margin-top: 10vh;
  }
}

@media (max-width: 767px) {
  #proverbe {
    font-family: 'Roboto';
    padding-left: 52px;
    padding-right: 31px;
    font-style: italic;
    margin-top: -30vh;
  }
}

@media (max-width: 575px) {
  #A8-tab1-H2-font {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  #A4-tab3-H1-font {
    font-size: 27px;
  }
}

#max1000px {
  margin-left: auto;
  margin-right: auto;
  color: #5fbebc;
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) {
  #max1000px {
    margin-left: auto;
    margin-right: auto;
    color: #5fbebc;
    padding-right: 20%;
    padding-left: 20%;
  }
}

#meilleur-ouvrier {
  margin-top: 4vh;
}

@media (max-width: 767px) {
  #meilleur-ouvrier-titre {
    font-size: 22px;
  }
}

#meilleur-ouvrier-titre {
  font-size: 28px;
}

@media (max-width: 575px) {
  #A4-tab2-H2-font {
    font-size: 27px;
  }
}

#indisponible {
  max-width: 600px;
  color: #732973;
  margin-left: auto;
  margin-right: auto;
  margin-top: 36px;
}

#a13 {
  margin-top: 8vh;
}

.h2, h2 {
}

#a7-balise-img1 {
  height: 400px;
  /*display: inline-block;*/
  /*width: 392px;*/
  /*margin-right: auto;*/
  /*object-fit: cover;*/
}

#textmulticolor {
  background-image: linear-gradient(to left,red, rgb(94,190,188), rgb(231,77,109),green);
  -webkit-background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}

#A7-img2 {
  /*object-fit: cover;*/
  /*text-align: center;*/
}

#A7-img345 {
  border-top: 50px;
  padding-top: 1px;
  margin-top: 21px;
  object-fit: contain;
}

#A7-tab3-H3 {
}

#A7-bouton1 {
  position: relative;
  top: -200px;
}

@media (min-width: 992px) {
  #A7-text1 {
    font-size: 28px;
    width: 900px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) and (max-width : 991px) {
  #A7-text1 {
    font-size: 28px;
    width: 700px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 576px) and (max-width : 767px) {
  #A7-text1 {
    font-size: 28px;
    width: 460px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 300px) and (max-width : 575px) {
  #A7-text1 {
    font-size: 24px;
    width: 282px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

#A7-text1 {
  color: rgb(115,41,115);
}

#a7 {
  margin-top: 4vh;
}

@media (min-width: 576px) {
  #A7-product1 {
    background-color: #732973;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  #A8-product3 {
    background-color: #e74d6d;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  #A7-product1 {
    background-color: #732973;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    position: relative;
    top: 170px;
    opacity: 1;
    box-shadow: 3px 3px rgb(247,98,247);
  }
}

@media (max-width: 575px) {
  #A8-product3 {
    background-color: #e74d6d;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    position: relative;
    top: 170px;
    opacity: 1;
    box-shadow: 3px 3px rgb(247,98,247);
  }
}

@media (min-width: 576px) {
  #A7-product2 {
    background-color: #e74d6d;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  #A8-product4 {
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    background-color: #375e4b;
  }
}

@media (max-width: 575px) {
  #A7-product2 {
    background-color: #e74d6d;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    position: relative;
    top: 170px;
    border: 10px;
    box-shadow: 3px 3px rgb(129,42,60);
  }
}

@media (max-width: 575px) {
  #A8-product4 {
    background-color: #375e4b;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    position: relative;
    top: 170px;
    border: 10px;
    box-shadow: 3px 3px rgb(129,42,60);
  }
}

@media (min-width: 576px) {
  #A7-product3 {
    background-color: #5fbebc;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  #A8-product2 {
    background-color: #732973;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  #A8-product1 {
    background-color: #5fbebc;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  #A8-product1 {
    background-color: #5fbebc;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
  }
}

@media (max-width: 575px) {
  #A7-product3 {
    background-color: #5fbebc;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    position: relative;
    top: 170px;
    border-right-width: 0px;
    border-right-color: rgb(255,255,255);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    box-shadow: 3px 3px rgb(154,245,243);
  }
}

@media (max-width: 575px) {
  #A8-product2 {
    background-color: #732973;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    position: relative;
    top: 170px;
    border-right-width: 0px;
    border-right-color: rgb(255,255,255);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    box-shadow: 3px 3px rgb(154,245,243);
  }
}

@media (max-width: 575px) {
  #A8-product1 {
    background-color: #5fbebc;
    border-radius: 20px;
    font-size: larger;
    width: 230px;
    margin-bottom: 20px;
    position: relative;
    top: 170px;
    border-right-width: 0px;
    border-right-color: rgb(255,255,255);
    border-bottom-width: 0px;
    border-bottom-style: solid;
    box-shadow: 3px 3px rgb(154,245,243);
  }
}

#A7-boutons-produits {
  margin-top: 41px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#A8-boutons-produits {
  margin-top: 41px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#A7-text2 {
  color: rgb(51,51,51);
}

@media (min-width: 300px) and (max-width : 575px) {
  #A7-text2 {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }
}

@media (min-width: 576px) and (max-width : 767px) {
  #A7-text2 {
    width: 447px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 575px) {
  #A7-product3-bg {
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/A7-lampe.jpg") no-repeat;
    height: 300px;
    background-size: cover;
    margin: 7px;
    opacity: 1;
  }
}

@media (max-width: 575px) {
  #A8-product2-bg {
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/A7-noel.jpg") top / cover no-repeat;
    height: 300px;
    margin: 7px;
  }
}

@media (max-width: 575px) {
  #A7-product1-bg {
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-cliente-pele-mele-photo.jpg");
    height: 300px;
    background-size: cover;
    margin: 7px;
  }
}

@media (max-width: 575px) {
  #A8-product3-bg {
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pluri%20melo-right-960px.jpg");
    height: 300px;
    background-size: cover;
    margin: 7px;
  }
}

@media (max-width: 575px) {
  0 {
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/peli-melo-cliente-pele-mele-photo.jpg");
    height: 300px;
    background-size: cover;
    margin: 7px;
  }
}

@media (max-width: 575px) {
  #A7-product2-bg {
    height: 300px;
    margin: 7px;
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/deco-table.jpg");
  }
}

@media (max-width: 575px) {
  #A8-product4-bg {
    height: 300px;
    margin: 7px;
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/A7-trotteboeuf-1200px.jpg");
    background-size: cover;
  }
}

@media (max-width: 575px) {
  #A8-product1-bg {
    height: 300px;
    margin: 7px;
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-geant-papier-500px.jpg") no-repeat;
    background-size: cover;
  }
}

@media (min-width: 1200px) {
  #A7decalageImg {
    left: 50px;
    position: relative;
  }
}

@media (min-width: 1200px) {
  #A8decalageImg {
    left: 50px;
    position: relative;
    color: var(--light);
  }
}

@media (min-width: 1200px) {
  #A23decalageImg {
    position: relative;
    color: var(--light);
  }
}

#A8-balise-img2 {
  height: 700px;
  object-fit: cover;
}

#A8-balise-img1 {
  display: block;
  margin-left: -239px;
}

#A8-image-accueil {
  width: 100%;
}

@media (min-width: 576px) {
  #A8-text-grand {
    font-family: Roboto, sans-serif;
    height: 36px;
    font-size: 99px;
    color: #732973;
    text-shadow: -4px 4px #732973;
  }
}

@media (max-width: 575px) {
  #A8-text-grand {
    font-family: Roboto, sans-serif;
    height: 36px;
    font-size: 80px;
    color: #732973;
    text-shadow: -4px 4px #732973;
  }
}

@media (min-width: 576px) {
  #A8-text-grand-2 {
    font-family: Roboto, sans-serif;
    height: 36px;
    font-size: 99px;
    color: #e74d6d;
    text-shadow: -4px 4px #e74d6d;
  }
}

@media (max-width: 575px) {
  #A8-text-grand-2 {
    font-family: Roboto, sans-serif;
    height: 36px;
    font-size: 80px;
    color: #e74d6d;
    text-shadow: -4px 4px #e74d6d;
  }
}

#a12 {
  margin-top: 10vh;
}

@media (max-width: 767px) {
  #A8-tab1-H2-text {
    font-size: 35px;
  }
}

#A8-tab1-H2-voyez {
}

@media (min-width: 768px) {
  #a8-2eme-ligne {
    display: flex;
  }
}

@media (max-width: 767px) {
  #a8-2eme-ligne {
    display: flex;
  }
}

#A8-text-grand-decalage {
  position: relative;
  top: -15px;
  right: -20px;
  z-index: -1;
}

@media (max-width: 767px) {
  #A8-text-violet {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  #A8-text-violet {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  #A8-tab1-H1-text-1 {
    font-size: 41px;
  }
}

@media (max-width: 767px) {
  #A8-text-nous-sommes {
    padding: 16px;
    width: 436px;
    color: rgb(255,255,255);
    max-width: 314px;
  }
}

@media (max-width: 767px) {
  #A8-text-nous-sommes-2 {
    padding: 16px;
    width: 436px;
    color: #E74d6d;
    text-align: right;
    max-width: 300px;
  }
}

@media (min-width: 768px) {
  #A8-text-nous-sommes-2 {
    color: #732973;
  }
}

@media (min-width: 768px) {
  #A8-text-nous-sommes {
  }
}

@media (max-width: 767px) {
  #a13-tab1-H1-font {
    font-size: 43px;
  }
}

@media (min-width: 768px) {
  #a13-tab1-H1-font {
  }
}

@media (min-width: 768px) {
  #a12-paragraphe2 {
    z-index: 1;
    color: rgb(231,77,109);
  }
}

@media (max-width: 767px) {
  #a12-paragraphe2 {
    z-index: 1;
    color: rgb(16,15,15);
  }
}

#A12-image1-img {
  max-width: 100%;
}

@media (min-width: 768px) {
  #a12-detail {
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-canvas-detail.jpg") center / contain no-repeat;
    height: 400px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  #a12-detail {
    background: url("/media/static_pages/b71a66a8-619e-43a6-8417-24e9ae44b680/static/img/pele-mele-photo-canvas-detail.jpg") center / contain no-repeat;
    height: 287px;
    width: 370px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: -1;
    margin-top: 42px;
    top: -300px;
  }
}

#choisir-1 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  #a12-section0-par {
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #a12-section0-par {
    color: rgb(251,251,251);
    text-align: center;
    padding-top: 0px;
    margin-top: 22px;
    text-shadow: 2px 1px rgb(0,0,0);
    width: 368px;
  }
}

@media (max-width: 575px) {
  #a12-section0-par {
    color: rgb(251,251,251);
    text-align: center;
    padding-top: 0px;
    margin-top: 22px;
    text-shadow: 2px 1px rgb(0,0,0);
    width: 320px;
  }
}

@media (max-width: 575px) {
  #a12-1 {
    margin-top: 26px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #A12-tab2-H1-font {
    font-size: 39px;
  }
}

@media (max-width: 575px) {
  #A12-tab2-H1-font {
    font-size: 29px;
  }
}

@media (max-width: 575px) {
  #A12-tab2-H2-font {
    font-size: 19px;
    width: 305px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #A12-tab2-H2-font {
    font-size: 27px;
  }
}

@media (max-width: 575px) {
  #a-12-0 {
    max-width: 339px;
    margin-left: auto;
    margin-right: auto;
    width: 329px;
  }
}

@media (min-width: 576px) {
  #a-12-0 {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  #A23-tab1-H1-text-1 {
  }
}

@media (max-width: 767px) {
  #A23-explication {
    background: #e74d6d;
    border-radius: 0px;
    position: relative;
    color: rgb(255,255,255);
    margin: 0;
    padding: 26px;
  }
}

@media (min-width: 1200px) {
  #A23-explication {
    width: 400px;
    background: #e74d6d;
    border-radius: 41px;
    position: absolute;
    top: 50px;
    right: 100px;
    color: rgb(255,255,255);
    margin: 0;
    padding: 26px;
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  #A23-explication {
    width: 400px;
    background: #e74d6d;
    border-radius: 41px;
    position: absolute;
    top: 200px;
    right: 50px;
    color: rgb(255,255,255);
    margin: 0;
    padding: 26px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #A23-explication {
    width: 378px;
    background: #e74d6d;
    border-radius: 41px;
    position: absolute;
    top: 250px;
    right: 25px;
    color: rgb(255,255,255);
    margin: 0;
    padding: 26px;
    padding-left: 17px;
    padding-right: 10px;
  }
}

#A23-bouton-2-je-commence {
  background: #732973;
  border-radius: 13px;
  width: 304.906px;
  font-size: 23px;
  height: 63px;
  border-style: none;
  box-shadow: 2px 2px 7px 2px rgb(48,48,48);
}

#A23-bouton-je-commence {
  background: #732973;
  border-radius: 13px;
  width: 186.906px;
  font-size: 23px;
  border-style: none;
  box-shadow: 3px 3px 7px #333333;
}

#A23B-bouton-je-commence {
  background: #732973;
  border-radius: 13px;
  width: 267.906px;
  font-size: 23px;
  border-style: none;
  box-shadow: 3px 3px 7px #333333;
  color: rgb(255,255,255);
}

@media (min-width: 576px) and (max-width:767px) {
  #a23-doux {
    position: relative;
    width: 371px;
    height: 76px;
    margin-top: -40px;
    font-size: 25px;
    margin-left: 181px;
  }
}

@media (min-width: 768px) {
  #a23-doux {
    position: relative;
    width: 371px;
    height: 70px;
    margin-top: -40px;
    font-size: 25px;
    margin-right: 0px;
    margin-left: -34px;
  }
}

@media (min-width: 576px) and (max-width:767px) {
  #a23-taille {
    position: relative;
    width: 371px;
    height: 76px;
    margin-top: 9px;
    font-size: 22px;
    margin-bottom: -38px;
    text-align: center;
    margin-right: 0px;
    margin-left: 176px;
  }
}

@media (min-width: 768px) and (max-width:991px) {
  #a23-taille {
    position: relative;
    width: 310px;
    height: 76px;
    margin-top: 9px;
    font-size: 22px;
    margin-bottom: -38px;
    text-align: center;
    margin-right: 0px;
    margin-left: 16px;
  }
}

@media (min-width: 992px) {
  #a23-taille {
    position: relative;
    width: 358px;
    height: 76px;
    margin-top: 9px;
    font-size: 22px;
    margin-bottom: -38px;
    text-align: center;
    margin-right: 0px;
    margin-left: -10px;
  }
}

@media (max-width: 575px) {
  #a23-taille {
    position: relative;
    width: 297px;
    height: 76px;
    margin-top: 9px;
    font-size: 18px;
    margin-bottom: -38px;
    text-align: center;
  }
}

@media (max-width: 575px) {
  #a23-doux {
    width: 309px;
    height: 76px;
    margin-top: -40px;
    font-size: 23px;
    position: relative;
  }
}

@media (min-width: 576px) {
  #a23-div-bouton-1 {
    margin-top: 2vh;
  }
}

.a23-icones {
  font-size: 34px;
  text-align: center;
  color: rgb(11,100,195);
}

.a23-text-sous-icones {
  text-align: center;
  font-size: 25px;
}

#a23-1-icones {
  margin-top: 3vh;
}

#a23-2-detail {
  margin-top: 6vh;
  margin-left: auto;
  margin-right: auto;
}

.list-group.A23 {
  font-size: 20px;
}

#a23-list-group {
  margin-left: 33px;
}

#a23-3-produit {
  margin-top: 6vh;
}

.fa.fa-check-square-o.couleur-verte {
  color: var(--info);
}

#a23-div-bouton-2 {
  margin-top: 33px;
  margin-left: auto;
  margin-right: auto;
}

#A23-tab3-H1 {
  margin-bottom: 4vh;
}

#A23-tab4-H1 {
  margin-top: 5vh;
  margin-bottom: 5vh;
}

.card-title.color-blue {
  color: #0b64c3;
  font-weight: 600;
  font-family: Roboto, sans-serif;
  font-style: normal;
}

.card.color-bg-grey {
}

#a23-4-decoration {
  margin-top: 4vh;
  margin-bottom: 4vh;
}

#a23-5-specialiste {
  margin-top: 5vh;
}

#a23-img3 {
  width: 100%;
}

#a23-img4 {
  width: 100%;
}

#a23-img3-contain {
  height: 362px;
}

@media (max-width: 767px) {
  #a23-img3-contain {
    height: 362px;
    margin-top: 48px;
  }
}

#a23-img4-contain {
  object-fit: cover;
}

#a23b-gutter {
  width: 200px;
}

#A23B-taille {
  color: #e74d6d;
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
}

.form-check-label {
  opacity: 1;
}

#A23-couv-tab1-H1-text-1 {
  font-size: 32.2px;
}

#A23-couv-tab1-H2-text-1 {
  font-size: 27.6px;
}