@CHARSET "ISO-8859-1";
html {
	font-size: 100%;
	overflow: auto;
}
body {
	heigh: 100%;
	size:landscape;
	margin:0;
	padding:0;
	font: 1em Verdana,Arial,Sans-serif;
	color: #000000;
	/*background:#d2c8c8;*/
	background-image: url(../images/fondpage.jpg);
	background-repeat: repeat;
	overflow: hidden;
}
td, input, textarea, select {
	font-family: Verdana,Arial,Sans-serif;;
} 
input, textarea, select {
	font-size: 1em;
} 
a img {
	border-width:0;
} 
a:link,a:visited {
	color:#5780ae;
} 
a:hover {
	color:#c00;
}
.logo {
	position: absolute;
	top: 0px;
	left: 60px;
	background-image: url(../images/IB-logo-CB2-22b.jpg);
	background-repeat: no-repeat;
	width: 54px;
	height: 54px;
}
.logo {
	cursor: pointer;
}
/************************************** Info user ****************************************************/
.infouser {
	font: 0.69em Verdana,Arial,Sans-serif;
	color: #000000;
	/*background-color: #ffffff;*/
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 3px;
	/*margin-bottom: 3px;*/
	height: 24px;
	/*padding-left: 180px;*/
}
.libuser {
	margin-right: 6px;
}
.libdatauser {
	margin-right: 6px;
	color: #666666;
	/*font-weight: bold;*/
}
/************************************** colonne gauche ***********************************************/
#mcol {
	width: 100%;
}
#mcal {
	width: 100%;
}
#mmsg {
	width: 100%;
}
#mlst {
	width: 100%;
}
#mgst {
	width: 100%;
	z-index: 1000;
}
/************************************** colonne principal ********************************************/
#navigation {
	padding-right: 3px;
	/*width: 100%;*/
}
#navigation .info {
	height: 24px;
	margin-top: 0px;
	text-align: left;
	/*background-color: #ffffff;*/
	padding-top: 0px;	
}
#tc_top {
	height: 24px;
}
#navigation .menuinfo {
	/*height: 23px;*/
	padding: 0;
	width: 100%;
	position: relative;
	top: 3px;
	left: 4px;
	z-index: 10;
}
#navigation .navig {
	font-size: 0.8em;
	float: right;
	margin-right: 20px;
    height: 25px;
}
#navigation .item {
	height: 18px;
	padding-top: 2px;
	margin-left: 4px;
	font-size: 0.8em;
	border-top: 1px solid #998675;
	border-right: 1px solid #998675;
	border-bottom: 1px solid #998675;
	border-left: 1px solid #998675;
	background-color: #ece7e7;	
	float: left;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0;
	color: #5780ae;
	cursor: pointer;
}
#navigation .item a:link, #principal .item a:active, #principal .item a:visited {
	color: #666666;
	text-decoration: none;
}
#navigation .item a:hover {
	color: #ffffff;
}
#navigation .n_item {
	font-size: 0.8em;
	/*margin-right: 4px;*/
}
#navigation .n_item a:link, #navigation .n_item a:active, #navigation .n_item a:visited {
	color: #F0F3F6;
	text-decoration: none;
    display: block;
    width: 100%;
}
#navigation .n_item a:hover {
	color: #ffffff;
}
#navigation .n_itemselected {
	/*margin-right: 4px;*/
	font-size: 0.8em;
	color: #000;
}

