/*
Theme Name: Lafleur Davey Carrières
Theme URI: http://wordpress.org/themes/blankslate
Author: Sept24
Author URI: http://sept24.com/
Description: Theme based on BlankSlate 4.0.3.
Version: 4.0.3
Text Domain: blankslate
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font-family: 'Open Sans', sans-serif!important;;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

a, a:hover, .photo-video .arrow-video, .bloc-video a:hover .arrow-video,  .slick-arrow, .bloc-video a:hover .arrow-video, .slick-arrow:hover, .bouton-envoyer input[type="submit"], .bouton-envoyer input[type="submit"]:hover, .bouton-envoyer .sfi-wrapper, .bouton-envoyer .sfi-wrapper:hover
{text-decoration: none!important;

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.entete-title, .entete-subtitle, ul.entete-links a, #employes .titre-employe, #employes .nom-employe, h1, h2, h3, h4, h6 {text-transform: uppercase}


html, body {background: font-family: 'Open Sans', sans-serif!important; position: relative;}

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif!important; font-size: 41px!important; font-weight: 700; }

h1 {line-height: 48px;}

h3 {font-size: 31px!important;}

h4 {font-size: 21px!important;}

h5 {font-size: 18px!important;}

h6 {font-size: 16px!important; color:#00447c; margin-bottom:8px;}
.clear {clear:both}

#header {position: absolute; top:0; width: 100%; z-index: 20;}
#header > .row {margin-top: -48px;}

#site-title {
    padding: 14px 0;
    background: #fff;
    display: inline-block;
}


#site-title img{max-width: 80%; height: auto;}

@media (min-width: 768px) {
    #site-title {padding:10px;}
    #site-title img{max-width: 100%;}
}



#branding {text-align: center}

#entete {width: 100%; height: 628px; background: url(img/img-header.jpg) no-repeat center center;}
#entete, .entete { margin-top:48px;}

.entete-button {z-index: 1}
.entete-button a {color:#989897; font-weight: 700; background: #fff; display:inline-block; padding: 7px 15px 10px;}

.entete-button a:hover {color:#00447c;}

@media (min-width: 768px) {
    body.page-template-template-accueil .entete-button a {min-width: 273.5px;}
}


#back-left a:before, #back-right a:after{
    font-size: 22px;
    font-family: monospace;
    position: relative;
    top: 1px;
}

@media (max-width:1024px){
    body.page-template-template-accueil .entete-button a {
        font-size: 13px;
    }
}

#back-left a:before {
    content: "<";
    padding-right: 15px;

}

#back-right a:after{
    content: ">";
    padding-left: 15px;
}

#back-right{text-align: right;}

#entete-container {
    display: table;
    color: #fff;
    z-index: 10;
    text-align: center;
    width: 100%;
    height: 100%;
}

#entete-content {
display: table-cell;
vertical-align: middle;
}

.entete-subtitle {font-size: 21px;}


.entete-title{
margin-bottom: 18px;
}

ul.entete-links {padding:8px 0 20px}
ul.entete-links li {display: inline-block;}

ul.entete-links a {
    font-size:16px;
    color:#fff;
    font-weight: 700;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:3px solid #fff; padding:18px 30px; margin:15px; display: block;
min-width: 238px; max-width: 100%;}

ul.entete-links a:hover, ul.entete-links a:focus {background:#fff; color:#00447c;}



@media (min-width: 768px) {
    #header .container-branding {position:absolute}
    .entete, #entete, #header > .row  {margin-top:0!important;}
    .entete-title{font-size: 39px !important;}
}

@media (min-width:1024px){
    .entete-title{font-size: 38px !important;}
}

#entete-content .container {padding-top:62px;}

@media (max-width: 600px) {
    .entete-title, h2, h3.titre-employe {font-size: 24px!important; line-height: 30px!important; }
    .entete-subtitle {font-size: 15px!important;}
    ul.entete-links a { font-size:12px!important; padding:10px 20px!important; min-width: 153px!important;}


    body.page-template-template-accueil .entete-button a {font-size: 10px!important;
        line-height: 12px!important;
        text-align: left!important;
        padding:18px 7px!important;}

    body.page-template-template-accueil #back-left a:before, #back-right a:after{display:none!important}
    body.page-template-template-accueil #back-right a{text-align: right!important;}

}

/* Employés */

.slick-slider, #section-video {overflow: hidden}
.slick-slider .slick-slide {cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;}
.slick-slider .slick-slide:active{    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;}

#employes .slick-slide {position: relative}
#employes .caption-employe{ text-align: center;}

