/*

Couleur H1, H2 et LI: #C44C51
*/


html {
    height: 100%;
}

body {
/*
  background: #FFFFFF;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0;
*/
margin: 4ex 5ex 2ex 5ex;
/*padding: 1px 3em 2ex 4em;*/
padding: 1px 1px 1px 1px;
background: #e1e1e1;
color: black;
text-align: justify;
font-family: 'Arial Unicode MS',"Deja Vu Sans", Helvetica, sans-serif;
/* "Nimbus Sans L", "Century Schoolbook L",Dingbats, "Deja Vu Sans", 
"Lucida Grande", sans-serif, Helvetica, sans-serif; */
/*Palatino, "Trebuchet MS", Verdana,  Charcoal, Geneva, sans-serif;*/
font-size: normal;
height: 100%;
/* du a manu beffara: 
-moz-border-radius: 1.5em;
-webkit-border-radius: 1.5em;
border-radius: 1.5em;
behavior: url(border-radius.htc);*/
}

div.corps {
/*  background: #FFFFFF;
  margin: 0 0 0 9em;
  border-left: solid 2px #B3C9D7;
  padding: 1ex 1ex 1ex 1ex;
*/
margin: 1ex 1ex 1ex 1ex;
padding: 1px 3em 2ex 4em;
background: #f1f1f1; /* #d1d1d1; #f1f1f1; */
color: black;
text-align: justify;
font-family: inherit; /*sans-serif;*/
min-height: 100%;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
/*-moz-border-radius: 1.5em 1.5em 1.5em 1.5em;
-moz-border-radius: 1.5em;
-webkit-border-radius: 1.5em;
border-radius: 1.5em;
behavior: url(border-radius.htc);*/
}

div.boite {
margin: 1ex 1ex 1ex 1ex;
padding: 1px 3em 2ex 4em;
background: #c1c1c1; /* #f1f1f1; */
color: black;
text-align: justify;
font-family: inherit; /*sans-serif;*/
}

div.etroit {
margin: 1ex 1ex 1ex 8ex;
/*padding: 0 0 0 4ex;
background: #c1c1c1;
color: black;
text-align: justify;
font-family: sans-serif;*/
}



div.navigation {
    /*margin: 1em -20.2% 0 -8.1%;*/
    position: absolute;
    top: 0; right: 3em; width: 100%; height: 4ex;
    padding: 0;/*0.3ex;*/
    text-align: right;
    background-color: #e1e1e1;
/*    text-shadow: 4px 6px 5px #888;*/
    font-family: inherit;
    font-weight: bold;
    font-style: italic;
    font-size: 1.2em;
/*
#8888ee; #ddddee;
color: white;
color: #F11;*/
color: #cc0000;
}

div.navigation span.head {
    display: none;
    /*color: #C60; font-style: italic*/
}

div.navigation a {
/*    font-style: normal;
  text-decoration: none;
*/
    /*color: #FCA; color: #F11;*/
    color: #C44C51;
    text-shadow: 4px 6px 5px #888;
    background: inherit
}

div.navigation a:hover {
    /*font-style: italic;*/
/*    text-decoration:underline;*/
    color: #C44C51;  /*#cc0000; #ddddee;*/
    text-shadow: 4px 6px 5px #C44C51; /* #cc0000;*/ 
    background: inherit
}

div.navigation ul {
 list-style-type: none;
 margin: 0;
 margin-top: 5px;
 padding: 0.5em 1em 0.5em 1em;
}

div.navigation li { 
 display: inline;
/* font: bold italic 1.2em "Trebuchet MS", Verdana, Charcoal, Geneva, "Luxi Sans", sans-serif;*/
 padding: 0 .2em;
}



h1 {
    /*margin: 1em 0 1em -1.5em;*/
  text-align: center;                                                          
    margin: 1em 0 1em .5em;
    font-size: 240%;
    font-family: inherit;
    font-weight: bold;
    font-style: italic;
/*    text-shadow: 4px 4px 5px #AAA; */
        /*color: #048; */
color: #C44C51; /*#cc0000;*/
background: inherit;
}