#navigation .item:hover {
	background-color: #999999;
	color: #ffffff;
	cursor: pointer;
}
#navigation .itemselected {
	height: 18px;
	padding-top: 2px;
	margin-left: 4px;
	font-size: 0.8em;
	border-top: 1px solid #998675;
	border-right: 1px solid #998675;
	border-bottom: 1px solid #d2c8c8;
	border-left: 1px solid #998675;
	background-color: #d2c8c8;	
	float: left;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 0;
	color: #000;
	/*font-weight: bold;*/
}
div.grid {
	/*background:	#fff;*/
	background: #dddddd;
	position: relative;
	cursor:	default;
}
#view_bas {
	/*background-color: #d2c8c8;*/
}
#legende {
	font-size: 0.69em;
	margin-top: 2px;
	padding: 0px;
	text-align: left;
	height: 26px;
	overflow-y: auto;
}
div.today {
	background: #f7e0c4;
	/*width: 100%;
	height: 100%;*/
}
div.selday {
	background: #e9edf3;
	/*width: 100%;
	height: 100%;*/
}
div.otherday {
	background-color: #ffffff;
	/*width: 100%;
	height: 100%;*/
}
div.otherdaywe {
	background: #f2f2f2;
}
div.otherdayover {
	/*background-color: #f4f4f4;*/
	background-image: url(../images/fnd_strie_clair.gif);
	background-repeat: repeat;
}
div.otherdayoverwe {
	/*background: #eeeeee;*/
	background-image: url(../images/fnd_strie_moy.gif);
	background-repeat: repeat;
}
div.otherdayout {
	background: #f9f9f9;
}
.today:hover, .otherday:hover, .otherdaywe:hover, .selday:hover {
	background-color: #dff0dc;
}
#navigprec {
	width: 24px;
	height: 18px;
	background-image: url(../images/btn_prec.gif);
	background-repeat: no-repeat;
	float: right;
	margin-left: 20px;
}
#navigprec:hover {
	background-image: url(../images/btn_prec_over.gif);
	cursor:pointer;
}
#navigsuiv {
	width: 24px;
	height: 18px;
	background-image: url(../images/btn_suiv.gif);
	background-repeat: no-repeat;
	float: right;
	margin-left: 10px;
}
#navigsuiv:hover {
	background-image: url(../images/btn_suiv_over.gif);
	cursor:pointer;
}
.zoneselect {
	position: absolute;
	background-color: #e78641; /*#dad1da;*/
	z-index: 4;
	opacity: 0.4;
	display: none;
}
/*#carreselect {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 10px;
	color: #fff;
	background: #666666 ;
}
#carrenormal {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 10px;
	color: #000;
	background: #ffffff ;
}*/
/******************************* Cadres horaires **************************************/
.chLayer {
	position:absolute;
	display:block;
}
.chBlock {
	margin-left: 3px;
}
.chBlock:hover {
	background-color: #ff0000 ;
}
/******************************* RDVs **************************************/
.evLayer {
	position:absolute;
	display:block;
	overflow: visible;
}
.evBlock {
	margin-left: 0px;
	border: 1px solid #000000;
	overflow: visible;
}
.evBlock:hover {
	cursor: pointer;
}
.evTxt {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 10px;
	margin-left: 2px;
	text-align: left;
	overflow: hidden;
}
/******************************* ligne ent�te jours *************************/
div.chead {
	text-align:center;
	/*margin-top: 3px;*/
	padding-bottom: 1px;
}
.chead {
	position:absolute;
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 0.8em;
	border-top: 1px solid #B0C0D3;
}
.cheadToday {
	background: #e96b10 ;
	font-weight: bold;
	color:white;
}
.cheadToday:hover {
	cursor:pointer;
}
.cheadSelday {
	background: #99adce ;
	font-weight: bold;
	color:white;
}
.cheadSelday:hover {
	cursor:pointer;
}
.cheadNotToday {
	color: #5780ae;
	text-align: center;
	background-color: #ffffff;
}
.cheadNotToday:hover {
	background-color: #bee0ba;
	color: #000;
	cursor:pointer;
}
.cheadFerie {
	background: #ff0000 ;
	font-weight: bold;
	color:white;
}
.cheadFerie:hover {
	cursor:pointer;
}
/******************************* colonne heure ***********************/
div.rhead {
	background:#eeeeee;
	/*width:100%;*/
	left:0;
	border-top:1px solid #bbbbbb;
	margin-left: 2px;
}
.rhead {
	position:absolute;
}
div.rheadb {
	background:#eeeeee;
	/*width:100%;*/
	left:0;
	border-top:1px dashed #bbbbbb;
	margin-left: 2px;
}
.rheadb {
	position:absolute;
}
.rheadtexthr {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 0.69em;
	color:#000000;
	text-align:right;
	padding-right:4px;
}
.rheadtext {
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 0.69em;
	color:#888888;
	text-align:right;
	padding-right:4px;
}
/*************************************** vue mois ****************************************************/
.view_month {
	/*border-top: 1px solid #998675;*/
}
#monthcolheaders {
	position: relative;
	height: 24px;
	/*margin-botom: 2px;*/
}
#monthcontainer {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 300px;
	position: relative;
	border: 1px solid #515F70;
	/*margin-right: 3px;*/
}
span.contmonth {
	position: relative;
}
#contmonth {
	height: 100%;
	width: 100%;
	display: block;
}
div.infojour {
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	background: #d9dfe7;
	padding-bottom: 2px;
	cursor: pointer;
	width: 100%;
	font-size:0.69em;
	font-family: Verdana;
}
div.infojouractu {
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	background: #e96b10;
	padding-bottom: 2px;
	cursor: pointer;
	width: 100%;
	font-size:0.69em;
	font-family: Verdana;
}
div.infojourconge {
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	background: #666666;
	padding-bottom: 2px;
	cursor: pointer;
	width: 100%;
	font-size:0.69em;
	font-family: Verdana;
}
div.infojourconge span.fontWnormal.colorGrey {
    padding: 0 20px 0 0;
}
div.infojourferie {
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	background: #ff0000;
	padding-bottom: 2px;
	cursor: pointer;
	width: 100%;
	font-size:0.69em;
	font-family: Verdana;
}
div.infojoursel {
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	background: #99adce;
	padding-bottom: 2px;
	cursor: pointer;
	width: 100%;
	font-size:0.69em;
	font-family: Verdana;
}
div.infojourover {
	text-align: right;
	position: absolute;
	left: 0;
	top: 0;
	background: #e8e8e8;
	padding-bottom: 2px;
	cursor: pointer;
	width: 100%;
	font-size:0.69em;
	font-family: Verdana;
}
div.jourmois {
	color: #000000;
}
div.jourmoisactu {
	color: #fff;
	font-weight: bold;
}
div.jourmoisferie {
	color: #fff;
	/*font-weight: bold;*/
}
div.jourmoissel {
	color: #fff;
	font-weight: bold;
} 
div.jourover {
	color: #999999;
}
div.fondJourFerie {
	background-image: url(../images/fnd_strie_jf_1.gif);
	background-repeat: repeat;
	opacity: 0.6;
}
div.fondJourConge {
	background-color: #999999;
}
.cont_rdvVac {
	padding-top:33px;
	margin: 0;
}

