/***************************************************************************
dcf_web | dcf_monde
Last Updated: June 13, 2003	
***************************************************************************/

body, h6, h5{
  scrollbar-base-color: #7FA1BD;
	font-family: Arial;
	text-align: justify;
	font-size: x-small;
 
}

h1, h2, h3{
	color: #00427A;
	text-align: left;
	font-weight: bold;
}
	
h1{
	font-size: medium;
}
	
h2{
	font-size: small;
}
	
	
h3{
	font-size: x-small;
}
	
h5 {
	color: #00427A;
	font-weight: bold;
}

h6{
	font-style: normal;
	font-weight: normal;
}

ins {
	text-decoration: none;
	background-color: yellow;
}

td,
 textarea,
 select,
 .inputbox,
 .nonEditable,
 .number{
	font-family: Arial;
	font-size: x-small;
}



textarea,
 select,
 .inputbox,
 .dollar input,
 .number, 
 .nonEditableTextarea .inputbox{
	background-color: white;
	border-style: inset;
	border-width: 2;
}

 
/***************************************************************************
Tables
***************************************************************************/

.tableListe {
	width: 100%;
	border-width: 1;
	border-style: solid;
}


.tableTopBorder {
  	border-style: solid;
	border-top-color: #00427A;
}

.tableListe td, .tableListe th{
	border-width: 1;
	border-style: solid;
}

.tablehMenu, .tdhMenu, .tdhMenuSelected, .tdhMenuIcone{
	background-color: #00427A;
}
	
					
.tdhMenu, .tdhMenuSelected{
	text-align: center;
	height: 45;
	width: 250;
}
	
						
.tdhMenuIcone{
	text-align: center;
	width: 35;
}

.tdExclusion,
 .tdSpecial{
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #7FA1BD;
	border-bottom-width: 1;
	vertical-align: top;
}

.depannagetd,
 .lexiquetd {
	background-color: white;
	text-align: justify;
	border-style: solid;
	border-color: #00427A;
	border-width: 1;
}

.tdvMenu, .tdvMenude, .lexKeyword, .lexKeywordSelected{
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #7FA1BD;
	border-bottom-width: 1;
	height: 25;
}

.tdvMenude{
	border-bottom-color: red;
}

.tdvMenuSelected, .tdvMenuSelectedde{
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #7FA1BD;
	border-bottom-width: 1;
	height: 25;
}
	
.tdvMenuSelectedde{
	border-bottom-color: red;
}
	
.tdvMenuTitre{
	text-align: center;
	border-bottom-style: solid;
	border-bottom-color: #7FA1BD;
	border-bottom-width: 1;
	color: #6E0A14;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	height: 25;
}
	
.tdvMenuSeparateur{
	border-bottom-style: solid;
	border-bottom-color: #7FA1BD;
	border-bottom-width: 1;
	font-size: 0pt;
	height: 25;
}
	
.tdvMenuBlanc{
	font-size: 0pt;
	height: 20;
}
	
/***************************************************************************
Menu
***************************************************************************/

.ahMenu {
	color: white;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}

.ahMenu:visited {
}
 
.ahMenu:active {
}
 
.ahMenu:hover {
	color: yellow;
}
 
.ahMenuSelected {
	color: yellow;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}

.ahMenuSelected:visited {
}
 
.ahMenuSelected:active {
}
 
.ahMenuSelected:hover {
	color: yellow;
}
 
		
.ahMenuIcone {
	color: #00427A;
	text-decoration: none;
	font-family: Arial;
	font-size: 48pt;
}

.ahMenuIcone:visited {
}
 
.ahMenuIcone:active {
}
 
.ahMenuIcone:hover {
	color: #00427A;
}
 
.avMenu, .avMenude, .lexKeyword a {
	color: black;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
}

.avMenu:visited, .avMenude:visited, .lexKeyword a:visited {
}
 
.avMenu:active, .avMenude:active, .lexKeyword a:active {
}
 
.avMenu:hover, .avMenude:hover, .lexKeyword a:hover {
	color: #6E0A14;
	border-style: solid;
	border-width: 1;
}
 
.avMenude {
	color: red;
}
	
.avMenude:hover {
	color: red;
}
 
.avMenuSelected, .avMenuSelectedde, .lexKeywordSelected a {
	color: #6E0A14;
	border-style: solid;
	border-width: 1;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
}

.avMenuSelected:visited, .avMenuSelectedde:visited, .lexKeywordSelected a:visited {
}
 
