main>div{padding:80px 0 40px 0}

.st{margin-bottom:20px}
.st section{align-items:center}
.st div{text-align:center}
.st h1{font:400 36px dncb;color:#fff;text-shadow:0 0 2px #007cca}
.st p{font-size:17px;color:#c6c6c6;font-weight:700}

.sp{column-gap:20px}
.sp article{padding:10px 0 10px 0}
.sp h1,.sp h2,.mt h2,.sp h3,.mt h3{font:30px dncb;color: #fff;text-shadow: 0 0 2px #007cca;position:relative;z-index:3;}
.sp h1{font-size:38px;}
.sp p{margin-top:20px;font:400 17px dn;color:#98d1df}
.sp p:nth-child(2),.sp p:nth-child(4){margin-top:5px}

#logc{position:absolute;display:block;z-index:20;top:55px;right:10px;width:280px;height:100px;padding:8px;border:1px solid #1f393e;border-radius:9px;background: linear-gradient(0deg, rgba(16,45,52,1) 3%, rgba(47,62,65,1) 23%, rgba(6,49,56,1) 15%, rgba(6,49,56,1) 62%, rgba(29,58,62,1) 62%, rgba(23,40,46,1) 100%);}
.logini{width:160px;height:19px;padding:6px 4px 4px 4px;margin-bottom:15px;font:400 17px dnb;color:#abbfce;background:#131f25;border:0px solid black;border-top-right-radius:6px;border-bottom-right-radius:6px;}
.loginlb{float:left;width:90px;height:18px;padding:7px 10px 4px 0;margin-right:-10px;border-radius:6px;font:400 14px dnb;color:#e4feff;text-align:center;background:#0e6367}
#loginAccount{z-index:4;right:10px;position:absolute;bottom:1px;justify-self: right;width:133px;height:24px;padding-top:0px;font:400 18px dnb;text-align:center;color: #e4feff;}
#loginAccount:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:133px;height:24px;background:url(medias/logbt.webp);opacity:0.6}
#loginAccount:hover:before{opacity:1;}
#logc p{float:left;margin:-3.5px 0 0 0;font:400 15px dnb;color:#c6c6c6;}
#logtw{float:left;margin:-2px 0px 5px 4px;}
@media(min-width:480.01px){
  #logc{right:42px;}
  #logc{width:320px;}
  .logini{width:200px;}
}
#s1{height:406px;padding:0px;background:#081723;background-image:url(medias/s1b480.webp);background-repeat:no-repeat;background-position:bottom;}
#s1c{
  position:relative;z-index:2;
  display: grid;gap:10px;
}
#s1bg1{position:absolute;z-index:2;width:100%;height:406px;background: linear-gradient(0deg, rgba(15,31,43,0) 0%, rgba(15,29,40,0) 50%, rgba(15,29,40,1) 77%, rgba(11,28,36,1) 88%) }
#s1bg2{position:absolute;z-index:1;width:100%;height:406px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -400px 0px;overflow:hidden;}
#s1bg2::after{content: '';background-image: url(medias/flx2.webp);z-index: 0;position: absolute;width:2172px;height: 208px;left: calc(50% - 1300px);transform: rotate(-45deg);animation: scrollBackground 60s linear infinite;opacity:0.5;}
@keyframes slideFade {
  0% {transform: translateX(0);width:0px;opacity: 0;}
  38% {opacity: 0;  width:283px;}
  40% {opacity: 1;width:293px;transform: translateX(0);}
  80% {width:280px;transform: translateX(105px);}
  95% {opacity: 1;width:280px;transform: translateX(40px);}
}
@keyframes scrollBackground {
    from {background-position: 0 0;}
    to {background-position: 100% 0;}
}
#th{grid-area:e;position:absolute;z-index:3;width:773px;height:301px;margin:0px 0 0 -200px;background: image-set(url("medias/thlrf.avif") 1x, url("medias/thlrfb.avif") 2x) no-repeat;}
#th2g{grid-area:e;background-image: url(medias/gard2.webp);z-index:-1;position:absolute;width:293px;height:229px;bottom:0px;left:100px;opacity:0;animation: slideFade 20s infinite;background-size: 100% 100%; }
#hb{grid-area:d;z-index:3;justify-self: right;width: 0;height: 0;border-left: 870px solid transparent;border-right: 80px solid transparent;border-bottom: 88px solid #0d1921;position:absolute;bottom:0}
#s1 h1{grid-area:a;position:relative;font:400 48px dncb;color:#fff;margin-left:20px;}
#s1 h1::after{content:"DEPUIS 2012";font:400 21px dncb;color:#98d1df;position:absolute;left:0px;bottom:-15px}
#tw{grid-area:b;font:400 16px dncb;color:#98d1df;text-align:right;padding:36px 50px 0 0;margin-right:20px;max-width:140px;justify-self:right;}
#tw::after{content:"";float:right;width:32px;height:26px;margin:-15px -40px 0 0;background:url(medias/twitter.webp);opacity:0.8}
#tw:hover::after{opacity:1}
#tw span{font:400 20px dncb;line-height:12px;color: #c3f9ff;text-shadow: 0 0 30px #007cca;}
#tw:hover span,#tw:hover{color:#fff}
#s1 ul {grid-area:c;margin:20px 0 0 0;justify-self: right;
  font:400 18px dnb;line-height:30px;
    color: #cdf5ff;
    list-style-position: inside;
    column-gap: 20px;
    padding:0 40px 0 0;list-style:none
}
#s1 li::before{content:"";border: solid #98d1df;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-right:12px}
#config{z-index:4;grid-area:d;position:absolute;bottom:12px;justify-self: right;width:327px;height:49px;padding-top:4px;margin-right:38px;font:400 33px dncb;text-align:center;color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%)}
#config:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:327px;height:53px;background:url(medias/cmd.webp);opacity:0.7}
#config:hover:before{opacity:1;}
  #compteur{grid-area:d;position:absolute;width:210px;height:50px;z-index:10;transform: rotate(-5deg);font-family: "dncb";font-size: 27px;color: #ffdb49;text-shadow: 0 0 6px #de0000, 0 0 12px red;}
  #compteur span{font-size:38px;color: #c3f9ff;text-shadow: 0 0 30px #007cca;}
  #compteur::after{content:"serveurs demarres";position: absolute;bottom:-16px;left:72px;width:130px;height:30px;font-size:20px;color:#98d1df;text-shadow:none}

  #fv1,#fv2,#fv3,#fv4,#fv5,#fv6,#fv7{
    position:absolute;z-index:4;bottom:275px;left:245px;background:url(medias/flm1.webp) 0 0;background-size:cover;
    width:22px;height:18px;
    transform: rotate(-15deg);
    animation: leve2 2s infinite linear;
  }
  #fv2{left:225px;bottom:280px;width:14px;height:14px;animation: leve2 2.2s infinite linear!important;}
  #fv3{left:230px;bottom:260px;width:9px;height:9px;animation: leve2 2s infinite linear!important;}
  #fv4{left:213px;bottom:257px;width:9px;height:9px;animation: leve2 3s infinite linear!important;}
  #fv5{left:260px;bottom:265px;width:7px;height:7px;animation: leve2 4s infinite linear!important;}
  #fv6{left:250px;bottom:240px;width:15px;height:15px;animation: leve2 2.6s infinite linear!important;}
  #fv7{left:230px;bottom:230px;width:14px;height:13px;animation: leve2 3s infinite linear!important;}

  @keyframes leve {
    0% {
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
    }
    100% {
      -webkit-transform: translateY(-130px) rotate(720deg);
      transform: translateY(-130px) rotate(720deg) scale(0.8);
      opacity: 0.2;
      border-radius: 50%;
    }
  }
  @keyframes leve2 {
    0% {
      -webkit-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg);
      opacity: 1;
      border-radius: 0;
    }
    100% {
      -webkit-transform: translateY(-60px) rotate(0deg);
      transform: translateY(-60px) rotate(10deg) scale(0.8);
      opacity: 0.2;
      border-radius: 50%;
    }
  }
  @media (max-width: 992px) {
      #fv1, #fv2, #fv3, #fv4, #fv5, #fv6, #fv7{
          animation: none;
          display: none;
      }
  }


@media(max-width:480px){
  #s1{height:594px;background:linear-gradient(254deg, rgba(15,31,43,1) 0%, rgba(15,31,43,0) 50%, rgba(15,31,43,1) 100%), linear-gradient(-13deg, rgba(10, 23, 32, 0) 0%, rgba(11, 24, 33, 0.99) 40%, rgb(15, 31, 43) 40%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #s1 ul {columns: 1;justify-self:center;margin:0;column-gap:0;padding:0;line-height:24px}
  #s1 li{font-size:14px;}
  #s1 h1{font-size:32px;line-height:32px;text-align:center;}
  #s1 h1::after{width:100px;left:calc(50% - 50px);bottom:-26px;text-align:center}
  #hb{display:none}
  #th{margin:0;width:100%;height:187px;background: image-set(url("medias/th_480lr.avif") 1x, url("medias/th_480lrb.avif") 2x) bottom center no-repeat;}
  #th2{margin:31px 0 0 0;width:100%;height:187px;background:url(medias/th_480lrc.webp) bottom center no-repeat;}
  #th2g{display:none;animation:none;}
  #s1bg2 {height:594px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -70px 100px;}
  #s1bg2::after{left: calc(50% - 500px);}
  #tw{justify-self:center;max-width:140px;padding:36px 0 0 0;margin:0}
  #config{margin:0;justify-self:center;transform: scale(0.9);}
  #compteur{display:none}
  #s1c{
    grid-template:
        "a a a a a" 80px
        "b b b b b" 40px
        "c c c c c" 300px
        "e e e e e" 100px / 1fr 1fr 1fr 0.7fr 1.3fr;align-items: center
  }
}
@media(min-width:480.01px) and (max-width:768px){
  #s1{height:450px;background:linear-gradient(254deg, rgba(15,31,43,1) 0%, rgba(15,31,43,0) 50%, rgba(15,31,43,1) 100%), linear-gradient(-13deg, rgba(10, 23, 32, 0) 0%, rgba(11, 24, 33, 0.99) 40%, rgb(15, 31, 43) 40%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #s1 ul {columns: 2;justify-self:center;margin:0;column-gap:0;padding:0;line-height:24px}
  #s1 li{font-size: calc(7px + 1.05vw)}
  #s1 h1{font-size:38px;line-height:38px}
  #s1 h1::after{bottom:-26px}
  #hb{border-left:640px solid transparent;}
  #th{margin:-3px 0 0 -40px;width:480px;height:187px;background: image-set(url("medias/th_480lr.avif") 1x, url("medias/th_480lrb.avif") 2x)  no-repeat;}
  #th2g{left:50px;height: 160px;background-size: contain;background-repeat: no-repeat;}
  #s1bg2 {height:450px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -70px 100px;}
  #compteur{bottom:90px;left:140px;}
  #s1c{
    grid-template:
        "a a a a b" 100px
        "c c c c c" 145px
        "e d d d d" auto / 1fr 1fr 1fr 0.7fr 1.3fr;align-items: center
  }
}
@media(min-width:768.01px) and (max-width:992px){
  #s1{height:500px;background:linear-gradient(254deg, rgba(15,31,43,1) 0%, rgba(15,31,43,0) 50%, rgba(15,31,43,1) 100%), linear-gradient(-13deg, rgba(10, 23, 32, 0) 0%, rgba(11, 24, 33, 0.99) 40%, rgb(15, 31, 43) 40%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #s1 ul {columns: 2;justify-self:center;margin:0}
  #hb{border-left:640px solid transparent;}
  #th{margin:0;width:600px;height:234px;background:image-set(url("medias/th_600lr.avif") 1x, url("medias/th_600lrb.avif") 2x) no-repeat;}
  #th2g{left:180px;height: 190px;background-size: contain;background-repeat: no-repeat;}
  #s1bg2 {height:500px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -200px 120px;}
  #compteur{bottom:90px;left:280px;}
  #s1c{
    grid-template:
        "a a a a b" 100px
        "c c c c c" 145px
        "e d d d d" auto / 1fr 1fr 1fr 0.7fr 1.3fr;align-items: center
  }
}
@media(min-width:992.01px) and (max-width:1200px){
  #s1{height:406px;background:linear-gradient(254deg, rgba(15,31,43,1) 0%, rgba(15,31,43,0) 50%, rgba(15,31,43,1) 100%), linear-gradient(-13deg, rgba(10, 23, 32, 0) 0%, rgba(11, 24, 33, 0.99) 68%, rgb(15, 31, 43) 50%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #s1 ul {columns: 2;margin:20px 0 0 0;justify-self: right;font-size:17px;column-gap:0px;}
  #th{margin:-3px 0 0 -240px;}
  #th2{margin:48px 0 0 -120px;}
  #th2g{left:50px;}
  #fv1{left:205px!important;}#fv2{left:185px!important;}#fv3{left:195px!important;}#fv4{left:173px!important;}#fv5{left:220px!important;}#fv6{left:210px!important;}#fv7{left:190px!important;}
  #hb{border-left:870px solid transparent;}
  #s1bg2 {background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -333px 120px;}
  #compteur{bottom:22px;left:30px;}
  /*#s1c{
    grid-template:
        "a a a a b" 100px
        "e c c c c" 320px
        "e d d d d" 70px / 1fr 1fr 1fr 0.5fr 1.5fr;align-items: center
  }*/
  #s1c{
    grid-template:
        "a a a b b" 100px
        "e c c c c" 218px
        "e d d d d" 70px / 1fr 1fr 1fr 1fr 1fr;align-items: center
  }
}
@media(min-width:1200.01px){
  #s1{height:406px;background:linear-gradient(254deg, rgba(15,31,43,1) 0%, rgba(15,31,43,0) 50%, rgba(15,31,43,1) 100%), linear-gradient(-13deg, rgba(10, 23, 32, 0) 0%, rgba(11, 24, 33, 0.99) 62%, rgb(15, 31, 43) 50%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #s1 ul {columns: 2;justify-self: right;margin:20px 0 0 0;font-size:18px;column-gap: 20px;}
  #th{margin:-3px 0 0 -200px;}
  #th2g{left:100px;}
  #hb{border-left:870px solid transparent;}
  #compteur{bottom:18px;left:30px;}
  #s1c{
    grid-template:
        "a a a b b" 100px
        "e c c c c" 218px
        "e d d d d" 70px / 1fr 1fr 1fr 1fr 1fr;align-items: center
  }
}
@media(min-width:1680.01px){
  #s1{height:408px;background:linear-gradient(254deg, rgba(15,31,43,1) 0%, rgba(15,31,43,0) 50%, rgba(15,31,43,1) 100%), linear-gradient(-13deg, rgba(10, 23, 32, 0) 0%, rgba(11, 24, 33, 0.99) 59%, rgb(15, 31, 43) 50%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #s1 ul {columns: 2;justify-self: right;margin:20px 0 0 0;}
  #th{margin:-3px 0 0 -200px;}
  #th2g{left:100px;}
  #fv1{left:245px;}#fv2{left:225px;}#fv3{left:230px;}#fv4{left:213px;}#fv5{left:260px;}#fv6{left:250px;}#fv7{left:230px;}
  #hb{border-left:870px solid transparent;}
  #compteur{bottom:18px;left:30px;}
  #s1c{
    grid-template:
        "a a a b b" 100px
        "e c c c c" 218px
        "e d d d d" 70px / 1fr 1fr 1fr 1fr 1fr;align-items: center
  }
}
@media(min-width:1920.01px){
  #s1{height:406px;background:linear-gradient(254deg, rgba(15,31,43,1) 0%, rgba(15,31,43,0) 50%, rgba(15,31,43,1) 100%), linear-gradient(-13deg, rgba(10, 23, 32, 0) 0%, rgba(11, 24, 33, 0.99) 59%, rgb(15, 31, 43) 50%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #s1 ul {columns: 2;justify-self: right;margin:20px 0 0 0;}
  #th{margin:-3px 0 0 -200px;}
  #hb{border-left:870px solid transparent;}
  #compteur{bottom:18px;left:30px;z-index:10;}
#s1c{
  grid-template:
      "a a a b b" 100px
      "e c c c c" 218px
      "e d d d d" 70px / 1fr 1fr 1fr 1fr 1fr;align-items: center
}
}

