body {background: #000000; color : #dce0df;}
td {vertical-align: middle !important;}
a {color : #aeb4b6;}
a:hover {color: #204d74;}

#zBoutique,#zGalerie {display: none;}
#zBoutique{opacity: 0;}
#zSpl {margin-top: 1em; margin-bottom: 10%;}
#zBoutique {margin-top: 5%;}

.air{margin-bottom: 2em;}

.vignetteProduit{cursor: pointer;}
.vignette {margin: 1em; cursor: pointer;}
.vignette:hover{}

.btn-thile {margin-top: 1em; background: #dce0df; color: #000000; text-shadow: none;}
.btn-thile:hover {background: #000000; color: #aeb4b6;}

.logo-thile {width: 45px; height: 40px; background: url("css_img/mini_logo.png") no-repeat;}

.minImg {width: 64px;}

.navbar-toggle{background-color: #000000; border: 1px solid #dce0df;}

.control {cursor: pointer; font-size: 2em; padding-top: 0.5em; color: #f5f5f5;}
.control:hover {color: paleturquoise;}

.toGalerie {white-space: pre-line; cursor: pointer;}
.toBoutique { min-height: 15em;}

.img-thumbnail, .list-group-item, .panel-body {background-color: #000000;}

#chargement{display: none; position: absolute; right: 50%; top:25%;}
#totalArticle{opacity:0; transition: opacity 1s;}
.anime {animation-name: apparition; animation-duration: 0.5s; color: rgba(88, 182, 76, 1);}
@keyframes apparition {
    0% {color: rgba(88, 182, 76, 0);}
    100% {color: rgba(88, 182, 76, 1);}
}
.navbar-brand:hover {color: #aeb4b6; text-decoration: underline;}