/**
*
* Conception & Création : Atelier télescopique - Lille - 2008
* Développement & Programmation : Baptiste Servais - 2008
* 
* Tous les éléments (textes, logos, images, codes, icônes, mise en page, bases de données, ...) contenus
* dans le Site sont protégés par le droit national et international de la propriété intellectuelle.
* Ces éléments restent la propriété exclusive de leurs auteurs.
* 
* À ce titre, sauf autorisation préalable et écrite de la part de l'Atelier télescopique et/ou de Baptiste Servais,
* vous ne pouvez procéder à une quelconque reproduction, représentation, adaptation, traduction et/ou transformation
* partielle ou intégrale, ou un transfert sur un autre site web de tout élément composant le Site.
* 
* Le non-respect de cette interdiction peut constituer un acte de contrefaçon engageant vos responsabilités civile et pénale.
*
*/

/* ------------------------------------------------------------------------------------ COULEURS */

@import "../colors.css";

/* ------------------------------------------------------------------------------------ ALL */

*
	{
		font-family :		Verdana, Arial, Sans-serif;
		font-size :			10px;
		color :			#333333;
		/* text-transform :		uppercase; */
	}

/* ------------------------------------------------------------------------------------ HTML */

body, html
	{
		margin :			0px;
		padding :			0px;
	}

html
	{
		/* overflow :			hidden; */
		background-image :	url( "pix.png" );
		background-repeat :	x-repeat;
	}


/* ------------------------------------------------------------------------------------ COMMON */

table, td
	{
		border-collapse :		collapse;
	}

img
	{
		border :			none;
		vertical-align :		middle;
	}

hr
	{
		border :			none;
		background-color :	#333333;
		height :			1px;
	}


/* ------------------------------------------------------------------------------------ LOADING */

#loading
	{
		position :			absolute;
		width :			710px;
		height :			710px;
		margin-left :		-30px;
		margin-top :		-30px;
		background :		url( "loading.gif" ) 0px 0px no-repeat;
		z-index :			900000;
	}

#loading_map
	{
		position :			absolute;
		width :			590px;
		height :			590px;
		padding :			30px;
		margin-left :		0px;
		margin-top :		0px;
		z-index :			99000;
		color :			#000000;
		background-color :	#FFFFFF;
		overflow :			hidden;
	}


/* ------------------------------------------------------------------------------------ TYPO */
pre
	{
		font-family :		monospace;
		font-size :			100%;
	}



/* ------------------------------------------------------------------------------------ INFO BULLE */
#info_bulle
	{
		position :			absolute;
		visibility :		hidden;
		z-index :			20000;
		margin-left :		10px;
	}

/* ------------------------------------------------------------------------------------ CONTENT */

#container
	{		
		margin-top :		60px;
		margin-left :		auto;
		margin-right :		auto;
		background-color :	#FFFFFF;
	
		width :			650px;
		height :			650px;
		padding :			30px;

		/*

		CENTRER VERTICALEMENT ET HORIZONTALEMENT

		position :			absolute;
		margin-left :		-325px;
		left :			50%;
		margin-top :		-325px;
		top :				50%;

		*/
	}

#content, #content_temp
	{
		position :			absolute;
		width :			650px;
		height :			650px;
		/margin-left :		30px;
	}

#content
	{
		z-index :			30;
	}

#content_temp
	{
		filter :			alpha(opacity=0);
		-moz-opacity :		0;
		-khtml-opacity :		0;
		opacity :			0;
		z-index :			20;
	}

#map
	{
		position :			relative;
		display :			block;
		width :			10000px;
	}


/* ------------------------------------------------------------------------------------ REPERES */

#repere_hg, #repere_hd, #repere_bd, #repere_bg
	{
		position :			absolute;
		filter :			alpha(opacity=40);
		-moz-opacity :		0.4;
		-khtml-opacity :		0.4;
		opacity :			0.4;
	}


#repere_hg
	{
		margin-left :		-29px;
		margin-top :		-29px;
	}
#repere_hd
	{
		margin-left :		649px;
		margin-top :		-29px;
	}

 #repere_bd
	{
		margin-left :		649px;
		margin-top :		649px;
	}

#repere_bg
	{
		margin-left :		-29px;
		margin-top :		649px;
	}

/* ------------------------------------------------------------------------------------ LINK */

.link, .link:link, .link:visited, .link:active, .link:focus
	{
		color :			#333333;
		text-decoration :		none;
	}