#s2,#s3{background:#18363b;padding-top:0;min-height:200px;}
#s2::before{content:"";float:left;width:100%;height:60px;background: linear-gradient(0deg, rgba(55,67,69,1) 0%, rgba(24,41,47,1) 100%);}
#s2c{position:absolute;z-index:1;width:100%;height:60px;}
.st b{color:#fff;}
#s2 h2,#s4 h2{font:400 38px dncb;color:#fff;margin-top:60px;}
#s5 h2,#s6 h2,#s7 h2,#s8 h2,#s9 h2,#s10 h2,#s11 h2{font:400 38px dncb;color:#fff;margin-top:20px;}
#s7 h2{font-size:30px;}
#s4 h2{margin-top:0;position:relative;z-index:3}
#s2 p{font:400 17px dnb;color:#c6c6c6;}
@media(min-width:768px){main>div{padding:80px 0 80px 0}}
@media (min-width: 992px) {#s2 h2,#s4 h2,#s5 h2,#s6 h2Z,#s8 h2,#s9 h2,#s10 h2,#s11 h2{font:400 40px dncb;}#s2 p,.st p{font-size:20px;}}

#s3a{width:520px;height:310px;position:relative;z-index:3;margin:-28px 0 0 15px}
@media(max-width:1199.99px){#s3a{transform:scale(.9);margin:-28px 0 0 -20px}}
#s3{padding:0}
#s3 p{position:relative;z-index:3}
#s3c{position:absolute;z-index:1;width:100%;height:282px;background: linear-gradient(352deg, rgb(15, 42, 48) 0%, rgba(15, 43, 48, 0.98) 34.8%, rgba(24, 54, 59, 0.98) 34.8%, rgba(24, 54, 59, 0) 100%);}
#s3co{position:absolute;z-index:2;width:100%;height:282px;background: linear-gradient(90deg, rgba(24,54,59,1) 0%, rgba(39,53,58,0) 50%, rgba(24,54,59,1) 100%);}
#s4{background:#112a2e;min-height:427px;padding: 80px 0 40px 0!important;}
#s4c{
  position:relative;z-index:2;
  display: grid;gap:10px;
}
#s4g{grid-area:a2;position:absolute;top:60px;left:-100px;width:963px;height:350px;background:image-set(url(medias/s4serv.avif) 1x, url(medias/s4servb.avif) 2x) center bottom no-repeat;}
#s4g1{position:relative;width:auto;margin-left:110px;}
#s4g1a{font:400 39px dncb;width:250px;height:40px;padding:0 40px 0 0;background: -webkit-linear-gradient(#fff,#b4dce8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px transparent;}
#s4g1a::after{content:"";width:34px;height:34px;background:url(medias/spr1.webp) -691px -247px no-repeat;position:absolute;margin:-10px 0 0 5px;}
#s4g1b {width: 240px;height: 28px;font: 400 18px dncb;color: #98d1df;}
#s4g3 { width:483px;height: auto; z-index: 3; }
#s4g3 ul { list-style: none; margin-top: 5px; font-family: dncb; }
#s4g3 li { font-size: 16px; max-width: 480px; height: 22px; color: #bfe2eb; }
#s4g3 h3 { float: left; width: 80px; padding-right: 10px; font-size: 16px; color: #98d1df; }
#s4g3 li:first-child, #s4g3 li:nth-child(1) h3 { color: #f1feff; }
#s4g3 label { float: left; width: 77px; height: 69px; background: url(medias/spr1.webp) -594px -247px no-repeat; margin: 15px 10px 0 0;}
.bb, .bb1, .bb2, .bb3, .bb4 {float: left;background: linear-gradient(0, rgba(0, 204, 255, 1) 50%, rgba(0, 228, 255, 1) 50%);height: 9px;border-radius: 10px;margin: 5px 50px 0 0;width: 0;transition: width 2s ease-out;}
.bb1, .bb2, .bb3, .bb4 {background: linear-gradient(0deg, rgba(235, 181, 71, 1) 50%, rgba(255, 202, 85, 1) 50%);}
.bb > div, .bb1 > div, .bb2 > div, .bb3 > div, .bb4 > div {float: right;width: 40px;margin: -5px -45px 0 0;}

#s4b{position:relative;z-index:4;background:#01385f;width:100%;height:auto;padding:20px 0 20px 0!important;}
#s4bct{display:flex;align-items: center;width:100%;height:100%;justify-content: space-around;flex-wrap: wrap;row-gap: 20px;}
#s4d{grid-area:b2;z-index:3;width:auto;height:auto}
#s4d p{font: 400 17px dn;color: #dcdcdc;margin-top:20px;}
#s4d b{font-weight:bold;color: #fbd558;}
#s4db{grid-area:c2;z-index:3;display:flex}
#s4db1,#s4db2{font:400 44px dncb;color:#ffd84d;padding-right:170px;}
#s4db2{padding-right:100px;}
#s4db1::after,#s4db2::after{content:"Processeur \A Haut de Gamme";white-space: pre;position:absolute;font:400 22px dncb;line-height:20px;color:#baf2ff;margin:4px 0 0 12px;width:auto;height:auto;}
#s4db2::after{content:"2x Disques \A NVMe RAID";}

@media(max-width:480px){
  #s4c{
      grid-template:
          "b2 b2 b2 b2" auto
          "c2 c2 c2 c2" 20px
          "a2 a2 a2 a2" 60px
          "d2 d2 d2 d2" 200px
          "e2 e2 e2 e2" auto / 0.8fr 0.8fr 1.2fr 1.2fr;align-items: center;
    }
    .bb{max-width:calc(100% - 157px)}
    .bb1{max-width:calc(100% - 157px - 15%)}
    .bb2{max-width:calc(100% - 157px - 19%)}
    .bb3{max-width:calc(100% - 157px - 20%)}
    .bb4{max-width:calc(100% - 157px - 26%)}
    #s3c,#s3co{display:none}
    #s3{padding:0 0 20px 0;margin-top:-30px}
    #s4{padding:20px 0 0 0;}
    #s4g{top:0;left:0;width:100%;left: -10px;width: calc(100% + 20px);}
    #s4g1 {margin-left:10px;}
    #s4db1{padding-right: 160px;}
    #s4db{transform:scale(0.7);justify-self:center;margin: 0 -70px 0 -70px;}
    #s2 h2,#s4 h2{font:400 28px dncb;color:#fff;margin-top:20px;line-height:30px;}
    #s4g3 label{display:none;}
    #s2c{background:radial-gradient(circle, rgba(0,38,51,1) -80%, rgba(255,255,255,0) 60%) 0px 0px;}
}
@media(min-width:480.01px) and (max-width:768px){
  #s4c{
      grid-template:
          "b2 b2 b2 b2" auto
          "c2 c2 c2 c2" 20px
          "a2 a2 a2 a2" 60px
          "d2 d2 d2 d2" 210px
          "e2 e2 e2 e2" auto / 0.8fr 0.8fr 1.2fr 1.2fr;align-items: center
    }
    .bb{max-width:calc(100% - 227px)}
    .bb1{max-width:calc(100% - 227px - 15%)}
    .bb2{max-width:calc(100% - 227px - 19%)}
    .bb3{max-width:calc(100% - 227px - 20%)}
    .bb4{max-width:calc(100% - 227px - 26%)}
    #s3c,#s3co{display:none}
    #s3{padding:0 0 20px 0;margin-top:-30px}
    #s4{padding:20px 0 0 0;}
    #s4g{top:0;left:0;width: 100%;left: -10px;width: calc(100% + 20px);}
    #s4g1 {margin-left:10px;}
    #s4db{transform: scale(0.9);margin: 0 -35px 0 -35px;}
    #s4db1{padding-right: 160px;}
    #s4db{transform:scale(0.95);justify-self:center}
    #s2 h2,#s4 h2{font:400 32px dncb;color:#fff;margin-top:20px;}
    #s2c{background:radial-gradient(circle, rgba(0,38,51,1) -60%, rgba(255,255,255,0) 100%) 0px 0px;}
}
@media(min-width:768.01px) and (max-width:992px){
  #s4c{
      grid-template:
          "a2 a2 b2 b2" 60px
          "d2 d2 b2 b2" 280px
          "e2 e2 c2 c2" auto / 0.8fr 0.8fr 1.2fr 1.2fr;align-items: center
    }
