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

img {
	border: none;
}

p {
	text-indent: 1.5em;
}

a {
	text-decoration: none;
	color: #f90;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #dfdddc;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
}
h1 {
	font-size: 1.35em;
	text-align: center;
	border-bottom: 1px solid #dfdddc;
	margin-left: 15px;
	margin-right: 15px;
}
h2 {
	font-size: 1.25em;
	padding-left: 20px;
}
h3 {
	font-size: 1.15em;
	padding-left: 40px;
}
h4 {
	font-size: 1.1em;
	padding-left: 60px;
}

address {
	padding: 10px;
}

/* Classes génériques */
.centered {
	text-align: center;
}
p.centered {
	text-indent: 0;
}
a.pdf {
	background: transparent url('/resources/images/icons/pdf.gif') no-repeat right top;
	padding-right: 18px;
}

/* Formulaires */
form {
	padding: 0.5em 0;
}
	form .field {
		overflow: auto;
		margin: 0.5em 0;
		padding: 2px;
	}
	form .field.hovered {
		background: transparent url('../images/design/orange_px.png') repeat top left;
	}
	form .field.submit.hovered {
		background: none;
	}
		form .field label {
			float: left;
			display: block;
			width: 30%;
		}
		form .field input,
		form .field select,
		form .field textarea {
			float: right;
			display: block;
			width: 65%;
		}
		form .field .focused {
			background-color: #dfdddc;
		}
	form .field.submit {
		text-align: center;
		padding: 0.5em 0;
	}
		form .field.submit input {
			margin: 0 auto;
			float: none;
			cursor: pointer;
		}

/* Design */
body { 
	text-align: center;
	background: #362c2a;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 0.8em;
}

.globalContainer {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

#globalHeader {
	height: 150px;
	background: #f5f3f2;
	padding: 1px;
	margin-bottom: -1em;
}
	#globalHeader h1 {
		margin: 0;
		padding: 1em;
		font-size: 1.4em;
		float: left;
		text-align: left;
		border: none;
	}
	#globalHeader #accessibilityLinks {
		float: right;
		margin: 0;
		padding: 0;
		list-style: none;
		color: #f90;
		font-size: 0.8em;
	}
		#globalHeader #accessibilityLinks li {
			display: inline;
			padding: 0 0.5em;
		}
		#globalHeader #accessibilityLinks li:before {
			content: '[';
		}
		#globalHeader #accessibilityLinks li:after {
			content: ']';
		}
		#globalHeader #accessibilityLinks li a:hover,
		#globalHeader #accessibilityLinks li a:focus {
			color: #362c2a;
		}
	#globalHeader #searchBox {
		clear: right;
		float: right;
		padding: 2em;
		visibility: hidden;
	}
		#searchBoxForm {
			width: 160px;
			background: transparent url('../images/design/header_search_input.png') no-repeat top left;
			overflow: auto;
			padding: 0;
		}
			#searchBoxForm input {
				float: left;
				margin: 0;
				padding: 0;
				border: none;
				background: transparent;
			}
			#searchBoxForm input#searchField {
				width: 130px;
				padding-top: 2px;
				padding-left: 7px;
				color: #362c2a;
			}
	#globalHeader #globalMenu {
		clear: both;
	}
		#globalHeader #globalMenu ul {
			list-style: none;
			margin: 0;
			padding: 0;
			float: right;
			padding-right: 9em;
		}
			#globalHeader #globalMenu ul li {
				float: left;
				margin: 0 2px;
				height: 60px;
				padding-top: 10px;
			}
				#globalHeader #globalMenu ul li a {
					display: block;
					width: 106px;
					text-align: center;
					height: 35px;
					line-height: 35px;
					padding-top: 3px;
					background: transparent url('../images/design/header_menu_item_back.png') no-repeat top center;
					color: #362c2a;
					text-decoration: none;
				}
				#globalHeader #globalMenu ul li a:hover,
				#globalHeader #globalMenu ul li a:focus {
					background: transparent url('../images/design/header_menu_item_back3.png') no-repeat top center;
				}
				#globalHeader #globalMenu ul li a.active,
				#globalHeader #globalMenu ul li a.active:hover,
				#globalHeader #globalMenu ul li a.active:focus {
					background: transparent url('../images/design/header_menu_item_back2.png') no-repeat top center;
					color: #dfdddc;
				}
					#globalHeader #globalMenu ul li a.active span {
						display: block;
						width: 100px;
						height: 18px;
						background: transparent url('../images/design/header_menu_item_bottom.png') no-repeat top center;
					}

