/* CSS Document */

html {
font-size:65.2%;
font-family:Arial, Verdana	, Helvetica, sans-serif;
}
body{
margin:0;
}
*{
background-repeat:no-repeat;
}
div#page{
margin:3px auto;
width:1000px;
}	
p{
font-size:1.1em;
}

/****************************************header****************************************/

	div#anim-swf{
	margin:0;
	padding:0;
	height:160px;
	}

	div#block-menu{
	margin:0;
	padding:0;
	height:100px;
	background-image:url(../images/background-menu.gif);
	position:relative;
	}
	
		div#block-menu ul{
			margin:0;
			padding:0;
			list-style:none;
		}	
			
		div#block-menu ul li{
			margin:0;
			padding:0;
			display:inline;
		}
		
		div#block-menu ul li.tel{
			margin:0px 55px 0px 0px;
			padding:0;
			display:inline;
			color:#FFF;
		}	
		
		#block-menu img{
			margin:0px 35px;
			border:none;
		}
	
		#menu-entete{
			margin:0;
			padding:0;
			position:absolute;
			left:270px;
			top:30px;
			font-size:1.8em;
			font-weight:bold;
			color:#CCC;
			clear:both;
		}
		
		#menu-entete a, #menu-entete a:visited{
			color:#CCC;
			margin:0px 5px;
			text-decoration:none;
		}
		
		#menu-entete a:hover{
			text-decoration:none;
			color:#99CCFF;
		}
		
		div#menu-swf{
			margin:0;
			padding:0;
			position:absolute;
			left:275px;
			top:66px;
			font-size:1.6em;
			font-weight:bold;
			color:#FFF;
			clear:both;
		}
			
			div#menu-swf a{
				margin:0px 13px;
				color:#FFF;
				text-decoration:none;
			}
			
			div#menu-swf a:hover,
			div#menu-swf a.actif:visited,
			div#menu-swf a#aSsMenu.actif{
				color:#99CCFF;
				text-decoration:none;
			}
						
			div#menu-swf a.non-actif:hover,div#menu-swf a.non-actif:visited,div#menu-swf a.non-actif{
				color:#C0C0C0;
				/*color:#CCFF99;*/
				text-decoration:none;
			}
			
			div#information{
				margin:0;
				position:absolute;
				display:none;
				left:290px;
				top:25px;
				width:140px;
			}
			
				div#information .haut{
					background-color:#7E8481;
					height:8px;
					margin:0;
					padding:0;
				}
				
				div#information .mid{
					margin:0;
					text-align:center;
				}
				
					div#information .mid a{
						margin:0;
						padding:3px 0px;
						display:block;
						font-size:0.8em;
						width:127px;
						filter:alpha(opacity=60);
						-moz-opacity:.60;
						opacity:.60;
						background-color:#7E8481;
					}
					
					div#information .mid a:hover{
						font-size:0.8em;
						filter:alpha(opacity=100);
						-moz-opacity:1;
						opacity:1;
						background-color:#7E8481;
					}
				
				div#information .bas{
					margin:0;
					padding:0;
					background-color:#7E8481;
					height:0px;
				}
		
	div#marketing{
	width:1000px;
	height:25px;
	/*background-color:#399A39;*/
	/*background-color:#E1001A;*/
	background-color:#7FBF00;
	position:relative;
	overflow:hidden;
	}
		div#marketing ul{
		margin:0;
		padding:0;
		}
			div#marketing li{
			padding-top:6px;
			list-style:none;
			float:left;
			}
				div#marketing img{
				float:left;
				margin:0 10px 0 20px;
				border:none;
				}
				div#marketing li a{
				font-size:1em;
				text-decoration:none;	
				color:#FFF;		
				display:block;  
				}
				div#marketing li a:hover{
				text-decoration:underline;
				}
				li#acces_bce{
				position:absolute;
				left:680px;
				font-size : 1.1em;
				font-weight : bold;
				}
	
/****************************************\header***************************************/

