/** Global
*******************************************************************************/
@charset "UTF-8";
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    src: url('../font/Ubuntu-R.ttf') format('opentype');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: bold;
    src: url('../font/Ubuntu-B.ttf') format('opentype');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: bold;
    src: url('../font/Ubuntu-BI.ttf') format('opentype');
}
@font-face {
    font-family: 'Ubuntu Condensed';
    font-style: normal;
    font-weight: normal;
    src: url('../font/Ubuntu-C.ttf') format('opentype');
}
@font-face {
    font-family: 'Ubuntu Light';
    font-style: normal;
    font-weight: normal;
    src: url('../font/Ubuntu-L.ttf') format('opentype');
}

       
html {
  margin: 0; 
  padding: 0; 
  font-family: Ubuntu, arial, sans-serif; 
  background: snow;
  text-align: left; 
  
}

body {
	background-color: white; 
  	margin: 0;
  	padding: 0;
  	font-size: 11px;
	/*
	 C'est le petit script pour faire un hover sur les div
	*/
	behavior: url("csshover.htc");
  
}


form {
  margin: 0;
  padding: 0;
}

img {
  border: 0px;
}

td {
	vertical-align: top;
	font-size: 11px;
}


hr {
	border: 0;
	height: 2px;
	color: #0063A6;
	background-color: #ffffff;
}

select/*, input*/
{
	border: 		1px solid #808080;
	font-size: 		10px;
	background: 	snow;
	color:			#2d4a5c
	
}
input
{
	font-size: 10px;
}

input.check
{
	border: 0px;
}

/* Titres H3 d'un assistant */
.titreAssistant {
  font-size : 1.0em;
  text-align : center;
  background : #706C6E;
  color : #FFFFFF;
  padding : 0.3em 0.0em 0.3em 0.0em;
  margin : 0.0em 0.0em 0em 0.0em;
}

/* Taille standardisée des images icone ( SVG / PNG ) */
img.icon_normal
{
	width	:		20px;
	max-height:		30px;
}
img.icon_medium
{
	width	:		30px;
	max-height:		30px;
}
img.icon_small
{
	height	:		12px;
	max-width:		16px;
}
img.icon_large
{
	height	:		42px;
	max-width:		68px;
}

/* Aspect Icone */
img.icon_bold
{
	opacity:		1;
	filter : alpha(opacity=100);
	-moz-opacity: 	1;
}

img.icon_light
{
	opacity:		0.5;
	filter : alpha(opacity=50);
	-moz-opacity: 	0.5;
}
img.icon_light:hover
{
	opacity:		0.7;
	filter : alpha(opacity=70); 
	-moz-opacity: 	0.7;          
}

img.icon_lock
{
	opacity:		0.3;
	filter : alpha(opacity=30);
	-moz-opacity: 	0.3;
}

span.icon_light
{
	opacity:		0.5;
	filter : alpha(opacity=50);
	-moz-opacity: 	0.5;
}
span.icon_light:hover
{
	opacity:		0.7;
	filter : alpha(opacity=70); 
	-moz-opacity: 	0.7;          
}
#waiting
{
	position: 		absolute;
	left:			0px;
	top:			0px;
	width:			100%;
	height:			100%;
	z-index: 		100000;  
	display: 		none;
	border:			solid 0px red;
	text-align:		center;
	vertical-align:	middle;
	float: 			none;
	cursor:			wait;
}
#div-wait
{
	position: 		relative;
	margin: 		0px;
	top:			40vh;
	vertical-align: middle;
    
}
#wait-icon
{
	
	color:		red;
	
}
#wait-msg
{
	color:		red;
	
}
/** show_message
*******************************************************************************/
#show_message {
	opacity: 0.9;
	filter : alpha(opacity=90);
	-moz-opacity: 	0.9;
	background-color:#CC4444;
	color: white;
	font-size: 20px;
	font-weight: medium;
	border      : 2px solid black;
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;	
	display:none;
}

#neutralisation
{
	opacity: 0.4;
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	background-color:#000000;
	color: white;
}

#neutralisation_criteres_graphiques
{
	opacity: 0.4;
	filter : alpha(opacity=40);
	-moz-opacity : 0.4;
	background-color:#000000;
	color: white;
}



span.gx-tool
{
		float:			left;
		
		margin-left:				.3vmax;
		margin-top:					.3vmax;
		
		border:		solid 1px silver;
		background:		snow;
		-webkit-border-radius	:	2px 2px 2px 2px;
		-moz-border-radius		:	2px 2px 2px 2px;
		border-radius			:	2px 2px 2px 2px;
		cursor: 	pointer;
}
span.icon-toolbar
{
	/*font-size	:		1.7vmax;*/
	margin:				4px;
	opacity:			0.5;
	filter : 		alpha(opacity=50);
	-moz-opacity: 	0.5;
	
	
}
span.icon-toolbar:hover
{
	opacity:			0.8;
	filter : 		alpha(opacity=80);
	-moz-opacity: 	0.8;
}
span.icon-toolbar-select
{
	/*font-size	:		1.7vmax;*/
	margin:				4px;
	opacity:			1;
	filter : 		alpha(opacity=100);
	-moz-opacity: 	1;
}
span.icon-toolbar-off
{
	/*font-size	:		1.7vmax;*/
	margin:				4px;
	opacity:			0.2;
	filter : 		alpha(opacity=20);
	-moz-opacity: 	0.2;

}
div.gx-float
{
	position:			absolute;
	
	background:		snow;
	
	margin:	0px;
	
	-webkit-border-radius	:	2px 2px 8px 8px;
	-moz-border-radius		:	2px 2px 8px 8px;
	border-radius			:	 		2px 2px 8px 8px;
	
	z-index:						1000;
}
div.gx-toolbar
{
	position:			absolute;
	
	background:		snow;
	
	margin:	0px;
	padding-bottom:			.3vmax;
	border	:		solid 1px #000000;
	
	-webkit-border-radius	:	2px 2px 2px 2px;
	-moz-border-radius		:	2px 2px 2px 2px;
	border-radius			:	2px 2px 2px 2px;
	z-index:						1000;
}

a.gx-tool img
{
		width:			20px;
		height:			20px;
		
		margin:			5px;
		
}
a.gx-tool:hover
{
	background:		white;
}

/*
 * ********* TOOLBARS GRAPHIQUES *******
 */
div.btn-tlb
{
	color :			snow;
	background-color:		#3b3e44;
	padding: 		8px;
	padding-left: 	8px;
	padding-right: 	2px;
	
	transition:  right 1s ;
	-webkit-transition: right 1s;
	-moz-transition: right 1s;
	-o-transition: right 1s;
		
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-top-left-radius: 20px 0px 0px 20px;
	
	z-index:		4010;
	overflow:		hidden; 
	cursor: 		pointer	;
}
div.tlb-graphic
{
	transition:  width 1s ;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	
	font-size: 		143%;
	
	z-index:		5000;
	overflow:		hidden; 
}
/* TOOLBAR 1 : VUES*/
#btn-tlb-graphic
{
	position :		fixed;
	right:			-5px;
	top:			53px;
}
#btn-tlb-graphic:hover
{
	right:			0px;
}
#tlb-graphic
{
	position :		fixed;
	right:			28px;
	top:			51px;
	width:			0px;
	height:			37px;
	
}
/* TOOLBAR 2 : OUTILS */
#btn-tlb2-graphic
{
	position :		fixed;
	right:			-5px;
	top:			89px;
}
#btn-tlb2-graphic:hover
{
	right:			0px;
}
#tlb2-graphic
{
	position :		fixed;
	right:			28px;
	top:			86px;
	width:			0px;
	height:			37px;
}
/* TOOLBAR 3 : VOIR */
#btn-tlb3-graphic
{
	position :		fixed;
	right:			-5px;
	top:			125px;
}
#btn-tlb3-graphic:hover
{
	right:			0px;
}
#tlb3-graphic
{
	position :		fixed;
	right:			28px;
	top:			122px;
	width:			0px;
	height:			37px;
}
img[src*="tooltip_close"]
{
	cursor: pointer;
}
/*
 * ********* FIN TOOLBARS GRAPHIQUES ******* 
 */

nav.gx-no-round
{
	-webkit-border-radius	:	0px 0px 0px 0px;
	-moz-border-radius		:	0px 0px 0px 0px;
	border-radius			:	0px 0px 0px 0px;
	
	z-index:			5000;
}

div.popup_title
{
	float: left;
	width:	100%;
	color:			white;
	background:	#555555;
	-webkit-border-radius	:	2px 2px 0px 0px;
	-moz-border-radius		:	2px 2px 0px 0px;
	border-radius					:	2px 2px 0px 0px;
}
div.popup_title span
{
	margin-left:		5px;
	font-size:			12px;
	
}
div.popup_container
{
	float: left;
	width:100%;
	
	overflow:auto;
	border: solid 1px silver;
}

