/* mise en page  */

html, body { margin: 0;
             height: 100%;
          /*   width: 100%; */
             overflow: auto; }

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

body {  margin: 0;
        padding: 0; }

.langue {   position: static;
              float: left;}

#cotation {  position:  absolute;
             top: 310px;
             width: 180px;
             left: 0px;    }
             
#cotation table{ color:#504d4a;
                background: #fffacd;
                font-size: 80%;
                border:1px groove;
                width: 100%;  }

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

#contenu td{
    width:30%; }

#contenu table a{ display:block; }

#contenu ol  {list-style-position: inside;}

a img  { border:0px;}

/* couleurs  */
body { font-family: Geneva, Arial, Tahoma, sans-serif; color:#fffacd ;}

#contenu table {color:#585249;}

#contenu table em{color:#fffacd;}
#contenu table strong{color:#fffacd;}

#contenu table {color:#fffacd;}
#pieddepage table {color:#504d4a;}

.titre {background:#f1e4b5;
         border-bottom:2px groove;
        text-align:center; }
        
/* couleurs page viaferrata */
.attention { /*text-indent: 0% ;
             width: 95%;    */
             color: #f17b70;
             font-size: 110%;
             font-weight:bold;   }
             
/* couleurs liens (background foncé > */
/* couleurs index  #contenu a:focus, #contenu a:hover, #contenu a:active  {  background:#ffffff; color:#222222; }  */

#contenu a.clair:link    { color: #FFFFCC;}
#contenu a.clair:visited { color: #969696;}

#contenu a.clair:focus {background: #ffffff;
    		color:#000000; }
#contenu a.clair:hover {background: #ffffff;
    		color: #000000;   }
#contenu a.clair:active {background: #000000;
    		color: #FFFFbb; }



/* 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 table{font-size: 100%;}
#contenu em{font-weight: bold;}
#contenu strong{font-weight: bold;}

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

#menu li a{ font-size: 90%;}

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