body {
	background: #F4F4F4; 
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:0.85em;
}

/*
 * Navigation
 */

div#nav_header {
	margin-left:220px;   /*  LOGO WIDTH */
	width : 702px;
}

.header p.logo {
	display:none;
}

#tabs {
	color:white;
	/*font-size:93%;*/
	font-size:12.6px; /* Corrige un problème sur Chrome pour le dernier onglet, le bord droit n'était pas dessiné */
	padding-left:0;
	padding-top:24px;
}

#tabs ul {
	padding-top: 6px;
	list-style: none;
}

#tabs li {
	float: left;
	background: url("tab_l.gif") no-repeat left top;
	padding: 0 0 0 9px;
	border-width: 0;
	line-height:15px;
}

#tabs ul a {
	float: left;
	display: block;
	width: .1em;
	background: url("tab_r.gif") no-repeat right top;
	padding: 6px 15px 5px 6px;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	color: #84B0C7; 
}

/* pour les badges de notification */
.badgeable,
#sub-tabs a,
#tabs ul li a {
	position:relative;
}

#tabs>ul a {
	width: auto;
}

#tabs a {
	float: none;
}

#tabs li:hover,
#tabs ul .active {
	background-position: 0px -150px;
}

#tabs ul .active a,
#tabs li:hover a {
	background-position: 100% -150px;
}

#tabs ul .active {
	border-color : rgb(127,127,125);
}


#user_info {
	height:16px;
	float:none;
	/*width:702px;*/
	padding: 3px 3px 2px;
	color : #666666;
	text-align:right;
}

#user_info a {
	font-weight:bold;
	color:#fa481c;
}

a.identification {
	text-decoration : none;
	margin-left: 5px;
}

a.identification:hover {
	text-decoration: underline;
}

/* Pour la gestion du menu (à finaliser) 
position: absolute sur #userinfo pour positionner le menu en relative (mais pose pb pour les onglets => A revoir)
*/

/*
#user_info {
	position: absolute; 
}

#menuIdent.ui-menu { width: 190px; }
  
#menuIdent {
	position: absolute;
   	top: 24px;
   	right: 110px;
   	font-size: 13px;
}

#menuIdentDropButton {
  	display: inline-block;
    cursor: pointer;
    top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
}
*/
/* fin menu */

#myuserIcon {
    display: inline-block;
    width: 15px;
    height: 16px;
    /* background-color: yellow; */
    background-image: url(../images/bonhomme.png);
    background-position-y: 4px;
    background-repeat: no-repeat;
    margin-left: 3px;
}

#userIcon {
  	display: inline-block;
 /*   cursor: pointer;*/
    top: 3px;
    margin-left: 1px;
    margin-right: 2px;
    position: relative;
}

#user_info a.user_label.identification {
    color: #666666;
    font-weight: normal;
}

/* password manager : Styles dans simple.css et/ou dans custom.css */

/*****************************************************************************/
/*    styles  global des pages                                               */
/*****************************************************************************/
#alpha,
p.subplanning_emission,
div.memo_cookie,
form.accueil,
form.planning,
div.accueil_title,
.pseudo_form,
.rolesim-info {
	margin-left: 220px;
}

form.dlg.demande_absence {
    margin-left: 0;
}

div.planning_version {
	padding : 5px 0px 5px 220px;
}

table.planning_journalier col.group,
table.annuaire col.personne,
table.annuaire col.nom,
table.planning_emission col.group, 
table.planning_collectif col.group {
	width: 209px;
}

table.planning_collectif.couverture col.group {
	width: 179px;
}

table.planning_collectif.couverture col.group2 {
	width: 30px;
}

/*IE6*/
table.planning_collectif.couverture.personnes col.group {
	width: 209px;
}

table.planning_journalier,
table.historique_demande,
table.planning_individuel,
table.planning_emission,
table.planning_collectif,
table.annuaire {
	margin-left:12px;
}


.planning_individuel col.date,
.planning_emission col.horaire,
.planning_individuel col.horaire {
	width:105px;
}

/*****************************************************************************/
/*          Styles du calendrier                                             */
/*****************************************************************************/
/*#tableCalendar {
	background-color:#4682b4;
}


.calendrier col {
	width :23px;
}

.calendrier tr.month th {
	padding:2px;
} 

.calendrier th.next_month,
.calendrier th.prev_month {
	background-repeat:no-repeat;
	background-position: center center;
	cursor:pointer;
	width:16px;
}

.calendrier th.next_month {
	background-image: url("../images/next.gif");
}

.calendrier th.prev_month {
	background-image: url("../images/prev.gif");
}


.calendrier tr.month {
 	background-color:#4682b4;
}

.calendrier span.year,
.calendrier span.month_name {
	color : white;
}

.calendrier tr {
	text-align: center;
}

.calendrier .week_days {
	background-color: #87CEFA;
	color:white;
}

.calendrier .current_day {
	background-color: #FFB6C1;
}

.calendrier .week_end {
	background-color: #DBEAF5;
}

.calendrier .normal {
	background-color: white;
}

.calendrier a:visited {
	color: blue;
}

.calendrier a {
	text-decoration: none;
}

.calendrier a.other_month {
	color: gray;
}
*/

/* CALENDAR INTEGRATION */
.ui-datepicker-trigger {
    margin-left: 3px;
    margin-top: -3px;
    vertical-align: middle;
}


/*
 *****************************************
*/

#alpha {
	width: 688px;
	padding: 6px;
	background-color: #FFF;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #84B0C7;
}

.pseudo_form, form {
	width: 688px;
	background-color: #FFF;
	border: 1px solid #84B0C7; 
}

.pseudo_form {
	color:#666666;
}

.pseudo_form,
form {
	padding: 6px;
	clear: both;
	border: 1px solid #84B0C7;
	background-color: #FFF; 
	font-style: normal;
	border-top: none;
}

form.sub-form {
	/*width:inherit;*/
	width: 676px;
	/*background-color: inherit;*/
	background-color: #E5E5E5;
    border-style: none;
}

form.planning {
	margin-bottom:10px;
	background-color: #FFF;
	color: #666666;
}

form.planning.multiple_personnes {
	margin-bottom:0;
}

form p.separateur {
	border-color:#cccccc;
    border-style: none none solid;
    border-width: medium 1px 1px;
    padding-top: 3px;
    margin-bottom: 3px;
}

form.planning.simulation {
	border-top-style : solid;
	border-top-width : 1px;
	border-top-color : #84B5C6;
	margin-top : 20px;
	width: 688px;
}


form table {
	border-collapse: collapse;
	table-layout: fixed;
}


form table tr {
	height: 2em;
}

form.accueil table {
	border-collapse:separate;
}


form.accueil table td {
	border-style : none;
}

form table .col1 {
	width:110px;
}

form table .col2 {
	width:160px;
}

form table .col3 {
	width:160px;
}

form table .col4 {
	width:250px;
}

form.accueil table .col2 {
	width:215px;
}
form.accueil table .col3 {
	width:105px;
}

form.planning.moyen#planning_ind  table .col2,
form.planning.moyen#planning_equipe  table .col2,
form.planning.technicien#planning_equipe  table .col2 {
		width:280px;
}

form#planning_couv table .col2,
form#planning_equipe table .col2 {
	width:240px;
} 

form.planning.moyen#planning_ind  table .col4,
form.planning.moyen#planning_equipe table .col4,
form.planning.technicien#planning_equipe table .col4 {
	width:130px;
}

form#planning_couv table .col4,
form#planning_equipe table .col4 {
	width:170px;
}

form.accueil#planning_couv table .col4 {
	width:225px;
}

#filtrePersonne {
	width : 135px;
}

#iselectPersonnes,
#selectPersonnes {
	width : 240px;
}

input.spin_text {
	margin-right:2px;
}

#week_number,
#amplitude {
	width:1.6em;
}

#inputYear {
	width: 3.2em;
}

#datePlanningEmission,
#inputFromDate,
#inputToDate,
#inputFromDate2,
#inputToDate2 {
	width:7em;
}

/*
img.cal-from,
img.cal-to,
#img_cal_from,
#img_cal_to {
	position:relative;
	top:1px;
}
*/
	
tr.button_line .actualiser {
	text-align:right;
}

button.actualiser {
	margin:0;
}

form table tr.button_line button {
	margin-top: 4px;
}

p.button_line {
	margin-right:auto;
	margin-left: auto;
	margin-bottom: 5px;
	text-align: center;
}

#week_up,
#week_down {
	position:relative;
}

#week_up {
	top:-6px;
}

#week_down {
	top:6px;
	left:-11px;
}

form.planning #selectTypeContrats,
form.planning #selectRubriques {
	width:160px;
}

/*form.planning #selectEquipes,
form.planning #selectEquipesCouverture,
form.planning #selectEmissions {
	width:230px;
}*/

form.planning.moyen #selectGroupMetiers,
form.planning.moyen #selectMetiers {
	width:310px;
}

/* Simulation des rôles*/
.rolesim-info {
	padding-top: 30px;
	padding-bottom: 20px;
}

.rolesim-info .warning {
	color:red;
}

.rolesim-info .info {
	color:green;
}

.rolesim-info .logout {
	margin-top:8px;
	margin-bottom: 6px;
	font-size: 15px;
}

body.role-sim #tabs {
	display: none;	
}

body.role-sim fieldset,
body.role-sim p.button_line {
	margin-top: 15px;
}

body.role-sim p.roles {
	padding-top:5px;
	clear:both;
}