#globalContent {
	background: #362c2a url('../images/design/content_back.png') repeat-x top left;
	padding: 1px;
	padding-top: 2em;
	min-height: 515px;
	color: #dfdddc;
}
	#pageLeft {
		width: 330px;
		float: left;
	}
		.box {
			width: 250px;
			background: transparent url('../images/design/box_top.png') no-repeat top center;
			margin: 0 auto;
			padding-top: 10px;
		}
			.box .boxBottom {
				background: transparent url('../images/design/box_bottom.png') no-repeat bottom center;
				padding-bottom: 10px;
			}
				.box .boxBack {
					background: transparent url('../images/design/box_back.png') repeat-y top left;
				}
					.box .boxContent {
						background: transparent url('../images/design/box_in.png') repeat-x top left;
						min-height: 130px;
						padding: 1px 10px;
					}
		#pageLeft ul {
			list-style: url('../images/design/bullet.png');
		}
			#pageLeft ul ul {
				list-style-type: disk;
				list-style-image: none;
			}
				#pageLeft ul ul ul {
					list-style-type: circle;
					list-style-image: none;
				}
					#pageLeft ul ul ul ul {
						list-style-type: square;
						list-style-image: none;
					}
	#globalMessages {
		width: 500px;
		position: absolute;
		top: 5px;
		left: 50%;
		margin-left: -250px;
	}
		#globalMessages ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		#globalMessages .message {
			text-align: center;
			background: #f5f3f2;
			padding: 5px 1px;
			font-weight: bold;
		}
		#globalMessages .success {
			border: 2px solid green;
			color: green;
		}
		#globalMessages .error {
			border: 2px solid red;
			color: red;
		}
	#pageContent {
		margin-left: 330px;
		padding: 1px 30px;
		padding-top: 10px;
	}

#globalFooter {
	border-top: 3px solid #575352;
	background: #2b2322;
	color: #878382;
}
	#globalFooter .globalContainer {
		text-align: center;
	}
	#globalFooter a {
		color: #b7b3b2;
	}

/* Home */
#newsList {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#newsList .news {
		border: 1px solid white;
		padding: 1px;
		margin: 2px 0;
	}
		#newsList .news h2 {
		}
		#newsList .news .content {
		}
		#newsList .news .date {
			font-size: 0.8em;
			text-align: right;
			padding: 0 0.5em 0.2em 0;
		}
		#newsList .news .links {
		}

/* CV */
#degreeList,
#backgroundList {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.degree,
.background {
	padding: 1px;
	overflow: auto;
	margin: 2em 0;
}
	.degree .icon,
	.background .icon {
		float: left;
		margin: 0 5px 5px 0;
	}
	.degree .description,
	.background .description {
		padding-top: 20px;
	}
.idpicture {
	text-align: center;
}
	.idpicture a {
		display: block;
		width: 150px;
		height: 180px;
		margin: 0 auto;
		background: transparent url('/resources/images/edouard_cunibil_thumb.jpg') no-repeat 0px;
	}
	.idpicture a:hover,
	.idpicture a:focus {
		background: transparent url('/resources/images/edouard_cunibil_thumb.jpg') no-repeat -150px;
	}

/* Footer always on bottom but never in the way */
#globalNonFooter {
	min-height: 100%;
}
* html #globalNonFooter {
	height: 100%;
}

#globalContent {
	padding-bottom: 4em;
}

#globalFooter {
	margin-top: -4em;
}