.avMenuSelected:active, .avMenuSelectedde:active, .lexKeywordSelected a:active {
}
 
.avMenuSelected:hover, .avMenuSelectedde:hover, .lexKeywordSelected a:hover {
	color: #6E0A14;
	border-style: solid;
	border-width: 1;
}
 
.avMenuSelectedde {
	color: red;
}

.avMenuSelectedde:hover {
	color: red;
}
 
		
/***************************************************************************
Onglets
***************************************************************************/

.tabulator{
	border-color: lightgrey;
	border-width: 3;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
}
	
.tabselected{
	color: white;
	font-family: Arial;
	font-size: 9pt;
	border-color: lightgrey;
	border-width: 3;
	border-right-style: outset;
	border-top-style: outset;
	border-left-style: outset;
	text-align: center;
}
	
.tab, .tabover{
	background-color: #5988A8;
	border-right-width: 1;
	border-right-style: solid;
	border-top-width: 1;
	border-top-style: solid;
	border-left-width: 1;
	border-left-style: solid;
	border-bottom-color: lightgrey;
	border-bottom-width: 3;
	border-bottom-style: inset;
	text-align: center;
}
	
.tabover {
	color: yellow;
	cursor: pointer;
	cursor: hand;
}

/***************************************************************************
Forme
***************************************************************************/

.formeListeTotal td, .formeListeTotalselected td{
	height: 30;
	border-top-width: 1;
	border-top-style: solid;
	border-top-color: #7FA1BD;
}

.formeListeTotal td{
	background-color: white;
}

.formeListeTotalselected td{
	background-color: #DCE6ED;
}

.formeListenotselected td, .formeListeselected td, .browserdetect td, .formeListenotselectedtd{
	border-bottom-width: 1;
	border-bottom-style: solid;
	border-bottom-color: #7FA1BD;
}

.formeListenotselectedtd input.checkbox, .inputradio{
	background-color: white;
}

.browserdetecterror{
	color: red;
}

.formeListenotselected td, .formeListenotselectedtd{
	background-color: white;
}

.formezoomListeselected .formeZoom,
.formezoomListeselected .formeZoomNowrap,
 .formeListeselected td,
 .formezoomListeselected td,
 .formezoomListeselected .formeListenotselectedtd input.checkbox, .inputradio{
	background-color: #DCE6ED;
}

.formeTarifAjustement{
	border-bottom-width: 1;
	border-bottom-style: solid;
	border-bottom-color: #00427A;
}

.formeTarif th, .formeTarifcol1 {
	background-color: #00427A;
	color: white;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
}

.formeTarif th{
	text-align: center;
}

.formeTarifcol1, .dollarlist, .number, .numberlist{
	text-align: right;
	white-space:nowrap;
}
.formeZoomNowrap {
	white-space:nowrap;
}
.formeZoomReport{
	font-family: arial;
	text-align: left;
	font-size: x-small;
}
.formeZoom, .formehtml {
	background-color: #7FA1BD;
	font-family: arial;
	text-align: left;
	font-size: x-small;
}

.formeZoomCol1{
	text-align: right;
}

.formeSection{
	border-bottom-width: 1;
	border-bottom-style: solid;
	border-bottom-color: white; 
	height: 40;
	vertical-align: bottom;
	font-weight: bold;
	text-align: right;
}

.formButton {
	color: white;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}

.formButton:visited {
}
 
.formButton:active {
}
 
.formButton:hover {
	border-style: solid;
	border-width: 1;
}
 
.FormeCATA{
	background-color: #7FA1BD;
}

.FormeCA{
	text-align: right;
}

.formeListe th, .formeListeCol1,
 .formeListenotselected .formeListeCol1,
 .formeListeselected .formeListeCol1,
 .formeListeTotal .formeListeCol1,
 .formeListeTotalselected .formeListeCol1,
 .formezoomListeselected .formeListeCol1{
	background-color: #00427A;
	text-align: center;
	color: white;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
}
	
.formeListe th a,
 .formeListeCol1 a,
 .formeListenotselected .formeListeCol1 a,
 .formeListeselected .formeListeCol1 a,
 .tabselected a,
 .tab a,
 .tabover a{
	color: white;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
}

.formeListe th a:visited,
 .formeListeCol1 a:visited,
 .formeListenotselected .formeListeCol1 a:visited,
 .formeListeselected .formeListeCol1 a:visited,
 .tabselected a:visited,
 .tab a:visited,
 .tabover a:visited {
}
 
