@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&family=Roboto:wght@300;400;500;700&display=swap');
body {font-family:"Montserrat",sans-serif;/*font: 400 14px /1.4 "Roboto",sans-serif;*/background: #fff!important;font: 400 14px /1.4 "Roboto",sans-serif!important;}
body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, li, button.close {font-family:"Montserrat",sans-serif!important}
/*top*/
header{display:none!important;}


:root {
    --title-xl-font-size: 36px;
    --title-lg-font-size: 30px;
    --title-md-font-size: 26px;
    --title-sm-font-size: 22px;
    --title-xs-font-size: 20px;

    --title2-xl-font-size: 36px;
    --title2-lg-font-size: 30px;
    --title2-md-font-size: 32px;
    --title2-sm-font-size: 32px;
    --title2-xs-font-size: 20px;


    --title16-xl-font-size: 16px;
    --title16-lg-font-size: 14px;
    --title16-md-font-size: 13px;
    --title16-sm-font-size: 12px;
    --title16-xs-font-size: 12px;

    --title18-xl-font-size: 18px;
    --title18-lg-font-size: 16px;
    --title18-md-font-size: 16px;
    --title18-sm-font-size: 14px;
    --title18-xs-font-size: 13px;

    --title7-xl-font-size: 45px;
    --title7-lg-font-size: 40px;
    --title7-md-font-size: 32px;
    --title7-sm-font-size: 28px;
    --title7-xs-font-size: 24px;

    --sommaire_titleposte-xl-font-size: 28px;
    --sommaire_titleposte-lg-font-size: 26px;
    --sommaire_titleposte-md-font-size: 24px;
    --sommaire_titleposte-sm-font-size: 22px;
    --sommaire_titleposte-xs-font-size: 16px;

    --sommaire_description-xl-font-size: 20px;
    --sommaire_description-lg-font-size: 18px;
    --sommaire_description-md-font-size: 18px;
    --sommaire_description-sm-font-size: 16px;
    --sommaire_description-xs-font-size: 14px;

    --culture_description-xl-font-size: 20px;
    --culture_description-lg-font-size: 18px;
    --culture_description-md-font-size: 18px;
    --culture_description-sm-font-size: 16px;
    --culture_description-xs-font-size: 14px;

    --categorie_title-xl-font-size: 32px;
    --categorie_title-lg-font-size: 28px;
    --categorie_title-md-font-size: 26px;
    --categorie_title-sm-font-size: 22px;
    --categorie_title-xs-font-size: 18px;

    --subtitle-xl-font-size: 32px;
    --subtitle-lg-font-size: 24px;
    --subtitle-md-font-size: 20px;
    --subtitle-sm-font-size: 18px;
    --subtitle-xs-font-size: 18px;


    --subtitle2-xl-font-size: 27px;
    --subtitle2-lg-font-size: 20px;
    --subtitle2-md-font-size: 18px;
    --subtitle2-sm-font-size: 16px;
    --subtitle2-xs-font-size: 16px;

    --subtitle3-xl-font-size: 20px;
    --subtitle3-lg-font-size: 16px;
    --subtitle3-md-font-size: 14px;
    --subtitle3-sm-font-size: 13px;
    --subtitle3-xs-font-size: 12px;

    --text-xl-font-size: 27px;
    --text-lg-font-size: 24px;
    --text-md-font-size: 20px;
    --text-sm-font-size: 16px;
    --text-xs-font-size: 15px;

    --text1-xl-font-size: 22px;
    --text1-lg-font-size: 20px;
    --text1-md-font-size: 16px;
    --text1-sm-font-size: 14px;
    --text1-xs-font-size: 14px;

    --text2-xl-font-size: 22px;
    --text2-lg-font-size: 16px;
    --text2-md-font-size: 16px;
    --text2-sm-font-size: 15px;
    --text2-xs-font-size: 15x;


    --text20-xl-font-size: 20px;
    --text20-lg-font-size: 18px;
    --text20-md-font-size: 18px;
    --text20-sm-font-size: 16px;
    --text20-xs-font-size: 16px;

    --text18-xl-font-size: 18px;
    --text18-lg-font-size: 14px;
    --text18-md-font-size: 14px;
    --text18-sm-font-size: 14px;
    --text18-xs-font-size: 14px;



    --text14-xl-font-size: 14px;
    --text14-lg-font-size: 14px;
    --text14-md-font-size: 13px;
    --text14-sm-font-size: 11px;
    --text14-xs-font-size: 11px;

    --text20-xl-font-size: 20px;
    --text20-lg-font-size: 18px;
    --text20-md-font-size: 16px;
    --text20-sm-font-size: 14px;
    --text20-xs-font-size: 14px;

    --text12-xl-font-size: 12px;
    --text12-lg-font-size: 12px;
    --text12-md-font-size: 12px;
    --text12-sm-font-size: 12px;
    --text12-xs-font-size: 12px;

    --text4-xl-font-size: 15px;
    --text4-lg-font-size: 14px;
    --text4-md-font-size: 13px;
    --text4-sm-font-size: 12px;
    --text4-xs-font-size: 11px;

    --text5-xl-font-size: 40px;
    --text5-lg-font-size: 38px;
    --text5-md-font-size: 36px;
    --text5-sm-font-size: 32px;
    --text5-xs-font-size: 28px;

    --text6-xl-font-size: 250px;
    --text6-lg-font-size: 180px;
    --text6-md-font-size: 160px;
    --text6-sm-font-size: 120px;
    --text6-xs-font-size: 120px;

    --text7-xl-font-size: 90px;
    --text7-lg-font-size: 72px;
    --text7-md-font-size: 65px;
    --text7-sm-font-size: 54px;
    --text7-xs-font-size: 45px;

    --text32-xl-font-size: 32px;
    --text32-lg-font-size: 26px;
    --text32-md-font-size: 22px;
    --text32-sm-font-size: 20px;
    --text32-xs-font-size: 18px;

    --text30-xl-font-size: 30px;
    --text30-lg-font-size: 25px;
    --text30-md-font-size: 20px;
    --text30-sm-font-size: 18px;
    --text30-xs-font-size: 16px;

    --text50-xl-font-size: 50px;
    --text50-lg-font-size: 45px;
    --text50-md-font-size: 38px;
    --text50-sm-font-size: 30px;
    --text50-xs-font-size: 26px;

    --text60-xl-font-size: 55px;
    --text60-lg-font-size: 46px;
    --text60-md-font-size: 40px;
    --text60-sm-font-size: 32px;
    --text60-xs-font-size: 26px;

    --text75-xl-font-size: 75px;
    --text75-lg-font-size: 60px;
    --text75-md-font-size: 45px;
    --text75-sm-font-size: 35px;
    --text75-xs-font-size: 30px;



    --text35-xl-font-size: 28px;
    --text35-lg-font-size: 24px;
    --text35-md-font-size: 22px;
    --text35-sm-font-size: 20px;
    --text35-xs-font-size: 18px;

    --text25-xl-font-size: 25px;
    --text25-lg-font-size: 21px;
    --text25-md-font-size: 18px;
    --text25-sm-font-size: 14px;
    --text25-xs-font-size: 14px;

    --text40-xl-font-size: 40px;
    --text40-lg-font-size: 33px;
    --text40-md-font-size: 28px;
    --text40-sm-font-size: 24px;
    --text40-xs-font-size: 20px;

    --text140-xl-font-size: 140px;
    --text140-lg-font-size: 120px;
    --text140-md-font-size: 100px;
    --text140-sm-font-size: 70px;
    --text140-xs-font-size: 50px;

    --button-xl-font-size: 32px;
    --button-lg-font-size: 24px;
    --button-md-font-size: 18px;
    --button-sm-font-size: 16px;
    --button-xs-font-size: 14px;

    --button2-xl-font-size: 24px;
    --button2-lg-font-size: 20px;
    --button2-md-font-size: 26px;
    --button2-sm-font-size: 14px;
    --button2-xs-font-size: 12px;

    --button3-xl-font-size: 18px;
    --button3-lg-font-size: 16px;
    --button3-md-font-size: 14px;
    --button3-sm-font-size: 12px;
    --button3-xs-font-size: 12px;

    --title_detail-xl-font-size: 25px;
    --title_detail-lg-font-size: 23px;
    --title_detail-md-font-size: 21px;
    --title_detail-sm-font-size: 19px;
    --title_detail-xs-font-size: 18px;


    --subtitle2_detail-xl-font-size: 23px;
    --subtitle2_detail-lg-font-size: 22px;
    --text_detail-xl-font-size: 20px;
    --text_detail-lg-font-size: 18px;
    --text_detail-md-font-size: 18px;
    --text_detail-sm-font-size: 16px;

    --color_blue_principal : #159FDB;
    --color_dark_blue_principal : #004069;
    --color_white_principal : #ffffff;
    --color_button_orange_principal : #F59C00;
    --button_blue :#499ED6;
}

.color_nice_blue{
    color: #499ED6;
}

#fichier_cv_caption:after,
 #fichier_lettre_caption:after {
    content: attr(title);
    display: block;
    font-weight: 400;
    font-size: 11px;
    height: 30px;
    color: #004069;
}
p.label_cv_lettre{
    font-size: 14px;
}
h4, .h4{
    border-bottom: unset !important;
}
.fixed{
    -webkit-backface-visibility: hidden;
}
.div_cont_frequency select{
    background-color: #fff;
}
.color_white{
    color:var(--color_white_principal)  !important;
}
.color_dark_blue{
    color:var(--color_dark_blue_principal)  !important;
}
.color_blue_principal{
    color:var(--color_blue_principal) !important;
}
.background_color_dar_blue{
    background-color:var(--color_dark_blue_principal) !important;
}
.background_color_principal_blue{
    background-color:var(--color_blue_principal) !important;
}
.text_aline_center{
    text-align: center;
}
.text_trans_upper{
    text-transform: uppercase;
}

.font-weight-500{
    font-weight: 500;
}
.font-weight-600{
    font-weight: 600 !important;
}
.font-weight-bold{
    font-weight: bold !important;
}
.lh-normal{
    line-height: normal;
}
.page_opportunites.navbar-default{
    border: none !important;
}
p.mtb{
    margin-bottom: 0;
    margin-top: 0;
}
p.mb{
    margin-bottom: 0;
}
p.mt{
    margin-top: 0;
}
.ma{
    margin: auto;
}
.t_bold{
    font-weight: bold;
}
a.non_decoration{
    text-decoration: none;
}
a.non_decoration:hover, a.non_decoration:focus {
    text-decoration: none !important;
}
.u-gallery-nav span{
    color:#fff !important;
}
.page_accueil .div-valorison_details{
    display:none !important;
}
.page_details .div-valorison_accueils,.page_opportunites .div-valorison_accueils {
    display:none !important;
}
.page_accueil .logo_les_societes{
    display:none !important;
}



#divopportcarrier{display:none!important;}
/*recherche*/
#nav_recherche_col_avancer .select2-results__options li{
    list-style:none;
}
#nav_recherche_col_avancer ul li.dropdown a:hover, #nav_recherche_col_avancer ul li.dropdown a:focus {
    text-decoration: none;
    background-color:var(--color_blue_principal);
    border-radius: 30px;
}
#nav_recherche_avancer ul li.dropdown a:hover,#nav_recherche_avancer ul li.dropdown a:focus {
    text-decoration: none;
    background-color:var(--color_blue_principal);
    border-radius: 30px;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{
    background-color:var(--color_dark_blue_principal)!important;
    color:#fff;
}
.select2-container--krajee .select2-dropdown{
    border-color:#ccc!important;
}
.div-somaire, body.page-eframe #job_search_pjax .wrap_recherche{
    font-family:"Montserrat",sans-serif!important;}

#open_select2_localisation, #open_select2_departement, #open_select2_role{
    color : #fff;
    background-color : #169FDB;
    text-align : center !important ;
    font-size : 18px !important ;
    min-height : unset !important ;
    padding-bottom : 10px !important ;
    border-radius: 30px;

}
#nav_recherche_col_avancer ul.nav li:first-child {
    margin-bottom : 10px !important ;

}
#nav_recherche_avancer ul.nav li:first-child {
    margin-bottom : 10px !important ;

}

li.select2-results__option{
    list-style: none!important;
    padding: 6px;
}
.container-iframe_ajax .btn.btn-primary{
    opacity:1!important;
    border-radius:3px;
    font-weight:bold;
    background-color: var( --color_blue_principal);
    border:1px solid  var( --color_blue_principal);
}
.u-footer {
    background-color: var( --color_blue_principal);
    font-family: 'Montserrat', sans-serif;
}
.u-footer .ville_title{
    color:  var( --color_dark_blue_principal);
    text-transform: uppercase;
    margin-bottom: 0;
}
.u-footer .ville_detail{
    color:  var( --color_white_principal);
}

.page_opportunites div.carrousel_mainimg{

}
/*.accueil-section-1-mobil.hidden_xl,
.accueil-section-1-mobil.hidden_sm,
.accueil-section-1-mobil.hidden_md,
.accueil-section-1-mobil.hidden_lg,.accueil-section-1-normal.hidden_xs{
    display:none;
}*/

/*.accueil-section-13 .hidden_lg,
.accueil-section-13 .hidden_xl,
.accueil-section-13 .hidden_lg,
.accueil-section-13 .hidden_md,
.accueil-section-13 .hidden_xs{
    display:none;
}*/


.div-resumen a{
    color:var(--color_dark_blue_principal);
    text-decoration: none;
    font-weight: 600;
}

.div-resumen a:hover,.div-resumen a:active,.div-resumen a:focus{

    text-decoration: none;
    color:var(--color_blue_principal)

}




