html {
  font-size: 100%;
}

body {
  font-family: "Baskerville", Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 0.8em;
  background-color: #696969;
}

@font-face {
  font-family: "Baskerville";
  src: url("Fonts/LibreBaskerville-Regular.ttf"); }

@font-face {
  font-family: "SC";
  src: url("http://archives.pps.univ-paris-diderot.fr/~seiller/Fonts/FeFCsc2.ttf"); }

#main {
  width: 70%;
  float: center;
  margin: 4em auto;
}

#menu {
  font-variant: small-caps;
  font-size: 1.2em;
  width: auto;
  padding: 5px 0 6px 0;
  border-bottom: 4px solid #B0C4DE;
  border-top: 4px solid #B0C4DE;
  text-align: center;
}

#content {
  width: auto;
  margin: 1em 1em;
  padding: 1em 3em 2em 3em;
  background: #FAF0E6;
  border: 4px solid #B0C4DE;
  text-align: justify;
}

#foot {
  /*margin-top: 50px;*/
  width: auto;
  text-align: right;
  font-size: 70%;
  color: black;
}

#menu a:link, #menu a:visited {
  letter-spacing: 2px;
  line-height: 14px;
  font-weight: bold;
  margin: 0 10px 4px 10px;
  text-decoration: none;
  color: #DCDCDC;
  border-left: 4px solid #696969;
  padding-left: 2px;
  border-right: 4px solid #696969;
  padding-right: 2px;
  border-top: 4px;
  padding-top: 2px;
  border-bottom: 4px;
  padding-bottom: 2px;
}

#menu .active a:link, #menu .active a:visited {
  border-top: 4px solid #B0C4DE;
  padding-top: 2px;
  border-bottom: 4px solid #B0C4DE;
  padding-bottom: 2px;
  border-left: 4px solid #DCDCDC;
  padding-left: 2px;
  border-right: 4px solid #DCDCDC;
  padding-right: 2px;
  color: #B0C4DE;
}

#menu a:hover {
  border-top: 4px solid #B0C4DE;
  padding-top: 2px;
  border-bottom: 4px solid #B0C4DE;
  padding-bottom: 2px;
  color: #B0C4DE;
  border-left: 4px solid #696969;
  padding-left: 2px;
  border-right: 4px solid #696969;
  padding-right: 2px;
}

#menu .L {
  float: left;
  color: #CD5C5C;
}

#menu .activeL a:link, #menu .activeL a:visited {

  color: #CD5C5C;
}


#menu .L a:hover {
  border-top: 4px solid #CD5C5C;
  padding-top: 2px;
  border-bottom: 4px solid #CD5C5C;
  padding-bottom: 2px;
  color: #CD5C5C;
}


#idphoto {
  float: right;
  margin-top: 2em;
  margin-right: 1em;
  margin-left: 2em;
}

#idphoto img {
  border: 4px solid #696969;
  float: left;
}

#aligned {
  text-align: center;
}

.wrapper {
  overflow-x: auto; /* or overflow-x: hidden; */
}

.tabulated {
  padding-left:2em;
}

.button {
  font-weight:bold;
  margin-left:1em;
  margin-top: 2px;
  float:left;
}

.Abstract{
  float:right;
  margin-right:20%;
  margin-top: 2px;
  display:none;
  padding: 1em;
  width: 60%;
  border: 2px solid #CD5C5C;
  }

.Bibtex{
  float:right;
  margin-right:20%;
  margin-top: 2px;
  display:none;
  padding: 1em;
  width: 60%;
  border: 2px solid #000000;
  background: #FFFFFF;
  font-family: Lucida Console,Lucida Sans Typewriter,monaco,Bitstream Vera Sans Mono,monospace;
  }

.math {
  padding-left:20%;
  width: 60%;
}

.futures {
  width:40%;
  float:left;
}

.next {
  float:left;
  width:70%;
  margin-top: 30px;
  border-top: 2px solid #CD5C5C;
  border-bottom: 2px solid #CD5C5C;
  padding-bottom: 20px;
}

.past {
  float:left;
  width:50%;
  margin-left:20%;
  margin-top: 30px;
  text-align: justify;
}

.expose {
	margin-left:10%;
}


.bloc {
  float:left;
  width:100%;
  border-bottom: 2px solid #000000;
  padding-bottom: 20px;
  padding-top: 20px;
}

.bloc .ssbloc {
  float:left;
  width:60%; 
  padding-bottom: 20px;
}

.ssbloc .next {
  float:left;
  width:100%;
  margin-top: 10px;
  border-top: 2px solid #CD5C5C;
  border-bottom: 2px solid #CD5C5C;
  padding-bottom: 20px;
}

.liste {
 width: 25%;
 float: right;
 border: 2px solid #696969;
 padding-left: 5px;
 padding-bottom: 15px;
}

.liste .participant {
  padding-left: 5px;
  padding-bottom: 1px;
}


.liste h3 {
 text-align: center;
}

.docs {
  width: 25%;
  float: right;
  border: 2px solid #696969;
  padding-left:5px;
  padding-bottom: 15px;
}

.docs h3 {
  text-align:center;
}

.docs .documents {
  padding-left: 5px;
  padding-bottom: 1px;
}

.docs .documents .notyet {
  font-weight: bold;
  font-size: 90%;
  color:#000000;
  padding-right: 8px;
}

.document .notyet {
  font-weight: bold;
  font-size: 90%;
  color:#000000;
  padding-right: 5px;
  padding-left: 5px;
}

.docs .documents a:link, .docs .documents a:visited, .docs .documents a:hover {
	color: #CD5C5C;
	padding-right: 8px;
}

.futures .reunion {
	padding-top:3px;
	padding-bottom:3px;
}

.futures .reunion .date {
  font-weight:bold;
  font-size:120%;
  color:#696969;
}

.futures .reunion .content {
  font-size:100%;
  color:#696969;
  padding-top: 3px;
}

.ens {
  margin-left:10%;
  font-size:100%;
  color:#333333;
  padding-top: 3px;
}

.ens .date {
  font-weight:bold;
  font-size:100%;
  color:#8092AD;
}

.next .reunion .date {
  font-weight:bold;
  font-size:150%;
  color:#000000;
}

.next .reunion .content {
  font-size:130%;
  color:#696969;
  padding-top: 5px;
}

.next h4 {
  font-size: 120%;
  color: #CD5C5C;
}

.past .reunion {
  padding-bottom: 6px;
}

.past .reunion .date {
  font-weight:bold;
  font-size:100%;
  color:#696969;
}

.past .reunion .content {
  font-size:80%;
  color:#696969;
  padding-top: 3px;
}

.title {
  text-decoration: underline;
}

.document {
  padding-left:20px;
  padding-bottom:10px;
 }

.document a:link, .document a:visited, .document a:hover {
  padding-left:4px;
  padding-right:4px;
  color:#CD5C5C;
 }

.important {
  font-weight: bold;
  color: #525252;
}

.standoutbox {
  border : 1px solid #CD5C5C;
  padding : 5px;
}

.standoutbox .titlebox {
  font-weight: bold;
  font-size: 14pt;
  color: #CD5C5C;
}
}

.standout {
  font-weight: bold;
  color: #CD5C5C;
}



.parcours {
  font-weight:bold;
  color:#000000;
}

.parcourscontent {
  width:60%;
}

.adresses {
  width:75%;
  position:relative;
  left:28%;
}

.contacth2 {
  width: 30%;
  position: relative;
  left: 8%;
}

.addressblock {
  float: left;
}
.emailblock {
  font-size: 120%;
  font-weight: bold;
}
.addloc {
  margin-bottom: 1em;
  font-size: 90%;
  font-weight: bold;
}
.addtype {
  margin-bottom: 1em;
  /*font-size: 80%;*/
  font-weight: bold;
}
.addcontent {
}

.email {
   float:right;
}

h1 {
  font-variant: small-caps;
  font-size: 2em;
  width:98%;
  color: #333333;
  text-align: left;
  letter-spacing: 2px;
  border-bottom: 4px solid #696969;
}

h2, h3 {
  font-variant: small-caps;
  font-size: 1.6em;
  /*width: 15%; */
  position: relative;
  color: #333333;
  text-decoration: underline;
  /*border-bottom: 1px solid #B0C4DE;*/
}


h4 {
  font-variant: small-caps;
  font-size: 1.2em;
  color: #333333;
  text-decoration: underline;
}

p {
  color: #333333;
}

li {
  color: #333333;
  list-style-type: square;
}

a {
    color:#333333;
    font-size:100%;
    text-decoration:none;
    font-weight:bold;
}

a:link {color:#525252;}
a:visited {color:#525252;}
a:hover {
    color:#90A2BC;
}

acronym {
  cursor: help;
}