/*corps de la page*/
body{
	font-family:sans-serif;
	font-size:1.2em;
	color:#fff;
	background:#ddd;
	line-height:1.6;
	margin:0;
}
/*titres*/
h1{
	font-size:2em;
	font-family:sans-serif;
}
h2{
	font-size:1.5em;
	font-family:sans-serif;
}
h3{
	font-size:1.2em;
}
h4{
	font-size:1.1em;
}
/*paragraphes*/
p{
	max-width:80%;
	padding:2%;
}
/*Bannière de la page*/
#banniere{
	display:block;
	position:relative;
}
.ekasiliciumbanner{
	width:100%;
}
.imageban{
	width:100%;
}
#ekasiliciumtitle{
	position:absolute;
	font-size:5em;
	font-family:Impact, sans-serif;
	padding:2%;
	top:0;
}
	
.wrapper{
	display:flex;
}
#titrenaventete{
	color:#b57209;
	text-align:center;
}
.navsite{
	font-size:2em;
	font-family:sans-serif;
	font-family:Impact;
	color:white;
	background:#b56d20;
	padding:1%;
	display:flex;
	justify-content: space-around;
}
/*liens hypertextes*/
a{
	color:#b57209;
	text-decoration:none;
	/*font-family:sans-serif;*/
	display:flex;
}
/*Les liens hypertexte situés dans la vansite sont selectionnée*/
.navsite>a{
	color:black;
}
/*Les liens hypertextes sont en vert lors du survol*/
a:hover
{
	color: green;
}
.nav{
	padding:3%;
	display:flex;
	flex-direction:column;
	font-size:1.4em;
	min-width:300px;/*largeur de la zone de text nav*/
}
.main{
	padding:3%;/*marge de l'article*/
	flex-grow:1;  
	background:#b57209;/*Couleur du fond de l'article*/
}
.footer{
	color:white;
	background:#a37834;
	display:flex;
	justify-content:center;
	/*align-items:flex-end;*/
}
/*Cette partie permet de mettres tout le monde en colonne pour les mobiles*/
@media all and (max-width: 1020px){
body{
	display:flex;
	flex-direction:column;
	font-size:1.5em;
}
.wrapper{
	display:flex;
	flex-direction:column;
	font-size:1em;
	width:100%;
}
.nav{
	font-size:2em;
	display:flex;
	align-items:center;
	justify-content:center;
}
/*Permet de mettre le menu de navigation du site en colonne sur mobile*/
.navsite{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
#ekasiliciumtitle{
	position:absolute;
	font-size:3em;
	font-family:Impact, sans-serif;
	padding:2%;
}
#titrepage{
	font-size:2em;
}
p{
	font-size:1.3em;
	padding:3%;
	max-width:95%
	/*color:red;*/
}