body {
  background-color:black;
  color:white;
  font-family:'Poppins';
  overflow-x:hidden;
}

.carousel-no-control .carousel-control-prev, .carousel-no-control .carousel-control-next {
  display:none;
}

#header {
  height:calc(100vw / 2.562152134);
  position:absolute;
  top:0;
  left:0;
  right:0;
  display:flex;
}

#logo {
  margin:auto;
  max-height:65%;
}

#navigation {
  justify-content:center;
  text-align:center;
}

#wrapnavigation {
  font-weight:600;
  height:65px;
  position:sticky;
  top:0;
  background-color:black;
  z-index:3;
}

#navigation a {
  color:white;
  line-height:65px;
  transition:250ms color;
}

#navigation a:hover, #navigation a.active {
  text-decoration:none;
  color:#ed7f01;
}

.texte-presentation {
  line-height:1.8;
  padding-left:2em;
  padding-right:2em;
}

.texte-presentation span {
  font-family:'Oswald';
  text-transform:uppercase;
  letter-spacing:1px;
}

#marque {
  background-image:url(../../assets/img/presentation/fond_parallax.png);
  border-top:1px white;
  background-repeat:no-repeat;
}

[data-bgtext]::before {
  content:attr(data-bgtext);
  position:absolute;
  color:#1f1f1f;
  z-index:-2;
  font-family:'Architects Daughter';
  font-size:2em;
  left:0;
  right:0;
  margin-top:-18px;
  text-transform:initial;
  letter-spacing:initial;
}

.section-title {
  text-transform:uppercase;
  font-family:'Oswald';
  letter-spacing:4px;
}

@media (min-width: 300px) {
  .collection div {
    position:absolute;
    top:0;
    padding-left:1em;
  }
}

li {
  color:#ed7f01;
}

li span {
  color:white;
  font-size:0.8em;
}

.btn-link {
  color:white;
  border:2px solid white;
  padding:0.4em 4em;
  letter-spacing:1px;
}

.btn-link:hover {
  color:white;
  text-decoration:none;
}

@media (max-width: 576px) {
  .text-phone {
    font-size:1em;
  }
}

@media (min-width: 200px) {
  .fz {
    color:#ed7f01;
    font-size:0.8em;
    font-weight:600;
  }
}

@media (min-width: 576px) {
  .fz {
    color:#ed7f01;
    font-size:1em;
    font-weight:600;
  }
}

@media (min-width: 768px) {
  .fz {
    color:#ed7f01;
    font-size:1.2em;
    font-weight:600;
  }
}

.fa.fa-facebook-official.fa_footer {
  color:#828282;
}

.footerSpan {
  color:#636363 !important;
  font-size:0.7em;
  font-weight:normal;
}

.slick slide {
  margin:0 !important;
  outline:none;
}

.slick-dotted {
  width:100% !important;
}

#prev, #next {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
}

.sousmenuxs {
  width:101vw;
  height:0;
  background-color:#222222;
  margin-left:-1em;
  text-align:center;
  overflow:hidden;
}

#mobilemenu {
  height:3em;
  background-color:black;
  position:fixed;
  width:100%;
  top:0;
  overflow:hidden;
  z-index:3;
}

#mobilemenu .row {
  margin:0;
}

#seeproduits {
  width:100%;
  height:0;
  background-color:#222222;
  text-align:center;
  overflow:hidden;
}

.ifscp {
  display:none;
}

#galerie img {
  width:100%;
  padding:0.2em;
}

#galerie .photo {
  padding:0;
}

.produits {
  width:90%;
  position:absolute;
}

@media (min-width: 992px) {
  .produits {
    width:auto;
    position:absolute;
  }
}

.row.produit {
  padding:1em;
  padding-top:5em;
  padding-bottom:7em;
  border-top:0.05em solid #383838;
  border-bottom:0.12em solid #1a1912;
}

.produit p {
  font-size:0.8em;
}

@media (min-width: 768px) {
  .produit p {
    font-size:1em;
  }
}

