altocompta/html/style.css

/* <style type="text/css"> */

BODY {
  background-color:#EDF3FF;
 font-size:12px;
  font-family:verdana,helvetica,sans-serif;
  padding: 0px 0px 0px 0px ;
  margin:0;
  color:blue;
}
.notice {
		color:red;
        font-style: italic;
        }

table.sortable, table.table_large, table.result  ,table.resultfooter {
  color:blue;
  /* border:blue solid 1px; */
  width:100%;
   border-spacing:  0px;
   border-collapse:collapse;

}
table.resultfooter tfoot {
	font-size:110%;
	font-weight: bold;


}
table.sortable th,  table.table_large th,table.result th {
  font-weight:bold;
  font-family:verdana,helvetica,sans-serif;
 border-bottom:1px solid blue;
 border-top:0;

  color:#25238F;
  text-align: left;
  font-style: italic;

}

h2 {
  font-family:verdana,helvetica,sans-serif;
  font-size:14px;
  color:grey;
}
div.info {
	background:#879ed4;
	color:white;
	font-size:120%;
  text-align:center;
}

content h2.info {
	background:#879ed4;
  color:black;
  font-size:14pt;
  text-align:center;
  padding:0px;
  margin:0px;
}
redcontent h2.info {
  background:#879ed4;
  color:white;
  font-size:14pt;
  text-align:center;
  padding:0px;
  margin:0px;
}
h2.info {
  background-color:darkblue;
	color:white;
	font-size:14px;
  text-align:center;
  padding:0px;
  margin:0px;
  border:1px solid grey;

}

h3.info {
  background:#879ed4;
  color:white;
  font-size:14px;
  text-align:center;
}

h2.info2 {
  color:blue;
  font-size:14px;
  text-align:center;

}


h2.error {
	background:red;
	color:white;
	font-size:14px;
}


div.u_tmenu {
  margin-top:0px;
  width:100%;
 /* background-color:#879ED4; */


}
div.u_subtmenu {
  background-color:white	;
  float:left;
  clear:both;
  left:10px;

}
div.u_tmenu div.u_tool {
	   float:left;

}
div.u_tool {
	float:left;
	width:  100%;
	padding-bottom: 20px;
	}
div.u_tool div.name {
       float:left;
       margin-left:10px;
}
div.u_tool {
	float:right;
	margin-right:10px;
}
div.module {
	position:absolute;
	top:0px;
	right:5px;
	text-align:right;
	padding:0px;
	margin: 0px;
}
div.u_subt2menu {
background-color:lightgrey;
  left:1%;

}
div.lmenu {
	 float:left;
	 clear:left;
	font-size:9px;

}
div.lextmenu {

	float:left;
	font-family:verdana,helvetica,sans-serif;
	font-size:9px;

}
div.searchmenu {
  left:30px;
  width:95px;
  top:100px;
  position:absolute;

}

div.recherche_form{
	width:700px;
	font-size:9px;
	font-family:verdana,helvetica,sans-serif;
  border-style:outset;
  border-width:1px;

}
div.redcontent{

         float:left;
	 padding-top:7px;
	 padding-left:8px;
         font-size:9px;
         font-family:verdana,helvetica,sans-serif;
	 width:75%;

}
div.content{

		padding-top:2px;
		margin-top:2px;
         width:100%;
         font-family:verdana,helvetica,sans-serif;


}
div.content30{

         float:left;
	 padding-top:7px;
         width:35%;
         font-family:verdana,helvetica,sans-serif;

}
div.no span{
	position:static;
	font-family:verdana,helvetica,sans-serif;
	font-weight:bold;
	color:red;

}

table.document {
   color:blue;
   width:100%;
   border-spacing:  0px;
   border-collapse:collapse;

}
table.document th{
  font-weight:bold;
  font-family:verdana,helvetica,sans-serif;
  border-bottom:2px solid blue;
  border-top:0;
  color:#25238F;
  text-align: left;
  background-color:#EDF3FF;
  font-style: italic;
}
.error {
width:60%;
margin-left:20%;
text-align: center;

color:white;
background-color:red;
font-weight: bolder;
font-size:120%;
}