body.role-sim fieldset p.roles .myCheck {
	float:left;
	width: 120px;
}
body.role-sim fieldset p.roles .myCheck-desc {
	float:left;
	width: 500px;
}

body.role-sim p.button_line {
	text-align: right;
}

p.login-simu {
	margin-top:12px;
}

p.login-alter {
	margin-left:220px;
	margin-top:12px;
	width: 702px;
}

body.role-sim.all p.login-alter {
	margin-left:0;
	width:690px;
}

body.role-sim #memoCookies {
	float:right;
	margin-right: 10px;
}

body.role-sim p.authPreferred {
	margin-left:220px;
	clear:both;
}

body.role-sim p.authPreferred input{
	width:20px;
	float: none;	
}

/*****************************************************************************/
/*    styles des pages d'accueil des différents modules                      */
/*****************************************************************************/
div.accueil_title { 
	clear : both;
	width: 688px;   
	padding: 35px 6px 35px;
	background-color: #FFF; /*#E5E5E5;*/
	border: 1px solid #84B0C7;
	border-top: none;
	color : #666666;
}

div.accueil_title p {
	padding: 0 5px;
	text-transform :uppercase;
	font-weight : bold;
	font-size : 1.3em;
	text-align : center;
}

/* formulaires des pages d'accueil*/
form.accueil {
	margin-top:25px;  
	background-color: white;
	border : 1px solid #84B0C7;
	padding: 0;
}

.planning.annuaire #selectPersonnes,
#selectMetiers,
#selectGroupMetiers,
#selectDirection,
#selectEquipe,
#selectCanevas,
#selectDirectionCouv,
#selectEquipeCouv,
#selectCanevasCouv,
#grpModele,
#selectDirections,
#selectEquipes,
#selectEmissions, #selectEm,
#selectTypeMoyen,
#selectDirectionLieu,
#selectEquipeLieu,
#selectDirectionGantt,
#selectEquipeGantt,
#rubriqueCouv,
#selectDirectionAct, #selectEquipeAct
{
	width:270px;
}


form label#label_type_de_contrat,
form label#label_rubrique {
	margin-left:20px;
	/*margin-right:20px;*/
}

/*#gestion_absences #selectMetiers,*/
#gestion_absences #selectTypeIndispos
{
	width:239px;
}


form.accueil.moyen #selectPersonnes,
form.accueil.moyen #selectMetiers,
form.accueil.moyen #selectGroupMetiers,
form.accueil.moyen #selectMetiersGantt {
	width:320px;
}

/*
#selectEquipes,
#selectEmissions,*/
.accueil #selectModeVisu,
#selectRubriques,
.accueil #selectTypeContrats {
	width:200px;
}

form.accueil {
	width : 698px;
}

form.accueil table {
	padding: 4px;
}

form.accueil p {
	border: none;
	text-align:center;
	font-weight:bolder;
	font-size: 1.2em;
	background-color: #DFECFF; /*FA481C;*/
	color: #84B0C7; /*white;*/ 	
	padding: 7px 0;
	margin-bottom:2px;
}


span.accueil_module,
span.accueil_principal {
	display: none;
}

div.memo_cookie {
	width:698px;
	text-align: right;
	padding: 5px 0px;
	color: #666;
}

div.memo_cookie button {
	margin-right: 9px;
}


/*****************************************************************************/
/*    styles des liens                                                      */
/*****************************************************************************/
/*a.identification, a.identification:visited, 
a.link_view, a.link_view:visited, a.link_view:hover,
a.personne, a.personne:visited, a.personne:hover 
{
	text-decoration: none;
}*/
a, a:visited, a:hover {
	text-decoration: none;
}

/*a.identification:hover {
	text-decoration: underline;
}*/

/*a.identification, a.identification:visited, a.identification:hover {
	font-weight : bold;
	color: #666666;
}*/

a.link_view, a.link_view:visited, a.link_view:hover {
	color:blue;
}


a.personne, a.personne:visited, a.personne:hover {
	color:blue;
}

table.planning_journalier a.link_view,
table.planning_journalier a.link_view:visited,
table.planning_journalier a.link_view:hover,
table.planning_emission a.link_view, 
table.planning_emission a.link_view:visited, 
table.planning_emission a.link_view:hover {
	color:blue;
}

td.group_metier a.link_view, 
td.group_metier a.link_view:visited, 
td.group_metier a.link_view:hover {
	color:#fff;	
}

/*****************************************************************************/
/*    styles des plannings                                                   */
/*****************************************************************************/
/*.annuaire td {
	border: 1px solid black;
}*/

table.planning_journalier,
table.annuaire,
table.historique_demande,
table.planning_emission,
table.planning_collectif,  
table.planning_individuel,
table.synthese_realise,
table.vue_compteurs
{
	border: none;
	text-align: center; 
	table-layout: fixed;
	border-collapse: separate;
	/*border-spacing:0; */ /* Utilisation de cellspacing="0" => IE 6 et 7 ne supportant pas cette instruction css*/
	width:1px; /*obligé de le fixer pour FF*/
	font-size: 1em;
}

/*
table.vue_compteurs {
	table-layout: auto;	
}*/

table.couverture {
    margin-top: 15px;
	margin-bottom: 15px; 
}

ul.couv {
    text-align: left;
    list-style: none outside none;
}

ul.couv li {
    padding-left:2px;
    padding-top:4px;
}

ul.couv li.personne.non-perm {
	color: #585858;
}

td.personne.prestataire, 
ul.couv li.personne.prestataire {
    color: #404040;
}

ul.personne-sans-compteur {
	margin-left:30px;	
}

p.no-compteurs {
    margin-left: 30px;
    color: red;
}

/*
table.planning_emission td,
table.planning_emission th,
table.planning_collectif td,
table.planning_collectif th,  
table.planning_individuel th,
table.planning_individuel td {
	overflow:hidden;
} */

table.planning.calendar td,
table.planning_collectif.couverture.personnes td,
table.planning_individuel td,
table.planning_journalier td,
table.planning_emission td,
table.planning_collectif.moyen td,
table.planning_collectif.technicien td {  /* WARNING : IE6 interprets this rule for each table.technicien even if doesnt have the planning_collectif class!!*/
	overflow:hidden;
	/*text-align: left;*/
	padding: 1px 2px;
}


table.planning_collectif.couverture col.day,
table.planning_collectif col.day {
	width:50px;
}

table.planning_collectif.moyen col.day, 
table.planning_collectif.technicien col.day {
	width:120px;
}

table.planning_collectif.couverture.personnes col.day {
	width:140px;
}

th.planning_group {
	border-style:none solid solid none;
	border-width:1px;
	color:#FFFFFF;
	font-weight:bold;
}

table.planning_collectif.couverture th.planning_group a.link_view {
	color:#FFFFFF;
}

table.planning_collectif.couverture th.planning_group {
	border-style:none solid none none;
}
	
/*.annuaire th,*/
th.month {
	background-color: #FFC273;
	border-color:white;
	border-width:1px;
	border-style: none solid solid none;
	color:white;
}

.annuaire th {
	height: 30px;
}

body#gestion_absences form.sub-form .desc_select,
form.annuaire .desc_select {
	text-align:right;
	padding-right:10px;
	font-weight: bold;
}

body#gestion_absences form.sub-form .desc_select {
	/*padding-right:0;*/
}


#past_tr,
td.previsionnel,
td.definitif,
th.definitif,
th.previsionnel {
	border: 1px solid white;
	border-style:none solid solid none;
	color: #FFFFFF;
	text-align:center;
}

#past_tr,
td.previsionnel,
th.previsionnel {
	background-color: #F9D60B;
	color: black;
	font-weight: bolder;
}

td.definitif,
th.definitif {
	background-color: #47D600; /*#5EA223;*/
}

table.planning_individuel td.previsionnel  {
	text-align:center;
}

/*table.compteur th {
	color: white;
} */

table.planning.historique_demande thead tr,
table.planning_journalier thead tr,
table.synthese_realise thead tr,
table.annuaire thead tr,
table.historique_demande thead tr,
table.planning_emission thead tr,  	
table.planning_individuel thead tr {
	font-weight: bold; font-size: 1em; color: #FFFFFF;
	text-align: center;
	height : 27px;
}

thead,
th.planning_group {
	background-color: #85b3f7;
}

table.planning_journalier th,
table.synthese_realise th,
table.annuaire th,
table.historique_demande th,
table.planning_emission th,
table.planning_individuel th {
	border-style:none solid solid none;
	border-width:1px;
}

table.planning_journalier th,
table.synthese_realise th,
table.annuaire th,
table.historique_demande th,
table.planning_individuel th {
	border-color:white; 
}

table.planning_journalier th.info1,
table.planning_emission.journaliste th.info1,
table.planning_individuel.journaliste th.info1 {
	font-size: 0.85em;
}


table.planning_collectif tr.rows,
table.planning_collectif tr.alternate_rows {
	height: 1px;
}

tr.alternate_rows {
	background-color: #E8F0FC;
	border:none;
}

tr.rows {
	background-color: #D4E8FC;
}

table.planning_collectif td.one_day,
table.planning_collectif td.eow {
	height: 100%;
	padding:0;
}

table.planning_collectif th.eow,
table.planning_collectif td.eow {
	border-right: 1px solid #B5C7E7; /*#9ED7EA;*/
}

table.historique_demande.teletravail td.group,
table.annuaire td.group,
table.planning_emission td.group_metier,  
table.planning_collectif td.group_metier {
	background-color:  #5A82D2;
	font-weight: bold; 
	color: #FFFFFF; 
	text-align: center;
	padding-left : 195px;  
}

td.collab,
td.personne {
	text-align:left;
}

