/* General */

#calendrier{
  height: 640px;
  width: 890px;
  margin-left: 20px;
  float: left;
}

.calendrier_date{
  
}


.c86-container b c86-month{

}

.calendrier_am,.calendrier_pm{
    text-align: left;
}

.calendar-eightysix {
	cursor: default;
	position: absolute;
	z-index: 999;
	text-align: center;
}
	.calendar-eightysix, .calendar-eightysix * {
		padding: 0;
		margin: 0;
		line-height: 100%;
	}
		.calendar-eightysix .c86-header.c86-dragger {
			cursor: move;
		}
		
			.calendar-eightysix .c86-header .c86-arrow-left, .calendar-eightysix .c86-header .c86-arrow-right {
				cursor: pointer;
			}
			.calendar-eightysix .c86-header .c86-arrow-left {
				float: left;
			}
			.calendar-eightysix .c86-header .c86-arrow-right {
				float: right;
			}
			
			.calendar-eightysix .c86-header .c86-label {
				display: inline-block;
				overflow: visible;
				width: 146px;
			}
				.calendar-eightysix .c86-header .c86-label.c86-clickable {
					cursor: pointer;
				}
		
		.calendar-eightysix .c86-body {
			position: relative;
		}
			.calendar-eightysix .c86-body .c86-inner .c86-container {
				position: absolute;
				left: 0;
			}
				
				.calendar-eightysix .c86-body .c86-inner .c86-container .c86-row div {
					float: left;
					
				}
				
					.calendar-eightysix .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div, 
					  .calendar-eightysix .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div {
						cursor: pointer;
					}

/* Specific */

