@import url('https://cdn-univ.fr/assets/plone/css/fonts.css');
:root {
  --bs-primary: #0085a3;
  --bs-light: #f5f8f7;
  --bs-primary-rgb: 0,72,100;
  --bs-light-rgb: 245,248,247;
  --bs-dark-rgb: 52,58,64;
  --bs-orange: #BB5802;
  --bs-red: #e34f33
}

/* Pour utiliser la police */
* {
    font-family: "Brother 1816", Cambria, georgia, times, "times new roman", serif !important;
  }

.btn-primary{
    text-transform: uppercase;
    background-color: var(--bs-primary);
    border-radius: 0;
    border: 0;
}

.paragraphe_titre{
    text-transform: uppercase;
    font-weight: 700;
    padding: .5em 1em 0.75em 0;
    line-height: 1.2;
    font-size: 1.5em;
    position: relative;
}

.paragraphe_titre::before {
    width: 3.4em;
    height: .35em;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    background: var(--bs-primary);
}

.btn-primary:hover {
    background-color: var(--bs-primary);
    box-shadow: inset 0px 0px 0px 200px rgba(0, 0, 0, 0.18);
}

.main {
    margin: 2rem;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="date"],
input[type="tel"] {
  border-radius: 0;
  background-color: var(--bs-light);
  border: 0;
  border-bottom: 1px solid rgba(51, 51, 51, 0.15);
}

*:required {
    border-bottom: 1px solid var(--bs-red)!important;
}

.filled {
    border-bottom: 1px solid var(--bs-primary)!important;
}

.form-check-input{
    border: 1px solid rgba(51, 51, 51, 0.15)!important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--bs-primary)!important;
}

input[type="text"]:hover,
input[type="search"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
select:hover,
textarea:hover {
    border-bottom: 1px solid var(--bs-primary)!important;
}

input[type="text"].filled,
input[type="search"].filled,
input[type="email"].filled,
input[type="date"].filled {
  border-bottom: 1px solid var(--bs-primary);
}


select{
    border: 0!important;
    border-bottom: 1px solid var(--bs-red)!important;
    border-radius: 0!important;
    background-color: var(--bs-light)!important;

}
textarea {
    border: 0!important;
    border-bottom: 1px solid rgba(51, 51, 51, 0.15)!important;
    border-radius: 0!important;
    background-color: var(--bs-light)!important;
}

select.filled,
textarea.filled{
    border-bottom: 1px solid var(--bs-primary);
}

.dropdown-menu {
  background-color: var(--bs-light);
  border: 0;
  border-radius: 0;
}

a {
    color: var(--bs-primary);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  a:hover {
    color: var(--bs-primary);
    background-color: var(--bs-light);
  }