@charset "utf-8";

body,
.footer{
  background-color:#fff;
}

.with-link .header-link{
  top:0; left:0; right:0; padding-bottom:35.9%;
}
.with-link .header-link .link{
  display:none;
}
.header-bottom .title{
  font-size:0;
}
.header-bottom .title::after{
  font-size:2vw;
  vertical-align: bottom;
}
html[lang=fr] .header-bottom .title::after{
  content:"LILLE/15+16+17 OCTOBRE 2018";
}
html[lang=en] .header-bottom .title::after{
  content:"LILLE/OCTOBER 15+16+17, 2018";
}

.content.landing .poster .title,
.content.landing .poster .desc{
  display:none;
}

.plugin.off .button .vecto *,
.plugin.off .button .text{
  opacity:0.5;
}

.with-footer .footer{
  position:static;
  height:auto;
  font-size:110%;
}
.footer .flags{
  display:none;
}
.footer-links{
  width:100%; padding:0;
  text-align:center;
  font-weight:bold;
}
.footer p{
  width:100%;
}
.footer .Partners{
  /*font-size:;*/
  position:relative;
  display:inline-block;
  overflow:visible;
  height:0;
  padding-bottom:12%;
  background-size:contain;
  /*background-color:#ccc;
  border:1px solid #999;*/
  text-transform:uppercase;
  color:#2f2354;
}
/*
.footer .Partners::after{
  z-index:0;
  content:"";
  display:block;
  position:absolute; top:20%; left:0;
  width:100%; height:80%;
  background-color:#fff;
}
*/
.footer .separator{
  display:inline-block;
  width:0; height:0; padding-bottom:10%;
  
  border-left-width:1px;
  overflow:visible;
}
.footer .separator::before{
  content:"\00A0";
}
.footer .FirstLine .Partners{
  width:20%;
}
.footer .FirstLine .Partners::after{
  content:""; position:absolute;
  top:20%; bottom:0; left:10%; right:10%;
  /*background-color:#fff;*/
}

.footer .FirstLine .Partners::after,
.footer .NextLines .Partners{
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.footer .FirstLine .Partners.SupportedBy::after{
  background-image:url(../images/RABD.jpg);
}
.footer .FirstLine .Partners.PartnershipWith::after{
  background-image:url(../images/logo-hauts-de-france.png);
}
.footer .NextLines{
  margin-top:20px;
}
.footer .NextLines .Partners.Institutional{
  background-image:url(../images/logos-instit.jpg);
}
.footer .NextLines .Partners.MajorBusiness{
  background-image:url(../images/logos-major.jpg);
}

.footer .NextLines .Partners{
  width:49%;
}
.footer .separator,
.footer .FirstLine,
.footer .NextLines{
  border-color:#e2e2d7;
  border-style:solid;
}

.footer .ViewAllButton{
  /*font-size:14px;*/
  /*display:inline-block;
  width:auto; height:40px;
  line-height:42px;
  padding:0 20px;
  border-radius:20px;
  font-weight:bold;
  text-transform:uppercase;
  background-color:#2f2354;
  color:#fff;*/
}
.footer .ViewAllButton a{
  display:inline-block;
  width:auto; height:40px;
  line-height:42px;
  padding:0 20px;
  border-radius:20px;
  font-weight:bold;
  text-transform:uppercase;
  background-color:#2f2354;
  color:#fff;
  text-decoration:none;
  transition:background-color 0.5s ease-out;
}
.footer .ViewAllButton a:hover{
  background-color:#000;
}

@media screen and (min-width: 769px) and (max-width: 1160px){
  .footer .Partners,
  .footer .separator,
  .footer .ViewAllButton{
    font-size:1.1vw;
    line-height:2vw;
  }
}
@media screen and (max-width: 768px){
  .content .plugins,
  .player-plugins.r169 .content .plugins,
  .player-plugins.r43 .content .plugins {
    padding-bottom: 0;
    height: 80vh;
  }
  .footer .NextLines{
    margin-top:0;
  }
  .footer .Partners{
    /*display:block;*/
    font-size:3vw;
    line-height:4vw;
    padding-bottom:26%;
  }
  .footer .separator{
    display:block;
    width:100%;
    font-size:2vw;
    line-height:4vw;
    padding-bottom:0;
    border-top-width:1px;
    border-left-width:0;
  }
  .footer .separator,
  .footer .FirstLine,
  .footer .NextLines{
    border-top-width:1px;
  }
  .footer .separator::before{
    display:none;
  }
  .footer .FirstLine .Partners{
    width:50%;
  }
  .footer .NextLines .Partners{
    width:90%;
  }
}