table.mtitle {
	border:0;
	text-align:center
}
td.mshort {
  height:15px;
  width:60px;
  text-align:center;
  border:  1px solid;
  color:#5D90CD ;
  background-color:#DDE6FF;
}
td.mtitle {
	text-align:center;
	width:95px;
        height :30px;
	font-size:10px;
    background-color:#DDE6FF;
    border:1px solid #99B1DF;
}
td.msubtitle {
	text-align:center;
	height:20px;
	font-size:10px;
    background-color:#DDE6FF;
}
span.mtitle {
	color:gray;
	background-color:blue;
	font-size:10px;
	border-style:groove
}
span.odd {
  background-color:#ECF3FF;
  display:block;
 }
span.even {
  background-color:#DDE6FF;
  display:block;
 }

tr.odd {
	background-color:#DDE6FF;
	font-size:10px;
}
tr {
	font-size:10px;
}
td.odd{
	background-color:#DDE6FF ;
	font-size:10px;
}
td.even{
	border:0px;
	font-size:10px;
}
td.cell{
	    height:32px;
	     padding: 1px;
}
td.selectedcell{
	border-style:inset;
        border-color:blue;
	border-width:1pt ;
	font-size:10px;
        background:#5D90CD ;
        color:white;
        text-align:center;
	     width:120px;
}
a.mtitle {
  font-size:10px;
  text-decoration:none;
  display:inline;
 color: blue;

}
a.mtitle:hover {
  font-size:10px;
  text-decoration:none;
  display:inline;

 color: darkblue;
background-color:#5D90CD;

}
td.selectedcell a.mtitle,div.content td.selectedcell a.mtitle {
 font-size:1em;
 text-decoration:none;
 display:block;
 color:white;
}
a.dossier {
  font-size:10px;
  text-decoration:none;
  display:block;
   color: #202267;

}
tr.odd:hover td
{
  text-decoration:none;
  background-color: #a9d6e4;
  color:white;
}
tr.even:hover td
{
  text-decoration:none;
  background-color: #a9d6e4;
  color:white;
}
td.mtitle:hover,td.mtitle:hover a
{
  background-color:#a9d6e4;
  color:white;
}
td.msubtitle:hover,td.msubtitle:hover a
{
  background-color:#a9d6e4;
  color:white;
}
a.cell {
  text-decoration:none;
  display:block;
  color:blue;
  background-color:white;
  font-size:9px;
}

a.cell:hover {
  font-size:9px;
  color:white;
  background-color:#5D90CD;
  text-decoration:none;
  display:block;
	}


a.one:link {
	text-decoration:none;
	color:#3010FF
}
a.one:visited {
	text-decoration:none;
	color:#3010FF
	}

a.one:active {
	background: #0000FF;
	}

a.one:hover {
	    text-decoration:underline;
	background:#3010FF;
	color:#FFFFFF;
	}


a.detail
{
  font-size:9px;
  font-family:verdana,helvetica,sans-serif;
    text-decoration: none;
    display: block;
    color: blue;
}

a.detail:hover
{
  font-size:9px;
  font-family:verdana,helvetica,sans-serif;
    color: white;
    background-color: rgb(93, 144, 205);
    text-decoration: none;
    display: block;
}

li.menuv,ol.menuv {
	 display:inline;
	 padding:1em 1em;
}
div.redcontent a {
  font-family:verdana,helvetica,sans-serif;
  text-decoration: none;
  display: block;
  color: blue;

}

div.redcontent a:hover {
  font-family:verdana,helvetica,sans-serif;
    color: white;
    background-color: rgb(93, 144, 205);
    text-decoration: none;
    display: block;

}
div.content a {
  font-family:verdana,helvetica,sans-serif;
  text-decoration: none;
  display: block;
  color: blue;
padding: 0;

}


div.content a:hover {
  font-family:verdana,helvetica,sans-serif;
    color: white;
    background-color: rgb(93, 144, 205);
    text-decoration: none;
    display: block;

}

div.redcontent a.mtitle {
  text-decoration:none;
  display:inline;


  color:black;

}