.formeListe th a:active,
 .formeListeCol1 a:active,
 .formeListenotselected .formeListeCol1 a:active,
 .formeListeselected .formeListeCol1 a:active,
 .tabselected a:active,
 .tab a:active,
 .tabover a:active {
}
 
.formeListe th a:hover,
 .formeListeCol1 a:hover,
 .formeListenotselected .formeListeCol1 a:hover,
 .formeListeselected .formeListeCol1 a:hover,
 .tabselected a:hover,
 .tab a:hover,
 .tabover a:hover {
	color: yellow;
}

.formeListe,
 .formeListeEntete{
	background-color:white;
	font-family: arial;
	text-align: left;
	font-size: x-small;
}

.formeListeEntete{
	border-width: 1;
	border-style: solid;
	border-color: #7FA1BD;
}

/***************************************************************************
Special
***************************************************************************/

.champsObligatoires{
	color: green;
}

.interligne{
	font-size: 7pt;
	padding: 0;
}

.copiright {
	color: white;
	font-family: Arial;
	font-size: 7pt;
	text-decoration: none;
}

.copiright:visited {
}
 
.copiright:active {
}
 
.copiright:hover {
	color: yellow;
}
 
.context {
	border-bottom-width: 2;
	border-bottom-style: solid;
	border-bottom-color: white;
}

.edrepertoireDescription{
	width: 250;
}

.dollar input,
 .number {
	text-align: right;
}

.lexiquea{
	color: white;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	font-weight: bold; /*border-style: solid;
	border-color:white;
	border-width:1;	 */
}

.lexiquea:visited {
}
 
.lexiquea:active {
}
 
.lexiquea:hover {
	color: yellow;
	background-color: #00427A;
}
 
 .lexKeyword, .lexKeywordSelected{
	background-color: white;
}

 
 
 
 
.contenteditable {
	background-color: white;
	border-style: inset;
	border-width: 2;
	overflow-x: hidden;
	overflow-y: scroll;
}

.contenteditablehtml {
	background-color: white;
	text-align: justify;
	border: #00427A;
	border-style: inset;
	border-width: 2;
}

.contenteditablehtml div{
	border-style: none;
	background-color: white;
	margin-bottom: 10;
	margin-top: 10;
	margin-left: 10;
	overflow-x: hidden;
	overflow-y: scroll;
}

.bouttons{
	border-style: solid;
	border-width: 1;
}

.echobox td, .echobox_error td, .context td{
	padding: 10;
	font-family: Arial;
	text-align: justify;
	font-size: x-small;
	border-style: solid;
	border-color: #7FA1BD;
	border-width: 1;
	margin: 10;
	background-color: white;
}
/*.echobox_error td {
	border-color: red;
}*/

.highlightreg {
	background-color: yellow;
}

.formwizard {
	border-style: solid;
	border-color: #7FA1BD;
	border-width: 1;
}

.formwizard p{
	text-align: justify;
}

.wizcomment {
	text-align: justify;
}

.wizselected,
 .wiz {
	font-weight: bold;
}

.wiz{
	color: #7FA1BD;
}

.critere {
	text-align: left;
	font-weight: bold;
	color: #00427A;
}

.tabtarificon td{
	border-style: none;
}


.lgenvigueur{
  color: #0000FF;
}

.lgenevaluation{
  color: #008000;
}

.lgacompleter{
  color: #FF6600;
}

.lgsanssuite{
  color: #808080;
}

.lgresiliee{
  color: #FF0000;
}

.lginformation{
  color: #9999FF;
}

.lgsollicitecopibec{
  color: #000080;
}


.incomplet {
	/*dossier incomplet dans le catalogue editeur*/
	color: red;
}

.modification {
	/*dossier en modification dans le catalogue editeur*/
	color: green;
}

.soumis {
	/*dossier soumis dans le catalogue editeur*/
	color: blue;
}

.totalerreur {
	color: red;
}

.totalok {
}

/***************************************************************************
Formulaires
***************************************************************************/


input {
	font: 12px arial, helvetica, sans-serif;
	background-color: #DCE6ED;
	color: #000000;
}

	
.inputblanc{
	font: 12px arial, helvetica, sans-serif;
	background-color: white;
	color: #000000;
}
	
input.search {
	font: 12px arial, helvetica, sans-serif;
	background-color: #DCE6ED;
	border-top: solid 1px #D7DDEA;
	border-right: solid 1px #8697B5;
	border-bottom: solid 1px #8697B5;
	border-left: solid 1px #D7DDEA;
	color: #000000;
}

