/*--------------------------------------------------*/
/* Feuille de style principale					    */
/*--------------------------------------------------*/
html, body {
	min-height: 100%;
}

body {
	margin: 0 0 20px 0;
	font-size: 11px;
	font-family: Arial;
}

img {
	border-width: 0px !important;
}

a {
	font-style: normal;
}

/* Début : A supprimer lors d'une montée de version Primefaces */
.ui-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1rem
}

.ui-avatar>* {
    position: absolute
}

.ui-avatar.ui-avatar-circle {
    border-radius: 50%;
}

.ui-avatar-circle img {
    border-radius: 50%;
}

.ui-avatar .ui-avatar-icon {
    font-size: 1rem
}

.ui-avatar img {
    width: 100%;
    height: 100%
}

.ui-avatar.ui-avatar-dark {
    color: #fff
}

.ui-avatar.ui-avatar-light {
    color: #495057
}

.ui-avatar-group .ui-avatar+.ui-avatar {
    margin-left: -1rem
}

.ui-avatar-group {
    display: flex;
    align-items: center
}

body .ui-avatar {
    background-color: #dee2e6;
    border-radius: 4px
}

body .ui-avatar.ui-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem
}

body .ui-avatar.ui-avatar-lg .ui-avatar-icon {
    font-size: 1.5rem
}

body .ui-avatar.ui-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
}

body .ui-avatar.ui-avatar-xl .ui-avatar-icon {
    font-size: 2rem
}

body .ui-avatar-group .ui-avatar {
    border: 2px solid #fff
}
/* Fin : A supprimer lors d'une montée de version Primefaces */

#copyright a
{
	margin:auto;
	font-family:"Arial";
	color:#778D9B;
}

#copyright a:hover
{
	text-decoration:underline;
}

.link {
	color: #778D9B !important;
    text-decoration: underline !important;
}

