body, html {
	height:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #4c0002;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-image: url(../images/fond-intro.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

img {
	border:none;
}

.Spacer {
	clear:both;
	height:1px;
	line-height:1px;
	visibility:hidden;
}

.centre {
	background-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #a5a5a5;
	border-left-color: #a5a5a5;
	position: relative;
	height: 100%;
	width: 300px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

.centre a {
	color: #FFCC66;
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
.centre a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4C0002;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CC0000;
	border-bottom-color: #CC0000;
}

.droite {
	background-image: url(../images/fog-of-war-droite.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 225px;
	width: 279px;
	display: block;
	position: absolute;
	top: 0px;
	left: 301px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 20px;
	margin: 0px;
	padding: 40px 0px 0px 20px;
	text-align: center;
}
h2 {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	width: 300px;
	letter-spacing: 4px;
}
h3 {

	font-weight: normal;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	width: 300px;
	letter-spacing: 4px;
}

h3 a {
	color:#ffffcc;
}

h3 a:hover {
	color:#ff0000;
}

p {
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	color:#aaa;
	font-size:11px;
}

.Entrez {
	position: absolute;
	z-index: 999;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}

/* ------------------------------------- */

.ssi_table {
	border: 1px solid #aaa;
	background:#390001;
	margin:0 auto 0 auto;
}

.ssi_table td {
	padding:2px 6px 2px 6px;
}

.ssi_table label {
	font-size:0.8em;
	color:#fff;
}

#user, #passwrd {
	font-size: 0.8em;
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-top:none;
	border-bottom:none;
	background:#eee;
	padding:1px;
}

.Formulaire {
	text-align:left;
	margin:5px;
}

.Formulaire .NoView {
	display:none;
}

.Formulaire h1 {
	background:transparent;
	border-bottom:1px solid #888888;
	border-left:2px solid #888888;
	padding:0 0 2px 5px;
	font-size:12px;
	color:#333333;
	margin:20px 0 5px 0;
}

.Obligatoire {
	font-weight:bold;
}

.Formulaire .checkbox {
	background:transparent;
	border:none;
}
.Formulaire fieldset {
	_position : relative;  /* The underscore means only IE will see it */
	_padding-top : 20px;   /* Stupid IE */
	_padding-bottom : 15px;
	_display : block;
	margin-bottom : 15px;
	margin: 20px 0;
	padding: 15px 10px;
	border: 1px solid #aaa;
	background:#390001;
	overflow: visible;
}

.Formulaire .fieldsetPetit {
	margin: 20px 0 20px 120px;
	padding: 5px;
	border: 1px solid #bbb;
	overflow: auto;
	width:350px;
}

.Formulaire legend {
	padding: 2px 5px;
	color: #aaa;
	font-weight: bold;
	font-size:12px;
}

.Formulaire label {
	font-size: 1em;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 8px;
	margin-top:4px;
}
.Formulaire p {
	font-size:0.75em;
	clear:left;
	margin:4px 0 4px 0;
}

.Formulaire .Label2 {
	float:none;
	width:auto;
	margin-left:4px;
}

.SelectNbr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:none;
	width:40px;
	border: 1px solid #000000;
}

.Formulaire input, .Formulaire textarea, .Formulaire select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-top:none;
	border-bottom:none;
	background:#eee;
	padding:1px;
	z-index:1;
}

.Formulaire .Submit, .Formulaire .InputButton {
	background-color:#58595B;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #666;

}
.Formulaire .checkbox {
	background:transparent;
	border:none;
}


.Formulaire hr {
	height:1px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px dashed #999999;
	margin:8px 0 8px 0;
}

.Formulaire .EnterCode {
	border:1px dashed #999999;
	padding:4px;
	margin:8px;
}
.Formulaire .Erreur {
	background-color: #FF8079;
}
.Formulaire .checkboxErreur {
	background-color: #FF8079;
}

.Formulaire .MsgErreur {
	background-color:#4c0002;
	font-size:12px;
	font-weight:bold;
	border:1px dashed #ff8079;
	padding:10px;
	margin:10px;
	color:#fff;
	text-align:center;
}

.Formulaire .Infos {
	border:1px dashed #666;
	color:#666;
	margin:20px;
	padding:8px;
}
.Formulaire input:focus, .Formulaire textarea:focus, .Formulaire select:focus {
	background-color:#e0e0e0;
}

/* -------------------------------------------- */