/*
	main_cal_resp.css
  version: 1.0.3
	Last: 2024.01.28
*/

body {
	font-family: Arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

body a {
	color: #006600;
	text-decoration: none;
	font-weight: bold;
}

body a:hover {
	text-decoration: underline;
}

/* Global calendar lay-out */
.main_table {
  margin: auto; /* centrage du bloc */
}

.div_cal_centrage {
	white-space: nowrap;
	overflow: auto;
	text-align: center;
	word-wrap: break-word;
	width: auto;
	height: auto;
}

/* Calendar & caption blocks lay-out */
.div_cal_block {
	white-space: nowrap;
	overflow: auto;
	text-align: center;
	/* display: inline-block; */
	word-wrap: break-word;
	height: auto;
}

/* Month style */
.div_cal_month {
	float:left;
	width: 175px;
	max-width: 175px;
	height: 150px;
	padding-left: 2px;
	text-align: center;
	/* display: inline-block; */
}

/* Empty month style */
.div_cal_month_0 {
	float: left;
	text-align: center;
	/* display: inline-block; */
}

/* Empty month style */
.div_cal_month_1 {
	float: left;
	text-align: center;
	/* display: inline-block; */
}

/* Content specific breakpoints */
/* Wide *//* Normal *//* Narrow */
@media screen and (min-width: 1080px) {
	.div_cal_block {
		width: 1070px;						/* 6 months in-line */
	}
	.div_cal_month_0 {
		height: 150px;
		width: 175px;
		max-width: 175px;
		padding-left: 2px;
	}
	.div_cal_month_1 {
		height: 0px;
		width: 0px;
		max-width: 0px;
		padding-left: 0px;
	}
}

/* Tablet wide */
@media screen and (min-width: 555px) and (max-width: 1079px) {
	.div_cal_block {
		width: 545px;						/* 3 months in-line */
	}
	.div_cal_month_0 {
		height: 0px;
		width: 0px;
		max-width: 0px;
		padding-left: 0px;
	}
	.div_cal_month_1 {
		height: 150px;
		width: 175px;
		max-width: 175px;
		padding-left: 2px;
	}
}

/* Tablet */
@media screen and (min-width: 380px) and (max-width: 554px) {
	.div_cal_block {
		width: 370px;						/* 2 months in-line */
	}
	.div_cal_month_0 {
		height: 0px;
		width: 0px;
		max-width: 0px;
		padding-left: 0px;
	}
}

/* Mobile */
@media screen and (max-width: 379px) {
	.div_cal_block {
		width: 180px;						/* 1 month-wide column */
	}
	.div_cal_month_0 {
		height: 0px;
		width: 0px;
		max-width: 0px;
		padding-left: 0px;
	}
}

/* Overall formatting style of the calendar table */
.calendar {
	font-family: arial, helvetica;
	font-size: 10px;
	text-align: center;
	color: #000000;
	background-color: #eaefef;	/* #ecf1f1;	/* #FFFFFF; white */
	border-color: #000000;
	border-style: none;
	border-width: 2px;
	border-spacing: 2px;
	border-collapse: separate;
	margin: 0 auto;
	table-layout: fixed;
	width: 170px;
}

/* Month name style */
.calendar-month {
	width:165px;
	background-color: #eaefef;
	border-style: dotted;
	border-width:1px;
	font-size: 11px;
	font-weight:bold;
	color: black;
}

/* Season name style */
.calendar-month-merged {
	width: 140px;
	background-color: #eaefef;
	border-style: dotted;
	border-width:1px;
	font-size: 11px;
	font-weight:bold;
	color: black;
	text-align: left;
}

/* Unbordered style */
.calendar-month-naked {
	width: 165px;
	background-color: #eaefef;
	border-style: dotted;		/* to keep cells aligned */
	border-width:1px;
	border-color: #eaefef;	/* background color */
	font-size: 11px;
	font-weight:bold;
	color: #666666;			/* = h1 template */
	text-align: center;
}

/* Weekdays style */
.calendar-week-day {
	font-size: 10px;
	text-align: center;
	background-color: #ecf1f1;	/*#f5fafa;	/*#FFFFFF; /*   #996633*/
	border-style: none;
	font-weight: normal;
	border-width: 0px;
	border-collapse: collapse;
	margin: 0 auto;
}

/* .day determines the formatting of each day displayed in the
   calendar. */
.day {
	background-color: #91E600;
	border-color: white;
	border-style: none;
	border-width: 0px;
	color: #FFFFFF; 			/* BLANC */
	text-align: center;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	border-bottom: medium none;
	border-collapse: collapse;
}

/* Seasons color styles */

.B_TH, .M_TH, .H_TH, .P_TH, .O_TH {
	background-color: #F29400;
	border-style: none;
	border-width: 0px;
	text-align: center;
}

.B_TH {
	background-image: url(../images/B_TH.PNG);
}

.M_TH {
	background-image: url(../images/M_TH.PNG);
}

.H_TH {
	background-image: url(../images/H_TH.PNG);
}

.P_TH {
	background-image: url(../images/P_TH.PNG);
}

.O_TH {
	background-image: url(../images/O_TH.PNG);
}

.TH_H, .M_H, .B_H, .O_H, .P_H {
	background-color: #FFDD00;
	border-style: none;
	border-width: 0px;
	text-align: center;
}

.TH_H {
	background-image: url(../images/TH_H.PNG);
}

.M_H {
	background-image: url(../images/M_H.PNG);
}

.B_H {
	background-image: url(../images/B_H.PNG);
}

.O_H {
	background-image: url(../images/O_H.PNG);
}

.P_H {
	background-image: url(../images/P_H.PNG);
}

.TH_M, .H_M, .B_M, .O_M, .P_M {
	background-color: #91E600;
	border-style: none;
	border-width: 0px;
	text-align: center;
}

.TH_M {
	background-image: url(../images/TH_M.PNG);
}

.H_M {
	background-image: url(../images/H_M.PNG);
}

.B_M {
	background-image: url(../images/B_M.PNG);
}

.O_M {
	background-image: url(../images/O_M.PNG);
}

.P_M {
	background-image: url(../images/P_M.PNG);
}

.TH_B, .H_B, .M_B, .O_B, .P_B {
	background-color: #00D9E6;
	border-style: none;
	border-width: 0px;
	text-align: center;
}

.TH_B {
	background-image: url(../images/TH_B.PNG);
}

.H_B {
	background-image: url(../images/H_B.PNG);
}

.M_B {
	background-image: url(../images/M_B.PNG);
}

.O_B {
	background-image: url(../images/O_B.PNG);
}

.P_B {
	background-image: url(../images/P_B.PNG);
}

.TH_O, .TH_O, .M_O, .B_O, .P_O {
	background-color: #919191;
	border-color: #008080;
	color: #FFDD00; /* BLANC */
	border-width: 0px;
	border-style: solid;
	text-align: center;
}

.TH_O {
	background-image: url(../images/TH_O.PNG);
}

.H_O {
	background-image: url(../images/H_O.PNG);
}

.M_O {
	background-image: url(../images/M_O.PNG);
}

.B_O {
	background-image: url(../images/B_O.PNG);
}

.P_O {
	background-image: url(../images/P_O.PNG);
}

.TH_P, .H_P, .M_P, .B_P, .O_P {
	color: #FFFFFF; /* BLANC */
	background-color: #C6C7C8;
	border-color: #000000;
	border-style: solid;
	border-width: 0px;
	text-align: center;
	text-decoration: line-through;
}

.TH_P {
	background-image: url(../images/TH_P.PNG);
}

.H_P {
	background-image: url(../images/H_P.PNG);
}

.M_P {
	background-image: url(../images/M_P.PNG);
}

.B_P {
	background-image: url(../images/B_P.PNG);
}

.O_P {
	background-image: url(../images/O_P.PNG);
}

.P, .P-d, .P-m, .P-f {
	color: #FFFFFF; /* BLANC */
	background-color: #C6C7C8;
	border-color: #000000;
	border-style: solid;
	border-width: 0px;
	text-align: center;
	text-decoration: line-through;
	/*
	border-left: 1.0 pt solid windowtext;
	border-right: 1.0 pt solid windowtext;
	border-top: 1.0 pt solid windowtext;
	border-bottom: 1.0 pt solid windowtext;
	*/
}

.O  {
	background-color: #919191;
	border-color: #008080;
	/*	text-color: #FFDD00;  BLANC */
	color: #FFDD00; /* BLANC */
	border-width: 0px;
	border-style: solid;
	text-align: center;
	/*
	border-left: 1.0 pt solid windowtext;
	border-right: 1.0 pt solid windowtext;
	border-top: 1.0 pt solid windowtext;
	border-bottom: 1.0 pt solid windowtext;
	border-bottom-color: #008080;
	border-left-color: #008080;
	border-right-color: #008080;
	border-top-color: #008080;
			*/
}

.TH, .H, .M, .B {
	border-style: none;
	border-width: 0px;
	text-align: center
}

.TH {
	background-color: #F29400;
}

.H {
	background-color: #FFDD00;
}

.M {
	background-color: #91E600;
}

.B {
	background-color: #00D9E6;
}