td.personne {
	background-color:#ABCAF9;
}

td.personne.non-perm,
.personne.non-perm {
	background-color:#FFC273;
}

.personne.no-contrat {
	background-color:#F48677;
}

/* A décommenter si les prestataires sont activés
td.personne.prestataire, 
.personne.prestataire {
	background-color: #bf2a2ac7; 
} */

div .pause_repas,
div .horaire {
	font-size: 0.9em;
}

.pause_repas {
	margin-left:2px;
	font-weight: bold;
}

p.subplanning_emission {
	color : #1c55a2;
	font-weight: normal;
    font-size: 1.1em;
    margin: 10px 0;
    padding: 2px 0 2px 12px;
    /*border-bottom: 2px solid #1c55a2;*/
}
/*****************************************************************************/
/*    styles de l'annuaire                    */
/*****************************************************************************/
#annuaire span.filtre,
#annuaire a.filtre {
	padding-right:10px;
}

#annuaire a.current {
	font-weight: bold;
	text-decoration: underline;
}

#annuaire .filtre.inactif{
	color: #666666;
}

table.annuaire {
	margin-bottom:10px;
	color: #404040;
}

form.annuaire tr.button_line .actualiser {
	text-align: left;
}

/*****************************************************************************/
/*    styles des cellules "jour" des plannings collectifs                    */
/*****************************************************************************/
table.annuaire td,
table.historique_demande td,
table.planning_emission td,
table.planning_journalier td,
table.planning_collectif td,
table.planning_individuel td,
table.synthese_realise td {
	border-style:none solid solid none;
	border-width:1px;
	border-color :white;
	padding:2px;
}

table.historique_demande td {
	overflow: hidden;
    word-wrap: break-word;
    /*word-break: break-all;*/ /*Si actif cela coupe n'importe où même si c'était possible de couper entre 2 mots*/
}

table.planning_individuel td.semaine,
table.planning_individuel td.weekend,
table.planning_collectif th.semaine,
table.planning_collectif th.weekend  {
	font-size: 1em;
	padding-left:3px;
	border-width: 1px; /* 3px 3px 1px;*/
	border-style:none solid solid none;
}

table.planning_collectif th.semaine,
table.planning_collectif th.weekend {
	padding-left:0;
} 

/*table.planning_individuel td.semaine,
table.planning_collectif th.semaine*/
td.semaine, th.semaine{
	background-color: #EBEEFF;
	border-color:white;

}


/*table.planning_individuel td.weekend,
table.planning_collectif th.weekend*/
td.weekend, th.weekend {
	background-color: #B5C7E7;
	border-color:white;
}

#tiptitle .date.ferie,
td.ferie,
th.ferie {
	color : #FE701F;
}

td.normal,
th.normal {
	color : #585858;
}

table.planning_individuel td.date {
	text-align: left;
}

table.planning_individuel th.date {
	text-align: center;
}


/*****************************************************************************/
/*    styles des activités                                                   */
/*****************************************************************************/
table.planning_collectif.journaliste .horaire,
table.planning_collectif.technicien .horaire,
table.planning_collectif.moyen .horaire {
	margin-right: 3px;
}

table.planning_collectif.journaliste .tache {
	padding-left:2px;
}

table.planning_collectif.journaliste .indispo,
table.planning_collectif.journaliste .marqueur,
table.planning_collectif.journaliste .vacation,
table.planning_collectif.journaliste .doublure
{
	text-align:center;
}

table.planning_collectif.journaliste .abreviation_activite {
	padding-left:3px;
}
	
.indispo,
.tache,
.marqueur,
.tache_cyclique,
.vacation,
.doublure,
.autre_activite
 {
	padding-left:1px;
	padding-right:1px;
	color: #404040; 
}

.marqueur {
	color: #6F6F6F;
}

.dual_mod {
	color : #BFA8A8;
	font-weight: lighter;
}

.planning_individuel .indispo,
.planning_collectif .indispo,
.planning_collectif .tache {
	text-align: center;
}

.absence_non_travaillee {
	background:#FCDEB6;
} 

.doublure {
	font-style:italic; 
}

table.planning_collectif .abs.c1,
.indispo.c1 {
	background:#FF6F4A;
}

table.planning_collectif .abs.c2,
.indispo.c2 {
	background:#E3FF81;
}

table.planning_collectif .abs.c3,
.indispo.c3 {
	background:#F3EF7B;
}

table.planning_collectif .abs.c4,
.indispo.c4 {
	background:#FCDEB6;
}

table.planning_collectif .abs.c5,
.indispo.c5 {
	background:#8BF57C;
}

table.planning_collectif .abs.c6,
.indispo.c6 {
	background:#BBB0F2; 
}

table.planning_collectif .abs.c7,
.indispo.c7 {
	background:#F4D65C; 
}

table.planning_collectif .abs.c8,
.indispo.c8 {
	background:#ECC4A4; 
}

table.planning_collectif .abs.c9,
.indispo.c9 {
	background:#E37D84; 
}

table.planning_collectif .abs.c10,
.indispo.c10 {
	background:#BDEFE0; 
}

table.planning_collectif .abs.c11,
.indispo.c11 {
	background:#FC6C76; 
}

.indispo.hp {
	background-color: transparent;
}

.hp {
	font-size: 0.9em;
}


/*****************************************************************************/
/*          Style intervenants dans la vue de couverture                     */
/*****************************************************************************/
td.total-etq,
th.couverture,
th.besoin {
    font-size: 10px;
    text-align: center;
    background-color: #999999;
    color: #585858;
    border-right: solid 1px white;
}

planning_collectif.couverture {
    text-align: center;
}

td.couvert {
    background-color: #B7FF9B;
}

td.sur-eff{
    background-color: #93ADFF;
}

td.sous-eff {
    background-color: #FC6A6A;
}

table.planning_collectif div {
	padding-bottom:1px;
}

table.planning_collectif div.typeI,
table.planning_collectif div.marqueur,
table.planning_collectif div.tache,
table.planning_collectif div.tache_cyclique,
td.poste-canevas,
td.etiquette-std {
	overflow: hidden;  /* il se peut que des étiquettes std aient de très long libellés*/
	word-wrap: break-word;
	word-break: normal;  /* => ne marche pas sous FF*/
	text-align: left;
	padding-left:3px;
}

table.planning_collectif.journaliste.synthetique .tache,
table.planning_collectif.journaliste.synthetique .marqueur,
table.planning_collectif.journaliste.synthetique .typeI  {
	height: 18px; /* Si la hauteur n'est pas fixée, et que le texte dépasse la cellule, il est mis à la ligne (word-wrap).*/
}


table.couverture.synthetique tr.total td {
    font-weight: bold;
    padding:3px;
}

table.couverture.synthetique tr.total td.libelle {
    text-align: right;
    padding-right: 12px;
}

tr.total td.total-etq {
	color:black;
}


/*****************************************************************************/
/*    styles du libellé de mise à jour des données                           */
/*****************************************************************************/
div.planning_version {
	background-color: #E5E5E5;
	margin: 12px 0px;
	text-align: left;
	font-size:1em;
	color: #666666;
}

div.planning_version span.version {
	font-weight: bolder;
}

div.planning_version span.gel {
	background:red;
}

/*****************************************************************************/
/*    tooltip styles                         
 id  tiptitle : div titre avec 2 spans class personne et date
 id    tabletip : table contenu                                                    */
/*****************************************************************************/
/* ==================================*/
/* TOOLTIP CONTENT */

body .ui-tooltip {
    border-width: 1px;
    background: linear-gradient(white, #c5ddff);
    max-width: 800px;  /*Sinon les tables peuvent dépasser du tooltip*/ 
}

#tiptitle {
	text-align : center;
	font-weight: bold;
	font-size:0.8em;
	margin-bottom:3px;
}

#tiptitle .personne, 
#tiptitle .date {
	display: block;
	/*padding: 3px 6px;*/
}

#tiptitle .personne {
	padding: 0 6px;
}
 
#tiptitle .date {
	padding: 2px 6px;
}


#tabletip {
	font-size: 9pt;
	border-color:#fff;
	border-width:1px;
	border-right-style:solid;
	border-bottom-style:solid;
	background-color: #E8F0FC;
}

#tabletip th,
#tabletip td {
	border-color:#fff;
	border-width:1px;
	border-top-style:solid;
	border-left-style:solid;
	padding : 1px 3px;
}

#tabletip th {
	padding : 2px 3px;
}

#tabletip th {
	color:white;
}

#tip {
	background: #FCFFCC;
	font-size: 9pt;
	border-style: none;
	position: absolute;
	z-index: 800;
	text-align: center;
	visibility: hidden;
}

th.tooltip_horaire {
	width:70px;
}

/*****************************************************************************/
/*          Styles des blocs des pages d'accueil                            */
/*****************************************************************************/
/*Largeur du label du 1er selecteur des pages d'accueil*/
td.firstcolform {
	  width:90px;
	  text-align:left;
}

div.formdiv 
{
	clear: both;
	width: 613px;
	margin-bottom:3px;
	padding: 4px;
	border: 1px solid #999;
	background-color: #F2F2F2;
	color: #666;
}

form.offset,
div.offset,
div.historique_label { 
	clear : both;
	margin : 10px;
	margin-left:220px;
}


div.historique_label {
	font-weight : bolder;
	font-size : 20px;
	color: rgb(74, 93, 165); 
}

h1 {
	font-weight : bolder;
	font-size : 20px;
	color: rgb(74, 93, 165);
}

.sub-form {
	padding-bottom: 0;
}

