
/* Data Area */
#dataarea {
margin : 0 0 1px 0;
padding : 0 0 1px 0;
background : #fff;
color : #000;
clear : left;
border-width : 0 1px 1px 1px;
border-style : solid;
border-color : #999;
}

#dataarea input, textarea{
   border: 1px solid #999;
   -moz-border-radius: 4px;
}

/* ONGLETS
-------------------------------------------------------- */
#sjfTabs {
   float: left;
   width: 100%;
   line-height: normal;
   /*background-image: url(dot999.png);*/
   background-repeat: repeat-x;
   background-position: 0 100%;
   font-size: 0.8em;
}

#sjfTabs ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sjfTabs li {
   float: left;
   margin: 0 1px 0 0;  /* space between tabs (was -1) */
	padding: 0 0 0 25px;
	background-repeat: no-repeat;
   background-position: 0 0px;
}

#sjfTabs a {
   float: left;
	display: block;
   background-image: url(img/onglet_right.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
   padding : 10px 10px 5px 3px;
   font-family : Arial,Helvetica,sans-serif;
   font-weight : bold;
   text-decoration : none;
   color : #000;
}
						  
/* Commented Backslash Hack */
#sjfTabs a {float:none;}
				
#sjfTabs li.active, #sjfTabs li.active:hover {
   background-position:0 -110px;
}

#sjfTabs li.active a, #sjfTabs li.active:hover a {
   padding-bottom: 6px;
   /*background-position : 100% 0;*/
   background-position: 100% -110px;
   color : #FFF;
}

#sjfTabs li:hover {
   background-position: 0 -220px;
}

#sjfTabs li:hover a {
   background-position: 100% -220px;
}
 
#menunlsubs     { background-image : url(img/onglet_subscriber.png); }
#menunlletters  { background-image : url(img/onglet_compose.png); }
#menunlschedule { background-color: transparent; background-image : url(img/onglet_archive.png); }
#menunlconfig   { background-image : url(img/onglet_config.png); }	 

#menuNewsletter { background-image : url(img/onglet_newsletter.png); }  
#menuLogout     { background-image : url(img/onglet_logout.png); }

#sjfsubmenu {
   display: block;
   /*position: relative;*/
   clear: left;
   border-bottom: 1px solid #ccc;
   padding: 0.5em 1em;
   /*margin: -16px 0 0 0;  /* IE */
   margin: 0;            /* Firefox */
   background: #7b859c;
   color: #FFF;
}
		 
#sjfsubmenu li {
   display: inline;
   list-style: none;
}

/*******************************************************************************
*******************************************************************************/
.tcontent{
   font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*border: 1px dashed red;*/
	color: #000000;
	font-size: 100%;
	background-color: #ffffff;
	padding: 1em;
}

.title-simple{
   font-weight: bold;
   font-style :italic;
   font-size: 1.5em; 
   color: #666;
   margin-left: 1.7em;
   margin-right: 1.7em;
}

.subsection{
   font-size: 1em; 
   margin: 1em .8em .2em .8em;
   border: 1px solid #7b859c;
}

.subtitle{
   font-weight: bold;
   font-style:italic;
   //font-size: .9em; 
   background: #7b859c;
   color: #FFF;
   padding: 0 0 0 .5em;
}
.subcontent { 
   background-color: #EFEFEF;
}
.subcontent table{ 
   /*width: 100%; /*screws up IE*/
   padding 2px;
}
.subcontent tr{ 
   width: 100%;
}
.subcontent td{ 
   color: #000000;
   font-size: .8em;
   font-weight: bold;
   border: 1px solid #E0E0E0;
   padding: 2px 1em;
}