body {
  background-color: #e4e4e4;	
}

/*
  header {
    height: 100px;
  }
*/

.dropdown-lang {
  margin-left:auto;
  margin-right:8%;
}	

#lang-selector button {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  width:160px;
}

#lang-selector svg {
    fill: #fff !important;
}
.picto-lang{
    display: inline-flex;
    vertical-align: middle;
    height: 1.125rem;
    width: 1.125rem;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-right: 0.625rem;
}

.banner-title {
  font-size: calc(2rem + 1.5vw);
  font-weight: 700;
}

.top-actors {
	height: 100px; /* 100 */
}

.img-fluid-v {
  height:100%;
  width:auto;
}

@media screen and (max-width: 1199px) {
/*
  header {
    height: 80px;
  }
*/
  .top-actors {
	height: 80px; /* 80 */
  }
}
@media screen and (max-width: 991px) {
/*
  header {
    height: 70px;
  }
*/
  .top-actors {
	height: 70px; /* 70 */
  }
  
}

@media screen and (max-width: 767px) {
/*
  header {
    height: 55px;
  }
*/
  .top-actors {
	height: 55px; /* 55 */
  }
  .banner-title {
    font-size: calc(1.35rem + 1.5vw);
  }
}

.logo-switch {
  height: 80%; /* 80 */
}

.logo-agoria {
  height: 40%; /* 40 */
  margin-bottom: 17%;
}

.logo-electrabel {
  height: 100%;
}

.logo-sck {
  height: 100%; /* 80 */
}

.welcome-option-container {
    border-bottom: 4px solid white !important;
}

.activity-row, .option-activity-row {
  display: flex;
}
.time-col {
  width: 5rem;
  flex: 0 0 auto;
}

@media screen and (max-width: 767px) {
  .time-col-placeholder {
	 width: 2rem; 
  }
}

.section {
  padding: 20px;
}

.activity, .activity-title {
  font-weight: 700;
  font-size: larger;
}

.activity-col, .option-activity-col {
  display:flex;
  flex-direction: column;
  width: 100%;
}


.option-extra-info {
  font-style: italic;
  margin-top: 1rem;
}

.activity-author {
  align-self: flex-end;
  font-weight: 700;
}

ul.activity-list {
    list-style-type: none;
    padding-left: 0;
}

li.activity-list-item {
    border-left: 1px solid grey;
    padding-left: 0.7rem;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}

.address-container {
  display:flex;
}

.address-time-col {
  width: 20%;
  flex: 0 0 auto;
}

.legal {
  background-color: #000000;
  padding-top:0.3em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.1em;
  color: #ffffff;
  font-size: smaller;
  font-weight: 300;
}

.footer-logo {
  height: 30px;
  margin-right: 1em;
}


.legal ul {
  margin: 0;
  padding: 0;
  display:flex;
}

.legal ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.legal ul li+li {
    padding-left: 0.78rem;
    margin-left: 0.5rem;
}

.legal ul li+li:before {
    content: "-";
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

.legal ul li a {
  text-decoration: none;
  color:#ffffff;
  display: table;
  color: #fff;
  font-weight: 300;
}

#intro {
  background-color: rgb(248, 249, 250); /* cf bs5 bg-background-tertiary */
}

#program {
  background-color: rgb(233, 236, 239); /* cf bs5 bg-background-secondary */
}

#addresses {
  background-color: rgb(248, 249, 250); /* cf bs5 bg-background-tertiary */
}

#more-info {
  background-color: rgb(206, 212, 218); /* cf bs5 bg-dark-subtle */
}