@CHARSET "ISO-8859-1";

/*-----------------------------------------------------------*/
/*            Balises generaux                               */
/*-----------------------------------------------------------*/
body { text-align:center; padding:0; margin:0; }

h1 { font-family:verdana; font-size:14px; font-weight:bold; padding:10px 0px; }
div {margin:0;padding:0;}

p { font-size:12px; font-family:arial; color:#000000; font-weight:normal;  }


.right { float:right; width:auto;}
.left  { float:left; width:auto; }

.obj-hide { display:none; }

/*-----------------------------------------------------------*/
/*            Construction du squelette du site              */
/*-----------------------------------------------------------*/
#site { margin: 0 auto; width:900px;padding: 0 0 0 0; text-align:left; }
	#site #body { width:900px; float:left; padding: 30px 0; text-align:left; }
	
	#site #header {  position:relative;float:left; width:900px; height:105px; text-align:left;padding-top:0;background:url(images/head_admin.jpg) top left no-repeat; }
	#site #header #desc-logo {position:absolute; top:80px; left:160px; z-index:100; }
	#site #header #desc-logo ul,#site #header #desc-logo ul li  { margin:0; padding:0; float:left; }
	#site #header #desc-logo ul li  { padding-left:10px; margin-left:5px; font-size:11px; font-family:arial; color:#003C6E; font-weight:bold; background:url(images/bg-desc-logo.gif) center left no-repeat;   }
	#site #header #desc-logo ul li.first { background-image:none; }
	#site #header #menu {float:left; border:none;}
	#site #header #header-menu-droite {float:right; padding:107px 0 3px 0;}
	#site #header #header-menu-droite #welcome {float:left;display:block;width:auto;}
	#site #header #header-menu-droite #welcome span { font-size:12px; font-family:arial; color:#1F9F09; }
	#site #header #header-menu-droite #welcome a { font-weight:bold;text-decoration:underline;font-size:11px; font-family:verdana; color:#0061DF;padding:0;margin:0; }
	#site #header #header-menu-droite  ul { margin:0;padding:0px 10px;float:left; }
	#site #header #header-menu-droite  ul li { float:left; padding:0 10px 0 10px; margin:0; list-style:none; background:url(images/header-mnu-droite-bg.gif) 100% 70%  no-repeat;  }
	#site #header #header-menu-droite  ul li a { text-decoration:none; font-size:12px; padding:0; margin:0; font-family:arial; font-weight:bold; color:#0061DF;   }
	#site #header #header-menu-droite  ul li a:hover {text-decoration:underline;}
	
	#box-login { 
					background: #cfddf0; 
					width:400px;  
					border-top: 2px solid #8db2e3;
					border-bottom: 2px solid #8db2e3;
					border-left: 1px solid #8db2e3;
					border-right: 1px solid #8db2e3;
					margin: 0 250px 0 250px;;
					padding:10px 0;
					text-align:center;
				}
				
				#box-login p { font-size:12px; font-family:arial; font-weight:normal; color:#00377F; padding:10px 10px; }
				#box-login span { font-size:13px; font-family:arial; font-weight:bold; color:#00377F;  }
				#msg-error { display:block; padding:5px 0; background:none; padding-left:20px;  color:#DF005D; margin:0; font-family:arial; font-size:12px; font-weight:bold;  }
				#msg-error .text {background: url(images/error.png) top left no-repeat; }
				
     #box-profil { padding:10px 0;  font-size:12px; font-family:arial; font-weight:normal; color:#00377F;  }
				#box-profil p { font-size:12px; font-family:arial; font-weight:normal; color:#00377F; padding:0 10px; }
				#box-profil span  { font-size:13px; font-family:arial; font-weight:bold; color:#00377F;  }
				
	.ctToolbar { background:none; padding:107px 0 3px 0; }
	.ctToolbarHover:hover { color:red;background:none; }
	
	.toolbar-loading { background:url(images/loading.gif) no-repeat; border:0; width:12px;height:12px; padding:0;margin:0; display:inline; }
	
	#site #footer {  width:900px; text-align:center; padding-top:5px;  float:left; height:90px; background:url(images/foot_admin.jpg) no-repeat; }
	#site #footer span { font-weight:normal; font-size:10px; font-family:verdana; color:#333333; }
	
/*-----------------------------------------------------------*/
/*            Style pour le menu des droits                   */
/*-----------------------------------------------------------*/
	.btnIconUsagers		 	{ text-align:left; background:url(images/usagers.gif) center left no-repeat; }
	.btnIconApprobation 	{ text-align:left; background:url(images/approbation.gif) center left no-repeat; }
	.btnIconRapports 		{ text-align:left; background:url(images/rapports.gif) center left no-repeat; }
	
