/* Gueuleton.Com page: index.php */
/* 
   ###########################
   ####  espaceRecherche  ####
   ###########################
*/
#espaceRecherches {
	width:680px;
	height:150px;
	position:relative;
	top:0px;
	left:10px;
	margin-top:10px;
}
	#espaceFormulaire {
		width:270px;
		height:130px;
		position:absolute;
		top:10px;
		left:10px;
		background-position:bottom left;
		background-repeat:no-repeat;
	}
		#titleEspaceFormulaire {
			width:245px;
			height:30px;
			position:relative;
			top:0px;
			left:25px;
			color:#000000;
			line-height:30px;	
			font-size:28px;
		}
		#selectRecherche {
			width:235px;
			height:30px;
			position:relative;
			top:0px;
			left:35px;
			font-size:16px;
			line-height:30px;
		}
		
			#selectRecherche a, #selectRecherche label{
				height:20px;
				width:20px;
				float:left;
				margin-top:5px;
				margin-right:5px;
				background:url(../images/boutonRadio/caseNotRadio.gif) center no-repeat;
				display:block;
			}
			#selectRecherche label{
				width:90px;
				height:30px;
				background:none;
				line-height:30px;
				margin-top:0px;
				margin-right:0px;
			}
			
		#champsRecherche {
			clear:both;
			width:200px;
			height:22px;
			line-height:22px;
			position:relative;
			top:0px;
			left:40px;
			border-left:3px solid #420015; 
			border-right:3px solid #420015; 
			border-top:1px solid #420015; 
			border-bottom:1px solid #420015;
		}
			#champsRecherche input { 
				width:200px; 
				height:20px; 
				border:none; 
				background:transparent; 
				margin-top:1px;
				padding-left:5px;
			}
			
		#submitRecherche {
			height:25px;
			width:150px;
			position:relative;
			top:10px;
			left:100px;
		}
		#boutonSubmitRecherche {
			height:25px;
			width:150px;
			border:none;
			background-color:#330000 ;
			line-height:25px;
			color:#FFFFFF;
		}
	#espaceDetails {
		width:390px;
		height:130px;
		position:absolute;
		top:10px;
		left:280px;
		background:#E6E6D8 url(../images/decoupage/deco_index_search.gif) no-repeat scroll left bottom;
	}
		#moreDetails {
			width:315px;
			height:30px;
			line-height:30px;
			position:relative;
			top:0px;
			left:10px;
		}
		#inputMoreDetails {
			width:315px;
			height:90px;
			position:relative;
			left:60px;
			top:5px;
			overflow:hidden;
		}
			#contenuInputDetails {
				height:180px;
				width:315px;
				position:relative;
				top:0px;
				left:0px;
				font-size:13px;
			}
				#moreDetailsRecettes {
					height:90px;
					width:315px;
					line-height:22px;
					position:relative;
					top:0px;
					left:0px;
				}
				#moreDetailsRecettes  div {
					position:absolute;
					height:22px;
					line-height:22px;
					font-size:12px;
					width:155px;
				}
					#detailCategorieRecette { left:0px; top:0px; }
					#detailNiveauDifficultee { left:0px; top:22px;  }
					#detailCoutMoyen {  left:0px; top:44px; }
					#detailInputPhotoUniquement {  left:0px; top:66px; text-align:center; padding-top:4px; width:130px; }
					#detailInputCategorieRecette{ left:155px; top:0px;  }
					#detailInputNiveauDifficultee{  left:155px; top:22px; }
					#detailInputCoutMoyen{  left:155px; top:44px; }
					#detailPhotoUniquement{ left:130px; top:66px;}					
					
					.searchRecetteSelect {
							height:17px; 
							width:100px; 
							font-size:11px;
							background-color:transparent;
							border-left:3px solid #420015; 
							border-right:3px solid #420015; 
							border-top:1px solid #420015; 
							border-bottom:1px solid #420015;
					}
					.searchRecetteSelect option{
					background-color:transparent;
					}
				#moreDetailsRestaurants {
					height:90px;
					width:315px;
					position:relative;
					top:0px;
					left:0px;
				}
				#moreDetailsRestaurants div {
					position:absolute;
					height:22px;
					line-height:22px;
					font-size:12px;
					width:155px;
				}
					
					#detailVilleRestaurants { left:0px; top:0px; }
					#detailTypeRestaurants { left:0px; top:22px; }
					#detailInputDepartementRestaurant { left:155px; top:0px; }
					#detailInputVilleRestaurant { left:155px; top:0px; }
					#detailInputTypeRestaurant { left:155px; top:22px; }

				#autocompletionRecherche {
					height:120px; 
					width:200px;
					position:absolute; 
					left:230px; 
					top:150px;
					z-index:10000;
				}
				.flechesHauteurCompletion { 
					height:30px; 
					width:200px; 
					text-align:right;
					background-image:url(../images/site/autocompletionHautFleche.gif) ;
				}
				.corpAutocompletion { 
					height: 104px; 
					width:200px; 
					color:#FFFFFF;
					background-image:url(../images/site/autocompletionMilieu.png);
				}
				.contenuCorpAutocompletion {
					height:100px; 
					width:180px; 
					margin-left:10px; 
					background-color:#EFEAB0;
					color:#003300;
				}
				#contenuAutocompletion div:hover{
					background-color:#CCCC99;
				}
				.resultRechercheCompletion {
					height:20px; 
					width:180px;
					line-height:20px;
					font-size:12px;
					cursor:pointer;
				}
				
