@font-face {
    font-family: 'Lato';
    src: url('Lato-Light.ttf');
}

html, body {
 margin:0;
 padding:0;
 }

body
{
    font-family: 'Lato', Arial;
    background-color: rgba(256,256,256,0.5);
    margin: 0px;
    text-align: justify;
}

header{
	background-image: url("fond_data-mining.jpg");
	margin: 0;
}

text{
	font-family: Lato, Arial;
	font-size: 2em;
}

footer{
	margin: 0;
}

p{
	padding-right: 12%; 
	padding-left: 12%;
}

img{
	border: none;
}

strong{
	font-weight: bold;
}

#part1{
	display: flex;
	flex-direction: row;
	margin: 0;
}

#part2{
	display: flex;
	flex-direction: row;
	margin: 0;
}

.topnav {
    background-color: #333;
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
}

.topnav:nth-child(1) {
	flex: 10;
}

.topnav:nth-child(2) {
	flex: 2;
}

.topnav:nth-child(3) {
	flex: 2;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #4CAF50;
    color: white;
}


.image{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	height: auto;
	width: auto;
}

.descriptionInter{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	height: "250";
	width: "500";
}

.descriptif1{
	height: 120px;
}

.descriptif2{
	height: 45px;
}

.descriptif{
	background-color: rgba(215,215,215,0.5);
	width: 50%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

.descriptif p{
	padding-right: 5%;
	padding-left: 5%;
}

.cote{
	padding-right: 5%;
}

.element1:nth-child(1)
{
    flex: 0.2;
}

.element1:nth-child(2)
{
	flex-direction: column;
    flex: 3;
}
.element1:nth-child(3)
{
    flex: 1;
    background-color: rgba(177,228,241,0.5);
}

.element1:nth-child(4)
{
	flex: 0.1;
}

.element2:nth-child(1)
{
    flex: 0.2;
}

.element2:nth-child(2)
{
	flex-direction: column;
    flex: 3;
}

.element2:nth-child(3)
{
    flex: 1;
    flex: 1;
    background-color: rgba(122,233,247,0.5);
}

.element2:nth-child(4)
{
	flex: 0.1;
}

.fin{
	flex-direction: row;
	background-color: #333;
}

.elemEnd:nth-child(1){
	background-color: #333;
	bottom: 0;
}

.elemEnd:nth-child(2){
	background-color: #333;
	bottom: 0;
	text-align: right;
}

.resume{
	background-color: rgba(256,256,256,1);
}

.explicationsSchema{
	background-color: rgba(256,256,256,1);
}

.titrePrincipal{
	font-size: 5em;
}

.titrePrincipal{
	text-align: center;
	color: rgba(50,0,0,1);
	text-shadow:0 0 3px #FFFFFF;
}

.titrePartie{
	text-align: center;
	color: rgba(0,150,150,1);
}

.titreEquipe{
	text-align: center;
	font-size: 2;
}

.bibli{
	text-align: center;
	font-size: 1.5;
}

.nom{
	text-decoration: underline;
	font-style: bold;
	font-size: 1.1em;
}

.Sources{
	color: rgba(256,256,256,1);
}

.source{
	color: rgba(256,256,256,1);
}