@import url("jquery/jquery.ui.core.css");
@import url("jquery/jquery.ui.autocomplete.css");

ul.ui-autocomplete  {
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
}

	ul.ui-autocomplete a {
		color: #000;
	}
	
	ul.ui-autocomplete a#ui-active-menuitem {
		background: #A23379;
		color: #fff;
	}

body {
	text-align: center;
	background: #fff url("../img/fond.png") repeat-x;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
  margin: 0;
}

#page {
	position: relative;
	width: 1000px;
	margin: 10px auto;
	padding-bottom: 5px;
	background-color: #fff;
	text-align: left;
}

#header {
	width: 997px;
	height: 160px;
	background-image: url("../img/logo.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

	#lien-mapiaule {
		display: block;
		position: absolute;
		left: 21px;
		top: 11px;
		width: 136px;
		height: 47px;
	}
	
	#lien-study {
		display: block;
		position: absolute;
		left: 77px;
		top: 67px;
		width: 156px;
		height: 31px;
	}
	
		#lien-mapiaule div, #lien-study div {
			visibility: hidden;
			text-decoration: none;
		}

	#header .pub {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 738px;
		height: 90px;
		background: #e9e9e9 url("../img/pub-bigbanner.png") no-repeat;
	}
	
		#header .pub .contenu {
			position: absolute;
			left: 10px;
			width: 728px;
			height: 90px;
		}

	#minichoixprofil {
		position: absolute;
		top: 110px;
		left: 10px;
		z-index: 99;
	}
	
		#mcp-cherchez {
			position: absolute;
			width: 129px;
		}
		
		#mcp-proposez {
			position: absolute;
			left: 136px;
			width: 147px;
		}
		
			#mcp-proposez ul.menu a {
				color: #3e6017;
			}
			
			#mcp-proposez ul.menu a:hover {
				background: #3e6017;
				color: #fff;
			}
		
		#minichoixprofil a.bouton {
			display: block;
		}
		
		ul.menu {
			display: none;
			position: absolute;
			top: 48px;
			list-style-type: none;
			margin: 0;
			padding: 0;
			background: #fff;
			border-top: 1px solid #ccc;
			width: 100%;
		}
		
			ul.menu li {
				margin: 0;
				padding: 0;
				border: 1px solid #ccc;
				border-top: none;
			}
			
			ul.menu a {
				display: block;
				padding: 2px 5px;
				font-weight: bold;
				color: #3E6017;
				text-decoration: none;
			}
			
	#connexion {
		position: absolute;
		top: 110px;
		right: 10px;
		width: 684px;
		height: 48px;
		background-image: url("../img/connexion-fond.png");
		color: #666;
		font-weight: bold;
	}
	
		#connexion .contenu {
			position: absolute;
			left: 126px;
			top: 3px;
			width: 456px;
			height: 41px;
			background: #e6e6e6;
		}
		
			#connexion .contenu a {
				padding-left: 12px;
				background-image: url("../img/puce-lien-grise.png");
				background-repeat: no-repeat;
				background-position: 0 4px;
				color: #666;
				text-decoration: none;
			}
	
			#connexion .contenu a:hover {
				text-decoration: underline;
			}
			
			#connexion-form div {
				float: left;
				margin: 2px;
			}
			
			#connexion-form input {
				max-width: 140px;
			}
			
		#connexion-oubli, #connexion-oubli2, #connexion-oubli3 {
			display: none;
		}
						
			#connexion-oubli div {
				float: left;
				margin: 2px;
			}
			
			#connexion-oubli input {
				max-width: 140px;
			}
			
		#connexion-sinscrire {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
		}
		
	#monespace {
		position: absolute;
		top: 110px;
		left: 10px;
		width: 977px;
		height: 49px;
		background-color: #e6e6e6;
		background-image: url("../img/espace-fond.png");
		font-weight: bold;
	}
	
		#monespace-titre {
			position: absolute;
			width: 187px;
			height: 49px;
		}
		
		#monespace.cherche #monespace-titre {
			background: url("../img/espace-rose.png");
		}
		
		#monespace.propose #monespace-titre {
			background: url("../img/espace-vert.png");
		}
			
			#monespace-titre .contenu {
				position: absolute;
				left: 54px;
				top: 24px;
				color: #fff;
				white-space: nowrap;
				overflow: hidden;
			}
		
		#monespace-liens {
			position: absolute;
			top: 1px;
			left: 187px;
			width: 649px;
			height: 46px;
		}

			#monespace-liens td {
				text-align: center;
				vertical-align: middle;
			}
			
			#monespace-liens a {
				padding-left: 12px;
				background-repeat: no-repeat;
				background-position: 0 4px;
				text-decoration: none;
			}
			
			#monespace-liens a:hover {
				text-decoration: underline;
			}
			
			#monespace.cherche #monespace-liens a {
				color: #5c103d;
				background-image: url("../img/puce-lien-rose.png");
			}
			
			#monespace.propose #monespace-liens a {
				color: #3e6017;
				background-image: url("../img/puce-lien-verte.png");
			}
			
			#monespace-liens img {
				vertical-align: middle;
			}
		
		#monespace-deconnexion {
			position: absolute;
			top: 0;
			right: 0;
		}
		
			#monespace-deconnexion a, #monespace-deconnexion img {
				display: block;
				width: 141px;
				height: 49px;
			}

