/** Generic markup **/

td {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt}
body {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; margin: 0; padding:0;}
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold}
caption, h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}
h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold}
a {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none}
/*a {color:blue;}*/
/*a:visited {color:purple;}*/
a:hover   {color:blue;}
SELECT {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal }
TEXTAREA {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal }
th {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
ul {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
INPUT {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal }
select,textarea,input:disabled { color:black; }

/** Specific classes **/
.small {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt}
.just { font-family: Arial, Helvetica, sans-serif; font-size: 9pt;  text-align: justify}
.serv_title {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
.title {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; text-align: center}
.ROOTBRANCH {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #606060}
a.ROOTBRANCH:visited{  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #606060}
a.ROOTBRANCH:hover {color:blue;}
.ROOTBRANCHSEL {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #A00000}
a.ROOTBRANCHSEL:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #A00000}
.MAINTITLE {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}
.TREE  {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #606060}
a.TREE:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #606060}
a.TREE:hover {color:blue;}
.TREESEL {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #A00000}
a.TREESEL:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #A00000}

#IE .just .sunsetstyle ul {
	margin-left: 4ex;
}

.readonly{
	background-color:#dddddd;
	color:#000000;
}

.black a{
	color:black;
	text-decoration:none;
}

.black a:hover{
	color:red;
	text-decoration:underline;
}

#wrapper{
  	width:875px;
  }

#wrapper650{
  width:875px;
  height:650px;
  }

#browselink{
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
		font-weight:bold;
	}

#browselink a{
		color:black;
		text-decoration:none;
	}

#browselink a:hover{
		color:red;
		text-decoration:underline;
	}

#buttons{
  	width:875px;
  	text-align:center;

  }

.threadlist{
 			border:black 1px solid;
 			border-collapse:collapse;
 		}

.threadlist th{
 			border:black 1px solid;
 			background-color:#ddddff;
 			text-align:center;
 			font-size:13px;
 		}
.threadlist td{
 			border:black 1px solid;
 			text-align:center;
 			font-size:10px;
 			padding:5px;
 		}

.threadlist a{
 			font-weight:bold;
 		}


.addthread{
	margin:10px;
	font-weight:bold;
	}

.plus{
	margin-right:5px;
	}

.thread{
	border:black 1px solid;
	border-collapse:collapse;
	}

.thread th{
 			border:black 1px solid;
 			background-color:#ddddff;
 			text-align:center;
 			font-size:13px;
 		}
 		.thread td{
 			border:black 1px solid;
 			text-align:center;
 			font-size:10px;
 			padding:5px;
 		}
 		.thread .msg{
 			text-align:justify;
 			font-size:12px;
 			width:650px;
 		}

 		#replybutton{
 			width:100px;
 			margin-top:10px;
 			margin-left:650px;
 			text-align:center;
 			color:red;
 			font-weight:bold;
 			cursor:pointer;
 			border:1px dashed blue;
 			background:#eeeeee;
 			padding:5px;
 		}

 		#replyframe{
 			margin-top:15px;
 		}

 		#replyfield{
 			width:700px;
 			height:150px;
 			margin-left:100px;
 		}
 		#replylabel{
 			/*font-size:11px;*/
 			font-weight:bold;
 			margin-left:100px;
 		}




 	.threadlist{
		border:black 1px solid;
		border-collapse:collapse;
	}
	.threadlist table{

	}
	.threadlist tr{

	}
	.threadlist th{
		border:black 1px solid;
		background-color:#ddddff;
		text-align:center;
		font-size:13px;
	}
	.threadlist td{
		border:black 1px solid;
		text-align:center;
		font-size:10px;
		padding:5px;
	}


	.threadlist a{
		font-weight:bold;
	}

	.threadlist a img{
		border:0;
		margin-right:8px;
		/*width:12px;
		height:12px;*/
	}

	.lm a{
		font-size:11px;
		font-weight:bold;
	}

	#newsuject{
  	margin-top:20px;
  }
  .form{
  	margin:10px;
  	border:black 1px solid;
  	border-collapse:collapse;
  	width:850px;
  	height:300px;
  	background-color:#fffafa;
  }
  .form table{

  }
  .form tr{
  	margin:5px;
  }
  .form th{
  	background-color:#ddddff;
  	font-size:13px;
  }
  .form td{

  }
  .label{
  	vertical-align:top;
  	width:100px;
  }
  .field{
  	vertical-align:top;
  }
  .spacer{
  	height:10px;
  }


  .tHead{
  	background-color:#ccccee;
  	text-align:center;
  	font-weight:bold;
  }

  .item{
  	cursor:pointer;
  	width:250px;
  	height:20px;
  	border:blue 1px solid;
  	margin:3px;
  	padding:1px;
  	float:left;
  	text-align:left;
  }

  .free{

  }

  .locked{
  	background-color:#cccccc;
  	opacity:.5;
  	filter:alpha(opacity=50);
  }

  .locked .drop {
  	opacity:.2;
  	filter:alpha(opacity=20);
  	cursor:default;
  }

  .hover{
  	background-color:#eeddcc;
  	opacity:1;
  	filter:alpha(opacity=100);
  }

  .drop{
  	margin-left:5px;
  	vertical-align:middle;
  }


  #title{
  	width:875px;
  	text-align:center;
  	font-size:20px;
  	font-weight:bold;
  }


  #qt{
   width:850px;
   height:100px;
   overflow:auto;
   text-align:justify;
   margin:10px 5px 10px 5px;
   padding:5px;border:#ccccee 2px dotted;
   background-color:#fffaf0;
  }

  #existing{
  	width:850px;
  	height:490px;
  	float:left;
  	margin:0px 5px 5px 5px;
  	border:1px black solid;
  	padding:0;
  }

  #available{
  	width:555px;
  	height:490px;
  	float:left;
  	margin:0px 5px 5px 5px;
  	border:1px black solid;
  	padding:0;
  }
  #selected{
  	width:290px;
  	height:490px;
  	float:left;
  	margin:0px 5px 5px 5px;
  	border:1px black solid;
  	padding:0;
  }
  #available_items{
  	width:550px;
  	height:470px;
  	overflow:auto;
  	padding:0;
  }
  #selected_items{
  	width:285px;
  	height:470px;
  	overflow:auto;
  	padding:0;
  }
  #existing_items{
  	width:840px;
  	height:470px;
  	overflow:auto;
  	padding:0;
  }
  .borderLeftGrey {
     border-left-color : #666666;
     border-left-width : 1px;
     border-left-style : solid;
  }