.cont_rdv {
	padding-top:16px;
	margin: 0;
}
.blck_color {
	float:left;
	border: 1px solid rgb(153, 153, 153);
	margin:1px;width:10px;
	height:10px;
}
.blck_rdv {
	height:14px;
	width:49%;
	text-align:left;
	padding-left:2px;
	font-size:0.69em;
	float:left;
}
/*************************************** vue semaine ****************************************************/
.view_week {
	/*border-top: 1px solid #998675;*/
}
#weekcolheaders {
	position: relative;
	height: 24px;
	margin-left: 40px;
	margin-right: 16px;
}
#weekcontainer {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 300px;
	position: relative;
	border: 1px solid #515F70;
	/*margin-right: 3px;*/
}
span.contweek {
	position:relative;
}
#contweek {
	/*height: 100%;*/
	/*width: 100%;*/
	display: block;
}
#rowheadersweek { 
	position:relative;
	height:100%;
} 
#rowheadcellweek {
	background:#eeeeee;
	text-align:center;
}
#gridcontweek {
	position:relative;
}
#grilleeventweek {
	background: #ece7e7;
	margin-bottom: 5px;
	margin-right: 16px;
	margin-left: 40px;
}
#colweek {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 0;
}
#colweek .fondjour {
	background: #ffffff;
	opacity: 0.4;
}
#colweek .fondjourover {
	/*background: #ffffff;*/
	background-image: url(../images/fnd_strie_clair.gif);
	background-repeat: repeat;
	background-color: #ffffff;
	opacity: 0.4;
}
#colweek .fondjour:hover {
	background: #bee0ba;
}
#colweek .fondjourtoday {
	background: #f7e0c4;
	opacity: 0.4;
}
#colweek .fondjoursel {
	background: #e9edf3;
	opacity: 0.4;
}
#colweek .fondjourwe {
	background: #f2f2f2;
	opacity: 0.4;
}
#colweek .fondjourweover {
	/*background: #eeeeee;*/
	background-image: url(../images/fnd_strie_moy.gif);
	background-repeat: repeat;
	background-color: #f2f2f2;
	opacity: 0.4;
}
#colweek .fondJourFerie {
	background-image: url(../images/fnd_strie_jf_1.gif);
	background-repeat: repeat;
	/*background-color: #ff6622;*/
	opacity: 0.6;
}
#structweek {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	/*background-color: #eeeeee;*/
	z-index: 1;
}
#grilleweek {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 2;
}
#gabaritweek {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 4;
}
#eventweek {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 5;
}
/*************************************** vue n jours suivants ****************************************************/
.view_nday {
	/*border-top: 1px solid #998675;*/
}
#ndaycolheaders {
	position: relative;
	height: 24px;
	margin-left: 40px;
	margin-right: 16px;
}
#ndaycontainer {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 300px;
	position: relative;
	border: 1px solid #515F70;
	/*margin-right: 3px;*/
}
span.contnday {
	position:relative;
}
#contnday {
	height: 100%;
	/*width: 100%;*/
	display: block;
}
#rowheadersnday { 
	position:relative;
	height:100%;
} 
#rowheadcellnday {
	background:#eeeeee;
	text-align:center;
}
#gridcontnday {
	position:relative;
}
#grilleeventnday {
	background: #ffffff;
	margin-bottom: 5px;
	margin-right: 16px;
	margin-left: 40px;
}
#colnday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 0;
}
#colnday .fondjour {
	background: #ffffff;
	opacity: 0.4;
}
#colnday .fondjourover {
	/*background: #ffffff;*/
	background-image: url(../images/fnd_strie_clair.gif);
	background-repeat: repeat;
	opacity: 0.4;
}
#colnday .fondjour:hover {
	background: #bee0ba;
}
#colnday .fondjourtoday {
	background: #f7e0c4;
	opacity: 0.4;
}
#colnday .fondjoursel {
	background: #e9edf3;
	opacity: 0.4;
}
#colnday .fondjourwe {
	background: #eeeeee;
	opacity: 0.4;
}
#colnday .fondjourweover {
	/*background: #eeeeee;*/
	background-image: url(../images/fnd_strie_moy.gif);
	background-repeat: repeat;
	opacity: 0.4;
}
#colnday .fondJourFerie {
	background-image: url(../images/fnd_strie_jf_1.gif);
	background-repeat: repeat;
	/*background_color: #ff6622;*/
	opacity: 0.6;
}
#structnday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	/*background-color: #eeeeee;*/
	z-index: 1;
}
#grillenday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 2;
}
#gabaritnday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 4;
}
#eventnday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 5;
}
/*************************************** vue jour ****************************************************/
.view_day {
	/*border-top: 1px solid #998675;*/
}
#daycolheaders {
	position: relative;
	height: 24px;
	margin-left: 40px;
	margin-right: 16px;
}
#daycontainer {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 300px;
	position: relative;
	border: 1px solid #515F70;
	/*margin-right: 3px;*/
}
span.contday {
	position:relative;
}
#contday {
	height: 100%;
	/*width: 100%;*/
	display: block;
}
#rowheadersday { 
	position:relative;
	height:100%;
} 
#rowheadcellday {
	background:#eeeeee;
	text-align:center;
}
#gridcontday {
	position:relative;
}
#colday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 0;
}
#structday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	/*background-color: #eeeeee;*/
	z-index: 1;
}
#grilleday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 2;
}
#gabaritday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 4;
}
#eventday {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index: 5;
}
/*************************************** menu vue ***************************************************/
.tabon {
	width: 100%;
	font-size:13px;
	font-family:Arial;
	color:black;
	background:#d2c8c8;
	font-weight:bold;
	padding:4px 5px 3px;
	margin-right: 1px;
	/*border-top: 1px solid #bfb0b0;
	border-left: 1px solid #bfb0b0;
	border-right: 1px solid #bfb0b0;
	border-bottom: 1px solid #d2c8c8;*/
} 
.taboff {
	width: 100%;
	cursor:pointer;
	font-size:13px;
	font-family:Arial;
	color:#5780ae;
	background:#ece7e7;
	font-weight:normal;
	padding:4px 5px 3px 5px;
	margin-right: 1px;
	/*border-top: 1px solid #d2c8c8;
	border-left: 1px solid #d2c8c8;
	border-right: 1px solid #d2c8c8;
	border-bottom: 1px solid #bfb0b0;*/
}
/******************************************* pop-up ***************************************************/
#trailimageid {
	position: absolute;
	background-color: #8291a4;
	border: 1px solid #8291a4;
	font-size: 0.625em;
	width: 15em;
	/*display: none;*/
	visibility: hidden;
	left: 0px;
	top: 0px;
	/*padding: 0.2em;*/
	z-index: 5000;
	-moz-opacity: 0.95;
	opacity: 0.95;
}
#trailimageid .menutrail {
	background-color: #eeeeee; /*#eee5d8;*/
	/*height: 1.8em*/;
	font-family: Verdana, sans-serif;
	color: #000000;
}
#trailimageid .menutrail:hover {
	background-color: #ffffff; /*#eebd7b;*/
	cursor: pointer;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3 {
	margin: 0;
}
#tooltip div { 
	margin: 0;
}
#tooltip .tipinfo { 
	margin: 0;
	font-family: Verdana, sans-serif;
	color: #000000;
	font-size: 0.69em;
}
#tooltipb { 
	margin: 4px;
	font-family: Verdana, sans-serif;
	color: #000000;
	font-size: 0.69em;
}
/*******************************************************************************************************/
/*.printborder {
	border-left:9px solid #c3d9ff;
} */
#printlink img {
	cursor:pointer;
	padding-top:4px;
} 
#printlink span {
	vertical-align:20%;
	padding-left:2px;
	padding-right:4px;
} 
@media print {
	.printAlignLeft{margin-left:0} 
	.noprint{display:none} 
	.printonly{display:inline } 
	.printwhite{background-color:#fff;color:#000} 
	.printborder{border:1px solid black} 
	div.rhead{border-top:1px solid black} 
	div.chead{border-left:1px solid black} 
	div.dayOfMonth{border:solid 1px black;text-decoration:none} 
	div.dayInMonth,div.dayNotInMonth{background:#fff;color:#000} 
	div.hruleodd,div.hruleeven{border-top:1px solid black} 
	div.vrule{border-left:1px solid black} 
	#guser,#gbarl,#gbarc,#gbar{display:none}
}

.navbutton {
	width: 16px;
	background: #79b;
	vertical-align: middle;
	border: 1px solid #888;
	cursor: pointer;
}
#dateunderlay {
	font-size: 13px;
	font-family: Arial;
	color: black;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 2px;
}
.lk, a.lk, a.lk:visited, a.lk:hover, a.lk:active {
	color: #5780ae;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
} 
.lkh, a.lkh, a.lkh:visited, a.lkh:hover, a.lkh:active {
	color: #5780ae;
	cursor: pointer;
	cursor: hand;
	white-space: nowrap;
} 
.lkh, a.lkh, a.lkh:visited {
	text-decoration: none;
} 
a.lkh:hover, a.lkh:active {
	text-decoration: underline;
}
#mode_link0 {
	display:none;
}
.t1 {
	margin:0 2px;
	height:1px;
	font-size:1px;
	line-height:1px;
} 
.t2 {
	margin:0 1px;
	height:1px;
	font-size:1px;
	line-height:1px;
}
div.inset {
	border : 1px solid #B0C0D3;
	/*border-style:solid;
	border-width:1px;
	border-color:#a2bbdd #fff #fff #a2bbdd;*/
}
img.more-no {
	visibility:hidden;
}
img.more-no, img.more-u, img.more-ud, img.more-d {
	cursor:pointer;
	height:13px;
	position:absolute;
	right:3px;
	top:3px;
	width:15px;
}
img {
	border:0pt none;
}
body.zh #allDayGrid, body.ja #allDayGrid, body.ko #allDayGrid {
	margin-left:60px;
}
.allDayCell {
	position:absolute;
	border-left:3px double #ddd !important;
	width:3px;
}
#gridcontainercell {
	position:relative;
}