@media only screen and (min-width: 1846px) {
    .page_accueil div.imgbanner{
        height: 100vh;

    }
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/Carrousel_header_Accueil01.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/Carrousel_header_Accueil01.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media (min-width: 1551px) and (max-width: 1845px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial2.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        /*width:100%;*/
        background-position: 50% 50% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;
        background-position: 50% 50% !important;
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media (min-width: 1366px) and (max-width: 1550px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial2.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        /*width:100%*/
        background-position: 60% 50% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media (min-width: 1200px) and (max-width: 1365px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial2.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        /*width:100%*/
        background-position: 85% 50% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media (min-width: 992px) and (max-width: 1199px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial2.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        /* width:100%;*/
        background-position: 80% 50% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media (min-width: 768px) and (max-width: 991px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/Carrousel_header_Accueil01.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        background-position: 80% 50% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media (min-width: 576px) and (max-width: 767px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial2.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        background-position: 80% 50% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media (min-width: 365px) and (max-width: 575px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial2.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        background-position: 80% 50% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}
@media only screen and (max-width: 364px){
    .page_accueil div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial2.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:100vh;/*You must set a specified height */
        background-position: 80% 80% !important; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
    .page_opportunites div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}

    .page_details div.carrousel_mainimg{
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/initial_detail.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height:960px;/*You must set a specified height */
        width:100%;background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: cover; /* Resize the background image to cover the entire container */}
}

/*candidature spontanee*/
.container-iframe_ajax .btn.btn-primary{
    width:100%;
    height:46px;
    font-size: 16px;
    line-height: 1;padding: 13px 20px;
}
.container-iframe_ajax .btn.btn-primary:hover{
    background-color:var( --color_dark_blue_principal) !important;
    color: #ffffff!important;
    border:1px solid var( --color_dark_blue_principal);
}
/*.div-candspontanee{background-color:#169FDB;}*/
@media only screen and (max-width: 364px){
    .candidature-spontanee-section{
        padding:0!important;
    }
    .candidature-spontanee-section{
        padding-top:30px!important;
    }
    .div-candspontanee{
        width:100%;
        margin: auto;
    }
}
@media only screen and (min-width: 365px) and (max-width: 599px){
    .candidature-spontanee-section{
        padding:0!important;
    }
    .candidature-spontanee-section{
        padding-top:30px!important;}
    .div-candspontanee{
        width:100%;margin: auto;
    }
}
@media only screen and (min-width: 600px) and (max-width: 991px){
    .candidature-spontanee-section{
        padding-top:30px!important;
    }
    .div-candspontanee{
        width:60%;
        margin: auto;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .candidature-spontanee-section{
        padding-top:30px!important;}
    .div-candspontanee{
        width:40%;
        margin: auto;}
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
    .candidature-spontanee-section{
        padding-top:30px!important;}
    .div-candspontanee{
        width:40%;
        margin: auto;}
}
@media only screen and (min-width: 1366px) and (max-width: 1550px){
    .candidature-spontanee-section{
        padding-top:30px!important;
    }
    .div-candspontanee{
        width:40%;
        margin: auto;}
}
@media only screen and (min-width: 1551px) and (max-width: 1845px) {
    .candidature-spontanee-section{padding-top:30px!important;}
    .div-candspontanee{width:40%;margin: auto;}
}
@media only screen and (min-width: 1846px) {
    .candidature-spontanee-section{
        padding-top:30px!important;
    }
    .div-candspontanee{
        width:40%;
        margin: auto;
        /*background-color:#169FDB;*/
    }
}/*container*/
@media only screen and (max-width: 364px){
    .container{padding:0!important;}
}
@media only screen and (min-width: 365px) and (max-width: 599px){
    .container{padding:0!important;}
}
@media only screen and (min-width: 600px) and (max-width: 991px){}
@media only screen and (min-width: 992px) and (max-width: 1199px){}
@media only screen and (min-width: 1200px) and (max-width: 1365px){}
@media only screen and (min-width: 1366px) and (max-width: 1550px){}
@media only screen and (min-width: 1551px) and (max-width: 1845px) {}
@media only screen and (min-width: 1846px) {}
/*template*/
.titletous {font-size: 18px;}
@media only screen and (max-width: 364px){.titletous {font-size: 18px;}
}
@media only screen and (min-width: 365px) and (max-width: 599px){
    .titletous {font-size: 18px;}
}
@media only screen and (min-width: 600px) and (max-width: 991px){
    .titletous {font-size: 18px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){}
@media only screen and (min-width: 1200px) and (max-width: 1365px){}
@media only screen and (min-width: 1366px) and (max-width: 1550px){}
@media only screen and (min-width: 1551px) and (max-width: 1845px) {}
@media only screen and (min-width: 1846px) {}
/*title ville*/
@media only screen and (max-width: 364px){
    .titleville p{
        padding-left:0!important;
        color:#2DAAE1;
        font: 500 22px/120% "Montserrat",sans-serif;
    }
}
@media only screen and (min-width: 365px) and (max-width: 599px){
    .titleville p{
        padding-left:0!important;
        color:#2DAAE1;
        font: 500 22px/120% "Montserrat",sans-serif;
    }
}
@media only screen and (min-width: 600px) and (max-width: 991px){
    .div-somaire{
        padding-left:30px!important;
    }
    .titleville {padding-left:15px !important;}
    .titleville p{
        padding-left:0!important;
        color:#2DAAE1;
        font: 500 24px/120% "Montserrat",sans-serif;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .div-somaire{
        padding-left:30px!important;
    }
    .titleville {padding-left:15px !important;}
    .titleville p{
        padding-left:10px!important;
        color:#2DAAE1;
        font: 500 26px/120% "Montserrat",sans-serif;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
    .div-somaire{
        padding-left:40px!important;
    }
    .titleville p{
        padding-left:40px!important;
        color:#2DAAE1;
        font: 500 26px/120% "Montserrat",sans-serif;
    }
}
@media only screen and (min-width: 1366px) and (max-width: 1550px){
    .div-somaire{
        padding-left:40px!important;
    }
    .titleville p{
        padding-left:40px!important;
        color:#2DAAE1;
        font: 500 30px/120% "Montserrat",sans-serif;
    }
}
@media only screen and (min-width: 1551px) and (max-width: 1845px) {
    .div-somaire{
        padding-left:80px!important;
    }
    .titleville p{
        padding-left:40px!important;
        color:#2DAAE1;
        font: 500 30px/120% "Montserrat",sans-serif;
    }
}
@media only screen and (min-width: 1846px) {
    .div-somaire{
        padding-left:80px!important;
    }
    .titleville p{
        padding-left:40px!important;
        color:#2DAAE1;
        font: 500 30px/120% "Montserrat",sans-serif;
    }
}
/*plus de details*//*template*/
@media only screen and (max-width: 364px){}
@media only screen and (min-width: 365px) and (max-width: 599px){}
@media only screen and (min-width: 600px) and (max-width: 991px){
    .div-goto_job{text-align:center;padding-left:180px!important;}}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .div-goto_job{text-align:center;padding-left:180px!important;}
    .wrap_recherche_iframe{padding-left:18px;}
    #job_search_pjax{width: 100%;margin:auto;}
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
    .div-goto_job{text-align:center;padding-left:180px!important;}
    .wrap_recherche_iframe{padding-left:18px;}
    #job_search_pjax{width: 100%;margin:auto;}
}
@media only screen and (min-width: 1366px) and (max-width: 1550px){
    .div-goto_job{text-align:center;padding-left:180px!important;}
    .wrap_recherche_iframe{padding-left:0;}
    #job_search_pjax{width: 100%;margin:auto;}
}
@media only screen and (min-width: 1551px) and (max-width: 1845px) {
    .div-goto_job{text-align:center;padding-left:180px!important;}
    .wrap_recherche_iframe{padding-left:0;}
    #job_search_pjax{width: 100%;margin:auto;}
}
@media only screen and (min-width: 1846px) {
    .div-goto_job{
        text-align:center;
        padding-left:150px!important;
    }
    #companies-block h3{
        padding-left:15px;
    }
    #job_search_pjax{
        width: 100%;
        margin:auto;
    }
}
.page_opportunites .section_all_jobs{display:none;}
/*color pour opportunite*/
.job-resume .resume-prof-title a{
    color:#000000;
    font-family:"Roboto",sans-serif;}
#companies-block h3{
    font: 700 30px/120% "Montserrat",sans-serif;
    margin-bottom: 20px;
    color: #2DAAE1;
}
/*general opportunites*/
.page_opportunites .container-iframe_ajax li.card.job-resume{
    border:unset!important;
}
.separatorjobs, .separatorjobs_mobil{
    width:100%!important;
    margin-right: 0px!important;
}
.page_opportunites .job-resume{
    padding-left:0!important;
    /* padding-top: 6vh;*/
}
/*detail*//*template*/
@media only screen and (max-width: 364px){.div-btn-post{padding:0px;}
    .container-iframe_ajax .section_retouralljobs {
        padding: 15px 12px 5px 0;
    }
    div.prof-title{
        padding:0px!important;
        margin-top:30px;
    }
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;
        position: absolute;
        right:200px;
        top:36px;width: 50px;
    }
    .wrap-btn-postule a.btn{width:100%!important;opacity:1;
        height:35px!important;padding:7px!important;}
    li.card.job-resume .col-sommaire.col-sommaire-nologo, .container-iframe_ajax li.card.job-resume{
        border-top:unset!important;
    }
    .page_details .job-resume{
        border:unset!important;
    }
    .separatorjobs, .separatorjobs_mobil {
        width: 92%!important;
        margin-right: 15px!important;
    }
}@media only screen and (min-width: 365px) and (max-width: 599px){
    .div-btn-post{padding:0px;}
    .container-iframe_ajax .section_retouralljobs {
        padding: 15px 12px 5px 0;
    }
    div.prof-title{
        padding:0px!important;
        margin-top:30px;
    }
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;
        position: absolute;
        right:200px;
        top:36px;
        width: 50px;}
    .wrap-btn-postule a.btn{
        width:100%!important;
        opacity:1;
        height:35px!important;
        padding:7px!important;
    }
    li.card.job-resume .col-sommaire.col-sommaire-nologo, .container-iframe_ajax li.card.job-resume{
        border-top:unset!important;
    }
    .page_details .job-resume{
        border:unset!important;
    }
    .separatorjobs, .separatorjobs_mobil {
        width: 92%!important;
        margin-right: 15px!important;}
}
@media only screen and (min-width: 600px) and (max-width: 991px){.div-btn-post{padding:0px;}
    .container-iframe_ajax .section_retouralljobs {padding: 15px 12px 5px 0;}
    div.prof-title{padding:0px!important;margin-top:30px;}
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;
        position: absolute;
        right:200px;
        top:36px;
        width: 50px;}
    .wrap-btn-postule a.btn{
        width:100%!important;
        opacity:1;
        height:35px!important;
        padding:7px!important;
    }
    li.card.job-resume .col-sommaire.col-sommaire-nologo, .container-iframe_ajax li.card.job-resume{
        border-top:unset!important;}
    /*li.card.job-resume .col-sommaire.col-sommaire-nologo, .container-iframe_ajax li.card.job-resume{border:unset!important;}*/
    .page_details .job-resume{
        border:unset!important;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .container-iframe_ajax .section_retouralljobs {
        padding: 15px 12px 5px 0;}
    div.prof-title{
        padding-right:5px!important;}
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;
        position: absolute;
        right:180px;
        top:41px;
        width: 50px;
    }
    .wrap-btn-postule a.btn{
        width:100%!important;
        opacity:1;
        height:35px!important;
        padding:7px!important;}
    .page_details .job-resume{
        border:unset!important;
    }
    .separatorjobs_mobil{
        display:none!important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px){
    .container-iframe_ajax .section_retouralljobs {
        padding: 15px 10px 5px 0;
    }
    div.prof-title{
        padding-right:5px!important;
    }
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;
        position: absolute;
        right: 180px;
        top:42px;
        width: 50px;}
    .wrap-btn-postule a.btn{
        width:100%!important;
        opacity:1;
        height:35px!important;
        padding:7px!important;
    }
    .page_details .job-resume{
        border:unset!important;}
    .separatorjobs_mobil{
        display:none!important;
    }
}
@media only screen and (min-width: 1366px) and (max-width: 1550px){
    .container-iframe_ajax .section_retouralljobs {padding: 15px 10px 5px 0;}
    div.prof-title{padding-right:5px!important;}
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;position: absolute;
        right: 180px;
        top:42px;
        width: 50px;
    }
    .wrap-btn-postule a.btn{
        width:100%!important;
        opacity:1;
        height:35px!important;
        padding:7px!important;}
    .page_details .job-resume{
        border:unset!important;
    }
    .separatorjobs_mobil{
        display:none!important;
    }
}
@media only screen and (min-width: 1551px) and (max-width: 1845px) {
    .container-iframe_ajax .section_retouralljobs {
        padding: 15px 10px 5px 0;}
    div.prof-title{
        padding-right:5px!important;
    }
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;
        position: absolute;
        right: 180px;
        top:42px;
        width: 50px;}
    .wrap-btn-postule a.btn{
        width:100%!important;
        opacity:1;
        height:35px!important;
        padding:7px!important;}
    .page_details .job-resume{
        border:unset!important;
    }
    .separatorjobs_mobil{
        display:none!important;
    }
}
@media only screen and (min-width: 1846px) {
    .container-iframe_ajax .section_retouralljobs {
        padding: 15px 10px 5px 0;}
    div.prof-title{padding-right:5px!important;}
    .retouralljobs:before{
        background-image: url(https://usermedia-mynjobs.com/media/img_public/flechaizq_blue.svg);content: '';
        height: 15px;
        position: absolute;
        right:180px;
        top:42px;
        width: 50px;
    }
    .wrap-btn-postule a.btn{
        width:100%!important;
        opacity:1;height:35px!important;
        padding:7px!important;}
    .page_details .job-resume{
        border:unset!important;
    }
    .separatorjobs_mobil{
        display:none!important;
    }
}
/*generals page details*/

.page_details .list_box_advantages .u-repeater.u-repeater-1{
    grid-template-columns: calc(100%);
    grid-gap: 10px 10px;
    padding-left: 30px;
}
.list_box_advantages{
    margin-top:30px ;
}
.list_box_advantages .avantages_icons{
    width: auto;
    height: 30px;
}
.div_text_resume .avantages_icons{
    width: auto;
    height: 30px;
}

.list_box_advantages .text_avantages_box{
    width: 90%;
    margin: 3px auto 0 auto;
    padding-left: 10px;
}
.list_box_advantages .text_avantages_box_without_icon{
    width: 90%;
    margin: 3px auto 0 auto;
    padding-left: 10px;
}

.list_box_advantages p.p_avantages{
    margin-top: 0;
    margin-bottom: 0;
    line-height: normal;
    width: 40px;
}
@media only screen and (max-width: 1399px){
    .page_details .list_box_advantages .u-repeater.u-repeater-1{
        padding-left: 15px;
    }
    .list_box_advantages{
        margin-top:30px ;
    }
    .list_box_advantages .avantages_icons{
        width: auto;
        height: 28px;
    }
    .div_text_resume .avantages_icons{
        width: auto;
        height: 28px;
    }

    .list_box_advantages .text_avantages_box{
        width: 90%;
        margin: 3px auto 0 auto;
        padding-left: 10px;
    }
    .list_box_advantages .text_avantages_box_without_icon{
        width: 90%;
        margin: 3px auto 0 auto;
        padding-left: 10px;
    }

    .list_box_advantages p.p_avantages{
        margin-top: 0;
        margin-bottom: 0;
        line-height: normal;
        width: 40px;
    }
}
@media only screen and (max-width: 991px){
    .page_details .list_box_advantages .u-repeater.u-repeater-1{
        padding-left: 15px;
    }
    .list_box_advantages{
        margin-top:30px ;
    }
    .list_box_advantages .avantages_icons{
        width: auto;
        height: 28px;
    }
    .div_text_resume .avantages_icons{
        width: auto;
        height: 28px;
    }

    .list_box_advantages .text_avantages_box{
        width: 90%;
        margin: 3px auto 0 auto;
        padding-left: 10px;
    }
    .list_box_advantages .text_avantages_box_without_icon{
        width: 90%;
        margin: 3px auto 0 auto;
        padding-left: 10px;
    }

    .list_box_advantages p.p_avantages{
        margin-top: 0;
        margin-bottom: 0;
        line-height: normal;
        width: 40px;
    }
}


li.card.job-resume .company-list-location{
    color:#353535!important;font-weight:400!important;}
.jobpostes{font-weight:400!important;}
.retouralljobs{color:#000000!important;}
.job-resume .resume-prof-title{
    font: 700 30px/120% "Montserrat",sans-serif;
    color: #2DAAE1;
}
.container-iframe_ajax .card{
    box-shadow:unset!important;
}
.container-iframe_ajax .job-view.container-fluid > .row li.card.job-resume{
    border:unset!important;
}
.page_details .section_all_jobs,.page_details .candidature-spontanee-section, .page_details .wrap_recherche_iframe{
    /* display:none!important;*/
}
/*li.card.job-resume .col-sommaire.col-sommaire-nologo, .container-iframe_ajax li.card.job-resume{border:unset!important;}*/
.section_retouralljobs_bottom{
    display:none!important;
}
.wrap-btn-postule a.btn{
    width:100%!important;
    background-color:#F59C00;
    opacity:1;height:35px!important;
    color:white;border:none!important;
}
div.wrap-btn-postule a.btn:hover{
    background-color:var( --color_dark_blue_principal) !important;
    border:1px solid  var( --color_dark_blue_principal) ;
}
.page-eframe .page_heberger{
    background-color:#fff!important;
}
/* Accueil */

/* accueil-section-2 */
.accueil-section-1 .valorison{
    color: var(--color_white_principal);
}
.accueil-section-1 .text-alert-emploi{
    color: var(--color_white_principal);
}

.accueil-section-2 .u-text-1{
    color:var( --color_blue_principal) !important;
    line-height:1;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}
.accueil-section-2 .u-text-2,
.accueil-section-2 .u-text-3,
.accueil-section-2 .u-text-4{
    color:var( --color_dark_blue_principal) !important;
    line-height: 36px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}
.accueil-section-2 .u-text-5{
    color:var( --color_dark_blue_principal) !important;
    line-height: 1.3;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}
.accueil-section-1 .title-valorison {
    font-weight: 600;
}

.accueil-section-1 .div_accueil_lbl_alert_emploi{
    background-color: var(--color_button_orange_principal) ;
    border-radius: 0 0 30px 30px;;
}

.accueil-section-1 .btn_accueil_postulez{
    position: fixed;
}
.accueil-section-1 .div_accueil_lbl_alert_emploi{

    z-index: 1000;
}
.modalalertemlpoi .modal-content{
    background-color: #ffffff70;
    background-image: linear-gradient(rgba(0, 60, 101, 0.6), rgba(51,51,51,0.5));
}
.modalalertemlpoi .modal-dialog{
    position: absolute;
    top: 0;
    right: 20px;
}
.field-job_alert-username input[type=text]{
    background-color: #fff !important;
}
.field-job_alert-frequency label, .field-job_alert-location_id label, .field-job_alert-departement_id label{
    color:#fff;
}

.div_alert_emploi_carrousel{
    background-image: linear-gradient(rgba(0, 60, 101, 0.40), rgba(51,51,51,0.33));
    z-index: 1500;
}
.div_content_alert .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{
    min-width: 280px;
}
.modalalertemlpoi .close{
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.8;
    display: none;
}
.job_alert  label{
    color:#fff;
}
.btn_job_alert span{
    color:#fff;
    background-image: linear-gradient(rgba(0, 60, 101, 0.66), rgba(51,51,51,0.33));
    background-color: var(--color_blue_principal);
    border-radius: 25px;
    padding: 12px 50px;

}
.field-job_alert-username label{
    color:#fff !important;
}
.multiselect-selected-text{
    text-align: left !important;
}

@media only screen and (min-width: 1920px){
    .accueil-section-1-mobil{display: none;}

    .accueil-section-2 .u-container-layout-1{
        padding: 150px 100px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 150px 325px 100px 100px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-xl-font-size);
        line-height: 50px;
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-xl-font-size);
        line-height: 50px;
    }
    .accueil-section-2 .u-text-5{
        font-size: 20px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute; top: 55%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-xl-font-size);
        line-height: 65px;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-xl-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }

    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-xl-font-size);
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-xl-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:110px;
    }
    .accueil-section-1 .btn_accueil_postulez{
        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 120px;
        z-index: 1800;
    }

}
@media (min-width: 1846px) and (max-width: 1919px){
    .accueil-section-1-mobil{display: none;}
    .accueil-section-2 .u-container-layout-1{
        padding: 150px 100px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 150px 325px 100px 100px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-xl-font-size);
        line-height: 50px;
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-xl-font-size);
        line-height: 50px;
    }
    .accueil-section-2 .u-text-5{
        font-size: 20px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute; top: 55%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-xl-font-size);
        line-height: 65px;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-xl-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-xl-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:100px;
    }
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 120px;
        z-index: 1800;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-1-mobil{display: none;}
    .accueil-section-2 .u-container-layout-1{
        padding: 100px 100px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 100px 200px 100px 100px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-lg-font-size);
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-lg-font-size);
    }
    .accueil-section-2 .u-text-5{
        font-size: 20px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute; top: 55%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-lg-font-size);
        line-height: 55px;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-lg-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-lg-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:100px;
    }
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);
        width: 120px;
        z-index: 1800;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .accueil-section-1-mobil{display: none;}
    .accueil-section-2 .u-container-layout-1{
        padding:100px 60px 100px 80px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 100px 90px 100px 70px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-2 .u-text-5{
        font-size: 20px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute; top: 55%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-md-font-size);
        line-height: 45px;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-md-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-md-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:90px;
    }
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 110px;
        z-index: 1800;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-1-mobil{display: none;}
    .accueil-section-2 .u-container-layout-1{
        padding: 100px 70px 100px 60px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding:100px 90px 100px 50px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-md-font-size);
        line-height: 28px;
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-2 .u-text-5{
        font-size: 18px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute;
        top: 55%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-md-font-size);
        line-height: 45px;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-md-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-md-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:85px;
    }
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 110px;
        z-index: 1800;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-1-mobil{display: none;}
    .accueil-section-2 .u-container-layout-1{
        padding: 120px 30px 0 90px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 120px 40px 30px 35px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-sm-font-size);
        line-height: 28px;
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-sm-font-size);
        line-height: 28px;
    }
    .accueil-section-2 .u-text-5{
        font-size: 16px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute; top: 55%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-sm-font-size);
        line-height: 45px;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-sm-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-sm-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:100px;
    }
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 100px;
        z-index: 1800;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-1-mobil{display: none;}
    .accueil-section-2 .u-sheet {
        width: 96% !important;
        margin: auto;
    }
    .accueil-section-2 .u-container-layout-1{
        padding: 100px 0px 20px 30px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 60px 20px 0 10px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-2 .u-text-5{
        font-size: 18px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute; top: 55%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-sm-font-size);
        line-height: 45px;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-sm-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-sm-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        /*        height: 70px;
                width: 140px;
                text-align: center;
                position: absolute;
                padding-top: 10px;
                top:0;
                right:100px;*/
        display:none;
    }
    .accueil-section-1 .btn_accueil_postulez{
        display:none;
        /* bottom: 0.8%;
         right: 2%;
         transform: translate(-50%, -50%);
         width: 70px;
         z-index: 1800;*/
    }
    .accueil-section-1 .cont_btn_accueil_postulez{
        display:none;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-1-mobil{display: none;}
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .accueil-section-2 .u-container-layout-1{
        padding: 100px 0 0 30px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 50px 40px 0 40px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-2 .u-text-5{
        font-size: 18px;
    }
    .accueil-section-1 .div-valorison{
        position: absolute; top: 50%; left: 40%;  transform: translate(-50%, -50%);
    }
    .accueil-section-1 .title-valorison{
        font-size: var(--text60-sm-font-size);
        line-height: 30px;
        font-weight: bold;
    }
    .accueil-section-1 .text-valorison {
        font-size: var(--text25-sm-font-size);
    }
    .accueil-section-1 .text-valorison-1{
        margin-top: 15px;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-sm-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 60px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:200px;
    }
    .div_accueil_lbl_alert_emploi{display: none}
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 60px;
        z-index: 1800;
    }
    .accueil-section-1 .cont_btn_accueil_postulez{
        display:none;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-1-normal{display: none;}
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .accueil-section-1-mobil{display: block}
    .accueil-section-2 .u-container-layout-1{
        padding: 100px 0 0 30px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 50px 20px 50px 30px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-xs-font-size);
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-xs-font-size);
    }
    .accueil-section-2 .u-text-5{
        font-size: 14px;
    }
    .accueil-section-1-mobil .div-valorison_mobil{
        position: absolute; top: 70%; left: 32%;  transform: translate(-50%, -50%);
        padding-left: 30px;

    }
    .accueil-section-1-mobil .div-valorison_mobil .title-valorison{
        font-size: var(--text60-xs-font-size);
        line-height: 45px;
        color:#fff;
        font-weight: bold;
    }
    .accueil-section-1-mobil .div-valorison_mobil .text-valorison {
        font-size: var(--text25-xs-font-size);
        color:#fff;
    }
    .accueil-section-1-mobil .div-valorison_mobil .text-valorison-1{
        margin-top: 15px;
        color:#fff;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-xs-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:100px;
    }
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 60px;
        z-index: 1800;
    }
    .accueil-section-1 .cont_btn_accueil_postulez{
        display:none;
    }

    .modalalertemlpoi .modal-dialog{
        position: absolute;
        top: 0;
        right: 5px;

    }
}
@media only screen and (max-width: 364px){
    .accueil-section-1-normal{display: none;}

    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .accueil-section-1-mobil{display: block}
    .accueil-section-2 .u-container-layout-1{
        padding: 100px 0 0 30px;
    }
    .accueil-section-2 .u-container-layout-2{
        padding: 50px 20px 50px 30px;
    }
    .accueil-section-2 .u-text-1{
        font-size: var( --title7-xs-font-size);
    }
    .accueil-section-2 .u-text-2,
    .accueil-section-2 .u-text-3,
    .accueil-section-2 .u-text-4{
        font-size: var( --title7-xs-font-size);
    }
    .accueil-section-2 .u-text-5{
        font-size: 16px;
    }
    .accueil-section-1-mobil .div-valorison_mobil{
        position: absolute; top: 70%; left: 32%;  transform: translate(-50%, -50%);
        padding-left: 30px;
    }
    .accueil-section-1-mobil .div-valorison_mobil .title-valorison{
        font-size: var(--text60-xs-font-size);
        line-height: 45px;
        color:#fff;
        font-weight: bold;
    }
    .accueil-section-1-mobil .div-valorison_mobil .text-valorison {
        font-size: var(--text25-xs-font-size);
        color:#fff;
    }
    .accueil-section-1-mobil .div-valorison_mobil .text-valorison-1{
        margin-top: 15px;
        color:#fff;
    }
    .accueil-section-1 p.text-alert-emploi{
        font-size: var(--text12-xs-font-size);
    }
    .accueil-section-1 .div_accueil_lbl_alert_emploi{
        height: 70px;
        width: 140px;
        text-align: center;
        position: absolute;
        padding-top: 10px;
        top:0;
        right:100px;
    }
    .accueil-section-1 .btn_accueil_postulez{

        bottom: 0.8%;
        right: 2%;
        transform: translate(-50%, -50%);width: 60px;
        z-index: 1800;
    }
    .accueil-section-1 .cont_btn_accueil_postulez{
        display:none;
    }
    .modalalertemlpoi .modal-dialog{
        position: absolute;
        top: 0;
        left: 5px;

    }
}

