/* CSS Document */

body {
	margin: 0;/* sans marges, la page sera collée aux bords */
	margin-top:15;
	text-align: center; /* pour corriger le bug de centrage IE */
	background-color: #177fb5;	
}

.center {
	width: 975px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
background-image:url(img/back_gen.gif); 
}

.head1 {
	background-image: url('img/header1.gif');
	background-repeat:no-repeat;
	width: 975px;
	height: 89px;
}

.head2 {
	background-image: url('img/header2.gif');
	background-repeat:no-repeat;
	width: 975px;
	height: 20px;
} 

.head3 {

	width: cpx;
	height: 15px;
} 

.menu_h2 {
	width: 975px;
	height: 20px;
	background-image: url('img/site Accueil fleur_immeuble violet 22-03-06_r5_c5.gif');
	background-repeat:repeat-y;
	background-position:right;
}

.menu_g {
	background-color:#F7FBE8;
	width:135px;
	float:left;
	/*height: 445px;*/
	text-align:left;
	padding-top:18px;	
}

.content {
	/*background-image:url('img/footer_content.gif');*/
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
	float:left;
	width:835px;
	/*height: 445px;*/
	text-align:left;
	text-indent:15px;
	padding-top:18px;
	overflow:auto; /* pour imiter des frame*/
}

.cadre_info {
	text-align:left;
	background-color:#FFFFFF;
	float:left;
	width:5px;
	/*height: 445px;*/
	background-image: url('img/site Accueil fleur_immeuble violet 22-03-06_r5_c5.gif');
	background-repeat:repeat-y;
	background-position:right;
	padding-top:18px;	
	
}

.spacer {
  clear: both;
  
}

.footer {
	clear: both;  /* permet de passer a une autre ligne s'il y a des élémenets float*/
	background-position:bottom;
	/* background-image:url('img/footer.gif'); * /
	background-repeat:no-repeat;
	height:104px;
}

.logo {
	float: right; /* alignement du logo à droite */
	margin-right: 10px;  /* placement du logo dans son conteneur, head1 */
	margin-top: 3px;
	border: 0;
}

/************************/
/************************/
/****   les cadres   ****/
/************************/
/************************/


.cadre_contener {
	padding: 15px;
	padding-top:0px;	
}

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('img/cadre_vert.gif'); 
	height: 9px;      
	font-size: 2px;   
	}
	
.top-left2, .top-right2, .bottom-left2, .bottom-right2 { 
	background-image: url('img/cadre_bleu.gif'); 
	height: 9px;      
	font-size: 2px;   
	}
	
.top-left, .bottom-left, .top-left2, .bottom-left2 { 
	margin-right: 9px; 
	}
	
.top-right, .bottom-right , .top-right2, .bottom-right2 { 
	margin-left: 9px; 
	margin-top: -9px; 
	}
	
.top-right, .top-right2 {
	background-position: 100% 0;   
	}
	
.bottom-left, .bottom-left2  { 
	background-position: 0 -9px;    
	}
	
.bottom-right, .bottom-right2 { 
	background-position: 100% -9px; 
	}
	
.inside, .inside2 {	
	padding-left: 10px;             
	padding-right:10px;  
	
}

.inside {
	border-left: 2px solid #99D141; 
	border-right: 2px solid #99D141;
	background: #F7FBE8;            
	color: #000000;                 	     
	}
	
.inside2 {
	border-left: 2px solid #177FB5; 
	border-right: 2px solid #177FB5;
	background: #ABDCF7;            
	color: #000000;                 
	}
	
.notopgap    { margin-top: 0; } 
   
.nobottomgap { margin-bottom: 0; } 

/* cadre info droite */
div.boxwrap {
	color:#fff;
	padding-right:5px;
	}

div.tl {
	background:url(images/cadre_r1_c1.gif) no-repeat;
	float:left;
	height:14px;
	width:14px;
	}
	div.bl {
	background:url(images/cadre_r5_c1.gif) no-repeat;
	float:left;
	height:14px;
	width:14px;
	margin-top:-14px;
	}
	div.contentc {
	padding:14px;
	background:#ABDCF7;
	}