
#flashcontainer {
	width:1280px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-640px;
	z-index:1;
}

/*--------------------------------------soumettre_projet.php-----------------------------*/

#formulaire {
	width:854px;
	height:410px;
	position:absolute;
	top:79px;
	left:50%;
	margin-left:-427px;
	background:url(../_img/construire_projet/degrade_bottom_form.gif) bottom left no-repeat;
	z-index:2;
}

#formulaire #left {
	position:absolute;
	top:0;
	left:0;
	width:21px;
	height:387px;
	background-color:#4b4b4d;
}

#formulaire #middle {
	position:absolute;
	top:0;
	left:21px;
	width:811px;
	height:387px;
}

#formulaire #etape1 #middle {
	background:url(../_img/construire_projet/fd_formulaire_top.jpg) top right no-repeat; 
	background-color:#eceded;
}

#formulaire #etape2 #middle {
	background:url(../_img/construire_projet/fd_formulaire_top2.jpg) top right no-repeat; 
	background-color:#eceded;
}

#formulaire #etape3 #middle {
	background:url(../_img/construire_projet/fd_formulaire_top3.jpg) top right no-repeat; 
	background-color:#eceded;
}

#formulaire #etape4 #middle {
	background:url(../_img/construire_projet/fd_formulaire_top3.jpg) top right no-repeat; 
	background-color:#eceded;
}

#formulaire #right {
	position:absolute;
	top:0;
	left:832px;
	width:21px;
	height:387px;
	background-color:#4b4b4d;
}

/*--------------------------------ETAPES----------------------------*/

#etapes {
	width:100%;
	height:20px;
	margin:26px 0 0 15px;
}

#etapes ul{
	float:left;
	list-style-type: none;
}
#etapes li {
	display: inline;
}
#etapes li.menu1,
#etapes li.menu2,
#etapes li.menu3,
#etapes li.menu1_on,
#etapes li.menu2_on,
#etapes li.menu3_on {
  	display: block;
	line-height: 20px;
	text-decoration: none;
	float: left;
}
#etapes li.menu1 {
	width: 156px;
	background: url(/_img/construire_projet/form1.gif) no-repeat 0 0;
}
#etapes li.menu1_on {
	width: 156px;
	background: url(/_img/construire_projet/form1.gif) no-repeat 0 -20px;
}
#etapes li.menu2 {
	width: 153px;
	background: url(/_img/construire_projet/form2.gif) no-repeat 0 0;
}
#etapes li.menu2_on {
	width: 153px;
	background: url(/_img/construire_projet/form2.gif) no-repeat 0 -20px;
}
#etapes li.menu3 {
	width: 136px;
	background: url(/_img/construire_projet/form3.gif) no-repeat 0 0;
}
#etapes li.menu3_on {
	width: 136px;
	background: url(/_img/construire_projet/form3.gif) no-repeat 0 -20px;
}

/*--------------------------------fin ETAPES----------------------------*/

#consigne {
	width:100%;
	height:15px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color::#454646;
	margin:22px 0 0 20px;
}

#champ_oblig {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#87888a;
	float:right;
}

#continuer {
	position:absolute;
	right:5px;
	top:176px;
}

#precedent {
	position:absolute;
	left:5px;
	top:176px;
}

/*-----------------------------ETAPE 1---------------------------------*/

#tableaux {
	width:650px;
	height:auto;
	margin:25px 0 0 50px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#87888a;
}

#tableaux input {
	margin-bottom:14px;
	width:211px;
	height:16px;
	border:1px solid #cecfcf;
}

#tableaux #tableau1bis {
	height:30px;
}

#tableaux input.civilite {
	margin-bottom:0;
	width:auto;
	height:auto;
	border:none;
	margin-left:30px;
	margin-right:5px;
}

#tableaux input.civilite.first {
	margin-left:0;
}

#tableaux input.petit {
	width:65px;
	margin-right:3px;
}

#tableaux input.petit.last {
	margin-right:0;
}

#tableaux .adresse {
	margin-bottom:14px;
	width:211px;
	height:48px;
	border:1px solid #cecfcf;
}

#tableaux #tableau1 {
	width:315px;
}

#tableaux #tableau2 {
	width:302px;
}

#tableaux #tableau1 .colonne1 {
	width:102px;
}

#tableaux #tableau2 .colonne1 {
	width:98px;
}

/*-----------------------------ETAPE 2---------------------------------*/

#questionnaire_left {
	float:left;
	width:336px;
	height:255px;
	margin:23px 0 0 0;
	padding-left:50px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#87888a;
	border-right:1px solid #7d7d7d;
}

#questionnaire_right {
	float:left;
	width:300px;
	height:255px;
	margin:23px 0 0 10px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#87888a;
}

#questionnaire_left .champ1, #questionnaire_right .champ1 {
	width:100px;
	border:1px solid #cecfcf;
	margin-bottom:14px;
	color:#87888a;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#questionnaire_right .champ2 {
	width:140px;
	border:1px solid #cecfcf;
	margin-bottom:14px;
	color:#87888a;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#questionnaire_right .champ3 {
	width:225px;
	border:1px solid #cecfcf;
	margin-bottom:14px;
	color:#87888a;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#questionnaire_left .champ4 {
	width:300px;
	height:65px;
	border:1px solid #cecfcf;
	color:#87888a;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#questionnaire_left p, #questionnaire_right p {
	margin-bottom:2px;
}

/*-----------------------------ETAPE 3---------------------------------*/

#projet {
	width:380px;
	height:255px;
	margin:23px 0 0 0;
	padding-left:50px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#87888a;
}

#projet .champ {
	width:380px;
	height:70px;
	border:1px solid #cecfcf;
	margin-bottom:14px;
}

#projet p {
	margin-bottom:10px;
}

/*--------------------------------------index.php-----------------------------*/

#big_image {
	position:absolute;
	top:89px;
	left:53px;
	width:433px;
	height:396px;
	z-index:2;
}

#construire_projet {
	position:absolute;
	top:137px;
	left:503px;
	width:390px;
}

p.chapeau {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:13px 0 16px 0;
}

p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:16px;
}

#liens {
	float:right;
	text-align:right;
}

#liens p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#5b9ed8;
	width:140px;
}

p a {
	color:#5b9ed8;
	text-decoration:underline;
}

#soumettre {
	position:absolute;
	top:296px;
	left:0;
}
