/*
2364AA
*/


	html,body{
		-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 14px;
		color:#4c4c4b;
		background-color:#FFF ;
		text-rendering: optimizeLegibility;
    	-webkit-font-smoothing: antialiased;
	}

	/*
	background-color:#F4F7FA ;
	*/



	body {
		padding-top: 55px;
		padding-left: 40px;
	}


	.error {
	color:red;
	font-size: small;
	line-height: 0.5;
	}

	a {
		color:#1f8dd6;
		/*font-size: small;*/
		line-height: 0.5;
		text-decoration: none;
	}
	a:hover{
		cursor: pointer;
		color:#006bb3;
	}

	textarea {
		border-color: #CCC;
		padding: 10px;
		color:#4c4c4b;
	}
	
	input {
		color:#4c4c4b;
	}

	p.howto{
		font-size: 16px;
		background-color: #E5E5E5;
	}


div.menu2 {
	padding: 10px 0px;
}

	

	.clear { clear: both; height: 60px;}


/* Tooltip container */
.mytooltip {
  position: relative;
  display: inline-block;
 /*  border-bottom: 1px dotted black; If you want dots under the hoverable text */
}

/* Tooltip text */
.mytooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #EDEDED;
  color: #111;
  text-align: left;
  padding: 15px 15px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;

}



/* Show the tooltip text when you mouse over the tooltip container */
.mytooltip:hover .tooltiptext {
  visibility: visible;
}
a.mytooltip{
		text-decoration: none !important;
	}

*:focus-visible {
  
  outline: 2px solid #1f8dd6;
  outline-offset: -1px;
}

.w3-input{
  padding:10px;
  display:block;
  border:1px solid #CCC;
  width:100%;
  border-radius: 2px;
}

.w3-hover-grey:hover{
  background-color: #FFF;
  border:1px solid #000; 
  border-radius: 2px;
}
.w3_description{
  height:150px;
}

p.title_page{
      font-size: 30px;
      color:#1A8FD0;
      cursor: default;
      margin-top:10px;
      margin-bottom:20px;
    }
  div.title_page{
      padding-left: 100px;
    }