*{
	/* On a production site, use a real reset instead of this! */
	margin:0;
	padding:0;  
}            
html{
		margin:0;    
		height:100%;  
}    
body{
  background:#eeeeee !important;   
	font-family:"Lucida Grande", Arial;
	font-size:12px !important;
	line-height:21px !important;
	color:#555 !important; 
  height:100% !important; 
  min-height:100% !important;   
      
} 

section{

}

#content{
	margin:auto auto;
/*  padding-top:10px;*/

}
.green{color:#1E9C28;}
.grey{color:#AAAAAA;}
.red{color:#FF0000;}

body.loading {
    overflow: hidden;   
}

/*loading modal*/ 
body.loading .loadingModal {
    display: block;
}
.loadingModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 225, 234, 237, .8 ) 
                url('../images/gears.gif') 
                50% 50% 
                no-repeat;
}
   
a {
 text-decoration:none;
  color: inherit;    
}
/*
p{
	margin:15px 0;
} 
*/             


/**************************** header */

  
/*
header #logo span{
  float:left;
  margin-top:105px;
  margin-left:230px;
	display:block;
  font-style:italic;
  font-size:30px;	
}
*/ 
#alertHeader{
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  height:40px;
  vertical-align:middle;
  padding-left:10px;
  padding-right:10px;  
  background:#FFD86E;
  color:#FFFFFF;
  font-weight:bold;  
}
#clientHeader{


  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  height:40px; 
  vertical-align:middle;
  padding-left:10px;
  background:#1f373f;
  color:#FFFFFF;
  font-weight:bold;  
}


.no-padding{padding: 0px 0px !important;}

/*
#clientHeader{
  position:absolute;
  right:0px;
  margin-right:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  height:40px;
  width:350px;
  background:#D7DDE0;   
  vertical-align:middle;
  padding-left:10px;
  background:#1f373f !important;
  color:#FFFFFF;
  font-weight:bold;  
}
*/
#clientHeader.connected{
  line-height:40px;   
  vertical-align:middle;
}
#clientHeader.notConnected{
  line-height:20px;
}
#clientHeader .passwordForgotten{
  height:5px;
  font-weight:normal !important;
  font-style:italic;
  font-size:10px;           
}
.icons{  
  top:0px;
  position:absolute;
  right:10px;
  padding-top:3px;
  padding-right:5px;  
}
.icons a{
  padding-right:5px;  
}


/******************** */
#container{
  max-width:1200px; 
  width:100%;   
  background-color:#FFFFFF;
  min-height:98%; 

 
  position: relative; 
  margin: 5px auto; 
/*  padding-bottom:60px;*/
} 
/*
#container{
  background-color:#FFFFFF;
  min-height:98%;  
  width:1200px;
  position: relative; 
  margin: 5px auto; 
  padding-bottom:60px;
} 
*/ 

.icons{
  padding-top:3px;
  padding-right:5px;  
}
.icons a{
  padding-right:5px;  
} 



h1.content-title, div.content-title{
  vertical-align:middle;
  font-size:20px;
  height:50px;
  line-height:50px;
  border-bottom:5px solid #1f373f; 
  background: #1f373f;
  border-top:1px solid #FFFFFF;
  border-top-right-radius:10px;
  color:#FFFFFF;
  border-bottom:5px solid #000000;
}
/*
h1.content-title{
  vertical-align:middle;
  font-size:20px;
  background:#FF9900;
  height:40px;
  line-height:40px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;  
  border:1px solid #FF0000;
}
*/
footer{
  clear:both;
	text-align:center;
	width:100%;
	display:block;    
	font-size:11px;
}  

#emailInput{
  display:none;
}
/***********************************************************************    CONNEXION **/
#connexion{
    width: 80%;
    margin: 0 auto;  
}
#login{
    width: 50%;
    margin: 0 auto;  
}



.input-mini {
  height: 14px !important;
  padding: 5px 10px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  border-radius: 3px !important;
}

#invoice-action img{
  width:32px;
}


img.sepia{
  -webkit-filter: sepia(100%); /* Chrome, Safari, Opera */
  filter: blur(100%);  
}

button.sepia{
  background-color:rgba(112,66,20,0.6) !important;
  border-color:#704214 !important;      
}
                                                                                                                                                 