/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

html body {
  height: auto !important;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  min-height: 100vh;
}


@media (min-width: 768px) {
  .uk-width-medium-3-10 {
      width: 18%;
  }
  .uk-width-medium-7-10 {
      width: 82%;
  }
}

@media (min-width: 1220px) {
  .uk-container {
      max-width: 1100px;
    
  }
  aside.tm-sidebar-a {
    padding-left: 0px;
}
}

@media (max-width: 767px) {
  .absolute.uk-hidden-small {
    display: block !important;
    top:5px;
  }  
  .absolute.uk-hidden-small .compteur, .absolute.uk-hidden-small .compteur .digit  {
    font-size:15px;
    font-weight: normal;
    font-family: 'Open Sans';
  }
  .compteur .digit:first-of-type {
    margin-left:50px;
  }
  .compteur p {
    margin:0;
  }
}

* {
  font-weight: bold !important;
}
.uk-navbar, .uk-sticky-placeholder, uk-sticky-placeholder div, .uk-container, .menu-inner {
  background-color: transparent !important;
}

/* Titre accueil en mobile */
.uk-navbar-center {
  margin: 10px;
  max-width: 100%;
}
.tm-logo-small {
  letter-spacing: inherit;
}

table div.affiche {
  float:left;
  width:25%;
  text-align:center;
}

table p img.pull-right {
  padding: 10px;
}
.uk-article table {
  margin:30px 0;
}


@media (max-width: 979px) { 
  .headline-border h3.uk-panel-title:before, .headline-border h3.uk-panel-title:after {
    background-color: #FFF;
  }
  nav .uk-sticky-placeholder {
    display: block;
    height: auto;
  }
  
  nav div h1 {
    margin-top: 0;
    line-height: 0.8em;
  }
  .uk-panel-title {
    line-height: 1em;
  }  
  .uk-container {
    padding-top:0;
  }
  .tm-sidebar-b.uk-width-medium-3-10.uk-grid-margin.uk-row-first, .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top:0;
  }
}

.compteur {
  position: relative;
}


.compteur .digit {
    font-size: 30px;
    font-family: fantasy;
    float: left;
    position: relative;
    height: 1.8em;
    width: 1.2em;
    background-color: #222;
    text-align: center;
    margin: 1px;
    border-radius: 6px;
    padding-top: 2px;
    color: white;
}

.compteur .digit .shadow {
    position: absolute;
    width: 100%;
    height: 48%;
    padding: 0;
    margin: 0;
    background-color: black;
    opacity: 0.18;
    border-radius: 6px;
}

.compteur .digit .inside {
    border-radius: 6px;
    border-top: 1px solid;
    border-top-color: #999;
}