/*INDISPENSABLES*/
/*home*/

	h1{
	font-family: "Kayonest Free Trial";
	text-align: center;
	color: beige;
	}

	#name h1 {
	font-family: "Kayonest Free Trial";
	color: darkred;
	text-align: center;
	}

	.header p {
	font-family: "Fjalla One";
	color: black;
	}

	
/*animation*/
.home {
    text-align: center;
}

/* Animation */
.animated-title {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);   

    }
}
/*fin animation*/

/*page body et curseur*/
	body {
	background: url("images/fond5.jpg") fixed;
	}

	html{
  cursor: url("images/cursor.svg"), pointer;
	}
 /* fin page body et curseur*/

/*txt des blocs*/
  p {
  text-align: center;
  font-family: "Nanum-Myeongjo";
  }

  .well {
  background-color: beige;
  border-radius: 20px;
  }
 /*fin txt des blocs*/

 /*fond txt*/
	.thumbnail {
	background-color: #d8d8ac;
	border: none;
	}

	.thumbnail:hover {
	background-color: #c7c798;
	border: none;
	}

	/*bouton home*/
	.accueil img {
	width: 100px;
	}

	.accueil {
	text-align: center;
	}

	.accueil img:hover {
	transform: scale(1.3);
	}

	.accueil img {
	transition: transform 1.5s ease;	
	}
/*fin fond txt*/

/*langues*/
	.span img {
	width: 200px;
	transition: transform 1.3s ease;	
	}
	.span img:hover{
	opacity: 60%;
	transform: scale(1.1);
	}
/*langues*/
/*FIN INDISPENSABLES*/


/*PAGE COMPETENCES*/
	.contenu img {
	padding: 10px;
	width: 100px;
	text-align: center;
	}

	.contenu h2 {
	font-family: "Fjalla One";
	text-decoration: underline;
	color: darkred;
	text-align: center;
	}

	

/*design bar de niveau*/
	.progress {
	width: 300px;
	}

	.progress-bar {
	background-color: darkred;
	}

	.liste img {
	transition: transform 1.5s ease;
	}

	.liste img:hover {
	transform: scale(1.3);
	}

/*fin design bar de niveau*/
/*FIN PAGE COMPETENCES*/

/*PIED DE PAGE*/

	.piedpage p {
	font-family: "Fjalla One";
	color: darkred;
	}


	/*FIN PIED DE PAGE*/