/* CSS Document - reset */
* { margin:0; padding:0; border:0; }

/* Lien */
a { color:#F2F2F2; text-decoration:none; }
a:hover { color:rgba(177, 175, 136, 1); text-decoration:none; }
::selection { background-color:transparent; }

/* Page */
body { width:100%; height:100%; font-family:'poppins', Arial; cursor:default; -webkit-text-size-adjust:none; }
.accueil { display:block; position:absolute; background-color:rgba(41, 41, 41, 1); width:100%; height:100%; margin:0; padding:0; overflow-y:auto; overflow-x:hidden; }

/* Language */
.langue_m { display:block; position:fixed; left:84vw; top:1vw; z-index:999; }
#tabmenu { display:table; font-size:0.8vw; line-height:2vw; }
#tabmenu ul { display:table; position:absolute; margin:0; padding:0; left:-9999px; }
#tabmenu  > li { display:inline-block; position:relative; width:8vw; vertical-align:top; right:-1vw; }
#tabmenu ul li { float:right; list-style-type:none; clear:right; height:2vw; }
#tabmenu li a, #tabmenu p { display:block; position:absolute; width:8vw; background-color:transparent; margin:0; outline:0; text-decoration:none; color:rgba(239, 239, 239, 1); }
#tabmenu p { display:block; position:relative; width:8vw; height:2vw; text-align:left; }
#tabmenu p:focus { display:block; position:relative; width:8vw; height:2vw; text-align:left; }
#tabmenu p a { display:inline-block; position:absolute; width:8vw; border:0; left:-9999px; background:transparent; text-decoration:none; text-align:left; }
#tabmenu p:focus a { top:0; left:0; right:0; bottom:0; }
#tabmenu ul a:focus , #tabmenu p:focus + ul li a { margin-left:9999px; text-align:left; }
[tabindex] { cursor:pointer; }
.img_flag { width:20%; vertical-align:middle; margin:-0.2vw 0.5vw 0 1.5vw; }

/* Accueil vitrine */
.boutons_gauche { display:block; position:fixed; background-color:transparent; width:3vw; height:auto; left:0; top:0; z-index:3; }
.boutons_droite { position:fixed; background-color:transparent; width:3vw; height:auto; margin:0 2.5vw 0 93.5vw; z-index:3; }
.banniere_label_expo { position: fixed; background-color: transparent; width: 335px; height: auto; margin: 0 2.5vw 0 65.5vw; z-index: 3; }
.imgLabelExpo { display: block; position: absolute; background-color: transparent; width: 17.4479166vw; height: auto; left: 0; top: 0; overflow: hidden; }
/* Boutons actifs */
.bGtOn { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:0; top:0; overflow:hidden; }
/* Boutons inactifs */
.tConnexionOff { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:5vw; top:0; overflow:hidden; }
.tContactOff { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:10vw; top:0; overflow:hidden; }
.tSideOff { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:0; top:0; overflow:hidden; }
.tGraphicbox { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:0; top:5vw; overflow:hidden; }
.tSogoodOff { display:block; position:absolute; background-color:transparent; width:5vw; height:5vw; left:0; top:10vw; overflow:hidden; }

/* P1 */
.logogtentete { position:absolute; width:32vw; top:11.5vw; left:34vw; }
.txt1 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(239, 239, 239, 1); font-size:1.5vw; font-style:normal; font-weight:300; font-family:'poppinsl', Arial; width:100%; height:auto; left:0; top:30vw; }
.image1bonhomme { position:absolute; width:26.49vw; height:auto; left:15vw; top:50vw; }
.txt2 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(255, 255, 255, 1); font-size:1.5vw; letter-spacing:0.5vw; font-style:normal; font-weight:700; font-family:'poppins', Arial; width:100%; height:auto; left:0; top:42vw; }
.divpoint1 { position:absolute; text-align:left; width:25vw; height:3.5vw; left:48vw; top:51vw; }
.point1 { position:absolute; width:3.5vw; height:3.5vw; left:0; top:0; }
.txt3 { position:absolute; text-align:left; line-height:1.4vw; color:rgba(255, 255, 255, 1); font-size:1.2vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; width:100%; height:auto; left:4vw; top:1vw; }
.divpoint2 { position:absolute; text-align:left; width:25vw; height:3.5vw; left:48vw; top:56vw; }
.point2 { position:absolute; width:3.5vw; height:3.5vw; left:0; top:0; }
.txt4 { position:absolute; text-align:left; line-height:1.4vw; color:rgba(255, 255, 255, 1); font-size:1.2vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; width:100%; height:auto; left:4vw; top:1vw; }
.divpoint3 { position:absolute; text-align:left; width:25vw; height:3.5vw; left:48vw; top:61vw; }
.point3 { position:absolute; width:3.5vw; height:3.5vw; left:0; top:0; }
.txt5 { position:absolute; text-align:left; line-height:1.4vw; color:rgba(255, 255, 255, 1); font-size:1.2vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; width:100%; height:auto; left:4vw; top:1vw; }
.txt6 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(255, 255, 255, 1); font-size:1.5vw; letter-spacing:0.5vw; font-style:normal; font-weight:700; font-family:'poppins', Arial; width:100%; height:5vw; left:0; top:80vw; }
.fondviolet { position:absolute; opacity:0.5; fill:rgba(153, 122, 219, 1); width:100%; height:27vw; left:0; top:84vw; }
.image2femme { position:absolute; width:26.49vw; height:auto; left:60vw; top:90vw; }
.txt7 { position:absolute; text-align:left; line-height:1.4vw; color:rgba(255, 255, 255, 1); font-size:1.4vw; font-style:normal; font-weight:700; font-family:'poppinsl', Arial; width:100%; height:auto; left:18vw; top:90vw; }
.txt8 { position:absolute; text-align:left; line-height:1.8vw; font-style:normal; font-size:1vw; color:rgba(255, 255, 255, 1); width:100%; height:auto; left:18vw; top:95vw; }
.txt8-0 { font-family:'poppins', Arial; font-weight:400; }
.txt8-1 { font-family:'poppinsl', Arial; font-weight:700; }
.txt9 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(255, 255, 255, 1); font-size:1.5vw; letter-spacing:0.5vw; font-style:normal; font-weight:700; font-family:'poppins', Arial; width:100%; height:5vw; left:0; top:120vw; }
.image3homme { position:absolute; width:6.5vw; height:auto; left:20vw; top:134vw; }
.fondgrisavantages { position:absolute; opacity:0.5; background-color:rgba(124, 124, 124, 1); border-top-left-radius:12.5vw; border-bottom-left-radius:12.5vw; width:88vw; height:37.5vw; left:12vw; top:125vw; }
.txt10 { position:absolute; text-align:left; line-height:1.8vw; font-family:'poppins', Arial; font-style:normal; font-weight:400; width:100%; height:auto; left:32vw; top:132vw; }
.txt10-0 { font-size:1.2vw; color:rgba(219, 122, 219, 1); }
.txt10-2 { font-size:1.2vw; color:rgba(153, 122, 219, 1); }
.txt10-3 { font-size:1.2vw; color:rgba(105, 210, 194, 1); }
.txt10-4 { font-size:1.2vw; color:rgba(166, 236, 138, 1); }
.txt10-5 { font-size:1.2vw; color:rgba(151, 144, 255, 1); }
.txt10-1 { font-size:1vw; color:rgba(255, 255, 255, 1); }
.schemaavantages { position:absolute; width:24vw; height:auto; left:66vw; top:132vw; }
.txt11 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(255, 255, 255, 1); font-size:1.5vw; letter-spacing:0.5vw; font-style:normal; font-weight:700; font-family:'poppins', Arial; width:100%; height:5vw; left:0; top:172vw; }
.txt12 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(239, 239, 239, 1); font-size:1.4vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; width:100%; height:auto; left:0; top:176vw; }
.txt13 { position:absolute; text-align:left; line-height:1.8vw; color:rgba(239, 239, 239, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppinsl', Arial; width:100%; height:auto; left:35vw; top:180vw; }
.image4femme { position:absolute; width:21vw; height:auto; left:20vw; top:190vw; }
.picto1pdfscreen { position:absolute; width:9vw; height:auto; left:50vw; top:195vw; }
.picto2pdfsepareted { position:absolute; width:9vw; height:auto; left:66vw; top:195vw; }
.picto3inkcoverage { position:absolute; width:9vw; height:auto; left:20vw; top:210vw; }
.picto4mybag { position:absolute; width:9vw; height:auto; left:36vw; top:210vw; }
.picto5cuttingform { position:absolute; width:9vw; height:auto; left:50vw; top:210vw; }
.picto6profilswitch { position:absolute; width:9vw; height:auto; left:66vw; top:210vw; }
.picto7trapping { position:absolute; width:9vw; height:auto; left:20vw; top:225.5vw; }
.picto8reportmaker { position:absolute; width:9vw; height:auto; left:36vw; top:225.5vw; }
.picto9optimizer { position:absolute; width:9vw; height:auto; left:50vw; top:225.5vw; }
.picto10codebarre { position:absolute; width:9vw; height:auto; left:66vw; top:225.5vw; }
.txt14-0 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(153, 122, 219, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:50.3vw; top:204.5vw; }
.txt14-1 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(122, 122, 219, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:65.2vw; top:204.5vw; }
.txt14-2 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(122, 178, 219, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:19.5vw; top:219.5vw; }
.txt14-3 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(122, 219, 208, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:38vw; top:219.5vw; }
.txt14-4 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(122, 219, 178, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:49.5vw; top:219.5vw; }
.txt14-5 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(129, 219, 122, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:65.5vw; top:219.5vw; }
.txt14-6 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(200, 219, 122, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:21.3vw; top:235vw; }
.txt14-7 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(236, 210, 138, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:38vw; top:235vw; }
.txt14-8 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(219, 144, 122, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:51vw; top:235vw; }
.txt14-9 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(236, 138, 138, 1); font-size:1.1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; letter-spacing:0.2vw; left:66.3vw; top:235vw; }
.txt15 { position:absolute; text-align:center; line-height:1.1vw; color:rgba(255, 255, 255, 1); font-size:0.85vw; font-style:normal; font-weight:400; font-family:'poppinsl', Arial; }
.txt15-0 { left:49.3vw; top:206.3vw; }
.txt15-1 { left:65.5vw; top:206.3vw; }
.txt15-2 { left:19.6vw; top:221.3vw; }
.txt15-3 { left:36.8vw; top:221.3vw; }
.txt15-4 { left:48.8vw; top:221.3vw; }
.txt15-5 { left:65.4vw; top:221.3vw; }
.txt15-6 { left:18.9vw; top:236.8vw; }
.txt15-7 { left:34.2vw; top:236.8vw; }
.txt15-8 { left:50.5vw; top:236.8vw; }
.txt15-9 { left:66.1vw; top:236.8vw; }
.txt16 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(255, 255, 255, 1); font-size:1.5vw; letter-spacing:0.5vw; font-style:normal; font-weight:700; font-family:'poppins', Arial; width:100%; height:5vw; left:0; top:310vw; }
.image5imprimante { position:absolute; width:28vw; height:auto; left:36vw; top:318vw; }
.txt17 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(255, 255, 255, 1); font-size:1.4vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; width:100%; height:auto; left:0; top:338vw; }
.txt18 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(153, 122, 219, 1); font-size:1.4vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; width:100%; height:auto; left:0; top:341vw; }
.txt19 { position:absolute; text-align:center; line-height:1.8vw; color:rgba(255, 255, 255, 1); font-size:1vw; font-style:normal; font-weight:400; font-family:'poppins', Arial; width:100%; height:3vw; left:0; top:353vw; }