/* gestion des sous-tabs*/

#sub-tabs {
	border-bottom: 1px solid #CCCCCC;
    clear: both;
    height: 21px;
}

#sub-tabs ul {
    list-style: none outside none;
    padding-top:3px;
}

#sub-tabs li {
    /*border-bottom: 1px solid #7F7F7F;*/
    border-width: 0;
    float: left;
    margin: 0;
    line-height: 12px;
    padding: 2px 0 ;
}

#sub-tabs li a {
	padding: 2px 15px 2px 6px;
	text-decoration: none;
	text-align:center;
}

#sub-tabs a:link, #sub-tabs a:visited  {
    background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #CCCCCC;
    color: #666666;
    /*border-bottom: none; */ /* corrige un pb sous chrome + padding bottom à 3px, mais ne marche plus avec FF*/
}

#sub-tabs a.active  {
    background-color: #FFF; /*#E8EBF0;*/
/*    font-weight: bold;*/
}


form.sub-form .col1,
form.sub-form .col3 {
	width: 115px;
}

form.sub-form .col2 {
	width: 200px;
}

form.sub-form .col4 {
	width: 240px;
}

form.sub-form#form_compteurs .col1 {
	width: 130px;
}

table.planning_collectif.absence tr.highlight td.personne,
tr.highlight {
	background-color: #FCBD4E;
}


table.calendar {
	table-layout: fixed;
	width: 1px; /*si on ne positionne pas la valeur, le contenu de la colonne activite est affiche sur plusieurs lignes...*/
	margin-left:60px;
}

.planning.calendar col.date {
	width: 25px;	
}

.planning.calendar td {
	border-width: 1px;
	border-color: white;
	border-style: none solid solid none;
}

.planning.calendar td.dayn {
	text-align: center;
}

.planning.calendar td.dayl {
	text-align: center;
	padding:1px;
}

.planning.calendar td.dayn,
.planning.calendar td.dayl {
	font-size:9pt;
}

.planning.calendar td.activite.semaine {
	/*inherit; pb sous IE 6, devrait être #D4E8FC...*/
	/*background-color: inherit;*/
	background-color: #D4E8FC; 
}


.planning.calendar td.eow {
	border-bottom-width: 1px;
	border-bottom-color: #7F7F7F;
	/*width:120px;*/
}

.planning.calendar col.activite {
	width:140px;
}

.planning.calendar td span.horaire {
    padding-left: 3px;
}

p#demande-description {
	margin-bottom: 5px;
}

p#demande-description .demandeur {
	font-weight: bold;
}

span.indispo {
	font-weight: bold;
}

p#demande-description .plage {
	font-style: italic;
}


.historique_demande.statuee {
	/*margin-left:31px;*/
	margin-left:60px;
}

.historique_demande.a-statuer {
	margin-left:21px;
}


.historique_demande.statuee col.etat {
	width : 40px;
}


#demandeConfirmation {
	border-top-style : solid;
	border-width: 1px;
	border-color :#84B0C7;
	width:707px;
}

#demandeConfirmation p label {
	font-weight: bolder;
	width : 170px;
	float: left;
}

#demandeConfirmation p {
	margin-top:10px;
}

#demandeConfirmation textarea {
	width:500px;
	height:70px;
}


p.info, p.info2 {
	margin-top: 25px;
}

/* Zone de messages dynamiques */
#optiError, div.cosymsg {
    border: 1px solid #999999;
    margin: 10px 10px 10px 220px;
    width: 700px;
}

#optiMessagePwd {
	margin-top:35px;
	margin-left: 0;
}

td.pict_warning,
td.pict_error,
td.pict_valid,
td.pict_info {
	width:60px;
	height:40px;
	background-position: 5px center;
	background-repeat : no-repeat; 
}

td.pict_warning {
	background-image : url("../images/warning.gif");
}

td.pict_error{
	background-image : url("../images/error.gif");
}

td.pict_valid{
	/*background-image : url("../images/valid.gif");*/
	background-image: url("../images/success.png");
}

td.pict_info{
	background-image : url("../images/info.gif");
}


.cosymsg table.valid thead, .cosymsg table.valid, #optiError table.valid thead, #optiError table.valid {
  background-color: #D3E5A1;
}

#optiError table.valid thead tr th,
.cosymsg table.valid th {
    background-color: #99C800;
    color: white;
}


table.warning td ol {
	margin-left : 25px;
}

.cosymsg table,
.cosymsg table thead,
#optiError table {
	width:100%;
	background-color: #FEC014;
}

/*
.cosymsg table.valid thead,
.cosymsg table.valid,
#optiError table.valid thead,
#optiError table.valid {
	 background-color: #A7FFC4; 	 
}
*/

/*#optiError table.error {
	 background-color: #F16625;	 
}*/

table.planning.historique_demande tr.vo {
	height: 36px;
}

table.planning.historique_demande tr {
	height:1px; /*doit être fixé, afin d'avoir la table des commentaires qui utilisent la hauteur totale (valable uniquement sous FF)...*/
}
	

table.multiple-comment {
	text-align: left;
	border-collapse: separate;
	width: 100%;
	height: 100%;
}

table.multiple-comment td {
	border-style: none;
	border-bottom-style: solid;
	/*border-bottom-color: lightgray;*/
	overflow: hidden;
	word-wrap: break-word;
	/*word-break: break-all;  */ /*Supprimé car coupait le texte bizarrement (par ex. Collaborateur :, juste avant les :)*/
}

table.multiple-comment tr:last-child td {
	border-style: none;
}

table.multiple-comment tr.even {
	background-color: #F2F8FF;
}

table.multiple-comment tr.odd {
	background-color: #F9F9C2;
}

table.multiple-comment td {
	text-align: left;
}

table.multiple-comment td.source {
	font-size: 0.85em;
    font-weight: bold;
    width:85px;	
}

table.historique_demande td.comments {
	padding : 0;
}


form.sub-form #tri,
form.sub-form #selectEquipes,
body#gestion_absences #selectPersonnes,
body#gestion_absences #groupBy,
body#gestion_absences form#form_compteurs #selectMetiers,
body#gestion_absences form#form_compteurs #typeIndispo {
	width: 195px;
}

table.planning_collectif.absence span.typeI,
table.planning.calendar span.typeI,
table.planning_collectif.absence span.indispo,
table.planning.calendar span.indispo {
 	display: block;
    text-align: center;
    font-weight: bold;
}

/* .rel => height doit être 6 ET table.planning_collectif.absence tr.dem-abs => line-height 6 sinon La ressource est decapitee sous IE6 et 7 */
/*.rel {
	height:6px;
	position: relative;
	padding: 0;
}

table.planning_collectif tr.dem-abs {
	line-height: 6px; 
}

table.planning_collectif tr.dem-abs td.one_day, 
table.planning_collectif tr.dem-abs td.eow {
	font-size: 1px;
	border-bottom-style: none;
}
*/


table.planning_collectif tr.dem-abs td.eow,
table.planning_collectif tr.dem-abs td.one_day
{
	padding-top:7px;
}

 
table.planning_collectif tr.dem-abs td.dem-abs-container {
	position: relative;
	overflow: visible; /* Sinon les demandes d'absences ne sont pas visibles en dehors de la première journée des plannings collectifs*/	
}

table.planning_collectif tr.dem-abs td.dem-abs-container div {
	overflow: hidden; /* Pour couper le contenu des divs en cas de dépassement Cf. modif ci dessus de l'overflow */
}

table.planning_collectif .abs {
	position: absolute;
	top:0;
	height:6px;
	font-size: 4px;
}

/*table.planning_collectif.absence .abs.c1 {
	
}*/

/*
table.planning_collectif.absence tr.jour-nom th {
	border-right: 5px solid;
}*/

table.planning_collectif .typeI.abs {
	padding:0;
}

table.planning_collectif .abs {
    border-color: black;
    border-style: none none none solid;
    border-width: 4px;
}

/* Pour ne pas décaler l'affichage des activités */
table.planning_collectif tr.hasDtt td.eow,
table.planning_collectif tr.hasDtt td.one_day {
	padding-top:8px;
}

table.planning_collectif td.hasDtt {
	position: relative
}

table.planning_collectif.synthetique.journaliste .dtt,
table.planning_collectif.synthetique .dtt,
table.planning_collectif .dtt {
	position:absolute;
	height: 6px;
	border-style: none;
	top: 0;
    left: 0;
    right: 0;
    padding: 0;
}

table.planning_collectif.synthetique .dtt.etat-0,
table.planning_collectif.synthetique .dtt.etat-1,
table.planning_collectif .dtt.etat-0,
table.planning_collectif .dtt.etat-1 {
	border-left: solid 4px;
}

/* en attente*/
table.planning_collectif.synthetique .dtt.etat-0,
table.planning_collectif .dtt.etat-0,
table.planning_collectif .abs.etat-0 {
    border-color: red;
}

/* valide */
table.planning_collectif.synthetique .dtt.etat-1,
table.planning_collectif .dtt.etat-1 {
    border-color: green;
}


/* valide-rh */
table.planning_collectif .dtt.etat-4,
table.planning_collectif .abs.etat-4 {
    border-color: green;
}

.vac-compute {
	color: #404040;
}

.horaire-indispo {
	font-weight:normal;
	font-size:10px;
	/*color: red;*/
	padding-right: 2px;	
}


table.planning_collectif.absence col.highlight, 
table.planning_collectif.absence tr.highlight td.personne,
table.planning_collectif.absence tr.highlight {
	background-image: url("pattern1.gif");	
}

table.compteur {
	font-size: 13px;
}

