@font-face {
	font-family: "Chunk";
	src: url('../Fonts/Chunk.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Alegreya";
	src: url('../Fonts/Alegreya-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Alegreya";
	src: url('../Fonts/Alegreya-Italic.otf');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Alegreya";
	src: url('../Fonts/Alegreya-Bold.otf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "AlegreyaBK";
	src: url('../Fonts/Alegreya-Black.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "AlegreyaSC";
	src: url('../Fonts/AlegreyaSC-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "AlegreyaSC";
	src: url('../Fonts/AlegreyaSC-Italic.otf');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "AlegreyaSC";
	src: url('../Fonts/AlegreyaSC-Bold.otf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "FontinSans";
	src: url('../Fonts/Fontin_Sans_R_45b.otf');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1 {
	font-family: "AlegreyaBK", serif;
	font-size: 3.2em;
	font-weight: normal;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	margin: 1em 0 1.2em 0;
	text-align: center; 
	line-height: 1;
}

h1.chunk {
	font-family: "Chunk", serif;
	font-size: 1em;
	font-weight: normal;
	hyphens: none;
	padding-top: 3em;
	page-break-before:avoid;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: center; 
	line-height: 1;
}

h2 {
	font-family: "AlegreyaBK", serif;
	font-size: 2em;
	hyphens: none;
	font-weight: normal;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	margin-left: 0.3em;   
	text-align: left; 
	page-break-after: avoid; 
	line-height: 1;
}

h2.chunk {
	font-family: "Chunk", serif;
	font-size: 6em;
	font-weight: normal;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: center; 
	line-height: 1;
	margin-top: 0;
	margin-bottom: 0;
}

h3 {
	font-family: "Alegreya", serif; 
	font-size: 1.5em; 
	font-weight: bold; 
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	margin: 1.5em 0em 0.6em 0.5em;
	text-align: left; 
	page-break-after: avoid;
	line-height: 1.2;
}

h4 {
	font-family: "AlegreyaSC", serif; 
	font-size: 1.2em; 
	font-weight: bold; 
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	margin: 1.2em 0.75em 0.6em 1.6em; 
	text-align: left; 
	page-break-after: avoid;
	line-height: 1.2;
}

h5 {
	font-family: "AlegreyaSC", serif; 
	font-size: 1em; 
	font-weight: bold; 
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	margin: 0.6em 0 0 1.9em;  
	text-align: left; 
	page-break-after: avoid;
}

p {
	font-family: "Alegreya", serif;
	text-indent: 1.2em;
	margin: 0 0.75em;
	font-size: 1em;
	line-height: 1.2;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: justify;
	widows: 2;
	orphans: 2;
}

p span {
	font-family: "AlegreyaSC", serif;
}

p span.big {
	font-family: "Alegreya", serif;
	font-style: italic;
	font-size: 1.2em;
	line-height: 0.7;
}

p.ital {
	font-family: "Alegreya", serif;
	font-style: italic;
	text-indent: 1.2em;
	margin: 0 0.75em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: auto;
	text-align: justify;
	widows: 2;
	orphans: 2;
}

p.right {
	font-family: "AlegreyaSC", serif;
	text-indent: 0;
	margin: 0.6em 0.75em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: right;
}

p.first {
	font-family: "Alegreya", serif;
	text-indent: 0;
	margin: 0 0.75em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: auto;
	text-align: justify;
}

p.first span {
	font-family: "AlegreyaSC", serif;
}

p.list {
	font-family: "Alegreya", serif;
	text-indent: -1.2em;
	margin: 0 0.75em 0 1.9em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: auto;
	text-align: justify;
}

p.list span {
	font-family: "AlegreyaSC", serif;
}

p.listing {
	font-family: "Alegreya", serif;
	text-indent: 0;
	margin: 0 0.75em 1.2em 1.9em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: auto;
	text-align: justify;
}

p.listing span {
	font-family: "AlegreyaSC", serif;
}

p.listing span.bold {
	font-family: "AlegreyaSC", serif;
	font-weight: bold;
	margin-right: 0.75em;
}

p.listingEx {
	font-family: "Alegreya", serif;
	text-indent: 0;
	margin: 0 0.75em 0 1.9em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: auto;
	text-align: justify;
}

p.listingEx span {
	font-family: "AlegreyaSC", serif;
}

p.exemple {
	font-family: "FontinSans", sans-serif;
	text-indent: 0;
	margin: 0 0.75em 0 1.9em;
	padding-left: 0.6em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: left;
	border-left: 2px solid #000;
}

p.center {
	font-family: "Alegreya", serif;
	text-indent: 0;
	margin: 0 0.75em;
	font-size: 1.2em;
	line-height: 1;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: center;
	font-weight: bold;
}

ol, ul {
	font-family: "Alegreya", serif;
	margin: 0.6em 0 0.6em 0;
	padding-left: 2em;
}

li{
	text-align: left;
	text-indent: 0;
	font-family: "Alegreya", serif;
	line-height: 1.2;
	margin: 0 0.75em 0 0;
}

li span {
	font-family: "AlegreyaSC", serif;
}

sup {
	font-size: 0.7em;
	line-height: 0.1;
}

a:link, a:hover, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}

div.code {
	font-family: "FontinSans", sans-serif;
	background-color: #E8E8E8;	
	text-align: left;
	text-indent: 0;
	margin: 1em 1em 1em 2em;  
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	border-left: 2px solid #B8B8B8;
	border-right: 2px solid #B8B8B8;
}

code {
	font-family: "FontinSans", sans-serif;
	text-indent: 0;
	text-align:left;
}

p.code {
	text-indent:0;
	text-align:left;
}

img {
	max-width: 100%;
}

img.stusse {
	width: 15%;
}

img.arrow {
	width: 1em;
}

img.number {
	height: 1em;
}

div.illustration {
	text-align:center;
	margin: 1em 0; 
}

div.nine {
	text-align: center;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-indent: 0;
}

div.eight {
	text-align: center;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	text-indent: 0;
}

div.seven {
	text-align: center;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	text-indent: 0;
}

div.six {
	text-align: center;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	text-indent: 0;
}

div.three {
	text-align: center;
	width: 30%;
	margin-left: 35%;
	margin-right: 35%;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	text-indent: 0;
}

div.ten {
	text-align: left;
	float: left;
	margin-left: 0.75em;
	margin-right: 0.75em;
	margin-bottom: 0.6em;
	width: 30%;
	text-indent: 0;
}

div.right {
	margin-right: 0.5em;
	margin-left: 75%;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	width: 20%;
	text-indent: 0;
	text-align: right;
	page-break-before: avoid;
	text-indent: 0;
}

div.nobreak {
	page-break-inside: avoid;
	margin: 0;
	text-indent: 0;
}

p.contact {
	font-family: "AlegreyaSC", serif;
	font-size: 1em;
	text-align: left;
	text-indent: 1.2em;
	line-height: 1.2;
	margin-left: 1.5em;
	margin-right: 0.75em;
	margin-top: 0.6em; 
	margin-bottom: 0.6em;
}

p.contact span {
	font-family: "AlegreyaSC", serif;
	padding-left: 1.2em;
}

div.stusse {
	border: 2px solid black;
	margin: 1.2em 0.75em;
	padding: 0.6em;
	page-break-inside: avoid;
}

img.tipimg {
	height: 1.5em;
}

p.tiphead {
	font-family: "AlegreyaSC", serif;
	font-size: 1.5em;
	text-align: right;
	line-height: 1;
	text-indent: 0;
	margin: 0;
}

p.tip {
	margin-left: 1.5em;
	font-size: 1em;
	font-family: "Alegreya", serif;
	line-height: 1.2;
	margin-right: 0.5em;
	margin-top: 0.6em;
	margin-bottom: 0;
	text-indent: -1.3em;
	text-align: left;
}

div.contraste {
	background-color: #666;
	margin: 1.2em 1.9em;
	padding: 1.2em 0.6em;
}

p.contraste {
	font-family: "Alegreya", serif;
	text-indent: 1.2em;
	margin: 0 0.75em;
	font-size: 1em;
	line-height: 1.2;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: left;
	color: #000;
}

p.argue {
	font-family: "AlegreyaSC", serif;
	font-style: italic;
	line-height: 1.2;
	font-size: 1em;
	text-indent: 0;
	margin: 1.2em 0.75em 0.6em 0.75em;
	hyphens: auto;
}

p.exbloc {
	font-family: "FontinSans", sans-serif;
	text-indent: 0;
	margin: 1.2em 0.75em 1.2em 1.9em;
	padding-left: 0.75em;
	font-size: 0.925em;
	line-height: 1.2;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: left;
	border-left: 2px solid #000;
}

p.exind {
	font-family: "FontinSans", sans-serif;
	text-indent: 1.2em;
	margin: 0 0.75em 0 1.9em;
	padding-left: 0.75em;
	font-size: 0.925em;
	line-height: 1.2;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: left;
	border-left: 2px solid #000;
}

p.cut {
	font-family: "AlegreyaSC", serif;
	color: #6E6E6E;
	font-size: 1.5em;
	line-height: 1.2em;
	text-indent: 0;
	margin-left: 3em;
	margin-right: 0.75em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}

div.footnote {
	border-top: 2px solid black;
	padding: 0.6em 0 0.6em 0;
	margin: 1em 0.75em 0 0.75em;
}

p.footnote {
	font-family: "Alegreya", serif;
	text-indent: 0;
	margin: 0;
	font-size: 1em;
	line-height: 1.2;
	hyphens: none;
	-webkit-hyphens: none;
	adobe-hyphenate: none;
	text-align: left;
}

a.footnote:link, a.footnote:hover, a.footnote:active, a.footnote:visited {
	color: #000;
	text-decoration: none;
}

div.menu {
	font-family: "AlegreyaSC", serif;
	font-size: 1.2em;
	margin: 0.5em 0 0 1.5em;
}

a.menu {
	text-decoration: none;
	color: #000;
}