div.redcontent a.mtitle:hover {
  text-decoration:none;
  display:inline;
  color:white;
  background-color:darkblue;


}
div.content a.mtitle {
  font-size:10px;
  text-decoration:none;
  display:inline;
  color:blue;



}

div.content a.mtitle:hover {
  text-decoration:none;
  display:inline;
  background-color:darkblue;
  color:white;


}
div.redcontent input.text {
   font-family:verdana,helvetica,sans-serif;
  font-weight:normal;
  border-color:336699;
  border-style:solid;
  background-color:orange;
  border-width:1px;
  color:blue;
}
div.content input.text {
   font-family:verdana,helvetica,sans-serif;
  font-weight:normal;
  border-color:336699;
  border-style:solid;
  border-width:1px;
  background-color:orange;
  color:blue;
}



div.redcontent input:focus {
  background-color:orange;
}
div.content input:focus {
  background-color:orange;
}
div.redcontent textarea:focus {
background-color: orange;
}
.document {
color: #1a207d;
border-collapse:collapse;
}
a.document{
  font-size:12px;
  text-decoration:none;
  display:block;
}
a.document:hover {
  text-decoration:none;
  display:block;


}
.input_text_ro {
	   border:solid 1px blue;
	   background:#EDEDED;
	   color:blue;
	margin:1px;
}
.input_text {
	   border:groove 1px blue;
	margin:1px;
}
.input_text:hover {
	border:groove 1px blue;
	margin:1px;
	background-color: orange;
}
h1.legend, legend {
font-weight: bold;
font-style: italic;
font-size: 110% ;

}
fieldset fieldset legend {
	 font-size:110%;
	 color:grey;
	 }
select {
border: 1px solid blue;
margin:2px;
background-color:white;

}



.infobulle {
	   position:absolute;
	   border:1px solid black;
	   background-color:yellow;
	   padding-bottom: 10;
	   padding-top: 10;
	   padding-left: 10;
	   padding-right: 10;
	   color:black;
	   top:0;left:0;
	   visibility:hidden;
	   width:25em;
		z-index:20;
}

span.action {
	height:3em;

}
td.num {
	text-align:right;
}
tr.priority1 {
	background-color: coral;
	}
span.action a.action {
  border:2px outset ;
  padding-left: 3px;
  padding-right:3px;
  text-decoration:none;
  font-size:14px;

  display:inline;
  color:black;
  background-color:lightgrey;
}

span.action a.action:hover {
  text-decoration:none;
  display:inline;
  background-color:lightblue;
  color:black;
}
div.popup_back{
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.6;
	width:100%;
	height:100%;
	z-index:1;
	/*background-color:lightgrey;*/

	display:none;
}

div.popup_border_title {
	position:absolute;
	top:20%;
	left:10%;
	width:60%;
	height:80%;
	/*background:lightgrey;*/
	z-index:10;
	/*border:dotted 1px black;*/
	border: 2px outset #201e87;
	background-color:#879ED4;
	font-size: 110% ;
	font-family: verdana,helvetica,sans-serif;
	font-style: italic;
	font-weight: bolder;
	text-align:center;
	/*border-bottom: 2px solid #201e87;*/
	color: white;
	display:none;
	/*opacity:1;
	filter:alpha(opacity=100);*/

	}
div.popup_border_notitle {
	position:absolute;
	top:20%;
	left:20%;
	width:60%;
	height:80% ;
	/*background:lightgrey;*/
	z-index:10;
	/*border:dotted 1px black;*/
	border: 3px outset #201e87;
	background-color: #879ED4;
	font-family: verdana,helvetica,sans-serif;
	font-style: italic;
	font-weight: bolder;
	text-align:center;
	display:none;
	color: white;
	/*opacity:0.7;
	filter:alpha(opacity=70);
	*/
	}

