@charset "iso-8859-1";

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


background-color : #F8F8FF;/* 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 : 23px;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
color : red;
}

h2.soustitre01 {
font-size: 17px;
/*
text-align: center;
*/
color : #191970;
/*
margin:0;
position: relative;
*/
top: -0.9em;
}
h2.lettrinecadre:first-letter { 
font-size : 23px;
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
color : red;
/* ..... */

background-color:  #CC6699; /* couleur fond lettrine */
/*
border: 2px outset #990033; /* encadrement lettrine */

color: #CCCCCC;
padding: 0.1em;
margin-right: 2px;
float: left;
line-height: 1em;
font-size: 1em; /* Définition 1ere lettre */

}
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 */
/*
  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("images/bleu02transp.jpg");/* 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: -20px;*/

  }
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("images/bleu02transp.jpg");/* image de fonds */
  font-size: 2em;
  color : #006633;
  padding-top: 5px; 
/*
  padding-bottom: 10px; 
/*
  margin:0;
  position: relative;

  top: -0.9em;
  */
  }
  
#titre { /* style des en-tête et en-pied */
/*
  background-image: url("images/bleu02transp.jpg");/* image de fonds */
  background-color: #F8F8FF;
/*  
  background-image: url("../images/dessin_koi_comic_01a.gif");/* image de fonds */
/*
  background-repeat: no-repeat;
  */

  border-bottom: 2px groove #DCDCDC; /* style de l'encadrement bas */
  padding-top: 1px;
/*   
  padding-bottom: 0.5%; /* sous la bordure tete */
 
  padding-bottom: 1px; /* 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("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("../../gif/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 { 
display: none;
} /* définition de la balise <span> inclue dans <a> */
/*
li a:hover span { /* définition de la balise <span> au survol */
/*
display: inline;
position: absolute;
/*
top: 200px; 
background: no-repeat;
margin-left: 50%;

width: 200px;
height: 200px;
/*
background: #008000;
*/
/*
text-align: center;
color: #ffffff; 
} /* positions et dimensions du calque, que vous pouvez changer à loisir */
/* *** Décalage lien *** */
.decal01 {
padding-left: 9%;
}
.decal02 {
padding-left: 14%;
}

p {
font-size: 14px; 
font-family : Times New Roman, Verdana, Arial, Helvetica, Geneva, sans-serif;
/*
color :#0000FF;
*/
font-weight: bold;
/*
margin:0;
position: relative;
top: -0.5em;
line-height:  99%;
*/
text-align: justify;

}
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.italic { 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif, Times New Roman;
font-size: 14px ;
color: #669900 ;
font-style: italic ;
font-weight: bold;
/*
background-color : #FFFFFF ;
*/
}

p.marge {
font-family :  "Times New Roman",Arial,Verdana,  Helvetica, Geneva, sans-serif;
font-size: 14px;
padding-left: 2%;
padding-right: 2%;
text-align: justify;
}

p.lettrinecadre:first-letter { 
font-family :  Arial,Verdana,  Helvetica, Geneva, sans-serif;
font-size: 12px;
text-align: justify;
/* ..... */

background-color:  #CC6699; /* couleur fond lettrine */
/*
border: 2px outset #990033; /* encadrement lettrine */

color: #CCCCCC;
padding: 0.1em;
margin-right: 2px;
float: left;
line-height: 1em;
font-size: 2em; /* Définition 1ere lettre */

}
/*......*/

p.lettrineitalic:first-letter { /* 1ere lettre Italic */

/*
font-family :  "Times New Roman",Arial,Verdana, Times New Roman, Helvetica, Geneva, sans-serif;
font-size: 11px;
text-align: justify;
/*.....*/
/*
font-family:  "Times New Roman", Times, serif; */
/*
color: #FF0000;
*/
font-style: italic;
margin-right: 3px;
float: left;
font-size: 1.5em; /* Définition 1ere lettre */

}
/*......*/

p.tnrblue16 {
font-family :  Times New Roman,Arial,Verdana,  Helvetica, Geneva, sans-serif;
font-size: 16px;
color : #0000FF; 
padding-left: 2%;
padding-right: 2%;
text-align: justify;
}

p.texteblack {
font-family :  Arial,Verdana, Times New Roman, Helvetica, Geneva, sans-serif;
font-size: 14px;
color : #000000;
/* 
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: 0% 22% 20% 22%;
   /* 0% marge top, 22% marge droite (colonne droite), 20% marge du bas, 22% marge gauche (colonne gauche)*/
/*
   border-left: 0px solid #999999; /* bordure gauche */
/*
   border-right: 0px solid #999999; /* bordure droite */
/*   
   padding-top: 2px; /* marge intérieure - indispensable */
   padding-top: 1px; /* 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: 1px; /* 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;/* couleur de fonds */
/*
background-image: url("../images/pagode_01b_kermite.gif");/* image de fonds */
/*
background-repeat: no-repeat;/* image de fonds */

/*
position:absolute;
width:60%; */
height:auto;
overflow: auto;

text-align: justify; /* aligenement texte */
/*
left: 28%;
top: 25%;
*/
}

.cadretexte { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 0% 10% 55% 27%;
   /* 0% marge top, 10% marge droite (colonne droite), 55% marge du bas, 27% marge gauche (colonne gauche)*/
/*
   border-left: 0px solid #999999; /* bordure gauche */
/*
   border-right: 0px solid #999999; /* bordure droite */
   
   padding-top: 2px; /* 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 */
}

.cadretexterepro { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 1% 5% 27% 27%;
   /* 1% marge top, 5% marge droite (colonne droite), 10% marge du bas, 27% marge gauche (colonne gauche)*/
/*
   border-left: 0px solid #999999; /* bordure gauche */
/*
   border-right: 0px solid #999999; /* bordure droite */
  
   padding-top: 5px; /* 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 */
}

.cadretextvisio { /* boite qui "pousse" vers le bas le reste de la page */
   margin: 0% 5% 55% 27%;
   /* 1% marge top, 5% marge droite (colonne droite), 10% marge du bas, 27% marge gauche (colonne gauche)*/
   overflow: auto;
   padding-top: 1px; /* marge intérieure - indispensable */
   padding-bottom: 10px; /* marge intérieure - indispensable */
/*
   border: 2px groove #00CC66 ;/* Cadre texte et photo */
/*
   background-image: url("../images/acindstr.gif"); /* image du fond */
	text-align: center ;
}
.gauche {
  float: left;
  } 
.doite {
  float: right;
  margin-left: 2%;
  } 
    
.bordercolorgreen {

background-color:#FFF9EE;/* couleur de fonds */
border: 2px groove #00CC66 ;/* bordure */
/*
border-style: groove ;
border-width: thick ;
border-color: #00CC66 ;
*/
padding: 2px ;
}
  
.bordercolor {

background-color:#FFF9EE;/* couleur de fonds */

border: 1px groove #CC3300 ;/* bordure */
/*
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 */
}