@charset "iso-8859-1";

body {margin: 0; padding: 0; background: fixed;
/*
 background-image: url("albumkoi/images/taoteking2.jpg") ; /* couleur de fond */

background-color : #F5F5F5;/* couleur de fond */
 } /* marges intérieures et extérieures */
 
td {
font-size : 100%;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #ffff00;
/*
background-color : black;
*/
}

h1 {
font-size : 25px;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #10996C;
text-align: center;
}
h1#soustitre {
font-size : 20px;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #6633ff;
text-align: center;
}
 
h2 {
font-size : 18px;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
color: #00007c;
}
h3 {
font-size: 1.2em;
text-align: center;
color : #000099;
margin:0;
position: relative;
top: -1.2em;
}
h3.texttitre {
font-size: 1.1em;
text-align: center;
color : #6666CC;
margin:0;
position: relative;
top: -0.9em;
}
h3.titremenu {
font-size: 1.2em;
text-align: left;
padding-left: 5%;
color : #4682B4;
margin:0;
/*
position: relative;
*/
top: 0;
}
h3.textmenu {
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 16px;
text-align: left;
padding-left: 5%;
color :#DC143C;
background-color : #ffffff;
margin:0;
/*
position: relative;
*/
top: 0;
border: 1px solid #808080;
}
h3.textlienutile {
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 16px;
text-align: left;
padding-left: 5%;
color :#4682B4;
background-color : #ffffff;
margin:0;
/*
position: relative;
*/
top: 0;
border: 1px solid #808080;
}
h3.soustextmenu {
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 14px;
text-align: left;
padding-left: 12%;
color :#00ced1;
background-color : #F5FFFA;
margin:0;
/*
position: relative;
*/
top: 0;
border: 1px solid #808080;
}

h4 { /* style des en-tête et en-pied */
/*
  font-size: 25px; /* taille de la police */
  margin: 0; /* pas de marge : colle aux bords de l'écran */
  border-top: 0px solid #999999; /* style de l'encadrement haut */
  border-bottom: 0px groove #33CC00; /* style de l'encadrement bas */
}
h4#tete {
/*
  background-color: #CCFFFF; /* couleur de fonds */
background-color: #b0c4de;
  text-align:center ; /* le texte est centré */
  border-bottom: 4px groove #33CC00; /* style de l'encadrement bas */

  background-image: url("Image/essais_img03.gif") ;/* image de fonds */
  background-repeat: no-repeat;/* image de fonds */
/*
  background-image: url("albumkoi/images/bleu02transp.jpg");/* image de fonds */

/*  
  font-size: 2em; /* taille police */
/*
  color : #006633; 
*/  
  padding-top: 18px; 
  padding-bottom: 25px; /* sous la bordure tete */

  margin:0;
  position: relative;
  top: 0px;
  }
h4#pied {
/*
  background-color: #f0fffe; /* couleur de fonds */
  text-align:center ; /* le texte est centré */
/*  
  margin-top:20%;
  */
  /*
  border-top: 2px solid powderblue; /* style de l'encadrement bas */
  /*
  background-image: url("albumkoi/images/bleu02transp.jpg");/* image de fonds */
  font-size: 2em;
  color : #006633;
  padding-top: 0px; 

  padding-bottom: 10px; 
  margin:0;
  position: relative;

  top: -0.9em;
  }
  
#titre { /* style des en-tête et en-pied */
/*
  font-size: 25px; /* taille de la police */
  margin: 0; /* pas de marge : colle aux bords de l'écran */
  border-top: 0px solid #999999; /* style de l'encadrement haut */
  border-bottom: 0px groove #33CC00; /* style de l'encadrement bas */
/*
  background-color: #CCFFFF; /* couleur de fonds */
  text-align:center ; /* le texte est centré */
/*
  border-bottom: 4px groove #33CC00; /* style de l'encadrement bas */
/*
  background-image: url("albumkoi/images/bleu02transp.jpg");/* image de fonds */

/*
  background-image: url("Image/essais_img03.gif") ;/* image de fonds */
/*
  background-repeat: no-repeat;/* image de fonds */
/*  
  font-size: 2em; /* taille police */
  color : #006633;
  padding-top: 0px; 
  padding-bottom: 0px; /* sous la bordure tete */
/*
  margin:0; */
  position: relative;
  top: 0px;
  left: 0px;
  }
#pied {
/*
  background-color: #f0fffe; /* couleur de fonds */
  text-align:center ; /* le texte est centré */
