@charset "utf-8";
/* CSS Document */

/** DIV STEP ***/
#step {
	position: relative;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

#step li{
	display: inline;
	padding: 5px;
}

#step .current {
	background-color: #8c1214;
	border: #FFFFFF solid 1px;
	font-weight: bold;
}

#step .mandatory {
	background-color: #b41624;
	border: #FFFFFF solid 1px;
	font-style: italic;
}

#step .optional {
	background-color: #d0737a;
	border: #FFFFFF dashed 1px;
	font-style: italic;
}

#step .complete {
	background-color: #efefee;
	border: #FFFFFF dashed 1px;
}

/** DIV TITLE ***/
#title {
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 3px;
	color: #FFFFFF;
	width: 500px;
	background-color: #8c1214;
	font-weight: bold;
}

/** FORM ENROLLMENT ***/
#enrollment {
	position: relative;
	margin: 0;
	padding: 0;
	width: 500px;
}

#enrollment table {
	position: relative;
	margin: 0;
	padding: 0;
	width: 506px;
}

#enrollment tr {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 3px;
	width: 506px;
}

#enrollment td {
	position: relative;
	padding: 3px;
	width: 253px;
}

#enrollment .titre {
	background-color: #d0737a;
	font-style: italic;
	color: #FFFFFF;
}

#enrollment .titre a {
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.8em;
	float: right;
}

#enrollment .titre a:hover {
	font-style: normal;
	text-decoration: underline;
}

#enrollment .pair {
	background-color: #CCCCCC;
}

#enrollment .odd {
	background-color: #EEEEEE;
}

#enrollment .submit {
	text-align: right;
}

#enrollment select {
	position: relative;
	width: 225px;
}

#enrollment .selectDayMonth {
	position: relative;
	width: 50px;
}

#enrollment .inputYear {
	position: relative;
	width: 40px;
}

#enrollment textarea {
	position: relative;
	width: 225px;
}

#enrollment .inputText {
	position: relative;
	width: 225px;
}

#enrollment .erreur {
	color:#CC0000
}

#enrollment .label{
	font-weight: bold;
}

#enrollment .button{
	background-color: #8c1214;
	color: #FFFFFF;
}