/* accueil-section-3 */


.accueil-section-3
{
    background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/derniers_postes.png"); /* The image used */
    background-color: #ffffff; /* Used if the image is unavailable */
    /* height:1250px;*//*You must set a specified height */
    width:100%;
    object-position: 0% 50%;
    background-position: 0% 0%;
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    padding-bottom: 80px;

}

.accueil-section-3 .u-text-1{
    color:var( --color_dark_blue_principal) !important;
    line-height:1;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}
.accueil-section-3 .u-text-2{
    color:var( --color_blue_principal) !important;
    line-height:1;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}

.accueil-section-3 .sommaire_title_ville{
    color:var( --color_blue_principal) !important;
    font-weight: 400;
    line-height:22px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.accueil-section-3 .sommaire_titleposte{
    color:var( --color_dark_blue_principal) !important;
}
.accueil-section-3 .sommaire_title_categorie{
    color:var( --color_dark_blue_principal) !important;
    line-height:1;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.accueil-section-3 .btn_sommaire_gotojob{
    color: var( --color_white_principal) !important;
    background-color: var( --button_blue) !important;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
}
.accueil-section-3 .sommaire_description{
    color:var( --color_dark_blue_principal) !important;

}
@media only screen and (min-width: 1920px){

    .accueil-section-3 .u-repeater.u-repeater_count_4{
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 10px 10px;
    }
    .accueil-section-3 .u-repeater.u-repeater_count_3{
        display: grid;
        grid-template-columns: repeat(3, 33.333333%) !important;
    }
    .accueil-section-3 .u-repeater.u-repeater_count_2{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .accueil-section-3 .u-repeater.u-repeater_count_1{
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 200px 120px 120px;
    }
    .accueil-section-3 .u-text{margin:auto}
    .accueil-section-3 .u-text.u-text-nos-opportintes{float: right; margin-left: 50%;margin-top: 150px}

    .accueil-section-3 .u-text-1{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-3 .sommaire_title_ville{
        font-size:var( --title18-xl-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 .sommaire_titleposte{
        height: 70px;
        font-size:var( --sommaire_titleposte-xl-font-size) ;
        line-height: 32px;
    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-xl-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
        min-height: 140px;
        max-width: 450px;
        padding-bottom: 30px;
    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
        margin-top: 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 80px  !important;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }

}
@media (min-width: 1846px) and (max-width: 1919px){
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 10px 10px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 200px 120px 120px;
    }

    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin-left: 50%;}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-xl-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 70px;
        font-size:var( --sommaire_titleposte-xl-font-size) ;
        line-height: 32px;
    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-xl-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
        height: 180px;
        max-width: 450px;
        padding-bottom: 30px;
    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 80px  !important;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 10px 10px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 200px 120px 120px;
    }
    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin-left: 50%}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-xl-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 70px;
        font-size:var( --sommaire_titleposte-xl-font-size) ;
        line-height: 30px;

    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-lg-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
        height: 180px;
        padding-bottom: 30px;
        max-width: 450px;

    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 20px !important;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .accueil-section-3{
        padding-bottom:80px ;
    }
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 10px 10px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 120px 120px 80px;
    }
    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin-left: 50%}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-lg-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-lg-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 70px;
        font-size:var( --sommaire_titleposte-lg-font-size) ;
        line-height: 28px;


    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-lg-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
        height: 180px;
        padding-bottom: 30px;
        max-width: 450px;
    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 20px !important;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 10px 10px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 80px 120px 60px;
    }
    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin-left: 50%;}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-md-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 70px;
        font-size:var( --sommaire_titleposte-md-font-size) ;
        line-height: 28px;

    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-md-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
        height: 180px;
        padding-bottom: 30px;
        max-width: 450px;
    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 20px !important;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4,25%) !important;
        /*    grid-gap: 10px 10px;*/
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 20px 120px 30px;
    }
    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin-left: 50%}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-md-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 70px;
        font-size:var( --sommaire_titleposte-sm-font-size) ;
        line-height:30px ;

    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-sm-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
        height: 180px;
        padding-bottom: 30px;
        max-width: 450px;
    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 20px !important;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }
}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-3 .u-sheet {
        width: 96% !important;
    }

    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
        grid-gap: 70px 30px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 30px 120px 30px;
    }
    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin-left: 50%}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-sm-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 30px;
        font-size:var( --sommaire_titleposte-sm-font-size) ;
        line-height:24px ;

    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-sm-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{

        max-width: 450px;
        height: 160px;
        padding-bottom: 30px;

    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 50px !important;
        padding-right: 50px;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }
}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-3 .u-sheet {
        width: 96% !important;
    }
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
        grid-gap: 70px 30px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 250px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 40px 80px 10px;
    }
    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin:0 auto 50px auto;}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-sm-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 30px;
        font-size:var( --sommaire_titleposte-sm-font-size) ;
        line-height:24px ;

    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-sm-font-size) ;

    }
    .accueil-section-3 .u-container-layout{
        padding-bottom: 30px;
    }
    .accueil-section-3 .dernier_post_item{
        height: 180px;
        padding-bottom: 30px;
        max-width: 450px;

    }

    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
        margin-bottom: 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 50px !important;
    }
    .accueil-section-3 .u-repeater-item_2{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_3{ border-left: #174066 solid 2px }
    .accueil-section-3 .u-repeater-item_4{ border-left: #174066 solid 2px }
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-3 .u-sheet {
        width: 96% !important;
    }
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
        grid-gap: 70px 30px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 180px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 40px 120px 10px;
    }
    .accueil-section-3 .u-text{margin: auto;}
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin:0 auto 10px auto;}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-sm-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 30px;
        font-size:var( --sommaire_titleposte-sm-font-size) ;
        line-height:24px ;

    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-sm-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
       height: auto;
        padding-bottom: 40px;
        max-width: 340px;
    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 50px !important;
    }
    /*   .accueil-section-3 .u-repeater-item_1{ padding-bottom:20px;border-bottom: #174066 solid 2px }
       .accueil-section-3 .u-repeater-item_2{ padding-bottom:20px;border-bottom: #174066 solid 2px }
       .accueil-section-3 .u-repeater-item_3{ padding-bottom:20px;border-bottom: #174066 solid 2px }
       .accueil-section-3 .u-repeater-item_4{padding-bottom:20px;border-bottom: #174066 solid 2px }*/
}
@media only screen and (max-width: 364px){
    .accueil-section-3 .u-sheet {
        width: 96% !important;
    }
    .accueil-section-3 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
        grid-gap: 70px 30px;
    }
    .accueil-section-3 .u-list-1{
        padding-top: 40px;
    }
    .accueil-section-3 .u-repeater-1{
        padding: 100px 40px 120px 10px;
    }
    .accueil-section-3 .u-text.lbl_dernier_postes{
        margin-left: 30px;
    }
    .accueil-section-3 .u-text.u-text-nos-opportintes{margin:auto;}
    .accueil-section-3 .u-text-1{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 .u-text-2{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-3 p.sommaire_title_ville{
        font-size:var( --title18-sm-font-size) ;
        line-height: 22px;
    }
    .accueil-section-3 p.sommaire_titleposte{
        height: 30px;
        font-size:var( --sommaire_titleposte-sm-font-size) ;
        line-height:24px ;

    }
    .accueil-section-3 .sommaire_description{
        font-size:var( --sommaire_description-sm-font-size) ;

    }
    .accueil-section-3 .dernier_post_item{
        height: auto;
        max-width: 340px;
        padding-bottom: 40px;
    }
    .accueil-section-3 .btn_sommaire_gotojob{
        padding: 10px 40px;
    }
    .accueil-section-3  .dernier_post{
        padding-left: 50px !important;
    }
    /*    .accueil-section-3 .u-repeater-item_1{ padding-bottom:20px;border-bottom: #174066 solid 2px }
        .accueil-section-3 .u-repeater-item_2{ padding-bottom:20px;border-bottom: #174066 solid 2px }
        .accueil-section-3 .u-repeater-item_3{ padding-bottom:20px;border-bottom: #174066 solid 2px }
        .accueil-section-3 .u-repeater-item_4{padding-bottom:20px;border-bottom: #174066 solid 2px }*/
}



/*  u-section-5 */

.u-section-5{
    background-color: var( --color_dark_blue_principal) !important;
}
.accueil-section-5 .btn_candidature_spontanee{
    border-radius: 25px;
    background-color: var( --button_blue) !important;
    padding: 10px 30px;
    margin: auto;
    position: relative;
    /*  margin-top: -120px;*/
    color:var(--color_white_principal) !important;
    text-decoration: none;
    font-weight: 600;
}
.accueil-section-5 .categories_name{
    color: var( --color_white_principal) !important;
}

.accueil-section-5 .container-link-groups{
    display:flex;
    border-bottom: solid #fff 1px;
}
.accueil-section-5 .container-link-groups .goto_groupe.nomposte.item-1,.accueil-section-5 .container-link-groups .goto_tous.nomposte.item-1{
    width:80%;
}
.accueil-section-5 .container-link-groups .goto_groupe.nomposte.item-2,.accueil-section-5 .container-link-groups .goto_tous.nomposte.item-2{
    padding-top: 32px;
}
.accueil-section-5 .div-container-groups >:last-child{
    border-bottom: none !important;
}
@media only screen and (min-width: 1920px){

    .accueil-section-5 {
        padding-bottom: 100px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /*  grid-gap: 10px 10px;*/
        height: 700px;
    }
    .accueil-section-5 .img_nous_opportunite{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
        width: 60%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 120px;
        padding-left: 0;
    }

    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-xl-font-size);
    }
    .accueil-section-5 .container-link-groups{
        display:flex;
        border-bottom: solid #fff 1px;
    }
    .accueil-section-5 .container-link-groups .goto_groupe.nomposte.item-1{
        width:80%;
    }
    .accueil-section-5 .container-link-groups .goto_groupe.nomposte.item-2{
        padding-top: 32px;
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: 0;
    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    .accueil-section-5 {
        padding-bottom: 100px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /*  grid-gap: 10px 10px;*/
        height: 650px;
    }
    .accueil-section-5 .img_nous_opportunite{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
        width: 60%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }

    .accueil-section-5 .u-list-item-2{
        padding-top: 80px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-xl-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: 50px;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-5 {
        padding-bottom: 100px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /* grid-gap: 10px 10px;*/
        height: 650px;
    }
    .accueil-section-5 .img_nous_opportunite{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
        width: 60%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 50px;
        padding-left:0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-xl-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: -60px;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .accueil-section-5 {
        padding-bottom: 80px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /*  grid-gap: 10px 10px;*/
        height: 650px;
    }

    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
        width: 65%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 80px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-lg-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: -60px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-5 {
        padding-bottom: 80px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /*  grid-gap: 10px 10px;*/
        height: 650px;
    }
    .accueil-section-5 .img_nous_opportunite{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
        width: 65%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 70px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-md-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: -140px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-5 .u-sheet {
        width: 100% !important;
    }
    .accueil-section-5 {
        padding-bottom: 60px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /*  grid-gap: 10px 10px;*/
        height: 500px;
    }
    .accueil-section-5 .img_nous_opportunite{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -120px;
        width: 65%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 10px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-md-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: -40px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-5 .u-sheet {
        width: 100% !important;
    }
    .accueil-section-5 {
        padding-bottom: 60px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /*  grid-gap: 10px 10px;*/
        height: 500px;
    }
    .accueil-section-5 .img_nous_opportunite{

        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -80px;
        width: 70%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 10px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-md-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: -90px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-5 .u-sheet {
        width: 100% !important;
    }
    .accueil-section-5 {
        padding-bottom: 60px;
    }
    .accueil-section-5 .u-repeater{
        display: grid;
        grid-template-columns: calc(50%) calc(50%);
        /*  grid-gap: 10px 10px;*/
        height: 500px;
    }

    .accueil-section-5 .img-item-1{

        margin-left: 0 ;
        margin-top: 0;
        width: 90%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 65px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-sm-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: 0;
    }
    .accueil-section-5 .img-item-1{

        margin-left: auto;
        margin-right: auto;
        margin-top: -80px;
        width: 70%;
        height: auto;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-5 .u-sheet {
        width: 100% !important;
    }
    .accueil-section-5 {
        padding-bottom: 60px;
    }
    .accueil-section-5 .u-repeater{
        display: block;
        /*  display: grid;*/
        /* grid-template-columns: calc(50%) calc(50%);*/
        /*  grid-gap: 10px 10px;*/
        height: auto;
    }

    .accueil-section-5 .img-item-1{

        margin-left: 0 ;
        margin-top: 0;
        width: 90%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 65px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-sm-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: 40px;
    }
    .accueil-section-5 .img-item-1{
        margin-left: auto;
        margin-right: auto;
        margin-top: -80px;
        width: 70%;
        height: auto;
    }
    .accueil-section-5 .u-repeater-item.u-list-item-2{
        width: 90%;
        margin: auto;
    }
}
@media only screen and (max-width: 364px){
    .accueil-section-5 .u-sheet {
        width: 100% !important;
    }
    .accueil-section-5 {
        padding-bottom: 60px;
    }
    .accueil-section-5 .u-repeater{
        display: block;
        /*  display: grid;*/
        /* grid-template-columns: calc(50%) calc(50%);*/
        /*  grid-gap: 10px 10px;*/
        height: auto;
    }

    .accueil-section-5 .img-item-1{

        margin-left: 0 ;
        margin-top: 0;
        width: 90%;
        height: auto;
    }
    .accueil-section-5 .u-list-item-1{
        text-align: center;
    }
    .accueil-section-5 .u-list-item-2{
        padding-top: 65px;
        padding-left: 0;
    }
    .accueil-section-5 .categories_name{
        font-size:var( --categorie_title-sm-font-size);
    }
    .accueil-section-5 .btn_candidature_spontanee{
        margin-top: 40px;
    }
    .accueil-section-5 .img-item-1{
        margin-left: auto;
        margin-right: auto;
        margin-top: -80px;
        width: 70%;
        height: auto;
    }
    .accueil-section-5 .u-repeater-item.u-list-item-2{
        width: 90%;
        margin: auto;
    }
}

/*  u-section-6 */

.u-section-6.accueil-section-6 {
    background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
    background-color: #ffffff; /* Used if the image is unavailable */
    height: 720px;
    width:100%;
    object-position: 0% 50%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: -150px;
}
.accueil-section-6 .accueil_culture_title, .accueil-section-6 .accueil_culture_text{
    color: var( --color_white_principal);
}
.swiper-container.princ {   margin-top: 80px;

    height: 520px;
    /* cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;*/

}

.swiper-button-prev {
    color: black !important;
    /* cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;*/
}
.swiper-button-next {
    color: black !important;
    /* cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;*/
}

.swiper-slide {
    background-color: #E6E6E6;
    display: flex;
    align-items: center;
    font-size: 14pt;
    color: #414141;
    /*cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;*/

}
.accueil-section-6 .u-sheet{
    width: 100% !important;
}
.slide-textprinc {
    padding: 0 30px 0 20px; }
@media only screen and (min-width: 1920px){
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 720px;
        width:100%;
        object-position: 0% 50%;
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .u-section-6 .imgbanner {
        /*  margin-left: 10px;*/
        margin-right: 15px;
        border: none !important;
        width: 100%;
    }
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(42%) calc(58%);
        grid-gap: 10px 10px;
    }
    .accueil-section-6 .container_leftsize{
        width: 420px;
        height: 250px;
        margin-top: 150px;
        margin-left: 266px;

    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 160px;}

}
@media (min-width: 1846px) and (max-width: 1919px){
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 720px;
        width:100%;
        object-position: 0% 50%;
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: auto;
        margin-right: auto;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(42%) calc(57.5%);
        grid-gap: 10px 10px;

    }
    .accueil-section-6 .container_leftsize{
        width: 420px;
        height: 250px;
        margin-top: 150px;
        margin-left: 266px;

    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 160px;}
}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(42%) calc(58%);


    }
    .accueil-section-6 .container_leftsize{
        width: 420px;
        height: 250px;
        margin: auto;
        margin-top: 220px;


    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 160px;}
}
@media (min-width: 1366px) and (max-width: 1550px){
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 580px;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(44%) calc(56%);
        /*  grid-gap: 10px 10px;*/
    }
    .accueil-section-6 .container_leftsize{
        width: 420px;
        height: 250px;
        margin-top: 150px;
        margin-left: 100px;

    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-lg-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 80px;}
}
@media (min-width: 1200px) and (max-width: 1365px){
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 500px;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(46%) calc(54%);

    }
    .accueil-section-6 .container_leftsize{
        width: 400px;
        height: 200px;
        margin: auto;
        margin-top: 160px;


    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-md-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 80px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-6 .u-sheet {
        width: 100% !important;
    }
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 500px;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(46%) calc(54%);

    }
    .accueil-section-6 .container_leftsize{
        width: 400px;
        height: 200px;
        margin: auto;
        margin-top: 160px;


    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-md-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-xl-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 80px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-6 .u-sheet {
        width: 98% !important;
        margin-left:auto;
        margin-right: 0;
    }
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 500px;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(46%) calc(54%);

    }
    .accueil-section-6 .container_leftsize{
        width: 80%;
        height: 200px;
        margin: auto;
        margin-top: 90px;


    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-sm-font-size);
        line-height:32px;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-sm-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 80px;}
}
@media (min-width: 576px) and (max-width: 767px){

    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 500px;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: grid;
        grid-template-columns: calc(46%) calc(54%);

    }
    .accueil-section-6 .container_leftsize{
        width: 80%;
        height: 200px;
        margin: auto;
        margin-top: 160px;


    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-sm-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-sm-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 80px;}
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-6 .u-sheet {
        width: 100% !important;
        margin-left:auto;
        margin-right: 0;
    }
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 600px;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: block;
        /*  grid-template-columns: calc(46%) calc(54%);*/

    }
    .accueil-section-6 .container_leftsize{
        width: 80%;
        height: 200px;
        margin: 40px auto 40px auto;
    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-sm-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-sm-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 30px;}
}
@media only screen and (max-width: 364px){
    .accueil-section-6 .u-sheet {
        width: 100% !important;
        margin-left:auto;
        margin-right: 0;
    }
    .u-section-6.accueil-section-6 {
        background-image: url("https://usermedia-mynjobs.com/media/les_emballages_carrousel/subtraction1.png"); /* The image used */
        background-color: #ffffff; /* Used if the image is unavailable */
        height: 600px;
        margin-top: -150px;
    }
    .accueil-section-6 .u-repeater {
        display: block;
        /*  grid-template-columns: calc(46%) calc(54%);*/

    }
    .accueil-section-6 .container_leftsize{
        width: 80%;
        height: 200px;
        margin: 40px auto 40px auto;
    }
    .accueil-section-6 .accueil_culture_title{
        font-size:var( --title7-sm-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .accueil_culture_text{
        font-size:var( --culture_description-sm-font-size);
        line-height: 1.2;
    }
    .accueil-section-6 .u-list-item-2{padding-top: 30px;}
}
/** section-7*/

.opportunite-section-7{
    background-color: var( --color_dark_blue_principal);
}

.opportunite-section-7 .btn_opportunite_gotojob{
    background-color: var(--button_blue);
    color:var(--color_white_principal);
    padding: 8px 30px;
    border-radius: 30px;
}
.btn_opportunite_gotojob, .btn_opportunite_gotojob:hover{
    text-decoration: none !important;
}


span.lbl_recherche{
    color:var(--color_white_principal);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}
.page_opportunites .wrap_recherche_iframe{
    margin-top: 50px;margin-bottom: 100px;
}


#nav_recherche_col_avancer ul li,#nav_recherche_avancer ul li{
    width: 300px;background-color:var(--color_blue_principal);border-radius: 30px;margin-right: 50px;
}
@media only screen and (min-width: 1920px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;}

    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 70px 10px;

    }
    .opportunite-section-7 .post_item{
        min-height: 250px;

        padding-bottom: 30px;
    }
    .opportunite-section-7 .col-sommaire{
        padding-left: 50px !important;
        border-left: white solid 1px;
    }
    #nav_recherche_col_avancer li.dropdown a{
        height:40px!important;padding:10px!important;
        margin:auto;min-height:0px!important;
    }
    #nav_recherche_avancer li.dropdown a{
        height:40px!important;padding:10px!important;
        margin:auto;min-height:0px!important;
    }
    #nav_recherche_avancer ul li{
        width: 250px;background-color:var(--color_blue_principal);border-radius: 30px;margin-right: 50px;
    }
    #nav_recherche_avancer ul li.dropdown{
        width:20%!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
        font-size: 14px;
    }


    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        /* padding-top:20px;*/
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*    span.lbl_recherche{
         font-size:var(--title18-xl-font-size);
        }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
    .u-section-7 p.sommaire_titleposte{
        line-height: 38px;
        height: 80px;
    }
    .opportunite-section-7 .btn_opportunite_gotojob{
        font-size: 14px;
    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;}

    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 70px 10px;
    }
    .opportunite-section-7 .post_item{
        height: 250px;
        padding-bottom: 20px;
    }
    .opportunite-section-7 .col-sommaire{
        padding-left: 50px !important;
        border-left: white solid 1px;
    }
    #nav_recherche_avancer ul li{
        width: 300px;background-color:var(--color_blue_principal);border-radius: 30px;margin-right: 50px;
    }
    #nav_recherche_avancer ul li.dropdown{
        width: 300px;background-color:var(--color_blue_principal);border-radius: 30px;margin-right: 50px;
    }


    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top: 10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*    span.lbl_recherche{
            font-size:var(--title18-xl-font-size);
        }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
    .u-section-7 p.sommaire_titleposte{
        line-height: 38px;
        height: 80px;
    }
    .opportunite-section-7 .btn_opportunite_gotojob{
        font-size: 14px;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
        grid-gap: 70px 10px;
    }
    .opportunite-section-7 .post_item{
        min-height: 230px;
        padding-bottom: 20px;
    }
    .opportunite-section-7 .col-sommaire{
        padding-left: 50px !important;
        border-left: white solid 1px;
    }
    #nav_recherche_avancer ul li{
        width: 250px;background-color:var(--color_blue_principal);border-radius: 30px;margin-right: 50px;
    }
    #nav_recherche_avancer ul li.dropdown{
        width:25%!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }


    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*   span.lbl_recherche{
           font-size:var(--title18-xl-font-size);
       }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
    .u-section-7 p.sommaire_titleposte{
        line-height: 38px;
        height: 80px;
    }
    .opportunite-section-7 .btn_opportunite_gotojob{
        font-size: 14px;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(3, 33.3333%) !important;
        grid-gap: 70px 10px;
    }
    .opportunite-section-7 .post_item{
        min-height: 180px;
        padding-bottom: 20px;
    }
    .page_opportunites .content_opportunites{
          padding-bottom: 30px;
      }

    .opportunite-section-7 .col-sommaire{
        padding-left: 50px !important;
        border-left: white solid 1px;
    }
    #nav_recherche_avancer ul li{
        width: 250px;background-color:var(--color_blue_principal);border-radius: 30px;margin-right: 50px;
    }
    #nav_recherche_avancer ul li.dropdown{
        width:28%!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }

    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*  span.lbl_recherche{
          font-size:var(--title18-xl-font-size);
      }*/
    .u-section-7 p.sommaire_titleposte{
        line-height: 30px;
        height: 60px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(3, 33.3333%) !important;
        grid-gap: 70px 10px;
    }
    .opportunite-section-7 .post_item{
        height: 220px;
        padding-bottom: 20px;
    }
    .page_opportunites .content_opportunites{
        padding-bottom: 30px;
    }
    .opportunite-section-7 .col-sommaire{
        padding-left: 50px !important;
        border-left: white solid 1px;
    }
    #nav_recherche_avancer ul li{
        width: 250px;background-color:var(--color_blue_principal);border-radius: 30px;margin-right: 50px;
    }
    #nav_recherche_avancer ul li.dropdown{
        width:28%!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }


    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*   span.lbl_recherche{
           font-size:var(--title18-lg-font-size);
       }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
    .u-section-7 p.sommaire_titleposte{
        line-height: 38px;
        height: 70px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(3,33.33333%) !important;
        grid-gap: 70px 10px;
    }
    .opportunite-section-7 .post_item{
        height: 180px;
        padding-bottom: 20px;
    }
    .page_opportunites .content_opportunites{
        padding-bottom: 30px;
    }
    .opportunite-section-7 .col-sommaire{
        padding-left: 50px !important;
        border-left: white solid 1px;
    }
    #nav_recherche_avancer ul li{
        width: 250px;background-color:#499ED6;border-radius: 30px;margin-right: 50px;
    }

    #nav_recherche_avancer ul li.dropdown{
        width:30%!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }


    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*    span.lbl_recherche{
            font-size:var(--title18-xl-font-size);
        }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;padding-bottom: 30px;}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2,50%) !important;
        grid-gap: 60px 10px;
    }
    .opportunite-section-7 .post_item{
        min-height: 170px;
        padding-bottom: 20px;
    }
    .page_opportunites .content_opportunites{
        padding-bottom: 30px;
    }
    .page_opportunites .wrap_recherche_iframe{
        margin-top: 50px;margin-bottom: 50px;
    }
    #nav_recherche_avancer ul{
        padding-left: 30px;
    }

    #nav_recherche_avancer ul li.dropdown{
        width:40%!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }


    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*    span.lbl_recherche{
            font-size:var(--title18-xl-font-size);
        }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .opportunite-section-7 .u-sheet{width: 92% !important;margin: auto;padding-bottom: 30px;}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2,50%) !important;
        grid-gap: 70px 10px;
    }
    .opportunite-section-7 .post_item{
        height: 180px;
    }
    .page_opportunites .content_opportunites{
        padding-bottom: 30px;
    }
    .page_opportunites .wrap_recherche_iframe{
        margin-top: 50px;margin-bottom: 50px;
    }
    #nav_recherche_avancer ul{
        padding-left: 30px;
    }
    #nav_recherche_avancer ul li{
        width: 300px;background-color:#499ED6;border-radius: 30px;margin-right: 50px;
    }
    .fltr_departement{
        margin-top: 40px;
    }
    #nav_recherche_avancer ul li.dropdown{

        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }
    #nav_recherche_avancer ul.nav li:first-child {
        margin-bottom: 30px !important;
    }

    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*    span.lbl_recherche{
            font-size:var(--title18-xl-font-size);
        }*/
    .lbl-groupe{
        line-height: 35px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;margin-bottom: 30px}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1,100%) !important;
        grid-gap: 60px 10px;
        width: 80%;
        margin: auto;
    }
    .opportunite-section-7 .post_item{
       height: auto;
        padding-bottom: 30px;
    }
    .page_opportunites .content_opportunites{
        padding-bottom: 30px;
    }
    #nav_recherche_avancer ul{
        padding-left: 30px;
    }
    #nav_recherche_avancer ul.nav li:first-child {
        margin-bottom: 30px !important;
    }
    .page_opportunites .opportunites-section-18{
        display: none;
    }
    #nav_recherche_avancer ul li.dropdown{
        width:320px!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }
    .page_opportunites .wrap_recherche_iframe{
        margin-top: 50px;margin-bottom: 50px;
    }
    .fltr_departement{
        margin-top: 40px;
    }

    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:10px;
        padding-bottom: 10px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*    span.lbl_recherche{
            font-size:var(--title18-xl-font-size);
        }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }
}
@media only screen and (max-width: 364px){

    .opportunite-section-7 .u-sheet{width: 96% !important;margin: auto;margin-bottom: 30px}
    .opportunite-section-7 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1,100%) !important;
        grid-gap: 60px 10px;
        width: 80%;
        margin: auto;
    }
    .opportunite-section-7 .post_item{
 height: auto;
        padding-bottom: 30px;
    }
    .page_opportunites .content_opportunites{
        padding-bottom: 30px;
    }
    .page_opportunites .opportunites-section-18{
        display: none;
    }
    .page_opportunites .wrap_recherche_iframe{
        margin-top: 50px;margin-bottom: 50px;
    }
    #nav_recherche_avancer ul.nav li:first-child {
        margin-bottom: 30px !important;
    }
    #nav_recherche_avancer ul li.dropdown{
        width:300px!important;
        display:inline-block;
        text-align:center;
        margin-left:0 !important;
        border:none !important;
    }

    .fltr_departement{
        margin-top: 40px;
    }
    body.page-eframe #job_search_pjax .wrap_recherche {
        padding-top: 0px;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        border-left:unset;
        background-color: #fff;
        color:#000000!important;
        padding-left:30px;}
    #nav_recherche_avancer ul li.dropdown a{
        padding-top:20px;
        color:#000000!important;
    }
    .localitations{margin:auto;}
    /*    span.lbl_recherche{
            font-size:var(--title18-xl-font-size);
        }*/
    .lbl-groupe{
        line-height: 65px !important;
    }
    .breadcrumb_oppor{
        line-height: 30px !important;
    }

}



