@media screen and (min-width: 1400px) {
	body 				{	font-size: 13px;	}
	.tbl 				{	font-size: 13px;	}
	.tbl-entete			{	font-size: 13px;	}
	.tbl-ipsign 		{	font-size: 12px;	}
	.tbl-l1 			{	font-size: 12px;	}
	.tbl-l2 			{	font-size: 12px;	}
	.tbl-standard 		{	font-size: 12px;	}
	.tbl-l2b 			{	font-size: 12px;	}
	.tbl-l1-centre 		{	font-size: 12px;	}
	.tbl-l1-centreM 	{	font-size: 12px;	}
	.tbl-l1-centre-r 	{	font-size: 12px;	}
	.tblo-entete	 	{	font-size: 12px;	}
	.tblo-l1-centre		{	font-size: 12px;	}
	.tbl-l2-centre 		{	font-size: 12px;	}
	.tbl-l2-centreM 	{	font-size: 12px;	}
	.tbl-l2-centre-r 	{	font-size: 12px;	}
	.tbl-l1-droit 		{	font-size: 12px;	}
	.tbl-l1-droitM 		{	font-size: 12px;	}
	.tbl-l2-droit 		{	font-size: 12px;	}
	.tbl-l2-droitM 		{	font-size: 12px;	}
	.tbllog 			{	font-size: 12px;	}
	.box-title 			{	font-size: 13px; line-height: 17px;	}
	.visibility-col-r1	{   display: table-cell;   }
	.visibility-col-r2	{   display: table-cell;   }
	.visibility-col-r3	{   display: table-cell;   }
	p 					{	font-size: 12px;	}
	a.button,a.buttonDis,a.button:hover,a.button:active {
		width: 110px;
		min-height: 22px;
		height: auto;
		font-size: 90%;
	}
}

@media screen and (max-width: 1400px) {
	body 				{	font-size: 13px;	}
	.tbl 				{	font-size: 13px;	}
	.tbl-entete			{	font-size: 13px;	}
	.tbl-ipsign 		{	font-size: 12px;	}
	.tbl-l1 			{	font-size: 12px;	}
	.tbl-l2 			{	font-size: 12px;	}
	.tbl-standard 		{	font-size: 12px;	}
	.tbl-l2b 			{	font-size: 12px;	}
	.tbl-l1-centre 		{	font-size: 12px;	}
	.tbl-l1-centreM 	{	font-size: 12px;	}
	.tbl-l1-centre-r 	{	font-size: 12px;	}
	.tblo-entete	 	{	font-size: 12px;	}
	.tblo-l1-centre		{	font-size: 12px;	}
	.tbl-l2-centre 		{	font-size: 12px;	}
	.tbl-l2-centreM 	{	font-size: 12px;	}
	.tbl-l2-centre-r 	{	font-size: 12px;	}
	.tbl-l1-droit 		{	font-size: 12px;	}
	.tbl-l1-droitM 		{	font-size: 12px;	}
	.tbl-l2-droit 		{	font-size: 12px;	}
	.tbl-l2-droitM 		{	font-size: 12px;	}
	.tbllog 			{	font-size: 12px;	}
	.box-title 			{	font-size: 13px; line-height: 17px;	}
	.visibility-col-r1	{   display: table-cell;   }
	.visibility-col-r2	{   display: table-cell;   }
	.visibility-col-r3	{   display: none;   }
	p 					{	font-size: 12px;	}
	a.button,a.buttonDis,a.button:hover,a.button:active {
		width: 110px;
		height: 22px;
		font-size: 90%;
	}
}

