body {
margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-color:#CCCCCC;
}

div.containerbis {
	position: absolute;
	top: 150px;
	left: 50%;
	width: 508px;
	margin-left: -254px;
}

div.blason {
	position: absolute;
	visibility: visible;
	width: 168px;
	height: 48px;
	z-index: 0;
	left: 242px;
	top: 4px;
	text-decoration: none;
}
 
div.theatre {
	position: absolute;
	visibility: visible;
	width: 155px;
	height: 67px;
	z-index: 0;
	left: 143px;
	top: 52px;
	text-decoration: none;
}

div.barbizon {
	position:absolute; 
	visibility:visible; 
	width:64px; 
	height:100px; 
	z-index:0; 
	left: 232px; 
	top: 119px; 
	text-decoration: none;
}

div.printemps {
	position:absolute; 
	visibility:visible; 
	width:102px; 
	height:0px; 
	z-index:0; 
	left: 298px; 
	top: 52px; 
	text-decoration: none;
}

div.chinois {
	position: absolute;
	visibility: visible;
	width: 96px;
	height: 101px;
	z-index: 0;
	left: 131px;
	top: 119px;
	text-decoration: none;
}

div.oeil {
	position:absolute; 
	visibility:visible; 
	width:80px; 
	height:3px; 
	/*z-index:-1;*/ 
	left: 49px; 
	top: 141px; 
}

div.nuit {
	position:absolute; 
	visibility:visible; 
	width:192px; 
	height:144px; 
	z-index:0; 
	left: 2px; 
	top: 220px; 
}

div.dick {
	position:absolute; 
	visibility:visible; 
	width:216px; 
	height:144px; 
	z-index:0; 
	left: 194px; 
	top: 220px;
}

div.villard {
	position:absolute; 
	visibility:visible; 
	width:88px; 
	height:144px; 
	z-index:0; 
	left: 410px; 
	top: 220px;
}

 div.nb {
	position:absolute; 
 	visibility:visible; 
 	width:100px; 
 	height:221px; 
 	z-index:0; 
 	left: 412px; 
 	top: 0px;
 	background-color:yellow;
 }
 
 div.bdp {
 	position:absolute; 
 	visibility:visible; 
 	width:100%; 
 	height:60px; 
 	z-index:0; 
 	top: 530px;
 } 
 
 div.chi {
	position:absolute; 
 	visibility:visible; 
 	width:37px; 
 	height:63px; 
 	z-index:0; 
 	left: 564px; 
 	top: 261px;
	border: 0px;
 }
 
 div.yinqi {
	position:absolute;
	visibility:visible;
	width:41px;
	height:50px;
	z-index:0;
	/*left: 564px; */
 	top: 82px;
	border: 0px;
	left: -563px;
 }
 
div.menu_ligne {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
}

ul {list-style-type: none;} 

li {margin-bottom: 5px;}


div.menu_ligne ul {
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}

div.menu_ligne li {
	font-size:11px;
	float: left;
}

div.menu_ligne a {
	margin: 0 2px;
	width: 100px;
	height: 14px;
	display: block;
	text-align: center;
	border: 1px solid blue;
	text-decoration: none;
	color: #000;
	background: #fff;
}

div.menu_ligne a:hover {
	background: #ccc;
	border: 1px solid gray; 
}

div.menu_ligne:active {
	background: gray;
	border: 1px solid gray; 
	color: #fff;
}

div.c_menu {
	z-index: 1000;
	position:absolute;
	visibility:visible;
	width:140px;
	height:128px;
	left: -3px;
	top: 151px;
}

#intro {
	width:550px;
	height:240px;
	z-index:0;
	top: 108px;
	left: 136px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 14px;
}

.menu a:active {
     background: gray;
     border: 0px solid gray; 
     color: #fff;
     }
	 
.menu1 a {     
	 font: 11px Verdana, Arial, sans-serif;
	 font-weight: normal;
	 margin-top: 1px;	 	 
     width: 144px; 
     height: 18px;
	 display:block;	 
     
     text-align: center;
     border: 0px solid gray;
     text-decoration: none;
     color: #FFFFFF;
     background: #FF0000;
	 }
	 
.menu1 a:hover {
     background: #7BAEC6;
     border: 0px solid gray; 
     }



.menu1 a span {
	display: none;
}

