body  {
	margin:0;
	padding:0;
	background:#EEE;
	font-family:Arial, Verdana;
	font-size:0.8em;
	text-align:center;
}
#all {
	width:996px;
	margin:0 auto;
	text-align:justify;
	border:1px solid #CCC;
	background:#FFF;
}
#header {
	background:url(../images/bg-header.png) no-repeat center top;
	height:100px;
}
#content {
	padding:50px;
}
#footer {
	background:#EEE;
	color:#666;
	padding:20px;
	text-align:center;
	border-top:1px solid #CCC;
}

/* -- text -- */
a {
	cursor:pointer;
}
a img {
	border:none;
}
h1 {
	background:url(../images/bg-h1.png) no-repeat left top;
	line-height:53px;
	font-size:2.3em;
	font-style:italic;
}

/* -- general -- */
.clear, .clear-left, .clear-right {
	clear:both;
	line-height:0;
	height:0;
	overflow:hidden;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}

/* -- header -- */
#logo {
	width:400px;
	padding:10px ;
}
#header-menu {
	width:700px;
	float:right;
}
.ul-menu {
	list-style:none;
	margin:10px 0 0;
	padding:0;
}
.ul-menu li {
	padding:50px 0 0;
	width:120px;
	text-align:center;
	display:block;
	float:right;
	border:1px solid transparent;
}
	.ul-menu li.li-cv { 			background:url(../images/btn-profil.png) no-repeat center top;}
	.ul-menu li.li-cours{ 		background:url(../images/btn-page.png) no-repeat center top;}
	.ul-menu li.li-contact{ 		background:url(../images/btn-bull.png) no-repeat center top;}
	.ul-menu li.li-portfolio { 	background:url(../images/btn-luggage.png) no-repeat center top;}
	.ul-menu li span:hover {
		text-decoration:underline;
	}
	.ul-menu li span {
		display:block;
		color:#FFF;
		font-weight:bold;
	}
	.ul-menu li span span {
		font-weight:normal;
		font-variant:small-caps;
		font-size:0.9em;
	}
	
/* -- portfolio -- */
.portfolio {
	max-height:160px;
	margin:20px;
	border:1px solid #CCC;
	float:left;
	position:relative;
	overflow:hidden;
}
	.portfolio, .portfolio-img, .portfolio-details {
		min-height:160px;
		height:160px;
		width:200px;
	}
	.portfolio-details {
		display:none;
		background:#000;
		min-height:160px;
		color:#FFF;
		position:absolute;
	}
	.portfolio-img {
		position:absolute;
		padding:3px;
		background:#FFF;
	}
	.portfolio-img img {
		max-width:194px;
	}
	.portfolio-clear {
		clear:left;
	}
	.portfolio-title {
		text-align:center;
		font-weight:bold;
		font-variant:small-caps;
		padding:3px 0;
		border-bottom:1px solid #666;
		margin-bottom:3px;
		background:#333;
		min-width:200px;
	}
	.portfolio-short-descr {
		padding:10px;
		font-size:0.9em;
	}
	.portfolio-short-link {
		position:absolute;
		margin-top:130px;
		text-align:center;
		min-width:200px;
	}
		.portfolio-short-link a {
			text-decoration:none;
		}
		.portfolio-short-link a:hover {
			color:#FFF;
		}
		
/* -- button -- */
.btn, .btn:visited {
	height:26px;
	line-height:26px;
	min-height:26px;
	max-height:26px;
	padding: 5px 0 5px 20px;
	/padding:0 0 0 20px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/btn-l.png) no-repeat left top;
	text-align:center;
	display:inline;
	text-decoration:none !important;
	color:#FFF;
	font-weight:bold;
}
	.btn span, .btn:visited span {
		padding:5px 20px 5px 0;
		color:#FFF;
		font-weight:bold;
		background:url(../images/btn-r.png) no-repeat right top;
	}
	.btn:hover {
		background:url(../images/btn-l-hover.png) no-repeat left top;
	}
	.btn:hover span {
		background:url(../images/btn-r-hover.png) no-repeat right top;
	}
	.btn-dark span {
		background:url(../images/btn-r-dark.png) no-repeat right top;
	}
	.btn-dark:hover span {
		background:url(../images/btn-r-dark-hover.png) no-repeat right top;
	}
	
	
/* -- details -- */
.details-title {
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	font-variant:small-caps;
}
.box-infos {
	text-align:justify;
}

/* -- ressources -- */
.box-ressource {
	margin: 5px 0 20px 0;
	clear:both;
}
	.box-ressource-descr {
		width:790px;
		float:right;
		background:#FFF;
		border:1px solid #6BA5B8;
		border:1px solid #333;
	}
	.box-ressource-descr .text {
		padding:3px 10px;
		font-size:0.9em;
	}
	.box-ressource-img {
		width:100px;
		border:1px solid #CCC;
		padding:15px 0;
		text-align:center;
		font-weight:bold;
		font-size:1.2em;
		color:#666;
		font-weight:bold;
		font-variant:small-caps;
		background:#EEE;
	}
	h2.ressource {
		padding:10px;
		background:#EEE;
		color:#333;
		border:1px solid #CCC;
		
		background:#333;
		color:#FFF;
		border:1px solid #CCC;
	}
	.box-ressource-title a{
		color:#666;
	}
	.box-ressource-descr p {
		font-size:1em;
		margin:.4em 0;
	}
	.ressource-link {
		text-align:center;
		text-align:right;
	}
	
/* -- contact -- */
.box-contact label{
	float:left;
	width:200px;
}
#resultContact {
	font-weight:bold;
	display:none;
	padding:5px 0;
	border:1px solid #CCC;
	background:#EEE;
	margin:10px 0;
	text-align:center;
}