/* css de la partie via ferrata  */
/* C'est ça qui fixe le container gauche en haut de page!  */
html, body   {  margin: 0;
              height: 100%;
              overflow: auto;  }
              
#contenu {  height: 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;}

.attention { text-indent: 0% ;
           width: 95%;
           color: #436d97;
           font-size: 130%;
           font-weight:bold;   }
           
.prisme  {  position: static;
            float: right;
            margin-right: 3em;      }
                
/* 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%;}


/* news */
.news   {    position: static;
             height: 250px;
             overflow:auto;       }
             
.news     { background:#bbbbbb;    /* 999999 */
           text-indent: 0% ;
           width: 90%;
           color: #222222;
           font-size: 90%;
           text-align:center;}
.news      a{  text-decoration:none;}

/* Avis prisme */
.avis          {  width: 43%;}
.aviscenter  {  color: #f17b70;}

/* interventions */
.commentaires {position: static;
             height: 200px;
             overflow:auto;        }
             
.commentaires  { background:#91abc2;     /* 4 01 08 */
           text-indent: 0% ;
           width: 90%;
           color: #222222;
           font-size: 90%;
           text-align:center;}
.commentaire_center { background:#efefef;
           text-indent: 0% ;
           width: 90%;
           color: #222222;
           border:solid 1px #95aabc;
           text-align:center; }
.ligne-clair { background:#f8f8f8;
           text-indent: 0% ;
           width: 90%;
           color: #222222;
           border:solid 1px #91ABC2;
           font-size: 90%;
           text-align:left; }
.ligne-fonce  { background:#efefef;
           text-indent: 0% ;
           width: 90%;
           color: #222222;
           border:solid 1px #91ABC2;
           font-size: 90%;
           text-align:left;}
.ligne-clair  a:hover {text-decoration:underline ;}
.ligne-fonce  a:hover {text-decoration:underline ;}


.ligne-fonce   a{  text-decoration:none;
              font-style: italic;  }
.ligne-clair  a{  text-decoration:none;
              font-style: italic;  }
.left   {  text-align:left;}

/* forum */

 .forum-center { background:#cad2d9;
           text-indent: 0% ;
           width: 90%;
           color: #222222;
           border:solid 1px #91ABC2;
           text-align:center;    }

.forum   {  background:#91abc2;
            height: 200px;
            width: 90%;
            overflow:auto;
            text-align:center;      }

/* Photos internautes */
.photos    { position: static;
           background:#999999;
           text-indent: 0% ;
           width: 90%;
           color: #222222;
           font-size: 90%;
           text-align:center;
           color: #222222 ;
           border-color: white ; }


/* couleurs liens */
.couleurliens1 a:link { color: #f9f4e2;  }
.couleurliens1 a:visited  { color:#eada9d;   }
.couleurliens1 a:focus, a:hover, a:active   { background: #dddddd;  color:#f9f4e2;   }

.couleurliens2 a:link { color: #444444;  }
.couleurliens2 a:focus, #contenu a:hover  {  color:#222222; }

.avis a:visited,  .commentaires a:visited, .forum a:visited {color:#999999;}
.news a:visited   {color:#666666;}

a.langue:focus, a.langue:hover {   background-color:#000000; color:#ffffff; }   /*  ICI  MARCHE   */

/* a.clair:link    { color: #FFFFCC;}
a.clair:visited { color: #969696;}
a.clair:focus {background-color: #f1e4b5;
    		color:#222222; }
a.clair:hover {background-color: #f1e4b5;
    		color: #222222;   }
a.clair:active {background-color: #f1e4b5;
    		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 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%;}