.t1 {
    border:1px black solid;
    border-collapse:collapse;
}
.t1 th{
    border:1px black solid;
    text-align:center;
    background-color:#ddddff;
    font-size:13px;
    font-weight:bold;
    padding:5px;
}
.t1 td{
    border:1px black solid;
    text-align:center;
    font-size:10px;
    padding:5px;
}
.t1 a{
	font-weight:bold;
	color:black;
}
.t1 a:hover{
	font-weight:bold;
	color:blue;
	text-decoration:underline;
}

.t1 .comment{
	width:100%;
	height:40px;
	overflow:auto;
	text-align:justify;
}

.t2 {
    border:1px black solid;
	border-collapse:collapse;
}

.t2 th{
    text-align:center;
	border:1px black solid;
    background-color:#ddddff;
    font-size:13px;
    font-weight:bold;
    padding:5px;
}
.t2 td{
    text-align:left;
    font-size:12px;
    padding:5px;
}
.t2 a{
	font-weight:bold;
}



.t3 {
    border:1px black solid;
    border-collapse:collapse;
}
.t3 th{
    border:1px black solid;
    background-color:#ddddff;
    font-size:13px;
    font-weight:bold;
    padding:5px;
}
.t3 td{
    border:1px black solid;
    font-size:10px;
    padding:5px;
	color:red;
	text-align:right;
}
.t3 a{
	font-weight:bold;
	color:black;
}
.t3 a:hover{
	font-weight:bold;
	color:blue;
	text-decoration:underline;
}