.link:hover
	{
		color :			#FFFFFF;
		background-color :	#333333;
		text-decoration :		underline;
	}

/* ------------------------------------------------------------------------------------ OUTILS DE NAVIGATION */

#div_btn_infos
	{
		float :			left;
		position :			absolute;
		width :			60px;
		height :			60px;
		margin-top :		-60px;
		margin-left :		-60px;
		cursor :			pointer;
	}


.couleur_barre_de_navigation
	{
		background-color :	#333333;
	}

#navigation_haut, #navigation_droite, #navigation_bas, #navigation_gauche
	{
		float :			left;
		position :			absolute;
	}

#navigation_haut, #navigation_droite, #navigation_bas, #navigation_gauche, .navigation_haut_droite_bas_gauche
	{
	}

#navigation_haut:hover, #navigation_droite:hover, #navigation_bas:hover, #navigation_gauche:hover, .navigation_haut_droite_bas_gauche_hover
	{
	}



#navigation_haut_txt, #navigation_droite_txt, #navigation_bas_txt, #navigation_gauche_txt
	{
		position :			absolute;
		width :			130px;
		height :			20px;
		line-height :		20px;
		filter :			alpha(opacity=40);
		-moz-opacity :		0.4;
		-khtml-opacity :		0.4;
		opacity :			0.4;
	}
#navigation_haut_txt, #navigation_bas_txt
	{
		width :			650px;
		text-align :		center;
	}

#navigation_haut_txt
	{
		margin-top :		-50px;
	}

#navigation_bas_txt
	{
		margin-top :		680px;
	}

#navigation_gauche_txt
	{
		margin-top :		305px;
		margin-left :		-170px;
		text-align :		right;
	}

#navigation_droite_txt
	{
		margin-top :		305px;
		margin-left :		690px;
	}

/* ================================================ HAUT */

#navigation_haut_img, #navigation_haut_img_fiche, #navigation_haut_img_map
	{
		position :			absolute;
		width :			650px;
		height :			30px;
		cursor :			pointer;
		background-image :	url( "Navigation-Haut.png");
	}
#navigation_haut_img_fiche
	{
		background-image :	url( "Navigation-Haut.png");
		background-position :	0px 0px; 
	}
#navigation_haut_img_map
	{
		background-image :	url( "Navigation-Haut.png");
		background-position :	0px 0px; 
	}

#navigation_haut_img_fiche:hover, #navigation_haut_img_map:hover
	{
		background-position :	0px 30px; 
	}


#navigation_haut
	{
		width :			650px;
		margin-top :		-30px;
		height :			30px;
	}

/* ================================================ DROITE */

#navigation_droite_img, #navigation_droite_img_fiche, #navigation_droite_img_map
	{
		position :			absolute;
		width :			30px;
		height :			650px;
		cursor :			pointer;
		background-image :	url( "Navigation-Droite.png");
	}

#navigation_droite_img_fiche
	{
		background-image :	url( "Navigation-Droite.png");
		background-position :	0px 0px; 
	}

#navigation_droite_img_map
	{
		background-image :	url( "Navigation-Droite.png");
		background-position :	0px 0px; 
	}

#navigation_droite_img_fiche:hover, #navigation_droite_img_map:hover
	{
		background-position :	30px 0px; 
	}


#navigation_droite
	{
		width :			30px;
		height :			650px;
		margin-left :		650px;
	}

/* ================================================ BAS */

#navigation_bas, #navigation_bas_img, #navigation_bas_img_fiche, #navigation_bas_img_map
	{
		position :			absolute;
		width :			650px;
		height :			30px;
		cursor :			pointer;
	}
#navigation_bas_img
	{
		background-image :	url( "Navigation-Bas.png");
	}

#navigation_bas_img_fiche
	{
		background-image :	url( "Navigation-Bas.png");
		background-position :	0px 0px; 
	}

#navigation_bas_img_map
	{
		background-image :	url( "Navigation-Bas.png");
		background-position :	0px 0px; 
	}

#navigation_bas_img_fiche:hover, #navigation_bas_img_map:hover
	{
		background-position :	0px 30px; 
	}


#navigation_bas
	{
		width :			650px;
		height :			30px;
		margin-top :		650px;
	}

/* ================================================ GAUCHE */

#navigation_gauche, #navigation_gauche_img, #navigation_gauche_img_fiche, #navigation_gauche_img_map
	{
		position :			absolute;
		width :			30px;
		height :			650px;
		cursor :			pointer;
	}
