@font-face {
    font-family: District Pro;
    src: url(subset-DistrictPro-Demi.ttf);
}
body {
  margin:0px;
  background-color:#3865a6; /* ciel sombre= #1b2c48 ; ciel clair=5e7aaa */
  color:#FFFFFF;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif; */
  text-align: left;
  font-size: 1em;
}
body h1{
  font-family: 'District Pro';/*'Alfa Slab One', cursive;*/
  font-weight: 600;
  text-align:center;
}
.darkened_cell{
    background-color: rgba(0,0,0,0.6);
    padding: 25px !important; 
    text-align:justify !important; 
}
#esur{
  color:#FFFFFF;
  font-family: 'District Pro';
  font-weight: 600;
  font-style: normal;
  font-size:3em;
  line-height: 70%;
  font-weight:bolder;
  text-shadow: 2px 2px 15px #DDDDFF;

}
#photo_fond{
    bottom: 0%;
    position: fixed;
    width: 100%;
    background:#FF0000;
    background: url("../img/backgrounds/lille_bourse_1280.jpg") no-repeat scroll 0 0 transparent;
    background-size:100%;
    z-index:-100;
    height: 0;
    padding-top: 41.79%; /* (img-height / img-width * container-width) */
                /* (853 / 1280 * 100) */
}
a {
  color:#FFE800 !important;
  font-weight:bolder;
}

.sponsors_bag{
  border-collapse:collapse;
}
.sponsor_cell{
  width:200px;
  height:160px;
  background:white;
  padding:10px;
  border:#DDDDDD;
  border-width:1px;
  border-style:solid;
  margin:10px;
  overflow:hidden;
  display:inline-block;
}
.sponsor_image_frame{
  width:100%;
  height:100%;
  display:flex;
}
.sponsor_cell img{
  margin:auto;
  width:80%;
  cursor:pointer;
}

a:link { /*- a normal, unvisited link */
  color:#FFE800;
  text-decoration:none;
}
a:visited { /*- a link the user has visited */
  color:#FFFFFF;
  text-decoration:none;
}
a:focus { /*- a link  */
  color:#FFE800;
  text-decoration:none;
}
 a:hover { /*- a link  */
  color:#FFE800;
  text-decoration:none;
}

.pagebodyx{
  display:none;
  background:transparent;
  color:#FFFFFF;
  padding:10px;
  z-index:100;
}
#header_div{
  position:fixed;
  top: 0;
  width:100%;
  background:#1f2c65;
  color:#FFFFFF;
}
.enjaune{
  color:#FFE800;
}
.transp50{
  color:rgba(255,255,255,0.5);
}
.gras{
  font-weight:bolder;
}
.program_headercell{
  background-color: #FFE800;
  color:#1f2c65;
  padding:4px;
  font-size:1.2em;
}
.program_fond{
  background-color:rgba(0,0,0,0.7);
  padding:8px;
}
.program_titlecell{
  border-top-color:rgba(255,255,255,0.2);
  border-top-style:solid;
  border-top-width:1px;
}
.program_heure{
   font-size:0.8em;
  vertical-align:top;
}
#header_div .case_titre{
  background:transparent;
  color:#FFFFFF;
  padding:20px;
  font-size:16px;
}
.subtext{
  margin-left:15%;
  margin-left:3%;
  text-align:justify;
  padding:4px;
}
#header_div .case_boutons{
  background:transparent;
  color:#FFFFFF;
  padding:20px;
}
.centered{
  align-content:center;
  margin:auto;
}
.booking_host{
    background:#FFFFFF;
    padding:10px;
    margin:8px;
}
#header_div .linkbox{
  position: relative;
  display:inline-block;
  padding:8px;
  margin-left:8px;
  margin-bottom:4px;
  background-color:#1f2c65;
  color:#FFFFFF;
  cursor:pointer;
  width: 150px;
  height:68px;
  border-width: 2px;
  border-color: #aaadcc;
  border-style:solid;
  border-radius: 5px;
  overflow:hidden;
  transition-property: all;
  transition-duration: 0.6s
}
#header_div .linkbox:hover{
  -webkit-box-shadow:0 0 20px white; 
  -moz-box-shadow: 0 0 20px white; 
  box-shadow:0 0 20px white;
}
.header_div_selected{
  background-color:#FFE800 !important;
  color:#717171 !important;
  border-width: 2px !important;
  border-color: #FFFFFF !important;
  -webkit-box-shadow:0 0 20px white; 
  -moz-box-shadow: 0 0 20px white; 
  box-shadow:0 0 20px white;
  transition-property: all;
  transition-duration: 0.6s
}

.maindiv{
  background:rgba(0,0,55,0.5);
  padding:30px;
  padding-top:10px;
  border-radius:10px;
  font-size:1.1em;
  width:90%;
  margin:auto;
  margin-top:30px;
  text-shadow: 1px 1px 1px #000;
}

.maindiv table td{
  padding:4px;
  text-align:left;
}
.sessioncell{
  border-left-style:solid;
  border-left-width:2px;
  padding:15px !important;
  background-color:rgba(255,255,255,0.3);
}
.smallprogram{
  color:#777777;
  font-size:0.8em;
}
.smallspeakers{
  color:#FFFFFF; 
}
.bottomdiv{
  background:rgba(0,0,0,0.5);
  padding:20px;
  padding-top:10px;
  border-radius:10px;
  font-size:1.1em;
  width:90%;
  margin:auto;
  margin-bottom:10px;
}
.maindiv_persistant{
  background:rgba(0,0,0,0.7);
  padding:30px;
  padding-top:10px;
  border-radius:10px;
  font-size:1em;
  width:90%;
  margin:auto;
}