.bl_accueil .header_pobc                                {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: stretch;}
.bl_accueil .row_pub1x1					            	{max-width:315px; height:315px; width:100%; flex-shrink: 0; background:#fff; color:#353535; margin:0px 0px 15px 0px; display:inline-block; overflow:hidden; transition:all .2s ease-out;}
.bl_accueil .row_pub1x1 img                             {width:315px; height:315px;}
.bl_accueil .row_pub1x1:hover 				            {box-shadow:0px 0px 5px rgba(0,0,0,0.1) ;}

.gridprod                                               {width: 100%; height: auto; display: flex; flex-direction: row; justify-content:center; gap: 20px; align-items: center; align-content: flex-start; flex-wrap: wrap; transition: all .250s ease-out; }
.gridprod .row_prod				                        {width:calc(33% - 15px); height:auto; display: flex; flex-direction: column; background:#fff; color:#353535; margin:0px; padding: 0px 0px 15px 0px; transition:all .2s ease-out; border-radius: 7px; max-width: 320px; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.025);}
.gridprod .row_prod:hover 			                    {box-shadow:0px 0px 5px rgba(0,0,0,0.1) ;}
.gridprod .row_prod:hover .inner .back_img img 			{transform: scale(1.05); transition: all .2s ease-out;}
.gridprod .inner                                        {position: relative; width: 100%; height: 100%; margin: 0px; display: block; border-radius: 7px;}
.gridprod .nowayclass                                   {width:100%; height:100%; display: flex; flex-direction: column; border-radius: 7px;}
.gridprod .inner .title 					            {width:calc(100% - 30px); height:auto; display:block; font-size:14px; line-height:1.2em; text-align:left; font-weight:bold; color:#333; padding:9px 0px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin:0px auto;}
.gridprod .inner .description 				            {width:calc(100% - 30px); height:40px; max-height:43px; display:block; font-size:12px; line-height:1.3em; text-align:left; font-weight:normal; color:#666; padding:9px 0px; overflow:hidden; text-overflow: ellipsis; white-space: break-spaces; margin: 3px auto;}
.gridprod .inner .contener_img_1			            {width:80%; height:480px; display:block; z-index:2; overflow:hidden; }
.gridprod .inner .back_img					            {width:100%; height:auto; max-height:300px; display:flex; text-align: center; margin:0px auto 10px auto; position: relative; overflow:hidden; aspect-ratio: 1; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.gridprod .inner .back_img img 				            {position:absolute; top:0px; width:100%; margin:0px auto;}
.gridprod .inner .back_img .kado                        {position:absolute; display: block; top:20px; right:20px; width:35px; height:35px; background-image:url('../img/boutons/gift.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; animation: bounce 2s ease infinite;}
.gridprod .inner .zone-price				            {width:calc(100% - 30px); margin:8px auto 8px auto; font-size:18px; font-weight:bold; line-height:1.2em; color:var(--background_head2); text-align:right; display: flex; align-items:flex-start; justify-content:flex-start;}
.gridprod .inner .zone-price sup			            {vertical-align: super; font-size: 13px;}
.gridprod .inner .zone-price .zone-price_ht             {width:auto; font-size:12px; font-weight:normal; color:#afafaf; margin:0px 0px 0px 5px; line-height: 28px;}
.gridprod .inner .zone-price .zone-price_ht sup         {vertical-align: super; font-size: 11px;}
.gridprod .inner .refinterne 				            {font-size:11px; color:#999; margin:5px 0px; width:100%; text-align: center;} 
.gridprod .inner .logointerne                           {width:100%; height:26px; position:relative;}
.gridprod .inner .infomarque				            {position: absolute; top:0px; right:15px;}
.gridprod .inner .infomarque img 			            {width:85px;}
.gridprod .inner .tag                        {background: #eee; border-radius: 3px 0 0 3px; color: #999; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: absolute; top:0px; left: 10px; margin: 0 10px 10px 0; text-decoration: none;}
.gridprod .inner .tag::before                {background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px;}
.gridprod .inner .tag::after                 {background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; }
.gridprod .inner .nouveau                    {background:#fffb00; color:#000;}
.gridprod .inner .nouveau:after              {border-left: 10px solid #fffb00;}
.gridprod .inner .promo                      {background:#4be064; color:#000;}
.gridprod .inner .promo:after                {border-left: 10px solid #4be064;}
.gridprod .inner .destock                    {background:var(--color_theme); color:#fff;}
.gridprod .inner .destock:after              {border-left: 10px solid var(--color_theme);}
.gridprod .inner .zoneaction                {width: calc(100% - 30px); height:45px; display: flex; align-items: center; justify-content: space-around; padding-top: 20px; margin: 0px auto; }
.gridprod .inner .zoneaction .addcart                              {position: relative;  border: solid 1px var(--color_theme); color: var(--background_gen); padding: 10px 20px; margin: 0; cursor: pointer; width:calc(50% - 50px); background:var(--color_theme); text-align: center; display: flex; transition: all .2s ease-out; border-radius:7px;}
.gridprod .inner .zoneaction .addcart svg                          {height:1.4em; margin: 0px auto;}
.gridprod .inner .zoneaction .addcart:hover                        {background: var(--color_theme_h); transform: translateY(-2px);}
.gridprod .inner .zoneaction .nocart                               {position: relative; margin: 0; width: 92px; text-align: center; display: flex; transition: all .2s ease-out;}
.gridprod .inner .zoneaction .viewdet                              {position: relative;  border: solid 1px var(--color_theme); color: var(--background_gen); padding: 10px 20px; margin: 0; cursor: pointer; width: calc(50% - 50px); background:#fffcf4; text-align: center; display: flex; transition: all .2s ease-out; border-radius:7px;}
.gridprod .inner .zoneaction .viewdet svg                          {height:1.4em; margin: 0px auto;}
.gridprod .inner .zoneaction .viewdet:hover                        {background:var(--color_theme_h); transform: translateY(-2px);}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-10%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-5%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-2.5%); }
    100% { transform:translateY(0); }
}