/* General ********************************************************************/

body {
	margin: 0; padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

#global {
	width: 750px;
	background: #006AA4;
	border-right: 1px solid #006AA4;
}

hr { display: none; }

a {
	text-decoration: none;
	color: #006AA4;
}
a:hover {
	text-decoration: underline;
	color: #FF9C00;
}

/* Title **********************************************************************/

#title {
	position: relative;
	background: #FFFFFF;
	height: 70px;
}

#title h1 {
	margin: 0; padding: 10px 5px 0 70px;
	font-variant: small-caps;
	font-size: 24px;
	color: #282F7F;
}

#title .logo {
	display: block;
	position: absolute;
	top: 3px; left: 3px;
}

#title .logo img { display: block; border: none; }

#title .info {
	display: block;
	position: absolute;
	width: 748px;
	top: 2px;
	text-align: right;
	font-size: 80%;
	color: #C0C0C0;
}


/* Menu ***********************************************************************/

#menu {
	height: 23px;
	margin-left: 70px;
	background: #FFFFFF;
}
#menu h2 { display: none; }
#menu ul, #menu li { margin: 0; padding: 0; list-style-type: none; }
#menu li {
	display: inline;
}
#menu a {
	display: block;
	float: left;
	margin: 0 7px; padding: 0 16px;
	border-bottom: 5px solid #006AA4;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#menu a:hover {
	border-bottom: 5px solid #FF9C00;
}
#menu a.current { color: #FF9C00; }


/* Tool ***********************************************************************/

#tool {
	clear: both;
	padding: 5px;
	margin-left: 70px;
	background: #FFFFFF;
	text-align: right;
	font-size: 80%;
}
#tool h2 { display: none; }
#tool ul, #tool li { margin: 0; padding: 0; list-style-type: none; }
#tool li {
	display: inline;
}
#tool a {
	display: block;
	float: right;
	width: 98px;
	padding: 1px;
	margin: 0 5px;
	text-align: center;
	background: url('tool.gif');
	color: #808080;
}
#tool a:hover {
	color: #000000;
	background: url('tool-hover.gif');
	text-decoration: none; 
}


/* Content ********************************************************************/

#content {
	margin-left: 70px;
	padding: 5px;
	background: #FFFFFF;
}
#content h2 {
	margin: 0; padding: 0;
}


/* Intro **********************************************************************/

#intro {
	padding: 0 0 20px;
}


#intro h2 {
	margin: 0 0 10px; padding: 0;
}




/* Foot ***********************************************************************/

#foot {
	padding: 5px;
	color: #FFFFFF;
	font-size: 80%;
}

#foot .logo {
	display: block;
	float: left;
}
#foot .logo img {
	margin: 0 5px;
	border-color: #006AA4;
}
#foot .logo:hover img {
	border-color: #FF9C00;
}

/* Article ********************************************************************/

.article {
	margin: 10px 0;
	border: 1px solid #C0C0C0;
}

.article h3 {
	margin: 0; padding: 5px 2px;
	background: #F0F0F0;
}

.article .op {
	padding: 2px;
	height: 15px;
	text-align: right;
	font-size: 80%;
	background: #F8F8F8;
}
.article .op a {
	display: block;
	float: right;
	width: 98px;
	padding: 1px;
	margin: 0 5px;
	text-align: center;
	background: url('tool.gif');
	color: #808080;
}
.article .op a:hover {
	color: #000000;
	background: url('tool-hover.gif');
	text-decoration: none; 
}

.article .file {
	padding: 2px 7px;
	background: #F8F8F8;
	text-align: right;
	font-size: 80%;
	color: #808080;
}

.article .content {
	padding: 2px;
}

.article .sig {
	padding: 2px;
	color: #808080;
	font-size: 90%;
}

.article .alert {
	padding: 2px;
	text-align: right;
	font-size: 80%;
	background: #F8F8F8;
	color: #FF0000;
	font-weight: bold;
}

.article .info {
	padding: 2px;
	text-align: right;
	font-size: 80%;
	background: #F8F8F8;
}


/* Comment ********************************************************************/

.comment {
	margin: 10px 0;
	border: 1px solid #C0C0C0;
}

.comment .content {
	padding: 2px;
}

.comment .sig {
	padding: 2px;
	color: #808080;
	font-size: 90%;
}

.comment .info {
	padding: 2px;
	text-align: right;
	font-size: 80%;
	background: #F8F8F8;
}


/* Formulaire *****************************************************************/


form {
	
}

form .field label {
	display: block;
	font-size: 90%;
	font-style: italic;
}

form .field {
	padding: 2px 0;
}

form .field .edit {
	width: 480px;
	margin-left: 100px;
	font-family: 'Courier New', monospace;
	font-size: 11px;
	border: 1px solid #000000;
	padding: 2px;
}

form .buttons {
	padding: 2px 0;
	margin-left: 100px;
}