/****************************************contenu***************************************/
	
	div#contenu{
	clear:left;
	margin:0;
	width:1000px;
	background-image:url(../images/contenu-background.gif);
	background-repeat:repeat-y;
	overflow:auto;
	position:relative;
	}
	
	div#contenuGrand{
	clear:left;
	margin:0;
	width:1000px;
	background-image:url(../images/contenu-background-grand.jpg);
	background-repeat:repeat-y;
	overflow:auto;
	position:relative;
	}
			
		#contenuGrand #afficher-selection, #contenu #afficher-selection{
		position:relative;
		}
		
			#afficher-selection ul{
			position:absolute;
			margin:0;
			padding:0;
			list-style-image:url(../images/puce_fleche.gif);
			left:850px;
			top:15px;
			}

				#afficher-selection ul a, #afficher-selection ul a:visited{
				text-decoration:underline;
				font-weight:bold;
				color:#09C;
				font-size:1.1em;
				}
			
				#afficher-selection p a:hover{
				color:#E1001A;			
				}
							
	/****************************************recherche*************************************/
	
		div#recherche{
		width:237px;
		float:left;
		}
		
		div#recherche h2{
		text-align:left;
		font-size:1.6em;
		color:#FFF;
		padding-top:14px;
		margin:0px 0px 5px 15px;
		}
		
		div#recherche form{
		margin:0;
		}
		
		div#recherche p{
		margin:5px 0px 5px 12px;
		color:#FFF;
		font-size:1.2em;
		font-weight:bold;
		}
		
		#recherche p label{
		margin:6px 7px 6px 0px;
		padding:0;
		/*width:90px;*/
		}
		
		div#recherche p select{
		margin:5px 0px 7px 20px;
		padding:0;
		border:#09C 2px solid;
		color:#036;
		width:180px;
		}
		
		div#recherche p .btnRecherche, div#recherche p input.btnRecherche:visited{
		margin:10px 0px 20px 50px;
		/*background-image:url(../images/btnRrecherche.jpg);*/
		background-color:#FFF;
		color:#036;
		/*border:#C03 2px solid;*/
		border:#09C 2px solid;
		width:123px;
		height:25px;
		}
		
		div#recherche p input.btnRecherche:hover {
		/*background-image:url(../images/btnRrechercheHover.jpg);*/
		background-color:#09C;
		border:#FFF 2px solid;
		color:#FFF;
		}	
		
	/****************************************\recherche************************************/
	
	/****************************************textimages************************************/	
	
		#textimages{
		margin:0;
		width:763px;
		float:left;
		min-height:350px;
		}	
		
		#textimages p{
		margin:5px 20px 0 27px;
		font-size:1.2em;
		}
		
		#textimages .ss-titre{
		margin:15px 20px 3px 27px;
		}
		
		#textimages ul{
		margin:5px 20px 20px 27px;
		padding:0;
		list-style-image:url(../images/textimages/puce-verte.jpg);
		font-size:1.2em;
		}
		
		#textimages ul ul{
			font-size : 1em;
			margin-bottom : 5px;
			margin-left : 10px;
		}
		
		#textimages ul.interlocuteur{
			margin : 5px;
			margin-left : 30px;
		}
		
		#textimages li{
		margin:0 20px 0 27px;
		padding:0;
		}
				
		div.arrondi{
		margin:0;
		padding:0;
		width:763px;
		height:40px;
		background-image:url(../images/textimages/textimages-haut.gif);
		}
		
		div.arrondi h2{
		margin:0;
		padding:16px 0 0 27px;
		font-size:1.6em;
		}
		
		h2.plan {
			margin : 16px 0pt 0pt 27px;	
			background : url(../images/textimages/puce-bleue.gif) no-repeat left top;		
			padding-left : 18px;
		}
		
		
		h2.organigramme{
			background : url(../images/textimages/puce-bleue.gif) no-repeat left top;
			margin-left : 25px;
			padding-left : 18px;
		}
		
		div.arrondiGrand{
		margin:0;
		width:1000px;
		height:46px;
		background-image:url(../images/textimages/textimages-haut-grand.jpg);
		}
		
		div.arrondiGrand h2{
		margin:0;
		padding:16px 0 0 27px;
		font-size:1.6em;
		}	
		
		/****************************************editableContent**************************************** gestion,location,vente.php */
		
		#editableContent h1, #editableContent h2, #editableContent h3, #editableContent h4{
			background:url(../images/puce_verte.jpg) no-repeat left center;
			margin : 0;
			padding : 0;
			padding-left : 10px;
			font-weight : bold;
			font-size : 12px;
			margin-left : 28px;
			margin-top : 20px;
			margin-bottom : 5px;
		}
			/****************************************\editableContent**************************************** gestion,location,vente.php */
		/****************************************agence**************************************** index.php */
		
		div#agence-fill a:link, div#agence-fill a:visited{
		color:#E1001A;
		}
		
		div#agence-fill a:hover{
		color:#E1001A;
		text-decoration:none;
		}
		
		div#agence-fill p.organigramme{
		font-size:1.2em;
		margin:10px 200px 40px 0px;
		padding:16px 0 0 27px;
		}	
		/****************************************\agence***************************************/	

		/****************************************coudcoeur*************************************/
		
		div#coudcoeur{
		margin:5px 0px 0px 0px;
		padding:0;		
		width:763px;
		background-image:url(../images/textimages/textimages-fill.gif); /*pas necessaire?*/
		background-repeat:repeat-y;
		}
			div#coudcoeur-gauche{
			margin:0;
			padding:0;	
			width:510px;
			float:left;	
			}
			div#coudcoeur-gauche h2{
			margin:5px 0px 0px;
			font-size:1.6em;
			padding:0 0 0 27px;
			}
				div#coudcoeur-gauche .biens{
				width:141px;
				margin:10px 0 0 0;
				float:left;
				padding:0 0 0 27px;
				}		
					div#coudcoeur-gauche .biens h3{
					text-align:center;
					font-size:1.4em;
					margin:0;
					padding:0;	
					}
					
					div#coudcoeur-gauche .biens img{
					margin:3px 0px 3px 0px;
					padding:0;
					width:140px;
					height:105px;					
					}
					
					div#coudcoeur-gauche .biens a img{
					border : none;				
					}
					
					div#coudcoeur-gauche .biens p{
					margin:0;
					padding:0;
					font-size:1em;
					}
					div#coudcoeur-gauche .biens p strong{
					font-size:1.1em;
					}
					div#coudcoeur-gauche .biens a,div#coudcoeur-gauche .biens a:visited{
					text-decoration:none;
					color:#E1001A;
					}
					div#coudcoeur-gauche .biens a:hover{
					color:#000;
					}
					
			div#coudcoeur-droit{
			margin:0;
			width:231px;
			float:left;	
			padding-bottom:230px;
			}

		/****************************************\coudcoeur************************************ \index.php */
			
		/****************************************formulaire************************************ contact.php */
		
		div#formulaire{
		margin:0;
		padding-left:17px;
		width:445px;
		float:left;
		}
		
		div#formulaire-propo{
		margin:0;
		padding-left:17px;
		width:475px;
		float:left;
		}
		
		div#formulaire-propo-suite{
		margin:0px 0px 0px 10px;
		float:left;
		width:480px;
		}
	
		/****************************************\formulaire***********************************/
		
		/****************************************resultat***********************************/

		#textimages-resultat-recherche{
		margin:0;
		padding:0;
		float:left;
		}
		
		#textimages-resultat-recherche p{
		margin:5px 0px 0 27px;
		font-size:1.2em;
		padding:0;
		}
		
		#textimages-resultat-recherche .ss-titre{
		margin:15px 20px 3px 27px;
		padding:0;
		}	

		#textimages-resultat-recherche .aff-resultat{
			clear:left;
			margin:0;
			padding:5px 15px 0px 28px;
		}

		#textimages-resultat-recherche .aff-resultat .photo{
			float:left;
			width:120px;
			margin:5px 10px 0px 0px;
			padding:0;
		}
		
			#textimages-resultat-recherche .aff-resultat .photo a,
			#textimages-resultat-recherche .aff-resultat .photo a:hover,
			#textimages-resultat-recherche .aff-resultat .photo a:visited{
				
			}
		
			#textimages-resultat-recherche .aff-resultat .photo a img{
				margin:0;
				padding:0;
				width:120px;
				border:#545C58 solid 1px;
			}
			
			#textimages-resultat-recherche .aff-resultat .photo p{
				margin : 0;
			}
			
			#textimages-resultat-recherche .photo img{
				margin:0;
				padding:0;
				width:120px;
				border:#545C58 solid 1px;
			} 
			
		
		#textimages-resultat-recherche .aff-resultat .titreRep{
			clear:left;
			color:#008FC3;
			font-weight:bold;
			margin:5px 0px 2px 0px;
		}
		
			#textimages-resultat-recherche .txt-resultat{
				/*float:left;*/
				padding:0;
				margin:0;
				width:580px;
			}
		
			#textimages-resultat-recherche .txt-resultat h3{
				margin:0px 0px 5px 0px;
				padding:0;
				font-size:1.2em;
			}
		
				#textimages-resultat-recherche .txt-resultat h3 img{
					width:5px;
					padding:0;
					margin:5px 7px 0px 0px;
				}
		
			#textimages-resultat-recherche .txt-resultat p{
				padding:0;	
				margin:0px 0px 3px 0px;
			}
			
				#textimages-resultat-recherche .txt-resultat p.resultat-menu{
				text-align:right;
				}
				
				#textimages-resultat-recherche .txt-resultat p a, #textimages-resultat-recherche .txt-resultat p a:visited{
					color:#E1001A;
					text-decoration:underline;	
				}
				
				#textimages-resultat-recherche .txt-resultat p a:hover{
					text-decoration:none;	
				}	
				
		/****************************************\resultat***********************************/	
		
		/****************************************fiche plus d'info***********************************/
		
		#arrondi-info{
			margin:0;
			padding:16px 0 0 45px;
			font-size:1.6em;
		}
		
		#milieu{
			float:left;
			width:480px;
			padding:0px 40px 0px 45px;
			margin:0;
		}

			#milieu h3{
				font-size:1.2em;
				margin:10px 0px 5px 0px;
				padding:0;
			}
			
			#milieu p{
				margin:0;
				padding:0;
			}
			
			#milieu p.back_to_list{
					text-align : right;
			}
			
			#milieu p.back_to_list a{
					color : #5E6A18;
					text-decoration : none;
					background: url(../images/page_white_go.jpg) no-repeat bottom left;
					padding-top : 3px;
					padding-left : 20px;
			}
			
			#milieu p.back_to_list a:hover{
					color : #93928E;
					text-decoration : underline;
			}
			
			#milieu #description{
				 margin-bottom : 20px;
			}
			
			#milieu .navigation{
				margin-bottom : 10px;
				height : 20px;	
			}
			
			#milieu p.navig{
					width : 139px;
					float : left;
					
			}
			
			#milieu p.navig span{
				color : white;
			}
			
			#milieu p.navig a{
			color : #7A891F;
			text-decoration : none;
			}
			
			#milieu p.navig a:hover{
			color : #5E6A18;
			text-decoration : underline;
			}
			
			#milieu p#navig_left{
					text-align : left;
					padding-left : 100px;
			}
			#milieu p#navig_left a{
					background : url(../images/house_go_left.jpg) no-repeat bottom left;
					padding-left : 20px;
			}
			
			#milieu p#navig_right{
				 text-align : right;
				 padding-right : 100px;
			}
			
			#milieu p#navig_right a{
					background : url(../images/house_go_right.jpg) no-repeat bottom right;
					padding-right : 20px;
									
			}
						
			
			#milieu #diaporama-swf{
				padding: 5px;
				padding-left : 15px;
				padding-top : 15px;	
				padding-bottom : 15px;		
			}
			
			#milieu ul {
				margin:0;
				padding:0;
			}
			
		
		#droite{
			float:left;
			width:190px;
			padding-bottom:230px;
		}
		
			#droite h3{
				font-size:1.2em;
				margin:10px 0px 5px 0px;
			}
		
			#droite a, #droite a:visited{
				margin:0;
				color:#000;
				text-decoration:none;
			}
			
			#droite a:hover{
				color:#E1001A;
				text-decoration:underline;
			}

			#droite ul{
			margin:0;
			padding:0;
			}
			
			#droite .lien-info{
			margin:5px 0px 10px 0px;
			}
			
			
			
		/****************************************\fiche + d'info***********************************/
		
		/****************************************actu***********************************/
		
		.actualite div.arrondi h2{
			background : url(../images/textimages/puce-bleue.gif) no-repeat left center;
			padding : 0;
			margin : 0;
			padding-left : 20px;
			margin-left : 15px;
		}
		
		.actualite div.arrondi {
			padding-top : 20px;
		}
		
		#textimages div#actu{
		margin:5px 0px 0px 0px;
		padding:0;
		float :left;
		width : 35%;
		background: #F9FFE2;
		border : 1px solid #F5FFBB;
		}
		
		#textimages div#actu a{
			color : #689D00;
			text-decoration: none;
			font-weight : bold;
		}
		
		#textimages div#actu a:hover{
			color : #486D00;
			text-decoration: underline;
		}
		
		#textimages div#actu li{
			margin-right : 5px;
			margin-bottom : 5px;
		}
		
		#textimages div#actu ul{
			margin-left : 20px;
			margin-right : 5px;
		}
		
		#textimages #currentActu{
			width : 60%;
			float :left;
			margin : 0;
			padding : 0;
			text-align: justify;
		}
		
		#textimages #currentActu h3,#textimages div#actu h3{
			background : url(../images/textimages/puce-grande-verte.gif) no-repeat left center;
			padding-left : 15px;
			margin-left : 25px;
			font-size : 1.3em;
			margin-top : 5px;
		}
		
		#textimages div#actu p{
		margin:0px 15px 10px 15px;
		padding:0;
		float:left;
		width:520px;
		}
		
		#textimages div#actu p.chapeau{
		font-weight:bold;
		float:left;
		margin-bottom:5px;
		padding:0;
		}
		
		#textimages #currentActu img{
		margin:0px;
		margin-right : 20px;
		margin-left : 10px;
		margin-bottom : 10px;
		padding:0;
		float:right;
		}	
		
		
		#textimages div#actu h3 img{
		margin:4px 3px;
		padding:0;
		width:8px;
		clear:left;
		}
		
		#textimages .chapeau{
			font-style: italic;
			margin-bottom : 20px;
		}
		
		
		/****************************************\actu***********************************/
		
		/****************************************coordonnes***********************************/
		
		div#coordo-plan{
		margin:0px 0px 0px 5px;
		padding-bottom:215px;
		float:left;
		width:280px;
		}
		
		div#coordo-plan fieldset {
  		margin-bottom:10px;
		padding:0px 15px;
		}
	
		div#coordo-plan legend {
			margin:0px 0px 3px 0px;
			padding:0 10px;
			font-weight:bold;	
			color:#008FC3;
		}
		
		div#coordo-plan p {
			margin:0px 0px 5px 0px;
			padding:0px;	
		}
				
		div#coordo-plan img {
			margin:5px 0px;
			padding:0;
			border : 1px solid black;	
		}
		
		a.image_plan{
			border : none;
			text-decoration : none;
		}
		/****************************************\coordonnes********************************** \contact.php */
		
		/****************************************Mentions Legales********************************** \mentions_legales.php */
		div#mentions_leg{
			padding : 20px;
			padding-top : 0;
		}
		
		div#mentions_leg h2{
			background : url(../images/textimages/puce-bleue.gif) no-repeat top left;
			padding-left : 20px;
		}
		
		div#mentions_leg h3{
			background : url(../images/textimages/puce-grande-verte.gif) no-repeat top left;
			padding-left : 20px;
		}
		
		/****************************************\Mentions Legales********************************** \mentions_legales.php */
		
		/****************************************Plan site********************************** \plan_site.php */
		div#plan_site {
			padding : 20px;
			padding-top : 0;
		}
		
		div#plan_site a{
			color : #7fbf00;
			text-decoration :none;			
		}
		
		div#plan_site a:hover{
			color : #336600;
			text-decoration :underline;			
		}
		
		div#plan_site h2{
			background : url(../images/textimages/puce-bleue.gif) no-repeat center left;
			padding-left : 20px;
		}
		/****************************************\Plan site********************************** \plan_site.php */
		
	/****************************************\textimages***********************************/	

