.vgn{display:inline-block;position:relative;width:300px;box-shadow:2px 4px 12px 0 rgba(0,0,0,0.25);border-radius:25px}
.vgn img{border-radius:25px 25px 0 0}
.vgn:hover>a>img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.vgn .fullClic{position:absolute;inset:0;z-index:1}
.vgnNote{position:absolute;top:124px;color:#fff;width:calc(100% - 10px);text-align:right;background-color:rgba(39,33,30,0.4);padding:4px 10px 4px 0}
.etoile{width:17px;height:17px;vertical-align:text-top}
.vgnTxt{padding:15px;display:flow-root}
.vgnTxt>div:nth-child(1){font-weight:600;height:75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.vgnTxt>div:nth-child(2){height:40px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vgnPoiLink{display:inline-block;position:relative;z-index:2}
.vgnPoiLink:hover{text-decoration:underline}
.vgnInfos{width:100%;margin-top:10px}
.vgnInfos>div:nth-child(2){font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:10px}
.vgnInfos>div:nth-child(2)::before{content:'';background-image:url(/images/vignette_poi.png);margin-top:10px;margin-right:5px;width:9px;height:13px;display:inline-block;position:relative;top:1px}
.vgnInfos>div:nth-child(1){text-align:right;float:right}
.vgnInfos>div:nth-child(1)>span:nth-child(1){font-size:18px;font-weight:500;color:#acacac;text-decoration:line-through;margin-right:10px}
.vgnInfos>div:nth-child(1)>span:nth-child(2){font-size:24px;font-weight:700}
.vgn>.infosSup{position:absolute;top:0;right:0;cursor:pointer;border-radius:0 23px 0 23px;font-weight:700;padding:10px;text-align:center;z-index:0;font-weight:600;font-size:20px}
.vgn>.infosSup>span{font-size:smaller;display:block}
.vgn>.infosPromo{background-color:var(--jauneLBE)}
.colorDM{color:red}
.vgn>.infosDM{background-color:red;color:#fff}
.colorBP{color:#09637c}
.vgn>.infosBP{background-color:#09637c;color:#fff;font-size:20px}
.bigVgnBP{display:table;width:100%;cursor:pointer;margin:20px auto;max-width:1200px}
.bigVgnBP>div{display:table-cell;vertical-align:top}
.bigVgnBP>div:nth-child(1){width:600px;height:300px}
.bigVgnBP>div:nth-child(1)>img{border-radius:23px 0 0 23px}
.bigVgnBP .bigVgnBpTxt{display:flex;width:calc(100% - 10px);flex-direction:column;justify-content:space-between;height:300px;padding-left:10px}
.bigVgnBP .bigVgnBpTxt1>div:nth-child(1){font-size:18px;font-weight:700}
.bigVgnBP .bigVgnBpTxt2{background-color:#f3f3f3;padding:10px 0 10px 10px;border-bottom-right-radius:23px}
.bigVgnBP .bigVgnBpTxt2>div:nth-child(1){display:table;width:100%}
.bigVgnBP .bigVgnBpTxt2>div:nth-child(1)>div{display:table-cell}
.bigVgnBP .bigVgnBpTxt2>div:nth-child(1)>div:nth-child(2){vertical-align:middle;padding-left:10px;text-align:right}
.bigVgnBP .bigVgnBpEtiq{display:inline-block;padding:5px;background-color:#fff;color:#09637c;font-size:14px;margin-top:10px}
.bigVgnBP .bigVgnBpEtiq:nth-child(2){font-weight:bold}
.bigVgnBP .bigVgnBpEtiq:nth-child(2)>span{display:inline}
.bigVgnBP .bigVgnBpEtiq:nth-child(2)>span:nth-child(1){font-size:smaller;text-decoration:line-through}
.bigVgnBP .bigVgnBpEtiq:nth-child(2)>span:nth-child(2){font-size:large}
.bigVgnBP .bigVgnBpTxt2>div:nth-child(1)>div:nth-child(1){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.bigVgnBP .bigVgnBpTxt2>div:nth-child(2){padding-top:10px;font-weight:bold}
.bigVgnBP:hover>div:nth-child(1)>img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.bigVgnBP:hover .bigVgnBpTxt2{background-color:#09637c;color:#fff}
.vgn .decoGO{position:absolute;height:65px;top:10px;left:10px}
.vgn .decoFDM{background:url("/public/images/deco/feteDesMeres/flocageVgn.png?d=2") no-repeat;width:75px}
.vgn .decoFDP{background:url("/public/images/deco/feteDesPeres/flocageVgn.png") no-repeat;width:75px;height:75px}
.vgn .decoSLD{background:url("/public/images/deco/soldes/stick.png") no-repeat;width:90px;height:90px}
@media screen and (max-width:768px){.bigVgnBP{display:block}
.bigVgnBP>div{display:block;width:100%}
.bigVgnBP>div:nth-child(1){width:100%;height:auto}
.bigVgnBP>div:nth-child(1)>img{border-radius:23px 23px 0 0}
.bigVgnBP .bigVgnBpTxt{width:100%;height:auto;padding-left:0}
.bigVgnBP .bigVgnBpTxt1{padding-bottom:10px}
.bigVgnBP .bigVgnBpTxt2{border-bottom-left-radius:23px}
}