/*
Feuille de style website res
*/

sup { font-size:.83em; vertical-align:baseline ; position:relative; bottom:0.4em; }
sub { font-size:.83em; vertical-align:baseline ; position:relative; top:0.4em; }

/* subscript & superscript simult. */
.supsub {
    display: inline-block;
}
.supsub sup,
.supsub sub {
    position: relative;
    display: block;
    font-size: .7em;
    line-height: 1.0;
}
.supsub sub {
    top: 0.6em;
}
.supsub sup {
    bottom: -0.3em;
}

/* span without line break */
.nobrk { display:inline-block; white_space:nowrap; }

/* le truc de sioux pour feinter les indiens ! */
.backwards { unicode-bidi:bidi-override; direction: rtl; }

/* général */
body {
  font-family: "Helvetica", sans-serif;
  font-size:12pt;
}

/* le fond de la barre de titre */
/* (si, si, fond blanc pour que la page ne scrolle pas derrière !!!) */
div#headerbkgid {
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  background-color:#fff;
  z-index:150;
}

/* la barre de titre  */
div#headerid {
  margin:10px 10px 2px 10px;
  padding:0px;
  color:#fffff3;
  background-color:#627dbd;
  font-size:300%;
  font-weight:bolder;
  text-align:center;
  min-width:600px;
  z-index:190;
  border-radius:15px;
  box-shadow: 2px 2px  5px #000;
   -moz-box-shadow: 2px 2px  5px #000; /* Firefox */
   -webkit-box-shadow: 2px 2px  5px #000; /* Safari et Chrome */
   -khtml-box-shadow: 2px 2px  5px #000; /* Konqueror */
}

/* la barre de menu */
.mmenu {
  font-size:13pt;
  color:#fff;
  padding:0px 10px 6px 10px;
  line-height:22pt;
}

/* style des sous menus */
div.submenu {
  position:absolute;
  display:none;
  color:#fff;
  text-decoration:none;
  background-color:#627dbd;
  text-align:left;
  font-family: "Helvetica", sans-serif;
  font-size:12pt;
  font-weight:normal;
  padding:4px 12px 8px 12px;
  line-height:18pt;
  z-index:92;
  border-radius:15px;
  box-shadow: 4px 4px  15px #000;
   -moz-box-shadow: 4px 4px 15px #000; /* Firefox */
   -webkit-box-shadow: 4px 4px 15px #000; /* Safari et Chrome */
   -khtml-box-shadow: 4px 4px 15px #000; /* Konqueror */
  opacity:0.93; -moz-opacity:0.93; filter: alpha(opacity=93);
}

/* le splash */
#idsplash {
/*  position:absolute; */
  position:fixed;
  left:0px;
  top:130px;
  z-index:-1;
}

/* le titre de page  */
div#idpagetit {
  text-align:center;
  font-weight:bolder;
  font-size:17pt;
}

a.menusel { color:#ff0; }
a.menu { text-decoration:none; }
/* a.menu:visited { color:#ffff33; } */
a.menu:hover   { color:#000077; }

.menu { color:#dfd; }

div#idcontent {
  margin-top:195px;
  padding:16px 32px 32px 32px;
  width:95%;
  min-width:600px;
}

div#idcontentpublis {
  padding: 0px 32px 32px 32px;
  width: 95%;
  min-width: 600px;
  font-size:12pt;
}

div#idimgsdiv {
  position: fixed;
  left:5%;
  top:200px;
  width:90%;
  height:80%;
  z-index:-3;
}

div#divdateid {
  text-align:right;
  font-size:smaller;
  color:#aaa;
}

.resint { font-style:italic; }

.fs6 { font-size:20pt; font-weight:bold; }
.fs5 { font-size:16pt; }
.fs4 { font-size:14pt; }
.fs3 { font-size:12pt; }
.fs2 { font-size:10pt; }

.colw { color:#fff }
.colb { color:#000 }

.tac { text-align:center; }
.taj { text-align:justify; }

.vat { vertical-align:top; }

.pad8 { padding:8px; }
.pad16 { padding:16px; }

.notxdec { text-decoration:none; }

.membt { margin-top:48px; }

li.ref { line-height:16pt; }
td.ref { line-height:16pt; }
div.abstract {
   background-color:#e0e0ff;
   padding:5px 10px 5px 10px;
   text-align:justify;
   line-height:14pt;
}

.bkimg {
   position:absolute;
   z-index:-2;
   border:none;
   border-radius:15px;
   -moz-border-radius:15px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
}

.rndimg {
   border:none;
   border-radius:15px;
   -moz-border-radius:15px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
}

.brd15 {
   border-radius:15px;
   -moz-border-radius:15px;
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
}
.brd12 {
   border-radius:12px;
   -moz-border-radius:12px;
   -webkit-border-radius: 12px;
   -khtml-border-radius: 12px;
}
.linum { text-align:right; padding:1px 4px 1px 8px; }
.boxsh3 {
   margin-right: 2px;
   box-shadow: 2px 2px  5px #000; /* Opera 10.5+, norme CSS3 */
   -moz-box-shadow: 2px 2px  5px #000; /* Firefox */
   -webkit-box-shadow: 2px 2px  5px #000; /* Safari et Chrome */
   -khtml-box-shadow: 2px 2px  5px #000; /* Konqueror */

  /* Appel du script htc pour la compatibilité avec Internet Explorer */
/*  behavior: url(ie-css3.htc); */
}