#employes .caption-employe, #employes .caption-employe h3 {color:#00447c;}
#employes .texte-employe {margin:15px 0 20px; line-height: 23px;}
#employes .texte-employe, #employes .nom-employe{font-size: 18px;}
#employes .nom-employe{font-weight: 700; margin-bottom: 5px;}
#employes .poste-employe{font-size: 16px;}

#employes .slick-arrow, #slider-events .slick-arrow {background:#00447c!important; z-index: 20!important; color:#fff;
}
#employes .slick-arrow {
    top: auto;
    /*force bottom */
    bottom: 0;
}



#employes .slick-arrow.slick-prev, #slider-events .slick-arrow.slick-prev {left:0!important;}
#employes .slick-arrow.slick-next, #slider-events .slick-arrow.slick-next {right:0!important;}

#employes .inner-caption-employe {padding:20px; margin: 0 auto;}

@media (max-width: 600px){
    #employes .texte-employe, #employes .nom-employe{font-size: 16px;}
    #employes .poste-employe{font-size: 14px; margin: 0 50px;}
}

@media (min-width: 768px) {
    #employes .inner-caption-employe {padding:25% 10px 10px}
    #employes .inner-caption-employe {max-width: 350px;}
    #employes .caption-employe{background: rgba(255, 255, 255, 0.75); position: absolute; right: 0; bottom: 0; top: 0; width: 50%;}
    #employes .caption-employe, #employes .caption-employe h3 {color:#00447c; font-size: 29px !important;}
    #employes .texte-employe {font-size: 17px;}
    #employes .poste-employe{font-size: 15px;}
    #section-bleu h2, #section-video h2, #section-events h2, #section-offres h2, #pied-page .entete-title{font-size: 39px !important;}
}

@media (min-width: 1024px) {
    #employes .inner-caption-employe {padding:20px 10px 10px}
    #employes .caption-employe h3 {font-size: 21px!important}
    #employes .texte-employe {font-size: 16px;}
    #employes .nom-employe{font-size: 17px;}
    #employes .poste-employe{font-size: 13px;}
    #section-bleu h2, #section-video h2, #section-events h2,#section-offres h2, #pied-page .entete-title{font-size: 38px !important;}
}

@media (min-width: 1200px) {
    #employes .inner-caption-employe {padding:20% 10px 10px}
    #employes .caption-employe h3 {font-size: 31px!important}
}

@media (min-width:1366px){
    #employes .texte-employe {margin:15px 25px 20px;}
}

@media (min-width: 1400px) {
    #employes .inner-caption-employe {padding:38% 10px 10px}
    #employes .caption-employe h3 {font-size: 31px!important}
}
@media (min-width: 1600px) {
    #employes .inner-caption-employe {padding:18% 10px 10px}
    #employes .caption-employe h3 {font-size: 26px!important}
}

@media (min-width:1920px){
    #employes .texte-employe {margin: 15px 0 20px;}
}


/*Section bleu*/
#section-bleu, #pied-page {padding-top: 30px; padding-bottom: 60px; color:#fff; text-align: center;
    background-image: url(img/bg-bleu.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    /*background-attachment: fixed;*/
/*min-height: 549px;*/}

#section-bleu h2, #section-video h2, #section-events h2, #section-offres h2 {margin: 50px 10px 50px;}

#section-bleu .bloc { background: rgba(0, 0, 0, 0.25); margin:0 20px 40px; padding: 20px 20px 50px;}

#section-bleu .bloc_texte {padding: 15px 10px 20px;}

@media (min-width: 992px) {
#section-bleu {padding-top: 30px; padding-bottom: 0;}
#section-bleu .bloc { margin:0 30px; padding: 20px 20px 50px;}
}

/*Section videos*/

#container-video {
    margin: 0 auto;
    padding:35px 40px 70px;
    max-width: 1430px;
}

.relative {position: relative}
#section-video h2, #section-events h2, #section-offres h2 {color:#00447c; text-align: center; margin-bottom: 0;}
#slider-videos {position: static;}

#section-video .slick-next {right:-20px}
#section-video .slick-prev {left:-20px}

#section-video .slick-arrow {margin-top:-55px;}

#section-video .slick-arrow:before {color:#00447c; font-size: 60px;}



.bloc-video {padding:10px 10px;  text-align: center;}

@media (min-width: 640px) {
    .bloc-video {padding:10px 30px;}
}

@media (min-width: 1300px) {
    .bloc-video {padding:10px 70px;}
}

