/* par defaut :) */

@font-face
{
  font-family: 'Aaagh';
  src: url('../polices/Aaagh.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face
{
  font-family: 'OpenSans';
  src: url('../polices/OpenSans-CondLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
body{

  font-size: 2.3em;
	color: white;
	font-weight:bold;
	font-family: "OpenSans";
	background-color: #ecf0f1 ; /* par default dcr al himar ah*/
	letter-spacing: 2px;
  
}

/* *********** */



.lien_accueil{
  
  border:1px solid red;  
  color: #2C3E50 ;
  transition: color 0.2s;
  text-decoration: none;

}

.lien{

  font-size: 1.2em;
  color: #2C3E50 ;
  transition: color 0.2s;
  text-decoration: none;

}
.lien_accueil:hover{
  text-decoration: none;
  color: #FFC107;/* #3498db bleu */

}
.lien:hover{

  text-decoration: none;
  color: #FFC107;/* #3498db bleu */

}

.lien_accueil:hover {

  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  
  .btn3{
    padding:7px;
    border:1px solid #2C3E50;
    cursor:pointer;
    color:white;
    font-size:18px;
    background-color:#2C3E50 ; 
  }
  .btn3:hover{
    background-color:#FFC107;
    color:white;
    transition: background-color 0.6s;
  }