/* CSS D. Baril 2023 */

* {
  box-sizing: border-box;
}

html{font-size:1.0em;}

		body {
			font-family: Helvetica, Arial, sans-serif;
			margin:0;
			line-height:1.25;
			background:#00004d; /* bleu tres foncé */
		}

p	{ 	font-size: 1.0em /*1em*/ !important;
		line-height: 1.2;
		margin: 0px auto 1.2em;
		text-align:left; padding: 0px 10px 0px 10px;
	}


h1	{	font-size:1.5em; 
		font-weight:bold;  /* gris bleu tres clair */
		color: #e6e6ff;
		padding: 0px 10px 0px 10px;
} 

		img {	max-width: 100%;
				height: auto;
		}
  		table {
				width: 100%;
  				border: 0px solid black;
  				border-collapse: collapse;
				background:#e6e6e6;
		}
		td{width:50%;}
		th{height:100%;}

		.plain{ text-decoration: none; color: #00134d;}



.main {
  		background-color: #e6e6ff; /* gris bleu tres clair */
  		border: 1px solid #555555; /* dark grey */
  		border-radius: 20px;
  		float: center;
  		margin-left: auto;
		margin-right:auto;
  		margin-top: 5px;
  		padding: 10px;
  		text-align: center;
  		width: 90%;
}

button {
  		border: 1px solid grey;
		color: #00134d;
		background-color: #D2D2D2; /* gris clair */
		padding:10px;
  		margin: 10px;
		width:75%;
		border-radius: 5px;
		font-size: 1em;
  		margin-left: auto;
  		margin-right: auto;
		box-sizing: border-box;
  		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
  		hover:background-color: #3366ff; /* bleu moyen */
		}

button:hover {
  		background-color: #3366ff; /* bleu moyen */
  		color: white;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
}

.center {display: block;
    	margin-left: auto;
    	margin-right: auto;
}

.small{	width:auto;
		display: block;
  		margin-left: auto;
  		margin-right: auto;
	}