div.popup_foot
{
	color:			black;
	background:	silver;
	-webkit-border-radius	:	 0px 0px 8px 8px;
	-moz-border-radius		:	0px 0px 8px 8px;
	border-radius					:	0px 0px 8px 8px;
	
	border-left:			solid 1px silver;
	border-bottom:		solid 1px silver;
	border-right:			solid 1px silver;
	
	padding-left:		5px;
	font-size:			10px;
}


/** MainContent
*******************************************************************************/
#MainContent {
  /*width: 1000px; 
  margin: auto; */
  background-color: white; 
  border-left: 0px solid black;
  border-right: 0px solid black;
  border-bottom: 0px solid black;
}

/** Header
*******************************************************************************/
#header
{
	float:		left;
	
	margin:		5px;
	
	width:		200px;
	height: 	40px;
	background-image : url("../gfx_2014/header.png");
	background-repeat:no-repeat;
	
	
	border: solid 0px red;
	-webkit-border-radius	:	5px 5px 5px 5px;
	-moz-border-radius		:	5px 5px 5px 5px;
	border-radius			:	5px 5px 5px 5px;
	
	
	
}
#header_bar
{
	background-image : url("../gfx_2014/header.png");
	background-repeat:no-repeat;
	}
	
#logo
{
	float:		left;
	margin:		1px;
	
	width:		48px;
	cursor:		pointer;
	
}
#logo:hover
{
	
}

#connexion
{
	margin:		0px;
}
#nomade
{
	float:		left;
	
	margin:		1px;
	margin-left:	10px;
	
}
/** Menu
*******************************************************************************/




#menubar 
{
	/**position: absolute;
	top: 0;
	left: 00; **/
	float:	left;
	z-index:600;
	width: 100%;
	font-family: Ubuntu;
	background-color: #3b3e44; 
	
	
	
	-webkit-border-radius	:	10px 10px 10px 10px;
	-moz-border-radius		:	10px 10px 10px 10px;
	border-radius			:	10px 10px 10px 10px;
	
	
	
	
}

#menubar dl 
{
	float: left;
	width: 15em;
	height: 48px;
	
	
 	
}

#menubar dt 
{
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	/*background: #ccc;*/
	border: 0px solid gray;

	
	-webkit-border-radius	:	10px 10px 10px 10px;
	-moz-border-radius		:	10px 10px 10px 10px;
	border-radius			:	10px 10px 10px 10px;
	
	margin-top:	10px;
	height: 48px;
	
	opacity:	.7;
	filter : 		alpha(opacity=70);
	-moz-opacity: 	0.7;

}
#menubar dt:hover
{
	opacity:	1;
	filter : 		alpha(opacity=100);
	-moz-opacity: 	1;
}
#menubar   tr
{
	vertical-align: middle;
}



#menubar dd 
{
	border: 0px solid #3b3e44;
	
	background-color: #3b3e44;
	opacity			:	0.9;
	filter : 		alpha(opacity=90);
	-moz-opacity: 	0.9;
	
	-webkit-border-radius	:	0px 0px 10px 10px;
	-moz-border-radius		:	0px 0px 10px 10px;
	border-radius			:	0px 0px 10px 10px;
	
	z-index:	400;
}

dl, dt, dd, ul, li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	
}

#menubar  img 
{
	
	
}
#menubar li 
{
	font-family: 	Ubuntu;
	text-align: 	left;
	
	/*background-color: #c3d0e4; */
 
	font-size: 14px;
	border-bottom: 0px solid gray;
	border-right: 0px solid gray;
	/**height: 40px;**/
	width: 100%;
	Line-height: 20px;
	
	
	z-index:	500;

	
}
#menubar li img 
{
margin-left:	10px;
}

#menubar li.close 
{
	font-family: 	Ubuntu;
	text-align: right;
	background-color: #c0c9d7; 
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	/**height: 40px;**/
	width: 99%;
	Line-height: 12px;
}
#menubar li a
{
	color: #e4e4e4;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-size: 16px;
	
}
#menubar li a:hover 
{
	color: white;
	font-weight:	bold;
}
#menubar dt a:hover
{
	/*background: url(../gfx_2014/menu_bg_sel.png);*/
	color:		white;
	
	font-weight:	bold;
}
#menubar dt a
{
	color: white;
	text-decoration: none;
	font-size: 15px;
	
	
	/*text-shadow: rgb(224, 224, 224) -1px -1px 0px;*/
}


#smenu1
{
	transition:  height 1s ;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-o-transition: height 1s;
}



/*** SOUS MENU : RECHERCHE
******************************************************************************/
#submenu
{
	float:	left;
	width: 300px;
	height: 24px;
	background-color: #3b3e44;/*#4b4f56;*/
	
	/*background: -webkit-linear-gradient(#3b3e44, #b9c2cf); 
	background: -o-linear-gradient(#3b3e44, #b9c2cf); 
	background: -moz-linear-gradient(#3b3e44, #b9c2cf); 
	background: linear-gradient(#3b3e44, #b9c2cf);  */
	
	
	-webkit-border-radius	:	0px 0px 10px 10px;
	-moz-border-radius		:	0px 0px 10px 10px;
	border-radius			:	0px 0px 10px 10px;
	
	 
	display:	none;
	
}

#menu_search_fiche
{
	position:		absolute;
	display:		none;
	height:			0px; 
	width:			320px;
	left:			20px;

	
	border: 0px solid red;
	 
	margin:					1px;
	margin-top:				30px;
	font-weight: 			bold;
	font-size: 				12px;

	
	z-index:				1000;
	
	
	
	
}

img.search_speed
{
	cursor:		pointer;
}
#submenu_sub
{
	width: 100%;
	
	background-color: 		#a7b2c1;
		
	-webkit-border-radius	:0px 0px 10px 10px;
	-moz-border-radius		:0px 0px 10px 10px;
	border-radius			:0px 0px 10px 10px;
	
	
	
	-webkit-transition:  height 2s, -webkit-transform 2s; /* Safari */
    transition:  height 2s, transform 2s;
	
	-webkit-box-shadow: 5px 5px 2px  #2d4a5c;
	-moz-box-shadow:    5px 5px 2px  #2d4a5c;
	box-shadow:         5px 5px 2px  #2d4a5c;
	 
	
}
/* Div de l'historique d'intstruction ADS*/
#histo_inst
{
	position:		absolute;
	display:		none;
	
	width:			150px;
	left:			0px;

	
	 
	margin:					1px;
	margin-top:				30px;
	
	font-size: 				12px;

	background-color: 		#a7b2c1;
	color:					#2d4a5c;	
	-webkit-border-radius	:0px 0px 10px 10px;
	-moz-border-radius		:0px 0px 10px 10px;
	border-radius			:0px 0px 10px 10px;
	
	border:					solid 0px black;
	
	-webkit-transition: width 2s ease;
	-moz-transition: width 2s ease;
	-ms-transition: width 2s ease; 
	-o-transition: width 2s ease; 
	transition: width 2s ease;
	
	z-index:				1000;
	
	
	
}
#histo_inst td
 {
 	
  	vertical-align:			middle;
  	width:					50%;
 	
 
 }
#histo_inst p
 {
 	
  	
  	line-height:			15px;
  	margin-right:			2px;
 	margin:					2px;
 	
 }
 #histo_inst tr.autre:hover
 {
 	cursor: 		pointer;
 }
#histo_inst tr.autre:hover
 {
 	color: 		white;
 }


/** SubMenu CAD
*******************************************************************************/
#submenu_cad
{
	width: 100%;
	color:	#2d4a5c;
}

#submenu_cad td
{
	vertical-align: middle;
	
}

#submenu_cad div
{
	font-size: 10px;
	color: white;
}

#submenu_cad select
{
	border: 0px;
	font-size: 10px;
	width: 200px;
}
#submenu_cad input
{
	color:	#2d4a5c;
}
/** SubMenu ads
*******************************************************************************/
#submenu_ads
{
	width: 100%;
	color:	#2d4a5c;
	
	
	border-bottom: 0px solid black;
}

#submenu_ads td
{
	vertical-align: middle;
	
}

#submenu_ads div
{
	font-size: 10px;
	color: white;
}

#submenu_ads select
{
	border: 0px;
	font-size: 10px;
	width: 150px;
}

/** SubMenu GII
*******************************************************************************/
#submenu_GI
{
	width: 100%;
	color:	#2d4a5c;
	
	
	border-bottom: 0px solid black;
	
}

#submenu_GI td
{
	vertical-align: middle;
	
}

#submenu_GI div
{
	font-size: 10px;
	color: white;
}

#submenu_GI select
{
	border: 0px;
	font-size: 10px;
	width: 150px;
}


/** Content
*******************************************************************************/
#content {
  width: 100%; 
  text-align: left; 
  background-color: white; 
  font-size: 12px;
  margin:						0px;
}

/** Footer
*******************************************************************************/
 #gxfooter
 {
 	background-color:			#3b3e44;
 	border:						solid 0px 	#6a717c;
 	margin:						0px;
 	height:						15px;
 	z-index:					5490;
 }

