@charset "utf-8";
/* CSS Document */



body {background:#000000;

}

div#topmenu {
	position:absolute;
	top:0px;
	left:20px;
	width: 400px;
	height: 135px;
	 }

div#topname {
	position:absolute;
	top:0px;
	left:420px;
	width: 500px;
	height: 135px;
	 }
div#menu {
	position:absolute;
	top:135px;
	left:20px;
	width: 900px;
	height: 60px;
    }

div#frise {
	position:absolute;
	top:195px;
	left:20px;
	width: 900px;
	height: 140px;
	}
	
div#bodytemple {
	position:absolute;
	top:335px;
	left:20px;
	width: 900px;
	height: 100%;
	}

div#leftkolam {
   border: 0px;
   float:left;
   height: auto;
   width: 200px;
   }
div#centerkolam {
   border: 0px;
   float:left;
   height: auto;
   width: 500px;
   }
div#rightkolam {
   border: 0px;
   float:left;
   height: auto;
   width: 200px;
   }
   
div#lefthom {
   border: 0px;
   float:left;
   height: auto;
   width: 220px;
   }
div#centerhom {
   border: 0px;
   float:left;
   height: auto;
   width: 400px;
   }
div#center2 {
   border: 0px;
   float:left;
   height: auto;
   width: 460px;
   }
div#righthom {
   margin-left: 20px;
   float:left;
   height: auto;
   width: 260px;
   }
 
   
div#leftinde {
   border: 0px;
   float:left;
   height: auto;
   width: 330px;
   }
div#rightinde {
   border: 0px;
   float:left;
   height: auto;
   width: 570px;
   } 
   
div#leftinde2 {
   border: 0px;
   float:left;
   height: auto;
   width: 350px;
   }
div#rightinde2 {
   border: 0px;
   float:left;
   height: auto;
   width: 550px;
   } 

div#leftpar {
   border: 0px;
   float:left;
   height: auto;
   width: 260px;
   }
div#centerpar {
   border: 0px;
   float:left;
   height: auto;
   width: 360px;
   }
div#rightpar {
   margin-left: 30px;
   float:left;
   height: auto;
   width: 250px;
   }

div#twoleft {
   border: 0px;
   margin-right: 20px;
   float:left;
   height: auto;
   width: 430px;
   }
div#tworight {
   border: 0px;
   margin-left: 20px;
   float:left;
   height: auto;
   width: 430px;
   } 
div#thinright {
   border: 0px;
   margin-left: 0px;
   float:left;
   height: auto;
   width: 180px;
   } 
   
div#footer {
	position:absolute;
	top:100%;
	left:0px;
	width: 900px;
	height: 60px;
	}	

.floatstop {
	clear:both;
}




.pad1 {
padding-top: 0px;
padding-right: 60px;
padding-bottom: 0;
padding-left: 0px;
}


