/*-------------------------------------------------Home Page-------------------------------------------------*/
* {font-family: 'Exo 2', sans-serif;}
body{overflow: hidden;}
body, html, .homePage, .splash, .row, .conferencier{
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 !important;

}
.homePage {

    top: -20px;

}

.map-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;>
height:0;
}

.map-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
#map{
  height: 94%;
  width: 100%;
  position: relative !important;
  min-width: 200px;
min-height: 200px;
}
ul li{
  display: inline-block;
  margin-left: 30px;
  margin-right: 20px;
}
#map-canvas img {
  max-width: none;
}

.jeudi-date{
  overflow: scroll;
height: 68%;
position: absolute;
bottom: 0;
width: 100%;
}
.link-splash{
  color: #21458f;font-size: 16px;letter-spacing: 5px; text-align:center; position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
}
.content-post-fb p img {
  height: 70px;
}
.content-post-fb img.img-responsive {
    width: 100%;
}
.tchat, .tchat1, .tchat2{
  height: 100%;
  width: 100%;
  position: absolute;
}
.bar-nbr-tw{
  width: 100%;
  height: 8%;
  background-color: #fff;
  position: relative;
  border-bottom: 2px solid #f2f2f2;
}
.btn-tw{
  float: right;
  right: 60px;
  margin-top: 30px;
  position: relative;
}

.btn-tw a{
  border: 1px solid;
padding: 5px 20px;
color: #1DA1F2;
border-radius: 8px;
}
.btn-tw a:hover{
  text-decoration: none;
  background-color: #1DA1F2;
  color: #fff;
  border: 0px solid;

}
.content-twitter{
overflow-y: scroll;
  width: 100%;
  height: 86%;
  background-color: #e6ecf0;
}
.tweet-content:last-child{
  margin-bottom: 15px;
}



.tweet-content{
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  margin-top: 15px;
}
.tweet-content > p.lead {
  padding-left: 50px;
  margin-top: -16px;
}
h2{
  font-size: 40px;
  color: #fff;
  font-weight: 300;
}
h3{
  font-weight: 100;
  color: #fff;
  font-size: 90px;
}
em{
  margin-left: 5px;
}
.img-part{height:80px !important;}
.days, .numero{
  color: #fff;
}
.days{
  font-weight: 200;
}
.numero{
  font-size: 30px;
  font-weight: 100;
}
.left-day{
  float: left;
  color: #fff;
}
.right-day{
  float: right;
  color: #fff;
}
.hour-prog.col-md-2.col-sm-12.col-xs-12.text-center:first-child, .session-prog.col-md-10.col-sm-12.col-xs-12{
}
.scroll{
  overflow-y: scroll;
}
.hour-prog {
    display: block;
    background:#f36539;
    padding: 10px;
    width: 10%;

    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.session-prog {
    font-size: 15px;
    padding: 10px;
}
#tchat, #tchat1, #tchat2{
  position: relative;
  height: 300px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #2d98c7;
  position: relative;
  z-index: 200;
  margin-right: -10px;
  right: -10px;
  display: inline-block;
}
.triangle2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #be2582 transparent transparent;
  position: relative;
  z-index: 200;
  display: block;
  margin-right: -10px;
  float: left;
  left: -15px;
  margin-top: 5px;
  display: inline-block;
}
#content-tchat, #content-tchat2, #content-tchat1{
  height: 245px;
  overflow-y: scroll;
}
.message.rose{float: right; margin-right: 10px;}
.message{
  margin-left: 10px;
  float: left;
  clear: both;
  padding: 10px;
  border-radius: 3px;
  color: #fff;
  margin-top: 10px;
}
.info-tchat{
  position: absolute;
  bottom: 10px;
  left: 5px;

}
.btn.btn-success{
  background-color: #70b243 !important;
  border-radius: 0px !important;
}
#tchat, #tchat2, #tchat1{
  border: 1px solid #ccc;
}

