/*
bleu pale :  #ecf3f6
bleu foncé-moyen : #5f88b7
bleu trash : #063979



#94c339
*/
*{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html, body {
	height: 100%;
	width: 100%;
	overflow: hidden;
	background:repeat-x #FFFBDE;
	margin:0;
	padding:0;
	font-size:13px;
	background-attachment: fixed;
}

p
{
	padding: 5px 15px 0px 15px;/*top right bottom left*/
}


h1,h2,h3,h4,h5,h6
{
	color:#7d8c9c;
	text-align:center;
	margin: 0px 0px 0px 0px;
}

h3
{
	color: #D67518;
	height: 36px;
	line-height: 31px;
	text-indent: 34px;
}

h4
{
	color:#D67518;
	height:25px;
	margin-top:10px;
}

h5
{
	margin: 0px 0px 5px 0px;
}
h6
{
	text-align:center;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:black;
}

hr
{
	color:#7d8c9c;
}
/********************************************************************/
/********************************************************************/
/********************************************************************/

.bouttonChangeCarto {
	background-color:gray;
	border:1px solid Black;
	color:white;
	font-size:10px;
	height:17px;
	position:absolute;
	right:215px;
	top:7px;
	width:81px;
	z-index:9;
}

#LoadApp{		
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:white;
	z-index:30;
	padding-top:150px;
}

#Load{
    background: none repeat scroll 0 0 #FFFBDE;
    border: 3px double #97C03E;
    height: 300px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    width: 300px;
}


#Load_Text{
    color: orange;
    font-size: 23px;
    font-weight: bold;
    height: 32px;
	  text-align: center;
	  padding-top:50px;
}

#Load_Chargement{
	background-image: url("images/Chargement.gif");
	background-repeat: repeat-x;
	height: 50px;
	margin-left: 25%;
	width: 120px;
	  margin-left: 30%;
}

#Load_Icon{
	background-image: url("images/Chargement_SymbolHydrant .png");
    background-repeat: no-repeat;
    height: 125px;
    margin-left: 35%;
    position: relative;
    width: 142px;

}
/********************************************************************/
/********************************************************************/
/********************************************************************/

#header{
	position:absolute;
	top:0;
	left:0px;
	width:100%;/*869px;*/
	/*height:77px;/*!!*/
		height:77px;/*!!*/
	 background-color: #FFFBDE;
	 /*
	background:url(images/header.jpg);
	*/
	z-index:1;
	
}

#HeaderPanel_LogoPh{
    background: url("images/LogoPh.png") no-repeat scroll center center transparent;
    float: left;
    height: 59px;
    left: 2%;
    position: absolute;
    width: 226px;
}

#HeaderPanel_LogoSdis{
	padding-left:30px;
	width:226px;
	height:35px;
	background:url(images/LoginLogoHeader.png);
	float:left;
	background-repeat:no-repeat;
}

#Profils{
	/*background-image:url(icon/User_Profils.png);*/
	background-repeat:no-repeat;
	height:15px;
	padding-top:12px;
	position:absolute;
	right:4%;
	top:29px;
	width:250px;
}
#Profils h5{
color : #D67518;
text-align:left;
font-weight:bold;
}

 #Profils #ChangePassword{
	background-image:url(icon/User_ModifierMDP.png);
	width:16px;
	height:16px;
	position:absolute;
	top:8px;
	right:20px;
}




#Profils #Deconnexion {	
	background-image:url(icon/User_Quitter.png);
	width:16px;
	height:16px;
	position:absolute;
	top:8px;
	right:0px;
}

/********************************************************************/
/********************************************************************/
/********************************************************************/
#menu
{
	width: 96%;
	left: 2%;
	top: 35px;
	position: relative;
	z-index:3;
}

#menu ul
{
	margin-left:250px;
	margin-bottom:0px;
	margin-right:0px;
	margin-top:0px;
	list-style:none;
	padding:0;	
	float:left;
    font-size:93%;
    line-height:normal;   
	/*z-index:12;*/
}

#menu ul li
{
	height:24px;
	float:left;
}

#menu ul li a
{
	display:block;
	background-image:url(images/tabUNSELECT.gif);
	margin:0;
	height:24px;
	width:121px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:normal;
}

#menu ul li a:hover
{
	background-image:url(images/tabSELECT.gif) ;
	color:#d67518; /*police couleur bleut�*/
	height: 26px;
		font-weight:bold;
}

#menu ul li a span
{
	position:relative;
	top:3px;
	height:27px;
	line-height:normal;
}

#menu a.current
{
	background-color: #FFFFFF;
	background-image: url("images/tabSELECT.gif");
	background-repeat: no-repeat;
	color: #D67518;
	height: 26px;


	/*
	background-image:url(images/tabSELECT.gif) ;
	color:#d67518; /*police couleur bleut�*/
}

#sousmenu
{
	position:relative;
	margin-top:10px;
	margin-left:50px;
	margin-right:50px;	
	text-align:center;
	top:12px;
	margin-bottom:10px;
	margin:0 auto;
	padding:10px;
	width:70%;
	border:1px solid #7e8d9d;
}

