@charset "utf-8";
/* CSS Document */
/*-------------------------------------DEF DES LIENS-----------------------*/
  A:link { text-decoration: none ; color:darkblue ; }
  A:visited { color:#009fe3 ; 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; }

body {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif';
}

h1{
	font-size:36px;
    margin-right: 1em;
	color:crimson;
	}
h1::before {
  content: "❍ ";
color:#009fe3;	
}
h2{
	font-weight: 100;
	font-style: italic;
	font-size:16px;
	text-align: justify;
	margin-right: 2em;
	margin-left:2em;

	}
h3{
	font-weight: 600;
	font-style: italic;
	font-size:16px;
	text-align: justify;
	margin-right: 2em;
	margin-left:2em;
	}
h4{
	font-weight: 100;
	font-style: italic;
	font-size:16px;
	text-align: justify;
	margin-right: 4em;
	margin-left:4em;
	}
	/* ── Image insérée dans le texte, alignée à gauche ──
   Réutilisable sur toute page, quelle que soit la largeur de l'image :
   ajoutez simplement la classe "img-align-figure" sur la balise <img>,
   à l'endroit du texte où l'image doit apparaître. Le texte qui suit
   s'aligne sur le bord droit de l'image tant qu'il est à sa hauteur,
   puis revient automatiquement à la marge habituelle une fois sous
   l'image (comportement natif du float, qui s'adapte à n'importe
   quelle largeur d'image sans réglage supplémentaire). */
.img-align-figure {
	float: left;
	margin: 0 2.5em 1em 0;
	border: 1px solid grey;
	box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.4);
}

/* Facultatif : à ajouter sur l'élément qui doit obligatoirement se
   retrouver sous l'image (par exemple si un titre suivant ne doit
   jamais se placer à côté d'elle). */
.img-align-clear {
	clear: left;
}