body{
	font-family:verdana;
	font-size:12px;
	background-color:#000;
}
.pagetitle{
	font-size:2em;
	color:#ff0;
	text-align:center;
}
.sectiontitle{
	font-size:1.2em;
	color:#ff6600;
	text-align:center;
}

.inputfield{
	display:inline-block;
	margin:0;
}
.fieldlabel{
	display:inline-block;

	color:#303030;

	width:9em;
	margin:0;
	vertical-align:top;
	text-align:right;
}
.inputsection{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	width:90%;
	border:0px solid blue;
	padding:10px;
	background-color:rgba(255,255,255,255);
	border-radius:10px;
}

.inputrow{

/* 	border-bottom:1px solid black; */
	vertical-align:top;


}

.inputblock{
	display:inline-block;

	vertical-align:top;
	margin:0;
	padding:0;
	width:100%;
}

.listblock{

}

.fulltable{
	width:100%
}

.tablecell-align-top td{
	vertical-align:top;
}

.breakword td{
	word-break: break-word;
}

.listelement,th{
	font-size:1em;
	cursor:pointer;

}
.listelement:nth-child(2n){
	background-color:#c0c0c0;

}
.listelement:hover{
	background-color:#000;
	color:#fff;

}

.divbutton{
	font-size:0.8em;
	height:40px;
	width:80px;

	margin:3px;
	border-radius:5px;
	display:inline-table;
	background-color:#ff6600;
	border:1px solid #f00;
	color:white;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	transition-duration:0.5s;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
}
.divbutton span{
	display:table-cell;
	vertical-align:middle;
	padding:3px;

}
.divbutton:hover{

	font-size:0.85em;
	background-color:#f00;
	border-color:#ff6600;
	transform:scale(1.2);
	box-shadow: 2px 10px 10px rgba(0,0,0,0.6);
}

.button_green{
	background-color: lightgreen;
	color:darkblue;
}

.button_blue{
	background-color: lightblue;
	color:darkblue;
}


input,select,textarea{
	font-family:verdana;
	font-size:1.0em;
}
input[type="text"] {
    width: 25em;
}
input[type="date"] {
    width: 25em;
}
input[type="checkbox"] {
    width: 25em;
}

input[type="checkbox"].narrow {
    width: 5em;
}
select {
    width: 25.5em;
}
textarea {
    width: 25em;
}
div.popup{
		position:absolute;
		float:left;
		display:none;
		width:100%;
		height:80%;
		top:10%;

}

/* FOR PRINT LIKE TABLES */

table{
	border-collapse:collapse;
}

.paragraph{
	margin-bottom:2em;
}
.row{
		width:100%
}
.inline{
	width:320px;
	border:0px solid black;
	display:inline-block;
	vertical-align:bottom;
	margin:0;
	padding:0;

}
.header{
	width:100%;
	border-bottom:1px solid black;
}
.header td{
	vertical-align:bottom;
}




td.td_topline {
	border-top:1px solid black;
}
.tr_topline td{
	border-top:1px solid black;
}
td.td_notopline{
	border-top:0;
}


td.td_bottomline {
	border-bottom:1px solid black;
}
.tr_bottomline td{
	border-bottom:1px solid black;
}
td.td_nobottomline{
	border-bottom:0;
}

.pagetitle{
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size:2em;
	text-align:left;
}

.compact{
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	font-size:1.2em;

}
td.padleft {
	padding-left:0.5em;

}

.padleft td{
	padding-left:0.5em;
}
.datablock{
	width:100%;
}
.datablock td{
	vertical-align:top;
}
.rubriqueR{
	text-align:right;
	vertical-align:top;
}
.valeurR{
	text-align:right;
	vertical-align:top;
}
.valeurC{
	text-align:center;
}

.valeurL{
	text-align:left;
}
.abottom{
	vertical-align:bottom;
}
.atop{
	vertical-align:top;
}

.bold{
	font-weight:bolder;
}

.smallfont{
	font-size:10px;
}

.whiteonblack{
	background-color:black;
	color:white;
}
.blackongrey{
	background-color:lightgrey;
	color:black;
}


.bigfont{
	font-size:2em;
}

.pagebreak{
	visibility:hidden;
}

@media print {
	.noprint{
		display:none;
	}

	a{
		text-decoration:none;
		color:inherit;
	}
.pagebreak {
	page-break-after: always;
	}
}

:root {
	--cell-highlighter-default: #fff;
  --cell-highlighter: #fff;

}


table.passwordtable {
    width: 100%;
}
table.passwordtable td {
    width: 25%;
}
table.passwordtable input[type="text"] {
    width: 100%;
		border:1;
}
input[type="submit"], input[type="button"], input[type="file"], button[type="submit"] {
	padding:1em;
}

.passwordsectionbuttons{
	margin-top:2em;
	margin-bottom:2em;
}
.passwordsectionbuttons input[type="submit"], .passwordsectionbuttons input[type="button"]{
	margin-left:2em;
	margin-right:2em;
}

.passwordtable input[type="text"]:hover{
	background-color:var(--cell-highlighter);
		border:1;
}