.bloc-video a {color:#989897; display: block;}
.bloc-video a:hover {color:#989897;}
.bloc-video a h5 {color:#00447c; margin-bottom: 5px;}


.photo-video {
    position: relative;
    margin-bottom: 50px;
}
.photo-video .arrow-video {
opacity: 0.75;
width: auto;
height: auto;
position: absolute;
bottom: -26px;
left: 50%;
margin-left: -27px;
}

.slick-arrow {opacity: 0.75;}
.bloc-video a:hover .arrow-video, .slick-arrow:hover {
    opacity: 1;
}


/* Sectio offres */


#section-offres {padding-bottom: 100px}

#section-offres h2 {    padding-bottom: 50px; margin-left:0; margin-right: 0;}


#section-offres h2, #section-offres .row-offre {
    border-bottom: 1px solid #989897;}
#section-offres .row-offre{margin:0}

#section-offres .bloc-offre {padding:10px 0; font-size: 15px;}

#section-offres .bloc-offre, #section-offres .bloc-offre a {  color:#00447c}
#section-offres .lien-offre {text-align: right;}


#section-offres .lien-offre a {background: url(img/arrow-offre.png) no-repeat right center;  padding-right: 40px;}

#entete.entete-offre {height: 426px; background:#00447c!important;  text-transform: uppercase; font-weight: 700;}

#entete.entete-offre .entete-subtitle {font-size: 16px;}
#entete.entete-offre .entete-ville  {font-size: 15px; font-weight: 400;}
#entete.entete-offre .entete-title {font-size: 26px!important; }

#content-offre h3 {color: #00447c; font-size: 15px!important;   text-transform: uppercase; font-weight: 700; margin:60px 0 20px}
#content-offre {padding-top: 20px; color: #989897}

#content-offre .entry-content ul li {list-style: disc inside; line-height: 1.5em}
#content-offre .entry-content ul {margin:20px 0 0;}

#formulaire-offre {margin-top:60px; padding:60px 0; border-top: 1px solid #ecedee}
#formulaire-offre h2{font-size: 26px!important; color: #00447c; text-align: center; margin-bottom:40px;}

@media (min-width: 768px) {
    #section-offres .bloc-offre {padding:30px 0;}
    #section-offres .titre-offre {margin-left:-15px;}
    #section-offres .lien-offre { margin-right: -15px}
    #section-offres .ville-offre {text-align: right; padding-right:25px}
}


@media (max-width: 767px) {
    .row-offre .col-xs-12 {padding:0;}
    .row-offre {padding:7px 0;}
}

@media (min-width: 992px) {
    #section-offres .ville-offre {text-align: left;}
}

/* Événements */

#section-events {
    background: #eceded;
    padding:0;
}
#section-events .event-bg {background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
#section-events h2 {margin-bottom: 30px;}
#slider-events .slick-slide {position: relative; text-align: center}
#slider-events .caption-event {font-size:14px; margin: 0 15%; position: absolute; bottom:0; width:70%; background: rgba(255, 255, 255, 0.85);
}
#slider-events .inner-caption-event {padding:20px 20px 30px; color:#00447c;}


@media (max-width: 767px) {
    #slider-events .caption-event {position:relative!important; width: 100%!important; margin:0!important}
    #slider-events .inner-caption-event {height:auto!important;}

}

/*Pied de page */

#pied-page {background:#00447c; padding: 50px 30px;}

@media (min-width: 600px) {
    #pied-page { padding: 100px 30px;}
    #pied-page .entete-title {margin-bottom: 0;}
}

#pied-page ul {padding:0;}


/* Courtiers */

#header-courtiers {position:relative; background: url('img/header-courtier-new.png') no-repeat center center; min-height: 530px; text-align: center; padding-top:140px; color:#fff; font-size: 16px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 3.5em;
}

@media (max-width: 600px) {
    #header-courtiers {background-position: center 88px!important; background-size: 130%}
    #header-courtiers .container img{width: 10%; height: auto}
    #header-courtiers h1.entete-title {font-size:23px!important;}
    #header-courtiers h4.entete-subtitle {font-size:22px!important;}

}

h4.entete-subtitle, #header-courtiers h1.entete-title {color:#fff; margin-top:5px;}
h4.entete-subtitle {font-weight: 400; margin:20px 0 5px; font-size:24px!important;}

@media (min-width:1920px){
   #section-administration h4.entete-subtitle {font-weight: 400; margin:70px 0 5px; font-size:24px!important;}
}




/* #section-courtiers .bloc-left {padding-right:80px;text-align: right; color:#989897; padding-top: 40px;} */
/* #section-courtiers .bloc-right {padding-left:80px; color:#989897; padding-top: 40px;} */
#section-courtiers .bloc-center {color:#989897; padding-top: 40px; text-align: center;}