/****************************************\contenu**************************************/

/****************************************footer****************************************/

	div#footer{
	clear:both;
	width:1000px;
	position:relative;
	padding-top:15px;
	margin:0;
	clear:left;
	}
	
	div#footer.grand{
	/*background-color:#99CC33;
	background-color:#669933;
	background-color:#399A39;*/	
	background-color:#7FB400;
	padding:5px 0px;
	margin:0;
	}
	
	.normal{
	height:47px;
	background-image:url(../images/footer/footer.gif);
	}
		
		div#footer p{
		color:#FFF;
		font-size:1.2em;
		margin:0px 0px 0px 15px;
		width:850px;
		}
		
		div#footer p a, div#footer p a:visited{
		color:#FFF;
		text-decoration:underline;
		}
		
		div#footer p a:hover{
		color:#FFF;
		text-decoration:underline;
		}
				
		div#footer a#idinteractive{
		color:#FFF;
		font-size:1.2em;
		font-weight:bold;
		text-decoration:none;
		position:absolute;
		right:20px;
		top:20px;
		}
		
		div#footer a#idinteractive-grand{
		color:#FFF;
		font-size:1.2em;
		text-decoration:none;
		position:absolute;
		right:20px;
		top:12px;
		}
		
		div#famille{
		width:231px;
		height:212px;
		background-image:url(../images/footer/famille.jpg);
		position:absolute;
		top:-212px;
		right:0;
		}
		
		div#maisons-vertes{
		width:245px;
		height:21px;
		background-image:url(../images/footer/maisons-vertes.gif);
		position:absolute;
		top:-21px;
		}	
		
