html,body {
	margin: 0;
	padding: 0;
}


html {
    height: 100%;
    background-size: cover;
    background: rgb(233,234,236);
    background: linear-gradient(0deg, rgba(233,234,236,1) 0%, rgba(242,242,244,1) 100%);
}

body {
    font-family: Calibri, sans-serif;
    font-size: 12px;
}

#container {width: 90%; margin: 0 auto 0; padding: 0;
  position: relative; text-align: left;}

#posTitre {

    padding: 10px;
	color: #FFFFFF;
	height:15px;
}
#posLogo {
/*    width:1000px;*/
	height:48px;
    padding: 20px;
	text-align:left;
/*    background-color:#4D698A;*/

}

.foothead {
	padding:10px;
	display: block;
	float:left;
	width: 100%;
	background-color: #182F4B;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #FFFFFF;
}


#centre {
	display: block;
	float: left;
	width: 100%;
	background-color: #fff;
    padding: 10px;
	min-height: 500px;
	}

/* Gestion Formulaires */
#centerbox {
	width: 500px;
	margin: 0 auto 0;
}

div.row {
	clear: both;
	height: 40px;
	font-size: 18px;
	margin: 30px 0 0 0;
}

div.row2 {
	clear: both;
	height: 20px;
	font-size: 18px;
	margin: 30px 0 0 0;
}

#alert {
	border: 1px dashed red;

	color: black;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	width:600px;
	margin:0 auto 0;
	background-color:#FF9F9F;
}

a {

	color: #5F8DBF;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #778080;
}

a.system {


	color: #4B3418;
	font-weight: normal;
	text-decoration: none;
}
a.system:hover {
	color: #778080;
}

a.white {


	color: #d8e6ef;
	font-weight: normal;
	text-decoration: none;
}

a.white:hover {
	color: #97c9ff;
}

h1 {

	font-size: 16px;
	font-weight:bold;
	color: #182F4B;
	margin-bottom:20px;
}

h2 {

	font-size: 13px;
	font-weight:bold;
	color: #182F4B;
	margin-bottom:20px;
}


.icone {
	padding-right:5px;
	vertical-align: middle;
	border:0px;
}

.input_long {
	width:220px;
    border: 1px solid #dfdfdf;
}

.input_medium {
	width:200px;
	border: 1px solid #dfdfdf;
}

/*jgrid*/

table.scroll {
	table-layout: fixed;
    background-color: white;
	width:100%;
}

table.scroll tr.over td {
	background: #deecfd;
}

table.scroll tr.alt {
	background: #f5fafe;
}

table.scroll tbody td {
	border-bottom: 1px solid #D4D0C8;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color:#3D3D3D;
/*    padding: 4px;*/
}

table.scroll th  {
	background-color: #182F4B;	
	color: #FFFFFF;
	font-weight: bold;
	height:20px;
/*    border-top: 1px solid #99BBE8;*/
    border-right: 1px solid #FFF;
    padding: 4px;
}

table.scroll th div {
	overflow: hidden;
	white-space: nowrap;
}

table.scroll th span {
	cursor: e-resize;
	border-right: 1px solid #DEE1E5;
	width: 10px;
	float: right;
	display: block;
	margin: -2px -1px -2px 0px;
	height: 18px;
	overflow: hidden;
}

div.loading {
	position: absolute;
	padding: 30px;
	text-align: center;
	font-weight: bold;
	background: 4B3418;
	color: white;
	display: none;
}

img.jsHover {
	cursor: pointer;
}

/* tables */
table.tablesorter {
	margin:0px 0pt 0px;
	width: 100%;
    border: 0;
    
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #A1B3C9;
	padding: 4px;
}
table.tablesorter thead tr .header {
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
}
table.tablesorter td.grey {
	background-color:#efefef;
	font-style: italic;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/static/images/icons/scalable/go-up.svg);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/static/images/icons/scalable/go-down.svg);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.tablediv {
	display: table;
	background-color: White;
	border-spacing: 1px; /*cellspacing:poor IE support for  this*/
	border-collapse: separate;
	width:100%; /* FF hack poor when scroling subgrid */
}

.celldiv {
	float: left;
	display: table-cell;
	border: 1px dotted #CCCCCC;
	overflow: hidden;
}

.celldivth {
	float: left; /*fix for  buggy browsers*/
	border: 1px solid #CCCCCC;
	background-color: input[type=submit]Face;
	border-bottom: 1px solid #CBC7B8;

}

.rowdiv  {
	display: table-row;
	background: #FFFFE0 none;
	color: #000000;
	width: 100%;
}

.subgrid {
	overflow:  hidden;
}

#first, #prev, #next, #last, .ascdesc {
    height: 22px;
    vertical-align: middle;
}

/* Modernise form submit buttons */

input[type=submit] {
  font: inherit;

  /* create a small space when input[type=submit]s wrap on 2 lines */
  margin: 12px 2px;

  /* invisible border (will be colored on hover/focus) */
  border: solid 1px transparent;
  border-radius: 4px;

  /* input[type=submit] size comes from text + padding, avoid height */
  padding: 0.5em 1em;

  /* make sure colors have enough contrast! */
  color: #FFFFFF;
  background-color: #5479AD;
}

/* old-school "down" effect on clic + color tweak */
input[type=submit]:active {
  transform: translateY(1px);
  filter: saturate(150%);
}

/* inverse colors on hover */
input[type=submit]:hover {
  color: #5078A8;
  border-color: currentColor;
  background-color: white;
}

/* Firefox: remove the inner border shown on focus */
input[type=submit]::-moz-focus-inner {
  border: none;
}

/* make sure we have a visible focus ring */
input[type=submit]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(107, 168, 255, 0.5),
    0 0 0 1.5px rgba(107, 168, 255, 0.5);
}

/* hide focus style if not from keyboard navigation */
.js-focus-visible input[type=submit]:focus:not(.focus-visible) {
  box-shadow: none;
}