.produit_bt {
  line-height:1em;
  padding:1em 4em 1em 4em;
  border-radius:0;
  background-color:#ed7f01;
  letter-spacing:0.05em;
  border:none;
  float:right;
  font-size:1.2em;
  margin-bottom:1em;
}

.row.produit > div:nth-child(2) {
  padding:0;
}

.pmen {
  list-style:none;
  padding:0;
  margin:0;
  margin-top:2em;
}

.pmen li.active {
}

.pmen li {
  text-decoration:none;
  border-bottom:0.05em solid #1f1f1f;
  color:#fff;
}

.pmen li a:hov {
  color:#fff !important;
  text-decoration:none;
}

.active {
  color:#ed7f01 !important;
  font-family:'Poppins';
}

@media (min-width: 300px) {
  .sizeli {
    font-size:1em;
    margin-top:1em;
    margin-bottom:1em;
  }
}

@media (min-width: 576px) {
  .sizeli {
    font-size:0.5em;
    line-height:2.5em;
  }
}

@media (min-width: 768px) {
  .sizeli {
    font-size:0.7em;
    line-height:2.5em;
  }
}

@media (min-width: 992px) {
  .sizeli {
    font-size:1em;
    line-height:2.5em;
  }
}

.pmen li a {
  color:#fff;
  transition-property:color;
  transition-duration:1s;
}

#proDescr, #proInfos {
  padding:1em;
  border:0.05em solid #1f1f1f;
}

#proDescr p, #proInfos p {
  font-size:0.9em;
  line-height:1.9em;
  color:rgba(255,255,255, 0.6);
}

.pmen li a:hover {
  color:#ed7f01 !important;
  text-decoration:none;
  cursor:pointer;
}

@media (min-width: 768px) {
  #prodView {
    width:80%;
    margin-top:3em;
    margin-bottom:3em;
  }
}

@media (min-width: 576px) {
  #prodView {
    width:40%;
    margin-top:3em;
    margin-bottom:3em;
  }
}

@media (min-width: 300px) {
  #prodView {
    width:60%;
    margin-top:3em;
    margin-bottom:3em;
  }
}

.sizeli a {
  font-family:'Poppins';
}

#menuxs {
  position:fixed;
  background-color:black;
  height:30vh;
  top:0;
  /*overflow:hidden;*/
  z-index:5;
  /*margin-left:-100%;*/
  width:100%;
  display:none;
  transition:ease-in-out;
  transition-property:margin-left;
  transition-duration:0.1s;
  /*-webkit-transition:width .2s ease-in;*/
  /*-moz-transition:width .2s ease-in;*/
  /*-ms-transition:width .2s ease-in;*/
  /*transition:width .2s ease-in;*/
}

#menuxs .click {
  position:sticky;
  background-color:black;
  height:30vh;
  top:0;
  z-index:2;
  display:none;
  transition:ease-in-out;
  transition-property:width;
  transition-duration:1s;
}

.icon.ion-android-menu {
  font-size:2em;
  float:right;
  cursor:pointer;
}

#listmenuxl {
  list-style-type:none;
  margin-top:1em;
}

#listmenuxl .li a {
  font-family:'Poppins';
  color:#fff;
}

#listmenuxl li a:hover {
  text-decoration:none;
  color:#ed7f01;
}

#listmenuxl li a {
  font-weight:600;
  color:#fff;
}

#avmenuxs {
  height:5vw;
  min-height:50px;
  background-color:black;
  position:fixed;
  z-index:2;
  width:100%;
  top:0;
  overflow:hidden;
  z-index:3;
}

@media (min-width: 300px) {
  #header {
    margin-top:2em !important;
  }
}

@media (min-width: 576px) {
  #header {
    margin-top:0em !important;
  }
}

@media (min-width: 300px) {
  #logo {
    max-height:40% !important;
  }
}

@media (min-width: 576px) {
  #logo {
    max-height:50% !important;
  }
}

@media (min-width: 768px) {
  #logo {
    max-height:65% !important;
  }
}

@media (max-width: 360px) {
  #header-carousel {
    /*top:1em;*/
  }
}

