/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.et_header_style_left .logo_container {
    top: -10px;
}

.home .et_pb_blurb_description {
    padding: 0 5px;
}

/** Page loader **/
.smooth-loader {
    position: fixed;
    z-index: 999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #196A5A;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}
  
.smooth-loader > img {
    width: 100px;
    height: auto;
}
  
.smooth-loader.smooth-hidden {
    -webkit-animation: fadeOut 1s;
            animation: fadeOut 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
  
@-webkit-keyframes fadeOut {
    100% {
      opacity: 0;
      visibility: hidden;
    }
}
  
@keyframes fadeOut {
    100% {
      opacity: 0;
      visibility: hidden;
    }
}

/*** MAIN GRAVITY WRAPPER ***/
.gform_wrapper {
    padding: 5%;
	background: #cccccc;
	color: #333;
}
/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    display: none;
}
/*** FIELD STYLING ***/
.gform_wrapper ul.gform_fields li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half {
    padding-right: 0;
}
input[type=text],
textarea {
    border: none;
    border-radius: 0;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    padding: 17px 15px !important;
}
/*** FIELD FOCUS STYLING ***/
input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
}
/*** MESSAGE BOX TRANSITION ***/
.gform_wrapper textarea.medium {
    margin-top: 6px;
    height: 10em;
    transition: height .3s ease-out;
}
/*** MESSAGE BOX FOCUS HEIGHT ***/
.gform_wrapper textarea.medium:focus {
    /*height: 25em;*/
}
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
}
.gform_wrapper input[type=submit] {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0px;
    padding: 10px 12px;
    border-radius: 0;
    border: none;
    transition: box-shadow .2s ease-in-out;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper input[type=submit]:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
}




/*
**   HEADER
*/
#page-container #top-header {
    position: relative;
}


/*   Code pour régler bug rencontré seulement dans le Chrome de Emmanuelle   */
body.admin-bar.et_non_fixed_nav.et_transparent_nav #top-header {
    top: 0;
}

#page-container #top-header .container {
    position: absolute;
    top: -30px;
    right: 20%;
    background-color: #294179;
    width: 150px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: all 0.2s;
}
#page-container #top-header .container:hover {
    background-color: #d35d36;
}

#top-header .container #et-secondary-menu {
    float: none;
}
#top-header .container #et-secondary-menu li a {
    color: #F3C717;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 55px 30px 30px;
}
#top-menu-nav #top-menu li a {
    font-weight: 700;
    font-size: 18px;
}

#main-header {
    box-shadow: none;
}

#main-header #et-top-navigation {
    float: none;
    display: flex;
    justify-content: center;
    padding-left: 0 !important;
    margin-top: 25px;
}


.mobile_menu_bar:before {
    font-size: 60px;
}

#main-header #mobile_menu {
    background-color: #294179;
}
#main-header #mobile_menu li a {
    color: #fff;
}



/*
**     FOOTER
*/

.et_pb_widget_area_left {
    border: none;
}

#footer-grt {
    padding: 15px 0 0 0;
}
#footer-grt .et_pb_widget_area_left {
    padding-right: 0;
}
#footer-grt .widget_nav_menu {
    width: 100%;
}
#footer-grt .menu-menu-principal-container {
    width: 100%;
}
#footer-grt .menu-menu-principal-container ul {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

#footer-grt .footer-menu {
    text-align: center;
    padding-bottom: 0;
}
.footer-menu ul li {
    display: inline-block;
    margin: 0 20px;
}
.footer-menu .menu-menu-principal-container ul li a {
    color: #2B3F7A;
    font-weight: 900;
}
.footer-menu ul li a:hover {
    color: #556caf;
}


#footer-grt .footer-logo-tourcar {
    text-align: center;
}
.footer-logo-tourcar img {
    max-width: 200px;
    height: auto;
}

#footer-grt .footer-logos {
    padding-bottom: 0;
}
.footer-logos img {
    width: auto;
    height: 60px;
}
.footer-logos .logo-alta img {
    height: 40px;
}
.footer-logos .logo-roy img {
    height: 80px;
}
.footer-logos .logo-fontaine img {
    height: 40px;
}