.container-courtiers {
position:relative;
    margin-bottom: 60px;
}


/* .container-courtiers:after{    content: 'OU'!important;
    color: #fff;
    background: #00447c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 58px;
    height: 58px;
    position: absolute;
    left: 50%;
    margin-left: -31px;
    bottom: -60px;
    font-weight: 700;
    line-height: 58px;
    font-size: 18px;
    text-align: center;
} */




@media (min-width: 768px and max-width:1280px) {

    #header-courtiers.header-courtiers-fr:after{  content: 'OU';}
    #header-courtiers.header-courtiers-en:after{  content: 'OR';}
    #header-courtiers:after{
    color: #fff;
    background: #00447c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 58px;
    height: 58px;
    position: absolute;
    left: 50%;
    margin-left: -31px;
    bottom: -240px;
    font-weight: 700;
    line-height: 58px;
    font-size: 18px;}

    .container-courtiers {margin-bottom: 30px;}

.container-courtiers:after {display: none!important}
}

/* @media (min-width:1281px){
    #header-courtiers.header-courtiers-fr:after{  content: 'OU';}
    #header-courtiers.header-courtiers-en:after{  content: 'OR';}

    #header-courtiers:after{
    color: #fff;
    background: #00447c;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 58px;
    height: 58px;
    position: absolute;
    left: 50%;
    margin-left: -31px;
    bottom: -31px;
    font-weight: 700;
    line-height: 58px;
    font-size: 18px;} */

/* .container-courtiers {margin-bottom: 30px;}

.container-courtiers:after {display: none!important}
} */

#section-courtiers h3 {font-size:25px!important; padding-bottom: 3px;}
#section-courtiers .poste {padding-bottom: 30px;}

#section-courtiers .telephone {    font-weight: 700;
    background: #00447c;
    padding: 10px 35px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}



@media (min-width: 1280px) {


    #section-courtiers h3, #section-courtiers .bloc-left, #section-courtiers .bloc-right, #section-courtiers .bloc-center {color:#fff;}
    .container-courtiers {    position: relative;
        margin-top: -160px;
        top: -130px;}

    #header-courtiers { background: url('img/header-courtier-new.png') no-repeat center center; min-height: 761px;}
}



@media (max-width:768px){
    #section-courtiers h3 {font-size:24px!important}
}

@media (max-width: 600px) {
    #header-courtiers {min-height: 480px!important; }
    /*#section-courtiers h1 {padding-top: 20px;}*/
    #section-courtiers .col-xs-6, #section-courtiers .bloc-left {width:100%;text-align: center; margin-bottom: 20px; padding-left:15px; padding-right: 15px;}
    #section-courtiers h3 {font-size:24px!important; padding-bottom: 3px;}

}

