.billet_festival {
    border: 1px solid rgb(143, 143, 143);
    width: 22cm;
    height: 7cm;
    display: flex;
    margin-left: 5%;
}

.billet_festival .sec1 {
    border: 1px solid rgb(165, 164, 164);
    width: 17cm;
    height: 7cm;
    background-image: url('/img/billet/festival/Rectangle\ 23.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.billet_festival .sec2 {
    border: 1px solid rgb(128, 127, 127);
    border-left: 2px solid rgb(139, 138, 138);
    width: 5cm;
    height: 7cm;
    background-image: url('/img/billet/festival/Rectangle\ 25.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.billet_festival .sec1 .im1 {
    position: relative;
    width: 300px;
    top: 23px;
    left: 40px;
}

.billet_festival .sec1 .im2 {
    position: relative;
    top: 120px;
    left: -300px;
    width: 50px;
}

.billet_festival .sec1 .im3 {
    position: relative;
    top: -100px;
    left: 55px;
}

.billet_festival .sec1 .sous_sec1 {
    position: relative;
    width: 263px;
    height: 150px;
    top: -180px;
    left: 20px;
}

.billet_festival .sec1 .sous_sec1 .initial {
    font-size: 85px;
    font-family: sans-serif;
    color: white;
    font-weight: 500;
}

.billet_festival .sec1 .sous_sec1 .pays {
    font-size: 35px;
    font-family: sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    top: -28px;
    position: relative;
}

.billet_festival .sec1 .sous_sec2 {
    position: relative;
    width: 280px;
    height: 6.6cm;
    top: -380px;
    left: 360px;
}

.billet_festival .sec1 .sous_sec2 .part1 center {
    font-size: 22px;
    font-weight: 700;
    width: 95%;
    position: relative;
    top: 20px;
}

.billet_festival .sec1 .sous_sec2 .part2 {
    border-bottom: 2px solid rgb(147, 147, 147);
    position: relative;
    top: 42px;
    width: 37%;
}

.billet_festival .sec1 .sous_sec2 .part2_2 {
    border-bottom: 2px solid rgb(147, 147, 147);
    position: relative;
    top: 40px;
    width: 36%;
    left: 64%;
}

.billet_festival .sec1 .sous_sec2 .date_heure_lieu {
    position: relative;
    top: 18px;
}

.billet_festival .sec1 .sous_sec2 .date_heure_lieu center span {
    display: block;
}

.billet_festival .sec1 .sous_sec2 .date_heure_lieu center span:nth-child(1) {
    font-size: 25px;
    color: orange;
    font-weight: 750;
}

.billet_festival .sec1 .sous_sec2 .date_heure_lieu center span:nth-child(2) {
    color: black;
    font-weight: 500;
}

.billet_festival .sec1 .sous_sec2 .date_heure_lieu center span:nth-child(3) {
    font-size: 34px;
    color: orange;
    font-weight: 750;
}

.billet_festival .sec1 .sous_sec2 .date_heure_lieu center span:nth-child(4) {
    font-weight: 400;
}

.billet_festival .sec1 .code_qr {
    top: -460px;
    position: relative;
    width: 85px;
    height: 85px;
    background-color: white;
    border-radius: 3px;
    left: 240px;
    border: 1px solid rgb(255, 255, 255);
}

.billet_festival .sec1 .part3 {
    position: relative;
    top: -480px;
    display: flex;
    justify-content: space-between;
    width: 33%;
    left: 420px;
    font-size: 10px;
    font-weight: 800;
}

.billet_festival .sec1 .part3 span:nth-child(1) {
    padding: 5px;
    border-radius: 3px;
    background-color: white;
    position: relative;
    top: -05px;
}


.billet_festival .sec2 .content {
    width: 7cm;
    height: 5cm;
    transform: rotate(90deg);
    position: relative;
    top: 32px;
    left: -44px;

}

.billet_festival .sec2 .content .im1 {
    position: relative;
    width: 170px;
    top: 20px;
    left: 5px;
}

.billet_festival .sec2 .content .im2 {
    position: relative;
    top: 110px;
    left: -170px;
    width: 30px;
}

.billet_festival .sec2 .sous_sec2 {
    position: relative;
    width: 160px;
    height: 6.6cm;
    top: -270px;
    left: 100px;
    font-size: 10px;
}

.billet_festival .sec2 .sous_sec2 .part1 center {
    font-size: 13px;
    font-weight: 700;
    width: 95%;
    position: relative;
    top: 15px;
}

.billet_festival .sec2 .sous_sec2 .part2 {
    border-bottom: 1px solid rgb(147, 147, 147);
    position: relative;
    top: 42px;
    width: 33%;
}

.billet_festival .sec2 .sous_sec2 .part2_2 {
    border-bottom: 1px solid rgb(147, 147, 147);
    position: relative;
    top: 40px;
    width: 33%;
    left: 68%;
}

.billet_festival .sec2 .sous_sec2 .date_heure_lieu {
    position: relative;
    top: 25px;
}

.billet_festival .sec2 .sous_sec2 .date_heure_lieu center span {
    display: block;
}

.billet_festival .sec2 .sous_sec2 .date_heure_lieu center span:nth-child(1) {
    font-size: 18px;
    color: orange;
    font-weight: 750;
}

.billet_festival .sec2 .sous_sec2 .date_heure_lieu center span:nth-child(2) {
    color: black;
    font-weight: 500;
}

.billet_festival .sec2 .sous_sec2 .date_heure_lieu center span:nth-child(3) {
    font-size: 24px;
    color: orange;
    font-weight: 750;
}

.billet_festival .sec2 .sous_sec2 .date_heure_lieu center span:nth-child(4) {
    font-weight: 500;
}

.billet_festival .sec2 .content .sous_sec1 {
    position: relative;
    width: 103px;
    height: 150px;
    top: -70px;
    left: 05px;
}

.billet_festival .sec2 .content .sous_sec1 .initial {
    font-size: 30px;
    font-family: sans-serif;
    color: white;
    font-weight: 500;
}

.billet_festival .sec2 .content .sous_sec1 .pays {
    font-size: 15px;
    font-family: sans-serif;
    color: rgb(0, 0, 0);
    font-weight: 600;
    top: -14px;
    position: relative;
}

.billet_festival .sec2 .part3 {
    position: relative;
    top: -494px;
    display: flex;
    justify-content: space-between;
    width: 33%;
    left: 20px;
    font-size: 10px;
    font-weight: 800;
}

.billet_festival .sec2 .part3 span:nth-child(1) {
    padding: 5px;
    border-radius: 3px;
    background-color: white;
    position: relative;
    top: -05px;
}


.billet_concert {

    width: 15.4cm;
    height: 8cm;
    border: 1px solid black;
    display: flex;
    background-image: url('/img/billet/concert/1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 10%;

}

.billet_concert .sec1 {

    width: 11.3cm;
    height: 8cm;
}

.billet_concert .sec1 .part1 {
    width: 360px;
    margin-top: 10px;
    margin-left: 30px;
}

.billet_concert .sec1 .part1 .div_bar {
    border-bottom: 2px solid rgb(194, 192, 192);
    width: 68%;
    position: relative;
    top: 4px;
    left: -10px;
}

.billet_concert .sec1 .part1 .div_bar2 {
    border-bottom: 2px solid rgb(194, 192, 192);
    width: 57%;
    margin-left: 35%;
    margin-top: 0%;
}

.billet_concert .sec1 .part1 .cat {
    font-size: 33px;
    font-weight: 600;
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.765);
}

.billet_concert .sec1 .part1 .name {
    font-size: 34px;
    font-weight: bold;
    width: 00px;
    line-height: 1;
    top: -8px;
    padding-left: 10px;
    padding: 10px;
    color: rgb(0, 0, 0);
    position: relative;
}

.billet_concert .sec1 .part2 {
    width: 360px;
    margin-top: 10px;
    margin-left: 30px;
    font-style: italic;
    font-weight: 600;
    position: relative;
}

.billet_concert .sec1 .part3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.billet_concert .sec1 .part3 .code_qrr {
    position: relative;
    width: 95px;
    height: 85px;
    background-color: white;
    top: -05px;
    border-radius: 3px;
    left: 20px;
}

.billet_concert .sec1 .part3 .inf {
    position: relative;
    left: -30px;
}

.billet_concert .sec1 .part3 .inf span {
    display: block;
    font-weight: 600;
    flex-direction: row;
}

.billet_concert .sec1 .part3 .inf span:nth-child(1) {
    position: relative;
    left: 37px;
}

.billet_concert .sec1 .part3 .inf span:nth-child(3) {
    position: relative;
    left: 50px;
}

.billet_concert .sec2 {

    width: 5cm;
    height: 8cm;
}

.billet_concert .sec2 {

    width: 5cm;
    height: 8cm;
}

.billet_concert .sec2 .sous_sec1 {

    width: 8cm;
    height: 5cm;
    transform: rotate(90deg);
    position: relative;
    top: 51px;
    left: -60px;

}

.billet_concert .sec2 .sous_sec1 .part1 {
    width: 100%;
    margin-top: 5px;
    margin-left: 30px;
}

.billet_concert .sec2 .sous_sec1 .part1 .div_bar {
    border-bottom: 2px solid rgb(194, 192, 192);
    width: 90%;
    position: relative;
    top: 4px;
    left: -10px;
}

.billet_concert .sec2 .sous_sec1 .part1 .div_bar2 {
    border-bottom: 2px solid rgb(194, 192, 192);
    width: 57%;
    margin-left: 32%;
    margin-top: -2%;
}

.billet_concert .sec2 .sous_sec1 .part1 .cat {
    font-size: 23px;
    font-weight: 600;
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.765);
}

.billet_concert .sec2 .sous_sec1 .part1 .name {
    font-size: 24px;
    font-weight: bold;
    width: 00px;
    line-height: 1;
    top: -8px;
    padding-left: 10px;
    padding: 10px;
    color: rgb(0, 0, 0);
    position: relative;
}

.billet_concert .sec2 .sous_sec1 .part2 {
    width: 360px;
    margin-top: 10px;
    margin-left: -30px;
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    position: relative;
}

.billet_concert .sec2 .sous_sec1 .part3 span {
    position: relative;
    left: 192px;
    top: -3px;
    font-size: 14px;
}

.billet_spectacle {
    width: 7.4cm;
    height: 15cm;
    border: 1px solid black;
    background-image: url('/img/billet/spectacle/1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 10%;

}

.billet_spectacle .soucheV {
    height: 120px;
    display: flex;

}

.billet_spectacle .soucheV p {
    font-weight: 700;
    padding-left: 10px;
    padding-top: 20px;
    font-size: 18px;
    width: 300px;
}

.billet_spectacle .soucheV .inf {
    flex-direction: row;
    font-size: 11px;
    margin-top: 25px;
    font-weight: 700;
    left: 0px;
    position: relative;
}

.billet_spectacle .soucheV span {
    display: block;
}

/*.billet_spectacle .part .sec1 {

 }*/
.billet_spectacle .part .sec1 .qr_codee {
    position: relative;
    width: 100px;
    left: 30px;
    top: 20px;
    height: 100px;
    background-color: white;
    border-radius: 3px;
    border: 1px solid rgb(30, 29, 29);
}

.billet_spectacle .part .sec1 .inf {
    position: relative;
    left: 140px;
    font-weight: 700;
    font-size: 12px;
    top: -74px;
    width: 130px;
}

.billet_spectacle .part .sec1 .inf span {
    display: block;

}

.billet_spectacle .part .sec2 center p {
    font-weight: 700;
    position: relative;
    top: -40px;
    font-size: 30px;
}

.billet_spectacle .part center .bar1 {
    border-bottom: 2px solid rgb(202, 201, 201);
    position: relative;
    top: -300px;
    width: 83%;
}

.billet_spectacle .part .sec3 center {
    font-weight: 700;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    top: -288px;
}

.billet_spectacle .part center .bar2 {
    border-bottom: 2px solid rgb(202, 201, 201);
    position: relative;
    top: -270px;
    width: 83%;
}

.billet_loisir {
    width: 14.4cm;
    height: 6cm;
    border: 1px solid black;
    background-image: url('/img/billet/loisir/1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 10%;
}

.billet_loisir .sec1 {
    width: 10cm;
    height: 6cm;
    border-right: 1.4px solid rgb(133, 133, 133) !important;
}

.billet_loisir .sec2 {
    width: 4.4cm;
    top: -226px;
    left: 377px;
    height: 6cm;
    position: relative;
}

.billet_loisir .sec1 center p {
    font-size: 22px;
    padding: 10px;
    font-weight: 600;
}

.billet_loisir .sec1 center span {
    display: block !important;
}

.billet_loisir .sec1 center .date {
    font-size: 18px;
    font-weight: 600;
    margin-top: -10px;
}

.billet_loisir .sec1 center .catname {
    font-size: 34px;
    font-weight: 700;
    margin-top: 20px;
    color: orange !important;
}

.billet_loisir .sec1 center {
    padding-left: 10px;
    padding-right: 10px;
}

.billet_loisir .sec1 .num {
    font-weight: 600;
    font-size: 11px;
    margin-top: 20px;
    border: 1px solid rgb(141, 140, 140);
    padding: 5px;
    color: black;
    margin-left: 10px;
    width: 70%;
    background-color: white;
}

.billet_loisir .sec2 center span {
    font-weight: 600;
    display: block;

}

.billet_loisir .sec2 center .num {
    font-weight: 600;
    font-size: 11px;
    margin-top: 20px;
    border: 1px solid rgb(141, 140, 140);
    padding: 5px;
    color: black;
    width: 70%;
    background-color: white;
}

.billet_loisir .sec2 .qr_codeL {
    border: 1px solid rgb(164, 163, 163) !important;
    height: 90px;
    width: 90px;
    margin-top: 30px;
    background-color: white;
}

.eticket_error {
    padding: 5px;
    background-color: rgb(250, 104, 75);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    width: 100%;
    font-weight: 600;
}

.eticket_success {
    padding: 5px;
    background-color: rgb(35, 211, 47);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    width: 100%;
    font-weight: 600;
}



/*custom style  for custom ticket */
.randomTicketMusique {
    width: 21cm;
    height: 9cm;
    border: 1px solid black;
    background-image: url('/img/billet/concert/full.PNG');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10%;
}

.randomTicketMusique .entryCustom {
    font-weight: 800;
    color: black;
    font-size: 16px;
    font-family: sans-serif;
    position: relative;
    height: 29px;
    text-transform: uppercase;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    top: 88%;
    left: 440px;
    padding-right: 165px;
}

.randomTicketMusique .entryCustom span {
    font-weight: 800;
    color: black;
    font-size: 18px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    left: 190px;
    padding-right: 30px;
    /* top: 86%;rgb(188, 46, 46) */
}

.randomQrode {
    width: 120px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 120px;
    left: 330px;
    border-radius: 5px;
}

/*custom style  for custom ticket loisir */
.randomTicketLoisirV {
    width: 21cm;
    height: 9cm;
    border: 1px solid black;
    background-image: url('/img/billet/loisir/vipL.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10%;
}

.randomTicketLoisirS {
    width: 21cm;
    height: 9cm;
    border: 1px solid black;
    background-image: url('/img/billet/loisir/simL.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10%;
}

.randomTicketLoisir .entryCustom span {
    font-weight: 800;
    color: black;
    font-size: 15px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    top: 27px;
    left: 355px;
    /* top: 86%;rgb(188, 46, 46) */
}

.randomQrode {
    width: 120px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 143px;
    left: 630px;
    border-radius: 5px;
}

.randomQrodee {
    width: 120px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 143px;
    left: 330px;
    border-radius: 5px;
}

.billet_spectacle {
    width: 21cm;
    height: 9cm;
    border: 1px solid black;
    /* background-image: url('/img/billet/loisir/vipL.jpg'); */

    margin-left: 10%;
}

.spectacle1 {
    background-image: url('/img/billet/spectacle/TICKET\ VIRTUEL\ GRF\ 6.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.spectacle2 {
    background-image: url('/img/billet/spectacle/TICKET\ VIRTUEL\ UN\ COQ\ DANS\ LA\ BASSE\ COUR.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.spectacle1 span {
    font-weight: 800;
    color: black;
    font-size: 15px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    top: 24px;
    left: 355px;
}

.spectacle2 span {
    font-weight: 800;
    color: black;
    font-size: 15px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    top: 24px;
    left: 355px;
}

.spectacle1 .randomQrode {
    width: 120px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 145px;
    left: 626px;
    border-radius: 5px;
}

.spectacle2 .randomQrode {
    width: 120px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 145px;
    left: 626px;
    border-radius: 5px;
}

.spectacle3 {
    background-image: url('/img/billet/spectacle/s5.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.spectacle4 {
    background-image: url('/img/billet/spectacle/s10.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.spectacle5 {
    background-image: url('/img/billet/spectacle/s25.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.spectacle6 {
    background-image: url('/img/billet/spectacle/s50.jpg');
    background-repeat: no-repeat;
    background-size: contain;
}

.billet_spectacle .num_billet {
    font-weight: 800;
    color: black;
    font-size: 15px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    top: 27px;
    left: 338px;
}

.billet_spectacle .randQrode {
    width: 120px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 142px;
    left: 626px;
    border-radius: 5px;
}

.billet_sport_vvip {
    width: 21cm;
    height: 7.4cm;

    /* height: 8cm; */
}

.billet_sport_vvip img {
    width: 100%;
    height: 100%;
    border: 1px solid gainsboro;
}

.billet_sport_vvip .entryCustom span {
    font-weight: 800;
    color: black;
    font-size: 11px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    left: 663px;
    top: -198px;
    /* top: -234px; */
    padding-right: 0px;
}

.billet_sport_vvip .randomQrodee {
    width: 118px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 665px;
    top: -198px;
    /* top: -232px; */
    border-radius: 5px;
}

.renc_dadje .entryCustom span {
    left: 679px;

}

.renc_dadje .randomQrodee {
    width: 110px;
    height: 120px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 675px;
    top: -200px;
    /* top: -232px; */
    border-radius: 5px;
}

.coton_vip .randomQrodee {
    width: 110px;
    height: 108px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 675px !important;
    top: -170px !important;
    /* top: -232px; */
    border-radius: 5px;
}

.coton_vip .entryCustomm {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(66, 66, 66);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -298px;
    font-size: 10px;
    background-color: rgb(232, 177, 46);
    width: 20%;
    left: 9px;

}

.coton_vip .other {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(66, 66, 66);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -315px;
    font-size: 10px;
    background-color: rgb(56, 144, 160);
    width: 20%;
    left: 9px;

}

.coton_vip .entryy {

    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    font-size: 17px;
    background-color: rgb(56, 144, 160);
    top: -176px;
    left: 600px;

}

.coton_vip .entryCustommm {
    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -340px;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0);
    width: 16%;
    left: 670px;

}

.coton_vip .randomQrodeee {
    width: 110px;
    height: 108px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 672px !important;
    top: -163px !important;
    /* top: -232px; */
    border-radius: 5px;
}

.coton_vip .entryyy {

    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    font-size: 17px;
    background-color: rgb(56, 144, 160);
    top: -172px;
    left: 600px;

}

.coton_vip .otherr {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(66, 66, 66);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -299px;
    font-size: 10px;
    background-color: rgb(56, 144, 160);
    width: 20%;
    left: 9px;

}

.coton_vip .entryCustomvip {
    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -315px;
    font-size: 10px;
    background-color: rgba(255, 255, 255, 0);
    width: 16%;
    left: 670px;

}

.coton_vip .randomQrodeevip {
    width: 110px;
    height: 108px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 670px !important;
    top: -170px !important;
    /* top: -232px; */
    border-radius: 5px;
}







/* dadje */
.dadje {
    width: 21cm;
    height: 7.4cm;
    /* border: 1px solid  rgb(138, 137, 137) ; */
    margin-top: 10px;
    /* height: 8cm; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.dadje img {
    width: 100%;
    height: 100%;
}

.dadje .entryCustom span {
    font-weight: 800;
    color: black;
    font-size: 9px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    left: 665px;
    top: -277px;
    padding-right: 0px;
}

.dadje .custumvip span {
    font-weight: 800;
    color: black;
    font-size: 9px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: #ff2f000f;
    left: 665px;
    top: -295px;
    padding-right: 0px;
}

.dadje .customother span {
    font-weight: 800;
    color: black;
    font-size: 9px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: #f1d52000;
    left: 681px;
    top: -277px;
    padding-right: 0px;
}

.dadje .randomQrodee {
    width: 9px;
    height: 90px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 660px;
    top: -114px;
    /* top: -232px; */
    border-radius: 5px;
}

.dadje .qrcode {
    width: 100%;
    height: 100%;

}

.dadje .entry {

    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    font-size: 15px;
    top: -165px;
    left: 645px;

}

.tailleUp {
    width: 21cm;
    height: 9.5cm;
    /*height: 7.4cm;*/

    border: 1px solid rgb(138, 137, 137);

    /* height: 8cm; */
}

.tailleUp .entryCustom span {
    font-weight: 800;
    color: black;
    font-size: 12px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: rgb(255, 255, 255);
    left: 625px;
    top: -308px;
    padding-right: 0px;
}

.tailleUp .randomQrodee {
    width: 117px;
    height: 110px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 625px;
    top: -170px;
    border-radius: 5px;
}

.tailleUp .custumvip span {
    font-weight: 800;
    color: black;
    font-size: 7.8px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: #ff2f0000;
    left: 681px;
    top: -289px;
    padding-right: 0px;
}

.tailleUp .rangee {
    font-weight: 800;
    color: rgb(37, 37, 37);
    font-size: 16px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: #ff2f0000;
    left: 115px;
    top: -224px;
    padding-right: 0px;
}

.tailleUp .siege {
    font-weight: 800;
    color: rgb(37, 37, 37);
    font-size: 16px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: #ff2f0000;
    left: 360px;
    top: -224.5px;
    padding-right: 0px;
}

.tailleUp .randomQrodeee {
    width: 112px;
    height: 100px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 670px;
    top: -145px;
    /* top: -232px; */
    border-radius: 5px;
}

.tailleUp .entry {

    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    font-size: 15px;
    top: -168px;
    left: 663px;

}

.tailleUp .soucheNum {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(27, 27, 27);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -350px;
    font-size: 8px;
    background-color: rgba(184, 81, 81, 0);
    width: 20%;
    left: 19px;

}

.dadje .randomQrodeeOther {
    width: 97px;
    height: 90px;
    background-color: rgb(255, 255, 255);
    position: relative;
    left: 660px;
    top: -114px;
    border-radius: 5px;
}

.dadje .entryOther {
    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    font-size: 15px;
    top: -165px;
    left: 663px;
}

.dadje .soucheNum {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(27, 27, 27);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -345px;
    font-size: 8px;
    background-color: rgba(184, 81, 81, 0);
    width: 20%;
    left: 19px;
}

.vip_other_dim .randomQrodeee {
    /* width: 98px;
    height: 80px; */
    width: 180px;
    height: 150px;
    background-color: rgb(255, 255, 255);
    /* position: relative;
    left: 660px;
    top: -100px; */
    border-radius: 2px;
    border: 2px solid white;

}

.vip_other_dim .custumvip span {
    font-weight: 800;
    color: black;
    font-size: 10px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: #ff2f000f;
    left: 635px;
    top: -275px;
    padding-right: 0px;
}

.vip_other_dim .entry {

    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    font-size: 13px;
    top: -235px;
    left: 255px;
}

.vip_other_dim .soucheNum {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(255, 255, 255);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -348px;
    font-size: 10px;
    background-color: rgba(184, 81, 81, 0);
    width: 20%;
    left: 47px;
}

.vip_other_dim .soucheNumN1 {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(255, 255, 255);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -318px;
    font-size: 10px;
    background-color: rgba(184, 81, 81, 0);
    width: 20%;
    left: 47px;
}

.vip_other_dim .entryOtherE {
    font-weight: 800;
    color: rgb(37, 37, 37);
    font-size: 13px;
    font-family: sans-serif;
    position: relative;
    text-transform: uppercase;
    background-color: #ff2f0000;
    left: 253px;
    top: -235.5px;
    padding-right: 0px;
}

.vip_other_dim .soucheNumE {
    transform: rotate(-90deg);
    font-weight: 800;
    color: rgb(0, 0, 0);
    font-family: sans-serif;
    padding-right: 0px !important;
    position: relative;
    top: -340px;
    font-size: 10px;
    background-color: rgba(184, 81, 81, 0);
    width: 20%;
    left: 46px;
}

/* evenement last 2024 */
.last2024 {
    width: 12cm;
    height: 12cm;
}

.last2024 img {
    width: 100%;
    height: 100%;
}

.last2024 .code_qrr {
    position: relative;
    width: 91px;
    height: 86px;
    background-color: rgb(255, 255, 255);
    top: -215px;
    border-radius: 3px;
    left: 171px;
}

/* chatbot-qrcode */
.last2024 .code_qrr img {
    width: 100%;
    height: 100%;

}

/* chatbot-qrcode */

.debis_event {
    width: 19cm;
    height: 7cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.debis_event img {
    width: 100%;
    height: 100%;
}

.debis_event .randomQrode {
    width: 63.5px;
    height: 45px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -188px;
    left: 606px;
}

/* .debis_event .randomQrode img{
    width: 100% !important;
    height: 100% !important;

} */
.davis_event {
    width: 10cm;
    height: 10cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.davis_event img {
    width: 100%;
    height: 100%;
}

.davis_event .randomQrode {
    width: 53px;
    height: 53px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -140px;
    left: 156px;
}

.davis_event .randomQrode img {
    width: 100%;
    height: 100%;
}

.lite {
    width: 19cm;
    height: 7cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.lite img {
    width: 100%;
    height: 100%;
}

.lite .randomQrode {
    width: 85px;
    height: 85px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -118px;
    left: 608px;
}

.nations {
    width: 19cm;
    height: 7cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.nations img {
    width: 100%;
    height: 100%;
}

.nations .randomQrode {
    width: 85px;
    height: 85px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -118px;
    left: 608px;
}

.chillNocturne {
    width: 19cm;
    height: 7cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.chillNocturne img {
    width: 100%;
    height: 100%;
}

.chillNocturne .randomQrode {
    width: 118.5px;
    height: 98px;
    background: #D6D4C8;
    position: relative;
    top: -190px;
    left: 16px;
}

.chillNocturne .code1 {
    padding: 8.5px;
    /* background: #D6D4C8; */
    position: relative;
    top: -144px;
    left: 569px;
    color: rgba(0, 0, 0, 0.731);
    font-size: 20px;
    font-weight: 700;
    font-family: sans-serif;
    text-align: center;
    width: 134px;
}

.chillNocturne .code2 {
    padding: 4px;
    /* background: #b59f24; */
    position: relative;
    text-align: right;
    top: -205px;
    left: -30px;
    color: rgba(0, 0, 0, 0.731);
    font-size: 14px;
    font-weight: 700;
    font-family: sans-serif;
    width: 92px;
    transform: rotate(90deg);

}

.weloveya {
    width: 19cm;
    height: 7cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.weloveya img {
    width: 100%;
    height: 100%;
}

.weloveya .randomQrode {
    width: 181px;
    height: 160px;
    background: rgb(255, 255, 255);
    position: relative;
    top: -205px;
    left: 523.5px;
}

.weloveya .randomCodebar {
    width: 130px;
    height: 30px;
    background: #ffffff;
    position: relative;
    top: -198px;
    left: 549.5px;
}

.weloveya .code1 {
    padding: 8.5px;
    /* background: #D6D4C8; */
    position: relative;
    top: -144px;
    left: 569px;
    color: rgba(0, 0, 0, 0.731);
    font-size: 20px;
    font-weight: 700;
    font-family: sans-serif;
    text-align: center;
    width: 134px;
}

.weloveya .code2 {
    padding: 4px;
    /* background: #b59f24; */
    position: relative;
    text-align: right;
    top: -205px;
    left: -30px;
    color: rgba(0, 0, 0, 0.731);
    font-size: 14px;
    font-weight: 700;
    font-family: sans-serif;
    width: 92px;
    transform: rotate(90deg);

}


.finaleCAM {
    width: 19cm;
    height: 7cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.finaleCAM img {
    width: 100%;
    height: 100%;
}

.finaleCAM .randomQrode {
    width: 120px;
    height: 120px;
    background: #f4f4f0;
    position: relative;
    top: -190px;
    left: 540px;
    padding: 5px;
}

.klture {
    width: 19cm;
    height: 7cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    margin-top: 80px;
}

.klture img {
    width: 100%;
    height: 100%;
}

.klture .randomQrode {
    width: 210px;
    height: 210px;
    background: #b5b5b1;
    position: relative;
    top: -228px;
    left: 340px;
    padding: 5px;
}

.klture span {
    position: relative;
    top: -252px;
    left: 618px;
    font-weight: 700;
    font-familly: sans-serif;
    color: red;
}




.guinness {
    width: 21cm;
    height: 10cm;
    border: 1px solid rgb(138, 137, 137);
    /* margin-bottom: 40px; */
    /* margin-top: 80px; */
}

.guinness img {
    width: 100%;
    height: 100%;
}

.guinness .randomQrode {
    width: 115px;
    height: 115px;
    background: #f4f4f0;
    position: relative;
    top: -176px;
    left: 649px;
    padding: 5px;
}



.davis_cup2026 {
    width: 20cm;
    height: 8cm;
    border: 1px solid black !important;
    /* margin-bottom: 40px; */
    /* margin-top: 80px; */
}

.davis_cup2026 img {
    width: 100%;
    height: 100%;
}

.davis_cup2026 .randomQrode {
    width: 142px;
    height: 142px;
    background: #ffffff;
    position: relative;
    top: -208.2px;
    left: 561px;
    /* padding: 5px; */
}

.davis_vip .randomQrode {
    width: 71px;
    height: 71px;
    padding: 2px;
    background: #ffffff;
    position: relative;
    top: -205px;
    left: 625px;
    border-radius: none !important;
    /* padding: 5px; */
}

/* .davis_cup2026 .randomQrode{
    width: 155px;
    height: 155px;
    background: #ffffff;
    position: relative;
    top: -208px;
    left: 589px;
    
} */