/** Fiche personne
*******************************************************************************/
#fiche_personne 
{
background-color:			snow;
}

#fiche_personne h3
{
	font-size: 1.0em;
}
/** Palette de couleurs
*******************************************************************************/
div.colpal 
{
	/*position:absolute;*/
	
	border:1px solid black;
	width:80px;
	height:98px;
	background-color:white;
	font-size: 10px;
}


div.colpal table
{
	height: 100%;
}

div.colpal td
{
	font-weight: normal;
	font-size: 10px;
}

/** Fiche
*******************************************************************************/
div.fiche_titre
{
	background-color: #a7b2c1; 
	border: 0px solid #a7b2c1; 

	height: 30px;
	margin: 0px;
	
	-webkit-border-radius	:10px 10px 0px 0px;
	-moz-border-radius		:10px 10px 0px 0px;
	border-radius			:10px 10px 0px 0px;
}

div.fiche_titre table
{
	height: 100%;
	width: 100%;
}

div.fiche_titre td
{
	vertical-align: 	middle;
	font-size: 			18px;
	padding-left	:		10px;
	color:				#2d4a5c;
}
div.fiche_titre img
{

	float: 					right;
	opacity			:		0.5;
	
	margin-right:			10px;
	margin-top: 			0px;
	
	height	:				20px;	
}
div.fiche_titre img:hover
{
	opacity		:			1;
}
	
}

div.fiche_titre #ads_Indicateur_div
{
	float:left;
	height:30px;
	width:30px;
	text-align:center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topright: 5px;	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; 	
	display:	inline;
	
	
}
.ads_indicateur_flag 
{
	float:		left;
	height:		26px;
	width:		26px;
	text-align:	center;
	margin: 	2px;
	-webkit-border-radius	:13px 13px 13px 13px;
	-moz-border-radius		:13px 13px 13px 13px;
	border-radius			:13px 13px 13px 13px;
	display:	inline;
}
div.fiche_titre #ads_Indicateur_text
{
	position:relative;
	top:2px;
	
}

div.fiche_titre #ads_Titre_div 
{
	float:left;
	height:30px;
	display: inline;
	
}

div.fiche_titre #ads_Titre_text
{
	position:relative;
	top:4px;
	left:10px;
	font-weight:normal;
	font-size: 			14px;
	color:				#2d4a5c;
}

div.fiche_titre #ads_InfoModificatif_div
{
 float:right;
 height:21px;
 width:21px;
 border:1px solid #909090;
 background-color:#D0D0D0;
 padding-left:1px;
 padding-top:1px;
 margin-top:3px;
 margin-right:3px;
 	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px; 
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px; 
}

div.fiche_content
{
	
	color: black;
	margin-left: 0px;
	background-color: snow;
	text-align: center;
	font-size: 12px;
	
	border:	solid 0px #a7b2c1;
}

div.fiche_content h1
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

div.fiche_content a
{
	text-decoration: none;
}
div.fiche_rubrique
{
  border: 1px solid #d2deef;
  background-color: snow; /*E8E8E8;*/
  font-size: 10px;
  text-align: justify;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-top: 1px;
  padding: 0px;
   
	
	-webkit-border-radius	:5px 5px 0px 0px;
	-moz-border-radius		:5px 5px 0px 0px;
	border-radius			:5px 5px 0px 0px;
  
}

div.fiche_rubrique p
{
	margin: 2px;
	text-align: justify;
}

div.fiche_tab
{
	float:		left;
	width:		100%;
	margin:		2px;
}
div.fiche_nomade
{
	float:		left;
	
}
div.fiche_nomade p
{
	font-family:		Ubuntu Light, Arial;
	margin: 			2px;
	text-align: 		justify;
	font-weight:	 	normal;
	font-size: 			12px;
	font-style: italic;
	font-weight:	 medium;
	text-align: justify;
	color: #2d4a5c;
	vertical-align:		middle;
}
div.fiche_nomade p.warning 
{
	width:			100%;
	text-align:		center;
	font-size:		16px;
	font-style: 	normal;

}
div.fiche_helptip
{
	
	width:		100%;
	border: 0px solid #A0A0A0;
	background-color: #dce7f6;
	color: #2d4a5c;
	font-size: 12px;
	font-style: italic;
	font-weight:	 medium;
	text-align: justify;
	margin-right: 4px;
	
	margin-bottom: 4px;
	margin-top: 1px;
	padding: 0px;
	
	-webkit-border-radius	:5px 5px 0px 0px;
	-moz-border-radius		:5px 5px 0px 0px;
	border-radius			:5px 5px 0px 0px;
  
}

div.fiche_helptip p
{	
	font-family:		Ubuntu Light, Arial;
	margin: 			2px;
	text-align: 		justify;
	font-weight:	 	normal;
	font-size: 			12px;
}

div.fiche_helptip input
{
	font-size: 			16px;
}

td.search_gen
{
	color:			#2d4a5c;
	
}

td.search_gen	input
{
	color:			#2d4a5c;
}
td.search_gen img
{
	-webkit-border-radius	:4px 4px 4px 4px;
	-moz-border-radius		:4px 4px 4px 4px;
	border-radius			:4px 4px 4px 4px;
	
	border:			solid 1px snow;
	
	padding:		2px;
	opacity:		0.7;
}
td.search_gen img:hover
{
	border:			solid 1px #2d4a5c;
	background:		snow;
	opacity:		1;
}
div.application
{
	float:				left;
	width:				120px;
	height:				120px;
	margin:				10px;
	font-family:		Ubuntu Condensed,Arial;
	font-size:			16px;
	
	background-color:	snow;/*#dce7f6; /*A0A0A0;*/
	
	
	text-align:			center;
	
	
	cursor:				pointer;
	
	border:				solid 1px #2d4a5c;
	-webkit-border-radius	:20px 20px 20px 20px;
	-moz-border-radius		:20px 20px 20px 20px;
	border-radius			:20px 20px 20px 20px;

	box-shadow: 2px 2px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 2px 2px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 2px 2px 10px 4px rgba(119, 119, 119, 0.75);
	
	z-index:	100;
}
div.application:hover
{
	background-color:	white;
	border:				solid 3px #2d4a5c;
	margin:				10px;
	

}
div.application_back
{
	margin-top:		30%;
	opacity:		0.1;
	width:			100%;
	height:			70%;
	background-size:	70%;
	background-repeat:	no-repeat;
	background-position:	center center;
	z-index:	100;
	
}

table.application
{
	position:		relative;
	top:			-100%;
	
}
td.application
{
	font-family:		Ubuntu Condensed,Arial;
	font-size:			15px;
	font-weight:		normal;
	font-style: 		normal;
	margin-left:		8px;
	margin-right:		18px;
	color:				white;
	text-align:			center;
	background-color: 	#2d4a5c;
	background-color:	rgba(45,74,92,0.7);/*#2d4a5c;*/
	
	-webkit-border-radius	:18px 18px 0px 0px;
	-moz-border-radius		:18px 18px 0px 0px;
	border-radius			:18px 18px 0px 0px;
	
	
}
td.application_logo
{
	border-left:					solid 1px #b9c2cf;
	border-bottom:					solid 1px #b9c2cf;
	border-right:					solid 1px #b9c2cf;
	
	-webkit-border-radius	:0px 0px 18px 18px ;
	-moz-border-radius		:0px 0px 18px 18px;
	border-radius			:0px 0px 18px 18px;
	border: solid 0px white;
}
img.application
{
	
	opacity:		0.8;
	max-width:		40px;
	min-width:		30px;
	margin-right:	10px;
	margin-top:		10px;
	
	
}

div.action
{
	margin:				0 auto;
	margin-top:			2px;
	width:				120px;
	height:				120px;

	font-family:		Ubuntu Condensed,Arial;
	font-size:			16px;
	
	background-color:	snow;/*#dce7f6; /*A0A0A0;*/
	
	
	text-align:			center;
	
	
	cursor:				pointer;
	
	border:				solid 1px #2d4a5c;
	-webkit-border-radius	:20px 20px 20px 20px;
	-moz-border-radius		:20px 20px 20px 20px;
	border-radius			:20px 20px 20px 20px;

	box-shadow: 2px 2px 10px 4px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 2px 2px 10px 4px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 2px 2px 10px 4px rgba(119, 119, 119, 0.75);
	
	z-index:	100;
}
div.action:hover
{
	background-color:	white;
	border:				solid 3px #2d4a5c;
	margin-top:			0px;
}
div.action p
{
	font-size:			14px;
	width:				100%;
	text-align:			center;
	
	font-style: 	normal;
}
div.newsletter
{
	padding:		5px;
	font-family:	Ubuntu Light;
	font-weight:	bold;
	
}

div.newsletter img
{
	opacity		:		0.5;
	margin-left:		20px;
	margin-bottom:		0px;
	vertical-align:		middle;
	border		:		1px solid white;
	padding		:		4px;
	
	-webkit-border-radius	:4px 4px 4px 4px;
	-moz-border-radius		:4px 4px 4px 4px;
	border-radius			:4px 4px 4px 4px;
}