input{
  height: 40px;
  margin-top: 10px;
  display: inline-block;
  width: auto;
  outline: none;
}

.form-control:focus {
  border-color: #fff !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
  background-color: #fff !important;
}
.content-facebook{background-color: #e9ebee;}
.content-post-fb{background-color: #fff; margin-top: 10px; padding: 10px;}
.content-post-fb p.lead{padding: 10px;}
.content-post-fb:last-child{margin-bottom: 10px;}
.sociaux,  .programme, .date, .infos, .content-facebook{height: 94%; top:0; overflow-y: scroll;}
 .btn-infos, .btn-date-content{
  height: 25.2%;
}
.btn-conf{
  height: 33.3%;
}
.type{height: 94%; top:0; overflow-y: scroll;}
.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count:infinite;
    color: #21458f;
    top: 16%;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.bounce {
    animation-name: bounce;
}
.btn-sociaux{
  height: 50.2%;
}
 .btn-prog{
   height: 33.34%;
 }
.no-resize{
  resize: none;
}
.btn-type{height:33.3%;}
.btn-date{
  height: 50.2%;
}
.btn-cfci, .btn-prog, .btn-sociaux{
  background: #000;
}
.btn-cfci-content{
  color: #fff;
}
i.fa {
  font-size: 50px;
      text-align: center;

}
.icon-content{
  font-size: 20px !important;

}
.place-card.place-card-large{
  display: none !important;
  pointer-events: none !important;
}
.plan-ex {
    top: 30px;
    position: relative;
}
.size-title{
  font-size: 16px;
  color: #fff;
  margin-top: 4px;
}
.size-title-filter{
  font-size: 17px;
  color: #fff;
  margin-top: 20px;
  float: right;
  margin-left: 20px;
}
p.lead.num-date{
  font-size: 50px;
  font-weight: 100;
  background: #fff;
  margin-top: -15px;
}
p.lead.jour-date{
  font-size: 20px;
  font-weight: 200;
}
.content-date{
  background: #fff;
  display: block;
  padding: 0 110px;
}
.header-date{
  margin-top: 9%;
  border: 1px solid #fff;
}
.header{
  height: 6%;
}
.list-content{
  border-bottom: 1px solid #e2e2e2;
}
.list-item{
  padding: 5px;
}
.btn-parte{
      border-left: 7px solid #21458f !important;
}
/* ----------------------------------------------------Vue App---------------------------------------------- */
.parent-warpper{
  display: flex;
  height: 100%;
}
.enfant-warpper{
  margin: auto;
}
.prev{
  margin: auto 0;
}
.btn-close-conf, .btn-close-prog, .btn-close-sociaux, .btn-close-infos, .btn-close-date, .btn-close-type {
  font-size: 20px;
  margin-right: -40px;
  margin-left: 20px;
  float: left;
}
.bold{
  font-weight: 600;
}
i.fa.list-item{
  font-size: 20px;
}
li.list-group-item{
  border-left: 7px solid #a41b18;
}
ul li {
    display: inline-block;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 5px !important;
    border-radius: 0px !important;
}
.lieu {
    width: 100vw;
    height: 100vh;
display:flex;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
/* ----------------------------------------------------Colors----------------------------------------------- */
.btn-date {
    height: 33.3%;
}
.rose{
  background: #c62635;
}
.jaune{
  background: #59b7dd;
}
.red{
  background: #a41b18;
}
.rose-h{
  background: #d5736a;
}
.gris{
  background: #666;
}
.facebook{
  background: #3b5998;
}
.orange{
  background: #21458f;
}
.bleu{
  background: #346c8f;
}
.violet{
background: #73539e;
}
.c-orange{
    color: #21458f;
}
.c-rose{
  color: #c62635;
}
.c-red{
  color: #a41b18;
}
.c-jaune{
  color: #59b7dd;
}
.c-gris{
  color: #666;
}
.c-facebook{
  color: #3b5998;
}
.c-rose-h{
  color:#d5736a;
}
.c-violet{
color: #73539e;
}