@charset "UTF-8";

/*	Mémo */
/*	Brackets Color Picker :
	En plaçant le curseur sur une couleur, 
	cmd+e pour accéder à la palette… */

/*	Le modèle d’écriture pour les styles :
	balise { propriété: valeur; } */

/*	Les couleurs (mini charte)
	h1				#777
	h2 à h6			#6495ED ou cornflowerblue
	body bg			#F0F8FF ou aliceblue
	body text		#555
	text :link		#B22222 ou firebrick 	
	text :hover		#FF7F50 ou coral
	text :active	   "    ou   "
	text :visited	#663399 ou rebeccapurple
	etc.
	*/

/*	Les éléments ou sélecteurs HTML */
/*	 Le corps de la page */
body {
	margin: 10px;
	font-family: georgia, serif;
	color: #555;
	background-color: #F0F8FF;
}

/*	Les titres */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	color: #6495ED;
	margin:0 0 0.25em 0;
	padding: 0;
}

h1 {
	font-size: 2.5em;
	text-align: center;
	color: #777;
	padding-top: 1em;
}

/*	Les paragraphes et les emphases */
p {
	margin:0 0 0.5em 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.35em;	
}

em, strong {
	font-size: 1.025em;
	line-height: 1.35em;
}

/*	Les pseudo-classes (ici, les liens) */
/*	link : la valeur pour les liens non visités
	hover : la valeur pour les liens survolés
	active : la valeur pour les liens activés
	visited : la valeur pour les liens visités */
a:link {
	color: #B22222;
	text-decoration: none;
}

a:hover, a:active {
	color: #FF7F50;
	text-decoration: none;
}

a:visited {
	color: #663399;
	text-decoration: none;
}

/*	Les tableaux */
table {
    border-collapse: collapse;
    border-top: solid 1px #555;
    width: 100%;
    margin:1em 0 1.5em 0;
	font-size: 0.95em;
}

/*	Colorer avec les pseudo-classes une ligne sur deux. 
	Note : paire (even) et impaire (odd). 
	Cf. https://www.w3.org/Style/Examples/007/evenodd.fr.html */
table tr:nth-child(even) {
	background-color: #F0F8FF;
}

th {
	font-family: sans-serif;
	color: #fff;
	background-color: #6495ED;
}

th.unit-symbol {
	font-family: sans-serif;
	color: #555;
	background-color: RGBA(100, 149, 237, 0.5);
}

th, td {
    padding: 0.5em;
    text-align: left;
    vertical-align: top;
    border-bottom: solid 1px #555;
}

/*	Les pseudo-classes… encore ! */
table th:nth-child(even), 
table td:nth-child(even) {
	width: 25%;
	font-family: Arial, sans-serif;
	text-align: right;
}

/*	Les listes */
ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

/*	La structure de page (les attributs "id") */
#main-content {
    margin-left:auto;
    margin-right:auto;
    background-color: #FFF;
    padding: 10px 50px 10px;
    min-width: 450px;
    max-width: 650px;
    border: solid 10px #6495ED;
}

/*	Le menu principal <nav> */
#menu-gen {
	margin: 1em 0 3em 0;
	padding: 0;
	height:50px;
	border-top: dotted 2px #555;
	border-bottom: dotted 2px #555;
	text-align: center;
}

ul#menu {
	margin: 15px 0 0;
	padding: 0;
}

#menu li {
	list-style: none;
	display: inline-block;
}

/*	Le menu principal <nav> | Les pseudo-classes */
#menu li a, #menu li a:visited {
	padding: 0.5em 1.5em;
	margin: 0 1px;
	background-color: #6495ED;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: 900;
	color: #fff;
}

#menu li a:hover {
	background-color: RGBA(100, 149, 237, 0.35);
	color: #6495ED;
}

#menu li a:active {
	background-color: #B22222;
	color: #fff;
}

/*	Le pied de page (footer) */
#myfoot {
	font-family: Arial, sans-serif;
	text-align: center;
	font-size: 0.85em;
}

/*	Les classes (les attributs "class") */
.sources {
    font-family:sans-serif;
    font-size: 0.85em;
    line-height: 1.35em;
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: dotted 1px #555;
}

/*	Les pseudo-classes… encore ! | before et after */
.sources::before {
	content: "Source :"
}

ol.sources {
	font-weight: 900;
}

.sources li {
	font-weight: 400;
}