* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	background-color: #fff;
	color: #3c3838;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
td {
	font-size: 11px;
}
#login {
	height: 535px;
	width: 100%;
}
#header_login {
	height: 398px;
	width: 100%;
	background: url(../design/bg_header_repeat.png) repeat-x top left;
}
#content_login {
	background: url(../design/bg_header.png) no-repeat top left;
}
#content_login {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1036px;
	margin-left: -628px;
	height: 487px;
}
#txt_artifex {
	z-index:6;
	position: absolute; 
	top: 190px;
	left: 50%;
	margin-left: -413px;
	padding:100px 20px 10px 100px;
	font-size:72px;
	color:#d2360a;
}
#bg_artifex {
	z-index:8;
	position: absolute; 
	top: 202px;
	left: 50%;
	margin-left: -393px;
	width: 410px;
	height: 276px;
	background: url(../design/sep.png) no-repeat 401px 39px;
}
#titre_login {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -270px;
	text-align: left;
	line-height: 20px;
}
#titre_login a {
	font-size: 13px;
}
#titre_login span.titre_login {
	font-size: 30px;
	color: #697c8b;
	text-transform: lowercase;
}
#texte_login {
	position: absolute;
	top: 202px;
	right: 30px;
	width: 340px;
	height: 276px;
}
#noyau {
	z-index:12;
	position: absolute;
	top: 263px;
	left:243px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333;
	text-align:right;
	text-transform: lowercase;
}
#noyau span {
	background-color:#e6e6e8;
	padding:0px 3px 1px 3px;
}
#content_aide {
	position: absolute; 
	top: 469px;
	left: 50%;
	margin-left: -396px;
	width: 797px;
	background: #e6f01a url(../design/aide_top.png) no-repeat top right;
}
#content_aide div.info {
	padding:32px 20px 0 430px;
	background: url(../design/ico_info.png) no-repeat 350px 25px;
}
#content_aide div.bottom {
	width: 797px;
	height: 15px;
	background: #e6f01a url(../design/aide_bottom.png) no-repeat bottom right;
}
#copyright_login {
	width: 800px;
	margin: 0 auto;
	padding-top: 100px;
}
#copyright_login img {
	margin-right: 10px;
	border-right: 1px dotted #3c3838;
	padding-right: 15px;
}
.left {
	float: left;
}
.right {
	float: right;
	padding-right:30px;
	margin-bottom:20px;
}
.clear {
	clear: both;
}
.vTop {
	vertical-align: top;
}
.vBottom {
	vertical-align: bottom;
}
.vMiddle {
	vertical-align: middle;
}
/* ---------- gestion des liens et boutons ---------------------------------------- */
a {
	color: #d2360a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.login_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	text-indent: 6px;
	padding: 3px 1px 2px 1px; 
	background: #fff url(../design/bg_form.png) repeat-x top;
	border: 1px solid #b3b3b3;
}
.login_form_bt { 
	width: 33px;
	height: 44px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	position: relative; 
	padding: 1px 5px; 
	color: #000; 
	background-color: #ececec; /* gris */
	border: none;
	text-decoration: none; 
	cursor: pointer; 
	vertical-align: middle; 
	margin: 0 2px; 
}
.login_form_bt.color { background-color: #a00; }
.login_form_bt:hover { background-color: #0af; } /* bleu */
.login_form_bt:active { background-color: #444; }
.login_form_bt[class] { background-image: url(../design/bt_ok.png); }