/* Personnalisation des styles par BL Solutions */
/* http://bl.solutions */
/* Ajustements pour site Web adaptatif */



/* -------------------------------------------------------------
    Ordinateur (Écran large)
------------------------------------------------------------- */

@media only screen and (min-width: 1200px){
    .multi.staff.row {
        /*width: 730px !important;*/
        width: 760px !important;
    }
}

/* -------------------------------------------------------------
    iPad (paysage)
------------------------------------------------------------- */
@media only screen and (min-width: 961px) and (max-width: 1199px){
    /* Page Builder */
    div.pb-fullwith .jsn-bootstrap3 .pb-element-container {
        width: 970px;
    }
    div.pb-fullwith .jsn-bootstrap3 div.multi.row {
        width: 970px;
    }
    /* Parallax */
    div.about-us.parallax,
    div.services.parallax,
    div.call.parallax {
        background-image: inherit;
        background-attachment: inherit;
        background-position: inherit;
        background-repeat: inherit;
        background-size: inherit;
    }
    div.call.parallax section#contact-us.bg-dark {
        background-color: #000000;
    }
    /*Liste : Équipe de direction */
    .multi.staff.row {
        width: 80% !important;
    }
    /*Footer : Alignement Logos */
    .logos-footer {
        margin-right: 0px !important;
    }
}
    @media only screen and (min-width: 961px) and (max-width: 991px){
        /* Slogan */
        div.slogantop {
            display: none;
        }
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px){
        /* Slogan */
        div.slogantop h1,
        div.slogantop h1.showfr {
            font-size: 17px;
            letter-spacing: 1px;
        }
    }


/* -------------------------------------------------------------
    iPad (portrait)
------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 960px){
    /* Page Builder */
    div.pb-fullwith .jsn-bootstrap3 .pb-element-container {
        width: 100%;
    }
    div.pb-fullwith .jsn-bootstrap3 div.multi.row {
        width: 100%;
    }
    /* Slogan */
    div.slogantop {
        display: none;
    }
    /* Parallax */
    div.about-us.parallax,
    div.services.parallax,
    div.call.parallax {
        background-image: inherit;
        background-attachment: inherit;
        background-position: inherit;
        background-repeat: inherit;
        background-size: inherit;
    }
    div.call.parallax section#contact-us.bg-dark {
        background-color: #000000;
    }
    /*Liste : Équipe de direction */
    .multi.staff.row {
        width: 100% !important;
    }
    /*Footer : Alignement Logos */
    .logos-footer {
        margin-right: 0px !important;
    }
}

/* -------------------------------------------------------------
    iPhone (paysage)
------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 767px){
    /* Page Builder */
    div.pb-fullwith .jsn-bootstrap3 .pb-element-container {
        width: 100%;
    }
    div.pb-fullwith .jsn-bootstrap3 div.multi.row {
        width: 100%;
    }
    /* Slogan */
    div.slogantop {
        top: 0;
    }
    /* Slider */
    #hero .hero-content {
        padding-top: 45px !important;
    }
    #hero .hero-content div.fadeHero h1.mb20 {
        margin-bottom: 10px;
        font-size: 20px;
    }
    /* Parallax */
    div.about-us.parallax,
    div.services.parallax,
    div.call.parallax {
        background-image: inherit;
        background-attachment: inherit;
        background-position: inherit;
        background-repeat: inherit;
        background-size: inherit;
    }
    div.call.parallax section#contact-us.bg-dark {
        background-color: #000000;
    }
    /*Liste : Équipe de direction */
    .multi.staff.row {
        width: 100% !important;
        text-align: center !important;
    }
    .pb-element-container.pb-element-text p {
        text-align:center !important;
    }
    .jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-heading > h6 {
        text-align:center !important;
    }
/*    .pb-brand-icons.small {
        float: left;
    }*/
    /*Footer : Alignement Logos */
    .logos-footer {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-left: 14px;
        width: 190px;
    }
    /* Formulaire */
    div.contact-form #contact-form form div.jsn-row-container.jsn-style-light.vertical {
        width: 100% !important;
        margin-left: -8% !important;
    }
    div.contact-form #contact-form div.choices label.radio input {
        margin-right: 5px !important;
    }
    div.contact-form #contact-form form div.jsn-form-content div.control-group.g-recaptcha.jsn-uf-grecaptchav2 div {
        width: 100% !important;
    }
    div.contact-form #contact-form form div.jsn-form-content div.control-group.g-recaptcha.jsn-uf-grecaptchav2 div div iframe {
        width: 100% !important;
    }
}

/* -------------------------------------------------------------
    iPhone (portrait)
------------------------------------------------------------- */
@media only screen and (max-width: 480px){
    /* Page Builder */
    div.pb-fullwith .jsn-bootstrap3 .pb-element-container {
        width: 100%;
    }
    div.pb-fullwith .jsn-bootstrap3 div.multi.row {
        width: 100%;
    }
    /* Slogan */
    div.slogantop {
        display: none;
    }
    /* Parallax */
    div.about-us.parallax,
    div.services.parallax,
    div.call.parallax {
        background-image: inherit;
        background-attachment: inherit;
        background-position: inherit;
        background-repeat: inherit;
        background-size: inherit;
    }
    div.call.parallax section#contact-us.bg-dark {
        background-color: #000000;
    }
    /*Liste : Équipe de direction */
    .multi.staff.row {
        width: 100% !important;
        text-align:center !important;
    }
    .pb-element-container.pb-element-text p {
        text-align:center !important;
    }
    .jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-heading > h6 {
        text-align:center !important;
    }
    /*.pb-brand-icons.small {
        float: left;
    }*/
    /*Footer : Alignement Logos */
    .logos-footer {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-left: 14px;
        width: 190px;
    }
    /*Titre */
    div.pb-fullwith div.pb-element-heading h2 {
        font-size: 46px;
    }
    div.pb-fullwith div.pb-element-heading h2 span {
        font-size: 43px;
    }
    h1 {
        line-height: 1.5;
    }
    /* Boutons */
    .btn {
        padding: 20px 22px 17px !important;
        white-space: inherit;
        line-height: 15px;
    }
    /* Formulaire */
    div.contact-form #contact-form form div.jsn-row-container.jsn-style-light.vertical {
        width: 100% !important;
        margin-left: -8% !important;
    }
    div.contact-form #contact-form div.choices label.radio input {
        margin-right: 5px !important;
    }
    div.contact-form #contact-form form div.jsn-form-content div.control-group.g-recaptcha.jsn-uf-grecaptchav2 div {
        width: 100% !important;
    }
    div.contact-form #contact-form form div.jsn-form-content div.control-group.g-recaptcha.jsn-uf-grecaptchav2 div div iframe {
        width: 185px !important;
    }
        @media only screen and (min-width: 275px) and (max-width: 330px){
        /*Titre */
        div.pb-fullwith div.pb-element-heading h2 {
            font-size: 32px;
        }
        div.pb-fullwith div.pb-element-heading h2 span {
            font-size: 33px;
        }
}