#footer-grt .et_pb_image_wrap {
    text-align: center;
}

#footer-villes {
    text-align: center;
    border-top: 1px solid #C7C7C7;
    color: #A8A8A8;
    font-size: 13px;
}

.footer-copyright {
    display: inline-block;
    margin: 0 0 10px 30px;
    font-size: 13px;
    color: #A3A3A3;
}
.footer-sociaux {
    display: inline-block;
    float: right;
    margin: 0 30px;
}
.footer-sociaux img {
    width: 40px;
    height: auto;
    padding-left: 20px;
}





/* ******************************************************************
**  MODULE CARRIÈRE
****************************************************************** */
video {
    width: 100%;
    height: auto;
}
#main-content .dica_divi_carousel_0 .dica-container .swiper-button-prev {
    height: 100px;
    position: absolute;
    left: 25px;
    top: -25px;
}
#main-content .dica_divi_carousel_0 .dica-container .swiper-button-next {
    height: 100px;
    position: absolute;
    right: 25px;
    top: -25px;
}


/*   ARCHIVE emplois  */
#flex-emplois .logo-categorie {
    vertical-align: middle;
}

h2.sfrcarriere-titre {
    text-align: center;
    font-weight: 800;
    font-size: 36px;
}
h3.sfrcarriere-titre {
    text-align: center;
    font-weight: 800;
    font-size: 36px;
}

.filtre-emploi {
    text-align: center;
    margin-top: 10px;
}
#main-content .filtre-emploi select.filtre-emploi-dropdown {
    border: 2px solid #2a4079;
    border-radius: 20px;
    color: #2a4079;
    padding: 8px 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
#main-content .filtre-emploi .select {
    margin: 0 5px;
}
#main-content .filtre-emploi .select:after {
    content: "\f063";
    top: 10px;
    right: 20px;
}

.emploi-single {
    padding: 5px 5px 5px 45px;
}
.emploi-single .nom-poste,
.emploi-single .nom-categorie {
    color: #2a4079;
}

.emploi-single .logo-categorie img {
    margin: 0 7px;
}

.emploi-single a i {
    color: #2a4079;
}

.sfrcarriere_affichecontenu {
    margin-top: 25px;
}

.sfrcarriere_affichecontenu h4 {
    margin-bottom: 20px;
    line-height: 28px;
}

#flex-emplois .isfeature:before {
    content: "\f005";
    font: var(--fa-font-regular);
    font-size: 22px;
    position: absolute;
    top: 25px;
    left: 15px;
    pointer-events: none;
    color: #d35d37;
}

#flex-emplois .isfeature:hover {
    filter: brightness(110%);
}

#flex-emplois.emplois-liste .emploi-single.isfeature {
    position: relative;
} 

/*  Formulaire Carrière */
#sfrcarriere-formulaire label {
    color: #2a4079;
    font-weight: 700;
}
#sfrcarriere-formulaire legend {
    color: #2a4079;
    font-weight: 800;
}

#flex-emplois.emplois-liste .emploi-single a:nth-of-type(2) {
    width: 50%;
}

#sfrcarriere-formulaire form h4{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

#sfrcarriere-formulaire form input[type=text],
#sfrcarriere-formulaire form input[type=email],
#sfrcarriere-formulaire form textarea {
    border-radius: 10px;
    border: none;
    padding: 5px 20px !important;
    color: #2a4079 !important;
}

#sfrcarriere-formulaire input[type=text]::-webkit-input-placeholder,
#sfrcarriere-formulaire input[type=email]::-webkit-input-placeholder,
#sfrcarriere-formulaire textarea::-webkit-input-placeholder { /* Edge */
    color: #2a4079;
    font-weight: 800;
}
#sfrcarriere-formulaire input[type=text]:-ms-input-placeholder,
#sfrcarriere-formulaire input[type=email]:-ms-input-placeholder,
#sfrcarriere-formulaire textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #2a4079;
    font-weight: 800;
}
#sfrcarriere-formulaire input[type=text]::placeholder,
#sfrcarriere-formulaire input[type=email]::placeholder,
#sfrcarriere-formulaire textarea::placeholder {
    color: #2a4079;
    font-weight: 800;
}

