body {
  background: #474543;

  color: #eeeeee;

  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: "Verdana", sans-serif;
  font-size:11px;
}

/* default */

a, a:hover, a:focus {
  color:  #ff6504;
  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:#000000;
}

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

li {
  margin-bottom:0.15em;
}

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


#main , #header , #footer {
    text-align: left;
    padding: 0px 0px 0px 0px; 
	margin: 0 0 0 0;
    background-color:#1c1c1c;
    position:relative;
}

#header {
    margin-top: 0px;
    height:auto;
}

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


/* header elements */

#header h1 { /* titre de la page */
  position:relative;
  text-align:right;
  padding: 10px 20px 5px 10px;
  margin: 0px 0px 0px 0px;
  font-size:18px;
}

#header h2 {
  position:relative;
  text-align:right;
  margin: 0px 0px 0px 0px;
  padding: 5px 20px 10px 10px;
  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 10px 10px 10px;
    margin: 7px 7px 7px 7px;
    background-color:#3a3a3a;
    position:relative;
}
.frame h2 { /* title of the frame*/
  font-size:150%;
  color: #ff6504;
  font-weight:bold;
  margin: 0px 0 20px 0;
  padding: 0 0 0 0;
}

.begin_frame , .begin_main{
  position:relative;
  margin: 0px 0px 0px 0px;
  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;
}
#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:0 0 0 0 ;
}

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

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

.boximg p {
  width: auto;
  text-align:justify;
  background-color:#3a3a3a;
  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 {
  margin: 10px 30px 10px 30px;
  display:block;
}


#address {
    background-color:#2e2e2e;
    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: 20em;
}

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

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

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

/* menu */

.menu {
  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:#000000;
  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:normal;
  margin-bottom:0;
  padding-bottom:0;
}

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

.publi img {
  border: 1px solid #eeeeee;
}

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

.publi li.teasered {
  list-style-type:none;
  margin-bottom:2px;
  height: 99px
}

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

.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:#eeeeee;

}

.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;
}