.f1{

}

.f1 label, legend {
	color:#000080;
	font-weight:bold;
	font-size:12px;
}
.f1 td{
	vertical-align:top;
}

.lnk{
	cursor:pointer;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.lnk-hover{
	cursor:pointer;
	font-weight:bold;
	color:0000ff;
	text-decoration:underline;
}

.wrapper1{
	padding:5px;
	border:black 1px solid;
}

.wrapper1 a{
	color: blue;
	font-weight:bold;
	text-decoration:none;
}
.wrapper1 a:hover{
	color: blue;
	font-weight:bold;
	text-decoration:underline;
}

table.participants    { margin:0; padding:0; }
table.participants tr { margin:0; padding:0; }
.calendarTabCell {  border-left:none;}
table.calendar { background:#E3EAF6; width:1050; border: solid 1px #000000; margin:0; padding:0; border-spacing: 0px; border-collapse: collapse;}
table.calendar tr { padding:0; margin:0; border:none;}
table.calendar td { padding:0; margin:0; border:none;}
table.calendar tr.tabHeader { padding:2px; margin:0; border:none; text-align:center; background:#B3BAD6; }
.warningArea      { border:1px solid #000000; background:#FFCCCC; text-align:center; width:90%; padding:2ex 0 2ex 0; }
.warningSmallArea { border:1px solid #000000; background:#FFCCCC; text-align:center; width:60%; padding:2ex 0 2ex 0; }
#laboCalendar { border:none; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; }
#laboCalendar tr.dayRow td     { border:none; border-top:1px dashed #BBBBBB; }
#laboCalendar tr.newDayRow td  { border:none; border-top:1px solid black; }
#laboCalendar tr.header td     { border:none; border-top:1px solid black; }
#laboCalendar tr td.header     { border-right:1px solid black; }

TD.rowHeader  { vertical-align:top; }
TD.whiteBlock { border-right:1px dashed #D7D7D7 !important; }

/*span.mailLink a:before {
	color:#000000;
	padding: 0px;
	margin : 0px;
	content: "[";
}
span.mailLink a:after {
	color:#000000;
	padding: 0px;
	margin : 0px;
	content: "]";
}*/
span.mailLink     { margin:0; padding: 0; }
span.mailLinkView { margin:0; padding: 0; }
.bold {font-weight: bold;}
.t1 .bold {font-weight: bold; font-size: 9pt;}

.class_ref
{
	/*border-collapse: collapse;*/
	border-top: 1px solid black;
	border-left: 1px solid black;
}

.class_ref td
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
	padding: 5px;
	font-size: 12px;
}

.class_ref th
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	padding: 5px;
	font-size: 12px;
}

/* ********** Style CSS pour tableau scrollable ********** */
.scrollableTable {
	overflow-y:hidden;
	overflow-x:auto;
	margin:0;
	padding:0;
}

.table_body {
	position:relative;
	margin:0;
	padding:0;
	overflow-y:auto;
	border-collapse:collapse;
}

.table_body table{
	position:relative;
	overflow-y:hidden;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.table_head {
	position:relative;
	margin:0;
	padding:0;
	border-collapse:collapse;
	z-index:100;
}

#showlist input {
	margin-left:0;
	margin-right:0;
}




/* ajout style pour gestion listes diffusion/groupes sécurité SR */

.form_list{
  	margin:10px;
  	border:black 1px solid;
  	border-collapse:collapse;
  	width:850px;
  	/*height:300px;*/
  	background-color:#fffafa;
  }

.form_list tr{
  	margin:5px;
  }

.form_list th{
  	background-color:#ddddff;
  	font-size:13px;
  }

.existing_list2{
  	width:275px;
  	height:470px;
  	overflow:auto;
  	padding:0;
  }

.existing_list{
  	width:275px;
  	height:490px;
  	float:left;
  	margin:0px 5px 5px 5px;
  	border:1px black solid;
  	padding:0;
  }

.item_cat{
	/*cursor:pointer;*/
	width:510px;
	height:20px;
	border:blue 1px solid;
	margin:3px;
	padding:1px;
	float:left;
	background:#fffaf0;
	font-weight:bold;
	text-align:center;
}

.item_cat2{
	/*cursor:pointer;*/
	width:250px;
	height:20px;
	border:blue 1px solid;
	margin:3px;
	padding:1px;
	float:left;
	background:#fffaf0;
	font-weight:bold;
	text-align:center;
}

/* ajout style pour gestion listes diffusion/groupes sécurité SR */
.listItemHead {
	margin: 0 2em 0 0;
}

.listItem {
	margin: 0 2em 0 0;
	white-space:nowrap;
}


img {
  border: none;
}

/* style sunSet */
.sunSetStyle h2 {
	text-align: center;
}

table.sunSetStyle, table.sunSetStyleNoHead {
	border: 1px solid #000000;
	background-color: #e3eaf6;
	padding: 1ex;
	width: 90%;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1em;
	border-collapse: collapse;
}

table.sunSetStyle caption, table.sunSetStyleNoHead caption {
	margin-left:auto;
	margin-right:auto;
}

table.sunSetStyle {
	border-top : none;
}

table.sunSetStyle thead {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

/*table.sunSetStyleNoHead thead th {
	border-top : 1px solid #000000;
}*/

table.sunSetStyle thead th {
	border-top : 1px solid #e3eaf6;
}

#IE table.sunSetStyle th, #IE table.sunSetStyleNoHead th, #IE table.sunSetStyle caption {
	font-size:9pt;
}

table.sunSetStyle th, table.sunSetStyleNoHead th {
	font-size:9pt;
	text-align: left;
	font-weight: bold;
	padding : 0.5ex;
}

div.sunSetStyle h3, table.sunSetStyle caption, table.sunSetStyle thead th, table.sunSetStyleNoHead thead th, table.sunSetStyleNoHead tr.head, table.sunSetStyle th.head, table.sunSetStyleNoHead th.head{
	 background-color: #b3bad6;
	 font-size: 9pt;
	 text-align: center;
	 font-weight: bold;
}

table.sunSetStyle tr.pair, table.sunSetStyleNoHead tr.pair {
	background-color:#ffffff;
}

table.sunSetStyle tr.highlighted, table.sunSetStyleNoHead tr.highlighted {
	background-color: #C3CaE6;
	font-weight : bold;
}
table.sunSetStyle tr.highlighted td, table.sunSetStyleNoHead tr.highlighted td{
	border-left: 1px dotted #e3eaf6;
}


table.sunSetStyle thead th, table.sunSetStyleNoHead thead th {
	text-align: left;
}

table.sunSetStyle caption{
	border: 1px solid #000000;
	border-bottom: none;
	margin: auto;
}

.sunSetStyle a {
	font-weight: bold;
}

.labelInfo {
	font-size : 75%;
}

.sunSetStyle .formInfo {
	color: #ff0000;
	font-style: italic;
}

.sunSetStyle .formImportant, .sunSetStyleFormImportant  {
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

.formInfoAsterik, .formInfo.asterik {
	width: 90%;
	border: none;
	background: none;
	text-align: right;
	color: #ff0000;
	font-style: italic;
}

.sunSetStyle table.startup td, .sunSetStyle table.startup th{
	vertical-align: top;
	width: 50%;
}

.sunSetStyle .startup li {
	margin-bottom: 1em;
}

.sunSetStyle .startup th {
	text-align: left;
	font-size: 9pt;
}

.sunSetStyleMenu ul {
	padding-left: 0;
	list-style: none;
}

.sunSetStyleMenu a {
	color: #606060;
}

.sunSetStyleMenu a.selected{
	color: #a00000;
}

.sunSetStyleMenu a:hover {
	color: #0000ff;
}

.sunSetStyleMenu li {
	padding-left: 3ex;
	background-image: url("/images/level1_close.gif");
	background-position: left center;
	background-repeat: no-repeat;
}

.sunSetStyle .footer, .sunSetStyleFooter {
	border: none;
	background: none;
	text-align: center;
}

.sunSetStyleSuccess {
	font-size: 9pt;
        margin-bottom : 4px;
        background-color: #caefca ;
	border: 1px solid #008000;
	color: #008000;
	width: 90%;
	text-align: left;
}

.sunSetStyleError, .sunSetStyle .error {
	text-align: left;
	background-color: #C00000 ;
	border: 1px solid #000000;
	color: #FFFFFF;
	margin: 1em;
	padding: 0.2ex;
	width: 90%;
}

#IE .sunSetStyleError, #IE .sunSetStyle .error {
	margin-left: 0;
	margin-right: 0;
}

.sunSetStyleError h2, .sunSetStyle .error  h2 {
	text-align: center;
	margin: .2ex;
	font-size: 1em;
	color: #FFFF00;
}

.sunSetStyleInfo, .sunSetStyle .info {
	background-color : #efefca;
	border : 1px solid #808000;
	color : #808000;
	margin-bottom : 1em;
}

.sunSetStyleWarning {
	background-color : #efefca;
	border : 1px solid #800000;
	color : #800000;
	padding: 1ex;
	margin-bottom : 1em;
}

.sunSetStyleDebug, .sunSetStyle .debug {
	background-color : #f0f0f0;
	text-align: left;
	border : 1px dotted #808080;
	color : #808080;
	width: 80ex;
	margin-bottom : 1em;
}

input.sunSubmit {
	color:#0000ff;
	background:#ffffff;
	border:none;
	font-weight:bold;
	cursor:pointer;
	margin:0;
	padding:0;
}

div.sunSetStyleInfoBulle {
	position:absolute;
	float:left;
	visibility:hidden;
	z-index:1000;
	background-color: #ffcc66;
	color: navy;
	border: 1px solid orange;
	padding: .5ex;
	max-width: 60ex;
}

div.sunSetStyleInfoBulle hr {
	width: 100%;
	border: none;
	border-top: 1px solid navy;
}

#IE div.sunSetStyleInfoBulle {
	width: 42ex;
}

table.sunSetStyle td * {
	margin: 0;
}

table.sunsetstyleclean {
	border-collapse: collapse;
	border: 1px solid #808080;
	background: inherit;
	width: 100%;
}

table.sunsetstyleclean thead {
	background: inherit;
	border: 1px solid #808080;
}

table.sunsetstyleclean thead th, table.sunsetstyleclean caption {
	background: inherit;
	border: 1px solid #808080;
	text-align: center;
}

table.sunsetstyleclean caption {
	background: #b3bad6;
	border-bottom: none;
}

table.sunsetstyleclean tbody td {
	background: inherit;
	border: 1px solid #808080;
}

table.sunsetstyleclean tbody input {
	width: 100%;
}

table.sunsetStep {
	margin: auto;
	border: 1px solid #000000;
	border-collapse: collapse;
	width:90%;
	background: #ffcccc;
	vertical-align: top;
}

table.sunsetStep thead {
	background: #ff6666;
}

table.sunsetStep thead th {
	font-size: 100%;
}

table.sunsetStep tbody td.current, table.sunsetStep tbody td.current a {
	color: #00a000;
	font-weight: bold;
}

.sunSetStyleButton {
	margin-top: 0ex;
	margin-bottom: 2ex;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.sunSetStyleSubH2 {
	font-weight: bold;
	color: #606060;
	text-align: center;
	font-size: 115%;
	margin-bottom: 1em;
}