#sfrcarriere-formulaire .ginput_container.ginput_container_fileupload {
    border: none !important;
    margin: 0 15%;
}
#sfrcarriere-formulaire .ginput_container.ginput_container_fileupload .gform_drop_area {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #2a4079;
}
#sfrcarriere-formulaire .gform_drop_instructions {
    color: #2a4079;
    font-weight: 800;
}
#sfrcarriere-formulaire .gform_button_select_files {
    color: #2a4079 !important;
    font-weight: 600;
    font-size: 16px !important;
}


#sfrcarriere-formulaire .gform_footer {
    display: block;
    text-align: center;
}
#sfrcarriere-formulaire input[type=submit] {
    background-color: #2a4079;
    color: #fed112;
    border-radius: 25px;
    font-size: 15px !important;
    border: none !important;
    font-weight: 700;
}
#sfrcarriere-formulaire input[type=submit]:hover {
    background-color: #c9673c;
}

#sfrcarriere-formulaire .gfield_description {
    color: #2a4079;
    text-align: center;
    padding: 0 0 10px 0;
}

.sfrcarriere-titre-bandeau h4 {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*  Checkboxes  */
#sfrcarriere-formulaire .gchoice label {
    cursor: pointer;
}
input[type=checkbox] {
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    outline: none;
    transition-duration: 0.3s;
    cursor: pointer;
    position: relative;
    top: 3px;
    margin-right: 6px;
    letter-spacing: 0;
}
input[type=checkbox]:checked {
    background-color: #2a4079;
    border: 1px solid #2a4079;
}
input[type=checkbox]:checked::before {
    content: '\f00c';
    display: block;
    font: var(--fa-font-regular);
    color: white;
    position: absolute;
    top: 0px;
    right: 1px;
    font-size: 16px;
}


/*    SINGLE EMPLOI   */
.sfrcarriere-titre-bandeau {
    padding: 50px 0 290px 0;
    background-position: center bottom !important;
    background-size: auto auto !important;
}
.sfrcarriere-titre-bandeau h1 {
    font-weight: 700;
    padding: 15px 50px;
}

#retour-archive a {
    display: inline-block;
    color: #fff;
    margin-top: 25px;
}

.sfrcarriere-titre-bandeau .logo-categorie img {
    max-width: 190px;
    max-height: 70px;
    width: 190px;
    padding: 0 10px;
}

#sfrcarriere-section-offset {
    margin-top: -215px;
    z-index: 100;
    background-color: transparent;
}

#sfrcarriere-section-offset .sfrcarriere-row-offset .et_pb_column_2_tb_body {
    background-color: #edf1f4;
    padding: 40px 40px 20px;
}
#sfrcarriere-section-offset .sfrcarriere-row-offset .et_pb_column_3_tb_body {
    background-color: #fff;
    padding: 40px 40px 20px;
}
#sfrcarriere-section-offset .sfrcarriere-row-offset .et_pb_code_2_tb_body {
    margin-bottom: 0;
}
#sfrcarriere-section-offset .sfrcarriere-row-offset .et_pb_module {
    margin-bottom: 0;
}

.emploi-data {
    position: relative;
    /* background: url(sfrcarriere-puce.png) no-repeat left 5px; */
    /* padding: 0 0 3px 35px; */
    font-weight: 700;
}

.single-emploi .fa-regular.fa-location-dot {
    font-size: 22px;
}

.sfrcarriere-row-offset .et_pb_module {
    margin-bottom: 0;
}
#sfrcarriere-section-offset h3 {
    font-size: 28px;
}
#sfrcarriere-section-offset h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}
#sfrcarriere-section-offset ul {
    list-style: none;
}
#sfrcarriere-section-offset li {
    margin-bottom: 10px;
}
#sfrcarriere-section-offset ul li::before {
  content: "\2022";  /* \2022 is the CSS unicode for a bullet */
  color: #d35d37; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#sfrcarriere-section-offset .et_pb_row {
    padding: 1% 0;
}

.emploi-data .mini-bloc i {
    color: #d35d37;
}


