html {
  height: 101%; /* <- -this is a trick to have the vertical scrollbar appear at all time */
}

/*.more-opaque {
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.8);
}*/

div.layout {
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  min-width: 600px ;
  max-width: 900px ;
  width: 100%;
/*  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.85);*/

  background-image: url("/Images/bg-cross-0.85.png");
/*   background-color: #BBBBBB; */
/*   border: 1px solid black; */
/*   display: inline-block;*/ */
}

li.spoil {
  display: block;
}

h1 {
    color: navy ;
    text-align: center ;
    border-top: 1px solid black ;
    /*border-bottom: 1px solid black ;
    width: 63.6%;*/
/*    min-width: 750px ;
    max-width: 900px ;*/
    width: 100% ;
    padding-left: auto;
    padding-right: auto;
    margin: 0;
    padding-top: 0.2em;
    padding-bottom: 0.4em;
    font-weight: normal;
    font-size: 250%;
    background-color: white;
}

h1 a:visited { color: navy ; }
h1 a {
  color: navy;
  text-decoration: none;
}

h2 > a { text-decoration: none }

a.teaching {
  text-decoration: none;
  display: block;
/*   border: 1pt solid black; */
/*   margin: 5pt; */
  padding: 2pt;
  margin: 0;
  width: 100%;
}
h2 {
    margin-top: 0 ;
    margin-bottom: 0 ;
    padding-top: 0 ;
    padding-bottom: 0 ;
    color: navy ;
    font-size: 120%;
}

h3 {
  font-size: 110%;
  padding: 0;
  margin: 0;
  margin-top: 12px;
  margin-bottom: 4px;
}

p.news-title {
  font-weight: bold;
  font-size: 110%;
  padding: 0;
  margin: 0;
/*   margin-top: 12px; */
  margin-bottom: 4px;
  word-spacing: normal;
}

p.news-author {
  padding:0;
  margin:0;
  margin-bottom:4px;
  word-spacing: normal;
}



/*h3.news {
  margin-top:0;
  padding-top:0;
  margin:0;
  padding: 0;
}*/

/*div.news {
  display: inline-block;
  margin-left: -1em;
  margin-right: -1em;
  padding: 1em;
  padding-top: 0.7em;
  padding-bottom: 0.9em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  border: 0.1em solid black;
  border-radius: 1em;
}*/

/*div.news {
 display: block;
 margin:0;
 margin-left: -1.15em;
 margin-bottom: 0.5em;
 padding: 0.5em;
 padding-left: 1.15em;
 border-left: 0.15em solid navy;*/

div.news {
  display: block;

/*            T      R      B        L                                        */
  margin:  0.00em  -1em  1.25em  -1.00em;
  padding: 0.25em   1em  0.40em   0.75em;
  border-left: 0.25em solid #666666;
  background-color: #EEEEEE;
  background-color: rgba(227, 227, 227, 0.5);
  clear: both;
  overflow: auto;

/* margin-bottom: 0.5em;
 margin-top: 0.5em;
 background-color: white;
 background-color: rgba(255, 255, 255, 0.8);
 border: 0.1em solid black;
 border-radius: 1em;*/
 }

 div.phdthesis {
   border-left-color: #FFBB00;
   background-color: #FFF7E7;
   background-color: rgba(255, 247, 215, 0.5);
 }

 div.poster {
   border-left-color: #FFBB00;
   background-color: #FFF7E7;
   background-color: rgba(255, 247, 215, 0.5);
 }

 div.talk {
  border-left-color: #FF4500;
  background-color: #FFD580;
  background-color: rgba(255, 87, 51, 0.125);
 }

 div.course {
  border-left-color: navy;
  background-color: #BBBBFF;
  background-color: rgba(227, 227, 255, 0.5);
 }

 div.inproceedings {
  border-left-color: navy;
  background-color: #BBBBFF;
  background-color: rgba(227, 227, 255, 0.5);
 }

 div.article {
  border-left-color: #990066;
  background-color:  #FFF0F0;
  background-color: rgba(255, 227, 227, 0.5);
 }



