body {
	
}

h1 {
	color: orange;
	text-align: center;
}

p {
	font-family: "Times New Roman";
	font-size: 12px;
}

.dataTable, column, outputText {
	font-family: "Times New Roman";
	font-size: 12px;
}

.icon-grille {
	background: transparent url("../img/ico_grille.png") no-repeat top
		!important;
	background-size: 17px 17px;
	background-repeat: no-repeat;
}

.icon-metrique-independante {
	background: transparent url("../img/ico_metrique_independante.png")
		no-repeat top !important;
}

.icon-metrique-elementaire {
	background: transparent url("../img/ico_metrique_elementaire.png")
		no-repeat top !important;
}

.icon-metrique-intermediaire {
	background: transparent url("../img/ico_metrique_intermediaire.png")
		no-repeat top !important;
}

.icon-sequence {
	background: transparent url("../img/ico_sequence.png") no-repeat top
		!important;
}

.icon-ajouter {
	background: transparent url("../img/ajouter.png") no-repeat top
		!important;
	background-position: 17px 17px;
}

.icon-annuler {
	background: transparent url("../img/annuler.png") no-repeat top
		!important;
}

.icon-coller {
	background: transparent url("../img/coller.png") no-repeat top
		!important;
}

.icon-copier {
	background: transparent url("../img/copier.png") no-repeat top
		!important;
}

.icon-couper {
	background: transparent url("../img/couper.png") no-repeat top
		!important;
}

.icon-lancer-traitement {
	background: transparent url("../img/lancer_traitement.png") no-repeat
		top !important;
}

.icon-retour {
	background: transparent url("../img/retour.png") no-repeat top
		!important;
}

.icon-modifier {
	background: transparent url("../img/modifier.png") no-repeat top
		!important;
}

.icon-menu-grilles {
	background: transparent url("../img/menu-metrique.jpg") no-repeat top
		!important;
}

.icon-menu-traitements {
	background: transparent url("../img/menu-traitement.png") no-repeat top
		!important;
}

.icon-menu-reports {
	background: transparent url("../img/menu-report.png") no-repeat top
		!important;
}

.loginpic {
	background: transparent url("../img/logo_metrane_2.png");
	background-repeat: no-repeat;
	background-position: 50% -25%;
}

.menuitem-selected {
	color: orange;
}

.sequence-rupture {
	/*background: #99e8e6; //*/
	color: blue;
	font-weight: bold;
}

.hide-column-names table thead tr {
	display: none;
}


.pe-layout-pane-content {
	padding: 0px;
	overflow: auto;
}

.ui-widget-content {
	border: 1px #dddddd;
}

a {
	font-family: "Roboto Condensed";
}

/*new skin*/

/*Menu*/
ul#Header-menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#Header-menu li {
	float: left; /*pour IE*/
	border-bottom: 1px solid #b5b5b5;
	background-color: #f5f5f5;
	text-align: center;
}

ul#Header-menu li#logo {
	line-height: 85px;
	background-color: white;
	width: 22%;
}

ul#Header-menu li#element {
	width: 17%;
	border-left: 1px solid #b5b5b5;
}

ul#Header-menu li a {
	display: block;
	float: left;
	width: 100%;
	color: #a9a9aa;
	font-size: 18px;
	font-family: "Roboto Condensed";
	font-size: regular;
	text-transform: uppercase;
	text-decoration: none;
}

ul#Header-menu li a:hover {
	/*text-decoration: underline;*/
	color: #00afef;
	/*background-color: white;*/
}

ul#Header-menu li img {
	vertical-align: middle;
}

ul#Header-menu li#logout {
	line-height: 85px;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	width: 9.5%;
}

ul#Header-menu li a#logout {
	font-size: 10px;
}

ul#Header-menu li a#logout img {
	position: relative;
	top: -15px;
	left: 36px;
	vertical-align: middle;
}

ul#Header-menu li a#logout div {
	position: relative;
	top: 5px;
	left: -7px;
}

table#Header-menu {
	width: 100%;
	height: 85px;
}

table#Header-menu tr td {
	vertical-align: middle;
}

table#Header-menu tr td#icon {
	width: 40%;
}

table#Header-menu tr td#label {
	width: 60%;
	text-align: left;
}

