/* CSS Document */

#filt

{
	display: none;

	position: fixed;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: #000;

	z-index:120;

	opacity:0.10;

	filter: alpha(opacity=10);

}



#filtre

{

	display: none;

	position: fixed;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: #CCA;

	z-index:120;

	opacity:0.95;

	filter: alpha(opacity=90);

}







#box 

{

	display: none;

	position: fixed;

	float:center;

	top: 20%;

	left: 20%;

	width: 400px;

	height: 200px;

	padding: 48px;

	margin:0;

	border: 1px solid black;

	background-color: white;

	z-index:120;

	overflow: none;

}



#boxtitle

{

	position:absolute;

	float:center;

	top:0;

	left:0;

	width:496px;

	height:24px;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}



#filtre6

{

	display: none;

	position: fixed;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: #CCA;

	z-index:130;

	opacity:0.90;

	filter: alpha(opacity=90);

}





#box6 

{

	display: none;

	position: absolute;

	float:center;

	top: 20%;

	left: 20%;

	width: 400px;

	height: 300px;

	padding: 48px;

	margin:0;

	border: 1px solid black;

	background-color: white;

	background-image:url(images/updating_box.gif);

	z-index:100;

	overflow: none; 

	

}



#boxtitle6

{

	position:absolute;

	float:center;

	top:0;

	left:0;

	width:496px;

	height:24px;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #E1EBEB;

	background-color: #000;

	color:white;

	text-align:center;

}

/*

#filtre8

{

	display: none;

	position: fixed;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: #CCA;

	z-index:130;

	opacity:0.5;

	filter: alpha(opacity=90);

}

*/



#box8

{

	display: none;

	position: fixed;

	float:center;

	top: 20%;

	left: 20%;

	width: 400px;

	height: 150px;

	padding: 48px;

	margin:0;

	border: 1px solid black;

	background-color: white;

	z-index:130;

	overflow: none;

}



#boxtitle8

{

	position:absolute;

	float:center;

	top:0;

	left:0;

	width:496px;

	height:24px;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}



#filtre7

{

	display: yes;

	position: fixed;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: #CCA;

	z-index:130;

	opacity:0.95;

	filter: alpha(opacity=90);



}





#box7 

{

	display: yes;

	position: fixed;

	float:center;

	top: 20%;

	left: 20%;

	width: 400px;

	height: 100px;

	padding: 48px;

	margin:0;

	border: 1px solid black;

	background-color: white;

	z-index:130;

	overflow: none;

}



#boxtitle7

{

	position:absolute;

	float:center;

	top:0;

	left:0;

	width:496px;

	height:24px;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}

#filtre1

{

	display: none;

	top: 0%;

	left: 0%;

	width: 500;

	height: 200;

	background-color: #CCA;

	z-index:10;

	/*opacity:0.5;

	filter: alpha(opacity=100);*/

}





#box1 

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	padding: 20px;

	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	/*overflow: none;*/

}



#boxtitle1

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}



#filtre2

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width: 500;

	height: 200;

	background-color: #CCA;

	z-index:10;

	/*opacity:0.5;

	filter: alpha(opacity=60);*/

}





#box2

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	padding: 20px;

	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	overflow: none;

}



#boxtitle2

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}



#filtre3

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width: 500;

	height: 200;

	background-color: #CCA;

	z-index:10;

/*opacity:0.5;

	filter: alpha(opacity=60);*/

}





#box3

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	padding: 48px;

	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	overflow: none;

}



#boxtitle3

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}



#filtre4

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width: 500;

	height: 180;

	background-color: white;

	z-index:10;

	/*opacity:0.5;

	filter: alpha(opacity=60);*/

}





#box4

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width:420px;

	padding: 48px;

	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	overflow: none;

}



#boxtitle4

{

	/*position:absolute;*/

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}



#filtre5

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	width: 500;

	height: 200;

	background-color: #CCA;

	z-index:10;

	/*opacity:0.5;

	filter: alpha(opacity=60);*/

}