div.popup_content {
	position:absolute;
	top:16;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:96%;
	overflow: auto;
	background-color:#DFE7FF;
	font-size:10px ;
	font-family: verdana,helvetica,sans-serif;
	font-style: normal;
	font-weight: normal;
	color: black;
	text-align: left;
	display:none;
	z-index:10;
	/*opacity:1;
	filter:alpha(opacity=100);*/
}
div.autocomplete {
  position:relative;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  text-align:left;
  font-size:12px;

}
div.autocomplete em {
	color:blue;
	font-weight:bold;
}
div.autocomplete ul {
  list-style-type:none;
  background-color:white;
  border:1px solid #888;
  width:375px;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: lightblue;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:0px;
  /*height:32px;*/
  cursor:pointer;
}
span.informal{ font-size:95%; color:black;}

ul.select_table  {
	/*padding:5px;*/
	overflow:hidden;
	}
ul.select_table a{
	width:100%;
	display:block;
	background-color:inherit;
	color: black;
	text-decoration:none;
	}
ul.select_table a:hover{
	background-color:white;
	color:black;
	/*text-decoration:underline;*/
	}
ul.select_table li {
	display:table-row;
	list-style-type: none;
	}
ul.select_table li span {
	display:table-cell;
	width:25em;
	margin: 0px;
	padding:  0px;
}

div.pc_calendar{

		float:left;

		}
div.pc_calendar table {
	text-align:center;

}
div.pc_calendar tr{
	height:40;


}
div.pc_calendar td{
	width:14%;
	border:#879ed4 solid 1px;
}

div.pc_calendar td.weekend {
	background-color:#cce0e6;

}
div.pc_calendar td.workday{
	background-color:inherit;


}
div.pc_calendar span.day{
	font-weight: bold;
	display:block;

}
div.pc_calendar span.event{
	font-weight: bolder;

}
span.todo  {
	text-align: left;
	background-color:yellow;

}
input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
-moz-user-focus:ignore;
-moz-user-input:disabled;
background-color:lightgrey;
color:black;
cursor:inherit;
}

a#anchorbutton, .button, a.button,div.content a.button {
	font-size:10;
	color:white;
	font-weight: bold;

	text-decoration:none;
	font-family: verdana,helvetica,sans-serif;
	background-image: url("image/bg-submit2.gif");
	background-repeat: repeat-x;
	background-position: left;

	border-style:  outset ;
	border-color:  blue ;
	border-width:0;
	padding-bottom: 4;
	padding-top: 4;
	padding-right: 6;
	padding-left:  6;
	margin-top:3px;
	cursor:pointer;
	margin:1 2 1 2;
        border-radius: 4px;
	-moz-border-radius:4px;

}
a#anchorbutton:hover, .button:hover,a.button:hover,div.content a.button:hover  {
	cursor:pointer;
	background-color:white;
	border-style:  inset ;
	color:red;
	margin:1 2 1 2;

	}
	td.tool {
	border: solid 1px gray;
	background-color: white;

	}
div.topmenu {
	margin-top:2px;
}

h2.dossier {
	color:darkblue;
	font-style: italic;
	display:inline;
	font-size:14px;
	margin:0px;
	padding:0px;
	font-variant:small-caps;
}
/* </style> */
div.add_todo_list {
                    border:1px solid blue;
                    display:none;
                    background-color:#BFD0FF;
                    padding:3;
                    position:absolute;
                    text-align:left;
                    line-height:3em;
                    z-index:1;
                    width:345px;
                }
div.welcome {

}
div.gest_name {
	float:left;
	margin-left:150;
	margin-top:15
}
h2.gest_name {
	border-left: 5px solid  #403a8d;
	border-bottom:1px solid  #b4bbc2;
		border-top:1px solid  #b4bbc2;
		border-right:1px solid  #b4bbc2;
	padding: 5px;
	width: 40%;
}
body.op_detail_frame,div.op_detail_frame  {
  background-color:#e4e7ed;
  height:100%; width:100%;


}
div.inner_box  {
  background-color:#e4e7ed;
 font-size:10;
  font-family:verdana,helvetica,sans-serif;
  padding:0;
  margin:0;
  overflow:hidden;
  z-index:3;

position:absolute;
left:10%;


border:1px solid darkblue;

}
div.op_detail_title {
	background-color:grey;
/*	width:500;*/


}
div#div_jrn{
              position:absolute;
              border:1px solid black;
               top:15%;left:100;
              visibility:hidden;
              z-index:2;
              width:50em;
		      background-color:#EDF3FF;

}
 div#div_cat{
              position:absolute;
              border:1px solid black;
               top:15%;left:100;
              visibility:hidden;
              z-index:2;
              width:50em;
             background-color:#EDF3FF;

}

