@charset "utf-8";

/**
*
* -----------------------------------------------------------------------------
*
* Template : Edulearn | Responsive Education HTML5 Template 
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/



/* Styles spécifiques pour les écrans de taille petite à moyenne (320px à 600px) */
@media screen and (min-width: 320px) and (max-width: 600px) {
    .search-form {
        flex-direction: column;
        margin-left: 0;
    }

    .col-md-3,
    .col-md-4 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .categories select,
    .level {
        width: 100%;
        margin-bottom: 10px;
    }

    button[type="submit"] {
        width: 100%;
        background-color: #EC623B;
        color: white;
        border: 1px solid orange;
        height: 36px;
    }

    #imageTest {
        max-width: 100% !important;
        height: auto;
        margin-left: 0px;
        padding: 10px 12px;
    }

    #NewContainer {
        position: relative;
        height: 150px;
        width: 100%;
        background-color: #12528D;
        display: block;
        z-index: 100;
    }

    .main-menu .rs-menu-toggle {
        background-color: #12528D;
    }

    .imgFormation {
        width: 100%;
        margin-right: 0px;
        border-style: ridge;
    }

    #rs-header {
        padding: 40px 0;
        padding-right: 0;
        /* Correction : supprimer la valeur spécifique */
    }

    #formations {
        margin-top: 5px;
    }
}

/* Styles spécifiques pour les écrans de taille moyenne à grande (601px à 950px) */
@media screen and (min-width: 601px) and (max-width: 950px) {
    .search-form {
        flex-direction: column;
        margin-left: 0;
    }

    .col-md-3,
    .col-md-4 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .categories select,
    .level {
        width: 100%;
        margin-bottom: 10px;
    }

    button[type="submit"] {
        width: 100%;
        background-color: #EC623B;
        color: white;
        border: 1px solid orange;
        height: 36px;
    }

    #imageTest {
        max-width: 100% !important;
        height: auto;
        margin-left: 0px;
        padding: 10px 12px;
    }

    #NewContainer {
        position: relative;
        height: 150px;
        width: 100%;
        background-color: #12528D;
        display: block;
        z-index: 100;
    }

    .main-menu .rs-menu-toggle {
        background-color: #12528D;
    }

    #logotest {
        margin-right: 866px;
        padding-right: 53px;
    }
}