/*
 IP CANADA - V1.0
*/

.menu-cookies {
    background-color: darkred !important;
  }
  .btn-navbar-border {
    background-color:rgb(83, 0, 0);
  }
  .barre-titre {
    background-image:url('/app/img/fond-dev.jpg');
    box-shadow: inset 0px 0px 30px 5px rgba(37, 0, 0, 0.8) !important;
  }

  .btn-navbar.active, .btn-navbar:active {
    background-color: rgba(255, 50, 50, 0.2);
  }

  .navbar-main {
    background: linear-gradient(135deg, rgb(37, 0, 0) 0%, rgb(104, 18, 18) 70%, rgb(255, 255, 255) 100%);
  }

  .navbar-main-small {
    background: linear-gradient(135deg, rgb(37, 0, 0) 0%, rgb(104, 18, 18) 70%, rgb(37, 0, 0) 100%);
  }

  .fil-arriane {
    background: linear-gradient(135deg, rgb(243, 243, 243) 0%, rgb(104, 18, 18) 70%, rgb(37, 0, 0) 100%) !important;
    color: black;
  }

  .section-footer {
    background: linear-gradient(135deg, rgb(37, 0, 0) 0%, rgb(104, 18, 18) 70%, rgb(37, 0, 0) 100%) !important;
  }
  .footer-link{
    color: lightcoral !important;
  }
  .ligne-test {
    background: linear-gradient(135deg, rgb(37, 0, 0) 0%, rgb(104, 18, 18) 70%, rgb(37, 0, 0) 100%) !important;
  }
  .section-final-footer {
    background: linear-gradient(135deg, rgb(37, 0, 0) 0%, rgb(104, 18, 18) 70%, rgb(37, 0, 0) 100%) !important;
  }
  .section-final-footer a {
    color: lightcoral !important;
  }
  
  .canada {
    background: linear-gradient(-45deg,rgb(255, 255, 255),rgb(238, 82, 82),rgb(213, 35, 35),rgb(255, 255, 255));
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    color: white;
  }
  .canada .carte-fonce {
    background-image: url('/app/img/canf.gif');
  }
  .canada .card-body, .canada .card {
    background-color: transparent !important;
    border: none !important;
  }
  .canada .text-forma {
    color:rgb(78, 78, 78);
  }
  .canada .card-form {
    box-shadow: 0px 5px 10px 5px rgba(255,255,255,0.5) !important;
  }
  .canada .card-form-top {
    box-shadow: 0px -5px 10px 5px rgba(255,255,255,0.5) !important;
  }

  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }