body {
  background: #000000;

  color: white;
  
  margin: 0 0 0 0;
  padding: 0 0 0 0;
    scrollbar-3dlight-color : #000000;
    scrollbar-arrow-color : #000000;
    scrollbar-base-color : #000000;
    scrollbar-darkshadow-color : #000000;
    scrollbar-face-color : #000000;
    scrollbar-highlight-color : #7f7b88;
    scrollbar-shadow-color : #7f7b88;
    scrollbar-track-color : #000000;
  font-family: "Helvetica", sans-serif;
  font-size:11pt;
}

/* default */

a, a:hover, a:focus {
  color:  #f2c87b;
  border-style: none none none none;
  text-decoration: none;
}

p {
  text-align:justify;
}

div.hr {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-top:solid;
  border-bottom:none;
  border-top-width:1px;
  border-color:#aaaaaa;
}

h2 {
  font-size:160%;
  color: #f2c87b;
  font-weight:bold;
  margin-top:0;
}

li {
  margin-bottom:0.15em;
}

/* center the main page */
#page {
  text-align:left;
  margin: 0 0 0 -400px;
  left:50%;
  padding-top:3px;
  padding-bottom:3px;
  width: 800px;
  position:relative;
}


#main , #header , #footer {
    text-align: left;
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color:#253023;
    position:relative;
}

#header {
    margin-bottom: 5px;
    height:auto;
    padding: 3px 2px 2px 3px ;
}

#main {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px 10px 0px 10px;
}

#footer {
    margin-top: 5px;
    margin-bottom: 1px;
    font-size:80%;
    padding: 10px 10px 5px 10px;
}


/* header elements */

#header h1 { /* titre de la page */
  position:relative;
  text-align:right;
  margin:20px 20px 10px 20px;
  font-size:20pt;
  font-weight:900;
}

#header h2 { 
  position:relative;
  text-align:right;
  margin:10px 20px 10px 20px;
  font-size:18pt;
  font-weight:600;
}

.logo { /* picture / logo of the page */
  position:relative;
  float:left;
  margin: 0 0 0 0;
}

/* frame */

.frame  , .boximg  { /* conteneur for the frames */
    text-align: left;
    padding: 10px 20px 10px 20px;
    margin-top:20px;
    margin-bottom:20px;
    background-color:#40553d;
    position:relative;
}
.frame h2 { /* title of the frame*/
  font-size:150%;
  color: #f2c87b;
  font-weight:bold;
  margin-top:0;
  margin-left:-10px;
}
.begin_frame , .begin_main{
  /* -top  ;  right-20  ;  bottom-20  ;  -left */
  position:relative;
  top : -10px;
  margin: 0 -10px -10px -20px; 
  padding:0 0 0 0;
  width:20px;
  height:20px;
  background-image: url("images/corner_tl.gif");
}
.end_frame , .end_main {
  /* top-20  ;  -right ;  -bottom  ;  right */
  position:relative;
  bottom: -10px;
  margin: -10px -20px 0px 20px;
  padding:0 0 0 0;
  width:100%;
  height:20px;
  background-image: url("images/corner_br.gif");
  background-repeat:no-repeat;
  background-position: bottom right;
}

/* specialisation of  the class begin_frame and end_frame for each padding configuration */
#header .begin_frame { /* from a padding of : 3 2 2 3 */
  top : -3px;
  margin: 0px -18px -18px -3px;
}
#header .end_frame { /* from padding: 3 2 2 3 */
  bottom: -2px;
  margin: -18px -2px 0px 2px;
}

.begin_main { /* from padding: 10 10 10 10 */
  top : 0px;
  margin: 0px -10px -20px -10px;
}
.end_main { /* from padding: 10 10 10 10 */
  bottom: 0px;
  margin: -20px -10px 0 10px;
}

#footer .begin_frame { /* from padding: 10 10 5 10 */
  top : -10px;
  margin: 0px -10px -15px -10px;
}
#footer .end_frame { /* from padding: 10 10 5 10 */
  bottom:-5px;
  margin: -10px -10px 0 10px;
}

/* top elements */

a.top {
  font-size: 95%;
  text-align:right;
  display:block;
  margin-bottom:5px;
}

/* image */

.boximg {
  text-align:center;
  padding: 10px 20px 10px 20px;
  margin: 20px auto 20px auto;
  background-color:#5a7856;
  position:relative;
}

.boximg img {
  margin-left: auto;
  margin-right: auto;
  border: none;
}

.boximg p {
  width: auto;
  text-align:justify;
  background-color:#40553d;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 5px 5px 5px;
}

.boximg .begin_frame { /* from padding: 10 10 5 10 */
  top:-10px;
  margin: 0px -20px -10px -20px;
  width:100%;
  background-repeat : no-repeat;
}
.boximg .end_frame { /* from padding: 10 10 5 10 */
  bottom:-10px;
  margin: 0px -20px 0 20px;
}


/* presentation */

#presentation img.me {
  border-bottom: 10px solid #5a7856;
  border-top: 5px solid #5a7856;
  border-left: 5px solid #5a7856;
  border-right: 5px solid #5a7856;
  margin-top: 30px;
  margin-left: 10px;
  margin-bottom: 2em;
  margin-right: auto;
  display:block;
}


#address {
    background-color:#5a7856;
    padding:20px 10px 10px 10px;
    margin:10px 10px 10px 10px;
    position:relative; /* avoid a pb with IE ! */
    float:right;
    text-align: left;
    display:block;
    width: 24em;
}

#address dt {
  font-weight:900;
  display:block;
  float:left;
}

#address dd {
  margin: 0 0 10px 6em;
}

#cv dt {
  font-weight:900;
}
#cv dd {
  margin: 0 0 10px 3em;
}

/* menu */

.menu {
  border-top: 1px solid #5a7856;
  border-bottom: 1px solid #5a7856;
  margin: -1px 0 0 0;
  padding: 0px 2em 0px 2em;
  text-align:left;
  height: 1.65em;
  
  clear:both;
  
  font-family: "Helvetica", sans-serif;
  font-weight:bold;
  font-size:105%;
}

.menu span.access{
  display:none;
}

.menu li {
  display:inline;
  float:left;
  padding : 0 0 0 0;
  margin: 0 0 0 0;
  color:white;
  height: 1.5em;
}

.menu li.locked , .menu a {
  float:left;
  height: 1.5em;
  padding : 2px 1.2em 0 1.2em;
}

.menu li.locked , .menu li:hover , .menu a:hover , .menu a:focus  {
  background-color:#5a7856;
  color:white;
}



/* publications */

p.authors, p.book, p.publi_items {
  margin-bottom:0.5em;
  margin-top:0;
  text-align:center;
}

p.authors {
  font-size:115%;
}

p.book {
  font-size:110%;
}

p.publi_items {
}

p.publi_items a {
  margin-right:1em;
}

p.abstract {
  margin-top:0;
}
h3.abstract {
  font-size:110%;
  font-style:bold;
  margin-bottom:0;
  padding-bottom:0;
}

.publi img {
  display:block;
  float:left;
  margin-right:0.5em;
  margin-bottom:1.2em;
}

.publi img {
  border: 2px solid white;
}

.publi a img {
  border: 2px solid #f2c87b;
}

.publi li.teasered {
  margin-bottom:1.4em;
  list-style-type:none;
  margin-left:-1.2em;
}

.publi {
  margin-left:2em;
  padding-left:0;
  clear:both;
}
.publi li {
  margin-top:0.5em;
  margin-bottom:1.2em;
  clear:both;
}

.publi .authors {
  font-style:normal;
  display: block;
}
.publi .book{ /* book name, conf name, journal ... */
  font-style:normal;
}
.publi .note{ /* additionnal information on the publication (e.g. to appear, submited as .... ) */
  font-style:oblique;
}
.publi h2 { /* titre */
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size:110%;
  color:white;
}

.publi h2.nice { /* titre */
  font-size:120%;
}

#extrem {
  float:left;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
  position:relative;
  width:50px;
}

#extrem img {
  width: 41px;
  height: 38px;
  border: none;
  margin:0 0 0 0;
  padding : 0 0 0 0;
}