* {-moz-box-sizing: border-box; box-sizing: border-box;}

/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/

/* VARIABLES */

/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/

:root {
    
  --color_vert_fonce : #117c6f;
    
  --color_vert: #28542F;
  --color_vert_clair:  rgba(25,102,46,0.8);
  --color_vert_clair2: rgba(25,102,46,0.5);
  --color_vert_clair3: rgba(25,102,46,0.4);
  
  --color_noir_clair:  #333f48;
  --color_noir_clair2:  rgb(50,50,50);
  
  --color_rouge: #d22d27;
}


/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/

/* GENERAL */

/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/

html{
  height: 100%;
  margin: 0px;
  padding: 0px;
}

body{
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  height: 100%;
  font-family: "Calibri";
  font-size:15px;
  color:var(--color_noir_clair);
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color_bleu_hover) white;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: white;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color_bleu_hover);
  border-radius: 20px;
  border: 3px solid white;
}

button{
  font-family: "Calibri";
}

.app{
    display:flex;
    flex-direction:column;
    height: 100%;
}

main{
	display:grid;
	grid-template-columns: 200px calc(100% - 200px);	
	height: 100%;
}
					
main h2{
	margin:0px;
	padding:0px;
	font-size:14pt;
}
					
.tablePlan{
	border-collapse: collapse;
	border-spacing:0px;
}
					
.tablePlan td{
	width:20px;
	height:20px;
	border:1px solid #aaa;
}
					
.buttonPlan{
	background-color:transparent;
	border:0px;
	margind:0px;
	cursor:pointer;
}
					
.buttonPlanEncour{
	font-weight:bold;
}