div.newsletter img:hover
{
	opacity		:		1;
	background-color:	white;
}
div.fiche_search
{
	float:		left;
	background-color: 	#b9c2cf; 
	border 	: 			solid 2px #b9c2cf;
	height: 130px;
	width:	130px;
	
	margin:	9px;
	
	
	-webkit-border-radius	:5px 5px 5px 5px;
	-moz-border-radius		:5px 5px 5px 5px;
	border-radius			:5px 5px 5px 5px;
	
	
}
div.fiche_search:hover
{
	
	border 	: 	solid 2px #004370;

	
	
}
div.fiche_search img
{
	margin-left:	10px;
	margin-top:		10px;
	margin-right:	10px;
	margin-bottom:	0px;
	border:	solid 0px red;
}
div.fiche_search p
{
	font-family:	Ubuntu condensed;
	font-size:		16px;
	color :			#2d4a5c;
	line-height:	20px;
	margin:	0px;
	padding			:5px;
}
p.help_search
{
	font-family:	Ubuntu;
	font-size:		18px;
	font-style:		ITALIC;
	color :			#2d4a5c;
	line-height:	30px;
	margin:			10px;
	padding	:		10px;
	border:	2px solid #b9c2cf;
	-webkit-border-radius	:5px 5px 5px 5px;
	-moz-border-radius		:5px 5px 5px 5px;
	border-radius			:5px 5px 5px 5px;
	
	text-align:			justify;
}

#fiche_help
{
	float:	left;
	width:	98%;
	padding	:5px;
}
div.fiche_header
{
	background-color: #b9c2cf; 
	height: 30px;
	
	border 		: solid 0px #004370;
	
	-webkit-border-radius	:5px 5px 0px 0px;
	-moz-border-radius		:5px 5px 0px 0px;
	border-radius			:5px 5px 0px 0px;
	
}

div.fiche_header a
{
	float: 				right;
	
	/*text-align:			center;
	color:				white;
	vertical-align:		middle;
	
	padding-left:		0px;

	
	width: 				24px;*/
	height: 			24px;
}

div.fiche_header p
{
	margin-top: 	0px;
  	padding-top: 	3px;
  	
  	color :			#2d4a5c;
  	font-size: 		16px;
	padding-left: 	12px;
}

div.fiche_header img
{
	float: 			right;
	opacity		:	0.5;
	
	margin-right:	2px;
	margin-top: 	3px;
	
	
}
div.fiche_header span
{
	float: 			right;
}
span.export
{
	font-family	:		Ubuntu Condensed;
	color:				#2d4a5c;
	margin-left:		20px;
	text-align:			center;
	vertical-align	:	middle;
	border		:		0px solid #d2deef;
	-webkit-border-radius	:	5px 5px 5px 5px;
	-moz-border-radius		:	5px 5px 5px 5px;
	border-radius			:	5px 5px 5px 5px;
	padding-right:		5px;
	padding-top:		2px;
	padding-bottom:		5px;
	padding-left:		1px;
}
span.export:hover 
{
	color:				black;
	
}
div.fiche_header img:hover
{
	opacity		:	1;
}
div.fiche_header td
{
	vertical-align: middle;
	/*font-size: 12px;*/
}

div.fiche_subheader
{
	background-color: 	#dce7f6;
	color:				#2d4a5c;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	height: 16px;
	padding-left: 4px;
}

div.fiche_subheader a
{
	float: right;
	text-align:center;
	color:white;
	vertical-align:top;
	padding-left:2px;
	padding-right:2px;
	height: 14px;
	width: 13px;
}

div.fiche_subheader p
{
	margin-top: 0px;
  	padding-top: 1px;
}

div.fiche_subheader img
{
	
	height: 14px;
	width: 14px;
	padding: 0px;
}

div.fiche_subheader td
{
	vertical-align: middle;
	font-size: 11px;
}


div.fiche_footer
{
	
	background-color: 	#a7b2c1; 
	margin:				0px;
	font-weight: 		bold;
	font-size: 			12px;
	height: 			30px;
	
	-webkit-border-radius	:0px 0px 10px 10px;
	-moz-border-radius		:0px 0px 10px 10px;
	border-radius			:0px 0px 10px 10px;
	
	z-index				: 		500;
}

div.fiche_footer img
{
	opacity		:		0.5;
	margin-left:		5px;
	margin-bottom:		0px;
	vertical-align:		middle;

	height:				20px;
}

div.fiche_footer img:hover
{
	opacity		:		1;
	
}


div.menu_back
{
	
	background-color: 		#a7b2c1;
	font-weight: 			bold;
	font-size: 				12px;
	margin-left	:			12px;
	
	border-radius			:10px 10px 0px 0px;
	-webkit-border-radius	:10px 10px 0px 0px;
	-moz-border-radius		:10px 10px 0px 0px;
	-o-border-radius		:10px 10px 0px 0px;
	
	transition:  opacity 1s ;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	
	-webkit-box-shadow: 5px 0px 2px  #2d4a5c;
	-moz-box-shadow:    5px 0px 2px  #2d4a5c;
	box-shadow:         5px 0px 2px  #2d4a5c;
	
	height	:				0px;
	
	z-index			: 		1000;
	display			:		none;
	opacity			:		0;
	border: 0px solid red;
}



div.menu_back tr
{
	height: 				26px;
	vertical-align: 		middle;
	opacity	:				0.5;
} 

div.menu_back tr:hover
{	
	
	opacity	:				1;
}

div.menu_back td
{
	vertical-align: middle;
	border-bottom: 1px solid gray;
}

td.menu_back_td1
{
	text-align: center;
	border-left: 0px solid gray;
}

td.menu_back_td1 img
{
	
}
td.menu_back_td2
{
	text-align: left;
	border-right: 0px solid gray;
}

div.menu_back a
{
	cursor: pointer;
	color: #000;
	text-decoration: none;
	height: 100%;
	display: block;
}

.mb_quote
{
	font-weight: normal;
	font-style:italic; 
}

#fiche_footer_table
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
	
#fiche_footer_table tr
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}	

#fiche_footer_table td
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}	
	


table.items
{
	color:				#2d4a5c;
	width:				100%;
	border:solid 0px red;
}

td.item_head
{
	background-color:	#dce7f6; /*A0A0A0;*/
	border:				none;
	text-align:			center;
	
	vertical-align:		middle;
	padding-left:		5px;
	padding-right:		5px;
	padding-top: 		2px;
	padding-bottom: 	2px;
	color:				#2d4a5c;
	opacity:			1;
	
	width:				30%;
}

