.elementor-2984 .elementor-element.elementor-element-5587ac6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:-4px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2984 .elementor-element.elementor-element-8cbe5d9{--display:flex;--min-height:457px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.15;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2984 .elementor-element.elementor-element-8cbe5d9:not(.elementor-motion-effects-element-type-background), .elementor-2984 .elementor-element.elementor-element-8cbe5d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dynamiquerecrutements.ca/wp-content/uploads/2025/11/1-contact.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2984 .elementor-element.elementor-element-8cbe5d9::before, .elementor-2984 .elementor-element.elementor-element-8cbe5d9 > .elementor-background-video-container::before, .elementor-2984 .elementor-element.elementor-element-8cbe5d9 > .e-con-inner > .elementor-background-video-container::before, .elementor-2984 .elementor-element.elementor-element-8cbe5d9 > .elementor-background-slideshow::before, .elementor-2984 .elementor-element.elementor-element-8cbe5d9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2984 .elementor-element.elementor-element-8cbe5d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-2984 .elementor-element.elementor-element-8cbe5d9.e-con{--align-self:center;}.elementor-2984 .elementor-element.elementor-element-a4f52e7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2984 .elementor-element.elementor-element-a4f52e7{text-align:center;}.elementor-2984 .elementor-element.elementor-element-a4f52e7 .elementor-heading-title{color:#FFFFFF;}.elementor-2984 .elementor-element.elementor-element-86f37fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2984 .elementor-element.elementor-element-b167f6d{text-align:center;}.elementor-2984 .elementor-element.elementor-element-6376f6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2984 .elementor-element.elementor-element-b2add1c{width:var( --container-widget-width, 101.866% );max-width:101.866%;--container-widget-width:101.866%;--container-widget-flex-grow:0;text-align:center;}.elementor-2984 .elementor-element.elementor-element-b2add1c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2984 .elementor-element.elementor-element-0f81cf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-2984 .elementor-element.elementor-element-8cbe5d9:not(.elementor-motion-effects-element-type-background), .elementor-2984 .elementor-element.elementor-element-8cbe5d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-2984 .elementor-element.elementor-element-8cbe5d9{--min-height:330px;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-2984 .elementor-element.elementor-element-8cbe5d9{--min-height:330px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for container, class: .elementor-element-0f81cf1 *//* --- DESIGN DU FORMULAIRE EMPLOYEUR --- */

/* 1. Style de la boîte (le conteneur) */
.wpforms-container {
    background: #ffffff !important;
    padding: 30px !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important;
    border: 1px solid #eeeeee !important;
    max-width: 700px !important;
    margin: 20px auto !important;
}

/* 2. Titre du formulaire (si affiché) */
.wpforms-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
    text-align: center;
}

/* 3. Style des champs (Nom, Email, etc.) */
.wpforms-field input, 
.wpforms-field textarea, 
.wpforms-field select {
    background-color: #fcfcfc !important;
    border: 1px solid #dddddd !important;
    border-radius: 5px !important;
    padding: 12px !important;
    font-family: inherit !important;
    transition: all 0.3s ease;
}

/* Effet quand on clique dans un champ */
.wpforms-field input:focus, 
.wpforms-field textarea:focus {
    border-color: #000000 !important;
    background-color: #ffffff !important;
    outline: none !important;
}

/* 4. Style des étiquettes (Labels au-dessus des champs) */
.wpforms-field-label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333333 !important;
    margin-bottom: 8px !important;
}

/* 5. Style du bouton SOUMETTRE (Style Noir Moderne) */
.wpforms-submit-container {
    text-align: right !important; /* Aligne le bouton à droite */
}

.wpforms-submit {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 35px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 50px !important; /* Bouton arrondi */
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: transform 0.2s, background-color 0.3s !important;
}

/* Effet au survol du bouton */
.wpforms-submit:hover {
    background-color: #333333 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* 6. Espacement des choix (Cases à cocher) */
.wpforms-field-checkbox ul li {
    margin-bottom: 10px !important;
    font-size: 15px !important;
}/* End custom CSS */