/** section-8*/

.accueil-section-8 .cote_humain_1{
    color: var( --color_blue_principal) !important;
}

.accueil-section-8 .cote_humain_2, .accueil-section-8 .text_caracterise, .accueil-section-8 .emploie_text{
    color: var( --color_dark_blue_principal) !important;
}
.accueil-section-8 .respect_1{color:var(--color_blue_principal);}
@media only screen and (min-width: 1920px){
    .accueil-section-8{
        height: 900px;background-color: #ffffff; padding-top: 200px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 10vw;padding-right: 10vw
    }
    .accueil-section-8 .cote_humain{
        text-align: center;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-xl-font-size);

        line-height: 55px;
    }
    .accueil-section-8 .text_caracterise {
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text{
        font-size:var(--text20-xl-font-size);
        line-height: 28px;
        margin: 60px auto 50px auto;
        width: 50vw;
        text-align: center;
    }

    .accueil-section-8 .respect_1{font-size: var(--text35-xl-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-xl-font-size);}




    .accueil-section-8 .u-list-1{padding-top: 50px;padding-bottom: 20px;}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
}
@media (min-width: 1846px) and (max-width: 1919px){

    .accueil-section-8{
        height: 900px;background-color: #ffffff; padding-top: 200px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 10vw;padding-right: 10vw
    }
    .accueil-section-8 .cote_humain{

        line-height: 1.2;
        text-align: center;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-xl-font-size);

        line-height: 55px;
    }
    .accueil-section-8 .text_caracterise {
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size:var(--text20-xl-font-size);
        line-height: 22px;
        margin: 60px auto 50px auto;
        width: 50vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-xl-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-xl-font-size);}
    .accueil-section-8 .u-list-1{padding-top: 50px;padding-bottom: 20px;}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-8{
        height: 900px;background-color: #ffffff; padding-top: 200px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 10vw;padding-right: 10vw
    }
    .accueil-section-8 .cote_humain{
        margin: auto;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-lg-font-size);
        line-height: 50px;
    }
    .accueil-section-8 .text_caracterise {
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size:var(--text20-lg-font-size);
        line-height: 1.2;
        margin: 60px auto 50px auto;
        width: 56vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-lg-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-lg-font-size);}
    .accueil-section-8 .u-list-1{padding-top: 50px;padding-bottom: 20px;}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .accueil-section-8{
        height: 900px;background-color: #ffffff; padding-top: 120px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 8vw;padding-right: 8vw
    }
    .accueil-section-8 .cote_humain{

        line-height: 1.2;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-md-font-size);

    }
    .accueil-section-8 .text_caracterise {
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size:var(--text20-lg-font-size);
        line-height:20px;
        margin: 60px auto 50px auto;
        width: 68vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-lg-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-lg-font-size);}
    .accueil-section-8 .u-list-1{padding-top: 50px;padding-bottom: 20px;}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-8{
        height: 900px;background-color: #ffffff; padding-top: 80px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 8vw;padding-right: 8vw
    }
    .accueil-section-8 .cote_humain{
        line-height: 1.2;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-md-font-size);

    }
    .accueil-section-8 .text_caracterise {
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size: var(--text20-md-font-size);
        line-height: 18px;
        margin: 60px auto 50px auto;
        width: 75vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-md-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-md-font-size);}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-8{
        /*  height: 900px;*/
        background-color: #ffffff; padding-top: 50px;padding-bottom: 40px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 4vw;padding-right: 4vw
    }
    .accueil-section-8 .cote_humain{
        line-height: 1.2;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-md-font-size);

    }
    .accueil-section-8 .text_caracterise {
        line-height: 1.2;
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size: var(--text20-lg-font-size);
        line-height: 20px;
        margin: 60px auto 50px auto;
        width: 60vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-md-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-lg-font-size);}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-8 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-8{
    ;background-color: #ffffff; padding-top: 50px;padding-bottom: 50px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 4vw;padding-right: 4vw
    }
    .accueil-section-8 .cote_humain{
        line-height: 1.2;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-sm-font-size);

    }
    .accueil-section-8 .text_caracterise {
        line-height: 1.2;
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size: var(--text20-sm-font-size);
        line-height: 18px;
        margin: 60px auto 50px auto;
        width: 60vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-sm-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-sm-font-size);}
    .icon_respect{
        width: 50px;
        height: auto;
    }
    .icon_eco{ width: 30px;
        height: auto;}
}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-8 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-8{
        background-color: #ffffff; padding-top: 50px;padding-bottom: 50px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(8% - 8px) calc(42% - 8px) calc(8% - 8px) calc(42% - 8px) !important;
        grid-gap: 10px 10px;
        padding-left: 4vw;padding-right: 4vw
    }
    .accueil-section-8 .cote_humain{
        line-height: 1.2;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-sm-font-size);

    }
    .accueil-section-8 .text_caracterise {
        line-height: 1.2;
        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size: var(--text20-sm-font-size);
        line-height: 18px;
        margin: 60px auto 50px auto;
        width: 60vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-sm-font-size);}
    .accueil-section-8 .respect_text{font-size: var(--text20-sm-font-size);}
    .icon_respect{
        width: 50px;
        height: auto;
    }
    .icon_eco{ width: 30px;
        height: auto;}
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-8 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-8{
        background-color: #ffffff; padding-top: 50px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(18%) calc(82% - 8px)!important;

    }
    .accueil-section-8 .cote_humain{
        line-height:30px;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-xs-font-size);

    }
    .accueil-section-8 .text_caracterise {

        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size: 18px;
        line-height: 24px;
        margin: 60px auto 50px auto;
        width: 80vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-xs-font-size);}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
    .section-8-div-icons{padding-left: 10px;}
    .icon_respect{
        width: 50px;
        height: auto;
    }
    .icon_eco{ width: 30px;
        height: auto;}
}
@media only screen and (max-width: 364px){
    .accueil-section-8 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-8{
        background-color: #ffffff; padding-top: 50px;
    }
    .accueil-section-8 .u-repeater {
        display: grid;
        grid-template-columns: calc(18%) calc(82% - 8px)!important;

    }
    .accueil-section-8 .cote_humain{
        line-height:30px;
        text-align: center;
        margin-bottom: 0;
    }
    .accueil-section-8 .cote_humain span,.accueil-section-8 .text_caracterise {
        font-size: var(--text50-xs-font-size);

    }
    .accueil-section-8 .text_caracterise {

        text-align: center;
        margin-top: 0;
    }
    .accueil-section-8 .emploie_text {
        font-size: 18px;
        line-height: 24px;

        margin: 60px auto 50px auto;
        width: 80vw;
        text-align: center;
    }
    .accueil-section-8 .respect_1{font-size: var(--text35-xs-font-size);}
    .accueil-section-8 .u-list-item-1{
        padding-top: 20px;
    }
    .section-8-div-icons{padding-left: 10px;}
    .icon_respect{
        width: 50px;
        height: auto;
    }
    .icon_eco{ width: 30px;
        height: auto;}
}


/** section-9*/
.accueil-section-9 .u-repeater {

    display: grid;
    grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
    grid-gap: 10px 10px;

}
.accueil-section-9 .carousel-caption {
    position: absolute;
    right: 10%;
    top: 30%;
    left: unset;
    z-index: 10;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    width: 30%;
}
.accueil-section-9 .carousel-indicators{
    left: 80%;
}
.accueil-section-9 .imgbanner_car_h.flechas{
    margin-top: -10px;
    width: 50px;
    height: 100px;
    margin-left: unset;
    margin-right: unset;
}
@media only screen and (min-width: 1920px){

    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        grid-gap: 10px 10px;

    }
    .accueil-section-9 .carousel-caption {

        right: 10%;
        top: 30%;
        left: unset;
        width: 30%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: -10px;
        width: 50px;
        height: 100px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 80%;
        width: 30%;
    }
    .accueil-section-9 .div-testimony{padding-left: 20px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-xl-font-size);
        line-height: 40px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-xl-font-size);
        line-height: 25px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-xl-font-size);

    }

}
@media (min-width: 1846px) and (max-width: 1919px){

    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        grid-gap: 10px 10px;

    }
    .accueil-section-9 .carousel-caption {

        right: 10%;
        top: 30%;
        left: unset;
        width: 30%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: -10px;
        width: 50px;
        height: 100px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 80%;
        width: 30%;
    }
    .accueil-section-9 .div-testimony{padding-left: 20px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-xl-font-size);
        line-height: 40px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-xl-font-size);
        line-height: 25px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-xl-font-size);

    }
}
@media (min-width: 1551px) and (max-width: 1845px){

    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        grid-gap: 10px 10px;

    }
    .accueil-section-9 .carousel-caption {

        right: 10%;
        top: 30%;
        left: unset;
        width: 30%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: -10px;
        width: 50px;
        height: 100px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 80%;
        width: 30% !important;
    }
    .accueil-section-9 .div-testimony{padding-left: 20px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-xl-font-size);
        line-height: 40px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-xl-font-size);
        line-height: 25px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-xl-font-size);

    }
}
@media (min-width: 1366px) and (max-width: 1550px){

    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        grid-gap: 10px 10px;

    }
    .accueil-section-9 .carousel-caption {

        right: 10%;
        top: 25%;
        left: unset;
        width: 30%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: -10px;
        width: 50px;
        height: 100px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 80%;
        width: 30% !important;
    }
    .accueil-section-9 .div-testimony{padding-left: 20px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-lg-font-size);
        line-height: 30px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-lg-font-size);
        line-height: 25px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-lg-font-size);

    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        grid-gap: 10px 10px;

    }
    .accueil-section-9 .carousel-caption {

        right: 10%;
        top: 20%;
        left: unset;
        width: 30%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: -10px;
        width: 45px;
        height: 90px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 80%;
        width: 30% !important;
    }
    .accueil-section-9 .div-testimony{padding-left: 20px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-md-font-size);
        line-height: 28px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-md-font-size);
        line-height: 20px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-md-font-size);

    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        grid-gap: 10px 10px;

    }
    .accueil-section-9 .carousel-caption {

        right: 10%;
        top: 12%;
        left: unset;
        width: 30%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: -10px;
        width: 45px;
        height: 90px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 85%;
        width: 30% !important;
    }
    .accueil-section-9 .div-testimony{padding-left: 20px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-md-font-size);
        line-height: 28px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-md-font-size);
        line-height: 20px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-md-font-size);

    }
}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        grid-gap: unset;

    }
    .accueil-section-9 .carousel-caption {

        right: 3%;
        top: 5%;
        left: unset;
        width: 40%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: 0;
        width: 30px;
        height: 60px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 50%;

    }
    .accueil-section-9 .div-testimony{padding-left: 5px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-sm-font-size);
        line-height: 24px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-sm-font-size);
        line-height: 20px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-sm-font-size);

    }

}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        /*  grid-gap: 2px unset;*/

    }
    .accueil-section-9 .carousel-caption {

        right: 3%;
        top: 5%;
        left: unset;
        width: 40%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: 10px;
        width: 25px;
        height: 50px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_mobil{display:none}
    .accueil-section-9 .carousel-indicators{
        left: 80%;
        width: 30%;
    }
    .accueil-section-9 .div-testimony{padding-left: 5px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-xs-font-size);
        line-height: 22px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-xs-font-size);
        line-height: 20px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-xs-font-size);

    }
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        /*  grid-gap: 2px unset;*/

    }
    .accueil-section-9 .carousel-timon{
        background-color: #159FDB;
    }
    .accueil-section-9 .carousel-caption {

        right: 50px;
        top: 60px;
        left: unset;
        width: 80%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: 10px;
        width: 25px;
        height: 50px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_desktop{display:none}
    .accueil-section-9 .carousel-indicators{
        width: 30% !important;
        left: 90%;
    }
    .accueil-section-9 .div-testimony{padding-left: 5px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-xs-font-size);
        line-height: 22px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-xs-font-size);
        line-height: 20px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-xs-font-size);

    }
}
@media only screen and (max-width: 364px){
    .accueil-section-9{

    }
    .accueil-section-9 .u-list-1{
        /*   padding-left: 10%;*/
    }
    .accueil-section-9 .u-repeater {

        display: grid;
        grid-template-columns: calc(8%) calc(80%) calc(8%)  !important;
        /*  grid-gap: 2px unset;*/

    }

    .accueil-section-9 .carousel-caption {

        right: 15px;
        top: -10px;
        left: unset;
        width: 90%;
    }
    .accueil-section-9 .imgbanner_car_h.flechas{
        margin-top: 10px;
        width: 25px;
        height: 50px;
        margin-left: unset;
        margin-right: unset;
    }
    .accueil-section-9.imgbannertimo_desktop{display:none}
    .accueil-section-9 .carousel-indicators{
        width: 30% !important;
        left: 90%;
    }
    .accueil-section-9 .div-testimony{padding-left: 5px;}
    .accueil-section-9 .text_chef{
        font-size: var(--text30-xs-font-size);
        line-height: 22px;
    }
    .accueil-section-9  .text_chef_name{
        font-size: var(--text20-xs-font-size);
        line-height: 20px;
    }
    .accueil-section-9 .text_chef_title{
        font-size: var(--text20-xs-font-size);

    }
}