td.item_head_inter_real_oui
{
	background-color:#707070; /*A0A0A0;*/
	border:none;
	text-align:center;
	color:white;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

td.item_head_inter_real_non
{
	background-color:#82ABE1; /*A0A0A0;*/
	border:none;
	text-align:center;
	color:white;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

td.item_content
{
	text-align:			left;
	vertical-align:		middle;
	/*background-color: 	snow;*//*E8E8E8;*/
	color:				#2d4a5c;
	font-size: 			110%;/*12px;*/
}
td.item_content img
{
	opacity		:		0.5;
	margin-left:		10px;
	margin-bottom:		0px;
	vertical-align:		middle;
	border		:		1px solid #d2deef;
	padding		:		4px;
	
	-webkit-border-radius	:4px 4px 4px 4px;
	-moz-border-radius		:4px 4px 4px 4px;
	border-radius			:4px 4px 4px 4px;
}

td.item_content img:hover
{
	opacity		:		1;
	background-color:	#d2deef;
}

td.item_content_num
{
	text-align:			right;
	vertical-align:		middle;
	background-color: 	#BFDBFD;/*E8E8E8;*/
	font-size: 			100%;/*9px;*/
	color:				#2d4a5c;
}

td.item_content h6
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content h5
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content h4
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content h3
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content h2
{
	margin: 		0px;
	padding: 		0px;
	font-weight: 	normal;
  	font-size: 			100%;
  	color:			#2d4a5c;
  	
}

td.item_content h8 /* Complément de h2 -> Données avec erreur */
{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 			100%;
	color: #FF0000;
	/*background-color: #FFFFFF;*/
	color:				#2d4a5c;
}


td.item_content h1
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content input 
{
	margin: 0px;
	padding: 2px;
	
	font-weight: normal;
  	font-size: 			100%;
  	background-color: 	#ddd;
  	color:				#2d4a5c;
  	border: solid 1px #808080;
}
td.item_content select
{
	background-color: #ddd;
}
	
td.item_content a
{
	color: black;
	text-decoration: none;
}

td.item_content_alt
{
	text-align:left;
	vertical-align:middle;
	background-color: #EEEEEE;
	font-size: 			100%;
	color:				#2d4a5c;
}

td.item_content_alt h6
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content_alt h5
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content_alt h4
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content_alt h3
{
	margin: 0px;
	font-weight: normal;
  	ffont-size: 			100%;
}

td.item_content_alt h2
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_content_alt h1
{
	margin: 0px;
	font-weight: normal;
  	font-size: 			100%;
  	color:				#2d4a5c;
}

td.item_action
{
	width:			40px;
	border:			0px solid blue;
	text-align:		center;
	font-weight: 	bold;
	color: 			black;
	vertical-align:	middle;
	padding-left:	2px;
	padding-right:	2px;
	opacity:		0.5;
}
td.item_action:hover
{
	
	opacity:		1;
}
#wait_msg
{

margin-top:	33px;
float:		left;
width:		280px;
text-align:	center;
}
#wait_img
{
margin-top:		35px;
float:			left;
padding-left:	10px;
padding-right:	10px;
}

#wait
{
position: absolute; 
z-index: 500;  
display: none; 
left:200px; 
top:400px; 
}


/** Systeme d'onglets
*******************************************************************************/
.onglet_Actif_Niveau1
{
	background:#a7b2c1;/*dce7f6;*/
}
.onglet_Actif_Niveau2
{
	background:#DDDDDD;
}
.onglet_Inactif_Niveau1
{
	background:#BBBBBB;
}
.onglet_Inactif_Niveau2
{
	background:#AAAAAA;
}

.onglet_Actif_Page_Niveau1
{
	background:#BFDBFD;
	padding : 10px 10px 10px 10px;
	margin : 0px 0px 5px 0px;
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.onglet_Actif_Page_Niveau2
{
	background:#DDDDDD;
	padding : 10px 10px 10px 10px;
	margin : 0px 0px 5px 0px;
	border-bottom-left-radius : 5px;
	border-bottom-right-radius : 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.onglet_Pied 
{
	position: absolute;
	margin : 0px 5px 5px 10px;
}

.onglet_Pied_Droite 
{
  float : right;
  margin : 0px 0px 0px 5px;  
}

/** Toolbar GII
*******************************************************************************/
#toolbarGI
{
	float: right;
	font-weight: bold;
	height: 28px;
	width:52px;
	margin: 0px;
}


#toolbarGI table
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width:25px;
}
#toolbarGI tr
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#toolbarGI td
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}




img.cmd_GII
{
	width:	24px;
	height: 24px;
	margin: 0px;
	
}
 

img.mini_cmd_GII_actif
{
	border:1px solid blue;
	width: 10px;
	height: 9px;
	margin: 0px;
	background-color: yellow;
	
}
img.mini_cmd_GII_inactif
{
	border:1px solid blue;
	width: 10px;
	height: 9px;
	margin: 0px;
	background-color: #A8A8A8;
	
}
img.mini_cmd_GII
{
	border:1px solid blue;
	width: 10px;
	height: 9px;
	margin: 0px;
	background-color: white;
	
}
#miseevidence 
{
	
		
}

#miseevidence table
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	
}
#miseevidence tr
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#miseevidence td
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-size: 10px;
	
	
}

/** Toolbar FICHE GII
*******************************************************************************/
#toolbar_fiche
{
	float: right;
	font-weight: bold;
	height: 26px;
	margin: 0px;
	display: block;
}


#toolbar_fiche table
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#toolbar_fiche tr
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#toolbar_fiche td
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

/**
*******************************************************************************/
td.toolbar 
{
	background-color: transparent;

}

#tlbMesures table
{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-bottom:  1px solid black;
	border-right:  1px solid black;
}
#tlbMesures td
{
	border:		 1px outset #FFFFFF;
}

#tlbPrint_table
{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-bottom:  1px solid black;
	border-right:  1px solid black;
}
#tlbPrint td
{
	border:		 1px outset #FFFFFF;
	
}


#tlbLayout td
{
	border:		 1px outset #FFFFFF;
	
}


#tlbWMS_table
{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top:  0px solid black;
	border-left:  0px solid black;
	border-bottom:  0px solid black;
	border-right:  0px solid black;
	
}
#tlbWMS_table p
{
margin :	5px;
}
#tlbDraw_table
{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-bottom:  1px solid black;
	border-right:  0px solid black;
}

#tlbPointsCalcul_table
{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-bottom:  1px solid black;
	border-right:  0px solid black;
}

#tlbDelete_table
{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-bottom:  1px solid black;
	border-right:  1px solid black;
}

#listlinestyle table
{
	background-color: white;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-bottom:  1px solid black;
	border-right:  1px solid black;
}
#listlinethick table
{
	background-color: white;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-bottom:  1px solid black;
	border-right:  1px solid black;
}

a.btn
{
	
	
}
#CMD_LIGNE
{
	border:  1px solid silver;
}
#Ligne_titre
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
#Ligne_aide
{
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: black;
}
#CMD_TEXTE
{
	border:  1px solid silver;
}
#Texte_titre
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	
}
#Texte_aide
{
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: black;
}

/**
************************************************************************************/
td.onglet_cir
{
	border:		1px outset #A0A0A0;
	text-align:	center;
}
div.relation
{
	background-color: transparent;
	
}


/************************************************************************************/
tr.ligne_sel
{
	background-color: yellow;
	vertical-align: middle;
}

tr.ligne_unsel
{
	background-color: transparent;
	vertical-align: middle;
}

td.ligne
{
	vertical-align: middle;
}

td.cellule_sel
{
	background-color: yellow;
	vertical-align: middle;
}

td.cellule_unsel
{
	background-color: transparent;
	vertical-align: middle;
	
}

/***********************************************************************************/
div.allume_lien img
{
	background-color: white;
	border: 0px solid blue;
}

div.allume_lien img:hover
{
	background-color: white;
	border: 0px solid red;
}

td.explore_GII
{
	background-color: white;
	border: 0px solid blue;
	color: #0000A0;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	
}

td.explore_GII_page
{
	background-color: yellow;
	border: 1px solid red;
	color: #0000A0;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	
}

td.explore_GII:hover
{
	background-color: yellow;
	border: 1px solid red;
	color: #0000A0;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	
}

img.explore_GII
{
	background-color: white;
	margin: 1px;
	border:0px solid blue;	
}

/** Palette GII
*******************************************************************************/
#mev /*Mise en evidence*/
{
	position:	fixed;
	
	left:		40vw;
	top:		10vh;
	width:		25vw;
}

#paletteGI
{
	
	border:1px solid #808080;
	
	background-color: #f0f0f0;
}


#paletteGI table
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
#paletteGI tr
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
#paletteGI td
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-size: 10px;
}

/** Toolbar GII dans Recherche
*********************************************************************************/

div.fiche_headerGI
{
	background-color: #82ABE1;/*D5D5D5;*/
	font-weight: bold;
	font-size: 13px;
	height: 30px;
	margin: 1px;
}

div.fiche_headerGI table
{
	height: 100%;
	width: 100%;
}

div.fiche_headerGI td
{
	vertical-align: middle;
	font-size: 13px;
}

/** Couleurs utilisées dans la fiche instruction au niveau des services consultés
**********************************************************************************/
td.item_content_negatif
{
	background-color: #FFBC9F;
	border:none;
	text-align:center;
	color: #666666;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 75px;
}

td.item_content_sans_reponse
{
	background-color: #A0A0A0;
	border:none;
	text-align:center;
	color:white;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 75px;
}

td.item_content_reserve
{
	background-color: #FFD588;
	border:none;
	text-align:center;
	color:#666666;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 75px;
}

td.item_content_positif
{
	background-color: #D5E8B8;
	border:none;
	text-align:center;
	color:#666666;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 75px;
}

td.item_content_attente
{
	background-color: #DDDDDD;
	border:none;
	text-align:center;
	color:#666666;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 75px;
}

td.item_content_erreur
{
	background-color: #FF0000;
	border:none;
	text-align:center;
	color:white;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 75px;
}

#fusion_bs .item_content
{
	font-size: smaller;
}

/******* PALETTE COULEUR DAO ***************/

#colorpalette
{
	background-color: white;
	border: 1px solid black;
	
}

/******* Bibli des P.O.I. de DAO ***************/
#listLibPOI
{
	background-color: white;
	border: 1px solid black;
}
/******* Epaisseur de ligne de DAO ***************/
#listlinethick
{
	background-color: white;
	border: 1px solid black;
}


div#wheel 
{
	position:absolute; 
	visibility:visible; 
	top:2px; 
	left:2px;
	width: 200px; 
	height: 92px; 
	background: #ffff00;
}

div#cmd 
{
	 position:absolute;
	 visibility:visible;
	 top:93px; 
	 width: 198px; 
	 height: 50px;
	 text-align:center; 
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 font-size: 14px; 
	 font-family: Ubuntu;
	 left:2px; 
	 margin-right: 0px;
	 border: 1px solid silver;
 } 
div#demoa 
{
	 position:absolute;
	 visibility:visible;
	 top:1px; 
	 width: 47px; 
	 height: 46px;
	 text-align:center; 
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 font-size: 14px; 
	 font-family: Ubuntu;
	 left:1px; 
	 margin-right: 0px;
	 border: 1px solid black;
 } 
