@charset "iso-8859-1";

body {
	background: #000 url(../images/background.jpg) no-repeat top center;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana;
	font-size: 0.8em;
	color: #FFFFCC;
	margin: 0px;
}

a { color: #fff; }
a img { border: none; }
form { margin: 0px; }

#page {
	width: 877px;
	margin: 0px auto;
}
	#page #logo {
		margin-top: 50px;
		text-align: center;
	}
	#page #center {
	
	}
		#page #menus {
			float: left;
			width: 22px;
			height: 418px;
			margin-top: 69px;
		}
			#page #menus ul {
				margin: 23px 0px 0px 0px;
				padding: 0px;
				list-style-type: none;
			}
				#page #menus ul li {
					width: 22px;
					height: 97px;
					margin-bottom: 12px;
				}
					#page #menus ul li.accueil { background: url(../images/menu_accueil.jpg) no-repeat center center; }
					#page #menus ul li.creations { background: url(../images/menu_creations.jpg) no-repeat center center; }
					#page #menus ul li.contact { background: url(../images/menu_contact.jpg) no-repeat center center; }
				#page #menus ul li a {
					display: block;
					width: 100%;
					height: 100%;
					text-decoration: none;
				}
		#page #content {
			float: left;
			background: url(../images/background_content.jpg) no-repeat center center;
			height: 418px;
			width: 855px;
			margin-top: 69px;
		}
			#page #content .float {
				float: left;
				width: 390px;
				margin: 10px 15px;
				display: inline;
			}
			#page #content h1 {
				margin: 0px;
				font-size: 1.8em;
				color: #fff;
				}
				#page #content h2 {
				margin: 0px;
				font-size: 1.7em;
				color: #fff;
				}
			#page #content h3 {
				margin: 0px;
				font-size: 1.2em;
				color: #fff;
				}
		
			#page #content img.avatar {
				float: left;
				margin: 4px 5px 2px 0px;
			}
			#page #content form {
				margin: 10px 0px;
				color: #fff;
			}
				#page #content form input.search {
					background: url(../images/input_search.jpg) no-repeat center center;
					width: 345px;
					height: 29px;
					border: none;
					color: #fff;
					font-size: 1.4em;
					padding: 6px 50px 0px 5px;
				}
			#page #content .realisation {
				margin: 3px;
				float: left;
				text-align: center;
			}
				#page #content .realisation span {
					background: url(../images/realisations_arrow.jpg) no-repeat left center;
					display: block;
					text-align: left;
					padding-left: 15px;
				} 
				
				#page #lientableau {
		color: #FFFF00;	   
		font-size: 1.2em;
	}
		#page #lientableau a { color: #FFFF00; }
		
	#page #footer {
		color: #FFFF00;	 
		
	}
		#page #footer a { color: #FFFF00; }

div.fl_left, img.fl_left { float: left; margin: 2px 4px; }
div.al_ce, p.al_ce, span.al_ce { text-align: center; display: block; }
div.clearer { clear: both; }