/*-----------------------------------------------------------*/
/*            Style pour la feuille de temps                 */
/*-----------------------------------------------------------*/
	.panel-loading { height:20px;padding-top:30px; padding-left:60px; background:url(images/panel-loading.gif) top left no-repeat;  }
	.panel-loading span { font-size:12px; font-weight:normal; font-family:arial; color:#999999; }
	.btnAddActivite  { background-image: url(images/add.gif) !important; }
	.btnDeleteActivite  { background-image: url(images/delete.gif) !important; }
	
	/**   Icon pour les menus right click sur cellule   **/
	.menuDeleteActivite  { background-image: url(images/delete.gif)  !important; }
	.menuAssistantActivite  { background-image: url(images/aide.gif)  !important; }
	.menuInsertTempsActivite  { background-image: url(images/temps.gif)  !important; }
	
	/**  Icon pour le menu CopierColler **/
	.menuCopierCollerActivite  { background-image: url(images/copiercoller.gif)  !important; }
	.menuCopierActivite { background-image: url(images/copy.gif)  !important; }
	.menuCollerActivite  { background-image: url(images/paste.gif)  !important; }
	
	.btnConsulterArchive  { background-image: url(images/zoom.gif)  !important; }
	
	.btnFeuilleTermine  { background-image: url(images/success.gif)  !important; }
	
	#toolbar-header, #toolbar-header {
			width:900px;
			height:20px;
			margin:0 0 10px 0;
	}
	#toolbar-footer {  margin-top:20px; }
	#toolbar-header .elements, #toolbar-footer .elements { float:right;height:20px; }
	
	#toolbar-footer .right { float:left;}
	
	#toolbar-footer .right span  { font-size:12px; font-weight:normal; color:black;font-family:verdana; }
	
	#cboSelectYear, #cboSelectWeek, #btnArchive { float:left; margin-right:10px; }
	

	.layout-footer { float:left; width:100%; background:#000000; }
	.layout-footer .right { float:right;width:auto; }
	
	 /* Bug pour l'affichage des éléments pour ExtJs dans un window */
	.x-combo-list-item, .x-combo-list-inner, .x-window-tl, .x-panel-body, .x-menu-list {text-align:left;}

    #grid {text-align:left;}
    
    body.grid {text-align:left;}
    
    .weekRange {  font-size:12px; font-weight:normal; color:black;font-family:verdana;  }
    a.week-interval {  text-decoration:none; color:#0061DF;  font-size:12px; font-weight:bold;font-family:verdana;  }
    a.week-interval:hover  { text-decoration:underline;}
    
    
/*-----------------------------------------------------------*/
/*            Style pour la feuille  des dépenses            */
/*-----------------------------------------------------------*/
      #container-depenses { text-align:left; }
      
      #container-depenses  div {  }
      
      #container-depenses .footer {  }
      #container-depenses .footer .right { width:auto; float:right; }
      
      
	.ft_operation-success { padding-left:30px; background:url(images/success.gif) left center no-repeat; color:green;  font-weight:bold; }
	.ft_operation-error {  padding-left:30px;background:url(images/error.gif) left center no-repeat; color:red;  font-size:12px; font-family:arial;  font-weight:bold;}
	.ft_operation-loading {  padding-left:30px;background:url(images/ajax-loader.gif) left center no-repeat;  font-weight:bold;}
	.ft_operation {  padding-left:30px; font-weight:bold;}
	
/*-----------------------------------------------------------*/
/*            Style pour les styles du module usagers        */
/*-----------------------------------------------------------*/
	.icon-administrateur { background-image:url(images/modules/usagers/administrateur.gif)  !important; }
	.icon-approbateur { background-image:url(images/modules/usagers/approbateur.gif)  !important; }
	.icon-employe { background-image:url(images/modules/usagers/employe.gif) !important; }
	.icon-employe-inactif { background-image:url(images/disabled.gif) !important; }
	
	.app-loading { background-image:url(images/ajax-loader.gif)  !important; }
	.usagers-save-success { background-image:url(images/success.gif) !important; }
	.usagers-save-error { background-image:url(images/error.gif)  !important; }
	.usagers-add { background-image:url(images/user_add.gif)  !important; }
		
	.cbo-icon-administrateur { width:16px;height:16px; display:inline; background:url(images/modules/usagers/administrateur.gif) no-repeat left center !important; }
	.cbo-icon-approbateur {width:16px;height:16px; display:inline; background:url(images/modules/usagers/approbateur.gif) no-repeat !important; }
	.cbo-icon-employe { width:16px;height:16px; display:inline;background:url(images/modules/usagers/employe.gif) no-repeat !important; }
	.cbo-statut-actif { width:16px;height:16px; display:inline;background:url(images/success.gif) no-repeat !important; }
	.cbo-statut-inactif { width:16px;height:16px; display:inline;background:url(images/disabled.gif) no-repeat !important; }
	
#marques-produits	{height:200px;overflow:visible;}
#marques-produits table td {font-size:12px;fotn-family:arial;}