#box5

{

	display: none;

	/*position: absolute;*/

	top: 0%;

	left: 0%;

	padding: 48px;

	margin:0;

	border: 0px solid black;

	background-color: white;

	z-index:101;

	overflow: none;

}



#boxtitle5

{

	

	top:0;

	left:0;

	width:400px;

	height:0px;

	float:center;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #3CF;

	background-color: #09c;

	color:white;

	text-align:center;

}





.Style1 {color: #FF0000}

.Style2 {font-size: 12px}

.Style3 {

	font-size: 16px;

	font-weight: bold;

	color: #000000;

}

.Style4 {

	font-size: 16px;

	color: #000000;

}

.Style5 {

	font-size: 12px;

	color: #000000;

}



<style type="text/css">

	body {

		font-family: Helvetica;

		font-size: 11px;

		color: #000;

	}

	

	h3 {

		margin: 0px;

		padding: 0px;	

	}



	.suggestionsBox {

		position: relative;

		left: 0px;

		margin: 10px 0px 0px 0px;

		width: 150px;

		background-color: #33CC66;

		-moz-border-radius: 7px;

		-webkit-border-radius: 7px;

		border: 2px solid #000;	

		color: #fff;

	}

	.suggestionsBox_ecole {

		position: relative;

		left: 200px;

		margin: 10px 0px 0px 0px;

		width: 150px;

		background-color: #33CC66;

		-moz-border-radius: 7px;

		-webkit-border-radius: 7px;

		border: 2px solid #000;	

		color: #fff;

	}

	.suggestionsBox_ent {

		position: relative;

		left: 200px;

		margin: 10px 0px 0px 0px;

		width: 150px;

		background-color: #33CC66;

		-moz-border-radius: 7px;

		-webkit-border-radius: 7px;

		border: 2px solid #000;	

		color: #fff;

	}

	.suggestionList {

		margin: 0px;

		padding: 0px;

	}

	

	.suggestionList li {

	

		margin: 0px 0px 3px 0px;

		padding: 3px;

		cursor: pointer;

	}

	

	.suggestionList li:hover {

		background-color: #659CD8;

	}

</style>



#div_ville

{

	display:none;

	width:200px;

	z-index:9999;

	height:100px;

	overflow:auto;

	background-color:#FFFFFF;

	color:#FFFFFF;

	float:left;

	left:-9000px;

	/*padding-top:5px;

	position:absolute;*/

}	



#div_lieunais

{

	display:none;

	width:200px;

	z-index:99;

	height:100px;

	overflow:auto;

	background-color:#FFFFFF;

	color:#FFFFFF;

	float:left;

	left:-9000px;

	/*padding-top:5px;

	position:absolute;*/

}	









#div_ecole

{

	display:none;

	width:200px;

	z-index:9999;

	height:100px;

	overflow:auto;

	background-color:#FFFFFF;

	color:#FFFFFF;

	float:left;

	left:-9000px;

	/*padding-top:5px;

	position:absolute;*/

}	



#div_specialis

{

	display:none;

	width:200px;

	z-index:9999;

	height:100px;

	overflow:auto;

	background-color:#FFFFFF;

	color:#FFFFFF;

	float:left;

	left:-9000px;

	/*padding-top:5px;

	position:absolute;*/

}



#div_fonction

{

	display:none;

	width:200px;

	z-index:9999;

	height:100px;

	overflow:auto;

	background-color:#FFFFFF;

	color:#FFFFFF;

	float:left;

	left:-9000px;

	/*padding-top:5px;

	position:absolute;*/

}	





#div_entreprise

{

	display:none;

	width:200px;

	z-index:9999;

	height:100px;

	overflow:auto;

	background-color:#FFFFFF;

	color:#FFFFFF;

	float:left;

	left:-9000px;

	/*padding-top:5px;

	position:absolute;*/

}	

/*///////////////////////////////////////////////////	*/



	/* CSS for my first scrolling box */

	#scrollingContainer{

		width:280px;	/* 170 pixels in width */

		/*height:210px;*/	/* Height of box */

		

		border:0px solid #000;	/* Black border around box */

		/*background-color: #E2EBED;	*//* Light blue background color */



		padding:2px;	/* A little bit of space between border of box and text inside */

		float:left;	/* I want the text to wrap around the box */

		margin-right:10px;	/* Right margin of 10 pixels */

		font-size:0.9em;	/* Smaller font size than the rest of the page */

		

		overflow:hidden;	/* Hide overflow content */

	}

	/* End css for my first scrolling box */

	

