@charset "utf-8";

body{
margin:0;
background-repeat:repeat-x;
background-image:url("/media/images/fond.jpg");
background-color:#93c5f8;
font-family: Verdana , Arial, serif;
font-size:8pt;
font-weight:bold;
}

img{
border:0;
display:block;
}

#website {
width:993px;
background:#36639c;
margin:0 auto;
}

a{
text-decoration:none;
}

object{
display:block;
}

object:hover
{
cursor:pointer;
}

a:hover{
text-decoration:underline;
}
		
.pagination{
color:white;
}

.pagination a{
color:white;
}
	
	#website #header{
	}
	
	#website #header #logo{
	float:left;
	}
	
	#website #header #logo object{
	float:left;
	width:174px;
	height:193px;
	}
	
	#website #header #baniere{
	float:left;
	}

	
	#website #header #baniere object{
	width:819px;
	height:193px;
	}
	
	#website #main {
	clear:both;
	}

		#website #main #content{
		float:left;
		width:681px;
		}
		
		
				/****************
				****** Menu *****
				*****************/
					
					#website #main #content #menu{
					margin: 0 10px;
					font-size:9pt;
					}
					
					#website #main #content #menu a{
					color:white;
					}
					
					#website #main #content #menu div{
					height:33px;
					}
					
					
						#website #main #content #menu #menu_gauche{
						float:left;
						width:6px;
						background:url('/media/images/menu_gauche.jpg') no-repeat;
						}
						
						#website #main #content #menu #menu_corps{
						float:left;
						background:url('/media/images/menu_fond.jpg') repeat-x;
						width:650px;
						}
		
							#website #main #content #menu #menu_corps ul{
							margin:0;
							padding:9px 15px 0 15px;
							list-style:none;
							}
							
							
								#website #main #content #menu #menu_corps ul li.puce{
									float:left;
									padding: 0 28px 0 0; 
								}
		
						#website #main #content #menu #menu_droit{
						float:left;
						width:4px;
						background:url('/media/images/menu_droit.jpg') no-repeat;
						}
						
				#website #main #content .sous_menu{
				background-color:#76a7df;
				padding:5px;
				
				}
				
				#website #main #content .sous_menu a {
				color:#1b217f;				
				margin:0 0 0 20px;
				}
				
				#website #main #content .sous_menu a:hover {
				color:white;
				}
				
				#website #main #content #ssmenu1{
				margin:0 0 0 15px;
				}
				
				#website #main #content #ssmenu2{
				margin:0 10px 0 70px;
				}
				
				/*** Fin Menu ***/
				
				
			/****************
			***** Ariane ****
			*****************/
				
			#website #main #content #ariane{
			margin:15px 0 10px 15px;
			padding:0;
			color:white;
			}
			
			#website #main #content #ariane a{
			color:white;
			}	
			
			#website #main #content #ariane .actif{
			color:#10BB40;
			}
			
			/**** Fin Ariane ***/
			
			/********************
			****** Agence *******
			********************/
			
			#website #main #content .article #map{
			width:600px;
			height:500px;
			border: solid 1px black;
			margin:10px 0;
			color:black;
			}
			/**** Fin Agence ***/
			
			/********************
			***** Calculette ****
			********************/
			
			#website #main #content iframe{
			margin:0 0 0 10px;
			width:600px;
			}
			
			#website #main #content .calculette2 iframe{
			height: 425px;
			}
			
			#website #main #content .calculette iframe
			{
			height:1110px;
			}
			
			/**** Fin Calculette ***/
			
			/* Mention legale*/
			
			#website #main #content #mentions_legales{
			background-color:white;
			margin: 10px;
			}
			
			#website #main #content #mentions_legales img
			{
			display:block;
			float:left;
			}
			
			#website #main #content #mentions_legales div
			{
			padding:10px;
			}
			
			
			#website #main #content #mentions_legales div  #mention{
			color:#1c4680;
			font-size:16pt;
			}
			
			#website #main #content #mentions_legales div #type_mention{
			font-size:16pt;
			}
			
			#website #main #content #mentions_legales div #info_mention{
			color:#1c4680;
			}
			
			#website #main #content #mentions_legales div p{
			}
			
			/********************
			***** Article ****
			********************/
			
			#website #main #content .article
			{
			margin:15px;
			padding:15px;
			border:solid 1px gray;
			background-color:#8da5c7;
			font-weight:normal;
			color:white;
			}
					#website #main #content .article li{
					list-style:none;
					}
					
					#website #main #content .article ul{
					list-style:none;
					}
					
					#website #main #content .article a
					{
					color: white;
					}
					
					#website #main #content .article h2{
					font-size:12pt;
					margin:0 0 10px 10px;;
					}
					
					#website #main #content .article .contenu_article:first-letter{
					font-size:12pt;
					margin:0 0 0 20px;
					}
					
					#website #main #content .article .a_contenu{
					margin:0 0 15px 0;
					}
					
					/* Page de flux Rss */
					#website #main #content .article .rss_contenu{
					font-weight:bold;
					margin:10px;
					color:black;
					}
					
					#website #main #content .article .rss_contenu h1{
					font-size:12pt;
					}
					
						#website #main #content .article .rss_contenu div{
						padding:0 0 20px 0;
						clear:both;
						}	
							#website #main #content .article .rss_contenu div p{
							margin:0;
							padding:0 10px;
							}
							
							#website #main #content .article .rss_contenu a{
							font-size:10pt;
							margin:0;
							}
							
					#website #main #content .article .haut{
					display:block;
					text-align:right;
					} 	
					
					/* Fin de Page de flux Rss */
					
			/**** Fin Article ***/
			
			/********************
			***** Mini fiche ****
			********************/
			
			#website #main #content .mini_fiche
			{
			color:black;
			margin:0 10px 20px 10px;
			}
			
				#website #main #content .mini_fiche .mini_fiche_haut{
				background: url('/media/images/mini_fiche_haut.jpg') repeat-x;
				height:23px;
				padding:8px 10px 0px 20px;
				color:#282f89;
				}
								
						#website #main #content .mini_fiche .mini_fiche_haut .ville_fiche{
						width:200px;
						float:left;
						}
						
						#website #main #content .mini_fiche .mini_fiche_haut .cat_fiche{
						float:left;
						}
		
						#website #main #content .mini_fiche .mini_fiche_haut .ref_fiche{
						float:right;
						}

				#website #main #content .mini_fiche .mini_fiche_corps{
				background: white;
				padding:10px;
				}
			
			/**** Debut Special fiches ***/
			
								#website #main #content .mini_fiche .mini_fiche_corps #description{
								margin:0 0 25px 0;
								font-weight:normal;
								}
								
									#website #main #content .mini_fiche .mini_fiche_corps #description .description{
										margin:0;
										float:none;
										clear:both;
										font-weight:bold;
									}
								
								
								#website #main #content .mini_fiche .mini_fiche_corps .fiche_contenu{
								float:left;
								}
								
									#website #main #content .mini_fiche .mini_fiche_corps .fiche_contenu p{
									font-weight:normal;
									margin:3px 0;
									padding:0 0 0 5px;
									float:left;
									}
									
									#website #main #content .mini_fiche .mini_fiche_corps .fiche_contenu .description{
									font-weight:bold;
									clear:left;
									padding:0;
									}
								
								
								#website #main #content .mini_fiche .mini_fiche_corps #petites_photos{
								margin: 40px 0 0 0;
								}		
								
										#website #main #content .mini_fiche .mini_fiche_corps #petites_photos img{
										width:125px;
										}
								
								#website #main #content .mini_fiche .mini_fiche_corps #liens_details{
								float:right;
								width:250px;
								}
								
									#website #main #content .mini_fiche .mini_fiche_corps #liens_details a{
									display:block;
									margin:8px 0;
									color:#006796;
									padding:0 0 0 25px;
									}
									
									#website #main #content .mini_fiche .mini_fiche_corps #liens_details #retour{
									background:url('/media/images/retour_fiche.jpg') no-repeat;
									}
									
									#website #main #content .mini_fiche .mini_fiche_corps #liens_details #ajout{
									background:url('/media/images/ajout_fiche.jpg') no-repeat;
									}
									
									#website #main #content .mini_fiche .mini_fiche_corps #liens_details #imprime{
									background:url('/media/images/imprime_fiche.jpg') no-repeat;
									}
									
									#website #main #content .mini_fiche .mini_fiche_corps #liens_details #contact{
									background:url('/media/images/contact_fiche.jpg') no-repeat;
									}
									
							
							
							#website #main #content .mini_fiche .mini_fiche_corps .fiche_bas{
							text-align:center;
							font-size:7pt;
							color:#006796;
							margin:30px 0 0 0;
							}
							
							
			/**** Fin Special fiches ***/
			
			
			/**** Debut Special Mini fiche ***/
						#website #main #content .mini_fiche .mini_fiche_corps .img{
						float:left;
						width:200px;
						}
			
						#website #main #content .mini_fiche .mini_fiche_corps .mini_fiche_contenu{
						float:right;
						width:390px;
						min-height:40px;
						font-size:7pt;
						padding:0 10px 10px 0;
						}
						
						
						#website #main #content .mini_fiche .mini_fiche_corps .mini_fiche_bas {
						border-top:2px solid #d5cfe9;
						height:35px;
						padding:5px 0 0 0;
						margin:0 5px;
						}
						
						
								#website #main #content .mini_fiche .mini_fiche_corps .mini_fiche_bas a{
								display:block;
								float:left;
								height:21px;
								margin:5px 0 0 0;
								padding:3px 0 3px 30px;
								 
								}	
								
								#website #main #content .mini_fiche .mini_fiche_corps .mini_fiche_bas .contact{
								background:url('/media/images/contact.jpg') no-repeat;
								color:#59af4a;
								width:120px;
								}
				
								#website #main #content .mini_fiche .mini_fiche_corps .mini_fiche_bas .bien{
								background:url('/media/images/loupe.jpg') no-repeat;
								color:#20b0e2;
								width:220px;
								}
								
								#website #main #content .mini_fiche .mini_fiche_corps .mini_fiche_bas .info{
								text-align:center;
								color:#003398;
								font-size:10pt;
								}


			/**** Fin Special Mini fiche ***/
			
			/**** Fin Mini fiche et fiche ***/
			
			/******************
			** Coup de coeur **
			*******************/
			
			#website #main #content #coupdecoeur{
			margin:0 0 0 25px ;
			width:615px;
			}
			
				#website #main #content #coupdecoeur #coupdecoeur_haut{
				padding:8px 0 0 20px;
				background:url('/media/images/coupdecoeur_haut.jpg') no-repeat;
				height:30px;
				font-size:15pt;
				color:white;
				}		

				#website #main #content #coupdecoeur #coupdecoeur_corps{
				background-color:#8da5c7;
				border: solid 1px #547eb2;
				text-align:center;
				}
				
				#website #main #content #coupdecoeur #coupdecoeur_corps #cdp{
				
				width:600px;
				height:320px;
				}
				
				
			/**** Fin Coup de coeur ***/
		
			/******************
			***** Adresse *****
			*******************/
			
			
			#website #main #content #adresse{
			float:left;
			margin:30px 0 0 25px;
			}
			
			#website #main #content #adresse div{
			margin:0;		
			}
			
			#website #main #content #adresse #tel{
			margin:4px;
			font-size:12pt;
			color:white;
			}
		
			#website #main #content #adresse #bloc_adresse{
			background:url('/media/images/adresse.jpg') no-repeat;
			height:66px;
			padding:4px 0 0 8px;
			width:240px;
			position:relative;
			top:-15px;
			}
			
			#website #main #content #adresse #acces_agence{
			padding:0 0 2px 10px;
			width:248px;
			position:relative;
			top:-15px;
			}
			
			#website #main #content #adresse a{
			color:white;
			}
			
			/**** Fin Adresse ***/

			
			/*******************
			**** Actualite ****
			*******************/
			
			
			#website #main #content #actualite{
			float:left;
			margin:30px 0 0 50px;
			color:white; 
			}
			
				#website #main #content #actualite a{
				color:white;
				}
				
				#website #main #content #actualite p{
				margin:5px 0;
				padding:0;
				}
								
				#website #main #content #actualite #actualite_gauche{
				float:left;
				background:url('/media/images/actualite_gauche.jpg') no-repeat;
				width:61px;
				height:175px;
				}
				
				#website #main #content #actualite #actualite_corps{
				float:left;
				margin:1px 0 0 0;
				background-color: #6889b5;
				border-bottom:solid 1px #4a72a6;
				height:173px;
				width:200px;
				}
				
				#website #main #content #actualite #actualite_corps h2{
						font-size:14pt;
						padding:3px 0;
						margin:0;
				}
				
				#website #main #content #actualite #actualite_corps ul{
				list-style:none;
				padding: 0;
				margin:0;
				}
				
				#website #main #content #actualite #actualite_corps li{
				padding: 0 0 5px 0;
				}
				
				#website #main #content #actualite #actualite_droit{
				float:left;
				background:url('/media/images/actualite_droit.jpg') no-repeat;
				width:60px;
				height:179px;
				}
			
			/**** Fin Actualite ***/
			
			/*******************
			** Bas du content **
			*******************/
			
				#website #main #content #content_bas{
				margin:0 0 0 25px;
				}
			
				#website #main #content #content_bas img{
				float:left;
				}
				
				#website #main #content #content_bas p{
				padding:20px 0 0 100px;
				color:white;
				font-size:10pt;
				}
			/**** Fin Bas du content ***/
			
			/*******************
			*** Formulaires ****
			*******************/	
			
			
			#website #main #content #formulaire{
			margin:0 50px 0 80px;
			padding:10px 40px;
			border:ridge gray;
			color:white;
			}
			
			#website #main #content #formulaire #result{
			text-align:center;
			}
			
			#website #main #content #formulaire #loader{
			text-align:center;
			}
			
				#website #main #content #formulaire #loader img{
				display:inline;
				}
			#website #main #content #formulaire table caption{
			height:35px;
			}
			
			#website #main #content #formulaire table td{
			width:150px;
			}
			
			#website #main #content #formulaire table input{
			width:170px;
			margin:0 0 0 50px;
			}
			
			
			#website #main #content #formulaire table input.radio{
			width:20px;
			margin:0 0 0 30px;
			}
			
			#website #main #content #formulaire table textarea{
			width:170px;
			height:50px;
			margin:0 0 0 50px;
			}
			
			#website #main #content #formulaire #message textarea{
			width:300px;
			height:80px;
			margin:0;
			}
			
			#website #main #content #formulaire #validation{
			margin:15px 0 0 0;
			text-align:center;
			}
			
			/**** Formulaire ***/
			
			
		/*******************
		* Colone de droite *
		*******************/	
			
		#website #main  #col_right{
		float:left;
		}
		
				
					/*******************
					***** Recherche ****
					*******************/

					#website #main  #col_right #recherche{
					background:url('/media/images/recherche.jpg') no-repeat;
					width:309px;
					height:213px;
					color:#003882;
					margin:0 0 0 3px; 
					}
					
					#website #main  #col_right #recherche label{
							cursor: pointer;
							font-weight:bold;
						}
					
					#website #main  #col_right #recherche label#checkacheter{
					font-weight:normal;
					}
					
					#website #main  #col_right #recherche label#checklouer {
					font-weight:normal;
					}
					
					
					#website #main  #col_right #recherche h1{
						font-size:14pt;
						padding:5px 0 7px 5px;
						margin:0;
					}
					
					#website #main  #col_right #recherche #recherche_gauche{
					float:left;
					padding:0 0 0 10px;
					width:145px;
					}
					
						#website #main  #col_right #recherche #recherche_gauche label{
						margin: 0 10px 0 7px;
						padding:0;
						}
						
						#website #main  #col_right #recherche #recherche_gauche form{
						padding:0;
						margin:0;
						}
								
						#website #main  #col_right #recherche #recherche_gauche select{
						width:140px;
						margin:4px 0 4px 0;
						}
						
						#website #main  #col_right #recherche #recherche_gauche input{
						width:81px;
						margin:0;
						}
						
						#website #main  #col_right #recherche #recherche_gauche .bouton{
						width:145px;
						margin:5px 0 0 0;
						}
							
							
					#website #main  #col_right #recherche #recherche_droit{
					float:left;
					font-size:7pt;
					width:150px;
					 
					}
					
							#website #main  #col_right #recherche #recherche_droit ul{
							margin:50px 0 0 0;
							padding:0 0 0 20px;
							}
							
							#website #main  #col_right #recherche #recherche_droit li{
							margin:2px 0;
							padding:0;
							}
							
								#website #main  #col_right #recherche #recherche_droit #a{
								list-style-image:url('/media/images/a.jpg');
								}
								
								#website #main  #col_right #recherche #recherche_droit #b{
								list-style-image:url('/media/images/b.jpg');
								}
								
								#website #main  #col_right #recherche #recherche_droit #c{
								list-style-image:url('/media/images/c.jpg');
								}
								
								#website #main  #col_right #recherche #recherche_droit #d{
								list-style-image:url('/media/images/d.jpg');
								}
								
								#website #main  #col_right #recherche #recherche_droit #e{
								list-style-image:url('/media/images/e.jpg');
								}
					/**** Fin Recherche ***/
									
				
				/*******************
				*** Espace perso ***
				*******************/
									
				#website #main  #col_right #espace_perso{
				background:url('/media/images/espace_perso.jpg') no-repeat;
				width:287px;
				height:104px;
				margin:20px 0 0 0;
				padding:0 0 0 10px;		
				 
				}
						#website #main  #col_right #espace_perso p{
						font-size:9pt;
						color:#003982;
						padding:7px 0 0 30px;
						margin:0;
						}
						
						#website #main  #col_right #espace_perso a{
						color:#003982;
						margin:4px 0;
						display:block;
						}
						
						#website #main  #col_right #espace_perso h3{
						margin:0;
						padding:5px 0 0 40px;
						font-size:11pt;
						
						}	
				/**** Fin espace perso ***/
				
				/*******************
				*** informations ***
				*******************/	
						
				#website #main  #col_right #info{
				margin:10px 0 0 0;
				background:url('/media/images/info.jpg') no-repeat;
				width:287px;
				height:112px;
				padding:1px 0 0 20px;
				color:white;
				 
				}
						#website #main  #col_right #info h2{
						margin:0 0 0 20px;
						font-size:14pt;
						padding:0 0 10px 5px;
						}
						
						#website #main  #col_right #info ul{
						padding:0;
						margin:0;
						width:190px;
						list-style:none;
						}
						
						#website #main  #col_right #info li{
						padding:0;
						margin:0;
						}
						
						#website #main  #col_right #info a{
						color:white;
						}
				
				/**** Fin Informations ***/
				
				
				/*******************
				****** Alerte ******
				*******************/	
				#website #main  #col_right #alerte{
				margin:20px 0 0 0;
				background:url('/media/images/alerte.jpg') no-repeat;
				width:287px;
				height:213px;
				padding:0 0 0 10px;
				color:#003982;
				
				}
					#website #main  #col_right #alerte h3{
						margin:0 0 15px 0;
						padding:5px 0 0 40px;
						font-size:11pt;
						}	
				
				/**** Fin alerte***/		
							
		/**** Fin colone de Droite ***/

	
	
	#website #footer {
	min-height:15px;
	background: url('/media/images/pelouse.jpg') repeat-x bottom;
	}
	
	#bas_page{
	text-align:center;
	color:black;
	clear:both;
	}
	
	#bas_page a{
	color:black;
	}