.menutable
{
	background-image: url(images/table.gif);
	background-position-x:left;
	background-position-y:center;
	background-repeat:no-repeat;
	position:relative;
	padding-left:22px;
	margin-right:20px;
	width:70px;
	color:#7d8c9c;	
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
}

.menutable a.current
{
	color:#494e5b;
	text-decoration:underline;
}


	.submenucontainer
	{
		border-bottom:1px dotted #CEBA90;
		height:33px;
	}
/*
	.submenu, .submenuselected
	{
		display:block;
		width:110px;
		border:1px solid #61594b;
		border-bottom:2px solid #61594b;
		background:#A0A5A4;
		color:#000;
		text-align:center;
		float:left;
		padding:4px;
		text-decoration:none;
		margin:4px;
		font-weight:bold;
		color:white;
	}
	
	.submend:hover, .submenuselected
	{
		
		border:1px solid darkBlue;
		border-bottom:2px solid darkBlue;
	}
	
	.submenuselected
	{
		color:darkBlue;
	}
	*/
	
	.submenu, .submenuselected
	{
		background-color: #FFFFFF;
		border: 3px double #97C03E;
		color: #D67518;
		float: left;
		font-size: 10px;
		font-weight: bold;
		height: 16px;
		margin-left: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		text-align: right;
	}
	
	.submend:hover,.submenu:hover, .submenuselected
	{
		background-color: #D67518;
		border: 3px double #97C03E;
		color: #FFFFFF;
	}
	
	
/********************************************************************/
/********************************************************************/
/********************************************************************/

#ContentG {

	/*border:2px solid #9C9C9C;*/
}

#main {
	height: 97%;
	width: 96%;
	left: 2%;
	top: 35px;
	position: relative;
	z-index:2;
	 background-color: white;
	border: 2px solid #94c339;
	-moz-border-radius-topright:20px;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	border-top-left-radius:20px;
	border-top-left-right:20px;	
}

#innermain
{
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	position: relative;
}

#ContentPane
{
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 5px 0 0;
	-moz-border-radius-topright:20px;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	border-top-left-radius:20px;
	border-top-right-right:20px;	
	/*
		padding: 10px 0 0;
	-moz-border-radius-topright:20px;
	-moz-border-radius-topleft:20px;	
	*/
}

.CoinArrondie
{
    height: 28px;
    margin-top: -6px;
    position: absolute;
	z-index: 99;
}

.Droit
{
/*
    background: url("Menu/RondHautDroit.png") no-repeat scroll right bottom white;
    right: 0;
    width: 30px;
	*/

	/*
	
	    background: url("Menu/RondHautDroit2.png") no-repeat scroll right bottom white;
   /* margin-right: 17px;*/
    right: 0;
    top: 60px;
    width: 48px;
	height: 34px;
	    position: fixed;

}
.Gauche
{
/*
	background: url("Menu/RondHautGauche.png") no-repeat scroll left bottom white;
    left: 0;
    margin-left: -7px;
    width: 34px;
	*/
}



/*
margin:  margin-top | margin-right | margin-bottom | margin-left

*/
.info
{
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;	
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-right:10px;
  
	background:#F3F6F7;
	border:groove 1px #7a849a;
	padding: 5px 15px 5px 15px;
	/*margin: 5px 15px 0px 10px;*/
	margin:5px 0 0 0;
	position:relative;
	text-align:center;
	
}
#container
{
	background:#FFFFFF;
	height:97%;
	/*margin: 7px 20px 0px 26px;*/
	margin: 7px 10px 0px 10px;
	
}
#container #content
{
	border:groove 1px #7a849a;
	margin-top: 10px;
	padding: 0 10px 0 0;
	width:99%;
	height :97%;		
}


#hydrantgrid
{
	width:100%;
	height:100%;
	overflow:auto;
	clear:both;
}

#disArea
{		
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:black;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	z-index:4;
}

#disAreaInvisible
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:black;
	opacity: 0.05;
	filter: alpha(opacity = 5);
	z-index:3;
}

#infoGPS
{
	top:5px;
	color:#7d8c9c;
	text-align:center;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:black;
	font-size:13px;
	font-weight:normal;
}

.popupInfGMap
{
	width:100%;
	height:6%;
	background-color:#f2efe9;
	text-align:center;	
}

.popupInfGMapReleve
{
	width:100%;
	height:8%;
	background-color:#f2efe9;
	text-align:center;	
	padding-top:0px;
}




.disAreaClass
{		
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:black;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	z-index:3;
}

.disAreaAlertClass
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:black;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	z-index:5
}




