/* définitions des éléments hors style */

html, body {
	height:100%; 
	width:100%;
	margin:0px;
	padding:0px;
}

img, table {
	border:none;
}

table.fullheight {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:3;
}

div#bg {
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:100%;
	z-index:2;
	padding:0px;
	margin:0px;
}

p {
	padding:0px;
	margin:0px;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
.mbf-item { display:none; }
/* eof définitions des éléments hors style */
/***************************************************************************************définitions des éléments propres au site************************************************************************************/

	/* éléments généraux */
	body {
		background:#ffffff;
		color:#636363;
		text-align:justify;
	}
	td, body, p, div, span {
		font-size:11px;
		font-family:verdana;
		line-height:160%;
	}
	/*liens*/
	a {
		color:#333333;
		text-decoration:underline;
	}
	a:hover {
		color:#666666;
		text-decoration:none;
	}
	/*liens*/
	input, select, textarea {
		color:#636363;
		font-family:verdana;
		font-size:11px;
		background-color: #f6f6f6;
		border: 1px solid #999999;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;
		overflow:hidden;
		width:400px;
	}
	.faded {
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; -khtml-opacity:0.55;
	}
	.smallText {
		font-size:10px;
		color:#CCCCCC;
	}
	fieldset {
		border:none;
	}
	legend {
		color:#ffffff; 
		font-size:10px; 
		padding-left:10px; 
		height:32px;
		background:url(../images/bg.png) top left repeat;
		_background:#000000;
	}
	/* eof éléments généraux */
	/* définitions des éléments propres au header.php/footer.php */
	#table_contenu {
		height:100%;
		width:900px;
	}
	#contenu {
		width:100%;
		padding:10px 50px 10px 50px;
	}
	#footer {
		color:#ffffff; 
		font-size:10px; 
		padding-left:10px; 
		height:32px;
		background:url(../images/bg.png) top left repeat;
		_background:#666666;
	}
	/* eof définitions des éléments propres au header.php/footer.php */
	/* définition des éléments propres au portfolio */
	.nav_prev, .nav_next, .nav_back {
		float:left;
		width:100px;
	}
	.nav_next {
		text-align:right;
	}
	.nav_prev {
		text-align:left;
	}
	.nav_btn, .nav_back {
		cursor:pointer;
	}
	.portfolio_item {
		float:left;
		margin:5px;
	}
	.portfolio_title {
		font-size:18px;
		text-align:left;
		padding-bottom:10px;
	}
	.portfolio_description {
		clear:both;
		padding:10px 50px 0px 50px;
		width:700px;
		text-align:justify;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;
	}
	.portfolio_image {
		cursor:pointer;
		border:1px solid #999;
	}
	#file_item {
		float:left;
		width:400px;
		height:400px;
		margin:0px 10px 0px 0px;
	}
			.file_tile {
				float:left;
				width:300px;
				text-align:left;
			}
			.file_description {
				width:300px;
				float:left;
				font-size:10px;
				text-align:justify;
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;
			}
	/* eof définition des éléments propres au portfolio */
	/* définitions des div de contenu */
	.zone_container { 
		display:inline;
		float:left;
	}
	.title_element {
		padding:10px 0px 10px 0px;
		font-size:14px;
		font-weight:bold;
		display:block;
		text-align:left;
	}
	.text_container {
		display:block;
	}
		.text_element {
			display:block;
			width:100%;
			text-align:justify;
		}
	.images_container {
		width:100%;
	}
		.image_element {
			display:inline;
			float:left;
			width:150px;
			margin:5px;
		}
		.image_thumb {
			display:block;
			width:150px;
			height:150px;
		}
	.files_container {
		width:100%;
	}
		.file_element {
			display:inline;
			float:left;
			text-align:center;
			margin:5px;
		}
			.file_icon {
				text-align:center;
				display:block;
			}
			.file_tile {
				text-align:center;
				display:block;
				font-size:11px;
				font-family:verdana;
				text-align:center;
			}
	.sound_element {
		width:100%;
	}
	.video_element {
		width:100%;
	}
	.bookmarks_container {
	}
		.bookmarks_element {
			display:inline;
			float:left;
		}
		.bookmarks_element a {
			border:#cccccc 3px solid;
		}
		.bookmarks_element a:visited {
			border:#ffffff 3px solid;
		}
	/* eof définitions des div de contenu */	
	/* menu */
	/* menu */
		#menu {
			background:url(../images/bg.png) top left repeat;
			_background:#666666;
		}
	/* eof menu */
/*************************************************************************************eof définitions des éléments propres au site**********************************************************************************/
/* définitions des éléments liés aux js */
	/* tool_tips */
	/* tool_tips */
	.tool-tip {
		color: #666666;
		width: 250px;
		z-index: 13000;
	}
	 
	.tool-title {
		font-weight: bold;
		font-size: 11px;
		margin: 0;
		color: #872343;
		padding: 8px 8px 4px;
		background: url(../images/bubble.png) top left;
	}
	 
	.tool-text {
		font-size: 11px;
		padding: 4px 8px 8px;
		background: url(../images/bubble.png) bottom right;
	}
	/* eof tool_tips */
	/* slimbox */
	#lbOverlay {
		position: absolute;
		z-index: 9999;
		left: 0;
		width: 100%;
		background-color: #000;
		cursor: pointer;
	}
	
	#lbCenter, #lbBottomContainer {
		position: absolute;
		z-index: 9999;
		left: 50%;
		overflow: hidden;
		background-color: #fff;
	}
	
	.lbLoading {
		background: #fff url(../images/loading.gif) no-repeat center;
	}
	
	#lbImage {
		position: absolute;
		left: 0;
		top: 0;
		border: 10px solid #fff;
		background-repeat: no-repeat;
	}
	
	#lbPrevLink, #lbNextLink {
		display: block;
		position: absolute;
		top: 0;
		width: 50%;
		outline: none;
	}
	
	#lbPrevLink {
		left: 0;
	}
	
	#lbPrevLink:hover {
		background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
	}
	
	#lbNextLink {
		right: 0;
	}
	
	#lbNextLink:hover {
		background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
	}
	
	#lbBottom {
		font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
		line-height: 1.4em;
		text-align: left;
		border: 10px solid #fff;
		border-top-style: none;
	}
	
	#lbCloseLink {
		display: block;
		float: right;
		width: 66px;
		height: 22px;
		background: transparent url(../images/closelabel.gif) no-repeat center;
		margin: 5px 0;
		outline: none;
	}
	
	#lbCaption, #lbNumber {
		margin-right: 71px;
	}
	
	#lbCaption {
		font-weight: bold;
	}
	/* slimbox */
/* eof définitions des éléments liés aux js */