#s4d{padding:20px 5px 10px 15px;background: linear-gradient(90deg, rgba(235,181,71,0) 0%, rgba(17,42,46,0.9) 2%);border-radius:20px}
.bb{max-width:calc(100% - 228px)}
.bb1{max-width:calc(100% - 228px - 15%)}
.bb2{max-width:calc(100% - 228px - 19%)}
.bb3{max-width:calc(100% - 228px - 20%)}
.bb4{max-width:calc(100% - 228px - 26%)}
#s4g4{margin-top:0px}
#s3c,#s3co{display:none}
#s4g{width:700px;}
#s4db{transform: scale(0.9);margin: 0 -35px 0 -35px;}
#s2c{background:radial-gradient(circle, rgba(0,38,51,1) -40%, rgba(255,255,255,0) 60%) -80px 0px;}
}
@media(min-width:992.01px) and (max-width:1200px){
  #s4c{
      grid-template:
          "a2 a2 b2 b2" 120px
          "d2 d2 b2 b2" 220px
          "e2 e2 c2 c2" auto / 1fr 1fr 1fr 1fr;align-items: center
    }
    #s4db{transform: scale(0.9);margin: 0 -35px 0 -35px;}
    .bb{max-width:calc(100% - 227px)}
    .bb1{max-width:calc(100% - 227px - 15%)}
    .bb2{max-width:calc(100% - 227px - 19%)}
    .bb3{max-width:calc(100% - 227px - 20%)}
    .bb4{max-width:calc(100% - 227px - 26%)}
#s4db1{padding-right: 152px;}
#s2c{background:radial-gradient(circle, rgba(0,38,51,1) -40%, rgba(255,255,255,0) 68%) -200px 0px}
}
@media(min-width:1200.01px){
  #s4c{
      grid-template:
          "a2 a2 b2 b2" 120px
          "d2 d2 b2 b2" 220px
          "e2 e2 c2 c2" auto / 1fr 1fr 1fr 1fr;align-items: center
    }
    .bb{max-width:calc(100% - 227px)}
    .bb1{max-width:calc(100% - 227px - 15%)}
    .bb2{max-width:calc(100% - 227px - 19%)}
    .bb3{max-width:calc(100% - 227px - 20%)}
    .bb4{max-width:calc(100% - 227px - 26%)}
    #s2c{position:absolute;z-index:1;width:100%;height:60px;background: radial-gradient(circle, rgba(0,38,51,1) -40%, rgba(255,255,255,0) 35%) -400px 0px;}
}
  @media(min-width:1680.01px){
    #s4c{
        grid-template:
            "a2 a2 b2 b2" 120px
            "d2 d2 b2 b2" 220px
            "e2 e2 c2 c2" auto / 1fr 1fr 1fr 1fr;align-items: center
      }
      .bb{max-width:calc(100% - 227px)}
      .bb1{max-width:calc(100% - 227px - 15%)}
      .bb2{max-width:calc(100% - 227px - 19%)}
      .bb3{max-width:calc(100% - 227px - 20%)}
      .bb4{max-width:calc(100% - 227px - 26%)}
  }