table.compteur thead tr {
	line-height: 1.6em;
}

table.compteur tbody td {
	padding:2px;
}

div.ui-dialog-content table th,
div.ui-dialog-content table td,
table.compteur th,
table.compteur td
 {
    border-bottom: thin solid white;
    border-right: thin solid white;
    padding: 1px;
    text-align: center;	
}

div.ui-dialog-content table th,
table.compteur th {
    color: white;
    padding:3px;
}

table.compteur td.unite {
	text-align: left;
	padding-left: 3px;	
}

table.compteur td.val,
table.compteur td.cpt {
	text-align: right;
	padding-right: 8px;	
}


table.compteur td.cpt.planifie,
table.compteur td.cpt.demande,
table.compteur td.val.planifie,
table.compteur td.val.demande {
	font-weight: bold;	
}
table.compteur .highlight {
 	background-image: url("pattern1.gif");
}


.toggle-compteur {
    float: right;
    margin-right: 5px;
}

div.historique_label {
	width:700px; 
	/* 688 +2*6 */
}

form.planning.demande_absence .toggle-compteur {
	 margin-right: 15px;
}

.toggle-compteur,
.toggle-periode,
.toggle-compteur-demande,
.cosymsg .show-detail,
table.valid a.show-detail,
#toggle-current-motif,
#toggle-compteur {
	color :#404040;
	font-style: italic;
	font-weight: bold;
	font-size:13px;
	text-decoration: underline;
}

.toggle-compteur-demande, .toggle-compteur {
    float: right;
    margin-left: 10px;
}

.decompte-label {
	margin-left:5px;
	color : black;	
}

.decompte {
	color : black;
}

#saisie-dispos,
#demandeSummary {
	padding : 0;
	background-color: #F1F1F1;
	border: 1px solid #7F7F7F;
	color : #666666;
	width: 700px;
}

div.demande-filter {
	background-color: #FFF;
	border: 1px solid #7F7F7F;
	color : #666666;
	width: 700px;
}

.form-title {
	text-align: center;
	background-color: white;
	color : #666666;
	font-weight: bold;
	padding :1px;
}

.form-content {
	padding : 6px;
}

#recompute-duree {
	margin-left:20px;
}

#demandeConfirmation.acceptDemande {
	background-color: #F2FFF2;
}

#demandeConfirmation.rejectDemande {
	background-color: #FCEDED; /*#FCC2BF;*/
}

/*#demandeConfirmation.modifyDemande {
	background-color: red;
}
*/



.marqueur-saisi {
	font-weight: bold;
}

#motifFin-modif, #motifDebut-modif,
#motifFin, #motifDebut {
	width:40px;	
}

#motifRemarque-modif,
#motifRemarque {
	height: 6em;	
    width: 360px;
}


#saisie-dispos #marqueursModified, #saisie-dispos #marqueursDeleted {
    width: 602px; 
}

/*table.planning.calendar ul.day .horaire,*/
table.planning.calendar .horaire  {
	font-size: 8pt;	
}

table.planning.calendar ul.day .abrev {
	padding-right: 3pt;	
}

.planning.calendar tr {
	line-height: 18px;
}
/*
.mq-del {
	background-image:url("../images/delete.gif");
	background-repeat: no-repeat;
	background-position:center;
	display: block;
}*/

/*
.mq-del:HOVER {
	background-image:url("../images/delete-actif.gif");
}*/

.mq-del.passive, .mq-del.passive:HOVER {
	background-image:url("../images/delete-passif.gif");
}


.planning.calendar li a,
.planning.calendar a.marqueur-new,
.planning.calendar li span.marqueur-del-passive {
	float : left;
	background-repeat:no-repeat;
	width :16px;
	display: block;
	margin-left: 1px;
}

.planning.calendar.saisid td.activite {
	position:relative;
	cursor:pointer;
}

.planning.calendar.saisid td.activite.no-edit {
	cursor:default;
}
.planning.calendar.saisid li.marqueur {
    cursor: default;
}

.planning.calendar.saisid a.marqueur-new {
    position: absolute;
    right: 4px;
    top: 3px;
}

/*
   gestion des dispos : permet d'afficher plusieurs marqueurs sur la même ligne
   ==================
   Cf. gestion_dispos.jsp pour l'affichage d'un seul marqueur max.
*/
.planning.calendar.saisid ul.day li {
    clear: none; 
}

.planning.calendar.saisid col.activite {
	width:298px;
}

.planning.calendar.saisid li .marqueur {
    width: 96px;
    display: inline-block;
}

.planning.calendar.saisid a.marqueur-new,
.planning.calendar.saisid li a.marqueur-mod,
.planning.calendar.saisid li a.marqueur-del,
.planning.calendar.saisid li span.marqueur-del-passive {
	display:none;
}

.planning.calendar.saisid td:hover a.marqueur-new,
.planning.calendar.saisid td:hover li a.marqueur-mod,
.planning.calendar.saisid td:hover li a.marqueur-del,
.planning.calendar.saisid td:hover li span.marqueur-del-passive {
	display:block;
}

.planning.calendar.saisid li.marqueur {
	margin:1px;
	margin-left: 2px;
	float:left;
	width: 133px;
}

.planning.calendar.saisid li .marqueur.fullDay {
	width: 222px; 
}
.planning.calendar.saisid li.marqueur.fullDay {
	width:275px;
}




.saisie-realise .mod,
.planning.calendar li .marqueur-mod {
	background-image:url("../images/edit.gif");
}

.saisie-realise a.del,
.planning.calendar li .marqueur-del {
	background-image:url("../images/delete.gif");
}

.planning.calendar a.marqueur-new {
	background-image:url("../images/new.gif");
}

.saisie-realise a.nodel {
	background-image:url("../images/cancel.gif");
}

.saisie-realise a.nodel,
.saisie-realise a.del,
.saisie-realise .mod {
 	margin-left: 1px;
 	display: inline-block;
 	background-repeat:no-repeat;
    width: 16px;
}

.planning.calendar li .marqueur-del-passive {
	background-image:url("../images/delete-passif.gif");
}

a.marqueur.mod {
	display:block;
}

.planning.calendar ul.day li {
	clear : both;
}


.planning.calendar li .marqueur, 
.planning.calendar li .activite {
	float : left;
	width: 100px;
}

.planning.calendar ul.day {
	list-style: none;	
}

#saisie-dispos p {
	clear:both;
}

p.button-line {
	text-align: right;
	margin-right:5px;
	padding-top: 5px;
}

p.motif-courant {
	margin-bottom: 5px;
	padding-bottom: 5px
}

#toggle-current-motif,
#saisie-dispos p.motif-courant label, 
#saisie-dispos p.motif-courant .motif-courant-desc {
	float: left;
}

.motif-courant label {
	font-weight: bold;
}

#marqueur-courant-desc .abrev,
#marqueur-courant-desc .horaire,
.motif-courant-desc .abrev,
.motif-courant-desc .horaire,
#dialog-confirm-validate .horaire {
	padding-left:5px;
}

.short-rq {
	font-size: 0.8em;
	font-style: italic;
	padding-left:5px;
}

#saisie-dispos p.motif-courant label {
	width: 100px;
	height:1.6em;
}

form.motif p.motif-courant #marqueur-courant-desc, 
form.motif p.motif-courant .motif-courant-desc {
	/*width: 370px; */ /*<== Pb with IE8 : manque un refresh...*/
	margin-bottom: 10px;
	float: left;
	max-width: 390px;
}

#saisie-dispos p.motif-courant .motif-courant-desc {
	width: 395px;
}

#toggle-current-motif {
	text-align:right;
	width: 185px;
}


table.planning.calendar ul.day .abrev {
	padding-right: 1pt;
    min-width: 32px;
    display: inline-block;	
}

table.planning.calendar ul.day li.marqueur .abrev {
    width: 32px;	
}

.planning.calendar td span.horaire {
    padding-left: 2px;
}

.planning.calendar li.activite {
	margin-left: 3px;
}


/*
#validate-saisie-dipos.highlight {
	background-color: #FDF5CE;
    border-color: #FBCB09;
    color: #C77405;
}*/

form.motif p label,
form.motif p .content {
	float:left;
}

form.motif p {
	clear:both;
	padding-top:4px;
}

form.motif p.tips {
	margin-bottom: 5px;
    padding: 6px;
}

form.motif p label {
	width: 120px;
	font-weight: bold;
}


div.motif-definition {
	padding-top: 7px;
	clear:both;
	border-top: 1px dashed #DDDDDD;
}

form.motif p .content {
	width: 370px;
}

#dialog-confirm-validate {
	max-height: 350px;
}

.planning.calendar td.dayModified {
	font-size: 0.85em;
	background-color: #f8a102b3;
    font-style: italic;
    font-weight: bold;
}

.mode-type-marqueur {
	padding-left:10px;
	font-style: italic;
}

table.saisie-realise tr.no-edit td,
.planning.calendar td.semaine.no-edit {
	background-color: #E0E0E0;
}

table.saisie-realise tr.no-edit td.weekend,
.planning.calendar td.weekend.no-edit {
	background-color: #C5C5C5;
}

/*
#optiValid {
	max-height: 200px;
}*/

.cosymsg .show-detail, 
#optiValid .show-detail {
	display: block;
	float:right;
	margin-right: 10px;
}

#dialog-help p {
	font-weight: normal;
	margin-top: 12px;	
}

/*
form#planning_couv.accueil label#label_emission {
	margin-left: 0;
	margin-right: 18px;
}*/


