.wrapper_produit {
  display: grid;
  row-gap: 40px;
  grid-template-areas:
    "proddetail"
    "prodautre"
  ;
  /* justify-content: center; */
  align-content: start;
}

.proddetail {
}

.prodautre {
}

.wrapper_proddetail {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit,minmax(500px,1fr));
}
.wrapper_proddetail_col2 {
  position: relative;
  padding: 0 0 10px 10px;
  text-align: left;
  max-width: 1000px;
}
.wrapper_proddetail_col1 {
  position: relative;
  padding: 0 0 10px 10px;
  text-align: left;
  justify-self: end;
}
@media only screen and (max-width: 1040px){
  .wrapper_proddetail {
    grid-template-columns: auto;
  }
  .wrapper_proddetail_col1 {
    justify-self: center;
  }
}
.wrapper_prodcolor {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
  text-align: center;
}
.wrapper_prodcolor_col {
  position: relative;
  width: 64px;
  padding-top: 2px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.wrapper_prodautre {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(auto-fit,320px);
  justify-content: center;
}
.wrapper_prodautre_col {
  position: relative;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.wrapper_prodautredetail {
  display: grid;
  grid-template-columns: 120px minmax(auto,600px) 100px 120px 110px;
  justify-content: center;
}
.wrapper_prodautredetail_col {
  position: relative;
  padding-bottom: 10px;
  text-align: left;
  max-width: 640px;;
}
.prodautredetailentetecol{
  background-color: #f8f8f8;
  padding: 4px;
}
.prodautredetailentetecol.center{
  text-align: center;
}
.prodautredetailentetecol.left{
  text-align: left;
}
.prodautredetailentetecol.right{
  text-align: right;
}
.prodautredetailtitretxt {
  font-weight:bold;
  font-size:12px;
  color:#000
}
.prodautredetailcell {
  border-bottom: 1px solid #c0c0c0;
  padding:8px;
}
.prodautredetailcell.nbrecell {
  padding-top:14px;
}
.prodautredetailcell.center {
  text-align: center;
}
.prodautredetailcell.left {
  text-align: left;
}
.prodautredetailcell.right {
  text-align: right;
}
.prodautreimg_small {
  width:100px;
}
.prodautredetaillibtxt {
  font-weight:normal;
  font-size:12px;
  color:#000
}
.prodautredetailnbretxt {
  font-weight:normal;
  font-size:16px;
  color:#000
}
.qteprodautre{
  display:inline-block;
  font-size:12px;
  color:#fff;
  width:28px;
  height:28px;
  background-color:#AFBFBE;
  background-repeat:no-repeat;
  background-position:center center;
  vertical-align: top;
  cursor:pointer;
  text-decoration: none;
  border: 0px solid #fff;
}
.qteprodautre.moins{
  background-image:url(../img/qtemoins28.png);
}
.qteprodautre.plus{
  background-image:url(../img/qteplus28.png);
}
.qteprodautrenbre{
  display:inline-block;
  font-size:16px;
  color:#000;
  width:40px;
  height:28px;
  border: 1px solid #AFBFBE;
  margin:0 1px 0 1px;
  vertical-align: top;
  text-align: center;
}

.prodimg_small {
  width:320px;
  /*height:215px;
  object-fit:contain; */
}
.prodimg_medium {
  /* width:640px;
  height:480px; */
  object-fit:contain;
}
.prodalltxt1left{
  width:50%;
  float:left;
  text-align:left;
}
.prodalltxt1right{
  width:50%;
  float:right;
  text-align:right;
}
.prodtxt1 {
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  color:#000
}
.prodtxtsub1 {
  font-weight:normal;
  font-size:10px;
  color:#000
}

.prodtxtautretitre{
  font-weight:bold;
  font-size:20px;
  text-transform:uppercase;
  color:#AFBFBE;
  grid-column: 1/5;
  margin-bottom:10px;
}
.prodtxtlib {
  font-weight:bold;
  font-size:20px;
  text-transform:uppercase;
  color:#000;
  padding-bottom: 10px;
}
.prodtxttheme {
  font-weight:bold;
  font-size:16px;
  color:#000;
  padding-bottom: 6px;
}
.prodtxtdescription {
  font-weight:normal;
  font-size:14px;
  color:#000;
  padding-bottom: 6px;
}
.prodtxtreference {
  font-weight:normal;
  font-size:11px;
  color:#000;
  padding-bottom: 6px;
  padding-top: 6px;
}
.prodtxtcomposition {
  font-weight:normal;
  font-size:14px;
  color:#000;
  padding-bottom: 6px;
}
.prodtxtsousmatiere {
  font-weight:normal;
  font-size:14px;
  color:#000;
  padding-bottom: 6px;
}
.prodtxtcouleur {
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  color:#000;
  padding-top: 20px;
  padding-bottom: 10px;
}
.prodtxttitreinfo {
  font-weight:bold;
  font-size:12px;
  text-transform:uppercase;
  color:#000;
  padding-top: 20px;
  padding-bottom: 10px;
}
.prodcolor{
  width:52px;
  height:36px;
  border-radius:50%;
  border:1px solid #000;
  margin-left: 6px;
  overflow: hidden;
}
.prodcolortxt{
  margin:2px 0 2px 0;
  /* width: 52px; */
}
.prodmulticolor{
  background-image:url('../img/multicolor.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size: cover;
}
.proddimension{
  width:120px;
  font-size:12px;
  color:#000;
  display:inline-block;
  background-color:#e0e0e0;
  padding:10px 20px 10px 20px;
  margin:6px;
  cursor:pointer;
}
.prodbtninfo{
  font-size:12px;
  color:#fff;
  width:max-content;
  background-color:#AFBFBE;
  padding:10px 20px 10px 20px;
  margin:6px;
  cursor:pointer;
}
.prodtxtinfo{
  font-weight:normal;
  font-size:14px;
  color:#000;
  /* padding-bottom: 6px; */
}
.prodinfodetail{
  transition: height 0.3s;
  transition-timing-function: cubic-bezier(0, 0.35, 1, 0.75);
  overflow: hidden;
}
.qtepaniermoins{
  display:inline-block;
  font-size:12px;
  color:#fff;
  width:34px;
  height:34px;
  background-color:#AFBFBE;
  background-image:url(../img/qtemoins.png);
  background-repeat:no-repeat;
  background-position:center center;
  vertical-align: top;
  cursor:pointer;
  text-decoration: none;
  border: 0px solid #fff;
}
.qtepanierplus{
  display:inline-block;
  font-size:12px;
  color:#fff;
  width:34px;
  height:34px;
  background-color:#AFBFBE;
  background-image:url(../img/qteplus.png);
  background-repeat:no-repeat;
  background-position:center center;
  vertical-align: top;
  cursor:pointer;
  text-decoration: none;
  border: 0px solid #fff;
}
.qtepanier{
  display:inline-block;
  font-size:24px;
  color:#000;
  width:50px;
  height:34px;
  border: 1px solid #AFBFBE;
  margin:0 1px 0 1px;
  vertical-align: top;
  text-align: center;
}
.btnajoutpanier{
  display:inline-block;
  font-size:14px;
  color:#fff;
  width:max-content;
  height:34px;
  background-color:#AFBFBE;
  padding:10px 20px 10px 20px;
  margin-left:6px;
  vertical-align: top;
  cursor:pointer;
}
.btnajoutpanier.ajout{
  background-color:#ff0000;
}
.btnsavevide
{
  font-family:Spartan;
  font-size:14px;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
  border:2px #E3A244 solid;
  background-color:#f8f8f8;
  background-image:url(../img/save.png);
  background-repeat:no-repeat;
  background-position:center center;
  height:26px;
  width:26px;
  cursor:pointer;
}
.prodtxtprix {
  font-weight:normal;
  font-size:14px;
  color:#000;
  padding-bottom: 6px;
}
.prodtxtecotaxe {
  font-weight:normal;
  font-size:10px;
  color:#000;
  padding-bottom: 6px;
}
.prodtxtstock {
  font-weight:normal;
  font-size:12px;
  color:#000;
  padding: 3px 0 0 0;
}
.prodtxtfds {
  font-weight:normal;
  font-size:12px;
  color:#f00;
  padding: 3px 0 3px 0;
}

.qtepanier28{
  display:inline-block;
  font-size:12px;
  color:#fff;
  width:28px;
  height:28px;
  background-color:#AFBFBE;
  background-repeat:no-repeat;
  background-position:center center;
  vertical-align: top;
  cursor:pointer;
  text-decoration: none;
  border: 0px solid #fff;
}
.qtepanier28.moins{
  background-image:url(../img/qtemoins28.png);
}
.qtepanier28.plus{
  background-image:url(../img/qteplus28.png);
}
.qtepanier28nbre{
  display:inline-block;
  font-size:16px;
  color:#000;
  width:40px;
  height:28px;
  border: 1px solid #AFBFBE;
  margin:0 1px 0 1px;
  vertical-align: top;
  text-align: center;
}