a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}
.infobulle{
	border: 2px solid #003366;
  color: #FFFFFF;
  position: absolute;  
  visibility : hidden;
  padding: 10px;
  font-family: Trebuchet MS;
  align: left;
  font-size: 10pt;
  background-color: #BFD5EA;
}

body.all{
	text-align:justify;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}

body.index{
	text-align:justify;
	background-color:#FFCC00;
	margin:0px;
	padding:0px;
}

div.msg_erreur, div.msg_validation {
	clear: both;border: 0 none; 
	border-radius: 4px; 
	color: #3F3F3F; 
	padding:10px 10px 10px 55px !important; 
	margin:10px 0; 
	font-weight:bold; 
	font-size: 12px; 
	letter-spacing: 1px
}

div.msg_erreur  a:hover , div.msg_validation a:hover {text-decoration: underline}

div.msg_erreur {
	background:#F2D5D5 url('/global/images/icons/icon_error.png') 20px center no-repeat; 
	font-family: Trebuchet MS;
	}

div.msg_validation {
	background:#E6F8DD url('/global/images/icons/icon_valide.png') 20px center no-repeat; 
	font-family: Trebuchet MS;
	}


.module_header{
	text-align:center;
	font-size: 14px;
	font-family: verdana, serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#000000;
	border:0px;
}

.module_1{
	font-size:14px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:left;
	background-color:#CCCCCC;
	font-weight:bold;
}
.module_2{
	font-size:14px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:left;
	background-color:#939393;
	font-weight:bold;
}

.module_3{
	font-size:12px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:right;
	background-color:#EEE;
	font-weight:bold;
}

table{
	border:0px solid #000000;
}

.tab{
	border:1px solid #000000;
}

.btn{
	font-size:12px;
	font-family:verdana,serif;
	color:#000;
	background-color:#eee;
	border:1px solid #55AAB7;
	text-decoration:none;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	margin:2px;
	border-radius:3px;
	line-height:18px;
}
.btn_new{
    margin:5px ;
    background: #55AAB7!important;
    border:none;
    border-radius:999999px;
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:19px;
    outline:0!important;
    padding:10px 0;
    text-align:center;
    width:200px;
    -webkit-transition:all .3s;
    transition:all .3s}