div#btn_1 
{
	 position:absolute;
	 visibility:visible;
	 top: 1px; 
	 width: 20px; 
	 height: 12px;
	 left:52px;
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 margin-right: 0px;
	 border: 1px solid black;
 } 
div#btn_2 
{
	 position:absolute;
	 visibility:visible;
	 top:16px; 
	 width: 20px; 
	 height: 12px;
	 left:52px;
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 margin-right: 0px;
	 border: 1px solid black;
 } 
div#btn_3 
{
	 position:absolute;
	 visibility:visible;
	 top:31px; 
	 width: 20px; 
	 height: 12px;
	 left:52px;
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 margin-right: 0px;
	 border: 1px solid black;
 } 
div#btn_4 
{
	 position:absolute;
	 visibility:visible;
	 top: 1px; 
	 width: 20px; 
	 height: 12px;
	 left:74px;
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 margin-right: 0px;
	 border: 1px solid black;
 } 
div#btn_5 
{
	 position:absolute;
	 visibility:visible;
	 top:16px; 
	 width: 20px; 
	 height: 12px;
	 left:74px;
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 margin-right: 0px;
	 border: 1px solid black;
 } 
div#btn_6 
{
	 position:absolute;
	 visibility:visible;
	 top:31px; 
	 width: 20px; 
	 height: 12px;
	 left:74px;
	 padding-top: 0px; 
	 padding-bottom: 0px;
	 margin-right: 0px;
	 border: 1px solid black;
} 
img#rotate_1
{
	 position:absolute;
	 visibility:visible;
	 top:1px; 
	 width: 22px; 
	 height: 22px;
	 left:100px;
	 border: 1px solid black;
} 
img#rotate_2
{
	 position:absolute;
	 visibility:visible;
	 top:23px; 
	 width: 22px; 
	 height: 22px;
	 left:100px;
	 border: 1px solid black;
} 
div#input
{
	 position:absolute;
	 visibility:visible;
	 top:1px; 
	 width: 50px; 
	 height: 46px;
	 left:120px;
	 border: 1px solid black;
} 

div#validation
{
	position:absolute;
	visibility:visible;
	top:1px; 
	left: 128px;
	width:65px;
	height:45px;
	border: 1px solid red;
}

input#ccc
{
	 
	 width:58px; 
	 height: 18px;
	 
}

input#OK
{
	 
	 width: 60px; 
	 height: 20px;
	 
}



/* RECHERCHE GLOBALE */

#search_global
{
	background-color:	#82ABE1; /*D5D5D5;*/
	
}
#search_global_type
{
	background-color:	#BFDBFD;/*E8E8E8;*/
	
}

/* -------- JODA 28/01/2008 ------------------------------------- */
/*--------- DÉBUT : Fiche de résultat sur le picking -------------*/
/* Top, Right, Bottom, Left */
#clipboard {
  
	position:fixed;
	top: 7vh;
	right: 40vh;
	width:	250px;
	display:	none;
 	
	font-size: 12px;  
}

#clipboard_toolbar {
  height: 100px;
	width: 18px;
  background : #A0A0A0;
	float: left;
}

#clipboard_toolbar img 
{
	margin : 2px 0px 0px 5px; 
}

#clipboard_data {
  height: 85px;
  
	overflow-x: hidden ;
	overflow-y: auto ;
  background : #D5D5D5;
}

#clipboard_data table
{
  padding : 0px 0px 0px 0px;
  margin : 3px 5px 3px 10px; 
}

#clipboard_data tr
{
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 0px;
}

#clipboard_data img
{
  margin : 0px 6px 0px 0px;
}

#clipboard_data td
{
	vertical-align : middle;
  padding : 0px 0px 0px 0px;
  margin : 0px 0px 0px 0px;
}

#clipboard_data a /* Tous les 'a' se trouvant dans ce DIV */
{

}

/*#clipboard_data a:hover /* Tous les 'a' se trouvant dans ce DIV * /
{
	background : snow;
}

#clipboard_data a:active, a:focus /* Tous les 'a' se trouvant dans ce DIV * /
{
	background : snow;
}*/

/*--------- FIN : Fiche de résultat sur le picking ---------------*/

/** Palette GII NEW
*******************************************************************************/
div.paletteGInew
{
	
	left:0px;
	top:10px;
	border:1px solid #808080;
	width:140px;
	height:200px;
	background-color: #D5D5D5;
}


div.paletteGInew table
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
div.paletteGInew tr
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
div.paletteGInew td
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-size: 10px;
}

/***** FICHE REQUETE 
**********************/
div.fiche_requete
{
  background: #BFDBFD;
}

div.fiche_requete_content
{
  border: 0px solid #A0A0A0;
  background-color: #BFDBFD; /*E8E8E8;*/
  font-size: 10px;
  text-align: justify;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 2px;
}

table.entete_requete
{
	border: 0px solid #A0A0A0;
}

p.phrase_requete
{
	font-size: 	15px;
	color:		white;
	font-weight: bold;
}

td.fiche_helptip
{
  border: 1px solid #A0A0A0;
  background-color: #FFFFDC;
  color: #0000A0;
  font-size: 11px;
  font-style: italic;
  text-align: justify;
  margin-right: 4px;
  margin-bottom: 4px;
  margin-top: 1px;
  padding: 2px;
}

div.editor_requete
{
	border: 2px outset #A0A0A0;
	
}

#query_name
{
	font-size : 12px;
	font-weight: bold;
	background-color: silver;
}

#modele
{
	font-size: 	12px;
}

input.nom_requete
{
	border:0px;
	font-size: 12px;
	font-style: italic;
	text-align: justify;
	color:  black;
}

#req_conteneur 
{
	border : 1px solid #A0A0A0;
	margin-left : 10px;
	margin-right : 10px;
	background-color: #FFFFDC;
	
}

td.bloc_debut
{
	text-align:center;
	vertical-align:middle;
	border:1px solid #00CC33;
	color:#00CC33;
	height:22px;
	width:22px;
  background-color: transparent;
  cursor:pointer;
}

td.bloc_fin
{
	text-align:center;
	vertical-align:middle;
	border:1px solid #00CC33;
	color:#00CC33;
	height:22px;
	width:22px;
  background-color: transparent;
  cursor:pointer;
}

td.bloc_debut_actif
{
	text-align:center;
	vertical-align:middle;
	border:1px solid red;
	color:#FF0000;
	height:22px;
	width:22px;
  background-color: yellow;
  cursor:pointer;
}

td.bloc_fin_actif
{
	text-align:center;
	vertical-align:middle;
	border:1px solid red;
	color:#FF0000;
	height:22px;
	width:22px;
  background-color: yellow;
  cursor:pointer;
}

td.bloc_action
{
	text-align:center;
	vertical-align:middle;
	border:1px solid #0000FF;
	height:22px;
	width:22px;
  background-color: #FFFFFF;
  color: #0000FF;
}

td.bloc_op
{
	text-align:center;
	vertical-align:middle;
	border:1px solid #0000FF;
	height:22px;
	width:22px;
  	background-color: #FFFFFF;
  	color: #0000FF;
}

td.bloc_critere
{
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #FF0000;
	border-bottom:1px solid #FF0000;
	height:22px;
	width:150px;
  	background-color: #FFFFFF;
  	color: #FF0000;
}
td.handle_critere
{
	text-align:center;
	vertical-align:middle;
	border:1px solid #FF0000;
	
	height:22px;
	width:7px;
  	/*background-color: #FFFFFF;*/
  	color: #FF0000;
  	
}
td.quit_critere
{
	text-align:right;
	vertical-align:top;
	/*border-top:1px solid #FF0000;*/
	/*border-bottom:1px solid #FF0000;*/
	
	height:12px;
	width:10px;
  	margin:2px;
  	cursor:pointer;
  	color: #FF0000;
  	
}
td.param_critere
{
	text-align:right;
	vertical-align:top;
	border-top:1px solid #FF0000;
	border-bottom:1px solid #FF0000;
	
	height:22px;
	width:10px;
  	margin:2px;
  	cursor:pointer;
  	color: #FF0000;
  	
}
table.bloc_table
{ 
	width:100%;
	height:100%;
}

td.op_button
{
	width:20px;
	height:20px;
	background-color:white;
	text-align:center;
	border:1px solid blue;
	vertical-align:middle;
	cursor:pointer;
}
td.op_button_fake
{
	width:20px;
	height:20px;
	
}
td.op_button_in
{
	width:20px;
	height:20px;
	background-color:yellow;
	text-align:center;
	border:1px solid red;
	vertical-align:middle;
	cursor:pointer;
}

/***** FICHE BOITE DE SELECTION 
**********************/
div.fiche_BS
{
  	background: snow;
}

div.BS_list
{
  	background: snow;
  	border: solid 1px silver;
}

div.BS_cmd
{
  	background: silver;
  	border: outset 2px silver;
  
  
}