.txt20 {
    top: 0vw;
}

.txt21 {
    top: 2.5vw;
    padding-right: 6.5vw;
}

.txt22-1 {
    left: 46vw;
    width: 25%;
    font-weight: 500;
    font-size: 1.119vw;
}

.txt22 {
    top: 6.5vw;
}
.txt23 {
    top: 9.5vw;
}
.txt24 {
    top: 12.5vw;
}

.txt25 {
    position: absolute;
    text-align: center;
    line-height: 2.107vw;
    letter-spacing: 0.00px;
    color: rgba(255, 255, 255, 1);
    font-size: 0.987vw;
    font-weight: 700;
    font-style: normal;
    font-family: 'Poppins-SemiBold',Arial;
    width:100%;
    top:45vw;
}

.txt26 {
    position: absolute;
    text-align: center;
    color: rgba(181, 181, 181, 1);
    font-weight: 400;
    line-height: 1.317vw;
    font-style: normal;
    font-size: 1.119vw;
    font-family: 'Poppins_Regular', Arial;
    width: 100%;
    top: 48vw;
}

.txt27 {
    top: 49.5vw;
}

.txt26-1 {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 1.119vw;
    font-family: 'Poppins_Medium', Arial;
    display: contents;
}
.img-logandplay {
    width: 7vw;
    position: absolute;
    left: 60.2vw;
    top: -0.2vw;
}