/*div.news-text {
  width: 100%;
}*/

td.panel h2 {
  text-align: center;
  width: 100%;
}

td.main h2 {
  text-align: left;
  margin-left: -0.66em;
  width: 102%;
}

body {
    font-family: Verdana, Geneva, sans-serif;
/*    background-image: url("/Images/bg-cross.png");
    background-attachment: fixed;*/
}

.menubutton {
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid black;
    /* background: cyan; */
    text-decoration: none;
    color: black;
    margin: 0;
/*     max-width: 20em; */
    width:20%;
    padding:0.5em;
    background-color: #f7f7f7 ;
    /*-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;*/
    font-size: 130%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menubuttoncur {
    box-sizing: border-box;
    display: inline-block;
    border-top: 1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    text-decoration : none;
    padding:0.5em;
/*     padding-bottom: 10px; */
    margin: 0;
    width:20%;
/*     max-width: 20em; */
    color: black;
    font-size: 130%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.endmenu {
    font-size: 130%;
    display: inline-block;
    margin: 0;
    border-bottom: 1px solid black;
/*     padding:0.5em; */
/*     padding-left: auto; */
/*     padding-right: auto; */
    width: 4%;
    height: 100%;
    overflow: hidden;
    padding-top:0.5em;
    padding-bottom:0.5em;
    text-overflow: ellipsis;
    background-color: white;
}

/*body > *.half {
  min-width: 365px ;
  max-width: 439px ;
  width: 39% ;

}*/

td.main hr.half {
  width: 50%;
  margin-left: -1.33em;
}

.half {
  width: 50%;
}

hr.half {
    height: 1px ;
    border: 0 ;
    margin-top: 0 ;
    margin-bottom: 8px ;
    padding-top: 0 ;
    padding-bottom: 0 ;
    margin-left: 0;
    background-color: #000000 ;
}

.full {
  width: 100%;
}
hr.full {
  height: 1px ;
  border: 0 ;
  /*margin-left: -3%;*/
  margin-top: 0 ;
  margin-bottom: 8px;
  padding-top: 0 ;
  padding-bottom: 0 ;
  background-color: #000000 ;
}

hr.footpage {
    width: 100% ;
    height: 1px ;
    border: 0 ;
    background-color: #000 ;
    margin-top: 0 ;
    margin-bottom: 0 ;
    padding-top: 0 ;
    padding-bottom: 0 ;
}

.menu {
    text-align: center;
    margin: 0;
    padding: 0;
/*    min-width: 750px ;
    max-width: 900px ;*/
    width: 100%;
    margin-left:auto;
    margin-right:auto;
/*     background-color: #BB0000; */
}

wholepage {
    display: inline-block ;
    margin-left: auto ;
    margin-right: auto ;
    min-width: 700px ;
    max-width: 1000px ;
    width: 80% ;
    border: 1px solid black ;
    background-color: white;
}

.introduction {
    padding:0;
    margin:0;
    font-style: italic ;
    margin-bottom: 0.2em;
}

.nonez {
  text-decoration: none;
}

table.footpage{
/*
  width: 20%;
*/
}

.footpage {
    margin-left: auto ;
    margin-right: auto ;
    text-align: center ;
    margin-top: 0 ;
    margin-bottom: 0 ;
    padding-top: 0 ;
    padding-bottom: 0 ;
}

img.footpage {
  vertical-align: middle ;
  height: 2.5em;
  margin: 0.1em;
}

td.footpage-spacing{
  width: 50px;
}

/*ul {
  padding-left: 5%;
}*/

a {
  text-decoration: none
}

a:hover {
  text-decoration: underline;
}

a.internal { color: #0000AA; }
a.internal:hover { color: #0000EE; }
a.external { color: #007700; }
/*a.external:visited { color: #004400; }*/
a.external:hover { color: #00AA00; }


/*.main-left {
width: "15%";
}
.main-middle {
width: 60%;
}*/

table.body {
  display: block;
  width:auto;
  margin: 1.5em;
/*   padding: 1em; */
/*   margin: 1em; */
/*   background-color: rgba(255, 255, 0, 0.3); */
}

table.body td {
/*   width:auto; */
  padding: 2%;
/*   background-color: rgba(255, 0, 0, 0.3); */
}

td.main {
    font-size: 100%;
    min-width: 67%;
/*     border: solid black; */
}

table.body tbody {
  display: block;
  padding: 0;
  margin: 0;
  min-width: 100%;
/*   background-color: rgba(0, 255, 255, 0.3); */
}

table.body tr {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
/*   background-color: rgba(0, 0, 255, 0.3); */
}

td.main-news {
  display: block;
  width: 96% ;
}

td.panel {
    font-size: 100%;
    max-width: 33%;
/*     width: 33%; */
/*     border: solid black; */
}

table.panelmenu {
/*   border: solid black; */
  text-align: center;
  margin: auto;
}

.fullwidth {
  width: 100%
}

td.border{
  border: 1pt solid black;
  text-align: center;
}

table.panelmenu td {
  border: 1pt solid black;
  text-align: center;
}
/*div.panelmenu{
  width: 100%;
  border: solid black;
}*/

h2.panel {
  width: 100%;
  margin-top: 0 ;
  margin-bottom: 0 ;
  padding-top: 0 ;
  padding-bottom: 0 ;
  margin-left: auto;
  margin-right: auto;
  color: navy ;
  text-align: center;
  /*font-weight: normal;*/
}


.spoiler {
    color: blue;
    text-align: center;
}

td.spoiler {
  vertical-align: top;
  width: 10%;
}

a.date {
  color: blue;
  font-family: Arial;
}

code.alinea {
    background: #EEEEEE ;
}


img.identite {
  width: 80%;
  height: auto;
  margin-left: 10%;
  margin-right: 10%;
}

.logosoup {
  line-height: 0px;
  font-size: 0;
  text-align:center;
}

a.logo {
  display: inline-block;
  vertical-align:top;
  margin: 10px;
}

img.logo {
  max-height: 100px;
  max-width: 200px;
  display:block;
}

div.logo {
  min-height:100px;
  margin:auto;
}



.alinea {
  margin-left : 5% ;
}

form.topform {
  margin: 0em 0em 2em 0em ;
/*   background-color: yellow; */
  padding:0;
}

.topform div {
/*   width: 100%; */
  text-align: right;
/*   background-color: red; */
}



ul {
  list-style-position: inside;
  padding: 0pt;
/*   padding-left: 0 */
  margin: 0pt;
}
ul ul {
  margin-left: 2em;
}

li {
  margin-bottom: 0.125em;
}

ul.extra-item-space li {
  margin-bottom: 0.5em;
}

/*ul.news {
  margin-bottom: 1em
}*/

div.news {
  text-align: justify;
  display: block;
  word-spacing: 0.75em;
/*   background-color: yellow; */
/*   text-justify: inter-word; */
/*   display: inline; */
  /*margin: 1em 0 1em 0;*/
/*   width:100% */
}

hr.no-bottom-space {
  margin-bottom: 0pt;
}

.bold {
  font-weight: bold;
}

ul.contact {
  list-style-type: none;
}

.tt {
    font-family:monospace,monospace;
    font-size:1em;
}

span.input {
  padding-left: 0.5em;
  padding-right: 0.5em;
  white-space: nowrap;
}

div.footpage {
  background-color: #FFFFFF;
  font-size: 75%
}


div.news-float {
  text-align:right;
  float: right;
  max-width: 25%;
}

/*a.img {
  background-color: rgba (255,255,255, 0.5);
  padding:0;
  margin:0;
}
a.img:hover {
  z-index: 1;
}*/

.external-profile-bar {
  display:block;
  width: 100%;
  text-align:center;
}

.external-profile-block {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
}

.external-profile-block:visited {color: black; }
.external-profile-block:hover { 
  background-color:#E0E0E0;
  text-decoration: none;
}


.external-profile-icon {
  display: block;
  /*width: 2.25em;*/
  height: 75px;
  margin: auto;
}

.news-icon {
  margin-top: 0.1em;
  vertical-align: top;
  width: 2.25em;
  height: 2.25em;
}


.popup {
  cursor: pointer;
}

.popup-content {
  visibility: hidden;
/*   word-spacing: 0.25em; */
/*  width: 160px;
  height: 160px;*/
  background-color: #F7F7F7;
  color: navy;
  border: 0.1em solid navy;
  border-radius: 0.5em;
  padding: 0.5em;
  margin: 0;
  position: absolute;
  z-index: 1;
  right: 1em;
  /*bottom: 125%;
  left: 50%;
  margin-left: -80px;*/
}

.popup-bar {
  margin-bottom: 0.5em;
}

.popup-main {
  font-size: 80%;
  word-spacing: initial;
  margin:0;
  padding: 0;
  font-family: monospace,monospace;
}

.close-button {
  display: inline-block;
  cursor: pointer;
  float:right;
  width: 1em;
  height: 1em;
  background-image: url("/resources/icons/close.png");
  background-size: 1em;
}

.close-button:hover {
  background-image: url("/resources/icons/close-hover.png");
}

.show {
  visibility: visible;
}

.hide {
  visibility: none;
}

.news-bar {
/*  line-height: 1.5em;*/
  float:right;
  margin: 0.25em 0 0 0;
  padding: 0;
  text-align: left;
/*   word-spacing: initial; */
  word-spacing: 0.5em;
/*   position: relative; */
}

.alert {
  color: #C04000;
}
.alert a.internal {
  color: #C04000;
}



span.news-item {
/*    display: inline; */
  word-spacing: initial;
}


/*.news-icon-text {
  display: inline-block;
  width: 8em;
  height: 1em;
  line-height: 1em;
}*/


/*.news-icon {
  display: inline-block;
  height: 1.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  text-align: center;
  border-radius: 0.375em;
  border: solid black 1px;
  text-decoration: none;
  text-shadow:  0.05em 0.05em 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0.1em 0.1em 0.14em rgba( 0, 0, 0, 0.75), -0.1em -0.1em 0.14em rgba( 255, 255, 255, 0.75);
  color: black;
  border-color: black;
}*/

/*.news-icon:active {
  text-shadow: -0.05em -0.05em 0 rgba(255, 255, 255, 0.5);
}*/

/*.news-icon:active{
  box-shadow: 0px 1px 4px rgba( 0, 0, 0, 0.75) inset;
}*/

/*span.bib {
  background-color: lavender;
  background: linear-gradient( #e6e6fa, #ababba );
}*/

/*span.bib:hover {
  background: linear-gradient( #f5f5fd,  #bcbccc );
}*/

/*span.bib:active {
  background: linear-gradient( #e6e6fa, #ababba );
}*/

/*a.doi {
  background-color: lavender;
  background: linear-gradient( #ffe466, #dc9406 );
}*/

/*a.arxiv {
  background-color: #ecc6c6;
  background: linear-gradient( #f2aaaa, #e55151 );
}*/

/*a.arxiv:hover {
  background-color: #b31b1b;
  color: #ecc6c6;
}*/

/*.news-popup {
  line-height: initial;
}*/

/*.news-subicon {
  display: inline-block;
  height:1em;
  background-image: url("/Images/arrow.svg");
  background-size: 1em;
  background-repeat: no-repeat;
  width: 1em;
  margin-left: -1.2em;
  padding-left: 1.2em;
  padding-bottom: 0.5em;
  margin-bottom: -0.5em;
}*/

/*span.linebreak-trick{
  display:block;
  margin:0;
  padding:0;
  width: 100%;
  height: 0;
}*/


.research-bar {
/*   display: block; */
  width: 400px;
/*   display: inline; */
/*   color: #888888; */
  padding: 0.5em 0.5em 0.5em 2.2em ;
/*   padding: 0; */
/*   margin: 0.5em 0 0.5em -2.2em ; */
  background-image: url("/resources/icons/search.png");
  background-size: 1.2em;
  background-position: 0.5em 0.5em;
  background-repeat: no-repeat;
  color: #808080;
}


p.lorem {
  padding: 0;
  margin: 0;
  text-align: justify;
}