@media screen and (max-width: 1200px) {
	body 				{	font-size: 13px;	}
	.tbl 				{	font-size: 13px;	}
	.tbl-entete			{	font-size: 13px;	}
	.tbl-ipsign 		{	font-size: 12px;	}
	.tbl-l1 			{	font-size: 12px;	}
	.tbl-l2 			{	font-size: 12px;	}
	.tbl-standard 		{	font-size: 12px;	}
	.tbl-l2b 			{	font-size: 12px;	}
	.tbl-l1-centre 		{	font-size: 12px;	}
	.tbl-l1-centreM 	{	font-size: 12px;	}
	.tbl-l1-centre-r 	{	font-size: 12px;	}
	.tblo-entete	 	{	font-size: 12px;	}
	.tblo-l1-centre		{	font-size: 12px;	}
	.tbl-l2-centre 		{	font-size: 12px;	}
	.tbl-l2-centreM 	{	font-size: 12px;	}
	.tbl-l2-centre-r 	{	font-size: 12px;	}
	.tbl-l1-droit 		{	font-size: 12px;	}
	.tbl-l1-droitM 		{	font-size: 12px;	}
	.tbl-l2-droit 		{	font-size: 12px;	}
	.tbl-l2-droitM 		{	font-size: 12px;	}
	.tbllog 			{	font-size: 12px;	}
	.box-title 			{	font-size: 13px; line-height: 17px;	}
	.visibility-col-r1	{   display: table-cell;   }
	.visibility-col-r2	{   display: none;   }
	.visibility-col-r3	{   display: none;   }
	p 					{	font-size: 12px;	}
	a.button,a.buttonDis,a.button:hover,a.button:active {
		width: 110px;
		height: 22px;
		font-size: 90%;
	}
}

@media screen and (max-width: 1000px) {
	body 				{	font-size: 1vw;	}
	.tbl 				{	font-size: 1vw;	}
	.tbl-entete			{	font-size: 1vw;	}
	.tbl-ipsign 		{	font-size: 0.8vw;	}
	.tbl-l1 			{	font-size: 0.8vw;	}
	.tbl-l2 			{	font-size: 0.8vw;	}
	.tbl-standard 		{	font-size: 0.8vw;	}
	.tbl-l2b 			{	font-size: 0.8vw;	}
	.tbl-l1-centre 		{	font-size: 0.8vw;	}
	.tbl-l1-centreM 	{	font-size: 0.8vw;	}
	.tbl-l1-centre-r 	{	font-size: 0.8vw;	}
	.tblo-entete		{	font-size: 1vw;	}
	.tblo-l1-centre		{	font-size: 1vw;	}
	.tbl-l2-centre 		{	font-size: 0.8vw;	}
	.tbl-l2-centreM 	{	font-size: 0.8vw;	}
	.tbl-l2-centre-r 	{	font-size: 0.8vw;	}
	.tbl-l1-droit		{	font-size: 0.8vw;	}
	.tbl-l1-droitM 		{	font-size: 0.8vw;	}
	.tbl-l2-droit 		{	font-size: 0.8vw;	}
	.tbl-l2-droitM 		{	font-size: 0.8vw;	}
	.tbllog 			{	font-size: 0.8vw;	}
	.box-title 			{	font-size: 1vw; line-height: 1.1vw;	}
	.visibility-col-r1	{   display: none;   }
	.visibility-col-r2	{   display: none;   }
	.visibility-col-r3	{   display: none;   }
	p 					{	font-size: 0.8vw;	}
	a.button,a.buttonDis,a.button:hover {
		width: 9vw;
		height: 1.8vw;
		font-size: 0.8vw;
	}
}

@media print {
	.tbl 				{	font-size: 1.9vmin;	}
	.tbl-titre			{	font-size: 1.9vmin;	}
	.tbl-ipsign 		{	font-size: 1.9vmin;	}
	.tbl-l1 			{	font-size: 1.7vmin;	}
	.tbl-l2 			{	font-size: 1.7vmin;	}
	.tbl-standard 		{	font-size: 1.7vmin;	}
	.tbl-l2b 			{	font-size: 1.7vmin;	}
	.tbl-l1-centre 		{	font-size: 1.7vmin; }
	.tbl-l1-centreM 	{	font-size: 1.7vmin;	}
	.tbl-l1-centre-r 	{	font-size: 1.7vmin;	}
	.tblo-entete		{	font-size: 15vmin;	}
	.tblo-l1-centre		{	font-size: 15vmin;	}
	.tbl-l2-centre 		{	font-size: 1.7vmin;	}
	.tbl-l2-centreM 	{	font-size: 1.7vmin;	}
	.tbl-l2-centre-r 	{	font-size: 1.7vmin;	}
	.tbl-l1-droit		{	font-size: 1.7vmin;	}
	.tbl-l1-droitM 		{	font-size: 1.7vmin;	}
	.tbl-l2-droit 		{	font-size: 1.7vmin;	}
	.tbl-l2-droitM 		{	font-size: 1.7vmin;	}
	.tbllog 			{	font-size: 1.7vmin;	}
	.box-title 			{	font-size: 1.9vmin; line-height: 2.1vmin;	}
	p 					{	font-size: 1.7vmin;	}
}

