BODY, TD {font-family:arial; font-size:small; vertical-align:top}
  .titreMois {font-size:150%; border-bottom:3px solid #A5A094; margin-top:10px;}
  .oldContrat .titreMois {display:none;}
  .blackCell {border:2px solid black; width:14%; height:120px;}
  .greyCell {border:1px solid #aaaaaa; width:14%; color:#aaaaaa}
  .info {position:absolute; text-align:left; padding:5px;left:300px; width:300px; background:#FFFFBB; margin-top:18px; border:1px solid #BBBB00; font-size:80%; font-family:arial; font-weight:100; color:#000000; text-decoration:none;}

.wait {position:fixed; top:0px; left:0px; width:100%; height:100%;background:#DCD6C5;filter:alpha(opacity=50); opacity:0.5;}
.topBar {position:fixed; top:0px; left:0px; width:100%;background:#DCD6C5;height:35px;border-bottom:1px solid #aaaaaa;z-index:50}
.optionBar {position:fixed; top:36px; left:0px; width:100%;background:#DCD6C5;border-bottom:1px solid #aaaaaa; padding:3px;  }
.actionBar {background:#EEEAE4; text-align:right; padding:2px;}
.actionBar a {padding:5px; margin:5px; background:#FFAA00; border:2px solid black; padding-top:0px; padding-bottom:0px; margin:5px;}
.greyDiv {background:#EEEAE4;}
.greyDiv th {background: #DCD6C5; white-space:nowrap; padding:5px; text-align:right; vertical-align:top}
.greyDiv td {border:2px solid #DCD6C5; padding:3px;}
div.error {
	border:1px solid #FF0000;
	background:#FFAAAA;
	margin:15px;
	padding:5px;
}


h1 {color:#FFFFFF; margin:0px; padding:0px; font-family:arial-black}

table.liste {width:100%}
table.liste tr.row0 td {background:#EEEAE4; vertical-align:middle; padding-left:5px; padding-right:5px;}
table.liste tr.row1 td {background:#E2DCD4; vertical-align:middle; padding-left:5px; padding-right:5px;}
table.liste tr.row1 th {text-align:center; background:#E2DCD4;width:3%}

h2 {
background-color: transparent;
color: #036;
font-size: 1.3em;
}

h3 {
background-color: transparent;
color: #6699cc;
font-size: small;
}

a {text-decoration:none; color:#aa0000}
a:hover {color:#ff0000}
table.liste tr.inactive a {color:#D09999}
table.liste tr.inactive td {color:#999999}

@media screen {
body {
background-color: #EEEAE4;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin:10px;
padding: 0;
}

.page {
background-color: #FFFBF4;
border: 1px solid #aaaaaa;
padding: 1em;
margin-bottom: 1em;
}

.page,.ours {
width: 70%;
}

.label {
font-weight:bold;margin-top:5px;
}
.menu {
position: absolute;
top: 36px;
right: 0em;
background-color: #DCD6C5;
border-left: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
padding: 1em;
width: 20%;
}

html>body .menu {
position: fixed;
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

}
}
@media print {

h1, .noprint {display:none}
.page {width:100%}
.menu {display:none}
}


	@media print {
		table.compta td {font-size:smaller}
		table.compta th {font-size:smaller}
	}
	table.compta td {text-align:right; min-width:60px; padding:2px}
	table.compta th {background:#BBBBBB; padding:2px}
	table.compta tbody th {text-align:left;background:#CCCCCC}
	th.compta_annule {text-decoration:line-through}
	table.compta td {background:#DDDDDD}
	table.compta tfoot td {background:#CCCCCC; font-weight:bold}