/* CSS Document */
	body {
		margin-top:5px;
	 	background:#EEF6E1 url("../img/fond_4.jpg") repeat-x;
	 	color:#555555;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9pt;
	}
	
	/* CONSTRUCTION DE LA STRUCTURE DES PAGES */	
	#conteneur {
		position:relative;
		width:800px;
		margin-left:auto;
		margin-right:auto;
		border:solid #555555 1px;
		background-color:#FFFFFF;
	}	
	
	#bandeau {
		position:relative;
		width:800px;
		height:95px;
		background:white url("../img/bandeau_3.jpg") no-repeat;
		border-bottom:1px solid #333333;
	}
		#bandeauZoneReactive {
			position:absolute;
			top:1px;
			left:25px;
			width:265px;
			height:94px;
			border:0px solid red;
			cursor:pointer;
		}
	
	#barreProgression {
		margin:10px 0px 10px 5px;
	}
	
	#contenu {
		position:relative;
		width:800px;
		height:455px;
	}
	#contenu div { padding-left:5px; }
	
	#contenu_gauche {
		float:left;
		width:215px;
	}	
	
	#contenu_droit {
		float:right;
		width:235px;
	}
	
	#contenu_centre {
		margin-left:220px;
	}
	
	#pied {
		width:800px;
		height:15px;
		background-color:#336633;
		border-top:1px solid #333333;
		text-align:center;
	}
	#condition {
		width:800px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	/* PROPRIETES DES LIENS DANS LES PAGES */
	a {
		text-decoration:none;
		color:#555555;
	}
	a:hover { color:#008000; }
	#barreProgression a { font-weight:bold; }
	#pied a{ 
		color:#90B654; 
		font-weight:bold;
	}
	#pied a:hover{ color:#CCCCCC; }
	
	/* PROPRIETES DES LISTES A PUCES */
	ul {
		padding:0px;
		margin:10px 0px;
		font-weight:bold;
	}
	li {
		margin:0px 3px;
		padding:0px 2px 0px 0px;
		list-style-type:none;
		list-style-image:url("../img/arrowredsm.gif");
		list-style-position:inside;
		font-weight:normal;
	}
	li.ok {
		list-style-image:url("../img/puce_vide.gif");
		background:url("../img/ok.gif") no-repeat 0% 0%;
		padding-left:10px;
	}
	li.info {
		list-style-image:url("../img/puce_vide.gif");
		background:url("../img/info.png") no-repeat 0% 0%;
		padding:0px 0px 5px 10px;
	}
	
	/* PROPRIETES DES BALISES COMMUNES */
	#barreProgression span {
		background-color:#CCCC99;
		padding:0px 20px 0px 5px;
	}
	
	/* PROPRIETES DES FORMULAIRES */
	fieldset {
		margin:2px 10px 2px 5px;
		padding:0px 5px 5px 5px;
		border:1px solid #666666;
	}
	fieldset.limite { width:320px; }
	fieldset p {
		margin:10px 5px;
	}
	label {
		float:left;
		width:80px;
	}
	#boutonCentrer {
		width: 98%;
		padding-left:200px;
	}
	#boutonCentrer input { width:90px; }
	
	/* CLASSE */
	span.titre {
		font-weight:bold;
		font-size:1.6em;
		color:red;
	}
	span.titre2 {
		font-weight:bold;
		font-size:1.7em;
	}
	.attention {
		color:red;
		font-weight:bold;
	}

	/* DIV PLACEES EN ABSOLUE ET CONTENANT UNE IMAGE */	
	#contientDivAbsolue {
		position:absolute;
		z-index:2;
	}
		#contientDivAbsolue div {
			position:absolute;
			border-width:0px;
		}
		
	#users {
		top:145px; left:135px;
		width:50px; height:50px;
		background:url("../img/users.gif") no-repeat;	
	}
	#maison {
		top:145px; left:460px;
		width:80px; height:66px;
		background:url("../img/house1.gif");	
	}
	#cocarde {
		top:115px; left:730px;
		width:100px; height:100px;
		background:url("../img/cocarde.gif") ;
	}
	#question {
		top:310px; left:130px;
		width:72px;	height:92px;
		background:url("../img/question.gif") no-repeat;
	}
	#region {
		top:420px; left:490px;
		width:200px; height:165px;
		background:url("../img/carte_ombre3.png") no-repeat;
	}
	#stylo {
		top:135px; left:690px;
		width:80px; height:80px;
		background:url("../img/form1.png") no-repeat;
	}
	#plus {
		top:125px; left:750px;
		width:100px; height:100px;
		background:url("../img/plus.png") no-repeat;
	}
	#metz {
		top:350px; left:20px;
		width:138px; height:106px;
		background:url("../img/metz1.jpg") no-repeat;
	}
	#thionville {
		top:450px; left:80px;
		width:131px; height:101px;
		background:url("../img/thionville1.jpg") no-repeat;
	}
	
	/* STYLE DES PAGES DE LISTE */	
	#cadreContenu { border-width:0px;}
	.catal_conteneur {
		width:620px;
		border:1px solid black;
		padding:0px 0px;
		margin-bottom:5px;
	}
	.catal_flottant {
		float:left;
		width:100px;
	}
	.catal_droite {
		margin-left:105px;
	}
	dl { margin:3px; }
	dt { text-decoration:underline; float:left; width:90px; }