#navigation_gauche_img
	{
		background-image :	url( "Navigation-Gauche.png");
	}

#navigation_gauche_img_fiche
	{
		background-image :	url( "Navigation-Gauche.png");
		background-position :	0px 0px; 
	}

#navigation_gauche_img_map
	{
		background-image :	url( "Navigation-Gauche.png");
		background-position :	0px 0px; 
	}

#navigation_gauche_img_fiche:hover, #navigation_gauche_img_map:hover
	{
		background-position :	30px 0px; 
	}


#navigation_gauche
	{
		width :			30px;
		height :			650px;
		margin-left :		-30px;
	}


/* ------------------------------------------------------------------------------------ LOGO */

#logo
	{
		position :			absolute;
		margin-left :		580px;
		margin-top :		-60px;
		width :			70px;
		height :			30px;
		background-image :	url( "logo.png");
		z-index :			90005;
	}

#logo_tank
	{
		display :			block;
		position :			absolute;
		margin-left :		580px;
		margin-top :		-60px;
		width :			70px;
		height :			30px;
		background-image :	url( "logo.gif");
		z-index :			20005;
	}

.bg_logo
	{
		background-color :	#333333;
	}

/* ------------------------------------------------------------------------------------ ZONE BOUTONS */

#zone_btn
	{
		position :			absolute;
		width :			160px;
		height :			90px;
		margin-top :		470px;
		margin-left :		680px;
		/margin-left :		710px;
	}

.zone_btn_div
	{
		height :			30px;
	}

.zone_btn_img, .zone_btn_txt
	{
		float :			left;
	}

.zone_btn_img
	{
		width :			30px;
		height :			30px;
		background-image :	url( "icones.png");
	}

.zone_btn_img:hover
	{
		cursor :			pointer;
	}

#zone_btn_cacher_infos		{	background-position :	0px 0px;	}	#zone_btn_cacher_infos:hover		{	background-position :	30px 0px;	}
#zone_btn_afficher_infos	{	background-position :	30px 0px;	}	#zone_btn_afficher_infos:hover	{	background-position :	0px 0px;	}
#zone_btn_aide			{	background-position :	0px -30px;	}	#zone_btn_aide:hover			{	background-position :	30px -30px;	}
#zone_btn_pdf			{	background-position :	0px -60px;	}	#zone_btn_pdf:hover			{	background-position :	30px -60px;	}
#zone_btn_nav_auto		{	background-position :	0px -90px;	}	#zone_btn_nav_auto:hover		{	background-position :	30px -90px;	}
#zone_btn_copyright		{	background-position :	0px -120px;	}	#zone_btn_copyright:hover		{	background-position :	30px -120px;}
#zone_btn_lang_fr			{	background-position :	0px -150px;	}	#zone_btn_lang_fr:hover			{	background-position :	30px -150px;}
#zone_btn_lang_en			{	background-position :	0px -180px;	}	#zone_btn_lang_en:hover			{	background-position :	30px -180px;}


.zone_btn_txt
	{
		width :			125px;
		height :			30px;
		padding-left :		5px;
	}

/* ------------------------------------------------------------------------------------ MENUS */

#boutons
	{
		width :			710px;
		height :			710px;
		margin-left :		-30px;
		margin-top :		-30px;
		z-index :			10000;

	}





.menu_info_bulle
	{
		padding :			10px;
		padding-right :		30px;
		color :			#999999;
	}


.menu_info_bulle_gauche
	{
		position :			absolute;
		width :			200px;
		margin-left :		-235px;
		padding :			10px;
		padding-right :		30px;
		color :			#999999;
		text-align :		right;
	}

#menu_tri_horizontal
	{
		float :			left;
		position :			absolute;
		height :			30px;
		margin-top :		-60px;
		/margin-left :		30px;
	}



#menu_tri_vertical
	{
		float :			left;
		position :			absolute;
		width :			30px;
		margin-left :		-60px;
		padding-top :		380px;
	}


#menu_tri_horizontal_infos
	{
		position :			absolute;
		margin-left :		270px;
		width :			95px;
		padding-top :		3px;
		padding-left :		15px;
		background :		url( "icones_horiz_fleche.png" ) top left no-repeat;
	}
#menu_tri_horizontal_txt_1, #menu_tri_horizontal_txt_2
	{
		color :			#AAAAAA;
		overflow :			hidden;
	}