.logo {
	height: 85px;
	width: 60%;
}

ul#Header-menu li#element.selected {
	border-bottom: 0px grey;
	background-color: white;
	color: #00afef;
}

ul#Header-menu li a.selected {
	color: #00afef;
	text-decoration: none;
}

Header-menu {
	height: 85;
	width: 100%;
}

.texte-menu {
	font-size: 18px;
	font-family: "Roboto Condensed";
	font-size: regular;
	color: #a9a9aa;
	text-transform: uppercase;
}

.texte-menu-hover-active {
	color: #00afef;
}

.texte-menu-deconnexion {
	font-size: 10px;
	font-family: "Roboto Condensed";
	font-size: regular;
	color: #a9a9aa;
	text-transform: uppercase;
}

.texte-menu-deconnexion-hover {
	color: #00afef;
}

.border-menu-et-separateur-liste-des-telechargement {
	border-width: 1px;
	border-color: #b5b5b5;
	border-style: solid;
}

.fond-menu-inactif {
	background-color: #f5f5f5;
}

/*GRILLES*/
.ui-layout-resizer-east-open-hover {
	background: none;
	background-color: white;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	border-top: 0px;
	border-bottom: 0px;
}

.ui-layout-resizer-east-open {
	background: none;
	background-color: white;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	border-top: 0px;
	border-bottom: 0px;
}

.ui-layout-resizer-west-open-hover {
	background: none;
	background-color: white;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	border-top: 0px;
	border-bottom: 0px;
}

.ui-layout-resizer-west-open {
	background: none;
	background-color: white;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
	border-top: 0px;
	border-bottom: 0px;
}

.vertical_align {
	vertical-align: middle;
}

/*Titre*/
.H1 {
	font-size: 22px;
	font-family: "Roboto Condensed";
	font-size: regular;
	color: #27282d;
	text-transform: uppercase;
}
.Bt ajouter une grille {
	border-radius: 2px;
	background-color: #00afef;
	width: 35px;
	height: 35px;
}

.legende {
	font-size: 12px;
	font-family: "Roboto Condensed";
	color: #a9a9aa;
	width: 20%;
	align: left;
}

.icone_grille {
	width: 16px;
	vertical-align: middle;
}

.icone_metrique {
	width: 17px;
	vertical-align: middle;
}

.icone_grille_mini {
	width: 10px;
	vertical-align: middle;
}

.nom_grille_et_metrique {
	font-size: 14px;
	font-family: "Roboto";
	color: #27282d;
	text-align: left;
}

.nom_grille_et_metrique_inactif {
	font-size: 14px;
	font-family: "Roboto";
	color: #a9a9aa;
	text-align: left;
}

.fond_grille_ou_metrique_selctionnee {
	border-radius: 12px;
	background-color: #e0e0e0;
	width: 104px;
	height: 26px;
}

/*gestion elt selectionne dans la partie de gauche*/
.ui-widget-content .ui-treenode .ui-state-highlight {
	border-radius: 12px;
	background: #e0e0e0;
	font-weight: normal;
	/* 	color: black; */
}

.ui-widget-content .ui-treenode .ui-state-hover {
	border: 0px;
	border-radius: 12px;
	font-weight: normal;
	color: black;
}

.ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight
	{
	font-weight: normal;
	border: 0 none;
}

.Tri {
	font-size: 12px;
	font-family: "Roboto";
	border-left: 0px;
	border-right: 0px;
}

.ui-column-title {
	font-weight: bold;
	font-family: "Roboto Condensed";
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	font-weight: normal;
}

/*gestion elt selectionne dans la partie du milieu */
.ui-widget-content .ui-datatable-data .ui-state-highlight {
	background: #00afef;
	font-weight: normal;
	color: #FFFFFF;
}

.ui-widget-content .ui-datatable-data .ui-state-hover {
	/* 	border: 0px; */
	color: #3e5b6f;
	font-size: 14px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	border: 0px;
	font-weight: normal;
}

/*Entete tableau*/
.ui-datatable-scrollable-header-box {
	
}

.ui-widget-content .ui-datatable-scrollable-header-box .ui-state-default
	{
	/* 	border: 1px solid #cccccc; */
	background: white;
	font-weight: normal;
	/* 	border-left: 0px; */
	/* 	border-right: 0px; */
}