/** section-10*/
.accueil-section-10{
    background-color: var(--color_dark_blue_principal);
    border-bottom: #fddfdf solid 1px;
}
.accueil-section-10 .des_avantages{
    color: var( --color_white_principal) !important;
    line-height: 1.2;
    margin: 0;
}
.accueil-section-10 .qui_feron_la_difference{
    color: var( --color_blue_principal) !important;
    line-height: 1.2;
    margin: 0;
}
.accueil-section-10 .joinez_vous{
    color: var( --color_white_principal) !important;
    line-height: 1.2;

}
.accueil-section-10 .joinez_vous_a_pres{
    line-height: 1.2;
    margin: 0;
}
.accueil-section-10 .text_450{
    line-height: 1.2;
    margin: 0;
}
.accueil-section-10 .text_personnes{
    line-height: 1.2;
    margin: 0;
}




@media only screen and (min-width: 1920px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .accueil-section-10 .u-list-item-2{
        border-left: white solid 1px;
        display: flex;
        align-items: center;
    }

    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 140px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        font-size: var(--text20-xl-font-size);
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-xl-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-xl-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-xl-font-size);

    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: white solid 1px;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 140px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-xl-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        font-size: var(--text20-xl-font-size);
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-xl-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-xl-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-xl-font-size);

    }

}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: white solid 1px;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 100px;
    }
    .accueil-section-10 .item_content_layout_2{
        margin: 140px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-lg-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-lg-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        font-size: var(--text20-lg-font-size);
        line-height: 30px;
    }

    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-xl-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-lg-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-lg-font-size);

    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: white solid 1px;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 150px 80px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 140px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-lg-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-lg-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        font-size: var(--text20-lg-font-size);
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-lg-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-lg-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-lg-font-size);

    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: white solid 1px;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 80px 80px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 140px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        font-size: var( --text20-md-font-size);
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-md-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-md-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-md-font-size);

    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: white solid 1px;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 80px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 140px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-md-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-md-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-md-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-md-font-size);

    }
    .accueil-section-10 .joinez_vous{
        font-size:var(--text20-md-font-size);
        font-weight: bold;
    }

}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: white solid 1px;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 90%;
        padding: 40px 30px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: auto auto;
        padding: 0 20px;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-sm-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-sm-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-sm-font-size);

    }
}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: unset;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding:80px 60px 40px 60px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 40px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-sm-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-sm-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-sm-font-size);

    }
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: unset;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding:80px 30px 40px 30px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 40px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-xs-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-xs-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-xs-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-xs-font-size);

    }
}
@media only screen and (max-width: 364px){
    .accueil-section-10 .u-sheet{width: 96% !important;margin: auto;}
    .accueil-section-10 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;

    }
    .accueil-section-10 .u-list-item-2{
        border-left: unset;
        display: flex;
        align-items: center;
    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding: 220px 180px;

    }
    .accueil-section-10 .u-container-layout-1{
        width: 60%;
        padding:80px 30px 40px 30px;

    }
    .accueil-section-10 .item_content_layout_2{
        margin: 40px auto;
    }
    .accueil-section-10 .des_avantages{
        font-size: var( --title7-xs-font-size);
    }
    .accueil-section-10 .qui_feron_la_difference{
        font-size: var( --title7-sm-font-size);
    }
    .accueil-section-10 .joinez_vous{
        color: var( --color_white_principal) !important;
        line-height: 30px;
    }
    .accueil-section-10 .joinez_vous_a_pres{
        font-size: var(--text5-xs-font-size);
    }
    .accueil-section-10 .text_450{
        font-size:var(--text6-xs-font-size);
        font-weight: bold;
    }
    .accueil-section-10 .text_personnes{
        font-size:var(--text7-xs-font-size);

    }
}

/** section-11*/

.accueil-section-11, .accueil-section-11 .swiper-slide{
    background-color: var(--color_dark_blue_principal);
}
.accueil-section-11 .swiper-slide{
    display: block;
}
.accueil-section-11 .text_slider_car_h{
    text-align: center;
    color:var(--color_white_principal);
    margin-top: 0;
    margin-bottom: 0;
}

.accueil-section-11.accueil-section-11_regular {
    display:flex;
    height: 400px;
}