#menu_tri_horizontal_txt_1, #menu_tri_horizontal_txt_2
	{
		padding-right :		3px;
	}
#menu_tri_horizontal_txt_2
	{
		color :			#333333;
	}





#menu_tri_vertical_infos, #btn_informations_txt
	{
		position :			absolute;
		width :			130px;
		margin-top :		30px;
		margin-left :		-140px;
	}

#menu_tri_vertical_txt_1, #menu_tri_vertical_txt_2, .menu_tri_vertical_txt_1, .menu_tri_vertical_txt_2
	{
		width :			127px;
		height :			15px;
		line-height :		15px;
		padding-right :		3px;
	}
#menu_tri_vertical_txt_1, .menu_tri_vertical_txt_1
	{
		position :			absolute;
		color :			#AAAAAA;
	}
#menu_tri_vertical_txt_2, .menu_tri_vertical_txt_2
	{
		margin-top :		13px;
		color :			#333333;
		overflow :			hidden;
		text-align :		left;

		/padding-top :		14px;
	}





.btn_menu_h,
.btn_menu_v
	{
		width :			30px;
		height :			30px;
	}



.btn_menu_h
	{
		margin-right :		0px;
		background-image :	url( "icones_horiz.png");
	}

.btn_menu_v
	{
		margin-top :		0px;
		background-image :	url( "icones_vertic.png"); 
	}



#tri_numero			{	background-position :	0px 0px; 		}	#tri_numero:hover, #tri_numero_selected:hover 			{	background-position :	-30px 0px; 		}
#tri_numero_selected	{	background-position :	30px 0px; 		}

#tri_local			{	background-position :	0px -30px; 		}	#tri_local:hover, #tri_local_selected:hover 			{	background-position :	-30px -30px; 	}
#tri_local_selected	{	background-position :	30px -30px; 	}

#tri_type			{	background-position :	0px -60px; 		}	#tri_type:hover, #tri_type_selected:hover 			{	background-position :	-30px -60px; 	}
#tri_type_selected	{	background-position :	30px -60px; 	}

#tri_etat			{	background-position :	0px -90px; 		}	#tri_etat:hover, #tri_etat_selected:hover 			{	background-position :	-30px -90px; 	}
#tri_etat_selected	{	background-position :	30px -90px; }

#tri_surface		{	background-position :	0px -120px; 	}	#tri_surface:hover, #tri_surface_selected:hover 		{	background-position :	-30px -120px; 	}
#tri_surface_selected	{	background-position :	30px -120px; 	}

#tri_shon			{	background-position :	0px -150px; 	}	#tri_shon:hover , #tri_shon_selected:hover 			{	background-position :	-30px -150px; 	}
#tri_shon_selected	{	background-position :	30px -150px; 	}

#tri_budget_ht		{	background-position :	0px -180px; 	}	#tri_budget_ht:hover, #tri_budget_ht_selected:hover 		{	background-position :	-30px -180px; 	}
#tri_budget_ht_selected	{	background-position :	30px -180px; 	}

#tri_budget_m2		{	background-position :	0px -210px; 	}	#tri_budget_m2:hover, #tri_budget_m2_selected:hover 		{	background-position :	-30px -210px; 	}
#tri_budget_m2_selected	{	background-position :	30px -210px; 	}

#tri_nom			{	background-position :	0px -240px; 	}	#tri_nom:hover, #tri_nom_selected:hover 				{	background-position :	-30px -240px;	}
#tri_nom_selected		{	background-position :	30px -240px; 	}


#vue_chrono				{	background-position :	0px 0px; 		}	#vue_chrono:hover, #vue_chrono_selected:hover			{	background-position :	0px -30px ; 	}
#vue_chrono_selected 		{	background-position :	0px -30px ; 	}

#vue_historique			{	background-position :	-30px 0px; 		}	#vue_historique:hover, #vue_historique_selected:hover 	{	background-position :	-30px -30px ; 	}
#vue_historique_selected 	{	background-position :	-30px -30px ; 	}

#vue_commentaire			{	background-position :	-60px 0px; 		}	#vue_commentaire:hover, #vue_commentaire_selected:hover 	{	background-position :	-60px -30px ; 	}
#vue_commentaire_selected 	{	background-position :	-60px -30px ; 	}

#vue_reportage			{	background-position :	-90px 0px; 		}	#vue_reportage:hover, #vue_reportage_selected:hover 		{	background-position :	-90px -30px ; 	}
#vue_reportage_selected 	{	background-position :	-90px -30px ; 	}