#eventowner, #decowner {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
}

div.hrule {
	position:absolute;
	left:0;
	width:100%;
} 
div.hruleodd {
	border-top:1px dashed #bbbbbb;
}
div.hruleqrt {
	border-top:1px dotted #cccccc;
}
div.hruleeven {
	border-top:1px solid #bbbbbb;
}
div.hrulegaba {
	border-top:1px dashed #cc0001;
}
div.hruleMonth {
	border-top:1px solid #bbbbbb;
} 
div.vrule {
	position:absolute;
	top:0;
} 
.gutter {
	border-left:3px double #cccccc !important;
} 
.nogutter {
	border-left:1px solid #bbbbbb;
}
.chip{
	overflow:hidden;
	font-size:85%;
	cursor:default;
} 
.chip *{
	-moz-user-select:none;
} 
* 
html .chip{
	margin-left:3px;
} 
.chip .b1,.chip .b2{
	height:1px;
	font-size:1px;
	line-height:1px;
} 
.chip .b1{
	margin:0 2px;
} 
.chip .b2{
	margin:0 1px;
	border-style:solid;
	border-width:0 1px;
} 
.chip .t2{
	border-width:0;
}
.chip .chipbody{
	overflow:hidden;
	position:relative;
	width:100%;
	color:#fff;
} 
.chip dl{
	position:relative;
	overflow:hidden;
	margin:0;
	border-style:solid;
	border-width:0 1px;
} 
.chip dt{
	margin:-1px 0 0;
	padding:1px 3px 0;
	font:bold 80%/1.1em Verdana,Sans-serif;
	color:#fff;
	white-space:nowrap;
} 
.chip dd{
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
	font:100%/1.3em Verdana,Sans-serif;
} 
.chip dt b{
	display:block;
	width:100%;
	overflow:hidden;
} 
.chip dd div{
	padding:0 2px 2px;
} 
.chip .location{
	display:block;
	font-style:normal;
} 
.chip .status{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:17px;
	margin:0;
} 
.chip .statusicon{
	display:block;
	padding:0 1px 0 2px;
} 
.chip .status img{
	display:block;
	margin:0;
} 
.chip .status .t1{
	display:block;
	margin-right:1px;
}
.chip .status .t2{
	display:block;
	margin-right:0;
} 
.chip .resize{
	position:absolute;
	bottom:0;
	padding:0;
	cursor:s-resize;
	height:5px;
	width:11px;
	/*background:url("../images/combined.gif") no-repeat;*/
	background-position:0 -63px;
} 
.chip .edit dt{
	padding-top:0;
	padding-bottom:1px;
}

