/* ThemeOfficeMenu Style Sheet */

.ThemeOfficeMenuBlog,.ThemeOfficeSubMenuTable
{
	font-family:	arial, verdana, sans-serif;
	font-size:	11px;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
	height: 25px;
	font-weight:bold;

}


.ThemeOfficeMenu
{
	font-family:	arial, verdana, sans-serif;
	font-size:	11px;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
	height: 25px;
	font-weight:bold;
	background:url('bg_m1.gif');	
	
	
}

.ThemeOfficeSubMenuTable
{
	font-family:	arial, verdana, sans-serif;
	font-size:	11px;
	padding:	0;
	white-space:	nowrap;
	cursor:		default;
	height: 25px;
	font-weight:bold;
	background:url('bg_m2.gif');	
	
	
}

.ThemeOfficeSubMenu
{
	position:	absolute;
	visibility:	hidden;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	border:		0;
	padding:	0;

	overflow:	visible;
	border:		0px solid #8C867B;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
	
}

.ThemeOfficeSubMenuTable
{
	overflow:	visible;
}

.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
	border:		0;
	cursor:		default;
	white-space:	nowrap;
}

.ThemeOfficeMainItem
{
	/*background-color:	#EFEBDE;*/
}

.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
	background-color:	#f1e8e6;
	
}

.ThemeOfficeMenuItem
{
	/*background-color:	#F1F3F5;*/
}

.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
  background-color:#003399;
/*background-image: url(Link_background.gif);*/
color:#FFFFFF;
}


/* horizontal main menu */

.ThemeOfficeMainItem
{
	padding: 4px 1px 4px 1px;
	border: 0;
}

td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
	padding:	0px;
	border-right:	1px solid #FFFFFF;
	border-left:	1px solid #FFFFFF;
}

.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
	background-color:	inherit;
}

/* vertical main menu sub components */

td.ThemeOfficeMainFolderLeft,td.ThemeOfficeMainItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	2px;

	border-top:	1px solid #c24733;
	border-bottom:	1px solid #c24733;
	border-left:	1px solid #c24733;

	background-color:	inherit;
}

td.ThemeOfficeMainFolderText,td.ThemeOfficeMainItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	1px solid #c24733;
	border-bottom:	1px solid #c24733;

	background-color:	inherit;
	white-space:	nowrap;
}

td.ThemeOfficeMainFolderRight,td.ThemeOfficeMainItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #c24733;
	border-bottom:	1px solid #c24733;
	border-right:	1px solid #c24733;

	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	2px;

	white-space:	nowrap;

	border:		0;
	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0;
	background-color:	inherit;
}

tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
}

/* sub menu sub components */

.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	1px;
	padding-right:	3px;

	border-top:	1px solid #c24733;
	border-bottom:	1px solid #c24733;
	border-left:	1px solid #c24733;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	5px;
	padding-right:	5px;

	border-top:	1px solid #c24733;
	border-bottom:	1px solid #c24733;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	0px;
	padding-right:	0px;

	border-top:	1px solid #c24733;
	border-bottom:	1px solid #c24733;
	border-right:	1px solid #c24733;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	2px;
	padding-right:	3px;

	white-space:	nowrap;

	border: 	0px;
	background-color:	#DDE1E6;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	padding-right:	5px;

	border:		0px;
	background-color:	inherit;
}

.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	background-color:	inherit;
	font-size:11px;
}

/* menu splits */

.ThemeOfficeMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C6C3BD;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeOfficeMenuItem img.seq1
{
	display:	inline;
}

.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
	display:	inline;
}

.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
	display:	none;
}


/* inactive settings */
div.inactive td.ThemeOfficeMainItemHover, div.inactive td.ThemeOfficeMainItemActive
{
	border-top: 0px;
	border-right:	1px solid #FFFFFF;
	border-left:	1px solid #FFFFFF;
}

div.inactive .ThemeOfficeMainItem {
	color: #bbb;

}

div.inactive span.ThemeOfficeMainItemText {
	color: #aaa;
}

div.inactive .ThemeOfficeMainItemHover, div.inactive .ThemeOfficeMainItemActive
{
	background-color:	#f1f3f5;
}

/*----------------------------------------------------------------------------------------------------*/
.TdMenuActualite{
text-align:center;

 color:#000066;
font-weight:bold;

border-right:1px solid #CCCCCC;
}

.TdMenuBlog{
text-align:center;
 color:#000066;
font-weight:bold;

border-right:1px solid #CCCCCC;
}

.TdMenuAnnonces{
text-align:center;
color:#000066;
font-weight:bold;

border-right:1px solid #CCCCCC;

}

