﻿body
	{
	margin: 0;
	border: 0;
	font-size: 11px;
	background-color:#FFFFFF;
	padding: 20px 20px 20px 20px;
	font-family: Verdana, Arial, sans-serif;
	color:#000000;
	}

div#content 
	{
	position: relative;
	background: #FFF;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	top: auto;

	}

div#contenu
	{
	width: 590px;
	margin-top: 50px;
	padding-left: 285px;
	float: left;
	}
	
div#banner 
	{
	width: 900px;
	height: 35px;
	margin: 0px;
	margin-left: 93px;
	padding: 0px;
	float: left;
	}

div#navigation 
	{
	width: 895px;
	height: 65px;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	margin-right: 15px;
	margin-top: -10px;
	line-height: 92px;
	float: left;
	}
	
div#navigation2 
	{
	width: 895px;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 13px;
	text-align: right;
	margin-top: 30px;
	margin-right: 15px;
	margin-bottom: 5px;
	height: 10px;
	float: left;
	}
	
div#navigation_sousmenu 
	{
	width: 895px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 26px;
	text-align: right;
	margin-top: -5px;
	margin-right: 10px;
	margin-bottom: -9px;
	height: 30px;
	float: left;
	}
	
#view  					{
	visibility : hidden;
	position:absolute;
}

#miniview
{
  position:relative;
}

#miniview:hover span
{
   position: absolute;
   left:-145px;
   top : -20px;
   width:90px;
   height:70px;
   display: block;
}

#miniview:hover span#champlain{
  background-image:url('../images/champlain/champlain00_pti.jpg');  
}

#miniview:hover span#vivegnis{
  background-image:url('../images/vivegnis/vivegnis00_pti.jpg');  
}

#miniview:hover span#christiaensBancu{
  background-image:url('../images/christiaens/christiaens01_pti.jpg');  
}

#miniview:hover span#perwezguelette{
  background-image:url('../images/perwez/perwez01_pti.jpg');
}

#miniview:hover span#bouddha{
  background-image:url('../images/bouddha/bouddha03_pti.jpg');  
}

#miniview:hover span#struelensmarneffe{
  background-image:url('../images/struelens/struelens00_pti.jpg');  
}

#miniview:hover span#marche{
  background-image:url('../images/marche/marche00_pti.jpg');  
}

#miniview:hover span#divoy{
  background-image:url('../images/divoy/divoy01_pti.jpg');  
}

#miniview:hover span#xavierneujean{
  background-image:url('../images/neujean/neujean00_pti.jpg');  
}

#miniview:hover span#finnevaux{
  background-image:url('../images/finnevaux/finnevaux00_pti.jpg');  
}

#miniview:hover span#holzrolls{
  background-image:url('../images/holz/holz00_pti.jpg');  
}

#miniview:hover span#dedavewinkin{
  background-image:url('../images/dedave/dedave01_pti.jpg');  
}

#miniview:hover span#pierredegive{
  background-image:url('../images/pierre/pierre00_pti.jpg');  
}

/*
  Ici, il faut créer autant de lignes identiques à la précédente qu'il y a d'images à afficher
  et dans le html, créer les lignes à la manière 
  <td height="22" class="txt_noir"><a href="projets_christiaens-bancu.html" class="linkMenuTop" alt="Projet Christiaens-Bancu" title="Projet Christiaens-Bancu" id="miniview">Maison 
    CHRISTIAENS-BANCU<span class="imageHover" id="christiaensBancu"></span></a></td>
  
*/

		
.txt-bottom 
	{
	width: 900px;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
	margin-left: 40px;
	margin-bottom: 5px;
	height: 40px;
	float: left;
	}

.txt-ancre
	{
	width: 500px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	float: left;
	}

/* lignes menu */

div#ligne-menu_noir
	{
	width: 500px;
	height: 1px;
	background-color: #000000;
	margin-top: -10px;
	margin-right: 105px;
	float: right;
	}
	
div#ligne-menu_noir1
	{
	width: 800px;
	height: 1px;
	background-color: #000000;
	margin-right: 105px;
	float: right;
	}
	
/* FORMULAIRE et CONTACT */

div#corpForm {	 /*** Mise en fome du corp du formulaire ***/
	color: #666666; font-weight:bold; 
	margin: 0px;
}
div#entete { /*** Mise en fome de l'entete ***/
	font-weight:bold; color:#666666; font-size:12px;
	}
.txtarea1 { /*** Mise en fome des cellules ***/
	border-style: solid; border-width:1px; border-color: #CCCCCC;
	background-color: #CCCCCC;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold; color:#333333; font-size:11px;
}
		
/* // fin lignes menu // */

/* clearing br */

.clear { clear: both; margin: 0; }

/* // fin div realisations // */

		
/* liens bas de page */
a.linkTxtGris 	{color: #999999; text-decoration: none; }
a.linkTxtGris:hover {color: #333333; text-decoration: underline; }
/* // fin des liens // */ 

/* ancre */
a.linkTxtAncre 	{color: #333333; text-decoration: none; }
a.linkTxtAncre:hover {color: #999999; text-decoration: underline; }


/* links et texte */

h1				{color: #666666; font-family: Verdana, Arial, sans-serif; font-weight: bold; }	
h2				{color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; }
h3				{color: #000000; font-family: Verdana, Arial, sans-serif; font-weight: bold; }
H4				{color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; }
.txt_gris		{color: #999999; font-family: Verdana, Arial, sans-serif; text-align:justify; text-decoration:none; }
.txt_noir		{
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	text-align:justify;
	text-decoration:none;
	font-weight: normal;

}
.txt_noir_pti	{color: #000000; font-size:9px; font-style:italic; font-family: Verdana, Arial, sans-serif; text-align:justify; text-decoration:none; }


a.linkTxt 			{color: #999999; text-decoration: none; }
a.linkTxt:hover 	{color: #333333; text-decoration: underline; }

a.linkMenuTop 		{color: #000000; text-decoration: none; }
a.linkMenuTop:hover {color: #666666; text-decoration: none; }

/* // links // */