#vue_graphique			{	background-position :	-120px 0px; 	}	#vue_graphique:hover, #vue_graphique_selected:hover 		{	background-position :	-120px -30px ; 	}
#vue_graphique_selected 	{	background-position :	-120px -30px ; 	}

#vue_technique			{	background-position :	-150px 0px; 	}	#vue_technique:hover, #vue_technique_selected:hover 		{	background-position :	-150px -30px ; 	}
#vue_technique_selected 	{	background-position :	-150px -30px ; 	}

#vue_textes				{	background-position :	-180px 0px; 	}	#vue_textes:hover, #vue_textes_selected:hover 			{	background-position :	-180px -30px ; 	}
#vue_textes_selected 		{	background-position :	-180px -30px ; 	}

#vue_rapide				{	background-position :	-210px 0px; 	}	#vue_rapide:hover, #vue_rapide_selected:hover 			{	background-position :	-210px -30px ; 	}
#vue_rapide_selected 		{	background-position :	-210px -30px ; 	}

#vue_photo				{	background-position :	-240px 0px; 	}	#vue_photo:hover, #vue_photo_selected:hover 			{	background-position :	-240px -30px ;	}
#vue_photo_selected 		{	background-position :	-240px -30px ;	}








/* ------------------------------------------------------------------------------------ MAP */

#fiches_tank
	{
		position :			absolute;
		width :			300px;
		margin-left :		-300px;
		/margin-left :		-330px;
	}

#fiche_tank
	{
		position :			absolute;
		width :			710px;
		height :			710px;
		margin-left :		-30px;
		margin-top :		-30px;
		z-index :			85000;

		/margin-left :		0px;
		/background-color :	#FFFFFF;
	}

#fiche_tank_content
	{
		position :			absolute;
		margin-left :		30px;
		margin-top :		30px;
		width :			650px;
		height :			650px;
		overflow :			hidden;
		background-color :	#FFFFFF;
		cursor :			pointer;
	}


#fiche_tank_navigation
	{
		position :			absolute;
		width :			710px;
		height :			710px;
	}


#fiche_tank_navigation_haut, #fiche_tank_navigation_bas
	{
		position :			absolute;
		width :			650px;
		height :			30px;
		cursor :			pointer;
		background-color :	#3399CC;
		background-position :	0px 0px; 
	}

#fiche_tank_navigation_haut
	{
		margin-left :		30px;
		background-image :	url( "Navigation-Haut.png");
		background-position :	0px 0px; 
	}
#fiche_tank_navigation_haut:hover
	{
		background-position :	0px 30px; 
	}


#fiche_tank_navigation_bas
	{
		margin-left :		30px;
		margin-top :		680px;
		background-image :	url( "Navigation-Bas.png");
		background-position :	0px 30px; 
	}
#fiche_tank_navigation_bas:hover
	{
		background-position :	0px 0px; 
	}


#fiche_tank_navigation_gauche, #fiche_tank_navigation_droite
	{
		position :			absolute;
		width :			30px;
		height :			650px;
		cursor :			pointer;
		background-color :	#3399CC;
		background-position :	0px 0px; 
	}

#fiche_tank_navigation_gauche
	{
		margin-top :		30px;
		background-image :	url( "Navigation-Gauche.png");
		background-position :	0px 0px; 
	}
#fiche_tank_navigation_gauche:hover
	{
		background-position :	30px 0px;
	}

#fiche_tank_navigation_droite
	{
		margin-left :		680px;
		margin-top :		30px;
		background-image :	url( "Navigation-Droite.png");
		background-position :	0px 0px; 
	}
#fiche_tank_navigation_droite:hover
	{
		background-position :	30px 0px;
	}













#fiche_tank_image
	{
		position :			absolute;
		width :			650px;
		height :			650px;
	}

#fiche_tank_texte
	{
		position :			absolute;
		width :			650px;
		height :			650px;
		overflow :			auto;
	}

#fiche_tank_description2,
#fiche_tank_description_fond2
	{
		position :			absolute;
		width :			160px;
		height :			20px;
		line-height :		20px;
		margin-left :		-10px;
		margin-top :		280px;
		padding-left :		10px;
		color :			#333333;
		z-index :			8000;
	}

#fiche_tank_description,
#fiche_tank_description_fond
	{
		position :			absolute;
		width :			650px;
		height :			20px;
		line-height :		20px;
		margin-top :		630px;
		color :			#333333;
		z-index :			8000;
	}