.menu1 a:hover span {
	position: absolute;
	font-weight: normal;
	display: block;
	top: 0px;
	left: 0px;
	width: 300px;
	text-align: left;
	border: 0px solid gray;
	color: #000;
}	 
	 
.menu2 a {     
	 font: 11px Verdana, Arial, sans-serif;
	 font-weight: normal;
     
	 margin-bottom: 3px;
	 margin-left: 4px;
	 margin-right: 4px;
	 margin-top: 6px;
	 padding-top: 2px;
     width: 200px; 
     height: 24px;	 
     display: block;
     text-align: center;
     border: 0px solid gray;
     text-decoration: none;
     color: #FFFFFF;
     background: #9e9d9d;
	 }
	 
.menu2 a:hover {
     background: #7BAEC6;
     border: 0px solid gray; 
     }


.menu2 a span {
	display: none;
}

.menu2 a:hover span {
	position: absolute;
	font-weight: normal;
	display: block;
	top: 0px;
	left: 0px;
	width: 300px;
	text-align: left;
	border: 0px solid gray;
	color: #000;
}	 	 

.menu3 a {     
	 font: 11px Verdana, Arial, sans-serif;
	 font-weight: normal;
     margin: 0 2px;	 
     width: 140px; 
     height: 14px;	 
     display: block;
     text-align: center;
     border: 0px solid gray;
     text-decoration: none;
     color: #FFFFFF;
     background: #9e9d9d;
	 }
	 
.menu3 a:hover {
     background: #7BAEC6;
     border: 0px solid gray; 
     }



.menu3 a span {
	display: none;
}

.menu3 a:hover span {
	position: absolute;
	font-weight: normal;
	display: block;
	top: 0px;
	left: 0px;
	width: 140px;
	text-align: left;
	border: 0px solid gray;
	color: #000;
}	 

	 
.trigramme {
	float : left;
	position:absolute;
	visibility:visible;
	width:101px;
	height:142px;
	z-index:0;
	left: 523px;
	top: 233px;
	font-size: 10px;
	color: #FF0000;	
}

.tri1 {
position:absolute; 
visibility:visible; 
width:99px; 
height:54px; 
z-index:1; 
left: 410px; 
top: 4px; 
border: 1px solid #000000;
}
.tri2 {
position:absolute; 
visibility:visible; 
width:99px; 
height:51px; 
z-index:1; 
left: 410px; 
top: 79px; 
border: 1px solid #000000;
}
.tri3 {
position:absolute; 
visibility:visible; 
width:99px; 
height:48px; 
z-index:1; 
left: 410px; 
top: 151px; 
border: 1px solid #000000;
}

.tri4 {
	position:absolute;
	visibility:visible;
	width:118px;
	height:156px;
	z-index:1;
	left: 410px;
	top: 4px;
	border: 0px;
}

.contenu {
	position:absolute;
	visibility:visible;
	/*width:624px;*/
	width:auto;
	height:360px;
	z-index:1;
	left: 220px;
	top: 156px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : justify;
	background-color:#CCCCCC;
	border: 1px none #000000;
	overflow:auto;
	
}

a.marron1:link {
	color: #800000;
	text-decoration: none;	
}
a.marron1:visited {
	color: #800000;
	font-style: normal;
	text-decoration: none;
}
a.marron1:hover {
	color: #7F8000;
	font-weight: normal;
	text-decoration: none;
	border: thin;
}
a.marron1:active {
	color: #800000;
	text-decoration: none;
}
a.rouge1:link {
	color: red;
	text-decoration: overline;
	text-decoration: underline;
	font-weight: bold;
	border: Red;
}
a.rouge1:visited {
color: red;
font-style: normal;
text-decoration: none;
}
a.rouge1:hover {
color: red;
text-decoration: none;
}
a.rouge1:active {
color: darkred;
text-decoration: none;
}
a.lien3:link {
color: orange;
text-decoration: none;
}
a.lien3:visited {
color: orange;
font-style: italic;
}
a.lien3:hover {
color: orange;
text-decoration: overline;
}
a.lien3:active {
color: darkorange;
} 

#rubrique {
	color: blue;
	font-weight: bold;
	
	}
#texte_contenu {

font-size:11px;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.legende {
padding-top: 4px;
font-size:9px;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Style1 {
	color: blue;
	font-weight: bold;
}
.hr {
clear: both;
width: 100%;
text-align : left;
border: 0; /* enleve toute bordure */
border-bottom: 1px black solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}