/*   PARTAGE RÉSEAUX SOCIAUX    */
.conteneur-partage-mobile {
    text-align: right;
}
.conteneur-partage-mobile>a {
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #2a4079;
    color: #F3C717;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 700;
}

.sfrcarriere-partage-mobile {
    z-index: 1000;
}
.wrapper-social-mobile {
    z-index: 500;
    top: 12px;
    background-color: #fff;
    padding: 2px 15px 1px 30px;
    border-radius: 25px;
}
.wrapper-social-mobile .social i {
    margin-top: 6px;
    color: #2a4079;
}
.wrapper-social-mobile .social a:hover,
.wrapper-social-mobile .social a:hover i {
    color: #d35d37;
}



/* *****************************************************************************************************************************************
**
**      MOBILE
**
*******************************************************************************************************************************************/

@media only screen and (max-width: 2200px) {
    #page-container #top-header .container {
        
        right: 15%;
    }
}
@media only screen and (max-width: 1800px) {v
    #page-container #top-header .container {
        right: 12%;
    }
    
    #main-header #et-top-navigation {
        margin-top: 25px;
    }

}
@media only screen and (max-width: 1500px) {
    #page-container #top-header .container {
        right: 10%;
    }

    .hero-accueil {
        background-position: -340px !important;
    }

    .bg-conseiller-aux-ventes {
        background-position: 0px;
    }

}

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

    .hero-accueil {
        background-position: -500px !important;
    }

}    

@media only screen and (max-width: 1199px) {
    .wrapper-social-mobile {
        right: 0;
        top: -95px;
        padding: 6px 5px 35px 5px;
    }
    .wrapper-social-mobile .social {
        display: block;
    }
    .clicked-mobile {
        transform: translateY(-10px);
    }

    .sfrcarriere-titre-bandeau {
        padding-top: 30px;
    }

    .hero-accueil {
        background-position: -490px !important;
    }

    .bg-conseiller-aux-ventes {
        background-position: -100px;
    }
}



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

    #main-header #mobile_menu li a {
        font-weight: 700;
        color: #F3C717;
    }

    #main-header #mobile_menu {
        text-align: center;
    }

    #main-header #mobile_menu li a {
        font-size: 24px;
        line-height: 36px;
    }

    .et_header_style_left .logo_container {
        top: 0;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        top: -7px;
        position: relative;
    }

    #main-header #et-top-navigation {
        margin-top: 0px;
    }

    .hero-accueil {
        background-position: -110px !important;
    }

	#top-header, div#et-secondary-menu, ul#et-secondary-nav {
		display: block !important; 
	}

    #footer-grt .footer-logos {
        display: flex;
    }
    
    #footer-grt .footer-logos .et_pb_image_wrap {
        text-align: center;
    }
    .footer-logos .logo-fontaine img {
        height: 35px;
    }
    .footer-logos .logo-roy img {
        height: 75px;
    }

    h2.sfrcarriere-titre,
    h3.sfrcarriere-titre {
        font-size: 32px;
    }
    .bloc-reseaux .et_pb_column {
        display: inline-block;
        width: 50%;
        margin-bottom: 0;
    }

    #page-container #top-header .container {
        right: 180px;
        top: -20px;
    }

    #main-header #et-top-navigation {
        display: block;
    }

    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-bottom: 0;
    }
}

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

    .hero-accueil {
        background-position: -230px !important;
    }
    
}

@media only screen and (max-width: 768px) {
    .emploi-single {
        text-align: center;
    }


    #sfrcarriere-section-offset .sfrcarriere-row-offset,
    #sfrcarriere-section-offset .bloc-reseaux {
        width: 95%;
    }
    #sfrcarriere-section-offset .sfrcarriere-row-offset .et_pb_column_2_tb_body,
    #sfrcarriere-section-offset .sfrcarriere-row-offset .et_pb_column_3_tb_body {
        padding: 20px 15px;
    }
    
    #page-container #top-header .container {
        right: 150px;
    }

    #flex-emplois.emplois-liste .emploi-single a:nth-of-type(2) {
        width: 100%;
    }

    #flex-emplois .isfeature:before {
        content: "";
    }

}


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

    .hero-accueil {
        background-position: -170px !important;
    }

    #main-content .dica_divi_carousel_0 .dica-container .swiper-button-next {
        right: 90px;
    }

    #main-content .dica_divi_carousel_0 .dica-container .swiper-button-prev  {
        left: 90px;
    } 
    

}

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

    .sfrcarriere-titre-bandeau {
        background-size: 260% !important;
        padding-bottom: 250px;
    }
    
    .sfrcarriere-titre-bandeau h1 {
        padding: 15px;
    }

    #sfrcarriere-section-offset {
        margin-top: -160px;
    }
}