.ui-inputfield {
	height: 20px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.ui-inputtext {
	border-left: 1px solid;
	border-right: 1px solid;
	background: red;
}

.ui-corner-all {
	border-radius: 0px;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
	{
	/*     background: #ffffff; */
	/*     -moz-box-shadow: none; */
	/*     -webkit-box-shadow: none; */
	box-shadow: none;
	/*     color: #313131; */
	/*     border-left: 1px solid #cccccc; */
	/* 	border-right: 1px solid #cccccc; */
}

.ui-sortable-column {
	border-left: 0px;
	border-right: 0px;
}

.ui-state-default.ui-sortable-column.ui-filter-column.ui-resizable-column.Tri
	{
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.ui-state-default.ui-resizable-column.Tri {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.ui-state-default.ui-sortable-column.ui-filter-column.Tri {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

/* data du tableau*/
.ui-datatable-scrollable-body .ui-widget-content {
	border-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-left: 0px;
	border-right-color: white;
	border-left-color: white;
	border-spacing: 0px;
	height: 30px;
}

.ui-datatable-odd {
	background: none repeat scroll 0 0 white;
}

.ui-datatable-even {
	background: none repeat scroll 0 0 #f5f5f5;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
	padding: 4px 10px;
	overflow: hidden;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
}

/**couleur des font dans les donées du tableau*/
.ui-datatable-selectable {
	color: #27282d;
}

/*tableau des sequences*/
div.ui-treetable-scrollable-header-box {
	margin-right: 0px;
}

.ui-treetable-scrollable-header {
	background: white;
}

.ui-widget-content .ui-treetable-scrollable-header-box .ui-state-default
	{
	border-top: 1px solid #cccccc;
	background: white;
	font-weight: normal;
	border-left: 0px;
	border-right: 0px;
	height: 35px;
}

.ui-treetable table {
	border-collapse: collapse;
	width: 100%;
}

.ui-treetable .ui-treetable-header, .ui-treetable .ui-treetable-footer {
	text-align: center;
	padding: 4px 10px;
	background: white;
}

.ui-treetable .ui-treetable-header {
	border-bottom: 0px none;
}

.ui-treetable .ui-treetable-footer {
	border-top: 0px none;
}

.ui-treetable th, .ui-treetable tfoot td {
	text-align: center;
}

.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
	padding: 4px 10px;
	overflow: hidden;
	white-space: nowrap;
	border-width: 1px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
}

.ui-treetable tbody td {
	border-color: inherit;
}

.ui-treetable .ui-treetable-toggler {
	float: left;
	margin-top: -2px;
	cursor: pointer;
}

.ui-treetable .ui-treetable-data tr.ui-state-highlight, .ui-treetable .ui-treetable-data tr.ui-state-hover
	{
	cursor: pointer;
}

.ui-treetable-scrollable-body {
	overflow: auto;
}

.ui-treetable-scrollable-header, .ui-treetable-scrollable-footer {
	overflow: hidden;
	border: 0 none;
}

.ui-treetable.ui-treetable-scrollable table {
	table-layout: fixed;
}

.ui-treetable-scrollable .ui-treetable-scrollable-header,
	.ui-treetable-scrollable .ui-treetable-scrollable-footer {
	position: relative;
}

.ui-treetable .ui-treetable-data tr.ui-state-hover {
	border-color: inherit;
	font-weight: inherit;
}

/** Resizable Columns **/
.ui-treetable-resizable {
	padding-bottom: 1px; /*fix for webkit overlow*/
	overflow: auto;
}

.ui-treetable.ui-treetable-resizable table {
	table-layout: fixed;
}

.ui-treetable .ui-column-resizer {
	width: 8px;
	height: 20px;
	padding: 0px;
	cursor: col-resize;
	background-image:
		url("/javax.faces.resource/spacer/dot_clear.gif.xhtml?ln=primefaces&v=5.1&v=5.1");
	margin: -4px -10px -4px 0px;
	float: right;
}

.ui-treetable .ui-column-resizer-helper {
	width: 1px;
	position: absolute;
	z-index: 10;
	display: none;
}

.ui-treetable .ui-chkbox {
	margin-right: 3px;
}

.ui-treetable .ui-treetable-indent {
	width: 16px;
	height: 16px;
	float: left;
}

.ui-treetable-scrollable-body::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 15px;
	background-color: transparent;
}

.ui-treetable-scrollable-body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 1px solid white;
	background-color: rgba(194, 194, 194, .5);
}

.ui-treetable .ui-sortable-column {
	cursor: pointer;
}

.ui-treetable .ui-sortable-column-icon {
	display: inline-block;
	margin: -3px 0px -3px 2px;
}
/*gestion sequence selectionne*/
.ui-widget-content .ui-treetable-data .ui-state-highlight {
	border: 0 px;
	background: #00afef;
	font-weight: normal;
	color: #FFFFFF;
}

/*Partie droite*/
form#formE {
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.ui-panelgrid-cell.ui-grid-col-6 {
	padding-left: 0px;
	padding-right: 0px;
}

.fond_col_droite {
	background-color: #f5f5f5;
}

.Titre_col_droite {
	font-size: 14px;
	font-family: "Roboto Condensed";
	text-transform: uppercase;
	font-weight: normal;
	height: 25px;
	text-decoration: none
}

.Texte_col_droite {
	font-size: 14px;
	font-family: "Roboto Condensed";
	text-align: left;
	color: black;
}

.Texte_bleu {
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #00afef;
	width: 61%;
}

.Texte_bleu_col_droite {
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #00afef;
	text-align: right;
	width: 61%;
}

.separateurs {
	color: #e0e0e0;
	border-bottom: 1px solid;
}

}
.tab ligne hover bleu {
	background-color: #00afef;
	height: 35px;
}

.tab ligne texte hover {
	font-size: 14px;
	font-family: "Roboto";
	color: #FFFFFF;
}

.ui-grid .ui-grid-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	clear: both;
	color: #e0e0e0;
	border-bottom: 1px solid;
}