#menu {
	position: relative;
	margin: 10px;
	height: 34px;
	background: url("../img/menu-fond.png");
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
}

	#menu a.selectionne {
		background-image: url("../img/menu-fond-selectionne.png");
	}

	#menu a.menu-bouton-image {
		display: block;
		float: left;
		height: 34px;
		padding: 0;
	}

	#menu a.menu-bouton-texte {
		display: block;
		float: left;
		height: 34px;
		padding: 0 5px;
		line-height: 34px;
		color: #5c103d;
		text-decoration: none;
	}
	
	#menu a.menu-bouton-texte:hover {
		text-decoration: underline;
	}
	
	#menu img.menu-separateur {
		display: block;
		float: left;
	}
	
#ariane {
	height: 20px;
	margin: 10px;
	padding: 0 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-family: Arial;
	font-size: 12px;
	overflow: hidden;
}

	#ariane a {
		color: #333;
		text-decoration: none;
	}

	#ariane img {
		margin: 0 5px;
		vertical-align: middle;
	}
	
#outils {
	position: absolute;
	top: 214px;
	right: 10px;
	height: 30px;
}
	
	#outils img {
		vertical-align: middle;
		margin: 2px;
	}
	
	#outils-deplier {
		float: left;
		width: 24px;
		height: 30px;
		
	}
	
	#outils-deplier img {
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		width: 24px;
		height: 30px;
		cursor: pointer;
	}

	#outils-main {
		float: left;
		height: 28px;
		padding: 0 10px;
		border: 1px solid #ccc;
		background-color: #fff;
		white-space: nowrap;
	}
	
	#outils-main a {
		display: block;
		float: left;
	}
	
	#outils-buzz {
		float: left;
		width: 1px;
		height: 28px;
		overflow: hidden;
	}
	
		#outils-buzz img {
			width: 24px;
		}

#main {
	margin: 18px 10px 10px 10px;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;	
}

	#col-main {
		float: left;
		width: 656px;
		margin-right: 20px;
	}
	
	#col-droite {
		float: left;
		width: 300px;
	}
	
	#col-main-fw {
		width: 976px;
	}

.footer-bordure-haut {
	background: #f8f8f8 url("../img/footer-bordure-haut.png");
	width: 997px;
	height: 10px;
	margin-top: 10px;
}

.footer-bordure-bas {
	background: #f8f8f8 url("../img/footer-bordure-bas.png");
	width: 997px;
	height: 10px;
	margin-bottom: 10px;
}

.footer {
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	background: #f8f8f8;
}
	
#footer-map {
	position: relative;
	padding-top: 120px;
	background-image: url("../img/logo.png");
	background-repeat: no-repeat;
	background-position: 25px 0;
}

	#footer-map .pub {
		position: absolute;
		top: 10px;
		right: 20px;
		width: 478px;
		height: 60px;
		background: transparent url("../img/pub-banner.png") no-repeat;
	}
	
		#footer-map .pub .contenu {
			position: absolute;
			left: 10px;
			width: 468px;
			height: 60px;
		}

	#footer-map table {
		margin: 0 10px;
		width: 977px;
		border-collapse: collapse;
	}
	
	#footer-map td {
		vertical-align: top;
		padding-bottom: 5px;
	}
	
	#footer-map p {
		margin: 5px 10px;
		border-bottom: 1px solid #5c103d;
	}
	
		#footer-map p a {
			color: #666;
			font-size: 16px;
			text-transform: uppercase;
			text-decoration: none;
		}
	
	#footer-map ul {
		margin: 5px 10px;
		padding-left: 20px;
		list-style-type: square;
	}
	
		#footer-map ul a {
			color: #666;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;		
		}

		#footer-map ul a:hover {
			text-decoration: underline;
		}
		
#footer-partenaires {
	text-align: center;
	color: #999;
	font-family: Tahoma;
	font-size: 12px;
}

#footer-liens {
	text-align: center;
	color: #999;
	font-family: Tahoma;
	font-size: 10px;
}
	
	#footer-partenaires a, #footer-liens a {
		color: #999;
		text-decoration: none;
	}
	
	#footer-partenaires a:hover, #footer-liens a:hover {
		text-decoration: underline;
	}
	
	#footer-liens img {
		vertical-align: middle;
	}