/*--------------------------------------------------------------
boîtes présentaton
--------------------------------------------------------------*/
.boitePresentation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.boitePresentation .grid{
    flex: 0 0 auto;
    width: 29%;
}

.boitePresentation .grid p{
    text-align: left;
}

.boitePresentation .grid li p{
    float: right;
}

.boitePresentation .grid li{
    text-align: left;
    float: left;
}

.boitePresentation .grid li .fa{
    font-size: 3em;
    margin-right: 20px;
}

.boitePresentation .grid ul{
    list-style: none;
}

.boiteBleue{
    background-color: rgba(25, 58, 106, 1) !important;
}

.boiteBleue .icon{
    background-color: white !important;
    border: rgba(25, 58, 106, 1) 2px solid !important;
}

.boiteBleue .fi:before{
    color: rgba(25, 58, 106, 1) !important;
}

.boiteBleue h3{
    color:white;
}

.boiteBleue p{
    color:white;
}

.boiteBlanche .icon{
    background-color: rgba(25, 58, 106, 1) !important;
}

.boiteBlanche{
    border: rgba(25, 58, 106, 1) 1px solid !important;
}

@media (max-width: 767px) {
      .boitePresentation .grid{
        flex: 0 0 auto;
        width: 100%;
    }
}

/*--------------------------------------------------------------
boîtes présentaton
--------------------------------------------------------------*/

.boiteEngagements .blocEngagement{
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.boiteEngagements .blocEngagement span,h4{
    flex: 0 0 auto;
}

@media (min-width: 992px) and (max-width: 1210px) {
    .nav li a{
       font-size: 13px !important; 
    }
}