/*Menu click droit grille*/
MENU CLIC DROIT

.fond {
	background-color: #e0e0e0;
	width: 170px;
}

.a hover {
	font-size: 12px;
	font-family: "Roboto";
	color: #00afef;
	line-height: 3;
	text-align: left;
}

.Separateur dans le menu {
	border-width: 1px;
}

/*couleur fond menu*/
.ui-menu, .ui-menu .ui-menu-child {
	background: #e0e0e0;
	padding: 0px;
}

li.ui-separator.ui-state-default {
	border: 1px solid white;
	width: 99%;
}

.ui-menu .ui-menuitem-link {
	padding-left: 15px;
}

.ui-menuitem-text {
	font-size: 12px;
	font-family: "Roboto";
	text-align: left;
}

.ui-menuitem-active {
	font-size: 12px;
	font-family: "Roboto";
	color: #00afef;
	text-align: left;
}

.ui-widget-content .ui-menuitem .ui-state-hover {
	font-family: "Roboto";
	background: transparent;
	font-weight: normal;
	border-color: transparent;
	color: #00afef;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* formulaires*/
.ui-dialog-title {
	font-size: 22px;
	font-family: "Roboto Condensed";
	color: #00afef;
	text-transform: uppercase;
}

.label {
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #3e5b6f;
	font-weight: normal;
}

.value {
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #a9a9aa;
}

/* input saisie libre*/
.ui-widget input {
	font-family: "Roboto Condensed";
	font-size: 1em;
	width: 98.5%;
	border: 0px;
}

.ui-widget textarea {
	font-family: "Roboto Condensed";
	font-size: 1em;
	width: 98.1%;
	border: 0px;
}

/*input avec liste de choix*/
input.ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-left
	{
	font-family: "Roboto Condensed";
	font-size: 1em;
	width: 91%;
	height: 100%;
	border: 0px;
	background: transparent;
}

input.ui-spinner-input.ui-inputfield.ui-state-default.ui-corner-all {
	font-family: "Roboto Condensed";
	font-size: 1em;
	width: 91%;
	height: 100%;
	border: 0px;
	background: transparent;
	text-align: left;
}

div.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all {
	width: 100%;
}

.ui-autocomplete, .ui-spinner {
	width: 100%;
}

table.ui-panelgrid.ui-widget {
	width: 100%;
}

/*largeur ecran formulaire*/
.ui-dialog-content {
	width: 650px;
}

.ui-widget-header {
	font-weight: normal;
	background: transparent;
}

td.ui-panelgrid-cell.value {
	padding: 0px;
}

/*input saisie*/
td.ui-panelgrid-cell.value input {
	padding-left: 7px;
	height: 22.5px;
}

.ui-inputfield {
	padding-left: 7px;
}

textarea {
	padding-left: 7px;
}

textarea.ui-inputfield.ui-inputtextarea.ui-widget.ui-state-default.ui-corner-all.ui-inputtextarea-resizable
	{
	font-family: "Roboto Condensed";
	font-size: 1em;
	width: 98%;
	height: 100%;
	border: 0px;
	background: transparent;
}

.padding-left {
	padding-left: 7px;
}

li.ui-autocomplete-item.ui-autocomplete-list-item.ui-corner-all {
	font-family: "Roboto Condensed";
}

.ui-panelgrid .ui-panelgrid-cell {
	
}

td.ui-panelgrid-cell {
	padding-left: 7px;
}

/*ecran telechargement résultat*/
th.ui-state-default.ui-sortable-column {
	border-left: 0px;
	border-right: 0px;
}

th.ui-state-default {
	border-left: 0px;
	border-right: 0px;
}

.bouton bleu texte {
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.bouton_bleu_fond
	{
	background: transparent;
	border-radius: 2px;
	background-color: #00afef;
	border: 0px;
	width: 150px;
	height: 35px;
	color: white;
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.i-button-text-icon-left.bouton_bleu_fond.ui-state-hover
	{
	background-color: #21d0ff;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.bouton_bleu_fond
	{
	background: transparent;
	border-radius: 2px;
	background-color: #00afef;
	border: 0px;
	width: 150px;
	height: 35px;
	color: white;
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
}

button.bouton_bleu_fond {
	background: transparent;
	border-radius: 2px;
	background-color: #00afef;
	border: 0px;
	width: 150px;
	height: 35px;
	color: white;
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.bouton_gris_fond {
	background: transparent;
	border-radius: 2px;
	background-color: #a9a9aa;;
	border: 0px;
	width: 150px;
	height: 35px;
	color: white;
	font-size: 14px;
	font-family: "Roboto Condensed";
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
}

.ui-state-default {
	-moz-box-shadow: inset 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px #fff;
	box-shadow: inset 0px 0px 0px #fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover
	{
	text-shadow: none;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}

.bouton_gris_fond {
	background-color: #a9a9aa;
}

.ui-widget-content .ui-state-default {
	text-shadow: none;
}

.ui-button-icon-left.ui-icon.ui-c.icon-download {
	background: url("/resources/img/ico_download.svg") no-repeat;
	background-image: url("/resources/img/ico_download.svg") no-repeat;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/*ecran login*/
div.login {
  background-color: #FFFFFF;
  box-shadow: 1.5px 2.598px 1.92px 0.08px rgba(0, 0, 0, 0.25);
  width: 350px;
  height: 480px;

}

.Champ-de-formulaire {
  border-width: 1px;
  border-color: #b5b5b5;
  border-style: solid;
  background-color: #FFFFFF;
  width: 80%;
  height: 35px;
}

.texte_dans_le_champ {
  font-size: 16px;
  font-family: "Roboto" light;
  color: #3e5b6f;
  text-align: left;
  padding-left: 16px;
}

button.Fond_bouton {
  background-color: #00afef;
  width: 85%;
  
}

button.Texte_bouton {
  font-size: 24px;
  font-family: "Roboto Condensed";
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.i-button-text-icon-left.Fond_bouton.ui-state-hover
	{
	background-color: #21d0ff;
	font-family: "Roboto Condensed";
	text-shadow: none;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.Fond_bouton
	{
	background: transparent;
	border-radius: 0px;
	background-color: #00afef;
	border: 0px;
}

button.Fond_bouton {
	background: transparent;
	border-radius: 0px;
	background-color: #00afef;
	border: 0px;
	color: white;
	color: #FFFFFF;
	text-align: center;
	text-shadow: none;
	font-weight: normal;
	font-size: 24px;
    font-family: "Roboto Condensed";
}