#beaker,.month_event {
	font:85%/1.2em Verdana,Sans-serif;
	margin-bottom:1px;
	padding:1px 0 2px;
} 
.month_event {
	unselectable:on;
	-moz-user-select:none;
	position:absolute;
	overflow:hidden;
	white-space:nowrap;
} 
.month_event em.time {
	font:bold 92% Arial,Sans-serif;
} 
.month_event .event-title {
	padding-right:2px;
}

.chckbVenu
{
    float:right;
}

.decalVac
{
    width: 100%;
    text-align: center;
}

.zoneVac
{
    width : 15px;
    height: 15px;
    font-size: 14px;
    display: inline-block;
}

.zoneVac:hover
{
    color:#000000;
}

.zoneA
{
    background: #ffce23;
}

.zoneB
{
    margin-left: 5%;
    background: #f7a0df;
}

.zoneC
{
    margin-left: 5%;
    background: #71b1f7;
}

.jourmois .zoneVac
{
    font-size: 12px;
    height: 15px;
}

/************************* Boutons template d'index *********************/
/******************* Boutons standards *****************/
.btnGauche
{
    margin-left:4px;
    width:4px;
    height:26px;
    float:left;
    background:url('../images/item_L.jpg') no-repeat;
}

.btnDroite
{
    width:4px;
    height:26px;
    float:left;
    background:url('../images/item_R.jpg') no-repeat;
}