/****************************************\footer***************************************/

/****************************************\formulaire***********************************/

/* Formulaire global */

.myForm {
	margin:0;
	padding:0;
  	width:100%;
}
.myForm p {
  	margin:0;
	clear:left;
}
.myForm label.erreur	{
  	color:red;
}

.myForm .erreurLog {
  	color:red;
  	font-size:1em;
	padding:0 10px 10px 10px;
}

/* Fieldset et Legend */

fieldset{
	border:#CCC 1px solid;
	padding:0px 5px 5px 5px;
}

.myForm fieldset {
  	margin-bottom:10px;
}
	.myForm legend {
		margin:0px 0px 3px 0px;
	  	padding:0 10px;
		font-weight:bold;
		color:#008FC3;
	}

/* div pour chaque input */

.myForm .formfield label {
	margin:3px 0;
	padding:0;
  	display:block;
	width:140px;
	float:left;
}

.myForm .formfield span,
.myForm .formfield select,
.myForm .formfield textarea {
  	display:block;
	float:left;
	padding:0;
	margin:3px 0px;
}

.myForm .formfield span.hint{
	font-style : italic;
	font-size : 0.9em;
	color : grey;
}

.myForm .formfield input{
	margin:3px 0px 5px 0px;
	padding:0;
	vertical-align:middle;
}

#formulaire p{
	margin:0;
	}

/* classes pour la largeur des inputs  */

.myForm .formfield .i1 {
	width:110px;
}
.myForm .formfield .i2 {
	width:275px;
}

.myForm .formfield .i1Propo {
	width:110px;
}
.myForm .formfield .i2Propo {
	width:290px;
}

.myForm .center {
  	text-align:center;
}

.myForm .CNIL {
  	text-align:justify;
  	padding:10px;
  	font-size:1em;
}

/* Pagination */

#pagination{
clear:left;
margin:0;
padding:10px 0px;
text-align:center;
}

#pagination p{
color:#E1001A;
}

#pagination .separator{
	color : black;
}

#pagination a.flechnav, #pagination a.flechnav:visited{
text-decoration:none;
color:#09C;
}

#pagination a.flechnav:hover{
text-decoration:underline;
}

#pagination a, #pagination a:visited{
text-decoration:none;
color:#000;
}

#pagination a:hover{
color:#09C;
}