.createnewelement
{
	cursor:hand;
	cursor:pointer;
	text-decoration: underline;
	height:20px;
	color:#7d8c9c;	
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.gridedit
{
	position:relative;
	top : 15px;
	border:groove 1px #7a849a;/*7e8d9d;*/
	/*overflow:auto;*/
}

.boutton
{
	height:25px;
	color:#666662;	

	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	background-color:#d2d6db;
	padding-right:10px;
	padding-left:10px;
	margin: 10px;
	border-style:double;
	border-color:#7a849a;/*7d8c9c;*/
	border-width:3px;
	margin : 0 auto;
	margin-top:3px;
	margin-bottom:3px;
}


.popup
{
	background-color:#e7eaee;/*#f2efe9;/* #f1f0db;/*#ffffe1;*/
	
	border:1px solid black;
	width:650px;
	/*height:390px;*/
	top:150px;
	left:50%;
	margin-left:-325px;
	position:absolute;
	z-index:4;
}

.controlPopup
{
	margin : 5px;
}

.lienPopup
{
	text-decoration:underline;
	cursor:hand;
	cursor:pointer;
	text-align:center;
}

.titreLien
{	
	float:left;
	position:relative;
	/*margin:10px;*/
	background-image: url(images/init4.gif);
	background-position-y:center;
	background-position-x:center;		
	background-repeat:no-repeat;
	cursor:hand;
	cursor:pointer;
	display:block;
	top:1px;
	width:42px;
	height:40px;
}

.tabComposentCommune
{
	border-right:1px solid #7a849a;/*7d8c9c;*/
	border-bottom:1px solid #7a849a;/*7d8c9c;*/
}

.tabComposentCommune td
{
	border-left:1px solid #7a849a;/*7d8c9c;*/
	border-top:1px solid #7a849a;/*7d8c9c;*/
}

.popupCarto
{
	background-color:#e7eaee;/*#f2efe9;/* #f1f0db;/*#ffffe1;*/
	border:1px solid black;
	width:90%;
	height:90%;
	left:5%;
	top:5%;
	position:absolute;
	z-index:4;
	
}



.NavigationText
{
	position:relative;
	top:0px;
	display:inline;
	
	cursor:hand;
	cursor:pointer;
	width:50px;
	text-decoration: underline;
	height:15px;
	color:#7d8c9c;	
}

.NavigationTextSeparator
{
	position:relative;
	top:0px;
	display:inline;
	
	height:15px;
	color:#7d8c9c;	
}

.NavigationTextInfo
{
	position:relative;
	top:1px;
	display:inline;
	width:50px;
	text-decoration:none;
	font-weight:bold;
	height:15px;
	color:#7d8c9c;	
}

.divInfoCollecteur
{
	background-image:url(images/user.gif);
	background-repeat:no-repeat;
	color:#7D8C9C;
	cursor:pointer;
	float:left;
	font-size:11px;
	font-style:italic;
	text-decoration:underline;
	width:120px;
}


.tabNavigation
{
	position:relative;
	top:5px;
	padding:0px;
	margin:0px;
	width:100%;	
}

.bouttonGmap
{
	z-index:2;
	position:absolute;
	right:299px;
	top:7px;
	background-image:url(images/getHydrantsPassif.gif);
	width:110px;
	height:19px;
	 cursor: pointer;
		
}

.textbouttonGmap
{
	position:relative;
	top:1px;
	width:110px;
	height:19px;
	left:8px;
	font-stretch:condensed;
	
	color: black;
	font-size: 9px;
}

.printReleveButton
{
	background-image:url(images/printer.gif);
	background-repeat:no-repeat;
	background-position-x:left;
	width:100px;
	cursor:hand;
	cursor:pointer;
	text-decoration: underline;
	height:15px;
	color:#7d8c9c;	
	margin-right:15px;
	position:relative;
}


.printReleveButtonSelectionnerTous
{
	height:15px;
	color:#7d8c9c;	
	display:inline;
}



.iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}



/********************************************************************/
/********************************************************************/
/********************************************************************/

.baseIconAction_16,.baseIconAction {
	background-repeat:no-repeat;
	cursor:pointer;
	position:relative;
	text-decoration:underline;
	margin-right:10px;
	margin-left:10px;
	font-weight:bold;
	float:left;
}

.baseIconAction_16 {
	color:#FFFFFF;
	height:16px;
	width:auto;
	font-weight:bold;
	padding-left:20px;
}

.baseIconAction {
	color:#7D8C9C;
	height:32px;
	width:100px;
}

.baseIconAction  span{
	color:red;
	margin-top:10px;
	position:absolute;
	margin-left:-10px;
}

.createnewelement2
{
	background:#879BB0 url(Menu/dolphin_bg.gif) repeat scroll 0 0;
	height:22px;
	font-weight:bold;
	color:#FFFFFF;
}


.BIA_Print {
	background-image:url(icon/Print.png);	
}

.BIA_Excel{
	background-image:url(icon/Excel.png);
}

.BIA_Add{
	background-image:url(icon/edit_add.png);
}

.BIA_Reload{
	background-image:url(icon/Reload.png);
}

.BIA_Print_16 {
	background-image:url(icon/Print_16.png);
}

.BIA_Excel_16 {
	background-image:url(icon/excel_16.png);
}

.BIA_Add_16 {
	background-image:url(icon/Add_16.png);
}

.BIA_Reload_16 {
	background-image:url(icon/Reload_16.png);
}