/* CSS GENERALE */
h3.info
{
	text-align: center;
}
p
{
	margin-left: 23px;
}
h3.titre_recrutement
{
	background-image: url("../picts/maxi.gif");
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 20px;
	margin: 3px;
}
.star
{
	color : #F00;
}
.searchsiteform		{
    FONT: 12px arial, verdana, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    background-image: url("../picts/shadeform.gif");
    BORDER: #000000 1px solid;
    margin-top: 1px;
}

/* FOOTER */

.spacer
{
	clear: both;
}
.etape
{
	color: #6E003C;
	font-size: larger;
	font-weight: bold;
	text-align: left;
	margin-left: 44%;
}
.previous
{
	float: left;
	margin-left: 15%;
}
.previous input
{
	margin-left: 0px;
}
.next
{
	float: right;
	margin-right: 16%;
}

/* ETAPE 1 */

#col_droit
{
	text-align: left;
	float: right;
}
#col_gauche
{	
	text-align: left;
	margin-right: 10%;
}
#madame
{
	margin-left: 40px;
}
#mademoiselle
{
	margin-left: 60px;
}
div.etape1 input, div.etape1 select
{
	margin-left: 150px;
}
div.etape1
{
	margin-left: 7%;
	margin-right: 7%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
}

div#col_droit label, div#col_gauche label
{
	position: absolute;
}
div.etape1 label.imm
{
	display: inline;
	width: auto;
	float: none;
}

/* ETAPE 2 */

div.etape2 
{
	margin-left: 7%;
	margin-right: 7%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
	text-align: left;
}
div.etape2 div.sej_g
{
	float: left;
	margin-right: 40px;
}
div.etape2 div.sej_d
{
	float: right;
}
div.etape2 div label
{
	position: absolute;
}
div.etape2 input[type=checkbox]
{
	margin-right: 10px;
}
div.etape2 input,div.etape2 select,div.etape2 textarea
{
	margin-left: 260px;
}
div.etape2 .immu
{
	margin-left: 130px;
}
div.etape2 select.first
{
	margin-left: 90px;
}
div.etape2 select.imm
{
	margin-left: 40px;
}
div.etape2 table
{
	margin-left: 10%;
	width: 90%;
}
div.etape2 td
{
	width: 30%;
	text-align: left;
}
div.etape2 td input, td select
{
	margin-left: 0;	
}
div.etape2 th
{
	width: 30%;
	text-align: left;
}
div.etape2 table tr td select
{
	margin-left: 4%;
}

/* ETAPE 3 */

div.etape3 
{
	margin-left: 5%;
	margin-right: 5%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
}
div.etape3 li
{
	list-style-type:none;
	width: 26px;
	height: 18px;
	border: 1px solid #801C55;
	background-color: #FFECCC;
	float: left;
}
div.etape3 ul.horaires
{
	margin-left: 127px;
}
div.etape3 ul.horaires li
{
	border-color: #FFECCC;
	text-align: center;
	background-color: #FFECCC;
}
div.etape3 ul.horaires li:first-child
{
	clear: both;
}
div.etape3 li.matin
{
	color: white;
	margin-left: 140px;
	width: 110px;
	height: 16px;
	text-align: center;
	background-color: #801C55;
	border-right: 1px solid white;
}
div.etape3 li.am
{
	color: white;
	width: 222px;	
	height: 16px;
	text-align: center;
	background-color: #801C55;
	border-right: 1px solid white;
	border-left: 1px solid white;
}
div.etape3 li.nuit
{
	color: white;
	width: 334px;
	height: 16px;
	text-align: center;
	background-color: #801C55;
	border-left: 1px solid white;
}

div.etape3 ul li.day
{
	color: #801C55;
	font-weight: bold;
	border: none;
	display: inline;
	width: 80px;
	background-color: #FFECCC;
	margin-left: 60px;
	clear: both;
}
div.etape3 ul li.colored
{
	background-color: #00008B;
}

/* ETAPE 4 */

div.etape4 
{
	margin-left: 7%;
	margin-right: 7%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
}
div.etape4 div.zone
{
	margin-bottom: 3px;
}
div.etape4 div.titre
{
	background-image: url("mini.gif");
	background-repeat: no-repeat;
	text-align: left;
	position: absolute;
	background-position: left center;
	padding-left: 11px;	
}
div.etape4 div.line
{
	display: inline;
	margin-left: 2%;
	vertical-align: middle;
}
div.etape4 div.first
{
	display: inline;
	margin-left: 60%;
	vertical-align: middle;
}
div.etape4 div.zone
{
	border-bottom: 1px solid #801C55;
	border-top: 1px solid #801C55;
	height: 40px;
	line-height:40px;
}
div.etape4 label
{
	position: absolute;
}
div.etape4 span.retour
{
	margin-left: 30%;
}
div.etape4 input.nsp
{
	margin-left: 63%;
}
div.etape4 input.deb
{
	margin-left: 7%;
}
div.etape4 input.int
{
	margin-left: 7.5%;
}
div.etape4 input.conf
{
	margin-left: 8%;
}

/* ETAPE 5 */

div.etape5
{
	margin-left: 5%;
	margin-right: 5%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
}
div.etape5 table tr:nth-child(2),div.etape5 table tr:nth-child(4),div.etape5 table tr:nth-child(6)
{
	background-color: #801C55;
	color: white;
}

/* ETAPE 6 */

div.etape6
{
	margin-left: 10%;
	margin-right: 10%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
}
div.left
{
	text-align: left;
}
div.mid
{
	text-align: center;
}
div.etape6 div.lbox
{
	float: left;
	width: 40%;
	text-align: left;
	margin-left: 10%;
}
div.etape6 div.rbox
{
	float: right;
	width: 50%;
	text-align: left;
}
div.etape6 div.rbox label,div.etape6 div.lbox label
{
	position: absolute;
}
div.etape6 div.lbox input
{
	margin-left: 40%;
}
div.etape6 div.rbox input
{
	margin-left: 28%;
}
div.etape6 div.lbox textarea
{
	margin-left: 40%;
}
div.etape6 div.rbox textarea
{
	margin-left: 28%;
}
div.etape6 table
{
	width: 100%;
}
div.etape6 table tr:nth-child(2),div.etape6 table tr:nth-child(4),div.etape6 table tr:nth-child(6)
{
	background-color: #801C55;
	color: white;
}
div.etape6 td,div.etape6 th
{
	text-align: center;
}
div.etape6 tr td:nth-child(1) 
{
	width: 32%;
}
div.etape6 tr td:nth-child(2)
{
	width: 36%;
}
div.etape6 tr td:nth-child(3)
{
	width: 42%;
}
div.etape6 tr td:nth-child(4)
{
	width: 2%;
}

/* ETAPE 7 */

div.etape7
{
	margin-left: 10%;
	margin-right: 10%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
}

/* ETAPE 8 */

div.etape8
{
	margin-left: 10%;
	margin-right: 10%;
	background-color: #FFECCC;
	border: 3px solid #801C55;
	padding: 1%;
}