.link:hover {
	text-decoration: none !important;
}

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(../resources/images/ajax-loader-2.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.titre-article {
	font-size: 2rem;
	margin-bottom: 10px;
}

.sous-titre-information {
	font-weight: bold !important;
    font-size: 1.0rem;
    margin-left: 5px;
}

/* Pour les echances */
.date-retractation-vert {
	background-color: #00B308;
	color: #000000 !important;
}

.date-retractation-orange {
	background-color: #E7A200;
	color: #000000 !important;
}

.date-retractation-rouge {
	background-color: #E60B0B;
	color: #000000 !important;
}

.severity_event_error {
	background-color: #F03369;
	color: #FFFFFF !important;
}

.severity_event_warn {
	background-color: #F9CC08;
}

.severity_event_info {
	background-color: #63BCE2;
}

.statut_batch_execution_en_cours {
	background-color: #E7A200;
	color: #000000 !important;
}

.statut_batch_execution_en_erreur {
	background-color: #E60B0B;
	color: #000000 !important;
}

.statut_batch_execution_termine {
	background-color: #00B308;
	color: #000000 !important;
}

.liste_statut_echeance_previsionnel {
	background-color: #E7A200;
	color: #000000 !important;
}

.liste_statut_echeance_refuse {
	background-color: #E60B0B;
	color: #000000 !important;
}

.liste_statut_echeance_realise {
	background-color: #B5E655;
	color: #000000 !important;
}

.liste_statut_echeance_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

/* Pour les apporteurs */
.statut_inscription_acceptee {
	background-color: #00B308;
	color: #000000 !important;
}

.statut_inscription_etude_en_cours {
	background-color: #E7A200;
	color: #000000 !important;
}

.statut_inscription_incident {
	background-color: #E60B0B;
	color: #000000 !important;
}

.statut_inscription_refusee {
	background-color: #E60B0B;
	color: #000000 !important;
}

.statut_inscription_resilie {
	background-color: #E60B0B;
	color: #FFFFFF !important;
}

.statut_inscription_soumise {
	background-color: #FFE400;
	color: #FFFFFF !important;
}

.statut_inscription_suspendu {
	background-color: #E7A200;
	color: #000000 !important;
}

/* Pour les reglements */
.statut_reglement_anomalie {
	background-color: #E60B0B;
	color: #000000 !important;
}

.statut_reglement_previsionnel {
	background-color: #E7A200;
	color: #000000 !important;
}

.statut_reglement_valide {
	background-color: #B5E655;
	color: #000000 !important;
}

.statut_reglement_rejete {
	background-color: #E60B0B;
	color: #000000 !important;
}

.statut_reglement_receptionne {
	background-color: #FFE400;
	color: #000000 !important;
}

.statut_reglement_encaisse {
	background-color: #00B308;
	color: #000000 !important;
}

.statut_reglement_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

/* Pour les bordereaux */
.statut_bordereau_cree {
	background-color: #E7A200;
	color: #000000 !important;
}

.statut_bordereau_depose {
	background-color: #FFE400;
	color: #000000 !important;
}

.statut_bordereau_encaisse {
	background-color: #00B308;
	color: #000000 !important;
}

.statut_bordereau_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

/* Ack pour disabled un color picket */
.color_picker_enabled {
	
}

.color_picker_disabled {
	pointer-events: none;
}

.color_picker_disabled button {
	background: none repeat scroll 0 0 rgba(196, 196, 196, 0.5) !important;
}

/* Ack pour masquer un �l�ment de la liste */
.list_item_show {
	
}

.list_item_hide {
	display: none;
}

.empty_column {
	display: none;
}

td:has(> span.empty_column) {
    display: none;
}

/* Pour les chantiers */
.statut_chantier_retract {
	background-color: #FFE400;
	color: #000000 !important;
}

.statut_chantier_mairie {
	background-color: #FFE400;
	color: #000000 !important;
}

.statut_chantier_a_planifie {
	background-color: #E7A200;
}

.statut_chantier_planifie {
	background-color: #00B308;
	color: #FFFFFF !important;
}

.statut_chantier_en_cours {
	background-color: #1C6ECB;
	color: #FFFFFF !important;
}

.statut_chantier_termine {
	background-color: #00B308;
	color: #000000 !important;
}

.statut_chantier_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

.statut_chantier_incident {
	background-color: #E60B0B;
	color: #FFFFFF !important;
}

/* Pour les affaires */
.statut_affaire_a_traiter {
	background-color: #E7A200;
}

.statut_affaire_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

.statut_affaire_rdv_pris {
	background-color: #1C6ECB;
	color: #FFFFFF !important;
}

.statut_affaire_injoignable {
	background-color: #FFE400;
	color: #000000 !important;
}

.statut_affaire_rdv_refuse, .statut_affaire_contact_refuse {
	background-color: #E60B0B;
	color: #000000 !important;
}

.statut_affaire_tarif_imp {
	background-color: #E57B09;
	color: #000000 !important;
}

.statut_affaire_rdv_honore, .statut_affaire_traite {
	background-color: #215F24;
	color: #FFFFFF !important;
}

.statut_affaire_en_cours {
	background-color: #00B308;
	color: #000000 !important;
}

.statut_colaborateur th {
	background: rgba(255, 255, 255, 0.3);
}
/* Batch */
.batch-calendar-time input {
	width: 50px;
}

/* Pour le sens des règlements */
.reglement_sens_credit {
	background-color: #00B308;
}

.reglement_sens_debit {
	background-color: #E60B0B;
}

/* Pour les donn�es obligatoires */
.colonne_tableau_obligatoire {
	background-color: #FEFAD0;
}

.champ_texte_obligatoire {
	background-color: #FEFAD0;
}

/* Pour les liste de demandes */
.statut_demande_annulee {
	background-color: #000000;
	color: #FFFFFF !important;
}

.statut_demande_cree {
	background-color: #E7A200;
}

.statut_demande_soumise {
	background-color: #FFE400;
}

.statut_demande_validee {
	background-color: #00B308;
	color: #000000 !important;
}

.statut_demande_refusee {
	background-color: #E60B0B;
	color: #000000 !important;
}
/* Pour les liste de client */
.classification_client_vip {
	background-color: #00B308;
	color: #FFFFFF !important;
}

.classification_client_bon {
	background-color: #80ff80;
}

.classification_client_mau {
	background-color: #E7A200;
}

.classification_client_non {
	background-color: #E60B0B;
	color: #FFFFFF !important;
}

.classification_client_vendu {
	background-color: #000000;
	color: #FFFFFF !important;
}

/* Pour les liste de devis */
.statut_devis_a_remettre {
	background-color: #E7A200;
}

.statut_devis_a_valider {
	background-color: #E7A200;
}

.statut_devis_demande_prix {
	background-color: #E7A200;
}

.statut_devis_remis {
	background-color: #FFE400;
}

.statut_devis_refus_courtier {
	background-color: #E60B0B;
	color: #FFFFFF !important;
}

.statut_devis_refus_client {
	background-color: #E60B0B;
	color: #FFFFFF !important;
}

.statut_devis_accepte_client {
	background-color: #215F24;
	color: #FFFFFF !important;
}

.statut_devis_expire {
	background-color: #000000;
	color: #FFFFFF !important;
}

/* Pour les liste de contrat */
.statut_contrat_futur {
	background-color: #E7A200;
}

.statut_contrat_projet {
	background-color: #FFE400;
}

.statut_contrat_en_cours {
	background-color: #00B308;
	color: #FFFFFF !important;
}

.statut_contrat_termine {
	background-color: #CCCCCC;
	color: #FFFFFF !important;
}

.statut_contrat_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

.statut_contrat_vendu {
	background-color: #000000;
	color: #FFFFFF !important;
}

.statut_contrat_suspendu {
	background-color: #E60B0B;
	color: #FFFFFF !important;
}

/* Pour les liste de sinistre */
.statut_sinistre_a_declarer {
	background-color: #E7A200;
}

.statut_sinistre_ouvert {
	background-color: #FFE400;
}

.statut_sinistre_refuse {
	background-color: #00B308;
	color: #FFFFFF !important;
}

.statut_sinistre_clos {
	background-color: #215F24;
	color: #FFFFFF !important;
}

.statut_sinistre_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

/* Pour les liste de RDV */
.statut_rdv_non_confirme {
	background-color: #1C6ECB;
	color: #FFFFFF !important;
}

.statut_rdv_confirme {
	background-color: #1C6ECB;
	color: #FFFFFF !important;
}

.statut_rdv_honore_non_abouti {
	background-color: #7b087c;
	color: #FFFFFF !important;
}

.statut_rdv_honore {
	background-color: #215F24;
	color: #FFFFFF !important;
}

.statut_rdv_absent {
	background-color: #E57B09;
	color: #000000 !important;
}

.statut_rdv_reporte, .statut_rdv_a_reporter {
	background-color: #FFE400;
	color: #000000 !important;
}

.statut_rdv_refus {
	background-color: #E60B0B;
	color: #000000 !important;
}

.statut_rdv_annule {
	background-color: #000000;
	color: #FFFFFF !important;
}

.statut_rdv_vente {
	background-color: #00B308;
	color: #000000 !important;
}

.statut_financement_envoye {
	background-color: #FFE400;
}

.statut_financement_cree {
	background-color: #E7A200;
}

.statut_financement_accepte {
	background-color: #B5E655;
	color: #000000 !important;
}

.statut_financement_refuse {
	background-color: #000000;
	color: #FFFFFF !important;
}

.liste_presence_rdv_couple {
	background-color: #215F24;
	color: #FFFFFF !important;
}

.liste_presence_rdv_personne_seule {
	background-color: #215F24;
	color: #FFFFFF !important;
}

.liste_presence_rdv_monsieur {
	background-color: #E60B0B;
	color: #000000 !important;
}

.liste_presence_rdv_madame {
	background-color: #E60B0B;
	color: #000000 !important;
}

.liste_presence_rdv_hors_cible {
	background-color: #E60B0B;
	color: #000000 !important;
}

.liste_experience_salarie_debutant {
	background: transparent url(niveau_debutant.png.xhtml?ln=images) bottom
		right no-repeat;
	background-size: 45px 15px;
}

.liste_experience_salarie_intermediaire {
	background: transparent url(niveau_intermediaire.png.xhtml?ln=images)
		bottom right no-repeat;
	background-size: 45px 15px;
}

.liste_experience_salarie_confirme {
	background: transparent url(niveau_confirme.png.xhtml?ln=images) bottom
		right no-repeat;
	background-size: 45px 15px;
}

.objet_actif_false {
	background-color: #CCCCCC !important;
}

.objet_actif_true {
	
}

/* Couleurs des types de sources de rdv */
.type-source-rdv-t�l�prospection {
	background-color: black;
	color: white;
}

.type-source-rdv-contr�le annuel {
	background-color: black;
	color: white;
}

.type-source-rdv-t�l�prospection {
	background-color: black;
	color: white;
}

.type-source-rdv-t�l�prospection {
	background-color: black;
	color: white;
}

.navbar-fixed-top .dropdown .caret {
	margin-top: 5px;
	border-top-color: #ffffff;
}

.navbar-fixed-top {
	padding: 0px !important;
	position: fixed;
	top: 0;
	left: 0;
	background-repeat: repeat-x;
	width: 100%;
	display: block;
	height: 50px;
	z-index: 9999;
	vertical-align: middle;
	min-width: 1000px;
}

.navbar .ui-menu-child {
	background-image: none;
	background-color: #ccc !important;
	border: 0px;
	width: auto;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
	width: 200px !important;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: 200px !important;
}

.navbar-logo img {
	vertical-align: middle;
}

.navbar-logo {
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background-color: white;
	padding-right: 10px;
	padding-left: 10px;
}

.navbar-panel-select {
	z-index: 9999 !important;
	position: fixed !important;
}

.navbar-menu {
	display: block;
	float: left;
}

@media ( max-width : 960px) and (min-width: 0px) {
	.erp-main-grid {
		margin-top: 0px;
	}
}

.menu_right {
	line-height: 50px;
	color: #333333;
	position: absolute;
	right: 1em;
	display: block;
	vertical-align: middle;
}

.menu_right a {
	color: #333333;
	text-decoration: none;
	vertical-align: middle;
	font-size: 10pt !important;
}

.menu_right a:hover {
	color: #fff;
	text-decoration: underline !important;
}

.menu_right .ui-overlaypanel {
	line-height: 25px;
}

.menu_right .ui-overlaypanel a {
	color: #c3cceb;
}

button.redbutton {
	background: transparent url(more_account.png.xhtml?ln=images) 0px 0px
		no-repeat !important;
	height: 30px !important;
	width: 32px !important;
	margin-left: 5px !important;
	vertical-align: middle;
}
/* Main title of pages */
.main-title {
	font-size: 18px;
	font-weight: bold;
	color: #3e3e3e;
	width: 500px;
}

.main-title-bar {
	float: left;
	display: block;
}

.main-buttons-center {
	text-align: center;
	float: center;
	display: block;
}

.main-buttons-shortlink {
	margin-left: 10px;
	float: left;
	display: block;
}

.main-buttons {
	text-align: right;
	display: block;
}

.main-bar {
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
}

.main-bar-tabview {
	padding: 10px 10px 0px 10px;
}

.ui-menu .ui-menuitem-link {
	line-height: 20px !important;
}

.ui-menubar {
	min-height: 40px !important;
	font-size: 10pt !important;
}

.ui-menubutton .ui-button-text {
	background-color: #778D9B;
}

.ui-autocomplete-panel {
	z-index: 9999 !important;
}

/* Map */
.map-buttons {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	position: relative;
}

/* Chantier planif */
.table_technicien_row td {
	overflow: visible !important;
}

/*--------------------------------------------------*/
/* Prime override */
* /--------------------------------------------------* /
.ui-tabs-panels .ui-panel {
	margin-top: 0px !important;
}

.ui-tabs-panel {
	padding-top: 0px !important;
}

.ui-tabs-left .ui-tabs-nav {
	float: left !important;
	width: 15% !important;
	height: 100% !important;
	background-image: none !important;
	padding-top: 1px !important;
}

.ui-tabs-left .ui-tabs-panels {
	float: right !important;
	width: 85% !important;
	padding: 0px !important;
	padding-top: 0px !important;
}

.ui-tabs-left .ui-tabs-nav {
	float: left !important;
	width: 15% !important;
	height: 100% !important;
	background-image: none !important;
	padding-top: 1px !important;
}

.ui-tabs .ui-tabs-panel {
	padding: 0em 0.4em !important;
}

/* GENERAL OVERRIDE */
.ui-widget-header {
	font-weight: normal;
}

.ui-state-error {
	background: none !important;
}

.ui-growl {
	position: fixed !important;
	bottom: 20px !important;
	right: 20px !important;
	top: inherit !important;
}

.ui-panel {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	padding: 0px !important;
	border-radius: 3px !important;
	/** IE7 hack	overflow: hidden !important;**/
	clear: both;
}

.panel-bottom {
	margin-top: 5px;
	border-top: 1px solid darkgrey;
	width: 100%;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ui-widget-header .ui-panel-title {
	text-shadow: none;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
}

.ui-panel .ui-panel-content {
	padding: 5px 3px 5px 3px !important;
	/**Fix bug IE7
	*/
	background-color: #fff !important;
}

.ui-inputfield {
	-moz-box-shadow: inset 0 1px 1px #8f8f8f !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(143, 143, 143, 0.59) !important;
	box-shadow: inset 0 1px 1px rgba(143, 143, 143, 0.4) !important;
}

/* DATATABLE OVERRIDE */
.ui-datatable table {
	width: 100% !important;
}

.ui-state-hover {
	
}

/* MENU OVERRIDE */
.navbar .ui-menu {
	width: 100% !important;
	height: 36px;
	margin: auto;
	padding: 0px !important;
	border: none;
	border-radius: 0px;
	background-image: none;
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	z-index: 1031;
	color: #fff;
}

.navbar .ui-menu .ui-menuitem-link {
	text-transform: uppercase;
	font-size: 11px !important;
	color: #fff;
	border: 0px !important;
	border-radius: 0px !important;
	background: transparent;
	margin: 0px !important;
	box-shadow: none;
	text-shadow: rgb(102, 122, 142) 1px 1px 1px;
}

.navbar .ui-menu .ui-menuitem-link:hover {
	text-transform: uppercase;
	color: rgb(223, 232, 255);
	border: 0px !important;
	border-radius: 0px !important;
	background: transparent;
	margin: 0px !important;
	box-shadow: none;
	text-shadow: rgb(102, 122, 142) 1px 1px 1px;
}

.navbar .ui-menu-child .ui-menuitem-link, .navbar .ui-menu-child .ui-menuitem-link:hover
	{
	text-transform: none;
	color: #000;
	border: 0px !important;
	border-radius: 0px !important;
	background: transparent;
	margin: 0px !important;
	box-shadow: none;
	text-shadow: none;
}

.navbar .ui-menu-child .ui-menuitem-link:hover {
	text-transform: none;
	color: grey;
	border: 0px !important;
	border-radius: 0px !important;
	background: transparent;
	margin: 0px !important;
	box-shadow: none;
	text-shadow: none;
}

.ui-menu-child {
	color: red;
}

.no_alt_row tr {
    background-color: #FBFCFD !important;
}

.ui-radiobutton-box {
	-webkit-border-radius: 10px !important;
}

button.ui-icon-custom-edit {
	padding-left: 4px;
	padding-right: 4px;
}

/* GRID STYLE */
.grid-data-border, .grid-data-border-reverse, .grid-data-border2 {
	border-collapse: collapse;
	cellspacing: 0px;
	cellpadding: 0px;
	width: 100%;
	padding-top: 5px;
}

.grid-data-border tr td {
	border: 0px solid #dedede;
	/* height: 25px; */
}

.grid-data-border2 tr td {
	border: 2px solid #dedede;
	/* height: 25px; */
}

.grid-data-border tr td td {
	border: 0px solid #dedede;
}

.grid-data-border2 tr td td {
	border: 2px solid #dedede;
}

.grid-data-border tr, .grid-data-border2 tr {
	
}

.grid-col-label2 {
	width: 40px;
	padding: 0px 5px 0px 5px;
}

.grid-col-label3 {
	width: 150px;
	padding: 0px 5px 0px 5px;
}

.grid-col-align {
	vertical-align: top;
}

.grid-col-align-center {
	text-align: center !important;
}

.grid-col-align-left {
	text-align: left !important;
}

.grid-col-align-right {
	text-align: right !important;
}

.grid-col-align-bold {
	vertical-align: top;
	width: 200px;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
}

.ui-datagrid-content {
	border: 0px !important;
}

.grid-col-short {
	width: 20px;
	padding: 0px 5px 0px 5px;
}

.ui-chkbox {
	float: left;
}

.grid-col-thin {
	width: 20px !important;
}

.grid-col-value-right {
	width: 400px;
	padding: 1px 0px 1px 5px;
	text-align: right;
}

.grid-col-value2 {
	width: 250px;
	padding: 1px 0px 1px 5px;
}

.grid-col-value-380 {
	width: 390px;
	padding: 1px 0px 1px 5px;
}

.grid-col-value-440 {
	width: 440px;
	padding: 1px 0px 1px 5px;
}

.grid-col-value-550 {
	width: 550px;
	padding: 1px 0px 1px 5px;
}

.grid-font-weight-bold {
	font-weight: bold;
}

.grid {
	display: flex;
    flex-wrap: wrap;
}

/* CUSTOMER CUSTOMIZATION */
.customer-code {
	font-weight: bold;
}

.customer-civility {
	margin-right: 5px;
}

.customer-name {
	text-transform: uppercase;
	margin-right: 5px;
}

.customer-firstname {
	text-transform: lowercase;
}

.customer-firstname:FIRST-LETTER {
	text-transform: capitalize !important;
}

.customer-panel-group tr td {
	border-collapse: collapse;
	border: 0px !important;
}

.panel-buttom {
	width: 100%;
}

/* MENU ICONS */
.ui-icon-menu-customer {
	background: transparent url(icon-customer.png.xhtml?ln=images) 0px 0px
		no-repeat !important;
	height: 20px;
	width: 20px;
	display: block;
}

.ui-icon-menu-supplier {
	background: transparent url(folder-customer-icon.png.xhtml?ln=images)
		0px 0px no-repeat !important;
	height: 20px;
	width: 20px;
	display: block;
}

/* MENU ICONS */
.ui-icon-menu-tripfolder {
	background: transparent url(travel-icon.png.xhtml?ln=images) 0px 0px
		no-repeat !important;
	height: 20px;
	width: 20px;
	display: block;
}

.ui-icon-menu-invoice {
	background: transparent
		url(blue-document-invoice-icon.png.xhtml?ln=images) 0px 0px no-repeat
		!important;
	height: 20px;
	width: 20px;
	display: block;
}

.ui-icon-menu-cash {
	background: transparent url(cash-terminal-icon.png.xhtml?ln=images) 0px
		0px no-repeat !important;
	height: 20px;
	width: 20px;
	display: block;
}

.ui-icon-custom-edit {
	background: transparent url(icon-edit.png.xhtml?ln=images) 0px 0px
		no-repeat !important;
	height: 18px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-icon-custom-export {
	background: transparent url(icon-export.png.xhtml?ln=images) 0px 0px
		no-repeat !important;
	height: 18px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-icon-custom-delete {
	background: transparent url(icon-delete.png.xhtml?ln=images) 0px 0px
		no-repeat !important;
	height: 18px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-icon-customer-add {
	background: transparent url(icon-add-customer.png.xhtml?ln=images) 0px
		0px no-repeat !important;
	height: 18px;
	width: 20px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
}

.navbar .ui-menu .ui-menuitem-link .ui-menuitem-icon {
	display: block !important;
	text-align: center !important;
	margin: auto;
}

.navbar .ui-menu .ui-menuitem-link {
	padding: 10px;
	padding-right: 0px;
	padding-left: 4px;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
	padding: 0px !important;
}

.navbar .ui-menuitem-text {
	display: block;
}

button.center-align {
	display: block !important;
	margin: auto !important;
}

button.green-class {
	background: transparent url(bg_green_button.png.xhtml?ln=images) 0px 0px
		repeat-x !important;
	-moz-box-shadow: inset 0px 0px 0px #fff !important;
	-webkit-box-shadow: inset 0px 0px 0px white !important;
	box-shadow: inset 0px 0px 0px white !important;
	text-shadow: none !important;
	color: #fff !important;
	font-weight: normal !important;
}

button.green-class:hover {
	background: transparent url(bg_green_button.png.xhtml?ln=images) 0px
		-27px repeat-x !important;
}

button.red-class {
	background: transparent url(bg_red_button.png.xhtml?ln=images) 0px 0px
		repeat-x !important;
	-moz-box-shadow: inset 0px 0px 0px #fff !important;
	-webkit-box-shadow: inset 0px 0px 0px white !important;
	box-shadow: inset 0px 0px 0px white !important;
	text-shadow: none !important;
	color: #fff !important;
	font-weight: normal !important;
}

button.red-class:hover {
	background: transparent url(bg_red_button.png.xhtml?ln=images) 0px 0px
		repeat-x !important;
}

.ui-datatable .ui-state-highlight {
	border: 1px solid #e2f0ff;
	background: #E2F0FF;
	color: #2b2b2b;
	text-shadow: none !important;
}

.ui-button-icon-only .ui-button-text {
	padding: 0.2em !important;
	text-indent: -9999999px;
}

.ui-panel .ui-splitbutton {
	font-size: 11px;
}

.edit-form-address {
	width: 260px;
}

.ui-widget-header {
	text-shadow: none !important;
}

.erp-two-section-align {
	display: inline-block;
	vertical-align: top;
	margin: 2px;
}

.ui-timeline-axis {
	background-color: #5D99C3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D99C3',
		endColorstr='#3A6DA0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#5D99C3),
		to(#3A6DA0)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #5D99C3, #3A6DA0);
	/* for firefox 3.6+ */
}

.ui-timeline-axis-text {
	color: white !important;
}

.ui-timeline-event {
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.7) !important;
	moz-box-shadow: inset 0px 0px 0px #fff !important;
	-webkit-box-shadow: inset 0px 0px 0px white !important;
	box-shadow: inset 0px 0px 0px white !important;
}

.ui-picklist-list {
	width: 300px !important;
}

.ui-picklist .ui-picklist-list {
	height: 269px !important;
}

/* Ajout d'un espace, apr�s un RDV de l'agenda pour faciliter le clic */
.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 5% 0 2px  !important;
}

/* R�duction de la marge autour du texte dans un RDV de l'agenda */
.fc-content {
    padding: 5px !important;
}

.border-spacing-free {
	border-spacing: 0px !important;
}

.droppable-rub-out {
	margin-right: -2px;
}

.doublepicklist-left-margin {
	margin-left: 2px;
}

.ui-picklist-filter-container input {
	width: 281px !important;
}

/**
 Style Datatable Analytical
*/
.src_datatatable_analytic .ui-datatable-data td,
	.src_datatatable_analytic .ui-datatable .ui-datatable-data-empty td,
	.ui-datatable .ui-datatable-data td div.ui-dt-c {
	overflow: visible !important;
}

.drag-drop-element {
	display: inline-block;
	width: 180px;
	height: 20px;
	border: 1px solid #888;
	margin-top: 1px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
}

.drag-drop-element .informationLabel, .drag-drop-element2 .informationLabel
	{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}

.drag-drop-element2 {
	display: inline-block;
	width: 180px;
	height: 20px;
	line-height: 30px;
	text-align: center;
}

.ui-panel-title div .ui-state-disabled {
	opacity: 0.8 !important;
}

.lineup {
	
}

.squad {
	vertical-align: top;
	width: 100%;
}

.slot {
	
}

.slotActive {
	background: #FFCC00;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	padding-right: 5px !important;
}

.view360ValuesPanel tr td {
	padding-right: 20px;
	width: 300px;
}

.footer {
	clear: both;
	text-align: right;
}

.footer a {
	color: black;
}

.param-collaborator-default-agency-true {
	font-weight: bold;
}

.param-fees-title {
	font-weight: bold;
	background-color: none;
	text-align: center;
}

.param-fees-subtitle1 {
	font-weight: bold;
	background-color: none;
	text-align: center;
}

.param-fees-subtitle2 {
	font-weight: bold;
	background-color: none;
	text-align: center;
}

.param-fees-subtitle3 {
	font-weight: bold;
	background-color: none;
	text-align: center;
}

.balance-branch-card {
	float: right;
	width: 400px;
	border: 1px solid #a8a8a8;
	margin: 15px;
	padding: 0px 10px;
}

#customer-document-total {
	width: 300px;
	border: none;
}

#customer-document-total *, #customer-document-total tr,
	#customer-document-total tr * {
	border: none;
}

.galleria-caption {
	text-align: center; 
	padding: 5px; 
	background: rgba(0,0,0,0.3); 
	color: white;
	position: absolute; 
	bottom: 0; 
	width: 100%;
}

.marketing_parameter_col1 {
	width: 100px;
}

.marketing_parameter_col2 {
	width: 100px;
	border-right: none;
}

.ui-outputlabel .ui-outputlabel-rfi {
	color: red;
}

.input-required {
	background-color: lightyellow !important;
}

.input-required>input {
	background-color: lightyellow !important;
}

.ui-splitbutton-menubutton {
	padding-top: 1px !important;
}

.datatable-coloring-red {
	background-color: #FCE1E1;
}

.current-link {
	color: blue;
	font-weight: bold;
}

.box-links {
	border: 1px #e8ebf2 solid;
	background-color: #e8ebf2;
	padding: 5px;
}

.box-links a {
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #3e3e3e;
}

.box-links a:VISITED {
	color: #3e3e3e;;
}

.ui-notificationbar {
	height: auto !important;
	padding: 0px !important;
	margin-top: 90px;
}

.ui-menuitem-text {
	font-size: 0.95em !important;
}

.notification {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 3px;
}

.grid-col-horizontal-center {
	margin: 0 auto;
}

.modelVariable {
	display: block;
	text-decoration: none;
}

.modelVariable:hover {
	cursor: pointer;
	background-color: #B9D3E1;
}

.ui-datatable-scrollable-header-box {
	width: 100%;
}

.ui-datatable thead th {
   white-space: normal !important;
}

.ui-datalist .ui-datalist-content .ui-datalist-data {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ax-block-align {
	display: inline-block !important;
	vertical-align: top !important;
}

.ax-panel-actions {
	display: block;
}

.ax_title_column {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
}

.ax-grid-no-padding td {
	padding: 0 !important;
}

.ax-button-selectcheckboxmenu {
	height: 20px !important;
	border: 1px solid grey !important;
	border-radius: 5px 0px 0px 5px !important;
	font-size: 11px !important;
}

.doubleZone * {
	display: inline-block;
	vertical-align: middle;
}

.ax-button-selectcheckboxmenu * {
	display: inline-block;
	vertical-align: middle;
}

.ax-button-next-selectonemenu {
	display: inline-block !important;
	margin: 0 !important;
	height: 25px !important;
}

.ax-panel-actions * {
	display: inline-block !important;
	margin-left: 2px;
}

/* Bordereau */
.ax-ligne-bordereau-cheque-non-auto {
	background-color: red;
}
/* Fin bordereau */

/* Devis */
.ax-devis-grid-data-1 {
	width: 400px;
	text-align: center;
}

.ax-devis-grid-customer-datas {
	margin-left: 50px;
}

.ax-devis-child-datatable {
	border: none;
}

.ax-devis-child-datatable * {
	border: none;
}

.ax-devis-child-datatable table thead tr {
	display: none;
}
/* Fin devis */

/* Proforma */

.ax-proforma-grid-data-border {
	border-collapse: collapse;
	padding-top: 5px;
}

.ax-proforma-grid-label {
	width: 200px;
	padding: 0 0 0 6px;
	font-weight: bold;
}

.ax-proforma-grid-value {
	width: 280px;
	padding: 0 0 0 0;
}

.ax_column_proforma_content {
	display: block;
}

.prixTotalProformaGrid {
	width: 50%;
	margin-left: 60%;
	margin-top: 10px;
	margin-bottom: 5px;
}

/* Lettrage */
.ax-panel-balance {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.ax-balance-block-line {
	display: inline-block;
	width: 100%;
}

.ax-balance-block-title {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 0 2px 0;
	min-height: 30px;
	width: 150px;
}

.ax-balance-block-value {
	display: inline-block;
	vertical-align: middle;
	padding: 2px 0 2px 0;
	min-height: 30px;
	width: 600px;
	text-align: center;
}
/* Fin lettrage */

/* Agenda */
.fc-event-title {
	margin: 0 0 0 10px;
}

.ax-event-color-block {
	display: inline-block;
	width: 10px;
	height: 10px;
}

.ax-event-empty-color-block, .ax-event-empty-color-block .fc-event-skin
	{
	background-color: none;
	border: thin solid black;
}

/* COULEURS POUR LES EVENEMENTS */
.COLOR01, .COLOR01 .fc-event-skin {
	background-color: #E7E7E7 !important;
	border: solid thin #464646 !important;
	color: #464646 !important;
}

.COLOR02, .COLOR02 .fc-event-skin {
	background-color: #B6CFF5 !important;
	border: solid thin #0D3472 !important;
	color: #0D3472 !important;
}

.COLOR03, .COLOR03 .fc-event-skin {
	background-color: #98D7E4 !important;
	border: solid thin #0D3B44 !important;
	color: #0D3B44 !important;
}

.COLOR04, .COLOR04 .fc-event-skin {
	background-color: #E3D7FF !important;
	border: solid thin #3D188E !important;
	color: #3D188E !important;
}

.COLOR05, .COLOR05 .fc-event-skin {
	background-color: #FBD3E0 !important;
	border: solid thin #711A36 !important;
	color: #711A36 !important;
}

.COLOR06, .COLOR06 .fc-event-skin {
	background-color: #F2B2A8 !important;
	border: solid thin #8A1C0A !important;
	color: #8A1C0A !important;
}

.COLOR07, .COLOR07 .fc-event-skin {
	background-color: #C2C2C2 !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR08, .COLOR08 .fc-event-skin {
	background-color: #4986E7 !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR09, .COLOR09 .fc-event-skin {
	background-color: #2DA2BB !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR10, .COLOR10 .fc-event-skin {
	background-color: #B99AFF !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR11, .COLOR11 .fc-event-skin {
	background-color: #F691B2 !important;
	border: solid thin #994A64 !important;
	color: #994A64 !important;
}

.COLOR12, .COLOR12 .fc-event-skin {
	background-color: #FB4C2F !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR13, .COLOR13 .fc-event-skin {
	background-color: #FFC8AF !important;
	border: solid thin #7A2E0B !important;
	color: #7A2E0B !important;
}

.COLOR14, .COLOR14 .fc-event-skin {
	background-color: #FFDEB5 !important;
	border: solid thin #7A4706 !important;
	color: #7A4706 !important;
}

.COLOR15, .COLOR15 .fc-event-skin {
	background-color: #FBE983 !important;
	border: solid thin #594C05 !important;
	color: #594C05 !important;
}

.COLOR16, .COLOR16 .fc-event-skin {
	background-color: #FDEDC1 !important;
	border: solid thin #684E07 !important;
	color: #684E07 !important;
}

.COLOR17, .COLOR17 .fc-event-skin {
	background-color: #B3EFD3 !important;
	border: solid thin #0B4F30 !important;
	color: #0B4F30 !important;
}

.COLOR18, .COLOR18 .fc-event-skin {
	background-color: #A2DCC1 !important;
	border: solid thin #04502E !important;
	color: #04502E !important;
}

.COLOR19, .COLOR19 .fc-event-skin {
	background-color: #FF7537 !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR20, .COLOR20 .fc-event-skin {
	background-color: #FFAD46 !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR21, .COLOR21 .fc-event-skin {
	background-color: #EBDBDE !important;
	border: solid thin #662E37 !important;
	color: #662E37 !important;
}

.COLOR22, .COLOR22 .fc-event-skin {
	background-color: #CCA6AC !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}

.COLOR23, .COLOR23 .fc-event-skin {
	background-color: #42D692 !important;
	border: solid thin #094228 !important;
	color: #094228 !important;
}

.COLOR24, .COLOR24 .fc-event-skin {
	background-color: #16A765 !important;
	border: solid thin #FFFFFF !important;
	color: #FFFFFF !important;
}
/* Fin agenda */

/***
	Couleurs du tableau
***/
.couleur_intercalaire {
	background-color: #4F6882;
	color: white;
}

.couleur_ferie {
	background-color: yellow !important;
	color: black !important;
}

.couleur_non_travaille {
	background-color: #D4D7DE !important;
	color: black !important;
}

.couleur_total_ok {
	background-color: green !important;
	color: black !important;
}

.couleur_total_pas_ok {
	background-color: orange !important;
	color: black !important;
}

.color_proforma_sans_prix {
	background-color: rgb(255, 236, 191) !important;
}

.green_color {
	color: green;
}

.red_color {
	color: red;
}

.orange_color {
	color: orange;
}

.color_proforma_sous_total {
	background-color: rgb(232, 235, 242) !important;
}

.verticalalign {
	vertical-align: top;
}

/**
	Ecran de connexion
**/
.identifiant, .identifiant .ui-inputfield.ui-state-hover, .identifiant .ui-inputfield.ui-state-focus {
	font-family: Courier !important;
	text-align: left !important;
	font-size: 20px !important;
	background-color: transparent !important;
	border: none !important;
	font-style: normal !important;
	color: #FFFFFF !important;
	position: relative !important;
	left: 20px !important;
	top: 190px !important;
	box-shadow: none !important;
	text-shadow: none !important;
	padding: 2px !important;
}

.mot_de_passe, .mot_de_passe .ui-inputfield.ui-state-hover, .mot_de_passe .ui-inputfield.ui-state-focus {
	font-family: Courier !important;
	text-align: left !important;
	font-size: 20px !important;
	background-color: transparent !important;
	border: none !important;
	font-style: normal !important;
	color: #FFFFFF !important;
	position: relative !important;
	left: 20px !important;
	top: 220px !important;
	box-shadow: none !important;
	text-shadow: none !important;
	padding: 2px !important;
}

.panelImage {
	background-image: url(../resources/logo/panel.png);
	height: 388px;
	width: 456px;
	background-repeat: no-repeat;
}

::-webkit-input-placeholder {
	color: #C0C0C0;
}

:-moz-placeholder { /* Firefox 18- */
	color: #C0C0C0;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #C0C0C0;
}

:-ms-input-placeholder {
	color: #C0C0C0;
}

button.blue-class {
	background: #0071AB !important;
	-moz-box-shadow: inset 0px 0px 0px #fff !important;
	-webkit-box-shadow: inset 0px 0px 0px white !important;
	box-shadow: inset px 0px 0px black !important;
	text-shadow: transparent !important;
	font-weight: normal !important;
	color: white !important;
	font-style: normal !important;
	font-size: 20px !important;
	padding: 0px !important;
	height: 50px !important;
	font-family: Courier !important;
	border: none !important;
	width: 300px;
	border-radius: 10px !important;
}

.column-table-login {
	display: block !important;
	width: 50% !important;
}

.trigramme {
	display: inline-block !important;
	width: 45px !important;
	border-width: 1px !important;
	border-style: solid !important;
	text-align: center !important;
	border-radius: 10px !important;
	moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	margin-right: 5px !important;
	font-size: 11px !important;
}

.performance-totaux {
	float: right;
	margin-top: 10px !important;
	margin-bottom: 15px !important;
	border-width: 1px !important;
	margin-right: 30px !important;
	border-style: solid !important;
	moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	color: orange !important;
}

.panel-salaire {
	display: block !important;
	font-size: 20px !important;
	text-align: right !important;;
	color: orange !important;
	margin-right: 30px !important;
}

.synthese-ca {
	padding: 20px 20px 20px 20px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 100px;
	display: block !important;
	float: right !important;
	border-width: 2px !important;
	border-style: solid !important;
	width: 400px !important;
	font-size: 50px !important;
	text-align:right !important;
	moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	box-shadow: 10px 10px 5px #888888 !important;
}

.verticalalign-right {
	vertical-align: top !important;
	float: right !important;
}

.text-right {
	float: right !important;
}

.text-left {
	float: left !important;
}

.panel-bonjour {
	float: right !important;
	margin-right: 20px !important;
	margin-top: 10px !important;
	margin-bottom: 5px !important;
	font-size: 12px !important;
	font-weight: bold !important;
	width: 300px !important;
}

.synthese-text-label {
	font-size: 18px !important;
	color: orange !important;
}

.synthese-text-value {
	font-size: 24px !important;
	color: orange !important;
	float: right !important;
}

.synthese-text-value-moyen {
	font-size: 25px !important;
	color: #E7A200 !important;
	float: right !important;
}

.synthese-text-value-bon {
	font-size: 25px !important;
	color: #00B308 !important;
	float: right !important;
}

.synthese-text-value-mauvais {
	font-size: 25px !important;
	color: #E60B0B !important;
	float: right !important;
}

.compte-text-value-bon {
	font-size: 18px !important;
	color: #00B308 !important;
	float: right !important;
}

.compte-text-value-mauvais {
	font-size: 18px !important;
	color: #E60B0B !important;
	float: right !important;
}

.prix-text-label {
	font-size: 11pt !important;
}

.prix-text-value {
	font-size: 12pt !important;
	color: orange !important;
}

.panel-objectif {
	background-color: #DFDFDF;
	height: 60px;
	padding: 15px 15px 15px 15px;
}

.chantier-agence-datatable * {
	border: none;
}

.chantier-agence-datatable table thead tr {
	display: none;
}

.drag-drop-label {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
}

.table-drag-drop .ui-datatable-data td, .table-drag-drop .ui-datatable .ui-datatable-data-empty td,
	.ui-datatable .ui-datatable-data td div.ui-dt-c {
	overflow: visible !important;
}

.table-affectations-td {
	width: 140px;
	overflow: visible !important;
	border: none !important;
}

.table-affectation-indisponible {
	background-color: gray;
}

.table-affectation-ferie {
	background-color: #FFF7D3;
}

.table-affectation-anomalie {
	background-color: red;
}

.table-chantier-confirme {
	background: url(bg_green_button.png.xhtml?ln=images) no-repeat
		!important;
	background-size: 7px 20px !important;
	background-position: right !important;
}

.table-chantier-non-confirme {
	background: url(bg_red_button.png.xhtml?ln=images) no-repeat !important;
	background-size: 7px 20px !important;
	background-position: right !important;
}

.liste-chantier-ok {
	background-color: #00B308;
}

.liste-chantier-ko {
	background-color: #E60B0B;
}

.affichage {
	position: absolute;
	background-color: #747576;
}

.affichage-datatable {
	display: inline-block !important;
	vertical-align: top !important;
	background: rgb(125, 126, 125); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(125, 126, 125, 1) 0%,
		rgba(14, 14, 14, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(125
		, 126, 125, 1)), color-stop(100%, rgba(14, 14, 14, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(125, 126, 125, 1) 0%,
		rgba(14, 14, 14, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(125, 126, 125, 1) 0%,
		rgba(14, 14, 14, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(125, 126, 125, 1) 0%,
		rgba(14, 14, 14, 1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(125, 126, 125, 1) 0%,
		rgba(14, 14, 14, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d',
		endColorstr='#0e0e0e', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.affichage-datatable .ui-datatable-data td {
	border: 1px solid #515152 !important;
}

.affichage-datatable .ui-widget-content {
	background: transparent;
	font-family: Source Sans Pro !important;
	font-size: 15px !important;
	height: 34px !important;
	color: #d1d1d1;
	border: 2px solid #464747 !important;
}

.affichage-datatable .ui-state-default {
	background: rgba(28, 28, 28, 0.8) !important;
	color: #9d9d9d !important;
	text-shadow: none !important;
	box-shadow: none;
	font-family: Source Sans Pro !important;
	font-weight: 300;
	font-size: 24px !important;
	height: 30px !important;
	border-left: none !important;
	border-right: none !important;
	border-top: 1px solid #464747 !important;
	border-bottom: 1px solid #464747 !important;
}

.affichage-commerciaux-col {
	font-family: Source Sans Pro;
	font-weight: 300;
	font-size: 16px;
}

.ui-selectcheckboxmenu-header .ui-chkbox-icon:after {
	content: "Tous";
	padding-left: 24px;
}

.affichage-commerciaux-aujourdhui {
	background-color: rgba(46, 46, 47, 0.8);
	padding-top: 35px;
	padding-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #5b5c5d;
	border-opacity: 0.7;
}

.affichage-commerciaux-date {
	background-color: rgba(73, 73, 74, 0.8);
	padding-top: 35px;
	padding-bottom: 25px;
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #5b5c5d;
	border-opacity: 0.7;
}

.afichage-panelGrid-rdv {
	background-color: #2E2E2F;
	color: white;
	height: 30px;
	width: 245px;
	text-align: center;
}

.afichage-panelGrid-rdv .ui-state-default {
	background: #1C1C1C !important;
	color: white;
	text-shadow: none !important;
	box-shadow: none;
	border-spacing: 0px;
}

.affichage-agenda-semaine table thead tr {
	display: none;
}

.affichage-body {
	background: #7d7e7d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d),
		color-stop(100%, #0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d',
		endColorstr='#0e0e0e', GradientType=0); /* IE6-8 */
}

.affichage-body-1 {
	font-family: 'Source Sans Pro', sans-serif !important;
	background: url(background1.jpg.xhtml?ln=images) !important;
}

.affichage-body-2 {
	font-family: 'Source Sans Pro', sans-serif !important;
	background: url(background.jpg.xhtml?ln=images) !important;
	color: #ffffff;
}

.top-bar span {
	font-weight: 100;
}

.affichage-main-table {
	font-weight: 100;
	margin-left: 50px;
}

.affichage-agenda-semaine .ui-widget-content {
	background: none !important;
	background-color: rgba(0, 0, 0, 0.1) !important;
}

.affichage-agenda-semaine-footer {
	background-color: #2E2E2F;
	color: white;
	height: 60px;
	width: 245px;
	text-align: center;
}

.td[role=gridcell] {
	background-color: rgba(0, 0, 0, 0.3) !important;
}

#affichage-type-prestation {
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #fff;
	margin-top: 15px;
}

.affichage-legend-type-prestation {
	display: inline-block;
	margin: 0px 10 0 10px;
}

.affichage-legend-type-prestation div {
	width: 50px;
	height: 8px;
	background-color: #fff;
	display: inline-block;
	margin-right: 5px;
}

.affichage-nb-rdv-corner {
	display: inline-block;
	height: 55px;
	width: 20px;
	position: absolute;
	bottom: 3px;
	right: 3px;
	text-align: right;
}

.orange {
	background-color: #cd732a !important;
}

/* AFFICHAGE */
.affichage-bottom-navigation {
	margin-right: 100px;
	text-align: right;
}

.affichage-transparent-box {
	background-color: rgba(0, 0, 0, 0.12);
	font-size: 17px;
}

.affichage-transparent-box {
	background-color: rgba(0, 0, 0, 0.4);
	display: inline-block;
	margin-right: 1px;
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
	float: left;
}

.affichage-transparent-box-date {
	font-size: 30px;
	float: none;
	background-color: rgba(0, 0, 0, 0.25);
}

.affichage-transparent-box-date-telepro {
	font-size: 30px;
	font-weight: 300;
	float: none;
	background-color: rgba(0, 0, 0, 0.25);
	padding: 0 30px;
}

.affichage-transparent-box-total-rdv-statut {
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 20px;
	font-weight: 300;
	padding: 0 26px;
}

.affichage-transparent-box-2 {
	background-color: rgba(0, 0, 0, 0.3);
	display: inline-block;
	margin-right: 1px;
	padding: 0 20px;
	line-height: 50px;
	height: 50px;
	float: left;
}

.affichage-transparent-box-2-date {
	font-size: 30px;
	float: none;
	background-color: rgba(0, 0, 0, 0.2);
}

.affichage-transparent-box-2-total-rdv-statut {
	background-color: rgba(0, 0, 0, 0.45);
	font-size: 20px;
	padding: 0 26px;
}

.box-libelle-today {
	background-color: rgba(0, 0, 0, 0.29);
	font-size: 17px;
}

.linkToButton {
	padding: 4.840px 12.100px;
	background-color: #33afde;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 1px;
	width: 40px;
	height: 18px;
}

/* Style pour le plugin li-scroll */
.tickercontainer { /* the outer div with the black border */
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.tickercontainer .mask {
	/* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 100%;
	overflow: hidden;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.newsticker li {
	float: left;
	/* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 25px;
	line-height: 59px;
	margin-left: 1200px;
	margin-right: 10px;
}

ul.newsticker span {
	margin: 0 10px 0 0;
	color: orange;
	font-weight: bold;
}

.ui-icon-home {
	background: transparent url(ui-icon-home.png.xhtml?ln=icones) top left
		no-repeat !important;
	background-position: 7px -3px !important;
	background-size: 25px 25px !important;
}

.blocks-table thead {
	display: none;
}

.blocks-table div.ui-dt-c {
	padding: 4px 0 !important;
}

.ui-panel-titlebar {
	border-left: none;
	border-right: none;
	border-top: none;
}

.sub-panel-titlebar-grid {
	text-align: center;
}

.blocks-table table, .blocks-table tbody, .blocks-table tr {
	border: none;
}

#mapContainer {
	display: flex;
	width: 100%;
	height: 95vh;
	margin-top: 10px;
}

#map {
	width: 100%;
	height: 95vh;
	border-radius: 0px 5px 5px 0px;
}

#mapPanel {
	width: 0%;
	display: flex;
	height: 95vh;
	flex-direction: column;
	border-radius: 5px 0px 0 5px;
	background: #FFF;
	-webkit-transition: width 1s;
	transition: width 1s;
}

#mapPanelTitle {
	width: 100%;
	display: flex;
	background: #33AFDE;
	border-radius: 5px 0px 0 0px;
	height: 30%;
}

#mapPanelContent {
	width: 100%;
	display: flex;
	height: 70%;
	border-radius: 5px 0px 0 0px;
	overflow: auto;
}

/* BREADCRUMB */
.breadcrumb {
	background-color: #F6FAFC;
}

.layout-breadcrumb-box {
    width: 100%;
    margin: 8px auto;
    overflow: hidden;
    /*float: left;*/
    background-color: #F6FAFC /*#F1F6F9*/;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
    -moz-box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
    box-shadow: 0px 1px 0px 0px rgba(159, 172, 183, 0.7);
}

/*
 * INDICATEURS
 */
#indicateur-navigation{
	width: 100%;
	margin: 0 auto 15px auto;
	text-align: center;
}
#indicateur-navigation > div{
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 5px;
	box-sizing: border-box;
}

.indicateur-type-objet .ui-button-text{
	color: black;
	background-color: #EDF3F6;
}

.indicateur-type-objet .ui-button-text:hover,
.indicateur-type-objet button.selected .ui-button-text{
	color: white;
	background-color: #419FC3;
}


/*
 * COLLABORATEURS
 */
.collaborateur{
	display: inline-block;
	height: 65px;
	border: 1px solid black;
	margin: 2px;
	font-size: 14px;
}

.collaborateur .ui-selectbooleanbutton{
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 2px;
	float: none;
	top: -69px;
	margin: 0;
	z-index: 2;
}

.collaborateur .ui-selectbooleanbutton,
.collaborateur .ui-selectbooleanbutton > *{
	height: 100%;
}

.collaborateur .ui-selectbooleanbutton,
.collaborateur .ui-selectbooleanbutton .ui-button-text{
	padding: 0 !important;
	border: none;
}

.collaborateur .ui-selectbooleanbutton .ui-button-text{
	background-color: rgba(207, 207, 207, 0.1);
}

.collaborateur .ui-state-active .ui-button-text{
	background-color: rgba(131, 131, 131, 0.3);
}

.collaborateur .content {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 2px;
	z-index: 1;
}

.collaborateur .content>* {
	display: flex;
	justify-content: center;
	align-items: center;
}

.collaborateur .content .photo {
	width: 104px;
}

.collaborateur .content .photo img {
	width: 50px;
	height: 50px;
	z-index: 3;
}

.collaborateur .content .texte {
	width: 156px;
	text-align: center;
	z-index: 999;
}

.bloc-flex-row{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
}

.bloc-flex-column{
	display: flex;
	flex-direction: column;	
	-webkit-flex-direction: column;
}

.flex-form .bloc-flex-column{
	margin: 5px;
}

.flex-form table td{
	vertical-align: top;
}

.items-form .ui-datatable,
.items-form .ui-datatable-data td{
	border: none;
	padding: 0;
}

.items-form .ui-datatable table{
	width: initial !important;
}

.items-form .ui-datatable table thead{
	display: none;
}

.table-saisie-administrative {
	width: 800px;
}

.table-saisie-pret {
	width: 800px;
}

.ui-tooltip {
    background: none !important;
    border-style: none !important;
    color: #fff !important;
}

.etiquette-no-result {
	height: 156px;
	line-height: 140px;
	font-size: 30px;
}

.contact_prestation {
	text-align:center;
}

/* couleur de placeholder */
input::-webkit-input-placeholder {
   color: #C0C0C0;
}

textarea::-webkit-input-placeholder {
   color: #C0C0C0;
}

/* style d'organigramme */
.ui-organigram {
	padding-left: 10%;
}

/* style de panel champ d'extension  */
.panelChampExtension tbody tr td {
	border: none !important;
}

/* style d'icon d'info pour valeur description  */
.icon-valeur-description {
	background-image: url(../resources/icones/icon-info.png);
	margin-top: 5px;
	width: 20px;
	height: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}
 
/* style de flag  */
.flag {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.flag-fr_FR {
    background-image: url(../resources/flag/FR.png);
}

.flag-en_GB {
    background-image: url(../resources/flag/GB.png);
}

.flag-es_ES {
    background-image: url(../resources/flag/ES.png);
}

.flag-it_IT {
    background-image: url(../resources/flag/IT.png);
}

/** Version PC extra large **/
@media (min-width: 2000px) {
	.grid-col-label {
		width: 220px !important;
		padding: 0px 5px 0px 8px;
	}
	
	.grid-col-label-right {
		width: 220px !important;
		padding: 0px 5px 0px 8px;
		text-align: right;
	}
	
	.grid-col-label-second {
		width: 220px !important;
		padding: 0px 5px 0px 35px;
	}
	
	.grid-col-value {
		width: 400px;
		padding: 1px 0px 1px 0px;
	}
	
	.grid-col-value-double {
		width: 1020px;
		padding: 1px 0px 1px 0px;
	}
	
	.input-large {
		width: 80% !important;
		min-width: 50% !important;
	}
	
	.input-medium {
		width: 60% !important;
		min-width: 50% !important;
	}
	
	.input-small {
		width: 40% !important;
		min-width: 40% !important;
	}
	
	.Responsive-col-5 {
	 	width:20%;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-4 {
	 	width:25%;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-3 {
	 	width:33%;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.Responsive-col-2 {
	 	width:50%;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.not-visible-pc {
		display: none !important;
	}
	
	.contact_prestation {
		height:190px;
	}
}
 
/** Version PC large **/
@media (min-width: 1551px) and (max-width: 1999px) {
	.grid-col-label {
		width: 220px !important;
		padding: 0px 5px 0px 5px;
	}
	
	.grid-col-label-right {
		width: 220px !important;
		padding: 0px 5px 0px 8px;
		text-align: right;
	}
	
	.grid-col-label-second {
		width: 220px !important;
		padding: 0px 5px 0px 35px;
	}
	
	.grid-col-value {
		width: 350px;
		padding: 1px 0px 1px 0px;
	}
	
	.grid-col-value-double {
		width: 920px;
		padding: 1px 0px 1px 0px;
	}
	
	.input-large {
		width: 80% !important;
		min-width: 50% !important;
	}
	
	.input-medium {
		width: 60% !important;
		min-width: 50% !important;
	}
	
	.input-small {
		width: 40% !important;
		min-width: 40% !important;
	}
	
	.Responsive-col-5 {
	 	width:20%;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-4 {
	 	width:25%;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-3 {
	 	width:33%;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.Responsive-col-2 {
	 	width:50%;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.not-visible-pc {
		display: none !important;
	}
	
	.contact_prestation {
		height:190px;
	}
}

/** Version mini-pc **/
@media (min-width: 1101px) and (max-width: 1550px) {
	.grid-col-label {
		width: 110px !important;
		padding: 0px 5px 0px 5px;
	}
	
	.grid-col-label-right {
		width: 110px !important;
		padding: 0px 5px 0px 5px;
		text-align: right;
	}
	
	.grid-col-label-second {
		width: 110px !important;
		padding: 0px 5px 0px 25px;
	}
	
	.grid-col-value {
		width: 220px;
		padding: 1px 0px 1px 0px;
	}
	
	.grid-col-value-double {
		width: 550px;
		padding: 1px 0px 1px 0px;
	}
	
	.input-large {
		width: 90% !important;
		min-width: 50% !important;
	}
	
	.input-medium {
		width: 65% !important;
		min-width: 50% !important;
	}
	
	.input-small {
		width: 45% !important;
		min-width: 45% !important;
	}
	
	.Responsive-col-5 {
	 	width:20%;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-4 {
	 	width:25%;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-3 {
	 	width:33%;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.Responsive-col-2 {
	 	width:50%;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.not-visible-pc {
		display: none !important;
	}
	
	.not-visible-mini-pc {
		display: none !important;
	}
	
	.contact_prestation {
		height:190px;
	}
}

/** Version tablette **/
@media (min-width: 701px) and (max-width: 1100px) {
	.grid-col-label {
		width: 110px !important;
		padding: 0px 5px 0px 5px;
	}
	
	.grid-col-label-right {
		width: 110px !important;
		padding: 0px 5px 0px 5px;
		text-align: right;
	}
	
	.grid-col-label-second {
		width: 110px !important;
		padding: 0px 5px 0px 15px;
	}
	
	.grid-col-value {
		width: 220px;
		padding: 1px 0px 1px 0px;
	}
	
	.grid-col-value-double {
		width: 550px;
		padding: 1px 0px 1px 0px;
	}
	
	.input-large {
		width: 90% !important;
		min-width: 50% !important;
	}
	
	.input-medium {
		width: 70% !important;
		min-width: 50% !important;
	}
	
	.input-small {
		width: 50% !important;
		min-width: 50% !important;
	}
	
	.Responsive-col-5 {
	 	width:50% !important;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-4 {
		width:50% !important;
		float:left; 
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-3 {
	 	width:50% !important;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.Responsive-col-2 {
	 	width:50% !important;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.not-visible-mini-pc {
		display: none !important;
	}
	
	.not-visible-tablet {
		display: none !important;
	}
	
	.ax-rdv-semaine-button-left {
		width: 110px !important;
	}
	
	.ax-rdv-semaine-button-right {
		width: 110px !important;
	}
	
	span.ui-button-text.ui-c {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/** Version mobile **/ 
@media(max-width: 700px) {
	.grid-col-label {
		width: 110px !important;
		padding: 0px 5px 0px 5px;
	}
	
	.grid-col-label-right {
		width: 110px !important;
		padding: 0px 5px 0px 5px;
		text-align: right;
	}
	
	.grid-col-label-second {
		width: 110px !important;
		padding: 0px 5px 0px 5px;
	}
	
	.grid-col-value {
		width: 220px;
		padding: 1px 0px 1px 0px;
	}
	
	.grid-col-value-double {
		width: 550px;
		padding: 1px 0px 1px 0px;
	}
	
	.input-large {
		width: 100% !important;
		min-width: 50% !important;
	}
	
	.input-medium {
		width: 70% !important;
		min-width: 50% !important;
	}
	
	.input-small {
		width: 50% !important;
		min-width: 50% !important;
	}
	
	.Responsive-col-5 {
	 	width:100% !important;
		float:left;
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-4 {
		width:100% !important; 
		float:left; 
		margin:8px 0px 4px 0px !important;
	}
	
	.Responsive-col-3 {
	 	width:100% !important;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.Responsive-col-2 {
	 	width:100% !important;
		float:left;
		margin:4px 0px 4px 0px !important;
	}
	
	.not-visible-mini-pc {
		display: none !important;
	}
	
	.not-visible-tablet {
		display: none !important;
	}
	
	.not-visible-mobile {
		display: none !important;
	}
	
	.ax-rdv-semaine-button-left {
		width: 110px !important;
	}
	
	.ax-rdv-semaine-button-right {
		width: 110px !important;
	}
	
	span.ui-button-text.ui-c {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

/** Scroll menu **/ 
@media(max-width: 960px) {
	.visible-scroll-menu{
		display: block !important;
	}
}

.panel-transparent {
	background-color:transparent;
	border:none;
}
 
.panel-container-responsive {
	background-color:#FBFCFD;
	width:100%;
	flex-wrap:wrap;
	display:flex;
}

/** Champ t�l�phonique avec masque de saisie internationnal **/
.inputPhoneCustom {
	padding-left: 52px !important;
}

/** Coloration en jaune des champs diff��rents dans la recherche d'entreprise  **/
.recherche-entreprise-case-different {
	background-color: #FEFAD0;
}