/*Variable*/
:root{
--gris-clair:#CCCCCC;
--noir:#000000;
--blanc:#FFFFFF;
--gris-noir:#111111;
--rouge-orange:#FF2222;
--bleu-clair:#0000FF;
--bleu-fonce:#000080;
--gris-tres-fonce:#708090;
--saumon:#FDEDEC;
--vert-clair:#22FF00;
--gris-tres-clair:#F5F5F5;
--rouge:#FF0000;
--gris-tres-clair-2:#EEEEEE;
--gris-clair-2:#DDDDDD;
--bleu-assez-fonce:#0000AA;
}
/*Divers*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}
pre {
	background-color:var(--gris-tres-clair-2);
}
input[readonly] {
	background-color:var(--gris-tres-clair-2);
	cursor: not-allowed;
}
textarea[readonly] {
	background-color:var(--gris-tres-clair-2);
	cursor: not-allowed;
}
select[readonly] {
	background-color:var(--gris-tres-clair-2);
	cursor: not-allowed;
}
.Click{
	cursor: pointer;
}
.SelectMultipleDossier {
	overflow: hidden;
}
.SelectMultipleDossier option {
	display:inline-block;
	border-left: 1px solid var(--cadre-normal);
	padding:1px 5px 1px 5px;;
}
a, a:visited {
	text-decoration: none;
	color:#000080;
}
a:hover {
	color:blue;
}

.haut{
	width:150px;
	height:60px;
	float:left;
}
#titre{
	margin:0px;
	font-weight: bold;
	font-size: 14px;
}
.menu{
	height:50px;
	border-top:#CCCCCC;
	border-top: 1px solid var(--cadre-normal);
    border-bottom: 1px solid #CCCCCC;
    border-bottom: 1px solid var(--cadre-normal);
	/*border: 1px solid var(--cadre-normal);
	border-radius: 5px;*/
	margin-bottom:10px;
	float:left;
}
.rechercheGlobal{
	border-radius: 5px;
	border: 1px solid #00FFFF;
	border: 1px solid var(--bouton-menu-principal-hover);
	height:20px;
	margin:5px;
	padding:8px;
	float:left;	
}
.numerotationRapide{
	border-radius: 5px;
	border: 1px solid #00FFFF;
	border: 1px solid var(--bouton-menu-principal-hover);
	height:20px;
	margin:5px;
	padding:8px;
	float:left;	
}
.bas{
	clear:left;
	width:100%;
	height:25px;
	border-top: 1px solid #CCCCCC;
	border-top: 1px solid var(--cadre-normal);
    border-bottom: 1px solid #CCCCCC;
    border-bottom: 1px solid var(--cadre-normal);
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	color:#0088CC;
	color:var(--bouton-menu-principal-actif);
	text-align:center;
}
#centre{
	clear:left;
	width:100%;
	min-height:400px;
	}
#cadreNouveauDossier .control-label {
	float:none;
	display:none;
}
/* Appel */
.boutonAppel{
	min-width:60px;
	border-radius: 5px;
	margin:5px 5px 5px 0px;
	padding:12px;
	background-color:#CCFFFF;
	background-color:var(--bouton-menu-principal);
	color:#0088CC;
	color:var(--bouton-menu-principal-actif);
	text-align:center;
	font-weight: bold;
	font-size: 12px;
	float:left;
}
.boutonAppel a{
	color:#0088CC;
	color:var(--bouton-menu-principal-actif);
	text-decoration: none;
}
.boutonAppel:hover a{
	color:white;
}
.boutonAppel:hover{
	background-color::#00FFFF;
	background-color:var(--bouton-menu-principal-hover);
	color:white;	
	cursor: pointer;
}
/* Menu */
.boutonMenu{
	min-width:60px;
	border-radius: 5px;
	margin:5px 5px 5px 0px;
	padding:12px;
	background-color:#CCFFFF;
	background-color:var(--bouton-menu-principal);
	color:#0088CC;
	color:var(--bouton-menu-principal-actif);
	text-align:center;
	font-weight: bold;
	font-size: 12px;
	float:left;
}
.boutonMenu a{
	color:#0088CC;
	color:var(--bouton-menu-principal-actif);
	text-decoration: none;
}
.boutonMenu:hover a{
	color:white;
}
.boutonMenu:hover{
	background-color::#00FFFF;
	background-color:var(--bouton-menu-principal-hover);
	color:white;	
	cursor: pointer;
}
.boutonMenuActif{
	background-color:#0088CC;
	background-color:var(--bouton-menu-principal-actif);
	color:white;	
}
.boutonMenuActif a{
	color:white;	
}
/*Aides*/
.boutonAide{
	border-radius: 4px;
	background-image:url("/images/aide.png");
	background-repeat:no-repeat;
	background-size:28px;
	display:block;
	margin:10px;
	width:28px;
	height:28px;
	float:left;
}
.boutonAide:hover{
	background-color:var(--gris-clair);
}
/*Utilisateurs*/
.formUtilisateur:hover{
	cursor: pointer;
	background-color:var(--gris-noir);
}

