.modal-body img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
/* Gestion des images principales des actualites */
.event-details-img{
    width: 856px; /* Définissez la largeur souhaitée */
    height: 553px; /* Définissez la hauteur souhaitée */
}
.form-outline {
    position: relative;
}
.form-outline .form-control {
    padding-right: 2.5rem;
}
.form-outline .toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-150%);
    cursor: pointer;
}
.event-details-img img
{
    width: 100%; /* Définissez la largeur souhaitée */
    height: 100%; /* Définissez la hauteur souhaitée */
    object-fit:cover;
    
}

.ecole-description{
    /*width: 856px;*/ 
    height: 800px; /* Définissez la hauteur souhaitée */
}
.ecole-description img{
    width: 100%; /* Définissez la largeur souhaitée */
    height: 100%; /* Définissez la hauteur souhaitée */
    object-fit:cover;
}
.enbref:hover{
    cursor: pointer;
}
.limited-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2; /* Nombre de lignes à afficher */
}
.bidiplomation:hover{
    cursor: pointer;
}
.mobilite:hover{
    cursor: pointer;
}
.fixed-size-image {
    width: 450px; /* Définissez la largeur souhaitée */
    height: 354px; /* Définissez la hauteur souhaitée */
}
.fixed-size-image img{
    width: 100%; /* Définissez la largeur souhaitée */
    height: 100%; /* Définissez la hauteur souhaitée */
    object-fit:cover;
}

.navbar-nav-sub-menu {
    display:  flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.navbar-nav-sub-menu > li {
    display: flex;
    flex-direction: row;
    padding: 8px;
    width: 100%;
    align-items: center;
    border-radius: 5%;
    justify-content: center;
}
.navbar-nav-sub-menu li a {
    font-size: small;
    font-weight: 700;
}
.navbar-nav-sub-menu li span {
    height: 30px;
    width: 1.5px;
    background-color: #F9A300;
    margin: 4px;
}
.navbar-nav-sub-menu img {
    width: 40px;
    width: 40px;
    border-radius: 1%;
    background-color: #F9A300;
}
.navbar-nav-school-items {
    position: absolute;
    display: flex;
    width: 100%;
    right: 0px;
    left: 0px;
  }

.navbar-nav-school-items li img:hover {

    animation-iteration-count: infinite;
    animation-duration: 2s;
    transition: 2s ease-in-out;
    animation-name: schoolAnimation;
    animation-direction: alternate;
}
.navbar-nav-sub-menu > li:hover {

    animation-iteration-count: infinite;
    animation-duration: 2s;
    transition: 2s ease-in-out;
    animation-name: schoolAnimation;
    animation-direction: alternate;
}
.navbar-nav-sub-menu > li {

    animation-duration: 3s;
    transition: all;
    animation-direction: reverse;
}
@keyframes schoolAnimation {
    from{
        transform: scale(1);
    }
    50%{
        transform: scale(1.5);
    }
    70%{
        transform: scale(1.5);
    }
    80%{
        transform: scale(1.5);
    }
    90%{
        transform: scale(1.5);
    }
    100%{
        transform: scale(1.5);
    }
}
.text-black{
    font-weight: 500;
    color: rgb(196, 196, 196);
}
.bg-footer {
    background: #273044 !important;
}
.bg-footer h3 {
    color: #004489;
}
.tr-table{
    font-size:13px;
}
.category-list li span{
    width:90px !important;
}
.category-list li {
    font-size: 13px !important;
}
.card-style1:hover .card-img img {
    transform: scale(1.1) !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .card-style1:hover .course-tag {
  background: #ffffff !important;
  color: #ffffff;
}

.process-wrapper .process-content-wrapper {
    margin: 0 -17px !important;
}
.div-representant {
    display: flex;
    justify-content: center;
}