#navigation .n_item_txt
{
    padding-top: 3px;
    height:23px;
    float:left;
    background:url('../images/item_M.jpg') repeat-x;
}

/******************* Boutons Agenda *****************/
.btnGaucheAgenda
{
    background:url('../images/blue1/item_L_blue1.png') no-repeat;
}

.btnDroiteAgenda
{
    background:url('../images/blue1/item_R_blue1.png') no-repeat;
}

#navigation .n_item_txtAgenda
{
    background:url('../images/blue1/item_M_blue1.png') repeat-x;
}

/******************* Boutons Messages *****************/
.btnGaucheMessages
{
    background:url('../images/light_purple/item_L_light_purple.png') no-repeat;
}

.btnDroiteMessages
{
    background:url('../images/light_purple/item_R_light_purple.png') no-repeat;
}

#navigation .n_item_txtMessages
{
    background:url('../images/light_purple/item_M_light_purple.png') repeat-x;
}

/******************* Boutons Mouvements *****************/
.btnGaucheMouvements
{
    background:url('../images/blue2/item_L_blue2.png') no-repeat;
}

.btnDroiteMouvements
{
    background:url('../images/blue2/item_R_blue2.png') no-repeat;
}

#navigation .n_item_txtMouvements
{
    background:url('../images/blue2/item_M_blue2.png') repeat-x;
}

/******************* Boutons Suivis *****************/
.btnGaucheSuivis
{
    background:url('../images/green1/item_L_green1.png') no-repeat;
}

.btnDroiteSuivis
{
    background:url('../images/green1/item_R_green1.png') no-repeat;
}

#navigation .n_item_txtSuivis
{
    background:url('../images/green1/item_M_green1.png') repeat-x;
}

/******************* Boutons Appelants *****************/
.btnGaucheAppelants
 {
    background:url('../images/red/item_L_red.png') no-repeat;
}

.btnDroiteAppelants
{
    background:url('../images/red/item_R_red.png') no-repeat;
}

#navigation .n_item_txtAppelants
{
    background:url('../images/red/item_M_red.png') repeat-x;
}

/******************* Boutons Liste d'urgence *****************/
.btnGaucheUrgList
{
    background:url('../images/orange/item_L_orange.png') no-repeat;
}

.btnDroiteUrgList
{
    background:url('../images/orange/item_R_orange.png') no-repeat;
}

#navigation .n_item_txtUrgList
{
    background:url('../images/orange/item_M_orange.png') repeat-x;
}

/******************* Boutons gestionnaire de tâches *****************/
.btnGaucheGstnT
{
    background:url('../images/green2/item_L_green2.png') no-repeat;
}

.btnDroiteGstnT
{
    background:url('../images/green2/item_R_green2.png') no-repeat;
}

#navigation .n_item_txtGstnT
{
    background:url('../images/green2/item_M_green2.png') repeat-x;
}

/*****************Modification du gestionnnaire de tâches*********************/
#taskManagerDiv
{
    margin-top: 30px;
    margin-left: 30px;
}

#tasksManagerInput
{
    height: 50px;
    width: 1000px;
}

#tasksManagerValidBtn
{
    margin-left: 900px;
}

.lstTsk
{
    float: left;
    width: 1000px;
}

.optnTsk
{
    float: right;
}

.btnUpdTsk
{
    background: url("../images/ic_edit.gif");
    width: 16px;
    height: 16px;
    cursor: pointer;
    float: left;
}