div.divinfo
{  color:red;text-align:right;display:block;width:30em;height:13;font-weight:bold}

div#search_form
{
              position:absolute;
              border:1px solid black;
              top:15%;left:100px;
              margin-left:25%;
              z-index:2;
              width:50%;
              display:none;
	      background-color:#e4e7ed;
}

table.sortable td, table.table_large td, table.result td
{
	padding-left:5px;
	padding-right:5px;
}
table.info_op
{
	font-size:18;
	width:100%;
}
table.info_op tr
{
font-size:14;
background:white;
}
h2#jrn_name
{
	margin-right:30%;
	float: right;

}
tr.footer{
	font-size:14;
	font-style: italic;
	font-weight: bold;

}
span.remain {
	font-weight: bold;
	color:black;
	}

div#jrn_name_div
{
	float: right;
	margin-right:150;


}
#predef_form {
	margin-left:20%;
	width:60%;

}
#direct
{
	display:inline;
	float:left;
}
#calc
{
	display:inline;
	float:left;
}
div#wait_box
{
  background-color:#F1E6E6;
 font-size:10;
  font-family: verdana,helvetica,arial,sans-serif;
  padding:0;
  margin:0;
  overflow:hidden;
  z-index:10;

position:absolute;
left:30%;
top:30%;


border:1px solid darkblue;

}
#wait_box h2
{
color:black;
text-align:center;
}
div#div_jrnsearch_op{

              border:1px solid black;
              display:none;
              width:50em;
		      background-color:#EDF3FF;
			  position:absolute;
			  z-index: 5;

}
ul {
	padding-left: 110px;
}
a.line,div.content a.line
{
font-size:110%;
  text-decoration:underline;
  display:inline;
 color: #0000ff;
}
a.line:hover,div_content a.line
{
font-size:110%;
  text-decoration:underline;
  display:inline;
  color: #0000ff;
     background-color: rgb(93, 144, 205);
}
#close_div
{
 background-color:white;
 color:blue;
 text-decoration:none;
 border:1px solid blue;
 margin-left: 2px;
 margin-right:2px;
 margin-top:0px;
 font-size:10px;
}
table.table_large tr.odd ,table.table_large tr.even {

	height:32px;
}
#calc1
{
	position:absolute;
	display:block;
	top:30px;
	left:150px;
	width:300px;
	border:1px solid black;
	background-color:#aec3e8;
	font-size:16px;
	padding: 20px 20px;
}
span.invoice
{
    font-size: 120%;
    font-style: italic;
    display:block;
    margin: 20px;
    font-weight: bold;
}
a.nav,div.content a.nav,div.redcontent a.nav {
	display:inline;
	text-decoration:none;
	font-size:1em;
}
a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover {
	display:inline;
	text-decoration:none;
	background-color:darkblue;
	color:white;
	font-size:1em;
}
#dossier {
	display:inline;
	float:left;
	width:40em;
	top:0px;
}
div.foldercontent {
	padding:20px 30px 0px 40px;
	}

h1.title {
	color: blue;
	font-size:18px;
	font-style: italic;
}
h2.title {
	color: blue;
	font-size:14px;
	font-weight:bold;
	font-style: italic;
	margin-left: 15px;
}
h3.title {
	color: blue;
	font-size:14px;
	margin-left: 30px;
}
h4.title {
	color: blue;
	font-size:12px;
	margin-left: 45px;
	text-decoration: underline;
}
h5.title {
	color: blue;
	font-size:12px;
	margin-left: 45px;
	text-decoration: none;
	font-style: italic;
}
div.myfieldset
{
	margin-top: 5px;
	margin-left:5px;
	margin-right: 5px;
	border:lightgrey 2px groove;
}