.titre
{
	font-size:4em;
	color:white;
	font-family:Impact;
	text-align:center;
	text-shadow:4px 4px 4px #000000;
	animation: titre 1s infinite alternate;
  	  	
  	
}
@keyframes titre {
  0% {color: white;}
  50% {color: yellow;}
100% {color: white;}
}

.titreparagraphe
{
	font-size:3em;
	color:white;
	text-decoration:underline;
	font-family:Dosis;
	text-align:justify;
	text-shadow:6px 6px 8px #000000;
  	  	
  	
}

.paragraphe
{
	font-size:2em;
	color:white;
	font-family:Dosis;
	text-align:justify;
	text-shadow:4px 4px 4px #000000;
  	  	
  	
}



.but
{
	font-size:150%;
	border-style:solid;
	border-radius:15px;
	border-width:5px;
	background-color:black;
	color:white;
	border-color:yellow;
	padding:5px;
	cursor:pointer;
	transition: all 0.5s ease;
}
.buta
{
	font-size:200%;
	border-style:solid;
	border-radius:15px;
	border-width:5px;
	background-color:black;
	color:white;
	border-color:red;
	padding:5px;
	cursor:pointer;
	transition: all 0.5s ease;
}
.butc
{
	font-size:300%;
	border-style:solid;
	border-radius:15px;
	border-width:5px;
	width:200px;
	background-color:yellow;
	color:black;
	border-color:red;
	padding:5px;
	cursor:pointer;
	transition: all 0.5s ease;
}

.butd
{
	font-size:400%;
	border-style:solid;
	border-radius:15px;
	border-width:5px;
	background-color:black;
	color:white;
	border-color:red;
	padding:5px;
	cursor:pointer;
	transition: all 0.5s ease;
}
.bar::-webkit-scrollbar {
  width: 75px;
  height:auto;
  background-color: #aaa; /* or add it to the track */
  }




	@keyframes example {
  0% {background-color: red;}
  50% {background-color: yellow;}
100% {background-color: red;}
}
	@keyframes example2 {
  0% {border-color: grey;}
  50% {border-color: red;}
100% {border-color: grey;}
}

@keyframes example3 {
  0% {border-color: white;}
  50% {border-color: red;}
100% {border-color: white;}
}

    .bar2 {
         
  	animation-name: example;
  	animation-duration: 0.2s;
  	
  	animation-iteration-count: 10;
}
.bar3 {
         
  	animation-name: example2;
  	animation-duration: 0.5s;
  	
  	animation-iteration-count: 2;
  	}
  	
    .bar4 {
         
  	animation-name: example3;
  	animation-duration: 1s;
  	
  	animation-iteration-count: infinite;
}

</style>