.margin_bottom_0{
        margin-bottom: 0px!important;
    }
    .margin_top_0{
        margin-top: 0px!important;
    }
    .row_valeur:last-child{
        margin-bottom: 0px!important;
    }
    .row_valeur:last-child .une_valeur:last-child, .row_valeur:last-child .une_valeur:last-child p{
        margin-bottom: 0px!important;
    }
    .bandeau_postes{
        background-color: #f4f4f5;
        display: flex;
        padding: 80px 0;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .succursale select:focus-visible {
        border-top: none;
        border-right: none;
        border-left: none;
    }
    .succursale {
        width: 100%;
        margin: 40px 0px;
    }
    .succursale select {
        width: 100%;
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #000;
        color: #666;
    }
    .succursale select.decorated option:hover {
        box-shadow: 0 0 10px 100px #000000 inset;
    }

    .opportunite{
        display:flex;
        justify-content:space-between;
        margin-bottom: 25px;
        border-bottom: 1px solid #000;
        padding: 0 0 25px 10px;
    }
    .job_title{
        font-size: 20px;
    }
    .arrow_job img{
        width: 33px;
        height:33px;
        opacity:0%;
        transition:0.3s all ease-in;
    }
    .opportunite:hover .arrow_job img{
        opacity:100%;
        transform:translateX(-25px);
    }
    .section_top{
        display: flex;
    }
    .section_top .titre_h4{
        width: 45%;
        margin-right: 25px;
    }
    .section_top .introduction{
        width: 55%;
        margin-left: 25px;
    }
    .row_valeur{
        display: flex;
    }
    .type_emploi{
        display: flex;
    }
    .image_colonne{
        width: 50%;
        margin-right: 25px;
    }
    .image_colonne img{
        width: 100%;
    }
    .opprtunites_colonne{
        width: 50%;
        margin-left: 25px;
    }
    .opprtunites_colonne .description{
        margin-bottom: 47px;
    }
    .une_job{
        margin-bottom: 25px;
        border-bottom: 1px solid #000;
        padding: 0 0 25px 10px;
    }
    .une_valeur {
        width: 50%;
        padding-right: 20px;
    }
    h5.sous_titre{
        font-family: "Inter", sans-serif!important;
    }
    .texte_nos_valeurs{
        margin-bottom: 80px;
    }
    .image_colonne {
        width: 50%;
        margin-right: 25px;
    }
    .image_colonne img{
        max-height: 675px;
        object-fit: cover;
        object-position: center;
    }
    .type_emploi{
        margin-bottom: 60px;
    }
    .row_valeur{
        margin-bottom: 30px;
    }
    

/*FORM copy du form une_carrière    + responsive de la page*/
    .form_postulater .image_file{
        justify-content: center;
        display: flex;
    }

    .form_postulater .image_file img{
        width: 26px;
        height: 22px;
    }
    .form_postulater .upload, .form_postulater .file_type{
        text-align: center;
    }
    .form_postulater .upload{
        margin: 7px 0px;
    }
    .form_postulater .file_explication {
        display: flex;
        align-content: center;
        justify-content: center;
    }

    .form_postulater .selected-file {
        display: none;
        text-align: center;
    }

    .form_postulater .selected-file .image_file {
        margin-bottom: 7px;
    }

    .form_postulater .contact_form .donnee_personnelle label {
        width: 810px;
    }
    .form_postulater .contact_form form .fichier input {
        border-bottom: none;
    }
    .form_postulater .titre_cv
    {
        width: 100%;
    }
    .form_postulater .contact_form{
        width: 810px;
    }
    .form_postulater .contact_form form{
        width: 100%;
    }
    .form_postulater .contact_form form .line{
        width: 100%;
    }
 
    .form_postulater{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .form_postulation .form_postulater h2{
        text-align: center;
    }
    .form_postulater .lettre_de_presentation textarea
     {
        min-height: 158px;
        color: #000;
        background: #fff;
        border-bottom: solid 1px #000;
        outline: none !important;
        width: 100%;
        border-top: none;
        border-right: none;
        border-left: none;
        border-block-color: #000;
        resize: none;
        margin-top: 40px;
        margin-bottom: 40px;
    }  
    .form_postulater .lettre_de_presentation
     {
    width: 100%;
    }  
    
    .form_postulater .fichier{
        width: 100%;
        /* margin: 40px 0px; */
        height: 190px;
        margin-bottom: 40px;
        border: dashed 1px #000;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
    }
    
    .fichier input::file-selector-button {
        background-color: #fff;
        margin-right: 15px;
        cursor: pointer;
    }
    .fichier input::file-selector-button:hover {
        background-color: #eee;
    }
    
    .form_postulater #submit_contact{
        margin-top: 30px;
    }
    
    .contact_form form input {
        width: 392px;
        padding-bottom: 8px;
    }
    .section_top{
        background-color: #f4f4f5;
        padding: 80px 60px 80px 60px;
        margin-top: 0px;
    }
    .present{
        font-size: 20px;
    }
    .nos_valeurs_title,.texte_nos_valeurs{
        text-align: center;
    }
    h5.sous_titre {
        font-weight: 700;
    }
    .poste_dispo{
        margin-bottom: 80px;
    }
    h4.poste_dispo{
        margin-bottom: 0px!important;
    }
    .form_postulater{
        background: #f4f4f5;
        padding-top: 80px !important;
        padding-bottom: 80px !important;
        margin-bottom: 0px;
    }
    .contact_form form input {
        background: #f4f4f5;
    }
    .succursale select {
        background: #f4f4f5;
    }
    .contact_form form input:focus-visible, .contact_form .message textarea {
        background: #f4f4f5;
    }
    .titre_h4, .introduction,.une_valeur p,.description{
        max-width: 650px;
    }
    .nos_valeurs_title,.texte_nos_valeurs{
        max-width: max-content;
    }
  /*  .conteneur_t_valeurs{
        display: flex;
        justify-content: center;
    }*/
    .conteneur_t_valeurs{
            display: flex;
            justify-content: center;
        }
        .poste_dispo{
            max-width: 100%;
        }
    @media screen and (min-width: 2000px) {
        .conteneur_t_valeurs{
            justify-content: center;
        }
        .section_top {
            justify-content: center;
        }
        .les_valeurs{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .row_valeur {
            margin-bottom: 30px;
            max-width: 1300px;
        }

    }
    @media screen and (max-width: 1499px) {
        .form_postulater{
            background: #f4f4f5;
            padding-top: 56px !important;
            padding-bottom: 56px !important;
            margin-bottom: 0px;
        }
        .poste_dispo{
            margin-bottom: 56px;
        }
        .section_top{
            padding: 56px 30px 56px 30px;
        }
    }

    @media screen and (max-width: 1024px) {
        .bandeau_postes{
            justify-content: flex-start;
            padding: 80px 30px;
        }
    }

    @media screen and (max-width: 970px) {
        .bandeau_postes{
            padding: 80px 15px;
        }
        .conteneur_t_valeurs{
            justify-content: flex-start;
        }
        .titre_h4 {
            font-size: 31px;
        }
        .nos_valeurs_title,.texte_nos_valeurs{
             text-align: left;
        }
        .section_top{
            padding: 56px 15px 56px 15px;
        }
        .form_postulater .contact_form {
            width: 92% !important;
            height: auto;
        }
        .form_postulater .contact_form .donnee_personnelle label {
            width: 92% !important;
        }
        .form_postulater .contact_form .prenom,
        .form_postulater .contact_form .nom,
        .form_postulater .contact_form .courriel,
        .form_postulater .contact_form .telephone,
        .form_postulater .contact_form .lettre_de_presentation,
        .form_postulater .contact_form .fichier,
        .form_postulater .contact_form .donnee_personnelle{
            width: 100% !important;
        }
        .form_postulater .contact_form .nom{
            margin-top: 16px;
        }
        .donnee_personnelle #text{
            text-wrap: wrap;
       }

       /* responsive page non formulaire*/
       .section_top{
            display: block;
        }
        .section_top .titre_h4 {
            width: 100%;
            margin-right: 0px; 
        }
        .section_top .introduction {
            width: 100%;
            margin-left: 0px;
        }
        .texte_nos_valeurs {
            margin-bottom: 40px;
        }
        .row_valeur {
            display: block;
            margin-bottom: 0px;
        }
        .une_valeur {
            width: 100%;
            padding-right: 0px;
            margin-bottom: 40px;
        }
        .type_emploi {
            display: flex;
            flex-direction: column-reverse;
        }
        .image_colonne {
            width: 100%;
            margin-right: 0px; 
        }
        .image_colonne img {
            width: 100%;
            max-height: 675px;
            object-fit: cover;
            object-position: center;
            height: 300px;
        }
        .opprtunites_colonne {
            width: 100%;
            margin-left: 0px;
            margin-bottom: 15px;
        }
    }
    @media screen and (max-width: 700px) {
        .form_postulater .contact_form {
            width: 100% !important;
        }
        .arrow_job img{
            display: none;
        }
    }
    .section_valeurs{
        margin-top: 0px!important;
    }
    .section_poste_dispo{
        margin-bottom: 0px!important;
    }
    .type_emploi:last-child {
         margin-bottom: 0px; 
    }