@charset "utf-8";
/* CSS Document */

::-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:royalblue;
	text-align: center;
	}
h1::before {
  content: "☺ ";
color:#009fe3;	
}	
h1::after {
  content: " ☺";
color:#009fe3;	
}	

	
/*-------------SOUS TITRE--------------*/
h3{
	font-weight: 600;
	font-style: italic;
	font-size:16px;
	text-align: center;
	margin-right: 2em;
	margin-left:2em;


	}
	
/*-------------TEXTE--------------*/
h2{
	font-weight: 100;
	font-style: italic;
	font-size:16px;
	text-align: justify;
	margin-right: 5em;
	margin-left: 5em;

	}	
/*-------------CITATION--------------*/
h4{
	font-weight: 500;
	font-style: italic;
	font-size:16px;
	text-align: justify;
	margin-right: 5em;
	margin-left: 5em;
	color:darkslateblue;

	}
h5{
font-weight: 700;
font-size:20px;
margin-bottom: 0;
color:crimson;
}

/* ── 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 1.5em 1em 0;
}


/* 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;
}