/* CSS Document */
/* ---------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-family:arial, helvetica, sans-serif;
		font-size:11px;
		background:#559ade url(../img/environment/body.jpg) repeat-x;
		color:#58656d
	}
	a {text-decoration:none}
	a:hover {text-decoration:none}
	img{border:none}
	ul,li,radio,label{list-style:none}
	form {float:left}
/*------------------------------------------------------------------------------- Global */
	#global {width:650px}
	#header {
		width:950px;
		height:103px;
		background:url(../img/environment/header_demande_dev.gif) no-repeat;
		float:left
	}	
	#main {
		float:left;
		width:870px;
		background:url(../img/environment/fond_demande_dev.gif) repeat-y;
		padding:60px 40px 45px 20px;
		margin:0 0 0 17px;
	}
	* html #main {float:none}
	#footer {
		width:950px;
		height:60px;
		background:url(../img/environment/footer_demande_dev.jpg) no-repeat;
		float:left
	}
/*-------------------------------------------------------------------------------- Titres et autres */
	#main h1 {
		font-size:1.7em;
		color:#119cc1;
		padding:0 0 10px 0;
		width:400px
	}
	#main .title, #main .title2, #main .title3, #main .title4 {
		display:block;
		color:#7ace00;
		font-weight:bold;
		font-size:1.1em;
		padding:0 0 10px 0
	}
	#main .title2, #main .title3 {
		color:#ff8b00;
		font-size:1em;
		padding:10px 0 5px 20px
	}
	#main .title3 {padding:0 0 5px 5px}
	#main .title4 {
		padding:0 0 5px 15px;
		color:#559ADE;
		font-size:.9em
	}
	#main .intro {
		padding:0 0 10px 0;
		text-align:justify
	}
	#main #formu {padding:0 0 10px 0}
	#main #formu div.formu label.etape1 {width:230px}
	#main #formu div.formu label.etape2 {width:110px}
	#main #formu div.formu label.etape3 {width:200px; margin-right:20px}
	#main #formu div.formu label.etape4{width:110px}
	#main #formu div.formu label.etape6{width:60px}
	div.obligatoire {margin-bottom:5px}
/*-------------------------------------------------------------------------------- Compass */
	.compass {
		position:absolute;
		left:650px;
		top:80px;
		font-size:.8em;
		color:#999
	}
	* html .compass ul li {margin:0 0 -4px 0}
	.compass ul li.etape2 {padding:0 0 0 10px}
	.compass ul li.etape3 {padding:0 0 0 20px}
	.compass ul li.etape4 {padding:0 0 0 30px}
	.compass ul li.etape5 {padding:0 0 0 40px}
	.compass ul li.etape6 {padding:0 0 0 50px}
	.compass ul li.etape7 {padding:0 0 0 60px}
/*-------------------------------------------------------------------------------- Choix du territoire */
	#main img#map {
		display:block;
		margin:20px auto 0 auto
	}
	#main ul#choix_territoire {
		float:left;
		padding:80px 0 0 100px;
		font-size:1.1em
	}
	#main ul#choix_territoire li {margin:0 0 10px 0}
	#main ul#choix_territoire li a {
		color:#58656d;
		background:url(../img/basics/squareO.gif) no-repeat 0 6px;
		padding:0 0 0 7px
	}
	#main ul#choix_territoire li a:hover {text-decoration:underline}
/*-------------------------------------------------------------------------------- Autres personnes */
	table.tableau {
		float:left;
		width:100%;
		padding:10px 0;
		border-collapse:collapse;
		margin:0 0 25px 0
	}
	table.tableau caption {
		padding-bottom:5px;
		color:#559ADE;
		text-align:left
	}
	table.tableau tr th {
		background:#ddeaf7;
		padding:4px 0;
		text-align:center
	}
	table.tableau tr td {
		text-align:center;
		padding:2px 0 2px 4px;
		border:solid 1px #ccc
	}
	table.tableau tr td input, table.tableau tr td select {
		border:solid 1px #535154;
		padding:0 0 0 3px;
		font-size:1.4em;
		height:30px;
	}
	table.tableau tr td input {width:100px;height:21px;padding:7px 0 0 3px;}
/*-------------------------------------------------------------------------------- Recapitulatif */
	ul.recap {
		padding:0 0 15px 40px
	}
	ul.recap li {
		clear:both;
		margin:0 0 5px 0
	}
	ul.recap li span {
		font-weight:bold
	}
/* ---------------------------------------------------------------- Boutons extensibles */
	.actions {
		float:left;
		margin:10px 0 5px 0;
		width:100%
	}
	.bt_blue .left, .bt_green .left, .bt_red .left, .bt_gray .left {
		width:2px;
		height:34px;
		float:left
	}
	.bt_blue .left {background:url(../img/bt/blue_left_dev.gif) no-repeat}
	.bt_green .left {background:url(../img/bt/green_left.gif)}
	.bt_red .left {background:url(../img/bt/red_left_dev.gif) no-repeat}
	.bt_gray .left {background:url(../img/bt/gray_left.gif)}
	.bt_blue a.middle, .bt_green a.middle, .bt_red a.middle, .bt_gray a.middle {
		display:block;
		height:34px;
		padding:8px 5px 0 5px;
		float:left;
		text-decoration:none;
		font-size:1.4em
	}
	.bt_blue a.middle {
		background:url(../img/bt/blue_dev.gif) repeat-x;
		color:#0095bd
	}
	.bt_green a.middle {
		background:url(../img/bt/green.gif) repeat-x;
		color:#333
	}
	.bt_red a.middle {
		background:url(../img/bt/red_dev.gif) repeat-x;
		color:#da1822
	}
	.bt_gray a.middle {
		background:url(../img/bt/gray.gif) repeat-x;
		color:#fff
	}
	.bt_blue .right, .bt_green .right, .bt_red .right, .bt_gray .right {
		height:34px;
		width:3px;
		float:left
	}
	.bt_blue .right {background:url(../img/bt/blue_right_dev.gif) no-repeat}
	.bt_green .right {background:url(../img/bt/green_right.gif)}
	.bt_red .right {background:url(../img/bt/red_right_dev.gif) no-repeat}
	.bt_gray .right {background:url(../img/bt/gray_right.gif)}