:root {
   --main-bg-color: #FFF;
   --main-grey: #262626; /* rgb(38,38,38) */
}

body {
   font-family: 'lato', Arial, serif;
   background-color: var(--main-bg-color);
   /* color: white; */
}

h1 {
   font-size: 1.5rem;
}

.custom-list, 
.modal-title, 
.modal-body {
   color: var(--main-bg-color) !important;
}

.link-to-modal:hover {
   text-decoration: underline;
}

.form-text {
   color: orange;
}

.minified-50
{
   width: 50px;
}

.custom-btn {
   width: 260px !important;
}

.custom-btn-md {
   width: 175px !important;
}

header {
   display: flex;
   justify-content: center;;
   align-items: center;
}
#logo-in-header {
   width: 200px;
   margin: 40px 0 10px 0;
   /* border: 1px solid pink; */
}

a.link-on-blue-bg {
   text-decoration: none;
   color: white;
}
a.link-on-blue-bg:hover {
   text-decoration: underline;
}

/* Surcharge de bootstrap .bg-dark */
.bg-dark {
   background-color: var(--main-bg-color) !important;
}

/* Surcharge de bootstrap de .btn-outline-primary */
.btn-outline-primary {
   padding: .5rem 1rem;
   border-color: var(--main-bg-color) !important;
   background-color: white !important;
   color: var(--main-bg-color) !important;
}
.btn-outline-primary:hover {
   background-color: var(--main-bg-color) !important;
   color: white !important;
   border: 1px solid white !important;
}

.hidden-elt {
   display: none;
}

.unshown-elt {
   visibility: hidden;
}

ul.contextual_help_list {
   margin: 0;
   padding-left: .25rem;
   list-style-type: none;
   border-radius: 0 0 5px 5px;
   background-color: white;
   color: var(--main-bg-color);
}

ul.contextual_help_list li:hover {
   cursor: pointer;
   background-color: var(--main-bg-color);
   color: white;
}

.boldered {
   font-weight: bold;
}

.underline {
   text-decoration: underline;
}

.orangered {
   color: orange;
}

.red-alert {
    color: red;
}