form#planning_couv label#label_emission,
form#planning_couv #label_mode_visu  {
	margin-right: 8px;
	margin-left: 37px;
}

form#planning_couv.accueil #label_mode_visu  {
	margin-right: 0;
	margin-left: 0;	
}


form#planning_couv #selectEmissionCouv {
	width: 170px;
}


div.planning-couv-equipe {
	
}


div.planning-couv-equipe .title,
div.planning-couv-equipe .title a.link_view,
.desc-planning a.link_view {
	color: rgb(74, 93, 165);
}

div.subplanning .planning-title,
div.planning-couv-equipe .title {
    margin-left: 14px;
    margin-top: 12px;
    font-size: 14px;
    margin-bottom: 3px;
}

div.subplanning .planning-title {
	font-weight: normal;
}

div.planning-couv-equipe table {
	margin-top: 5px;
}

p.planning-title,
form h1,
#gestion_absences div.offset h1,
#absences div.historique_label p,
#realise div.offset p,
#gestion_dispos div.offset p, 
.desc-planning {
	 color: rgb(74, 93, 165);
     font-size: 16px;
     font-weight: bolder;
}

form h1 {
	margin-bottom: 3px;
	margin-top: 7px;
}

.desc-planning {
	 margin-left: 220px;
}


#optiError tr.detail td div ul li span.indispo {
	background-color: transparent;
}


.no-planning {
	margin-top:20px;
	margin-bottom:20px;
	margin-left: 240px;
	color: #FF7C7C;
	font-size: 16px;
    font-weight: bolder;
}

.cosymsg table,
#optiError table {
    border-collapse: collapse;
}

#optiError table.warning thead tr th {
	background-color: #FEFE5C;
	color:#565636;
}

#optiError table.error thead tr th {
	background-color: #E20000;
	color:white;
}

/*#optiError table.valid thead tr th {
	background-color: #06FC00;
}*/

#optiError table.info thead tr th {
	background-color: #6C90EC;
	color:white;
}

.cosymsg table thead tr,
#optiError table thead tr {
	line-height: 2em;
}

.cosymsg table tbody tr,
#optiError table tbody tr {
	line-height: 1.5em;
}

.cosymsg h1 {
    font-size: 14px;
    color: black;
    padding-top: 3px;
}

.cosymsg table.valid th {
    background-color: #99C800;
    color:white
}

.cosymsg .ui-icon.ui-icon-closethick {
	float:right;
	cursor: pointer;
}

/****************************
 * Demndes d'absences
 ****************************/

#past_tr {
	cursor: pointer;
	font-variant :small-caps;
	height : 27px;
}

#past_tr span.left {
	float:left;
}

#past_tr span.right {
	float:right;
}


p.aff_dem {
	margin-bottom:10px;
	line-height: 1em;
}

p.aff_dem img,
span.aff_dem {
	vertical-align: middle;	
}

span.aff_dem {
	padding: 5px 15px 5px 2px;
	font-size: 0.8em;
	display: inline-block;
}


p.aff_dem label.libelle { 
	padding-right: 15px;
    padding-left: 5px;	
}

span.new_dem.prev {
	margin-right:30px;
}

.new_dem label { 
	padding-right: 10px;
	font-weight: bolder;
}

label.cb {
	font-size: 11px;
	display: inline-block;
    vertical-align: middle;
    margin-top:-5px;
    max-width: 50px;	
}

img.cb {
	margin-top: -6px;
    padding-left: 2px;
}

body.role-sim p.selector {
	margin-top:10px;
	margin-bottom:3px;
}

body.role-sim p.selector select {
	width: 320px;
}

body.role-sim p.selector span {
	padding-left: 15px;
}

body.role-sim p.selector label {
 	float:left;
 	width:140px;
}

/* demandes importées*/
.historique_demande .dem.imp {
	color : #978888;
}

/*****************************************
 * non utilisé dans le nouveau module absence
 ****************************************/
/* 
div p span.minus {
	text-transform: lowercase;
}

div.demande_continue {
	background-color:#F7B25D;
	border:3px solid #50483E;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
}


div.demande_confirm {
	width:600px;
	text-align:center
}

div.demande_show {
	background-color:#E3FFB2;
	border:3px solid #838E6F;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:500px;	
}

form.demande_absence p.confirm,
form.demande_absence p.demande_resume {
	margin : 25px;
	font-weight: bold;
}

div.buttons {
	margin:0px auto;
	padding-top:25px;
	text-align: center;
}
*/

/*****************************************************************************/
/* Style des avertissements
/*****************************************************************************/
/*#optiError,
div.cosymsg {
	width:700px; 
	border: 1px solid #999;
	margin : 10px;
	margin-left:220px;
}

table.error,
table.warning,
table.valid,
table.info {
	width:100%;
	background-color: rgb(252,189,78);
}

table.valid {
	 background-color: #A7FFC4;	 
}

table td.pict {
	width:60px;
}
*/

/*
#currentDemande {
	background-color: rgb(252,189,78);
}*/

/* styles du panel de modification d'une demande d'absence*/
form.demande_absence p label {
	font-weight: bolder;
	width : 130px;
	float: left;
	padding-top: 3px; /* pour alignement avec les selecteurs*/
}

form.demande_absence p #demande_annulation {
	float: none;
}

form.demande_absence p,
form.demande_absence hr {
	clear: both;
}

form.demande_absence input#personne,
form.demande_absence input.personne {
	 width : 250px;
}

#selectFamilleTypeIndispo,
#selectTypeIndispo {
	 width : 254px;
	 height: 21px; /* pour avoir la même hauteur que la sone d'édition */
}

/* controle de l'espacement dans cette form*/
form.multiple_personnes {
	margin-bottom: 0px;
}

form.demande_absence p {
	margin-top:10px;
}

form.demande_absence .errors p {
  margin: 3px;
}

form.demande_absence a.toggle-compteur-demande {
	margin-right:50px;
}

form.demande_absence #sidemandeAnnul {
    margin-left: 72px;
}

form.demande_absence #demandedlg-duree-decomptee.highlight {
	color:red;	
}

#dialog-new-demande input[name="timestamp"],
#dialog-new-demande input[name="dateCreation"] {
	width:120px;
}

#periode_debut,
#periode_fin {
	width : 200px;
	float: left;
	margin-right: 12px;
	margin-bottom: 10px;
}

form.demande_absence fieldset p {
	margin-top: 1px;
	margin-bottom: 5px;
}

form.demande_absence fieldset p label {
	font-weight: normal;
	float:none;
}

form.dlg.demande_absence fieldset.demande-partielle, 
form.dlg.demande_absence .comment {
	width: 460px;
}

form.dlg.demande_absence fieldset.demande-partielle label.duree {
	margin-left: 2px;
    margin-right: 10px;
}

form.dlg.demande_absence fieldset.demande-partielle input.dureePartielle {
    width: 38px;
    margin-right: 12px;
}

#periode_debut input,
#periode_fin input {
	margin-left:20px;
}

input.noInputDate,
input.inputDate {
	width : 90px;
}


img.action,
span.new_dem img {
	cursor: pointer;	
}

table.historique_demande img.action {
	margin-right: 1px;
	margin-left: 1px;
}

span.new_dem img.passif {
	cursor: auto;	
}

#cosyAlert.notice,
#cosyAlert.error,
#cosyAlert.warning {
	 margin-top: 12px;
	 padding-left: 5em;
	 background: no-repeat scroll 10px 10px;
}

#cosyAlert.notice {
	background-image: url("../images/notice.png");
}

#cosyAlert.error {
	background-image: url("../images/error.png");
}

#cosyAlert.warning {
	background-image: url("../images/warning.png");
}

#dialog-warnings-demande {
	padding-top: 12px;
}

#dialog-warnings-demande p {
	margin-top: 15px;
	margin-bottom: 6px;
}

.demande_absence .errors span.indispo,
#dialog-warnings-demande span.indispo {
	background: none;
}

.demande_absence .errors li,
#dialog-warnings-demande li {
  margin-left: 25px;
}

#demandeurMulti {
	margin-left: 10px;
	margin-right: 10px;
}


/*
 Bourse d'échanges
 */
p.subComps {
	margin-top:5px;
	margin-bottom:6px;	
}

#sub-tabs li a.badgeable,
.badgeable {
	padding-right: 18px;
}

label.badgeable {
	margin-right: 12px;
}
 


/*
 Télétravail
*/

table.historique_demande.teletravail td.group {
	padding-left: 0;	
}

table.historique_demande.teletravail tr.effectif span.min,
table.historique_demande.teletravail tr.effectif span.max {
	font-size: 11px;	
}

table.historique_demande.teletravail tr.effectif td.label,
table.historique_demande.teletravail tr.demande,
table.historique_demande.teletravail tr.valide {
	font-size: 12px;
}

table.historique_demande.teletravail tr.effectif td.label,
table.historique_demande.teletravail tr.demande td.label,
table.historique_demande.teletravail tr.valide td.label {
	text-align: right;
	padding-right: 10px;
}

/*table.historique_demande.teletravail tr.demande td.label,
table.historique_demande.teletravail tr.valide td.label {
	font-size: 13px;
}*/

table.historique_demande.teletravail tr.demande span.pForte,
table.historique_demande.teletravail tr.valide span.pForte {
	color:red;
}

table.historique_demande.teletravail tr.effectif,
table.historique_demande.teletravail tr.demande,
table.historique_demande.teletravail tr.valide {
    background-color: #FFC273;
}

table.historique_demande.teletravail tr.dtt td.mod,
table.historique_demande.teletravail tr.dtt td.modified {
	/*border-right:none;*/
	border-top-style:solid;
	border-top-width: 4px;
}

