/* BLOCS ----------------------------------------------*/
/* communs ------------------------------------------*/
	#page {
		position: relative;
		height: 800px;
		width: 1050px;
	}
	#logo {
		position: absolute;
		height: 200px;
		width: 330px;
		left: 0;
		top: 0;
	}
	#accesPrive {
		position: absolute;
		height: 20px;
		width: 320px;
		top: 10px;
		text-align: right;
		left: 770px;
	}
	#menuBP {
		font-size: 11px;
		position: absolute;
		height: 20px;
		width: 800px;
		left: 145px;
		bottom: 86px;
		text-align: center;
	}
/* pages -------------------------------------------*/
#menuStudio {
	position: absolute;
	height: 35px;
	width: 110px;
	left: 60px;
	top: 220px;
	background-image: url(_medias/carre/carre-bleu.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 12px;
}
#menuCom {
	position: absolute;
	height: 50;
	width: 125px;
	left: 80px;
	top: 285px;
	background-image: url(_medias/carre/carre-orange.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 12px;
}
#menuPortfolio {
	position: absolute;
	height: 35px;
	width: 153px;
	left: 50px;
	top: 360px;
	background-image: url(_medias/carre/carre-violet.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 12px;
}
#menuAsso {
	position: absolute;
	height: 50;
	width: 135px;
	left: 70px;
	top: 420px;
	background-image: url(_medias/carre/carre-vert.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 12px;
}
#menuContact {
	position: absolute;
	height: 21px;
	width: 58px;
	left: 100px;
	top: 495px;
	background-image: url(_medias/carre/carre-rose.gif);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 12px;
}
#textes {
	position: absolute;
	height: 340px;
	width: 570px;
	left: 265px;
	top: 345px;
	text-align: left;
}
#photo {
	position: absolute;
	height: 470px;
	width: 168px;
	left: 882px;
	top: 54px;
	text-align: left;
}