@import url('https://fonts.googleapis.com/css?family=Princess+Sofia');
a.signature{font-family: 'Princess Sofia', cursive;font-size:24px;}

.distri{color:#924271;font-weight: bold;padding:15px 0px;}

h2{
  font-size: 30px;
  line-height: 40px;
}

.tm-sidepanel > .uk-button.uk-visible-small {display:none;}
.w80 {width:90%;margin: 0 auto;}
.tm-block-main {background:radial-gradient(white 75%, #ccc);background-position: fixed;}
#tm-bottom-d {background: #373737 url('bg-footer.png') bottom center no-repeat !important;padding:80px auto !important;padding-top:80px !important;color:#888;}
#tm-bottom-d h3, #tm-bottom-d h4{color:#ddd;}
#staff h3, #download h3, #contact h3, #abo h3, #staff h4, #download h4, #contact h4 {color:#333;}
.uk-article-title{text-align:center;}
.uk-badge {font-weight: normal;}
.uk-navbar-attached {box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.5);}
p {text-align:justify;}
#tm-footer {background-color:#333;}
uk-icon-sign-language:before,.uk-icon-signing:before{content:"\f2a7"}
.itemContentPadder {padding: 0px 10px;}
.itemContentPadder p{margin: 0px}
.tm-panel-subtitle {text-transform:none;}

.fiche-concert {padding: 0px 0px 20px 20px !important;}
.fiche-concert div.uk-panel-box {border-radius:10px;background-color:none;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.fiche-concert img, .fiche-concert .uk-overlay-hover{border-radius:10px 10px 0px 0px;}
.fiche-concert h5{background-color:#ccc;bottom:0px;text-align:center;margin:10px -10px -10px -10px;padding:5px;}
.fiche-concert a, .fiche-concert h3{color:#de1c1c;}

body{overflow-x:hidden;}
#idp{float:left;position:fixed;top:60vh;width:120px;height:51px;left:-80px;overflow:hidden;transition-property:left;transition-duration: 1s;}
#idp:hover{left:0px;}
#ids{float:right;position:fixed;top:60vh;width:120px;height:51px;right:-80px;overflow:hidden;transition-property:right;transition-duration: 1s;z-index:2;}
#ids:hover{right:0px;}
#tm-bottom-d{z-index:5;}

#eco{float:right;position:absolute;top:50px;width:150px;height:153px;right:50px;z-index:2;}

p.couverture {margin:0px;padding:0px;}
.imgcouv {border-radius:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.btn1 {background-color:#096565;color:#fff;} a.btn1:hover {background-color:#114543 !important;color:#fff;}

#menudroit div.uk-panel {border-radius:10px;}
#menudroit .uk-badge{border-radius: 10px;font-size: 10px;top: -15px;right: -15px;padding:5px 8px;line-height: 14px;}

#concerts h3 {margin:10px 0px 0px;}

#my-filter {
    list-style: none;
    padding-left: 0px;
}
#my-filter li.uk-active {text-decoration: underline;}
div.uk-tab-center li.uk-active a{color:#DE1C1C;border-radius: 10px 10px 0px 0px;}
div.uk-tab-center li a{border-radius: 10px 10px 0px 0px;}
#my-filter li {display: inline-block;margin-right: 5px;margin-bottom:5px;}
.uk-badge-notification {
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 25px;
    height:25px;
    min-width: 18px;
}
#my-filter li div {background: #deeefa;}
#my-filter li.uk-active div {background: #de1c1c;}
#my-filter li.uk-active a {color:#fff !important;}
#my-filter li a {color:#333 !important;}
#my-filter li a {
    color: #fff;
    padding: 0px 10px;
    outline: none;
    text-transform: none;
    font-weight: normal;
}

.uk-panel-box > .uk-panel-teaser {
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
}
.uk-panel-box {padding: 20px;border-radius:15px;}
.uk-panel-teaser {margin: -20px -20px 15px -20px;}
.Mytag a {background-color:#ccc;padding:10px 20px;border-radius:20px;display: inline-block;margin:14px 7px 0px 0px;}
.Mytag a:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
span.icon-tag {display:none;}
.uk-badge{text-transform: none;}
#monslide li {padding-left: 10px;}
#monslide ul {margin: 0px;}
.uk-panel-box-primary {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.dateliste {list-style:none;margin:0 auto;padding:0px 20px;}
.dateliste li {font-size:12px;color:#aaa;padding:5px 0px !important;}
.dateliste li i {line-height: 24px;padding-right: 4px;}

.chiffres div {height:100px;}
.chiffres div p{text-align:center;padding:15px;}
.chiffres div i {font-size:50px !important;display:block;}
.chiffres div span {font-size:36px;}

.modal-backdrop{visibility:hidden;}
.uk-modal {z-index: 2010;}

.tm-list-line-dotted > li {padding: 10px;}

#fabrikEvent_modal {margin-top:96 !important;}
#fabrikEvent_modal div.modal-dialog{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#tarifs li {position:static !important;margin-bottom:15px;}
#tarifs li h5 a {color:#000;}
#tarifs li h5 span {font-size:12px;color:#aaa;text-transform:none;}
#my-tarifs li.uk-active a{border:1px solid red;border-width:0px 0px 1px;}

h1 span.uk-badge {margin-top:-40px;margin-left:10px;background-color:#deeefa;color:#888;}

a.bluerr {
    background: transparent url('tagged-right.png') no-repeat top right;
    display: block;
    float: left;
    height: 34px;
    margin-right: 6px;
    padding-right: 10px;
}
a.bluerr span {
    background: transparent url('tagged-left.png') no-repeat 0 0;
    display: block;
    line-height: 20px;
    padding: 7px 0 5px 30px;
    color: #fff;
    font-size: 10px;
}

.Masoiree div{padding:10px;}
.Masoiree div span{display:block;background-color: #D6EBFF;padding:15px;border-radius:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.Masoiree i {font-size:80px;text-align:center;color:#DE1C1C;}
.Masoiree h4 {text-align:center;margin-top:0px;}
.Masoiree p {margin-bottom:0px;}

blockquote{
font: 18px/30px normal Tahoma, sans-serif;
padding-top: 50px;
margin: 5px auto;
background-image: url('quote1.png');
background-position: top left;
background-repeat: no-repeat;
text-indent: 75px;
border:0px;
width:85%;
}
blockquote span {
display: block;
background-image: url('quote2.png');
background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 40px;
}


.circliful .outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}
.circliful .inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}
.circliful {overflow: visible !important;}
.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}
svg .icon {font-family: FontAwesome;}


#concerts___description_ro h1 {margin:30px 0px 0px !important;}
#concerts___description_ro h2 {margin-top:0px;margin-bottom:0px;padding:0px;}

#concerts___description_ro h3 {
  margin-top:0px;
  padding-top:0px;
  color:#09377F;
}

.slideaccueil {width:40%;margin-left:8%;margin-top:40px;padding:20px;border-radius:30px;background-color:rgba(0, 0, 0, 0.7);}
.slideaccueil h1 {margin:0px;padding:0px;}
.accueildate {margin:0px;padding:0px;list-style:none;color:#ccc;}
.accueildate li {margin:0px;padding:0px;}

.dates_concerts {list-style:none;padding:0;margin:0;width:65px;margin-left:-65px;}
.dates_concerts li:first-child {margin-top:25px;}
.dates_concerts li {
  float:left;
  margin-top:8px;
  width:65px;
  border-radius:10px 0px 0px 10px;
  display: inline-block;
  background: radial-gradient(circle, #DE1C1C 20%, #DE1C1C);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dates_concerts li hr {margin:4px auto;padding:0px;width:80%;border-color:#fff;}
.dates_concerts li p {text-align:center;color:#fff;}
.dates_concerts li p.jour{margin:0px;padding:12px 0px 0px 0px;font-size:34px;line-height:20px;letter-spacing:2px;font-family: Metal;}
.dates_concerts li p.mois{margin:0px;padding:2px;font-size:16px;line-height:18px;}
.dates_concerts li p.heure{margin:0px;padding:0px 0px 8px 0px;font-size:12px;line-height:10px;}