input.button {
	font: 12px arial, helvetica, sans-serif;
	background-color: #DCE6ED;
	border-top: solid 1px #D7DDEA;
	border-right: solid 1px #8697B5;
	border-bottom: solid 1px #8697B5;
	border-left: solid 1px #D7DDEA;
	color: #000000;
}

	
input.submit {
	font: 12px arial, helvetica, sans-serif;
	background-color: #DCE6ED;
	border-top: solid 1px #D7DDEA;
	border-right: solid 1px #8697B5;
	border-bottom: solid 1px #8697B5;
	border-left: solid 1px #D7DDEA;
	color: #000000;
}

	
input.text {
	font: 12px arial, helvetica, sans-serif;
	color: #000000;
	cursor: hand;
}

	
input.radio {
	font: 12px arial, helvetica, sans-serif;
	color: #000000;
	cursor: hand;
}

	
input.checkbox {
	font: 12px arial, helvetica, sans-serif;
	background-color: #7FA1BD;
	color: #000000;
	cursor: hand;
}

	
select {
	font: 12px arial, helvetica, sans-serif; /*background-color: #7FA1BD; #FFFFFF;*/
	color: #000000;
	cursor: arrow;
}

option {
	font: 12px arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	cursor: arrow;
}

	
.formeZoombuttonorange {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #D77B30;
	color: #FFFFFF;
	font-weight: normal;
	border-top: outset 2px #F9B777;
	border-right: outset 2px #745444;
	border-bottom: outset 2px #745444;
	border-left: outset 2px #F9B777;
	width: 175px;
}

.buttonorange {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #D77B30;
	color: #FFFFFF;
	font-weight: normal;
	border-top: outset 2px #F9B777;
	border-right: outset 2px #745444;
	border-bottom: outset 2px #745444;
	border-left: outset 2px #F9B777;
	width: 140px;
}

.formeZoombutton {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #00427A;
	color: #FFFFFF;
	font-weight: normal;
	border-top: outset 2px #69c;
	border-right: outset 2px #069;
	border-bottom: outset 2px #069;
	border-left: outset 2px #69c;
}



.formeListebutton {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #DCE6ED;
	color: #000000;
}
	
	
	
.formeZoom input.checkbox, .inputradio{
	background-color: #7FA1BD;
	font-family: arial;
	text-align: left;
	font-size: x-small;
}
 
 
 
.tpanel {
	border-style: none;
	border-width: 1;
	padding: 7;
}


.tpanelout{
	background-color: #7496b2;
	border-style: solid;
	border-width: 1px;
	padding: 6;
	border-top-color: #B6CCDF;
	border-left-color: #B6CCDF;
	border-right-color: #5F83A0;
	border-bottom-color: #5F83A0;
}

.tpanelout td, .tpanelout input.checkbox{
	background-color: #7496b2;
}

.tpanelout .nonEditable, .nonEditable, .nonEditable option, .nonEditable input, .nonEditableTextarea  textarea{
	border: lightgrey;
	background-color: lightgrey;
	border-width: 2;
	border-style: inset;
}

.progress {
	border: #7496b2;
	background-color: #7496b2;
	border-width: 2;
	border-style: inset;
}

.progressbar {
	background-color: #00427A;
}

.iframevisible, .drag {
	border-width: 1px 1px 1px 1px;
	border-color: #647D99;
	border-style: solid;
	position:absolute;
	width:245px;
	visibility:visible;
}

.iframedialog {
	border-style: outset;
	border-width: 2px;
	position:absolute;
	width:245px;
	visibility:visible;
	z-index:100;
}
.background{
	position:absolute;
	top:0;
	left:0;
	visibility:visible;
	background-color:#00427A;
	opacity: 0.30;
	filter: alpha(opacity=30);
	-moz-opacity: 0.30;
}

.opaque {
}
.framedrag  {
  clip:auto;
}
.iframeinvisible {
	position:absolute;
	visibility:hidden;
}

.infoscroller {
  position:absolute;
  top:50;
  left:200;
  width:550px;
  height:17px;
  overflow:hidden;
}
.infoscroller div {
  position:absolute;
	font: 10px arial, helvetica, sans-serif;
  font-weight:bold;
  width:550px;
  height:15px;
  left:0;
  color:#00427A;
  white-space:nowrap;
}

