/*
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('img/img-header-app-administration.png') no-repeat center left;
    -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('img/img-header-app-administration.png') no-repeat 19% top;
        -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.png')  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;
    }
}