.img-checkrond {
    width: 2.6vw;
    margin-right: 0.5vw;
}

.img-fond-block {
    width: 17.750999999999998vw;
    margin-right: 1vw;
}

.img-trace-rectangle {
    width: 17.750999999999998vw;
    position: absolute;
    top: 9vw;
}

.img-token {
    width: 2.137vw;
    margin-right: 1vw;
}

/*.img-token-standard {
    display: contents;
}

.img-token-premium {
    display: contents;
}

.img-token-platinium {
    display: contents;
}*/

.trace-rectange-basic {
    left: 17vw;
}

.trace-rectange-standard {
    left: 35.75vw;
    top: 8.5vw;
}

.trace-rectange-premium {
    left: 54.5vw;
}

.trace-rectange-platinum {
    left: 73.25vw;
}

.entete {
    text-align: center;
    line-height: 1.185vw;
    letter-spacing: 0.276vw;
    color: rgba(255, 255, 255, 1);
    font-size: 1.382vw;
    font-weight: 700;
    font-style: normal;
    font-family: 'poppins_semibold', Arial;
    position: absolute;
    
}

.entete-basic {
    top: 5vw;
    left: 23vw;
}

.entete-standard {
    top: 3vw;
    left: 40vw;
}

.entete-premium {
    top: 5vw;
    left: 59vw;
}

