h1,h2,h3,h4,h5,h6,a, .text-primary{
    color : var(--bs-primary) !important;
}
body{
    overflow-x: hidden;
}
.slogan{
    color: #fff !important;
    position:absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    background-color: #00000060;
    padding : 16px;
    border-radius : 16px;
    z-index : 2;
}
.error{
    font-style: italic;
    color :red;

}

.input-error{
    border: 1px solid red;
}
.nav-link.active{
    font-weight: bold;
    text-decoration: underline;
}

.slogan h2, .slogan .btn{
    color: #fff !important;
}
.navbar-collapse, .navbar-expand-lg{
    flex-grow: inherit !important;
    padding-left: 32px;
    padding-right: 32px;
}
.large-10{
    width : 75%;
}
.row{
    display: flex !important; 
    flex-wrap: wrap;
}
.slider{
   
    position: relative;
}
.logo{
    background-image: url('../img/BPFormation.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
   width: 250px;
    height: 64px !important;
    margin-right: 32px;
}

.picto{
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width : 32px;
    height: 32px;
}

.picto-tel{
    background-image:url("../img/telephone.png");

}
.picto-mail{

    background-image:url("../img/mail.png");

}
.picto-lieu{
    
    background-image:url("../img/lieu.png");

}
.card-img-top{
    margin-top : 12px;
}
footer{
    
    padding: 32px 0;
    font-size: 12px;
    text-align: center;
    background-color:#333;
    color : #fff !important;
}
footer a{
    color : #fff !important;
}
span.bold{
    font-weight: bold;
}
/*Page formation*/
.picto-detail{
    
    width : 32px; 
    height: 32px;
    display : inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.detail-texte{
    width : calc(100% - 32px);
  margin-bottom: 0;
}
.detail-duree{
    background-image: url("../img/duree.png");
}
.detail-objectif{
    background-image: url("../img/objectif.png");
}
.detail-nombre{
    background-image: url("../img/nombre-personnes.png");
}
.detail-certif{
    background-image: url("../img/diplome.png");
}
    
.detail-age{
background-image: url("../img/age.png");

}
.detail-lieu{

    background-image: url("../img/lieu.png");

}
.jumbotron{
    margin-top: 64px;
    background-color: var(--bs-primary);
    width : 100%;
    padding : 32px 16px;
    
}
.jumbotron .container{
    margin-left: auto;
    margin-right : auto;
} col-12 col-sm-2 col-md-4
.card a, a.btn{
    color : #fff !important;
}
.card{
    width : 250px;
}

@media all and (max-width:440px){
    .navbar-collapse, .navbar-expand-lg{
        flex-grow: inherit !important;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .logo{
      
        width: 150px;
       height: auto;
    }
    .slogan{
        top: 50%;
        left: 20%;
        width: 60%;
    }

    .carousel-item, .carousel-item img, .slider{
        height : 200px !important;
        object-fit: cover;
    }
}

@media all and (max-width:1100px){
    .card{
        width : 40%;
        margin-top: 16px;
        margin-bottom: 16px;
    }
}
@media all and (max-width:660px){
    .card{
        width : 100% !important;
        margin-top: 16px;
        margin-bottom: 16px;
    }
}