table.historique_demande.teletravail tr.dtt td.mod {
	border-top-color: #5A82D2;
}

table.historique_demande.teletravail tr.dtt td.modified {
	border-top-color: yellow;
}

table.historique_demande.teletravail .commentRequired {
	background-color: #fba1a1;
}
	
/* pour les commentaires multiples*/
table.historique_demande.teletravail .multiple-comment textarea {
	width:375px;
	max-width: 375px;  /* Largeur de la colonne - marges et bord de la cellule (12px)*/
	min-width : 200px;
	max-height: 65px;
}

#dialog-demande-teletravail label {
	margin-left:10px;
	display: inline-block;
	width:140px;
}

#dialog-demande-teletravail select#typeDemande,
#dialog-demande-teletravail label#demande_annulation {
	width:160px;	
}

#dialog-demande-teletravail p.occurrence {
	/*padding-left: 103px;*/	
	padding-left: 38px;
}


#dialog-confirm-modif.teletravail li {
	margin-left: 25px;
    margin-top: 4px;
}

fieldset#occurrence.noborder {
	border:none;	
}

fieldset#occurrence, 
fieldset#demandeTeletravail {
	width:400px;
}

form#dialog-demande-teletravail textarea {
	width:400px;
}

#dialog-demande-teletravail p.prioriteLabel {
	margin-left:70px;
}

#dialog-demande-teletravail p.prioriteLabel span.label {
	width:100px;
	display: inline-block;
	text-align: right;
}

#dialog-demande-teletravail p.prioriteLabel span:not(.label) {
	width:58px;
	display: inline-block;
	text-align: center;
}

#dialog-demande-teletravail .radioPriorite {
	width:50px;	
}

#dialog-demande-teletravail span.periodeAu {
	padding-left:2px;
	padding-right:1px;
}

#dialog-demande-teletravail input#nbOccurrence {
	width: 20px;
}

table.historique_demande.teletravail td.ttpr0 {
	
}

table.historique_demande.teletravail td.ttpr1 {
	background-color:#FCCD95;
}

table.historique_demande.teletravail td.ttpr2 {
	background-color:#FF7C7E;
}



/*demandes n'étant pas sous la responsabilité de l'utilisateur connecté*/
table.historique_demande.teletravail tr.dtt.noResp {
	color: gray;
	background-color: #dadada;
}

form#form_gest_teletravail_action span.aff_dem.resp {
	/*color:red;
	background-color: yellow;*/
	/*width: 210px;*/
}

form#form_gest_teletravail_action span.aff_dem.resp label.cb {
	/*width:200px;*/
	max-width: 190px;
}

/* ----- Gestionnaire teletravail */
div.pseudo_form.gest_tt_enregistrer {
	margin-top:3px;
	border: 1px solid #84B0C7;
}

/* Fin teletravail */




.header .nav_history {
	display: block;
    margin-left: 830px;
    padding-top: 12px;
}

.nav_history .back,
.nav_history .forward {
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    width:32px;
	height:32px;
	/*display:block;*/
	display:inline-block;
}

.nav_history .back.passive,
.nav_history .forwward.passive {
	cursor: auto;
}

.nav_history .back.active,
.nav_history .forward.active {
	cursor: pointer;
}


.nav_history .back.active {
	background-image: url(../images/nav-left.png);	
}

.nav_history .forward.active {
	background-image: url(../images/nav-right.png);	
}

.nav_history .back.passive {
	background-image: url(../images/nav-left-passive.png);	
}

.nav_history .forward.passive {
	background-image: url(../images/nav-right-passive.png);	
}

/* Pour ne pas avoir le coloriage par type de contrat */
td.collab span.self, 
td.collab span.mask,
td.personne span.self,
td.personne span.mask,
li.personne span.self,
li.personne span.mask {
	display: inline-block;
	/*display:none;*/
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;   
}

td.collab span.self, 
td.collab span.mask,
td.personne span.self,
td.personne span.mask {
	float:right;
}

li.personne span.self,
li.personne span.mask {
    background-position: 3px 1px;
    padding-left: 3px;
}

td.collab span.mask,
td.personne span.mask,
li.personne span.mask {
	background-image: url("../images/mask.png");
}

td.collab span.self, 
td.personne span.self,
li.personne span.self {
	background-image: url("../images/user-4.png");
}

table.saisie-realise tr.no-edit td.today,
.planning_individuel td.today,
.planning.calendar td.dayn.today,
.planning.calendar td.dayl.today,
.planning_collectif thead th.today {
	background-color: #FFFF99; /*yellow;*/
}



/* ================================= 
     Tool palette
  ================================= */
.appToolPalette {
	float: right;
	display: inline-block;
	margin-left:5px;
	/*width:50px;*/
	/*background-color: red;*/	
}

#user_info .appToolPalette a {
	padding:0;
}

/****************************
 * Boîte dialogue mail
 ****************************/
/*form#dialog-mail {
	width:600px;
}*/

.appToolPalette button {
	text-transform: uppercase;
    /*width: 35px;*/
    display: inline-block;
    /*text-align: center;*/
    /* font-style: italic; */
    font-size: 12px;
    margin-right: 0;
    margin-left: 2px;
    margin-top: -1px;
}

.appToolPalette span.action.mail {
	display: inline-block;
	background-image: url("../images/mail-2.png");
	background-repeat:no-repeat;
	width:24px;
	cursor:pointer;
}

form#dialog-mail p {	
	clear:both;
	color: #666;
	margin-top:3px;
}

form#dialog-mail .errors {
    margin-top: 3px;
    margin-bottom: 7px;
    margin-right: 3px;
}
    
form#dialog-mail .errors p {
	margin:3px 2px 3px 2px;
} 

form#dialog-mail label {
	font-weight: bolder;
    width: 100px;
    float: left;
}

form#dialog-mail input {
	width:367px;
}

form#dialog-mail textarea {
	width:365px;
	height:170px;
}


form#dialog-mail label.attach {
	float: none;
	width: auto;
}

form#dialog-mail input.attach {
    margin-left: 100px;
    width: 20px;
}


/*.cos-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: white;
    transform: translate(-50%, -50%);
    z-index: 3000;
}*/

.cos-spinner {
	margin:8px 0 3px 100px;
}

.cos-spinner .pict {
	display:inline-block;
	background-position: left center;
	background-repeat : no-repeat; 
	padding-left:25px;
	background-image: url("../images/ajax-loader.gif");
}

.pictloader {
	display:inline-block;
	background-position: left center;
	background-repeat : no-repeat; 
	padding-left:25px;
	background-image: url("../images/ajax-loader.gif");
}


/****************************
 * Page sysinfo
 ****************************/
body.sysinfo {
	margin:1em;
}

body.sysinfo h1 {
	margin-top:0.6em;	
	margin-bottom:0.5em;
}

body.sysinfo h2 {
	margin-top:0.4em;	
	margin-bottom:0.3em;
	text-decoration: underline;
}

body.sysinfo p {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

/*body.sysinfo dl:after {
	clear: both;
}
body.sysinfo dl {
	clear: both;
}*/


body.sysinfo dl dt {
	margin-top: 4px;
	font-weight: bold;
	/*float:left;
	clear:left;*/
	width:200px;
}

body.sysinfo dl dd {
	margin-left: 1em;
	/*float:left;*/
}

body.sysinfo a {
	text-decoration: underline;
}

body.sysinfo .erreur {
	color:red;
}

body.sysinfo form {
    border: none;
    background-color: transparent;
}

body.sysinfo dl.parameters dt {
	margin-top:9px;
}

/****************************
 * Saisie du réalisé
 ****************************/

body#realise #selectPersonnes, 
body#realise #label_personnes {
	margin-right: 10px;	
}

/*
body#realise p.no-planning {
	color:red;
	font-size: 1.4em;
}*/

#realise div.pseudo_form form.sub-form label {
	margin-right:23px;
}
#realise div.pseudo_form form.sub-form #label_personne {
	margin-left:45px;
}

table.synthese_realise {
	margin-left : 20px;	
}

table.saisie-realise {
	margin-left : 16px;	
}

table.saisie-realise td.editable {
	background-color: red;
}

table.saisie-realise col.commentaire {
	width: 400px;
}

table.saisie-realise textarea.comment {
	width:100%;	
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
}

table.saisie-realise textarea.comment {
	max-width: 388px;  /* Largeur de la colonne - marges et bord de la cellule (12px)*/
}

/* pour les commentaires multiples*/
table.saisie-realise .multiple-comment textarea.comment {
	max-width: 300px;  /* Largeur de la colonne - marges et bord de la cellule (12px)*/
}

table.saisie-realise col.description{
	width: 200px;
}

table.saisie-realise col.duree-pause{
	width: 50px;
}

table.saisie-realise col.horairePause,
table.saisie-realise col.horairePause2,
table.saisie-realise col.horaire {
	width:123px;
}

table.saisie-realise input.horaire {
	width:33px;
}

table.saisie-realise input.pauses {
	width:2em;
}

table.saisie-realise td.cell-edit {
	text-align: left;
}

table.saisie-realise tr.edit-border td {
	border-top:2px solid #727272;	
}

table.saisie-realise tr.edit-border td.date {
	border-left:2px solid #727272;
	border-bottom:2px solid #727272;	
}

table.saisie-realise tr.row_to_remove td {
	border-bottom:2px solid #727272;	
}

table.saisie-realise td.edit-border-right,
table.saisie-realise td.cell-edit {
	border-right:2px solid #727272;	
}

