@media print {
	div#menu{
		visibility: hidden;
	}
	
	table.lst-velbox{
		page-break-inside: avoid;
	}
	div.indicateur{
		page-break-inside: avoid;
	}
}


image{
	border:none;
}

root { 
    display: block;
}

body , html{
    margin: 0;
    padding: 0;
    background: white;
    font: 90% verdana, arial, sans-serif;
    color:#000000;
}
#page{
    margin:10px 20px 10px 20px;	
}

#main{
    clear: both;
}

a, a:visited{
    color:#000000;
}

/*********************/
/* MESSAGE           */

span#message{
    color:#ED242C;
    font-weight:bold;
    display:block;
    padding:5px;
}

/*********************/
/* TITRE             */

h1.title{
    background-image:url("images/logo.png");
    background-repeat:no-repeat;
    background-position:0px 0px;
    padding-left:350px;
    padding-top:40px;
    height:90px;
    margin-bottom:40px;
}

h2{
	margin-top:35px;
	border-bottom: 1px dashed #555555; 
}

a.title{
    text-decoration:none;
}

/*********************/
/* TABLE             */

table.lst-velbox{
    border-width:1px 1px 1px 1px;
    border-color:black;
    border-collapse:collapse;
    table-layout:auto;
    white-space: nowrap;
}
td{
    padding:3px;
}

tr.normal:hover{
    background-color:#FFE6E6;
}

tr.inactif{
    background-color:#EAEAEA;
}

tr.inactif:hover{
    background-color:#FFE6E6;
}

th{
    background-color:#EE6E00;
    color:#ffffff;
    border-color:black;
    padding:3px;
}
th:hover{
    background-color:#555555;
    color:#ffffff;
    cursor:pointer;
    border-color:black;
}

th.unsort:hover{
    background-color:#EE6E00;
    color:#ffffff;
    border-color:black;
    padding:3px;
    cursor:auto;
}

/*********************/
/* BOUTON            */ 

div.menubar{
    margin-top: 15px;
    margin-left: 15px;
}

a.small-button{
    color:#000000;
    font-weight:normal;
    text-decoration: underline;
}

a.button{
    background:url("images/button.png");
    background-repeat:no-repeat;
    display:block;
    float:left;
    color:#000000;
    font-weight:bold;
    height:30px;
    line-height:29px;
    margin-bottom:14px;
    text-decoration:none;
    width:191px;
    padding-right:5px;
}

a.button:hover, a.small-button:hover{
    color:#EE6E00;
    cursor: pointer;
}

.user{
    background:url("images/user.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.extract{
    background:url("images/download.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.inconnus{
    background:url("images/search.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.exit{
    background:url("images/delete.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.remove{
    background:url("images/delete.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.valider{
    background:url("images/accept.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}
.ajouter{
    background:url("images/add.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.referentiel{
    background:url("images/book.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.reclamation{
    background:url("images/reclamation.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.cahier-exploitation{
    background:url("images/cahier-exploitation.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

.graph{
    background:url("images/graph.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}
.server-chart{
    background:url("images/server-chart.png") no-repeat 10px 8px;
    text-indent:30px;
    display:block;
}

textarea.remarque-text{
    width:96%;
    height:150px;
}

input.document{
	width:96%;	
}

select.document{
	width:96%;	
}

tr.open{
	background-color:#FFE6E6;
}

em.legend{
	margin-left:30px;
	margin-bottom:10px;
	font-size:11px;
}