/*  Lototest - Version 3.0 Ordinateur 980 - 17/06/2019
_________________________________________________________*/

* {
margin: 0;
padding: 0;
overflow-wrap: break-word;
}

BODY {
font-family: Arial; font-size: 9pt;
background: #c4c4c4 url(fond_nav.jpg);
}

IMG {
max-width: 100%;
}

BIG {
font-size: 11pt;
}

STRONG {
font-size: 9pt;
color: rgb(255,0,0);
}

TABLE {
display: inline-block;
border-left: rgb(200,200,200) 1px solid;
border-top: rgb(200,200,200) 1px solid;
margin-top: 10px;
margin-bottom: 10px;
}

TD {
border-right: rgb(200,200,200) 1px solid;
border-bottom: rgb(200,200,200) 1px solid;
padding: 3px;
font-size: 9pt;
}

BLOCKQUOTE {
padding: 3px;
border: rgb(200,255,200) 1px solid;
color: rgb(0,200,0);
margin: 3px 3px 3px 10px;
}
BLOCKQUOTE U {
text-decoration: none;
background-color: rgb(230,255,230);
font-size: 9pt;
}

EM {
color: rgb(0,150,150);
font-style: normal;
}

.lema {
text-decoration: none;
}
.lema1 {
display: inline-block;
width: 13px;
height: 13px;
background-image: url("arob.svg");
background-repeat: no-repeat;
background-position: left 0px top 0px;
background-size: 13px 13px;
}

.site {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 940px;
}

.tete {
position: relative;
background: url(site_tete.gif) no-repeat left top;
height: 190px;
}

.corp {
position: relative;
background: #4089f2 url(site_corps.jpg);
border-left: #032756 1px solid;
border-right: #032756 1px solid;
border-bottom: #032756 1px solid;
border-radius: 0 0 40px 40px;
padding-bottom: 30px;
margin-bottom: 70px;
}

.logo {
position: absolute; top: 57px; left: 7px;
}

.bann {
position: absolute;
top: -178px;
left: 210px;
width: 728px;
height: 90px;
text-align: center;
background: rgb(255,255,255) url(fond_banh.gif) no-repeat 38px 9px;
color: rgb(0,0,0);
}
.bann A {
color: rgb(0,0,200);
}
.publ {
position: absolute; top: -101px; left: 210px;
background-color: #000000;
color: #ffffff;
font-size: 8pt;
opacity: 0.4;
}

.avat {
display: inline-block;
width: 140px; height: 140px;
border: rgb(200,200,200) 1px solid; border-radius: 20%;
background-repeat: no-repeat; background-position: left 0px top 0px; background-size: 100% 100%;
}

.t0, .t1, .t2, .t3, .l0, .l1, .m0, .m1, .m2 {
display: inline-block;
vertical-align: middle;
border: rgb(200,200,100) 1px solid;
border-radius: 12px;
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
}