div.BS_tab
{
  	background: silver;
  	border: outset 2px silver;
  
  
}
td.BS_entete
{
	background: 	silver;
	color:		white;
	
}
td.BS_cell
{
	background: 	snow;
	color:		black;
	
}

img.BS_button
{
  
  	cursor: pointer;
  
}

tr.BS_domaine
{
	background: 	#D7D7D8;
	color:		#5A5A5A;
}

td.BS_tab
{
	text-align : 	center;
	vertical-align:	middle;
	width:		15px; 
}

td.BS_img
{
	text-align : 	center;
	vertical-align:	middle;
	width:		30px; 
}
td.BS_img img
{
	margin: 2px;
}
td.BS_label
{
	text-align : 	center;
	vertical-align:	middle;
	
}
td.BS_label p
{
	text-align: justify;
	font-size: 9px;
	
}
tr.BS_type_element
{
	background: 	#EAEAEA;
	color:		#5A5A5A;
}


tr.BS_element
{
	background: 	snow;
	color:		#5A5A5A;
}

div.BS_onglet
{
	margin-bottom:	1px;
}


#theme_title
{
	font-size : 		12px;
	font-weight: 		bold;
	background-color: 	silver;
	color:			white;
}

/*** Carte auto */

#carte_title
{
	font-size : 		12px;
	font-weight: 		bold;
	background-color: 	silver;
	color:			white;
}
td.surf
{
	
	vertical-align: 	top;
	text-align:		center;
	height:			20px;
	border: 		1px inset silver;
}
td.line
{
	vertical-align: 	top;
	text-align:		center;
	height:			20px;
	border: 		1px inset silver;
}
td.point
{	
	vertical-align: 	middle;
	text-align:		center;
	height:			20px;
	border: 		1px inset silver;
}
td.text
{	vertical-align: 	middle;
	text-align:		center;
	height:			20px;
	border: 		1px inset silver;
}
td.inter
{
	color:			silver;
	vertical-align: 	middle;
	text-align:		center;
	height:			20px;
}
td.check
{
	background:		silver;
	color:			white;
	vertical-align: 	middle;
	text-align:		center;
	height:			20px;
	border: 		1px solid black;
}
div.surf
{
	background-color:	red;
	height:			18px;
	margin-left: 		5px;
	margin-right: 		5px;
	margin-top:		2px;
	height:			18px;
}

div.line
{
	color:			blue;
	height:			3px;
	font-size:		1px;
	margin-left: 		5px;
	margin-right: 		5px;
	background-color:	blue;
	margin-top:		10px;
	border-top:		1px solid snow;
	border-bottom:		1px solid snow ;
	
}
	
div.point
{
	color:			#00FF00;
	height:			18px;
	font-size:		18px;
	margin: 		0px;
}



div.text 
{
	color:			#00FF00;
	height:			18px;
	font-size:		14px;
	margin: 		0px;
}




/***** Interface d'edition et de gestion des criteres graphiques dans fiche d'execution d'une requete ***********/

div.en_tete_criteres_graph
{
  border: 2px solid white;
  background-color: #82ABE1;
  font-size: 12px;
}


div.corps_criteres_graph
{
  border: 2px solid white;
  background-color: #A4C8F8; /*E8E8E8;*/
  font-size: 10px;
}


table.param_graph
{
	width: 100%;
	height: 95px;
	vertical-align: middle;
	font-size: 10px;
}

/**** Mode plein écran ****/
#full_screen
{
	background-color:		silver;
	border: 				2px solid white;

}
#fs_toolbar
{
	background-color:		snow;
}
#fs_geox
{
	background-color:		snow;

}
#tlbgeox
{
	background-color : white;  
	z-index: 4; 
	left:0px;  
	top: 103px;  
	width: 40px; 
 
	border: 0px solid #dddddd;
  
  	
  	-webkit-border-radius	:	5px 5px 5px 5px;
	-moz-border-radius		:	5px 5px 5px 5px;
	border-radius			:	5px 5px 5px 5px;
  
}
#table_tlbgeox td
{
padding-bottom:	5px;
padding-top:	5px;
}

/*************************/
p.wms
{
font-family: 	Ubuntu, Arial, verdana, helvetica,  sans-serif; 
font-size:		12px;
margin-left:	2px;
margin-right:	2px;
margin-top:		0px;
margin-bottom:	0px;
color:			black;
}
span.wms
{
font-family: 	Ubuntu, Arial, verdana, helvetica,  sans-serif; 
font-size:		10px;
margin-left:	2px;
margin-right:	2px;
margin-top:		0px;
margin-bottom:	0px;
color:			black;
}

span.var_formule
{
font-family: 	Ubuntu, Arial, verdana, helvetica,  sans-serif; 
border:		solid 1px gray;
margin:		1px;

font-size:	12px;
clear:		both;
float:		left;
cursor:		pointer;
padding-left:	2px;
padding-right:	2px;

background-color:	white; 
color:		black;

}
span.var_code_formule  
{
font-family: 	Ubuntu, Arial, verdana, helvetica,  sans-serif; 
border:		solid 1px gray;
margin:		1px;
margin-top:	3px;

font-size:	12px;

float:		left;
cursor:		pointer;
padding-left:	2px;
padding-right:	2px;
height:		16px;
background-color:	black;
color:		white;

}
p.var_formule
{
font-family: 	Ubuntu, Arial, verdana, helvetica,  sans-serif; 
border:		solid 1px gray;
margin:		1px;

font-size:	10px;
clear:		both;
float:		left;
cursor:		pointer;
padding-left:	2px;
padding-right:	2px;

background-color:	white; 
color:		black;

}
img.op_formule  
{
float:		left;
margin:		1px;
margin-top:	2px;
cursor:		pointer;
}
img.op_code_formule
{

float:		left;
margin: 	2px;
cursor:		pointer;
}

#tlbFavorisWin_table
{
	background-color: #dddddd;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top:  0px solid black;
	border-left:  0px solid black;
	border-bottom:  0px solid black;
	border-right:  0px solid black;
	
}
#tlbFavorisWin_table p
{
	margin :	5px;
}

#itp_choix_interface
{
	position: 		fixed;
	left: 			50%;
	bottom:			2px;
	max-width:		200px;
	width:			150px;
	height: 		18px;
	margin-left: 	-75px;
	
	
	color :			snow;
	background-color:		#3b3e44;
	border:			solid 1px #3b3e44;;
	
	opacity:		1;
	filter : 		alpha(opacity=100);
	-moz-opacity: 	1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	
	transition:  height 1s ;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-o-transition: height 1s;
	
	display:		block;
	z-index:		5500;
	
}
#itp_choix_interface:hover
{
	opacity:		1;
	filter : 		alpha(opacity=100);
	-moz-opacity: 	1;
	background-color:	#3b3e44;/*white;*/
	height: 		26px;
	bottom:			2px;
}

input.opt_div 
{
	margin-top:		15px;
	display:none;
	
}

 

input[type=radio] + label 
{
	
   color:		black;
   cursor:		pointer;
   
   
}

input[type=radio]:checked + label 
{
   color: 		green;
    
}
input[type=radio]:hover + label 
{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border:		solid 1px silver;
    
}
span.span-left
{
	float:	left;
	margin: 3px;
}
span.span-right
{
	float:	right;
	margin: 3px;
}
/* OSSATURE */
#itp_body
{
	background-color: #f0f0f0;

}
#itp_navbar
{
	margin: 0px;
}


