@-webkit-keyframes shake-up-and-down {
  	0% {top: 0.5em;}
  	50% {top: 0.7em;}
  	80%{top: 0.4em;}
  	100% {top: 0.5em;}
}

@keyframes shake-up-and-down {
  	0% {top: 0.5em;}
  	50% {top: 0.7em;}
  	80%{top: 0.4em;}
  	100% {top: 0.5em;}
}

.btn_to_up{
	-webkit-transition: opacity 1s ease-out,
				color 0.4s ease-out,
				bottom 0.4s ease-out,
				right 0.4s ease-out;
	        transition: opacity 1s ease-out,
				color 0.4s ease-out,
				bottom 0.4s ease-out,
				right 0.4s ease-out;
	position: fixed;
	height: 55px;
	width: 55px;
	background: #000;
	font-size: 2em;
	color: #FFF;
	/*padding: 0px 12px;*/
	bottom: 10px;
	right: 10px;
	display: none;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 99;
	text-align: center;
}

.btn_to_up:hover, .btn_to_up:focus, .btn_to_up:active{
	color: white;
	opacity: 1;
	filter: alpha(opacity=100);
}

.btn_to_up:active{
	color: white;
	opacity: 1;
	filter: alpha(opacity=100);
}

.btn_to_up i.fa{
	-webkit-transition: top 0.4s ease-out;
	        transition: top 0.4s ease-out;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0.5em;
}

.btn_to_up:hover i.fa{
	-webkit-animation: shake-up-and-down 0.6s linear infinite;
	        animation: shake-up-and-down 0.6s linear infinite;
}

.btn_to_up:focus i.fa, .btn_to_up:active i.fa{
	top: 0 !important;
}

/* ------------------------------- */
/* - CSS pour les Bouton A+ A- A - */
/* ------------------------------- */
#fontsizeboutton{
  float:right;
  background-color: #3796D5;
  margin-right: -5px;
}

.fontsizeboutton{
	font-weight: bold;
	color:white;
	background-color: inherit;
	text-shadow: inherit;
	border: inherit;
	font-size: 1.0em;
	padding: 9px 12px;
	transition: background-color 0.4s ease-out;
}

.fontsizeboutton:hover{
	background-color: #2985C2;
	transition: background-color 0.2s ease-out;
}

.fontsizeboutton:active{
	background-color: #46AAEE;
	transition: background-color 0.2s ease-out;
}

@media screen and (max-width: 769px) {
  #fontsizeboutton {
    display: none;
  }

}