html {
  background-attachment: fixed
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1
}

.typo H2 {
  font-family: Inter,sans-serif;
  font-size: 20px
}

.col-picto-footer h2 {
  font-size: 18px!important
}

.h1,.h2,.h3,h1,h2,h3 {
  margin-bottom: 10px;
  margin-top: 20px
}

a {
  color: #292929;
  text-decoration: none
}

a:hover {
  text-decoration: none
}

.uppercase {
  text-transform: uppercase
}

.grey {
  color: #292929
}

.titre {
  color: #292929;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.titre2 {
  font-size: 20px
}

.SizeTitlePod2 {
  font-size: 18px;
  text-shadow: 1px 1px 0 #fff
}

.normal {
  font-weight: 400
}

.bold {
  font-weight: 700
}

.uppercase {
  text-transform: uppercase
}

.orange {
  color: #FF780F
}

.vert {
  color: #178a0b
}

.bleu {
  color: #17797c
}

.titre {
  font-size: 24px
}

.taille17 {
  font-size: 17px
}

.ariane a {
  font-size: 12px
}

.ariane a:hover {
  color: #FF780F
}

.ariane {
  margin-bottom: 8px;
  margin-top: 0;
  padding: 5px 0
}

#legal {
  margin: 0 2%;
  color: #292929;
  font-size: 14px
}

#qui {
  margin: 0 2%;
  color: #292929;
  font-size: 14px
}

#qui h1 {
  font-weight: 400
}

#qui .titre2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700
}

#qui .txt-qui {
  margin-top: 40px
}

#qui .accroche-bas {
  text-align: center;
  margin: 76px 0 0 20px;
  color: #FF780F;
  font-weight: 700;
  font-size: 27px;
  clear: left
}

#qui .obejctifs {
  margin: 30px 0 0;
  color: #FF780F;
  font-weight: 700;
  font-size: 27px;
  clear: left;
  text-transform: uppercase
}

#pages-info {
  margin: 0 ;
}

#pages-info h1 {
}

#pages-info .txt-pages-info {
  margin: 40px 0
}

div.presentation {
  display: block
}

div.presentation img.image {
  float: left;
  margin-right: 8px
}

.txt-pages-info a {
  color: #292929;
}

div.presentation .texte {}

div.presentation h1 {
  font-size: 24px;
  font-family: Inter,sans-serif
}

#getvilles span {
  padding: 5px;
  display: block
}

#getvilles {
  background-color: #fff;
  border-color: #ccc #888 #888 #ccc;
  border-style: solid;
  border-width: 1px;
  display: none;
  position: absolute;
  z-index: 5;
  font-size: 12px;
  width: 100%;
  cursor: pointer;
  color: #FF780F
}

.page-piece-espace {
  display: block
}

.enplus h3 {
  border: 1px solid #ccc;
  border-right: 0;
  border-left: 0;
  font-size: 14px;
  padding: 6px;
  margin: 15px 0
}

.fidelite {
  margin: 0 2%;
  color: #292929;
  font-size: 14px
}

.fidelite h1 {
  font-weight: 400
}

.fidelite .txt {
  float: left;
  margin-top: 20px;
  width: 100%;
  text-align: justify
}

.fidelite .txt-bloc {
  text-align: center
}

.fidelite .txt-intro {
  float: left;
  margin-top: 20px
}

.fidelite .titre-fidelite {
  clear: left;
  margin: 30px 0 0
}

.fidelite .couleur-r {
  background-color: #FF780F;
  border-radius: 3px;
  height: 28px;
  margin: 0 7px 7px 0
}

.fidelite .buttonok-r {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 15px 0 0;
  text-align: center;
  text-decoration: none
}

.fidelite .ss-titre {
  font-size: 15px;
  color: #FF780F;
  margin-top: 20px;
  clear: left;
  text-transform: uppercase
}

.fidelite .tab-fi {
  clear: left
}

.fidelite .bloc {
  float: left;
  margin: 20px 0;
  width: 30%
}

.pp-carte1 {
  display: block
}

.pp-carte2 {
  display: none
}

table.lesmarques {
  margin-left: 48px
}

table.lesmarques tr {
  vertical-align: top
}

table.lesmarques td {
  padding-top: 16px;
  width: 230px
}

table.lesmarques p {
  color: #FF780F;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 6px
}

.pod_marque {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #ccc;
  height: 119px
}

.auteurs-perso {
  bottom: 0;
  color: #666;
  float: left;
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: uppercase;
  margin-top: 47px
}

#fiche_produit3 .paiement-grand {
  display: block
}

#fiche_produit3 .paiement-petit {
  display: none
}

#fiche_produit3 .plusmoins {
  margin-top: 20px
}

#fiche_produit3 .case-panier {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 0 0 20px
}

#fiche_produit3 .prix-barre2 {
  margin: 0;
  padding-top: 9px;
  text-decoration: line-through;
  color: #292929;
  float: left;
  font-size: 13px
}

#fiche_produit3 .pictures .infos {
  float: left;
}

#fiche_produit3 .pictures .photo {
  float: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#fiche_produit3 .pictures .panier-prod {
  width: 21%;
  float: left
}

span.infolabel3 {
  display: block;
  float: left;
  width: 163px;
  clear: both;
  color: #000;
  font-size: 12px;
  height: 15px
}

#fiche_produit3 .info-liv {
  height: 15px;
  background-color: #FF780F;
  color: #fff;
  padding: 5px;
  margin: 10px 0;
  font-weight: 700;
  max-width: 392px;
  text-align: center
}

#fiche_produit3 .enplus {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  height: 23px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-top: 5px;
  width: 100%;
  clear: left
}

#fiche_produit3 .enplus h3 {
  padding-left: 23px;
  color: #000;
  float: left;
  font-size: 16px
}

#fiche_produit3 .descriptif-img {
  float: left;
  font-size: 14px;
  text-align: left;
  margin-top: 15px
}

#fiche_produit3 .vignettes img {
  border: 1px solid #d8d8d8;
  cursor: pointer;
  width: 48px;
  height: 48px;
  border-radius: 6px;
}

#fiche_produit3 .vignettes .vignette.active {
  border: 2px solid #FF780F;
}

#fiche_produit3 .bloc-img {
  border: 1px solid #d8d8d8;
  position: relative;
  padding: 5%
}

#fiche_produit3 .pictures {
  overflow: hidden;
}

#fiche_produit3 .pictures .photo .principale {
  height: auto;
  width: auto;
  cursor: pointer;
  width: 518px;
  border-radius: 12px;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  margin-left: 10px;
}

#fiche_produit3 .pictures .photo .bandeau_soldes {
  display: block;
  position: absolute;
  width: 127px;
  height: 83px;
  z-index: 1
}

#fiche_produit3 .pictures .photo .precommande {
  display: block;
  position: absolute;
  width: 115px;
  height: 102px;
  z-index: 1;
  margin: 3px
}

#fiche_produit3 .pictures .infos .marque {
  padding-top: 5px
}

#fiche_produit3 .pictures .infos .spec {
  color: #292929;
  font-size: 14px;
  font-weight: 400
}

#fiche_produit3 .pictures .infos .marque a {
  color: #292929;
  font-size: 14px;
  font-weight: 400
}

#fiche_produit3 .pictures .infos .marque a:hover {
  text-decoration: none;
  color: #FF780F
}

#fiche_produit3 .pictures .infos .madeIn {
  padding-top: 5px;
  padding-bottom: 0;
  margin: 0 .2em
}

#fiche_produit3 .pictures .infos .madeIn a {
  color: #292929;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline
}

#fiche_produit3 .pictures .infos .madeIn a:hover {
  text-decoration: none
}

#fiche_produit3 .pictures .infos .licence a {
  color: #292929;
  font-size: 32px;
  font-weight: 400;
  text-decoration: underline
}

#fiche_produit3 .pictures .infos .licence a:hover {
  text-decoration: none
}

#fiche_produit3 .pictures .infos .reference {
  color: #292929;
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 0
}

#fiche_produit3 .pictures .infos .reference .ref_italic {
  font-size: 14px;
  font-weight: 400;
  font-style: italic
}

#fiche_produit3 .pictures .infos .descriptif_truncate {
  margin-top: 10px
}

#fiche_produit3 .pictures .infos .descriptif_truncate span {
  color: #292929;
  font-size: 14px;
  display: block
}

#fiche_produit3 .pictures .infos .descriptif_truncate a {
  color: #292929;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline
}

#fiche_produit3 .pictures .infos .descriptif_truncate a:hover {
  color: #292929;
  text-decoration: none
}

#fiche_produit3 .pictures .infos .descriptif_truncate img {
  margin-right: 5px
}

#fiche_produit3 .pictures .infos p {
  line-height: 25px;
  margin: 0;
  padding-right: 10px
}

#fiche_produit3 .pictures .infos .stock {
  display: block;
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #4f4f4f;
  margin-top: 10px
}

#fiche_produit3 .pictures .infos .enstock {
  float: left;
  font-size: 14px;
  color: #292929;
  background: url(/images/pt-stock.jpg) no-repeat scroll 0 -8px;
  padding-left: 15px;
  margin-left: 10px
}

#fiche_produit3 .pictures .infos .nostock {
  float: left;
  font-size: 14px;
  color: #C70421;
  background: url(/images/pt-nostock.jpg) no-repeat scroll 0 0;
  padding-left: 15px;
  margin-left: 10px
}

#fiche_produit2 .pictures .infos .precommande {
  color: #C70421;
  clear: left;
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  padding-left: 2px;
  text-align: center
}

#fiche_produit3 .pictures .infos .price {
  float: left;
  font-size: 20px;
  color: #FF780F
}

#fiche_produit3 .pictures .infos .price .prix2 {
  display: block;
  clear: left;
  margin-bottom: 5px
}

#fiche_produit3 .pictures .infos p button {
  cursor: pointer
}

#fiche_produit3 .pictures .infos p img {
  vertical-align: -.4em
}

#fiche_produit3 .pictures .infos p a {
  text-decoration: underline
}

#fiche_produit3 .infos .onglet {
  overflow: hidden;
  margin-bottom: 1px
}

.col-md-boutique1 {
  width: 22.8%;
  margin: 2px;
  height: auto;
  padding: 0;
  float: left
}

.col-md-boutique-titre {
  width: 50px;
  margin: 4px;
  height: 295px;
  padding: 0;
  float: left;
  background-color: #1f969a;
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin: 0 8px 0 4px;
  padding-top: 20px
}

#affiliation .liste-img-1 {
  display: block
}

#affiliation .liste-img-2 {
  display: none
}

#affiliation .liste-img-3 {
  display: block
}

#affiliation .liste-img-4 {
  display: none
}

.img-adultes-theme {
  display: block
}

.img-adultes-theme2 {
  display: none
}

.offre-f {
  float: left;
  height: 74px;
  border-top: 8px solid #3D3D3D;
  border-bottom: 8px solid #3D3D3D;
  width: 55%
}

.offre-txt {
  float: left;
  color: #3D3D3D;
  width: 35%;
  text-align: center;
  font-size: 2.3vw
}

.offre-txt2 {
  float: left;
  color: #F3444B;
  width: 65%;
  text-align: center;
  font-size: 2.3vw
}

.offre-title {
  float: left;
  color: #3D3D3D;
  font-size: 2.3vw;
  width: 34%;
  text-align: center;
  border: 1px solid #3D3D3D;
  border-radius: 3px
}

.offre-detail {
  float: left;
  color: #F3444B;
  width: 30%;
  text-align: center;
  font-size: 1.6vw
}

.img-chrono {
  float: left;
  color: #3D3D3D;
  width: 10%;
  text-align: center
}

.g-offre-flash {
  background: #fff;
  width: 100%;
  height: 51px;
  padding-top: 5px;
  background-image: url(/images/intro-flash.jpg)
}

.g-offre-flash2 {
  background: #fff;
  width: 100%;
  height: 51px;
  padding-top: 5px;
  background-image: url(/images/intro-flash2.jpg);
  background-repeat: no-repeat
}

.g-offre-title {
  text-align: center;
  float: left;
  font-size: 1.5vw;
  width: 45%
}

.g-chrono-img {
  text-align: center;
  float: left;
  width: 16%
}

.offre-carre-acc {
  font-family: Inter,sans-serif
}

.g-encart-offre {
  float: left;
  width: 100%
}

.g-compteur {
  font-size: 18px;
  padding-top: 12px;
  float: left;
  width: 311px;
  text-align: center
}

.g-corps-txt {
  color: #fff;
  font-size: 2vw;
  text-align: center
}

.g-avec-code {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  padding-top: 5px
}

.g-code {
  background: #fff;
  color: #000
}

.g-typo-code {
  font-size: 1.1vw
}

.g-typo-offre {
  font-size: 2vw
}

.g-txt-detail {
  font-size: 12px;
  text-align: right;
  padding-top: 8px;
  margin-right: 10px;
  padding-bottom: 2px
}

.g-encart-liv-moit {
  float: left;
  background: #3d3d3d;
  width: 47%;
  color: #fff;
  text-align: center;
  padding: 3px
}

.g-encart-liv {
  background: #3d3d3d;
  width: 98%;
  color: #fff;
  text-align: center;
  clear: both;
  padding: 3px
}

.g-encart-liv2 {
  background: #3d3d3d;
  border: 1px solid #fff
}

.p-avec-code {
  float: left;
  color: #F3444B;
  width: 25%;
  text-align: center
}

.p-encart-code {
  background: #F3444B;
  color: #fff
}

.p-typo-code {
  font-size: 1.6vw
}

.p-typo-offre {
  font-size: 2.3vw
}

.p-franco {
  float: left;
  width: 45%;
  background: #3d3d3d;
  color: #fff;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px
}

.p-franco-moit {
  float: left;
  width: 22%;
  background: #3d3d3d;
  color: #fff;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px
}

.p-franco-tablette {
  float: left;
  background: #3d3d3d;
  color: #fff;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px
}

.offre-liv {
  font-size: 2.4vw
}

.offre-franco {
  font-size: 1.2vw
}

.offre-delai {
  font-size: 1.5vw
}

.offre-txt-liv {
  font-size: 2vw
}

.p-franco {
  font-size: 1.5vw
}

div.work_left {
  position: relative;
  float: left;
  width: 600px;
  min-height: 410px;
  margin-top: 10px;
  margin-left: 10px;
  border-radius: 6px;
  border: solid 1px #ccc
}

div.work_right {
  position: relative;
  float: left;
  width: 360px;
  min-height: 400px;
  margin: 10px;
  margin-left: 10px;
  padding-bottom: 10px;
  border-radius: 3px;
  border: solid 1px #ccc
}

div.work_right p.titrerob {
  font-family: Inter,Arial,Helvetica,sans-serif;
  color: #222;
  font-size: 22px;
  padding: 0;
  margin: 0;
  margin-left: 28px;
  line-height: 40px;
  text-align: left;
  font-weight: 300
}

div.work_right p {
  padding-bottom: 10px
}

a.boutond {
  margin-bottom: 10px;
  font-weight: 600;
  margin-right: 24px;
  text-align: center;
  background-color: #fe7e15;
  color: #fff;
  border-radius: 3px;
  padding: 6px;
  float: right;
  width: 130px
}

.bloc-alerte {
  border: 3px solid#666666;
  padding: 4px;
  text-align: center;
  overflow: hidden;
  float: right;
  margin: 0 40px
}

.titre-alerte {
  font-size: 15px;
  text-transform: uppercase
}

.txt-alerte {
  color: #666;
  font-size: 12px
}

.menupp-web {
  display: block
}

.menupp-mobile {
  display: none
}

.imgpp1 {
  display: block
}

.imgpp2 {
  display: none
}

.cube-prod-acc {
  position: relative;
  float: left!important;
  display: flex;
  height: 459px;
  width: 267px;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  border-radius: 12px!important;
  background: #FFF;
  margin-right: 18px ;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
}

.cube-prod-acc:hover {
  box-shadow: 0px 4px 10px 2px rgba(41, 41, 41, 0.12);
}

.cube-prod {
  position: relative;
  float: left!important;
  display: flex;
  height: 355px;
  width: 200px;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  border-radius: 12px!important;
  background: #FFF;
  margin-right: 0 ;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
}

.cube-prod:hover {
  box-shadow: 0px 4px 10px 2px rgba(41, 41, 41, 0.12);
}

.apercu-acc {
  margin: 13px 20px 0 40px;
  position: absolute;
  z-index: 10
}

.libelle-acc {
  text-align: center;
  padding-top: 2px;
  height: 150px;
  padding-left: 14px
}

.libelle2-acc {
  padding-left: 5px;
  padding-right: 5px;
  font-family: Inter,sans-serif;
  font-size: 12px;
  color: #000
}

.prix-bloc-acc {
  float: left;
  text-align: center;
  width: 68px;
  background-color: silver;
  font-size: 16px;
  padding-top: 2px;
  padding-bottom: 1px;
  height: 24px
}

.prix-barre-acc {
  float: left;
  text-align: right;
  width: 50px;
  color: #fff;
  padding-top: 2px;
  padding-bottom: 1px;
  height: 24px
}

.prix-barre-acc2 {
  float: left;
  text-align: left;
  width: 50px;
  background-color: silver;
  height: 21px;
  padding-top: 5px;
  padding-bottom: 1px
}

#left_espaceclient hr {
  border: 0;
  border-top: 1px solid #e0e0e0
}

#left_espaceclient .title_item {
  padding: 0;
  padding-top: 4px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #000
}

#left_espaceclient ul {
  margin-bottom: 15px
}

#left_espaceclient ul li {
  border: 0;
  line-height: 16px;
  list-style-type: none
}

#PorteMonnaie2 {
  margin: 0 0 5px
}

#PorteMonnaie2 table {
  border-collapse: collapse;
  margin-bottom: 0;
  margin-right: 10px
}

#PorteMonnaie2 table tr {
  height: 40px;
  border: 1px solid #ccc;
  background-color: #F4F4F4
}

#PorteMonnaie2 table td {
  text-align: center
}

#PorteMonnaie2 .designation {
  color: #000;
  font-size: 13px;
  font-weight: 700
}

#PorteMonnaieLigne2 {
  margin-left: 0;
  margin-top: 0
}

#PorteMonnaieLigne2 a {
}

#PorteMonnaieLigne2 table {
  border-collapse: collapse;
  width: 100%
}

#PorteMonnaieLigne2 table tr td {
  text-align: center;
  color: #292929;
  font-size: 14px
}

#sauvegarde {
  margin: 0 0 5px
}

#sauvegarde table {
  border-collapse: collapse;
  margin-bottom: 0;
  margin-right: 10px;
  width: 99%
}

#sauvegarde table tr {
  height: 40px;
  border: 1px solid #ccc;
  background-color: #F4F4F4
}

#sauvegarde table td {
  text-align: center;
  background-color: #f4f4f4
}

#sauvegarde .designation {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700
}

#sauvegarde .designation2 {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700
}

#sauvegardeLigne2 {
  margin-left: 0;
  margin-top: 0
}

#sauvegardeLigne2 table {
  border-collapse: collapse;
  margin-bottom: 0;
  margin-right: 10px
}

#sauvegardeLigne2 table tr {
  height: 40px
}

#sauvegardeLigne2 table tr td {
  border: 1px solid #ccc;
  text-align: center;
  color: #000;
  font-size: 12px
}

#macommande2 {
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-radius: 15px;
  padding-top: 15px;
  padding-bottom: 15px
}

#macommande2 table {
  color: #000;
  width: 99%
}

#macommande2 table td {
  vertical-align: top;
  padding: 8px;
  color: #000
}

#macommande2 .adresse {
  border: solid 1px #dfdfdf;
  padding: 5px
}

#macommande2 .titre {
  color: #f60;
  font-weight: 700;
  font-size: 14px
}

#macommande2 .bordure {
  border: 0 solid #aaa
}

#macommande2 .ligne {
  padding-left: 10px;
  background-color: #f4f4f4;
  border-top: solid 1px #dfdfdf
}

#macommande2 .gras {
  font-weight: 700
}

#macommande2 .suivante {
  border-bottom: solid 1px #fff
}

#macommande2 span a {
  color: #fff;
  background-color: #FF780F;
  padding: 7px 20px;
  margin-left: 610px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
  display: block;
  float: right
}

#macommande2 span a:hover {
  color: #fff;
  background-color: #FF780F;
  text-decoration: none
}

#macommande2 .facturation a {
  color: red;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  width: 300px;
  margin-left: 6px;
  border: 0
}

#macommande2 .facturation a img {
  border: 0
}

#macommande2 .facturation a:hover {
  text-decoration: underline
}

#macommande3 {
  max-width: 800px;
  margin: auto
}

#macommande3 .titre {
  color: #f60;
  font-weight: 700;
  font-size: 16px
}

#macommande3 .lienfacture {
  color: #f60!important;
  font-size: 14px
}

.cube_coordonnees2 {
  float: left;
  box-shadow: 0 0 2px #999;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
  min-height: 82px;
  width: 94%
}

.cube_coordonnees2 p {
  margin-top: 20px
}

.cube_coordonnees2 p .type {
  font-weight: 700;
  color: #306;
  font-size: 12px;
  margin-bottom: 20px
}

.cube_coordonnees2 p a {
  font-weight: 700;
  color: #306;
  margin-top: 20px
}

.cube_coordonnees2 p a:hover {
  color: #FF780F
}

.form-sav {
}

.ligne_ticket {
  box-shadow: 0 0 2px #999;
  border-radius: 5px;
  float: left;
  padding: 20px;
  width: 91%;
  margin-bottom: 15px
}

#main_espaceclient div.rub_inscription {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 10px;
  width: auto
}

#main_espaceclient .couleur {
  background-color: #FF780F;
  border-radius: 1px;
  height: 25px;
  margin: 0 10px 10px 0
}

#main_espaceclient .buttonok {
  color: #fff;
  display: block;
  font-size: 15px;
  padding: 2px 15px 0 0;
  text-align: center;
  text-decoration: none
}

#main_espaceclient {
}

#main_espaceclient .logout {
  float: right;
  font-size: 12px;
  color: #000;
  padding-top: 10px;
  text-decoration: underline;
  margin-right: 10px
}

#main_espaceclient .img-carte {
  border: 0;
  margin: 20px;
  float: left;
  margin-bottom: 30px
}

#main_espaceclient .PodBlanc {
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: #FFF;
  padding: 32px;
  border-radius: 12px;
}

#main_espaceclient .bloc-acc {
  float: left
}

#main_espaceclient .lignes {
  width: 29.4%;
  float: left
}

#main_espaceclient .lignes-ppc {
  width: 38.5%;
  float: left
}

#main_espaceclient .bloc-service {
  border-bottom: 2px solid #f60;
  min-height: 147px;
  padding: 10px
}

#main_espaceclient .bloc-menu {
  margin-bottom: 30px;
  float: left;
  width: 100%
}

#main_espaceclient .menu2 {
  height: auto;
  margin: 45px 0 25px
}

#main_espaceclient .center {
  margin: 0 auto
}

#main_espaceclient .title-commande {
  height: 8px;
  background-color: #eaeaea;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: 11px
}

#main_espaceclient .pod2 {
  float: left
}

#main_espaceclient .txt-acc {
  font-size: 14px
}

.tiret {
  background-color: #E2E2E2;
  float: left;
  height: 1px;
  margin: 6px 0 12px;
  width: 100%
}

#main_espaceclient a {
  cursor: pointer;
}

#main_espaceclient a span {
  font-size: 11px
}

#main_espaceclient a:hover {
}

#main_espaceclient .text {
  font-size: 12px
}

#main_espaceclient .welcome_text {
  font-size: 14px
}

#main_espaceclient .title_item {
  padding: 0;
  padding-top: 4px;
  padding-bottom: 10px;
  font-size: 13px;
  color: #000
}

#main_espaceclient .txt-intro {
  font-size: 14px;
  text-align: justify;
  padding-right: 20px;
  margin-top: 0
}

#main_espaceclient ul {
  padding: 0;
  margin: 0
}

#main_espaceclient ul li {
  display: block;
  list-style: none;
  line-height: 20px;
  margin: .2em 0
}

#form-avis .titre-espaceclient {
  float: left;
  color: #FF780F;
  font-size: 24px;
  margin: 20px 70px 0 10px;
  margin-bottom: 20px
}

#form-avis .intro2 {
  clear: left;
  margin-left: 10px
}

#form-avis .encart-form {
  float: left;
  height: 260px;
  margin: 40px 10px 10px;
  padding: 5px 0 0 10px;
  width: 430px;
  box-shadow: 0 0 2px #999;
  border-radius: 5px
}

#form-avis .pod-form {
  margin: 0 auto;
  width: 480px
}

#form-avis .TitrePodConnection {
  color: #FF780F;
  font-size: 22px;
  margin-right: 4px;
  text-shadow: 1px 1px 0 #fff
}

#form-avis .log-champs {
  color: #000;
  font-size: 12px;
  height: 22px;
  width: auto;
  margin: 2px 0
}

#fiche_produit2 .info-liv {
  height: 15px;
  background-color: #FF780F;
  color: #fff;
  padding: 5px;
  margin: 10px 0;
  font-weight: 700;
  max-width: 392px;
  text-align: center
}

#fiche_produit2 .enplus {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  height: 23px;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-top: 5px;
  width: 100%;
  clear: left
}

#fiche_produit2 .enplus h3 {
  padding-left: 23px;
  color: #000;
  float: left;
  font-size: 16px
}

#fiche_produit2 .descriptif-img {
  border: 1px solid #d8d8d8;
  color: #000;
  float: left;
  font-size: 13px;
  height: auto;
  margin: 5px 0 0;
  padding: 5px;
  clear: left;
  width: 98%;
  text-align: left
}

#fiche_produit2 .vignettes img {
  border: 1px solid #d8d8d8;
  cursor: pointer;
  float: left;
  height: auto;
  margin: 5px 3px 0 0;
  padding: .2em;
  width: 50px
}

#fiche_produit2 .bloc-img {
  border: 1px solid #d8d8d8;
  position: relative;
  padding: 5%
}

#fiche_produit2 .pictures {
  background-color: #fff;
  overflow: hidden;
  padding: .2em;
  margin-top: .4em
}

#fiche_produit2 .pictures .photo {
  text-align: center;
  height: auto;
  width: 39%;
  margin: 0 30px 30px 0;
  float: left
}

#fiche_produit2 .pictures .photo .principale {
  height: auto;
  width: auto;
  cursor: pointer;
  padding: 2%;
  width: 96%;
  border: 1px solid #d8d8d8
}

#fiche_produit2 .pictures .photo .bandeau_soldes {
  display: block;
  position: absolute;
  width: 127px;
  height: 83px;
  z-index: 1
}

#fiche_produit2 .pictures .photo .precommande {
  display: block;
  position: absolute;
  width: 115px;
  height: 102px;
  z-index: 1;
  margin: 3px
}

#fiche_produit2 .pictures .infos {
  width: 54%;
  border: 0 solid #ccc;
  float: right;
  overflow: hidden
}

span.infolabel2 {
  display: block;
  float: left;
  width: 140px;
  clear: both;
  color: #292929;
  font-size: 14px;
  height: 15px
}

#fiche_produit2 .pictures .infos .marque {
  padding-top: 5px
}

#fiche_produit2 .pictures .infos .spec {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  font-style: italic
}

#fiche_produit2 .brand {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  font-style: italic
}

#fiche_produit2 .pictures .infos .marque a {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  font-style: italic
}

#fiche_produit2 .pictures .infos .marque a:hover {
  text-decoration: none;
  color: #FF780F
}

#fiche_produit2 .pictures .infos .madeIn {
  padding-top: 5px;
  padding-bottom: 0;
  margin: 0 .2em
}

#fiche_produit2 .pictures .infos .madeIn a {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline
}

#fiche_produit2 .pictures .infos .madeIn a:hover {
  text-decoration: none
}

#fiche_produit2 .pictures .infos .licence a {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline
}

#fiche_produit2 .pictures .infos .licence a:hover {
  text-decoration: none
}

#fiche_produit2 .pictures .infos .reference {
  color: #000;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 0
}

#fiche_produit2 .pictures .infos .reference .ref_italic {
  font-size: 12px;
  font-weight: 400;
  font-style: italic
}

#fiche_produit2 .pictures .infos .descriptif_truncate {
  margin-top: 10px
}

#fiche_produit2 .pictures .infos .descriptif_truncate span {
  color: #000;
  font-size: 12px;
  display: block
}

#fiche_produit2 .pictures .infos .descriptif_truncate a {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline
}

#fiche_produit2 .pictures .infos .descriptif_truncate a:hover {
  color: #000;
  text-decoration: none
}

#fiche_produit2 .pictures .infos .descriptif_truncate img {
  margin-right: 5px
}

#fiche_produit2 .pictures .infos p {
  line-height: 25px;
  margin: 0;
  padding-right: 10px
}

#fiche_produit2 .pictures .infos .stock {
  display: block;
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #4f4f4f;
  margin-top: 10px
}

#fiche_produit2 .pictures .infos .enstock {
  float: left;
  font-size: 14px;
  color: #000;
  background: url(/images/pt-stock.jpg) no-repeat scroll 0 -8px;
  padding-left: 15px;
  margin-left: 10px
}

#fiche_produit2 .pictures .infos .nostock {
  float: left;
  font-size: 14px;
  color: #C70421;
  background: url(/images/pt-nostock.jpg) no-repeat scroll 0 0;
  padding-left: 15px;
  margin-left: 10px
}

#fiche_produit2 .pictures .infos .precommande {
  color: #C70421;
  clear: left;
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
  padding-left: 2px;
  text-align: center
}

#fiche_produit2 .pictures .infos .price {
  float: left;
  font-weight: 700;
  font-size: 20px;
  color: #FF780F
}

#fiche_produit2 .pictures .infos .price .prix2 {
  display: block;
  clear: left;
  margin-bottom: 5px
}

#fiche_produit2 .pictures .infos p button {
  cursor: pointer
}

#fiche_produit2 .pictures .infos p img {
  vertical-align: -.4em
}

#fiche_produit2 .pictures .infos p a {
  text-decoration: underline
}

#fiche_produit2 .infos .onglet {
  overflow: hidden;
  margin-bottom: 1px
}

.bouton-pan {
  float: left;
  width: 245px
}

#money_box2 .price-right {
  float: left;
  height: 75px;
  width: 265px
}

#money_box2 {
  max-width: 400px;
  background-color: #eceef5;
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid #dadada;
  height: 150px
}

#money_box2 .prix-membre {
  float: left;
  color: #000;
  height: 50px;
  line-height: 30px;
  padding: 10px 0 0 8px;
  width: 127px
}

#money_box2 .m_box_left {
  width: 100%;
  margin: 0;
  float: left
}

#money_box2 .m_box_right {
  float: right;
  margin: 5px 0 0 5px;
  width: 253px
}

#money_box2 .m_box_right .devise {
  color: #FF780F;
  font-size: 22px;
  font-weight: 700;
  font-family: Arial
}

#money_box2 .m_box_right .prix-promo {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  padding: 3px 2px 0 9px;
  display: block;
  float: right;
  margin: 0 30px 3px 6px;
  background: url(/images/back-promo.jpg) no-repeat;
  height: 30px
}

#money_box {
  width: 400px;
  background-color: #eceef5;
  margin-top: 20px;
  overflow: hidden;
  border: 1px solid #dadada;
  height: 150px
}

#money_box .m_box_right .prix-promo {
  background: url(/images/back-promo.jpg) no-repeat scroll 0 0 rgba(0,0,0,0);
  color: #fff;
  display: block;
  float: right;
  font-size: 18px;
  height: 30px;
  margin: 3px 30px 3px 6px;
  padding: 3px 2px 0 13px;
  text-decoration: none
}

#money_box .m_box_right {
  float: right;
  margin: 10px 0 0 161px;
  width: 253px
}

#money_box .m_box_left {
  float: left;
  margin: 0;
  width: 100%
}

#money_box {
  background-color: #eceef5;
  border: 1px solid #dadada;
  height: 125px;
  margin-top: 20px;
  overflow: hidden
}

#money_box {
  background-color: #eceef5;
  border: 1px solid #dadada;
  height: 125px;
  margin-top: 20px;
  overflow: hidden
}

#money_box {
  background-color: #eceef5;
  border: 1px solid #dadada;
  height: 125px;
  margin-top: 20px;
  overflow: hidden
}

.box_prix_barre {
  float: left;
  height: 45px
}

.box_prix_barre .prix-barre {
  color: #000;
  float: left;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 0 10px;
  padding-top: 10px;
  text-decoration: line-through
}

#money_box2 .price {
  float: left
}

.float {
  float: left
}

.block {
  width: 250px;
  margin: 23px
}

.titres-pp {
  font-size: 18px;
  margin-bottom: 15px;
  float: left;
  width: 100%
}

.wrapper-boite {
  width: 100%;
  margin: 50px 0
}

.wrapper-boite img {
  margin: 0 auto
}

.bouton-pp img {
  margin: 0 auto
}

.right-wrapper .couleur {
  color: #17797c;
  font-size: 14px
}

.right-wrapper .taille {
  color: #000;
  font-size: 11px
}

.right-wrapper ul li {
  display: block;
  height: 26px
}

.right-wrapper ul {
  list-style: outside none none;
  overflow: hidden
}

.right-wrapper ul li h3 {
  display: inline;
  font-size: 13px;
  font-weight: 400;
  line-height: 33px;
  padding: 0 0 0 10px
}

.right-wrapper ul li .prix1 {
  font-size: 10px;
  text-decoration: line-through;
  margin-right: 5px
}

.right-wrapper ul li .prix2 {
  font-size: 14px;
  color: #17797c;
  float: right;
  margin-right: 4px;
  height: 25px
}

.right-wrapper .bouton-pp {
  clear: left
}

.right-wrapper .prix-pp {
  float: right;
  margin-right: 10px
}

.encart-telecharger {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 260px;
  height: 330px;
  background-color: #FFF;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 5px 0 #656565;
  -webkit-box-shadow: 1px 1px 5px 0 #656565;
  -o-box-shadow: 1px 1px 5px 0 #656565;
  box-shadow: 1px 1px 5px 0 #656565;
  padding: 5px;
  z-index: 2
}

h1,h2,h3,h4,h5,h6,ul {
  margin: 0;
  padding: 0
}

.col-md-wrapperpp .wrapper-pp1 {
  display: block
}

.col-md-wrapperpp .wrapper-pp2 {
  display: none
}

.col-md-wrapperpp .wrapper-pp3 {
  display: none
}

.col-md-wrappercarte .wrapper-carte1 {
  display: block
}

.col-md-wrappercarte .wrapper-carte2 {
  display: none
}

.col-md-wrappercarte .wrapper-carte3 {
  display: none
}

.col-md-wrappercarte .wrapper-carte4 {
  display: none
}

.orange-menu a {
  color: #FF780F
}

.sanscube {
  display: block;
  float: left
}

.select-pays {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ccc #ccc -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  float: left;
  height: 19px;
  position: relative;
  top: 3px
}

.img-choix {
  float: left;
  height: 20px;
  position: relative;
  top: 2px;
  width: 30px
}

.nom-pays {
  color: #000;
  float: left;
  padding: 0 5px;
  font-size: 12px
}

.intitules-haut {
  color: #FFF;
}

.col-md-pays {
  padding: 0;
  float: right;
  margin-right: 24px;
}

.col-md-intitules {
  width: 60%;
  float: left
}

.accroche {
  float: left;
  color: #626262;
  display: block
}

.orange {
  color: #FF780F
}

.barre-reduite {
  display: none
}

.logo {
  float: left;
  margin-top: 11px
}

.panier {
  margin-top: 10px
}

.search .input_searchbox {
  background: url(/image/loupe.png) no-repeat scroll 0 0 #fff;
  border: 1px solid #999;
  border-radius: 3px;
  color: #000;
  display: block;
  float: left;
  font-size: 12px;
  height: 34px;
  margin: 0 13px 0 0;
  padding: 0 0 0 40px;
  width: 597px
}

.search .button_searchbox {
  float: left;
  left: 600px;
  top: 41px;
  position: absolute
}

.search {
  height: 60px;
  width: 450px;
  z-index: 50;
  position: relative
}

.bloc-search {
  float: left;
  margin-left: 100px;
  margin-top: 13px
}

.txt-panier {
  float: left;
  line-height: 19px
}

.taille22 {
  font-size: 22px
}

.taille15 {
  font-size: 15px
}

.contact-service {
  display: block
}

.roboto {
  font-family: Inter,Arial,Helvetica,sans-serif;
  color: #fff
}

.pre-footer {
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #e9e9e9;
  height: 100px;
  z-index: -1;
  margin-top: 30px
}

.after-footer {
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #2f2e2e;
  height: 500px;
  z-index: -1;
  margin-top: 108px
}

.title-footer li {
  color: #ffffff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 23px
}

.title-footer {
  color: #ffffff;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 24px
}

.title-footer li a {
  color: #ffffff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px!important;
}

.mentions {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 30px;
  padding-bottom: 54px
}

.lien-footer a {
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 16px;
  font-style: italic!important;
  font-weight: 400;
  line-height: 81%;
  /* 12.96px */
  text-decoration-line: underline;
}

.col-md-wrapper,.col-md-wrapperpp,.col-md-flash,.col-md-wrappercarte {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col-md-wrapper,.col-md-wrapperpp,.col-md-pp,.col-md-wrappercarte {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.col-md-wrapper {
  width: 70%;
  margin: 4px;
  height: auto;
  float: left;
  padding: 0
}

.col-md-wrapperpp {
  width: 61%;
  margin: 4px;
  height: auto;
  float: left;
  padding: 0;
  margin-left: 7%
}

.col-md-wrappercarte {
  width: 35%;
  margin: 4px;
  height: auto;
  float: left;
  padding: 0;
  margin-left: 7%
}

.col-md-flash {
  width: 26%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.col-md-pp {
  width: 26%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.col-md-carte {
  width: 55%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.col-md-hero {
  width: 23.7%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.col-md-noel {
  width: 48.1%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.col-picto-footer {
  height: auto;
  padding: 0;
}

.col-picto-footer h2 {
  font-size: 18px!important
}

.col-md-deco {
  width: 23.7%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.col-md-defi {
  width: 23.7%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.col-md-artiste {
  width: 23.7%;
  margin: 4px;
  height: auto;
  padding: 0;
  float: left
}

.nb-pieces {
  float: left;
  font-size: 13px;
  margin-left: 16px;
  font-style: italic;
  margin-top: 3px
}

.col-md-boutique {
  width: 50px;
  height: 292px;
  margin: 1px 4px 4px;
  padding-top: 10px;
  float: left;
  background-color: #4f4f4f;
  color: #fff;
  font-size: 22px;
  text-align: center
}

.col-md-boutique h2 {
  line-height: 1.8
}

.offre-carre {
  display: block
}

.offre-carre-acc {
  display: block
}

.offre-carre-acc2 {
  display: none
}

.offre-bandeau {
  display: none
}

.typo {
  font-family: Inter,sans-serif
}

.orange {
  color: #FF780F
}

.typo H2 {
  font-family: Inter,sans-serif;
  font-size: 20px
}

.on {
  display: none!important
}

.col-md-promo {
  width: 50px;
  margin: 4px;
  height: 242px;
  padding: 0;
  float: left;
  background-color: #f4444b;
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin: 0 8px 0 4px;
  padding-top: 20px
}

.col-md-promo h2 {
  line-height: 1.8;
  padding-top: 30px
}

.col-md-new {
  width: 50px;
  margin: 4px;
  height: 242px;
  padding: 0;
  float: left;
  background-color: #1f969a;
  color: #fff;
  font-size: 22px;
  text-align: center;
  margin: 0 8px 0 4px;
  padding-top: 20px
}

.col-md-new h2 {
  line-height: 1.8;
  padding-top: 60px
}

.cube-acc {
  margin-right: 10px;
  margin-bottom: 17px
}

.disparait {
  display: block!important
}

.offre-flash {
  float: left;
  width: 100%;
  margin-bottom: 2px
}

.titre-flash {
  background: #fff;
  width: 100%;
  border-top: 8px solid #3D3D3D;
  border-bottom: 8px solid #3D3D3D;
  height: 37px;
  padding-top: 5px
}

.texte-flash {
  text-align: center;
  float: left;
  font-size: 23px;
  width: 45%
}

.image-flash {
  text-align: center;
  float: left;
  width: 16%
}

.compteur-flash {
  text-align: center;
  float: left;
  width: 38%;
  font-size: 1.3vw;
  border: 1px solid #3D3D3D;
  border-radius: 3px
}

.bloc-offre {
  background: #E9E8E6;
  border: 1px solid #3D3D3D;
  height: 119px
}

.texte-offre {
  color: #F3444B;
  font-size: 27px;
  text-align: center
}

.encart-code {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  padding-top: 5px
}

.code {
  background: #F3444B;
  color: #fff
}

.taille-avec {
  font-size: 12px
}

.taille-code {
  font-size: 23px
}

.detail-offre {
  font-size: 12px;
  text-align: right;
  padding-top: 5px;
  margin-right: 2px
}

.encart-livraison {
  background: #F3444B;
  width: 100%;
  color: #fff;
  text-align: center;
  clear: both;
  padding-bottom: 2px;
  margin-top: 2px;
  height: 85px;
  padding-top: 9px
}

.offre-livraison {
  float: left;
  height: 74px;
  border-top: 8px solid #3D3D3D;
  border-bottom: 8px solid #3D3D3D;
  width: 55%
}

.titreOffre {
  float: left;
  color: #3D3D3D;
  width: 35%;
  text-align: center;
  font-size: 2.3vw
}

.textOffre {
  float: left;
  color: #F3444B;
  width: 65%;
  text-align: center;
  font-size: 2.3vw
}

.CompteMini {
  float: left;
  color: #3D3D3D;
  font-size: 2.3vw;
  width: 34%;
  text-align: center;
  border: 1px solid #3D3D3D;
  border-radius: 3px
}

.CompteHorloge {
  float: left;
  color: #3D3D3D;
  width: 10%;
  text-align: center
}

.encart-code2 {
  float: left;
  color: #F3444B;
  width: 25%;
  text-align: center
}

.aveccode2 {
  background: #F3444B;
  color: #fff
}

.taillecode1 {
  font-size: 1.6vw
}

.taillecode2 {
  font-size: 2.3vw
}

.detail2 {
  float: left;
  color: #F3444B;
  width: 30%;
  text-align: center;
  font-size: 1.6vw
}

.textBloc {
  float: left;
  width: 45%;
  background: #F3444B;
  color: #fff;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px
}

.taille24 {
  font-size: 16px
}

.taille-liv {
  font-size: 23px
}

.taille-offerte {
  font-size: 23px
}

.tailledes {
  font-size: 16px
}

.taille48 {
  font-size: 2vw
}

.taille-liv2 {
  font-size: 2.6vw
}

.taille-offerte2 {
  font-size: 3vw
}

.tailleachat {
  font-size: 2vw
}

.saut-ligne {
  display: block;
  height: 1px
}

.box_prix_barre {
  height: 45px;
  float: left
}

.box_prix_barre .prix-barre {
  font-size: 13px;
  color: #000;
  text-decoration: line-through;
  float: left;
  font-weight: 700;
  margin: 0 0 0 10px;
  padding-top: 10px
}

table.espace_maliste {
  border-collapse: collapse
}

table.espace_maliste td {
  border-bottom: solid 1px #aaa;
  padding: 8px
}

table.espace_maliste tr {
  vertical-align: top
}

table.maliste_details {
  border-collapse: collapse
}

table.maliste_details td {
  padding: 0;
  border: 0;
  font-size: 14px
}

table.espace_maliste th {
  padding: 8px;
  text-align: left;
  background-color: #eee;
  color: #000
}

table.espace_maliste thead th {
  border-bottom: solid 1px #aaa
}

table.espace_maliste th span {
  line-height: 28px
}

table.espace_maliste th span.total_ml {
  font-size: 16px;
  color: #FF780F;
  font-weight: 600
}

table.espace_maliste th a.th_add {
  margin: auto;
  display: block;
  width: 180px;
  text-align: center;
  border-radius: 1px;
  color: #fff;
  background-color: #FF780F;
  font-weight: 400;
  padding: 6px;
  float: right;
  font-size: 14px
}

table.espace_maliste th input {
  margin-top: 6px
}

table.espace_maliste tr.nostock td {
  background-color: #eee
}

table.espace_maliste .linebtn {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

table.espace_maliste div.imgproduit_ml:hover>.linebtn {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1
}

#select_ml_input {
  float: left;
  width: 228px;
  padding: 6px!important;
  font-size: 14px;
  margin-bottom: 10px
}

div.select_ml_div {
  display: block;
  cursor: pointer;
  padding: 4px
}

div.select_ml_div_hl {
  background-color: #FF780F;
  color: #fff
}

div.select_ml_div:hover {
  background-color: #ddd
}

div.select_ml_div span {
  float: right
}

#select_ml_input_change {
  float: left;
  margin-left: 32px;
  display: none
}

#select_ml_input_change img {
  margin-right: 10px
}

#select_ml_input_nochange {
  float: left;
  margin-left: 32px;
  display: none
}

#select_ml_input_nochange img {
  margin-right: 10px
}

#ml-choix-div {
  display: none;
  clear: left;
  width: 240px;
  z-index: 100;
  background: #fff;
  border: solid 1px #aaa;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 30px;
  left: 0
}

div.nouveaute-membre-cube .linebtn {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

div.nouveaute-membre-cube div.imgproduit:hover>.linebtn {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1
}

.presque-p {
  display: block
}

.presque-p2 {
  display: none
}

.stylepp {
  text-decoration: underline
}

.intitule-age-noel {
  padding: 3px;
  background-color: #bc0707;
  border-radius: 2px;
  color: #fff;
  margin: 4px 2px;
  float: left;
  width: 110px;
  text-align: center
}

.intitule-age-noel:hover {
  background-color: #8d0606
}

.intitule-age-noel-vert {
  padding: 3px;
  background-color: #085508;
  border-radius: 2px;
  color: #fff;
  margin: 4px 2px;
  float: left;
  width: 110px;
  text-align: center
}

.intitule-age-noel-vert:hover {
  background-color: #033303
}

.bloc-age-noel {
  margin-top: 10%;
  width: 22%;
  float: left;
  margin-left: 1%;
  font-size: .9em
}

.bloc-noel-adultes {
  display: block;
  margin-right: 3px;
  height: 175px;
  background-image: url(/images/puzzles-adultes-home.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.bloc-noel-enfants {
  display: block;
  margin-right: 3px;
  height: 175px;
  background-image: url(/images/puzzles-enfants-home.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.ligne-en-ce-moment {
  width: 29%;
  float: left;
  margin: 17px;
  font-size: 1.2em
}

.bloc-en-ce-moment {
  border: 1px solid #292929;
  color: #292929;
  background-color: #fff;
  text-align: left;
  padding: 10px;
  margin: 10px;
  float: left;
  width: 100%;
  text-transform: uppercase
}

.bloc-en-ce-moment-titre {
  float: left;
  width: 100%;
  padding: 2px;
  margin: 6px
}

.bloc-en-ce-moment-rouge {
  border: 1px solid #fff;
  background-color: #bc0707;
  text-align: left;
  padding: 10px;
  margin: 10px;
  float: left;
  width: 100%;
  text-transform: uppercase
}

.bloc-en-ce-moment-rouge a {
  color: #fff
}

.encart-en-ce-moment {
  background-color: #1f969a;
  padding: 0 15px;
  width: 94%;
  margin: 25px 0 5px 5px
}

@media (min-width: 800px) and (max-width:1200px) {
  .ligne-en-ce-moment {
      width:28%;
      float: left;
      margin: 0 15px;
      font-size: .8em
  }

  .bloc-en-ce-moment-titre {
      margin: 6px
  }
}

@media (min-width: 0) and (max-width:800px) {
  .ligne-en-ce-moment {
      width:88%;
      float: left;
      margin: 0 15px;
      font-size: 1em
  }

  .bloc-en-ce-moment-titre {
      display: none
  }
}

@media (min-width: 0) and (max-width:400px) {
  .ligne-en-ce-moment {
      width:84%;
      float: left;
      margin: 0 15px;
      font-size: 1em
  }

  .bloc-en-ce-moment {
      margin: 5px 0;
      padding: 5px
  }

  .bloc-en-ce-moment-rouge {
      margin: 5px 0;
      padding: 5px
  }

  .encart-en-ce-moment {
      margin-left: 0;
      margin-right: 0;
      background-color: #1f969a;
      padding: 0;
      width: 100%
  }
}

@media (min-width: 1200px) and (max-width:5000px) {
  .offre-txt {
      font-size:25px
  }

  .offre-txt2 {
      font-size: 25px
  }

  .offre-title {
      font-size: 25px
  }

  .offre-detail {
      font-size: 21px
  }

  .g-offre-title {
      font-size: 21px
  }

  .g-compteur {
      font-size: 20px
  }

  .g-corps-txt {
      font-size: 25px
  }

  .g-typo-code {
      font-size: 16px
  }

  .g-typo-offre {
      font-size: 27px
  }

  .p-typo-code {
      font-size: 17px
  }

  .p-typo-offre {
      font-size: 25px
  }

  .offre-liv {
      font-size: 29px
  }

  .offre-franco {
      font-size: 14px
  }

  .offre-delai {
      font-size: 25px
  }

  .offre-txt-liv {
      font-size: 25px
  }

  .p-franco {
      font-size: 25px
  }

  .marge-menu a {
      padding: 8px 25px!important
  }
}

@media (min-width: 425px) and (max-width:1240px) {
  .col-md-boutique1 {
      width:24%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }
}

@media (min-width: 425px) and (max-width:1050px) {
  #affiliation .liste-img-1 {
      display:block
  }

  #affiliation .liste-img-2 {
      display: none
  }

  #affiliation .liste-img-3 {
      display: none
  }

  #affiliation .liste-img-4 {
      display: block
  }

  .navbar .nav>li>a {
      color: #292929;
      float: none;
      padding: 6px;
      text-decoration: none
  }

  .marge-menu {
      margin-left: 0
  }
}

@media (min-width: 250px) and (max-width:425px) {
  #affiliation .liste-img-1 {
      display:none
  }

  #affiliation .liste-img-2 {
      display: block
  }

  #affiliation .liste-img-3 {
      display: none
  }

  #affiliation .liste-img-4 {
      display: block
  }

  .img-adultes-theme {
      display: none
  }

  .img-adultes-theme2 {
      display: block
  }

  .taille-info-news {
      width: 173px
  }

  .btn-news {
      margin: 12px 0 0 52px
  }

  .marge-menu {
      margin-left: 0
  }

  .intitule-age-noel {
      padding: 2px;
      background-color: #bc0707;
      border-radius: 2px;
      color: #fff;
      margin: 2px;
      float: left;
      width: 85px;
      text-align: center
  }

  .intitule-age-noel-vert {
      padding: 2px;
      background-color: #085508;
      border-radius: 2px;
      color: #fff;
      margin: 2px;
      float: left;
      width: 85px;
      text-align: center
  }

  .bloc-age-noel {
      margin-top: 1%;
      width: 36%;
      float: left;
      margin-left: 1%;
      font-size: .9em
  }

  .bloc-noel-adultes {
      display: block;
      margin-right: 3px;
      height: 175px;
      background-image: url(/images/puzzles-adultes-pt.jpg);
      background-size: 100% 100%;
      background-repeat: no-repeat
  }

  .bloc-noel-enfants {
      display: block;
      margin-right: 3px;
      height: 175px;
      background-image: url(/images/puzzles-enfants-pt.jpg);
      background-size: 100% 100%;
      background-repeat: no-repeat
  }
}

@media (min-width: 250px) and (max-width:960px) {
  #main_espaceclient .lignes {
      float:left;
      width: 27.4%
  }

  #fiche_produit3 .pictures .infos {
      width: 40%;
      float: left;
      padding-left: 10px
  }

  #fiche_produit3 .pictures .photo {
      width: 55%;
      float: left
  }

  #fiche_produit3 .pictures .panier-prod {
      width: 100%;
      float: left
  }

  #fiche_produit3 .case-panier {
      border: 1px solid #ccc;
      border-radius: 5px;
      margin: 0
  }

  #fiche_produit3 .paiement-grand {
      display: none
  }

  #fiche_produit3 .paiement-petit {
      display: block
  }

  span.infolabel3 {
      display: block;
      float: left;
      width: 163px;
      clear: both;
      color: #000;
      font-size: 12px;
      height: 15px
  }

  .auteurs-perso {
      font-size: 18px
  }

  .presque-p {
      display: none
  }

  .presque-p2 {
      display: block
  }
}

@media (min-width: 768px) and (max-width:1000px) {
  #main_espaceclient .lignes {
      float:left;
      width: 27.4%
  }

  .imgpp1 {
      display: none
  }

  .imgpp2 {
      display: block
  }
}

@media (min-width: 20px) and (max-width:768px) {
  .menupp-web {
      display:none
  }

  .menupp-mobile {
      display: block
  }
}

@media (min-width: 250px) and (max-width:500px) {
  #main_espaceclient .lignes {
      float:left;
      width: 27.4%
  }

  .form-sav {
      box-shadow: 0 0 2px #999;
      border-radius: 5px;
      float: left;
      padding: 20px;
      width: 80%
  }

  .ligne_ticket {
      box-shadow: 0 0 2px #999;
      border-radius: 5px;
      float: left;
      padding: 20px;
      width: 80%;
      margin-bottom: 10px
  }

  .imgpp1 {
      display: none
  }

  .imgpp2 {
      display: block
  }

  #qui .accroche-bas {
      margin: 0;
      font-size: 15px
  }

  #qui .titre2 {
      font-size: 16px
  }

  #qui .obejctifs {
      clear: left;
      color: #FF780F;
      font-size: 20px;
      font-weight: 700;
      margin: 0;
      text-transform: uppercase
  }

  #fiche_produit3 .pictures .infos {
      width: 100%;
      float: left;
      padding-left: 0
  }

  #fiche_produit3 .pictures .photo {
      width: 100%;
      float: left
  }
}

@media (min-width: 200px) and (max-width:720px) {
  #main_espaceclient .lignes {
      float:left;
      width: 91%
  }

  #main_espaceclient .bloc-acc {
      float: left;
      width: 100%
  }

  #main_espaceclient .PodBlanc {
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      background: #FFF;
      padding: 32px;
      border-radius: 12px;
  }

  #main_espaceclient .img-carte {
      border: 0;
      margin: 20px 20px 20px 18px;
      float: left;
      margin-bottom: 30px
  }

  #main_espaceclient .membre {
      text-align: center
  }

  #main_espaceclient .logout {
      float: left;
      font-size: 12px;
      color: #000;
      padding: 15px 0;
      text-decoration: underline
  }

  .form-sav {
      box-shadow: 0 0 2px #999;
      border-radius: 5px;
      float: left;
      padding: 20px;
      width: 90%
  }

  .ligne_ticket {
      box-shadow: 0 0 2px #999;
      border-radius: 5px;
      float: left;
      padding: 20px;
      width: 90%
  }

  .page-piece-espace {
      display: none
  }
}

@media (min-width: 346px) and (max-width:1100px) {
  .col-md-wrapper {
      width:100%;
      height: auto;
      margin: 5px
  }

  .col-md-flash {
      width: 100%;
      margin: 4px;
      height: auto
  }

  .offre-bandeau {
      display: block
  }

  .offre-carre-acc {
      display: none
  }

  .offre-carre-acc2 {
      display: none
  }
}

@media (min-width: 346px) and (max-width:780px) {
  .col-md-boutique1 {
      width:49.3%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }

  .typo {
      font-family: Inter,sans-serif
  }

  .typo H2 {
      font-family: Inter,sans-serif;
      font-size: 17px
  }

  .col-md-hero {
      width: 48%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-noel {
      width: 100%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-picto-footer {
      height: auto;
      padding: 0;
  }

  .col-md-deco {
      width: 48%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: right
  }

  .col-md-defi {
      width: 48%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-artiste {
      width: 48%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: right
  }

  .colonne-1 {
      width: 48%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-picto-footer p {
      font-size: 11px
  }

  .cube-acc {
      margin-right: 5px;
      margin-bottom: 17px
  }

  .pre-footer {
      width: 100%;
      position: absolute;
      left: 0;
      background-color: #e9e9e9;
      height: 200px;
      z-index: -1;
      margin-top: 30px
  }

  .after-footer {
      width: 100%;
      position: absolute;
      left: 0;
      background-color: #2f2e2e;
      height: 500px;
      z-index: -1;
      margin-top: 146px
  }

  .disparait {
      display: none!important
  }

  .accroche {
      display: none
  }

  .search .input_searchbox {
      background: url(/image/loupe.png) no-repeat scroll 0 0 #fff;
      border: 1px solid #999;
      border-radius: 3px;
      color: #000;
      display: block;
      float: left;
      font-size: 12px;
      height: 34px;
      margin: 0;
      padding: 0 0 0 40px;
      width: 320px
  }

  .search .button_searchbox {
      float: left;
      left: 323px;
      top: 0;
      position: absolute
  }

  .search {
      height: 60px;
      width: 207px;
      z-index: 50;
      position: relative
  }

  .bloc-search {
      float: left;
      font-size: 12px!important;
      margin-left: 21px;
      margin-top: 44px
  }

  #imgpanier {
      height: 30px
  }

  .txt-panier {
      float: left;
      line-height: 15px
  }

  .taille22 {
      font-size: 17px
  }

  .taille15 {
      font-size: 12px
  }

  .contact-service {
      display: none
  }

  .panier {
      margin: 0 10px 0 0
  }

  .dropdown li a {
      color: #000;
      font-size: 12px
  }

  .panier {
      margin-top: 45px
  }
}

@media (min-width: 346px) and (max-width:630px) {
  .col-md-boutique1 {
      width:49.1%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }
}

@media (min-width: 346px) and (max-width:750px) {
  .panier {
      margin-top:0
  }
}

@media (min-width: 780px) and (max-width:1200px) {
  .block {
      margin:10px;
      width: 218px
  }

  .col-md-wrapperpp .wrapper-pp1 {
      display: none
  }

  .col-md-wrapperpp .wrapper-pp2 {
      display: block
  }

  .col-md-wrappercarte .wrapper-carte1 {
      display: none
  }

  .col-md-wrappercarte .wrapper-carte2 {
      display: block
  }

  .dropdown li a {
      color: #000;
      font-size: 12px
  }

  .sanscube {
      display: none
  }

  .typo {
      font-family: Inter,sans-serif
  }

  .typo H2 {
      font-family: Inter,sans-serif;
      font-size: 16px
  }

  .nb-pieces {
      float: left;
      font-size: 10px;
      margin-top: 0;
      margin-left: 20px;
      font-style: italic
  }

  .stop {
      display: block!important
  }

  .colonne-1 {
      width: 23.7%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-picto-footer p {
      font-size: 12px
  }

  .cube-acc {
      margin-right: 9px;
      margin-bottom: 17px
  }

  .search .input_searchbox {
      background: url(/image/loupe.png) no-repeat scroll 0 0 #fff;
      border: 1px solid #999;
      border-radius: 3px;
      color: #000;
      display: block;
      float: left;
      font-size: 12px;
      height: 34px;
      margin: 0 13px 0 0;
      padding: 0 0 0 40px;
      width: 380px
  }

  .search .button_searchbox {
      float: left;
      left: 383px;
      top: 41px;
      position: absolute
  }

  .search {
      height: 60px;
      width: 362px;
      z-index: 50;
      position: relative
  }

  .bloc-search {
      float: left;
      margin-left: 45px;
      margin-top: 13px
  }
}

@media (min-width: 486px) and (max-width:925px) {
  #form-avis .pod-form {
      margin:0 auto;
      width: 95%
  }

  #form-avis .titre-espaceclient {
      float: left;
      color: #FF780F;
      font-size: 24px;
      margin: 20px 70px 0 10px;
      margin-bottom: 20px
  }

  #form-avis .intro2 {
      clear: left;
      margin-left: 10px
  }

  #form-avis .encart-form {
      float: left;
      height: auto;
      margin: 40px 15px 10px 10px;
      padding: 5px 0 10px 10px;
      width: 97%;
      border: 1px solid #ccc;
      border-radius: 5px 0 0;
      box-shadow: 3px 3px 3px #c5c5c5
  }

  #form-avis .TitrePodConnection {
      color: #FF780F;
      font-size: 22px;
      margin-right: 4px;
      text-shadow: 1px 1px 0 #fff
  }
}

@media (min-width: 300px) and (max-width:485px) {
  #form-avis .pod-form {
      margin:0 auto;
      width: 95%
  }

  #form-avis .encart-form {
      float: left;
      height: auto;
      margin: 20px 0 0;
      padding: 5px 0 10px 10px;
      width: 97%;
      border: 1px solid #ccc;
      border-radius: 5px 0 0;
      box-shadow: 3px 3px 3px #c5c5c5
  }

  #form-avis .log-champs {
      color: #000;
      font-size: 11px;
      height: 22px;
      width: 125px
  }

  #form-avis .titre-espaceclient {
      font-size: 20px;
      margin: 20px 10px
  }

  #form-avis .intro2 {
      font-size: 12px
  }
}

@media (min-width: 780px) and (max-width:991px) {
  .col-md-wrapperpp .wrapper-pp1 {
      display:none
  }

  .col-md-wrapperpp .wrapper-pp2 {
      display: none
  }

  .col-md-wrapperpp .wrapper-pp3 {
      display: block
  }

  .texte-flash {
      font-size: 15px
  }

  .compteur-flash {
      width: 37%
  }

  .titre-flash {
      height: 22px
  }

  .chrono {
      width: 15px
  }

  .texte-offre {
      font-size: 20px
  }

  .taille-avec {
      font-size: 10px
  }

  .taille-code {
      font-size: 13px
  }

  .saut-ligne {
      display: none!important
  }

  .offre-flash {
      float: left;
      width: 100%;
      margin-bottom: 2px
  }

  .image-flash {
      text-align: center;
      float: left;
      width: 16%
  }

  .bloc-offre {
      background: #E9E8E6;
      border: 1px solid #3D3D3D;
      height: 86px
  }

  .encart-code {
      padding-left: 50px;
      padding-right: 50px;
      text-align: center;
      padding-top: 0
  }

  .code {
      background: #F3444B;
      color: #fff
  }

  .detail-offre {
      font-size: 9px;
      padding-top: 0
  }

  .encart-livraison {
      padding-bottom: 2px;
      margin-top: 1px;
      height: 32px;
      padding-top: 0
  }

  .offre-livraison {
      float: left;
      height: 74px;
      border-top: 8px solid #3D3D3D;
      border-bottom: 8px solid #3D3D3D;
      width: 55%
  }

  .titreOffre {
      float: left;
      color: #3D3D3D;
      width: 35%;
      text-align: center;
      font-size: 2.3vw
  }

  .textOffre {
      float: left;
      color: #F3444B;
      width: 65%;
      text-align: center;
      font-size: 2.3vw
  }

  .CompteMini {
      float: left;
      color: #3D3D3D;
      font-size: 2.3vw;
      width: 34%;
      text-align: center;
      border: 1px solid #3D3D3D;
      border-radius: 3px
  }

  .CompteHorloge {
      float: left;
      color: #3D3D3D;
      width: 10%;
      text-align: center
  }

  .encart-code2 {
      float: left;
      color: #F3444B;
      width: 25%;
      text-align: center
  }

  .aveccode2 {
      background: #F3444B;
      color: #fff
  }

  .taillecode1 {
      font-size: 1.6vw
  }

  .taillecode2 {
      font-size: 2.3vw
  }

  .detail2 {
      float: left;
      color: #F3444B;
      width: 30%;
      text-align: center;
      font-size: 1.6vw
  }

  .textBloc {
      float: left;
      width: 45%;
      background: #F3444B;
      color: #fff;
      text-align: center;
      padding-top: 9px;
      padding-bottom: 9px
  }

  .taille24 {
      font-size: 16px
  }

  .taille-liv {
      font-size: 23px
  }

  .taille-offerte {
      font-size: 23px
  }

  .tailledes {
      font-size: 16px
  }

  .taille48 {
      font-size: 2vw
  }

  .taille-liv2 {
      font-size: 2.6vw
  }

  .taille-offerte2 {
      font-size: 3vw
  }

  .tailleachat {
      font-size: 2vw
  }
}

@media (min-width: 780px) and (max-width:845px) {
  .search .input_searchbox {
      background:url(/image/loupe.png) no-repeat scroll 0 0 #fff;
      border: 1px solid #999;
      border-radius: 3px;
      color: #000;
      display: block;
      float: left;
      font-size: 12px;
      height: 34px;
      margin: 0 13px 0 0;
      padding: 0 0 0 40px;
      width: 310px
  }

  .search .button_searchbox {
      float: left;
      left: 313px;
      top: 34px;
      position: absolute
  }

  .search {
      height: 60px;
      width: 362px;
      z-index: 50;
      position: relative
  }

  .bloc-search {
      float: left;
      margin-left: 45px;
      margin-top: 13px;
      font-size: 12px!important
  }

  .contact-service {
      display: none
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }
}

@media (min-width: 775px) and (max-width:990px) {
  .dropdown li a {
      color:#000;
      font-size: 12px
  }

  .typo {
      font-family: Inter,sans-serif
  }

  .typo H2 {
      font-family: Inter,sans-serif;
      font-size: 12px
  }

  .stop {
      display: block!important
  }

  .disparait {
      display: none!important
  }

  .contact-service {
      display: none
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }

  .fidelite .bloc {
      float: left;
      margin: 20px 0;
      width: 47%;
      height: 180px
  }
}

@media (min-width: 250px) and (max-width:550px) {
  .dropdown li a {
      color:#000;
      font-size: 12px
  }

  .carousel-caption-span {
      font-size: 14px
  }

  .carousel-caption {
      position: absolute!important;
      bottom: 3px;
      padding: 0;
      height: 23px
  }

  .typo H2 {
      font-family: Inter,sans-serif;
      font-size: 15px
  }

  .col-md-hero {
      width: 48%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-noel {
      width: 100%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-deco {
      width: 48%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: right
  }

  .col-md-defi {
      width: 48%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-artiste {
      width: 48%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: right
  }

  .nb-pieces {
      float: left;
      font-size: 10px;
      margin-top: 0;
      margin-left: 10px;
      font-style: italic
  }

  .stop {
      display: block!important
  }

  .col-picto-footer p {
      font-size: 11px
  }

  .col-picto-footer h2 {
      font-size: 16px
  }

  .disparait {
      display: none!important
  }

  .contact-service {
      display: none
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }

  .col-md-wrapperpp .wrapper-pp1 {
      display: none
  }

  .col-md-wrapperpp .wrapper-pp2 {
      display: none
  }

  .col-md-wrapperpp .wrapper-pp3 {
      display: block
  }

  .offre-liv {
      font-size: 1.4vw
  }

  .pp-carte1 {
      display: none
  }

  .pp-carte2 {
      display: block
  }

  .fidelite .bloc {
      float: left;
      margin: 20px 0;
      width: 98%
  }
}

.stopboutique {
  display: block!important
}

@media (min-width: 0) and (max-width:1240px) {
  .stopboutique {
      display:none!important
  }
}

@media (min-width: 1050px) and (max-width:1240px) {
  .stop {
      display:none!important
  }
}

@media (min-width: 0) and (max-width:1050px) {
  .stop {
      display:block!important
  }
}

@media (min-width: 100px) and (max-width:1240px) {
  .on {
      display:block!important;
      margin-left: 3px
  }
}

@media (min-width: 560px) and (max-width:750px) {
  #money_box2 {
      height:187px
  }

  .libelle2 {
      font-size: 16px
  }

  .libelle-piece {
      font-size: 16px
  }

  #fiche_produit2 .pictures .infos .marque {
      padding-top: 0
  }

  span.infolabel2 {
      width: 120px
  }

  #money_box2 .prix-membre {
      font-size: 11px;
      width: 110px
  }

  #money_box2 {
      width: 287px
  }

  #money_box2 .m_box_right {
      width: 135px
  }

  #money_box2 .price-right {
      float: left;
      height: 75px;
      width: 167px
  }

  #money_box2 .m_box_right .prix-promo {
      margin: 0 5px
  }

  .bouton-pan {
      float: left;
      width: 245px;
      margin: 5px 0 0 24px
  }

  .barre-haut {
      display: none
  }
}

@media (min-width: 100px) and (max-width:590px) {
  .dropdown li a {
      color:#000;
      font-size: 12px
  }

  .search .input_searchbox {
      background: url(/image/loupe.png) no-repeat scroll 0 0 #fff;
      border: 1px solid #999;
      border-radius: 3px;
      color: #000;
      display: block;
      float: left;
      font-size: 12px;
      height: 34px;
      margin: 0;
      padding: 0 0 0 40px;
      width: 215px
  }

  .search .button_searchbox {
      float: left;
      left: 217px;
      top: 0;
      position: absolute
  }

  .search {
      height: 40px;
      width: 245px;
      z-index: 50;
      position: relative
  }

  .bloc-search {
      clear: left;
      font-size: 12px!important;
      margin-left: 21px;
      margin-top: 11px
  }

  #imgpanier {
      display: none
  }

  .txt-panier {
      float: left;
      line-height: 15px
  }

  .taille22 {
      font-size: 17px
  }

  .taille15 {
      font-size: 12px
  }

  .contact-service {
      display: none
  }

  .panier {
      margin: 33px 10px 0 0
  }

  .accroche {
      display: none
  }

  .header-middle {
      margin-top: 45px
  }

  .panier {
      float: right;
      position: absolute;
      right: -2px;
      top: 0
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }

  .col-md-intitules {
      float: left;
      width: 30%
  }

  .intitules-haut {
      color: #fff;
      font-size: 12px;
      margin: 4px 0 0;
      float: right
  }

  .logo img {
      height: 65px;
      margin-left: 5px
  }

  .wrapper-boite {
      display: none
  }

  #money_box2 .m_box_right {
      width: 151px
  }

  #fiche_produit2 .pictures .photo {
      text-align: center;
      height: auto;
      width: 100%;
      margin: 0 30px 0 0;
      float: left
  }

  #fiche_produit2 .pictures .infos {
      width: 100%;
      border: 0 solid #ccc;
      clear: left;
      overflow: hidden
  }

  #money_box2 .m_box_right .prix-promo {
      margin: 0 18px 3px 6px
  }

  .libelle2 {
      font-size: 16px;
      margin-top: 10px
  }

  .libelle-piece {
      font-size: 15px;
      margin-top: 10px;
      font-weight: 700
  }

  #money_box2 .prix-membre {
      font-size: 11px;
      width: 110px
  }

  #money_box2 {
      width: 100%;
      height: 190px
  }

  #money_box2 .m_box_right {
      width: 135px
  }

  #money_box2 .price-right {
      float: left;
      height: 75px;
      width: 144px
  }

  #money_box2 .m_box_right .prix-promo {
      margin: 0 5px
  }

  .bouton-pan {
      float: left;
      width: 245px;
      margin: 5px 0 0 24px
  }

  #fiche_produit2 .enplus h3 {
      font-size: 12px
  }
}

@media screen and (min-width: 100px) and (max-width:450px) {
  .offre-bandeau {
      display:none
  }

  .offre-carre-acc {
      display: none
  }

  .offre-carre-acc2 {
      display: block
  }

  .col-md-wrapper,.col-md-flash,.col-md-wrapperpp,.col-md-pp,.col-md-wrappercarte {
      float: left
  }

  .col-md-wrapper {
      width: 98%;
      margin: 4px
  }

  .col-md-wrapperpp {
      width: 98%;
      margin: 4px
  }

  .col-md-wrappercarte {
      width: 98%;
      margin: 4px
  }

  .col-md-flash {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0
  }

  .col-md-pp {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0
  }

  .col-md-carte {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0
  }

  .col-md-hero {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-noel {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-picto-footer {
      width: 23%;
      margin: 4px;
      height: auto;
      padding: 0;
  }

  .col-md-deco {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-defi {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-artiste {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .colonne-1 {
      width: 98%;
      margin: 4px;
      height: auto;
      padding: 0;
      float: left
  }

  .col-md-boutique1 {
      width: 98%;
      margin: 2px;
      height: auto;
      padding: 0;
      float: left
  }

  .auteurs-perso {
      font-size: 18px;
      margin-top: 0
  }

  #fiche_produit3 .enplus h3 {
      padding-left: 2px;
      color: #000;
      float: left;
      font-size: 12px
  }

  .col-picto-footer p {
      font-size: 9px
  }

  .col-picto-footer h2 {
      font-size: 16px
  }

  .disparait {
      display: none!important
  }

  .pre-footer {
      width: 100%;
      position: absolute;
      left: 0;
      background-color: #e9e9e9;
      height: 200px;
      z-index: -1;
      margin-top: 30px
  }

  .col-picto-footer h2 {
      font-size: 15px!important
  }

  .col-md-wrapperpp .wrapper-pp1 {
      display: none
  }

  .col-md-wrapperpp .wrapper-pp2 {
      display: none
  }

  .col-md-wrapperpp .wrapper-pp3 {
      display: block
  }

  .wrapper-boite {
      display: none
  }

  .after-footer {
      margin-top: 138px
  }
}

@media screen and (min-width: 300px) and (max-width:560px) {
  .col-md-wrapperpp {
      width:98%;
      margin: 4px;
      background-color: #222
  }

  .col-md-wrapperpp .wrapper-pp1 {
      display: none
  }

  .col-md-wrapperpp .wrapper-pp2 {
      display: block
  }

  .col-md-wrapperpp .wrapper-pp3 {
      display: none
  }

  .col-md-pp {
      width: 100%
  }

  .col-md-carte {
      width: 100%
  }

  .right-wrapper .bouton-pp {
      clear: left
  }

  .col-md-wrappercarte {
      width: 98%;
      margin: 4px;
      margin-bottom: 20px
  }

  .block {
      width: 239px;
      margin: 0
  }

  .contact-service {
      display: none
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }
}

@media (min-width: 1010px) and (max-width:1200px) {
  .dropdown li a {
      color:#000;
      font-size: 12px;
      background-color: #fff
  }
}

@media (min-width: 630px) and (max-width:991px) {
  .col-md-wrappercarte .wrapper-carte1 {
      display:none
  }

  .col-md-wrappercarte .wrapper-carte2 {
      display: none
  }

  .col-md-wrappercarte .wrapper-carte3 {
      display: none
  }

  .col-md-wrappercarte .wrapper-carte4 {
      display: block
  }

  .col-md-wrappercarte {
      float: left;
      height: auto;
      margin: 4px;
      padding: 0;
      width: 100%;
      margin-bottom: 20px
  }

  .col-md-carte {
      float: left;
      height: auto;
      margin: 4px;
      padding: 0;
      width: 100%
  }

  .block {
      width: 239px;
      margin: 23px
  }

  .contact-service {
      display: none
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }
}

@media (min-width: 587px) and (max-width:629px) {
  .col-md-wrappercarte .wrapper-carte1 {
      display:none
  }

  .col-md-wrappercarte .wrapper-carte2 {
      display: none
  }

  .col-md-wrappercarte .wrapper-carte3 {
      display: none
  }

  .col-md-wrappercarte .wrapper-carte4 {
      display: block
  }

  .col-md-wrappercarte {
      float: left;
      height: auto;
      margin: 4px;
      padding: 0;
      width: 100%;
      margin-bottom: 20px
  }

  .col-md-carte {
      float: left;
      height: auto;
      margin: 4px;
      padding: 0;
      width: 100%
  }

  .block {
      width: 239px
  }

  .contact-service {
      display: none
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }
}

@media (min-width: 561px) and (max-width:586px) {
  .col-md-wrappercarte .wrapper-carte1 {
      display:none
  }

  .col-md-wrappercarte .wrapper-carte2 {
      display: none
  }

  .col-md-wrappercarte .wrapper-carte3 {
      display: none
  }

  .col-md-wrappercarte .wrapper-carte4 {
      display: block
  }

  .col-md-wrappercarte {
      float: left;
      height: auto;
      margin: 4px;
      padding: 0;
      width: 100%;
      margin-bottom: 20px
  }

  .col-md-carte {
      float: left;
      height: auto;
      margin: 4px;
      padding: 0;
      width: 100%
  }

  .block {
      width: 239px;
      margin: 16px
  }

  .contact-service {
      display: none
  }

  .barre-haut {
      display: none
  }

  .barre-reduite {
      display: block!important
  }

  .barre-reduite a:hover {
      color: #fff;
      text-decoration: underline
  }
}

#f_zoom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2010;
  opacity: .6;
  filter: alpha(opacity=60);
  background-color: #000
}

#zoom {
  right: 50%;
  top: 50%;
  position: absolute;
  z-index: 2020;
  background-color: #fff;
  border: 1px solid #ccc
}

#zoom .zoom_close {
  position: absolute;
  background-color: #fff;
  display: block;
  padding: 1px 3px;
  padding-bottom: 0;
  margin: 0;
  top: 0;
  text-align: center;
  right: 0;
  color: #000;
  font-weight: 700;
  font-size: 1.5em;
  cursor: pointer;
  z-index: 2003
}

#zoom .zoom_close:hover {
  color: #888
}

#zoom #zoom {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2001;
  background-color: #fff;
  text-align: center
}

#zoom #zoom_picture {
  border: 1px solid #aaa;
  margin: 18px;
  margin-top: 4px!important;
  max-width: 900px
}

#zoom .zoom_pictures {
  display: block;
  text-align: center;
  overflow: hidden;
  margin: 0 16px
}

#zoom .zoom_pictures img {
  padding: .2em;
  margin: 2px;
  width: 80px;
  height: auto;
  border: 1px solid #aaa;
  cursor: pointer;
  float: left
}

#zoom .zoom_pictures .selected {
  border: 2px solid #F60
}

.zoom_cubeproduit {
  background-color: #fff;
  padding: 8px
}

.zoom_cubeproduit .linepicture {
  float: left
}

.zoom_cubeproduit .linepicture img {
  max-width: 450px;
  max-height: 500px
}

.zoom_cubeproduit .linename h2 {
  height: 16px;
  width: 650px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400!important;
  margin: 8px 0;
  border-bottom: 1px solid #CCC
}

.zoom_cubeproduit .lineprice {
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  width: 205px;
  float: left
}

.zoom_cubeproduit .lineprice strong {
  font-size: 20px;
  color: #FF780B;
  margin-right: 5px
}

.zoom_cubeproduit .lineprice strike {
  font-size: 12px;
  color: #757575
}

.zoom_cubeproduit .lineprice .pricebulle {
  float: left;
  padding-left: 4px;
  background: url(/images/reduc.jpg) 0 0 no-repeat;
  height: 23px;
  line-height: 15px;
  margin: 7px 0 0 9px;
  padding: 4px 0 0 3px;
  text-align: center;
  vertical-align: middle;
  width: 42px
}

.zoom_cubeproduit .lineprice .pricebulle span {
  color: #fff;
  font-size: 13px;
  font-weight: 700
}

#fiche_zoom p {
  line-height: 25px;
  margin: 0;
  padding-right: 10px
}

#fiche_zoom .stock {
  display: block;
  float: right;
  font-family: Arial;
  font-size: 12px;
  font-weight: 400;
  color: #4f4f4f;
  margin-top: 10px
}

#fiche_zoom .enstock {
  float: left;
  font-size: 14px;
  color: #666;
  width: 140px;
  margin-left: 10px
}

#fiche_zoom .nostock {
  color: #C70421;
  float: left;
  font-size: 14px;
  font-weight: 700;
  margin-left: 169px;
  margin-top: 9px;
  padding-left: 14px;
  width: 125px
}

#fiche_zoom .precommande {
  background: url(/images/pt-nostock.jpg) no-repeat scroll 0 0 transparent;
  color: #C70421;
  float: left;
  font-size: 14px;
  font-weight: 700;
  margin-left: 10px;
  margin-top: 9px;
  padding-left: 14px;
  width: 400px
}

#fiche_zoom .price {
  float: left;
  font-weight: 700;
  font-size: 22px;
  color: #ff7618;
  padding-top: 2px
}

#fiche_zoom .price .prix2 {
  display: block;
  clear: left;
  margin-bottom: 5px
}

#fiche_zoom p button {
  cursor: pointer
}

#fiche_zoom p img {
  vertical-align: -.4em
}

#fiche_zoom p a {
  text-decoration: underline
}

.zoom_cubeproduit .linelivraison {
  height: 22px;
  padding-left: 2px
}

.zoom_cubeproduit .linelivraison strong {
  font-size: 13px;
  color: #1299ab
}

.zoom_cubeproduit .linebuttonavis {
  height: 32px;
  overflow: hidden
}

.zoom_cubeproduit .linebutton {
  float: right;
  overflow: hidden;
  padding-top: 2px
}

.zoom_cubeproduit .linebutton button {
  float: left;
  display: block;
  margin-top: 3px
}

.zoom_cubeproduit .stock {
  float: left;
  width: 110px;
  height: 28px;
  padding-right: 5px
}

.zoom_cubeproduit .stock .nbstock,.zoom_cubeproduit .stock .msgstock {
  display: block;
  text-align: right
}

.zoom_cubeproduit .stock .nbstock {
  color: #4F4F4F;
  float: left;
  font-size: 12px;
  font-weight: 400;
  margin-left: 23px
}

.zoom_cubeproduit .stock .msgstock {
  font-weight: 700;
  font-size: 14px;
  color: #390
}

.zoom_cubeproduit .rupture {
  color: #D33034;
  float: left;
  font-size: 12px;
  font-weight: 700;
  margin-top: 4px;
  width: 101px
}

.zoom_cubeproduit .lineavis {
  float: left;
  padding-top: 9px
}

.ekko-lightbox-container {
  position: relative
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 33%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 1;
  filter: dropshadow(color=#000,offx=2,offy=2);
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s
}

.ekko-lightbox-nav-overlay a:empty {
  width: 33%
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right
}

.ekko-lightbox .modal-footer {
  text-align: left
}

div.interface {
  overflow: hidden;
  display: block;
  padding: 10px
}

div.carte {
  float: left
}

div.controles {
  padding-left: 10px;
  float: left
}

div.controles textarea {
  font-family: arial,sans-serif;
  font-size: 12px;
  width: 350px;
  height: 48px;
  resize: none;
  color: #000
}

div.controles textarea.short {
  width: 190px!important;
  height: 24px!important
}

div.controles p {
  margin: 0
}

div.controles span.libelle {
  clear: both;
  float: left;
  line-height: 26px;
  margin-right: 10px;
  width: 150px
}

div.photo {
  text-align: center;
}

div.d_text {
  border: solid 1px #fff;
  overflow: hidden;
  display: block
}

#upencours {
  display: none;
  color: #444;
  font-size: 10px
}

.bouton {
  text-align: center;
  background-color: #f60;
  border-radius: 1px;
  color: #fff;
  padding: 6px;
  float: right;
  clear: both;
  width: 140px;
  text-align: center;
  float: left;
  font-size: 14px
}

.bouton:hover {
  color: #fff
}

input.bouton:hover {
  cursor: pointer
}

img.imgcal {
  margin-left: 6px
}

#croixcal {
  margin-left: 4px
}

#sexe {
  width: 100px
}

#poids {
  width: 100px
}

#taille {
  width: 100px
}

#canvas {
  border: solid 1px #444
}

div.interface {
  overflow: hidden;
  display: block;
  min-height: 500px;
  width: 950px;
  margin-left: 10px;
  border: solid 0 #ccc;
  padding-bottom: 10px
}

div.etapes {
  overflow: hidden;
  display: block;
  width: 950px;
  margin: auto;
  border: solid 0;
  height: 80px
}

div.etape {
  float: left;
  width: 155px;
  height: 40px;
  padding: 10px;
  margin-left: 10px;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
  border: solid 1px #aaa
}

div.etapes div.on {
  background-color: #fe7e15;
  color: #fff
}

div.etapes div.over {
  cursor: pointer
}

div.work_left_pp {
  border: 0;
  float: left
}

#div_img_wrapper_pp {
  float: left
}

div.work_right_pp div.boites {
  height: 381px;
  width: 100%
}

div.work_right_pp div.liste_boites img.boite {
  margin: 6px
}

div.work_right_pp .title {
  float: left
}

div.work_right_pp {
  float: left;
  min-height: 470px;
  padding-bottom: 10px;
  border-radius: 3px;
  border: solid 1px #ccc
}

div.work_right_pp p {
  padding-bottom: 10px
}

div.work_right_pp p.titre {
  color: #666;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-left: 10px;
  padding-bottom: 10px
}

div.work_right_pp select {
  font-size: 15px;
  width: 150px;
  margin-left: 10px;
  width: 295px;
  margin-bottom: 10px;
  padding: 4px;
  border: solid 1px #ccc;
  border-radius: 3px
}

div.work_right_pp div.liste_modeles {
  overflow: hidden;
  padding-left: 10px;
  display: none
}

div.work_right_pp div.liste_modeles:hover {
  background-color: #eee;
  cursor: pointer
}

div.work_right_pp div.liste_modeles input {
  margin-top: 13px;
  float: left;
  clear: left
}

div.work_right_pp div.liste_modeles span.libelle {
  font-size: 13px;
  color: #666;
  height: 50px;
  float: left
}

div.work_right_pp div.liste_modeles span.nom {
  font-size: 14px;
  color: #292929
}

div.work_right_pp div.liste_modeles span.prix {
  float: left;
  font-size: 15px
}

div.work_right_pp div.liste_modeles span.prix_barre {
  float: left;
  font-size: 13px;
  color: #888;
  text-decoration: line-through
}

div.work_right_pp div.boites {
  position: relative;
  overflow: hidden;
  display: block
}

div.work_right_pp div.onglet_boite {
  display: block;
  float: left;
  clear: left;
  width: 100px;
  background-color: #ccc
}

div.work_right_pp div.onglet_boite span {
  display: block;
  font-size: 13px;
  text-align: left
}

div.work_right_pp div.onglet_boite:hover {
  background-color: #eee;
  cursor: pointer
}

div.work_right_pp div.selected {
  background-color: #fe7e15;
  color: #fff
}

div.work_right_pp div.liste_boites {
  position: absolute;
  top: 0;
  left: 100px;
  height: 374px;
  text-align: center;
  border: solid 1px #ccc;
  width: 497px
}

div.work_right_pp div.liste_boites img.boite {
  float: left;
  width: 120px;
  border: 0;
  margin-top: 7px
}

div.work_right_pp div.liste_boites img.boite:hover {
  cursor: pointer
}

div.work_right_pp div.liste_boites img.loader {
  border: 0;
  margin-left: -100px;
  margin-top: 50px
}

#div_img_wrapper {
  width: 100%;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto
}

#div_img_wrapper img:hover {
  cursor: pointer
}

#div_img_wrapper span {
  font-size: 24px;
  text-align: center;
  display: block;
  color: #888
}

#vignettes {
  float: left;
  margin-top: 10px
}

#vignettes div {
  float: left;
  margin-top: 30px;
  margin-right: 10px;
  border-radius: 4px;
  border: solid 1px #ccc;
  padding: 10px;
  text-align: center;
  cursor: pointer
}

#vignettes div:hover {
  background-color: #ccc
}

#vignettes img {
  border: 0
}

a.next_etape {
  background-color: #fe7e15;
  border-radius: 3px;
  color: #fff;
  margin-right: 10px;
  padding: 6px;
  float: right;
  clear: both;
  width: 140px
}

a.bouton {
  background-color: #ccc;
  border-radius: 3px;
  color: #fff;
  margin-right: 10px;
  padding: 6px;
  float: left;
  clear: both;
  width: 140px
}

#upencours {
  display: none;
  color: #666;
  font-size: 10px
}

#div_img_quality span {
  color: var(--White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#files {
  margin-top: 10px
}

#maj_texte, #maj_texte_area {
  color: #fff;
  padding: 6px;
  line-height: 17px;
  text-align: center;
  float: left
}

.div_bloc_ppz {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  border-radius: 12px;
  background: #FFF;
}

.content-bloc-ppz {
  margin-bottom: 64px;
}

.div_bloc_ppz:hover {
  box-shadow: 0px 4px 10px 2px rgba(41, 41, 41, 0.12);
}

.gestion_espace_bloc_ppz {
  margin-left: 20px
}

@media (min-width: 0) and (max-width:768px) {
  .gestion_espace_bloc_ppz {
      margin-left:0;
      margin-top: 20px
  }
}

a.next_etape {
  font-weight: 600;
  text-align: center;
  background-color: #f60;
  border-radius: 2px;
  color: #fff;
  margin-right: 10px;
  padding: 6px;
  float: right;
  clear: both;
  width: 140px
}

a.last_etape {
  display: block;
  text-align: center;
  background-color: #f60;
  border-radius: 2px;
  color: #fff;
  padding: 6px;
  margin: auto;
  margin-top: 6px
}

a.boutong {
  margin-bottom: 10px;
  font-weight: 400;
  margin-right: 0;
  text-align: center;
  background-color: #989898;
  color: #fff;
  border-radius: 2px;
  padding: 6px 3px;
  float: right
}

a.boutond {
  margin-bottom: 10px;
  font-weight: 400;
  margin-right: 0;
  text-align: center;
  background-color: #f60;
  color: #fff;
  border-radius: 2px;
  padding: 6px 3px;
  float: right
}

#div_img_quality {
  color: var(--White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer
}

#div_img_quality img.star {
  vertical-align: top;
  width: 16px
}

#div_img_format span {
  font-size: 12px;
}

#div_img_format span:hover {
  cursor: pointer
}

#div_img_format span {
  color: var(--White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#files {
  margin-top: 10px
}

#img_box {
  max-width: 100%
}

#votre_texte {
  float: left
}

#votre_texte:hover,#votre_texte_area:hover {
  border: 1px solid #989898;
}

#votre_texte.focused, #votre_texte_area.focused {
  border: 1px solid #359AA5;
}

#votre_texte:focus-visible, #votre_texte_area:focus-visible {
  outline: none;
}

#votre_texte_area {
  float: left
}

#votre_texte:focus-visible {
  outline: none;
}

.input-focused {
  outline: none;
}

#votre_texte_len {
  display: none;
  position: absolute;
  background-color: #FFF7EC;
  color: #9E360E;
  top: -56px;
  left: 64px;
  width: 250px;
  padding: 16px 14px 16px 16px;
  line-height: 32px;
  border-radius: 6px;
  opacity: .8;
  font-size: 12px;
  line-height: normal;
  font-weight: 500;
  border: solid 1px #FF780F;
}

input.grey {
  color: #555
}

.maj_texte_blink {
}

div.area_info {
  float: left;
  margin-top: 6px;
  margin-right: 15px
}

div.area_info span {
  font-size: 12px;
  float: left
}

p.titre {
  color: #666;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-left: 10px;
  padding-bottom: 10px
}

div.liste_modeles {
  overflow: hidden;
  padding-left: 10px;
  display: none
}

div.liste_modeles:hover {
  background-color: #eee;
  cursor: pointer
}

div.liste_modeles input {
  margin-top: 13px;
  float: left;
  clear: left
}

div.liste_modeles span.libelle {
  font-size: 13px;
  color: #666;
  float: left
}

div.liste_modeles span.nom {
  font-size: 14px;
  color: #292929
}

div.liste_modeles span.prix {
  float: left;
  font-size: 15px
}

div.liste_modeles span.prix_barre {
  float: left;
  font-size: 13px;
  color: #666;
  text-decoration: line-through;
  clear: both
}

div.liste_modeles_cadre {
  overflow: hidden;
  padding-left: 10px
}

div.liste_modeles_cadre input {
  margin-top: 13px;
  float: left;
  clear: left
}

div.liste_modeles_cadre span.libelle {
  font-size: 13px;
  color: #666;
  float: left
}

div.liste_modeles_cadre span.nom {
  font-size: 14px;
  color: #292929
}

div.liste_modeles_cadre span.prix {
  float: left;
  font-size: 15px
}

div.liste_modeles_cadre span.prix_barre {
  float: left;
  font-size: 13px;
  color: #666;
  text-decoration: line-through;
  clear: both
}

div.liste_boites {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  width: 100%;
}

div.liste_boites img.boite {
  width: 98%;
  cursor: pointer
}

div.liste_boites img.boite.selected {
  border-radius: 4px;
  border: 2px solid var(--Orange, #FF780F);
}

div.liste_boites img.loader {
  border: 0;
  margin-left: 180px;
  margin-top: 50px
}

div.cadres_wrap {
  display: block
}

div.cadres {
  overflow: hidden;
  display: block
}

div.liste_cadres {
  background: #fff;
  border: 0;
  overflow: hidden
}

div.liste_cadres img.cadre {
  cursor: pointer;
  width: 100px;
  border: 0;
  margin-left: 8px;
  margin-top: 8px
}

div.liste_cadres img.loader {
  border: 0;
  margin-left: 180px;
  margin-top: 50px
}

div.separation {
  border-top: solid 1px #ccc;
  padding-top: 8px
}

div.boites_wrap {
  display: block
}

div.boites {
  position: relative;
  overflow: hidden;
  display: block
}

p.titrerob {
  color: #292929;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-left: 10px;
  padding-bottom: 10px
}

select {
  font-size: 13px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 4px;
  border: solid 1px #ccc;
  border-radius: 3px
}

div.onglet_boite {
  cursor: pointer;
  display: flex;
  width: 141px;
  padding: 16px 8px;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--Smooth-Grey-100, #EFEFEF);
  background: var(--White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

div.onglet_boite:hover {
  background: var(--International-Orange-200, #FFD9A7);
}

div.onglet_boite span {
  width: 100%
}

div.selected {
  background: var(--International-Orange-200, #FFD9A7);
  border-radius: 3px;
  color: var(--International-Orange-800, #9E360E);
}

.yamm .nav,.yamm .dropup,.yamm .dropdown,.yamm .collapse {
  position: static
}

.yamm .navbar-inner,.yamm .container {
  position: relative
}

.yamm .dropdown-menu {
  left: auto
}

.yamm .dropdown-menu>li {
  display: block
}

.yamm .dropdown-submenu .dropdown-menu {
  left: 100%
}

.yamm .nav.pull-right .dropdown-menu {
  right: 0
}

.yamm .yamm-content {
  padding: 20px 30px
}

.yamm .yamm-content:before,.yamm .yamm-content:after {
  display: table;
  content: "";
  line-height: 0
}

.yamm .yamm-content:after {
  clear: both
}

.yamm.navbar .nav>li>.dropdown-menu:after,.yamm.navbar .nav>li>.dropdown-menu:before {
  display: none
}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
  width: 100%;
  z-index: 10000;
  left: 0;
  right: 0
}

@media (max-width: 969px) {
  .yamm .dropdown.yamm-fullwidth .dropdown-menu {
      width:auto
  }

  .yamm .yamm-content {
      padding-left: 0;
      padding-right: 0
  }

  .yamm .dropdown-menu>li>ul {
      display: block
  }
}

.yamm {
  margin: 0
}

.layout-demo,.grid-demo {
  padding: 0 10px 10px
}

.layout-demo [class*="span"] {
  line-height: 80px
}

.grid-demo [class*="span"] {
  line-height: 19px
}

.grid-demo [class*="span"],.layout-demo [class*="span"] {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  text-align: left
}

.yamm .accordion,.yamm-nav,.yamm table,.yamm form,.yamm .thumbnails li {
  margin-bottom: 0
}

.azoom {
  position: absolute
}

.azoom img {
  background: url(/images/apercu1.png)
}

.azoom img:hover {
  background: url(/images/apercu2.png)
}

.asavoirplus {
  position: absolute
}

.asavoirplus img {
  background: url(/images/savoir-plus1.png)
}

.asavoirplus img:hover {
  background: url(/images/savoir-plus2.png)
}

.cube-prod-acc .linebtn {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

.linebtn2 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}

:hover>.linebtn2 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1
}

.cube-prod-acc:hover>.linebtn {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1
}

.txt-sur-image-accueil {
  position: absolute;
  bottom: 0;
  z-index: 0;
  font-size: 100%;
  background: #1B1406;
  background-color: rgba(0,0,0,.7);
  padding: 5px;
  margin-bottom: 4px
}

.blocBoutique {
  color: #fff
}

.blocBoutique a:hover {
  color: #FF861E
}

#themes .ColBlock1 {
  padding: 0 0 15px 15px;
  float: left;
  margin-top: 10px;
  margin-bottom: 15px;
  list-style: none
}

#themes .ColBlock3 {
  margin-top: 10px;
  padding: 0 0 15px 15px;
  float: left;
  list-style: none
}

#themes .ColBlock4 {
  margin-top: 10px;
  padding: 0 0 15px 15px;
  float: left;
  list-style: none
}

#themes .ColBlock5 {
  margin-top: 10px;
  padding: 0 0 15px 25px;
  float: left;
  list-style: none
}

.titre-ss-menu {
  color: #FF780F;
  margin: 18px 0 5px
}

.titre-ss-menu a {
  color: #FF780F
}

.titre-ss-menu2 {
  color: #FF780F;
  margin: 0 0 5px
}

.titre-ss-menu2 a {
  color: #FF780F
}

.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 100;
  background-color: #777;
  color: #eee;
  width: 50px;
  height: 48px;
  right: 30px;
  bottom: 30px;
  padding-top: 2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.scroll-top-wrapper:hover {
  background-color: #359AA5
}

.scr-fl {
  background-color: #2B6673;
  width: 45px;
  height: 42px;
}

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1.0;
}

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1;
}

.scroll-top-wrapper img {
  margin-top: 8px
}

.scroll-top-wrapper i.fa {
  line-height: inherit
}

.menu {
  position: static;
  width: 100%;
  max-width: 100%;
  z-index: 0;
  margin: 0 0 5px;
  left: 0
}

@media (min-width: 1050px) {
  .fixed {
      top:24px;
      position: fixed;
      z-index: 2;
      border-top: 0 solid silver;
      border-bottom: 0 solid silver
  }
}

.fixed_mobile {
  top: 0;
  position: fixed;
  background: #fff;
  z-index: 2;
  box-shadow: 0 0 40px #222;
  -webkit-box-shadow: 0 0 40px #222;
  -moz-box-shadow: 0 0 40px #222;
  border-top: 0 solid silver;
  border-bottom: 0 solid silver
}

.fixed_tablette {
  top: 0;
  position: fixed;
  background: #fff;
  z-index: 2;
  box-shadow: 0 0 40px #222;
  -webkit-box-shadow: 0 0 40px #222;
  -moz-box-shadow: 0 0 40px #222;
  border-top: 0 solid silver;
  border-bottom: 0 solid silver
}

.txt-drapeau {
  width: 130px;
  float: left;
  margin: 2px 0;
  line-height: 22px
}

div.txt-drapeau:hover {
  background-color: #eee;
  cursor: pointer
}

.txt-pays {
  float: left;
  color: #666;
  padding: 3px 5px 0;
}

.drap-pays {
  float: left;
  padding: 2px;
  margin-right: 6px;
  color: #000
}

.choix-pays {
  float: left;
  top: 36px;
  background-color: #fff;
  position: absolute;
  height: auto;
  width: 130px!important;
  border: 1px solid #ccc;
  border-top: 0;
  padding-top: 3px;
  border-radius: 0 0 6px 6px;
  padding: 6px;
  z-index: 3000
}

.img-choix {
  float: left;
  top: 1px;
  position: relative;
  height: 20px;
  width: 30px
}

.select-pays {
  float: left;
  top: 3px;
  position: relative;
  height: 19px;
  border: 0
}

.nom-pays {
  color: #ffffff;
  float: left;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#input_search {
  position: relative;
  display: flex;
  align-items: center;
  padding: 7px 24px;
  box-sizing: border-box;
}

.select-pays-footer {
  float: left;
  top: 3px;
  position: relative;
  height: 19px;
  border: 0
}

.select-pays-footer-mobile {
  float: left;
  top: 3px;
  position: relative;
  height: 19px;
  width: 100px;
  border: 0
}

#divautosuggest {
  width: 100%;
  z-index: 5;
  display: none;
  background-color: #FFF;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0px 17px 16px 17px;
  border-radius: 12px;
}

#divautosuggest ul {
  list-style: none;
  overflow: hidden;
  text-align: inherit;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#divautosuggest ul li {
  color: #989898;
  font-size: 12px;
  padding: 0;
  padding-left: 5px;
  margin: 1px;
  text-align: left;
  display: block
}

#divautosuggest ul li a {
  color: #989898;
  font-size: 14px;
  text-decoration: none;
  background-color: transparent;
  display: block;
}

#divautosuggest ul li a strong,#divautosuggest ul li a.selected strong {
  color: #989898;
  font-size: 12px;
  font-weight: 500;
}

#divautosuggest ul li a.selected {
  background-color: #f3f3f3;
  display: block;
  font-size: 14px;
  margin-right: 5px
}

#divautosuggest span {
  border-top: 1px solid #EFEFEF;
  color: #999;
  text-align: right;
  font-size: 10px;
  padding: 2px;
  display: block
}

#divautosuggest ul li.catSuggest a {
  color: #123A9F;
  font-size: 14px
}

#divautosuggestmobile {
  position: absolute;
  width: 100%;
  top: 31px;
  z-index: 2;
  box-sizing: border-box;
  border: 1px solid #999;
  border-top: 1px dashed #e4e3e3;
  border-radius: 0 0 9px 9px;
  border-radius: 0 0 9px 9px;
  visibility: hidden;
  background-color: #FFF
}

#divautosuggestmobile ul {
  list-style: none;
  overflow: hidden;
  text-align: inherit
}

#divautosuggestmobile ul li {
  color: #666;
  font-size: 14px;
  padding: 0;
  padding-left: 5px;
  margin: 1px;
  text-align: left;
  display: block
}

#divautosuggestmobile ul li a {
  color: #666;
  font-size: 14px;
  text-decoration: none;
  background-color: transparent;
  display: block;
  padding: 2px
}

#divautosuggestmobile ul li a strong,#divautosuggest ul li a.selected strong {
  color: #666;
  font-size: 14px
}

#divautosuggestmobile ul li a.selected {
  background-color: #f3f3f3;
  display: block;
  font-size: 14px;
  margin-right: 5px
}

#divautosuggestmobile span {
  color: #999;
  text-align: right;
  font-size: 10px;
  padding: 2px;
  display: block
}

#divautosuggestmobile ul li.catSuggest a {
  color: #123A9F;
  font-size: 14px
}

div.cubecoeur {
  cursor: pointer;
  top: 16px;
  right: 16px;
  position: absolute;
  z-index: 1;
  overflow: hidden
}

.search_result {
  font-size: 12px;
  color: #262626;
  font-weight: 400;
  margin-bottom: 15px;
  clear: left;
  width: 100%;
  display: block
}

#fil_ariane_panier {
  font-size: 11px!important;
  margin-left: 280px
}

#fil_ariane_panier .num_etape {
  text-align: center;
  float: left;
  margin: 0 15px 15px
}

#fil_ariane_panier .num_etape a {
  display: block;
  font-size: 12px;
  color: #96c11f;
  text-align: center
}

#fil_ariane_panier .txt_off {
  display: block;
  font-size: 12px;
  color: #CCC;
  text-align: center
}

#fil_ariane {
  margin: auto;
  width: 100%;
  max-width: 1120px;
  padding-top: 12px;
  box-sizing: border-box!important
}

.a_ariane {
  font-size: 12px;
  color: #262626;
  font-weight: 400
}

#fil_ariane a.a_ariane img {
  margin: 0 10px;
  margin-left: 4px;
  vertical-align: middle;
  background: url(/images/flch-ariane.jpg)
}

#fil_ariane .category span {
  color: #292929;
  font-weight: 600
}

.slider-image-produit > div > .slick-track {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.slick-track {
  margin-left: 18px;
}

.slider-image-produit {
  margin-left: -16px;
  gap: 16px;
}

.slider-image-produit > li {
  margin-left: -16px;
}

.slider-new.fullscreen {
  margin-left: 0;
}

.responsive-video-container {
  position: relative;
  width: 92vw;
  padding-bottom: 56.25%;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.responsive-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider-new.fullscreen .slick-list {
  width: 100%!important;
  transition: width 0.5s ease;
}

div.cubecoeurproduit {
  z-index: 1;
  width: 36px;
  height: 36px;
  border-radius: 64.286px;
  background: rgba(41, 41, 41, 0.22);
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 16px;
  top: 16px
}

.cubepartage {
  z-index: 1;
  width: 36px;
  height: 36px;
  border-radius: 64.286px;
  background: white;
  backdrop-filter: blur(6px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 62px;
  top: 16px;
  cursor: pointer;
}

#tata {
  display: flex;
}

.cubecoeurproduit > img, .cubepartage > img {
  width: 18px;
  height: 18px;
}

.cubecoeurproduit2 > img {
  width: 24px;
  height: 24px;
}

#fil_ariane_panier-new .num_etape_selected .TxtEtape,#fil_ariane_panier-new .num_etape_visited .TxtEtape {
  text-decoration: underline;
  color: #292929;
  display: block;
  font-size: 14px
}

#fil_ariane_panier-new .num_etape_waiting .TxtEtape {
  text-decoration: none;
  color: #999;
  display: block;
  font-size: 14px
}

#fil_ariane_panier-new .num_etape_selected .Number,#fil_ariane_panier-new .num_etape_visited .Number {
  text-decoration: none;
  color: #292929;
  display: block;
  float: left;
  padding: 0 10px 0 0;
  font-size: 14px
}

#fil_ariane_panier-new .num_etape_waiting .Number {
  text-decoration: none;
  color: #999;
  display: block;
  float: left;
  padding: 0 10px 0 0;
  font-size: 14px
}

#fil_ariane_panier-new .num_etape_selected a,#fil_ariane_panier-new .num_etape_visited a,#fil_ariane_panier-new .num_etape_waiting a {
  display: block;
  font-weight: 700
}

#fil_ariane_panier-new .num_etape_visited {
  text-decoration: underline;
  color: #999
}

#fil_ariane_panier-new .num_etape_visited span {
  font-weight: 400;
  color: #999
}

#fil_ariane_panier-new .num_etape_selected {
  text-decoration: underline;
  color: #292929
}

#fil_ariane_panier-new .num_etape_selected a {
  font-weight: 700;
  color: #292929
}

#fil_ariane_panier-new .num_etape_waiting a {
  font-weight: 400;
  color: #ccc
}

#fil_ariane_panier-new .txt_off {
  font-weight: 700;
  color: #CCC
}

#panier.table {
  width: 100%;
  border-collapse: collapse
}

#panier.tr:nth-of-type(odd) {
  background: #eee
}

#panier.th {
  background: #292929;
  color: #fff;
  font-weight: 700
}

#panier.td,#panier.th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left
}

.stopcoeur {
  display: block!important
}

.texte_intro_mobile {
  display: none!important
}

@media (min-width: 0) and (max-width:1050px) {
  .stopcoeur {
      display:none!important
  }
}

@media (min-width: 0) and (max-width:740px) {
  .texte_intro_mobile {
      display:block!important
  }
}

.texte_intro_tablette {
  display: none!important
}

@media (min-width: 740px) and (max-width:1050px) {
  .texte_intro_tablette {
      display:block!important
  }
}

.presentation_mobile {
  display: none!important
}

.presentation_web {
  display: block!important
}

@media (min-width: 0) and (max-width:1050px) {
  .presentation_mobile {
      display:block!important
  }

  .presentation_web {
      display: none!important
  }
}

.btn_ajouter_zoom {
  display: none!important
}

@media (min-width: 0) and (max-width:1050px) {
  .btn_ajouter_zoom {
      display:block!important
  }
}

.news-version-web {
  display: block!important
}

.news-version-tablette {
  display: none!important
}

.news-version-mobile {
  display: none!important
}

.div-footer-telephone-web {
  display: block!important
}

.div-footer-telephone-mobile {
  display: none!important
}

.div-filtre-produit-web {
  display: block!important;
  backgroiund-color: #ffffff
}

.div-filtre-produit-tablette-mobile {
  display: none!important
}

.entete_wishlist_web {
  display: block!important
}

.entete_wishlist_mobile {
  display: none!important
}

.footer_wishlist_web {
  display: block!important
}

.footer_wishlist_mobile {
  display: none!important
}

.ligne_wishlist_web {
  display: block!important
}

.ligne_wishlist_mobile {
  display: none!important
}

@media (min-width: 0) and (max-width:0) {
  .entete_wishlist_web {
      display:none!important
  }

  .entete_wishlist_mobile {
      display: block!important
  }

  .footer_wishlist_web {
      display: none!important
  }

  .footer_wishlist_mobile {
      display: block!important
  }

  .ligne_wishlist_web {
      display: none!important
  }

  .ligne_wishlist_mobile {
      display: block!important
  }
}

.stop_pagination {
  display: block!important
}

@media (min-width: 0) and (max-width:480px) {
  .stop_pagination {
      display:none!important
  }
}

.choix_pays_tablette {
  display: none!important;
  overflow: hidden;
  padding-bottom: 10px
}

@media (min-width: 420px) and (max-width:1050px) {
  .choix_pays_tablette {
      display:block!important
  }
}

.paniervide {
  display: block!important
}

.paniervide-mobile {
  display: none!important
}

@media (min-width: 0) and (max-width:885px) {
  .paniervide {
      display:none!important
  }

  .paniervide-mobile {
      display: block!important
  }
}

@media (min-width: 748px) and (max-width:1000px) {
  .news-version-web {
      display:none!important
  }

  .news-version-tablette {
      display: block!important
  }

  .div-filtre-produit-web {
      display: none!important
  }

  .div-filtre-produit-tablette-mobile {
      display: block!important
  }
}

@media (min-width: 0) and (max-width:748px) {
  .news-version-web {
      display:none!important
  }

  .news-version-mobile {
      display: block!important
  }

  .div-footer-telephone-web {
      display: none!important
  }

  .div-footer-telephone-mobile {
      display: block!important
  }

  .div-filtre-produit-web {
      display: none!important
  }

  .div-filtre-produit-tablette-mobile {
      display: block!important
  }
}

.cacher_mobile {
  display: block!important
}

@media (min-width: 0) and (max-width:630px) {
  .cacher_mobile {
      display:none!important
  }
}

.cacher_dernier_produit {
  display: block!important
}

@media (min-width: 810px) and (max-width:1200px) {
  .cacher_dernier_produit {
      display:none!important
  }
}

.cacher_avant_dernier_produit {
  display: block!important
}

@media (min-width: 810px) and (max-width:1010px) {
  .cacher_avant_dernier_produit {
      display:none!important
  }
}

/* .row-fluid .span9page{width:75%} */
.panier_header_web {
  display: block!important
}

.panier_header_mobile {
  display: none!important
}

@media (min-width: 0) and (max-width:820px) {
  .panier_header_web {
      display:none!important
  }

  .panier_header_mobile {
      display: block!important
  }
}

.header_fixe_web {
  background-color: #ffffff;
  left: 0;
  width: 100%;
  max-width: 100%;
  position: fixed!important;
  background-color: #FF780F;
  top: 0px;
  color: #ffffff;
  z-index: 5;
  height: 48px;
  z-index: 2000
}

.filter-tag {
  border-radius: 100px;
  padding: 8px 18px;
  border: 1px solid #292929;
  font-size: 12px;
  color: #292929;
  font-weight: 500;
  cursor: pointer;
  line-height: normal
}

.filter-tag:hover {
  background: var(--Smooth-Grey-200, #DCDCDC);
}

.filter-tag.active {
  border: 1px solid var(--Smooth-Grey-950, #292929);
  background: var(--Smooth-Grey-950, #292929);
  color: var(--White, #FFF);
}

.menu_mobile {
  display: none
}

.recherche_mobile {
  display: none!important
}

.menu_avant_mobile {
  display: none!important
}

.menu_web {
  display: block!important
}

.filtre_mobile {
  display: none!important
}

.left_panier {
  display: block!important
}

.menu_web_espace {
  display: block!important
}

.menu_mobile_espace {
  display: none!important
}

.div_entete_tableau_commande {
  display: block!important
}

.div_detail_resume_commande_web {
  display: block!important
}

.div_detail_resume_commande_mobile {
  display: none!important
}

.div_detail_resume_haut_commande_web {
  display: block!important
}

.div_detail_resume_haut_commande_mobile {
  display: none!important
}

.logout {
  display: block!important
}

#main_espaceclient .ariane {
  display: block!important
}

@media (min-width: 560px) and (max-width:1050px) {
  .menu_mobile {
      display:flex
  }

  .recherche_mobile {
      display: inline-flex!important
  }

  .menu_avant_mobile {
      display: block!important
  }

  .menu_web {
      display: none!important
  }

  .filtre_mobile {
      display: block!important
  }

  .row-fluid .span9page {
      width: 100%
  }

  .left_panier {
      display: none!important
  }

  .menu_web_espace {
      display: none!important
  }

  .menu_mobile_espace {
      display: block!important
  }

  .div_entete_tableau_commande {
      display: block!important
  }

  .div_detail_resume_commande_web {
      display: block!important
  }

  .div_detail_resume_commande_mobile {
      display: none!important
  }

  .logout {
      display: block!important
  }

  #main_espaceclient .ariane {
      display: block!important
  }

  .div_detail_resume_haut_commande_web {
      display: block!important
  }

  .div_detail_resume_haut_commande_mobile {
      display: none!important
  }
}

@media (min-width: 0) and (max-width:560px) {
  .menu_mobile {
      display:flex
  }

  .recherche_mobile {
      display: inline-flex!important
  }

  .menu_avant_mobile {
      display: none!important
  }

  .menu_web {
      display: none!important
  }

  .filtre_mobile {
      display: block!important
  }

  .row-fluid .span9page {
      width: 100%
  }

  .left_panier {
      display: none!important
  }

  .menu_web_espace {
      display: none!important
  }

  .menu_mobile_espace {
      display: block!important
  }

  .div_entete_tableau_commande {
      display: none!important
  }

  .div_detail_resume_commande_web {
      display: none!important
  }

  .div_detail_resume_commande_mobile {
      display: block!important;
  }

  .logout {
      display: none!important
  }

  #main_espaceclient .ariane {
      display: none!important
  }

  .div_detail_resume_haut_commande_web {
      display: none!important
  }

  .div_detail_resume_haut_commande_mobile {
      display: block!important
  }
}

@media only screen and (max-width: 760px),(min-device-width:768px) and (max-device-width:1024px) {
  #panier.table,#panier.thead,#panier.tbody,#panier.th,#panier.td,#panier.tr {
      display:block
  }

  #panier.thead #panier.tr {
      position: absolute;
      top: -9999px;
      left: -9999px
  }

  #panier.tr {
      border: 1px solid #ccc
  }

  #panier.td {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%
  }

  #panier.td:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap
  }

  #panier.td:nth-of-type(1):before {
      content: "Article"
  }

  #panier.td:nth-of-type(2):before {
      content: "Prix unitaire"
  }

  #panier.td:nth-of-type(3):before {
      content: "Quantité"
  }

  #panier.td:nth-of-type(4):before {
      content: "Supprimer"
  }

  #panier.td:nth-of-type(5):before {
      content: "Total"
  }
}

.jcarousel-wrapper {
  position: relative
}

.jcarousel {
  position: relative;
  overflow: hidden
}

.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0
}

.jcarousel li {
  width: 187px;
  float: left;
  border: 1px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.jcarousel img {
  display: block;
  max-width: 100%;
  height: auto!important
}

.jcarousel-control-prev,.jcarousel-control-next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #4E443C;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 1px #000;
  font: 24px/27px Arial,sans-serif;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 4px #F0EFE7;
  -moz-box-shadow: 0 0 4px #F0EFE7;
  box-shadow: 0 0 4px #F0EFE7
}

.jcarousel-control-prev {
  left: 15px;
  margin-left: 60px
}

.jcarousel-control-next {
  right: 15px
}

.jcarousel-pagination {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  margin: 0
}

.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  background: #f80;
  color: #4E443C;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
  -webkit-box-shadow: 0 0 2px #4E443C;
  -moz-box-shadow: 0 0 2px #4E443C;
  box-shadow: 0 0 2px #4E443C
}

.jcarousel-pagination a.active {
  background: #4E443C;
  color: #f80;
  opacity: 1;
  -webkit-box-shadow: 0 0 2px #F0EFE7;
  -moz-box-shadow: 0 0 2px #F0EFE7;
  box-shadow: 0 0 2px #F0EFE7
}

.jcarousel-pp-wrapper {
  position: relative
}

.jcarousel-pp {
  position: relative;
  overflow: hidden
}

.jcarousel-pp ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0
}

.jcarousel-pp li {
  width: 190px;
  float: left;
  border: 1px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.jcarousel-pp img {
  display: block;
  max-width: 100%;
  height: auto!important
}

.jcarousel-pp-control-prev,.jcarousel-pp-control-next {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #4E443C;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 1px #000;
  font: 24px/27px Arial,sans-serif;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 4px #F0EFE7;
  -moz-box-shadow: 0 0 4px #F0EFE7;
  box-shadow: 0 0 4px #F0EFE7
}

.jcarousel-pp-control-prev {
  left: 15px
}

.jcarousel-pp-control-next {
  right: 15px
}

.jcarousel-pp-pagination {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  transform: translate(-50%,0);
  margin: 0
}

.jcarousel-pp-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  background: #f80;
  color: #4E443C;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
  -webkit-box-shadow: 0 0 2px #4E443C;
  -moz-box-shadow: 0 0 2px #4E443C;
  box-shadow: 0 0 2px #4E443C
}

.jcarousel-pp-pagination a.active {
  background: #4E443C;
  color: #f80;
  opacity: 1;
  -webkit-box-shadow: 0 0 2px #F0EFE7;
  -moz-box-shadow: 0 0 2px #F0EFE7;
  box-shadow: 0 0 2px #F0EFE7
}

#toggle {
  display: block
}

#toggle p {
  padding: 0
}

.design_filtre_mobile {
  border: 1px solid #FF780F
}

.div_titre_filtre {
  display: block;
  height: 34px;
  background: #FF780F;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 14px
}

.div_margin_titre_filtre {
  margin-left: 6px;
  margin-right: 6px
}

.div_deb_titre_filtre {
  width: 10%;
  float: left
}

.div_milieu_titre_filtre {
  width: 80%;
  float: left;
  padding-top: 7px
}

.div_fin_titre_filtre {
  width: 10px;
  float: right;
  padding-top: 7px;
  text-align: right
}

.div_selection_filtre_mobile {
  width: 100%;
  background: #fff
}

.div_selection_filtre_mobile ul {
  list-style: outside none none
}

.div_selection_filtre_mobile li {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #EBEBEB;
  padding-top: 5px;
  padding-bottom: 5px
}

.div_selection_filtre_mobile_libelle {
  width: 80%;
  float: left
}

.div_selection_filtre_mobile_suppr {
  width: 10%;
  float: left;
  text-align: right
}

.div_clear_filtre_mobile {
  clear: both;
  height: 10px
}

.div_filtre_mobile_entete {
  width: 100%
}

.div_titre_filtre_mobile_entete {
  background: #F9F9F9;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  padding-top: 7px;
  border-top: 1px solid #FF780F;
  height: 30px;
  cursor: pointer
}

.span_titre_filtre_mobile_entete {
  padding-left: 10px
}

.div_filtre_mobile_entete ul {
  list-style: outside none none;
  font-size: 12px
}

.div_filtre_mobile_entete li {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #EBEBEB;
  padding-top: 5px;
  padding-bottom: 5px
}

.div_filtre_mobile_entete_espace {
  width: 100%
}

.div_titre_filtre_mobile_entete_espace {
  background: #F9F9F9;
  font-size: 14px;
  font-weight: 700;
  width: 100%;
  padding-top: 7px;
  border-top: 1px solid #FF780F;
  height: 30px
}

.span_titre_filtre_mobile_entete_espace {
  padding-left: 10px
}

.div_filtre_mobile_entete_espace ul {
  list-style: outside none none;
  font-size: 12px
}

.div_filtre_mobile_entete_espace li {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #EBEBEB;
  padding-top: 5px;
  padding-bottom: 5px
}

.deroule {
  display: block;
  background: url(/images/desc_nr.svg) no-repeat right 0px top 0px
}

.enroule {
  background: url(/images/asc_nr.svg) no-repeat right 0px top 0px
}

.derouleMobile {
  display: block;
  background: url(/images/desc_nr.svg) no-repeat right 10px top 2px
}

.enrouleMobile {
  background: url(/images/asc_nr.svg) no-repeat right 10px top 2px
}

.caption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #000;
  z-index: 50;
  font-family: Inter,Monaco,Menlo,Consolas,"Courier New",monospace;
  font-size: 21px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  opacity: .72
}

@media (min-width: 0) and (max-width:450px) {
  .caption {
      display:none!important
  }
}

.stop_title_accueil {
  display: block!important
}

.on_title_accueil {
  display: none!important
}

.ajuster_slider_puzzlephoto_consult {
  margin-left: 35px;
  margin-right: 35px
}

.border-news-mobile {
  border: 0
}

@media (min-width: 0) and (max-width:400px) {
  .stop_title_accueil {
      display:none!important
  }

  .on_title_accueil {
      display: block!important;
      background: #464343;
      color: #fff
  }

  .ajuster_slider_puzzlephoto_consult {
      margin-left: 45px;
      margin-right: 60px;
      padding-top: 20px;
      padding-bottom: 20px
  }

  .border-promo-mobile {
      border: 1px solid #464343
  }
}

.hauttableauwebtablette {
  display: block!important
}

@media (min-width: 0) and (max-width:900px) {
  .hauttableauwebtablette {
      display:none!important
  }
}

.col-md-pays {
  padding: 0;
  float: right
}

.fidelite {
  margin: 0 2%
}

.fidelite h1 {
  font-weight: 400
}

.fidelite .bloc {
  float: left;
  height: 180px;
  margin: 27px 15px 15px;
  width: 250px
}

.fidelite .txt {
  float: left;
  margin-top: 20px;
  width: 100%;
  text-align: justify
}

.fidelite .txt-bloc {
  text-align: center
}

.fidelite .txt-intro {
  float: left;
  margin-top: 20px
}

.fidelite .titre-fidelite {
  clear: left;
  margin: 30px 0 0
}

.fidelite .couleur-r {
  background-color: #FF780F;
  border-radius: 1px;
  height: 28px;
  margin: 0 7px 7px 0
}

.fidelite .buttonok-r {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 15px 0 0;
  text-align: center;
  text-decoration: none
}

.fidelite .ss-titre {
  font-size: 15px;
  color: #FF780F;
  margin-top: 20px;
  clear: left;
  text-transform: uppercase
}

.fidelite .tab-fi {
  clear: left
}

@media (min-width: 0) and (max-width:400px) {
  .fidelite .bloc {
      float:left;
      height: 180px;
      margin: 27px 0 0;
      width: 199px
  }

  .g-corps-txt {
      font-size: 25px
  }

  .g-typo-code {
      font-size: 16px
  }

  .g-typo-offre {
      font-size: 27px
  }

  .offre-liv {
      font-size: 29px
  }

  .offre-franco {
      font-size: 14px
  }

  .offre-delai {
      font-size: 25px
  }

  .offre-txt-liv {
      font-size: 25px
  }

  .p-franco {
      font-size: 25px
  }
}

@media (min-width: 0) and (max-width:600px) {
  .g-compteur {
      font-size:13px;
      padding-top: 16px;
      float: left;
      padding-left: 50px;
      width: 135px
  }
}

.titre_page_espace_client {
  color: #FF780F;
  font-size: 24px;
  margin: 18px 0;
  width: 100%
}

.rub_inscription {
  border: 1px solid #efefef;
  border-radius: 5px;
  width: auto
}

.PodBlanc {
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: #FFF;
  padding: 32px;
  border-radius: 12px;
}

.titre_encart_espace_client {
  color: #FF780F;
  font-size: 18px;
  margin: 18px 0;
  width: 100%;
  padding-left: 10px
}

.padding00 {
  padding: 0
}

.padding0 {
  padding: 0;
  padding-right: 25px;
  padding-left: 10px
}

.marginleft0 {
  margin-left: 0
}

.img_error {
  padding-left: 15px;
  padding-top: 5px
}

.error_form {
  color: #a94442
}

.inner-addon {
  position: relative
}

.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none
}

.left-addon .glyphicon {
  left: 0
}

.right-addon .glyphicon {
  right: 0
}

.left-addon input {
  padding-left: 30px
}

.right-addon input {
  padding-right: 30px
}

.row-full-height {
  height: 100%
}

.col-full-height {
  height: 100%;
  vertical-align: middle
}

.row-same-height {
  display: table;
  width: 100%;
  table-layout: fixed
}

.col-xs-height {
  display: table-cell;
  float: none!important
}

.row.equalheights {
  overflow: hidden
}

.row.equalheights>[class*="col-"] {
  margin-bottom: -99999px;
  padding-bottom: 99999px
}

.row-full-height {
  height: 100%
}

.col-full-height {
  height: 100%;
  vertical-align: middle
}

.row-same-height {
  display: table;
  width: 100%;
  table-layout: fixed
}

.col-xs-height {
  display: table-cell;
  float: none!important
}

@media (min-width: 768px) {
  .col-sm-height {
      display:table-cell;
      float: none!important
  }
}

@media (min-width: 992px) {
  .col-md-height {
      display:table-cell;
      float: none!important
  }
}

@media (min-width: 1200px) {
  .col-lg-height {
      display:table-cell;
      float: none!important
  }
}

#carrousel_POI {
  width: 180px;
  height: 488px;
  border: 0;
  border-radius: 0;
  float: left
}

#carrousel_POI .carrousel_elt,#carrousel_POI .carrousel_eltOff {
  cursor: pointer;
  width: 180px;
  position: relative;
  font-size: 12px;
  height: 111px;
  border-bottom: 1px solid #c6c6c6;
  background-color: #fff
}

#carrousel_POI .carrousel_eltOff * {
  color: #ddd!important
}

#carrousel_POI .carrousel_selected {
  background-color: #e1e1e1
}

#carrousel_POI .carrousel_grpprevious {
  position: absolute;
  top: -488px;
  bottom: 488px
}

#carrousel_POI .carrousel_grpcurrent {
  position: absolute;
  top: 20px;
  bottom: 20px
}

#carrousel_POI .carrousel_grpnext {
  position: absolute;
  top: 488px;
  bottom: -488px
}

#carrousel_POI .POI_id {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 8px;
  top: 11px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 14px
}

#carrousel_POI .POI_name {
  color: #666;
  margin: 0 5px;
  display: block;
  padding: 3px 0;
  margin-left: 28px
}

#carrousel_POI .POI_adresse {
  color: #888;
  margin: 0 5px;
  display: block;
  margin-left: 28px;
  font-size: 10px
}

#carrousel_POI .POI_radio {
  position: absolute;
  left: 2px;
  top: 2px
}

#carrousel_POI .POI_distance {
  color: #666;
  font-size: 11px;
  position: absolute;
  bottom: 2px;
  right: 2px
}

.carrousel {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid #b9b9b9;
  border-radius: 9px
}

.carrousel_scrollleft,.carrousel_scrollright {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 38px;
  background-color: #fff;
  text-align: center;
  border-radius: 9px
}

.carrousel_scrollleft {
  left: 0;
  background: #FFF url(/images/design_elements/carousel_left_arrow.png) 1px 50% no-repeat;
  cursor: pointer
}

.carrousel_scrollright {
  right: 0;
  background: #FFF url(/images/design_elements/carousel_right_arrow.png) 0 50% no-repeat;
  cursor: pointer
}

.carrousel_scrollleft:hover {
  left: 0;
  background: #FFF url(/images/design_elements/carousel_left_arrow_dark.png) 1px 50% no-repeat
}

.carrousel_scrollright:hover {
  right: 0;
  background: #FFF url(/images/design_elements/carousel_right_arrow_dark.png) 0 50% no-repeat
}

.carrousel_scrollleft_end {
  left: 0;
  background: #FFF none!important;
  cursor: default
}

.carrousel_scrollright_end {
  right: 0;
  background: #FFF none!important;
  cursor: default
}

.carrousel_scrolltop,.carrousel_scrollbottom {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 18px;
  text-align: center;
  cursor: pointer
}

.carrousel_scrolltop {
  top: 0;
  background: #fff url(/images/design_elements/carousel_top_arrow.jpg) 50% 50% no-repeat
}

.carrousel_scrollbottom {
  bottom: 0;
  background: #fff url(/images/design_elements/carousel_bottom_arrow.jpg) 50% 50% no-repeat
}

.carrousel_scrolltop_end,.carrousel_scrollbottom_end {
  background: none;
  background-color: #fff
}

.POI_locateOn_CHR {
  display: block;
  width: 24px;
  height: 41px;
  background: url(/images/design_elements/locateOn_3.png) 0 0 no-repeat!important
}

.POI_locateOn_BPR {
  display: block;
  width: 24px;
  height: 41px;
  background: url(/images/design_elements/locateOn_62.png) 0 0 no-repeat!important
}

.POI_locateOn_A2P {
  display: block;
  width: 24px;
  height: 41px;
  background: url(/images/design_elements/locateOn_63.png) 0 0 no-repeat!important
}

.POI_locateOn_CIT {
  display: block;
  width: 24px;
  height: 41px;
  background: url(/images/design_elements/locateOn_64.png) 0 0 no-repeat!important
}

.POI_handicap {
  position: absolute;
  width: 21px;
  height: 21px;
  background: url(/images/socolissimo_acces_hand.png) 0 0 no-repeat
}

.POI_close {
  position: absolute;
  width: 21px;
  height: 21px;
  background: url(/images/picto-close-commercant.png) 0 0 no-repeat
}

#choixPOI {
  margin-bottom: 15px
}

#mapPOI {
  margin: 4px;
  height: 480px
}

#detailPOI {
  border: 2px solid #ddd;
  height: 80px;
  padding: 5px
}

input[name="mode_livraison"] {
  margin-left: 8px
}

#car-panier_tab {
  margin-top: 15px
}

#car-panier_tab .onglets {
  padding: 0;
  overflow: hidden
}

#car-panier_tab .onglets h3 {
  float: left;
  display: block;
  color: #666;
  font-size: 13px;
  margin-left: 5px;
  cursor: pointer;
  font-weight: 400;
  border: 1px solid #ccc;
  border-bottom: 0;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 7px;
  padding: 2px 10px;
  text-align: right;
  height: 40px;
  line-height: 20px
}

#car-panier_tab .onglets .car-panier_selected {
  background-color: #FF780F;
  color: #fff!important;
  border-bottom: 0
}

#car-panier_tab .onglets .car-panier_selected * {
  color: #fff!important
}

#car-panier_tab .car-panier_show {
  display: block
}

#car-panier_tab .car-panier_hide {
  display: none
}

.car-panier {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 728px
}

.title-liv {
  font-size: 13px;
  font-weight: 700;
  color: #FF780F;
  margin: 15px
}

#adresse-livraison label {
  cursor: pointer;
  display: inline
}

#adresse-livraison .date-estimation {
  font-weight: 400;
  font-size: 12px;
  font-style: italic;
}

#adresse-livraison .franco-ml {
  font-weight: 700;
  font-size: 12px;
}

#panier_recapitulatif2 {
  padding-top: 15px
}

#panier_recapitulatif2 .row {
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 10px
}

#panier_recapitulatif2 .total {
  color: #FF780F;
  font-weight: 600
}

#divpanier_recapitulatif2 {
  font-size: 16px;
  background: #f0f0f0
}

#etape4_paiements label {
  cursor: pointer
}

.img-nav-droite {
  background-color: #f80;
  height: 20px;
  width: 20px
}

.img-nav-gauche {
  background-color: #292929;
  height: 20px;
  width: 20px
}

div.work_left {
  width: 450px!important
}

#div_img_wrapper {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto
}

div.work_right {
  width: 515px!important
}

.fielderror {
  border: solid 1px red
}

.question {
  margin: 10px 0 30px;
  color: #292929;
  font-size: 14px
}

#ticket_cat_wrapper span.it {
  clear: left;
  display: block;
  margin-left: 48px
}

#ticket_cat_wrapper span.selected {
  font-weight: 600;
  color: #FF780F;
  font-weight: 700
}

#ticket_cat_wrapper span.it:hover {
  color: #FF780F;
  cursor: pointer;
  font-weight: 700
}

#ticket_cat_wrapper span.titre-sav {
  clear: left;
  display: block;
  padding-top: 8px;
  margin-top: 6px;
  padding-bottom: 8px;
  font-size: 16px;
  font-weight: 600
}

#page-puzzles2 .bloc {
  border-radius: 10px;
  float: left;
  margin: 0 10px 10px;
  width: 100%;
  margin-bottom: 50px
}

#page-puzzles2 .bloc .txt-intro {
  color: #292929;
  font-size: 14px
}

#page-puzzles2 .encart-ppcartes {
  background-color: #fff;
  border-bottom: 3px solid #f87a0c;
  border-radius: 5px;
  box-shadow: 0 0 2px #999;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 11px
}

#page-puzzles2 .bloc .titre-pp {
  color: #666;
  font-size: 13px;
  line-height: 35px;
  margin-top: 10px
}

#page-puzzles2 .bloc2 {
  height: 498px
}

#page-puzzles2 .bloc3 {
  border: 1px solid #ccc;
  border-radius: 10px
}

#page-puzzles2 .bloc2 .img-naiss {
  color: #666;
  text-align: center;
  margin: 10px
}

.img_solde_web {
  display: block
}

.img_solde_mobile {
  display: none
}

@media (min-width: 0) and (max-width:560px) {
  .img_solde_web {
      display:none
  }

  .img_solde_mobile {
      display: block
  }
}

/*.menu_solde{color:#FF780F!important;}
.menu_promo{color:#fff;background:#FF780F!important;padding:0 14px}*/
.menu_promo a:hover {
  color: #fff;
  background: #FF780F!important
}

.menu_ravensburger {
  background: #1a5dae!important;
  color: #fff!important;
  padding: 0;
  font-weight: 700
}

.menu_ravensburger a {
  background: #1a5dae!important;
  color: #fff!important;
  padding: 0;
  font-weight: 700
}

.menu_ravensburger a:hover {
  background: #1a5dae!important;
  color: #fff!important;
  padding: 0;
  font-weight: 700
}

.menu_noel {
  background: #d00000!important;
  color: #fff!important;
  padding: 0 18px!important;
  font-weight: 700
}

.menu_noel a {
  background: #d00000!important;
  color: #fff!important;
  font-weight: 700
}

.menu_noel a:hover {
  background: #d00000!important;
  color: #fff!important;
  padding: 0;
  font-weight: 700
}

.menu_bluebird {
  background-color: #011e52!important;
  color: #fff!important;
  padding: 0 6px!important
}

.menu_bluebird a {
  background: #011e52!important;
  color: #fff!important
}

.menu_bluebird a:hover {
  background: #011e52!important;
  color: #fff!important;
  padding: 0
}

@media (min-width: 0) and (max-width:1150px) {
  .menu_promo {
      color:#fff;
      background: #FF780F!important;
      padding: 0
  }
}

.popup-be-mobile {
  display: none
}

.popup-be-web {
  display: block
}

@media (min-width: 0) and (max-width:500px) {
  .popup-be-mobile {
      display:block
  }

  .popup-be-web {
      display: none
  }
}

.caption2 {
  color: #bc3227;
  font-family: Inter,Monaco,Menlo,Consolas,"Courier New",monospace;
  font-size: 2.5vw;
  left: 0;
  letter-spacing: 1px;
  position: absolute;
  text-transform: uppercase;
  padding-left: 38%;
  top: 7%;
  max-font-size: 50px
}

.caption3 {
  color: #bc3227;
  font-family: Inter,Monaco,Menlo,Consolas,"Courier New",monospace;
  font-size: 4.5vw;
  left: 0;
  letter-spacing: 1px;
  padding-left: 53%;
  position: absolute;
  text-transform: uppercase;
  top: 30%;
  z-index: 2
}

@media (min-width: 1200px) and (max-width:5000px) {
  .caption2 {
      font-size:30px
  }
}

.rating-info {
  border: none;
  float: left
}

.rating-info>input {
  display: none
}

.rating-info>label:before {
  margin: 5px;
  font-size: 1.55em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"
}

.rating-info .checked~label {
  color: #FF861E;
  cursor: pointer
}

.rating-info>.half:before {
  content: "\f089";
  position: absolute
}

.rating-info>label {
  color: #ddd;
  float: right
}

.rating {
  border: none;
  float: left
}

.rating>input {
  display: none
}

.rating>label:before {
  margin: 5px;
  font-size: 1.55em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"
}

.rating .checked~label {
  color: #FF861E;
  cursor: pointer
}

.rating>.half:before {
  content: "\f089";
  position: absolute
}

.rating>label {
  color: #ddd;
  float: right
}

.rating>input:checked~label,.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label {
  color: #FF861E
}

.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>label:hover~input:checked~label,.rating>input:checked~label:hover~label {
  color: #FF861E
}

.file-loading {
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  font-size: 999px;
  text-align: right;
  color: #fff;
  background: transparent url(/images/puzzle-photo/loading.gif) top left no-repeat;
  border: none
}

.file-object {
  margin: 0 0 -5px;
  padding: 0
}

.btn-file {
  position: relative;
  overflow: hidden;
  background: #FF780F;
  padding-bottom: 10px
}

.btn-file:hover {
  background: #FF780F
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  opacity: 0;
  background: #FF780F;
  cursor: inherit;
  display: block
}

.file-caption-name {
  display: inline-block;
  overflow: hidden;
  height: 20px;
  word-break: break-all
}

.input-group-lg .file-caption-name {
  height: 25px
}

.file-preview-detail-modal {
  text-align: left
}

.file-error-message {
  background-color: #f2dede;
  color: #a94442;
  text-align: center;
  border-radius: 5px;
  padding: 5px 10px 5px 5px
}

.file-error-message pre,.file-error-message ul {
  margin: 5px 0;
  text-align: left;
  list-style-type: none
}

.kv-file-upload {
  display: none
}

.kv-file-remove {
  background: #FF780F
}

.kv-file-remove-ok {
  background: #FF780F
}

.file-caption-disabled {
  background-color: #EEE;
  cursor: not-allowed;
  opacity: 1
}

.file-preview {
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 5px;
  width: 95%;
  margin-bottom: 5px
}

.file-preview-frame {
  display: table;
  margin: 8px;
  height: 160px;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 5px 0 #a2958a;
  padding: 6px;
  float: left;
  text-align: center;
  vertical-align: middle
}

.file-preview-frame:not(.file-preview-error):hover {
  box-shadow: 3px 3px 5px 0 #292929
}

.file-preview-image {
  height: 160px;
  vertical-align: middle
}

.file-preview-text {
  text-align: left;
  width: 160px;
  margin-bottom: 2px;
  color: #428bca;
  background: #fff;
  overflow-x: hidden
}

.file-preview-other {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 160px;
  height: 160px;
  border: 2px solid #999;
  border-radius: 30px;
  opacity: .8
}

.file-preview-frame:not(.file-preview-error) .file-preview-other:hover {
  opacity: 1
}

.file-actions,.file-other-error {
  text-align: left
}

.file-icon-lg {
  font-size: 1.2em
}

.file-icon-2x {
  font-size: 2.4em
}

.file-icon-4x {
  font-size: 4.8em
}

.file-input-new .file-preview,.file-input-new .close,.file-input-new .glyphicon-file,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button {
  display: none
}

.file-actions {
  margin-top: 15px
}

.file-footer-buttons {
  float: right
}

.file-upload-indicator {
  padding-top: 2px;
  cursor: default;
  opacity: .8;
  width: 60%;
  display: none
}

.file-upload-indicator:hover {
  font-weight: 700;
  opacity: 1
}

.file-footer-caption {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 160px;
  text-align: center;
  padding-top: 4px;
  font-size: 11px;
  color: #777;
  margin: 5px auto 10px
}

.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
  color: #000
}

.file-drop-zone {
  border: 1px dashed #aaa;
  border-radius: 4px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  margin: 12px 15px 12px 12px;
  padding: 5px
}

.file-drop-zone-title {
  color: #aaa;
  font-size: 40px;
  padding: 85px 10px
}

.highlighted {
  border: 2px dashed #999!important;
  background-color: #f0f0f0
}

.file-uploading {
  background: url(/images/puzzle-photo/loading-sm.gif) no-repeat center bottom 10px;
  opacity: .6
}

.file-error-message .close {
  margin-top: 10px
}

.file-thumb-progress .progress,.file-thumb-progress .progress-bar {
  height: 10px;
  font-size: 9px;
  line-height: 10px
}

.progress {
  width: 96%
}

.progress-bar {
  background-color: #FF780F;
  color: #fff;
  padding-left: 10px
}

.progress-bar-success {
  background-color: #FF780F;
  color: #fff;
  padding-left: 10px
}

.progress-bar-striped {
  background-color: #FF780F;
  color: #fff;
  padding-left: 10px
}

.file-thumbnail-footer {
  position: relative
}

.file-thumb-progress {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0
}

.fileinput-upload {
  float: right;
  background: #FF780F;
  margin-right: 20px
}

.shape {
  border-style: solid;
  border-width: 0 180px 40px 0;
  float: right;
  height: 0;
  width: 0;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg)
}

.shape-text {
  color: #fff;
  font-size: 11px;
  position: relative;
  right: -64px;
  top: -4px;
  white-space: nowrap;
  -ms-transform: rotate(30deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg)
}

.shape-text-ligne {
  color: #fff;
  font-size: 11px;
  position: relative;
  right: -120px;
  top: 8px;
  white-space: nowrap;
  -ms-transform: rotate(30deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg)
}

.shape-text-droit {
  color: #fff;
  font-size: 11px;
  position: relative;
  right: -104px;
  top: 4px;
  white-space: nowrap;
  -ms-transform: rotate(30deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg)
}

.shape-new {
  color: #fff;
  font-size: 11px;
  position: relative;
  right: -104px;
  top: 4px;
  white-space: nowrap;
  -ms-transform: rotate(30deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg)
}

.offer {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 10px 20px rgba(0,0,0,.2);
  margin: 15px 0;
  overflow: hidden
}

.shape {
  border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0)
}

.offer-radius {
  border-radius: 7px
}

.offer-new {
  border-color: #FF780F
}

.offer-new .shape {
  border-color: transparent #d9534f transparent transparent
}

.offer-danger {
  border-color: ##CCCCCC
}

.offer-danger .shape {
  border-color: transparent #d9534f transparent transparent
}

.offer-success {
  border-color: ##CCCCCC
}

.offer-success .shape {
  border-color: transparent #5cb85c transparent transparent
}

.offer-default {
  border-color: #999
}

.offer-default .shape {
  border-color: transparent #999 transparent transparent
}

.offer-primary {
  border-color: #428bca
}

.offer-primary .shape {
  border-color: transparent #428bca transparent transparent
}

.offer-info {
  border-color: #FF780F
}

.offer-info .shape {
  border-color: transparent #5bc0de transparent transparent
}

.offer-warning {
  border-color: #f0ad4e
}

.offer-warning .shape {
  border-color: transparent #f0ad4e transparent transparent
}

.offer-content {
  padding: 2px
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: alpha(opacity=0);
  font-size: 200px;
  direction: ltr;
  cursor: pointer
}

@media screen\9 {
  .fileinput-button input {
      filter: alpha(opacity=0);
      font-size: 100%;
      height: 100%
  }
}

.caption_ppc {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 15px;
  padding-left: 0;
  color: red;
  z-index: 50
}

.shape-new-ec {
  border-style: solid;
  border-width: 0 100px 30px 0;
  float: right;
  height: 0;
  width: 0;
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
}

.listing {
  background: #fff;
  overflow: hidden
}

.shape-new-ec {
  border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0)
}

.listing-radius {
  border-radius: 7px
}

.listing-danger {
  border-color: #d9534f
}

.listing-danger .shape-new-ec {
  border-color: transparent #d9533f transparent transparent
}

.listing-success {
  border-color: #FF780F
}

.listing-success .shape-new-ec {
  border-color: transparent #FF780F transparent transparent
}

.listing-default {
  border-color: #999
}

.listing-default .shape-new-ec {
  border-color: transparent #999 transparent transparent
}

.listing-primary {
  border-color: #428bca
}

.listing-primary .shape-new-ec {
  border-color: transparent #318bca transparent transparent
}

.listing-info {
  border-color: #5bc0de
}

.listing-info .shape-new-ec {
  border-color: transparent #5bc0de transparent transparent
}

.listing-warning {
  border-color: #f0ad4e
}

.listing-warning .shape-new-ec {
  border-color: transparent #f0ad4e transparent transparent
}

.shape-text-new-ec {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  position: relative;
  right: -65px;
  top: 0;
  white-space: nowrap;
  -ms-transform: rotate(16deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(16deg);
  transform: rotate(16deg)
}

.listing-content {
  padding: 0 20px 10px
}

.btn-remove-file {
  background-color: #FF780F;
  height: 43px;
  font-size: 13px;
  padding-top: 0
}

#a {
  width: 0;
  height: 0;
  border: 30px solid;
  border-bottom: none;
  border-right: none;
  border-color: #FF780F #626262
}

.bloc_offre_speciale_prod {
  padding-top: 15px
}

@media (min-width: 0) and (max-width:560px) {
  .bloc_offre_speciale_prod {
      padding-top:0
  }
}

.media img+span.badge {
  position: relative;
  top: -8px;
  left: 8px
}

.div-prod-complementaire {
  width: 100%;
  min-height: 130px;
  height: auto;
  padding-top: 10px
}

.div-centrer {
  height: 100px;
  line-height: 100px;
  text-align: center
}

.div-centrer-signe {
  height: 100px;
  line-height: 100px;
  text-align: center
}

@media (min-width: 0) and (max-width:830px) {
  .div-prod-complementaire {
      min-height:200px
  }

  .both {
      clear: both
  }
}

@media (min-width: 0) and (max-width:480px) {
  .div-prod-complementaire {
      min-height:500px
  }

  .bothprod {
      clear: both
  }

  .div-centrer-signe {
      height: 15px;
      line-height: 15px;
      text-align: center
  }
}

@keyframes blinkanim {
  50% {
      opacity: 0
  }
}

.detailpromo {
  font-size: 18px
}

.typo-nbr {
  border-radius: 2px;
  display: flex;
  width: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background-color: #9E360E;
  color: #ffffff ;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 3px
}

.ref-site {
  margin-left: 14px;
  float: left;
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 2px
}

.font-titre {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.font-sstitre {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.list-ques {
  min-height: 0px;
  padding: 0;
  border-bottom: 1px solid var(--Smooth-Grey-100, #EFEFEF);
  padding: 18px 0 12px 0;
  float: left
}

.text-small-faq {
  float: left;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  color: #292929;
  margin-right: 64px;
  max-height: 0;
  transition: max-height 0.3s ease;
  overflow: hidden;
}

.text-small-faq a {
  color: #359AA5;
  text-decoration-line: underline;
}

.text-small-faq2 {
  float: left;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #292929;
  max-height: 0;
  transition: max-height 0.3s ease;
  overflow: hidden;
  clear: left;
  margin-right: 86px
}

.text-small-faq2 a {
  color: #359AA5;
  text-decoration-line: underline;
  font-weight: 600
}

.list-ques.active .font-sstitre {
  color: #FF780F;
}

.list-ques.active img {
  content: url('/images/minus-circle.svg');
}

.ti-sfoo {
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #ffffff
}

.ti-ssfoo {
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  margin-top: 3px
}

.btn-new-fr {
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  background-color: #FF780F;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  margin-left: 10px;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.btn-new-fr:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-new-fr:active {
  background-color: #F25C05
}

.btn-new-fr2 {
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  background-color: #FF780F;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  max-width: 135px;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.btn-new-fr2:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-new-fr2:active {
  background-color: #F25C05
}

.btn-new-fr3 {
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  background-color: #FF780F;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  max-width: 135px;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.btn-new-fr3:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-new-fr3:active {
  background-color: #F25C05
}

.btn-new-fr4 {
  display: flex;
  padding: 9px 18px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  background-color: #FF780F;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  max-width: 135px;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.btn-new-fr4.a_ariane {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-new-fr4:active {
  background-color: #F25C05
}

.insc-new {
  padding: 0;
  margin: 0;
  float: left
}

.bbt-n {
  border-radius: 6px;
  font-size: 14px;
  width: 275px;
  margin: 0 auto;
  border: 1px solid#DCDCDC;
  padding: 18px 24px;
}

.bbt-n::placeholder {
  color: #989898;
}

.btn-sec {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  height: 53px;
  padding: 2px 22px 2px 36px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  cursor: pointer ;
  max-width: 255px;
  margin: 0 auto
}

.btn-logout {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  padding: 18px 22px 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  margin: 0 auto;
}

.btn-sec2 {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  height: 53px;
  padding: 2px 22px 2px 36px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  cursor: pointer ;
  max-width: 255px;
  margin: 0 auto
}

.btn-sec2:hover {
  background-color: #292929;
  color: #ffffff
}

.btn-sec2:hover #arrow-image {
  content: url('/images/nav-arrow-right-white.svg');
}

.btn-sec:hover, .btn-logout:hover {
  background-color: #292929;
  color: #ffffff
}

.btn-sec:hover #arrow-image, .btn-logout:hover #arrow-image {
  content: url('/images/nav-arrow-right-white.svg');
}

.btn-new-fr:active {
  background-color: #000000;
  color: #ffffff
}

.button-select-nb-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border: 1px solid #292929;
  padding: 18px 11px 18px 3px;
  width: 50px;
  height: 18px;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
}

.button-select-nb-product > input[type=number] {
  -moz-appearance: textfield;
}

.pp-add-panier {
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  color: #ffffff;
  float: right;
  cursor: pointer;
  flex: 1 0 0;
}

.recap-mobile-fixe {
  display: none;
}

.disp {
  display: block
}

.appmob {
  display: none
}

.btn-footrev {
  display: flex;
  padding: 6px 18px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 4px;
  background: var(--Fountain-Blue-500, #359AA5);
  cursor: pointer;
  max-width: 237px;
  margin: 0 auto;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 16px
}

.btn-footrev:hover {
  background-color: #61BDC6;
}

.btn-footrev:active {
  background-color: #2B6673;
}

.selct-taille {
  display: flex;
  padding: 12px 18px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  width: 200%;
  margin: 0;
  height: 44px
}

.blocage {
  padding: 32px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  border-radius: 12px 0px 0px 12px;
  background: var(--White, #FFF);
  height: 330px
}

.blocagemob {
  padding: 24px;
  box-shadow: 0px 3px 6px 0px rgba(41, 41, 41, 0.08);
  border-radius: 0px 0px 0px 12px;
  background: var(--White, #FFF);
  height: 225px;
  color: #292929
}

.btn-bleu {
  display: flex;
  padding: 14px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px;
  background: var(--Fountain-Blue-700, #2B6673);
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  display: flex;
  padding: 14px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer
}

.btn-bleu:hover {
  background-color: #359AA5;
}

.btn-bleu:active {
  background-color: #274852;
}

.btn-tertiaire {
  display: flex;
  padding: 14px 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
  border-radius: 6px;
  background: #359AA5;
  box-shadow: 0px 2px 4px 0px rgba(22, 46, 54, 0.08);
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer
}

.btn-tertiaire:hover {
  background-color: #61BDC6;
}

.btn-tertiaire:active {
  background-color: #2B6673;
}

.bloc-fidel {
  display: flex;
  height: 60px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.formconto {
  margin: 0;
  border: 1px solid #DCDCDC;
  border-radius: 30px;
}

.formconto:hover {
  border: 1px solid#989898
}

.form_searchbox.focused {
  border: 1px solid #359AA5;
}

.focused {
  border: 1px solid #359AA5!important;
}

.font24 {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  float: left;
  z-index: 4
}

.case-foot {
  background-color: #FF780F;
}

.case-foot2 {
  background-color: #FF780F;
  padding-top: 32px!important;
  padding-bottom: 32px!important;
}

.case-foot :hover {
  background-color: #F25C05;
}

.div_footer_web {
  display: block!important
}

.div_footer_mobile {
  display: none!important
}

.margpad {
  padding: 0;
  margin: 0
}

.menu-desktop {
  width: 100%;
  height: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
  border-bottom: 1px #EFEFEF solid;
  border-top: 1px #EFEFEF solid;
  background: white;
}

.content-menu-desktop {
  display: flex;
  max-width: 1120px;
  margin: auto;
  width: 100%;
  height: 100%;
}

.menu-link-produits {
  padding: 0px 18px;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
  border: none;
  background: none;
}

.menu-link-produits:hover {
  background: #E5E5E5;
  cursor: pointer;
}

.menu-icon {
  width: 24px;
  height: 24px;
  position: relative;
  background-image: url(/images/menu-open.svg);
}

.menu-icon.active {
  background-image: url(/images/menu-close.svg);
}

.link-produits {
  color: #292929;
  font-size: 14px;
  font-family: Inter;
  font-weight: 600;
  word-wrap: break-word
}

.menu-other-link {
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  display: flex
}

.other-link {
  align-self: stretch;
  padding-left: 18px;
  padding-right: 18px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex
}

.other-link>a {
  color: #292929;
  font-size: 14px;
  font-family: Inter;
  font-weight: 600;
  word-wrap: break-word
}

.link-deals {
  float: right;
  color: #359AA5;
  text-decoration: underline;
}

.other-link>a:hover {
  color: #FF780F !important;
}

.other-link>a.active {
  color: #FF780F;
}

.link-deals.active {
  color: #FF780F;
  text-decoration: none
}

.offre-text-image {
  display: flex;
  gap: 24px;
}

.total-produit-card {
  position: absolute;
  color: white;
  font-size: 14px;
  top: 6px;
}

.content_zoom_cubeproduit {
  display: flex;
  gap: 12px;
}

.modal-body {
  padding: 32px;
  overflow-y: auto;
  flex: 1;
  max-height: calc(90vh - 180px);
}

.other-link>a.link-puzzle-perso {
  font-size: 14px;
  font-family: Inter;
  text-decoration: underline;
  word-wrap: break-word
}

.separation-line {
  width: 1px;
  height: 18px;
  position: relative;
  background: #EFEFEF;
  border-radius: 1px
}

.content-sous-menu-desktop {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}

.content-sous-menu-desktop.active {
  height: 468px;
  overflow: auto;
  cursor: pointer;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
}

.sous-menu-desktop {
  max-width: 1120px;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
}

.sous-menu-desktop.active {
  display: flex;
}

.sous-title-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-right: 32px;
}

.submenu {
  display: flex;
  padding: 8px 14px;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  width: 165px;
  border: none;
  background: none;
}

.submenu:hover, .sous-value-menu:hover, .sous-value-menu a:hover, .submenu.hover, .sous-value-menu.hover {
  background-color: #FFEED4;
  border-radius: 4px;
  color: #9E360E;
}

.sous-value-menu {
  display: flex;
  padding: 8px 14px;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 500;
  color: #292929;
  border: none;
  background: none;
}

.sous-value-menu:not(.sous-value-menu.third-column) {
  width: 100%;
}

.image-sous-menu {
  padding: 8px 0px;
}

#sous-value-menu, #ss-value-menu {
  display: none;
}

.menu-column {
  padding: 18px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.menu-column:not(.menu-column:first-child) {
  padding: 18px 32px;
}

.menu-column.active {
  border-right: 1px solid #E5E5E5;
}

.sous-value-menu-image {
  border-radius: 4px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
  width: 231px;
  height: 131px;
}

.content-image-menu-text {
  position: absolute;
  bottom: 14px;
  left: 14px;
  color: white;
  z-index: 2;
  font-size: 14px;
  font-weight: 700;
}

.multiple-columns {
  flex-direction: row;
  gap: 32px;
}

.menu_mobile {
  display: none;
}

.header_fixe_web {
  display: block;
}

.header_nonfixe_web {
  display: block;
  width: 100%;
  max-width: 100%;
  z-index: 5;
  top: 80px;
  box-sizing: border-box;
  position: fixed;
  background-color: #ffffff;
  padding: 16px 0px;
  height: 85px;
}

.content-sous-menu-desktop {
  position: absolute;
  background-color: white;
  width: 100%;
  z-index: 2;
}

.content-image-menu {
  position: relative;
  display: inline-block;
  width: 100%;
}

.content-image-menu img {
  display: block;
}

.content-image-menu:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(22, 46, 54, 0.00) 50%, rgba(22, 46, 54, 0.80) 100%);
  border-radius: 4px;
  z-index: 1;
}

.burger-menu {
  width: 21px;
  height: 18px;
  position: relative;
  cursor: pointer;
  color: #292929
}

.burger-menu::before,.burger-menu::after,.burger-menu .middle-bar {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #292929;
  position: absolute;
  transition: transform 0.3s ease;
}

.burger-menu::before {
  top: 0;
}

.burger-menu::after {
  bottom: 0;
}

.burger-menu .middle-bar {
  top: 50%;
  transform: translateY(-50%);
}

.burger-menu.active::before {
  transform: rotate(45deg);
  top: 6px;
}

.burger-menu.active::after {
  transform: rotate(-45deg);
  bottom: 10px;
}

.burger-menu.active .middle-bar {
  display: none;
}

.content-menu-mobile {
  display: none;
}

.content-menu-mobile.active {
  display: flex;
}

.link-acces-revendeur {
  display: flex;
  gap: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  align-items: flex-end;
  height: 100%;
}

.content-menu-mobile:not(#main-menu) {
  position: relative;
  overflow: auto;
  flex-direction: column;
}

.content-menu-mobile#main-menu {
  flex-direction: column;
}

.menu-items {
  width: 100%;
  overflow-y: auto;
}

.menu-open {
  overflow: hidden;
}

.menu_mobile {
  flex-direction: column;
}

.footer-menu-mobile {
  height: 100%;
  min-height: 107px;
  width: 100%;
  background-color: #EFEFEF;
  color: #292929;
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}

.content-footer-menu-mobile {
  padding: 24px 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.content-menu-mobile {
  width: 100%;
  overflow: auto;
  flex-direction: column;
  overflow-y: auto;
  height: 100vh;
  z-index: 9999;
}

.menu_mobile.active {
  position: fixed;
  width: 100%;
  flex-direction: column;
  height: 100vh;
  z-index: 9999;
  background-color: #FFF;
}

.cont-site {
  background-color: #FAFAFA;
}

.nbr-piecesacc {
  border-radius: 36px;
  border: 1px solid var(--Smooth-Grey-950,#292929);
  display: flex;
  padding: 12px 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  width: 139px;
  color: var(--Smooth-Grey-950, #292929);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 81%;
  margin-bottom: 12px;
}

.nbr-piecesacc:hover {
  background-color: #FF780F;
  border: 1px solid#FF780F ;
  color: #ffffff
}

.nbr-piecesacc:active {
  background-color: #F25C05;
  border: 1px solid#F25C05;
  color: #ffffff
}

.bloc-menu-info, .bloc-menu-link {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 10px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  margin-right: 10px;
}

#modes-livraison, #paiement-securise, #service-client, #programme-fidelite {
  display: none;
}

.bloc-menu-infoca {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  box-sizing: border-box;
  margin-right: 0;
  width: 100%;
  box-sizing: border-box
}

.bloc-menu-infocli {
  display: flex;
  padding: 24px 24px 6px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  box-sizing: border-box;
  margin-right: 0;
  width: 100%;
  box-sizing: border-box
}

.bloc-menu-qui {
  display: flex;
  padding: 24px 24px 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 12px;
  background: var(--White, #FFF);
  box-sizing: border-box;
  margin-right: 0;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  margin-bottom: 14px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
}

.bloc-btn-select-pp {
  display: flex;
  gap: 8px;
  margin: 14px 0 24px;
}

.zone-hors-puzzle {
  min-height: 0px;
  padding: 0px;
  display: flex;
  margin: 24px auto 0px;
  width: 100%;
  justify-content: flex-end;
  z-index: 3;
}

.zone-hors-puzzle:last-child {
  margin: 0 auto 24px;
  padding-right: 99px
}

.bloc-infoca-mode-paiement {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.content-mode-paiement {
  display: flex;
  align-items: center;
  gap: 50px;
}

.bloc-menu-infosav {
  display: flex;
  padding: 18px 25px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
}

.champsaisieclient {
  margin-right: 0;
  width: 83%;
  margin-top: 8px;
  float: left;
  min-height: 114px;
  font-weight: 500;
  color: #989898;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  vertical-align: top!important;
  display: inline
}

.mentionsmin {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.paginfo-menuactiv {
  background: #FFEED4 !important;
}

.paginfo-menuactiv > .paginfo-txt {
  color: var(--International-Orange-800, #9E360E);
}

.paginfo-menu {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  background: var(--International-Orange-100, #ffffff)
}

.paginfo-txtactiv {
  color: var(--International-Orange-800, #9E360E);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.paginfo-txt {
  color: var(--International-Orange-800, #292929);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.titres-or {
  color: var(--Orange, #FF780F);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.styl-form {
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  display: flex;
  padding: 18px 24px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  color: #292929 ;
  font-weight: 500;
  font-size: 14px;
  box-sizing: border-box
}

.styl-form::placeholder {
  color: #989898;
}

.select-categorie-sav {
  background: url('/images/nav-arrow-down-n-pan.svg') no-repeat right 10px center;
  background-size: 24px;
  padding-right: 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.glyphicon {
  margin-top: 30px;
}

.bc-img {
  height: 234px;
  margin-bottom: 18px;
  border-radius: 12px;
  background-size: 100% auto
}

.bc-img1 {
  margin-right: 9px;
}

.bc-img2 {
  margin-left: 9px
}

.bc-img3 {
  margin-right: 9px
}

.bc-img4 {
  margin-right: 9px;
  margin-left: 9px
}

.bc-img5 {
  margin-left: 9px
}

.content-cat, #content-marque {
  position: relative;
  overflow: hidden;
  min-height: 0;
  padding: 0;
}

.image-marque {
  height: 100%;
  border-radius: 12px;
}

.bc-img, .slider-item-marque, .image-marque {
  position: relative;
  overflow: hidden;
}

.bc-img::before, .slider-item-marque::before, .image-marque::before {
  content: "";
  background-size: cover;
  background-position: center;
  background-image: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  z-index: 1;
}

.content-cat:hover .bc-img::before, #content-marque:hover .slider-item-marque::before, .image-marque:hover::before {
  transform: scale(1.1);
}

.bc-txt, .slider-text-marque {
  z-index: 1;
  bottom: 0px;
  right: 0px;
}

.thematique {
  position: relative;
  overflow: hidden;
}

.thematique img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1
}

.thematique:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.bc-txt {
  display: flex;
  padding: 18px;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  border-radius: 12px 0px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  background: rgba(41, 41, 41, 0.44);
  backdrop-filter: blur(9px);
  color: var(--White, #FFF);
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  vertical-align: bottom;
  display: inline;
  position: absolute;
}

.equalheights {
  column-count: 4;
}

.menu_auteur {
  display: inline-block;
  width: 100%;
  margin-bottom: 32px;
}

#auteur {
  max-width: 1140px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 12px 0px 0px 0px;
}

#adult-authors, #licenses-children {
  position: relative;
}

.button-container {
  display: flex;
  position: relative;
  background-color: #B9E5E8;
  border-radius: 100px;
  overflow: hidden;
  padding: 8px;
  width: 457px;
}

.toggle-button {
  flex: 1;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  color: #359AA5;
}

.toggle-button.active {
  color: white;
}

.toggle-button:focus-visible, .bouton-pp:focus-visible, input[name="radio_pp_format"]:focus-visible, .btn-sec:focus-visible, .btn-produit:focus-visible, .list-ques > button:focus-visible, a:focus-visible, button:focus-visible, label:focus-visible, .change-f-select:focus-visible, .liste_boites > img:focus-visible, .btn-val-pp:focus-visible, .pp-add-panier:focus-visible, .capitale:focus-visible, #voir-tout:focus-visible, #submitInscription:focus-visible, .select-product:focus-visible, .bout-pan:focus-visible, .btn-pass-pan:focus-visible, [tabindex="0"]:focus-visible {
  outline: 2px solid black;
}

.puzzle-option:focus-visible, .onglet_boite:focus-visible, .menu-link-produits:focus-visible {
  outline: auto;
}

.button-container::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 8px;
  width: calc(50% - 8px);
  height: calc(100% - 16px);
  background-color: #2B6673;
  border-radius: 100px;
  transition: left 0.3s ease;
  -webkit-transition: left 0.3s ease;
}

.button-container.active-children::before {
  left: 50%;
  -webkit-left: 50%;
}

.mar-rt {
  margin-bottom: -64px
}

.licenses-children, .adult-authors {
  transition: opacity 0.5s ease-in-out, height 0.5s ease-in-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.adult-authors [tabindex="-1"], .licenses-children [tabindex="-1"] {
  pointer-events: none;
}

.licenses-children.active, .adult-authors.active {
  opacity: 1;
  height: auto;
}

.menu_auteur span {
  display: block;
  color: #FF780F;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

.side-bar, .side-bar-authors {
  display: none;
}

.menu_auteur a {
  color: #292929;
  font-size: 14px;
  font-weight: 400
}

.menu_auteur a:hover {
  text-decoration: underline
}

.search-bar {
  display: none;
}

.taille1120 {
  max-width: 1120px;
  margin: auto;
  width: 100%;
}

.blocinfo-produit {
  float: left;
  margin-top: 32px;
  width: 50%
}

.promo-produit {
  color: var(--International-Orange-800, #9E360E);
  text-align: right;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  border-radius: 4px;
  background: var(--International-Orange-200, #FFD9A7);
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 10px;
  float: right;
}

.enstock-produit {
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 4px;
  border-radius: 31px;
  background: #C6ECC9;
  color: #035D0C;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  float: left;
  margin-right: 12px;
}

.rupture-produit {
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 4px;
  border-radius: 31px;
  background: #FFD9A7;
  color: #9E360E;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  float: left;
  margin-right: 12px
}

.categorie-produit {
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 4px;
  border-radius: 31px;
  background: var(--Fountain-Blue-500, #359AA5);
  color: var(--Smooth-Grey-50, #F9F9F9);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  ;float: left;
  margin-right: 12px
}

.libelle-produit {
  min-height: 51px;
  margin-bottom: 0;
  clear: left;
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  margin-top: 10px
}

.prix-promo-prod {
  float: right;
  color: var(--International-Orange-800, #9E360E);
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: line-through
}

.prix-ok-produit {
  float: right;
  color: var(--Smooth-Grey-950, #292929);
  text-align: right;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  clear: right
}

.membre-produit {
  color: var(--Smooth-Grey-950, #292929);
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  float: right
}

.txt-membre-produit {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  float: right;
  margin-top: 5px;
  margin-right: 5px
}

.bulle-membre-produit {
  border-radius: 27px;
  background: var(--Fountain-Blue-200, #B9E5E8);
  display: flex;
  width: 18px;
  height: 18px;
  padding-left: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4.565px;
  color: var(--Fountain-Blue-700, #2B6673);
  leading-trim: both;
  text-edge: cap;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 5px;
  margin-top: 3px;
  cursor: pointer;
  float: right
}

.nbr-pieces-produit {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 12px
}

.marque-produit {
  color: var(--Fountain-Blue-500, #359AA5);
  font-size: 16px;
  font-weight: 500;
  text-decoration-line: underline;
}

.ref-produit {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}
.btn-produit-plus {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}

.btn-produit {
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.lignes-produit {
  float: left;
  color: var(--Smooth-Grey-950, #292929);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.border-news-mobile {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.content-new, .last-consultation {
  display: flex;
  justify-content: space-between;
  max-width: 1120px;
  width: 100%;
  margin: auto;
  z-index: 2;
}

.title-border-news-mobile {
  display: flex;
  align-items: center;
  gap: 24px;
}

.content-btn-slick {
  display: flex;
  gap: 4px;
  z-index: 4
}

.new-slick-arrow {
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  ;display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  opacity: 1;
  cursor: pointer;
  ; background-color: #ffffff
}

.new-slick-arrow.disabled {
  opacity: 0.3;
}

.new-slick-arrow:hover {
  background: var(--Smooth-Grey-950, #292929);
}

.new-slick-arrow:active {
  background: var(--Smooth-Grey-950, #000000);
}

.new-slick-prev:hover:not(.slick-disabled) img, .new-slick-next:hover:not(.slick-disabled) img {
  content: url('/images/nav-arrow-right-h-hover.svg');
}

.new-slick-prev img {
  rotate: 180deg;
}

.new-slick-arrow[aria-disabled="true"] {
  opacity: 0.3;
  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
  color: light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
}

.slider-new {
  display: flex;
  gap: 18px;
  list-style-type: none;
  display: flex!important;
  justify-content: flex-end;
}

.slider-new li {
  position: relative;
}

/* .slider-new li::after {content: '';position: absolute;top: 0;right: -30%;bottom: 0;width: 30%;background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7));} */
.slider-new li:last-child::after {
  display: none;
}

.slider-new > .slick-list {
  padding-bottom: 13px;
  transition: width 0.5s ease;
}

.content-new-sticker {
  display: flex;
  padding: 8px 16px;
  align-items: flex-end;
  gap: 10px;
  border-radius: 0px 32px 32px 0px;
  background: #359AA5;
  position: absolute;
  top: -3px;
  margin-left: 0px;
}

.content-new-sticker span {
  color: var(--White, #FFF);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.content-new-sticker-cat {
  display: flex;
  padding: 8px 16px 3px 16px;
  align-items: flex-end;
  gap: 12px;
  border-radius: 0px 0px 12px 0px;
  background: #359AA5;
  position: absolute;
  line-height: normal;
  z-index: 1;
}

.content-new-sticker-cat span {
  color: var(--White, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.libelle2-acc {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

.libelle2-acc-libelle {
  font-size: 16px;
  font-weight: 700;
  color: #292929;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.libelle2-acc-nbpieces {
  font-size: 14px;
  font-weight: 500;
  color: #292929;
}

.libelle2-acc-marque {
  font-size: 14px;
  font-weight: 400;
  color: #525252;
  font-style: italic;
  display: flex;
  align-items: center;
}

.content-prix-barre {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.content-prix-barre-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prix-barre {
  display: flex;
  gap: 8px;
  align-items: center;
}

.prix-client-barre {
  font-size: 18px;
  font-weight: 700;
  color: #292929;
}

.prix-sans-promo-barre {
  text-decoration-line: line-through;
  font-weight: 500;
  font-size: 14px;
  color: #525252;
}

.button-add-bell {
  padding: 12px;
  border-radius: 100px;
  background: var(--Orange, #FFF);
  border: 0.95px solid var(--Smooth-Grey-950, #292929);
}

.button-add-bbell > img {
  border: none;
}

.infos-block-menu {
  display: none;
  flex-direction: column;
  transition: display 0.3s ease;
}

.arrow-icon {
  transition: transform 0.3s ease;
}

.infos-block-qui {
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
}

.rotate-arrow {
  transform: rotate(180deg);
}

.text-infos-livraison {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
}

.text-infos-livraison > div > span {
  color: #FF780F;
}

.text-infos-livraison > div:last-child {
  width: 300px;
}

.text-infos-livraison > div:first-child {
  width: 200px;
}

.shadow {
  position: absolute;
  height: 100%;
  width: 116px;
  background: linear-gradient(270deg, #FAFAFA 17.5%, rgba(250, 250, 250, 0.00) 100%);
  z-index: 2;
  right: -6px;
}

.content-slide {
  max-width: 1440px;
  margin: auto;
  height: 280px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.dropdown-menu-mobile {
  display: none;
}

.bloc-menu-pc {
  display: flex;
}

.slider-item-marque {
  width: 548px;
  height: 294px;
  box-shadow: 0px 4px 8px rgba(41, 41, 41, 0.08);
  border-radius: 12px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  display: inline-flex;
  margin-right: 18px;
}

.slider-text-marque {
  padding: 18px;
  background: rgba(41, 41, 41, 0.22);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-left: 1px rgba(255, 255, 255, 0.70) solid;
  border-top: 1px rgba(255, 255, 255, 0.70) solid;
  backdrop-filter: blur(18px);
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  display: inline-flex;
  color: white;
  font-size: 16px;
  font-family: Inter;
  font-weight: 700;
  word-wrap: break-word;
}

.menu_web {
  border-radius: 12px;
  background: var(--White, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
  margin-left: 0!important;
}

.content-cube-produits-web-tablette {
  display: flex;
  gap: 18px;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 24px;
}

.search_partiel {
  flex: 0 0 100%;
  font-size: 24px;
  font-weight: 700;
  margin: 35px 0;
}

.pagination-web {
  display: flex;
}

.pagination-mobile {
  display: none;
}

#fil_ariane > .a_ariane:last-child {
  font-weight: 600;
}

#fil_ariane_auteur > .a_ariane:last-child, #fil_ariane_marques > .a_ariane:last-child {
  font-weight: 600;
}

#fil_ariane_auteur > .a_ariane, #fil_ariane_marques > .a_ariane {
  font-size: 12px;
  color: #292929;
}

.content-cube-produits-web-tablette::before,.content-cube-produits-web-tablette::after, c.ontent-cube-produits-mobile::before ,.content-cube-produits-mobile::after {
  content: none;
}

.div-cube-produits-web-tablette {
  display: block
}

.div-cube-produits-mobile {
  display: none
}

#no-result-search {
  display: none;
}

.user-menu-container-mobile {
  width: 100%;
  background: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  display: inline-flex;
  position: absolute;
  z-index: 4;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.user-menu-container-mobile.hidden {
  animation: slideUp 0.5s ease forwards;
}

.user-menu-container-mobile.active {
  animation: slideDown 0.5s ease forwards;
}

.user-menu-wrapper {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex
}

.user-menu-item {
  align-self: stretch;
  padding: 16px;
  background: white;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  display: inline-flex
}

.user-menu-item.item-logout {
  background: #292929;
}

.user-menu-item.item-user {
  border-top: 1px #EFEFEF solid;
}

.user-menu-text {
  font-size: 14px;
  font-weight: 600;
  color: #292929;
}

.user-menu-text.text-logout {
  color: white;
  font-size: 12px
}

.content-wishlist {
  max-width: 1120px;
  margin: auto;
}

.header-wishlist {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.header-wishlist h1 {
  font-size: 24px;
  font-weight: 700;
  color: #292929;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-wishlist span {
  font-size: 16px;
  font-weight: 500;
  color: #292929;
}

#fiche_produit3 {
  max-width: 1440px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.pop-up-membre-produit,.pop-up-membre-produit-mobile {
  position: absolute;
  bottom: 25px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 251px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #2B6673;
  background: #B9E5E8;
}

.pop-up-format-image-pp {
  position: absolute;
  bottom: 25px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #2B6673;
  background: #B9E5E8;
}

.pop-up-membre-produit {
  right: 0;
}

.pop-up-membre-produit-mobile {
  z-index: 3;
}

.pop-up-membre-produit > div, .pop-up-membre-produit-mobile > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pop-up-membre-produit-title {
  color: #162E36;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  width: 100%;
  justify-content: space-between;
  line-height: normal;
}

.pop-up-membre-produit-text {
  color: #2B6673;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
}

.pop-up-membre-produit-link {
  color: #162E36;
  font-size: 11px;
  font-weight: 600;
  text-decoration-line: underline;
  display: flex;
  width: 100%;
  gap: 4px;
  justify-content: flex-end;
  line-height: normal;
}

#descriptifProduit, #caracteristiqueProduit, #descriptifProduitMobile, #caracteristiqueProduitMobile {
  margin-top: 12px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
}

#caracteristiqueProduit {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.marqueCaracteristiqueProduit {
  display: flex;
  padding-bottom: 14px;
  justify-content: space-between;
  border-bottom: 1px solid #E5E5E5;
}

.infoLabelCaracteristique, .specCaracteristiqueProduit {
  width: 100%;
}

.infoLabelCaracteristique {
  color: #292929;
  font-size: 14px;
  font-weight: 500;
}

.specCaracteristiqueProduit > a, .specCaracteristiqueProduit {
  color: #292929;
  font-size: 14px;
  font-weight: 300;
}

.select-nb-product {
  position: relative;
  display: inline-block;
}

.select-nb-product-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 6px;
  border: 1px solid #292929;
  background-color: #ffffff;
}

.dropdown-icon-arrow {
  margin-top: 2px;
}

.select-nb-product-item {
  padding: 10px;
  cursor: pointer;
}

.select-nb-product-item:hover {
  background-color: #f0f0f0;
}

.bloc-together {
  max-width: 1120px;
  margin: auto;
  padding-top: 64px;
  ;min-height: 559px
}

.together-title {
  color: #292929;
  font-size: 24px;
  font-weight: 700;
}

.content-together {
  display: flex;
  gap: 16px;
  padding: 32px;
  margin-top: 24px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
}

.together-products {
  display: flex;
  gap: 16px;
}

.content-together-products {
  display: flex;
  gap: 14px;
  flex-direction: column;
  max-width: 206px;
  justify-content: space-between;
}

.content-together-products > img {
  height: 265px;
  max-width: 206px;
  border-radius: 6px;
  background: url(/images/tapis-products.jpg) lightgray 50% / cover no-repeat;
  object-fit: cover;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
}

.products-libelle {
  color: #292929;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.products-price {
  color: #292929;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}

.content-products {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-height: 76px;
  justify-content: space-between;
}

.content-together-products > button {
  border-radius: 6px;
  border: 1px solid #292929;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 10px 18px 22px;
  background-color: white;
  cursor: pointer;
}

#fil_ariane_marques {
  margin-top: 12px;
}

.content-image-brands {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 24px;
  margin-bottom: 64px;
}

.group-brands {
  display: flex;
  width: 100%;
  gap: 18px;
}

.custom-col {
  height: 234px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  padding: 0;
}

.custom-col > a {
  position: relative;
  display: flex;
}

.custom-col > a > img {
  border-radius: 12px;
  width: 100%;
  height: 234px;
  object-fit: cover;
}

.custom-col > a > div {
  bottom: 0;
  right: 0;
}

.title-brands {
  color: #292929;
  font-size: 24px;
  font-weight: 700;
}

.ss-title-brands {
  color: #292929;
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}

.image-brands {
  max-width: 1120px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.content-text-brands-mobile {
  display: none;
}

.content-text-brands {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.text-brands {
  max-width: 1120px;
  margin: auto;
  display: none;
  flex-direction: column;
  gap: 24px;
}

.nav-text-brands {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  margin-top: 24px;
}

#voir-tout {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
  cursor: pointer;
}

#voir-tout > div {
  font-size: 14px;
  font-weight: 500;
  word-wrap: break-word
}

.capitale {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
  cursor: pointer;
}

.capitale > div {
  color: #292929;
  font-size: 14px;
  font-weight: 500;
}

#link-marques {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 476px;
}

#link-marques > a {
  font-size: 14px;
  color: #292929;
  font-weight: 700;
  max-width: 220px
}

#link-marques > a:hover {
  color: #FF780F;
  text-decoration-line: underline;
}

.content-title-brands {
  margin-top: 32px;
}

.capitale.actif, #voir-tout.actif {
  background: #FF780F;
}

.capitale.actif > div, #voir-tout.actif > div {
  color: white;
}

.capitale.inactif, #voir-tout.inactif {
  background: none;
}

.capitale.inactif > div, #voir-tout.inactif > div {
  color: #292929;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 16px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.add-together {
  display: flex;
  padding: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.add-together > img {
  width: 28px;
  height: 28px;
}

.line-together-products {
  width: 1px;
  border-radius: 1px;
  background: #EFEFEF;
  margin: 0 16px;
}

.total-together-products {
  display: flex;
  gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 244px;
}

.content-total-together-products {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.content-total-together-products > span {
  font-size: 24px;
  font-weight: 900;
  color: #292929;
  text-align: center;
}

.content-total-together-products > button {
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  background: #FF780F;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  border: none;
  color: white;
  font-size: 16px;
  font-weight: 700;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.blc-blog {
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  height: 100%;
}

.txt-blog {
  float: right;
  width: 68%
}

.tag-blog {
  padding: 4px 12px;
  border-radius: 111px;
  border: 1px solid var(--Fountain-Blue-500, #359AA5);
  color: var(--Fountain-Blue-500, #359AA5);
  font-size: 12px;
  font-weight: 500;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

.img-blog {
  margin-right: 32px;
  float: left;
  max-width: 321px;
  max-height: 252px;
  width: 30%
}

.marg-blog {
  margin-top: 32px
}

.blog_article_title {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.date-blog {
  color: var(--Smooth-Grey-700, #525252);
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

.marg-blog2 {
  margin-top: 24px;
}

.carousel-container-blog {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: space-between;
}

.slider-blog .slick-slide {
  margin-right: 10px;
  height: auto;
}

.slider-blog > .slick-list {
  padding: 0;
}

.btn-blog {
  border-radius: 182px;
  border: 1px solid var(--Fountain-Blue-500, #359AA5);
  color: var(--Fountain-Blue-500, #359AA5);
  ;font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  padding: 16px 32px;
  align-items: center;
  gap: 4px;
  float: left;
  align-items: flex-start;
  gap: 10px;
  white-space: nowrap;
}

.btn-blog:hover {
  border-radius: 182px;
  background: var(--Fountain-Blue-500, #359AA5);
  color: var(--White, #FFF);
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  padding: 16px 32px;
  align-items: center;
  gap: 4px;
  float: left;
  align-items: flex-start;
  gap: 10px;
}

.activ-blog {
  border-radius: 182px;
  background: var(--Fountain-Blue-500, #359AA5);
  color: var(--White, #FFF);
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  display: flex;
  padding: 16px 32px;
  align-items: center;
  gap: 4px;
  float: left;
  align-items: flex-start;
  gap: 10px;
}

.blog_article_title-prod {
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 16px;
  float: left
}

.blog_article_published_at {
  color: var(--Smooth-Grey-700, #525252);
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  float: left;
  margin-top: 4px
}

.author-blog {
  color: var(--Smooth-Grey-700, #525252);
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  line-height: normal;
  float: left;
  margin-top: 4px
}

.blog-article-text a {
  color: #359aa5;
}

.num-pp {
  display: flex;
  width: 34px;
  height: 34px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--White, #FFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 4px;
  background: var(--Fountain-Blue-700, #2B6673);
  float: left
}

.txt-pp {
  color: var(--Fountain-Blue-950, #162E36);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  float: left;
  margin-left: 12px;
  margin-top: 7px
}

.bloc-pp {
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 12px;
  float: left;
}

.ss-txt-pp {
  color: var(--Fountain-Blue-950, #162E36);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  clear: left;
  max-width: 195px
}

.titr-pp {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  margin-top: 64px
}

.titr-pp-o {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  margin-top: 64px
}

.titr-pp2 {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 24px;
  font-weight: 700;
}

.ss-titr-pp {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 8px
}

.bloc-prod-pp {
  border-radius: 12px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  padding: 64px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  margin-top: 32px ;
  margin-bottom: 24px
}

.content_blog_article {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 32px 1px;
}

.blog_article_text {
  min-height: 120px;
}

.puce-pp {
  float: left;
  margin: 0 11px 0 12px;
  margin-top: 50px
}

.btn-read {
  background-color: #FF780F;
  float: right;
  margin-right: 39px;
  font-family: "Oswald",sans-serif
}

.blc-ss-blog {
  display: flex;
  padding: 4px 24px 24px 24px;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 0 0;
  align-self: stretch;
}

.blog_article_image {
  width: 90%;
  border-radius: 12px 12px 0 0;
  width: 100%
}

.blog_row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 32px;
  gap: 24px;
}

.blog_article {
  max-width: 357px;
  flex: 3;
}

.trait_blog_article_mobile {
  display: none;
}

.blog_row:last-child {
  display: none;
}

.carousel-wrapper-categories {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 10px
}

.bloc-other-products-mobile {
  display: none;
}

.bloc-other-products {
  display: flex;
  gap: 16px;
}

.txt-pp-delai {
  color: var(--General-Dark-red, #BE0000);
  font-weight: 600;
  margin-left: 14px;
  line-height: normal;
  margin-left: 42px
}

.txt-souvenirs {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 32px
}

.p-select {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px
}

.taille-select {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
}

.b-select {
  display: flex;
  padding: 18px 36px;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.b-select:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.b-select:active {
  background-color: #F25C05
}

.trait_blog_article {
  grid-column: 1 / -1;
  width: 100%;
  height: 1px;
  border-radius: 1px;
  background: #DCDCDC;
  margin: 24px 0;
}

.box-select {
  border-radius: 12px;
  background: var(--White, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  display: flex;
  padding: 24px;
  flex-direction: column;
  flex: 1 0 0;
  margin-left: 32px
}

.bloc-blanc-pp {
  float: left;
  color: #292929;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 4px;
  margin-left: 3px;
  width: 320px
}

.retour-ex {
  float: left;
  width: 320px;
}

.glob-div > .retour-ex {
  padding: 0 0 5% 0%;
}

.creer-pp {
  display: flex;
  height: 98px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  background: var(--Orange, #FF780F);
  color: var(--White, #FFF);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.creer-ss {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

.cont-ar {
  display: flex;
  padding: 32px 0px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.cont-ar2 {
  display: flex;
  padding: 32px 0px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.ret-pp {
  float: left;
  color: #292929;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-top: 4px;
  margin-left: 3px;
}

.ret-pp2 {
  float: left;
  color: #292929;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  margin-top: 4px;
  margin-left: 3px;
}

.ret-1 {
  border-radius: 6px;
  background: var(--International-Orange-200, #FFD9A7);
  color: var(--International-Orange-800, #9E360E);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  padding: 20px 26px
}

.ret-2 {
  border-radius: 6px;
  background: var(--International-Orange-200, #FF780F);
  color: var(--White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  padding: 20px 25px
}

.ret-3 {
  border-radius: 6px;
  background: var(--International-Orange-200, #FFD9A7);
  color: #939393;
  ;font-size: 12px;
  font-style: normal;
  font-weight: 600;
  padding: 20px 25px
}

.ret-4 {
  border-radius: 6px;
  background: var(--International-Orange-200, #FFD9A7);
  color: #939393;
  ;font-size: 12px;
  font-style: normal;
  font-weight: 600;
  padding: 20px 25px
}

.inti-1 {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center ;
  margin-top: 5px
}

.inti-2 {
  color: var(--Smooth-Grey-950, #292929);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center ;
  margin-top: 5px
}

.inti-3 {
  color: #939393;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center ;
  margin-top: 5px
}

.inti-4 {
  color: #939393;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center ;
  margin-top: 5px
}

.flch-pp {
  height: 20px;
  width: 10px;
  float: left;
  margin: 20px 32px
}

.back-des {
  padding: 64px 160px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  background-image: url(/images/fond-des.svg);
  background-repeat: no-repeat
}

.txt-des {
  text-align: center;
  margin: 64px 0 0 0;
  text-align: center;
}

.des-de {
  color: var(--Orange, #FF780F);
  font-family: Inter;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.des-au {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}

.des-ss {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 48px;
  margin-top: 24px
}

.des-ss2 {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 48px;
  margin-top: 24px
}

.des-rev {
  color: var(--Smooth-Grey-950, #292929);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
}

.txt-404 {
  color: var(--Orange, #FF780F);
  font-size: 164px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.txt-oup {
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.pos {
  position: relative;
  display: inline-block;
  width: 340px;
  top: -90px
}

.chiffr1 {
  position: absolute;
  top: 5px;
  left: 6px;
  color: #FF780F;
  font-size: 164px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -webkit-text-stroke: 1px #FF780F;
  color: white;
}

.chiffr2 {
  position: absolute;
  top: 0;
  left: 0;
  color: #FF780F;
  font-size: 164px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.mar-chi {
  margin-bottom: 80px
}

.txt-des2 {
  text-align: center;
  margin: 84px 0 0 0;
  text-align: center;
}

.btn-val-pp {
  display: flex;
  padding: 8px;
  border: none;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 0px 6px 6px 0px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 0 ;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.btn-val-pp:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-val-pp:active {
  background-color: #F25C05
}

.val-pp {
  display: flex;
  height: 11px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  width: 84%
}

.bloc-btes-pp {
  padding: 24px;
  height: 510px
}

/* .marg-box-p{margin:0px;padding:0;width:19%; float:left; margin-right:25px} */
.pp-libelle-pieces {
  float: left;
  font-size: 12px;
  color: #292929;
}

.pp-text-nbpieces {
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  color: #292929;
}

.pp-text-size {
  font-size: 10px;
  font-weight: 400;
  color: #292929;
}

.pp-price-without-promotion {
  text-decoration: line-through ;
  font-size: 10px;
  font-weight: 700;
  color: #525252;
}

.pp-price {
  font-size: 12px;
  font-weight: 700;
  color: #292929;
}

.content-together-products {
  max-width: 185px;
}

.content-total-together-products > button {
  padding: 18px 34px;
}

.content-select-nbpieces {
  position: absolute;
  background-color: #ffffff;
  display: flex;
  width: 392px;
  padding: 16px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  right: 30px;
  top: 65px;
  border-radius: 12px;
  background: var(--White, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  z-index: 1;
  line-height: normal
}

.content-select-nbpieces > div {
  width: 385px;
}

input[name="radio_pp_format"] {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  outline: none;
  border: 1px solid black;
}

input[name="radio_pp_format"]:before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

input[name="radio_pp_format"]:checked:before {
  background: #FF780F;
}

input[name="radio_pp_format"]:checked {
  border-color: #9E360E;
}

.pagination-liste {
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  background: #FFF;
  width: 138px;
  padding: 6px 12px;
  float: left ;
  cursor: pointer
}

.choix-liste, .list-dest {
  width: 138px;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  border: 0
}

.bt-list {
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  background: #FFF;
  padding: 13px 14px 9px 14px;
  float: left;
  margin: 0 8px
}

.bt-list-plus {
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  background: #FFF;
  padding: 12px;
  float: left;
}

.sup-list {
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  background: #FFF;
  width: 151px;
  padding: 6px 12px;
  float: right ;
  cursor: pointer ;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  padding: 13px 12px 9px 12px
}

.sel-list {
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  background: #FFF;
  width: 120px;
  padding: 6px 12px;
  float: right ;
  cursor: pointer ;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  padding: 14px 12px 10px 12px;
  margin-right: 8px
}

.pic-img-list {
  display: flex;
  height: 197px;
  border-radius: 12px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background-color: #ffffff
}

.poub-list {
  position: relative;
  top: 12px;
  left: 300px;
  right: 0px;
  border-radius: 44px;
  background: rgba(41, 41, 41, 0.44);
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
}

.poub-list2 {
  position: absolute;
  top: 40px;
  right: 18px;
  border-radius: 44px;
  background: rgba(41, 41, 41, 0.44);
  display: flex;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.categorie-produit-list {
  padding: 6px 12px;
  font-size: 10px;
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 4px;
  border-radius: 31px;
  background: var(--Fountain-Blue-500, #359AA5);
  color: var(--Smooth-Grey-50, #F9F9F9);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  ;float: left;
  margin-right: 10px
}

.enstock-produit-list {
  padding: 6px 12px;
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 4px;
  border-radius: 31px;
  background: #C6ECC9;
  color: #035D0C;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  float: left;
  margin-right: 10px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 22px;
  margin-bottom: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  right: 4px;
  bottom: 4px;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #B9E5E8;
}

input:focus + .slider {
  box-shadow: 0 0 1px #B9E5E8;
}

input:checked + .slider:before {
  -webkit-transform: translateX(-22px);
  -ms-transform: translateX(-22px);
  transform: translateX(-22px);
}

.slider.round {
  border-radius: 34px;
  background-color: #B9E5E8;
}

.slider.round:before {
  border-radius: 50%;
  background-color: #2E7D8C;
}

.change-select, .change-f-select {
  display: flex;
  width: 50%;
  border-radius: 4px;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  box-sizing: border-box;
}

.change-select {
  border: 1px solid var(--Fountain-Blue-400, #61BDC6);
  background: var(--Fountain-Blue-200, #B9E5E8);
  color: var(--Fountain-Blue-950, #162E36);
  text-align: center;
}

.change-f-select {
  position: relative;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  flex-wrap: nowrap;
}

.change-f-select:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

#puzzle_list {
  max-height: 350px;
  overflow-y: auto;
  display: none;
  background: #fff;
  position: absolute;
  top: 33px;
  width: 100%;
  z-index: 1000;
}

#selected_puzzle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.puzzle-option {
  padding: 10px;
  cursor: pointer;
}

.puzzle-option:hover, .puzzle-option.selected {
  background-color: #f0f0f0;
}

.puzzle-details {
  display: block;
}

/* input[type="radio"] {display: none;} */
.imgareaselect-outer {
  border-image: linear-gradient(0deg, rgba(189, 189, 189, 0.70), rgba(189, 189, 189, 0.70)) 1;
}

.rupture-produit-list {
  padding: 6px 12px;
  font-size: 10px;
  margin-right: 6px;
  display: flex;
  padding: 8px 14px;
  align-items: center;
  gap: 4px;
  border-radius: 31px;
  background: #FFE5E5;
  ;color: #BE0000;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  float: left;
  margin-right: 12px
}

.ti-lis {
  font-size: 16px;
  font-weight: 700;
  margin-botom: 8px
}

.pi-lis {
  font-size: 14px;
  font-weight: 400
}

.mar-lis {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.prix-lis {
  font-size: 16px;
  font-weight: 700;
  float: right
}

.da-lis {
  font-size: 14px;
  font-weight: 400;
  float: right;
  color: var(--Smooth-Grey-700, #525252);
}

.ad-cart-lis {
  display: flex;
  padding: 18px 0px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 4px;
  background: var(--Orange, #FF780F);
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  ;font-weight: 700;
  border: none;
  width: 100%;
}

.ad-cart-lis-no {
  display: flex;
  padding: 18px 0px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 4px;
  background: #FFFFFF;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid var(--Smooth-Grey-950, #292929);
}

.squar-lis {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

.ss-txt-li {
  font-size: 16px;
  font-weight: 500
}

.txt-pan-cen {
  font-size: 20px;
  font-weight: 700;
  float: left;
  margin-top: 32px
}

.recap-pan-w {
    margin-top: 13%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.bloc-select-shipping {
    margin-bottom: 5rem;
}

.fixed-recap {
  position: fixed;
  width: 365.25px;
  top: 20px;
}

.recap-plus {
  margin-top: 0;
  padding-left: 32px
}

.all_panier {
  display: flex;
  gap: 32px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
  margin-top: 32px;
}

.panier_ligne {
  width: 100%;
}

.blc-pan-log {
  width: 496px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  float: right;
  height: 100%;
  background-color: #ffffff
}

.test-tt {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mar-bot-p {
  display: block ;
  margin-bottom: 56px
}

.ferm-pan {
  float: right;
  margin-right: -39px;
  cursor: pointer
}

.marg-com-p {
  margin-top: 32px
}

.con-p {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.int-p {
  padding: 18px 24px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  color: #989898;
  font-size: 14px;
  font-weight: 500;
}

.txt-md-p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  margin-top: 18px
}

.ch-o-p {
  font-size: 12px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  float: right;
  margin-top: 12px;
}

.cont-p {
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  border: 0;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.cont-p:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.cont-p:active {
  background-color: #F25C05
}

.checkbox-container {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 14px 32px;
  gap: 8px;
}

.cgv-checkbox, #coche_carte, #cgv_pp,#conserver {
  display: none;
}

.cgv-checkbox + label, #coche_carte + label, #cgv_pp + label, #conserver + label {
  width: 18px;
  height: 18px;
  background-image: url('/images/input-checkbox.svg');
  background-size: cover;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}

.cgv-checkbox:checked + label, #coche_carte:checked + label, #cgv_pp:checked + label, #conserver:checked + label {
  background-image: url('/images/input-checkbox-checked.svg');
}

.checkbox-text {
  font-size: 11px;
  font-weight: 500;
}

.title-wrapper-pp {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.puzzle-container {
  display: flex;
  padding: 64px 0;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  margin: 0 auto;
  max-width: 1120px;
}

.puzzle-back-link-container {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.puzzle-back-link {
  color: #292929;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
}

.puzzle-card {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 12px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  width: 100%;
  box-sizing: border-box;
}

.puzzle-confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.puzzle-confirmation img {
  height: auto;
  width: auto;
}

.puzzle-confirmation-message {
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.puzzle-order-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.puzzle-finalize-message {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

.puzzle-instructions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.puzzle-instructions-message {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.puzzle-button-group {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.puzzle-create-new-button {
  border-radius: 6px;
  border: 1px solid #292929;
  display: flex;
  padding: 18px 22px 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  height: 55px;
  box-sizing: border-box;
  text-decoration: none;
}

.puzzle-create-new-button:hover {
  background: #292929;
}

.puzzle-create-new-button:active {
  background: #000;
}

.puzzle-create-new-button span {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: #292929;
}

.puzzle-create-new-button span:hover, .puzzle-create-new-button:hover span {
  color: #FFF;
}

.puzzle-create-new-button span:active, .puzzle-create-new-button:active span {
  color: #FFF;
}

.puzzle-create-new-button img {
  height: 19px;
  width: 19px;
}

.puzzle-create-new-button:hover img {
  content: url('/images/nav-arrow-right-white.svg');
}

.puzzle-cart-button {
  border-radius: 6px;
  background: #FF780F;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 55px;
  box-sizing: border-box;
  text-decoration: none;
}

.puzzle-cart-button:hover {
  background: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.puzzle-cart-button:active {
  background: #F25C05;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.08);
}

.puzzle-cart-button span {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}

.adr-p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px
}

.oub-p {
  text-align: center;
  margin-top: 8px
}

.mdd-p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: var(--Smooth-Grey-700, #525252);
  text-align: center
}

.no-c-p {
  margin: 0px 0 32px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.no-c-in {
  color: var(--Fountain-Blue-500, #359AA5);
  font-size: 14px;
  font-weight: 700;
  text-decoration-line: underline;
}

.separ-p {
  border-radius: 1px;
  background: var(--Smooth-Grey-100, #EFEFEF);
  height: 1px;
}

.top-tr {
  margin-top: 32px
}

.invit-p {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 24px
}

.des-p {
  margin-bottom: 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}

.separ-p2 {
  display: none
}

.separ-p1 {
  display: block;
  border-radius: 1px;
  background: var(--Smooth-Grey-200, #DCDCDC);
  height: 1px;
  margin: 32px 0
}

.image-pp-perso {
  max-width: 620px;
  margin: 16px auto 0;
}

div.work_left {
  width: 345px !important;
  min-height: 379px;
}

div.work_left img {
  margin-left: auto;
  margin-right: auto;
}

div.work_right {
  width: 515px !important;
  min-height: 371px;
}

div.work_left_final {
  text-align: center;
  margin: auto;
}

div.work_right {
  height: 350px;
}

div.work_right_final {
  text-align: center;
  width: 100%;
}

p.titre {
  padding-bottom: 0px !important;
}

.disp-pan {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
}

.bloc-p-ti {
  border-radius: 6px 6px 0px 0px;
  background: var(--Fountain-Blue-500, #359AA5);
  padding: 24px;
  color: #ffffff;
  cursor: pointer;
}

.choix-p-ad {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  float: left;
  width: 100%;
}

.pan-tit {
  color: var(--White, #FFF);
  font-size: 14px;
  font-weight: 600;
  margin-top: 6px
}

.m-pan {
  display: flex;
  gap: 10px;
}

.choi-pan-a {
  margin: 0px;
  display: flex;
  width: 165px;
  padding: 4px 12px;
  justify-content: space-between;
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-300, #BDBDBD);
  background: #FFF;
}

.ajout-pan {
  text-align: right;
  padding-top: 3px;
  line-height: 24px;
  min-width: 63px
}

.ajout-pan-t {
  font-size: 12px;
  font-weight: 400;
}

.bloc-p-ti > .choix-p-ad > .m-pan > .ajout-pan > .ajout-pan-t {
  color: var(--White, #FFF);
}

.bloc-ad-pan {
  border: 1px solid #ccc;
  padding: 32px;
  border: 1px solid var(--Fountain-Blue-500, #359AA5);
  border-radius: 0px 0px 6px 6px;
  background-color: #ffffff
}

.ad-pan-li {
  padding: 0 ;
  border-right: 1px solid#EFEFEF;
  padding-right: 20px
}

.ad-li-p {
  font-size: 16px;
  font-weight: 600;
}

.pad24 {
  padding-top: 24px;
  font-size: 14px;
  font-weight: 400;
}

.modif-pan-a {
  background: var(--Fountain-Blue-700, #2B6673);
  border-radius: 4px;
  padding: 14px 10px;
  display: flex;
  justify-content: center;
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  margin-top: 24px;
  max-width: 260px
}

.modif-pan-a:hover {
  background: var(--Fountain-Blue-500, #359AA5);
}

.modif-pan-a:active {
  background: var(--Fountain-Blue-900, #274852);
}

.arg-pan-du {
  padding: 0 ;
  padding-left: 50px;
}

.marg-pan-du {
  padding: 0 ;
  padding-left: 50px;
}

.factu-pan {
  font-size: 14px;
  font-weight: 400;
  margin: 32px 0
}

.bt-pan-v {
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  float: right;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  border: none;
}

.pad-t-12 {
  padding-top: 12px;
}

.ban-ferm-pan {
  border-radius: 6px;
  display: flex;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #292929;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  cursor: pointer;
}

.pad-t3 {
  padding-top: 3px;
}

.bloc-fer-ty {
  font-size: 14px;
  font-weight: 600;
  float: left;
}

.bloc-pan-ouv {
  border-radius: 6px 6px 0 0;
  display: flex;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  color: #ffffff;
  background: var(--Fountain-Blue-500, #359AA5);
}

.txt-pan-ouv {
  font-size: 14px;
  font-weight: 600;
  float: left;
  margin-top: 4px
}

.txt-de-pp {
  color: var(--Orange, #FF780F);
  font-weight: 600;
  text-align: center
}

.encart-pan-b {
  border-radius: 0px 0px 6px 6px;
  border: 1px solid var(--Fountain-Blue-500, #359AA5);
  background: var(--White, #FFF);
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.recap-plusp {
  margin-top: 0;
  padding-left: 32px
}

.marg-pan-re {
  margin-top: 0
}

.pass-paie-pan {
  background: var(--White, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  padding: 32px;
  border-radius: 0 0 12px 12px
}

.btn-pass-pan, .btn-pass-paiement {
  border: none;
  display: flex;
  padding: 18px 36px 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.text-trans {
  color: var(--Orange, #FF780F);
  font-size: 16px;
  font-weight: 600;
  float: left;
  margin-left: 12px
}

.box-trans {
  border-radius: 6px;
  border: 1px solid var(--Orange, #FF780F);
  padding: 18px 24px;
  width: 100%;
  box-sizing: border-box
}

.box-transoff {
  border-radius: 6px;
  border: 1px solid var(--Orange, #DCDCDC);
  padding: 18px 24px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}

.pict-pan {
  float: left;
  height: 24px;
  width: 24px;
  cursor: pointer
}

.tail-pict-h {
  width: 111px;
}

.chx-pai {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 32px
}

.maliste_produit_check {
  width: 24px !important;
  height: 24px;
}

.separator {
  border-radius: 1px;
  background: var(--Smooth-Grey-200, #DCDCDC);
  width: 100%;
  height: 1px;
}

.all_cube_maliste {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}

#main_espaceclient input[type="text"] {
}

#select_ml_input {
  float: left;
  font-size: 14px;
  padding: 6px !important;
}

div.select_ml_div {
  display: block;
  cursor: pointer;
  padding: 4px;
  font-size: 12px
}

div.select_ml_div_hl {
  background-color: #FF780F;
  color: #fff;
}

div.select_ml_div:hover {
  background-color: #ddd;
}

div.select_ml_div span {
  float: right;
}

div.select_ml_div span {
  float: right;
}

.ariane_selected {
  font-weight: 600!important;
  color: #292929!important;
  font-size: 12px!important;
}

.content-button-wishlist {
  display: flex;
  justify-content: space-between;
}

.content-btn-list {
  display: flex;
  align-items: center;
  gap: 8px;
}

.content-btn-list > #ml_create {
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0px;
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
  background: var(--White, #FFF);
}

.content-btn-list > #ml_create > img {
  width: 14px;
}

.red-zone-delete {
  display: none;
  width: 0;
  height: 186px;
  padding-right: 16px;
  flex-direction: column;
  margin-right: -16px;
  margin-left: 16px;
  justify-content: center;
  align-items: flex-end;
  border-radius: 4px 0px 0px 4px;
  background: #BE0000;
  overflow: hidden;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

.red-zone-delete.show {
  width: 64px;
  opacity: 1;
  align-items: center;
}

#ml_create {
  transition: width 0.3s ease;
  width: 44px;
  height: 44px;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  justify-content: center;
}

#ml_create.expanded {
  width: 400px;
}

#ml_create input {
  width: 100%;
  margin-right: 10px;
  border: none;
}

#list_name:focus-visible {
  outline: none;
}

#create_list_btn, #create_list_btn_mobile {
  padding: 8px;
  background: var(--Orange, #FF780F);
  color: #fff;
  font-size: 11px;
  cursor: pointer;
  font-weight: 700;
  border: none;
}

.btn-trash-list {
  border-radius: 4px;
  border: 1px solid #292929;
  background: #FFF;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  font-size: 14px;
}

.btn-trash-list a {
  padding: 12px;
  font-size: 12px;
  font-weight: 300;
}

.custom-checkbox input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}

.custom-checkbox .checkmark {
  border-radius: 4px;
  border: 1px solid #292929;
  background: #FFF;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 300;
}

.custom-checkbox .checkmark:after {
  content: url("/images/check-list.svg");
  height: 14px;
}

.dropdown-content.open {
  display: block;
}

.dropbtn {
  display: flex;
  width: 164px;
  padding: 12px;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  color: #292929;
  padding: 10px 20px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid var(--Smooth-Grey-950, #292929);
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 1;
  width: 100%;
}

.arrow-icon-list {
  transition: transform 0.3s ease;
}

.choix-liste:focus, .list-dest:focus {
  outline: none;
}

.cub-marq {
  text-align: center;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  border-radius: 12px;
  background: var(--White, #FFF);
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  cursor: pointer;
}

.solution-marq {
  font-size: 20px;
  font-weight: 700;
}

.txt-marq {
  font-size: 16px;
  font-weight: 400;
}

.titr-marq {
  font-size: 24px;
  font-weight: 700;
}

.arian-marq {
  margin-top: 16px;
  font-size: 12px;
}

.sp-marq {
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.3s ease-out, opacity .5s ease-out;
}

.sp-marq.show {
  max-height: 5000px;
  opacity: 1;
}

.bloc-ex-m, .back-missing-puzzle-pieces {
  display: none;
}

.content-missing-puzzle-pieces {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 32px;
}

.title--missing-puzzle-pieces {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.all-cards-missing-puzzle-pieces {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}

.back-missing-puzzle-pieces {
  cursor: pointer;
}

.ens-c-marq {
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}

.ens-c-marq2 {
  display: flex;
  gap: 18px;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 18px
}

.aut-marq {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 14px;
  margin-top: 32px;
}

.txt-ex-marq {
  font-size: 16px!important;
  font-weight: 400;
  align-self: stretch;
}

.bloc-ex-m {
  align-items: center;
  gap: 24px;
  align-self: stretch;
  margin-top: 32px
}

.lien-ma {
  float: left;
  min-width: 135px;
  flex: auto
}

.lien-mar-url {
  margin-top: 10px;
  clear: left;
  font-size: 16px;
  font-weight: 600
}

.titr-aide {
  font-size: 24px;
  font-weight: 700;
}

.search-aide {
  width: 430px;
  margin-top: 24px;
  margin-bottom: 64px;
  padding: 14px 24px;
  border-radius: 100px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
}

.txt-s-aide {
  padding: 2px 0 0px 12px;
  font-style: italic;
  font-size: 14px;
  color: #989898
}

.bt-aide {
  height: 24px;
  width: 24px;
  background-color: #ffffff
}

.englob-sch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  ;margin-bottom: 32px
}

.actif-tx-s {
  font-size: 20px;
  color: var(--White, #FFF);
  font-weight: 600;
  float: left;
  margin-top: 8px;
  margin-left: 16px
}

.content-bloc-srch {
  padding: 18px 0px;
  width: 114px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  cursor: pointer
}

.pict-search {
  margin: 0 auto;
  text-align: center
}

.txt-search {
  font-size: 12px;
  font-weight: 600;
  clear: left;
  text-align: center
}

.list-ques2 {
  min-height: 0px;
  padding: 0;
  border-bottom: 1px solid var(--Smooth-Grey-100, #EFEFEF);
  padding: 24px 0 12px 0;
  float: left;
}

.list-ques2.active .font-sstitre {
  color: #FF780F;
}

.list-ques2.active img {
  content: url('/images/minus-circle.svg');
}

.img-rcs {
  float: left;
  height: 38px;
  width: 38px
}

.help-circl {
  float: right;
  width: 32px;
  height: 32px
}

.tail-help {
  font-size: 18px!important;
  font-weight: 600;
}

.flex-hel {
}

.cube-personnalise-bleu {
  background-color: #359AA5;
}

.cube-personnalise-orange {
  background-color: #FF780F;
}

.cube-personnalise-blog {
  background-image: url(/images/background-pods-blog.svg);
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover
}

.content-cube-personnalise-bleu {
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-cube-personnalise-bleu> .text-content-cube-personnalise > h3 {
  z-index: 2;
  color: white;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  flex-direction: column;
}

.content-cube-personnalise-bleu> .text-content-cube-personnalise > span {
  z-index: 2;
  color: white;
  font-size: 17px;
  font-weight: 500;
}

.text-content-cube-personnalise {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}

.button-content-cube-personnalise {
  display: flex;
  justify-content: center;
}

.single-line-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.button-cube-personnalise {
  font-size: 16px;
  border-radius: 4px;
  width: 100%;
  color: white;
  padding: 4px;
  text-align: center;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/*.button-cube-personnalise :hover {border: solid 1px #292929;color:#ffffff;background-color:#292929}
.button-cube-personnalise :active {border: solid 1px #292929;color:#ffffff;background-color:#000000}*/
.cube-personnalise-blog > h3 {
  z-index: 2;
  color: white;
  height: 100%;
  padding: 24px;
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  box-sizing: border-box;
}

.success-message-add-panier {
  border-radius: 6px 0px 0px 6px;
  background: #C6ECC9;
}

.wishlist-active, .user-active, .panier-active {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  background: var(--Smooth-Grey-950, #292929);
  align-items: center;
}

.wishlist-active > #coeur {
  background-image: url(/images/heart-white.svg);
}

.user-active > #img-user {
  background-image: url(/images/user-white.svg);
}

.panier-active > #img-panier {
  background-image: url(/images/panier-white.svg);
}

.logo-user:hover, .logo-coeur:hover, .logo-panier:hover {
  background-color: #EFEFEF;
  border-radius: 4px;
}

#coeur,.logo-coeur:hover > #coeur {
  background-image: url(/images/heart.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}

#img-user, .logo-user:hover > #img-user {
  background-image: url(/images/user.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}

#img-panier, .logo-panier:hover > #img-panier {
  background-image: url(/images/cart.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}

.content-icon-panier {
  border-radius: 7.33px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 9px
}

.content-sch {
  display: none;
}

.content-sch.active {
  display: block;
}

.actif-search > .flex-hel {
  display: flex;
  align-items: center;
  gap: 16px;
}

.actif-search > .flex-hel > .txt-search {
  font-size: 20px;
  color: #FFF;
  font-weight: 600;
  float: left;
}

.actif-search > .flex-hel > .pict-search > img {
  width: 38px;
}

.bloc-srch > .flex-hel > .pict-search > img {
  width: 32px;
}

.bloc-srch {
  transition: all 0.5s ease;
}

.actif-search {
  transition: all 0.5s ease;
}

.actif-search {
  display: flex;
  padding: 24px 17px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
  background: var(--Orange, #FF780F);
  cursor: pointer
}

.content-bloc-srch {
  display: none;
}

.help-cont {
  font-size: 16px;
  font-weight: 400;
  margin-top: 88px;
  float: left
}

.marg-hel {
  padding: 32px 0px 64px 0px;
}

.spac-faq {
  margin-top: 12px;
  margin-bottom: 12px
}

.space-height {
  margin: 8px 0 0 0
}

.puce-hel {
  height: 5px;
  width: 5px;
  background-color: #292929;
  border-radius: 5px;
  float: left;
  margin-top: 9px;
  margin-right: 10px;
  clear: left!important
}

.mail-sav {
  float: left;
  margin-top: 25px;
  margin-bottom: 8px;
  font-size: 14px
}

.mail-sav2 {
  float: left;
  margin-top: 25px;
  margin-bottom: 8px;
  font-size: 14px
}

.select-categorie-sav {
  padding: 18px 24px;
  border-radius: 6px;
  height: 60px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  margin: 0;
  width: 100%;
}

.lab-txt {
  margin: 0 32px
}

.btn-wb {
}

.btn-wb2 {
}

.chec-in {
  float: left;
  margin-right: 17px
}

.decal-l {
  margin-left: -30px
}

.spac-ti {
  margin-top: 14px;
  margin-bottom: 5px
}

.font-marq-titre {
  font-weight: 700
}

.font-marq-b {
  font-weight: 600
}

.marg-bloc1 {
  margin: 9px 0
}

.marg-bloc-suiv {
  margin: 0 0 9px 0
}

.bloc-marques {
  padding-right: 40px;
  background: var(--Fountain-Blue-700, #2B6673);
  margin-top: -47px ;
  padding: 64px 40px 36px 40px;
}

.ss-bloc-marques {
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
  margin-bottom: 24px;
}

.ti-marques {
  font-size: 24px;
  font-weight: 900;
  color: #ffffff ;
  margin-bottom: 24px
}

.im-marques {
  float: left;
  margin-right: 32px;
}

.i-marques {
  width: 404px;
  border-radius: 12px;
}

.des-marques {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  max-width: 685px
}

.es-inf-m {
  width: 100%;
  display: flex;
}

.loyalty-notice {
  background-color: #f9f9f9;
  border-left: 4px solid #FF780F;
  padding: 20px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.loyalty-notice .highlight {
  font-weight: 700;
  margin-bottom: 10px;
}

.wi-18 {
  width: 18%
}

.wi-80 {
  width: 80%
}

.wei-700 {
  font-weight: 700;
}

.cart-cl {
  float: left;
  margin-right: 32px;
  width: 141px;
  height: 103px
}

.s-tx-or {
  margin: 16px 0
}

.blc-prim {
  width: 100%;
  display: flex;
}

.blc-sans {
  width: 16%;
  float: left;
}

.prim-blc {
  width: 33%;
  float: left;
  height: 200px
}

.pad-prim {
  padding: 0 16px
}

.pad-prim2 {
  padding: 0 16px
}

.prim-ment {
  margin-top: 0px
}

.float-pril {
  float: left;
}

.bt-pan-w {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding: 18px 36px;
  gap: 12px;
  flex: 1 0 0;
  background: var(--Orange, #FF780F);
  border-radius: 6px;
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08)!important;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.button-add-cart {
  padding: 12px;
  border-radius: 100px;
  border: none;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.08);
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.button-add-cart:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.button-add-cart:active {
  background-color: #F25C05
}

.button-add-cart > img {
  border: none;
}

.bt-pan-w:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.bt-pan-w:active {
  background-color: #F25C05
}

.btn-produit:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-produit:active {
  background-color: #F25C05
}

.btn-produit-p {
  float: right;
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  width: 100%;
  max-width: 303px;
  box-sizing: border-box;
  float: right;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.btn-produit-p:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-produit-p:active {
  background-color: #F25C05
}

.position-p {
  max-width: 1120px;
  margin: auto;
  padding: 32px 0px 0px 0px;
  display: flex;
  gap: 18px;
  position: relative;
  width: 100%;
  flex-direction: row-reverse;
}

.titr-wrap {
  color: white;
  font-size: 18px;
  font-family: Inter;
  font-weight: 700;
  word-wrap: break-word
}

.cub-mar-t-w {
  width: 100%;
  height: 275px;
}

.cub-mar-t-w2 {
  width: 100%;
  height: 275px;
}

.blc-new-marques {
  margin-bottom: 12px;
  box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
  border-radius: 12px;
}

.blc-new-marques:hover {
  box-shadow: 0px 4px 10px 2px rgba(41, 41, 41, 0.12);
}

.blc-marques {
  width: 100%;
  margin-bottom: 18px;
  display: flex;
  gap: 19px
}

.blc-marq-w {
  text-align: center;
  width: 100%;
  height: 100%;
}

.pos-marq-w {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 12px;
}

.pos-marq-w2 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
  max-height: 275px;
}

.img-first {
  height: 100%!important;
  object-fit: cover;
}

.img-blc-marq {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.txt-bloc-m-w {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75px;
  background: rgba(22, 46, 54, 0.44);
  backdrop-filter: blur(6px);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
}

.sty-txt-mar {
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-top: 14px
}

.marq-w-blc {
  font-weight: 700;
  font-size: 20px;
  color: #ffffff
}

.bl-tx-top {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  ;background: linear-gradient(180deg, rgba(22, 46, 54, 0.00) 50%, rgba(22, 46, 54, 0.90) 100%)
}

.bl-tx {
  position: absolute;
  bottom: 16px;
  right: 16px;
  left: 16px;
  color: white;
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  float: left;
  box-sizing: border-box
}

.bl-tx-btn {
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: white;
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  float: left;
}

.acc-cont-f {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 64px;
}

.top-w-f {
  margin-bottom: 32px;
}

.ti-news-t {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 12px
}

.haut-r {
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
}

.blc-es-1 {
  width: 380px;
  float: left;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  padding: 32px;
  gap: 24px;
  border-radius: 12px;
}

.tit-es-c {
  font-weight: 700;
  font-size: 18px;
  color: var(--Orange, #FF780F);
  margin-bottom: 10px
}

.tit-esc-cc {
  font-weight: 500;
  font-size: 14px;
  padding: 8px;
  margin-top: 6px;
}

.menu-account {
  gap: 0;
}

.sec-esp {
  float: left;
  width: 100%;
  height: 1px;
  align-items: center;
  margin: 0;
  background: var(--Smooth-Grey-100, #EFEFEF);
  margin: 24px 0
}

.sec-espc {
  float: left;
  width: 100%;
  height: 1px;
  align-items: center;
  margin: 0;
  background: var(--Smooth-Grey-100, #EFEFEF);
  margin: 24px 0
}

.tit-acti {
  font-weight: 500;
  font-size: 14px;
  color: var(--International-Orange-800, #9E360E);
  padding: 8px;
  background: var(--International-Orange-100, #FFEED4);
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box
}

.tit-esc-c {
  font-weight: 500;
  font-size: 14px;
  padding: 8px;
  margin-top: 6px;
  clear: left;
  float: left
}

.tit-esc-c:hover {
  background: var(--Smooth-Grey-100, #EFEFEF);
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box
}

.menu-left-account {
  padding: 0 11px 0 0 ;
}

.intro-esc {
  font-size: 28px;
  font-weight: 700;
  z-index: 1;
  width: 100%;
}

.title-espace-client {
  margin: 32px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.monEspaceClient {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  max-width: 1120px;
  margin: 0 auto;
  line-height: normal;
  padding-bottom: 64px;
}

.titre-es-client {
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 8px;
}

.titre-es-client2 {
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
}

.champ-cli {
  padding: 18px 24px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  float: left ;
  width: 400px;
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #989898
}

.contclient {
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: #FFF;
  padding: 32px;
  border-radius: 12px;
  min-height: 700px;
  width}

.intit-cl-m {
  font-weight: 400;
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 0
}

.top-c16 {
  margin-top: 16px;
  float: left
}

.bt-clie {
  text-align: center;
  padding: 18px 36px;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  background: var(--Orange, #FF780F);
  border-radius: 6px;
  border: 0;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.bt-clie:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.bt-clie:active {
  background-color: #F25C05
}

.fancybox-inner {
  max-width: 1120px;
  max-height: 867px;
  margin: auto;
  border-radius: 24px;
  border: 12px solid rgba(92, 92, 93, 0.8);
  background: #FFF;
  backdrop-filter: blur(6px);
  right: 0!important;
}

.fancybox-bg {
  background: rgba(0, 0, 0, 0.85);
}

.fancybox-navigation {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 32px;
}

.fancybox-caption {
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 10px;
}

.fancybox-toolbar {
  padding: 32px;
}

.fancybox-button--close {
  color: black;
  background: none;
  padding: 0;
  background-image: url(/images/custom-cancel.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.fancybox-button--close > svg {
  display: none;
}

.fancybox-button--arrow_left {
  background-image: url('/images/custom-left-arrow.svg');
}

.fancybox-button--arrow_right {
  background-image: url('/images/custom-right-arrow.svg');
}

.fancybox-button--arrow_left, .fancybox-button--arrow_right {
  background-repeat: no-repeat;
  background-color: unset;
  height: 46px!important;
  width: 46px!important;
  box-sizing: border-box;
  background-clip: unset!important;
  position: relative!important;
  top: 0!important;
  padding: 0!important;
}

.fancybox-button--arrow_left > div, .fancybox-button--arrow_right > div {
  display: none;
}

.fancybox-button:hover {
  color: black;
}

.fancybox-image {
  object-fit: contain;
}

.fancybox-image, .fancybox-spaceball {
  padding: 18px 27.5px 24px;
}

.fancybox-thumbs {
  background: none;
  padding: 10px;
  position: absolute;
  top: auto;
  bottom: 10px;
  width: calc(100% - 24px);
  left: 12px;
}

.fancybox-thumbs__list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.fancybox-thumbs__list li {
  list-style: none;
  margin: 0 5px;
}

.fancybox-thumbs__list img {
  border-radius: 5px;
  border: 2px solid #FF780F;
}

.fancybox-thumbs-active {
  border-radius: 8px;
}

.fancybox-thumbs__list a:before {
  border-radius: 8px;
  border: 1.5px solid var(--International-Orange-500, #FF780F);
}

.pres-esp {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 32px
}

.tail-champ-c {
  max-width: 300px
}

.cart-pag {
  height: 43px;
  width: 43px;
  cursor: pointer
}

.ti-pag {
  float: left;
  width: 76%
}

.wishlist-vide {
  max-width: 1120px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 0;
}

.content-wishlist-vide {
  position: relative;
  height: 324px;
  padding: 40.5px 27px;
  display: flex;
  justify-content: center;
}

.background-heart {
  height: 324px;
  background-image: url("/images/heart_wishlist.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.background-heart span {
  font-weight: 700;
  font-size: 20px;
  color: #292929;
  text-align: center;
  background-color: #F9F9F9;
  margin-top: 104px;
}

.marg-top12 {
  margin-top: 12px
}

.w-7 {
  font-weight: 700;
}

.ti-qui {
  font-size: 24px;
  font-weight: 700;
}

.ss-ti-qui {
  font-size: 20px;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 24px
}

.der-blc-qui {
  clear: left;
  float: left;
  margin-bottom: 10px ;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  margin-top: 8px
}

.der-blc-qui2 {
  clear: left;
  float: left;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  margin-bottom: 24px
}

.dat-qui {
  float: left;
  margin: 1px 0 0 0px;
  font-weight: 700;
  font-size: 20px;
}

.pu-q {
  float: left;
  margin-right: 12px
}

.pu-q2 {
  float: left;
}

.pos-im-q {
  float: left;
  width: 47%
}

.pos-txt-q {
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
  float: right;
  width: 50%;
  line-height: normal;
}

.pos-txt-q > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.marg-ann {
  margin-top: 64px;
  float: left;
  width: 100%
}

.tail-qui {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}

.fidel-txt {
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}

.mea-fi {
  color: var(--Fountain-Blue-400, #61BDC6);
  font-weight: 600;
}

.en-svplus {
  font-size: 16px;
  font-weight: 600;
  color: var(--Orange, #FF780F);
  float: left
}

.tail-pop-co {
  min-width: 205px;
  margin: 0 auto
}

.marg-tins {
  margin: 32px 0!important;
  font-size: 24px;
  font-weight: 700;
}

.title-brands {
  color: #292929;
  font-size: 24px;
  font-weight: 700;
}

.content-title-brands {
  margin-top: 32px;
}

.ss-title-brands {
  color: #292929;
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}

.pass-liv {
  display: flex;
  width: 100%;
  padding: 18px 36px 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: var(--White, #FFF);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  border: none;
}

.pass-liv:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.pass-liv:active {
  background-color: #F25C05
}

.bout-pan {
  border-radius: 4px;
  background: var(--Orange, #FF780F);
  cursor: pointer;
  display: flex;
  width: 40px!important;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  border: 0 ;
  margin-left: 10px;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.bout-pan:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.bout-pan:active {
  background-color: #F25C05
}

.bt-pan-v:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.bt-pan-v:active {
  background-color: #F25C05
}

.btn-pass-pan:hover:not(input[disabled]) {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-pass-pan:active:not(input[disabled]) {
  background-color: #F25C05
}

.btn-pass-paiement:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.btn-pass-paiement:active {
  background-color: #F25C05
}

.bandeau-pan {
  display: flex;
  padding: 24px 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  ;background: var(--Orange, #FF780F);
  color: var(--White, #FFF);
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.marg-cad {
  margin: 0;
  padding: 0;
  padding-left: 32px
}

.blc-pa-ter {
  padding: 0;
  margin: 0;
  float: left;
  width: 620px;
  font-size: 14px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  padding: 32px;
  border-radius: 12px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  font-weight: 500;
}

.blc-pa-of {
  float: right;
  width: 400px;
}

.top32of {
  margin-top: 32px
}

.bot32 {
  margin-bottom: 32px
}

.ti-offer {
  font-size: 20px;
  color: var(--Orange, #FF780F);
  font-weight: 700;
  line-height: normal;
  margin-top: 52px;
  margin-left: 32px
}

.pict-offer {
  float: left
}

.marg-offer-t {
  margin-bottom: 0px
}

.taill-tx-pani {
  font-size: 16px;
  font-weight: 700;
  max-width: 200px;
}

.ar-prod {
  color: #292929;
  font-weight: 600;
  font-size: 12px
}

.fil-a-produi {
  display: block;
  margin-bottom: 32px
}

.option-pt {
  float: left;
  max-width: 1500px
}

.maar-g {
  margin: 52px 0 0 0
}

.gris-hov {
  color: #292929
}

.gris-hov:hover {
  color: #989898
}

.gris-hov:active {
  color: #FF780F
}

.total-linp {
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  min-width: 65px
}

.ret-p2 {
  height: 24px;
  width: 24px;
  float: left
}

.bord-ra-p {
  border-radius: 12px;
}

.t-tx-men {
  font-size: 14px
}

.marg-panier-bo {
  margin-bottom: 64px
}

.emal-pa {
  padding-top: 12px;
  margin-top: 32px;
  float: left;
  width: 100%
}

.bt-pp-pa {
  display: flex;
  padding: 18px 36px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 6px;
  background: var(--Orange, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: var(--White, #FFF);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: 0;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
}

.bt-pp-pa:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.bt-pp-pa:active {
  background-color: #F25C05
}

.margpa32 {
  margin-bottom: 32px
}

.txttal {
  float: left;
  color: var(--Smooth-Grey-950, #292929);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px
}

.wishlist-produit-consulte {
  margin: 64px 0 32px;
}

.tai-tx-bl {
  font-size: 16px
}

.lir-sui {
  color: var(--Orange, #FF780F);
  font-size: 16px;
  font-weight: 700;
  float: right!important
}

.fl-lir-sui {
  height: 24px;
  width: 24px;
  float: right
}

.consul-de {
  margin-top: 13px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  margin-top: 82px
}

.dec-ma {
  color: #292929;
  font-size: 14px;
  font-weight: 600;
  word-wrap: break-word
}

.blc-dec-ma {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 36px;
  padding-right: 22px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px #292929 solid;
  justify-content: center;
  align-items: center;
  gap: 14px;
  display: inline-flex
}

.blc-dec-ma:hover {
  background-color: #292929;
  color: #ffffff!important
}

.wishlist-form {
  margin: 0;
}

.titre-inf {
  font-size: 28px;
  font-weight: 700;
  color: #0A0A0A;
}

.pho-tmar {
  display: flex
}

.content-bandeau-image {
  height: 120px;
}

.pieces-fab {
  margin: 0px;
  padding: 16px 0;
  border-bottom: 1px solid#EFEFEF;
  border-top: 1px solid#EFEFEF;
  margin-top: 16px
}

.bandeau-offre-flash {
  height: 120px;
  background: linear-gradient(0deg, rgba(22, 46, 54, 0.80) 0%, rgba(22, 46, 54, 0.80) 100%),url(/images/image-offre-flash.jpg);
  background-size: cover, 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.bandeau-offre-flash > span {
  color: white;
  max-width: 1120px;
  margin: auto;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 24px 0;
  align-items: center;
  box-sizing: border-box;
  gap: 24px;
  justify-content: space-between;
}

.content-banner {
  display: flex;
  gap: 24px;
}

.banner-description-offre-flash {
  color: white;
  font-size: 24px;
  font-family: Inter;
  font-weight: 500;
  word-wrap: break-word;
  line-height: normal;
}

.date-fin-offre-flash {
  border-radius: 4px;
  background: #359AA5;
  padding: 14px;
}

.date-fin-offre-flash > span {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}

.number-input {
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  text-align: center;
  padding: 0;
  border: none;
  -webkit-appearance: none;
}

.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.number-input::-o-inner-spin-button,.number-input::-o-outer-spin-button {
  -o-appearance: none;
  margin: 0;
}

.number-input:focus-visible {
  border: none;
  outline: none;
}

.spin-button {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-spin-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  user-select: none;
}

.increment-button {
  top: 10px;
  right: 14px;
  background: url('/images/arrow-down-produit-select.svg') no-repeat center center;
  rotate: 180deg;
}

.decrement-button {
  bottom: 10px;
  right: 14px;
  background: url('/images/arrow-down-produit-select.svg') no-repeat center center;
}

.number-input::-moz-spin-button {
  display: none;
}

#unsubscribe {
}

.emailNL {
  border-radius: 6px;
  border: 1px solid#DCDCDC;
  background: #FFF;
  padding: 18px 24px;
  width: 300px;
}

.text-sav {
  margin: 32px 0 16px 0;
  width: 100% ;
  float: left
}

.text-info-sav {
  margin: 0 0 16px 0;
  width: 100%;
  float: left
}

.content-form-ticket {
  padding: 32px;
  border-radius: 12px;
  background: #FFF;
  border: 1px solid #DCDCDC;
  display: flex;
  flex-direction: column;
  min-height: 700px;
}

.ss-title-sav {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 16px;
}

.ticket-container {
  display: flex;
  padding: 24px;
  align-items: center;
  gap: 54px;
  align-self: stretch;
  cursor: pointer;
}

.ticket-object {
  font-size: 14px;
  font-weight: 400;
  width: 160px;
  word-wrap: break-word;
  white-space: normal;
}

.ticket-dropdown {
  display: none;
  padding: 24px;
  width: 100%;
  box-sizing: border-box;
}

.ticket-dropdown.show {
  display: block;
}

.ticket-button-answer {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background: #2B6673;
  color: white;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.info-ticket {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.echanges-header {
  color: #292929;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
}

.reclamations-container {
  border-radius: 6px;
  border: 1px solid #EFEFEF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.reclamations-header {
  border-radius: 6px 6px 0 0;
  background-color: var(--Fountain-Blue-500, #359AA5);
  display: flex;
  padding: 24px;
  gap: 32px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.reclamations-info {
  display: flex;
  align-items: center;
  gap: 30px;
}

.reclamations-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  width: 100%;
}

.text-white {
  color: white;
  font-size: 16px;
  font-weight: 700;
}

.width-160 {
  width: 160px;
}

.width-110 {
  width: 110px;
}

.cube_mescoordonnees {
  padding: 18px 24px;
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background: #F9F9F9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.espaceclient {
  border-radius: 6px;
  border: 1px solid #EFEFEF;
}

.filter-button {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border: 1px solid #EFEFEF;
  background: #EFEFEF;
  cursor: pointer;
}

.filter-button:first-child {
  border-radius: 6px 0 0 0;
}

.filter-button:last-child {
  border-radius: 0 6px 0 0;
}

.filter-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.filter-button.active {
  background: #359AA5;
  color: white;
}

.commande {
  display: flex;
  padding: 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid #EFEFEF;
}

.commande-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}

.commande-info span {
  color: #292929;
}

.commande-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 65%;
}

.commande-status span {
  color: #292929;
  font-size: 14px;
  font-weight: 400;
}

.commande-status .montant {
  color: #FF780F;
  font-size: 14px;
  font-weight: 700;
}

.no-commandes {
  font-size: 14px;
}

.numero-colis a {
  color: #359AA5;
  text-decoration: underline;
}

.commande-montant {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 65px;
}

.commande-urlpay {
  background: #FFEED4;
}

.commande-unpaid {
  font-size: 12px;
  color: #9E360E!important;
  font-weight: 400;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.billing-addresses > address, .shipping-addresses > address {
  display: flex;
  flex-direction: column;
}

.addresses-title {
  font-weight: 600
}

.table-item-order {
  display: none;
}

.tbody-item-order td {
  border-top: none;
  ;width: 100%;
}

.tbody-item-order > tr {
  display: flex;
  padding: 16px;
  justify-content: space-between;
  border-bottom: solid 1px #EFEFEF
}

.item-body-order > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.item-body-order > div > div:first-child {
  width: 80px!important;
}

.item-body-order > div > div > div {
  aspect-ratio: unset!important;
}

.item-body-order > div > div > div > img {
  width: 80px;
}

.d-none {
  display: none!important;
}

.subtotal-item-order {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #292929;
  font-size: 14px;
  font-weight: 700;
}

.datatable {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #ddd;
}

.order-table {
  width: 100%;
  border-collapse: collapse;
}

.thead-order-list {
  background-color: #359AA5;
  color: #fff;
}

.thead-order-list th {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 16px;
  text-align: center;
}

.tbody-order-list td {
  text-align: center;
  padding: 12px 16px;
  vertical-align: middle;
}

.thead-order-list th > div, .tbody-order-list td > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.dropdown-fidelite {
  float: left;
  margin: 3px 0 0 8px;
  font-weight: 600;
  font-size: 18px;
  max-width: 100%
}

.benefice-club {
  font-size: 16px;
  font-weight: 600;
  color: var(--Orange, #FF780F);
  margin-top: 8px
}

.text-orange {
  font-size: 18px;
  font-weight: 700;
  color: #ff780f;
}

.default-address {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.custom-label-shipping {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lienfacture {
  color: var(--Fountain-Blue-500, #359AA5);
  font-size: 14px;
  font-weight: 600;
  text-decoration-line: underline;
}

.content-commande-detail {
  background: #FFF;
  padding: 32px;
  border-radius: 12px;
}

.detail-info-bar {
  display: flex;
  justify-content: space-between;
}

.lien-facture > a {
  font-weight: 600;
  text-decoration-line: underline;
  color: #359AA5;
}

.content-bloc-adresse {
  margin-top: 8px;
  margin-bottom: 24px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  align-items: stretch;
}

.content-bloc-adresse::before, .content-bloc-adresse::after {
  content: none;
  display: none;
}

.content-bloc-adresse > div {
  padding: 24px;
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  flex: 1 0 0;
}

.content-bloc-adresse > div > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.commande-detail-ligne-total {
  border-radius: 6px;
  background: var(--Fountain-Blue-200, #B9E5E8);
  padding: 16px;
  display: flex;
  gap: 7px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box ;
}

.commande-detail-ligne-total > div > span, .commande-detail-ligne-total > span {
  font-size: 14px;
  color: #162E36 ;
  font-weight: 700;
}

.commande-detail-ligne-total > td, .commande-detail-ligne-livraison > td {
  border-top: none;
}

.commande-detail-ligne-livraison {
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  padding: 16px;
  display: flex;
  gap: 7px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box ;
  margin-bottom: 8px;
}

.tail-expe {
  font-size: 16px;
  font-weight: 400;
}

.invoice-link {
  padding: 8px 16px;
  border-radius: 4px;
  background: #2B6673;
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  color: white;
  font-size: 12px;
  font-weight: 600;
}

.marg-log {
  margin-left: 37px;
  padding-top: 3px;
  width: 132px
}

.tx-exped {
  float: left;
  color: var(--Smooth-Grey-950, #292929);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 12px;
  margin-top: 0px;
  padding-bottom: 8px;
  max-width: 270px
}

.tx-exped2 {
  float: left;
  color: var(--Smooth-Grey-950, #292929);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 12px;
  margin-top: 12px;
  padding-bottom: 8px
}

.max-tx-pro {
  max-width: 270px
}

.bul-r-pro {
  border-radius: 12px;
  background: var(--General-Red, #FFE5E5);
  warning-circleComponent instance;padding: 16px;
  box-sizing: border-box;
}

.bbtt {
  background-color: #FF780F;
  border: 1px solid#FF780F;
  padding: 8px 18px;
  float: left;
  margin: 0 0 0 10px;
  color: white;
  border-radius: 20px;
  font-weight: 700;
}

.bbtt:hover {
  background-color: #FF9636;
  border: 1px solid#FF9636
}

.bbtt:active {
  background-color: #F25C05;
  border: 1px solid#F25C05
}

.bbtt2 {
  background-color: #ffffff;
  border: 1px solid#292929;
  padding: 8px 18px;
  float: left;
  margin: 0 0 0 10px;
  margin-bottom: 10px;
  border-radius: 20px;
  color: #292929;
  font-weight: 700;
}

.selected-row {
  border-radius: 4px;
  background: #FFD9A7;
  display: flex;
  align-items: center;
}

.selected-row > td > div > .pp-libelle-pieces, .selected-row > td > div > .pp-libelle-pieces > .pp-text-nbpieces, .selected-row > td > div > .pp-libelle-pieces > .pp-text-size, .selected-row > td > div > .pp-price-without-promotion, .selected-row > td > div > .pp-price {
  color: #9E360E;
}

.colo-ho:hover {
  background: var(--Smooth-Grey-100, #EFEFEF);
  border-radius: 4px;
}

.pagination-espace-client {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.link-pagination {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
}

.link-pagination.active {
  border-radius: 4px;
  background: #FFD9A7;
  color: #9E360E;
}

.lienfacture {
  color: var(--Fountain-Blue-500, #359AA5);
  font-size: 14px;
  font-weight: 600;
  text-decoration-line: underline;
}

.content-commande-detail {
  background: #FFF;
  padding: 32px;
  border-radius: 12px;
}

.detail-info-bar {
  display: flex;
  justify-content: space-between;
}

.lien-facture > a {
  font-weight: 600;
  text-decoration-line: underline;
  color: #359AA5;
}

.content-bloc-adresse {
  margin-top: 8px;
  margin-bottom: 24px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  align-items: stretch;
}

.content-bloc-commande {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 655px;
}

#modalCookieconscent.modal.fade .modal-dialog {
  transform: translate(0, 5%);
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2002;
  padding: 64px 128px;
  border-radius: 24px;
  background: #FFF;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px
}

.popup-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 10, 10, 0.9);
  z-index: 2001;
}

.popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.popup-title {
  color: #292929;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}

.popup-message {
  color: #292929;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
}

.popup-buttons {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.popup-button {
  border-radius: 6px;
  padding: 18px 36px;
  border: none;
  font-size: 16px;
  font-weight: 700;
  width: 208px;
  height: 55px;
}

.cancel-button {
  background: #fff;
  border: 1px solid #292929;
  color: #292929;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.cancel-button:hover {
  border: 1px solid #292929;
  background: #292929;
  color: white;
}

.cancel-button:active {
  background: #000;
  color: white;
}

.confirm-button {
  background: #FF780F;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  color: white;
  cursor: pointer;
}

.confirm-button:hover {
  background: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.confirm-button:active {
  background: #F25C05;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.08);
}

.select-product {
  padding: 6px 25px 6px 4px;
  border-radius: 2px;
  border: 1px solid #FF780F;
  width: 48px;
  height: 31px;
  line-height: normal;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('/images/asc_nr.svg');
  background-repeat: no-repeat;
  background-position: right 8px center;
  display: grid;
  grid-template-areas: "select";
}

.select-product::-ms-expand {
  display: none;
}

.select2-container .select2-selection--single {
  border-radius: 2px!important;
  border: 1px solid #FF780F !important;
  width: 48px!important;
  height: 31px!important;
}

.select2-dropdown {
  width: 48px!important;
}

.select2-selection__arrow {
  background-image: url('/images/asc_nr.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px !important;
  height: 15px !important;
  border: none;
  top: 7px !important;
  right: 7px !important;
}

.select2-selection__rendered {
  font-size: 12px;
}

.select2-selection__arrow b {
  display: none !important;
}

.select2-container--default .select2-results__option {
  line-height: 1;
}

.btn-produit-mob {
  display: none;
}

.prix-ml {
  float: right;
  margin-right: 10px
}

.ligne-recap-panier:not(:last-child) {
  border-radius: 1px;
  background: var(--Smooth-Grey-100, #EFEFEF);
  height: 1px;
  align-self: stretch;
  margin: 12px 0 ;
  float: left;
  width: 100%
}

#content-panier-recap, #content-infos-livraison, #content-infos-facturation {
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
  width: 100%;
}

.ban-ferm-recap {
  padding: 24px 32px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
}

.bloc-open-recap {
  padding: 24px 32px;
  border-radius: 6px;
  border: 1px solid var(--Fountain-Blue-500, #359AA5);
  background: var(--White, #FFF);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.content-adresse-livraison {
  display: flex;
  gap: 32px;
}

.bloc-menu-infoca.bloc-active {
  border: 1px solid var(--Orange, #FF780F);
}

#blockpr,#blockld,#blockrst,#adresse-livr,#choix-livr,#message-destinataire {
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
}

.pict-pan, #arrow-choix-livr, #arrow-message-destinataire {
  transition: transform 0.3s ease;
}

.custom-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.custom-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-radio .radio-btn {
  width: 12px;
  min-width: 12px;
  height: 12px;
  border: 1px solid #292929;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  transition: background-color 0.3s, border-color 0.3s;
  position: relative;
}

.custom-radio input[type="radio"]:checked + .radio-btn {
  background-color: transparent;
  border-color: #FF780F;
}

.custom-radio input[type="radio"]:checked + .radio-btn::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FF780F;
  z-index: 1;
}

.content-bloc-livraison {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ligne-bloc-livraison {
  display: flex;
  align-items: center;
}

.text-gratuit-bloc-livraison {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 0;
}

.franco-ml {
  font-weight: 700;
}

.titre-update-address {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}

.titre-update-address > span {
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  padding: 13px 18px;
  width: 286px;
  font-size: 14px;
  font-weight: 700;
}

.sstitle-update-address {
  font-size: 16px;
  font-weight: 600;
}

.pod-form-update-address {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.input-form-update-address {
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  padding: 18px 24px;
}

.input-form-update-address > .form-control {
  padding: 0;
  border: none;
  box-shadow: none;
}

.societe-wrapper {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-out;
}

.societe-wrapper.open {
  max-height: 500px;
}

.btn-form-update-address {
  display: flex;
  width: 305px!important;
  padding: 14px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #2B6673;
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: white;
  cursor: pointer;
}

.input-form-update-address > .form-control:focus, .has-success {
  border: none;
  box-shadow: none;
}

.legal-page {
  margin-top: 32px;
  text-align: justify;
}

.legal-header h1 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}

.legal-content {
  margin-top: 32px;
  clear: both;
}

.legal-content .section {
  margin-bottom: 32px;
}

.legal-content h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  text-decoration: underline;
}

.logo-legal {
  float: left;
  border: none;
  width: 145px;
  height: 18px;
  margin-top: 16px;
}

.company-info {
  margin-top: 12px;
}

address {
  margin-bottom: 0;
}

.legal-cgv, .plan-site {
  display: flex;
}

.legal-cgv h1, .plan-site h1 {
  margin: 15px 0;
  float: left;
  font-size: 24px;
  font-weight: 700;
  margin-top: 32px;
  margin-bottom: 32px
}

.sous-title-site-map {
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
  margin-top: 32px;
  padding-bottom: 10px;
}

.section-site-map {
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  background: var(--White, #FFF);
  padding: 32px;
  gap: 24px;
  border-radius: 12px;
  text-align: left;
  column-count: 3;
  column-gap: 40px;
}

section:first-of-type .section-site-map {
  column-count: 2;
}

.section-site-map a {
  display: ruby;
  width: 100%;
}

.bloc-menu-qui.block_active {
  border: 1px solid var(--Orange, #FF780F);
}

.txt-s-aide::placeholder {
  color: var(--Smooth-Grey-400, #989898);
}

.search-aide:hover {
  border: 1px solid var(--Smooth-Grey-400, #989898);
}

.search-aide:hover .txt-s-aide::placeholder {
  color: #292929;
}

.search-aide.focused {
  border: 1px solid var(--Fountain-Blue-500, #359AA5);
}

#newsletter-form {
  display: flex;
}

.content-add-address {
  display: flex;
  justify-content: flex-end;
}

.content-add-address a {
  color: #FF780F;
  text-decoration: underline;
  background-color: unset;
  background-image: unset;
}

.content-add-address a:hover, .content-add-address a:active, .content-add-address a:focus {
  text-decoration: underline;
  color: #FF780F;
  background-color: unset;
  background-image: unset;
  box-shadow: unset;
}

.content-add-address a::before {
  content: " + ";
}

.title_page {
  font-size: 18px;
  font-weight: 700;
}

.order-number {
  color: #ff780f;
  font-weight: bold;
}

.bouton-commande {
  display: flex;
  justify-content: flex-end;
}

.bouton-commande > a {
  text-align: center;
  padding: 18px 36px;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  background: var(--Orange, #FF780F);
  border-radius: 6px;
  border: 0;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.bouton-commande > a:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

.gestion-adresses {
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.card-body {
  width: 100%;
}

.badge-title-address, .badge-title-status {
  font-size: 16px;
  font-weight: 700;
  color: #FF780F;
  background-color: unset;
  padding: 0;
  width: 100%;
  text-shadow: none
}

.badge-title-address::after, .badge-title-status::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #EFEFEF;
  margin: 8px 0;
  ;}

.address-section-custom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.dashboard-section-custom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  margin-bottom: 12px;
}

.dashboard-custom-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.address-book-custom-buttons button {
  color: #292929;
  background-color: unset;
  font-size: 14px;
}

.dashboard-custom-buttons > a:hover, .address-book-custom-buttons > a:hover, .address-book-custom-buttons button:hover {
  color: #292929;
  background-color: unset;
  box-shadow: unset;
}

.dashboard-custom-buttons > a:active, .address-book-custom-buttons > a:active {
  box-shadow: none;
}

#save-changes, #add-address {
  text-align: center;
  padding: 18px 36px;
  box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
  background: var(--Orange, #FF780F);
  border-radius: 6px;
  border: 0;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  margin-top: 8px;
}

#save-changes:hover, #add-address:hover {
  background-color: #FF9636;
  box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
}

#save-changes:active, #add-address:active {
  background-color: #F25C05
}

form[name="sylius_shop_change_password"] > div, form[name="sylius_shop_customer_profile"] > div, form[name="sylius_shop_address"] > div:not(:last-of-type) {
  display: flex;
  flex-direction: column;
}

form[name="sylius_shop_change_password"] > div > div, form[name="sylius_shop_customer_profile"] > div > div, form[name="sylius_shop_address"] > div > div {
  display: flex;
  flex-direction: column;
}

form[name="sylius_shop_change_password"] > div > div > label, form[name="sylius_shop_customer_profile"] div div label, label[for="sylius_shop_customer_profile_phoneNumber"], form[name="sylius_shop_address"] div div label {
  font-weight: 400;
  font-size: 14px;
  margin-top: 32px;
  margin-bottom: 0;
}

form[name="sylius_shop_change_password"] > div > div > input, form[name="sylius_shop_customer_profile"] div div input, #sylius_shop_customer_profile_phoneNumber, form[name="sylius_shop_address"] div div input {
  padding: 18px 24px;
  border-radius: 6px;
  border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  float: left;
  max-width: 450px;
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #989898;
  box-sizing: border-box;
}

form[name="sylius_shop_change_password"] > div > div > input:focus, form[name="sylius_shop_customer_profile"] div div input:focus, #sylius_shop_customer_profile_phoneNumber:focus, form[name="sylius_shop_address"] div div input:focus {
  border-color: #359AA5;
}

.form-group-firstname,.form-group-lastname, .form-group-birthday, .form-group-gender, #sylius_shop_address > div > div > div {
  padding: 0;
  width: 100%;
}

#sylius_shop_customer_profile_gender, #sylius_shop_address_countryCode {
  margin: 8px 0 0 0;
  padding: 0px 24px;
  height: 58px;
  width: 100%;
  max-width: 450px;
}

form[name="sylius_shop_address"] > div:last-of-type {
  display: flex;
  gap: 24px;
  align-items: center;
}

form[name="sylius_shop_address"] > div:last-of-type > .btn {
  color: #292929;
  font-weight: 600;
  padding: 18px 36px;
  border: 1px solid #292929;
  border-radius: 6px;
  margin-top: 8px;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  cursor: pointer;
  height: 56px;
  box-sizing: border-box;
}

form[name="sylius_shop_address"] > div:last-of-type > .btn:hover {
  background-color: #292929;
  color: white;
}

.tbody-order-list > tr > td {
  border-top: none;
}

.tbody-order-list > .not-paid {
  background: #FFEED4;
}

.actions-wrapper > div > #show:hover {
  background-color: unset;
  text-decoration: underline;
  color: #292929;
}

.total-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  font-weight: 700;
  color: #FF780F;
  gap: 6px;
}

.actions-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px
}

.pay {
  padding: 8px 16px;
  border-radius: 4px;
  background: var(--International-Orange-500, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  color: white;
  font-size: 12px;
  font-weight: 600;
}

.text-not-paid {
  font-size: 12px;
  color: #9E360E;
  font-weight: 400;
  padding: 4px;
  display: flex;
  align-items: center;
  text-align: left;
  gap: 4px;
  line-height: normal;
}

.swal2-backdrop-show {
  z-index: 2000;
}


.glob-div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.glob-div {
  display: flex;
  align-items: center;
}

/* .steps .steps-item {display: flex;align-items: center;} */
.steps .steps-item:not(:last-child)::after {
  content: '';
  display: inline-block;
  width: 10px ;
  height: 20px ;
  margin: 0 1rem;
  background-image: url(/images/arrow_right-o-pp.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 20px !important;
  margin: 20px 32px;
}

.steps .steps-item:nth-child(1)::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 20px;
  margin: 0 1rem;
  background-image: url(/images/arrow_right-b-pp.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 20px !important;
  margin: 20px 32px;
}

.steps .steps-item-active a::before {
  content: none;
  position: unset;
  width: calc(100% - 3px);
  height: 0;
  border-radius: 0;
  background-color: unset;
}

/* Default disabled styling */
.steps .steps-item .ret-1, .steps .steps-item .ret-2, .steps .steps-item .ret-3 {
  background-color: #ccc;
  color: white;
}

/* Cart page styling */
body[data-route="sylius_shop.cart"] .steps .steps-item:nth-child(1) .ret-1 {
  background-color: var(--International-Orange-200, #FF780F) !important;
  color: white !important;
}

/* Shipping page styling */
body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:nth-child(1) .ret-1 {
  background-color: var(--International-Orange-200, #FFD9A7) !important;
  color: white !important;
}

body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:not(:last-child)::after {
  background-image: url(/images/arrow_right-b-pp.svg) !important;
}

body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:nth-child(1)::after {
  background-image: url(/images/arrow_right-o-pp.svg) !important;
}

/* body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:nth-child(1)::after {background-image: url(/images/arrow_right-b-pp.svg) !important;} */
body[data-route="sylius_shop_checkout_select_shipping"] .steps .steps-item:nth-child(2) .ret-2 {
  background-color: var(--International-Orange-200, #FF780F) !important;
  color: white !important;
}

/* Payment page styling */
body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(1) .ret-1 {
  background-color: var(--International-Orange-200, #FFD9A7) !important;
  color: white !important;
}

body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(1)::after {
  background-image: url(/images/arrow_right-o-pp.svg) !important;
}

body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(2) .ret-2 {
  background-color: var(--International-Orange-200, #FFD9A7) !important;
  color: white !important;
}

body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(2)::after {
  background-image: url(/images/arrow_right-o-pp.svg) !important;
}

body[data-route="sylius_shop_checkout_select_payment"] .steps .steps-item:nth-child(3) .ret-3 {
  background-color: var(--International-Orange-200, #FF780F) !important;
  color: white !important;
}

body[data-route="sylius_shop_checkout_select_payment"] .inti-2 {
  color: #292929;
  font-weight: 400;
}

body[data-route="sylius_shop_checkout_select_payment"] .inti-3 {
  color: #292929;
  font-weight: 600;
}

.content-select-shipping {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

@keyframes slideDown {
  from {
      height: 0;
      visibility: hidden;
  }

  to {
      height: 162px;
      visibility: visible;
  }
}

@keyframes slideUp {
  from {
      height: 162px;
      visibility: visible;
  }

  to {
      height: 0;
      visibility: hidden;
  }
}

@media (min-width: 992px) {
  .bloc-srch {
      padding: 18px 0px;
      width: 114px;
      justify-content: center;
      align-items: center;
      gap: 16px;
      border-radius: 12px;
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      background: var(--White, #FFF);
      cursor: pointer
  }
}

@media (min-width: 1200px) {
  .col-xl-custom-3-5 {
      width: 30%;
  }

  .col-xl-custom-7-5 {
      width: 63%;
  }
}

@media (min-width: 900px) and (max-width:1180px) {
  .bloc-btes-pp {
      padding:24px;
  }

  div.liste_boites img.boite {
      width: 145px;
  }

  #img_box {
      max-width: 84%;
  }

  .marg-box-p {
      margin: 0px;
      padding: 0;
      width: 19%;
      float: left;
      margin-right: 20px
  }

  .val-pp {
      width: 80%
  }

  .bloc-blanc-pp {
      float: left;
      color: #292929;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin-top: 4px;
      margin-left: 3px;
      width: 270px
  }

  .bloc-pp {
      padding: 24px 8px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 12px;
      flex: 1 0 0;
      align-self: stretch;
      border-radius: 12px;
      float: left;
  }

  .puce-pp {
      float: left;
      margin: 0px;
      margin-top: 50px
  }
}

@media (min-width: 0px) and (max-width:1120px) {
  .rupture-produit-list {
      font-weight: 400;
      font-size: 11px
  }

  .categorie-produit-list {
      font-size: 11px;
  }

  .enstock-produit-list {
      font-size: 11px;
  }

  div.liste_boites img.boite {
      width: 140px;
  }

  #img_box {
      max-width: 84%;
  }

  #div_img_wrapper_pp {
      display: flex;
      justify-content: center;
  }

  .nbr-piecesacc {
      width: 110px;
  }

  .blocinfo-produit {
      float: left;
      margin-top: 32px;
      width: 40%
  }
}

@media (min-width: 0px) and (max-width:1150px) {
  .txt-blog {
      float:right;
      width: 66%
  }

  .change-select {
      align-items: center;
      padding: 12px 0px;
      font-weight: 600;
      float: none;
      width: 100%;
      text-align: center;
      margin-bottom: 8px
  }

  .change-f-select {
      align-items: center;
      padding: 12px 0px;
      font-weight: 600;
      float: none;
      width: 100%;
      text-align: center;
      max-height: 40px;
  }
}

@media (min-width: 0px) and (max-width:1200px) {
  .blc-pa-ter {
      width:100%;
      box-sizing: border-box
  }

  .blc-pa-of {
      width: 100%;
      margin-top: 16px!important;
      margin-bottom: 64px;
  }

  .position-p .span9page {
      width: 100%
  }
}

@media (min-width: 992px) and (max-width:1200px) {
  .header_fixe_web {
      padding-left:15px;
      padding-right: 15px;
      box-sizing: border-box
  }

  .header_nonfixe_web {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box
  }

  .div_footer_web {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box
  }
}

@media (min-width: 0px) and (max-width:500px) {
  .option-pt {
      float:left;
      max-width: 260px;
  }

  .top-pt {
      margin-top: 12px;
      float: left;
      clear: left;
      width: 100%
  }
}

@media (min-width: 992px) and (max-width:1200px) {
  .titr-pp-o {
      font-size: 21px;
  }

  .cub-mar-t-w2 {
      height: 255px
  }

  div.presentation {
      display: block;
      margin-right: -15px;
      margin-left: -15px;
      margin-top: 6px;
  }

  div.presentation span {
      padding-left: 15px
  }

  .menu-desktop {
      margin-right: -15px;
      margin-left: -15px;
      width: 110%
  }
}

.aut-per {
  font-size: 16px;
  font-weight: 700;
  min-width: 174px
}

@media (min-width: 0px) and (max-width:991px) {
  .content-new-sticker {
      top: 0px;
      z-index: 2;
  }

  .image-loader-container {
      border-radius: 0!important;
  }

  .image-loader-container img, .cube-prod > div > a > img {
      height: 174px;
      object-fit: cover;
      border-radius: 0;
  }

  .aut-per {
      font-size: 12px;
  }

  .bloc-together {
      box-shadow: 0px 0px 0px 0px rgba(41, 41, 41, 0.08)!important;
  }

  .bul-r-pro {
      border-radius: 12px;
      background: var(--General-Red, #FFE5E5);
      warning-circleComponent instance;padding: 16px;
      height: 95px;
      box-sizing: border-box;
      margin-top: 24px
  }

  .benefice-club {
      font-size: 14px;
  }

  .background-mobile, .back-espace-client {
      background-color: #FFFFFF;
  }

  .pieces-fab {
      margin-top: 12px
  }

  .taillty {
      font-size: 14px!important
  }

  .btn-tot-w {
      width: 100%!important
  }

  .pho-tmar {
      display: block
  }

  .blc-dec-ma {
      padding: 12px 24px;
      border-radius: 4px;
  }

  .dec-ma {
      font-size: 12px;
  }

  .consul-de {
      margin-top: 0px
  }

  .fl-lir-sui {
      height: 18px;
      width: 18px;
      margin-top: 2px
  }

  .lir-sui {
      font-size: 14px;
  }

  .btn-blog:hover {
      font-size: 12px;
      padding: 12px 24px;
  }

  .activ-blog {
      font-size: 12px;
      padding: 12px 24px;
  }

  .btn-blog {
      font-size: 12px;
      padding: 12px 24px;
  }

  .tag-blog {
      padding: 4px 8px;
      font-size: 10px
  }

  .carousel-wrapper-categories {
      padding-bottom: 0;
      width: 100%;
  }

  .marg-blog2 {
      margin-bottom: 0
  }

  .tai-tx-bl {
      font-size: 14px
  }

  .wishlist-produit-consulte {
      margin: 0px;
  }

  .txttal {
      font-size: 12px
  }

  .margpa32 {
      margin-bottom: 0px
  }

  .bt-pp-pa {
      padding: 14px 24px;
      font-size: 14px;
  }

  .btn-produit-p {
      font-size: 14px;
  }

  .emal-pa {
      padding-top: 0px
  }

  .marg-panier-bo {
      margin-bottom: 32px
  }

  .t-tx-men {
      font-size: 12px
  }

  .bord-ra-p {
      border-radius: 6px;
  }

  .pourmob-mar {
      margin-right: 15px
  }

  .bes-aide-f {
  }

  .pass-liv {
      padding: 14px 24px!important;
      font-size: 14px;
  }

  .ret-p2 {
      height: 14px;
      width: 14px;
      float: left;
      margin-top: 4px
  }

  .ret-pp2 {
      font-size: 10px;
  }

  .lignes-produit {
      font-size: 14px
  }

  .slider-text-marque {
      font-size: 14px
  }

  .maar-g {
      margin: 32px 0 0 0
  }

  .ar-prod {
      color: #292929;
      font-weight: 600;
      font-size: 10px
  }

  .fil-a-produi {
      display: none
  }

  .taill-tx-pani {
      font-size: 14px;
      font-weight: 700;
  }

  .marqueCaracteristiqueProduit {
      padding-bottom: 14px;
      padding-top: 14px
  }

  .marg-offer-t {
      margin-bottom: 24px
  }

  .bot32 {
      margin-bottom: 0px
  }

  .pict-offer {
      float: none;
      text-align: center
  }

  .btn-sec2 {
      margin-bottom: 8px!important;
      box-sizing: border-box;
      max-width: 500px!important
  }

  .ti-offer {
      font-size: 18px;
      margin-left: 0px;
      text-align: center;
      margin-top: 18px
  }

  .btn-sec {
      font-size: 14px;
      border: 0px;
      margin: 0 auto;
      text-decoration: underline;
      border: 1px solid var(--Smooth-Grey-950, #292929);
      width: 100% ;
      font-weight: 600;
      padding: 14px 0;
      text-decoration: none ;
      height: 20px;
      max-width: 400px;
  }

  .top32of {
      margin-top: 0px
  }

  .marg-ter {
      margin-top: 32px
  }

  .bandeau-pan {
      padding: 16px 0px;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }

  body[data-route="sylius_shop_checkout_select_shipping"] .position-p, body[data-route="sylius_shop_checkout_select_payment"] .position-p {
      padding: 0 16px;
  }

  body[data-route="sylius_shop_checkout_select_shipping"] .recap-panier, body[data-route="sylius_shop_checkout_select_payment"] #cadre_infos_facturation {
      margin-bottom: 32px;
  }

  .position-p {
      padding: 0px;
  }

  .a_ariane {
      font-size: 11px
  }

  .marg-tins {
      margin: 32px 0!important;
      font-size: 18px;
      font-weight: 700;
  }

  .PodBlanc {
      padding: 24px
  }

  .sec-espc {
      float: left;
      width: 100%;
      height: 1px;
      align-items: center;
      margin: 0;
      background: var(--Smooth-Grey-100, #EFEFEF);
      margin: 0
  }

  .tit-esc-c {
      font-size: 14px;
      padding: 16px 24px;
      margin-top: 0px;
      clear: left;
      float: left;
      line-height: normal
  }

  .tit-esc-c:hover {
      background: var(--Smooth-Grey-100, #ffffff);
      width: 80%
  }

  .en-svplus {
      font-size: 14px
  }

  .fidel-txt {
      font-size: 14px;
  }

  .tit-es-c {
      font-weight: 700;
      font-size: 16px;
      margin: 0;
      line-height: normal
  }

  .offre-text-image {
      flex-direction: column;
  }

  .total-produit-card {
      font-size: 10px;
  }

  .content_zoom_cubeproduit {
      flex-direction: column;
      gap: 18px;
  }

  .modal-body {
      padding-left: 15px;
      padding-right: 0;
      padding-top: 1px;
      padding-bottom: 5px;
      max-height: 100%;
  }

  .tail-qui {
      font-size: 14px;
  }

  .dat-qui {
      font-size: 18px;
  }

  .contmob-sa {
      margin-left: 0px!important;
      margin-right: 0px!important;
  }

  .pos-im-q {
      float: left;
      width: 100%
  }

  .pos-txt-q {
      font-size: 14px;
      font-weight: 400;
      gap: 12px;
      float: right;
      width: 100%;
      line-height: normal;
      margin-top: 24px;
      margin-bottom: 32px
  }

  .zone-hors-puzzle:last-child {
      margin: 0 auto 24px;
      padding-right: 30px
  }

  .bloc-btn-select-pp {
      flex-direction: column;
  }

  .marg-ann {
      margin-top: 0px
  }

  .ti-qui {
      font-size: 18px;
  }

  .ss-ti-qui {
      font-size: 16px;
      font-weight: 700;
      margin-top: 12px;
      margin-bottom: 24px
  }

  .cart-pag {
      height: 43px;
      width: 43px;
      cursor: pointer
  }

  .bt-clie {
      width: 100% !important;
      padding: 14px 24px;
      font-size: 14px;
  }

  .ti-pag {
      float: left;
      width: 81%
  }

  .tail-champ-c {
      max-width: 100%
  }

  .contclient {
      min-height: 300px;
      box-sizing: border-box;
  }

  .pres-esp {
      width: 100%;
      margin-top: 0px;
      margin-bottom: 32px;
  }

  .champ-cli {
      width: 100%;
      box-sizing: border-box;
      padding: 14px 12px;
  }

  .titre-es-client {
      font-weight: 600;
      font-size: 16px;
      line-height: normal;
  }

  .titre-es-client2 {
      font-weight: 600;
      font-size: 14px;
      line-height: normal;
  }

  .titre-es-client-ti {
      font-weight: 700;
      font-size: 18px;
      line-height: normal;
      color: var(--Orange, #FF780F);
      margin-bottom: 4px
  }

  .monEspaceClient {
      gap: 0px;
      display: flex;
      background-color: white;
  }

  input[name="nl_email"] {
      width: 100%!important;
      box-sizing: border-box;
  }

  .col-xl-custom-3-5, .col-xl-custom-7-5 {
      box-sizing: border-box;
  }

  .menu-left-account {
      padding: 0;
  }

  .intro-esc {
      font-size: 18px;
      font-weight: 700;
      margin-top: 0px;
      z-index: 1;
      position: absolute;
      margin: 0;
      color: #292929;
      float: left;
      clear: left
  }

  .blc-es-1 {
      width: 100%;
      float: left;
      margin-right: 0px;
      margin-top: 64px;
      display: none
  }

  .blc-es-11 {
      width: 100%;
      float: left;
      margin-right: 0px;
      margin-top: 64px;
      display: block
  }

  .slick-track {
      margin-left: 0px;
  }

  .haut-r {
      margin-left: auto;
      margin-right: auto;
      max-width: 1120px;
      width: 100%;
  }

  .ti-news-t {
      font-size: 18px;
  }

  .txt-news {
      font-size: 13px
  }

  .mentions {
      font-size: 14px;
  }

  .acces-r {
      font-size: 13px
  }

  .font-titre {
      font-size: 18px;
  }

  .maltop {
      margin-top: 32px
  }

  .top-w-f {
      margin-bottom: 24px;
  }

  .filter-tag {
      padding: 6px 12px;
      font-size: 10px
  }

  .adapt-mo {
      margin-top: -10px;
      margin-right: 24px
  }

  .slider-new > .slick-list {
      padding-bottom: 12px;
  }

  .acc-cont-f {
      margin-top: 32px;
      gap: 32px;
  }

  .blc-new-marques {
      margin-bottom: 16px
  }

  .cub-mar-t-w {
      width: 100%;
      height: 208px;
  }

  .cub-mar-t-w2 {
      width: 100%;
      height: 175px;
  }

  .img-blc-marq {
      display: block;
      width: 100%;
      border-radius: 12px;
      overflow: hidden
  }

  .blc-marques {
      width: 100%;
      margin-bottom: 18px;
      margin-top: 16px;
      display: block;
      gap: 0
  }

  .pos-marq-w {
      height: 208px
  }

  .pos-marq-w2 {
      height: 175px
  }

  .bl-tx {
      font-size: 16px;
  }

  .titr-wrap {
      font-size: 16px;
  }

  .blc-sans {
      display: none
  }

  .prim-blc {
      width: 50%;
      float: left;
      height: 235px
  }

  .prim-ment {
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      margin-top: 0px
  }

  .blc-prim {
      display: block
  }

  .pad-prim {
      padding: 0 7px 0 0
  }

  .pad-prim2 {
      padding: 0 0 0 7px
  }

  .float-pril {
      float: none;
  }

  .btn-new-fr3 {
      border-radius: 4px;
      box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
      font-size: 14px;
      max-width: 380px;
      padding: 14px 23px;
      width: 100%;
      box-sizing: border-box;
      margin: 0 auto;
      transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  }

  .es-inf-m {
      width: 100%;
      display: block;
  }

  .wi-18 {
      width: 100%
  }

  .wi-80 {
      width: 100%
  }

  .bloc-mob-inf {
      margin-left: 0px!important;
      margin-right: 0px!important;
  }

  .s-tx-or {
      margin: 16px 0;
      text-align: center
  }

  .titres-or {
      font-size: 16px;
  }

  .btn-new-fr3:hover {
      background-color: #FF9636;
      box-shadow: 0px 8px 12px 0px rgba(69, 21, 5, 0.12);
  }

  .btn-new-fr3:active {
      background-color: #F25C05
  }

  .cart-cl {
      margin-right: 0px;
      width: 141px;
      height: 130px;
      margin: 0 auto;
      text-align: center;
      float: none
  }

  .wei-700 {
      font-weight: 700;
      font-size: 14px;
      text-align: center!important;
      margin-top: 16px
  }

  .ti-marques {
      font-size: 18px;
      font-weight: 800;
      color: #ffffff ;
      margin-bottom: 12px
  }

  .font-marq-titre {
      font-weight: 600;
      font-size: 13px
  }

  .des-marques {
      color: #ffffff;
      font-size: 13px;
      font-weight: 300;
      line-height: normal;
      display: flex;
      flex-direction: column;
      gap: 12px;
      clear: left;
      max-width: 1000px
  }

  .font-marq-b {
      font-weight: 600
  }

  .bloc-marques {
      padding-right: 0px;
      background: var(--Fountain-Blue-700, #2B6673);
      margin-top: -47px ;
      padding: 64px 0px 12px 0px;
      margin-left: -16px;
      margin-right: -16px;
      margin-bottom: 15px
  }

  .im-marques {
      float: left;
      margin-right: 0px;
      margin-bottom: 12px;
      overflow: hidden;
      height: 194px;
      border-radius: 6px;
      width: 100%
  }

  .i-marques {
      width: 100%!important;
      border-radius: 6px;
      margin-top: -50px
  }

  .ss-bloc-marques {
      margin-left: auto;
      margin-right: auto;
      max-width: 1120px;
      margin-bottom: 24px;
      padding: 0 16px;
      display: flex;
      flex-direction: column;
  }

  .decal-l {
      margin-left: 0px
  }

  .chec-in {
      float: left;
      margin-right: 8px
  }

  .btn-wb {
      width: 100%!important;
      box-sizing: border-box;
      max-width: 295px!important;
      padding: 14px 24px;
      font-size: 14px;
  }

  .btn-wb3 {
      width: 100%!important;
      max-width: 400px;
      box-sizing: border-box;
      font-size: 14px;
      height: 44px;
      border-radius: 4px;
  }

  .btn-wb2 {
      width: 100%;
      box-sizing: border-box;
      max-width: 295px;
      padding: 14px 24px;
      font-size: 14px;
      border-radius: 4px;
      border: 1px solid var(--Smooth-Grey-950, #292929)!important;
      background: var(--White, #FFF);
      text-decoration: none!important;
      margin-top: 8px!important;
      margin-left: 0!important;
      clear: left
  }

  .mail-sav {
      float: left;
      margin-top: 16px;
      margin-bottom: 8px;
      font-size: 14px
  }

  .mail-sav2 {
      float: left;
      margin-top: 0px;
      margin-bottom: 8px;
      font-size: 14px;
  }

  .lab-txt {
      margin: 0px
  }

  .container {
      margin-left: 16px;
      margin-right: 16px;
  }

  .mob-marg {
      margin: 0!important
  }

  .spac-faq {
      margin-top: 0px;
      margin-bottom: 0px
  }

  .help-cont {
      font-size: 16px;
      font-weight: 400;
      margin-top: 24px;
      float: left
  }

  .text-small-faq {
      font-weight: 400;
      font-size: 14px;
      margin-right: 0
  }

  .text-small-faq2 {
      font-size: 14px;
      margin-top: 12px;
      margin-right: 0px
  }

  .flex-hel {
      display: flex;
      align-items: center;
      align-self: stretch;
      cursor: pointer
  }

  .tail-help {
      font-size: 14px !important;
  }

  .help-circl {
      float: right;
      width: 24px;
      height: 24px
  }

  .englob-sch {
      flex-direction: column;
  }

  .actif-search {
      box-shadow: 0px 3px 6px 0px rgba(41, 41, 41, 0.08);
      border-radius: 6px;
      background: var(--White, #FFF);
      padding: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      border: 0;
  }

  .actif-tx-s {
      font-size: 16px;
      font-weight: 600;
      float: left;
      color: #292929
  }

  .marg-hel {
      padding: 24px 0px 0px 0px;
  }

  .list-ques2 h5 {
      max-width: 255px
  }

  .content-bloc-srch {
      box-shadow: 0px 3px 6px 0px rgba(41, 41, 41, 0.08);
      border-radius: 6px;
      background: var(--White, #FFF);
      padding: 24px;
      display: block;
      width: 100%;
      border: 0;
      float: left;
      justify-content: flex-start;
      background-image: url(/images/nav-arrow-down-n-pan.svg);
      background-repeat: no-repeat;
      background-position: top 33px right 24px;
      box-sizing: border-box;
  }

  .content-bloc-srch {
  }

  .pict-search {
      margin: 0;
      float: left;
      margin-left: 0
  }

  .txt-search {
      font-size: 16px;
      font-weight: 600;
      float: left;
      margin-left: 16px
  }

  .img-rcs {
      float: left;
      height: 32px;
      width: 32px
  }

  .search-aide {
      width: 100%;
      margin-top: 24px;
      margin-bottom: 24px;
      padding: 8px 24px;
      border-radius: 100px;
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      background: var(--White, #FFF);
      box-sizing: border-box
  }

  .bt-aide {
      height: 18px;
      width: 18px;
      background-color: #ffffff
  }

  .txt-s-aide {
      padding: 6px 0 6px 12px;
      font-style: italic;
      font-size: 12px;
      color: #989898
  }

  .ens-c-marq {
      gap: 8px;
  }

  .cub-marq {
      flex: 0 0 calc(50% - 4px);
      box-sizing: border-box;
  }

  .bloc-ex-m {
      flex-direction: column;
      align-items: flex-start;
  }

  .lien-mar-url {
      margin-top: 12px;
      clear: left;
      font-size: 14px
  }

  .arian-marq {
      margin-top: 8px;
      font-size: 10px;
  }

  .titr-marq {
      font-size: 18px;
      font-weight: 700;
  }

  .marg-marq {
      padding: 24px 0px 64px 0px;
  }

  .solution-marq {
      font-size: 16px;
  }

  .txt-marq {
      font-size: 14px;
  }

  .marg-mar-8 {
      margin-top: 8px
  }

  .aut-marq {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 14px;
      margin-top: 32 px
  }

  .txt-ex-marq {
      font-size: 14px!important;
      font-weight: 400;
      align-self: stretch;
      clear: left
  }

  .lien-ma {
      float: left;
      width: 132px;
      flex: auto;
  }

  .chx-pai {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 16px
  }

  .tail-pict-h {
      width: 80px;
      margin-top: 3px
  }

  .text-trans {
      color: var(--Orange, #FF780F);
      font-size: 14px;
      font-weight: 600;
      float: left;
      margin-left: 12px ;
      max-width: 198px
  }

  .box-trans {
      border-radius: 6px;
      border: 1px solid var(--Orange, #FF780F);
      padding: 16px;
      width: 100%;
      box-sizing: border-box ;
  }

  .pict-pan {
      float: left;
      height: 18px;
      width: 18px;
      cursor: pointer;
      margin-top: 2px
  }

  .box-transoff {
      border-radius: 6px;
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      padding: 16px;
      width: 100%;
      box-sizing: border-box;
  }

  .pass-paie-pan {
      padding: 24px
  }

  .btn-pass-pan, .btn-pass-paiement {
      padding: 14px;
      font-size: 14px;
      border-radius: 4px
  }

  .marg-pan-re {
      margin-top: 34px
  }

  .bloc-ad-pan {
      border: 1px solid #ccc;
      padding: 24px;
      border: 1px solid var(--Fountain-Blue-500, #359AA5);
      border-radius: 0px 0px 6px 6px;
  }

  .ad-pan-li {
      padding: 0 ;
      border-right: 0px;
      padding-right: 0px
  }

  .ad-li-p {
      font-size: 12px;
      font-weight: 600;
  }

  .pad24 {
      padding-top: 24px;
      font-size: 12px;
      font-weight: 400;
  }

  .modif-pan-a {
      margin-top: 12px;
      max-width: 500px;
      margin-bottom: 24px;
  }

  .marg-pan-du {
      padding: 0 ;
      padding-left: 50px;
      padding-left: 0
  }

  .factu-pan {
      font-size: 12px;
      font-weight: 400;
      margin: 0 0 24px 0
  }

  .bt-pan-v {
      border-radius: 4px;
      background: var(--Orange, #FF780F);
      box-shadow: 0px ;
      display: flex;
      padding: 14px 24px;
      justify-content: center;
      align-items: center;
      gap: 12px;
      color: var(--White, #FFF);
      text-align: center;
      font-size: 14px;
      font-weight: 700;
      float: none;
  }

  .recap-plusp {
      margin-top: 0;
      padding-left: 0px;
      margin-top: 16px
  }

  .disp-pan {
      display: flex;
      margin-left: auto;
      margin-right: auto;
      margin-top: 24px;
  }

  .cont-ar2 {
        flex-direction: row !important;
        padding: 0px;
        justify-content: center !important;
        align-items: center;
        align-self: stretch;
  }

  .bloc-p-ti {
      border-radius: 6px 6px 0px 0px;
      background: var(--Fountain-Blue-500, #359AA5);
      padding: 24px;
      color: #ffffff
  }

  .choix-p-ad {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      float: left
  }

  .pan-tit {
      color: var(--White, #FFF);
      font-size: 14px;
      font-weight: 600;
      margin-top: 6px
  }

  .m-pan {
      display: flex;
      gap: 10px;
  }

  .choi-pan-a {
      margin: 0px;
      display: flex;
      width: 165px;
      padding: 4px 12px;
      justify-content: space-between;
      border-radius: 4px;
      border: 1px solid var(--Smooth-Grey-300, #BDBDBD);
      background: #FFF;
  }

  .ajout-pan {
      text-align: right;
      padding-top: 3px;
      line-height: 24px;
      margin-left: 10px
  }

  .ajout-pan-t {
      color: var(--White, #FFF);
      font-size: 12px;
      font-weight: 400;
  }

  .arg-pan-du {
      padding: 0 ;
      padding-left: 50px;
  }

  .pad-t-12 {
      padding-top: 12px;
  }

  .ban-ferm-pan {
      border-radius: 6px;
      display: flex;
      padding: 24px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      color: #292929;
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      background: var(--White, #FFF);
  }

  .pad-t3 {
      padding-top: 3px;
  }

  .bloc-fer-ty {
      font-size: 14px;
      font-weight: 600;
      float: left;
  }

  .bloc-pan-ouv {
      border-radius: 6px 6px 0 0;
      display: flex;
      padding: 24px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      color: #ffffff;
      background: var(--Fountain-Blue-500, #359AA5);
  }

  .txt-pan-ouv {
      font-size: 14px;
      font-weight: 600;
      float: left;
      margin-top: 4px
  }

  .txt-de-pp {
      color: var(--Orange, #FF780F);
      font-weight: 600;
      text-align: center
  }

  .encart-pan-b {
      border-radius: 0px 0px 6px 6px;
      border: 1px solid var(--Fountain-Blue-500, #359AA5);
      background: var(--White, #FFF);
      display: flex;
      padding: 24px;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      align-self: stretch;
      margin-bottom: 32px
  }

  .disp-pan {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-top: 16px;
  }

  .separ-p1 {
      display: none
  }

  .mar-bot-p {
      display: none
  }

  .test-tt {
      display: flex;
      flex-direction: column;
      gap: 24px;
  }

  .content-adresse-livraison {
      display: block;
  }

  .bandeau-pan {
      padding: 16px;
      font-size: 16px;
      font-weight: 700;
  }

  .blc-pan-log {
      width: auto;
      padding: 0;
      float: none!important ;
      background-color: #FAFAFA
  }

  .mar-bot-p {
      margin-bottom: 79px;
  }

  .ferm-pan {
      float: right;
      margin-right: -39px;
      cursor: pointer
  }

  .marg-com-p {
      margin-top: 0px
  }

  .con-p {
      font-size: 18px;
      font-weight: 600;
      text-align: center;
  }

  .int-p {
      padding: 12px;
      border-radius: 4px;
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      background: var(--White, #FFF);
      color: #989898;
      font-size: 12px;
      font-weight: 400;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
  }

  .txt-md-p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 8px;
      margin-top: 18px
  }

  .ch-o-p {
      font-size: 12px;
      font-size: 10px;
      font-style: normal;
      font-weight: 400;
      float: right;
      margin-top: 12px;
  }

  .cont-p {
      display: flex;
      padding: 14px 24px;
      justify-content: center;
      align-items: center;
      gap: 12px;
      align-self: stretch;
      border-radius: 6px;
      background: var(--Orange, #FF780F);
      box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
      color: var(--White, #FFF);
      text-align: center;
      font-size: 16px;
      font-weight: 700;
      line-height: normal;
      width: 100%;
      border: 0;
      cursor: pointer
  }

  .adr-p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 8px
  }

  .oub-p {
      text-align: center;
      margin-top: 8px
  }

  .mdd-p {
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      color: var(--Smooth-Grey-700, #525252);
      text-align: center
  }

  .no-c-p {
      margin: 0;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
  }

  .no-c-in {
      color: var(--Fountain-Blue-500, #359AA5);
      font-size: 14px;
      font-weight: 400;
      margin-top: 8px
  }

  .separ-p {
      border-radius: 1px;
      background: var(--Smooth-Grey-200, #DCDCDC);
      height: 1px;
      margin: 32px 0
  }

  .separ-p2 {
      border-radius: 1px;
      background: var(--Smooth-Grey-200, #EFEFEF);
      height: 1px;
      display: block
  }

  .top-tr {
      margin-top: 0px
  }

  .invit-p {
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 24px
  }

  .des-p {
      margin-bottom: 12px;
      text-align: center;
      font-size: 12px;
      font-weight: 400;
  }

  .all_panier {
      display: block;
      margin-top: 16px
  }

  .recap-pan-w {
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
  }

  .bloc-select-shipping {
        margin-bottom: 0;
  }

  .recap-plus {
      margin-top: 0;
      padding-left: 0px
  }

  .txt-pan-cen {
      text-align: center;
      font-size: 16px;
      font-weight: 700;
      margin-top: 16px;
      width: 100%
  }

  .header-wishlist span {
      font-size: 14px;
      font-weight: 500;
  }

  .header-wishlist h1 {
      font-size: 18px;
      font-weight: 700;
  }

  .ss-txt-li {
      font-size: 14px;
      font-weight: 500
  }

  div.onglet_boite {
      border-bottom: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  }

  .onglet_boite1 {
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  }

  .onglet_boite2 {
      border-radius: 4px 0px 0px 0px!important;
      border-top: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-bottom: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-left: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  }

  .onglet_boite3 {
      border-radius: 0px 4px 0px 0px;
      border-top: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-right: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-bottom: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  }

  .onglet_boite4 {
      border-radius: 0px 0px 0px 4px;
      border-bottom: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-left: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  }

  .onglet_boite5 {
      border-right: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-bottom: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-left: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  }

  .onglet_boite6 {
      border-radius: 0px 0px 4px 0px;
      border-right: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      border-bottom: 1px solid var(--Smooth-Grey-200, #DCDCDC);
  }

  .onglet_boite1.selected {
      border: 1px solid #FF780F;
      background: #FFD9A7;
      border-radius: 0;
  }

  .onglet_boite2.selected {
      border-radius: 4px 0px 0px 0px;
      border: 1px solid #FF780F;
      background: #FFD9A7;
  }

  .onglet_boite3.selected {
      border-radius: 0px 4px 0px 0px;
      border: 1px solid #FF780F;
      background: #FFD9A7;
  }

  .onglet_boite4.selected {
      border-radius: 0px 0px 0px 4px;
      border: 1px solid #FF780F;
      background: #FFD9A7;
  }

  .onglet_boite5.selected {
      border: 1px solid #FF780F;
      background: #FFD9A7;
      border-radius: 0;
  }

  .onglet_boite6.selected {
      border-radius: 0px 0px 4px 0px;
      border: 1px solid #FF780F;
      background: #FFD9A7;
  }

  div.onglet_boite {
      width: auto;
  }

  div.liste_boites img.boite {
      width: 75px;
      height: 75px
  }

  div.liste_boites {
      display: flex;
      gap: 8px;
      width: 100%;
  }

  div.liste_boites img.loader {
      margin-left: 42%;
      margin-top: 0;
  }

  .val-pp {
      width: 83%
  }

  .txt-404 {
      font-size: 132px;
  }

  .txt-oup {
      font-size: 24px
  }

  .pos {
      position: relative;
      display: inline-block;
      width: 340px;
      top: -90px
  }

  .chiffr1 {
      font-size: 132px;
  }

  .chiffr2 {
      font-size: 132px;
  }

  .mar-chi {
      margin-bottom: 45px
  }

  .txt-des2 {
      text-align: center;
      margin: 84px 0 0 0;
      text-align: center;
  }

  .blc-ss-blog {
      display: flex;
      padding: 0px;
      flex-direction: column;
      justify-content: space-between;
      flex: 1 0 0;
      align-self: stretch;
  }

  .blc-blog {
      box-shadow: none;
      background-color: #FAFAFA
  }

  .back-des {
      padding: 32px 0 0 0;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 24px;
      flex: 1 0 0;
      align-self: stretch;
      background-image: none
  }

  .txt-des {
      margin: 0px;
      padding: 0;
  }

  .des-au {
      font-size: 16px;
      line-height: 0.4!important;
      font-style: normal
  }

  .des-ss {
      margin: 0 auto;
      margin-bottom: 48px;
      margin-top: 16px;
      margin-bottom: 0
  }

  .des-rev {
      font-size: 14px;
  }

  .pos {
      width: 277px;
  }

  .des-ss2 {
      margin-bottom: 84px
  }

  .ret-1 {
      font-size: 10px;
      padding: 0px;
      padding-top: 0px;
      width: 32px;
      height: 32px;
      margin: 0 auto;
      text-align: center;
      padding-top: 9px;
  }

  .ret-2 {
      font-size: 10px;
      padding: 0px;
      padding-top: 0px;
      width: 32px;
      height: 32px;
      margin: 0 auto;
      text-align: center;
      padding-top: 9px
  }

  .ret-3 {
      font-size: 10px;
      padding: 0px;
      padding-top: 0px;
      width: 32px;
      height: 32px;
      margin: 0 auto;
      text-align: center;
      padding-top: 9px
  }

  .ret-4 {
      font-size: 10px;
      padding: 0px;
      padding-top: 0px;
      width: 32px;
      height: 23px;
      margin: 0 auto;
      text-align: center;
      padding-top: 9px
  }

  .inti-1 {
      font-size: 10px
  }

  .inti-2 {
      font-size: 10px
  }

  .inti-3 {
      font-size: 10px
  }

  .inti-4 {
      font-size: 10px
  }

  .flch-pp {
      height: 12px;
      width: 6px;
      float: left;
      margin: 11px 24px
  }

  .cl-pp {
      margin: 0 auto;
      width: 100%;
      gap: 0!important;
  }

  .envel {
      margin: 0 auto;
      width: 315px
  }

  .envel2 {
      margin: 0 auto;
      width: 230px
  }

  .cont-ar {
      display: block;
      padding: 12px 0px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
  }

  .creer-pp {
      display: flex;
      padding: 16px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 4px;
      align-self: stretch;
      margin: 0;
      height: auto;
      box-sizing: border-box;
      width: 100%;
  }

  .creer-ss {
      font-size: 12px;
      font-weight: 500;
  }

  .retour-ex {
      clear: left;
      width: 100%;
      margin-bottom: 24px;
  }

  .glob-div > .retour-ex {
      padding: 0;
  }

  .bloc-blanc-pp {
      float: left;
      color: #292929;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      margin-top: 4px;
      margin-left: 3px;
      width: 320px
  }

  .box-select {
      margin-top: 32px;
      margin-left: 0px;
      margin-bottom: 64px;
  }

  #div_img_format span {
      font-size: 11px;
  }

  #div_img_format span {
      font-size: 11px;
  }

  #div_img_quality span {
      font-size: 11px;
  }

  #div_img_quality {
      font-size: 11px;
  }

  .der-ques {
      max-width: 310px
  }

  .txt-souvenirs {
      color: var(--Smooth-Grey-950, #292929);
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 24px
  }

  .bloc-prod-pp {
      padding: 16px;
      margin-bottom: 64px
  }

  .back-pp-mob {
      background-image: url(/images/puzzle-personnalise-paques.jpg);
      background-size: auto 100%;
      display: block;
      border-radius: 24px;
  }

  .titr-pp-0 {
      background: var(--Orange, #FF780F);
      padding: 16px;
      align-self: stretch;
      color: var(--White, #FFF);
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      text-align: center!important
  }

  .puce-pp {
      margin: 8px auto 2px auto;
      text-align: center;
      width: 100%;
      rotate: 90deg;
  }

  .titr-pp2 {
      color: var(--Smooth-Grey-950, #292929);
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
  }

  .titr-pp {
      color: var(--Smooth-Grey-950, #292929);
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      margin-top: 64px
  }

  .ss-txt-pp {
      max-width: 1200px;
  }

  .blog_article_image {
      border-radius: 12px
  }

  .bloc-prod-pp2 {
  }

  .blog_article_title {
      font-size: 18px;
  }

  .marg-blog2 {
      margin-top: 16px;
      margin-bottom: 0px
  }

  .txt-blog {
      float: right;
      width: 100%
  }

  .img-blog {
      margin-right: 0px;
      float: left;
      max-width: 500px;
      max-height: 500px;
      width: 100%
  }

  .marg-blog {
      margin-top: 16px
  }

  .date-blog {
      font-size: 11px;
  }

  .pict-cam {
      margin: 0 auto;
      height: 32px;
      width: 32px;
      margin-top: -5px
  }

  .enstock-produit {
      padding: 6px 12px;
      font-size: 10px;
      margin-right: 6px;
  }

  .rupture-produit {
      padding: 6px 12px;
      font-size: 10px;
      margin-right: 6px
  }

  .categorie-produit {
      padding: 6px 12px;
      font-size: 10px;
      margin-right: 6px
  }

  .promo-produit {
      font-size: 10px;
      padding: 6px 14px;
  }

  .libelle-produit {
      min-height: auto;
      font-size: 18px;
      margin-top: 12px
  }

  .marque-produit {
      font-size: 12px;
      font-weight: 500;
      text-decoration-line: none;
  }

  .ref-produit {
      font-size: 12px;
  }

  .nbr-pieces-produit {
      color: var(--Smooth-Grey-950, #292929);
      font-family: Inter;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      margin-left: 4px
  }

  .prix-promo-prod {
      float: left;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      margin: 2px 0 0 8px
  }

  .prix-ok-produit {
      float: left;
      color: var(--Smooth-Grey-950, #292929);
      text-align: right;
      font-family: Inter;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
      clear: right
  }

  .membre-produit {
      text-align: left;
      font-size: 8px;
      font-weight: 500;
      float: left;
      margin-top: 6px
  }

  .txt-membre-produit {
      font-size: 10px;
      font-weight: 400;
      float: left;
      margin-top: 4px;
      margin-right: 5px
  }

  .bulle-membre-produit {
      background: var(--Fountain-Blue-200, #FFD9A7);
      display: flex;
      width: 14px;
      height: 14px;
      padding-left: 1px;
      color: var(--Fountain-Blue-700, #9E360E);
      font-size: 8px;
      margin-right: 5px;
      margin-top: 3px;
      cursor: pointer;
      float: left
  }

  .btn-produit {
      float: right;
      padding: 14px 17px;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 700;
  }

  .button-select-nb-product {
      border: 1px solid #292929;
      padding: 14px 0px;
      width: 45px;
      height: 45px;
      font-size: 14px;
      box-sizing: border-box;
  }

  .pp-add-panier {
      padding: 14px 24px;
      font-size: 14px;
  }

  .number-input {
      width: 100%;
  }

  .font24 {
      font-size: 18px;
      z-index: 4
  }

  .bc-txt {
      font-size: 14px;
  }

  .bc-img {
      height: 208px
  }

  .blocinfo-produit {
      float: left;
      margin-top: 32px;
      width: 100%
  }

  .bc-txt {
      padding: 16px;
      flex-shrink: 0;
      align-self: stretch;
      border-top: 1px solid #FFF;
      border-right: 1px solid #FFF;
      border-left: 1px solid #FFF;
      background: rgba(41, 41, 41, 0.22);
      backdrop-filter: blur(9px);
      color: var(--White, #FFF);
      text-align: right;
      line-height: normal
  }

  .bc-txt1 {
      display: flex;
      padding: 16px;
      justify-content: flex-end;
      align-items: flex-end;
      gap: 10px;
      border-radius: 12px 0px;
      border-top: 1px solid #FFF;
      border-left: 1px solid #FFF;
      background: rgba(41, 41, 41, 0.44);
      backdrop-filter: blur(9px);
      color: var(--White, #FFF);
      text-align: right;
      font-size: 14px;
      font-weight: 700;
      vertical-align: bottom;
      display: inline;
      position: absolute;
      bottom: 18px;
      right: 0px
  }

  .bc-txt2, .bc-txt3, .bc-txt4, .bc-txt5 {
      box-sizing: border-box;
      border-radius: 0 0 12px 12px;
      height: 66px;
      width: 100%;
      display: flex;
      align-items: center;
  }

  .bc-img {
      height: 200px;
      margin-bottom: 8px;
      border-radius: 12px;
      background-size: auto 100%
  }

  .bc-img1 {
      margin-right: 0px;
      background-size: 100% auto!important;
  }

  .bc-img2 {
      margin-left: 0px;
      margin-right: 4px
  }

  .bc-img3 {
      margin-right: 0px;
      margin-left: 4px
  }

  .bc-img4 {
      margin-right: 4px;
      margin-left: 0px
  }

  .bc-img5 {
      margin-left: 4px
  }

  .cont-site {
      background-color: #FAFAFA;
      margin-top: -1px
  }

  .recherche_mobile {
      width: 100%;
      background: #FF780F;
  }

  .recherche_mobile form {
      margin: 0;
      width: 100%;
      position: relative;
  }

  .recherche_mobile > form > .searchbox-container {
      align-self: stretch;
      padding-left: 16px;
      padding-right: 16px;
      padding-top: 12px;
      padding-bottom: 12px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 10px;
      display: flex
  }

  .searchbox-container > .input-wrapper {
      align-self: stretch;
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 12px;
      padding-bottom: 12px;
      background: white;
      border-radius: 100px;
      justify-content: space-between;
      align-items: center;
      display: inline-flex
  }

  .input-wrapper > .search-input {
      color: #989898;
      font-size: 11px;
      font-style: italic;
      font-weight: 400;
      border: none;
      width: 100%;
      padding: 0;
      border-radius: 0;
  }

  .input-wrapper > .search-input:focus-visible {
      outline: none;
  }

  .input-wrapper > .search-button {
      background-color: #FFF;
      line-height: 0;
  }

  #divautosuggestmobile {
      top: 54px;
  }

  #select-pays-menu-mobile {
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .select-pays-menu {
      display: flex;
      align-items: center;
      gap: 6px;
      position: relative;
  }

  .footer-menu-mobile {
      position: relative;
  }

  .choix-pays-menu-mobile {
      position: absolute;
      bottom: 54px;
      right: 16px;
      background-color: white;
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px;
      z-index: 1;
      flex-direction: column;
      display: none;
      z-index: 3000
  }

  .tabs {
      display: flex;
      border-radius: 12px 12px 0px 0px;
      background: #DCDCDC;
  }

  .tabs .tab {
      width: 50%;
      padding: auto;
      transition: background-color 0.5s ease;
      padding-top: 14px;
      padding-bottom: 14px;
      text-align: center
  }

  .tabs .tab.active {
      background: #FF780F;
      color: #FFF;
      border-radius: 12px 12px 0px 0px;
      box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.08);
  }

  .tabs .tab span {
      font-size: 14px;
      font-weight: 700;
  }

  .insc-new {
      padding: 0;
      margin: 0;
      text-align: center;
      margin: 0 auto;
      margin-top: 6px;
      width: 100%
  }

  .btn-new-fr {
      width: 100%!important;
      margin-left: 0px;
  }

  .bbt-n {
      width: 100%;
      padding: 14px 12px;
      height: 53px;
      box-sizing: border-box;
  }

  .font-sstitre {
      font-size: 16px;
      font-weight: 600;
      max-width: 295px;
      text-align: left
  }

  .ti-sfoo {
      font-size: 12px;
  }

  .ti-ssfoo {
      font-size: 12px;
      font-weight: 500;
  }

  .title-border-news-mobile {
      gap: 8px;
      flex-direction: column;
      align-items: flex-start;
  }

  .search_partiel {
      font-size: 18px;
  }

  .contenu-texte {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      width: 100%;
      overflow: hidden;
      transition: max-height 0.5s ease;
      flex-direction: column;
  }

  .contenu-texte.expanded {
      max-height: 1000px;
      display: block;
      flex-direction: column;
  }

  #voir-plus-btn {
      width: 100%;
      color: white;
      font-weight: 500;
      font-size: 13px;
      padding: 6px 0px;
      cursor: pointer;
      text-align: center;
      text-decoration-line: underline;
  }

  .cube-personnalise-blog {
      background-image: url(/images/background-pods-blog-mobile.svg);
      background-size: cover;
  }

  .bandeau-image > div > span {
      padding: 24px 16px 32px 16px;
  }

  .bandeau-image {
      margin-left: -16px;
      margin-right: -16px;
  }

  .bandeau-offre-flash {
      margin-bottom: 0!important;
      background-size: 200%, 40%, 40%, 40%;
      height: 144px;
      background: linear-gradient(0deg, rgba(22, 46, 54, 0.80) 0%, rgba(22, 46, 54, 0.80) 100%),url(/images/image-offre-flash.jpg);
      background-size: cover, 100%;
      background-repeat: no-repeat;
      background-position: center;
  }

  .bandeau-offre-flash > span {
      font-size: 20px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
      height: fit-content;
  }

  .content-bandeau-image {
      min-height: 140px;
      margin-bottom: 15px;
  }

  .content-banner {
      flex-direction: column;
      gap: 12px;
  }

  .banner-description-offre-flash {
      font-size: 18px;
  }

  .date-fin-offre-flash {
      border-radius: 0px;
      text-align: center;
      padding: 12px;
  }

  .date-fin-offre-flash > span {
      font-size: 12px;
  }

  .content-icon-panier {
      margin: 0
  }

  .disp {
      display: none
  }

  .appmob {
      display: block
  }

  .lifootmob {
      font-family: Inter;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin-bottom: 8px;
      display: inline-block;
      color: #ffffff
  }

  .div_footer_web {
      display: none!important
  }

  .div_footer_mobile {
      display: block!important
  }

  .menu_mobile {
      display: flex;
  }

  .header_fixe_web {
      display: none
  }

  .header_nonfixe_web {
      display: none!important;
  }

  .shadow, .shadow-left {
      display: none;
  }

  .libelle2-acc {
      padding: 16px;
  }

  .libelle2-acc-libelle, .prix-client-barre {
      font-size: 14px!important;
  }

  .libelle2-acc-nbpieces, .libelle2-acc-marque {
      font-size: 12px!important;
  }

  .button-add-cart > img {
      width: 19px;
  }

  .prix-barre {
      flex-direction: column;
      gap: 0!important;
      align-items: flex-start!important;
  }

  .prix-sans-promo-barre {
      font-size: 10px!important;
      font-weight: 600!important;
  }

  .content-slide, .slider-container {
      height: 300px!important;
  }

  .bloc-menu-link {
      margin-right: 0;
      padding: 16px;
  }

  .bloc-menu-pc {
      display: none!important;
  }

  .dropdown-menu-mobile {
      display: flex!important;
  }

  .select-hidden {
      display: none;
      visibility: hidden;
      padding-right: 10px;
  }

  .select {
      cursor: pointer;
      display: inline-block;
      position: relative;
      font-size: 16px;
      color: #fff;
      width: 100%;
      border-radius: 10px;
      border: 1px solid var(--Smooth-Grey-200, #DCDCDC);
      background: var(--White, #FFF);
  }

  .content-select {
      transition: all 0.2s ease-in;
      border-radius: 10px;
      padding: 16px 24px;
      color: #292929;
      font-size: 14px;
      display: flex;
      align-items: center;
  }

  .select-styled {
      display: flex;
      gap: 8px;
      width: 100%;
      align-items: center;
      font-weight: 700;
  }

  .content-select:after {
      content: "";
      width: 24px;
      height: 24px;
      position: absolute;
      right: 24px;
      background-image: url('/images/nav-arrow-up-gris.svg');
      background-size: cover;
      rotate: 0deg;
      transition: transform 0.3s ease;
  }

  .content-select:after {
      content: "";
      width: 24px;
      height: 24px;
      position: absolute;
      right: 24px;
      background-image: url('/images/nav-arrow-up-gris2.svg');
      background-size: cover;
      rotate: 0deg;
      transition: transform 0.3s ease;
  }

  .content-select.active::after {
      rotate: 180deg;
      transition: transform 0.3s ease;
  }

  .select-styled:active:after, .select-styled.active:after {
      top: 9px;
      border-color: transparent transparent #fff transparent;
  }

  .divider:not(:last-child) {
      border-bottom: 1px solid #EFEFEF;
      margin: 8px 32px;
  }

  .breadcrumb > .divider {
      margin: 0;
  }

  .select-options {
      display: none;
      z-index: 999;
      list-style: none;
      padding-bottom: 24px;
      flex-direction: column;
  }

  .select-options li {
      padding: 8px 32px;
      color: #292929;
      font-size: 14px;
      display: flex;
      gap: 8px;
      transition: all 0.15s ease-in;
  }

  .select-options li[rel="hide"] {
      display: none;
  }

  .select-container {
      position: relative;
      display: inline-block;
      margin-bottom: 12px;
      width: 100%;
  }

  .image-container {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
  }

  .image-container img {
      display: none;
      margin-left: 8px;
  }

  .image-container img:first-child {
      display: inline-block;
  }

  .div-cube-produits-web-tablette {
      display: none!important
  }

  .div-cube-produits-mobile {
      display: flex!important;
      flex-direction: column;
      gap: 16px;
  }

  .cube-prod-acc {
      width: 160px;
      height: 327px;
      margin-right: 8px;
      justify-content: space-between;
  }

  .pagination-web {
      display: none!important;
  }

  .pagination-mobile {
      display: flex;
      position: fixed;
      bottom: 0;
      z-index: 200!important;
      left: 0;
      width: 100%;
  }

  .pagination-mobile-content {
      width: 100%;
      box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.04);
      border: 1px #EFEFEF solid;
      background-color: white;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      display: inline-flex
  }

  .pagination-mobile-item {
      justify-content: center;
      align-items: flex-start;
      display: inline-flex
  }

  .pagination-mobile-item-content {
      width: 187.50px;
      padding-top: 24px;
      padding-bottom: 24px;
      background: white;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: inline-flex
  }

  .pagination-mobile-item-content-lis {
      padding-top: 24px;
      padding-bottom: 24px;
      background: white;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      display: inline-flex;
      width: 67px
  }

  .pagination-liste {
      border-radius: 4px;
      border: 0;
      width: 207px;
      padding: 6px 12px;
      float: left ;
      cursor: pointer;
  }

  .choix-liste, .list-dest {
      color: #292929;
      font-size: 12px;
      font-weight: 500;
      width: 100%;
      height: 15px
  }

  .pagination-mobile-text {
      align-self: stretch;
      padding-left: 16px;
      padding-right: 16px;
      justify-content: center;
      align-items: center;
      gap: 12px;
      display: inline-flex;
      border: none;
      background-color: #FFF;
  }

  .pagination-mobile-text > span {
      color: #292929;
      font-size: 14px;
      font-family: Inter;
      font-weight: 600;
      word-wrap: break-word
  }

  .pagination-divider {
      width: 1px;
      height: 66px;
      position: relative;
      background: #EFEFEF
  }

  .pagination-mobile-bar {
      align-self: stretch;
      flex: 1 1 0;
      padding-bottom: 5px;
      background: rgba(239, 239, 239, 0.88);
      border-top: 1px #EFEFEF solid;
      backdrop-filter: blur(12px);
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      gap: 6px;
      display: flex
  }

  .pagination-mobile-bar-text {
      color: #292929;
      font-size: 8px;
      font-family: Inter;
      font-weight: 300;
      word-wrap: break-word
  }

  .pagination-mobile-bar-line {
      width: 134px;
      height: 5px;
      background: #292929;
      border-radius: 100px
  }

  #auteur {
      gap: 0;
      padding: 8px 0px 0px 0px
  }

  #auteur .button-container {
      width: 98%;
      padding: 4px;
      margin: 16px 0;
  }

  #auteur .toggle-button {
      font-size: 12px;
  }

  .equalheights {
      column-count: 1;
  }

  .adult-authors, .licenses-children {
      margin-left: -16px;
      margin-right: -16px;
  }

  .side-bar, .side-bar-authors {
      width: 27px;
      position: fixed;
      right: 0;
      z-index: 2;
      padding: 8px 0;
      background: #FFD9A7;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
      overflow: hidden;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 4px;
      display: inline-flex;
      top: 254px;
  }

  .side-bar a, .side-bar-authors a {
      color: #9E360E;
      font-size: 10px;
      font-weight: 600;
      text-decoration: none;
  }

  #auteur h1 {
      display: none;
  }

  .menu_auteur span {
      border-bottom: 1px solid #EFEFEF;
      background: #FFF7EC;
      padding: 12px 16px;
      font-size: 13px;
      margin-bottom: 0;
  }

  .menu_auteur a {
      border-bottom: 1px solid #EFEFEF;
      background: #FFF;
      padding: 12px 16px;
      font-size: 13px;
      width: 100%;
      display: flex;
  }

  .menu_auteur {
      margin-bottom: 0;
  }

  #auteur .toggle-button {
      width: 50%;
      align-items: center;
  }

  .button-container::before {
      top: 4px;
      left: 4px;
      width: calc(50% - 4px);
      height: calc(100% - 8px);
  }

  .mar-rt {
      margin-bottom: -12px;
      background-color: #ffffff
  }

  .search-bar {
      height: 34px;
      display: flex;
      padding: 8px 16px 24px 16px;
  }

  .search-input {
      width: 100%;
      padding: 8px 12px;
      background: white;
      border-radius: 100px;
      border: 1px #DCDCDC solid;
      justify-content: space-between;
      align-items: center;
      display: flex;
  }

  .search-text {
      color: #525252;
      font-size: 11px;
      font-family: Inter;
      font-style: italic;
      font-weight: 400;
      border: none;
  }

  .search-text:focus-visible {
      outline: none;
  }

  .search-icon {
      width: 18px;
      height: 18px;
  }

  #fil_ariane_auteur > .a_ariane, #fil_ariane_marques > .a_ariane {
      font-size: 10px;
  }

  .content-image-menu {
      width: auto;
  }

  .bloc-menu-info {
      padding: 24px;
  }

  .content-mode-paiement {
      gap: 0px;
  }

  /* .content-mode-paiement > div:first-child > img {width: 80%; height: 80%;} */
  .blog_row {
      flex-direction: column;
      margin-bottom: 0px;
  }

  .blog_article {
      max-width: 100%;
      flex: 1;
  }

  .trait_blog_article_mobile {
      display: block;
  }

  .trait_blog_article_mobile:last-child {
      display: none!important;
  }

  .trait_blog_article {
      display: none;
  }

  .carousel-wrapper-categories {
      justify-content: flex-start;
      overflow: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none;
  }

  .carousel-container::-webkit-scrollbar {
      display: none;
  }

  .bloc-other-products {
      display: none;
  }

  .bloc-other-products-mobile {
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin-top: 24px;
  }

  .total-together-products {
      gap: 32px;
      border-radius: 12px;
      background: #FFF;
      box-shadow: 0px 4px 8px 0px rgba(41, 41, 41, 0.08);
      padding: 32px;
      max-width: none;
  }

  .content-total-together-products > span {
      font-size: 16px;
  }

  .content-total-together-products > button {
      font-size: 14px;
  }

  .content-total-together-products > span > small {
      text-align: center;
      font-size: 12px;
      color: #292929;
      font-weight: 400;
  }

  .select-nb-product-menu {
      top: inherit;
      bottom: 100%
  }

  .taille1120 {
      display: none;
  }

  .together-title {
      font-size: 18px;
  }

  .pp-libelle-pieces {
      font-size: 11px;
      margin-top: 2px;
  }

  .pp-text-nbpieces {
      font-size: 11px;
  }

  .pp-text-size {
      font-size: 11px;
  }

  .pp-price-without-promotion {
      font-size: 9px;
      font-weight: 600;
  }

  .pp-price {
      font-size: 11px;
      font-weight: 700;
      color: #292929;
  }

  .selected-row {
      border-radius: 4px;
      background: #FFD9A7;
      display: flex;
      align-items: center;
  }

  .selected-row > td > div > .pp-libelle-pieces, .selected-row > td > div > .pp-libelle-pieces > .pp-text-nbpieces, .selected-row > td > div > .pp-libelle-pieces > .pp-text-size, .selected-row > td > div > .pp-price-without-promotion, .selected-row > td > div > .pp-price {
      color: #9E360E;
  }

  input[name="radio_pp_format"] {
      -webkit-appearance: none;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      outline: none;
      border: 1px solid black;
  }

  input[name="radio_pp_format"]:before {
      content: '';
      display: block;
      width: 60%;
      height: 60%;
      margin: 20% auto;
      border-radius: 50%;
  }

  input[name="radio_pp_format"]:checked:before {
      background: #FF780F;
  }

  input[name="radio_pp_format"]:checked {
      border-color: #9E360E;
  }

  .carousel-container-boite-pp {
      display : flex;
      gap : 8px;
      width: 100%;
  }

  .carousel-wrapper-boite-pp {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      overflow: hidden;
      width: 100%;
  }

  .carousel-boite-pp {
      display: flex;
      transition: transform 0.5s ease;
      margin-bottom: 0;
      gap: 8px;
      width: auto;
      height: 75px;
  }

  .image-pp-perso {
      max-width: 300px;
  }

  .separator {
      display: none;
  }

  .all_cube_maliste {
      gap: 16px;
  }

  .cube_maliste_mobile {
      display: flex;
  }

  .content-bloc-srch {
      display: block;
  }

  .bloc-pp {
      width: 100%;
      box-sizing: border-box;
  }

  .content-select-nbpieces {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0;
      gap: 16px;
      width: 100%;
      box-sizing: border-box;
      position: unset;
      background-color: unset;
      box-shadow: none;
  }

  .content-select-nbpieces > div {
      width: 100%;
  }

  #fil_ariane_marques {
      margin-top: 8px;
  }

  .content-image-brands {
      margin-top: 16px;
      margin-bottom: 48px;
  }

  .title-brands {
      font-size: 18px;
  }

  .ss-title-brands {
      font-size: 13px;
      margin-top: 12px;
  }

  .text-brands {
      margin-left: -16px;
      margin-right: 8px;
      background-color: white;
  }

  .group-brands {
      flex-direction: column
  }

  .content-text-brands-mobile {
      display: flex!important;
      flex-direction: column;
  }

  .content-text-brands {
      display: none!important;
  }

  .capital-brands span {
      display: block;
      color: #FF780F;
      border-bottom: 1px solid #EFEFEF;
      background: #FFF7EC;
      padding: 12px 16px;
      font-size: 13px;
      font-weight: 700;
  }

  .link-brands-mobile {
      border-bottom: 1px solid #EFEFEF;
      background: #FFF;
      padding: 12px 16px;
      color: #292929;
      font-size: 14px;
      font-weight: 400;
      display: flex;
  }

  .capital-brands {
      display: inline-block;
      width: 100%;
      margin-bottom: 0;
  }

  .content-title-brands {
      padding: 24px 0px 16px 0px;
      margin-top: 0;
  }

  .slider-item-marque {
      width: 296px;
      height: 208px;
  }

  .scroll-top-wrapper {
      display: none;
  }

  .content_blog_article {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding-top: 32px;
      flex-direction: column;
  }

  .blog_article_text {
      min-height: unset;
  }

  .fancybox-inner {
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      border: none;
      border-radius: 0;
  }

  .fancybox-navigation {
      display: none;
  }

  .fancybox-image, .fancybox-spaceball {
      padding: 16px;
  }

  .fancybox-button--close {
      height: 24px;
      width: 24px;
      background-image: url(/images/custom-cancel-mobile.svg);
  }

  .fancybox-toolbar {
      padding: 16px 16px 0 0;
  }

  .background-heart span {
      font-size: 18px;
      margin-top: 86px;
      margin-left: -40.5px;
      margin-right: -40.5px
  }

  #unsubscribe, .emailNL {
      width: 100%;
      box-sizing: border-box;
  }

  .text-sav {
      margin: 24px 0 12px 0;
      font-weight: 600;
  }

  .text-info-sav {
      margin: 0;
      background: white;
  }

  .content-form-ticket {
      border-radius: 0;
      border: none;
      padding: 0;
  }

  .ss-title-sav {
      font-weight: 600;
  }

  .btn-form-ticket {
      max-width: 100%!important;
  }

  .ticket-container {
      padding: 16px;
      gap: 12px;
      align-items: start;
      flex-direction: column;
  }

  .info-ticket {
      flex-direction: column;
      align-items: flex-start;
  }

  .ticket-button-answer {
      margin-top: 12px;
  }

  .btn-edit-address {
      padding: 14px 10px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #2B6673;
      border-radius: 4px;
      box-sizing: border-box;
      color: white;
      font-size: 12px;
      font-weight: 600;
      margin-top: 16px;
  }

  .filter-content {
      flex-direction: column;
  }

  .filter-button {
      background: white;
  }

  .commande-urlpay {
      background: #FFF;
  }

  .commande {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
  }

  .commande-status {
      width: 100%;
  }

  .link-pay-mobile {
      color: #FF780F;
      font-size: 12px;
      font-weight: 700;
      text-decoration-line: underline;
      display: flex;
      align-items: center;
      gap: 4px;
  }

  .dropdown-fidelite {
      float: left;
      margin: 3px 0 0 8px;
      font-weight: 600;
      font-size: 14px;
      max-width: 230px
  }

  .cube_mescoordonnees {
      background-color: white;
  }

  .content-commande-detail {
      padding: 0;
      border-radius: 0;
  }

  .detail-info-bar {
      flex-direction: column;
      margin-top: 16px;
  }

  .lien-facture > a {
      font-weight: 700;
  }

  .content-bloc-adresse {
      flex-direction: column;
      margin-top: 16px;
  }

  .content-bloc-adresse > div {
      padding: 16px;
      min-height: auto;
  }

  .title-bg-white {
      background: #FFF;
      padding-bottom: 24px;
  }

  .content-bloc-adresse > div > div {
      gap: 12px;
  }

  .commande-detail-ligne-total {
      padding: 8px;
  }

  .commande-detail-ligne-total > div > span, .commande-detail-ligne-total > span {
      font-size: 14px;
      color: #292929 ;
      font-weight: 600;
  }

  .commande-detail-ligne-livraison-mobile {
      display: flex;
      padding: 8px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
  }

  .commande-montant .montant, .text-commande-status {
      font-size: 12px!important;
  }

  form[name="sylius_shop_change_password"] > div > div > input, form[name="sylius_shop_customer_profile"] div div input, #sylius_shop_customer_profile_phoneNumber {
      width: 100%;
      box-sizing: border-box;
  }

  .commande-urlpay {
      background: #FFF;
  }

  .commande {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
  }

  .commande-status {
      width: 100%;
  }

  .link-pay-mobile {
      color: #FF780F;
      font-size: 12px;
      font-weight: 700;
      text-decoration-line: underline;
      display: flex;
      align-items: center;
      gap: 4px;
  }

  .invoice-link-mobile {
      color: #359AA5;
      font-size: 12px;
      font-weight: 700;
      text-decoration-line: underline;
  }

  .tail-expe {
      font-size: 12px;
  }

  .content-commande-detail {
      padding: 0;
      border-radius: 0;
  }

  .detail-info-bar {
      flex-direction: column;
      margin-top: 16px;
  }

  .lien-facture > a {
      font-weight: 700;
  }

  .content-bloc-adresse {
      flex-direction: column;
      margin-top: 16px;
  }

  .title-bg-white {
      background: #FFF;
  }

  .content-bloc-commande {
      height: max-content;
      gap: 24px;
  }

  .popup {
      padding: 24px;
      gap: 24px;
      min-width: 310px;
  }

  #confirmation-popup > img, #confirmation-modal-wishlist > img, #notification-modal > img {
      width: 48px;
  }

  .popup-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
  }

  .popup-title {
      font-size: 16px;
  }

  .popup-message {
      font-size: 14px;
  }

  .popup-button {
      font-size: 14px;
      width: 147px;
      height: 43px;
      padding: 0;
  }

  .cancel-button {
      font-size: 12px;
  }

  .confirm-button {
      background: #FF780F;
      box-shadow: 0px 2px 4px 0px rgba(69, 21, 5, 0.09);
      color: white;
  }

  .recap-mobile-fixe {
      display: flex;
      position: fixed;
      background: white;
      bottom: 0;
      padding: 18px 16px;
      box-sizing: border-box;
      width: 100%;
      margin-left: -16px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 18px;
      align-self: stretch;
      z-index: 5;
      box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.08);
  }

  .recap-mobile-fixe-cgv {
      display: flex;
      align-items: center;
      gap: 10px;
      align-self: stretch;
  }

  .recap-mobile-fixe-price-cta {
      display: flex;
      justify-content: center;
      align-items: center;
      align-self: stretch;
  }

  .recap-mobile-fixe-price {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex: 1 0 0;
  }

  .title-wrapper-pp {
      line-height: normal;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
  }

  .puzzle-container {
      padding: 16px 0px 64px 0px;
      gap: 24px;
  }

  .puzzle-back-link {
      font-size: 10px;
  }

  .puzzle-card {
      padding: 24px;
      gap: 16px;
  }

  .puzzle-confirmation img {
      width: 32px;
      height: 32px;
  }

  .puzzle-confirmation-message {
      font-size: 16px;
  }

  .puzzle-order-info {
      gap: 16px;
  }

  .puzzle-finalize-message {
      font-size: 13px;
  }

  .puzzle-instructions {
      gap: 16px;
  }

  .puzzle-instructions-message {
      font-size: 13px;
      text-align: center;
  }

  .puzzle-button-group {
      flex-direction: column;
      gap: 8px;
      align-self: stretch;
  }

  .puzzle-create-new-button {
      padding: 14px 0px;
      gap: 10px;
      align-items: center;
      width: 100%;
      height: 45px;
  }

  .puzzle-create-new-button img {
      display: none;
  }

  .puzzle-cart-button {
      border-radius: 4px;
      padding: 14px 24px;
      width: 100%;
      height: 45px;
  }

  .puzzle-cart-button span {
      font-size: 14px;
  }

  .content-bloc-ppz {
      margin-bottom: 0;
  }

  .btn-produit-mob {
      display: flex;
  }

  .titre-update-address {
      white-space: nowrap;
  }

  .titre-update-address > span {
      width: 100%;
  }

  .input-form-update-address > .form-control {
      background-color: unset;
  }

  #newsletter-form {
      display: block;
  }

  .gestion-adresses {
      margin-top: 16px;
  }

  .thead-order-list, .text-not-paid {
      display: none!important;
  }

  .tbody-order-list > .not-paid {
      background: #FFF!important;
  }

  .tbody-order-list > tr {
      display: flex;
      padding: 26px;
      justify-content: space-between;
      border-radius: 6px;
      border: 1px solid #EFEFEF;
      flex-direction: column;
      width: 100%;
      box-sizing: border-box;
      gap: 12px;
  }

  .glob-div {
    padding: 0;
    flex-direction: column;
  }

  .content-select-shipping {
      flex-direction: column;
  }

  .tbody-order-list {
      display: flex;
      flex-direction: column;
      gap: 8px;
  }

  .steps .steps-item:nth-child(1)::after, .steps .steps-item:not(:last-child)::after {
    height: 12px;
    width: 6px;
    background-size: 6px 12px !important;
    margin: 11px 24px;
  }

  .tbody-order-list td {
      padding: 0;
      text-align: left;
  }

  .tbody-order-list td > div {
      justify-content: flex-start;
  }

  .pay {
      color: #FF780F;
      font-size: 12px;
      font-weight: 700;
      text-decoration-line: underline;
      display: flex;
      align-items: center;
      gap: 4px;
      background: unset;
      box-shadow: unset;
      padding: 0;
  }

  #pay::after {
      content: url("/images/arrow-right-orange.svg");
      height: 18px;
  }

  .total-actions {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
  }

  .actions-wrapper {
      flex-direction: row;
      justify-content: flex-end!important;
      gap: 16px;
  }

  .actions-wrapper #show {
      font-size: 12px;
      font-weight: 700;
      text-decoration-line: underline;
  }

  .btn-produit-plus {
      gap: 8px;
  }

  .footer-logo-img {
      width: 132px;
      margin-top: 64px;
  }

  .slider1-filter-button, .slider2-filter-button {
      font-size: 10px;
      padding: 6px 12px;
  }
}

@media (min-width: 0px) and (max-width:500px) {
  .pict-cam {
      margin: 0 auto;
      height: 32px;
      width: 32px;
      margin-top: 10px
  }

  .back-pp-mob {
      display: none
  }
}

@media (min-width: 1100px) and (max-width:1200px) {
  .poub-list {
      left:270px;
  }
}

@media (min-width: 992px) and (max-width:1099px) {
  .poub-list {
      left:260px;
  }
}

@media (min-width: 450px) and (max-width:991px) {
  .int-p {
      max-width:850px;
      width: 92%;
  }
}

@media (min-width: 700px) and (max-width:991px) {
  .i-marques {
      width:100%!important;
      border-radius: 6px;
      margin-top: -190px
  }
}

@media (min-width: 0px) and (max-width:1160px) {
  .decal-l {
      margin-left:0px
  }
}

@media (min-width: 620px) and (max-width:992px) {
  .list-ques2 h5 {
      max-width:521px
  }
}

@media (min-width: 0px) and (max-width:360px) {
  .aut-per {
      font-size: 10px;
  }

  .cube-prod > div > a > img {
      height: 121px!important;
      width: 152px;
      border-radius: 12px;
      margin-top: 27px;
  }

  .bul-r-pro {
      height: 110px;
      box-sizing: border-box
  }

  .max-tx-pro {
      max-width: 200px
  }

  .tx-exped {
      max-width: 200px
  }

  .btn-bleu {
      padding: 10px;
      font-size: 11px
  }

  .marg-log {
      margin-left: 0px;
      padding-top: 3px;
      width: 132px
  }

  .font-sstitre {
      font-size: 14px;
      max-width: 218px;
  }

  .btn-sec {
      font-size: 12px;
  }

  .list-ques2 h5 {
      max-width: 193px
  }
}

@media (min-width: 992px) and (max-width:1080px) {
  .tail-pop-co {
      min-width:175px!important
  }
}

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

.product-single {
  width: 12%;
  display: inline-block
}

.tabs-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

.tab-section {
  background: white;
  padding: 0;
  border-radius: 10px;
  width: 48%;
  max-width: 560px;
}

.tab-section h2 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

div#mobileTabs {
  display: none;
}

.link-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  justify-content: space-around;
}

.features {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  justify-content: center;
}

.link-group a {
  width: 45%;
  transition: background-color 0.2s;
  border-radius: 36px;
  border: 1px solid #292929;
  display: flex;
  padding: 12px 0px;
  justify-content: center;
  align-items: center;
  max-width: 139px;
  color: #292929;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 81%;
  margin-bottom: 12px;
  text-decoration: none;
}

.features a {
  border-radius: 4px;
  background: #2B6673;
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  padding: 14px 10px;
  width: 100%;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  text-decoration: none;
  margin-top: 12px;
}

.link-group a:hover {
  background-color: #FF780F;
  border: 1px solid #FF780F;
  color: #ffffff;
}

.features a:hover {
  background-color: #359AA5;
}

.image-section {
  margin-top: 0;
  text-align: center;
  height: 100%;
}

.image-section img {
  max-width: 100%;
  display: block;
  height: 100%;
}

/* Sélecteurs mobiles */
.select-replace {
  display: none;
  width: 100%;
  ; align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-radius: 4px;
  border: 1px solid #292929;
}

.myflex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.myflex .buttons-selects {
  width: 66.66666667%;
  padding: 32px;
  border: 1px solid #DCDCDC;
  border-radius: 12px 0px 0px 12px;
  background: #FFF;
}

.myflex .image-puzzle {
  width: 33.33333333%;
}

.separation {
  width: 100%;
  height: 1px;
  align-items: center;
  margin: 12px 0 12px 0;
  background-color: #E5E5E5;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('/images/nav-arrow-down-black.svg') no-repeat right 12px center;
  background-size: 16px;
  padding-right: 24px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* mobiles */
@media (max-width: 991px) {
  div#mobileTabs {
      display: flex;
  }

  .section-title {
      display: none;
  }

  .tabs-container {
      flex-direction: column;
  }

  .tab-titles {
      display: flex;
      margin-bottom: 0;
      border-radius: 10px 10px 0 0;
      overflow: hidden;
      background: #DCDCDC;
  }

  .tab-title {
      flex: 1;
      padding: 0.8rem;
      text-align: center;
      background-color: #DCDCDC;
      cursor: pointer;
      font-size: 14px;
      font-weight: 700;
      transition: background-color 0.5s ease;
  }

  .tab-title.active {
      background: #FF780F;
      color: #FFF;
      border-radius: 12px 12px 0px 0px;
      box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.08);
  }

  .tab-section {
      display: none;
      padding: 0;
      border-radius: 0 0 10px 10px;
  }

  .tab-section.active {
      display: block;
      width: 100%;
      max-width: 100%;
  }

  /* On cache les liens des groupes à transformer */
  .link-group {
      display: none;
  }

  .select-replace {
      display: block;
      outline: none;
  }

  .myflex .buttons-selects {
      box-shadow: 0px 3px 6px 0px rgba(41, 41, 41, 0.08);
      border-radius: 0px 0px 0px 12px;
      background: var#FFF;
      height: 225px;
      color: #292929;
      border: none;
      padding: 23px;
  }

  .image-section img {
      max-width: 100%;
      display: block;
      height: 100%;
      border: 0px;
      cursor: pointer;
      border-radius: 0px 0px 12px 0px;
      max-height: 272px;
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  .body-item-cart > a > img {max-width: 85px;}
}

.slider1-filter-button, .slider2-filter-button {
  padding: 10px 20px;
  border: 1px solid #292929;
  background: white;
  border-radius: 25px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.3s ease;
  color: #292929;
  text-decoration: none;
  display: inline-block;
  outline: none;
}

.bestseller-active {
  border: 1px solid #292929;
  background: #292929;
  color: #FFF;
}

.slider1-filter-button:not(.bestseller-active):hover,.slider2-filter-button:not(.bestseller-active):hover {
  background: #DCDCDC !important;
}

.bt-pan-w-plus {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding: 18px 36px;
  gap: 12px;
  flex: 1 0 0;
  background: var(--Orange, #FF780F);
  border-radius: 6px;
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.pay-complement {
  padding: 7px 3px;
  border-radius: 4px;
  background: var(--International-Orange-500, #FF780F);
  box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.08);
  color: white;
  font-size: 12px;
  font-weight: 600;
}

.product-image {
  object-fit: contain!important;
}

.col-xs-12 > form > .cube-prod {
  margin-bottom: 14px;
}