body {
	margin: 0;
	text-align: center;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:12px;
	color: #545454;
}
p {
	margin: 1.5em 0 1.5em 0;
}
h1, h2, h3 {
	margin: 5px 0 8px 0;;
}
h1 {
	font-size: 24px;
	font-weight: normal;
}
h2 {
	font-size: 13px;
	font-weight: normal;
	color: #125687;
}
h3 {
	font-size: 16px;
	font-weight: normal;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.bold {
	font-weight: bold;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.nopadding {
	padding: 0px;
}
span.highlight {
	color: #125687;
}
/* -- Links -- */
a:link, a:active, a:visited {
	color: #125687;
	text-decoration: none;
}
a:hover {
	color: #125687;
	text-decoration: underline;
}
/* ---------------------- */
/* -- Box -- */
.box .header, .box .body, .box .footer, .box .right, .box .left {
	padding:0;
}
.box .header .right {
	padding:0;
	text-align:right;
}
.box .header .left {
	padding:0;
}
.box .header .left .right .content {
	padding:0;
	text-align:left;
}
.box .body .left .right .content {
	text-align: left;
}
.box .footer .right {
	text-align:right;
}
.box .footer .left {
	padding:0;
}
.box .footer .left .right .content {
	padding:0;
	text-align:left;
}
/* ---------------------- */
/* -- Site structure -- */
#content {
	margin:  15px auto 0 auto;
	width: 864px;
}
#footer {
	width: 864px;
	height: 50px;
	background-image: url('../images/footer_bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
	margin: auto;
}
.box.webpage {
	width: 816px;
}
.box.webpage .header .right {
	background-image: url('../images/body_header_right.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height: 84px;
}
.box.webpage .header .left {
	background-image: url('../images/body_header_left.gif');
	background-repeat: no-repeat;
	height: 84px;

}
.box.webpage .header .left .right .content {
	background-image: url('../images/body_header_middle.gif');
	background-repeat: repeat-x;
	height: 84px;
	margin: 0 27px;
}
.box.webpage .body .right {
	background-image: url('../images/body_content_left.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.box.webpage .body .left {
	background-image: url('../images/body_content_middle.gif');
	background-repeat: repeat-y;
	background-position: top right;
}
.box.webpage .body .left .right .content {
	margin: 0 27px;
	min-height: 600px;
}
.box.webpage .footer .right {
	background-image: url('../images/body_footer_right.gif');
	background-repeat: no-repeat;
	background-position: top right;
	height: 27px;
}
.box.webpage .footer .left {
	background-image: url('../images/body_footer_left.gif');
	background-repeat: no-repeat;
	height: 27px;

}
.box.webpage .footer .left .right .content {
	background-image: url('../images/body_footer_middle.gif');
	background-repeat: repeat-x;
	height: 27px;
	margin: 0 27px;
	text-align:center;
	position: relative;
}
/* ---------------------- */
/* -- Navigation -- */
#navigation {
	padding:0;
	margin: 0;
	width: 48px;
	float: left;
	list-style: none;
}
#navigation li {
	padding: 0;
	margin: 0;
	cursor: pointer;
}
#navigation li.menu1 {
	margin: 84px 0 0 0;
	background-image: url('../images/menu.gif');
	background-repeat: no-repeat;
	background-position: 9px 0px;
	height: 156px;
}
#navigation li.menu2 {
	margin: 3px 0 0 0;
	background-image: url('../images/menu.gif');
	background-repeat: no-repeat;
	background-position: 9px -156px;
	height: 156px;
}
#navigation li.menu3 {
	margin: 4px 0 0 0;
	background-image: url('../images/menu.gif');
	background-position: 9px -312px;
	background-repeat: no-repeat;
	height: 192px;
}
#navigation li.menu4 {
	margin: 4px 0 0 0;
	background-image: url('../images/menu.gif');
	background-position: 9px -505px;
	background-repeat: no-repeat;
	height: 195px;
}
#logo {
	width: 455px;
	height: 84px;
	background-image: url('../images/logo_header.gif');
	background-repeat: no-repeat;
	float: right;
}
/* ---------------------- */
/* -- Random classes -- */

