/*MON STYLE*/
.blink {
  animation: blink 5s infinite;
}
@keyframes blink { 
  0% { opacity:0; }
  50% { opacity:1; } 
  100% { opacity:0; }
}
.point-focal {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Lucida Handwriting", sans-serif;
  color:darkgreen;
}
.numero {
  font-size: 130px;
  font-family: "Raleway", sans-serif;
    background: #800000;
}

.btn-taille  a {
  color: white;
    text-decoration: none;
}

.btn-taille a:hover {
  color: black;
  text-decoration: none;
}

.majuscule    {
	text-transform : uppercase;
  
}

.info1    {
    margin-left: 50%;
    margin-right: 50%;
    color: aqua;
  
}

.obligatoire    {
    color:orangered;
    font-size: 14px;

  
}
.titre-vert    {
    color: #198754;
}
.titre-bgvert    {
    background-color: #800000;
}
.titre-bleu    {
    color:#0d6efd;
}
.titre-orange    {
    color:coral;
}
.titre-rose    {
    color:fuchsia;
}
.titre-rouge    {
    color:red;
}
.titre-bordeau    {
    color:#800000;
}
.titre-gris    {
    color:darkgray;
}
.titre-blanc{
    color:floralwhite;
}


.btn-gris {
  color: #fff;
  background-color: #5c636a;
  border-color: #5c636a;
     width: 75%;
}

.btn-bleu1 {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
     width: 75%;
}

.btn-bleu2 {
  color: #fff;
  background-color: #4db3e9;
  border-color: #4db3e9;
     width: 75%;
}

.btn-orange1 {
  color: #fff;
  background-color: #df4937;
  border-color: #df4937;
     width: 75%;
}

.btn-orange2 {
  color: #fff;
  background-color: #d49625;
  border-color: #d49625;
    width: 75%;
}

.btn-vert1 {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
    width: 75%;
}

.btn-vert2 {
  color: #fff;
  background-color: #509534;
  border-color: #509534;
    width: 75%;
}

.btn-vert2 {
  color: #fff;
  background-color: #40e0d0;
  border-color: #40e0d0;
    width: 75%;
}
.btn-vert3 {
  color: #fff;
  background-color: #01d758;
  border-color: #01d758;
    width: 75%;
}

.btn-rouge1 {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #bb2d3b;
    width: 75%;
}
.btn-rouge2 {
  color: #fff;
  background-color: #ff0000;
  border-color: #ff0000;
    width: 75%;
}

.btn-jaune1 {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
    width: 75%;
}

.btn-violet1 {
  color: #fff;
  background-color: #4b0082;
  border-color: #4b0082;
    width: 75%;
}

.btn-taille {
  width: 75%;
}
.btn-etape1 {
  color: #fff;
  background-color: #4db3e9;
    border-color: #4db3e9;
}
.btn-etape2 {
  color: #fff;
  background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-etape3 {
  color: #fff;
  background-color: #4b0082;
    border-color: #4b0082;
}
.btn-etape4 {
  color: #fff;
  background-color: #ffc107;
    border-color: #ffc107;
}
.btn-etape5 {
  color: #fff;
  background-color: #d49625;
    border-color: #d49625;
}
.btn-etape6 {
  color: #fff;
  background-color: #01d758;
  border-color: #01d758;  
}
.btn-etape7 {
  color: #fff;
  background-color: #509534;
    border-color: #509534;
}
.btn-etape8 {
  color: #fff;
  background-color: #198754;
    border-color: #198754;
}
.btn-etape9 {
  color: #fff;
  background-color: #ff0000;
    border-color: #ff0000;
}
.btn-etape10 {
  color: #fff;
  background-color: #bb2d3b;
    border-color: #bb2d3b;
}

.etiquette {
    color: blueviolet;
    font-weight: 400;
    
}
.etiquette_rouge {
    color: crimson;
    font-weight: bold;
}

.msg {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}


.msg-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.msg-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
.msg-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.error-message br + br {
  margin-top: 25px;
}


.sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}


.loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}


button[type=submit] {
  border: 0;
  padding: 10px 30px;
  transition: 0.4s;
  border-radius: 50px;
}





@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}