/* HTML DE BASE
********************************************************************************/
body
  {
	  margin:0;
		padding:0;
		font-family:"Lucida grande", Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		background:url(../img/menu_bg.png) #F5F3F0 repeat-y;
	}
	
	
#wrapper
  { width:99%; 
	}
	
h2
  {
	  padding:47px 0 0 0;
		margin:0;
		font-size:100%;
		text-align:center;
		font-weight:normal;
		color:#333333;
	}	
		
#blurMessage { color:red;}	
		
/* EN-TETE
********************************************************************************/		
#header
  {
	  background:url(../img/logo.png) no-repeat;
		width:150px;
		height:64px;
	}

	
/* MENU
********************************************************************************/	
#menu
  {
	  width:150px;
		margin-top:60px;
		float:left;
	}
	
#menu ul
  {
	  padding:0;
		margin:0;
		list-style-type:none;
	}	
	
#menu li
  {
	  margin-top:36px;
	}	
	
#menu a
  {
	  display:block;
		width:150px;
		height:29px;
		text-decoration:none;		
	}	
	
#menu a:hover
  {
	  display:block;
		width:150px;
		height:29px;
		background:url(../img/menu_over.png) no-repeat;
	}		
	
#menu a span
  {
		color:#333333;
		display:block;
		margin:0 0 0 4px;
		padding:5px 0 0 30px;
	}	
	
#m-addresses span
  { background:url(../img/m-addresses.png) 2px 4px  no-repeat; }	
	
#m-export span
  { background:url(../img/m-export.png) 3px 6px  no-repeat; }		
	
#m-logout span
  { background:url(../img/m-logout.png) 5px 4px  no-repeat; }		
	
#m-admin span
  { background:url(../img/m-admin.png) 5px 5px  no-repeat; }		
	
#m-backup span
  { background:url(../img/m-backup.png) 5px 5px  no-repeat; }		
	
#addresses #m-addresses a,
#export #m-export a,
#logout #m-logout a,
#backup #m-backup a,
#admin #m-admin a
  {background:url(../img/menu_on.png) no-repeat;}	
	
	
/* TABS
********************************************************************************/	
#tabs
  {
	  height:24px;
		background:url(../img/tab_bg.png) repeat-x;
    margin-bottom:6px;
	
	}
	
#tabs ul
  {
	  padding:0 20px;
		margin:0;
		list-style-type:none;
	}	
	
#tabs li
  {
	  display:inline;
		float:left;
	}	
	
#tabs a
  {
	  display:block;
		width:110px;
		height:24px;
		text-decoration:none;		
		background:url(../img/tab_off.png) no-repeat;
	}	
	
#tabs a:hover
	{
		background:url(../img/tab_over.png) no-repeat;
	}		
	
#tabs a span
  {
		color:#333333;
		display:block;
		margin:0 0 0 4px;
		padding:5px 0 0 0px;
		text-align:center;
		font-size:90%;
		font-weight:normal;
	}	
	
.general #t-general a,
.contacts #t-contacts a,
.infos #t-infos a,
.history #t-history a,
.pdf #t-pdf a,
.user #t-user a,
.translation #t-translation a,
.cat_history #t-cat_history a,
.category #t-category a,
.info #t-info a,
.subcategory #t-subcategory a,
.config #t-config a
	{
		background:url(../img/tab_on.png) no-repeat;
	}		
	
		
	
/* CONTENU
********************************************************************************/	
#content
  {
  
	 
		 margin-left:20px;
	
	}
	
.page tr
  {
    vertical-align:top;
  }		
		
/* FORMULAIRES	
********************************************************************************/		
fieldset 
  {
	  border:1px solid #C3C0BB;
		font-size:90%;
		font-weight:normal;
		color:#C3C0BB;
		width:100%;
		margin-bottom:24px;
		float:left;
	}
	
label
  {
	  font-weight:bold;
		color:#333333;
		display:block;
		width:120px;
		float:left;
	}	
	
input
  {
	  background:#F0F0F0;
	}	
	
/* LISTE */
.list_box
  {
  width:600px;
	border-collapse:collapse;
	margin:0 auto;
  }  
  
.list_box th  
  {
    text-align:left;
	font-weight:bold;
	background-color:#e2e2e2;
	margin:0;
	padding:2px;
  }

.even {background-color:#F2DBE5;}
 
  
.list_box .yes
  {
    color:#003300;
	font-weight:bold;
  }  
  
.list_box .no
  {
    color:#990000;
	font-weight:bold;
  }   
  
	

  
/* FORMULAIRE */

.form_box
  {
    margin:20px auto 0 auto;
  }
  
.form_caption
  {
    font-weight:bold;
	font-size:11px;
	color:#333333;
  }  
  
.form_description
  {
    color:silver;
	font-style:italic;
  }  
  
.form_input
  {
    background:#F0F0F0;
  }  		

.warning
  {
	  border:2px solid black;
		background:#990000;
	  color:white;
		text-align:center;
		font-size:20px;
		padding:10px;
	}
	
.warning a 
  { color:white; }