#main{
 display:block;
}

#header {
	font-size:30px;
	font-weight:bold;
	text-align: right;
	color: #666;
	height:60px;
	background-image: url('logoreg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
    border-bottom: 4px solid #C64934;
	
}

#header div.title {
   display: none;
}

.menubackgr {
    left:50%;
	
	border-bottom: 1px solid #cccccc;
	z-index:99px;
	
	
	
}

.mainmenu  {
	padding:10px;
	padding-right:8px;
	background:#EDEDED;
	border-bottom: 1px solid #A6A6A6;
	border-top: 1px solid #DCDCDC;
	text-align:right;
	font-size: 9pt;
}

.ToolBar{
	padding:5px 1px 1px 1px;
	padding-right:8px;
	background:#EDEDED;
	border-bottom: 1px solid #A6A6A6;
	border-top: 1px solid #DCDCDC;
	height:40px;
	text-align:right;
	display:block;
}

/********************************************************************************************/
.bt_Toolbar {
    top:0px;
	display:inline;
	border: 1px solid #DDD;
	padding: 1px 5px 1px 5px;
	color: #000;
    Width:30px; 
}

.bt_Toolbar:hover{
	border: 2px solid #DDD;
	padding: 1px 10px 1px 10px;
	background-color: #DFE4BA;
    Width:30px; 
}



.dat_picker{
   	position:absolute;
}

/********Login**************/

#break {
	height: 50px;
}

form {
    margin: 0px;
}



.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}
	
.login h1 {
	background: url(../images/login_header.png) no-repeat;
	background-position: left top;
	color: #333;
	margin: 0px;
	height: 50px;
	padding: 15px 4px 0 50px;
 	text-align: left;
	font-size: 1.5em;
}

.login p {
	padding: 0 1em 0 1em;
	}
	
.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}

.login-form {
	text-align: left;
	float: right;
	width: 90%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

	.inputlabel {
		font-weight: bold;
		text-align: left;
		}
	
	.inputbox {
		width: 150px;
		margin: 0 0 1em 0;
		border: 1px solid #cccccc;
		}

.clr {
    clear:both;
    }

.ctr {
	text-align: center;
}

.version {
	font-size: 0.8em;
}

.footer {

}

.message {
	margin-top: 10px; 
	padding: 7px; 
	width: 400px;
	border: 1px solid #B22222;
	background: #F1F3F5;
	color: #B22222;	
	font-weight: bold;
	font-size: 13px;
}

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

.menu_user{
color:#990000;
font-weight: bold;
}

.menu_user2{
color:#FF9900;
font-weight: bold;
}
/*****************************/
div.front_calck2 {
     border:2px solid #003399;
	 background:url(bg_box.jpg) ;
     position:absolute;
    
     height: 500px;
	 
	 left:0%;
     z-index: 1500;
	 font-size:14px;
	 width: expression(document.getElementById('pagecell1').clientWidth );
	 top:1%;	
	 /*top: expression(document.getElementById('pagecell1').clientWidth );*/
}

div.front_calck {
     border:2px solid #003399;
	 background:#FFFFFF ;
     position:absolute;
	 width: 550px;
     height: autO;
	 top:200px;
	 left: 30%;
     z-index: 1500;
	 font-size:1	4px;
	 font-weight:bold;
}

div.back_calck{
     position: absolute;
     top:0%;
     left:0%;
     background-color:#cccccc;
     border:2px solid #999999;
     z-index:10	;    
	 filter:alpha(opacity=80); 
     opacity: 0.55;
	 margin-top:0;
 	 width: 100%;
	 Height:100%; 
     Height: expression(document.getElementById('pagecell1').clientHeight );
	 width: expression(document.getElementById('pagecell1').clientWidth );
}

.FF{
display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;
background-color:#000;
-moz-opacity:.8;
opacity:.8;
filter:alpha(opacity=80);
}

.TopBarLstcomments{
  background:#F7F7F7;
  position:relative;
  top:0px;
  left:0%;
  width:100%;
  height:30px;
  border:1px #333333;
  
}

.BottmBarLstcomments{
  background:#003399;
  position:relative;
  left:0%;
  width:100%;
  height:15px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
}

.div_PanelComment{
position:relative;
 overflow:auto;
 height:92%;
 width:96%;
 left:2%;
 right:2%;
 top:2%;
 background:#FFFFFF;
 border:2px solid #000066;
 border-radius: 10px 10px;
 -moz-border-radius: 8px;
 
 }
 
.div_FormComment{
 height:92%;
 width:100%;
 
 }