/*  
  margin-top:20%;
  */
  /*
  border-top: 2px solid powderblue; /* style de l'encadrement bas */
  /*
  background-image: url("albumkoi/images/bleu02transp.jpg");/* image de fonds */

  font-size: 15px;
  color : #006633;
  padding-top: 5px; 

  padding-bottom: 10px; 

  margin:0;
  position: relative;

  top: -0.9em;
  }   
     
ul, li {
margin:0;
padding:0;
list-style:none;
/*
font-weight: bold;
*/
/*
position: relative;
*/
top: 0;
font-size: 11px;
/* 
font-family : Times New Roman, Arial,  Verdana,  Helvetica, Geneva, sans-serif;
*/
font-family : Verdana, sans-serif;

}

li {
text-align: left;
padding-left: 8%;
background-image: url("Image/chip_left_menu.gif");
background-repeat: no-repeat;
background-position: 0.1em;
line-height: 16px;
border: 1px solid #808080;
background-color :#FEFFEA;
}
li a {
color: #000000;
text-decoration: none;
}
li a:hover {
color: #FF0000;
background-color: #b0e0e6; /* couleur de fond texte au survol */
}
li a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
li a:hover span { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
/*
top: 200px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
background: no-repeat;
margin-left: 50%;

width: 200px;
height: 200px;
/*
background: #008000;
*/
text-align: center;
color: #ffffff;
}
/* *** Décalage lien *** */

.decal01 {
padding-left: 9%;
}
.decal02 {
padding-left: 14%;
}
/* Fin *** Décalage lien *** */
p {
font-size: 16px; 
font-family : Book Antiqua, Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;;
color :#0000FF;
font-weight: bold;
margin:0;
position: relative;
top: -0.5em;
}
p.normalgreen {
color :#5BB500;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
/*
font-size: 1.1em ;
*/
}
p.SLATEGRAY {
color :#708090;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 1.1em ;
}
p.marge { 
padding-left: 2%;
padding-right: 2%;
text-align: justify;
}

.container { /* boite qui entoure les 3 colonnes */
/*
  background-color: #66FFFF ; /* couleur de fond */
  margin:0 ; padding:0;} /* marges intérieures et extérieures à 0 */

.gauche { /* boite gauche (avec le menu) */
   position: absolute; /* positionné par rapport à la boite parent (ici .container) */
   left: 10px; /* démarre à 10 pixels de la gauche de la boite parent */
   width: 21%; /* largeur de la boite */
   /*
   margin-top: 5%;
   */
	 /*
   background-color: #F5F5F5;/* couleur du fond */

  /*
   border:dashed 1px #ffa500; /* encadrement discret de la boite */
  /* 
   background-image: url("images/colgauche_n02.jpg");
   */
   }
.centre { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 5% 24% 30% 24%;
   /* 5% marge top, 24% marge droite (colonne droite), 30% marge du bas, 24% marge gauche (colonne gauche)*/
/*
   border-left: 0px solid #999999; /* bordure gauche */
/*
   border-right: 0px solid #999999; /* bordure droite */
   
   padding-top: 10px; /* marge intérieure - indispensable */
   padding-bottom: 50px; /* marge intérieure - indispensable */
/*
   background-image: url("Acindstr.gif"); /* image du fond */
/*
   background-color: #f0f8ff; /* couleur du fond */
}

.droite { /* boite droite (avec le commentaire) */
  position: absolute; /* positionné par rapport à la boite parent (ici .container) */
  right: 5px; /* démarre à 5 pixels de la droite de la boite parent */
  width: 21%; ; /* largeur de la boite */
	/*
  border-left:solid 1px #CC3300; /* encadrement discret de la boite */
/*	
  background-color: #F5F5F5;/* couleur du fond */
 }

.cadreimage {
background-color:#FFF9EE;
/*
position:absolute;
width:60%;
height:auto;
*/
overflow: auto;
text-align: justify;
/*
left: 28%;
top: 25%;
*/
}
  
.bordercolor {
background-color:#FFF9EE;

border-style: groove ;
border-width: thick ;
border-color: #CC3300 ;
/*
padding: 0.5em ; /* espace entre bordure et fond du cadre*/
} 
.bordurefine {
border: 1px solid #d3d3d3 ;
padding: 0.08em;/* retrait intérieur */ 
margin-bottom: 0.1em; /* espace inférieur*/
/*
background-color : #fff; /* couleur de fond */
}