html {
    background: #222222;
    color: #BDBDBD;
    font-family: "Roboto";
    font-weight: 300;
    font-size:14pt;
    line-height:1.5;
    /*font: normal normal normal 16px / 1.25 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale*/
}

body {
    width:60%;
    min-width:1200px;
    margin:40px auto;
}

a {
    color:white;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 { 
    font: 64px "Roboto";
    font-weight:600;
    color: white;
    border-bottom:2px solid white;
    text-transform: uppercase;
    letter-spacing:2px;
    margin-bottom:0px;
}

h3 {
    font: 24px "Roboto";
    font-weight:400;
    color: white;
    border-bottom:2px solid #BDBDBD;
    text-transform: uppercase;
    letter-spacing:2px;
    padding-bottom:5px;
}

p {
    padding:0px 20px;
    text-align:justify;
    white-space: pre-line;
}

b, strong {
    font-weight:bold;
}

ul {
    list-style:none;
    margin:0;
    padding:0;
}

blockquote {
    border-color: #bdbdbd;
    font-weight:600px;
}

#hook {
    font-size:18pt;
    font-weight:300;
    margin:auto;
}

#authors {
    display:flex;
    flex-orientation:row;
    justify-content:space-between;
    width:50%;
    margin:auto;
}

#labs {
    display:flex;
    flex-orientation:row;
    justify-content:space-around;
    width:50%;
    margin:auto;
    font-size:14pt;
}

#teaser {
    display:block;
    margin:auto;
    width:854px;
    height:480px;
}

#paper-infos {
    width:854px;
    margin:20px auto 40px auto;
    border-left:4px solid #bdbdbd;
    padding-left:10px;
}

.papers-link-list {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-content:center;
    width:300px;
    text-transform:uppercase;
    font-size:14px;
}

.image-inline {
    height:18px;
    vertical-align:middle;
}

#summary {
    width:80%;
    margin:60px auto;
}
#summary > h4 {
    font-size:24px;
    font-weight:400;
    color: white;
    border-bottom:2px solid #BDBDBD;
    text-transform: uppercase;
    letter-spacing:2px;
    padding-bottom:5px;
    text-align:center;
}
#summary .header {
    display:block;
    border-bottom:1px solid white;
    margin-bottom:5px;
    font-weight:600;
    font-size:20px;
}

#summary-list {
    display:flex;
    flex-direction:row;
    justify-content:space-around;
}

/*#introduction-tabs { 
    display: flex; 
    flex-direction: row; 
    justify-content:center;
    align-items: center; 
    height:400px;
}*/
#application-download { 
    text-align:center; 
    font-size:18pt;
    margin:10px auto;
}

.explanations {
    display: flex;
    flex-direction: row;
    align-items:center;
}

#interfaces-list {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
#interfaces-list img {
    display:block;
    margin:auto;
    width:80%;
    height:auto;
}

footer { text-align:center; }
#mail-list { 
    display:flex; 
    flex-direction:row; 
    justify-content:center; 
    margin:auto;
    width:600px;
}

.material-icons {
    vertical-align:bottom;
    margin-right:30px;
}

#bio-text {
    text-align:justify;
    white-space:pre-line;
}

#side-panel {
    display:block;
    position:relative;
    overflow:auto;
    box-sizing:border-box;
}

#main-content {
    float:left;
    position: relative;
    display:block;
    overflow:auto;
    box-sizing:border-box;
}
#side-panel::-webkit-scrollbar,
#main-content::-webkit-scrollbar {
    display:none;
}

#information-list,
#office-list {
    display:block;
    list-style:none;
    margin-left:20%;
    padding-left:0;
}

#information-list { width:210px; }
#office-list { width:250px; }


#information-list > li,
#office-list > li {
    margin-bottom:10px;
}

#information-list .icon,
#office-list .icon {
    width:24px;
    height:24px;
    vertical-align:middle;
    margin-right:15px;
}

#office-list .icon {
    margin-right:5px;
}

#office-list .info-lab-list {
    display:inline-block;
    vertical-align: middle;
    list-style:none;
    margin:0;
    padding-left:5px;
    border-left:1px solid #9E9E9E;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}

#info-divider {
    width:90%;
    height:1px;
    margin:10px auto;
    background:#BDBDBD;
}

#headers-list {
    font: 1.5em "Roboto";
    font-weight:400;
    display:none;
    width:85%;
    margin:auto;
    list-style:none;
    padding-left:0;
    text-align:center;
}

#languages {
    width:120px;
    height:50px;
    margin:20px auto;
}

.flag {
    float:left;
    display:block;
    width:40px;	
    height:30px;
    margin:0px 8px;
    border:2px solid white;
    border-radius:25px;
}

.flag.selected {
    border:2px solid #FF963F;
}

#fr-flag {
    background: no-repeat url('img/french-flag.png') center center / cover;
}

#en-flag {
    background: url('img/british-flag.png') center center / cover;
}

.custom-section {
    margin:0 2.4%;
}

#labs-block {
    margin:30px auto;
    width:50%;
    min-width:500px;
    height:100px;
}

#labs-block .map-ref {
    display:block;
    position:absolute;
    right:5px;
    z-index:3;
    width:32px;
    height:32px;
    background:url("img/map.png") no-repeat center center / 100%;
}

#lab-separator {
    display:table;
    float:left;
    width:20%;
    height:100%;
    font: normal normal 24px/1 ModernM;
    color: #ff963f;
    text-align: center;
    text-decoration: underline;
}

#labs-block .lab-cell {
    display:block;
    float:left;
    box-sizing:border-box;
    width:40%;
    height:100%;
    font:normal normal 32px/1 ModernM;
}

#labs-block .lab-img {
    position:relative;
    display:table;
    border:2px solid #ff963f;
    width:100%;
    height:100%;
    border-radius:20px;
    background-position: center center;
    background-size:cover;
}

#telecom-img {
    background-image:url("img/telecom.jpg");
}
#lri-img {
    background-image:url("img/lri.jpg");
}

#labs-block .cache {
    position:absolute;
    width:100%;
    height:100%;
    z-index:0;
    background:rgba(100,100,100,0.4);
}

#labs-block .lab-link,
#labs-block p {
    position:relative;
    display:table-cell;
    vertical-align: middle;
    text-align:center;
    width:100%;
    height:100%;
    z-index:1;
}

#teaching-text .year {
    display: table;
    position: relative;
    width: 100%;
    height: 120px;
    margin-bottom:10px;
}

#teaching-text .left-panel {
    display: block;
    position: relative;
    float: left;
    width: 60px;
    height: 100%;
    margin-right:5px;
    border-right: 2px solid #BDBDBD;
}

#teaching-text .lp-text {
    position: absolute;
    left: -60px;
    transform: rotate(270deg) translatey(60px) translatex(-40px);
    font: 1em "Roboto";
    font-weight: 300;
    letter-spacing: 2px;
}

#teaching-text .right-panel {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

#teaching-text .right-panel > ul {
    list-style:none;
    padding-left:0px;
}

#teaching-text .right-panel > ul > li {
    margin:5px 0px;
}

.publication-thumbnail {
    display:none;
}

.publication-info {
    border-left:1px solid white;
    padding-left:2px;
}

.publication-title {
    font-weight:bold;
}