/*Clients*/
.formClient:hover{
	cursor: pointer;
	background-color:var(--rouge-orange);
}
/* Onglets Navigation */
.onglet-nav {
  /* Suppression des marges internes et externes */
  margin: 0px;
  padding: 0px;
  /* Décalage pour masquer la bordure du contenu */
  position: relative;
  bottom: -1px;
}
.onglet-nav li {
  /* Affichage des éléments du menu côte à côte */
  display: inline-block;
}
/* Aspect des onglets inactifs (par défaut) */
.onglet-nav a {
  display: block;
  border: 1px solid var(--cadre-onglet);
  border-width: 1px 1px 0 1px;
  padding: 5px 15px;
  border-radius: 5px 5px 0 0;
  background-color: var(--fond-onglet);
  text-decoration: none;
  color: var(--blanc);
  transition-duration: 0.5s;
}
/* Effet de survol sur les onglets */
.onglet-nav a:hover {
  background-color: darken(var(--fond-onglet), 15%);
  color:var(--fond-onglet);
}
/* Aspect des onglets actifs */
.onglet-nav .onglet-nav-active {
  background-color: var(--blanc);
}
.onglet-nav a.onglet-nav-active {
  color: var(--fond-onglet);
}
.onglet-nav a.onglet-nav-active:hover {
  background-color: var(--blanc);
}
/* Contenu des onglets */
.onglet {
  /* Masquage des onglets*/
  display: none;
  border: 1px solid var(--cadre-onglet);

  padding: 15px;
  min-height: 250px;
  background-color: var(--blanc);
}
/* Affichage du contenu actif */
.onglet-active {
  display: block;
}

/*Calendar*/
.btn{
	min-height:10px;
}

/*Définition css tableau Liste*/
.tableLettre {
width:100%;
/*border: 1px solid #000;*/
border-collapse: separate;
border-spacing: 1px 1px;
}
.tableLettre th{
background-color: #0088CC;
color:#FFFFFF;
border: 1px solid #0088AA;
}
.tableLettre td{
/*width:15px;*/
text-align:center;
background-color: #E3E3E3;
border: 1px solid #AAAAAA;
}
.tableLettre tr{
}
.tablereqId {
width:100%;
/*border: 1px solid #000;*/
border-collapse: separate;
border-spacing: 1px 1px;
}
.tablereqId th{
background-color: #0088CC;
color:#FFFFFF;
border: 1px solid #0088AA;
}
.tablereqId td{
background-color: #E3E3E3;
border: 1px solid #AAAAAA;
}
.tablereqId tr{
}
/*Définition css tableau commentaires etapes*/
.tableComEtapes {
width:100%;
/*border: 1px solid #000;*/
border-collapse: separate;
border-spacing: 1px 1px;
}
.tableComEtapes th{
background-color: #008888;
color:#FFFFFF;
border: 1px solid #0088AA;
}
.tableComEtapes td{
background-color: #E3E3E3;
border: 1px solid #AAAAAA;
}
.tableComEtapes tr{
}
.tableListe {
width:100%;
border-collapse: separate;
border-spacing: 1px 1px;
}
.tableListe th{
background-color: #B9B9B9;
background-color: var(--titre-case-tableau);
color:var(--blanc);
}
.tableListe td{
background-color: #F2F2F2;
background-color: var(--case-tableau);
}
.tableListe a:link{
color:var(--bleu-fonce);
}
.tableListe a:visited{
color:var(--bleu-fonce);
}
.tableListe a:hover{
color:#0000FF;
color:var(--bleu-clair);
}
.tableListe a:active{
color:#0000FF;
}