.btnDelTsk
{
    background: url("../images/ic_delete.png");
    width: 16px;
    height: 16px;
    margin-left: 10px;
    cursor: pointer;
    float: left;
}

.btnAddTsk {
	background: url("../images/ic_valid.png");
	width: 16px;
	height: 16px;
	margin-left: 10px;
	cursor: pointer;
	float: left;
}

.dateTsk
{
    margin-right: 15px;
    float: left;
}

#divInputTask
{
    clear: left;
    margin-top: 30px;
}

.divLstTsk
{
    overflow-y: scroll;
    max-height: 250px;
}

.divLstTsk ul li:hover
{
    background: #e96b10;
    color: white;
}

#tasksManagerValidUpdBtn
{
    margin-left: 700px;
    float: left;
}

#tasksManagerCancelBtn
{
    margin-left: 5px;
}

#loadAjaxIcon
{
    background: url("../images/ajax-loader2.gif");
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 999;
    left:50%;
    bottom: 50%;
}

#loadTarget
{
    display: none;
    position: fixed;
    background: rgba(0,0,0,.7);
    width: 100%;
    opacity: 0.7;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    z-index: 9999;
    bottom: 0;
    top: 0;
}

.nbJourMois
{
    position: absolute;
    top: 0;
    right: 0;
}

.divNewUrg
{
    padding: 35px;
    position: relative;
}

.labelUrgList
{
    width: 300px;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 20px;
}

.divNewUrg #suggestionsBox, #suggestBox
{
    margin: 0;
    position: absolute;
    left: 500px;
    top: 80px;
}

.divNewUrg .inputC
{
    padding: 5px;
    width: 150px;
}

.divNewUrg .buttonB
{
    font-size: 15px;
    padding: 5px;
    border-radius: 5px;
    height: auto;
}





#NMSG{
	display: none;
}
@media (max-width: 768px) {
	#NMSG{
		display: block;
		width: 22px;
		height: 22px;
		background-image: url("../images/Mail.png");
		background-size: 22px 22px;
		background-repeat: no-repeat;
		float: right;
		margin-left: 20px;

		/**/
		margin-left: 20px;
		position: absolute;
		right: 60px;
		z-index: 2;
	}
	#NMSG:hover {
		background-image: url("../images/Mail.png");
		cursor:pointer;
	}
}


.ModalMsgList{
	position: fixed;
	/*padding: 20px;*/
	left: 0px;
	top: 0px;
	z-index: 20;
	width: 100%;
	height: 640px;
	background-color: white;
	/*overflow-x: hidden;
	overflow-y: scroll;*/
}


.ModalMsgList .scrollable{
	/*margin-top: 0px;*/
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100px;
}

.scrollable::-webkit-scrollbar {
	width: 8px;
	height: 16px;
}
.scrollable::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}
.scrollable::-webkit-scrollbar-corner {
	background-color: transparent;
}
.scrollable::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
}

.ModalMsgList .Close{
	position: absolute;
	text-align: center;
	float:right;
	right: 6px;
	top: 6px;
	z-index: 101;
	padding-top: 2px;
	width: 20px;
	height: 20px;
	background-color: #000000 ;
	color: white;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/*background-image: url(../images/close_ms.png);*/
}

.ModalMsgList .ModalMsgList-Titre{
	background: #e96b10;
	font-weight: bold;
	color: white;
	height: 46px;
	padding-top: 4px;
	/* padding: 10px; */
	/* top: 0px; */
	margin-top: -15px;
}

.ModalMsgList .ModalMsgList-Titre > h3{
	/*color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 12px;
	-webkit-text-shadow: 0 -1px 0 black;
	-moz-text-shadow: 0 -1px 0 black;
	text-shadow: 0 -1px 0 black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}



.ModalMsgList .ModalMsgList-bg{
	/*background: white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: -15px;
	padding: 20px;
	color: #666666;*/
}


/* Messages menu */
.message-menu {
	margin: 0;
	min-height: 0;
	list-style-type: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	margin-left: -40px;
}
.message-menu > li,
li.message-menu {
	/*padding: 9px 65px 10px 30px;*/
	padding:  9px 9px 3px 16px;
	min-height: 41px;
	color: #4c4c4c;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
	position: relative;
}
.message-menu > li > a,
li.message-menu > a {
	display: block;
	margin: -9px -65px -10px -30px;
	padding: 9px 69px 10px 30px;
	min-height: 41px;
	color: #4c4c4c;
	position: relative;
}
.message-status {
	float: left;
	margin: -1px 0 0 -22px;
	width: 16px;
	text-align: center;
}
.message-status > a,
.message-status > span {
	height: 16px;
	font-weight: bold;
}
.message-info {
	position: absolute;
	top: 9px;
	right: 7px;
	width: 75px;
	margin-left: 0;
	list-style-type: none;
	text-align: right;
}
.message-info > a,
.message-info > span {
	display: block;
	float: right;
	height: 16px;
}

