@font-face {
  font-family: 'Hack';
  src: url("./fonts/LiberationMono-Regular.ttf");
}

body {
	background-color: rgba(255,255,255,0.5);
}
header{
	background-image: url("./images/bandeau.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}
div
{
	text-align:center;
}
h1 {
	color: rgba(30,54,100);
	text-align: center;
	font-family: 'Titre';
	font-size: XXX-Large;
	
}
h2 {
	color: rgba(30,54,100) ;
	text-align: center;
	font-family: Georgia;
}
h3 {
	color: rgba(6,152,214);
	text-align: center;
	font-family: Georgia;
}
h4 {
	color: rgba(30,54,100);
	text-align: left;
	font-family: Georgia;
	font-size:large;
	margin-left:15%;
	font-size:1.4em;
}
p {
	color: black;
	margin-left: 15%;
	margin-right:15%;
	font-family: Georgia;
	text-align:left;
	font-size:1.2em;
}
ul
{
	color: black;
	margin-left: 15%;
	margin-right:15%;
	font-family: Georgia;
	font-size:1.2em;
	font-style:italic;
	line-height: 1.5;
}
ol
{
	color: black;
	margin-left: 15%;
	margin-right:15%;
	font-family: Georgia;
	font-size:1.2em;
}
a
{
	text-decoration: underline;
	color: rgba(30,54,100);
}
figure
{
	display:inline-block;
	vertical-align:top;
	margin-top:5%;
}
figcaption
{
	color: black;
	font-family: Georgia;
	font-style: italic;
}
aside
{
	display:inline-block;
	width:60%;
	text-align:left;
	margin-left:-5%;
}
.twoC
{
	display:inline-block;
	margin-left: 5%;
}
.twoCX
{
	display:inline-block;
	margin-left: 10%;
}
.imUp
{
	margin-top:-5%;
}
.codeT
{
	color:lavender;
	font-family: 'Hack';
	font-size:1em;
	margin-left: 15%;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	background-color:rgba(0,0,0,0.85);
	width:700px;
	border-radius:5px;
	line-height:200%;
	padding-left:10px;
}
.codeLT
{
	color:lavender;
	font-family: 'Hack';
	font-size:1em;
	margin-left: 15%;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	background-color:rgba(0,0,0,0.85);
	width:900px;
	border-radius:5px;
	line-height:200%;
	padding-left:10px;
}
.codeE
{
	color:black;
	font-family: 'Hack';
	font-size:1em;
	margin-left: 15%;
	margin-right:50%;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	background-color:rgba(230,230,230,0.5);
	width:700px;
	border-radius:5px;
	line-height:200%;
	padding-left:10px;
}
.codeLE
{
	color:black;
	font-family: 'Hack';
	font-size:1em;
	margin-left: 15%;
	margin-right:50%;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	background-color:rgba(230,230,230,0.5);
	width:900px;
	border-radius:5px;
	line-height:200%;
	padding-left:10px;
}
.indent
{
	visibility:hidden;
}
.pex
{
font-style: italic;
font-weight: bold;
text-align:left;
}
.centre
{
	text-align:center;
}
.pinline
{
	color: black;
	margin-left: 15%;
	margin-right:15%;
	font-family: Georgia;
	text-align:left;
	font-size:1.2em;
	display:inline-block;
}
.divinline
{
	margin-left: 15%;
	margin-right:15%;
	text-align:left;
	display:inline-block;
}

#formules
{
	display:inline-block;
	margin-left: 15%;
}
#entreformules
{
	vertical-align:1.8em;
}
#logo
{
	border-radius:10px;
}
#nav 
{
   	margin:0;
   	padding:0;
}
 
#nav li 
{
   	display:inline;
   	padding:0;
   	margin:0;
   	float:right;
   	margin-top:2%;   
}
#nav a:link, #nav a:visited 
{
		color: rgba(30,54,100);	
   	background-color: rgba(255,255,255,0.2);
   	padding:30px 30px 30px 30px;
   	text-decoration:none;   	
   	border-radius:4px;
   	font-family:Georgia;
   	font-weight: bold;
   	font-size:X-Large;
}