h2 {
/*  font: bold 192% sans-serif;
  margin: 2ex 0 1ex 0;
*/    margin: 1em 0 1em .5em;
    font-size: 192%;
    font-family: inherit;
    font-weight: bold;
    font-style: italic;
/*    text-shadow: 4px 4px 5px #AAA; */
        /*color: #048; */
color: #C44C51;
background: inherit;
}


/*
div.navigation {
  background-color: #B3C9D7;
  float: left;
  width: 10.6em;
  padding: 2ex 0.3em;
  font-family: sans-serif;
  font-size: 80%;
  position: fixed;
}
*/
div.navigation h1 {
  font-size: 90%;
  margin: 0;
}

div.nb  {
  color=red;
}

ul.arbre, ul.menu {
  padding-left: 0.7em;
  list-style: none;
  margin: 0;
}

ul.arbre a.ici {
  font-weight: bold;
}
table.sommaire {
/*  background: #FFFFFF;
  border: outset 2px #A0A0A0;
  width: auto;*/
  margin: 0 auto;
}
table.sommaire ul {
  padding: 0 1em 0 2em;
  font-family: inherit; /* sans-serif;*/
}
div.resume {
  margin: 1ex 5%;
  font-family: inherit; /* sans-serif;*/
}
a:link {
  text-decoration: none;
  color: #C44C51; /* #0000FF;*/
}
a:visited {
  text-decoration: none;
  color: #C44C51; /* #0000FF;*/
}
a:link:hover, a:visited:hover {
/*  color: #4040FF; */
/*  color: #303030; */
  background: #e8e8e8;
}
a.actuel {
  font-weight: bold;
}

p {
  margin: 0 0 1ex 0;
  text-align: justify;
  text-indent: 2em;
}
p.continue {
  text-indent: 0;
}
p.auteur {
  font-weight:bold;
  text-align:right;
}
p.centre {
  text-align: center;
}
/*
h1 {
  text-align: center;
  font: bold 240% sans-serif;
  margin: 1ex 2em 2ex 2em;
  padding: 0.1ex;
}

h2 {
  font: bold 192% sans-serif;
  margin: 2ex 0 1ex 0;
}
*/
h3 {
  font: bold 144% sans-serif;
  margin: 2ex 0 1ex 0;
}
div.encadre {
  background-color: #B3C9D7;
%  background: #FFFFD0;
  border: solid 2px #C0C040;
  margin: 2.5ex 12%;
  padding: 0 1em;
}
div.attention {
%  background: #FFC0C0;
  background-color: #B3C9D7;
 border: solid 2px #FF0000;
  margin: 3ex 20%;
  padding: 0.5ex 1em;
}
div.attention h1 {
  font-size: 120%;
  margin: 0;
  padding: 0 1em;
}
pre {
%  background: #FFF9BF;
  background-color: #B3C9D7;
  border: solid 1px #E0D8A0;
  margin: 1.5ex 5%;
  padding: 0.5ex;
  text-align: left;
}
div.encadre pre, div.attention pre {
  background: transparent;
  border-style: none;
}
div.ens {
  border-right: solid 16px #C0C0FF;
  margin-right: 2em;
  padding: 1ex 1em 1ex 0;
}
div.metainformation {
%  background: #D0D0D0;
  background-color: #B3C9D7;
  margin: 8ex 0.5em 0 0.5em;
  border: solid 1px #B0B0B0;
  padding: 0.5ex;
  font-size: 80%;
  font-family: inherit; /* sans-serif;*/
}
span.prompt {
  font-weight: bold;
  text-decoration: underline;
}
img.danger {
  vertical-align: -30%;
  padding: 0 0.5em;
  margin: 0;
}
img.ens {
  float: left;
  margin: 0 0.5em 0 0;
  padding: 0;
}
div.illustration {
  text-align: center;
}
table.tableau {
  border: solid 2px #000000;
  border-spacing: 0;
  margin: 2ex auto;
}
table.tableau td, table.tableau th {
  border: solid 1px #000000;
  margin: 0;
  padding: 0.7ex;
}
/*
@media screen {
  body {
%    background-color: #B3C9D7;
    background: #B3C9D7;
  }
  div.navigation {
    background-color: #B3C9D7;
}
  div.corps {
    background: #F8F8F0;
  }
*/
}