@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 80rem) {
  .container {
    margin: 1em 2em;

  }
}
/* adaptation des images à la taille de l'écran */
img {
    max-width: 100%;
    height: auto;
}
body {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif';
	font-size:14px;
}
/*-------------------------------------DEF DES LIENS-----------------------*/
  A:link { text-decoration: none ; color:darkblue ; }
  A:visited { color:darkcyan ; font-style: italic; font-weight: 800 ; }
  A:hover {color:red; font-weight: 500 ; }	
/*-------------------------------------FIN DEF DES LIENS-----------------------*/

::-webkit-scrollbar { width: 24px; }
::-webkit-scrollbar-track { background: #f0f0f0; }
::-webkit-scrollbar-thumb { background: cyan; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: darkcyan }

* { scrollbar-color: cyan #f0f0f0; scrollbar-width: large; }


.grid-container_h {
	text-align: center;
	display: grid;
    grid-template-columns: 1fr;
	grid-gap: 1px;
}

h1{
	font-weight: 900;
	font-size:36px;
	color:crimson;
	}
h2{

	font-weight: 100;
	font-style:normal;
	font-size:16px;
	/*text-align: justify;*/
	}

h2::before {
  content: "♚ ";
color:#009fe3;	
}
h2::after {
  content: " ♚";
color:#009fe3;	
}


h3{
	color: white;
	margin-left: 4em;
	margin-right: 4em;
	background-color: #009fe3;
	font-weight: 600;
	font-style: italic;
	font-size:16px;
	/*text-align: justify;*/
	}