.fz a:hover {
  cursor:pointer;
  text-decoration:none;
  color:#ed7f01 !important;
}

#galerie .row {
  padding:0;
  margin:0;
  overflow:hidden;
}

.slick-slide {
  width:50%;
}

.slick-prev, .slick-next {
  font-size:2em;
  position:absolute;
  top:50%;
  display:block;
  width:25%;
  max-width:128px;
  min-width:50px;
  height:100%;
  background-color:rgba(0,0,0,0.23);
  z-index:2;
}

@media (min-width: 300px) {
  .slick-prev::before {
    content:'\f104';
    font-size:1.5em;
    padding-left:60%;
    font-family:FontAwesome;
  }
}

@media (min-width: 576px) {
  .slick-prev::before {
    content:'\f104';
    font-size:2em;
    padding-left:50%;
    font-family:FontAwesome;
  }
}

@media (min-width: 300px) {
  .slick-next::before {
    content:'\f105';
    font-size:1.5em;
    padding-left:20%;
    font-family:FontAwesome;
  }
}

@media (min-width: 576px) {
  .slick-next::before {
    content:'\f105';
    font-size:2em;
    padding-left:30%;
    font-family:FontAwesome;
  }
}

#galerie section {
  width:100% !important;
  display:flex;
}

#listmenuxl a:hover {
  color:#ed7f01;
  text-decoration:none;
  cursor:pointer;
}

#listmenuxl a {
  color:#fff;
  font-weight:600;
}

#bnhmb {
  float:right;
  margin-right:0.2em;
  cursor:pointer;
}

#bnhmb:hover {
  color:#ed7f01;
}

@media (min-width: 300px) {
  #avmenuxs {
    display:block;
  }
}

@media (min-width: 576px) {
  #avmenuxs {
    display:block !important;
  }
}

@media (min-width: 768px) {
  #avmenuxs {
    display:none !important;
  }
}

#avmenuxs .container {
  max-width:none;
}

#hovernavigation {
  width:100%;
  height:0;
  display:flex;
  background-color:#191919;
  z-index:3;
  overflow:hidden;
}

#hovernavigation .col-2 {
  height:15em;
  padding:0;
  display:flex;
  align-items:center;
  text-align:center;
  cursor:pointer;
}

.categorie {
  width:100%;
}

.categorie p {
  margin-top:1em;
  margin-bottom:0;
}

.nhov {
  border-right:0.05em solid #9c9c9c;
}

@media (min-width: 300px) {
  #navigation a {
    padding:0 1em;
  }
}

@media (min-width: 576px) {
  #navigation a {
    padding:0 1em;
  }
}

@media (min-width: 768px) {
  #navigation a {
    padding: 0 1em;
  }
}

@media (min-width: 992px) {
  #navigation a {
    padding:0 3em;
  }
}

@media (min-width: 1200px) {
  #navigation a {
    padding: 0 3em;
  }
}

.produit_bt:hover, .produit_bt:focus {
  background-color:#ff9823 !important;
  color:#1b1815;
  border:0 !important;
  box-shadow:none !important;
}

.produit div:first-child {
  cursor:pointer;
}

@media (max-width: 575px) {
  .xssize {
    height:auto;
  }
}

#avmenuxs {
  height:0;
  display:none;
}

#seeproduits img {
  /*max-width:2.2vh;*/
  width:1em;
}

.xsmm {
  border:none;
}

.alignerbas {
  display:flex;
  height:50%;
  justify-content:center;
}

.alignerbas p {
  align-self:flex-end;
  margin:0;
}

@media (orientation: landscape) {
  .paysagexs {
    position:sticky !important;
  }
}

@media (min-width: 300px) {
  .qual {
    padding-top:1em;
    margin-left:2em;
    width:8em;
  }
}

@media (min-width: 576px) {
  .qual {
    padding-top:1em;
    margin-left:2em;
    font-size:1.4em;
    width:8em;
  }
}

