@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&family=Architects+Daughter&display=swap');

.alert-rose{
  color: #FFFFFF;
  background-color: #F18D9E;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.modal-header{
   background-color: #F18D9E !important;
  color: #FFFFFF;
  font-family: 'Architects Daughter', cursive; 
}

.droite{
  float: right;
}

.btn-sm{
  font-size: .875rem !important;
}

label{
  font-weight: 600;
  /*color: #6c757d;*/
  color: #6f6f6f;
  font-size: .875rem;
  margin-bottom: .25rem !important;
}

td{
  background-color: #FFFFFF;
}

.table .thead-light th{
  color: #FFFFFF !important;
  background-color: #F18D9E !important;
  border-color: #F18D9E !important;
}

.table thead th{
  border-bottom: 2px solid #F18D9E !important;
}

.active{
  color: #FFFFFF !important;
  background-color: #F18D9E !important;
  border-color: #F18D9E !important;
}

.active:hover{
  color: #FFFFFF !important;
  background-color: #F18D9E !important;
  border-color: #F18D9E !important;
}

.card-header{
  background-color: #F18D9E !important;
  color: #FFFFFF;
  font-family: 'Architects Daughter', cursive;
}

.mw-50{
  max-width: 50%;
}

.mw-30{
  max-width: 30%;
}

.plr0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.white a{
  color: #FFFFFF;
}

.white a:hover{
  color: #FFFFFF;
  text-decoration: none;
}

.rose{
  color: #F18D9E;
}

.vert{
  color: #5BC8AC;
}

.rose:hover{
  color: #F18D9E;
}

.vert:hover{
  color: #5BC8AC;
}

.architecte{
  font-family: 'Architects Daughter', cursive;
}

.presentation{
  font-size: 1.1rem;
  font-weight: 400;
}

.footer{
   background-color: #F18D9E;
   color: #FFFFFF;
   text-align: center;
   padding-bottom: 20px;
   padding-top: 20px;
}

body {
   background-color: #fafbfe;
   font-family: 'Nunito', sans-serif;
}

.pt-10{
   padding-top: 10px !important;
}

.pb-10{
   padding-bottom: 10px !important;
}

.center-menu{
   display: flex;
   justify-content: center;
   padding-top: 10px;
   padding-bottom: 10px;
   height: 65px;
}

.bottom-menu{
   border-bottom: 2px solid #5BC8AC;
}

.bordertop{
   border-top: 2px solid #5BC8AC;
}

.btn-callback{
   background-color: #5BC8AC;
   font-family: 'Architects Daughter', cursive;
   color: #FFFFFF;
   font-weight: 400;
   font-size: 1.2rem;
}

.btn-callback:hover{
   background-color: #5BC8AC;
   font-family: 'Architects Daughter', cursive;
   color: #FFFFFF;
}

.nav-item a {
   font-family: 'Architects Daughter', cursive;
   color: #F18D9E;
   font-weight: 400;
   font-size: 1.2rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
   background-color: #F18D9E !important;
   color: #FFFFFF;
}

.nav-pills .nav-link.callback, .nav-pills .show > .nav-link{
   background-color: #5BC8AC;
   color: #FFFFFF;
}

.bandeau-index{
   display: flex;
   flex-direction: column;
   width: 100%;
   height: calc(100vh);
   background-image: url('../../public/pictures/index_bg.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   animation-duration: 2s;
   animation-name: fadein;
}

.slogan{
   position: relative;
   margin: auto auto 50px auto;
   font-family: 'Architects Daughter', cursive;
   font-weight: 400;
   font-size: 3rem;
   color: #FFFFFF;
   text-shadow: black 0.1em 0.1em 0.2em
}

.welcome{
   font-family: 'Architects Daughter', cursive;
   color: #F18D9E;
   font-size: 4rem;
   font-weight: 400;
   text-align: center;
}

.titre-section{
   text-align: center;
   color: #F18D9E;
   font-size: 2rem;
   font-weight: 400;
   font-family: 'Architects Daughter', cursive;
}