.btn_new:hover{background:#444!important}

.btnheader{
	font-size:12px;
	font-family:verdana,serif;
	color:#FFFFFF;
	background-color:#aaaaaa;
	text-decoration:none;
	padding:3px;
	margin:0px;
}

.btnheader_on{
	font-size:12px;
	font-family:verdana,serif;
	color:#FFFFFF;
	background-color:#666666;
	text-decoration:none;
	padding:3px;
	margin:0px;
}
.btnheader:hover{
	background-color:#666666;
	color:#FFFFFF;
	
}

.btnpetit{
	font-size:10px;
	font-family:verdana,serif;
	color:#333333;
	background-color:#eeeeee;
	border:1px solid #666666;
	text-decoration:none;
	padding:1px;
	margin:2px;
}
.btnpetit:hover{
	background-color:#F7FA83;
}

.decon{
	font-size:10px;
	font-weight:bold;
	font-family:verdana,serif;
	color:#333333;
	background-color:#eeeeee;
	border:1px solid #666666;
	text-decoration:none;
	padding:1px;
	margin:2px;
}
.decon:hover{
	background-color:#000099;
	color:#ffffff;
}

.header{
	text-align:center;
	font-size: 12px;
	font-family: verdana, serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#55AAB7;
	border:0px;
}

.header_sans_align{
	font-size: 12px;
	font-family: verdana, serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#55AAB7;
	border:0px;
}

.header2{
	text-align:center;
	font-size: 12px;
	font-family: verdana, serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#55AAB7;
	border:0px;
}

.text_n_12{
	font-size: 12px;
	font-family: verdana, serif;
	color:#000000;
	
}

.ligne_paire{
	height:25px;
	background-color:#ffffff;
	border:0px;
}
.ligne_impaire{
	height:25px;
	background-color:#ffffff;
	border:0px;
}


.ligne_paire2{
	font-size:12px;
	font-family: Verdana, serif;
	height:25px;
	background-color:#FFFFFF;
	border:0px;
}
.ligne_impaire2{
	font-size:12px;
	font-family: Verdana, serif;
	height:25px;
	background-color:#DDD;
	border:0px;
}

.cellule, .texte{
	font-size: 12px;
	font-family: verdana, serif;
	padding:2px;
	border:0px;
}

.cellule_eudo{
	font-size: 12px;
	font-family: verdana, serif;
	padding:2px;
	border:0px;
        background-color:#F5EEEA;
        border-color: #000;
}

.cellule2{
	font-size: 10px;
	font-family: verdana;
	border:0px;
}

.cellule_10, .texte_10{
	font-size: 10px;
	font-family: verdana;, serif;
	padding:3px;
	border:0px;
}

.erreur{
	width:50%;
	font-size:14px;
	font-family: verdana, serif;
	color:#777777;
	background-color:#dddddd;
	border:1px dashed #666666;
	text-decoration:none;
	font-weight:bold;
	padding:10px;
	margin:10px;
}
.en_rouge{
	text-align:center;
	font-size:14px;
	font-family: verdana, serif;
	color:#777777;
	background-color:#C0CCED;
	border:1px dashed #666666;
	text-decoration:none;
	font-weight:bold;
	padding:4px;
	margin:4px;
}
.tout_petit{
	text-align:center;
	font-size:8px;
	font-family: verdana, serif;
	color:#999999;
	
}

.errlnk{
	font-size:14px;
	font-family: verdana,serif;
}

.inputbox, .textarea{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
	width:300px;
}

.inputboxnosize_11 {
	font-size: 11px;
	font-family: verdana, serif;
	padding:1px;
}

.inputboxnosize, .textareanosize{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
}

.inputboxnosizenumber{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
	text-align:right;
}

.textarea2{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
}

.textarea_adresse{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
	width:300px;
	height=50px;
}

.textarea_destinataire_mail{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
	width:600px;
	height=50px;
}

.textinput_titre_mail{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
	width:600px;
}

.textarea_corps_mail{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
	width:600px;
	height=150px;
}

.mot_cle{
	font-size: 12px;
	font-family: verdana, serif;
	padding:1px;
	width:100px;
}

.select{
	font-size: 11px;
	font-family: verdana, serif;
	padding:1px;
	color:#666666;
}

.cases{
	font-size: 9px;
	font-family: Verdana, serif;
	padding:1px;
	width:24px;
	color:#666666;
}

.ouvre, .ferie, .today, .grey{
	font-size:9px;
	font-family: verdana, serif;
	padding: 3px 1px;
	text-align:center;
	border:0px;
}
#general table:not(:first-child) tr:hover {background-color: #fffada;}
.day{
	font-size:11px;
	font-family: verdana, serif;
	padding:1px;
	text-align:left;
	border:0px;
}

.day2{
	font-size:10px;
	font-family: verdana, serif;
	padding:0px;
	text-align:center;
	border:0px;
}
.ouvre{
	color:#000000;
}
.ferie{
	background-color:#CCCCCC;
}
.today{
	background-color:#BFD5EA;
	padding: 3px;
}
.conge{
	background-color:#FF6666;
}
.conge.type_freeday, .conge_autre.type_freeday {
	background-color:blue;
}
.conge_autre{
	background-color:#28FF3A;
}
.congelight{
	background-color:#FFB9B9;
}
.congelight.type_freeday{
	background-color:lightblue;
}
.congeannule{
	background-color:#FFEC1C;
}
.reservation{
	background-color:#FF6666;
}
.reservationlight{
	background-color:#FFB9B9;
}
.reservationannule{
	background-color:#FFB9B9;
}
.grey{
	color:#000000;
}
.textarea{
	height:100px;
}
.menu{
	background-color:#55AAB7;
	height:18px;
	text-align:justify;
}

.inputbox {
	border:1px solid #55AAB7;
	border-radius:3px;
	line-height:18px;
}

.menulnk{
	color:#ffffff;
	margin-right:20px;
	margin-left:20px;
	background-color:#55AAB7;
	font-size:12px;
	font-family:verdana,serif;
	text-decoration:underline;
}
.menu:hoverlnk{
	text-decoration:none;
}

.logodatiming{
	background-image:url("images/logo2017.gif");
	background-repeat:no-repeat;
	width:664px;
	height:79px;
}

.logohrc{
	background-image:url("images/logo_hrc.gif");
	background-repeat:no-repeat;
	background-position:95% 50%;
	font-size: 10px;
	font-weight:bold;
	font-family: Verdana, serif;
	padding:2px;
	color:#000000;
	vertical-align:bottom;
	text-align:right;
}

.logoback{
	background-color:#55AAB7;
	height:91px;
}

.void{
	color=#000000;
	background-color:#ffffff;
	height:8px;
	border:0px;
}

.logooptimind{
	background-image:url("images/logo_1.gif");
	background-repeat:no-repeat;
	background-position:95% 50%;
	font-size: 10px;
	font-weight:bold;
	font-family: Verdana, serif;
	padding:2px;
	color:#000000;
	vertical-align:bottom;
	text-align:right;
}

.centre, .titre{
	font-size:12px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:center;
}

.titre{
	background-color:#eeeeee;
}

.montant{
	font-size: 12px;
	font-family: Verdana, serif;
	padding:1px;
	width:50px;
}

.ndf_header{
	text-align:center;
	font-size: 14px;
	font-family: verdana, serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#000000;
	border:0px;
}

.ndf{
	font-size:14px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:left;
	background-color:#CCCCCC;
	font-weight:bold;
}

.doc_utilisateur{
	font-size:14px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:left;
	color:#ffffff;
	background-color:#1BAEBA;
	font-weight:bold;
}

.btnpetit2{
	font-size:10px;
	font-family:verdana,serif;
	color:#333333;
	background-color:#eeeeee;
	border:1px solid #666666;
	text-decoration:none;
	padding:0px;
	margin:1px;
}
.btnpetit2:hover{
	background-color:#F7FA83;
}

.btnarbre{
	font-size:10px;
	font-family:verdana,serif;
	color:#333333;
	background-color:#eeeeee;
	border:1px solid #666666;
	text-decoration:none;
	padding:1px;
	margin:2px;
}
.btnarbre:hover{
	background-color:#F7FA83;
}

.text_10{
	font-size:10px;
	font-family:verdana,serif;
	color:#333333;
	text-decoration:none;
	padding:0px;
	margin:1px;
}
.TESTcpYearNavigation,
.TESTcpMonthNavigation{
	background-color:#6677DD;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.TESTcpDayColumnHeader,
.TESTcpYearNavigation,
.TESTcpMonthNavigation,
.TESTcpCurrentMonthDate,
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDate,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDate,
.TESTcpCurrentDateDisabled,
.TESTcpTodayText,
.TESTcpTodayTextDisabled,
.TESTcpText{
	font-family:arial;
	font-size:8pt;
}
TD.TESTcpDayColumnHeader{
	text-align:right;
	border:solid thin #6677DD;
	border-width:0 0 1 0;
}
.TESTcpCurrentMonthDate,
.TESTcpOtherMonthDate,
.TESTcpCurrentDate{
	text-align:right;
	text-decoration:none;
}
.TESTcpCurrentMonthDateDisabled,
.TESTcpOtherMonthDateDisabled,
.TESTcpCurrentDateDisabled{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.TESTcpCurrentMonthDate{
	color:#6677DD;
	font-weight:bold;
}
.TESTcpCurrentDate{
	color: #FFFFFF;
	font-weight:bold;
}
.TESTcpOtherMonthDate{
	color:#808080;	
}
TD.TESTcpCurrentDate{
	color:#FFFFFF;
	background-color: #6677DD;
	border-width:1;
	border:solid thin #000000;
}
TD.TESTcpCurrentDateDisabled{
	border-width:1;
	border:solid thin #FFAAAA;
}
TD.TESTcpTodayText,
TD.TESTcpTodayTextDisabled{
	border:solid thin #6677DD;
	border-width:1 0 0 0;
}
A.TESTcpTodayText,
SPAN.TESTcpTodayTextDisabled{
	height:20px;
}
A.TESTcpTodayText{
	color:#6677DD;
	font-weight:bold;
}
SPAN.TESTcpTodayTextDisabled{
	color:#D0D0D0;
}
.TESTcpBorder{
	border:solid thin #6677DD;
}

.excel_ligne_pair{
	font-size:12px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:left;
	background-color:#FFFFFF;
	font-weight:bold;
}
.excel_ligne_impair{
	font-size:12px;
	font-family: Verdana, serif;
	padding:2px;
	border:0px;
	text-align:left;
	background-color:#CCCCCC;
	font-weight:bold;
}

input.smallcheck {
height: 12px;
width: 12px;
} 

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	color: #666;
	white-space: nowrap;
	font-size:12px;
	font-family: verdana, serif;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}

.dtreetexte{
	color: #666;
	white-space: nowrap;
	font-size:12px;
	font-family: verdana, serif;
}