/* css de la partie via ferrata  */
/* C'est ça qui fixe le container gauche en haut de page!  */

html, body { margin: 0;
             height: 100%;
          /*   width: 100%; */
             overflow: auto; }
             
.langue {   position: static;
              float: left;}

#contenu img {
    margin-right: 10px;
    float: left;
    padding: 0; }
    
#contenu p  { text-indent: 5% ; }
#contenu ol  {list-style-position: inside;}

#contenu {   margin-left: 2em;
             height: 100%;
             overflow: auto;
           /*  padding: 1em; */ }

.attention { text-indent: 0% ;
           width: 95%;
           color: #436d97;
           font-size: 130%;
           font-weight:bold;   }
           
.prisme  {  position: static;
            float: right;
            margin-right: 2em;      }
/* Font  */
em {font-size: 100%;
   font-style:italic;}

strong {font-size: 115%;
       font-style:italic;}

#contenu {font-size: 90%;
         color:#fffacd;}
#contenu table{font-size: 100%;}
#contenu em{font-weight: bold;}
#contenu strong{font-weight: bold;}

#contenu a{line-height: 150%;}

a.clair:link    { color: #FFFFCC;}
a.clair:visited { color: #969696;}
a.clair:focus {background: #ffffff;
    		color:#000000; }
a.clair:hover {background: #ffffff;
    		color: #000000;   }
a.clair:active {background: #000000;
    		color: #FFFFbb; }

 #entete  { position: absolute;
            text-align: center;
            color:#fffacd; }
    
/* Font  */
em {font-size: 100%;
   font-style:italic;}

strong {font-size: 115%;
       font-style:italic;}

#entete  strong{font-size: 130%;
          font-weight: normal;
          font-style: normal;    }

#contenu {font-size: 90%;}
#contenu em{font-weight: bold;}
#contenu strong{font-weight: bold;}


h1 {font-size: 150%;text-align: center;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 120%;}