.calendar-eightysix.default {
	width: 940px;
	height: 500px;
	background: url('../img/default/background.png') center no-repeat;
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	z-index: 90;
}
*html .calendar-eightysix.default { /* IE6 png fix */
	background-image: url('../img/default/background.gif');
}

	.calendar-eightysix.default .c86-wrapper {
		background-color: #CCCCCC;
    border: 2px solid;
    overflow: hidden;
    width: 873px;
	}
		
		/* Header */
		
		.calendar-eightysix.default .c86-header {
			height: 25px;
		}
		
			.calendar-eightysix.default .c86-header .c86-arrow-left, .calendar-eightysix.default .c86-header .c86-arrow-right {
				width: 12px;
				height: 13px;
				margin: 6px 7px;
			}
			.calendar-eightysix.default .c86-header .c86-arrow-left {
				background: transparent url('../img/default/arrow-left.png') center no-repeat;
			}
				*html .calendar-eightysix.default .c86-header .c86-arrow-left { /* IE6 png fix */
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/arrow-left.png', sizingMethod='scale'); 
				}
				.calendar-eightysix.default .c86-header .c86-arrow-left:hover {
					background-image: url('../img/default/arrow-left-hover-blue.png');
				}
			.calendar-eightysix.default .c86-header .c86-arrow-right {
				background: transparent url('../img/default/arrow-right.png') center no-repeat;
			}
				*html .calendar-eightysix.default .c86-header .c86-arrow-right { /* IE6 png fix */
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/arrow-right.png', sizingMethod='scale'); 
				}
				.calendar-eightysix.default .c86-header .c86-arrow-right:hover {
					background-image: url('../img/default/arrow-right-hover-blue.png');
				}
			
			*html .calendar-eightysix.default .c86-header .c86-label {
				width: 126px !important;
			}
			.calendar-eightysix.default .c86-header .c86-label {
				margin-top: 7px;
				color: #8399a6;
			}
				.calendar-eightysix.default .c86-header .c86-label.c86-clickable:hover {
					color: #b2cfe1;
				}
		
		/* Body */
		
		.calendar-eightysix.default .c86-body {
			height: 500px;
		}
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container {
				width: 940px;
				height: 500px;
			}
			
			/* General container */
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row {
				width: 940px;
			}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-even,
				  .calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-even div {
					
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-odd div {
					
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-today {
					
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-selected {
					color: #333333;
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-non-selectable,
				  .calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-non-selectable:hover {
					color: #888888 !important;
					cursor: default !important;
				}
			
			/* Month */
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a div {
				cursor: default !important;
				color: #444 !important;
				background-color: #FFEDAA;
				font-size: 14px;
        font-weight: bold;
			}
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a .c86-last {
			    width:125px;
			}
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row {
				height: 40px;
			}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div {
				
				  width: 125px;
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div.c86-first {
					
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div.c86-last {
				
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div.c86-outside {
					color: #dedede;
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.c86-even div.c86-outside {
					color: #cecece;
				}				
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a div {
						border-bottom: 1px solid;
            border-right: 1px solid;
            border-top: 1px solid;
            height: 40px;
            width: 124px;
					}
					
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a .c86-first {
						
            border-left: 1px solid;
            
					}
					
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a div div{
                                                    margin-top: 2px;
						border: medium none;
                                                height: 13px;
                                                    font-size: 13px;
					}
                                        .calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a div div:first-child{
                                                    margin-top: 5px;
					}
		
			/* Year & decade */
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row {
				height: 42px;
			}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div {
					width: 42px;
					padding-top: 15px;
					height: 29px;
				}
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-first {
						margin-left: 16px;
					}
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-last {
						margin-right: 16px;
					}
					
					*html .calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-first { /* IE6 fix */
						margin-left: 9px;
					}
					*html .calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-last { /* IE6 fix */
						margin-right: 9px;
					}
					
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div:hover, 
					  .calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div:hover {
						color: #b2cfe1;
					}
		
		/* Footer */
		
		.calendar-eightysix.default .c86-footer {
			background: transparent url('../img/default/footer-blue.png') top no-repeat;
			height: 4px;
		}
				*html .calendar-eightysix.default .c86-footer { /* IE6 png fix */
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/footer-blue.png', sizingMethod='scale'); 
				}


/* Red style */

.calendar-eightysix.default.red .c86-header .c86-arrow-left:hover {
	background-image: url('../img/default/arrow-left-hover-red.png');
}
.calendar-eightysix.default.red .c86-header .c86-arrow-right:hover {
	background-image: url('../img/default/arrow-right-hover-red.png');
}
.calendar-eightysix.default.red .c86-header .c86-label {
	color: #d13a3a;
}
	.calendar-eightysix.default.red .c86-header .c86-label.c86-clickable:hover {
		color: #d06d6d;
	}
.calendar-eightysix.default.red .c86-footer {
	background-image: url('../img/default/footer-red.png');
}
	*html .calendar-eightysix.default.red .c86-footer { /* IE6 png fix */
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/footer-red.png', sizingMethod='scale'); 
	}
.calendar-eightysix.default.red .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div:hover, 
  .calendar-eightysix.default.red .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div:hover {
	color: #b90000;
}
.calendar-eightysix.default.red .c86-body .c86-inner .c86-container .c86-row div.c86-selected {
	color: #b90000 !important;
}

/* Green style */

.calendar-eightysix.default.green .c86-header .c86-arrow-left:hover {
	background-image: url('../img/default/arrow-left-hover-green.png');
}
.calendar-eightysix.default.green .c86-header .c86-arrow-right:hover {
	background-image: url('../img/default/arrow-right-hover-green.png');
}
.calendar-eightysix.default.green .c86-header .c86-label {
	color: #73a642;
}
	.calendar-eightysix.default.green .c86-header .c86-label.c86-clickable:hover {
		color: #73a642;
	}
.calendar-eightysix.default.green .c86-footer {
	background-image: url('../img/default/footer-green.png');
}
	*html .calendar-eightysix.default.green .c86-footer { /* IE6 png fix */
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/footer-green.png', sizingMethod='scale'); 
	}
.calendar-eightysix.default.green .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div:hover, 
  .calendar-eightysix.default.green .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div:hover {
	color: #73a642;
}
.calendar-eightysix.default.green .c86-body .c86-inner .c86-container .c86-row div.c86-selected {
	color: #9abd79 !important;
}



.comment_cal textarea{
    height: 50px;
    width: 120px;
}

.horraire{
    width: 16px;
    margin-top: 0px!important;
}

.horraireh{
    margin-left: 5px!important;
}

.statutTravail{
  text-align: center;
  width: 115px;
  margin-top: 3px!important;
  margin-bottom: 5px!important;
  height: 19px;
}

.am_cal,.pm_cal{
   height: 180px;
   background-color: #FEFEFE;
   border: 1px solid #000000;
}

.c86-non-selectable .am_cal, .c86-non-selectable .pm_cal{
   background-color: #DDDDDD;
}

.c86-today .am_cal,.c86-today .pm_cal, .c86-today .frais_cal{
   background-color: #DDFFDD;
}

.cal_desactive .am_cal,.cal_desactive .pm_cal, .cal_desactive .frais_cal{
    background-color: #DDDDDD;
}

.cal_conge,.calendrier_activite .cal_conge{
   background-color: #FFAAAA;
}

.cal_arret,.calendrier_activite .cal_arret{
   background-color: #AAAACC !important;
}

.frais_cal{
   border: 1px solid;
   height: 128px;
   background-color: #EEEEEE;
}

.frais_cal input[type=text]{
    width: 45px;
margin-top: 5px;
margin-bottom: 0px;
}

.c86-non-selectable .frais_cal{
   background-color: #DDDDDD;
}

.frais_cal .activite_libelle{
     text-align:center;
}

.frais_cal div{
     text-align:left;
}

.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row .frais_cal div {
    width: 120px;
    margin-left:5px;
}

.comment_cal{
    margin-top: 5px;
}

.comment_cal div{
   text-align:left;
}

.bouton_prec{
   float:left;
}

.bouton_suiv{
  float:right;
}

.bouton_suiv input,.bouton_prec input{
  width:100px;
}

.libelle_semaine{
    color: #111111;
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 820px;
}

.taille_semaine{
   color: #111111;
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 860px;
}

.select_projet{
      margin-bottom: 5px!important;;
    min-width: 115px;
    max-width: 115px;
    width: 115px;
    height: 19px;
}
.select_agence{
   margin-bottom: 5px!important;;
    min-width: 115px;
    max-width: 115px;
    width: 115px;
    height: 19px;
}

.activite_libelle{
       font-size: 12px;
    margin-bottom: 1px;
    text-align: left;
    margin-left: 5px;
    
}

.obsplanning{
    width: 115px;
    height: 19px;
    margin-top: 0; 
        margin-top: 0!important;
}



.ra_comp{
    font-weight: bold;
    text-decoration: underline;
}

.am_cal div:first-child,.pm_cal div:first-child,.frais_cal div:first-child{
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
}