.formulaire-courtiers h2{font-size:28px!important; color: #00447c; text-align: center; margin-top:20px; margin-bottom:20px;}

@media (min-width:1024px){
    #header-courtiers .container img{width: 4%;height: auto;}
    #section-courtiers h3 {font-size:24px!important; padding-bottom: 3px;}
    .formulaire-courtiers h2{font-size:27px!important; color: #00447c; text-align: center; margin-top:20px; margin-bottom:20px;}
}

@media (max-width:768px){
    .formulaire-courtiers h2{font-size:27px!important;}
}

@media (max-width: 600px){
   .formulaire-courtiers h2{font-size:27px!important; color: #00447c; text-align: center; margin-top:20px;}
}
/*Formulaires*/
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

label, input, textarea{max-width: 100%; width: 100%; color: #6d6e70; font-size: 13px;}



input, textarea,  .bouton-envoyer .sfi-wrapper {padding:10px; border:1px solid #cfd1d2;

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.bouton-envoyer .sfi-wrapper {padding:0!important;}
.bouton-envoyer .sfi-wrapper a {padding:15px; color:#fff;display: block}


.bouton-envoyer .sfi-filename.empty{
    position: absolute;
    bottom: -45px;
    left: 10px;
    color:#6d6e70;
}



@media (min-width:1920px){
    .bouton-envoyer{font-weight: 700;}
}

textarea {height: 141px;}

label .label-form {font-size: 15px; margin:15px 0 10px;}

.bouton-envoyer {text-align: center; margin-top: 50px;}
.bouton-envoyer input[type="submit"], .bouton-envoyer .sfi-wrapper {max-width: 275px; background:#00447c; color:#fff;     padding: 15px 20px; border-color: transparent}
.bouton-envoyer input[type="submit"]:hover, .bouton-envoyer .sfi-wrapper:hover {background:#07305b;}

.bouton-envoyer .sfi-trigger {text-indent: -99999;}
.bouton-envoyer .sfi-wrapper {display:block; max-width: 223px; cursor: pointer}


#bg-administration {
    background: url('https://carrieres.ldagence.com/wp-content/uploads/2024/12/img-header-app-administration.png')  no-repeat center left !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (min-width:1920px){
    .bouton-envoyer{margin-bottom: 70px;}
}

@media (max-width: 991px) {
    #section-administration h4.entete-subtitle {margin: 350px 0 5px!important; font-size:22px!important}
    #section-administration h1.entete-title  {font-size: 26px!important; line-height: 31px!important;}
}


@media (max-width: 600px) {
#bg-administration {background-position: -85px 85px!important}
}

@media (max-width: 480px) {
    #bg-administration {background-position: 11% 85px !important;}
}

.visible-md, .hidden-xs {display: none;}


body.page-template-template-administration {padding-bottom: 70px;}

@media (min-width: 992px) {
input {width: 85%;}

    .visible-md, .hidden-xs {display: block;}
    .hidden-md {display: none;}

    body.page-template-template-administration {
        background: url('https://carrieres.ldagence.com/wp-content/uploads/2024/12/img-header-app-administration.png')  no-repeat 19% top !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    #bg-administration {display:none!important;}
    #section-administration label .label-form {color:#fff}
    #section-administration input, #section-administration textarea {border-color:transparent; width: 100%;}




    #section-administration {padding-top:120px; color:#fff!important}
    #section-administration .admin-employe {text-align: right!important;     padding: 0 100px 0 0!important;}
    #section-administration .formulaire-administration .bouton-envoyer, #formulaire-offre .bouton-envoyer {text-align: right}
    #section-administration .formulaire-administration .bouton-fichier, #formulaire-offre .bouton-fichier  {text-align: center}
    #section-administration .bouton-envoyer .sfi-filename.empty {color:#fff;}

}
/*
@media (min-width: 1366px) {
body.page-template-template-administration {
    background: url('img/img-header-app-administration.jpg')  no-repeat top left ;
    }
}
*/



#section-administration .bouton-envoyer input[type="submit"], #section-administration .bouton-envoyer .sfi-wrapper,
#formulaire-offre .bouton-envoyer input[type="submit"], #formulaire-offre .bouton-envoyer .sfi-wrapper
{max-width: 100%!important; width: 100%!important;}



#bg-administration {padding-top:128px; color:#fff;}

#section-administration {color:#989897;}

#section-administration .col-admin{position:relative}

#section-administration .col-admin {text-align: center}

#section-administration h1{margin-top:5px;}

#section-administration .admin-employe {text-align: center;     padding: 40px 0 60px;}
#section-administration .message-contact {text-transform: uppercase; font-size:24px;}
#section-administration .formulaire-administration, #formulaire-offre {text-align: left}

#section-administration .formulaire-administration div.wpcf7 img.ajax-loader, #formulaire-offre img.ajax-loader {    position: absolute;
    right: 20px;
    top: 48px;}

#section-administration .separator-ou {    padding: 20px;
    text-align: center;
    font-size: 15px;}

#section-administration .bouton-envoyer .sfi-wrapper {max-width: 100%!important; display:inline-block;}

@media (max-width: 600px){
    #section-administration .message-contact {text-transform: uppercase; font-size:22px;}
}



#formulaire-offre .bouton-envoyer .sfi-wrapper {position: relative}
#formulaire-offre .bouton-envoyer .sfi-filename.empty {bottom:-27px; font-weight: 400; font-size: 13px;}

#formulaire-offre label {font-size: 13px; color:#00447c}

#formulaire-offre input, #formulaire-offre textarea { width: 100%; color:#919396; border-radius: 0; margin: 10px 0 17px}



#formulaire-offre .bouton-envoyer input[type="submit"], #formulaire-offre .bouton-envoyer .sfi-wrapper  {border-radius: 8px; font-size: 16px; color:#00447c; border:3px solid #00447c; background: transparent; font-weight: 700; margin:0;}

#formulaire-offre .bouton-envoyer .sfi-wrapper a {color:#00447c;}

#formulaire-offre div.wpcf7 .ajax-loader{display:inline}

@media (min-width: 768px){
#formulaire-offre .bouton-envoyer input[type="submit"], #formulaire-offre .bouton-envoyer .sfi-wrapper{max-width: 240px!important;}
}