html {
}
html, body {
    /* For the loading indicator to be vertically centered ensure */
    /* the html and body elements take up the full viewport */
    min-height: 100%;
}
.nohome ::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
.nohome ::-webkit-scrollbar-thumb {
    background: #48d5e7 !important;
}
@media (max-width:600px) {
    html {
        background-position: -370px 0 !important;
    }
}
body.home {
    padding-top: 8px;
}
body .container-root > *{
    opacity: 0;
    -webkit-transition: opacity 2s;
    transition: opacity 2s;
}
body .container-root > .visible {
    opacity:1;
}
body a {
    text-decoration: none;    
}
body > a.logo {
    display: block;
    margin: 0 auto 1% auto;
    -webkit-transition: width .5s;
    transition: width .5s;
    -webkit-transition: margin .5s;
    transition: margin .5s;
}
body.nohome > a.logo {
    width:200px;
}
body.home > a.logo {
    width: 545px;
    margin: 1% auto;
}
body > a.logo img{
    width: 100%;
}
@media (max-width:668px){
    body.home > a.logo {
        width: 300px;
        margin: 42px auto 1% auto;
    }
    body#peintures.nohome > a.logo, body#dessins.nohome > a.logo {
        width: 175px !important;
    }
}
@media (max-height:800px) {
    body.home > a.logo {
        width: 475px;
    }
}
@media (max-height:650px) {
    body.home > a.logo {
        width: 300px;
    }
    ul#menu li {
        margin: 5px;
    }
}
@media (max-height:500px) {
    body.home > a.logo {
        width: 240px;
    }
}
h1,h2{
    letter-spacing: 1px;
    text-align:center;
    color:#76cdf3;
    font-weight: bold;
}
.espace-label{
    color:#76cdf3;
    font-weight: bold;
}
#espace-wait-block{
    display:block;
    width:200px;
    padding:15px;
    position: fixed;
    left: 50%;
    background: white;
    z-index: 1000;
    border-radius: 30px;
    box-shadow: 2px 2px 4px #dda;
    top: 50%;
    margin-top: -150px;
    margin-left: -107px;
    color:#76cdf3;
}
.packageloader{
    display:none;
    width:60px;
    height:14px;
    line-height: 14px;
    padding: 03px;
    position: fixed;
    bottom:2px;
    right:2px;
    background:#eaeaff;
    border: none;
    color:white;
    text-align: center;
    font-size: 11px;
}
.joofsynchro {
    display:block;
    width:14px;
    height:14px;
    border-radius: 7px;
    background: greenyellow;
    position: fixed;
    right:1px;
    bottom: 1px;
    z-index: 5000;
}
.joofsynchro.offline {
    background: orangered;
    -webkit-animation-name: synchroanim;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    animation-name: synchroanim;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}
#ESPACE_WAIT div {
    width: 30px;
    height: 30px;
    border-radius:15px;
    margin:0px 10px;
    background: #76cdf3;
    position: relative;
    display:inline-block;
    -webkit-animation-name: espacewaitanim;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    animation-name: espacewaitanim;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}
#ESPACE_WAIT div.espace-wait-1{
    -webkit-animation-delay: 0.5s;
}
#ESPACE_WAIT div.espace-wait-2{
    -webkit-animation-delay: 1s;
}
#ESPACE_WAIT div.espace-wait-3{
    -webkit-animation-delay: 1.5s;
}
#ESPACE_WAIT div.espace-wait-4{
    -webkit-animation-delay: 2s;
}
@-webkit-keyframes espacewaitanim {
    0%   {opacity:1; left:0px; top:0px;}
    33%  {opacity:0.8; left:0px; top:4px;}
    66%  {opacity:0.2; left:0px; top:-4px;}
    100% {opacity:1; left:0px; top:0px;}
}
@keyframes espacewaitanim {
    0%   {opacity:1; left:0px; top:0px;}
    50%  {opacity:0; left:4px; top:0px;}
    100% {opacity:1; left:0px; top:0px;}
}
@-webkit-keyframes synchroanim {
    0%   {opacity:1; width:14px; height:14px;}
    33%  {opacity:0.8; width:16px; height:16px;}
    66%  {opacity:0.4; width:18px; height:18px;}
    100% {opacity:1; width:14px; height:14px;}
}
@keyframes synchroanim {
    0%   {opacity:1; width:14px; height:14px;}
    33%  {opacity:0.8; width:16px; height:16px;}
    66%  {opacity:0.4; width:18px; height:18px;}
    100% {opacity:1; width:14px; height:14px;}
}