.tableNormal {
width:100%;
}

.tableNormal td{
vertical-align:top;
}

.tableAide{
border:1px solid var(--gris-tres-fonce);
border-radius: 6px;
padding:5px;
width:99%;
}

.tableArchi{
border:solid var(--gris-tres-fonce);
border-radius: 8px;
width:1200px;
}

/*Définition css Planning*/
.tablePlanning {
width:100%;
border-collapse: separate;
border-spacing: 1px 1px;
}
.tablePlanning th{
background-color: var(--titre-case-tableau);
color:var(--blanc);
}
/*.tablePlanning td{
text-align:center;
vertical-align:middle;
}*/
.tableMenuPlanning {
border-collapse: separate;
border-spacing: 1px 1px;
}
.tableMenuPlanning th{
background-color: var(--titre-case-planning);
color:var(--blanc);
border-radius: 4px;
padding-bottom:8px;
}
.tableMenuPlanning td{
background-color: var(--case-planning);
text-align:center;
border-radius: 4px;
padding-top:8px;
padding-bottom:8px;
}

/*Divers*/
a.lienFonce:link{
color:var(--bleu-assez-fonce);
}
a.lienFonce:visited{
color:var(--bleu-assez-fonce);
}
.obligatoire:hover{
	border: 1px solid var(--gris-clair);
	border-radius: 4px;	
	background-color:var(--saumon);
}
.dossier{
	border-collapse: separate;
	border-spacing: 2px 2px;
	margin:2px;
	padding:2px;
}
.cadreDossier {
  border: 1px solid var(--gris-clair);
  padding: 15px;
  min-height: 250px;
  background-color: var(--blanc);
}
.formModif{
	min-width: 100px;
	margin:0px;
	padding:0px;
}
#divScrollX{
	width:100%;
	overflow-x:scroll;
	white-space: nowrap;
}
.affichStat{
	float:right;
	padding-right:5px;
	cursor: pointer;
}
.canvasPlanning{
	margin:0px;
	padding:0px;
}

/*Formulaire JFORM*/
.control-group {
/*  background-color:var(--blanc);*/
  padding:0px;
  margin:0px;
  margin-top:0px;
  margin-bottom:0px;
  width:100%;
}
.control-label {
  border-radius: 4px;
  /*background-color:var(--bleu-moyen);*/
  background-color:white;
  color:black;
  padding:1px;
  margin:1px;
  padding-top:5px;
  padding-left:5px;
  padding-right:5px;
  float:left;
}
#cadreNouveauDossier .control-label {
	float:none;
	display:none;
}
.controls {
/* background-color:var(--blanc);*/
  padding:2px;
  margin:0px;
  margin-right:15px;
  float:left;
}
.controls input[type="text"]{
	margin-bottom:0px;
}
.input-append{
	margin-bottom:0px;
}
.hasTooltip{
	font-weight: bold;
}
.js-editor-tinymce {
	width:1395px;
}
.formDossier{
  float:left;
  padding:0px;
  margin:0px;
}
/*form input{
	display: controls;
	width: 100%;
	margin:0px;
	padding:0px;
}
form textarea{
	display: controls;
	width: 100%;
	margin:0px;
	padding:0px;
}
form select{
	display: controls;
	width: 100%;
	margin:0px;
	padding:0px;
}*/