.t0, .l0, .m0 {
border: 0;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.t1 {
border: 0;
background-color: rgb(255,255,255);
font-weight: bold;
margin-left: 0px;
margin-right: 5px;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.t2 {
background-color: rgb(255,255,100);
border-color: rgb(150,150,50);
}

.m1, .m2 {
background-color: rgb(250,250,255);
border-color: rgb(200,200,230);
cursor: pointer;
}
.m1:hover, .m2:hover {
background-color: rgb(220,220,255);
}

.l1 {
background-color: rgb(255,255,200);
text-decoration: none;
}
.l1:hover {
background-color: rgb(255,255,150);
}

.t4, .l2, .l3, .l4, .l5, .l6, .l7, .l8, .l9 {
display: inline-block;
vertical-align: middle;
border: rgb(230,230,230) 1px solid;
border-radius: 12px;
margin-left: 4px;
margin-right: 4px;
margin-top: 2px;
margin-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
}

.t4 {
cursor: not-allowed;
background-color: rgb(250,250,250);
color: rgb(150,150,150);
}

.t5 {
display: inline-block;
vertical-align: top;
border: rgb(200,200,100) 1px solid;
border-radius: 15px;
background-color: rgb(255,255,200);
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
width: 110px;
text-align: center;
}

.t6 {
display: inline-block;
height: 20px;
line-height: 20px;
vertical-align: middle;
border: rgb(200,200,100) 1px solid;
border-radius: 3px;
background-color: rgb(255,255,0);
text-align: center;
margin-right: 5px;
}

.t7, .t8, .t9 {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
border: rgb(0,0,200) 1px solid;
border-radius: 15px;
background-color: #4089f2;
color: rgb(255,255,255);
text-align: center;
font-size: 13pt;
font-weight: bold;
}
.t8 {
border: rgb(100,0,0) 1px solid;
background-color: #fd4e40;
}
.t9 {
border: rgb(0,100,0) 1px solid;
background-color: rgb(0,200,0);
}

INPUT, SELECT, TEXTAREA {
vertical-align: middle;
font-family: Arial;
font-size: 9pt;
color: rgb(0,0,80);
}

.i0, .j0, .p0, .s0, .o0 {
border: rgb(190,190,255) 1px solid;
background-color: rgb(250,250,255);
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.i0:-moz-read-only, .j0:-moz-read-only, .p0:-moz-read-only {
border: rgb(255,255,255) 1px solid;
background-color: rgb(255,255,255);
color: rgb(0,0,200);
}
.i0:read-only, .j0:read-only, .p0:read-only {
border: rgb(255,255,255) 1px solid;
background-color: rgb(255,255,255);
color: rgb(0,0,200);
}

.b0 {
background-color: #1b6ebc;
border: #082138 1px solid;
color: rgb(255,255,255);
cursor: pointer;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 2px;
transition: all ease-in 0.2s;
}
.b0:disabled {
border-color: rgb(150,150,150);
background-color: rgb(200,200,250);
color: rgb(100,100,100);
cursor: default;
}
.b0:hover:enabled {
background-color: #0B2C72;
border-color: #000000;
color: #FFFF00;
}

.r0 , .c0 {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: top;
}
.r0 INPUT , .c0 INPUT {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0; width: 0;
}
.r0a , .c0a {
position: absolute; top: 0px; left: 0px;
width: 14px; height: 14px;
background-color: rgb(255,255,255);
border: rgb(150,150,150) 1px solid;
}
.r0a {
border-radius: 50%;
}
.r0 INPUT:checked ~ .r0a , .c0 INPUT:checked ~ .c0a {
border-color: rgb(0,0,0);
}
.r0a:after , .c0a:after {
content: "";
position: absolute;
display: none;
}
.r0 INPUT:checked ~ .r0a:after , .c0 INPUT:checked ~ .c0a:after {
display: block;
}
.r0 .r0a:after , .c0 .c0a:after {
top: 3px;
left: 3px;
width: 8px;
height: 8px;
background: rgb(0,0,0);
}
.r0 .r0a:after {
border-radius: 50%;
}

.insc {
position: absolute; top: 123px; left: 210px;
width: 700px;
font-size: 12pt;
text-align: right;
color: rgb(230,230,255);
}
.insc A {
text-decoration: none;
color: rgb(255,255,255);
}
.insc A:hover {
color: rgb(255,255,50);
}

.l13 , .l14 , .l15 , .t13 , .t14 {
display: inline-block; vertical-align: top;
font-size: 12pt; font-weight: bold; color: #ffffff; text-decoration: none;
text-align: center;
background-color: #fd4e40;
border: #9c281f 1px solid; border-radius: 20px;
margin-left: 0px; margin-right: 10px; margin-top: 0px; margin-bottom: 10px;
padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px;
transition: all ease-in 0.2s;
}
.l13:hover , .l14:hover , .l15:hover {
background-color: #ff0000;
}
.t13 , .t14 {
background-color: #f9ff00;
color: #5f883c;
border-color: #5f883c;
}

.l16 , .t16 {
display: inline-block; vertical-align: top;
width: 26px; height: 26px;
background-image: url(options.svg);
background-repeat: no-repeat; background-position: left 0px top 0px; background-size: 100% 100%;
}
.t16 {
background-image: url(options_sel.svg);
}

.t17 {
display: inline-block; vertical-align: top;
margin-left: 10px; margin-right: 10px; margin-top: 3px; margin-bottom: 8px;
font-size: 12pt;
}

.mend, .meng {
float: left;
width: 173px;
color: rgb(0,0,0);
margin-left: 8px;
}

.f8, .f4 {
margin-top: 10px;
margin-bottom: 15px;
}
.f8a, .f4a {
background-color: #fd4e40;
border: #9c281f 1px solid;
border-radius: 10px 10px 0 0;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 10pt;
font-weight: bold;
color: rgb(255,255,255);
}
.f8a A, .f4a A {
color: rgb(255,255,255);
text-decoration: none;
}
.f8a A:hover, .f4a A:hover {
color: rgb(255,255,0);
}
.f8b, .f4b {
background-color: #ffffff;
border-left: #808080 1px solid;
border-right: #808080 1px solid;
border-bottom: #808080 1px solid;
border-radius: 0 0 15px 15px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 10px;
font-size: 9pt;
}
.f8b A, .f4b A {
text-decoration: none;
color: rgb(0,0,200);
}
.f8b A:hover, .f4b A:hover {
color: rgb(255,0,0);
}

.d8, .d4 {
border: rgb(230,230,230) 1px solid;
border-radius: 12px;
padding: 9px;
text-align: center;
background-color: rgb(255,255,255);
}

.mend .g0, .meng .g0 {
background-image: url(menu_ico.svg);
background-repeat: no-repeat;
background-position: left 0px top 4px;
background-size: 16px 16px;
text-align: left;
padding-left: 20px; padding-right: 0px; padding-top: 5px; padding-bottom: 5px;
}

.mend INPUT, .mend SELECT, .meng INPUT, .meng SELECT {
margin: 0;
}

.l10, .l11 {
display: block;
font-size: 11pt; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase;
text-align: center;
background-color: #fd4e40;
border: #9c281f 1px solid; border-radius: 25px;
margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 15px;
padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;
transition: all ease-in 0.3s;
}
.l10:hover, .l11:hover {
background-color: rgb(255,0,0);
color: rgb(255,255,50);
}

.feui {
float: left;
margin-left: 8px;
margin-top: 5px;
width: 560px;
color: rgb(255,255,255);
}
.feui A {
color: rgb(255,255,255);
}
.feui A:hover {
color: rgb(255,255,100);
}

.d3 {
border-left: #1b498c 1px solid;
border-right: #1b498c 1px solid;
border-top: #1b498c 1px solid;
border-radius: 10px 10px 0 0;
padding: 3px;
margin-top: 5px;
text-align: center;
background-color: #327ae3;
color: rgb(255,255,255);
font-size: 9pt;
}
.d3 A {
color: rgb(255,255,255);
}
.d3 A:hover {
color: rgb(255,255,0);
}

.d3 .g0 {
background-image: url(default_ico.svg);
background-repeat: no-repeat;
background-position: left 0px top 5px;
background-size: 16px 16px;
text-align: left;
padding-left: 20px;
padding-right: 5px;
padding-top: 5px;
}
.d3 .g0 H2 {
font-size: 10pt;
}

.e1 {
position: relative;
z-index: 1;
border-left: #385770 1px solid;
border-right: #385770 1px solid;
background-color: rgb(255,255,255);
text-align: left;
}
.e1a {
display: inline-block;
position: relative;
z-index: 3;
margin-left: -1px;
margin-top: 4px;
border: #1b498c 1px solid;
border-radius: 0 0 20px 20px;
border-top: 0;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 15px;
padding-right: 15px;
background-color: #327ae3;
}
.e1:after {
content: "";
position: absolute;
z-index: 2;
left: 0px;
top: 0px;
border-bottom: #385770 1px solid;
border-radius: 0 0 10px 0;
height: 7px;
width: 100%;
background-color: #327ae3;
}
.e1 H1 {
font-size: 12pt;
color: rgb(255,255,255);
}

.d1 {
font-size: 9pt;
color: rgb(0,0,0);
border: #385770 1px solid;
border-top: 0;
border-radius: 0 0 30px 30px;
margin-bottom: 5px;
padding: 9px;
padding-bottom: 30px;
text-align: center;
background-color: rgb(255,255,255);
}
.d1 A {
color: rgb(0,0,255);
}
.d1 A:hover {
color: rgb(255,0,0);
}

.d1 .g0, .d1 .g1 {
background-image: url(default_ico.svg);
background-repeat: no-repeat;
background-position: left 0px top 2px;
background-size: 16px 16px;
text-align: left;
padding-left: 20px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
}
.d1 .g1 {
background-color: rgb(230,230,255);
}

.e2 {
z-index: 1;
margin-top: 30px;
margin-bottom: 10px;
padding: 1px;
text-align: left;
}
.e2a {
z-index: 3;
display: inline-block;
border: rgb(220,220,100) 1px solid;
border-radius: 15px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 15px;
padding-right: 15px;
background-color: rgb(255,255,180);
}
.e2:after {
content: "";
display: block;
z-index: 2;
height: 5px;
margin-top: -7px;
margin-left: 10px;
border: rgb(220,220,100) 1px solid;
border-radius: 4px;
background-color: rgb(255,255,180);
box-shadow: 2px 5px 5px rgb(230,230,230);
}

.d2,.d12 {
border: rgb(230,230,230) 1px solid;
border-radius: 12px;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 9px;
padding-right: 9px;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
background-color: rgb(255,255,255);
}
.d12 {
background-color: rgb(230,217,255);
}

.d11 {
background-color: #ff3333;
border: #9c281f 1px solid;
border-radius: 10px;
padding: 5px;
font-size: 11pt;
color: rgb(255,255,255);
box-shadow: 2px 5px 5px rgb(230,230,230);
margin-top: 10px;
margin-bottom: 20px;
}
.d11 A {
color: rgb(255,255,255);
}
.d11 A:hover {
color: rgb(255,255,100);
}

.acco {
padding: 5px;
background-color: #154994;
color: rgb(255,255,255);
border: rgb(0,0,0) 1px solid;
text-align: left;
}
.acco A {
color: rgb(255,255,255);
font-weight: bold;
}
.acco .b0 {
padding: 5px;
background-color: #327ae3;
border-color: #1b498c;
}
.acco .b0:hover:enabled {
background-color: #2a6ccb;
border-color: #1b498c;
}

.apof {
position: fixed; left: 0; top: 0;
z-index: 9;
width: 100%; height: 100%;
overflow: auto;
background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5);
}

.apop {
border-radius: 20px;
box-shadow: 20px 20px 20px rgb(0,0,0);
margin: auto;
margin-top: 200px;
padding: 20px;
width: 500px;
background-color: rgb(250,250,255);
color: rgb(0,0,0);
text-align: center;
border: rgb(0,0,0) 1px solid;
}
.apop INPUT {
padding-left: 20px;
padding-right: 20px;
width: 150px;
}

.rehp1 , .rehp2{
position: fixed; right: 20px; bottom: -40px; z-index: 8;
opacity: 0;
width: 40px;
height: 40px;
border-radius: 10px;
background-color: rgba(0,0,0,0.25);
background-image: url(scroll_up.svg);
background-repeat: no-repeat;
background-position: left 4px top 4px;
background-size: 32px 32px;
transition: all ease-in 0.5s;
}
.rehp2{
bottom: 40px;
opacity: 1;
}
.rehp1:hover , .rehp2:hover{
background-color: rgba(26,82,163,1);
transition: all ease-in 0.3s;
}

.z000, .z001, .z002,
.z010, .z011, .z012,
.z020, .z021, .z022 {
display: inline-block;
}

.z100, .z101, .z102,
.z110, .z111, .z112,
.z120, .z121, .z122 {
float: left;
}

.z200, .z201, .z202,
.z210, .z211, .z212,
.z220, .z221, .z222 {
float: right;
}

.z000, .z001, .z002,
.z100, .z101, .z102,
.z200, .z201, .z202 {
text-align: left;
}

.z010, .z011, .z012,
.z110, .z111, .z112,
.z210, .z211, .z212 {
text-align: center;
}

.z020, .z021, .z022,
.z120, .z121, .z122,
.z220, .z221, .z222 {
text-align: right;
}

.z000, .z010, .z020,
.z100, .z110, .z120,
.z200, .z210, .z220 {
vertical-align: top;
}

.z001, .z011, .z021,
.z101, .z111, .z121,
.z201, .z211, .z221 {
vertical-align: middle;
}

.z002, .z012, .z022,
.z102, .z112, .z122,
.z202, .z212, .z222 {
vertical-align: bottom;
}