#fiche_tank_description_fond,
#fiche_tank_description_fond2
	{
		background-color :	#FFFFFF;
		filter :			alpha(opacity=70);
		-moz-opacity :		0.7;
		-khtml-opacity :		0.7;
		opacity :			0.7;
	}



#div_fiches_tank
	{
		left :			0;
		position :			absolute;
		margin-left :		-310px;
	}

.colonne_tank
	{
		float :			left;
		width :			30px;
		min-height :		30px;
		z-index :			20000;
		margin-right :		1px;
	}


.colonne_tank_0_diary			{ margin-left : 270px; /margin-left :   210px; }
.colonne_tank_1_presentation		{ margin-left : 240px; /margin-left :   180px; }
.colonne_tank_2_textes			{ margin-left : 210px; /margin-left :   150px; }
.colonne_tank_3_cv			{ margin-left : 180px; /margin-left :   120px; }
.colonne_tank_4_equipe			{ margin-left : 150px; /margin-left :    90px; }
.colonne_tank_5_moyens_technique	{ margin-left : 120px; /margin-left :    60px; }
.colonne_tank_6_expos			{ margin-left :  90px; /margin-left :    30px; }
.colonne_tank_7_publications		{ margin-left :  60px; /margin-left :     0px; }
.colonne_tank_8_jobs			{ margin-left :  30px; /margin-left :   -30px; }
.colonne_tank_9_liens			{ margin-left :   0px; /margin-left :   -60px; }


#map_header
	{
		height :			31px;
		margin-left :		-310px;
		background :		url( "header_rule.gif" ) bottom left repeat-x;
	}

#map_header_tank, #map_header_projets
	{
		float :			left;
		padding-top :		5px;
		height :			26px;
		padding-left :		2px;
	}

#map_header_tank
	{
		width :			308px;
		color :			#0099FF;
	}

.colonne_tank_box
	{
		position :			relative;
		width :			28px;
		height :			31px;
		padding-left :		2px;
		cursor :			pointer;
		color :			#FFFFFF;
	}


.map_projet_box
	{
		text-align :		center;
		float :			left;
	}


.map_projet_box_separator
	{
		float :			left;
		width :			60px;
		height :			31px;
		padding-left :		2px;
		background-color :	#FCB7E3;
		cursor :			pointer;
		text-align :		left;
	}


.map_projet_box_separator > div, .map_projet_box_separator > div
	{
		width :			60px;
		height :			12px;
		overflow :			hidden;
	}

.map_categorie_box, .map_categorie_box_infos, .map_categorie_box_infos > b
	{
		text-align :		left;
		color :			#AAAAAA;
	}

.map_categorie_box
	{
		position :			relative;
		width :			28px;
		height :			31px;
		padding-left :		2px;
		border-right :		1px solid #FFFFFF;
		cursor :			pointer;
	}

.map_categorie_box:hover, .colonne_tank_box:hover, .map_categorie_header
	{
		/* background-color :	#CF2626; VOIR LE FICHIER colors.css */
	}

.map_categorie_header, .map_categorie_header > div
	{
		color :			#FFFFFF;
		color :			#FFFFFF !important;
	}



.map_categorie_box_num_projet
	{
		color :			#FFFFFF;
	}

.map_categorie_box_num_fiche
	{
		color :			#FFFFFF;
	}

.recent
	{
		background-color : 	#333333 !important;
	}

.fiche_diary
	{
		background-image :	url( "fiche_diary.gif" );
		background-position :	bottom right;
		background-repeat :	no-repeat;
	}


.map_categorie_box_infos
	{
		position :			absolute;
		width :			130px;
		height :			260px;
		background-color : 	#FFFFFF;
	}

.map_categorie_box_infos_tri_actif
	{
		color :			#333333;
	}

.map_categorie_box_link
	{
		position :			absolute;
		float :			left;
		margin-left :		-2px;
		-margin-left :		-16px;
		width :			30px;
		height :			31px;
		cursor :			pointer;
	}

.map_categorie_box_infos_img_div
	{
		width :			130px;
		height :			130px;
		background-image :	url( "map_default_project.jpg" );
	}

.map_categorie_box_infos_img
	{
		width :			130px;
		height :			130px;
	}


.map_categorie_box_infos_numero
	{
		margin-top :		2px;
		height :			30px;
		white-space :		nowrap;
		overflow :			hidden;
	}