/* Debut autocomplet champ de saisie */	

html{

		height:100%;

	}

	/*body{

		background-color:#E2EBED;

		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	

		width:100%;

		height:100%;		

		margin:0px;

		text-align:center;

	}

	

	#mainContainer{

		width:660px;

		margin:0 auto;

		text-align:left;

		height:100%;

		background-color:#FFF;

		border-left:3px double #000;

		border-right:3px double #000;

	}*/

	#formContent{

		padding:5px;

	}

	

	#ajax_listOfOptions{

		position:absolute;	

		width:175px;	

		height:250px;	

		overflow:auto;	

		border:1px solid #317082;	

		background-color:#FFF;	

		text-align:left;

		font-size:0.9em;

		z-index:100;

	}

	#ajax_listOfOptions div{	

		margin:1px;		

		padding:1px;

		cursor:pointer;

		font-size:0.9em;

	}

	#ajax_listOfOptions .optionDiv{	

		

	}

	#ajax_listOfOptions .optionDivSelected{

		background-color:#317082;

		color:#FFF;

	}

	#ajax_listOfOptions_iframe{

		background-color:#F00;

		position:absolute;

		z-index:5;

	}

	

	form{

		display:inline;

	}	

	

	/* FIN autocomplet champ de saisie */

	

	

	/*DEBUT gestion des styles */

.red_text{ 

	 font-size: 11px;

	font-weight:100;

	color:#FF0000;

}



.black_title{

color:#000000;

font:bold;

font-size:12px;



}

.red_asterisk{

font-size:12px;

color:#FF0000;



}

.box_title{

    font-size: 16px;

	font-weight: bold;

	color:#000000;

}



.box_field{

    font-size: 11px;

	font-weight: bold;

	color:#000000;

}



.profil_change{

display:none;



}

	/*FIN gestion des styles .*/	

	

#popup

{

	display: none;

	position: fixed;

	top: 0%;

	left: 0%;

	width: 100%;

	height: 100%;

	background-color: #CCA;

	z-index:130;

	opacity:0.90;

	filter: alpha(opacity=90);

}





/*#boxpopup 

{

	display: none;

	position: absolute;

	float:center;

	top: 15%;

	left: 20%;

	width: 400px;

	height: 320px;

	padding: 48px;

	margin:0;

	border: 1px solid black;

	background-color: white;

	z-index:100;

	overflow: none; 

	

}



#boxtitlepopup

{

	position:absolute;

	float:center;

	top:0;

	left:0;

	width:496px;

	height:24px;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #E1EBEB;

	background-color: #000;

	color:red;

	font-size:20px;

	text-align:center;

}	*/



#boxpopup 

{

	display: none;

	position: absolute;

	float:center;

	top: 35%;

	left: 30%;

	width: 250px;

	height: 110px;

	padding: 25px;

	margin:0;

	border: 1px solid black;

	background-color: white;

	z-index:100;

	overflow: none; 

	

}



#boxtitlepopup

{

	position:absolute;

	float:center;

	top:0;

	left:0;

	width:300px;

	height:18px;

	padding:0;

	padding-top:4px;

	left-padding:8px;

	margin:0;

	border-bottom:4px solid #E1EBEB;

	background-color: #000;

	color:#FFFFFF;

	font-size:14px;

	text-align:center;

}	