/* Generated by KompoZer */
body {
  direction: ltr;
  background-image: url(http://www.gloubik.info/images/vieux-papier.jpg);
  margin-left: 50px;
  margin-right: 50px; /*behavior: url(http://www.gloubik.info/csshover.htc);*/
}
hr {
  width: 100%;
  height: 2px;
  background-image: url(http://www.gloubik.info/images/linebluegreen2.jpg);
  background-position: center;
  background-repeat: no-repeat;
}
p {
  text-align: justify;
  text-indent: 20px ;
}
div#entete { position:absolute; top :20px; left : 235px; height: 150px; width: 750px; text-align: center;}
div#left {position:absolute; top :20px; left : 0px; width: 230px; text-align: center;}
div#corps-de-page {position:absolute; top :270px; left : 235px; width: 770px; }
div#pied-de-page { position:absolute; top :20px; left : 235px; width: 770px; text-align: center;}
div#navigation  {background : url(/sciences/squelettes-dist/img/fond-rubrique.jpg);  text-align: center;  width: 190px; margin-left : 20px;}
div#bouton-auteur {background : url(/sciences/squelettes-dist/img/fond-rubrique2.jpg);  text-align: center;  width: 170px; margin-top: 5px; margin-left : 20px;}
.annee {
  border: 0px solid ;
  width: 78px;
  height: 31px;
}
h1 {
  text-align: center;
  font-family: bold,Times New Roman,Times,serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 38px;
  line-height: normal;
}
h2 {
  text-align: right;
  font-family: bold,Times New Roman,Times,serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: normal;
}
h3 {
  text-align: center;
  font-family: bold,Times New Roman,Times,serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: normal;
}
/*----------------MENU-----------------*/
    div#menu {float:left;margin: -10px -30px -30px -30px;z-index:1;}
    div#menu a {color:#000000}
    div#menu ul {padding: 0; width: 210px; border:0px solid; margin:0px; background: transparent}
    /* fond sous menu*/ div#menu li:hover {background: transparent}
    div#menu li.sousmenu:hover {background: url(/cuivre2.jpg);}
    /* flech style bordur */
div#menu li.sousmenu {background: url(/cuivre.jpg) 95% 100% ;}
    div#menu ul li {position:relative; list-style: none; border-bottom:0px solid;}
    /* Bloc 1*/
div#menu ul.niveau1 li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:200px;}
    /* Bloc 2 */
    div#menu ul ul {position: absolute; top: -1px; left: 200px; display:none; width:200px}
    div#menu ul.niveau2 li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:200px;}
    /* Bloc 2 BIS*/
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2bis {display:block; width:200px;}
div#menu ul.niveau2bis li a {width: 200px;}
    /* Bloc 3 */
    div#menu ul ul ul {position: absolute; top: -1px; left: 200px; display:none; width:200px}
    div#menu ul.niveau3 li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #BBB; width:200px;}
    /*block*/
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
    /* couleur bordure*/
div#menu ul li a:hover {border-left-color: #FF6600;}
    div#menu ul ul li a:hover {border-left-color: #009966;}
    div#menu ul ul ul li a:hover {border-left-color: #0000FF;}
    div#menu ul li.menufond {border-bottom:0px;}