BODY { font-size:10pt; background-color: #ffffff; color: #000000;	margin: 0px 0px 50px 0px; font-family: arial, helvetica, sans-serif;  }
a:link, a:visited, a:active { color: #000; text-decoration:none; }
a:hover { color: #f60; text-decoration:none; }
a.username:link, a.username:visited, a.username:active { color: #f60; text-decoration:none; }
a.username:hover { color: #000; text-decoration:none; }

a.username_inl:link, a.username_inl:visited, a.username_inl:active { color: #f60; text-decoration:none; }
a.username_inl:hover { color: #000; text-decoration:none; }

.username { display:block; color: #ff6600; font-weight:bold;} 
.username_inl { color: #ff6600; font-weight:bold;} 

TD { font-size:10pt; }

table { border-collapse: collapse; }
.tableStyle { border-collapse: collapse; border:1px solid #CCCCCC; border-right-color:#9A9A9A;border-bottom-color:#9A9A9A;}
.tableStyle-cell { border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC; }
.tableStyle-cell-unreadMsg { border-bottom:1px solid #CCCCCC;border-left:1px solid #FFEAAD; }
.tableStyle-cell-unreadMsg:hover { border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC; background-color:#FFDA9D; cursor: pointer;}

P { margin-top:0px; margin-bottom:0px; margin-left:5px; font-size:10pt; color:#000000; }
P.table { margin-top:0px; margin-bottom:0px; margin-left:0px; font-size:10pt; color:#000000; }
HR { height:1px; color: #dddddd; margin-top:0px; line-height:2px; margin-bottom:0px; padding:0px; } 

/* orange text formatting */
td, th, div, p, span { font-family: arial, helvetica, sans-serif; }
h1, h2 { margin: 0px; font: normal 18px arial, helvetica,  sans-serif; color: #999; }
.white { color: #fff; }
.orange { color: #f60; }
.vlightgrey { color: #e9e9e9; }
.lightgrey { color: #ccc; }
.midgrey { color: #999; }
.darkgrey {color: #666; }
/* end orange text formatting */
.p-title { color:#000; font: bold 10pt arial, helvetica,  sans-serif; }
.p-title-orange { color:#f60; font: bold 10pt arial, helvetica,  sans-serif; }
.bracket { color:#f60; font: normal 12px arial, helvetica,  sans-serif; padding:4px; padding-right:5px;}

a.button-title:link, a.button-title:visited, a.button-title:active { color:#000; font: bold 10pt arial, helvetica,  sans-serif; }
a.button-title:hover { color:#f60; font: bold 10pt arial, helvetica,  sans-serif; }
a.p-title-orange, a.p-title-orange:visited, a.p-title-orange:active  { color:#f60; font: bold 10pt arial, helvetica,  sans-serif; }
a.p-title-orange:hover  { color:#000; font: bold 10pt arial, helvetica,  sans-serif; }


/* form elements */
form { margin-left: 5px; }
.input_text { margin:0px; padding-left:4px; border:1px solid #aaaaaa; color: #000000; font: normal 12px arial, helvetica,  sans-serif; }
.color_text { width:20px; height:20px; margin:0px; padding-left:4px; border:1px solid #aaaaaa; color: #000000; font: normal 12px arial, helvetica,  sans-serif; }
SELECT { color: #000000; font: normal 12px arial, helvetica,sans-serif; }
.selectSmall { color: #000000; font: normal 10px arial, helvetica,sans-serif; }
.selectSmallSmall { font: normal 8px arial, helvetica,sans-serif; }

/* end form elements */

.nav-frame { background-color: #fff; height:78px; }
.nav-bar { 
	background-color: #f60;
	color: #ffffff;
	font: normal 12px arial, helvetica,  sans-serif;
	text-align: center;
}
.nav-bar a:link, 
.nav-bar a:visited,
.nav-bar a:hover,
.nav-bar a:active { color: #fff; text-decoration: none; }

.nav-bar-pseudo {
	float:left;
	font-weight:bold;
	font-size: 12px;
}
.nav-bar-pseudo a:link { color: #fff; text-decoration: none; }
.nav-bar-pseudo a:visited { color: #fff; text-decoration: none; }
.nav-bar-pseudo a:hover { color: #fff; text-decoration: none; }
.nav-bar-pseudo a:active { color: #fff; text-decoration: none; }

.orange-bar a:link, 
.orange-bar a:visited,
.orange-bar a:hover,
.orange-bar a:active { color: #fff; text-decoration: none; }

.side-box-title { color: #ff6600; font-size: 12px; text-align:left; font-family: arial, helvetica,  sans-serif; } 
.side-content-box { border:1px solid #CCCCCC; border-top-width:0px; padding:8px; padding-top:3px; padding-bottom:7px; text-align:left; }
.side-table { margin-bottom:10px; width:100%; border:0px; }

.center-tab-label { color: #f60; font-size: 10pt; font-weight:normal; border-left:1px solid #c2c2c2; border-top:1px solid #c2c2c2; padding-left:5px; padding-top:1px; width:220px; }
.center-content-box { font-size:10pt; border:1px solid #CCCCCC; padding:8px; padding-bottom:0px; text-align:left; }
.center-content-table { margin-bottom:10px; }

.highlight-table { margin-bottom:8px; width:100%; border:0px; }
.side-col { padding:10px; width:160px; background-color: #fff; }
.center-col { padding-top:10px; }
.center-col-nort { padding-top:10px; padding-right:10px; }
.center-col-nolt { padding-top:10px; padding-left:10px; }
.sub-text-box { padding-left:10px; }

.button   { cursor:pointer; text-transform:uppercase; text-decoration:none; padding:1px;padding-left:3px;padding-right:3px; margin-top:5px;margin-bottom:0px;
border-style : outset;border-width:1px; background-color:#f60; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.button-grey   { display:block; padding:4px; margin-left:5px; cursor:pointer;  text-decoration:none;
 background-color:#dddddd; border:1px solid #aaaaaa; color: #666666; font: normal 10pt arial, helvetica,  sans-serif }

#sb-list { margin: 0; padding-left:0; list-style: none; }
#sb-list li { padding:0px; padding-left: 12px; background-image: url('http://www.orangeblog.fr/web/img/arrowrt.gif'); background-repeat: no-repeat; background-position: 0 .45em; font-size:10pt; color: #000000 }
#sb-list ul { list-style: none; }
#sb-list a { color:#000000 }
#sb-list a:hover { color:#ff6600 }

.black { margin: 0; padding-left:0; list-style: none; }
.black li { color:#000000; padding:0px; padding-left: 12px; background-image: url('http://www.orangeblog.fr/web/img/arrowrt.gif'); background-repeat: no-repeat; background-position: 0 .45em; }
.black ul { list-style: none; }

#colorPickerDiv { border:1px solid #aaaaaa; padding:2px; background-color:#ffffff; }


.btn_ok {
	border: 0px;
	background-color: #F4F4F4;
	background: url('http://www.orangeblog.fr/web/img/btn_ok.gif');
	width: 43px;
	height: 21px;
	vertical-align: middle;

}

#rech {
  background-color: #F4F4F4;
}


/* validator styles */
input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #ff6600;
	}
label.errHilite {
	color: #C00;
	}

/* calendar styles */
/* end calendar styles */

/* pop-up image style */
#pop-handle {
    position: absolute;
    top:50px;
    left:50px;
    z-index : 50;
    border: 1px solid #cdcdcd;
    background-color: #eeeeee;
    display: none;
    text-align: right;
}


#pop-handle:hover {
    position: absolute;
    top:50px;
    left:50px;
    z-index : 50;
    border: 1px solid #cdcdcd;
    background-color: #ffffff;
    display: none;
    text-align: right;
}

#pop-close {
    cursor:pointer;
    border: 2px solid #eeeeee;
}

#pop-close:hover {
    cursor:pointer;
    border: 2px solid #ffffff;
}

#pop-image {
    border: 1px solid #ffffff;
    z-index : 50;
}
#columnLeft {
  width: 165px;
  float: left;
  padding:10px 10px 0px 5px;
}

#columnMain {
  width: 630px;
  float: left;
  padding:10px 10px 0px 0px;
}

#columnRight {
  width: 165px;
  float: left;
  padding:5px 0px 0px 5px;
}

#columnBigMain {
  width: 815px;
  float: left;
  padding:10px 10px 0 10px;
}