@media (min-width: 768px) {
  .qual {
    padding-top:1em;
    margin-left:2em;
    font-size:1.2em;
    width:8em;
  }
}

@media (min-width: 992px) {
  .qual {
    padding-top:1em;
    margin-left:2.5em;
    font-size:1.5em;
    width:8em;
  }
}

@media (min-width: 1200px) {
  .qual {
    padding-top:1em;
    margin-left:4em;
    font-size:1.5em;
    width:8em;
  }
}

@media (min-width: 300px) {
  .imgcan {
    width:50%;
  }
}

@media (min-width: 576px) {
  .imgcan {
    width:70%;
  }
}

@media (min-width: 768px) {
  .imgcan {
    width:60%;
  }
}

@media (min-width: 992px) {
  .imgcan {
    width:80%;
  }
}

@media (min-width: 1200px) {
  .imgcan {
    width:100%;
  }
}

.vgnct {
  cursor:pointer;
}

.petitlogo {
  height:3em;
}

@media (min-width: 300px) {
  #header-carousel img {
    margin-top:3em;
  }
}

@media (min-width: 576px) {
  #header-carousel img {
    margin-top:3em;
  }
}

@media (min-width: 768px) {
  #header-carousel img {
    margin-top:0em;
  }
}

@media (min-width: 300px) {
  .carouselproduit img {
    width:15em !important;
    margin:auto;
    padding-top:5em;
  }
}

@media (min-width: 576px) {
  .carouselproduit img {
    width:20em !important;
    margin:auto;
    padding-top:4em;
  }
}

@media (min-width: 768px) {
  .carouselproduit img {
    width:30em !important;
    margin:auto;
    padding-top:2em;
  }
}

@media (min-width: 992px) {
  .carouselproduit img {
    width:30em !important;
    margin:auto;
    padding-top:2em;
  }
}

.carouselproduit .carousel-inner {
  height:17em;
}

.carousel-indicators {
  z-index:0 !important;
  display:none;
}

.row.produit:first-child {
  border-top:0;
}

.row.produit:last-child {
  border-bottom:0;
}

.decouvrircollection {
  display:none;
}

.decouvrircollection_launch:hover {
  border:0.2em solid #fff;
  cursor:pointer;
}

#listmenuxl > p {
  margin-left:1em;
}

#seeproduits .row {
  height:6.5em !important;
  margin-top:1.5em !important;
}

@media (min-width: 300px) {
  footer {
    margin-top:0em;
  }
}

@media (min-width: 576px) {
  footer {
    margin-top:5em;
  }
}

@media (min-width: 768px) {
  footer {
    margin-top:5em;
  }
}

@media (min-width: 992px) {
  footer {
    margin-top:5em;
  }
}

.logofooter {
  margin-top:10px;
  max-width:50%;
}

#choixDepartement {
  display:flex;
  flex-direction:column;
}

#infosheader p {
  line-height:2em;
}

.row.produit h6 {
  font-size:2em;
  margin-top:1em;
}

@media (max-width: 576px) {
  .produit_bt {
    padding:0.5em;
  }
}

#contact {
  background-color:black;
}

#contact input, #contact textarea {
  border: 0.10em solid #f080077d;
  margin-top:1em;
  background-color: #292929;
  outline:none;
  color: #d07204;
}

#contact input:hover, #contact textarea:hover {
   border: 0.10em solid #f08007;
}

#contact button {
    background-color: rgb(240,128,0);
    border: 0;
    width: 30%;
    margin-top: 1em;
    cursor: pointer;
    margin-bottom: 2em;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, button:focus {
  outline:none !important;
  box-shadow:none !important;
}

#villeshop {
    font-size: 1.2em;
    display: flex;
    align-items: center;
    height: 100%;
}

@media (min-width: 992px) {
  #villeshop {
      font-size: 1.5em;
      display: flex;
      align-items: center;
      height: 100%;
  }
}

.fa-facebook {
  color: #828282;
}

.h2titreInfosRevendeurs {
    font-size: 15px;
    line-height: 1.5em;
    color: #636363;
    margin-top: 1em;
    display: none;
}