.featured_title {
	background-image: url(../images/featured_title.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 500px;
	height: 16px;
}
.regular_title {
	background-image: url(../images/regular_title.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 500px;
	height: 16px;
}
.content_container {
	float: right;
	margin: 30px 0 0 -100px;
}
.main_image {
	float: right;
	width: 357px;
	height: 368px;
	background-image: url(../images/screen_xbhl.gif);
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
}
.main_content_container {
	width: 490px;
	height: 220px;
	background-color: #bababa;
	border: 1px solid #e8e8e8;
	padding-right: 10px;
}
.main_content {
	margin: 30px 0 0 75px;
}
.main_content_link {
	text-align: right;
	margin-right: 15px;
}
/* ---------------------- */
/* -- Project container which lists projects from DB -- */
.project_lister {
	clear: both;
	border-top: 1px solid #b3b3b3;
	margin: 0;
}
.project_container {
	float: left;
	padding: 15px 0 0 52px;
}
.project_title {
	text-align: center;
	cursor: pointer;
}
.project_title h2 {
	text-align: center;
	margin-bottom: 8px;
}
.project_image {
	width: 125px;
	height: 124px;
	cursor: pointer;
}
p.project_pages {
	color: #125687;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
}
.project_pages span {
	padding: 0 10px;
}
/* ---------------------- */
/* -- Buttons -- */
a.button:link, a.button:visited, a.button:active, a.button:hover  {
	cursor: pointer;
	text-decoration: none;
}
a.button span.m_left {
	padding: 0;
	margin: 0;
	width: 15px;
	padding: 20px 0 0 0;
	height:47px;
	float: left;
	display: block;
	background-image: url('../images/bouton_big.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.button span.m_middle {
	padding: 0;
	margin: 0;
	line-height: 16px;
	padding: 20px 0 0 0;
	height:47px;
	float: left;
	display: block;
	background-image: url('../images/bouton_big.jpg');
	background-position:  -15px 0;
	background-repeat: no-repeat;
	width:196px;
	text-decoration: none;
	color: #e2e2e2;
	text-align: center;
}
a.button span.m_right {
	padding: 0;
	margin: 0;
	width: 15px;
	padding: 20px 0 0 0;
	height:47px;;
	float: left;
	display: block;
	background-image: url('../images/bouton_big.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}
a.button:hover span.m_left {
	background-position:  0 -67px;
}
a.button:hover span.m_middle {
	background-position: -15px -67px;
	text-decoration: none;
	color: #e2e2e2;
	line-height: 20px;
}
a.button:hover span.m_right {
	background-position:  right -67px;
}
/* ---------------------- */
/* -- Login -- */
.login {
	width: 500px;
	margin:auto;
	padding: 150px 0 0 0;
}
.login input.field {
	background-color: #e4e4e4;
	width: 100px;
	margin-top: 10px;
	border: 1px solid #959595;
	font-size: 11px;
	padding: 5px;
	color: #959595;
}
.boxEtapes {
	text-align: left;
	width:60%;
	height: auto;
	margin: 20px auto;
	display: none;
	background-color:#CECECE;
	border: 1px solid #A4A4A4;
	padding: 23px 10px;
	float: left;
}
.boxEtapes.important {
	background-color:#ffe6e7;
	border: 1px solid #fd8e92;
	background-image: url('../images/admin/sign_warning_admin.jpg');
	background-repeat: no-repeat;
	background-position: 10px 3px;
	padding-left: 70px;
}
.boxEtapes.confirm {
	background-color:#eaffea;
	border: 1px solid #aaffaa;
	background-image: url('../images/admin/sign_check_admin.jpg');
	background-repeat: no-repeat;
	background-position: 10px 3px;
	padding-left: 70px;
}
/* ---------------------- */
/* -- Contact form -- */
.contactForm table {
	width: 90%
}
.contactForm table td:first-child {
	width: 100px;
	font-size: 14px;
}
.contactForm textarea, .contactForm input {
	background-color:#E4E4E4;
	border:1px solid #959595;
	color:#959595;
	padding: 3px;
}
.contactForm textarea {
	width: 100%;
	height: 300px;
}
a.img_btn {
	cursor: pointer;
	display: inline-block;
	width: 70px;
	height: 29px;
	background: url(../images/btn_submit.gif) no-repeat left -29px;
}
a.img_btn:hover {
	background: url(../images/btn_submit.gif) no-repeat left top;
}
/* Messages */
div.msg_success {
	background-color: #8fa4be;
	border: 1px solid #125687;
	color: #000;
	padding: 5px;
	margin: 5px 0;
}
/* ---------------------- */
/* -- CV elements -- */
div.cv-wrapper {
	position: absolute;
	left: -15px;
	top: -30px;
	width: 120px;
	height: 185px;
	background: url(../images/cv-icon.png) no-repeat left top;
	z-index: 2;
}
div.cv-wrapper:hover {
	background-position: left -185px;
	cursor: pointer;
}
div.cv-text {
	position: absolute;
	left: 105px;
	top: 58px;
	z-index: 3;
	font-size: 16px;
	color: #125687;
	display: none;
}
div.logo-holder {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #125687;
	float: right;
}