.map_categorie_box_infos_numero_1
	{
		margin-left :		-1px;
		font-size :			14pt;
	}
	
.map_categorie_box_infos_numero_2
	{
		font-size :			14pt;
	}



#zone_infos, #zone_infos_diary
	{
		position :			absolute;
		z-index :			1000;
		margin-left :		-200px;
		/margin-left :		-170px;
		width :			130px;
	}

#zone_infos_diary
	{
		margin-top :		30px;
		margin-left :		-170px;
	}

#zone_infos_tank, #zone_infos_fiche
	{
		position :			absolute;
		width :			130px;
		height :			160px;
		overflow :			hidden;
	}

#zone_infos_tank, #zone_infos_tank_fiche_tank
	{
		background-repeat :	no-repeat;
		background-position :	top;
		z-index :			10;
		padding-top :		130px;
		/padding-top :		132px;
		width :			130px;
	}

#zone_infos_tank
	{
		background-image :	url( "croix.png" );
	}
#zone_infos_tank_fiche_tank
	{
		background-image :	url( "croix_diary.png" );
	}


#zone_infos_fiche
	{
		z-index :			5;
		height :			300px;
		background-color :	#FFFFFF;
	}


#zone_infos_tank_email, #zone_infos_diary_tank_email
	{
		cursor :			pointer;
		text-transform :		none;
	}

#zone_infos_tank_email:hover
	{
		color :			#FFFFFF;
		background-color :	#AAAAAA;
	}


#zone_infos_tank, #zone_infos_tank > b, #zone_infos_tank > span
	{
		color :			#AAAAAA;
	}

/* ------------------------------------------------------------------------------------ MIN MAX MAP */

#map_min_max
	{
		height :			31px;
	}

#map_min_max_first, #map_min_max_last
	{
		width :			60px;
		height :			31px;
		padding-left :		2px;
		background-color :	#FCB7E3;
		cursor :			pointer;
	}

#map_min_max_first:hover, #map_min_max_last:hover
	{
		background-color :	#EF86CA;
	}

#map_min_max_first > div, #map_min_max_last > div
	{
		width :			60px;
		height :			12px;
		overflow :			hidden;
	}

#map_min_max_first
	{
		float :			left;
	}

#map_min_max_last
	{
		padding-left :		0px;
		padding-right :		2px;
		float :			right;
		text-align :		right;
	}


/* ------------------------------------------------------------------------------------ MINI MAP */

#mini_map_container
	{
		width :			130px;
		height :			130px;
		overflow :			hidden;
		cursor :			pointer;
	}

#mini_map_container_diary
	{
		width :			130px;
		height :			130px;
		overflow :			hidden;
		cursor :			pointer;
		margin-top :		-130px;
		/margin-top :		-132px;
		background-color :	#FFFFFF;
	}

#mini_map
	{
		position :			relative;
		display :			block;
		width :			10000px;

		/width :			130px;
		/height :			130px;
		/overflow :			hidden;
	}

.mini_map_project_box
	{
		text-align :		center;
		float :			left;
	}

.mini_map_categorie_box
	{
		position :			relative;
		width :			6px;
		height :			6px;
	}

#mini_map_current_cell
	{
		background-color :	#333333;
	}

.mini_map_opacity
	{
		cursor :			pointer;
		filter :			alpha(opacity=50);
		-moz-opacity :		0.5;
		-khtml-opacity :		0.5;
		opacity :			0.5;
	}
/*
.mini_map_opacity:hover
	{
		cursor :			pointer;
		filter :			alpha(opacity=100);
		-moz-opacity :		1;
		-khtml-opacity :		1;
		opacity :			1;
		background-color :	#333333;
	}
*/

/* ------------------------------------------------------------------------------------ FICHE INFORMATIONS */
#informations
	{
		position :			absolute;
		margin-left :		30px;
		margin-top :		30px;
		/margin-top :		0px;
		width :			650px;
		height :			650px;
		text-align :		center;
		z-index :			50000;
		cursor :			pointer;
	}

/* ------------------------------------------------------------------------------------ INTRO */
#intro
	{
		position :			absolute;
		width :			650px;
		height :			650px;
		padding :			30px;
		margin-left :		0px;
		margin-top :		0px;
		z-index :			90000;
		overflow :			hidden;
	}

/* ------------------------------------------------------------------------------------ FICHES */

