body {
  color: black;
}

a, a:hover, .violet { color: #773e90; }

.marge_haut { margin-top: 2em; }

.numero_titre {
   margin-left: -50px;
   margin-top: 1em;
}

/* Reprise de base.mako */
h1 {
  margin-bottom: 2em;
}

#div_titre {
   background:  no-repeat center scroll url("/static/img/ecritures.png");
   width: 100%;
   height: 150px;
   margin-bottom: -100px;
   background-size: cover;
}

#titre {
  background-color: #b28dc0;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: .2em;
  padding-left: .2em;
  padding-top: .1em;
  padding-bottom: .1em;
}

.footer, .footer a {
  background-color: #773e90;
  color: white;
  font-size: 0.8em;
  font-weight: bold;
}

.util, .util a {
   background: #e84a3c;
   color: white;
   margin-right: 1px;
   text-align: center;
}

.table {
  color: black;
}

.btn-secondary {
  color: #fff;
  background-color: #773e90;
  border-color: #773e90;
  font-weight: bold;
}

.btn-warning {
  color: #fff;
  background-color: #b28dc0;
  border-color: #b28dc0;
}

.btn-warning:hover {
  color: #fff;
  background-color: #773e90;
  border-color: #773e90;
}

.btn-danger {
  color: #fff;
  background-color: #e84a3c;
  border-color: #e84a3c;
}

.navbar {
  padding: 0;
}
/* Fin reprise de base.mako */

.form-control, .form-control:focus {
  border-color: #b28dc0;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.container {
  padding: 0 15px;
}

.footer, .footer a {
  background-color: #773e90;
  color: white;
  font-size: 0.8em;
  font-weight: bold;
}

#photo {
   background:  no-repeat center scroll url("/static/img/13-01-OPT-19918.jpg");
   height: 100%;
   background-size: cover;
}

#acces {
   height: 612px;
   color: white;
   font-size: 2em;
   font-weight: bold;
   text-transform: uppercase;
   margin-top: 2em;
   text-shadow: 2px 2px 4px #565353b0;
}

.marge1 {
   margin-left: 50px;
}

.marge2 {
   margin-left: 40px;
   margin-bottom: 1em;
}

.util, .util a {
   background: #e84a3c;
   color: white;
   margin-right: 1px;
   text-align: center;
}

.border-info {
  border-color: #b28dc0 !important;
}

.info-header {
  padding: 0.6rem;
  background-color: #773e90;
  color: white;
  text-align: center;
}

.info-content {
  padding: 0.6rem;
}

.btn-warning {
  color: #fff;
  background-color: #b28dc0;
  border-color: #b28dc0;
}

.btn-warning:hover {
  color: #fff;
  background-color: #773e90;
  border-color: #773e90;
}

.numero_titre {
   margin-left: -50px;
   margin-top: 1em;
}

/* Initialement dans mouvements.mako, releves_pdf.mako */
.opt {
   background-color: #773e90;
   color: black;
   text-transform: uppercase;
}

/* Dans formulaire mot de passe */
.underline_left {
    text-decoration: underline;
    color: #dc3545;
    margin-left:40px; 
}
.underline {
    text-decoration: underline;
    color: #dc3545;
}

/* Détails cartes */
.visuel_carte {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.image_carte_horizontale {
    width: 420px;
}

.image_carte_verticale {
    width: 210px;
}

@font-face {
  font-family: 'carte';
  src: url('/static/Muller-ExtraBold.ttf');
}

.numero_carte_visa {
    position: absolute;
    top: 140px;
    left: 40px;
    color: gold;
    font-size: 22px;
    font-family: 'carte', mono, serif;
}

.expire_carte_visa {
    position: absolute;
    top: 195px;
    left: 200px;
    color: gold;
    font-size: 14px;
    font-family: 'carte', mono, serif;
}

.porteur_carte_visa {
    position: absolute;
    top: 225px;
    left: 40px;
    color: gold;
    font-size: 14px;
    font-family: 'carte', mono, serif;
}

.numero_carte_visa_verticale, .expire_carte_visa_verticale {
    position: absolute;
    top: -1000px;
    left: -1000px;
}

.porteur_carte_visa_verticale {
    position: relative;
    top: -85px;
    right: -55px;
    color: silver;
    font-size: 11px;
    font-family: 'carte', mono, serif;
}

.numero_carte_fenua, .numero_carte_fenua_verte {
    position: absolute;
    top: 150px;
    left: 100px;
    color: black;
    font-size: 16px;
    font-family: 'carte', mono, serif;
}

.expire_carte_fenua, .expire_carte_fenua_verte {
    position: absolute;
    top: 195px;
    left: 90px;
    color: black;
    font-size: 14px;
    font-family: 'carte', mono, serif;
}

.porteur_carte_fenua {
    position: absolute;
    top: 220px;
    left: 53px;
    color: black;
    font-size: 14px;
    font-family: 'carte', mono, serif;
}

.porteur_carte_fenua_verte {
    position: absolute;
    top: 212px;
    left: 57px;
    color: black;
    font-size: 14px;
    font-family: 'carte', mono, serif;
}