@media only screen and (min-width: 1920px){


    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;
        padding-top: 15px;
        padding-bottom: 15px;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_mobil{
        display:none;
    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_mobil{
        display:none;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_mobil{
        display:none;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_mobil{
        display:none;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){


    .imgbanner_car_h {
        margin-left: 10px;
        margin-right: 15px;
        margin-top: 0;
    }


    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_mobil{
        display:none;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_mobil{
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_mobil{
        display:none;
    }


}
@media (min-width: 576px) and (max-width: 767px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_regular{
        display:none;
    }
    .accueil-section-11.accueil-section-11_mobil .u-sheet-1{
        width: 90% !important;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater{
        grid-template-columns: calc(50% - 8px) calc(50% - 8px);
        grid-gap: 10px 10px;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater-item.u-list-item-1{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater-item.u-list-item-2{
        padding-bottom: 30px;
    }
    .accueil-section-11.accueil-section-11_mobil .text_slider_car_h{
        font-size: 18px;
    }

}
@media (min-width: 365px) and (max-width: 575px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 300px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .car_h_content_item.sombrilla img{
      width: 35%;
    }
    .accueil-section-11 .car_h_content_item.forcontinue img{
        width: 40%;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_regular{
        display:none;
    }
    .accueil-section-11.accueil-section-11_mobil .u-sheet-1{
        width: 90% !important;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater{
        grid-template-columns: calc(50% - 8px) calc(50% - 8px);
        grid-gap: 10px 10px;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater-item.u-list-item-1{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater-item.u-list-item-2{
        padding-bottom: 30px;
    }
    .accueil-section-11.accueil-section-11_mobil .text_slider_car_h{
        font-size: 14px;
    }
}
@media only screen and (max-width: 364px){
    .swiper-container.car_h {
        margin-top: 110px;
        margin-bottom: 110px;
        /*  height: 80px;*/
        cursor: url(https://usermedia-mynjobs.com/media/Simplex/cursor7.png), pointer;

    }
    .accueil-section-11 .swiper-slide{
        width: 200px !important;
        height: auto;
    }
    .accueil-section-11 .car_h_content_item{
        text-align: center;
        padding-top: 5px;
    }
    .accueil-section-11 .car_h_content_item.sombrilla img{
        width: 40%;
    }
    .accueil-section-11 .car_h_content_item.forcontinue img{
        width: 45%;
    }
    .accueil-section-11 .slide-textsec{
        margin-top: 20px;
    }
    .accueil-section-11.accueil-section-11_regular{
        display:none;
    }
    .accueil-section-11.accueil-section-11_mobil .u-sheet-1{
        width: 90% !important;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater{
        grid-template-columns: calc(50% - 8px) calc(50% - 8px);
        grid-gap: 10px 10px;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater-item.u-list-item-1{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .accueil-section-11.accueil-section-11_mobil .u-repeater-item.u-list-item-2{
        padding-bottom: 30px;
    }
    .accueil-section-11.accueil-section-11_mobil .text_slider_car_h{
        font-size: 14px;
    }
}




/**section-12 */


.accueil-section-12 .carrousel_en{
    color: var( --color_dark_blue_principal) !important;
}
.accueil-section-12 .carrousel_en_coup{
    color: var( --color_blue_principal) !important;
}
.accueil-section-12 .carrousel_en_un_coup{
    text-align: center;
}
@media only screen and (min-width: 1920px){

    .accueil-section-12{
        padding-bottom: 100px;
    }
    .accueil-section-12  .u-repeater {

        padding-left: 10vw;
        padding-right: 10vw;
    }
    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-xl-font-size);
    }

    .accueil-section-12 .text_60{
        font-size: var(--text60-xl-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-xl-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140 {
        line-height: 130px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    .accueil-section-12{
        padding-bottom: 100px;
    }
    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-xl-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-xl-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-xl-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140 {
        line-height: 130px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-12{
        padding-bottom: 100px;
    }
    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-lg-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-lg-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-lg-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140 {
        line-height: 120px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-md-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-md-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-md-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140{
        line-height: 120px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-md-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-md-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-md-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140 {
        line-height: 120px;
    }
    .accueil-section-12  p.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-sm-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-sm-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-sm-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140 {
        line-height: 120px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 768px) and (max-width: 991px){

    .accueil-section-12  .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding-left: 4vw;padding-right: 4vw
    }

    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-sm-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-sm-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-sm-font-size);
    }

    .accueil-section-12 .u-container-layout-2.lay_2, .accueil-section-12 .u-container-layout-1.lay_4,.accueil-section-12 .u-container-layout-3.lay_6{
        border-left: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3, .accueil-section-12 .u-container-layout-1.lay_4 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140{
        line-height: 120px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-12  .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding-left: 4vw;padding-right: 4vw
    }

    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-sm-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-sm-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-sm-font-size);
    }

    .accueil-section-12 .u-container-layout-2.lay_2, .accueil-section-12 .u-container-layout-1.lay_4,.accueil-section-12 .u-container-layout-3.lay_6{
        border-left: var(--color_dark_blue_principal) solid 1px ;
        padding-bottom: 50px;
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3, .accueil-section-12 .u-container-layout-1.lay_4 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 80px;
    }
    .accueil-section-12  p.text_140,  .accueil-section-12  span.text_140{
        line-height: 120px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-12  .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 96%);
        /* margin: auto;*/
    }

    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-sm-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-sm-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-sm-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: none ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: none;
        /*padding-bottom: 50px;*/
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3,.accueil-section-12 .lay_4,.accueil-section-12 .lay_5 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
        padding-top: 20px;
    }
    .accueil-section-12 .u-lay_6{
        padding-top: 40px;
    }
    .accueil-section-12 .u-lay_4{
        padding-top: 20px;
    }
    .accueil-section-12 .u-lay_5{
        padding-top: 20px;
    }
    .accueil-section-12 .u-lay_3 .plus50{
        margin-bottom: 0 !important;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 30px;
    }
    .accueil-section-12  p.text_140, .accueil-section-12  span.text_140{
        line-height: 70px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}
@media only screen and (max-width: 364px){
    .accueil-section-12  .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        /* margin: auto;*/
    }

    .accueil-section-12 .carrousel_en,.accueil-section-12 .carrousel_en_coup{
        font-size: var(--title7-xs-font-size);
    }
    .accueil-section-12 .text_60{
        font-size: var(--text60-xs-font-size);
    }
    .accueil-section-12 .text_140{
        font-size: var(--text140-xs-font-size);
    }
    .accueil-section-12 .u-container-layout-2{
        border-left: none ;
    }
    .accueil-section-12 .u-container-layout-2, .accueil-section-12 .u-container-layout-3{
        border-left: none;
        /*padding-bottom: 50px;*/
    }
    .accueil-section-12 .lay_1,.accueil-section-12 .lay_2,.accueil-section-12 .lay_3,.accueil-section-12 .lay_4,.accueil-section-12 .lay_5 {
        border-bottom: var(--color_dark_blue_principal) solid 1px ;
    }
    .accueil-section-12 .lay_4,.accueil-section-12 .lay_5,.accueil-section-12 .lay_6 {
        padding-top: 50px;
    }
    .accueil-section-12 p.carrousel_en_un_coup{
        margin-bottom: 30px;
    }
    .accueil-section-12  p.text_140, .accueil-section-12  span.text_140{
        line-height: 60px;
    }
    .accueil-section-12  p.text_60, .accueil-section-12  span.text_60 {
        line-height: 73px;
    }
}

/** section-13*/

.accueil-section-13{
    background-color: var(--color_dark_blue_principal);
}

@media only screen and (min-width: 1920px){
    .accueil-section-13.nous_avons_media{display: none;}
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 100px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        padding-left: 10vw;padding-right: 10vw;
    }
    .accueil-section-13 .text_60{
        font-size: var(--text60-xl-font-size);
        line-height:60px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-xl-font-size);
        line-height:30px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*    display: flex;align-items: center;*/
        padding-left: 60px;
        padding-right: 30px;
        padding-top: 60px;
    }
    .accueil-section-13 .u-container-layout-3{
        display: flex;
        /*        align-items: center;*/
        padding-left: 50px;
        padding-top: 60px;

    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    .accueil-section-13.nous_avons_media{display: none;}
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 100px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        padding-left: 10vw;padding-right: 10vw;
    }

    .accueil-section-13 .text_60{
        font-size: var(--text60-xl-font-size);
        line-height:60px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-xl-font-size);
        line-height:30px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*        display: flex;align-items: center;*/
        padding-left: 60px;
        padding-right: 30px;
        padding-top: 45px;
    }/*  display: flex;*/
    .accueil-section-13 .u-container-layout-3{

        /*        align-items: center;*/
        padding-left: 50px;
        padding-top: 45px;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .accueil-section-13.nous_avons_media{display: none;}
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 100px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        padding-left: 8vw;padding-right: 8vw;
    }
    .accueil-section-13 .text_60{
        font-size: var(--text60-lg-font-size);
        line-height:55px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-lg-font-size);
        line-height:30px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*    display: flex;
            align-items: center;*/
        padding-left: 60px;
        padding-right: 30px;
        padding-top: 45px;
    }
    .accueil-section-13 .u-container-layout-3{
        /*  display: flex;*/
        /*align-items: center;*/
        padding-left: 50px;
        padding-top: 45px;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .accueil-section-13.nous_avons_media{display: none;}
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 100px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        padding-left: 5vw;padding-right: 5vw;
    }
    .accueil-section-13 .text_60{
        font-size: var(--text60-lg-font-size);
        line-height:45px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-lg-font-size);
        line-height:25px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*display: flex;align-items: center;*/
        padding-left: 60px;
        padding-right: 30px;
        padding-top: 45px;
    }
    .accueil-section-13 .u-container-layout-3{
        /* display: flex;align-items: center;*/
        padding-left: 50px;
        padding-top: 45px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .accueil-section-13.nous_avons_media{display: none;}
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 100px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        padding-left: 5vw;padding-right: 5vw;
    }
    .accueil-section-13 .text_60{
        font-size: var(--text60-md-font-size);
        line-height:45px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-md-font-size);
        line-height:25px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*display: flex;align-items: center*/
        padding-left: 60px;padding-right: 30px;
        padding-top: 30px;
    }
    .accueil-section-13 .u-container-layout-3{
        /*   display: flex;align-items: center;*/
        padding-left: 50px;
        padding-top: 30px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .accueil-section-13.nous_avons_media{display: none;}
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 100px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        padding-left: 5vw;padding-right: 5vw;
    }
    .accueil-section-13 .text_60{
        font-size: var(--text60-md-font-size);
        line-height:45px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-md-font-size);
        line-height:25px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*display: flex;align-items: center*/
        padding-left: 60px;padding-right: 30px;
        padding-top: 30px;
    }
    .accueil-section-13 .u-container-layout-3{
        /*   display: flex;align-items: center;*/
        padding-left: 50px;
        padding-top: 30px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .accueil-section-13.nous_avons_media{padding-top: 50px;}
    .accueil-section-13.nous_avons_regular{
        display: none;
    }
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 50px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        /* padding-left: 5vw;padding-right: 5vw;*/
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding-left: 2vw;padding-right: 2vw;
        /* grid-gap: 2px unset;*/
    }

    .accueil-section-13 .text_60{
        font-size: var(--text60-sm-font-size);
        line-height:45px;
        margin-left: 50px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-sm-font-size);
        line-height:25px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*display: flex;align-items: center*/
        padding-left: 60px;padding-right: 30px;
        padding-top: 30px;
    }
    .accueil-section-13 .u-container-layout-3{
        /*   display: flex;align-items: center;*/
        padding-left: 50px;
        padding-top: 30px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .accueil-section-13.nous_avons_media{padding-top: 50px;}
    .accueil-section-13.nous_avons_regular{
        display: none;
    }
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 50px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        /* padding-left: 5vw;padding-right: 5vw;*/
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding-left: 2vw;padding-right: 2vw;
        /*     grid-gap: 2px unset;*/
    }


    .accueil-section-13 .text_60{
        font-size: var(--text60-sm-font-size);
        line-height:45px;
        margin-left: 50px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-sm-font-size);
        line-height:25px;
    }
    .accueil-section-13 .u-container-layout-2{
        /*display: flex;align-items: center*/
        padding-left: 60px;padding-right: 0;
        padding-top: 30px;
    }
    .accueil-section-13 .u-container-layout-3{
        /*   display: flex;align-items: center;*/
        padding-left: 50px;
        padding-top: 30px;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    .accueil-section-13.nous_avons_media{padding-top: 50px;}
    .accueil-section-13.nous_avons_regular{
        display: none;
    }
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 50px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        /* padding-left: 5vw;padding-right: 5vw;*/
        display: grid;
        grid-template-columns: repeat(1, 100%);
        padding-left: 2vw;padding-right: 2vw;
        /* grid-gap: 2px unset;*/
    }

    .accueil-section-13 .text_60{
        font-size: var(--text60-xs-font-size);
        line-height:32px;
        margin-left: 20px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-xs-font-size);
        line-height:25px;
    }
    .accueil-section-13 .u-container-layout-2{
        padding-left: 40px;padding-right: 30px;
    }
    .accueil-section-13 .u-container-layout-3{
        padding-left: 40px;padding-right: 30px;
        padding-top: 30px;
    }
}
@media only screen and (max-width: 364px){
    .accueil-section-13.nous_avons_media{padding-top: 50px;}
    .accueil-section-13.nous_avons_regular{
        display: none;
    }
    .accueil-section-13 .u-sheet{width: 96% !important;margin: auto;padding-top: 50px;padding-bottom: 100px;}
    .accueil-section-13 .u-repeater-1{
        /* padding-left: 5vw;padding-right: 5vw;*/
        display: grid;
        grid-template-columns: repeat(1, 100%);
        padding-left: 2vw;padding-right: 2vw;
        /*   grid-gap: 2px unset;*/
    }

    .accueil-section-13 .text_60{
        font-size: var(--text60-xs-font-size);
        line-height:32px;
        margin-left: 20px;
    }
    .accueil-section-13 .text_20{
        font-size: var(--text20-xs-font-size);
        line-height:25px;
    }
    .accueil-section-13 .u-container-layout-2{
        padding-left: 40px;padding-right: 30px;
    }
    .accueil-section-13 .u-container-layout-3{
        padding-left: 40px;padding-right: 30px;
        padding-top: 15px;

    }
}

/** section-accueil-18*/

.page_accueil .opportunites-section-18{
    display: none;
}
/** section footer*/
.u-repeater{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}


.copyright_carrousel{
    padding-top: 80px;
}
.logo_footer{  width: 110px;height: auto;float: right; margin-right: 20px;}
.text_copyright{position: absolute;left:0;bottom:0;}
.u-footer .u-repeater.u-repeter_copyright{
    display: grid;
    grid-template-columns: repeat(2, 50%) ;

}
@media only screen and (min-width: 1920px){


    .u-footer  .u-section-4{
        padding: 120px;
    }

    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer,.u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(80% - 8px) calc(20% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer_carrousel_2 .u-social-icon img{
        width: 25px;
        height: 25px;
    }
    .u-footer .div_content_footer{
        width: 100%;

    }
    .u-footer .div_content_footer_item{
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    .u-footer .div_content_ville {
        grid-template-columns: calc(50% - 8px) calc(50% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer .ville_title{
        font-size: var( --title18-xl-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-xl-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 10px 41px auto;
    }
    .u-footer .contact_nous{
        padding-right: 200px;
    }
    .copyright_regular{display:flex;}
    .copyright_mobile{display: none!important;}
}
@media (min-width: 1846px) and (max-width: 1919px){
    .u-footer  .u-section-4{
        padding: 110px;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer,.u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(70% - 8px) calc(28% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .div_content_ville {
        width: 50%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-xl-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-xl-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 10px 41px auto;
    }
    .u-footer .contact_nous{
        padding-right: 200px;
    }
    .copyright_regular{display:flex;}
    .copyright_mobile{display: none!important;}
}
@media (min-width: 1551px) and (max-width: 1845px){
    .u-footer  .u-section-4{
        padding: 100px 100px 50px 100px;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;

    }
    .u-footer .u-repeater.u-repeater-content-footer,.u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(70% - 8px) calc(28% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .div_content_ville {
        width: 50%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-xl-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-xl-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 10px 41px auto;
    }
    .copyright_regular{display:flex;}
    .copyright_mobile{display: none!important;}
}
@media (min-width: 1366px) and (max-width: 1550px){
    .u-footer  .u-section-4{
        padding: 100px;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer,.u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(70% - 8px) calc(28% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .div_content_ville {
        width: 50%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-lg-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-lg-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 10px 41px auto;
    }
    .copyright_regular{display:flex;}
    .copyright_mobile{display: none!important;}
}
@media (min-width: 1200px) and (max-width: 1365px){

    .u-footer  .u-section-4{
        padding: 80px;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer,.u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(80% - 8px) calc(19.5% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-md-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
        margin-bottom: 0;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-md-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 25px;
        min-height: 16px;
        width: 25px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 0 41px auto;
    }
    .copyright_regular{display:flex;}
    .copyright_mobile{display: none!important;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .u-footer  .u-section-4{
        padding: 60px;
    }
    .u-footer .u-section-4 .u-sheet{
        width: 100% !important;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer .u-list-item-2{
        padding-top: 0;
        padding-left: 30px;
    }
    .u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(70% - 8px) calc(28% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-md-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-md-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 0 41px auto;
    }
    .copyright_mobile{
        display: none !important;
    }
    .copyright_regular{display:flex;}
    .copyright_mobile{display: none!important;}
}
@media (min-width: 768px) and (max-width: 991px){
    .u-footer  .u-section-4{
        padding: 40px;
    }
    .u-footer .u-section-4 .u-sheet{
        width: 100% !important;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(4, 25%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer{
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(70% - 8px) calc(28% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-md-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-md-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 0 41px auto;
    }
    .u-footer .u-repeater.u-repeter_copyright{
        display: grid;
     /*   grid-template-columns: repeat(2, 50%) ;*/
        grid-template-columns: calc(65% - 8px) calc(35% - 8px);

    }
    .copyright_regular{display:flex;}
    .copyright_mobile{
        display: none !important;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .u-footer  .u-section-4{
        padding: 40px 40px 20px 40px;
    }
    .u-footer .u-section-4 .u-sheet{
        width: 100% !important;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer{
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(70% - 8px) calc(28% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-md-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-md-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 0 41px auto;
    }
  /*  .u-footer .u-repeater.u-repeter_copyright{
        display: grid;
        !*   grid-template-columns: repeat(2, 50%) ;*!
        grid-template-columns: calc(65% - 8px) calc(35% - 8px);

    }*/
    .copyright_mobile .logo_footer_pos{
        height: 150px;
    }
    .copyright_regular{
        display: none !important;
    }
}
@media (min-width: 365px) and (max-width: 575px){

    .u-footer  .u-section-4{
        padding: 20px 20px;
    }
    .u-footer .u-section-4 .u-sheet{
        width: 100% !important;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer{
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(100% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-xs-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-xs-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 0 41px auto;
    }

    .u-footer .u-repeater.u-repeter_copyright.copyright_mobile{
        display: grid;
        grid-template-columns: repeat(1, 100%)

    }
    .copyright_regular{display:none !important;}
    .copyright_mobile .logo_footer_pos{
        height: 150px;
    }
    .copyright_mobile .text_copyright{ margin: 50px 0 0 30px}

}
@media only screen and (max-width: 364px){

    .u-footer  .u-section-4{
        padding: 40px;
    }
    .u-footer .u-section-4 .u-sheet{
        width: 100% !important;
    }
    .u-section-2 .u-repeater {
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }
    .u-footer .u-repeater.u-repeter_original{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .u-footer .u-repeater.u-repeater-content-footer{
        display: grid;
        grid-template-columns: repeat(1, 100%) !important;
    }

    .u-footer .u-footer_carrousel_2 .u-repeater.u-repeter_contact {
        grid-template-columns: calc(100% - 8px);
        grid-gap: 10px 10px;
    }
    .u-footer_carrousel_1{
        width: 100%;
    }
    .u-footer_carrousel_2{
        width: 100%;
    }
    .u-footer .div_content_footer{
        width: 100%;
    }
    .u-footer .ville_title{
        font-size: var( --title18-xs-font-size);
        line-height: 22px;
        letter-spacing: 0.3px;
    }
    .u-footer .ville_detail{
        font-size: var(  --text18-xs-font-size);
        line-height: 28px;
        letter-spacing: 0;
    }
    .u-footer .u-social-icons-1 {
        height: 31px;
        min-height: 16px;
        width: 154px;
        min-width: 94px;
        white-space: nowrap;
        margin: 40px 0 41px auto;
    }
    .u-footer .u-repeater.u-repeter_copyright{
        display: grid;
        grid-template-columns: calc(100% - 8px);
    }
    .logo_footer{  width: 100px;height: auto;float: right;margin-right: 0;}
    p.text_copyright{position: absolute;left:0;bottom:0; font-size: 10px; line-height: 14px;}
    .copyright_regular{display:none !important;}

    .copyright_mobile .logo_footer_pos{
        height: 150px;
    }
    .copyright_mobile .text_copyright{ margin: 30px 0 0 0}
}

.nav.navbar-nav{
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.nav .nav_item{margin-top: 50px}



.imgbanner {
    margin-left: 10px;
    margin-right: 15px;
    border:none !important;
    width: 45%;
}
.imgbanner_car_h {
    margin-left: 10px;
    margin-right: 15px;
    /*  margin-top: -180px;*/
}

.imgbanner_car_h.flechas{
    margin-top: -180px;
}



.inputstl {
    padding: 9px;
    border: solid 1px #4B718B;
    outline: 0;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #CDDBE4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #CDDBE4 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}

.menucls {
    background-color: transparent;
    border-color: transparent;
}
.menucls.navbar{
    margin-bottom: 0 !important;
    position: fixed !important;
    background-color: transparent !important;
    z-index: 1200;
    top:0
}
.menucls .navbar-brand {
    color: #d7e2e9;
}
.menucls .navbar-brand:hover, .menucls .navbar-brand:focus {
    color: #e5dbdb;
}
.menucls .navbar-text {
    color: #d7e2e9;
}
.menucls .navbar-nav > li > a {
    color: #d7e2e9;
}
.menucls .navbar-nav > li > a:hover, .menucls .navbar-nav > li > a:focus {
    color: #e5dbdb;
}
.menucls .navbar-nav > li > .dropdown-menu {
    background-color: #69899f;
}
.menucls .navbar-nav > li > .dropdown-menu > li > a {
    color: #d7e2e9;
}
.menucls .navbar-nav > li > .dropdown-menu > li > a:hover,
.menucls .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #e5dbdb;
    background-color: #425766;
}
.menucls .navbar-nav > li > .dropdown-menu > li > .divider {
    background-color: #69899f;
}
.menucls .navbar-nav > .active > a, .menucls .navbar-nav > .active > a:hover, .menucls .navbar-nav > .active > a:focus {
    color: #e5dbdb;
    background-color: #425766;
}
.menucls .navbar-nav > .open > a, .menucls .navbar-nav > .open > a:hover, .menucls .navbar-nav > .open > a:focus {
    color: #e5dbdb;
    background-color: #425766;
}
.menucls .navbar-toggle {
    border-color: #425766;
}
.menucls .navbar-toggle:hover, .menucls .navbar-toggle:focus {
    background-color: #425766;
}
.menucls .navbar-toggle .icon-bar {
    background-color: #d7e2e9;
}
.menucls .navbar-collapse,
.menucls .navbar-form {
    border-color: #d7e2e9;
}
.menucls .navbar-link {
    color: #d7e2e9;
}
.menucls .navbar-link:hover {
    color: #e5dbdb;
}
.menucls .u-social-icons-1{
    /*height: 31px;*/
    min-height: 16px;
    width: 154px;
    min-width: 94px;
    white-space: nowrap;

}
.card-user .accueil-section-1 .glyphicon-chevron-left .accueil-section-1 .glyphicon-chevron-right{
    color:#fff !important;
}
@media (max-width: 767px) {
    .menucls .navbar-nav .open .dropdown-menu > li > a {
        color: #d7e2e9;
    }
    .menucls .navbar-nav .open .dropdown-menu > li > a:hover, .menucls .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #e5dbdb;
    }
    .menucls .navbar-nav .open .dropdown-menu > .active > a, .menucls .navbar-nav .open .dropdown-menu > .active > a:hover, .menucls .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #e5dbdb;
        background-color: #425766;
    }
}

/*.content_ajax{
    margin-top: -120px;
}*/
.container-fluid{
    width: 100%;
}


/** section-opportunite*/

.page_opportunites .row_content{
    background-color: var(--color_dark_blue_principal);
}
.page_opportunites .lbl_emlois_trouves{
    text-transform: uppercase;
}
.page_opportunites .lbl_emlois_group{
    text-transform: none;
}

@media only screen and (min-width: 1920px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .page_opportunites .row_content{
        padding: 5% 6% ;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    .page_opportunites .row_content{
        padding: 5% 4% ;
    }
}
@media only screen and (max-width: 364px){
    .page_opportunites .row_content{
        padding: 5% 4% ;
    }
}


/** page_details */


.page_details .content_icons_eframe svg {
    height: 30px !important;
    width: 30px !important;
    fill: currentColor;
    stroke: currentColor;
}

@media only screen and (max-width: 991px){
    .page_details .list_box_advantages .u-repeater.u-repeater-1{
        grid-template-columns: calc(100%);
        grid-gap: 10px 0;
    }
}
.page_details .u-layout-row{
    width: 100%;
}


.page_details .u-size-detail-iz-xl {
    flex: 0 0 21%;
    max-width: 21%;
    min-width: 21%;
}

.page_details .u-size-detail-cnt-xl {
    flex: 0 0 55%;
    max-width: 55%;
    min-width: 55%;
}
.page_details .u-size-detail-der-xl {
    flex: 0 0 24%;
    max-width: 24%;
    min-width: 24%;
}
.page_details .u-layout .u-layout-cell.u-layout-cell-1{
    border: none;

}
.page_details .u-layout .u-layout-cell.u-layout-cell-2{
    border:none;
    padding-top: 50px;
}
.page_details .u-container-layout.u-container-layout-2{
    border-right: solid var(--color_dark_blue_principal) 1px ;
}

.div-button-postuler{
    display: inline-block;
}
.div-tittle{
    display: inline-block;
}
.div_title_sommaire{
    background-color: var(--color_dark_blue_principal);
    border-radius: 0 30px 30px 0;
    height: 40px;
    width: 18%;
    text-align: right;
    padding-right: 30px;
}
p.p-sommaire{
    line-height: 40px;
    text-transform: uppercase;

}
.block_details{width: 100%;}
.div-button-postuler a{
    background-color: var(--button_blue);
    text-transform: uppercase;
    border-radius: 35px;
}
.div-button-postuler a:hover,
.div-button-postuler a:active,
.div-button-postuler a:focus{
    background-color: var(--color_dark_blue_principal) !important;
}
.u-btn:hover,
.u-btn:active,
.u-btn:focus{
    background-color: var(--color_dark_blue_principal);
}
.title_avantages{
    background-color: var(--color_dark_blue_principal);
    border-radius: 0 0 30px 30px;
    width: 214px;
    margin: auto;
    height:183px ;
}
.div-resumen{

    padding-bottom: 30px;
}
.hr_details{
    height: 1px;
    background:var(--color_blue_principal);
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 30px;
}
.hr_contact{
    height: 1px;
    background:var(--color_blue_principal);
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 5px;
}
.title_avantages p{
    line-height: 20px;
}

.page_details .content_opportunites{
    display:none !important;
}
.page_details  .u-section-24{
    width: 100% !important;
    margin: auto;
}
.logo_les_societes{
    position: absolute;
    left: 20%;
    bottom: 50px;
    width: 250px;
}
@media only screen and (min-width: 1920px){
    .page_details .mobil_avantages{
        display: none;
    }
    .div_title_sommaire{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 30px 30px 0;
        height: 40px;
        width: 18%;
        text-align: left;

        padding-left: 65px;
    }
    .div-top-1{padding-left: 65px;padding-bottom: 50px}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 65px;
    }
    .all_sommaire,.div_sommaire_right, .div_horaire{
        padding-left: 65px;
    }
    .div_sommaie_left{
        padding-left: 130px;
        padding-top: 130px;
    }

    .div-tittle{
        width: 80%;
    }
    .div-button-postuler{
        width: 18%}
    .div-button-postuler.div-button-postuler_mobil{
        display: none;
    }
    p.p-sommaire{
        line-height: 40px;
        text-transform: uppercase;
    }
    p.details-job-titre{
        line-height: 38px;
    }
    .div-button-postuler a{
        margin-bottom: 0;
    }
    .div_content_item_avantages{margin-top: 50px;}
    .title_avantages{
        width: 180px;
        height:140px ;
        padding-top: 60px;
    }
    .hr_details{
        margin-bottom: 30px !important;
    }
    .hr_contact{
        margin-bottom: 5px !important;
    }
    .page_details .content_opportunites_details{
        padding: 5% 6% ;}
    .page_details .text_title_opport{
        font-size: var(--text25-xl-font-size);
    }
    .page_details .goto_job{
        font-size:var(--text20-xl-font-size)
        /* font-size: 14px;*/
    }
    .page_details a.goto_job.btn_opportunite_gotojob{
        font-size: 13px;
    }
    .page_details .icon_arrow_opportunite_15{
        margin-left: -30px;
    }
   /* .page_details .list-emplois_vedettes{
        display:none;
    }*/
}
@media (min-width: 1846px) and (max-width: 1919px){
    .page_details .mobil_avantages{
        display: none;
    }
    .div_title_sommaire{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 30px 30px 0;
        height: 40px;
        width: 18%;
        text-align: left;
        padding-left: 65px;
    }
    .div-top-1{padding-left: 65px;padding-bottom: 30px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 65px;
    }
    .div_sommaie_left{
        padding-left: 130px;
        padding-top: 130px;
    }

    .div-tittle{
        width: 80%;
    }
    .div-button-postuler{
        width: 18%}
    .div-button-postuler.div-button-postuler_mobil{
        display: none;
    }
    p.p-sommaire{
        line-height: 40px;
        text-transform: uppercase;
    }
    p.details-job-titre{
        line-height: 38px;
    }
    .div-button-postuler a{
        margin-bottom: 0;
    }
    .div_content_item_avantages{margin-top: 50px;}
    .title_avantages{
        width: 214px;
        height:180px ;
        padding-top: 60px;
    }
    .hr_details{
        margin-bottom: 30px !important;
    }
    .hr_contact{
        margin-bottom: 5px !important;
    }
    .page_details .content_opportunites_details{
        padding: 5% 6% ;}
    .page_details .text_title_opport{
        font-size: var(--text25-xl-font-size);
    }
    .page_details .goto_job{
        font-size:var(--text20-xl-font-size);

    }
    .page_details a.goto_job.btn_opportunite_gotojob{
        font-size: 13px;
    }
    /*.page_details .list-emplois_vedettes{
        display:none;
    }*/
}
@media (min-width: 1551px) and (max-width: 1845px){
    .page_details .mobil_avantages{
        display: none;
    }
    .div_title_sommaire{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 30px 30px 0;
        height: 40px;
        width: 18%;
       /* text-align: left;*/

  /*      padding-left: 65px;*/
    }
    .div-top-1{padding-left: 65px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 65px;
    }
    .div_sommaie_left{
        padding-left: 80px;
        padding-top: 130px;
        padding-right: 30px;
    }
    .div-tittle{
        width: 75%;
    }
    .div-button-postuler{
        width: 18%}
    .div-button-postuler.div-button-postuler_mobil{
        display: none;
    }
    p.p-sommaire{
        line-height: 40px;
        text-transform: uppercase;
    }
    p.details-job-titre{
        line-height: 38px;
    }
    .div-button-postuler a{
        margin-bottom: 0;
    }
    .div_content_item_avantages{margin-top: 50px;}
    .title_avantages{
        width: 180px;
        height: 140px;
        padding-top: 60px;
    }
    .hr_details{
        margin-bottom: 30px !important;
    }
    .hr_contact{
        margin-bottom: 5px !important;
    }
    .page_details .content_opportunites_details{
        padding: 5% 6% ;}
    .page_details .text_title_opport{
        font-size: var(--text25-xl-font-size);
    }
    .page_details .goto_job{
        font-size:var(--text20-xl-font-size)
    }
    .page_details a.goto_job.btn_opportunite_gotojob{
        font-size: 13px;
    }
   /* .page_details .list-emplois_vedettes{
        display:none;
    }*/
}
@media (min-width: 1366px) and (max-width: 1550px){
    .page_details .mobil_avantages{
        display: none;
    }
    .div_title_sommaire{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 30px 30px 0;
        height: 40px;
        width: 22%;
      /*  text-align: left;

        padding-left: 65px;*/
    }
    .div-top-1{padding-left: 65px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 65px;
    }
    .div_sommaie_left{
        padding-left: 80px;
        padding-top: 130px;
        padding-right: 30px;
    }
    .div-tittle{
        width: 75%;
    }
    .div-button-postuler{
        width: 18%}
    .div-button-postuler.div-button-postuler_mobil{
        display: none;
    }
    p.p-sommaire{
        line-height: 40px;
        text-transform: uppercase;
    }
    p.details-job-titre{
        line-height: 38px;
    }
    .div-button-postuler a{
        margin-bottom: 0;
    }
    .div_content_item_avantages{margin-top: 50px;}
    .title_avantages{
        width: 180px;
        height: 140px;
        padding-top: 60px;
    }
    .hr_details{
        margin-bottom: 30px !important;
    }
    .hr_contact{
        margin-bottom: 5px !important;
    }
    .page_details .content_opportunites_details{
        padding: 5% 6% ;}
    .page_details .goto_job{
        font-size:var(--text20-lg-font-size)
    }
    .page_details a.goto_job.btn_opportunite_gotojob{
        font-size: 13px;
    }
   /* .page_details .list-emplois_vedettes{
        display:none;
    }*/
    .logo_les_societes{
        width: 220px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .page_details .mobil_avantages{
        display: none;
    }
    .div_title_sommaire{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 30px 30px 0;
        height: 40px;
        width: 22%;

    }
    .div-top-1{padding-left: 65px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 65px;
    }
    .div_sommaie_left{
        padding-left: 40px;
        padding-top: 130px;
        padding-right: 30px;
    }
    .div-tittle{
        width: 75%;
    }
    .div-button-postuler{
        width: 18%}
    .div-button-postuler.div-button-postuler_mobil{
        display: none;
    }


    p.p-sommaire{
        line-height: 40px;
        text-transform: uppercase;
    }
    p.details-job-titre{
        line-height: 38px;
    }
    .div-button-postuler a{
        margin-bottom: 0;
    }
    .div_content_item_avantages{margin-top: 50px;}

    .hr_details{
        margin-bottom: 30px !important;
    }
    .hr_contact{
        margin-bottom: 5px !important;
    }
    .page_details .content_opportunites_details{
        padding: 5% 6% ;}
    .title_avantages{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 0 30px 30px;
        width: 140px;
        margin: auto;
        height:120px ;
        padding-top: 40px;
    }
    .title_avantages p{
        font-size: 14px;
    }
   /* .page_details .list-emplois_vedettes{
        display:none;
    }*/
    .logo_les_societes{
        width: 180px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .page_details .mobil_avantages{
        display: none;
    }
    .div_title_sommaire{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 30px 30px 0;
        height: 40px;
        width: 150px;
        text-align: left;

        padding-left: 35px;
    }
    .div-top-1{padding-left: 65px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 65px;
    }
    .div_sommaie_left{
        padding-left: 25px;
        padding-top: 130px;
        padding-right: 30px;
    }
    .div-tittle{
        width: 75%;
    }
    .div-button-postuler{
        width: 18%}
    .div-button-postuler.div-button-postuler_regular{
        display: none;
    }
    p.p-sommaire{
        line-height: 40px;
        text-transform: uppercase;
    }
    p.details-job-titre{
        line-height: 38px;
    }
    .div-button-postuler a{
        margin-bottom: 0;
    }
    .div_content_item_avantages{margin-top: 50px;}

    .hr_details{
        margin-bottom: 30px !important;
    }
    .hr_contact{
        margin-bottom: 5px !important;
    }
    .page_details .content_opportunites_details{
        padding: 5% 6% ;}
    .title_avantages{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 0 30px 30px;
        width: 140px;
        margin: auto;
        height:120px ;
        padding-top: 40px;
    }
    .title_avantages p{
        font-size: 14px;
    }
 /*   .page_details .list-emplois_vedettes{
        display:none;
    }*/
    .logo_les_societes{
        width: 180px;
    }
    .page_details .u-size-detail-iz-xl {
        flex: 0 0 21%;
        max-width: 21%;
        min-width: 21%;
    }

    .page_details .u-size-detail-cnt-xl {
        flex: 0 0 53%;
        max-width: 53%;
        min-width: 53%;
    }
    .page_details .u-size-detail-der-xl {
        flex: 0 0 26%;
        max-width: 26%;
        min-width: 26%;
    }
}
@media (min-width: 768px) and (max-width: 991px){

    .page_details .u-size-detail-iz-xl {
        flex: 0 0 0%;
        max-width: 0%;
        min-width: 0%;
    }

    .page_details .u-size-detail-cnt-xl {
        flex: 0 0 65%;
        max-width: 65%;
        min-width: 65%;
    }
    .page_details .u-size-detail-der-xl {
        flex: 0 0 35%;
        max-width: 35%;
        min-width: 35%;
    }
    .page_details .mobil_avantages{
        display: none;
    }
    .div_title_sommaire{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 30px 30px 0;
        height: 40px;
        width: 130px;
        text-align: left;

        padding-left: 20px;
    }
    .div-top-1{padding-left: 10px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 20px;
    }

    .div-tittle{
        width: 70%;
    }
    .div-button-postuler{
        width: 18%}
    .div-button-postuler.div-button-postuler_regular{
        display: none;
    }
    p.p-sommaire{
        line-height: 40px;
        text-transform: uppercase;
    }
    p.details-job-titre{
        line-height: 38px;
    }
    .div-button-postuler a{
        margin-bottom: 0;
    }
    .div_content_item_avantages{margin-top: 50px;padding-left: 0;}


    .div_content_item_avantages .text-18{font-size: 12px !important;}

    .hr_details{
        margin-bottom: 30px !important;
    }
    .hr_contact{
        margin-bottom: 5px !important;
    }
    .page_details .content_opportunites_details{
        padding: 5% 6% ;}
    .title_avantages{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 0 30px 30px;
        width: 130px;
        margin: auto;
        height:80px ;
        padding-top: 20px;
    }
    .title_avantages p{
        font-size: 11px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    .page_details .desktop_avantages{
        display: none;
    }
    .div-top-1{padding-left: 25px;}
    .div_title_sommaire{padding-left: 25px;     width:140px;}
    .div_sommaire_right{padding-left: 25px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 20px;
    }
    .page_details .mobil_avantages .u-repeater{
        display: grid;
        grid-template-columns: repeat(3, 33.3333%) !important;
    }
    .title_avantages{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 0 30px 30px;
        width: 140px;
        margin: 0 auto 50px auto;
        height:90px ;
        padding-top: 20px;

    }
    .mobil_avantages .div_content_item_avantages{
        margin-bottom: 30px;
    }
    .page_details .u-container-layout.u-container-layout-2{
        border-right: none ;
    }
    .div-button-postuler.div-button-postuler_regular{
        display: none;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    .page_details .desktop_avantages{
        display: none;
    }
    .div-top-1{padding-left: 25px;}
    .div_title_sommaire{padding-left: 25px;     width:140px;}
    .div_sommaire_right{padding-left: 25px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 20px;
    }
    .page_details .mobil_avantages .u-repeater{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .title_avantages{
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 0 30px 30px;
        width: 140px;
        margin: 0 auto 30px auto;
        height:90px ;
        padding-top: 20px;

    }
    .mobil_avantages .div_content_item_avantages{
        margin-bottom: 30px;
    }
    .div-button-postuler.div-button-postuler_regular{
        display: none;
    }
    .page_details .u-layout .u-layout-cell.u-layout-cell-2{
        border:none;
        padding-top: 20px;
    }
}
@media only screen and (max-width: 364px){
    .page_details .desktop_avantages{
        display: none;
    }
    .div-top-1{padding-left: 25px;}
    .div_title_sommaire{padding-left: 25px;     width:140px;}
    .div_sommaire_right{padding-left: 25px;}
    .all_sommaire,.div_sommaire, .div_horaire{
        padding-left: 20px;
    }
    .title_avantages {
        background-color: var(--color_dark_blue_principal);
        border-radius: 0 0 30px 30px;
        width: 140px;
        margin: 0 auto 30px auto;
        height: 90px;
        padding-top: 20px;
    }

    .page_details .mobil_avantages .u-repeater{
        display: grid;
        grid-template-columns: repeat(2, 50%) !important;
    }
    .mobil_avantages .div_content_item_avantages{
        margin-bottom: 30px;
    }
    .page_details .u-container-layout.u-container-layout-2{
        border-right: none ;
    }
    .div-button-postuler.div-button-postuler_regular{
        display: none;
    }
    .page_details .u-layout .u-layout-cell.u-layout-cell-2{
        border:none;
        padding-top: 20px;
    }
}
/** text configuration size*/
/*

@media only screen and (min-width: 1920px){
    .img_cont_avant_1{width: 22%;}
    .img_cont_avant_2{width: 20%;}
    .img_cont_avant_3{width: 22%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 16%;}
    .img_cont_avant_6{width: 16%;}
    .img_cont_avant_7{width: 18%;}
    .img_cont_avant_8{width: 14%;}
    .img_cont_avant_9{width: 18%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 18%;}
    .img_cont_avant_12{width: 20%;}
}
@media (min-width: 1846px) and (max-width: 1919px){
    .img_cont_avant_1{width: 22%;}
    .img_cont_avant_2{width: 20%;}
    .img_cont_avant_3{width: 22%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 16%;}
    .img_cont_avant_6{width: 16%;}
    .img_cont_avant_7{width: 18%;}
    .img_cont_avant_8{width: 14%;}
    .img_cont_avant_9{width: 18%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 18%;}
    .img_cont_avant_12{width: 20%;}
}

@media (min-width: 1551px) and (max-width: 1845px){
    .img_cont_avant_1{width: 22%;}
    .img_cont_avant_2{width: 20%;}
    .img_cont_avant_3{width: 22%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 16%;}
    .img_cont_avant_6{width: 16%;}
    .img_cont_avant_7{width: 18%;}
    .img_cont_avant_8{width: 14%;}
    .img_cont_avant_9{width: 18%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 18%;}
    .img_cont_avant_12{width: 20%;}

}
@media (min-width: 1366px) and (max-width: 1550px){
    .img_cont_avant_1{width: 22%;}
    .img_cont_avant_2{width: 18%;}
    .img_cont_avant_3{width: 22%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 16%;}
    .img_cont_avant_6{width: 16%;}
    .img_cont_avant_7{width: 18%;}
    .img_cont_avant_8{width: 14%;}
    .img_cont_avant_9{width: 18%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 18%;}
    .img_cont_avant_12{width: 20%;}
}
@media (min-width: 1200px) and (max-width: 1365px){
    .img_cont_avant_1{width: 22%;}
    .img_cont_avant_2{width: 18%;}
    .img_cont_avant_3{width: 22%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 16%;}
    .img_cont_avant_6{width: 16%;}
    .img_cont_avant_7{width: 18%;}
    .img_cont_avant_8{width: 14%;}
    .img_cont_avant_9{width: 18%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 18%;}
    .img_cont_avant_12{width: 20%;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .img_cont_avant_1{width: 22%;}
    .img_cont_avant_2{width: 18%;}
    .img_cont_avant_3{width: 22%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 16%;}
    .img_cont_avant_6{width: 16%;}
    .img_cont_avant_7{width: 18%;}
    .img_cont_avant_8{width: 14%;}
    .img_cont_avant_9{width: 18%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 18%;}
    .img_cont_avant_12{width: 20%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .img_cont_avant_1{width: 22%;}
    .img_cont_avant_2{width: 18%;}
    .img_cont_avant_3{width: 22%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 16%;}
    .img_cont_avant_6{width: 16%;}
    .img_cont_avant_7{width: 18%;}
    .img_cont_avant_8{width: 14%;}
    .img_cont_avant_9{width: 18%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 18%;}
    .img_cont_avant_12{width: 20%;}
}
@media (min-width: 576px) and (max-width: 767px){
    .img_cont_avant_1{width: 25%;}
    .img_cont_avant_2{width: 20%;}
    .img_cont_avant_3{width: 25%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 15%;}
    .img_cont_avant_6{width: 15%;}
    .img_cont_avant_7{width: 20%;}
    .img_cont_avant_8{width: 20%;}
    .img_cont_avant_9{width: 20%;}
    .img_cont_avant_10{width: 8%;}
    .img_cont_avant_11{width: 20%;}
    .img_cont_avant_12{width: 25%;}
}
@media (min-width: 365px) and (max-width: 575px){
    .img_cont_avant_1{width: 30%;}
    .img_cont_avant_2{width: 27%;}
    .img_cont_avant_3{width: 30%;}
    .img_cont_avant_4{width: 23%;}
    .img_cont_avant_5{width: 20%;}
    .img_cont_avant_6{width: 20%;}
    .img_cont_avant_7{width: 25%;}
    .img_cont_avant_8{width: 25%;}
    .img_cont_avant_9{width: 25%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 25%;}
    .img_cont_avant_12{width: 30%;}
}
@media only screen and (max-width: 364px){
    .img_cont_avant_1{width: 35%;}
    .img_cont_avant_2{width: 32%;}
    .img_cont_avant_3{width: 35%;}
    .img_cont_avant_4{width: 28%;}
    .img_cont_avant_5{width: 25%;}
    .img_cont_avant_6{width: 25%;}
    .img_cont_avant_7{width: 30%;}
    .img_cont_avant_8{width: 30%;}
    .img_cont_avant_9{width: 32%;}
    .img_cont_avant_10{width: 15%;}
    .img_cont_avant_11{width: 30%;}
    .img_cont_avant_12{width: 35%;}
}
*/

@media only screen and (min-width: 1920px){
    .img_cont_avant_1{height: 22%;}
    .img_cont_avant_2{height: 20%;}
    .img_cont_avant_3{height: 22%;}
    .img_cont_avant_4{height: 18%;}
    .img_cont_avant_5{height: 18%;}
    .img_cont_avant_6{height: 16%;}
    .img_cont_avant_7{height: 65px;}
    .img_cont_avant_8{height: 14%;}
    .img_cont_avant_9{height: 18%;}
    .img_cont_avant_10{height: 60px;}
    .img_cont_avant_11{height: 18%;}
    .img_cont_avant_12{height: 20%;}
}
@media (min-width: 1846px) and (max-width: 1919px){
    .img_cont_avant_1{height: 22%;}
    .img_cont_avant_2{height: 20%;}
    .img_cont_avant_3{height: 22%;}
    .img_cont_avant_4{height: 60px;}
    .img_cont_avant_5{height: 18%;}
    .img_cont_avant_6{height: 16%;}
    .img_cont_avant_7{height: 65px;}
    .img_cont_avant_8{height: 14%;}
    .img_cont_avant_9{height: 18%;}
    .img_cont_avant_10{height: 60px;}
    .img_cont_avant_11{height: 18%;}
    .img_cont_avant_12{height: 20%;}
}

@media (min-width: 1551px) and (max-width: 1845px){
    .img_cont_avant_1{height: 22%;}
    .img_cont_avant_2{height: 20%;}
    .img_cont_avant_3{height: 22%;}
    .img_cont_avant_4{height: 60px;}
    .img_cont_avant_5{height: 18%;}
    .img_cont_avant_6{height: 16%;}
    .img_cont_avant_7{height: 65px;}
    .img_cont_avant_8{height: 14%;}
    .img_cont_avant_9{height: 18%;}
    .img_cont_avant_10{height: 60px;}
    .img_cont_avant_11{height: 18%;}
    .img_cont_avant_12{height: 20%;}

}
@media (min-width: 1366px) and (max-width: 1550px){
    .img_cont_avant_1{height: 22%;}
    .img_cont_avant_2{height: 20%;}
    .img_cont_avant_3{height: 22%;}
    .img_cont_avant_4{height: 60px;}
    .img_cont_avant_5{height: 18%;}
    .img_cont_avant_6{height: 16%;}
    .img_cont_avant_7{height: 65px;}
    .img_cont_avant_8{height: 14%;}
    .img_cont_avant_9{height: 18%;}
    .img_cont_avant_10{height: 60px;}
    .img_cont_avant_11{height: 18%;}
    .img_cont_avant_12{height: 20%;}
}
@media (min-width: 1200px) and (max-width: 1365px){
    .img_cont_avant_1{height: 22%;}
    .img_cont_avant_2{height: 20%;}
    .img_cont_avant_3{height: 22%;}
    .img_cont_avant_4{height: 60px;}
    .img_cont_avant_5{height: 18%;}
    .img_cont_avant_6{height: 16%;}
    .img_cont_avant_7{height: 65px;}
    .img_cont_avant_8{height: 14%;}
    .img_cont_avant_9{height: 18%;}
    .img_cont_avant_10{height: 60px;}
    .img_cont_avant_11{height: 18%;}
    .img_cont_avant_12{height: 20%;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .img_cont_avant_1{height: 20%;}
    .img_cont_avant_2{height: 18%;}
    .img_cont_avant_3{height: 20%;}
    .img_cont_avant_4{height: 60px;}
    .img_cont_avant_5{height: 18%;}
    .img_cont_avant_6{height: 16%;}
    .img_cont_avant_7{height: 65px;}
    .img_cont_avant_8{height: 14%;}
    .img_cont_avant_9{height: 18%;}
    .img_cont_avant_10{height: 60px;}
    .img_cont_avant_11{height: 18%;}
    .img_cont_avant_12{height: 20%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .img_cont_avant_1{height: 22%;}
    .img_cont_avant_2{height: 20%;}
    .img_cont_avant_3{height: 22%;}
    .img_cont_avant_4{height: 60px;}
    .img_cont_avant_5{height: 18%;}
    .img_cont_avant_6{height: 16%;}
    .img_cont_avant_7{height: 65px;}
    .img_cont_avant_8{height: 14%;}
    .img_cont_avant_9{height: 18%;}
    .img_cont_avant_10{height: 60px;}
    .img_cont_avant_11{height: 18%;}
    .img_cont_avant_12{height: 20%;}
}
@media (min-width: 576px) and (max-width: 767px){
    .img_cont_avant_1{width: 25%;}
    .img_cont_avant_2{width: 20%;}
    .img_cont_avant_3{width: 25%;}
    .img_cont_avant_4{width: 18%;}
    .img_cont_avant_5{width: 15%;}
    .img_cont_avant_6{width: 15%;}
    .img_cont_avant_7{width: 20%;}
    .img_cont_avant_8{width: 20%;}
    .img_cont_avant_9{width: 20%;}
    .img_cont_avant_10{width: 8%;}
    .img_cont_avant_11{width: 20%;}
    .img_cont_avant_12{width: 25%;}
}
@media (min-width: 365px) and (max-width: 575px){
    .img_cont_avant_1{width: 30%;}
    .img_cont_avant_2{width: 27%;}
    .img_cont_avant_3{width: 30%;}
    .img_cont_avant_4{width: 23%;}
    .img_cont_avant_5{width: 20%;}
    .img_cont_avant_6{width: 20%;}
    .img_cont_avant_7{width: 25%;}
    .img_cont_avant_8{width: 25%;}
    .img_cont_avant_9{width: 25%;}
    .img_cont_avant_10{width: 10%;}
    .img_cont_avant_11{width: 25%;}
    .img_cont_avant_12{width: 30%;}
}
@media only screen and (max-width: 364px){
    .img_cont_avant_1{width: 35%;}
    .img_cont_avant_2{width: 32%;}
    .img_cont_avant_3{width: 35%;}
    .img_cont_avant_4{width: 28%;}
    .img_cont_avant_5{width: 25%;}
    .img_cont_avant_6{width: 25%;}
    .img_cont_avant_7{width: 30%;}
    .img_cont_avant_8{width: 30%;}
    .img_cont_avant_9{width: 32%;}
    .img_cont_avant_10{width: 15%;}
    .img_cont_avant_11{width: 30%;}
    .img_cont_avant_12{width: 35%;}
}



@media only screen and (min-width: 1920px){
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-xl-font-size) !important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-xl-font-size) !important;
    }
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-xl-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-xl-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-xl-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-xl-font-size) !important;
    }
    p.text-25,.span.text-25,li.text-25{
        font-size: var(--text25-xl-font-size);
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-xl-font-size);
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-xl-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-xl-font-size);
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-xl-font-size);
    }
}
@media (min-width: 1846px) and (max-width: 1919px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-xl-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-xl-font-size) !important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-xl-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-xl-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-xl-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-xl-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-xl-font-size);
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-xl-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text18-xl-font-size);
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-xl-font-size);
    }
}
@media (min-width: 1551px) and (max-width: 1845px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-lg-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-lg-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-lg-font-size) !important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-lg-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-lg-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-lg-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-lg-font-size);
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-lg-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-lg-font-size);
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-lg-font-size);
    }
}
@media (min-width: 1366px) and (max-width: 1550px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-lg-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-lg-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-lg-font-size) !important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-lg-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-lg-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-lg-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-lg-font-size);
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-lg-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-lg-font-size) !important;
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-lg-font-size);
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-md-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-md-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-md-font-size)!important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-md-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-md-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-md-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-md-font-size);
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-md-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-md-font-size)!important;
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-md-font-size);
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-md-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-md-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-md-font-size)!important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-md-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-md-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-md-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-md-font-size);
        line-height:24px ;
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-md-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-md-font-size)!important;
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-md-font-size);
    }
}
@media (min-width: 768px) and (max-width: 991px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-sm-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-sm-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-sm-font-size)!important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-sm-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-sm-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-sm-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-sm-font-size);
        line-height: 26px;
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-sm-font-size);
        line-height: 28px;
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-sm-font-size)!important;
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-sm-font-size);
    }
    .logo_les_societes{
        display:none !important;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-sm-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-sm-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-sm-font-size)!important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-sm-font-size) !important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-sm-font-size) !important;
    }

    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-sm-font-size) !important;
    }

    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-sm-font-size);
        line-height: 22px;
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-sm-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-sm-font-size)!important;
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-sm-font-size);
    }
    .logo_les_societes{
        display:none !important;
    }
}
@media (min-width: 365px) and (max-width: 575px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-xs-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-xs-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-xs-font-size)!important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-xs-font-size) !important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-xs-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-xs-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-xs-font-size);
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-xs-font-size);
    }

    p.text-32,.span.text-32,li.text-32,a.text-18{
        font-size: var(--text32-xs-font-size)!important;
        padding-left: 0;
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-xs-font-size);
        padding-left: 30px;
    }
    .logo_les_societes{
        display:none !important;
    }
}
@media only screen and (max-width: 364px){
    p.text-20,.span.text-20,li.text-20,a.text-20{
        font-size: var(--text20-xs-font-size) !important;
    }
    p.title-18,.span.title-18,li.title-18,a.title-18{
        font-size: var(--title18-xs-font-size) !important;
    }
    p.title-16,.span.title-16,li.title-16,a.title-16{
        font-size: var(--title16-xs-font-size) !important;
    }
    p.text-18,.span.text-18,li.text-18,a.text-18{
        font-size: var(--text18-xs-font-size)!important;
    }
    p.text-16,.span.text-16,li.text-16,a.text-16{
        font-size: var(--title16-xs-font-size) !important;
    }
    p.text-14,.span.text-14,li.text-14,a.text-14{
        font-size: var(--text14-xs-font-size) !important;
    }
    p.text-35,.span.text-35,li.text-35{
        font-size: var(--text35-xs-font-size);
    }
    p.text-40,.span.text-40,li.text-40{
        font-size: var(--text40-xs-font-size);
    }
    p.text-32,.span.text-32,li.text-32{
        font-size: var(--text32-xs-font-size)!important;
        padding-left: 0;
    }
    p.text-60,.span.text-60,li.text-60{
        font-size: var(--text60-xs-font-size);
        padding-left: 30px;
    }
    .logo_les_societes{
        display:none !important;
    }
}

