/* CSS Document */

#Princi{
	/* position:relative; */
	 padding-top:0;
   margin-left:140px;
	 text-align:justify;
   color:#000000;
   	/* background:#F7F5F4; */
	background:#FAFCD8;
	/*
   	border-bottom: 1px solid #FFCCFF; 
   	border-left: 1px solid #FFCCFF;  
   	border-right: 1px solid #FFCCFF; 
	*/
   height:900px;
	 width:620px;
}
#Princi_1 {
   margin-left: 140px; 
   margin-bottom: 10px; 
   padding-top:5px;
   padding-left:12px;
   padding-right:12px;
   text-align:left; */
   color:#000000;
   /* background:#F7F5F4; */
   background:#FAFCD8;
	/*
   border-bottom: 1px solid #FFCCFF; 
   border-left: 1px solid #FFCCFF;  
   border-right: 1px solid #FFCCFF; 
	 */
   height:800px;
}
#decaledroite {
   margin-left: 20px; 
}
#Alentours {
	margin-left: 50px;
	top: 10px; 
	width:502px;
	height:682px;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:0;
}
h2 {
	text-align:center;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	color:#8CBD00;
}
h3 {
	margin-top:0.9em;
	margin-bottom:0.2em;
	color:#8CBD00;
}
.paragraphe {
	margin-left: 20px;
	margin-top:0px;
	padding-right:5px;
	text-align:justify;
	margin-bottom:1px;
	float:clear;
}
#p_princi{
	text-align:justify;
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;
}
#img_talcy {
   float:right;
	 padding-top:2px;
	 padding-left:8px;
	 padding-right:15px;
}
#img_Promenade {
   float:left;
	 padding-top:5px;
	 padding-left:15px;
	 padding-right:8px;
}
div#cadre {
	width:780px;
	margin: 0 0 0 0;
	padding-top:10px;
	background: url(img/Cadre_arrondi_haut.gif) left top no-repeat;
}
div#bloccadre {
	background:url(img/Cadre_arrondi_bas.gif) left bottom no-repeat;
	padding-bottom:10px;
}
div#bloccadre p {
	margin: 0 10px 0 10px;
}
#zone1 {
float:left;
width : 190px;
height: 190px;
margin-left: 5px;
margin-top: 100px;
border: 3px dotted black;
z-index:2;
}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:170px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}

a.boite {
	display:block; 
	position:relative; 
	height:35px;
	width:35px;
	top:-612px;
	left:163px;
	background:url(img/Img_Chateau.gif) no-repeat;
	z-index:1;
}
a.boite:hover, a.boite:focus {
	display:block;
	position:relative;
	height:139px;
	width:145px;
	background:url(img/Chateau_Talcy.jpg) no-repeat;
	background-position:center;
	background-attachment:scroll;
	z-index:2;
}
a.boite2 {
	display:block;
	position:relative;
	height:35px;
	width:35px;
	top:-618px;
	left:220px;
	background:url(img/Img_moulin.gif) no-repeat;
	z-index:1;
}
a.boite2:hover, a.boite2:focus {
	display:block;
	position:relative;
	height:525px;
	width:528px;
	background:url(img/Moulin_Talcy.jpg) no-repeat;
	background-position:center;
	background-attachment:scroll;
	z-index:2;
}
a span {
	display:none;
}
a:hover span {
	display:inline;
	position:relative;
	top: -50px;
	left:250px;
	height:80px;
	background:green;
}
#bof {
   margin:0 0 0 0;
	 padding: 0 0 0 0;
	 margin-left:46px;
	 font-size:0.8em;
}
#bof2 {
   margin:0 0 0 0;
	 padding: 0 0 0 0;
	 margin-left:37px;
	 font-size:0.8em;
}
#centrer {
   text-align:center;
}
#no_border {
   border:0px;
}