body {
    font-family: Helvetica, Tahoma; 
    font-size: 16px;  
    color:darkblue;
    background-color: #f8f8f8;
}
hr {
    height: 0px; border: none; border-top: 2px solid blue;
}

h1{font-size:30px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}

.card {padding-top: 5px;} 
  
.panel-default {
    padding:0 10px;
}
.panel-heading {
    margin:0 -10px;
}
.img-center {
    margin: 0 auto;
    display:block;
}
 
/* Centrage modal */
.modal {
    text-align: center;
    padding: 0!important;
}

@media screen and (min-width: 768px) { 
    .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
    }


.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    }
}

/* end */
label 
{
    color:blue;
    text-height: 100%;
}
.text-danger {
    color:red;
    text-align: left;
    text-height: 80%;
}
req::before {
    content: " *";
    color: red;
}

.card {
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  /*box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;*/
  padding: 20px; 
}