table.saisie-realise .override {
	color:#9a9a9a;
}

table.saisie-realise .att-user.override {
	color:#616161;
}

table.saisie-realise .deleted {
	color:gray;
	text-decoration: line-through;
}

table.saisie-realise .att-user.deleted {
	color:blue;
	text-decoration: line-through;
}

/*table.saisie-realise .att-modified {
	background-color: #e8d6b5;
}*/

table.saisie-realise .att-user.att-modified {
	background-color: #e8d6b5;
}

table.saisie-realise .att-resp.att-modified {
	background-color: #ecc57c;
}

table.saisie-realise .hide {
	display: none;
}

/*table.saisie-realise td.cell-edit button {
	float:right; pb avec IE 6 et 7
} */

#my-zone {
	display: inline-block;
	padding: 3px 8px;
	width: 500px;
}

table.saisie-realise tr.row_to_remove .zone {
	float: left;
    width: 600px;
}

table.saisie-realise tr.row_to_remove .commands {
	/* background-color: yellow; */
	float: right;
	text-align: right;
	width: 269px;
}


body#realise #toggle-original {
	float:left;
	color: #404040;
	text-decoration: underline;
	font-size: 13px;
    font-style: italic;
    font-weight: bold;
}

table.synthese_realise td.pers,
table.synthese_realise td.alerte {
	text-align: left;
}

table.saisie-realise tr.modified {
	background-color:rgb(240, 240, 153); 
}

form#form-saisie-realise {
	/*background-color: red;*/
	border: none;
	padding:0;
}

table.saisie-realise tr.edit-border table.multiple-comment td 
{
	/* background-color: yellow; */
	border:none;
}


#dialog-validation p.title {
	font-size: 1.3em;
    font-weight: bolder;
    margin-top: 1em;
    text-align: center;
}

#dialog-validation p {
	margin-top: 1.3em;
}

#validUntilDate {
	width:6em;
}

body.role-sim p.cos-only,
div.cos-only {
	background-color: rgba(255, 225, 225, 0.8);
}

body.role-sim p.cos-only {
	text-transform: none;	
	margin-top: 10px;
    font-size: 1em;
}



/*************************************
  Gantt journalier Scrollable 
 *************************************/  

/* positionnement des différentes parties du gantt*/
.gantt-container {
	/*background-color: purple;*/
	overflow:hidden;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:10px;	
	margin-left:20px;
	min-width: 934px;
	/*min-height: 350px;*/
}

.gantt-container,
.gantt-container div {
	/*box-sizing: border-box !important;*/
}

.gantt-container .layer {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
    height: 100%;
}

/*.gantt-scroll-manager {
	box-sizing:inherit !important;
}*/

.gantt-wrapper {
    overflow:hidden;
}

.gantt-part {
    /*height: 364px;*/ /* pas besoin d'être fixé puisque le scrollmanager est fluide*/
    margin-bottom:5px;
    border: 1px solid gray;
}

.gantt-part div {
	white-space: nowrap;
}

.gantt-left-part { /* partie fixe */
	/*background-color: green;*/
	float:left;
	width:150px;
	height:100%;
}

.gantt-right-part { /* partie-fluide*/
	/*background-color: blue;*/
	height:100%;
	overflow:hidden;
}

.gantt-header {
/*	height:55px;*/
	height:27px;
	/*line-height:22px;*/
	box-sizing: border-box !important;
}


.gantt-left-part .gantt-wrapper {
	height:292px; /* à calculer*/
	/*background-color: lime;*/
	/*margin-bottom:17px; *//* à calculer*/
}

.gantt-right-part .gantt-wrapper {
	/*width:xxxpx;*/ /* à calculer*/
	margin-right:17px; /* à calculer*/
}

.gantt-right-part .gantt-header {
    /*margin-right: 16px;*/
    /*background-color: aquamarine;*/
}

.gantt-scroll-manager,
.gantt-tasks-bk {
	width:100%;
}


.gantt-tasks-bk {
	overflow: hidden; /*pour éviter une desynchronisation avec le timescale en cas de dessin de taches plus loin que minuit*/
}

.gantt-scroll-manager { /* partie responsable du scroll */
	overflow:scroll;  /*scroll tjrs visible*/
	/*overflow:auto;*/ /*scroll visible si necessaire*/
	height:309px; /*a calculer*/
}

.gantt-tasks-content {
	height:100%;
	/*background-color: olive;*/
}

.gantt-right-part .gantt-header,
.gantt-tasks-bk {
	width:2880px; /* Ajusté automatiquement*/
}

.gantt-tasks-bk,
.gantt-resources-bk {
	height:200px; /* Ajusté automatiquement*/
}

.gantt-resources-bk {
    margin-bottom: 17px; /*Hauteur du scrollbar*/ /*Obligatoire sinon si scroll vertical décalage entre les ressources et les taches*/ 
}

/* Gestion du contenu du gantt */

.gantt-tasks-bk {
	position:relative;
}


/* grille */

.grid {
	width: 100%;
    height: 100%;
    /*background-color: yellow;*/
    background-color: #F5F5F5;
}

/*
.grid.layer {
	position:absolute;
	top:0;
	left:0;
}*/

.grid div.time {
	display: inline-block;
	width : 15px;
	height:100%; 
	/*background-color: red;*/
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: green;
	box-sizing: border-box !important;
	text-align: right;
    vertical-align: top;	
}


.grid div.time.half {
	border-right-color: gray;
}

.grid div.time.full {
	border-right-style:solid;
	/*border-right-color: red;*/
}

.grid div.time.quart {
	border-width:2px;
	border-right-style:solid;
	border-right-color: grey;
}

.grid div.time.mid {
	border-width:2px;
	border-right-style:solid;
	/*border-right-color: red;*/
}


/* Ressources*/
.gantt-resources-content .ressource {
	height : 60px;
	/*line-height:60px;*/ /*permet de centrer verticalement*/
	background-color: #ABCAF9;
	border-bottom: 1px solid white;
	padding-left: 3px;
	box-sizing: border-box !important;
	white-space: normal;
    word-wrap: break-word;
}

/*
.gantt-resources-content .ressource.personne {
	background-color:#ABCAF9;
}*/

.gantt-resources-content .ressource.personne.non-perm {
	background-color:#FFC273;
}

.gantt-container.moyen .gantt-resources-content .ressource {
	padding-top: 8px;
}

/*
.gantt-resources-content .ressource.rows {
	 background-color: #ABCAF9;	
}*/

/* Taches */
.task-layer .tasks {
	position:absolute;
	height:60px;
	width:100%;
	/*background-color: navy;*/
	/*opacity:0.5;*/
	box-sizing: border-box !important;
}

.task-layer .tasks.rows {
	background-color: rgba(204, 227, 243, 0.5); /*rgba(0, 255, 0, 0.50);*/
	overflow: hidden; /* au cas ou le dessin des taches dépasse la hauteur de la zone de dessin */
}

.task-layer .tasks.alternate_rows {
	background-color: rgba(255, 255, 255, 0.5); /*rgba(162, 162, 162, 0.5);*/ /*rgba(255, 0, 0, 0.50);*/	
}
.task-layer .task {
	position:absolute;
	border: 1px solid darkgrey;
	top: 20px;
	height:20px;
	box-sizing: border-box !important;
	background-color: white;
}

.task-layer .task.vacation {
    top: 5px;
    height: 50px;
    background-color: white;
}

/* dessin spécifique */
.task-layer .task {	
	color:black;
}
/*
.task-layer .indispo {
	background-color: yellow;
}

.task-layer .vacation {
	background-color: red;
}
*/


.gantt-part div.poste {
	font-weight: bold;	
	padding-bottom: 3px;
    padding-top: 3px;
}

.task-layer .task .horaire,
.task-layer .task .libelle {
	display: inline-block;
	position: absolute;
}

.task-layer .task .horaire {
	font-size:9px;
}

.task-layer .task .libelle {
	font-size:12px;
	color:#666666;
}

.task-layer .task .horaire.start {
	top:0;
	left: 0;
}

.task-layer .task .horaire.end {
	bottom: 0;
	right: 0;
}


.task-layer .task .libelle.down {
	bottom: -15px;
}

.task-layer .task .libelle.up {
	top: -15px;
}
    
.gantt-info {
	padding:2px 0 2px 2px;
	background-color: #85b3f7;
}
.gantt-info .ui-button .ui-button-text {
	line-height: 1;
}

.gantt-info .ui-icon-zoomout {
	background-image: url("../images/zoom-out.png") !important;
	background-position : 0; 
}

.gantt-info .ui-icon-zoomin {
	background-image: url("../images/zoom-in.png") !important;
	background-position : 0; 
}

.gantt-info .ui-icon-nozoom {
	background-image: url("../images/maximise.png") !important;
	/*background-position : 0; */
}

.gantt-info .ui-button-icon-only .ui-button-text, 
.gantt-info .ui-button-icons-only .ui-button-text {
    padding: .2em;
}

.notification-badge {
	min-width: 7px;
	border-radius: 2px;
	padding: 1px 4px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	background-color: #72777d;
	cursor: pointer;
	z-index:1000;
}

.notification-badge-content {
	font-weight: bold;
	color: #fff;
	vertical-align: baseline;
}

.notification-badge-inline {
	margin-left: 3px;
	display: inline-block;
	vertical-align: text-top;
}
.notification-badge-top {
	position: absolute;
	top: -2px;
	right: -3px;
}
.notification-badge-bottom {
	position: absolute;
	bottom: -2px;
	right: -3px;
}

.notification-badge-important {
	background-color: #d33;
}