@import url("../include/main.css.php");

@font-face {
    font-family: "Arial MT extra bold";
    src: url("../../../assets/fonts/ArialMTExtraBold.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "Edouard condensed bold";
    src: url("../../../assets/fonts/edouardbeta-condensedbold.woff") format('woff');
    font-weight: bold;
    font-stretch: 1% 500%;
}

@font-face {
    font-family: "Univers 57 condensed";
    src: url("../../../assets/fonts/Univers_57_Condensed.woff") format('woff');
    font-stretch: 1% 500%;
}

@font-face {
    font-family: "Univers 47 bold condensed";
    src: url("../../../assets/fonts/Univers_47_Bold_Condensed.woff2") format('woff');
    font-weight: bold;
    font-stretch: 1% 500%;
}

.afficheproduit {
    width: 100vw;
    height: 100vh;
    text-shadow: none;
}

.gencode {
    position: absolute;
    display: none;
    right: 0;
    bottom: 0;
}

.imageproduit {
    position: absolute;
    width: 100vw;
    height: 50vh;
    top: 0;
    left: 0;
}

.imageproduit img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.periodeoffre {
    position: absolute;
    width: 100vw;
    height: 5vh;
    top: 50vh;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Arial MT extra bold';
    font-size: 2vh;
    line-height: 5vh;
}

.zoneproduit {
    position: absolute;
    width: 100vw;
    height: 37vh;
    top: 55vh;
    left: 0;
    font-family: 'Arial MT extra bold';
}

.bandeautitre {
    position: absolute;
    width: 98vw;
    height: 7vh;
    top: 1vh;
    left: 1vw;
    text-align: center;
    text-transform: uppercase;
    font-size: 3vh;
    line-height: 1.1em;
}

.moto {
    position: absolute;
    width: 100vw;
    height: 8vh;
    top: 92vh;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Arial MT extra bold';
    font-size: 1.9vh;
    line-height: 7vh;
}

.blocprix {
    font-family: 'Edouard condensed bold';
    position: absolute;
    width: 52vw;
    height: 20vh;
    top: 14vh;
    left: 1vw;
}

.prixeurosshort,
.prixeuros3,
.prixeuros4,
.prixeuros5,
.prixeuroslong {
    position: absolute;
    width: 28vw;
    height: 100%;
    left: 0;
    top: 0;
    text-align: right;
}

.prixeurosshort {
    font-size: 20vh;
    line-height: 1;
}

.prixeuros3,
.prixeuros4,
.prixeuros5,
.prixeuroslong {
    font-size: 13vh;
    line-height: 24.5vh;
    transform-origin: left;
}

.prixeuros4 {
    transform: scaleX(.75);
}

.prixeuros5 {
    transform: scaleX(.6);
}

.prixeuroslong {
    transform: scaleX(.5);
}

.prixbarreeuros {
    position: absolute;
    width: 12vw;
    height: 100%;
    left: 0;
    top: 0;
    text-align: right;
    font-size: 6.3vh;
    line-height: 1;
}

.prixsymbole,
.prixsymbolesmall {
    position: absolute;
    width: 5vw;
    height: 10vh;
    text-align: left;
}

.prixsymbole {
    top: 3vh;
    left: 31vw;
    font-size: 8vh;
    line-height: 1;
}

.prixsymbolesmall {
    top: 6.5vh;
    left: 30vw;
    font-size: 6vh;
    line-height: 8vh;
}

.prixbarresymbole {
    position: absolute;
    width: 5vw;
    height: 10vh;
    top: 1vh;
    left: 13vw;
    text-align: left;
    font-size: 2.5vh;
    line-height: 2.5vh;
}

.prixseparateur,
.prixseparateursmall {
    position: absolute;
    width: 2vw;
    height: 20vh;
    top: 11vh;
    left: 27vw;
    text-align: left;
}

.prixseparateur {
    font-size: 6vh;
    line-height: 1;
}

.prixseparateursmall {
    font-size: 4vh;
    line-height: 8vh;
}

.prixbarreseparateur {
    position: absolute;
    width: 2vw;
    height: 20vh;
    top: 3.5vh;
    left: 11.7vw;
    text-align: left;
    font-size: 2vh;
    line-height: 1;
}

.prixcents,
.prixcentssmall {
    position: absolute;
    width: 8vw;
    height: 20vh;
    top: 9.7vh;
    text-align: left;
}

.prixcents {
    left: 31vw;
    font-size: 8vh;
    line-height: 1;
}

.prixcentssmall {
    left: 30vw;
    font-size: 6vh;
    line-height: 9.5vh;
}

.prixbarrecents {
    position: absolute;
    width: 8vw;
    height: 20vh;
    top: 3.2vh;
    left: 13vw;
    text-align: left;
    font-size: 2.5vh;
    line-height: 1;
}

.blocdescription {
    position: absolute;
    width: 44vw;
    height: 13vh;
    top: 8vh;
    left: 55vw;
    text-align: left;
    font-size: 1.2vh;
    line-height: 1.4vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blocorigine {
    position: absolute;
    width: 37vw;
    height: 28vh;
    top: 22vh;
    left: 55vw;
    text-align: left;
    font-family: 'Univers 57 condensed';
}

.originedrapeau {
    position: absolute;
    width: 12vw;
    height: 3vh;
    top: 0;
    left: 25vw;
}

.originedrapeau>img {
    width: 100%;
    height: 100%;
}

.originetype {
    position: absolute;
    width: 20vw;
    height: 3vh;
    top: -0.6vh;
    left: 0;
    font-size: 4vh;
    line-height: 1;
    font-stretch: extra-condensed;
    text-transform: uppercase;
    transform-origin: center left;
}

.originetype>div {
    width: fit-content;
    white-space: nowrap;
}

.origine {
    position: absolute;
    width: 100%;
    height: 23vh;
    top: 2vh;
    left: 0;
    font-size: 12vh;
    line-height: 1;
    font-stretch: ultra-condensed;
    text-transform: uppercase;
    transform-origin: center left;
}

.origine>div {
    width: fit-content;
    white-space: nowrap;
}

.origineextra {
    position: absolute;
    width: 100%;
    top: 12.5vh;
    font-size: 1.5vh;
    text-transform: uppercase;
}

.blocprixbarre {
    position: absolute;
    width: 14vh;
    height: 8vh;
    top: 10vh;
    left: 10vw;
    font-family: 'Edouard condensed bold';
}

.blocgratuitepetit,
.blocpastilleleclercpetit {
    position: absolute;
    width: 8vh;
    height: 8vh;
    left: 38vw;
    text-align: center;
    font-family: 'Edouard condensed bold';
    display: flex;
    align-items: center;
    justify-content: center;
}

.blocgratuitepetit {
    top: 9vh;
}

.blocpastilleleclercpetit {
    top: 10vh;
    z-index: 2;
}

.blocgratuitegrand,
.blocpastilleleclercgrand {
    position: absolute;
    width: 23vh;
    height: 23vh;
    top: 9vh;
    left: 9vw;
    text-align: center;
    font-family: 'Edouard condensed bold';
}

.blocgratuitepetit>img,
.blocpastilleleclercpetit>img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.blocpastilleleclercpetit,
.blocpastilleleclercgrand {
    color: rgb(0, 97, 165);
}

.blocgratuitegrand>img,
.blocpastilleleclercgrand>img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.gratuitepourhaut {
    position: absolute;
}

.blocgratuitepetit>.gratuitepourhaut {
    height: 4vh;
    top: -0.2vh;
    left: 1vh;
    width: 6vh;
    font-size: 4vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuitepourhaut {
    width: 15vh;
    height: 10vh;
    top: -1vh;
    left: 4vh;
    font-size: 12vh;
    line-height: 1;
}

.gratuitepourmilieu {
    position: absolute;
    text-transform: uppercase;
}

.blocgratuitepetit>.gratuitepourmilieu {
    height: 2vh;
    top: 2.9vh;
    left: 1vh;
    width: 6vh;
    font-size: 2vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuitepourmilieu {
    width: 15vh;
    height: 4vh;
    top: 8.2vh;
    left: 4vh;
    font-size: 6vh;
    line-height: 1;
}

.gratuitepourbas {
    position: absolute;
}

.blocgratuitepetit>.gratuitepourbas {
    height: 4vh;
    top: 3.8vh;
    left: 1vh;
    width: 6vh;
    font-size: 4vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuitepourbas {
    width: 15vh;
    height: 2vh;
    top: 11vh;
    left: 4vh;
    font-size: 12vh;
    line-height: 1;
}

.gratuiteofferthaut,
.gratuiteoffertbas {
    position: absolute;
    text-transform: uppercase;
    white-space: nowrap;
    transform-origin: center;
    display: flex;
    justify-content: center;
}

.blocgratuitepetit>.gratuiteofferthaut {
    width: 6vh;
    height: 4vh;
    top: 2vh;
    left: 1vh;
    font-size: 1.7vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuiteofferthaut {
    width: 21vh;
    height: 4vh;
    top: 5.5vh;
    left: 1vh;
    font-size: 5vh;
    line-height: 1;
}

.gratuiteofferthaut>div,
.gratuiteoffertbas>div {
    width: fit-content;
    white-space: nowrap;
}

.blocgratuitepetit>.gratuiteoffertmilieu {
    position: absolute;
    width: 6vh;
    height: 2vh;
    top: 3.1vh;
    left: 1vh;
    font-size: 1.7vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuiteoffertmilieu {
    position: absolute;
    width: 21vh;
    height: 4vh;
    top: 6.7vh;
    left: 1vh;
    font-size: 8vh;
    line-height: 1;
}

.blocgratuitepetit>.gratuiteoffertbas {
    width: 6vh;
    height: 2vh;
    top: 4.5vh;
    left: 1vh;
    font-size: 1.7vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuiteoffertbas {
    width: 21vh;
    height: 4vh;
    top: 12vh;
    left: 1vh;
    font-size: 5vh;
    line-height: 1;
}

.gratuiteplushaut {
    position: absolute;
    white-space: nowrap;
    transform-origin: center;
}

.gratuiteplushaut>div {
    width: fit-content;
    white-space: nowrap;
}

.blocgratuitepetit>.gratuiteplushaut {
    width: 6vh;
    height: 4vh;
    top: 1vh;
    left: 1vh;
    font-size: 4.5vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuiteplushaut {
    width: 21vh;
    height: 4vh;
    top: 3vh;
    left: 1vh;
    font-size: 14vh;
    line-height: 1;
    display: flex;
    justify-content: center;
}

.gratuiteplustbas {
    position: absolute;
    text-transform: uppercase;
    white-space: nowrap;
}

.blocgratuitepetit>.gratuiteplustbas {
    width: 6vh;
    height: 2vh;
    top: 5vh;
    left: 1vh;
    font-size: 1.5vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuiteplustbas {
    width: 100%;
    height: 2vh;
    top: 15vh;
    left: 0;
    font-size: 4vh;
    line-height: 1;
    text-align: center;
}

.gratuitenormalavecdecimal,
.gratuitenormalsansdecimal,
.gratuitenormalavecdecimalaveccommentaire,
.gratuitenormalsansdecimalaveccommentaire {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.blocgratuitepetit>.gratuitenormalavecdecimal {
    transform: translate(0.6vh, 0);
}

.blocgratuitegrand>.gratuitenormalavecdecimal {
    transform: translate(1.7vh, 0);
}

.blocgratuitepetit>.gratuitenormalavecdecimalaveccommentaire {
    transform: translate(0.6vh, -1vh);
}

.blocgratuitegrand>.gratuitenormalavecdecimalaveccommentaire {
    transform: translate(1.7vh, -2.8vh);
}

.blocgratuitepetit>.gratuitenormalsansdecimalaveccommentaire {
    transform: translate(-.3vh, -1vh);
}

.blocgratuitegrand>.gratuitenormalsansdecimalaveccommentaire {
    transform: translate(0, -2.8vh);
}

.blocgratuitepetit .gratuitenormalsigne {
    font-size: 4vh;
    line-height: 1;
    /*transform: translate(0, -1vh);*/
    font-family: 'Univers 47 bold condensed';
}

.blocgratuitepetit .gratuitenormaleuros {
    font-size: 4vh;
    line-height: 1;
    font-family: 'Univers 47 bold condensed';
}

.blocgratuitepetit .gratuitenormalseparateur {
    font-size: 1.7vh;
    line-height: 1;
    font-family: 'Univers 47 bold condensed';
}

.blocgratuitepetit .gratuitenormalcents {
    font-family: 'Univers 47 bold condensed';
    font-size: 1.4vh;
    line-height: 1;
}

.blocgratuitepetit .gratuitenormalsymbole {
    font-size: 3vh;
    line-height: 1;
}

.blocgratuitepetit>.gratuitenormalavecdecimal>.gratuitenormalsymbole,
.blocgratuitepetit>.gratuitenormalavecdecimalaveccommentaire>.gratuitenormalsymbole {
    transform: translate(-1.7vh, -1.1vh);
}

.blocgratuitepetit .gratuitenormalcommentaire {
    font-size: 1.2vh;
    line-height: 1vh;
    position: absolute;
    width: 7vh;
    height: 2vh;
    top: 4.8vh;
    text-transform: uppercase;
    overflow: hidden;
}

.blocgratuitepetit>.gratuitenormalavecdecimalaveccommentaire>.gratuitenormalcommentaire {
    left: -0.2vh;
}

.blocgratuitepetit .gratuitenormalcommentaire>.commentaireleftborder,
.blocgratuitepetit .gratuitenormalcommentaire>.commentairerightborder {
    height: 2vh;
    width: 1vh;
}

.blocgratuitepetit .gratuitenormalcommentaire>.commentaireleftborder,
.blocgratuitegrand .gratuitenormalcommentaire>.commentaireleftborder,
.blocpastilleleclercpetit .pastilleleclerccommentaire>.commentaireleftborder,
.blocpastilleleclercgrand .pastilleleclerccommentaire>.commentaireleftborder {
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    float: left;
    shape-outside: polygon(0 0, 100% 100%, 0 100%);
}

.blocgratuitepetit .gratuitenormalcommentaire>.commentairerightborder,
.blocgratuitegrand .gratuitenormalcommentaire>.commentairerightborder,
.blocpastilleleclercpetit .pastilleleclerccommentaire>.commentairerightborder,
.blocpastilleleclercgrand .pastilleleclerccommentaire>.commentairerightborder {
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    float: right;
    shape-outside: polygon(100% 0, 100% 100%, 0 100%);
}

.blocgratuitepetit>.gratuitenormalsansdecimal>.gratuitenormalsymbole,
.blocgratuitepetit>.gratuitenormalsansdecimalaveccommentaire>.gratuitenormalsymbole {
    transform: translate(0, -1.1vh);
}

.blocgratuitepetit>.gratuitenormalsansdecimalaveccommentaire>.gratuitenormalcommentaire {
    left: -0.6vh;
}

.blocgratuitegrand>div {
    width: 19vh;
    height: 19vh;
    top: 2vh;
    left: 2vh;
}

.blocgratuitegrand>.gratuitenormalsansdecimal,
.blocgratuitegrand>.gratuitenormalavecdecimal {
    top: 4vh;
}

.blocgratuitegrand>.gratuitenormalsansdecimalaveccommentaire,
.blocgratuitegrand>.gratuitenormalavecdecimalaveccommentaire {
    top: 4vh;
}

.blocgratuitegrand .gratuitenormalsigne {
    font-size: 5.5vh;
    line-height: 1;
    transform: translate(0, -2.8vh);
}

.blocgratuitegrand .gratuitenormaleuros {
    font-size: 14vh;
    line-height: 1;
}

.blocgratuitegrand .gratuitenormalseparateur {
    font-size: 4vh;
    line-height: 1;
}

.blocgratuitegrand .gratuitenormalcents {
    font-size: 4.5vh;
    line-height: 1;
}

.blocgratuitegrand .gratuitenormalsymbole {
    font-size: 8.5vh;
    line-height: 1;
}

.blocgratuitegrand>.gratuitenormalavecdecimal>.gratuitenormalsymbole,
.blocgratuitegrand>.gratuitenormalavecdecimalaveccommentaire>.gratuitenormalsymbole {
    transform: translate(-5vh, -3vh);
}

.blocgratuitegrand .gratuitenormalcommentaire {
    font-size: 3.4vh;
    line-height: 2.8vh;
    position: absolute;
    width: 100%;
    height: 5.5vh;
    top: 12.5vh;
    text-transform: uppercase;
    overflow: hidden;
}

.blocgratuitegrand>.gratuitenormalavecdecimalaveccommentaire>.gratuitenormalcommentaire {
    left: -2.2vh;
}

.blocgratuitegrand .gratuitenormalcommentaire>.commentaireleftborder,
.blocgratuitegrand .gratuitenormalcommentaire>.commentairerightborder {
    height: 5.5vh;
    width: 2.8vh;
}

.blocgratuitegrand>.gratuitenormalsansdecimal>.gratuitenormalsymbole,
.blocgratuitegrand>.gratuitenormalsansdecimalaveccommentaire>.gratuitenormalsymbole {
    transform: translate(0, -3vh);
}

.pastilleleclercavecdecimal,
.pastilleleclercsansdecimal,
.pastilleleclercavecdecimalaveccommentaire,
.pastilleleclercsansdecimalaveccommentaire {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.blocpastilleleclercpetit>.pastilleleclercavecdecimal {
    transform: translate(0.6vh, 0);
}

.blocpastilleleclercgrand>.pastilleleclercavecdecimal {
    transform: translate(1.7vh, 0);
}

.blocpastilleleclercpetit>.pastilleleclercavecdecimalaveccommentaire {
    transform: translate(0.6vh, -1vh);
}

.blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire {
    transform: translate(1.7vh, -2.8vh);
}

.blocpastilleleclercpetit>.pastilleleclercsansdecimalaveccommentaire {
    transform: translate(0, -1vh);
}

.blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire {
    transform: translate(0, -2.8vh);
}

.blocpastilleleclercpetit .pastilleleclerceuros {
    font-size: 5vh;
    line-height: 1;
}

.blocpastilleleclercpetit .pastilleleclercseparateur {
    font-size: 1.7vh;
    line-height: 1;
}

.blocpastilleleclercpetit .pastilleleclerccents {
    font-size: 1.7vh;
    line-height: 1;
}

.blocpastilleleclercpetit .pastilleleclercsymbole {
    font-size: 3vh;
    line-height: 1;
}

.blocpastilleleclercpetit>.pastilleleclercavecdecimal>.pastilleleclercsymbole {
    transform: translate(-1.7vh, -1.1vh);
}

.blocpastilleleclercpetit>.pastilleleclercavecdecimalaveccommentaire>.pastilleleclercsymbole {
    transform: translate(-1.7vh, -1.1vh);
}

.blocpastilleleclercpetit .pastilleleclerccommentaire {
    font-size: 1.2vh;
    line-height: 1vh;
    position: absolute;
    width: 7vh;
    height: 2vh;
    top: 4.8vh;
    text-transform: uppercase;
}

.blocpastilleleclercpetit .pastilleleclerccommentaire>.commentaireleftborder,
.blocpastilleleclercpetit .pastilleleclerccommentaire>.commentairerightborder {
    height: 2vh;
    width: 1vh;
}

.blocpastilleleclercpetit>.pastilleleclercsansdecimal>.pastilleleclercsymbole,
.blocpastilleleclercpetit>.pastilleleclercsansdecimalaveccommentaire>.pastilleleclercsymbole {
    transform: translate(0, -1.1vh);
}

.blocpastilleleclercpetit>.pastilleleclercavecdecimalaveccommentaire>.pastilleleclerccommentaire {
    left: -1.5vh;
}

.blocpastilleleclercpetit>.pastilleleclercsansdecimalaveccommentaire>.pastilleleclerccommentaire {
    left: -1.9vh;
}

.blocpastilleleclercgrand>div {
    width: 19vh;
    height: 19vh;
    top: 2vh;
    left: 2vh;
}

.blocpastilleleclercgrand>.pastilleleclercsansdecimal,
.blocpastilleleclercgrand>.pastilleleclercavecdecimal,
.blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire,
.blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire {
    top: 4.5vh;
}

.blocpastilleleclercgrand .pastilleleclerceuros {
    font-size: 14vh;
    line-height: 1;
}

.blocpastilleleclercgrand .pastilleleclercseparateur {
    font-size: 4vh;
    line-height: 1;
}

.blocpastilleleclercgrand .pastilleleclerccents {
    font-size: 4.5vh;
    line-height: 1;
}

.blocpastilleleclercgrand .pastilleleclercsymbole {
    font-size: 8.5vh;
    line-height: 1;
}

.blocpastilleleclercgrand>.pastilleleclercavecdecimal>.pastilleleclercsymbole,
.blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire>.pastilleleclercsymbole {
    transform: translate(-5vh, -3vh);
}

.blocpastilleleclercgrand .pastilleleclerccommentaire {
    font-size: 3.4vh;
    line-height: 2.8vh;
    position: absolute;
    width: 20vh;
    height: 5.5vh;
    top: 14vh;
    text-transform: uppercase;
}

.blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire>.pastilleleclerccommentaire {
    left: -2.2vh;
}

.blocpastilleleclercgrand .pastilleleclerccommentaire>.commentaireleftborder,
.blocpastilleleclercgrand .pastilleleclerccommentaire>.commentairerightborder {
    height: 5.5vh;
    width: 2.8vh;
}

.blocpastilleleclercgrand>.pastilleleclercsansdecimal>.pastilleleclercsymbole,
.blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire>.pastilleleclercsymbole {
    transform: translate(0, -3vh);
}

.blocsouspastilleleclerc {
    position: absolute;
    width: 7vh;
    height: 8vh;
    left: calc(38vw + 0.5vh);
    top: 15.4vh;
    text-align: center;
    font-family: 'Edouard condensed bold';
}

.fondsouspastilleleclerc {
    background-size: cover;
    width: 100%;
    height: 100%;
}

.souspastilleleclercsoit,
.souspastilleleclercenticket {
    font-size: 0.9vh;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    width: 7vh;
    height: 2.5vh;
    left: 0;
}

.souspastilleleclercsoit {
    top: 3vh;
}

.souspastilleleclercenticket {
    top: 6.5vh;
}

.souspastilleleclercmontant,
.souspastilleleclercmontantavecdecimal {
    position: absolute;
    text-align: left;
    width: 6vh;
    height: 2.5vh;
    top: 3.6vh;
    left: 0.5vh;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 2.5vh;
    line-height: 1;
}

.blocprixleclerc,
.blocprixdouble {
    position: absolute;
    width: 13.5vh;
    height: 20vh;
    top: 11vh;
    left: 8vw;
    font-family: 'Arial MT extra bold';
    text-transform: uppercase;
}

.prixleclercuneligneavantreduction,
.prixleclercdeuxligneavantreduction,
.prixleclercuneligneapresreduction,
.prixleclercdeuxligneapresreduction,
.textblochaut,
.textblocbas {
    position: absolute;
    width: 13.5vh;
    height: 2vh;
    left: 0;
    text-align: left;
}

.prixleclercuneligneavantreduction,
.prixleclercdeuxligneavantreduction {
    color: black
}

.prixleclercuneligneavantreduction,
.prixleclercdeuxligneavantreduction,
.textblochaut {
    top: 0;
}

.prixleclercuneligneapresreduction,
.prixleclercdeuxligneapresreduction {
    color: rgb(23, 97, 163);
}

.prixleclercuneligneapresreduction,
.prixleclercdeuxligneapresreduction,
.textblocbas {
    top: 10.5vh;
}

.prixleclercuneligneavantreduction,
.prixleclercuneligneapresreduction,
.textblochaut,
.textblocbas {
    font-size: 0.9vh;
    line-height: 1;
}

.prixleclercdeuxligneavantreduction,
.prixleclercdeuxligneapresreduction {
    font-size: 0.7vh;
    line-height: 1;
}

.prixleclercpayeencaisse,
.prixleclercticketcompris {
    font-size: 0.85vh;
    line-height: 1vh;
    text-align: left;
    position: absolute;
    width: 100%;
    height: 1vh;
    left: 0;
}

.prixleclercpayeencaisse {
    top: 8.5vh;
    color: black;
}

.prixleclercticketcompris {
    top: 19vh;
    color: rgb(23, 97, 163);
}

.prixleclercgrandseparateur,
.prixdoublegrandseparateur {
    position: absolute;
    width: 13.5vh;
    height: 3px;
    left: 0;
    top: 9.9vh;
    z-index: 3;
}

.prixleclercavantreductionmontantsansdecimal,
.prixleclercavantreductionmontantavecdecimal,
.prixleclercapresreductionmontantsansdecimal,
.prixleclercapresreductionmontantavecdecimal,
.prixdoubleavantreductionmontantsansdecimal,
.prixdoubleavantreductionmontantavecdecimal,
.prixdoubleapresreductionmontantsansdecimal,
.prixdoubleapresreductionmontantavecdecimal {
    position: absolute;
    width: 13.5vh;
    height: 4.5vh;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-family: 'Edouard condensed bold';
}

.prixleclercavantreductionmontantsansdecimal,
.prixleclercavantreductionmontantavecdecimal,
.prixdoubleavantreductionmontantsansdecimal,
.prixdoubleavantreductionmontantavecdecimal {
    top: 1vh;
}

.prixleclercavantreductionmontantsansdecimal,
.prixleclercavantreductionmontantavecdecimal {
    color: black;
}

.prixleclercapresreductionmontantsansdecimal,
.prixleclercapresreductionmontantavecdecimal,
.prixdoubleapresreductionmontantsansdecimal,
.prixdoubleapresreductionmontantavecdecimal {
    top: 11.5vh;
}

.prixleclercapresreductionmontantsansdecimal,
.prixleclercapresreductionmontantavecdecimal {
    color: rgb(23, 97, 163);
}

.prixleclerceuros,
.prixdoubleeuros {
    font-size: 8vh;
    line-height: 1;
    letter-spacing: -0.2vh;
}

.prixleclercseparateur,
.prixdoubleseparateur {
    font-size: 2.5vh;
    line-height: 1;
    letter-spacing: -0.2vh;
}

.prixleclerccents,
.prixdoublecents {
    font-size: 2.5vh;
    line-height: 1;
}

.prixleclercsymbole,
.prixdoublesymbole {
    font-size: 2.5vh;
    line-height: 1;
}

.prixleclercavantreductionmontantsansdecimal>.prixleclercsymbole,
.prixleclercapresreductionmontantsansdecimal>.prixleclercsymbole,
.prixdoubleavantreductionmontantsansdecimal>.prixdoublesymbole,
.prixdoubleapresreductionmontantsansdecimal>.prixdoublesymbole {
    transform: translate(0, -3vh);
}

.prixleclercavantreductionmontantavecdecimal>.prixleclercsymbole,
.prixleclercapresreductionmontantavecdecimal>.prixleclercsymbole,
.prixdoubleavantreductionmontantavecdecimal>.prixdoublesymbole,
.prixdoubleapresreductionmontantavecdecimal>.prixdoublesymbole {
    transform: translate(-2vh, -3vh);
}

.blocprixdouble {
    color: black
}

.prixdoublecommentairehaut,
.prixdoublecommentairebas {
    font-size: 0.6vh;
    line-height: 1;
    text-align: left;
    position: absolute;
    width: 13.5vh;
    height: 1vh;
    left: 0;
}

.prixdoublecommentairehaut {
    top: 8.6vh;
}

.prixdoublecommentairebas {
    top: 19vh;
}

.sousprix {
    position: absolute;
    width: 42vw;
    height: 5vh;
    top: 32vh;
    left: 1vh;
    font-size: 1vh;
    line-height: 1.2vh;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
}

.prixau {
    height: 100%;
    max-width: 100%;
}

.leconditionnementsimple {
    font-size: 2.5vh;
    line-height: 1;
}

.blocpesee {
    display: block;
    position: absolute;
    top: 1vw;
    right: 2vw;
    width: 20vw;
    height: 20vw;
}

.fondpesee {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logopesee {
    position: absolute;
    top: 12vw;
    left: 4vw;
    width: 12vw;
    height: 5.5vw;
}

.textpesee {
    position: absolute;
    display: flex;
    top: -3vw;
    left: 4vw;
    width: 12vw;
    height: 11vw;
    text-align: center;
    font-family: "Edouard condensed bold";
    font-size: 14vw;
    align-items: baseline;
    justify-content: center;
    transform-origin: center;
}

.textpesee>div {
    width: fit-content;
    white-space: nowrap;
}

.bloceditproduct {
    left: 2vmin;
    top: 2vmin;
    width: 8vmin;
    height: 8vmin;
    display: flex;
    justify-content: center;
    position: absolute;
    border: purple solid .4vmin;
    border-radius: 50%;
    background: white;
}

.editproduct {
    width: 60%;
}

@media (orientation: landscape) {
    .imageproduit {
        height: 39vh;
    }


    .periodeoffre {
        height: 7vh;
        top: 39vh;
        font-size: 4.5vh;
        line-height: 7vh;
    }

    .zoneproduit {
        height: 47vh;
        top: 46vh;
    }


    .bandeautitre {
        height: 13vh;
        font-size: 4.4vh;
    }

    .blocdescription {
        width: 40vw;
        height: 11vh;
        top: 11vh;
        left: 52vw;
        font-size: 2.3vh;
        line-height: 2.5vh;
    }

    .blocorigine {
        width: 30vw;
        height: 33vh;
        top: 24vh;
        left: 52vw;
    }

    .originetype {
        width: 19.5vw;
        height: 4vh;
        top: -0.8vh;
        font-size: 5.5vh;
    }

    .originedrapeau {
        width: 10vw;
        height: 4vh;
        left: 20vw;
    }

    .origine {
        height: 18vh;
        top: 1.8vh;
        font-size: 20vh;
        line-height: 1;
        left: -0.5vw;
    }

    .origineextra {
        top: 19.5vh;
        font-size: 2.5vh;
    }

    .prixeurosshort {
        font-size: 28.8vh;
    }

    .prixeurosshort,
    .prixeuros3,
    .prixeuros4,
    .prixeuros5,
    .prixeuroslong {
        width: 30vw;
    }

    .prixeuros3,
    .prixeuros4,
    .prixeuros5,
    .prixeuroslong {
        font-size: 12vh;
        line-height: 23vh;
    }

    .blocprixbarre {
        top: 12vh;
        left: 15vw;
    }

    .prixbarreeuros {
        font-size: 9vh;
    }

    .prixbarresymbole,
    .prixbarrecents,
    .prixbarreseparateur {
        font-size: 4.2vh;
    }

    .prixbarresymbole,
    .prixbarrecents {
        left: 12.5vw;
    }

    .prixbarresymbole {
        top: .6vh;
    }

    .prixbarrecents,
    .prixbarreseparateur {
        top: 3.4vh;
    }

    .prixbarreseparateur {
        left: 11.8vw;
    }

    .sousprix {
        position: absolute;
        width: 56vw;
        height: 7vh;
        top: 40vh;
        left: 1vh;
        font-size: 1.8vh;
        line-height: 2.4vh;
    }

    .leconditionnementsimple {
        font-size: 4.5vh;
    }

    .blocgratuitepetit,
    .blocpastilleleclercpetit {
        width: 11vh;
        height: 11vh;
        left: 34vw;
        top: 10vh;
    }

    .blocgratuitepetit>.gratuitenormalavecdecimal>.gratuitenormalsymbole,
    .blocgratuitepetit>.gratuitenormalavecdecimalaveccommentaire>.gratuitenormalsymbole {
        transform: translate(-1.7vh, -1.9vh);
    }

    .blocgratuitepetit>.gratuiteplushaut {
        width: 10vh;
        height: 7vh;
        top: 1vh;
        left: 1vh;
        font-size: 5.5vh;
    }

    .blocgratuitepetit .gratuitenormaleuros,
    .blocgratuitepetit .gratuitenormalsigne {
        font-size: 6vh;
    }

    .blocgratuitepetit .gratuitenormalcents {
        font-size: 2vh;
    }

    .blocgratuitepetit .gratuitenormalsymbole {
        font-size: 4vh;
    }

    .blocgratuitepetit .gratuitenormalsansdecimalaveccommentaire {
        transform: translate(-.5vh, -1vh);
    }

    .blocgratuitepetit .gratuitenormalsansdecimalaveccommentaire>.gratuitenormalsymbole {
        transform: translate(0, -1.9vh);
    }

    .blocgratuitepetit>.gratuitenormalsansdecimalaveccommentaire,
    .blocgratuitepetit>.gratuitenormalavecdecimalaveccommentaire {
        top: 2.5vh;
    }

    .blocgratuitepetit .gratuitenormalcommentaire {
        font-size: 1.6vh;
        line-height: 1.4vh;
        width: 9vh;
        height: 3.2vh;
        top: 7vh;
    }

    .blocgratuitepetit>.gratuitepourhaut,
    .blocgratuitepetit>.gratuitepourbas {
        height: 5.5vh;
        font-size: 5.5vh;
    }

    .blocgratuitepetit>.gratuitepourhaut,
    .blocgratuitepetit>.gratuitepourmilieu,
    .blocgratuitepetit>.gratuitepourbas {
        left: 1.5vh;
        width: 8vh;
    }

    .blocgratuitepetit>.gratuitepourhaut {
        top: 0vh;
    }

    .blocgratuitepetit>.gratuitepourmilieu {
        height: 3vh;
        top: 4.4vh;
        font-size: 2.5vh;
    }

    .blocgratuitepetit>.gratuitepourbas {
        top: 5.3vh;
    }

    .blocgratuitepetit>.gratuiteofferthaut,
    .blocgratuitepetit>.gratuiteoffertmilieu,
    .blocgratuitepetit>.gratuiteoffertbas {
        width: 10vh;
        height: 6.5vh;
        left: .5vh;
        font-size: 2.1vh;
    }


    .blocgratuitepetit>.gratuiteofferthaut {
        top: 3vh;
    }

    .blocgratuitepetit>.gratuiteoffertmilieu {
        height: 3vh;
        top: 4.5vh;
    }

    .blocgratuitepetit>.gratuiteoffertbas {
        top: 6.2vh;
    }

    .blocgratuitepetit>.gratuiteplushaut,
    .blocgratuitepetit>.gratuiteplustbas {
        width: 9vh;
        height: 6.5vh;
        left: 1vh;
        font-size: 5vh;
    }

    .blocgratuitepetit>.gratuiteplushaut {
        top: 2.5vh;
    }

    .blocgratuitepetit>.gratuiteplustbas {
        font-size: 2.4vh;
        top: 6.8vh;
    }

    .blocpastilleleclercpetit .pastilleleclerceuros {
        font-size: 8vh;
    }

    .blocpastilleleclercpetit .pastilleleclercseparateur,
    .blocpastilleleclercpetit .pastilleleclerccents {
        font-size: 2.8vh;
    }

    .blocpastilleleclercpetit .pastilleleclercsymbole {
        font-size: 5vh;
    }

    .blocpastilleleclercpetit .pastilleleclerccommentaire {
        font-size: 1.6vh;
        width: 9vh;
        height: 2.5vh;
        top: 7.5vh;
    }

    .blocpastilleleclercpetit>.pastilleleclercsansdecimal>.pastilleleclercsymbole,
    .blocpastilleleclercpetit>.pastilleleclercsansdecimalaveccommentaire>.pastilleleclercsymbole {
        transform: translate(0, -1.7vh);
    }

    .blocpastilleleclercpetit>.pastilleleclercavecdecimalaveccommentaire>.pastilleleclercsymbole {
        transform: translate(-3.5vh, -1.7vh);
    }

    .blocsouspastilleleclerc {
        width: 12vh;
        height: 14.5vh;
        left: calc(28vw + 0.5vh);
        top: 26.5vh;
    }

    .souspastilleleclercsoit,
    .souspastilleleclercenticket {
        font-size: 1.5vh;
        width: 12vh;
        height: 2vh;
    }

    .souspastilleleclercsoit {
        top: 7vh;
    }

    .souspastilleleclercmontant,
    .souspastilleleclercmontantavecdecimal {
        width: 11vh;
        height: 2.5vh;
        top: 8.2vh;
        left: 0.5vh;
        font-size: 4vh;
    }

    .souspastilleleclercenticket {
        top: 12.5vh;
    }

    .prixleclerceuros,
    .prixdoubleeuros {
        font-size: 10vh;
        letter-spacing: -0.3vh;
    }

    .prixleclercseparateur,
    .prixdoubleseparateur {
        font-size: 5.8vvh;
        letter-spacing: -0.3vh;
    }

    .prixleclerccents,
    .prixdoublecents {
        font-size: 5.8vh;
    }

    .prixleclercsymbole,
    .prixdoublesymbole {
        font-size: 3.3vh;
    }

    .blocgratuitegrand,
    .blocpastilleleclercgrand {
        width: 31vh;
        height: 31vh;
        top: 12vh;
        left: 13vw;
    }

    .blocgratuitegrand>div {
        width: 26vh;
        height: 24vh;
        top: 2.5vh;
        left: 2.5vh;
    }

    .blocgratuitegrand>.gratuitenormalsansdecimalaveccommentaire,
    .blocgratuitegrand>.gratuitenormalavecdecimalaveccommentaire {
        top: 6vh;
        transform: translate(0, -2.8vh);
    }

    .blocgratuitegrand>.gratuitenormalavecdecimalaveccommentaire {
        padding-left: 3vh;
    }

    .blocgratuitegrand>.gratuitenormalsansdecimal,
    .blocgratuitegrand>.gratuitenormalavecdecimal {
        top: 7vh;
    }

    .blocgratuitegrand .gratuitenormalsigne {
        font-size: 8vh;
        transform: translate(0, -2.8vh);
    }

    .blocgratuitegrand .gratuitenormaleuros {
        font-size: 16vh;
    }

    .blocgratuitegrand .gratuitenormalsymbole {
        font-size: 10vh;
    }

    .blocgratuitegrand>.gratuitenormalsansdecimal>.gratuitenormalsymbole,
    .blocgratuitegrand>.gratuitenormalsansdecimalaveccommentaire>.gratuitenormalsymbole {
        transform: translate(0, -3.3vh);
    }

    .blocgratuitegrand .gratuitenormalcommentaire>.commentaireleftborder,
    .blocgratuitegrand .gratuitenormalcommentaire>.commentairerightborder {
        height: 8vh;
        width: 2vh;
    }

    .blocgratuitegrand .gratuitenormalcommentaire {
        font-size: 5vh;
        line-height: 4vh;
        height: 8vh;
        top: 15vh;
    }

    .blocgratuitegrand>.gratuitenormalavecdecimalaveccommentaire>.gratuitenormalcommentaire {
        left: 0;
    }

    .blocgratuitegrand>.gratuiteplushaut {
        top: 4vh;
        left: 5vh;
        font-size: 18vh;
        line-height: 1;
    }

    .blocgratuitegrand>.gratuiteplustbas {
        height: 6vh;
        top: 20vh;
        left: 0;
        font-size: 6vh;
    }

    .blocgratuitegrand>.gratuiteoffertbas,
    .blocgratuitegrand>.gratuiteoffertmilieu,
    .blocgratuitegrand>.gratuiteofferthaut {
        width: 24vh;
        height: 4vh;
        left: 3.5vh;
        font-size: 9vh;
    }

    .blocgratuitegrand>.gratuiteoffertbas {
        top: 15.5vh;
    }

    .blocgratuitegrand>.gratuiteoffertmilieu {
        top: 10.5vh;
    }

    .blocgratuitegrand>.gratuiteofferthaut {
        top: 6.5vh;
    }

    .blocgratuitegrand>.gratuitepourhaut,
    .blocgratuitegrand>.gratuitepourmilieu,
    .blocgratuitegrand>.gratuitepourbas {
        width: 24vh;
        height: 4vh;
        left: 3.5vh;
        font-size: 16vh;
    }

    .blocgratuitegrand>.gratuitepourhaut {
        top: 0;
    }

    .blocgratuitegrand>.gratuitepourmilieu {
        top: 12.5vh;
        font-size: 7vh;
    }

    .blocgratuitegrand>.gratuitepourbas {
        top: 15vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercsansdecimal,
    .blocpastilleleclercgrand>.pastilleleclercavecdecimal {
        top: 2.5vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire,
    .blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire {
        top: 4.5vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercsansdecimal,
    .blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire {
        padding-left: 8vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercavecdecimal,
    .blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire {
        padding-left: 11vh;
    }

    .blocpastilleleclercgrand .pastilleleclerceuros {
        font-size: 26vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire .pastilleleclerceuros,
    .blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire .pastilleleclerceuros {
        top: 6.5vh;
        font-size: 22vh;
    }

    .blocpastilleleclercgrand .pastilleleclercseparateur,
    .blocpastilleleclercgrand .pastilleleclerccents {
        font-size: 8vh;
        margin-left: -1vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire .pastilleleclercseparateur,
    .blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire .pastilleleclerccents {
        font-size: 6.8vh;
        margin-left: -1vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire .pastilleleclercseparateur,
    .blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire .pastilleleclerccents {
        font-size: 6.8vh;
        margin-left: -1vh;
    }

    .blocpastilleleclercgrand .pastilleleclercsymbole {
        font-size: 16vh;
    }

    .blocpastilleleclercgrand>.pastilleleclercsansdecimalaveccommentaire>.pastilleleclercsymbole {
        font-size: 13.5vh;
        transform: translate(0, -4.6vh);
    }

    .blocpastilleleclercgrand>.pastilleleclercsansdecimal>.pastilleleclercsymbole {
        transform: translate(0, -5.9vh);
    }

    .blocpastilleleclercgrand>.pastilleleclercavecdecimal>.pastilleleclercsymbole {
        transform: translate(-8vh, -5.9vh);
    }

    .blocpastilleleclercgrand>.pastilleleclercavecdecimalaveccommentaire>.pastilleleclercsymbole {
        font-size: 13.5vh;
        transform: translate(-6vh, -4.6vh);
    }

    .blocpastilleleclercgrand .pastilleleclerccommentaire {
        font-size: 4vh;
        line-height: 3vh;
        width: 24vh;
        height: 7vh;
        top: 21vh;
        padding-left: 3vh;
    }

    .blocpastilleleclercgrand .pastilleleclerccommentaire>.commentaireleftborder,
    .blocpastilleleclercgrand .pastilleleclerccommentaire>.commentairerightborder {
        height: 100%;
        width: 3.5vh;
    }

    .prixsymbole {
        top: 4.6vh;
    }

    .prixsymbole,
    .prixseparateur,
    .prixcents {
        font-size: 11vh;
    }

    .prixcents {
        top: 14.9vh;
    }

    .prixseparateur {
        top: 15vh;
        left: 30vw;
    }

    .prixsymbole,
    .prixcents {
        left: 32vw;
    }

    .blocprixleclerc,
    .blocprixdouble {
        width: 16.2vh;
        height: 18vh;
        top: 18vh;
        left: 14vw;
    }

    .prixleclercavantreductionmontantsansdecimal,
    .prixleclercavantreductionmontantavecdecimal,
    .prixdoubleavantreductionmontantsansdecimal,
    .prixdoubleavantreductionmontantavecdecimal {
        top: 1.2vh;
    }

    .prixleclercuneligneavantreduction,
    .prixleclercuneligneapresreduction,
    .textblochaut,
    .textblocbas {
        font-size: 1.1vh;
    }

    .prixleclerceuros,
    .prixdoubleeuros {
        font-size: 9.5vh;
    }

    .prixleclercavantreductionmontantsansdecimal>.prixleclercsymbole,
    .prixleclercapresreductionmontantsansdecimal>.prixleclercsymbole,
    .prixdoubleavantreductionmontantsansdecimal>.prixdoublesymbole,
    .prixdoubleapresreductionmontantsansdecimal>.prixdoublesymbole {
        transform: translate(0.2vh, -3.7vh);
    }

    .prixleclercavantreductionmontantavecdecimal>.prixleclercsymbole,
    .prixleclercapresreductionmontantavecdecimal>.prixleclercsymbole,
    .prixdoubleavantreductionmontantavecdecimal>.prixdoublesymbole,
    .prixdoubleapresreductionmontantavecdecimal>.prixdoublesymbole {
        transform: translate(-5vh, -3.7vh);
    }

    .blocprixleclerc>.prixleclercpayeencaisse,
    .prixdoublecommentairehaut {
        top: 10.3vh;
    }

    .prixleclercgrandseparateur,
    .prixdoublegrandseparateur {
        width: 100%;
        top: 11.9vh;
    }

    .prixleclercuneligneapresreduction,
    .prixleclercdeuxligneapresreduction,
    .textblocbas {
        top: 12.6vh;
    }

    .prixleclercapresreductionmontantsansdecimal,
    .prixleclercapresreductionmontantavecdecimal,
    .prixdoubleapresreductionmontantsansdecimal,
    .prixdoubleapresreductionmontantavecdecimal {
        top: 13.8vh;
    }

    .blocprixleclerc>.prixleclercticketcompris,
    .prixdoublecommentairebas {
        top: 22.8vh;
    }

    .blocprixleclerc>.prixleclercpayeencaisse,
    .blocprixleclerc>.prixleclercticketcompris {
        font-size: 1vh;
    }

    .blocpesee {
        top: 1vh;
        right: 2vh;
        width: 20vh;
        height: 20vh;
    }

    .logopesee {
        top: 12vh;
        left: 4vh;
        width: 12vh;
        height: 5.5vh;
    }

    .textpesee {
        top: -3vh;
        left: 4vh;
        width: 12vh;
        height: 11vh;
        font-size: 14vh;
    }

    .moto {
        height: 7vh;
        top: 93vh;
        font-size: 4.5vh;
        line-height: 7vh;
    }
}