.inputAndLabel div {
	display : inline-block;	
}

.inputAndLabel input {
	vertical-align: inherit;
}

.inputAndLabel label {
	vertical-align: super;
	font-weight: inherit;
}

input {
	vertical-align: middle;
/*	position: relative;*/
	bottom: 2px;
	margin: 0 auto;
}

textarea {
	font-family: monospace;
}

/* Style des lignes de séparation */
.tbl-sep {
	color: #333333;
	background-color: #d6d3ce;
}

/* Style des lignes de séparation */
.tbl-sep-blanc {
	color: #333333;
	background-color: white;
}

/* Style du tableau */
.tbl {
	width: 100%;
	border: 0px;
	border-spacing: 1px;
	border-collapse: inherit;
}

.tbl-ipsign {
	width: 100%;
}

#h_larch_reload img {
	width: 30px;
}

/* Style du titre du tableau */
.tbl-titre {
	color: #eeeeee;
	text-align: center;
	font-weight: bold;
	background-color: #666666;
	border-collapse: inherit;
}

/* Style des entêtes du tableau */
.tbl-entete {
	color: #333333;
	background-color: #a7ada7;
}

/* Style des entêtes du tableau */
.tblo-entete {
	color: #000000;
	background-color: silver;
}

/* Style des entêtes du tableau (centré) */
.tbl-entete-centre {
	color: #333333;
	text-align: center;
	background-color: #a7ada7;
}

/* Style des entêtes du tableau (centré) */
.tblo-entete-centre {
	color: #333333;
	text-align: center;
	background-color: #FFB600;
}

/* Style des entêtes du tableau (droite) */
.tbl-entete-droit {
	color: #333333;
	text-align: right;
	background-color: #a7ada7;
}

/* Style 1 des cellules */
.tbl-l1 {
	color: #333333;
	background-color: silver;
	padding: 2px;
}

/* Style 2 des cellules */
.tbl-l2 {
	background-color: lightgrey;
	border-bottom: 1px solid #999999;
	color: #333333;
	padding: 2px;
}

/* Style 2 des cellules */
.tbl-l2b {
	color: #333333;
	padding: 2px;
}

/* Style 1 des cellules (centré) */
.tbl-l1-centre {
	color: #333333;
	text-align: center;
	background-color: silver;
	padding: 2px;
}

/* Style 1 des cellules (centré) pour les remises mères */
.tbl-l1-centreM {
	color: #333333;
	text-align: center;
	background-color: #FFCC8C;
	padding: 2px;
}

.tbl-l1-centre-r {
	color: #333333;
	text-align: center;
	background-color: silver;
	padding: 2px;
}

/* Style 1 des cellules (centré) */
.tblo-l1-centre {
	color: #333333;
	text-align: center;
	background-color: #aeaef7;
	padding: 2px;
}

/* Style 2 des cellules (centré) */
.tbl-l2-centre {
	color: #333333;
	text-align: center;
	background-color: lightgrey;
	padding: 2px;
}

/* Style 2 des cellules (centré) pour les remises mères */
.tbl-l2-centreM {
	color: #333333;
	text-align: center;
	background-color: #FFDA8C;
	padding: 2px;
}

.tbl-l2-centre-r {
	color: #333333;
	text-align: center;
	background-color: #ccaccc;
	padding: 2px;
}

