/* Pour les effest qui clignotte */

@keyframes clignote {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

.p1 {
    animation: clignote .5s alternate infinite;
 
}
a{
    text-decoration: none;
}

.p2 {
    animation: clignote .5s alternate infinite;
}

.p3 {
    animation: clignote .5s alternate infinite;
}

/* GENERAL */

* {
    margin: 0;
    padding: 0;
}


body {
    font-family: Arial, Helvetica, sans-serif;
  
}

/* menu principal */
.menup{
    height: 30rem;
 background: url('logo1.jpg') center;
}

.marge{
    margin-top: 9rem;
}
.marge1{
    margin-top: 5rem;
}

.maj{
    text-transform:uppercase ;
}
.btn1:hover{
    background-color: #02dd77;
}

/* .coul{
    background-color: rgb(17, 226, 9);
} */

.fondsect1{
    background-color: #efefef;
}
li{
    list-style: none;
}
.bordure{
    border-radius: 7px;
    box-shadow: rgb(214, 205, 205) 2px 4px 2px;
}

.bordure-vert{
    border-radius: 7px;
    box-shadow: rgb(62, 246, 62) 1px 1px 1px;
}

.bgoff{
    background-color: rgb(211, 204, 204);
}
.hai{
    size: 4rem;
}
.over:hover{
    background-color: rgb(106, 106, 252);
}
.background{
    background-color: #ecc6bb;
}

.bordure1{
    border-radius: 10px;
    box-shadow: rgb(184, 174, 174) 2px 3.3px 2px 2px;
}

/* pour zoomer les images au passage de  la souris */
.zoom-image {
    overflow: hidden;
  }

  .zoom-image img {
    transition: transform 0.3s;
  }

  .zoom-image:hover  {
    transform: scale(1.01);
  }

  /*couleur
  *
  */
  .couleur1{
    background-color: #f6b8a7;
  }

  .couleur2{
    background-color: #36cae7;
  }

  .hvr:hover {
    background: #1A5C6C;
  }


  .hvr{
    border-radius: 10px;
    border: 10px whitesmoke;
  }