#fiche_image
	{
		position :			absolute;
		width :			650px;
		height :			650px;
		background :		center center no-repeat;
		z-index :			900;
		/margin-left :		0px;
		overflow :			hidden;
	}

#fiche_image_drag
	{
		position :			absolute;
		width :			10000px;
		height :			10000px;
		margin-left :		-4675px;
		margin-top :		-4675px;
		background :		center center no-repeat;
		cursor : 			move;
		/*cursor : 			-moz-grab;*/
		background-color :	#FFFFFF;
	}

#bulle_texte
	{
		position :			absolute;
		z-index :			900;
	}

#bulle_texte_tank
	{
		position :			absolute;
		width :			150px;
		height :			290px;
		padding :			10px;
		margin-left :		-170px;
		margin-top :		370px;
		z-index :			9000;
		color :			#000000;
		background-color :	#ADD6EA;
	}

#bulle_texte_txt, #bulle_texte_txt_diary
	{
		padding :			10px;
		background-color :	#FFFFFF;
	}

#bulle_texte_txt_diary
	{
		border-left :		1px solid #666666;
		border-top :		1px solid #666666;
		border-right :		1px solid #666666;
	}

#bulle_texte_txt, #bulle_texte_txt > *,  #bulle_texte_txt > * > *,  #bulle_texte_txt > * > * > *
	{
		font-family :		Verdana, Arial, Sans-serif;
		color :			#333333;
	}

#bulle_texte_img
	{
		height :			30px;
		text-align :		right;
		background-image :	url( "bulle_ext.png" );
	}








.fiche_texte_h
	{
		margin-top :		130px;
		width :			650px;
		height :			520px;
	}

.fiche_texte_v
	{
		width :			520px;
		height :			650px;
	}

#fiche_infos
	{
		position :			absolute;
		z-index :			1000;
		margin-top :		0px;
		margin-left :		-200px;
		width :			130px;
		height :			650px;
	}


.fiche_infos_box
	{
		position :			relative;
		float :			left;
		width :			130px;
		height :			180px;
		overflow :			hidden;
	}

.fiche_infos_box_2
	{
		margin-top :		70px;
		position :			relative;
		float :			left;
		width :			130px;
		overflow :			hidden;
	}


.fiche_infos_box_2_titre
	{
		margin-top :		4px;
		height :			13px;
		line-height :		13px;
		color :			#AAAAAA;
	}

.fiche_infos_box_2_element
	{
		margin-bottom :		4px;
		height :			13px;
		line-height :		13px;
		color :			#333333;
		overflow :			hidden;
	}


.fiche_infos_box, .fiche_infos_box > b, .fiche_infos_box_2, .fiche_infos_box_2 > b, .fiche_infos_box_txt
	{
		color :			#AAAAAA;
	}


/* ------------------------------------------------------------------------------------ ECHELLE */

#echelle
	{
		position :			absolute;
		width :			650px;
		height :			30px;
		margin-top :		620px;
		z-index :			80000;
		background-repeat :	no-repeat;
		background-position :	bottom right;
	}

.echelle_nord
	{
		background-image :	url( "echelle_nord.png" );
	}
.echelle_graph
	{
		background-image :	url( "echelle_graph.png" );
	}
.echelle_nord_graph
	{
		background-image :	url( "echelle_nord_graph.png" );
	}

/* ------------------------------------------------------------------------------------ LEGENDE */

#legende_couleurs
	{
		position :			absolute;
		margin-top :		0px;
		margin-left :		685px;
		/margin-left :		715px;
		z-index :			80010;
	}

.legende_couleurs_box
	{
		width :			105px;
		height :			23px;
		line-height :		23px;
		padding-left :		25px;
		color :			#999999;
	}
.legende_couleurs_box_color
	{
		margin-left :		-25px;
		position :			absolute;
		width  :			20px;
		height :			20px;
	}

.legende_couleurs_box_links:hover
	{
		color :			#000000;
	}

.legende_couleurs_box_links:hover .legende_couleurs_box_color
	{
		cursor :			pointer;
		background-image :	url( "legende_box_hover.gif" );
	}

/* ------------------------------------------------------------------------------------ JAVASCRIPT OFF */

#javascript_off
	{
		position :			fixed;
		top :				0;
		left :			0;
		width :			100%;
		height :			30px;
		line-height :		30px;
		padding-left :		10px;
		color :			#FFFFFF;
		background-color :	#D70D70;
		z-index :			99999;
	}