/* Style 1 des cellules (droite) */
.tbl-l1-droit {
	color: #333333;
	text-align: right;
	background-color: silver;
	padding: 2px;
}

/* Style 1 des cellules (droite) pour les remises mères */
.tbl-l1-droitM {
	color: #333333;
	text-align: right;
	background-color: #FFCC8C;
	padding: 2px;
}

/* Style 2 des cellules (droite) */
.tbl-l2-droit {
	color: #333333;
	text-align: right;
	background-color: lightgrey;
	padding: 2px;
}

/* Style 2 des cellules (droite) pour les remises mères */
.tbl-l2-droitM {
	color: #333333;
	text-align: right;
	background-color: #FFDA8C;
	padding: 2px;
}

a.info:hover span { /*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #6699cc;
	background-color: #eeeeee;
	color: #6699cc;
	text-align: justify;
	font-weight: normal;
	padding: 1px;
}

a.button,a.buttonDis {
	display: inline-block;
/* 	background: rgb(0, 80, 221); */
	background: linear-gradient( to bottom, rgb(0,19,127), rgb(0, 80, 221));
	border-radius: 3px;
	box-shadow: 0 3px #999;
	padding: 3px 0px 0px 0px;
	text-align: center;
	letter-spacing: 2px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a.button:link,a.button:visited {
	color: #FFFFFF;
}

a.button:active {
	transform: translateY(2px);
	color: #FFFFFF;
	box-shadow: 0 1px #999;
}

a.button:hover {
	background: linear-gradient( to bottom, rgb(127,0,0), rgb(202, 60, 60));
}

div.help,div.helpinline,div.helpnoborder {
	display: block;
	border: 1px solid #b2171a;
	background-color: #e2c9ca;
	text-align: center;
	font-family: Arial, sans-serif;
	color: #3333CC;
	font-weight: bold;
	margin-top: 1vmin;
	padding: 5px;
}

table.help {
	text-align: center;
	font-family: Arial, sans-serif;
	color: #3333CC;
	font-weight: bold;
	width: 100%;
}

.onglets ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

.miniA {
	font-size: 1.6vmin;
	font-family: arial, helvetica, sans serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.normalA {
	font-size: 2vmin;
	font-family: arial, helvetica, sans serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.maxiA {
	font-size: 2.2vmin;
	font-family: arial, helvetica, sans serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/*Pagination*/
.pagination a:hover {
	text-decoration: none;
	background: #F72525; /* Old browsers */
	background: -moz-linear-gradient(top, #F72525 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F72525),
		color-stop(100%, #efefef) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F72525 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F72525 0%, #efefef 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #F72525 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(top, #F72525 0%, #efefef 100%); /* W3C */
}

.pagination .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3)
		inset;
	cursor: default;
}

.pagination a,.pagination span {
	color: #666;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 2.1vmin;
	padding: 3px 7px;
	margin: 0 0.5em 0 0.5em;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #efefef) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #efefef 100%); /* W3C */
}

.pagination input {
	margin: 0 0.5em 0 0.5em;
}

span.highlight_short_text {
	background-color: #FFFFFF;
	display: inline-table;
	width: 5%;
}

.box-title {
	width: 100%;
	border: 0px;
	border-spacing: 1px;
	color: #333333;
	background-color: #a7ada7;
	text-align: center;
}

.auditlarch {
	word-break: break-all;
	padding-left: 2em;
}

.highlight-tbl {
	background-color: #e8e8e8;	
}

.resizable-input {
    /* make resizable */
    overflow-x: hidden;
    resize: horizontal;
    display: inline-block;

    /* no extra spaces */
    padding: 0;
    margin: 0;
    white-space: nowrap;
  
    /* default widths */
    min-width: 10em;
    max-width: 140em;
}

/* let <input> assume the size of the wrapper */
.resizable-input > input {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

/* add a visible handle */
.resizable-input > span {
    display: inline-block;
    vertical-align: bottom;
    margin-left: -16px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
    cursor: ew-resize;
}