/* CSS Document */

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

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

.head1{
	background-image: url(img/header1.gif);
	background-repeat:no-repeat;
	width: 775px;
	height: 89px;
	display: block;
	background-color: #FFFFFF;	
}
a.link_accueil
{
	width : 149px;
	height: 94px;
	position: absolute;
	display:block;
	background-color: #FFFFFF;
	background-image: url(img/Copie%20de%20header1.gif);
	left: 1px;
	top: -2px;
	
}

.head2 {
	background-image: url(img/header2.gif);
	background-repeat:no-repeat;
	width: 775px;
	height: 20px;
	float:left;
	background-color: #FFFFFF;
} 

.menu_h2 {
	width: 775px;
	height: 20px;
	background-image: url(img/site%20Accueil%20fleur_immeuble%20violet%2022-03-06_r5_c5.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color: #FFFFFF;
	float:left;
}

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

.content, .content_indexi, .content_ac{	
		background-repeat:no-repeat;
	background-position:0 100%;
	
	float:left;
	width: 485px;
	height: 445px;
	text-align:left;
		
	/*overflow:auto; pour imiter des frame*/
}



/* taille content page index interne */
.content_indexi {
	width:635px;
	float:right;
	background-position:-5 100%;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #06F;
}
/* permet de rendre les agrandissements de page identique entre netscape et ie*/
html>body .content, .content_indexi {min-height: 470px; height:auto; /*background-position:0 100%;*/}
/* permet de rendre les agrandissements de page identique entre netscape et ie*/
html>body .content, .content_indexi {
	min-height: 470px;
	height:auto; /*background-position:0 100%;*/
	background-color: #FFFFFF;
}

/* taille contend page index */
.content_ac{
	background-position:135 100%;
	width:770px;
	background-color: #FFFFFF;
}

.index_int {
	background-color:#FFFFFF;
	margin:15px;
}

.content_index_menurb {
	text-align:left;
	float:right;
	background-color: #FFFFFF;
	}
	
.content_index_imgrb {
	width:350px;
	margin-left:4px;
	text-align:left;
	text-indent:0px;
	float:left;
	background-color: #FFFFFF;
	}
.dcenter {
	text-align:center;
	background-color: #FFFFFF;
}

.separateur {
  background-color:#CB0077;
  width:80%;
  height:1px;
  display:block;
  
}

.cadre_info {
	text-align:left;
	background-color:#FFFFFF;
	float:left;
	width:155px;
	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;
 	font:bold  0.1em
  }
.div_right {
	clear: left;
	}

.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-top:18px;
	padding-bottom:15px;
	padding-left:18px;
	padding-right:18px;	
}

.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 { 
	height: 9px;      
	font-size: 2px;   
	}

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

.inside {
	border-left: 2px solid #99D141; 
	border-right: 2px solid #99D141;
	background: #F7FBE8;            
	color: #000000;                 	     
	}
.inside4 {
	border-left: 2px solid #D86734;
	border-right: 2px solid #D86734;
	color: #000000;
	background-color: #FFFFFF;
	}	


.inside2, .inside3 {
	color: #000000;
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #177FB5;
	border-left-color: #177FB5;
	}

.inside3 {
	POSITION: relative;
	background-color: #FFFFFF;
}
	
.notopgap    { margin-top: 0; } 
   
.nobottomgap { margin-bottom: 0; } 

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

.tl {
	background:url(img/cadre_r1_c1.gif) no-repeat;
	float:left;
	height:8px;
	width:8px;
	}
.bl {
	float:left;
	height:8px;
	width:8px;
	margin-top:-8px;
	background-image: url(img/cadre_orange.gif);
	background-repeat: no-repeat;
	}
.contentc {
	padding:3px;
	background:#ABDCF7;
	}
/* cadre menu index */

/* placement d'image dans le contenu*/
.content_l {
	float: left;
	height: auto;
	padding-left:10px;
	padding-right:5px;
	}

.content_r {
	float: right;
	height: auto;
	padding-left:5px;	
	}
.content_center {

}