@media screen and (max-width: 768px) {
  body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 1em;
  }
}

@media screen and (min-width: 768px) {
  body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 0.9em;
  }
}

.colorTextNav {
  color: #ffffff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.colorTextNav:hover{
  color : #5aafdd;
}

@media screen and (min-width: 768px) {
  .colorTextNav:hover .svgNavItem {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.colorTextLogin {
  color: #3f53a1;
}

.colorTextLogin:hover {
  color: #5aafdd;
}

.btn-primary {
  background-color: #3f53a1 !important;
}


.borderColor {
  color: #000000;
}



.bg-footer {
  background-color: #3f53a1;
}


.svgitem {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.svgitem:hover {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.navbar-collapse {
  transition: height 0.5s ease-in-out;
}

body {
  background-color: #000000;;
}

.titlePage {
  color: #ffffff;
  height: 2.5em;
  border-radius: 0px 0px 200px 200px;
}

@media screen and (min-width: 768px) {
  .titlePage {
    height: 3em;
  }
}

.footerRadius {
  border-radius: 50px 50px 0px 0px;
}

.colorPage {
  background-color: #414448
}

.bi-facebook {
  color: #3b5998;
  width: 25px;
  height: 25px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.bi-facebook:hover, .bi-instagram:hover, .bi-twitter:hover {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.bi-instagram {
  color: #e4405f;
  width: 25px;
  height: 25px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.bi-twitter {
  color: #1da1f2;
  width: 25px;
  height: 25px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.footerA {
  color:rgb(144, 146, 154);
  text-decoration: none;
  text-decoration: underline;
}

.footerA:hover {
  text-decoration: none;
  text-decoration: underline;
  color: white;
}

@media screen and (max-width: 768px) {
  .logoSocial {
    display: inline-block;
    margin-left: 30px;
    margin-right: 30px;
  }
}

.table {
  background-color: #3b3d20;
  --bs-table-bg: #000000;
  --bs-table-color: #ffffff;
}

.label-custom {
  color: rgb(255, 255, 255);           /* Couleur du texte en noir */
  font-size: 1.1em;       /* Taille de la police plus grande */
  font-weight: bold;      /* Texte en gras */
}