@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';
}

/*---------------------niveau titre--------------*/
h1{
	font-size:32px;
    text-align: center;
	color:red;

	}
h1::before {
  content: "▃▃ ";
color:#009fe3;	
}
h1::after {
  content: " ▃▃";
color:#009fe3;	
}
/*---------------------niveau generation--------------*/

h2{
	font-size:24px;
    margin-right: 1em;
	color:white;
	background-color: #009fe3;
	}
h2::before{
	content:"■ "
}
/*---------------------nom personnage--------------*/
h3{
	font-weight: 900;
	font-size:24px;
	color:#009fe3;
	text-align: justify;
	margin-right: 2em;
	margin-left:2em;
}
h3::before {
  content: "☛ ";
color:red;	
}
/*---------------------texte--------------*/
h4{
	font-weight: 100;
	font-style:normal ;
	font-size:16px;
	text-align: justify;
	margin-right: 2em;
	margin-left:2em;
	}
/*---------------------texte intro--------------*/

h5{
	font-weight: 100;
	font-style:italic ;
	font-size:16px;
	text-align: justify;
	margin-right: 2em;

	}

ul.vide {
    list-style-type: none;
}

/*---------------------photo personnalité (coins arrondis)--------------*/
img[src^="identites/"] {
	border-radius: 8px;
}