.Style1  {text-align: justify; font-family: Trebuchet MS; color: #CCCCCC; font-size: 14px; }
.Style2  {text-align: center; font-family: Monotype Corsiva, Tahoma; color:#999999; font-size: 16px;} 
.Style3  {text-align: justify; font-family: Trebuchet MS; color: #CCCCCC; font-size: 16px;}
.Style4  {font-family: Papyrus; color: #FF3300; font-size:16px; font-weight:400; font-style: italic;}
.Style5  {text-align: center; font-family: Trebuchet MS; color: #CCCCCC; font-size: 16px;}
.Style6  {text-align: center; font-family: Trebuchet MS; color: #CCCCCC; font-size: 17px;}
.Style7  {text-align: center; font-family: Papyrus; color: #CC3300; font-size:18px; font-weight:600; font-style: normal;}
.Style8  {text-align: justify; font-family: Trebuchet MS; color: #CCCCCC; font-size: 18px; font-weight:400;}
.Style9  {text-align: left; font-family: Papyrus; color: #CCCCCC; font-size: 20px; font-weight:300;}
.Style10  {text-align: justify; font-family: Papyrus; color: #CCCCCC; font-size: 16px; font-weight:300;}
.Style11  {text-align: left; font-family: Papyrus; color: #CC3300; font-size: 18px; font-weight:300;}
.Style12  {text-align: left; font-family: Papyrus; color: #FF9900; font-size: 16px; font-weight:300;}
.Style13  {text-align: center; font-family: Trebuchet MS; color: #999999; font-size: 14px; font-weight:400;}
.Style14  {text-align: center; font-family: Trebuchet MS; color: #FF9900; font-size: 14px; font-weight:400;}

.Styleref1  {text-align: left; font-family: Trebuchet MS; color: #CCCCCC; font-size: 16px; font-style: normal;}
.Styleref2  {text-align: left; font-family: Trebuchet MS; color: #FF9900; font-size: 16px; font-style: italic;}
.Styleref3  {text-align: left; font-family: Trebuchet MS; color: #CCCCCC; font-size: 12px; font-style: normal;}
.Styleref4  {text-align: center; font-family: Trebuchet MS; color: #CCCCCC; font-size: 10px; font-style: normal;}
.Styleref5  {text-align: center; font-family: Trebuchet MS; color: #CCCCCC; font-size: 16px; font-style: normal; text-decoration: underline; }
.Styleref6  {text-align: left; font-family: Trebuchet MS; font-style: italic; color: #CC3300; font-size: 16px;}
.Styleref7  {text-align: left; font-family: Trebuchet MS; font-style: normal; color: #FF9900; font-size: 14px;}

.Stylev1  {text-align: left; font-family: Trebuchet MS; color: #CC3300; font-size: 16px; font-style: normal; font-weight: 400;}
.Stylev2  {text-align: center; font-family: Trebuchet MS; color: #CC3300; font-size: 18px; font-style: italic; font-weight: 400;}
.Stylev3  {text-align: left; font-family: Trebuchet MS; color: #CCCCCC; font-size: 16px; font-style: normal;}

.titre { text-align: center; font-family: Monotype Corsiva, Tahoma; color:#999999; font-size: 36px;}
.titreinde { text-align: left; font-family: Monotype Corsiva, Tahoma; color:#999999; font-size: 24px;}
.titretop1 { text-align: right; font-family: Garamond; color:#808080; font-size: 48px;}
.titretop2 { text-align: right; font-family: Garamond; color:#999999; font-size: 24px; font-style: italic;}

.topmenu {float:left;   width:392px; }
.toptitre { float:right;   width:498px; text-align:right;}
.anim {float:left;   width:33%; align:center; margin:1em 0;}

.class1 A {text-decoration: none; font-family: Papyrus;font-size: 18px;color: #CC6600;font-weight: bold;}
.class1 A:link {text-decoration: none;}
.class1 A:visited {text-decoration: none; color: #FF9900;}
.class1 A:hover {text-decoration: underline; color: #CC3300;}
.class1 A:active {text-decoration: none; color: #993300;}

.class2 A {text-decoration: none; font-family: Trebuchet MS; font-size: 15px; color: #CCCCCC; font-weight: 500;}
.class2 A:link {text-decoration: none;}
.class2 A:visited {text-decoration: none; color: #666666;}
.class2 A:hover {text-decoration: underline; color: #FFFFFF;}
.class2 A:active {text-decoration: none; color: #CC0000;}

.class3 A {text-decoration: none; color: #FF6600;}
.class3 A:hover {text-decoration: underline; color: #CC3300;}

.classF A {text-decoration: none; font-family: Monotype Corsiva, Tahoma; color: #FF3300;}
.classF A:hover {text-decoration: underline; color: #CC3300;}

.class4 A {text-decoration: underline; font-family: Trebuchet MS; color: #FF3300; font-size:13px; font-weight:400; font-style: italic;}
.class4 A:hover {text-decoration: underline; color: #CC3300;}

.class5 A {text-decoration: none; font-family: Papyrus; color: #CC3300; font-size:16px; font-weight: bold; font-style: italic;}
.class5 A:link {text-decoration: none; font-family: Papyrus; color: #CC3300; font-size:16px; font-weight: bold; font-style: italic;}
.class5 A:hover {text-decoration: underline; color: #CC3333;}

.class6 A {text-align: center; text-decoration: none; font-family: Papyrus; color: #CC6600; font-size:16px; font-weight: bold; font-style: italic;}
.class6 A:link {text-decoration: none; font-family: Papyrus; color: #CC6600; font-size:16px; font-weight: bold; font-style: italic;}
.class6 A:hover {text-decoration: underline; color: #CC3333;}

.class7 A {text-align: center; text-decoration: underline; font-family: Papyrus; color: #CC3300; font-size:16px; font-weight: bold; font-style: italic;}
.class7 A:link {text-decoration: underline; font-family: Papyrus; color: #CC3300; font-size:16px; font-weight: bold; font-style: italic;}
.class7 A:hover {text-decoration: underline; color: #CC6633;}

.class8 A {text-align: center; text-decoration: none; font-family: Trebuchet MS; color: #CC6600; font-size:16px; font-weight: 400; font-style: italic;}
.class8 A:link {text-decoration: none; font-family: Trebuchet MS; color: #CC6600; font-size:16px; font-weight: 400; font-style: italic;}
.class8 A:hover {text-decoration: underline; color: #CC3333;}

.separe {padding-left: 15px; padding-right: 15px; font-family: Arial; font-weight: 400; font-size: 17px; color: #999999;}

/* emulation javascript effet roll-over avec la photo de chantal */
.chantal {
text-decoration: none; /* dfinition 
du lien qui affichera le "calque" */
}  

.chantal :hover {
background: none; /* correction d'un bug IE */
}

.chantal span { /* dfinition de la 
balise <span> incluse dans <a> */
display: none;
}

.chantal:hover span { /* dfinition de 
la balise <span> au survol */
display: inline;

/* positions et dimensions du calque, que vous pouvez changer  loisir */
position: absolute;
top: 5px; 
left: -30px;
width: 98px;
height: 112px;
background: black;
text-align: center; font-size: 14px;
color: teal;
}