.starred, .unstarred, .new-message, .attach {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	width: 16px;
	white-space: nowrap;
}


.calendar-menu > li > a,
li.calendar-menu > a,
.message-menu > li > a,
li.message-menu > a {
	border-left: 0px solid #404040;
	border-left: 0px solid rgba(0, 0, 0, 0.5);
	-webkit-transition: border-left-width 100ms, padding-right 100ms;
	-moz-transition: border-left-width 100ms, padding-right 100ms;
	-ms-transition: border-left-width 100ms, padding-right 100ms;
	-o-transition: border-left-width 100ms, padding-right 100ms;
	transition: border-left-width 100ms, padding-right 100ms;
}
.no-touch .calendar-menu > li > a:hover,
.no-touch li.calendar-menu > a:hover,
.no-touch .message-menu > li > a:hover,
.no-touch li.message-menu > a:hover {
	border-left-width: 4px;
}
.no-touch .calendar-menu > li > a:hover,
.no-touch li.calendar-menu > a:hover {
	padding-right: 10px;
}
.no-touch .message-menu > li > a:hover,
.no-touch li.message-menu > a:hover {
	padding-right: 65px;
}

.message-menu > li > .message-status + a,
li.message-menu > .message-status + a,
.message-menu > li > .message-info + a,
li.message-menu > .message-info + a {
	margin: 0;
	padding: 0 10px 0 0;
	-webkit-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
	-moz-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
	-ms-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
	-o-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
	transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
}
.no-touch .message-menu > li > .message-status + a:hover,
.no-touch li.message-menu > .message-status + a:hover,
.no-touch .message-menu > li > .message-info + a:hover,
.no-touch li.message-menu > .message-info + a:hover {
	padding-left: 6px;
	padding-right: 0;
}



/* White */
.calendar-menu > li,
li.calendar-menu,
.message-menu > li,
li.message-menu,
.message, .big-message,
.table > thead > tr > .header:hover {
	color: #666666;

	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7f7fa), to(#e4e7eb));
	background: -webkit-linear-gradient(top, #f7f7fa, #e4e7eb);
	background: -moz-linear-gradient(top, #f7f7fa, #e4e7eb);
	background: -ms-linear-gradient(top, #f7f7fa, #e4e7eb);
	background: -o-linear-gradient(top, #f7f7fa, #e4e7eb);
	background: linear-gradient(top, #f7f7fa, #e4e7eb);
	border-color: #cccccc;
}
.message.glossy, .big-message.glossy {
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafc), to(#e8e8eb), color-stop(0.5, #ededf0), color-stop(0.5, #e3e3e5));
	background: -webkit-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: -moz-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: -ms-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: -o-linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
	background: linear-gradient(top, #fafafc, #ededf0 50%, #e3e3e5 50%, #e8e8eb);
}


.MsgButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	cursor: pointer;
	color: #666666;
	font-family: Arial;
	font-size: 15px;
	padding: 4px 8px;
	text-decoration: none;
	text-shadow: 0px 1px 50px #ffffff;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
}
.activeMsgButton {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DCDEE2 ), color-stop(1, #8C8C8C ));
	background: -moz-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: -webkit-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: -o-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: -ms-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: linear-gradient(to bottom, #DCDEE2 5%, #8C8C8C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color: #8C8C8C;
	color: black;
}
.MsgButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DCDEE2 ), color-stop(1, #8C8C8C ));
	background: -moz-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: -webkit-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: -o-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: -ms-linear-gradient(top, #DCDEE2 5%, #8C8C8C 100%);
	background: linear-gradient(to bottom, #DCDEE2 5%, #8C8C8C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color: #8C8C8C;
	color: black;
}
.MsgButton:active {
	position:relative;
	top:1px;
}


.ListDestination { height: 100px; overflow: auto; width: 100%; border: 1px solid #000; }
.ListDestination { list-style-type: none; margin: 0; padding: 0; overflow-x: hidden; }
.ListDestination li { margin: 0; padding: 0; }
.ListDestination label { display: block; color: WindowText; background-color: Window; margin: 0; padding: 0; width: 100%; }
.ListDestination label:hover { background-color: Highlight; color: HighlightText; }

.ListDestination::-webkit-scrollbar {
	width: 8px;
	height: 16px;
}
.ListDestination::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}
.ListDestination::-webkit-scrollbar-corner {
	background-color: transparent;
}
.ListDestination::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
}