@charset "UTF-8";

@font-face {
  font-family: "font1";
  src: url("../fonts/SpaceGrotesk-Regular.woff") format('woff');
}

body {
  margin: 0;
  padding: 0;
  color: #1A1A56;
  font-family: 'font1', sans-serif !important;

}

section{
  padding-top: 25px !important;
}

.mandatory{
  color: red !important;
}

.white{
  color: white !important;
}

.color-custom{
  color: #A9895C !important;
}

.form-floating label {
    color: black !important;
}

.navbar{
  color: white !important;
  background-color: black !important;
}

.navbar-brand{
  margin-top: 10px;
}

.home{
  background-color: ;
  margin: 0 !important;;
  padding: 0 !important;;
}

.normal{
  display:block;
}

.mobile{
  display:none;
}

.form{
  /*margin-bottom: 35px;*/
}

.form a{
  color: #A9895C;
}

.col-form{
  margin-top: 10px;
  margin-bottom: 10px;
}

.info{
  color: #A9895C !important;
  /*background-color: #1A1A56 !important;*/
  padding-bottom: 50px;
}

.info-img{
  max-height:250px;
  max-width:100%;
  height:auto;
  width:auto;
}

.info a{
  color: #A9895C;
}

.info a:hover{
  color: #A9895C;
}

.footer{
  padding-top: 25px;
  padding-bottom: 25px;
  color: white;
  font-size: 0.9rem;
}

.center{
  text-align: center;
}

.right{
  text-align: right;
}

.bg-black{
  background-color: black;
}

.btn-custom{
  color: white;
  background-color: #A9895C;
  border-style : none;
  border-left-style : none;
  border-color: #A9895C !important;
  border: solid;
  border-radius: 0px;
}

.btn-custom:hover{
  color: white;
  background-color: #A9895C;
  border-style : none;
  border-left-style : none;
  border-color: #A9895C !important;
  border: solid;
  border-radius: 0px;
}

.btn-custom2{
  color: white;
  background-color: #A9895C;
  border-style : none;
  border-left-style : none;
  border-color: #A9895C !important;
  border: solid;
  border-radius: 0px;
}

.btn-custom2:hover{
  color: white;
  background-color: #A9895C;
  border-style : none;
  border-left-style : none;
  border-color: #A9895C !important;
  border: solid;
  border-radius: 0px;
}

.input-custom{
  border: none ;
  border: 1px solid #1A1A56 ;
  border-radius: 0px;
}

.black{
  color: black !important;
}

.input-custom:focus {
  border: 1px solid #1A1A56 ;
  box-shadow: 0 0 5px 2px lightgrey; /* Ajoute une ombre colorée */
}

.nav-link{
  color: white !important;
}

.nav-link:hover{
  color: #1A1A56 !important;
  border-bottom-color: #1A1A56;
  border-bottom: solid 1px;
}

.info-box{
  width: 100%;
  border: solid #A9895C 1px;
  padding: 15px;
}

.section-title{
  font-size: 2.5rem;
  font-weight: bolder;
  border-bottom: solid 1px;
  border-bottom-color: #A9895C;
  margin-bottom: 25px;
}

.section-title2{
  color: #A9895C !important;
  font-size: 2.5rem;
  font-weight: bolder;
  border-bottom: solid 1px;
  border-bottom-color: #A9895C;
  margin-bottom: 25px;
}

.info-title{
  font-weight: bolder;
  border-bottom: solid 1px;
  border-bottom-color: #A9895C;
  font-size: 1.5rem;
}

.map{

}

.logo-mobile-footer{
  margin-top: 20px !important;
}

.social{
  font-size: 2rem;
}

.social-underline{
  border-bottom: solid 1px;
  border-bottom-color: #1A1A56;
  padding-bottom: 25px;
}

.social a{
  color: white;
}

.social a:hover{
  color: #1A1A56;
}

#factureYes
    {
        display:;
    }

.hide{
        display:none;
}

.show{
        display:block;
}

/* Changer la couleur du bouton radio sélectionné */
.form-check-input:checked {
    background-color: #1A1A56; /* Remplace par la couleur souhaitée */
    border-color: #1A1A56; /* Change la bordure */
}

#price1{
  font-size: 1.5rem;
}

#price2{
  color: darkgrey;
}

.error{
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

/*myaccount*/

.form-section h2{
  font-size: 1.5rem;
  text-decoration: underline;
  margin-top: 40px;
  margin-bottom: 40px;
}

.form-section h3{
  font-size: 1.2rem;
  margin-top: 25px;
}

.form-section h4{
  font-size: 1rem;
  margin-top: 25px;
}

.login-box{
  margin: 0 auto;
  margin-top: 50px;
  max-width: 500px;
}