/* Feuille de style du site de Cabinet Conseil Investissement  */

/* Eléments de mise en page communs à toutes les pages : */

body { 
    margin			: 0; /* pour éviter les marges */
    text-align		: center; /* pour corriger le bug de centrage IE */
	background-image: url('../images/fond.gif');
	font-family		: Verdana, Arial, sans-serif ; 
	font-size 		: 12px ;
	color 			: black ;
}

div#conteneur { /* Bloc centré sur fond blanc */
	position		: absolute;
	width			: 800px;
	height			: 560px;
	left			: 50% ;
	margin-left 	: -400px ;
	top				: 30px;
	background-color: #ffffff ;
	z-index 		: 1 ;
}

strong {
	font-weight 	: bold ;	
}
/* Mise en forme des liens. Sera complété par la class correspondant à la couleur*/
a {
	text-decoration : none ;
}
a:hover {
	text-decoration : none ;
}
a:visited {
	text-decoration : none ;
}



img#logo { /* positionnement du logo */
	position 		: absolute ;
	width 			: 100px ;
	height 			: 136px;
	top				: 10px ;
	left 			: 10px;
	border			: 0px solid black;
}

	
#minimenu {  /* Menu en mode texte. */
	position		: absolute;
	top				: 7px;
	left			: 620px;
	width			: 170px;
	text-align		: left ;
	font-size		: 1.1em ;
	font-weight 	: bold ;
	/*float		 	: right ;*/
	line-height		: 1.4em ;
	/*background-color	: #123654 ;*/
}

#minimenu img {
	border			: 0px ;
	}

#lien_contact {	/* Lien vers la rubrique contact. La couleur est définie par la class correspondant à la couleur */
	position		: absolute;
	font-weight		: bold;
	left			: 15px;
	top				: 516px;
	width			: 300px;
	height			: 15px;
	background		: #ffffff;
	font-size		: 12px;
	font-weight		: bold;
	text-align		: left;
}

#tel {	/* Numéro de tél en bas de la fiche */
	position		: absolute;
	font-weight		: bold;
	left			: 300px;
	top				: 516px;
	width			: 200px;
	height			: 15px;
	background		: #ffffff;
	font-size		: 12px;
	font-weight		: bold;
	text-align		: center;
}

#piedpage {	/* pied de page */
	position		: absolute ;
	left			: 50% ;
	margin-left 	: -400px ;
	top 			: 600px;
	width			: 800px ;
	height			: 15px;
	background		: none ;
	font-size		: 11px;
	font-weight		: normal;
	text-align		: center;
}



/* ---------------------------------- Eléments  spécifiques à la page d'accueil  ---------------------------------- */

#piedpagei {	/* pied de page */
	position		: absolute ;
	left			: 50% ;
	margin-left 	: -400px ;
	top 			: 480px;
	width			: 800px ;
	height			: 15px;
	background		: none ;
	font-size		: 11px;
	font-weight		: normal;
	text-align		: center;
}

.accueil a , .accueil a:hover {
	text-decoration : none ;
	color			:  peru	;		
	font-size		: 11px ;
	font-weight		: normal;

}

img#menucentral {
	width			: 552px;
	height			: 146px ;
	margin-left 	: auto ;
	margin-right 	: auto ;
	margin-top  	: 177px ;
	border			: 0px solid black;
	text-align		: center;
}

div#contener { /* Bloc centré sur fond blanc */
	position		: absolute;
	width			: 800px;
	height			: 440px;
	left			: 50% ;
	margin-left 	: -400px ;
	top				: 30px;
	background-color: #ffffff ;
	z-index 		: 1 ;
}
/* ------------------------------------- Balises h -------------------------------------------------------------- */

h1{  /* Correspondra au titre des rubriques "Espace Entreprises", "Espace Prestige" ...*/
	font-weight	: bold;
	font-size	: 18px ;
	position	: absolute;
	top 		: 93px ;
	left		: 155px ;
}
	
