* {
//font-size: 1.6vw;
}

.lastQuest { visibility: hidden; }
.infoprogress { padding:0vw; display:block; bottom:0; float:right; overflow:hidden; background:rgb(0, 125, 193) linear-gradient(to bottom, rgb(0, 125, 193) 5%, rgb(0, 97, 167) 100%) repeat scroll 0% 0%; color:#fff; }
.myProgress   { background:grey; width:30%; }
/*
.infoprogress { padding:0vw; display:block; bottom:0; position:fixed; width:15%; height:10%; right:0; overflow:hidden; background:rgb(0, 125, 193) linear-gradient(to bottom, rgb(0, 125, 193) 5%, rgb(0, 97, 167) 100%) repeat scroll 0% 0%; color:#fff; }
.news      { color: #5cb695; background: #2f2f2f; text-transform : uppercase; padding: 3px; }
.news a    { color: white !important; background: #2f2f2f; text-transform : uppercase; text-decoration: none; }
*/
.news h3   { font-size: 0.8em; }

.infobubble                             { position:relative;                background-color:#ddd; color:#000; text-decoration:none }
.infobubble:hover                       {             background-color:#cecece;}
.infobubble            .upspan          { display: none}
.infobubble:hover      .upspan          { z-index: 999; padding:1vw; display:block; position:fixed; top:0; left:0; right:0; overflow:hidden; background:rgb(0, 125, 193) linear-gradient(to bottom, rgb(0, 125, 193) 5%, rgb(0, 97, 167) 100%) repeat scroll 0% 0%; color:#fff; }

.infobubblefield                        { position:relative;             background-color:#ddd; color:#000; text-decoration:none }
.infobubblefield:hover                  {             background-color:#cecece;}
.infobubblefield       .sousspan        { display: none}
.infobubblefield:hover .sousspan        { z-index: 999; padding:1vw; display:block; position:fixed; bottom:0; left:0; right: 0; overflow:hidden; background:rgb(0, 125, 193) linear-gradient(to bottom, rgb(0, 125, 193) 5%, rgb(0, 97, 167) 100%) repeat scroll 0% 0%; color:#fff; }

.localbubble                  { text-decoration: none }
.localbubble       .localspan { display: none; }
.localbubble:hover .localspan { position: absolute; display:inline; cursor: help; margin-top:1vw; color: white; padding:2vw; border-radius:3px; margin-left:5vw; background:rgba(0,0,0,.5); box-shadow:0 1px 0 rgba(255,255,255,.4); }

.myButtonQuest {
display:inherit;
text-align:center;
box-shadow: 0px 1px 0px 0px rgb(84, 163, 247) inset;
background: rgb(0, 125, 193) linear-gradient(to bottom, rgb(0, 125, 193) 5%, rgb(0, 97, 167) 100%) repeat scroll 0% 0%;
border-radius: 3px;
border: 1px solid rgb(18, 77, 119);
cursor: pointer;
color: rgb(255, 255, 255) !important;
/*
font-family: Arial;
*/
font-size: 1em;
padding: 6px 24px;
max-width: 190px;
text-decoration: none;
text-shadow: 0px 1px 0px rgb(21, 70, 130);
}
.myInput {
}
.ui-tab-repondu { background: #6ebd90 !important; }
.closebtn { margin-left: 15px; color: black; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.5s; }
.closebtn:hover { color: red; }
.myModal { position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);  transition: 0.5s; }
.myModalContent { display: block; visibility: visible; opacity: 0.9; margin: 1% auto; background-color: #fefefe; padding: 20px; border: 1px solid #888; width: 80%; }