html * {
	font-size: 16px;
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
}

body {
	background-color: lightyellow;
}

.lePlanning {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	border: 0px;
	padding: 0px;
	/* background-color: blue; */
}

.parent_11,
.parent_12,
.parent_21,
.parent_22,
.parent_31,
.parent_32,
.parent_41,
.parent_42 {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(11, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 1px;
	border: 0px solid red;
	padding: 1px;
	background-color: rgb(255, 107, 39);
	/* background-color: rgb(39, 255, 147); */
}

.divSco {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	border: 0px solid red;
	padding: 0;
	margin: 0;
	background-color: aquamarine;
}

.parent_11 {
	grid-area: 1/1/2/2;
	display: grid;
}

.parent_12 {
	grid-area: 1/2/2/3;
	display: grid;
}

.parent_21 {
	grid-area: 2/1/3/2;
	display: grid;
}

.parent_22 {
	grid-area: 2/2/3/3;
	display: grid;
}

.parent_31 {
	grid-area: 3/1/4/2;
	display: grid;
}

.parent_32 {
	grid-area: 3/2/4/3;
	display: grid;
}

.parent_41 {
	grid-area: 4/1/5/2;
	display: grid;
}

.parent_42 {
	grid-area: 4/2/5/3;
	display: grid;
}

.div1 {
	grid-area: 1 / 1 / 3 / 2;
}

.divHeure {
	display: table;
	height: 100%;
	width: 100%;
}

.divHeure span {
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
}


.div2 {
	grid-area: 2 / 2 / 3 / 4;
}
.div3 {
	grid-area: 2 / 4 / 3 / 10;
}
.div4 {
	grid-area: 3 / 1 / 4 / 2;
}
.div5 {
	grid-area: 3 / 2 / 4 / 3;
}
.div6 {
	grid-area: 3 / 3 / 4 / 4;
}

.div8 {
	grid-area: 3 / 4 / 4 / 10;
}
.div9 {
	grid-area: 4 / 1 / 5 / 2;
}
.div10 {
	grid-area: 4 / 2 / 5 / 3;
}
.div11 {
	grid-area: 4 / 3 / 5 / 4;
}
.div12 {
	grid-area: 4 / 4 / 5 / 7;
}
.div12bis {
	grid-area: 4 / 7 / 5 / 10;
}

.div13 {
	grid-area: 1 / 1 / 2 / 2;
}
.div14 {
	grid-area: 1 / 2 / 2 / 3;
}
.div15 {
	grid-area: 1 / 3 / 2 / 4;
}
.div16 {
	grid-area: 1 / 4 / 2 / 10;
}

.div7 {
	grid-area: 2 / 1 / 3 / 3;
}
.div17 {
	grid-area: 2 / 3 / 3 / 4;
}
.div18 {
	grid-area: 2 / 4 / 3 / 10;
}

.divSco {
	grid-area: 5 / 1 / 7 / 10;
}

.div19 {
	grid-area: 7 / 1 / 8 / 2;
}
.div20 {
	grid-area: 7 / 2 / 8 / 3;
}
.div20Bis {
	grid-area: 7 / 3 / 8 / 6;
}
.div21 {
	grid-area: 7 / 6 / 8 / 7;
}
.div22 {
	grid-area: 7 / 7 / 8 / 8;
}
.div23 {
	grid-area: 7 / 8 / 8 / 9;
}
.div24 {
	grid-area: 7 / 9 / 8 / 10;
}
.div25 {
	grid-area: 8 / 1 / 9 / 2;
}
.div26 {
	grid-area: 8 / 2 / 9 / 3;
}
.div27 {
	grid-area: 8 / 3 / 9 / 4;
}
.div28 {
	grid-area: 8 / 4 / 9 / 5;
}
.div29 {
	grid-area: 8 / 5 / 9 / 6;
}
.div30 {
	grid-area: 8 / 6 / 9 / 7;
}
.div31 {
	grid-area: 8 / 7 / 9 / 8;
}
.div32 {
	grid-area: 8 / 8 / 9 / 9;
}
.div33 {
	grid-area: 8 / 9 / 9 / 10;
}
.div34 {
	grid-area: 9 / 1 / 12 / 2;
}
.div35 {
	grid-area: 9 / 2 / 12 / 10;
}

.sdiv {
	border: 0px solid green;
	padding: 4px;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	font-weight: bold;
	/* border-bottom: 1px solid black;
	border-top: 1px solid black; */
}

.grandsdiv {
	border: 0px solid green;
	padding: 0px;
	font-weight: bold;
}

.grandsdiv2 {
	border: 0px solid green;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.centre {
	text-align: center;
}

.droite {
	text-align: right;
}

.gauche {
	text-align: left;
}

.vertical {
	vertical-align: middle;
	/* display: table-cell; */
}

.inverse {
	background-color: black;
	color: white;
}

input[type='text'],
input[type='date'],
input[type='tel'] {
	border: none;
}

input[type='date']::-webkit-calendar-picker-indicator {
	display: none;
}

input:invalid {
	border: red solid 3px;
}

.demande {
	resize: none;
	margin: 0;
	padding-top: 2px;
	border: none;
}
.div34 {
	padding-top: 2px;
}

.div2,
.div3,
.NomPrenom {
	background-color: aquamarine;
}

.div4,
.div5 {
	background-color: bisque;
}

.div6,
.div8,
.commentaire {
	background-color: rgb(255, 194, 194);
}

.div9,
.div10,
.DateDeNaissance {
	background-color: lightyellow;
}

.div11,
.div12,
.tel {
	background-color: lightblue;
}

.div12bis,
.AutreTelephone {
	background-color: bisque;
}

.div13,
.div14,
.div15,
.div16,
.div7,
.div17,
.div18,
.classe,
.etablissement {
	background-color: aquamarine;
}

.div19,
.div20,
.div20Bis,
.div21,
.div22,
.div23,
.div24 {
	background-color: bisque;
}

.div25,
.div26,
.div27,
.div28,
.div29,
.div30,
.div31,
.div32,
.div33 {
	background-color: lightblue;
}

.div34,
.div35,
.demande {
	background-color: aquamarine;
}