h2 { /* Correspondra au titre d'une annonce contenu dans un bloc (donc déjà positionné) */
	font-size	: 18px;
	font-weight	: normal ;
}

h3 {
	font-size	: 14px;
	font-weight	: bold;
}

h4 {
	font-size	: 10px;
	font-weight	: normal;
}

h5 { /* Correspondra aux légendes des vignettes */
	position	: absolute ;
	top 		: 110px ;
	left 		: 0px ;
	font-size	: 11px;
	font-weight	: normal;
}

h6 {
	font-size	: 11px;
	font-weight	: normal;
	color 		: black ;
}

/* ------------------------------------ Couleurs des textes selon la rubrique -------------------------------------------------------*/

.Investisseurs  ,  .Investisseurs a , .Investisseurs a:hover {
	color :  #993333 ;
	text-decoration : none ;
}
.Commerces  ,  .Commerces a ,  .Commerces a:hover  {
	color :  #999966 ;
	text-decoration : none ;
}
.Entreprises ,  .Entreprises a , .Entreprises a:hover {
	color :  #cc9933 ;
	text-decoration : none ;
}
.Prestige  ,  .Prestige a ,  .Prestige a:hover {
	color :  #666699 ;
	text-decoration : none ;
}
.admin , .admin a ,  .admin a:hover{
	color : #336666 ;
	text-decoration : none ;
}
.CCInvest , .CCInvest a , .CCInvest a:hover{
	color : #336666 ;
	text-decoration : none ;
}

/* ----------------------------  Pages présentant les annonces  -------------------------------- */

/* Blocs Annonces - Contiennent une image de fond non répétée, correspondant à l'encadrement de couleur de chaque vignette, la vignete, et le titre de la vignette*/

#bloc1Investisseurs, #bloc2Investisseurs, #bloc3Investisseurs, #bloc4Investisseurs, #bloc5Investisseurs, #bloc6Investisseurs, #bloc7Investisseurs, #bloc8Investisseurs  {
	position		: absolute;
	width			: 120px;
	height			: 120px;
	background		: url('../images/thumbvide-Investisseurs.jpg') no-repeat;
}

#bloc1Commerces, #bloc2Commerces, #bloc3Commerces, #bloc4Commerces, #bloc5Commerces, #bloc6Commerces, #bloc7Commerces, #bloc8Commerces  {
	position		: absolute;
	width			: 120px;
	height			: 120px;
	background		: url('../images/thumbvide-Commerces.jpg') no-repeat;
}

#bloc1Entreprises, #bloc2Entreprises, #bloc3Entreprises, #bloc4Entreprises, #bloc5Entreprises, #bloc6Entreprises, #bloc7Entreprises, #bloc8Entreprises  {
	position		: absolute;
	width			: 120px;
	height			: 120px;
	background		: url('../images/thumbvide-Entreprises.jpg') no-repeat;
}

#bloc1Prestige, #bloc2Prestige, #bloc3Prestige, #bloc4Prestige, #bloc5Prestige, #bloc6Prestige, #bloc7Prestige, #bloc8Prestige  {
	position		: absolute;
	width			: 120px;
	height			: 120px;
	background		: url('../images/thumbvide-Prestige.jpg') no-repeat;

}
/* position de chaque bloc annonce */

#bloc1Investisseurs, #bloc1Commerces, #bloc1Entreprises, #bloc1Prestige {
	left	: 156px;
	top		: 144px;
}
	
#bloc2Investisseurs, #bloc2Commerces, #bloc2Entreprises, #bloc2Prestige {
	left	: 295px;
	top		: 144px;
}

#bloc3Investisseurs, #bloc3Commerces, #bloc3Entreprises, #bloc3Prestige {
	left	: 434px;
	top		: 144px;
}

#bloc4Investisseurs, #bloc4Commerces, #bloc4Entreprises, #bloc4Prestige {
	left	: 574px;
	top		: 144px;
}

#bloc5Investisseurs, #bloc5Commerces, #bloc5Entreprises, #bloc5Prestige {
	left	: 156px;
	top		: 312px;
}

#bloc6Investisseurs, #bloc6Commerces, #bloc6Entreprises, #bloc6Prestige {
	left	: 295px;
	top		: 312px;
}

#bloc7Investisseurs, #bloc7Commerces, #bloc7Entreprises, #bloc7Prestige {
	left	: 434px;
	top		: 312px;
}

#bloc8Investisseurs, #bloc8Commerces, #bloc8Entreprises, #bloc8Prestige {
	left	: 574px;
	top		: 312px;
}

.thumb { /* positionnement des vignettes */
	top : 0px ;
	margin : 5px ;
	border : 0px ;
}

#numPages { /* Position des numéros de pages. La couleur, variable selon l'Espace, est définie par la class appliquée au lien*/
	position		: absolute;
	left			: 295px;
	top				: 496px;
	width			: 400px;
	height			: 15px;
	background		: #ffffff;
	font-size		: 14px;
	font-weight		: bold;
	text-align 		: right ;
}

#numPages a {
	font-weight		: normal ;
}

#tri { /* Position du lien "Tri". La couleur, varaible selon l'Espace, est définie par la class appliquée au lien*/
	position		: absolute;
	font-weight		: bold;
	left			: 495px;
	top				: 516px;
	width			: 200px;
	height			: 15px;
	background		: #ffffff;
	font-size		: 12px;
	font-weight		: bold;
	text-align		: right;
}

#drap { /* Positions des drapeaux*/ 
	position : absolute ;
	left : 600px;
	top : 10px ;
}


/*--------------------------------------- Eléments spécifiques à la Fiche descriptive ----------------------------------------------------- */

#blocPhotosEntreprises, #blocPhotosCommerces ,#blocPhotosInvestisseurs, #blocPhotosPrestige ,#blocPhotosCCInvest  { /* positionnement du bloc Entreprises contenant Photo et numéros des photos*/
	position	: absolute;
	width 		: 350px ;
	left		: 156px ;
	top			: 162px	;
	text-align 	: left ;
	float		: left ;
}

#blocPhotosEntreprises img {
	border : 5px solid #CC9933 ;
}

#blocPhotosCommerces img {
	border : 5px solid #999966 ;
}

#blocPhotosInvestisseurs img {
	border : 5px solid #993333 ;
}

#blocPhotosPrestige img {
	border : 5px solid #666699 ;
}

#blocPhotosCCInvest img {
	border : 5px solid #336666 ;
}

#numPhotos { /* positionnement des numéros de photos à visualiser*/
	position		: absolute;
	margin-top		: 0px ;
	left 			: 0px ;
	font-size		: 11px;
	font-weight		: bold;
}

#numPhotos img {
	border : 0px ;	
}

#blocDescription {  /* positionnement du bloc contenant titre et description*/
	position	: absolute;
	width 		: 260px ;
	left 		: 516px ;
	padding		: 0px ;
	top			: 160px	;
	text-align 	: left ;
	float 		: right ;
}
.description  { /* Mise en forme du texte */
	font-size	: 11px;
	font-weight	: normal;
	color 		: black ;
}

.lib_desc {
	font-size	: 12px;
	font-weight	: bold;
	color 		: black ;
}
.vendu { /* Texte apparaissant si propriété vendue*/
	font-size	: 20px;
	font-weight	: bold ;
	color 		: red ;
}

/* Page contact*/

#texte {
	position	: absolute;
	width 		: 498px ;
	left		: 156px ;
	top			: 200px	;
	text-align 	: justify;
}

/* ************** Page erreur ******************/

div#erreur {
	position	: absolute;
	width 		: 500px ;
	left		: 156px ;
	top			: 162px	;
	text-align 	: left ;
	float		: left ;
}