/* ############################## */
/* #####	espaceActualites #### */
/* ############################## */
#espaceActualites {
	width:680px;
	height:150px;
	position:relative;
	top:0px;
	left:10px;
	margin-top:15px;
}
	#newsActualites {
		height:150px;
		width:415px;
		position:absolute;
		top:0px;
		left:0px;
	}
		#contenuNewsActualites {
			position:relative;
			top:10px;
			left:10px;
			height:130px;
			width:395px;
			background-color:#FFFFCC;
			overflow:hidden;
		}
			#actualitesCenter {
				height:130px;
				width:790px;
				position:relative;
				top:0px;
				left:0px;
				z-index:10;
			}	
				#actualitesCenter a {
					height:130px;
					float:left;
					width:395px;
				}
				
		#flecheGauche, #flecheDroite {
			position:absolute;
			height:30px;
			width:20px;
			top:50px;
			cursor:pointer;
			z-index:500;
		}
		#flecheGauche { left:0px; }
		#flecheDroite { left:375px; }
		
	#newsRecette{
		height:150px;
		width:250px;
		position:absolute;
		top:0px;
		left:430px;
	}
		#contenuNewsRecette {
			height:130px;
			width:230px;
			margin-top:10px;
			margin-left:10px;
		}
			.contentPresentNewRecette {
				font-size:15px;
				height:130px;
				line-height:30px;
				position:relative;
				width:220px;
				left:5px;
				text-align:center;
			}
			
		#decouvrirRecette {
			height:25px;
			width:160px;
			position:absolute;
			top:115px;
			left:80px;
			text-align:center;
			font-size:12px;
			line-height:25px;
			font-family:Georgia;
		}
/* ################################ */
/* ##### espaceDivers_premiere #### */
/* ################################ */
#espaceDivers_premiere {
	width:680px;
	height:200px;
	position:relative;
	top:0px;
	left:10px;
	margin-top:15px;

}
	#creerVotreEspace, #guideRestaurant, #actuSitePremier {
		height:200px;
		position:absolute;
		top:0px;
	}
	
	#creerVotreEspace { width:200px; left:0px; }
	#guideRestaurant { width:200px; left:215px; }
	#actuSitePremier { width:250px; left:430px;	}
	
	#contenuCreerVotreEspace, #contenuGuideRestaurant {
		height:180px;
		width:180px;
		position:relative;
		top:10px;
		left:10px;
	}
	
	#contenuCreerVotreEspace  {
		background:url(../images/decoupage/index_deco_space.png) no-repeat;
	}
	
	#contenuGuideRestaurant  {
		background:url(../images/decoupage/index_deco_restaurants.png) no-repeat;
	}
		
	#contenuActuSitePremier {
		height:190px;
		width:230px;
		position:relative;
		top:10px;
		left:10px;
	}
	
	#creationCompte, #informationRestaurants {
		height:25px;
		width:160px;
		position:absolute;
		top:165px;
		left:30px;
		text-align:center;
		font-size:12px;
		line-height:25px;
	}	
/* ################################ */
/* ##### espaceDivers_second #### */
/* ################################ */
#espaceDivers_second {
	width:680px;
	height:115px;
	position:relative;
	top:0px;
	left:10px;
}	
	#sondage {
		width:415px;
		height:100px;
		position:absolute;
		top:15px;
		left:0px;
	}
		#contenuSondage {
			width:395px;
			height:80px;
			position:relative;
			top:10px;
			left:10px;
			background-image:url(../images/decoupage/index_deco_sondage.gif);
			background-position:right;
			background-repeat:no-repeat;
		}
		.titleSondage {
			height:30px;
			line-height:30px;
			width:390px;
			margin-left:5px;
			font-size:18px;
			font-weight:bold;
			color:#4C3B1F;
			text-align:left; 
		}
		.questionSondage {
			height:25px;
			line-height:25px;
			width:385px;
			margin-left:5px;
			text-align:center;
			font-size:12px;
		}
		.reponsesSondage, .resultatsSondage {
			height:25px;
			line-height:25px;
			width:385px;
			margin-left:5px;
			font-size:12px;
			text-align:center;
		}
		.resultatsSondage a{ color:#A4001D; text-decoration:none; font-weight:bold; }
		
		.validationSondage {
			position:absolute;
			top:57px;
			left:315px;
		}
			#submitSondage {
				background-color:transparent;
				font-size:13px;
				border:none;
				display:inline;
				cursor:pointer;
			}
	#actuSiteSecond {
		width:250px;
		height:115px;
		position:absolute;
		top:0px;
		left:430px;
	}
		#contenuActuSiteSecond {
			width:230px;
			height:135px;
			position:relative;
			top:10px;
			left:10px;
		}
		
/* ################################ */
/* ##### espaceDivers_troisieme #### */
/* ################################ */
#espaceDivers_troisieme{
	width:680px;
	height:215px;
	position:relative;
	top:0px;
	left:10px;
}
	#ideeCuisine, #epice, #actuSiteTroisieme {
		height:200px;
		position:absolute;
		top:0px;
	}
	#ideeCuisine { top:15px; width:200px; left:0px; }
	#epice { top:15px; width:200px; left:215px; }
	#actuSiteTroisieme {height:215px;  width:250px; left:430px; top:0px;}
	
	#contenuIdeeCuisine, #contenuEpice {
		height:180px;
		width:180px;
		position:relative;
		top:10px;
		left:10px;
	}
		
		#contenuEpice {
			background:url(../images/decoupage/index_course_deco.png) no-repeat;
		}
		
	#contenuActuSiteTroisieme {
		height:190px;
		width:230px;
		position:relative;
		top:10px;
		left:10px;
	}
	#recevoirIdeeCuisine, #decouvrirEpices {
		height:25px;
		width:160px;
		position:absolute;
		top:165px;
		left:30px;
		text-align:center;
		font-size:12px;
		line-height:25px;
		font-family:Georgia;
	}
	
 
 
 