#s5{background: linear-gradient(0deg, rgba(2,51,65,1) 0%, rgba(11,25,33,1) 80%);}
#s5::after{content:"";position:absolute;width:100%;height:15px;background:url(medias/sign.webp)center bottom repeat-x;margin-top:66px;}
.rv{display:flex;flex-flow: wrap;justify-content: center;gap:40px;padding:20px 0 20px 0;}
@media(max-width:480px){.rv{gap:20px}}
.ct1 {max-width:250px;text-align:center;opacity: 0;transform: translateY(50px) scale(0.9); transition: opacity 0.8s ease-out, transform 0.8s ease-out;will-change: opacity, transform;}
.ct1.animate {opacity: 1;transform: translateY(0) scale(1); }


#s5c1,#s5c2,#s5c3,#s5c4,#s5c5,#s5c6,#s5c7,#s5c8{position:relative;width:250px;height:90px;background:url(medias/spr1.webp) -520px -457px no-repeat;}
#s5c1 div,#s5c2 div,#s5c3 div,#s5c4 div,#s5c5 div,#s5c6 div,#s5c7 div,#s5c8 div{content:""; width:60px;height:60px;z-index:4;position:absolute;z-index:1;left:calc(50% - 30px);margin-top:16px}
#s5c1 div{background:url(medias/spr1.webp) -594px -336px;}
#s5c2 div{background:url(medias/spr1.webp) -10px -558px;}
#s5c3 div{background:url(medias/spr1.webp) -90px -558px;}
#s5c4 div{background:url(medias/spr1.webp) -170px -558px;}
#s5c5 div{background:url(medias/spr1.webp) -250px -558px;}
#s5c6 div{background:url(medias/spr1.webp) -330px -558px;}
#s5c7 div{background:url(medias/spr1.webp) -410px -558px;}
#s5c8 div{background:url(medias/spr1.webp) -490px -558px;}
.rv h3{font: 400 24px dncb;color: #fff;text-shadow: 0 0 2px #007cca;text-align: center;padding: 5px 0 5px 0;}
.rv p {font: 17px dnb;color: #dcdcdc;text-align: center;}

#s6{background: linear-gradient(0, rgba(3,51,72,0) 0, rgba(1,27,39,1) 100%),radial-gradient(circle, rgba(3,51,72,1) -50%, rgba(1,27,38,1) 100%);}
#versions{padding:20px 0 20px 0;list-style:none;display: flex;flex-flow: wrap;justify-content: center;gap:20px;margin: 0;}
#versions li {opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease; }
#versions li.animate {opacity: 1;transform: translateY(0);}

#v1,#v2,#v3,#v4,#v5,#v6,#v7,#v8,#v9,#v10{width:174px;height:89px}
#v1{background:url(medias/spr1.webp) -206px -10px no-repeat}
#v2{background:url(medias/spr1.webp) -206px -119px no-repeat}
#v3{background:url(medias/spr1.webp) -10px -261px no-repeat}
#v4{background:url(medias/spr1.webp) -204px -261px no-repeat}
#v5{background:url(medias/spr1.webp) -400px -10px no-repeat}
#v6{background:url(medias/spr1.webp) -400px -119px no-repeat}
#v7{background:url(medias/spr1.webp) -400px -228px no-repeat}
#v8{background:url(medias/spr1.webp) -10px -370px no-repeat}
#v9{background:url(medias/spr1.webp) -204px -370px no-repeat}
#v10{background:url(medias/spr1.webp) -398px -370px no-repeat}

#s8{background:linear-gradient(0, rgb(20 46 50) 0%, rgba(7, 25, 37, 1) 87%, rgb(1 12 19) 100%)}
#s8c{background:#18363b;}
#s8c{padding:40px 0 50px 0;}
#s8c::after{content:"";position:absolute;width:100%;height:15px;background:url(medias/sign.webp)center bottom repeat-x;margin-top:36px;}
#s8 h3,#s8b h3,#s8c h3{font: 400 30px dncb;color: #fff;text-shadow: 0 0 2px #007cca;margin: 5px 0 0 0;}
#s8 h2{padding-bottom:40px;}
.mp {width:100%;max-height:315px;  -webkit-box-reflect: below 2px linear-gradient(to bottom, rgba(0,0,0,0.0) 80%, rgba(0,0,0,0.2));animation: bounceIn 1s ease-in-out forwards;animation-play-state: paused;}
@keyframes bounceIn {
    0% { transform: translateY(-50px); opacity: 0; }
    50% { transform: translateY(0); opacity: 1; }
    65% { transform: translateY(-15px); }
    80% { transform: translateY(0); }
    90% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}
.ctr {display: flex;justify-content: center;align-items: center;}
#s8b{padding:40px 0 80px 0;background:linear-gradient(0, rgb(15 31 43) 0%, rgb(20 45 50) 87%, rgb(20 46 50) 100%)}
#mp1{max-width:423px;}


#s9{background:#0f1f2b image-set(url("medias/pcher.avif") 1x, url("medias/pcherb.avif") 2x) no-repeat;background-position: calc(45% + 20vw) bottom;}
#s9 .sp p{margin-top:20px;}
#s9 h3{font: 400 30px dncb;color: #fff;text-shadow: 0 0 2px #007cca;margin:20px 0 -10px 0}
.pchc{display:grid;
  grid-template:
      "pc1 pc3" auto
      "pc2 pc3" auto / 2fr 1fr;align-items: center;gap:20px;position:relative;
}
.pchc1{grid-area:pc1;z-index:2;}
.pchc2{grid-area:pc2;z-index:2;}
#s10{background:linear-gradient(0,rgba(1,26,36,1) 0%,rgba(1,31,43,1) 50%,rgba(1,26,36,1) 100%)}
#s10 section,#s10a{row-gap:20px}
#s10a{margin-top:60px;justify-items:center}
#s10b>div{width:202px;height:94px;background:url(medias/s10i.webp) -1px -60px no-repeat;font:400 19px/20px dn}
#s10b>h3{margin-top:8px;font-weight:bold}
#s10b>p{font-size:15px;font-weight:400}
#s10c article{padding:10px;background-color:#021926;text-shadow:0 0 50px #007cca;border:1px solid #27445a;border-radius:10px}
#s10c div{height:170px;animation:24s playslide infinite linear;opacity:0}
#s10c div:nth-child(2){margin-top:-170px}
#s10c div:nth-child(3){margin-top:-170px}
@media(max-width:991.99px){#s10a{margin-bottom:20px}}
@media(max-width:479.99px){#s10a{margin-bottom:40px}}
#s10c h4{font:400 18px dn;color:#fff;margin-bottom:15px;padding-left:55px}
#s10c h4::after{display:block;content:"";width:100%;height:19px;margin-top:6px;background:url(medias/s10i.webp) -123px -1px no-repeat}
#s10c h4::before{position:absolute;margin-left:-55px;content:"";width:40px;height:40px;background:url(medias/s10i.webp);border-radius:50%}
#s10c q{font:400 14px dn;color:#98d1df}
#s10c h4.strb::after{background-position-y:-19px}
#s10c h4.strc::after{background-position-y:-38px}
#s10c2 h4::before{background-position-x:-41px}
#s10c3 h4::before{background-position-x:-81px}
#s10c div:nth-child(1){animation-delay:0s}
#s10c div:nth-child(2){animation-delay:8s}
#s10c div:nth-child(3){animation-delay:16s}
@keyframes playslide{0%,100%,37.33%{opacity:0}33.33%,4%{opacity:1}}

#s7{background:#010c13;background-image:image-set(url("medias/s11b2.avif") 1x, url("medias/s11b2b.avif") 2x);background-repeat:no-repeat;background-position:calc(50% + 300px) 50%;padding:20px 0 20px 0;}
@media(max-width:991.99px){
  #s7{background-image:none}
  .pchc{display:grid;
    grid-template:
        "pc3" 300px
        "pc1" auto
        "pc2" auto / 1fr;
  }
  #s9{background-position: center 180px;}
}

#s11{background:#02131d;padding:20px 0 0 0}
@media(min-width:992px){#s12{padding-bottom:0}}
#s11 .sp{align-items:center;position:relative;}
#s11a{width:332px;height:405px;margin-left:-40px;background:url(medias/s12is2.webp) 0 0}
#s11a div{position:absolute;bottom:0;margin-left:clamp(0px,100% - 178px,1280px - 192px);width:204px;height:255px;background:url(medias/s12i2.webp);}
#s11b{z-index:2}
#supt h2{font-size:30px;}


#s12{display:flex;justify-content: center;align-items:center;height:auto;min-height:140px;padding:0;text-align:center;font:42px dncb;background:#dd9322;}

@media(max-width:480px){#s7 h2,#s8 h3,#s8b h3,#s8c h3,#s9 h3,#s11 h2{text-align:center}}
#s12 section{row-gap:20px}
#s12 .anv{width:134px;height:107px;background:image-set(url("medias/spr1.avif") 1x, url("medias/spr1b.avif") 2x) -594px -10px no-repeat;align-self: center;}
#s12 div{display:flex;flex-direction: column;justify-content: center;color: #000000;}
#s12 p{margin-top:-5px;font:20px dncb;color: #041e2c;text-shadow:inherit}
@media(max-width:767.99px){
    #s12{font-size:36px;padding-bottom:17px;padding:35px 0 35px 0;background-size:cover;}
    #s12 p{font-size:20px}
    #s12 .anv{grid-column-end: span 12;justify-self:center;}
}
    @media(max-width:480px){
      #s5 h2,#s6 h2,#s7 h2,#s8 h2,#s9 h2,#s10 h2{font:400 28px dncb;color:#fff;margin-top:20px;line-height:30px;}
}

#s13{background: #010c13;padding:0;}
#s13 article{align-self: center;}
#s13 p{margin-bottom:30px;}
#mp2{width:100%;height:auto;max-height:315px;}

#s21{background: linear-gradient(0deg, rgba(13,31,41,1) 0%, rgba(13,31,41,1) 15%, rgba(6,22,31,1) 15%, rgba(6,22,31,1) 36%, rgba(8,26,34,1) 36%, rgba(7,21,30,1) 100%);padding:0;}
#s21c{background:url(medias/chb.webp) top no-repeat;height:auto;min-height:64px;padding:0}
@media (max-width: 1080px){#s21c{float:left;width:100%;background-color:#07151e;}}
#s21 ul{list-style:none;font-family: dncb;display: flex;flex-flow: wrap;justify-content: center;row-gap:0px;}
#s21 li{width:auto;min-width:138px;padding: 12px 30px 5px 50px;height:42px;font-size:22px;line-height:20px;color: #98d1df;}
#s21 li span{font-size:20px;color:#516875;}
#s21 li::before{content:"";width:42px;height:42px;position:absolute;margin-left:-48px;}
#s21 li:nth-child(1)::before{background:url(medias/i1.webp)no-repeat;}
#s21 li:nth-child(2)::before{background:url(medias/i2.webp)no-repeat;}
#s21 li:nth-child(3)::before{background:url(medias/i3.webp)no-repeat;}
#s21 li:nth-child(4)::before{background:url(medias/i4.webp)no-repeat;}
#s21 li:nth-child(5)::before{background:url(medias/i5.webp)no-repeat;}
#hardware{color:#239494!important;}
#memburst{color: #d0de21!important;display: none;line-height:16px;}
#s22{background: linear-gradient(0deg, rgba(6,22,31,1) 0%, rgba(13,31,41,1) 100%);padding:60px 10px 60px 10px;}
#s22 h1{font:400 38px dncb;color:#fff;}
#s22 p{font:400 18px dnb;color:#dcdcdc;padding-bottom:20px;}
#s22 .info p{font:400 17px dnb;color:#e8f2e5;padding:0 30px 0 36px;min-height:42px;background:url(medias/info.webp)left top no-repeat;}
#s22 p span{font:400 15px dnb;color:#c6c6c6;margin-top:6px;float:left;}
#s23{background: linear-gradient(0deg, rgba(16,45,52,1) 3%, rgba(47,62,65,1) 15%, rgba(6,49,56,1) 15%,  rgba(6,49,56,1) 75%, rgba(29,58,62,1) 75%, rgba(23,40,46,1) 100%);padding:0}
/*#s23 .row{padding:0;width: clamp(300px,100%,1200px);}*/
#duree{width:100%;height:auto;display: flex;justify-content: left;align-items: center;padding:10px 0 0 0;}
#duree h2{font:400 24px dncb;color:#dcdcdc;padding-right:40px;}
#adresse{width:100%;height:auto;padding:28px 0 58px 0;}
#adresse h2{width:100%;font:400 24px dncb;color:#dcdcdc;padding-bottom:3px;}
.ofgtm,.ofgtm2 {float: left;width:446px;height:38px;background:#0d1a21;border-radius:9px;padding:6px 12px 0px 12px;}
.vmdri, .vmdrio,.vmdri2, .vmdri2o{float: left;width:33px;height:33px;background:url(medias/ht2.webp)no-repeat;padding-right:3px;}
.vmdrio,.vmdri:hover,.vmdri2o,.vmdri2:hover{background:url(medias/ht1.webp)no-repeat;cursor:pointer;}
.ofcpbs::before,.ofcpos::before{animation: up-down 1s infinite alternate;}
@keyframes up-down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(4px);
  }
}
.ofgtd,.ofgtd2 {float:right;width:auto;height: 18px;font-family: dncb;font-size: 24px;font-weight: 700;color: #ffdb49;text-shadow: 0 0 6px #de0000, 0 0 12px red;}
.ofgtd span {font-size: 20px;font-weight: 700;color: #dcdcdc;text-shadow:none}
.ofgam{float: left;width:100%;height: 36px;padding-bottom:15px;}
.ofgami{float: left;width:50%;height: 34px;}
.ofgami input {float: left;width:100%;height:35px;background:#0d1a21;border-radius:9px;border: 0 solid #000;padding: 6px 0 0 0;text-align: center;font-size:18px;font-weight: 700;color:#98d1df;}
.ofgams{float:left;width:calc(50% - 8px);height:auto;font:400 24px dnb;color:#c6c6c6;padding:4px 0 0 6px;text-align:center;background:#052c32;margin-left:-6px;margin-right:8px;}
.ofgams select{width:100%;height:37px;font-size: 18px;font-weight: 700;color: #dcdcdc;padding:0 6px 0 6px;background-color:#052c32;border: 0 solid #000;cursor: pointer;text-align:center;}
#adresse p{width:100%;font:400 18px dncb;color:#677b7f;}
#coeurs{float:left;width:100%;height:auto;}
#coeurs h2{float:left;font:400 24px dncb;color:#dcdcdc;padding:20px 0 0 20px;}
#ghz{float:right;width:144px;height:41px;background: url(medias/rz4.webp)no-repeat;margin:10px 10px 0 0;}
#coeursb{float:left;width:100%;height:auto;padding:30px 0 0 0;display:flex;justify-content:center;align-items: center;gap:40px}
#ofcpb1,#ofcpb2,#ofcpb3,#ofcpb4{color:#516875;text-shadow:none;}
#ofcpb1::before,#ofcpb2::before,#ofcpb3::before,#ofcpb4::before{content:"";width:154px;height:124px;position:absolute;top:0px;left:0px;background:url(medias/core1s.webp)no-repeat}
#ofcpb2::before{background:url(medias/core2s.webp)no-repeat}
#ofcpb3::before{background:url(medias/core3.webp)no-repeat}
#ofcpb4::before{background:url(medias/core4.webp)no-repeat}
#ofcpb1 span,#ofcpb2 span,#ofcpb3 span,#ofcpb4 span{font-size:28px;line-height:18px;color:#dcdcdc;position:absolute;top:50px;left:0px;text-shadow:none;}
#ofcpo{font:400 30px dncb;color: #516875}
#ofcpo::before{content:"";width:154px;height:124px;position:absolute;top:0px;left:0px;background:url(medias/coreog.webp)no-repeat;color:#516875}
#ofcpo span{font-size:28px;line-height:18px;color:#96fbff;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff;position:absolute;top:50px;left:0px;}
#ofcpb1 span b,#ofcpb2 span b,#ofcpb3 span b,#ofcpb4 span b,#ofcpo span b{font-size:18px;color:#dcdcdc;text-shadow:none;}
#ofcpo p{font:400 16px dncb;line-height:14px;color:#ffffff;position:absolute;top:55px;right:-14px;}
#ofcpo p b{font:400 26px dncb;line-height:16px;color: #96fbff;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff;}
.ofcpo,.ofcpb,.ofcpos,.ofcpbs{position:relative;width:154px;height:46px;font:400 24px dncb;background:url(medias/corebg.webp)no-repeat;text-align:center;padding:84px 0 0 0;}
.ofcpb,.ofcpbs{height:42px;padding:88px 0 0 0;}
.ofcpo:hover,.ofcpb:hover,.ofcpos,.ofcpbs{background:url(medias/corebgo.webp)no-repeat;color:#96fbff!important;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff!important;}

@media(max-width:996px){
#s23{background: linear-gradient(0deg, rgba(16,45,52,1) 3%, rgba(47,62,65,1) 7.5%, rgba(6,49,56,1) 7.5%,  rgba(6,49,56,1) 87%, rgba(29,58,62,1) 87%, rgba(23,40,46,1) 100%)}
#coeurs{display: flex;justify-content: center;gap:40px;}
}
@media(max-width:768px){
.ofgtm {height:auto;padding:9px 4px 9px 4px;display: flex;justify-content: center;align-items: center;gap:1%;}
.vmdri, .vmdrio{width:calc(9px + 3vw);height:calc(9px + 3vw);background-size:contain;padding-right:2px;}
.ofgtd {font-size: 18px;line-height:16px;margin-top:-14px;}
.ofgtd span {font-size: 16px;display:block;line-height:16px;}
#s8b .sp{  display: flex;flex-direction: column-reverse; }
}
@media(max-width:575px){
  .ct1{margin: -70px -30px 20px -30px;}
  .ct1.animate {opacity: 1;transform: translateY(50px) scale(0.8);}
}
@media(max-width:480px){
#s21{transform: scale(0.8);margin: -10px -40px -10px -40px;background:none;}
#s21c{background:none;}
body{background-color: #07151e;}
#s22{padding: 30px 10px 30px 10px;}
#s22 h1{font-size:30px;text-align:center;}
#s22 p{font-size:15px;text-align:center;}
#s22 .info p{font-size:15px;text-align:left;}
#s22 span{font-size:13px;text-align:left;}
#duree h2{padding-right:10px;}
.ofgtm {background:#0d1a21;border-radius:9px;height:auto;padding:9px 2px 9px 2px;gap:1px;}
.vmdri, .vmdrio{width:calc(8px + 3vw);height:calc(8px + 3vw);background-size:contain;padding-right:1px;}
.ofgtd {font-size: 16px;line-height:14px;margin-top:-8px;}
.ofgtd span {font-size: 12px;display:block;line-height:12px;}
.ofgams{font-size:17px;line-height: 14px;width:50%;margin-right:0px;}
#adresse p{font-size:15px;}
#coeursb{gap:20px;transform: scale(0.9);}
#duree h2,#adresse h2{font-size:20px;}
#coeurs{gap:20px;}
#coeurs h2{font-size:20px;padding:20px 0 0 10px;}
.ofgami input {float:left;width:100%;height:28px;}
#ghz{width:115px;height:35px;background-size:contain;}
.ofgams select{height:30px;font-size:15px;}
.ct1{margin: -80px -40px 20px -40px;}
.ct1.animate {opacity: 1;transform: translateY(50px) scale(0.7);}
main>div {padding: 40px 0 40px 0;}
#s4{padding: 40px 0 40px 0 !important;}
#s8b{padding-top:0px;}
#s9 {background-position: center 160px;}
#s11,#s8b{padding-bottom:40px;}
#prtn{padding-top:20px;}
#versions li.animate {transform: translateY(0px) scale(0.75);margin: 0px 0px -30px 0px;}
#versions{height:400px;}
}
.s23c{background: linear-gradient(0deg, rgba(14,30,37,1) 0%, rgba(12,31,38,1) 15%, rgba(14,39,48,1) 15%, rgba(12,32,39,1) 75%, rgba(16,32,40,1) 75%, rgba(15,30,37,1) 100%);width:100%;height:250px;}
#s24{background: linear-gradient(0deg, rgba(15,38,48,0) -24%, rgba(13,26,33,1) 58%), radial-gradient(circle, rgba(15,38,48,0) 18%, rgba(13,26,33,1) 66%);padding:20px 0 20px 0;}
#s24 .row{height:auto;}
#s24 h2{float:left;font:400 24px dncb;color:#dcdcdc;padding:6px 0 6px 0;}
#s24 input {float: right;width:290px;height:36px;background:#0d1a21;border-radius:9px;border: 1px solid #023742;margin-right:10px;padding: 6px 0 0 0;text-align: center;font-size:18px;font-weight: 700;color:#98d1df;}
#s24 label{float:right;font:400 20px dncb;color:#c6c6c6;padding:10px 10px 0 0;}
#s24 div{position:relative;}
#donationc p {font:400 24px dncb;color:#fff;}
#donationc input{padding:4px;width:400px;}
@media(max-width:768px){#s24 input {width:190px;height:28px;margin-top:3px;}#s24 label{display:none;}}
#s25,#s25b{background: linear-gradient(0deg, rgba(0,44,57,1) 0%, rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height: 749px;display: flex;align-items: center;}
#s26::before {content: "";position: absolute;width: 100%;height: 15px;background: url(medias/sign.webp)center bottom repeat-x;margin-top:-24px;}
.ofgapc{height:743px;justify-content:center;gap:6px;overflow-y:auto;overflow-x:hidden;grid-auto-rows: min-content;}
.ofgaps2{position:relative;grid-column-end: span 6;height:92px;min-width:300px;}

.ofgaps2:hover .mdlci, .ofgaps a:hover .ofgapsi,.ofgapso a .ofgapsi{opacity:1;animation: fadeOut 1s infinite alternate;}
.ofgaps2:hover .mdlcx{border:2px solid #023945;}
.ofgaps a:hover .ofgapsn, .ofgapso a .ofgapsn{background:#0e2d3a;color: #ffdb49;border:1px solid #27445a;text-shadow: 0 0 40px #007cca; }
.ofgaps a:hover .ofgapsn span, .ofgapso a .ofgapsn span,.ofgaps a:hover .ofgapsn b, .ofgapso a .ofgapsn b{text-shadow:none;color:#aacbe0;}
.ofgaps a:hover .ofgapsn span::before, .ofgapso a .ofgapsn span::before{color:#6f999e;}
.ofgaps a:hover .ofgapsn b::before, .ofgapso a .ofgapsn b::before{color:#009495;}
.ofgaps,.ofgapso{grid-column-end: span 12;float:left;width:100%;height:68px;margin:0 0 0 8px}
.ofgaps:hover,.ofgapso:hover{cursor:pointer}
.ofgaps a,.ofgapso a{float:left;width:100%;height:auto;opacity: 0;animation: fade-in 0.4s forwards;}
@keyframes fade-in {to { opacity: 1; }}
@keyframes fadeOut {0% { opacity: 1; }100% { opacity: 0.8; }}
#backPacks{position:absolute;z-index:10;top:46px;left:-22px;width:68px;height:76px;background:url(medias/return.webp)no-repeat;opacity:0.8;}
#backPacks:hover{opacity:1}

.ofgapsi{float:left;position:relative;width:84px;height:68px;opacity:0.9;text-align: center;padding:6px 0 0;}
.ofgapsi img{ border:1px solid #27445a;border-radius:9px}
.ofgapsn{float: left;position:relative;width:calc(100% - 124px);height:62px;background:#081b24;border-radius:9px;border: 1px solid #023742;padding:2px 10px 0 10px;margin-top:6px;overflow:hidden;font:400 20px dncb;line-height:19px;color:#dcdcdc;}
.ofgapsn div{display: flex;height:40px;width:100%;overflow: hidden;text-overflow: ellipsis;}
.ofgapsn span,.ofgapsn b{position:absolute;bottom:2px;font:400 16px dnb;color:#6e94a5;}
.ofgapsn span{left:28px;}
.ofgapsn b{right:8px;width:auto;max-width:60px;display: flex;align-items: flex-end;text-align: right;}
.ofgapsn b::before{content:"release";font:400 13px dncb;color:#374c5e;position:absolute;margin:3px 0 0 -36px;}
.ofgapsn span::before{content:"ver.";font:400 13px dncb;color:#374c5e;position:absolute;margin:3px 0 0 -18px;}

.mdlci{float: left;position: relative;width:100px;height:74px;background: url(medias/vsc.webp) 0 0 no-repeat;opacity:0.9;text-align: center;padding:18px 0 0;}
.mdlcx{float: left;width:calc(100% - 140px);height: 72px;background:#081b24;border-radius:9px;border: 2px solid #081b24;padding:2px 10px 0 10px;margin-top:6px;overflow:hidden;}
.mdlcxh{float: left;width: 100%;height: 20px;font: 16px dnb;color: #dcdcdc;overflow:hidden;}
.mdlcxh span{color:#0bd900;}
.mdlcxb{float: left;width: 100%;height:34px;font: 13px/16px dn;color: #74989d;}
@media(max-width:996px){
.ofgaps2{grid-column-end: span 12;}
}
@media(min-width:480.01px){
.mdlcxh{font: 20px dnb;height:26px;}
.mdlcx{height: 68px;padding:6px 10px 0 10px;}
.mdlcxb{font: 15px/16px dn;}
.ofgaps,.ofgapso{grid-column-end: span 12;}
}
@media(min-width:768.01px){
.ofgaps,.ofgapso{grid-column-end: span 6;}
}
@media(min-width:992.01px){
.ofgaps,.ofgapso{grid-column-end: span 4;}
}
@media(min-width:1200.01px){
  .ofgaps,.ofgapso{grid-column-end: span 3;}
}


#s26{background-color:#0f1f2b;padding:10px 0 20px 0;}
#s26 h2{float:left;font:400 24px dncb;color:#dcdcdc;}
#details{display: flex;justify-content: center;}
#s26 ul {margin:20px 0 0 0;
  font:400 20px dncb;line-height:30px;
    color: #768d9b;
    column-gap:40px;
    padding:0 0 0 0;list-style:none;
    column-count:1;
}
#s26 li{  background:url(medias/tagy.webp)0 7px no-repeat;padding-left:24px;}
#cmdc{position:relative;width:100%;display: flex;justify-content:center;padding:35px 0 0 0;gap:10px;}
@media(min-width:480.01px){#cmdc{justify-content:right;}}
#cmdc h2{font:400 24px dncb;color:#dcdcdc;margin:-4px -60px 0 0;}
  #oamount,#oamount2{font:400 20px dncb;color: #96fbff;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff;margin:18px 10px 0 0;}
  #oamount span,#oamount2 span{font:400 13px dnb;color:#6e94a5;text-shadow:none;margin-left:5px;}
  #command,#validOrder{position:relative;z-index:2;margin-top:0px;justify-self: right;width:327px;height:49px;margin-right:0px;font:400 36px dncb;text-align:center;color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%)}
  #command:before,#validOrder:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:327px;height:53px;background:url(medias/cmd.webp);opacity:0.7}
  #command:hover:before,#validOrder:hover:before{opacity:1;}
  @media(min-width:480.01px){#s26 ul {column-count:2;}#cmdc h2{margin:14px 10px 0 0;}#oamount,#oamount2{min-width:120px;margin:10px 0 0 0;font-size:30px;}#oamount span,#oamount2 span{font-size:17px;}#command,#validOrder{margin-right:38px;}}
  @media(min-width:768.01px){#s26 ul {column-count:3;}}
  @media(min-width:992.01px){#s26 ul {column-count:3;}#cmdc{gap:40px;}}
  @media(min-width:1200.01px){#s26 ul {column-count:4;}#cmdc{gap:40px;}}

#s27{text-align: center;align-items: center;background: linear-gradient(0deg, rgba(15,38,48,0) -24%, rgba(13,26,33,1) 58%), radial-gradient(circle, rgba(15,38,48,0) 18%, rgba(13,26,33,1) 66%);padding:40px 0 20px 0;}
#s27 .row{position:relative;height:auto;}
#s27 h1,#tuth1{font: 400 42px dncb;color: #fff;text-shadow: 0 0 2px #007cca;}
#s27 h2,#tuth1 span{font-size: 17px;color: #b7cedd;font-weight: 700;font-family:dn;}
#tuth1{line-height:27px;margin-top:10px;}
#s27 nav{margin-top:20px;}
#s27 nav>div{float: right; margin-left: auto;width:100%;}
#s27 input {width:100%;height:30px;background:#0d1a21;border-radius:9px;border: 1px solid #023742;padding: 6px 0 0 0;text-align: center;font-size:18px;font-weight: 700;color:#98d1df;}
#s27 label{font:400 20px dncb;color:#c6c6c6;padding:10px 10px 0 0;}
#s27 nav{padding:0 0px 0 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items: center;}
#s27 nav a{width:auto;padding:0px 5px 0px 50px;margin-top:10px;float:left;height:42px;font-size:18px;font-family: dncb;line-height:20px;color: #98d1df;opacity:0.7;}
#s27 nav a::before{content:"";width:42px;height:42px;position:absolute;margin-left:-44px;opacity:0.5}
#s27 nav a:nth-child(1)::before{background:url(medias/tc1.webp)no-repeat;margin-top:-10px;}
#s27 nav a:nth-child(2)::before{background:url(medias/tc2.webp)no-repeat;margin-top:-12px;}
#s27 nav a:nth-child(3)::before{background:url(medias/tc3.webp)no-repeat;margin-top:-12px;}
#s27 nav .ybgms,#s27 nav .ybgms::before,#s27 nav a:hover,#s27 nav a:hover::before{opacity:1;}

#s28{background: linear-gradient(0deg, rgba(0,44,57,1) 0%, rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:400px;}
#s28 a{grid-column-end: span 12;min-width: 300px;margin:5px 0 5px 0;font:17px dnb;border-radius: 9px;padding: 6px 6px 6px 10px;color: #afb9bc;background: #032731;border: 1px solid #003a3c;}
#s28 a h3{font:17px dnb;color: #afb9bc;margin:0;padding:0 0 0 16px;}
#s28 a h3::before{content:"";width:12px;height:16px;background:url("medias/fich.webp");position:absolute;margin:3px 0 0 -20px;opacity:0.8;}
#s28 a:hover {background: #42211b;border: 1px solid #784d35;color: #ffdb4b;}
#s28 a:hover h3{color: #ffdb4b;}
@media(min-width:480.01px){
#s27 nav a{font-size:22px;padding:0 30px 0 50px;}
#s27 nav a::before{margin-left:-48px;}
#s27 nav{padding:0 10px 0 10px;}
#s27 input {width:290px;height:36px;}
#s27 nav>div{width:auto;}
}
@media(min-width:768.01px){
#s28 a{grid-column-end: span 6;}
}


#s29{background: linear-gradient(0deg, rgba(0,44,57,1) 0%, rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:400px;}
@media(min-width:992px){#s29 .row{grid-column-gap:50px}}
#s29 details{font:400 17px;color:#b7cedd;margin:25px 0 0px 0}
#s29 details{border: 1px solid #003343;border-radius: 6px;padding: 8px;background: rgba(13,26,33,0.7);}
#s29 summary{font:400 25px dncb;color:#ffc94f;cursor:pointer;list-style-type:none}
#s29 p{margin-top:15px}
#s29 a{color:#67e9ff;font-weight:bold}
#s29 a:hover{color:#fff}
#s29 details>summary::-webkit-details-marker{display:none}
#s29 details>summary::before{float:right;margin-left:15px;content: '+ ';color:#b7cedd}
#s29 details[open]>summary::before{float:right;margin-left:15px;content: '- ';color:#b7cedd}
#s29 details summary ~ *{animation:sweep .5s ease-in-out}@keyframes sweep{0%{opacity:0}100%{opacity:1}}
#s29 iframe{margin-top:18px;aspect-ratio:16/9;height:100%;width:85%}
#s29 details:hover {background: rgba(13,26,33,1);}
#s29 details:hover summary{color:#98d1df;}

/*register*/
#s30{background: linear-gradient(0deg, rgba(0,44,57,1) 0%, rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:400px;font:400 16px dnb;color:#b7cedd;}
.inscg,.inscd{display:flex;flex-flow:wrap;justify-content: center;text-align:center;}
.inscg{height:300px;}
#s30 h2{width:100%;text-align:center;padding:0 0 10px 0;}
#s30 li{list-style:none;height:40px;}
#s30 li label,.ovngc li label,.ovx li label{float:left;width:110px;height:18px;padding:7px 10px 4px 0;margin-right:-10px;border-radius:6px;font:400 14px dnb;color:#e4feff;text-align:center;background:#0e6367;border: 1px solid #0c363a;}
#s30 li input,.ovngc li input,.ovx li input,.ovngc li select{width: calc(103px + 12vw);max-width:400px;height:19px;padding:6px 10px 4px 10px;margin-bottom:15px;font:400 17px dnb;color:#abbfce;background:#0d1a21;border:1px solid #09161d;border-top-right-radius:6px;border-bottom-right-radius:6px;border: 1px solid #0c363a;}
#s30 li input:hover,.ovngc li input:hover,.ovx li input:hover,.ovngc li select:hover{background:#0a161d;}
#s30 li:nth-child(5),#s30 li:nth-child(7){margin-top:10px;}
#s30 li:nth-child(5) label,#s30 li:nth-child(6) label{background:#00816a;}
#s30 p{font:400 20px dncb;color:#b7cedd;padding:10px 0 10px 0;text-align:center;width:100%;}
#s30 #stayc{width:100%;height:auto;text-align:center;margin:0 0 15px 0;}
#s30 #loginAccount{position:relative;float:left;width:200px;height:28px;margin:0px 4px 0px 4px;border-radius:6px;text-align:center;color: #c6c6c6;font:400 18px dnb;padding-top:6px;background:#08464e;border:1px solid #14646d;}
#s30 #loginAccount:before{display:none}
#s30 #loginAccount:hover{background:#0a5158;border:1px solid #1c7c84;color:#fff;}
#s30 #loginAccountTw{position:relative;float:left;width:200px;height:26px;margin:0px 4px 0px 4px;border-radius:6px;text-align:center;color: #c6c6c6;font:400 16px dnb;padding-top:8px;background:#08464e;border:1px solid #14646d;}
#s30 #loginAccountTw:hover{background:#0a5158;border:1px solid #1c7c84;color:#fff;}
#s30 #loginAccountTw span{float:left;margin:-1px 0 0 10px;}
#s30 #recoverAccount{color:#b7cedd;margin-right:50px;}
#s30 #recoverAccount:hover{color:#fff;}

#cancelOrder{position:absolute;width:100%;text-align:center;top:8px;left:20px;font:400 24px dncb;color:#b7cedd;}
#cancelOrder:hover{color:#fff;}
@media(min-width:480.01px){#cancelOrder{width:auto;top:47px;}}

#s31{background: linear-gradient(0deg, rgba(2,51,65,1) 0%, rgba(11,25,33,1) 80%);}
.typepmt{display:flex;flex-flow:wrap;justify-content: center;text-align:center;}
#otokens{float:left;width:auto;height:auto;font:400 24px dncb;color:#a3f6e8;padding:14px 0 0 50px;}
#otokens::before{content:"";background:url(interface/creeper.png)0px 0px no-repeat;position:absolute;z-index:4;width:28px;height:24px;margin:2px 0px 0px -30px;}
#s31 ul{display: flex;flex-flow: wrap;justify-content: center;row-gap: 10px;}
#s31 li{list-style:none;}
#s31 li h3{font:400 20px dncb;color:#fff;margin:0;padding:0;}
#s31 li p{font:400 18px dnb;color:#92d1d0;margin-top:8px;}
.vpams,.vpamso{float:left;width:173px;height:117px;margin:0 4px 0 4px;background:#;border-radius:10px;padding: 10px 10px 10px 10px;background-color: #04333d;border: 1px solid #0a3f49;color:#fff;}
.vpams:hover,.vpamso{background:#074048;border:1px solid #115760;}
#s32{background: linear-gradient(0,rgba(6,32,46,1) 0%,rgba(7,25,37,1) 87%,rgba(9,29,43,1) 100%);min-height:250px;padding:20px 0 20px 0;}
.vpaf1{min-height: 250px;text-align: center;font:400 16px dnb;font-weight: 700;color: #b7cedd;}
.vpaf1 { display: flex;flex-flow:column;
  align-items: center;
  justify-content: center;row-gap: 10px;}
.vpaf1 li{width:100%;list-style:none;}
.vpaf1 a{width:200px;height:28px;margin:0px 4px 0px 4px;border-radius:6px;text-align:center;color: #c6c6c6;font:400 18px dnb;padding-top:6px;background:#08464e;border:1px solid #14646d;}
.vpaf1 a:hover{background:#0a5158;border:1px solid #1c7c84;color:#fff;}
.vpaf1 span{color:#b6c826;}
#cmdc p a{float:left;font:400 24px dncb;color:#97a622;padding:14px 0 0 0;}
#cmdc p a:hover{color:#fff;}
#cmdc h3{font:400 24px dncb;color:#dcdcdc;padding:14px 0 0 0;}
#divpbap{width:350px;height:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;background-color:#fff;color:#000;border:2px solid #6d87a4;padding:2px 2px 12px;margin-top:40px;}
#allhd{height:25px;text-align:center;background-color:#d1cffe}
#alltxp{float:left;width:342px;height:auto;font-size:13px;text-align:right;font-weight:700;color:#07085b;padding:4px 4px 4px 2px}
#alltxa{float:left;width:350px;height:20px;margin:15px 0 0;text-align:center}
#divpbcp input{width:40px;height:19px;padding:10px 10px 10px 10px;font:400 20px dnb;color:#b6c826;background:#0d1a21;border:1px solid #0e4649;text-align:center;margin:0 2px 0 2px;border-radius:6px;}
.ovngc ul,.ovx ul{display: flex;flex-direction: column;}
.ovngc li,.ovx li{display:flex;}
.ovngc h2,.ovx h2{font:400 20px dncb;color:#dcdcdc;padding:0 0 10px 0;}
.ovngc p,.ovx p{width:100%;height: 18px;padding: 5px 10px 6px 10px;font: 700 15px dnb;color: #abbfce;background: #0d1a21;border: 1px solid #09161d;border-top-right-radius: 6px;border-bottom-right-radius: 6px;border: 1px solid #0c363a;}
.ovngc li label,.ovx li label{width:auto;min-width:160px;text-align:left;padding:6px 10px 5px 10px;background:#42211b;border:1px solid #784d35;color:#ffdb4b;}
.ovngc li,.ovx li{list-style:none;height:38px;}
.ovngc li input,.ovx li input{width:100%;}
.ovngc li select{width:100%;height:31px;font-size:16px;}
#ovbo{position:absolute;width:100%;height:100%;margin-top:-110px;pointer-events: none;display:flex;justify-content:center;align-items:center;}
.ovngc,.ovx{position:relative;display:flex;flex-direction: column;z-index:12;font-family: dn;padding: 5px 10px 5px 10px;pointer-events:auto;background: rgba(2,25,38,0.9);border: 2px solid #005770;border-radius: 10px;}
.ovngc a,.ovx a{padding: 5px 12px 5px 12px;text-align: center;font: 400 18px dncb;color: #98dfd9;margin-top:5px;background: linear-gradient(0deg, rgba(31,48,51,1) 10%, rgba(43,60,63,1) 90%);border-radius: 6px;}
.ovngc a:hover,.ovx a:hover{background: linear-gradient(0deg, rgba(212,75,21,1) 10%, rgba(222,207,35,1) 90%);color:#080f13;}
.closeOverdiv{position:absolute;margin-top:0px!important;right:5px;font:400 16px dncb!important;color:#dcdcdc;}
.closeOverdiv:hover{color:#fff;}
.ovlgr{position:absolute;right:15px;font:400 18px dncb;margin-top:3px;color:#fff;color: #ffdb49;text-shadow: 0 0 6px #de0000, 0 0 12px red;}
.ovalb{padding: 5px 24px 5px 24px;}
.ovx{font:400 16px dnb;color:#abbfce;text-align: center;}
.ovx h2{text-align:left;}
.ovx span{margin-bottom:10px;}
#title {height: 132px;text-align: center;align-items: center;background: linear-gradient(0,rgba(3,51,72,0) 0%,rgba(1,27,39,1) 100%),radial-gradient(circle,rgba(3,51,72,1) 0%,rgba(1,27,38,1) 50%);}
#title h1 {font: 400 42px dncb;color: #fff;text-shadow: 0 0 2px #007cca;}
#title h2 {font-size: 17px;color: #b7cedd;font-weight: 700;}
#title section {align-items: center;}
#s50 {background: linear-gradient(0deg, rgba(5,24,36,1) 0%, rgba(2,38,54,1) 100%);padding: 30px 0 30px 0;}
#s50 ul {font: 400 15px dn;color: #98d1df;padding-inline-start: 20px;list-style-position: inside;}

#s50 li {padding: 5px 0 5px 0;}
#s50 h3 {font:400 22px dncb;padding: 10px 0 5px 0;}
#s50 p {font: 400 15px dn;color: #98d1df;padding-bottom: 10px;}
#s50 a{color:#fff;}
#s50 article {padding: 10px 0 10px 0;font:400 22px dncb;}
#s50 b{font-weight:700;color:#fff;}

/*Tutoriel et Joueurs*/
.pad10{padding:10px 0 10px 0;display:flex;}
.pad10 a{padding: 5px 12px 5px 12px;float:left;text-align: center;font: 400 18px dncb;color: #98dfd9;background: linear-gradient(0deg, rgba(31,48,51,1) 10%, rgba(43,60,63,1) 90%);border-radius: 6px;}
.pad10 div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;}
@media(min-width:480.01px){
.pad10 div{justify-content:left;}
.ovx{min-width: 400px;}
}
.pad10 a:hover,.jselected{background: linear-gradient(0deg, rgba(212,75,21,1) 10%, rgba(222,207,35,1) 90%)!important;color: #080f13!important;}
#cctdme{padding: 5px 10px 5px 10px;background: rgba(2,25,38,0.9);border: 2px solid #005770;border-radius: 10px;min-height:400px;}
#cctdme p{font-family:dn;}
#cctdme ul{list-style:none;}
#arcontents{min-height:400px;}
#arcontents a{background:none!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important;min-width:0!important;}
#arcontents a:hover{color:#ffdb49!important;}
#arcontents img{box-shadow: 0px 0px 35px 10px rgb(0 0 0 / 20%);}
#arcontents ol{margin-left:40px;}
#arcontents li{line-height:28px;}
.editTutorialClass,.addTutorialClass{grid-column-end: span 12!important;text-align:center;margin-top:15px!important;}


/**  Overdiv box paiement **/

.ap-payment-button,.ap-payment-button img{border:none;outline:none}
#ap-modal div{padding:0}
#ap-modal{position:absolute;display:none;z-index:9999;padding:0}
#ap-mask, .ap-mask{position:absolute;display:none;top:0;left:0;height:100%;width:100%;filter:alpha(opacity=40);opacity:0.40;-khtml-opacity:0.40;-moz-opacity:0.40;background:#666;z-index:9000}
a#ap-close{display:block;height:30px;width:30px;position:absolute;top:-10px;right:-10px;font-size:0;text-indent:-9999px;z-index:19999;background:url(interface/ovb-close.png) left top no-repeat;outline:none;text-decoration:none;border:0;}
a#ap-submit{display:block;height:64px;width:64px;position:absolute;bottom:10px;right:20px;font-size:0;text-indent:-9999px;z-index:19999;background:url(interface/ovb-submit.png) left top no-repeat;outline:none;text-decoration:none;border:0;}
a#ap-close,a#ap-submit{opacity:0.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);}
a#ap-close:hover,a#ap-submit:hover{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);}
#ap-inside{background:#fff url(interface/ovb-preload.gif) no-repeat 50% 50%}
#ap-t,#ap-b{height:10px;font-size:0}
#ap-tl,#ap-bl,#ap-tc,#ap-bc{float:left;font-size:0}
#ap-tc,#ap-bc{display:block;background:url(interface/ovb-alpha-border.png) left bottom;height:10px;width:10px}
#ap-tr,#ap-br{float:right}
#ap-tl{background:url(interface/ovb-alpha-corner.png) right bottom}
#ap-tr{background:url(interface/ovb-alpha-corner.png) left bottom}
#ap-bl{background:url(interface/ovb-alpha-corner.png) right top}
#ap-br{background:url(interface/ovb-alpha-corner.png) left top}
#ap-l{background:url(interface/ovb-alpha-border.png) repeat-y}
#ap-r{background:url(interface/ovb-alpha-border.png) right top repeat-y;margin-left:10px!important;padding-right:10px!important}
#ap-tl,#ap-tr,#ap-bl,#ap-br{display:block;height:10px;width:10px;font-size:0}
.ap-iframe{border:0}