.entete-platinium {
    top: 5vw;
    left: 77vw;
}

.price-txt {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
    font-size: 3.423vw;
    font-family: 'poppins_medium', Arial;
    line-height: 3.423vw;
    position: absolute;
}

.price-basic {
    left: 22vw;
    top: 10.5vw;
}

.price-standard {
    left:40vw;
    top: 10.5vw;
}

.price-premium {
    left: 59vw;
    top: 10.5vw;
}

.price-platinium {
    left: 76vw;
    top: 10.5vw;
}

.ht-basic {
    display: contents;
    font-size: 1.712vw;
}

.ht-standard {
    display: contents;
    font-size: 1.712vw;
}

.ht-premium {
    display: contents;
    font-size: 1.712vw;
}

.ht-platinium {
    display: contents;
    font-size: 1.712vw;
}

.txt-token {
    line-height: 1.58vw;
    color: rgba(255, 255, 255, 1);
    font-size: 1.91vw;
    font-weight: 700;
    font-style: normal;
    font-family: 'poppins_bold', Arial;
    position: absolute;
}

.token-basic {
    left: 20vw;
    top: 18vw;
}

.token-standard {
    left: 39vw;
    top: 20vw;
}

.token-premium {
    left: 57vw;
    top: 18vw;
}

.token-platinium {
    left: 76vw;
    top: 18vw;
}

.allblocks {
    width: 100%;
    position: absolute;
    display: flex;
    height: auto;
    top: 17vw;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.fond-price {
    position: absolute;
    width: 109vw;
    height: 60vw;
    background-image: url(../image/vitrine/fondtarifsgtools.png);
    left: -5vw;
    background-repeat: no-repeat;
    background-size: cover;
    top: 248vw;
}

.selectFlag {
    position: absolute;
    top: 1vw;
    right: 8vw;
}