@media only screen and (max-width: 680px) {
    .sfrcarriere-titre-bandeau {
        background-size: 290% !important;
    }

    .hero-accueil {
        background-position: -250px !important;
    }
}




@media only screen and (max-width: 600px) {
   
    .et_mobile_menu {
        top: 79px;
    }

    .sfrcarriere-titre-bandeau h4 {
        flex-direction: column;
    }

    #main-header .container {
        width: 95%;
        margin-top: -15px;
    }

    #page-container #top-header .container {
        top: -5px;
        right: 100px;
        width: 120px;
    }

    #top-header .container #et-secondary-menu li a {
        font-size: 14px;
        padding: 50px 20px 20px;
    }

    .sfrcarriere-titre-bandeau {
        background-size: 300% !important;
        padding-bottom: 200px;
        padding-top: 0;
    }    

    #sfrcarriere-section-offset {
        margin-top: -140px;
    }
    .emploi-data .mini-bloc:first-of-type {
        text-align: left;
    }

    #sfrcarriere-section-offset .bloc-reseaux .et_pb_column_0_tb_body {
        width: 60% !important;
    }
    #sfrcarriere-section-offset .bloc-reseaux .et_pb_column_1_tb_body {
        width: 40% !important;
    }

    .et_secondary_nav_only_menu #main-header {
        top: 5px !important;
    }

}

@media only screen and (max-width: 500px) {
    .et_mobile_menu {
        top: 69px;
    }
    
    #main-header #logo {
        max-width: 28%;
    }

    #footer-grt .footer-logos {
        flex-wrap: wrap;
    }

    #sfrcarriere-section-offset h3 {
        font-size: 24px;
    }
    #sfrcarriere-section-offset {
        margin-top: -110px;
    }

    h2.sfrcarriere-titre,
    h3.sfrcarriere-titre {
        font-size: 28px;
    }

    .footer-menu ul li {
        display: block;
        margin: 15px 20px;
    }

    footer #nav_menu-4 {
        margin-bottom: 0;
    }

    .hero-accueil {
        background-position: -310px !important;
    }

    .mobile_menu_bar:before {
        font-size: 50px;
    }

    #page-container #top-header .container {
        top: -15px;
        right: 70px;
    }

    .footer-copyright,
    .footer-sociaux {
        display: block;
        float: none;
        text-align: center;
    }

    .footer-sociaux {
        padding-bottom: 30px;
    }
}


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

    .sfrcarriere-titre-bandeau {
        background-size: 350% !important;
    }
    .sfrcarriere-titre-bandeau h4 {
        padding-top: 0;
    }

    .hero-accueil.et_pb_section.et_pb_section_0 {
        background-image: url(../jpg/fv2x-100.jpg) !important;
        background-position: -10px 1px !important;
    }

}


@media only screen and (max-width: 440px) {
    #sfrcarriere-section-offset .bloc-reseaux .et_pb_column_0_tb_body {
        width: 50% !important;
    }
    #sfrcarriere-section-offset .bloc-reseaux .et_pb_column_1_tb_body {
        width: 50% !important;
    }
}


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

    .sfrcarriere-titre-bandeau {
        background-size: 360% !important;
        padding-bottom: 170px;
    }    

    .conteneur-partage-mobile>a {
        font-size: 12px;
        padding: 5px 10px;
    }
    .sfrcarriere-partage-mobile i {
        font-size: 16px;
    }

    #retour-archive a {
        margin-top: 12px;
    }
}

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

    .sfrcarriere-titre-bandeau {
        background-size: 400% !important;
    }
}