body{
	font-family: 'Poppins', sans-serif;}


    h3{
    color:#e50074;  
    margin-bottom: 0rem;
    }  
    
    .h3{
       color:#542f61; 
       
    } 
    .bg-purple{
        background-color: #542f61;
        color:#fff;
    }
    .pink{
        color:#e50074;
    }
    
    .carousel-item{
        min-height:200px;
    }
   

    img {
      max-width: 100%;
      height: auto;
    }
    
    li.choix{ text-align: center;cursor: pointer;}

    label{font-size: 0.8rem;cursor: pointer; margin-top: 5px; line-height: 0.9rem;}

.btn{
    /*border-radius: 0px;*/
    box-shadow: 0px 0px 8px 0px #ccc;
}

h5{
    color:#e50074;
}

a{
    color:#e50074;
    cursor: pointer;
}
a:hover{
    color:#e50074;
    text-decoration: underline;
}
@media (max-width: 768px) {
  .h1, h1 {
    font-size: 2.8rem;
    font-weight: 300;
  }
    
    .input-group-text{
        font-size: 11px;
        width:90px;
    }

    .carousel-caption{
        font-size:12px;
        bottom:5px;
        left:5%;
        right:5%;
    }
}

@media (min-width: 769px) {
 
    
 .input-group-text{
         width:130px;
    }

}

@media (min-width: 992px) {
 
   

}


 .error{
color:red !important;
}
.error-text{
border:1px solid #ccc !important;
}
 
label {
  display: inline-block;
}

label span {
  font-size: 1rem;
}

label.error {
    color: red;
    font-size: 0.8rem;
    display: block;
    margin-top: 5px;
}

label.error.fail-alert {
    clear: both;
    border: 1px dashed red;
    border-radius: 4px;
    line-height: 1;
    padding: 2px 0 6px 6px;
}

input.valid.success-alert {
    border: 1px solid #4CAF50;
    color: green;
}

input.error, textarea.error {
    border: 1px solid red;
    font-weight: 300;
    color: red;
}