.page_details .container-fluid .job-view{
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

.accueil-section-6 .u-icon-1 {
    width: 47px;
    height: 47px;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
}
.u-icon {
    display: block;
    line-height: 0;
    border-width: 0px;
}
a.non_decoration{
    text-decoration: none;
}
a.non_decoration:hover, a.non_decoration:focus {
    text-decoration: none !important;
}



@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}
.slider {
    background-color: var(--color_dark_blue_principal);
    /*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);*/
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 95%;
}
.slider::before, .slider::after {
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.slider::before {
    left: 0;
    top: 0;
}
.slider .slide-track {
    -webkit-animation: scroll 15s linear infinite;
    animation: scroll 15s linear infinite;
    display: flex;
    width: calc(300px * 13);
}
.slider .slide {
    height: auto;
    width: 300px;
}

/* prueba */


.div-valorison{
    text-align: left !important;
}

.div-valorison_mobil{
    text-align: left !important;
}
@media only screen and (min-width: 1920px){
    .div-valorison{
        padding-left: 150px;
    }
}

#animatingH1{display: inline-block; text-align: center; font-family: sans-serif; font-size: 32px; color: darkcyan; padding: 0 20px;}

.animationType{display: inline-block; padding: 10px 15px; float: none; background: #ccc; font-family: sans-serif; transition: all 0.5s ease-in; margin: 5px;}
.animationType:hover{background: tomato; color: #fff;}

h1:hover{-webkit-animation: dissolveIn 0.7s ease-in;}


#animatingH1{display: inline-block; text-align: center; font-family: sans-serif; font-size: 32px; color: darkcyan; padding: 0 20px;}

.animationType{display: inline-block; padding: 10px 15px; float: none; background: #ccc; font-family: sans-serif; transition: all 0.5s ease-in; margin: 5px;}
.animationType:hover{background: tomato; color: #fff;}

h1:hover{-webkit-animation: dissolveIn 0.7s ease-in;}
.div_alert_emploi_carrousel.in{-webkit-animation: skateInRight 0.7s ease-in-out;}
/*.div_alert_emploi_carrousel.in{-webkit-animation: dissolveInRight 0.7s ease-in-out;}*/
/*Animation 1.00 - Dissolve In*/
.visibleNow .dissolveIn{-webkit-animation: dissolveIn 0.7s ease-in;}
@-webkit-keyframes dissolveIn{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

/*Animation 1.01 - Dissolve In from Left*/
.visibleNow .dissolveInLeft{-webkit-animation: dissolveInLeft 0.7s ease-in-out;}
@-webkit-keyframes dissolveInLeft{
    0%{opacity: 0; transform:translate3d(-200px,0,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}

/*Animation 1.02 - Dissolve In from Right*/
.visibleNow .dissolveInRight{-webkit-animation: dissolveInRight 0.7s ease-in-out;}
@-webkit-keyframes dissolveInRight{
    0%{opacity: 0; transform:translate3d(200px,0,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}

/*Animation 1.03 - Dissolve In from Top*/
.visibleNow .dissolveInTop{-webkit-animation: dissolveInTop 0.7s ease-in-out;}
@-webkit-keyframes dissolveInTop{
    0%{opacity: 0; transform:translate3d(0,-100px,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}

/*Animation 1.04 - Dissolve In from Bottom*/
.visibleNow .dissolveInBottom{-webkit-animation: dissolveInBottom 0.7s ease-in-out;}
@-webkit-keyframes dissolveInBottom{
    0%{opacity: 0; transform:translate3d(0,100px,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}

/*Animation 1.05 - Dissolve In from Top-Right*/
.visibleNow .dissolveInTop-Right{-webkit-animation: dissolveInTop-Right 0.7s ease-in-out;}
@-webkit-keyframes dissolveInTop-Right{
    0%{opacity: 0; transform:translate3d(200px,-100px,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}

/*Animation 1.06 - Dissolve In from Top-Left*/
.visibleNow .dissolveInTop-Left{-webkit-animation: dissolveInTop-Left 0.7s ease-in-out;}
@-webkit-keyframes dissolveInTop-Left{
    0%{opacity: 0; transform:translate3d(-200px,-100px,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}

/*Animation 1.07 - Dissolve In from Bottom-Left*/
.visibleNow .dissolveInBottom-Left{-webkit-animation: dissolveInBottom-Left 0.7s ease-in-out;}
@-webkit-keyframes dissolveInBottom-Left{
    0%{opacity: 0; transform:translate3d(-200px,100px,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}

/*Animation 1.08 - Dissolve In from Bottom-Right*/
.visibleNow .dissolveInBottom-Right{-webkit-animation: dissolveInBottom-Right 0.7s ease-in-out;}
@-webkit-keyframes dissolveInBottom-Right{
    0%{opacity: 0; transform:translate3d(200px,100px,0)}
    100%{opacity: 1; transform:translate3d(0,0,0)}
}


/*Animation 2.00 - Skate In from Left*/
.visibleNow .skateInLeft{-webkit-animation: skateInLeft 0.7s ease-in-out;}
@-webkit-keyframes skateInLeft{
    0%{transform:translate3d(-1000px,0,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 2.01 - Skate In from Right*/
.visibleNow .skateInRight{-webkit-animation: skateInRight 0.7s ease-in-out;}
@-webkit-keyframes skateInRight{
    0%{transform:translate3d(1000px,0,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 2.02 - Skate In from Top*/
.visibleNow .skateInTop{-webkit-animation: skateInTop 0.7s ease-in-out;}
@-webkit-keyframes skateInTop{
    0%{transform:translate3d(0,-1000px,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 2.03 - Skate In from Bottom*/
.visibleNow .skateInBottom{-webkit-animation: skateInBottom 0.7s ease-in-out;}
@-webkit-keyframes skateInBottom{
    0%{transform:translate3d(0,1000px,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 2.04 - Skate In from Top-Right*/
.visibleNow .skateInTop-Right{-webkit-animation: skateInTop-Right 0.7s ease-in-out;}
@-webkit-keyframes skateInTop-Right{
    0%{transform:translate3d(1000px,-1000px,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 2.05 - Skate In from Top-Left*/
.visibleNow .skateInTop-Left{-webkit-animation: skateInTop-Left 0.7s ease-in-out;}
@-webkit-keyframes skateInTop-Left{
    0%{transform:translate3d(-1000px,-1000px,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 2.06 - Skate In from Bottom-Left*/
.visibleNow .skateInBottom-Left{-webkit-animation: skateInBottom-Left 0.7s ease-in-out;}
@-webkit-keyframes skateInBottom-Left{
    0%{transform:translate3d(-1000px,1000px,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 2.07 - Skate In from Bottom-Right*/
.visibleNow .skateInBottom-Right{-webkit-animation: skateInBottom-Right 0.7s ease-in-out;}
@-webkit-keyframes skateInBottom-Right{
    0%{transform:translate3d(1000px,1000px,0)}
    100%{transform:translate3d(0,0,0)}
}

/*Animation 3.00 - Rotate In Clockwise*/
.visibleNow .rotateInClockwise{-webkit-animation: rotateInClockwise 0.7s ease-in-out;}
@-webkit-keyframes rotateInClockwise{
    0%{opacity: 0; transform:rotate(0deg);}
    100%{opacity: 1; transform:rotate(360deg);}
}

/*Animation 3.01 - Rotate In Anti-Clockwise*/
.visibleNow .rotateInAnti-Clockwise{-webkit-animation: rotateInAnti-Clockwise 0.7s ease-in-out;}
@-webkit-keyframes rotateInAnti-Clockwise{
    0%{opacity: 0; transform:rotate(0deg);}
    100%{opacity: 1; transform:rotate(-360deg);}
}

/*Animation 3.02 - Rotate And Expand*/
.visibleNow .rotateAndExpand{-webkit-animation: rotateAndExpand 1.7s ease-in-out;}
@-webkit-keyframes rotateAndExpand{
    0%{opacity: 0; transform:rotate(0deg) scale(0.3);}
    40%{opacity: 1; transform:rotate(360deg) scale(0.1);}
    60%{opacity: 1; transform:rotate(360deg) scale(1);}
    100%{opacity: 1; transform:rotate(360deg) scale(1);}
}

/*Animation 4.00 - Zoom In*/
.visibleNow .zoomIn{-webkit-animation: zoomIn 0.7s ease-out;}
@-webkit-keyframes zoomIn{
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}

/*Animation 4.01 - Zoom In From Left*/
.visibleNow .zoomInFromLeft{-webkit-animation: zoomInFromLeft 1.7s ease-in;}
@-webkit-keyframes zoomInFromLeft{
    0%{opacity: 0; -webkit-transform:translate3d(-1500px,0,0) scale3d(.1,.1,.1);}
    70%{opacity: 1; -webkit-transform:translate3d(0,0,0) scale3d(.7,.7,.7);}
    100%{opacity: 1; -webkit-transform:translate3d(0,0,0) scale3d(1,1,1);}
}


.select2-container.select2-container--krajee.select2-container--open{
    background-color: white;
    width: 300px;

}
.select2-results, .select2-results__options{
    background-color: white;
}
.select2-search__field{
    width: 100%;
}
.page_details .div-resumen p, .page_details .div-resumen li,.page_details .div-resumen span, .page_details .div-resumen a{
    font-size: 18px;
}
.u-section-18 {
    margin-top:-5px;
}
.u-section-18  .u-sheet {
    width: 100% !important;
    margin: auto;
}
.u-section-18 .section-18-img{float:right;}

/*multiselect alert emploi*/

.multiselect.dropdown-toggle.btn.btn-default > div.restricted {
    margin-right: 5px;
    width: 100%;
    overflow: hidden;
}
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:active, .u-gradient > .u-container-layout > .u-btn:active, .u-image:not(.u-shading) > .u-container-layout > .u-btn:active, .u-btn:active {
    background-color:var(--color_dark_blue_principal);
    color: #fff;
}
.div-button-postuler a,.div_title_sommaire p{
    font-weight: 600;
}
.div_text_resume p,.div_text_resume a,.div_text_resume li,.div_text_resume span{
    color: var(--color_dark_blue_principal);
}

.multiselect.dropdown-toggle{
    height: 40px;
    text-align: left !important;
}
.multiselect-option.dropdown-item label,.dropdown-item.multiselect-all label.font-weight-bold{
    font-weight: 400 !important;
    color:var(--color_dark_blue_principal);

}
.multiselect-option{
    background-color: rgba(124, 124, 124, 0.29);
    /* border-radius: 20px;*/

    width: 100%;
    text-align: left;
}
.multiselect-all{
    background-color: var(--color_blue_principal);
    border:unset !important;
    width: 100%;
    text-align: left;
}
.multiselect-option.dropdown-item{
    border:unset !important;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback){
    background-color: var(--color_dark_blue_principal) !important;
    color:#fff;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) label{
    background-color: var(--color_dark_blue_principal) !important;
    color:#fff;
}
.div_cont_frequency select{padding-left: 0 !important;}
.field_alert_emploi .alert_placeholder{
    padding-left: 6px !important;
}
.multiselect-container .multiselect-option{padding: 0 !important;}
.multiselect-container.dropdown-menu .form-check input{background-color: white;}
.multiselect-container.dropdown-menu .form-check {padding-left: 0 !important;}
.multiselect-container.dropdown-menu .form-check label{padding-left: 10px;}
.div_cont_localisation p, .div_cont_dep p{
    margin-top: 15px;
}
.btn_job_alert span{
    font-size: 14px;
}

.field_postulation_signup input[type=text]{
    background-color:rgb(233 239 244);
    color: var(--color_dark_blue_principal) !important;
}


/* avantages*/

.u-section-avantages {
    background-image: none;
    min-height: 488px;
    background-color: var(--color_dark_blue_principal) !important;
}

.u-section-avantages .u-list-1 {
    width: 1553px;
    margin-top: 106px;
    margin-bottom: 60px;
}

.u-section-avantages .u-repeater-1 {
    grid-auto-columns: calc(20% - 26.4px);
    grid-template-columns: calc(20% - 26.4px) calc(20% - 26.4px) calc(20% - 26.4px) calc(20% - 26.4px) calc(20% - 26.4px);
    grid-gap: 33px 33px;
    min-height: 274px;
}

.u-section-avantages .u-container-layout-1 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-1 {
    height: 90px;
   /* width: 85px;*/
    width:auto;
   /* margin: 0 82px 0 73px;*/
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-1 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-2 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-2 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-2 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-3 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-3 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-3 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-4 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-4 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-4 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-5 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-5 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-5 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-6 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-6 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
   /* margin: 0 82px 0 73px;*/
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-6 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-7 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-7 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
   /* margin: 0 82px 0 73px;*/
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-7 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-8 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-8 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
 /*   margin: 0 82px 0 73px;*/
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-8 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-9 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-9 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-9 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-10 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-10 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-10 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-11 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-11 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-11 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-container-layout-12 {
    padding: 30px 17px;
}

.u-section-avantages .u-image-12 {
    height: 90px;
    /* width: 85px;*/
    width:auto;
    margin: 0 auto 0 auto;
}

.u-section-avantages .u-text-12 {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 7px 0;
}

.u-section-avantages .u-gallery-nav-1 {
    position: absolute;
    left: 1px;
    width: 51px;
    height: 51px;
    top: 127px;
}

.u-section-avantages .u-gallery-nav-2 {
    position: absolute;
    width: 51px;
    height: 51px;
    left: auto;
    top: 124px;
    right: 0;
}

@media (max-width: 1399px) {
    .u-section-avantages .u-list-1 {
        margin-top: 60px;
        width: auto;
    }

    .u-section-avantages .u-repeater-1 {
        grid-auto-columns: 25%;
        grid-gap: 0px 0px;
        min-height: 247px;
        grid-template-columns: 25% 25% 25% 25%;
    }

    .u-section-avantages .u-container-layout-1 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-1 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-2 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-2 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-3 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-3 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-4 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-4 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-5 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-5 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-6 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-6 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-7 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-7 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-8 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-8 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-9 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-9 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-10 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-10 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-11 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-11 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }

    .u-section-avantages .u-container-layout-12 {
        padding-bottom: 28px;
    }

    .u-section-avantages .u-text-12 {
        font-size: 18px;
        width: auto;
        margin-left: 6px;
        margin-right: 6px;
    }
}

@media (max-width: 1199px) {
    .u-section-avantages .u-repeater-1 {
        min-height: 273px;
    }

    .u-section-avantages .u-image-1 {
       /* width: 47px;*/
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-1 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-2 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-3 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-3 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-4 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-4 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-5 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-5 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-6 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-6 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-7 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-7 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-8 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-8 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-9 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-9 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-10 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-11 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-11 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .u-section-avantages .u-image-12 {
        width: auto;
        height: 80px;
    }

    .u-section-avantages .u-text-12 {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 991px) {
    .u-section-avantages .u-repeater-1 {
        grid-auto-columns: 33.3333%;
        min-height: 297px;
        grid-template-columns: 33.3333% 33.3333% 33.3333%;
    }

    .u-section-avantages .u-container-layout-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-1 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-2 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-2 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-3 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-3 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-4 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-4 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-5 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-5 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-6 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-7 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-7 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-8 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-8 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-9 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-9 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-10 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-10 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-11 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-11 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }

    .u-section-avantages .u-container-layout-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .u-section-avantages .u-text-12 {
        font-size: 16px;
        width: 185px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .u-section-avantages .u-repeater-1 {
        min-height: 247px;
    }

    .u-section-avantages .u-image-1 {
     /*   width: 60px;*/
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-1 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-2 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-2 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-3 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-3 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-4 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-4 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-5 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-5 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-6 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-6 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-7 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-7 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-8 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-8 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-9 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-9 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-10 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-10 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-11 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-11 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-image-12 {
        width: auto;
        height: 70px;
    }

    .u-section-avantages .u-text-12 {
        font-size: 14px;
        width: auto;
    }

    .u-section-avantages .u-gallery-nav-1 {
        left: 0;
        width: 36px;
        height: 36px;
        top: 100px;
    }

    .u-section-avantages .u-gallery-nav-2 {
        width: 36px;
        height: 36px;
        top: 99px;
        right: 1px;
    }
}

@media (max-width: 575px) {
    .u-section-avantages {
        min-height: 463px;
    }

    .u-section-avantages .u-repeater-1 {
        grid-auto-columns: 50%;
        min-height: 263px;
        grid-template-columns: 50% 50%;
    }

    .u-section-avantages .u-container-layout-1 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-2 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-3 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-4 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-5 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-6 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-7 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-8 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-9 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-10 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-11 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .u-section-avantages .u-container-layout-12 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.noresult {
    color:#fff;
    font-size: 18px;
}