/* Espaze_tourisme */

* {
	margin:0;
	padding:0;
}

body {
margin: 0; /* pour éviter les marges */
padding: 0;
text-align: center; /* pour corriger le bug de centrage IE */
font: 12px, arial, sans-serif;
}
	
	#general {
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    width: 760px; /* largeur obligatoire pour être centré */
	height: 550px;
	text-align: left;  /* on rétablit l'alignement normal du texte */
    }
    
    p {
	margin:0;
	padding:0;
}
	
		#entete { /*  all */
		float: left;
		width: 760px;
		height: 110px;
		}
			#logo { /*  all */
			float: left;
			width: 170px;
			height: 110px;
			}
			
			#logo a { 
			display: block;
			width: 170px;
			height: 110px;
			background:  url(location_espaze_provence/logo_espaze.jpg) 100% 0 no-repeat;
			}
			
			#bandeau_gauche { /*  all */
			float: left;
			width: 470px;
			height: 110px;
			background:  url(location_espaze_provence/bandeau_haut_gauche_espaze.jpg) 100% 0 no-repeat;
			}
			
			#bandeau_milieu { /*  all */
			float: left;
			width: 50px;
			height: 110px;
			}
			
				#bandeau_milieu a { /*  all */
				display: block;
				width: 50px;
				height: 110px;
				background:  url(location_espaze_provence/bandeau_haut_milieu_espaze.jpg) 100% 0 no-repeat;
			}
			
			#bandeau_droite { /*  all */
			float: left;
			width: 70px;
			height: 110px;
			}
			
				#bandeau_droite a {
				display: block;
				width: 70px;
				height: 110px;
				background:  url(location_espaze_provence/bandeau_haut_droite_espaze.jpg) 100% 0 no-repeat;
				}
						
		#contenu { /*  all */
		float: left;
		margin: 0; 
		padding: 0;
		width: 760px;
		height: 400px;
		background-color: #CCEB9F;
		}
		
			#colonne_1 { /*  all */
			float: left;
			margin: 0; 
			padding: 0;
			width: 170px;
			height: 400px;
			background-color: #CCEB9F;
			}
				#haut_colonne_1 { /*  all */
				float: left;
				margin: 0; 
				padding: 0;
				width: 170px;
				height: 70px;
				background:  url(location_espaze_provence/haut_col1_espaze.jpg) 100% 0 no-repeat;
				}
				
				#navigation1 { /*  all */
				float: left;
				width: 150px;
				height: 120px;
				list-style: none;
				margin: 0;
				padding: 0 10px;
				background-color: #CCEB9F;
				}
					
					#navigation1 li {
					color: #ffffff;
					width: 150px;
					height: 20px;
					background:  url(location_espaze_provence/fd_bouton_menu_g_espaze.jpg) 100% 0 no-repeat;
					margin:0;
					}
					
						#navigation1 li a {
						display: block;
						width: 150px;
						height: 20px;
						color: #ffffff;
						font-size: 12px;
						font-weight: bold;
						line-height: 1em;
						text-align: center;
						text-decoration: none;
						padding: 4px 0;
						}
						
						#navigation1 li a:hover {
						color: #E24C6F;
						background:  url(location_espaze_provence/fd_bouton_menu_g_h_espaze.jpg) 100% 0 no-repeat;
						}
					
				#fond_conteneur_partenaires {/*  accueil */
				float: left;
				margin:0;
				padding:10px 0 0 38px;
				width: 132px;
				text-align: center;
				}
					
					#conteneur_partenaires {/*  accueil */
					float: left;
					margin: 10px 0 0 0;
					padding: 0;
					background-color: #ffffff;
					border: 1px solid #236B0D;
					text-align: center;

					}
			
				#navigation2 { /*  all */
				float: left;
				width: 170px;
				list-style: none;
				margin: 10px 0 0 0;
				padding:0;
				}
				
					#navigation2 li { /*  all */
					color: #236B0D;
					height: 10px;
					margin:0;
					padding:0;
					}
				
					#navigation2 li a {
					display: block;
					color: #236B0D;
					font-size: 9px;
					font-weight: bold;
					text-align: center;
					text-decoration: none;
					margin:0;
					padding:0;
					}
				
					#navigation2 li a:hover {
					color: #EBF7D9;
					}
				
		#colonne_2 { /*  all */
		float: left;
		margin: 0; 
		padding: 0px;
		width: 580px;
		height: 400px;
		background: url(location_espaze_provence/fond_colonne2_espaze.jpg) no-repeat;

		}
				#col2_gauche { /*  all */
				float: left;
				padding: 0; 
				margin: 0;
				width: 400px;
				height: 400px;
				}
				
				#fond_h1 { /*  all */
				float: left;
				margin: 10px 0 0 0; 
				padding: 0;
				width: 400px;
				height: 20px;
				background:  url(location_espaze_provence/fd_h1_espaze.jpg) repeat-y;
				}

					
						h1 { /*  all */
										float: left;
						margin:0;
						padding:0 0 0 68px;
						width: 326px;
						height: 20px;
						font-size: 16px;
						color: #ffffff;
						background: url(location_espaze_provence/arrosoir_espaze.jpg) no-repeat;
						}
						
						h2 { /*  accueil */
						float: left;
						margin: 10px 0 10px 0;
						padding:0;
						width: 400px;
						font-size: 12px;
						color: #236B0D;
						font-weight: bold;
						text-align: center;
						}
	
						h3 { /*  accueil */
						float: left;
						margin : 0;
						padding:0;
						width: 400px;
						font-size: 12px;
						font-style: italic;
						color: #000000;
						font-weight: bold;
						text-align: center;
						}
																						
						#aquarelle { /*  accueil */
						float: left;
						margin:0;
						padding:0 3px;
						width: 394px;
						height: 215px;
						}
												
							#ligne1, #ligne2 { /*  chambres */
							float: left;
							padding: 10px 10px 0 10px;
							width: 380px;
							height: 158px;
							}
							
								#ligne1 p { /*  chambres */ /*  sejour */
								float: left;
								padding: 0 0 0 10px;
								font-size: 11px;
								font-weight: bold;
								color: #236B0D;
								width: 159px;
								height: 158px;
								}
													
								#ligne2 p { /*  chambres */
								float: left;
								padding: 0 10px 0 0;
								width: 159px;
								height: 158px;
								font-size: 11px;
								font-weight: bold;
								font-style: italic;
								color: #000000;
								}
																					
								.photo1 {
								float: left;
								margin: 0;
								width: 211px;
								height: 158px;
								}
																																																								
							#ligne4 { /*  acces */
							float: left;
							padding: 10px 10px 0 10px;
							width: 380px;
							height: 240px;
							}	
							#ligne5 { /*  acces */
							float: left;
							margin: 0 0 0 3px;
							padding: 10px 10px 0 10px;
							width: 377px;
							height: 60px;
							background-color: #ffffff;
							}
							
								#ligne5 p {
								margin: 0;
								padding: 0 0 0 10px;
								font-size: 11px;
								font-style: normal;
								font-weight: bold;
								color: #236B0D;
								}
								
							#ligne6 { /*  acces */
							float: left;
							margin: 0 0 0 3px;
							padding: 0 10px 0 10px;
							width: 377px;
							height: 35px;
							background-color: #ffffff;
							}
							
								#ligne6 p {
								margin: 0;
								padding: 0 0 0 10px;
								font-size: 11px;
								font-weight: bold;
								font-style: italic;
								color: #000000;
								}
								
							#formulaire {
							float: left;
							width: 374px;
							margin:20px 0 0 10px;
							}
							
							#formulaire input, #formulaire textarea {
							float: left;
							width: 240px;
							margin: 0 0 8px 0;
							border: 1px solid #236B0D;
							} 
							
							#bouton .1, #bouton2 .1 {
							float: left;
							width: 15px;
							height: 15px;
							margin: 0;
							} 
							
							#formulaire .cocher {
							width:20px;
							margin: 0 5px 0 0;
							border: 0;
							} 
							
							#formulaire textarea {
							height: 50px;
							}
							#formulaire .envoyer {
							float: right;
							width: 80px;
							height: 20px;
							margin: 0 15px 0 10px;
							color: #236B0D;
							background-color: #EBF7D9; 
							}
								
							#formulaire .annuler {
							float: right;
							width: 80px;
							height: 20px;
							margin: 0;
							color: #236B0D;
							background-color: #EBF7D9; 
							} 
							
							#formulaire form label {
							width: 125px;
							float: left;
							color: #000000;
							margin:0;
							}
							
							#pour_txt {
							float: left;
							margin :0;
							margin: 10px 0 0 10px;
							width: 554px;
							font-size: 9px;
							color: #000000;
							font-weight: bold;
							}
							
				
				#col2_droite { /*  all */
				float: left;
				margin: 0;  
				padding: 0 3px 0 0;
				width: 177px;
				height: 400px;
				}
				
				#fond_h4 { /*  all */
				float: left;
				margin: 10px 0 0 0; 
				padding: 0;
				width: 177px;
				height: 20px;
				text-align: center;
				background-color: #CCEB9F;
				}

									
					h4 {
					float: left;
					padding: 0;
					margin:2px 0 0 0;
					width: 177px;
					height: 18px;
					font-size: 12px;
					font-style: italic;
					color: #236B0D;
					font-weight: bold;
					}
				
					#col2_droite p  { /*  sejour */
					float: left;
					margin: 0;
					padding:0;
					width: 177px;
					font-size: 10px;
					font-weight: bold;
					color: #236B0D;
					}
														
					.vignette1 {
					float: left;
					margin:0;
					width: 177px;
					height: 100px;
					}
					
					.vignette2 {
					float: left;
					margin:0;
					width: 177px;
					height:150px;
					}
					
					#vignette_acces { /*  acces */
					float: left;
					margin:0;
					width: 177px;
					height: 100px;
					background: url(location_espaze_provence/dentelles_espaze.jpg) 100% 0 no-repeat;
					}
					
					#tarifs_france, #ouvert { /*  acces */
							float: left;
							padding: 0;
							width: 177px;
							height: 30px;
							}
					#prix { /*  acces */
							float: left;
							margin: 0;
							width: 177px;
							height: 60px;
							}
						 #tarifs_france p, #prix p, #ouvert p  { /*  acces */
							float: left;
							width: 167px;
							font-size: 11px;
							font-weight: bold;
							color: #236B0D;						
							}
							
							#tarifs_france p, #ouvert p {
							padding: 0 0 0 10px;
							}
							
						#tarifs_gb, #open { /*  acces */
							float: left;
							padding: 0;
							width: 177px;
							height: 30px;
							}
						 	#tarifs_gb p, #open p  { /*  acces */
								float: left;
								padding: 0 0 0 10px;
								width: 167px;
								height: 30px;
								font-size: 11px;
								font-style: italic;
								font-weight: bold;
								color: #000000;						
								}
							
					#reservations, #reservations2   {
					float: left;
					width: 177px;
					height: 55px;
					margin: 10px 0 0 0;
					padding:0;
					}

					#reservations a {
					float: left;
					margin: 0;
					width: 177px;
					height: 55px;
					background: url(location_espaze_provence/bouton_tarifs_espaze.jpg) 100% 0 no-repeat;
					}
					
					#reservations a:hover {
					background: url(location_espaze_provence/bouton_tarifs_h_espaze.jpg) 100% 0 no-repeat;
					}
					
					 #reservations2 a {
					float: left;
					width: 177px;
					height: 55px;
					background: url(location_espaze_provence/bouton_reservation_espaze.jpg) 100% 0 no-repeat;
					}
						
					#reservations2 a:hover {
					background: url(location_espaze_provence/bouton_reservation_h_espaze.jpg) 100% 0 no-repeat;
					}
					
		#colonne_3 { /*  all */
		float: left;
		margin: 0; 
		padding: 0;
		width: 10px;
		height: 400px;
		background-color: #CCEB9F;
		}
			
			#haut_colonne_3 { /*  all */
			float: left;
			width: 10px;
			height: 70px;
			background:  url(location_espaze_provence/haut_col3_espaze.jpg) 100% 0 no-repeat;
			margin: 0;
			padding:0;
			}
			
				
	#pieddepage { /*  all */
	
	float: left;
	margin: 0; 
	padding: 0;
	width: 760px;
	height: 40px;
	background: url(location_espaze_provence/fd_pdepage_espaze.jpg) repeat-x;
	}
		
		#pieddepage p{
		margin: 20px 0 0 0;
		text-align: center;
		font-size: 10px;
		color: #ffffff;
		font-weight: bold;
		}
			
		.mail_pdpage{
		font-style: 10px;
		color: #ffffff;
		font-weight: bold;
		}
		
		#gphoto_francaise { /*  accueil */
		float: left;
		margin: 10px;
		padding: 0;
		width: 450px;
		height: 677px;
		}
						
		#gphoto_italienne {
		float: left;
		margin: 10px;
		padding: 0;
		width: 600px;
		height: 450px;
		}
				
		#fermeture {
		float: left;
		margin: 10px;
		padding: 0;
		width: 600px;
		height: 20px;
		}
		
		#fermeture a {
		float: right;
		display: block;
		width: 50px;
		height: 20px;
		color: #E24C6F;
		font-size: 12px;
		font-weight: normal;
		line-height: 1em;
		text-decoration: none;
		}
		
		#fermeture a:hover {
		font-weight: bold;
		}