#fiche
{
	background-color: snow;
	background-color: #f0f0f0;
	padding-top:	5px;
	
	margin-top: 1px;
	margin-bottom: 1px;	
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-top-left-radius: 0px 10px 10px 0px;
	
	border-right:		solid 1px #3b3e44;
	border-top :		solid 1px #3b3e44;
	border-bottom :		solid 1px #3b3e44;
	border-left :		solid 0px #3b3e44;
	
	transition:  width 1s ;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	
	
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
#geox
{
	padding: 0px;
	background-color: snow;
	
	transition:  width 1s ;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	
	border: solid 0px red;
	
}
#geox_fiche /* Fiche indépendante : recherche */
{
	position:	fixed;
	right:		10vw;
	top:		10vh;
	width:		25vw;
		
}
#search_AD /* Fiche indépendante : recherche */
{
	position:	fixed;
	right:		10vw;
	top:		10vh;
	width:		25vw;
		
}
#search_data /* Fiche indépendante : recherche */
{
	position:	fixed;
	right:		10vw;
	top:		10vh;
	width:		25vw;
}
#BS_GU
{
	position:	fixed;
<<<<<<< .mine
	right:		10vw;
	top:		50px;
=======
	right:		0vw;
	top:		50px;
>>>>>>> .r7896
	width:		25vw;
	
}



#carteauto
{
	position:	fixed;
	right:		5vw;
	top:		12vh;
	width:		20vw;
	height:		30vw;
	
	
}

carteauto_content
{
	background-color: snow;
	
	 
}


#toolkit-graphic
{
	position:	fixed;
	overflow:	hidden; 
	display: 	none; 
	right:		10vw;
	bottom:		10vh;
	
}
#ListPOIsTouched_div
{
	position:	fixed;
	overflow:	hidden; 
	display: 	none; 
	right:		10vw;
	bottom:		10vh;
	
}
#label_entity_div
{
	position:	fixed;
	width:		100%;
	height:		100%;
	z-index:	4100;
}
#label_entity
{
	position:	fixed;
	max-width:	300px;
	max-height:	400px;	
	min-width:	100px;
	min-height:	100px;	
	
	display:	none;
}
#data_label
{
	border-top:			solid 1px grey;
	padding-left:		5px;
	padding-bottom:		5px;
	padding-right:		5px;
	padding-top:		2px;
	width:				100%;
}
#label_entity span
{

	font-size: 			12px;
}

div.itp_label /* label flottant */
{
	position:	fixed;
	
	
	background-color:	white;
	
	padding: 	5px;
	border :		solid 1px rgba(100,100,100,0.5);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px 5px 5px 5px;
	
	opacity:		0;
	filter : alpha(opacity=00);
	-moz-opacity:		0;	
	
	transition:  width 1s ;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	
	transition:  height 1s ;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-o-transition: height 1s;
		
	transition:  opacity 0.5s ;
	-webkit-transition: opacity 0.5s ;
	-moz-transition: opacity 0.5s ;
	-o-transition: opacity 0.5s ;
	
	
	
	
	-webkit-box-shadow: 5px 5px 4px  #2d4a5c;
	-moz-box-shadow:    5px 5px 4px  #2d4a5c;
	box-shadow:         5px 5px 4px  #2d4a5c;
	
	
	cursor: 	move;
	
	z-index:	4100;
	
}
div.itp_popup /* popup flottant */
{
	position:	fixed;
	
	/*background-color: rgba(100,100,100,0.5);*/
	background-color:snow;
	
	padding: 	5px;
	border :		solid 5px rgba(100,100,100,0.5);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px 5px 5px 5px;
	
	opacity:		0.5;
	filter : alpha(opacity=70);
	-moz-opacity:		0.5;	
	
	transition:  width 1s ;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition:  height 1s ;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-o-transition: height 1s;
	transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	
	
	cursor: 	move;
	
	z-index:	6000;
	display:	none;
}
div.itp_popup:hover 
{
	/*background-color: rgba(100,100,100,.8);*/
	border :		solid 5px rgba(100,100,100,1);
	
	opacity:		1;
	filter : alpha(opacity=100);
	-moz-opacity:		1;	
	
	-webkit-box-shadow: 5px 5px 4px  #2d4a5c;
	-moz-box-shadow:    5px 5px 4px  #2d4a5c;
	box-shadow:         5px 5px 4px  #2d4a5c;
}

#divLeg 
{
	display: 	none;  
	width:		180px; 
	max-height: 65vh;
	top:		30vh; 
	left:		50vw; 
}
#divEditLeg
{
	background-color:snow; 
	
	display: 	none;  
	width:		300px; 
	max-height:	60vh;
	top:		35vh; 
	left:		30vw; 
}

/* Div des points calculés */
#divPointsCalcul
{
	position:	fixed;
	overflow:	hidden; 
	display: 	none; 
	right:		10vw;
	bottom:		10vh;	
}

/* Div saisie d'un point */
#divInputPoint
{
	position:	fixed;
	overflow:	hidden; 
	display: 	none; 
	right:		10vw;
	bottom:		10vh;	
}

/* Div guide graphique */
#divGuideGraphique
{
	position:	fixed;
	overflow:	hidden; 
	display: 	none; 
	right:		10vw;
	bottom:		10vh;	
}
/*---------------------------------------------*/
/* FLECHE INDIC pour fiche et graohic 		   */
/*---------------------------------------------*/
@keyframes indicator_fiche {
    
    0% {
      left: 0px;
   
    }
    
    50% {
      left: 20px;
    }
    100% {
      left: 0px;
      
    }
  }
#indicFiche
{
	position:	fixed;
	left:		0px;
	top:		50%;
	font-size: 	50px;
	cursor:		pointer;
	z-index:	4500;

	display:	none;
	
	animation: indicator_fiche 1s infinite linear ;
}
@keyframes indicator_graph {
    
    0% {
      right: 0px;
   
    }
    
    50% {
      right: 20px;
    }
    100% {
      right: 0px;
      
    }
  }
#indicGraph
{
	position:	fixed;
	right:		0px;
	top:		50%;
	font-size: 	50px;
	cursor:		pointer;
	z-index:	4500;

	display:	none;
	
	animation: indicator_graph 1s infinite linear ;
}
/* FIN FLECHE INDIC -------------------------- */

/*---------------------------------------------*/
/* NEWS de GxNET							   */
/*---------------------------------------------*/
#news_div
{
	position: 	fixed;
	right:		0px;
	width:		100%;
	height:		100%;
	top:		0px;
	
	background-color:	rgba(0,0,0,0.4);
		
	z-index:	6000;
}
#News
{
	margin: 	0px;
	padding: 	0px;
	top:		0%;
	height:		40%;
	background-color:	white;
	
	-webkit-box-shadow: 5px 5px 4px  #2d4a5c;
	-moz-box-shadow:    5px 5px 4px  #2d4a5c;
	box-shadow:         5px 5px 4px  #2d4a5c;
	
	
	transition:  top .3s ;
	-webkit-transition: top .3s;
	-moz-transition: top .3s;
	-o-transition: top .3s;
}
#badge_news
{
	background-color:	#3A87AD;
}
/* FIN NEWS -----------------------------------*/

/*---------------------------------------------*/
/* DIV CONTAINER A PROPOS	 				   */
/*---------------------------------------------*/
#apropos_div
{
	position:	fixed;
	width:		100%;
	height:		100%;
	top:		0px;
	left:		0px;
	
	display:	none;
	opacity:		0;
	filter : alpha(opacity=0);
	-moz-opacity:		0;	
	
	transition:  opacity 1s ;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	
	padding-top:		50px;
	
	background-color:	rgba(0,0,0,0.7);
	
	z-index:	6000;
}
#pageAPropos
{
	background-color:	white;
	margin-left: auto;
	margin-right: auto;
	margin-top:2%;
	
	width:	80%;
	height:	90%;
	
}
#SsPageAPropos
{
	overflow-x: hidden ;
	overflow-y: auto ;
}
/* Fin DIV ------------------------------------*/


/*---------------------------------------------*/
/* DIV CONTAINER PARAMETRES 				   */
/*---------------------------------------------*/
#parametres_div
{
	position:	fixed;
	width:		100%;
	height:		100%;
	top:		0px;
	left:		0px;
	
	display:	none;
	opacity:		0;
	filter : alpha(opacity=0);
	-moz-opacity:		0;	
	
	transition:  opacity 1s ;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	
	padding-top:		50px;
	
	background-color:	rgba(0,0,0,0.7);
	
	z-index:	6000;
}
#pagePreferences
{
	background-color:	white;
	margin-left: auto;
	margin-right: auto;
	margin-top:2%;
	
	width:	80%;
	height:	90%;
	
}
#SsPagePreferences
{
	
	overflow-x: hidden ;
	overflow-y: auto ;
}
#SsTitre
{
	font-size: 	20px;
}
/* Fin DIV ------------------------------------*/

/*---------------------------------------------*/
/* ACORDION POUR LISTE DE DONNEES , PARAMETRES */
/*---------------------------------------------*/
	.groupHeader {
        font-size: 27px;
        margin: 20px;
	}

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "\e072"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }
    .pwd {
    margin-top: 	10px;
    margin-left:	auto;
    margin-right:	auto;
    width:		50%;			
    }
   
/* FIN ACORDION --------------------------------*/

.echantillonColor
{
	border:		1px solid gray;
	margin: 	0px;
	width:		20px;
	height:		20px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px 10px 10px 10px;

}
.saisieColor
{
	border:		1px solid gray;
	margin: 	0px;
	width:		145px;
	height:		25px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px 10px 10px 10px;
	padding-left: 	48px;
}

#refUser_div
{
	position: 	fixed;
	right:		0px;
	width:		100%;
	height:		100%;
	top:		0px;
	
	background-color:	rgba(0,0,0,0.4);
		
	z-index:	6000;
}
#ReferenceUser
{
	margin: 	0px;
	padding: 	0px;
	top:		20%;
	
	background-color:	white;
	
	-webkit-box-shadow: 5px 5px 4px  #2d4a5c;
	-moz-box-shadow:    5px 5px 4px  #2d4a5c;
	box-shadow:         5px 5px 4px  #2d4a5c;
	
	
	transition:  top .3s ;
	-webkit-transition: top .3s;
	-moz-transition: top .3s;
	-o-transition: top .3s;
}

#PostIt
{
	position:	fixed;
	right:		5vw;
	top:		12vh;
	width:		20vw;
	
	
	
}

