/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 1.0
*/

@import url("../oshin/style.css");

/* ---------------------------------------------- */
/* Div ajouté dans Header et footer intégrant tout pour Safari iPad*/
/* ---------------------------------------------- */
.ajoutaccueil {
    width: 100% !important;
    background-color: yellow;
}
/* ---------------------------------------------- */
/* Les fontes du site*/
/* ---------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    color: #222222;
}
h1 {
    font-size: 2rem !important;
    line-height: 2.5rem !important; 
    margin:0 0 1rem 0 !important;
}
h2 {
    font-size: 1.2rem !important;
    line-height: 1.5rem !important;
    margin:0 0 .7rem 0 !important;   
}
h3 {
    font-size: .9rem !important;
    line-height: 1.3rem !important; 
    color:#757575 !important;
    margin:0 0 .7rem 0 !important;   
}
h4, h5, h6 {
    font-size: .85rem !important;
    line-height: 1.3rem !important;
    margin:0 0 .7rem 0 !important;   
}
body {
	overflow: hidden;
}
body, p, blockquote, #menu, #menu li a, a {
    font-family: "Work Sans", Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
}

body, p {
    font-size: 1rem !important;
    line-height: 1.4rem !important;
}
footer p {
    font-size: .9rem !important;
    line-height: 1.3rem !important;
}
p {
    margin: 0 0 1.3rem 0 !important;
}
a {
    text-decoration:none !important;
}
a:hover {
    text-decoration:underline !important;
    color:black !important;
}
.style6-blog .special-subtitle.post-date {
    font-family: "Work Sans", Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    font-style: italic;
}
sup, sub {
    height: 0;
    font-size: .5em !important;
    line-height: 1;
    position: relative;
    top: -1.5ex !important;
    vertical-align: baseline;
}
/* le petit bout de texte bleu en haut de pages */

span.capsule {
    font-size: 1em;
    font-weight: 600;
    color: #376fad;
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    letter-spacing: .15em;
}
/* styles de base pour Page Builder */

.page-builder h2 {
    font-size:2.2em !important;
    line-height: 1.4em  !important;
}

.page-builder a {
    color: black !important;
}
.page-builder a:hover {
    text-decoration:underline !important;
}
/* ---------------------------------------------- */
/* Entete */
/* ---------------------------------------------- */
/* Entete Breadcrumbs */
.header-breadcrumb, .breadcrumbs {
    display: none;
}
/* Entete contenu du blogue - cacher les titres */
#blog-content .page-title-module-custom {
    display: none;
}
/* La bande de navigation */
.style1 #navigation, .style3 #navigation, .style5 #navigation, #header-controls-left, #header-controls-right, #header-wrap, .mobile-nav-controller-wrap, #left-header-mobile .header-cart-controls, .style6 #navigation-left-side, .style6 #navigation-right-side, .overlay-menu-close {
    line-height: 80px !important;
    background-color:#ffffff;
    text-transform: none !important;
    font-size: .95em;
}
.style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo {
    padding-top: 18px !important;
    margin-left: 4em;
}
/* menu mobile faire disparaître blanc sous les 3 barres */
.be-mobile-menu-icon {
    width: 30px !important;
}
@media screen and (max-width:950px) {
  #header-controls-right, .mobile-nav-controller-wrap {
        line-height: 83.7569060773px !important;
        right: 10px !important;
        background-color: transparent !important;
	}
}
/* menu de l'entête */
 #header {
    position: fixed;
    width:100%;
} 
#navigation .menu {
    float:right;
    margin-right: 5em;
}
#navigation a, #navigation-right-side a, #navigation-left-side a {
    color: inherit;
    padding-bottom: 2px !important;
    margin: 0 30px 0 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-weight: 400 !important;
}
#navigation .current-menu-item a, #navigation a:hover, #navigation a:active  {
    color: black !important;
    padding-bottom: 2px !important;
    display: inline;
    border-bottom: 1px solid black;
    margin: 0 30px 0 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}
/* sous-menu de l'entête */
#navigation ul .sub-menu {
    margin-top: 0 !important;
}
#navigation ul .sub-menu li a, #navigation ul .children li a, #navigation-right-side ul .sub-menu li a, #navigation-right-side ul .children li a, #navigation-left-side ul .sub-menu li a, #navigation-left-side ul .children li a {
    padding: 5px 20px !important;
    font-weight: 400 !important;
}
#navigation .sub-menu .current-menu-item a, #navigation ul .sub-menu li a:hover, #navigation ul .children li a:hover, #navigation-right-side ul .sub-menu li a:hover, #navigation-right-side ul .children li a:hover, #navigation-left-side ul .sub-menu li a:hover, #navigation-left-side ul .children li a:hover {
    padding: 5px 20px !important;
    border:none !important;
    color:white !important;
    font-weight: 400 !important;
    text-decoration: underline !important;
}
#navigation .sub-menu, #navigation .children, #navigation-left-side .sub-menu, #navigation-left-side .children, #navigation-right-side .sub-menu, #navigation-right-side .children, .sb-left #slidebar-menu .sub-menu, .top-overlay-menu .sb-right #slidebar-menu .sub-menu {
    color:white !important;
    background-color: #376fad !important;
}
#navigation ul .sub-menu li a {
    color:white !important;
    border:none !important;
}
/* menu mobile */
#mobile-menu, #mobile-menu ul {
    background-color: rgb(255,255,255);
    background-color: #376fad !important;
    color: #ffffff !important;
    padding: 10px 0;
}
ul#mobile-menu a {
    font: 400 1em "Work Sans", Helvetica, Arial, sans-serif !important;
    color: #ffffff !important;
    text-transform: none !important;
}
#mobile-menu li {
    margin-bottom: 0px;
    line-height: 2em !important;
    position: relative;
    text-align: left;
    padding-left: 1em;
    border:none !important;
}
#mobile-menu .mobile-sub-menu-controller {
    line-height: 1em;
}
@media screen and (min-width:1px) and (max-width:1100px) {
    .style1 .logo, .style4 .logo, #left-header-mobile .logo, .style3 .logo {
        padding-top: 18px !important;
        margin-left: 1em;
    }
}
/* ---------------------------------------------- */
/* Entête des pagges - barre titre et espace après */
/* ---------------------------------------------- */
.page-title-module-custom {
    display: none;
}
/* ---------------------------------------------- */
/* Mise en page générale - pour enlever l'espace de trop droite et gauche */
/* ---------------------------------------------- */
.single-portfolio #page-content {
    margin: 0 -1rem 0 -1rem !important;
    padding: 0 !important;
}
/* ---------------------------------------------- */
/* Accueil */
/* ---------------------------------------------- */
/* div contenu accueil */
#accueilajout {
    width: 100% !important;
    position: relative !important;
    overflow: hidden;
}
/* ancre entre l'entête et le slideshow */
p a.ancreacceuil {
    margin:0 !important;
}
/* Slider secondaire entête accueil */
.tparrows {
    background: none;
    padding: 0 12px 0 12px;
}
.tparrows:hover {
    background: none;
    opacity: .5 !important;
}
.tparrows:before {
    font-size: 60px;
}
@media screen and (min-width:701px) and (max-width:900px) {
    .tparrows {
        padding: 0 8px 0 8px;
    }
    .tparrows:before {
        font-size: 45px;
    }
}
@media screen and (min-width:501px) and (max-width:700px) {
    .tparrows {
        padding: 0 5px 0 5px;
    }
    .tparrows:before {
        font-size: 35px;
    }
}
@media screen and (min-width:1px) and (max-width:500px) {
    .tparrows {
        padding: 0 2px 0 2px;
    }
    .tparrows:before {
        font-size: 25px;
    }
}

/* Le bloc Devient ce que tu est */

p.accueil_deviens_ce_que_tu_est_paragraphe {
    width: 490px;
    margin: 0 auto 0 auto !important;
    padding: 0 0 1em 0;
    text-align: center;
    font-size: 1rem !important;
    line-height: 1.4rem !important;
}
@media screen and (min-width:1px) and (max-width:324px) {
    p.accueil_deviens_ce_que_tu_est_paragraphe {
        width: 200px;
    }
}
@media screen and (min-width:325px) and (max-width:769px) {
    p.accueil_deviens_ce_que_tu_est_paragraphe {
        width: 300px;
    }
}
/* Le bloc Accueil Image */
div.accueil_deviens_ce_que_tu_ess_image {
    width: 100%;
    margin: 0 0 3rem 0;
}
.accueil_deviens_ce_que_tu_ess_image img{
    width: 100%;
    height:auto;
}
/* les logos avec liens */
a img.image_logo_de_la_realisation:hover {
    opacity: .5;
}
/* Le titre Réalisations */
.accueil_realisations_contenant {
    width: 100%;
    padding: 0 !important;
    margin:0 !important;
}
.accueil_realisations_titre {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    margin: 0 0 1rem 0 !important;
    text-align: center;
}
.accueil_deviens_ce_que_tu_est_titre {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
    margin: 1.5em 0 1rem 0 !important;
    text-align: center;
    width: 100%;
}
.accueil_realisations_sous_titre {
    margin: 0 0 2rem 0 !important;
    text-align: center;
}
div.accueil_realisations_lien, div.accueil_deviens_ce_que_tu_est_lien {
    margin-top: 1em !important;
    margin-bottom: 3em !important;
    width: 100% !important;
}
.accueil_realisations_lien a, .accueil_deviens_ce_que_tu_est_lien a {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    color: #333230 !important;
    font-size: .72rem !important;
    letter-spacing: .1em;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.accueil_realisations_lien a:hover, .accueil_deviens_ce_que_tu_est_lien a:hover {
    color: #8c8b89 !important;
}
/* les 6 blocs liens aux projets */
ul.accueil_realisations_listes_projets {
    display: inline-block;
    margin: 0 -5px 0 0 !important;
    padding: 0 !important;
    width: 101%;
    text-align: center;
}
li.acceuil_realisations_liste {
    display:inline-block;   
    width: 49%;
    float:left;
    margin: 0 11px 0 0 !important;
    padding: 0 !important;
    text-align: left;
}
p.accueil_realisations_titre_categorie {
    z-index: 100000 !important;
    margin: 1rem 0 0 1rem !important;
    width: 100%;
}

p.accueil_realisations_images {
   margin: 0 0 .5rem 0 !important;
   width: 100%;
   overflow: hidden !important;
}
p.accueil_realisations_details {
    margin: 0 0 1.7rem 0 !important;
    width: 100%;
    line-height: 1.2em !important;
}
.accueil_realisations_listes_projets img {
    width:100%;
    height:auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.accueil_realisations_listes_projets img:hover {
-moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  overflow: hidden;
}
.accueil_realisations_titre_categorie {
    position: absolute;
    color: white;
    font-family: "Droid Serif", Times, serif !important;
    font-weight: 400 !important;
    font-style: italic !important;
    font-size: 1.85rem !important;
    letter-spacing: .1rem;
    line-height: 1.9rem !important;
    margin: 1rem 0 0 1rem !important;
}
@media screen and (min-width:851px) and (max-width:1262px) {
    ul.accueil_realisations_listes_projets {
    width: 103.5% !important;
}
    li.acceuil_realisations_liste {  
        width: 47.5%;
    }
}
@media screen and (min-width:701px) and (max-width:850px) {
    ul.accueil_realisations_listes_projets {
    width: 103.5% !important;
}
    .accueil_realisations_titre_categorie {
        font-size: 1.3rem !important;
    }
    li.acceuil_realisations_liste {  
        width: 47.5%;
    }
}
@media screen and (min-width:501px) and (max-width:700px) {
    li.acceuil_realisations_liste {  
        width: 45%;
    }
    .accueil_realisations_titre_categorie {
        font-size: 1.3rem !important;
    }
}
@media screen and (min-width:1px) and (max-width:500px) {
    li.acceuil_realisations_liste {  
        width: 99%;
    }
    .accueil_realisations_titre_categorie {
        font-size: 1.5rem !important;
    }
    p.accueil_realisations_details {
        margin: 0 0 1.7rem 0 !important;
    }
}
/* Les 6 pages sphères d'activiéts seules */
@media screen and (min-width:1px) and (max-width:500px) {
    #sphereactiviteseule h2 {  
        font-size: 1.5em !important;
    }
}
/* ---------------------------------------------- */
/* Blogue - options des auteurs et plus */
/* ---------------------------------------------- */
li.post-meta.post-author, li.post-meta.post-comments {
	display: none;
}
.be-themes-comments {
    display: none;
}
h5.post-title a:hover  {
    color:black !important;
}
/* lien en savoir plus */
a.more-link.style1-button {
    text-decoration: none !important;
    display: table;
    margin-top: 20px;
}
/* ---------------------------------------------- */
/* Blogue - apparence générale */
/* ---------------------------------------------- */
#content #page-content .post-content-wrap img.alignnone,
#content #page-content .post-content-wrap img.alignleft,
#content #page-content .post-content-wrap img.aligncenter,
#content #page-content .post-content-wrap img.alignright {
	display: inline-block;
	margin: 0 5px 10px 0;
}
.blog #content, #blog-content #content {
    background-color: #f9f9f9;
}
h5.post-title {
    text-transform: uppercase;
    color: #000000;
}
h5.post-title a {
    font-weight: bold !important;
}

.blog #content .post-thumb {
    margin-bottom: 10px;
}
.blog .hero-section-wrap.be-section.be-bg-cover.clearfix {
    background-color: #f9f9f9 !important;
}
.blog .hero-section-wrap.be-section.be-bg-cover.clearfix p {
    margin-top: 8em !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    color: #376fad;
    font-weight: bold !important;
    letter-spacing: 2px;
}
.blog .hero-section-wrap.be-section.be-bg-cover.clearfix img {
    margin-top: -.8em !important;
}
.single #content {
    padding-top: 8em !important;
    background-color: #f9f9f9;
}
.single-portfolio #content {
    padding-top: 0 !important;
}
.single #content hr.separator {
    display: none;
}
.single-page-atts h6, .single-page-atts .tagcloud {
    margin-left: 10px;
}
/* ---------------------------------------------- */
/* Contact Form 7 et la page Nous joindre */
/* ---------------------------------------------- */
/* google map */
.googlemap {
    border:0;
    width: 100%;
    height: 320px;
}
/* Nous joindre contenu de la page */
.nous-joindre-texte a {
    color:rgb(95, 98, 99)
}
div.nousjoindregauche,
div.nousjoindredroite {
    display: inline-block;
    width: 50%;
    float: left;
}
div.nousjoindregauche p {
    width: 75%;
}
@media screen and (max-width: 800px) and (min-width: 1px) {
    div.nousjoindregauche,
    div.nousjoindredroite {
        display: block;
        width: 100%;
        float: none;
    }
    div.nousjoindregauche p {
    width: 100%;
    }
}
/* le formulaire Contact Form 7 */
.nousjoindredroite input[type="text"], 
.nousjoindredroite input[type="email"], 
.nousjoindredroite input[type="password"], 
.nousjoindredroite input[type="tel"] {
    margin-bottom: 0;
    background-color: #fbfbfb;
}
.nousjoindredroite textarea {
    margin-bottom: 0;
    background-color: #fbfbfb;
    height:120px;
}
.nousjoindredroite input[type="submit"] {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
    background-color: white;
    border: 1px solid #c5c5c5;
    color:rgb(95, 98, 99);
    text-transform: none;
    height: 45px;
}
.nousjoindredroite input[type="submit"]:hover {
    background-color: #dcdcdc;
}
/* les informations sur 4 colonnes */
ul.nous_joindre_informations {
    display: block !important;
    margin: 70px 0 60px 0 !important;
    padding: 0 !important;
    width: 100%;
    height: auto;
}
li.nous_joindre_informations_texte {
    display: inline-block;
    width: 25%;
    height: 200px;
    margin-bottom: 40px;
    height: auto;
    float: left;
}
.nous_joindre_informations_texte:nth-child(4) {
    text-align: center;
}
.nous_joindre_informations_texte h3 {
    margin-bottom: 1.2em !important;
    font-size: 1em !important;
    color: #222222 !important;
}
.nous_joindre_informations_texte a {
    color: rgb(95, 98, 99) !important;
}
.nous_joindre_informations_texte a:hover {
    color: #222222 !important;
}
@media screen and (max-width: 600px) and (min-width: 1px) {
    ul.nous_joindre_informations {
        margin: 30px 0 30px 0 !important;
    }
    .nous_joindre_informations_texte:nth-child(4) {
        text-align: left;
    }
    li.nous_joindre_informations_texte {
        width: 100%;
        margin-bottom: 20px;
        height: auto;
    }
    .nous_joindre_informations_texte h3 {
        margin-bottom: .8em !important;
    }
}
@media screen and (max-width: 775px) and (min-width: 601px) {
    ul.nous_joindre_informations {
        margin: 40px 0 30px 0 !important;
    }
    .nous_joindre_informations_texte:nth-child(4) {
        text-align: left;
    }
    li.nous_joindre_informations_texte {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .nous_joindre_informations_texte h3 {
        margin-bottom: .8em !important;
    }
}
@media screen and (max-width: 1000px) and (min-width: 776px) {
    ul.nous_joindre_informations {
        margin: 40px 0 30px 0 !important;
    }
    .nous_joindre_informations_texte:nth-child(4) {
        text-align: left;
    }
    li.nous_joindre_informations_texte {
        width: 50%;
        margin-bottom: 30px;
    }
    .nous_joindre_informations_texte h3 {
        margin-bottom: 1em !important;
    }
}
/* ---------------------------------------------- */
/* Sidebar */
/* ---------------------------------------------- */
.tagcloud a {
    text-decoration: none !important;
}
/* ---------------------------------------------- */
/* WMPL cacher le langage courant dans l'entête */
/* ---------------------------------------------- */
.menu-item-language-current {
    display: none !important;
}
.accueilSliderTitre {
    font-family: Monserrat, sans-serif;
    font-weight: 400;
    font-size: 7em;
    line-height: 6em;
    color: #ffffff;
}
/* ---------------------------------------------- */
/* Entête des pages de contenu statique */
/* ---------------------------------------------- */
.header_page_wrapper {
    display: block;
}
img.header_image_pages {
    width:100% !important;
    display:block !important;
    height:auto !important;
    padding-top:70px !important;
    margin-bottom: 5rem !important;
}
.header-wrap-texte {
    max-width: 1160px;
    margin: 0 auto 0 auto;
    padding: 0;
    position: relative;
    z-index: 2;
}
h1.header_nom_de_la_page {
    position: absolute;
    display: block;
    top:155px;
    margin: 0 !important;
    padding: 0;
    font-size:14px !important;
    text-transform: uppercase;
    color:#376fad;
    font-weight: bold !important;
    letter-spacing: 2px;
}
img.tiretbleu {
    position: absolute;
    top:190px;
    display: block;
    width: 16px;
    height: 2px;
}
h2.header_slogan_de_la_page {
    position: absolute;
    display: block;
    top: 225px;
    margin: 0 0 0 -7px !important;
    padding: 0 !important;
    font-size: 5.2em !important;
    line-height: 1.2em !important;
    color: #fff;
}
@media screen and (max-width: 1279px) and (min-width: 960px) {
    img.header_image_pages {
        padding-top:70px !important;
        margin-bottom: 4rem !important;
    }
    .header-wrap-texte {
        max-width: 940px !important;
        margin: 0 auto !important;
    }
    h1.header_nom_de_la_page {
        top:145px;
    }
    img.tiretbleu {
        top:178px;
    }
    h2.header_slogan_de_la_page {
        top: 210px;
        margin: 0 0 0 -2px !important;
        font-size: 3.5em !important;
        line-height: 1.2em !important;
    }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
    img.header_image_pages {
        padding-top:70px !important;
        margin-bottom: 3.5rem !important;
    }
    .header-wrap-texte {
        max-width: 740px !important;
        margin: 0 auto !important;
    }
    h1.header_nom_de_la_page {
        top:135px;
    }
    img.tiretbleu {
        top:168px;
    }
    h2.header_slogan_de_la_page {
        top: 190px;
        margin: 0 0 0 -2px !important;
        font-size: 2.5em !important;
        line-height: 1.2em !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    .header_page_wrapper {
        display: block;
        padding-top: 65px;
    }
    img.header_image_pages {
        padding-top:15px !important;
        margin-bottom: 2.5rem !important;
    }
    .header-wrap-texte {
        max-width: 440px !important;
        margin: 0 auto !important;
    }
    h1.header_nom_de_la_page {
        top:35px;
    }
    img.tiretbleu {
        top:68px;
    }
    h2.header_slogan_de_la_page {
        top: 80px;
        margin: 0 0 0 -2px !important;
        font-size: 1.6em !important;
        line-height: 1.2em !important;
    }
}
@media screen and (max-width: 479px) and (min-width: 1px) {
    .header_page_wrapper {
        display: block;
        padding-top: 70px;
    }
    img.header_image_pages {
        padding-top:10px !important;
        margin-bottom: 2rem !important;
    }
    .header-wrap-texte {
        max-width: 300px;
        margin: 0 auto;
    }
    h1.header_nom_de_la_page {
        top:30px;
    }
    img.tiretbleu {
        top:63px;
    }
    h2.header_slogan_de_la_page {
        top: 75px;
        margin: 0 0 0 -2px !important;
        font-size: 1.1em !important;
        line-height: 1.1em !important;
    }
}
/* ---------------------------------------------- */
/* Page réalisations liste des sujets */
/* ---------------------------------------------- */
span.sort {
    margin: 0 !important;
}
.filters {
    margin: 0 .6em 3em .6em !important;
}
.filters .sort {
    padding: 5px 10px 5px 10px !important;
    margin-left: .3rem !important;
    display: inline-block !important;
}
.filters h6:first-child {
    display: none !important;
}
.filters h6 {
    font-family: "Work Sans", Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    float:left !important;
    display: inline-block !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
}
.filters h6:hover {
    color:#b0b0b0;
}
.filters h6 span.sort.current_choice {
        border: none;
}
.be-section-pad.clearfix {
    padding-top: 3em !important;
    padding-bottom: 2em !important;
}
.filters .current_choice {
    color:#376fad !important;
}
@media screen and (min-width: 754px) and (max-width: 965px) {
    .filters.border .current_choice {
        margin-left: 12px !important;
    }
    .filters {
        margin-bottom: 2em !important;
        text-align: left;
    }
    .filters .filter_item {
        line-height: 18px !important;
    }
    .be-section-pad.clearfix {
        padding-top: 2em !important;
    }
}
@media screen and (min-width: 355px) and (max-width: 753px) {
    .tatsu-section-pad.clearfix {
        padding: 1.5em 0 1em 0 !important;
    }
    .filters.border .current_choice {
        margin-left: 12px !important;
    }
    .filters {
        margin-bottom: 2em !important;
        text-align: left;
    }
    .filters .filter_item {
        line-height: 18px !important;
    }
    .be-section-pad.clearfix {
        padding-top: 2em !important;
    }
    .filters h6 {
        display: inline-block !important;
        clear: both;
        line-height: 1.5em;
        margin-left: .85em;
    }
}
@media screen and (min-width: 309px) and (max-width: 354px) {
    .tatsu-section-pad.clearfix {
        padding: 1.5em 0 1em 0 !important;
    }
    .filters.border .current_choice {
        margin-left: 12px !important;
    }
    .filters {
        margin-bottom: 1em !important;
        text-align: left;
    }
    .filters .filter_item {
        line-height: 18px !important;
    }
    .be-section-pad.clearfix {
        padding-top: 1em !important;
    }
    .filters h6 {
        display: inline-block !important;
        clear: both;
        line-height: 1.5em;
        margin-left: .85em;
    }
}
@media screen and (min-width: 1px) and (max-width: 308px) {
    .tatsu-section-pad.clearfix {
        padding: 1.5em 0 1em 0 !important;
    }
    .filters.border .current_choice {
        margin-left: 12px !important;
    }
    .filters {
        margin-bottom: 1em !important;
        text-align: left;
    }
    .filters .filter_item {
        line-height: 18px !important;
    }
    .be-section-pad.clearfix {
        padding-top: 1em !important;
    }
    .filters h6 {
        display: inline-block !important;
        clear: both;
        line-height: 1.5em;
        margin-left: .85em;
    }
}
/* ---------------------------------------------- */
/* Page réalisations image de preview */
/* ---------------------------------------------- */
a.custom-like-button.no-liked {
    display: none;
}
.thumb-title-wrap .thumb-title {
    font: 400 1em "Montserrat","Open Sans","Arial",sans-serif !important;
    letter-spacing: 0px;
    line-height: 1.3em !important;
    font-weight: normal !important;
    margin-left: 12px !important;
    margin-bottom: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 0 !important;
    text-transform: none !important;
}
.thumb-title-wrap .portfolio-item-cats {
    visibility: hidden !important;
}
.thumb-title-wrap .portfolio-item-cats {
    font-size: 1em !important;
    line-height: 1.3em !important;
    margin-left: 12px !important;
}
/* ---------------------------------------------- */
/* Image Header des page avec les liens vers les réalisations ACF */
/* ---------------------------------------------- */
img.realisatons_image_header {
    display:block;
    height:auto;
    width:100%;
    padding-top:70px;
}
/* ---------------------------------------------- */
/* ICI Une page de réalisations ligne avec navigation d'un projet à l'autre ACF */
/* ---------------------------------------------- */
.image_entete_page_realisation {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 2.5em;
}
.un_paragraphe_realisation {
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    font-family: "Work Sans", Helvetica, Arial, sans-serif !important;
    font-weight: 400 !important;
    margin: 0 0 1rem 0 !important;
}
.imagelogorealisationdiv {
    display: block !important;
    width: 101%;
    padding: 0 !important;
    margin: 0 0 2.1em 0 !important;
    overflow: hidden;
}
li.image_logo_de_la_realisation:nth-child(2n+1) {
    margin-right: 34px !important;
}
.image_logo_de_la_realisation {
    display: inline-block;
    width: 563px;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 17px;
    margin-left: 0;
    padding: 0 !important;
}
.image_de_la_realisation {
    display: block;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 4.5em 0;
}
.zone_liens_retour_realisations {
    margin: 0 0 5em 0;
}
.titre_une_realisation {
        margin: 0 0 .2em 0!important;
    }
.sous-titre_une_realisation {
    margin: 0 0 2em 0!important;
}
@media screen and (min-width: 960px) and (max-width: 1275px) {
    li.image_logo_de_la_realisation:nth-child(2n+1) {
        margin-right: 33px !important;
    }
    .image_logo_de_la_realisation {
        width: 455px;
        margin: 0 0 13px 0 !important;
    }
}

@media screen and (min-width: 766px) and (max-width: 959px) {
    .titre_une_realisation {
        margin: 0 0 .2em 0!important;
    }
    .sous-titre_une_realisation {
        margin: 0 0 2em 0!important;
    }
    .image_entete_page_realisation {
        margin-bottom: 1.5em;
    }
    .un_paragraphe_realisation {
        margin: 0 0 .7em 0!important;
    }
    .imagelogorealisationdiv {
        margin: 0 0 1.5em 0 !important;
    }
    li.image_logo_de_la_realisation:nth-child(2n+1) {
        margin-right: 29px !important;
    }
    .image_logo_de_la_realisation {
        width: 356px;
        margin: 0 0 13px 0 !important;
    }
    .image_de_la_realisation {
        margin: 0 0 3em 0;
    }
    .zone_liens_retour_realisations {
        margin: 0 0 3em 0;
    }
}
@media screen and (min-width: 355px) and (max-width: 765px) {
    .titre_une_realisation {
        margin: 0 0 .2em 0!important;
    }
    .sous-titre_une_realisation {
        margin: 0 0 2em 0!important;
    }
    .image_entete_page_realisation {
        margin-bottom: 1.5em;
    }
    .un_paragraphe_realisation {
        margin: 0 0 .7em 0!important;
    }
    .imagelogorealisationdiv {
        margin: 0 0 .1em 0 !important;
    }
    li.image_logo_de_la_realisation:nth-child(2n+1) {
        margin-right: 0px !important;
    }
    .image_logo_de_la_realisation {
        width: 100%;
        margin: 0 0 13px 0 !important;
    }
    .image_de_la_realisation {
        margin: 0 0 1.7em 0;
    }
    .zone_liens_retour_realisations {
        margin: 0 0 1.7em 0;
    }
}
@media screen and (min-width: 309px) and (max-width: 354px) {
    .titre_une_realisation {
        margin: 0 0 .2em 0!important;
    }
    .sous-titre_une_realisation {
        margin: 0 0 2em 0!important;
    }
    .image_entete_page_realisation {
        margin-bottom: 1em;
    }
    .un_paragraphe_realisation {
        margin: 0 0 .7em 0!important;
    }
    .imagelogorealisationdiv {
        margin: 0 !important;
    }
    li.image_logo_de_la_realisation:nth-child(2n+1) {
        margin-right: 0px !important;
    }
    .image_logo_de_la_realisation {
        width: 100%;
        margin: 0 0 7px 0 !important;
    }
    .image_de_la_realisation {
        margin: 0 0 1em 0;
    }
    .zone_liens_retour_realisations {
        margin: 0 0 1em 0;
    }
}
@media screen and (min-width: 1px) and (max-width: 308px) {
    .titre_une_realisation {
        margin: 0 0 .2em 0!important;
    }
    .sous-titre_une_realisation {
        margin: 0 0 1em 0!important;
    }
    .image_entete_page_realisation {
        margin-bottom: 1em;
    }
    .un_paragraphe_realisation {
        margin: 0 1em .7rem 1em !important;
    }
    .imagelogorealisationdiv {
        margin: 0 !important;
    }
    li.image_logo_de_la_realisation:nth-child(2n+1) {
        margin-right: 0px !important;
    }
   .image_logo_de_la_realisation {
        width: 100%;
        margin: 0 0 7px 0 !important;
    }
    .image_de_la_realisation {
        margin: 0 0 1em 0;
    }
    .zone_liens_retour_realisations {
        margin: 0 0 1em 0;
    }
}
/* la barre de navigation avec flène pour une réalisation */
li.home-grid-wrapper {
    visibility: hidden;
}
#portfolio-title-nav-wrap .portfolio-nav li {
    padding-top: 2px;
}
.font-icon.icon-arrow_right, .font-icon.icon-arrow_left {
    font-size: 2em;
}
#portfolio-title-nav-wrap .portfolio-nav {
    margin: -17px 0px 0px 0px;
}
#portfolio-title-nav-wrap .portfolio-nav {
    width: 100% !important;
    text-align: center !important;
}
#portfolio-title-nav-wrap .portfolio-nav a {
    color: #376fad !important;
    z-index: 7 !important;
}
h6.portfolio-title-nav {
    display: none !important;
}
#portfolio-title-nav-wrap {
    border-bottom: none !important;
    text-align: center !important;
    width: 100% !important;
    position: fixed;
    top: 5em !important;
    z-index: 5 !important;
    opacity: 0.6;
}
.vc_row.wpb_row.vc_row-fluid.realisationsblocheader.vc_row-no-padding
        #portfolio-title-nav-wrap .portfolio-nav {
        width: 100% !important;
        text-align: center !important;
        z-index: 100000 !important;
    }
@media screen and (min-width: 754px) and (max-width: 942px) {
    #header {
        position: fixed;
        z-index: 10 !important;
        width:100%;
    } 
     #portfolio-title-nav-wrap {
        position: fixed !important;
        top: 5.55em !important;
        z-index: 5 !important;
        opacity: 0.6;
    }
}
@media screen and (min-width: 355px) and (max-width: 753px) {
    #header {
        position: absolute;
        width:100%;
    } 
    #portfolio-title-nav-wrap .portfolio-nav {
        margin: 14px 0 -5px 0 !important;
    }
     #portfolio-title-nav-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        position: relative !important;
        top: 5em !important;
        z-index: 5 !important;
        opacity: 0.6;
    }
    .vc_row.wpb_row.vc_row-fluid.realisationsblocheader.vc_row-no-padding {
        margin-top: 2em !important;
    }
}
@media screen and (min-width: 309px) and (max-width: 354px) {
    #header {
        position: absolute;
        width:100%;
        z-index: 10 !important;
    } 
    #portfolio-title-nav-wrap .portfolio-nav {
        margin: 14px 0 -5px 0 !important;
    }
    .image_entete_page_realisation {
        margin-top: 33px;
    }
     #portfolio-title-nav-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        position: relative !important;
        top: 4.8em !important;
        opacity: 0.6;
    }
    .vc_row.wpb_row.vc_row-fluid.realisationsblocheader.vc_row-no-padding {
        margin-top: 2.0em !important;
    }
}
@media screen and (min-width: 1px) and (max-width: 308px) {
    #header {
        position: absolute;
        width:100%;
    }
    .image_entete_page_realisation {
        margin-top: 28px;
    } 
    #portfolio-title-nav-wrap .portfolio-nav {
        margin:23px 0 -12px 0 !important
    }
     #portfolio-title-nav-wrap {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        position: relative !important;
        top: 4em !important;
        z-index: 5 !important;
        opacity: 0.6;
    }
    .vc_row.wpb_row.vc_row-fluid.realisationsblocheader.vc_row-no-padding {
        margin-top: 1em !important;
    }
}
/* ---------------------------------------------- */
/* Une page de réalisations WP Bakery */
/* ---------------------------------------------- */
.vc_row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 2.3em !important;
}
.vc_row.wpb_row.vc_row-fluid {
    margin: 0 0 2.3em !important;
    padding: 0 !important;
}
@media screen and (max-width: 845px) {
    .vc_row.wpb_row.vc_row-fluid {
        margin: 0 0 -1em 0 !important;
        padding: 0 !important;
    }
    .realisationsblocavectitres.wpb_column.vc_column_container.vc_col-sm-12 {
        margin-top: -2em;
    }
}
.vc_row.wpb_row.vc_row-fluid.realisationsblocheader.vc_row-no-padding img {
    width: 100% !important;
    height: auto !important;
    border: none !important;
}
.vc_row.wpb_row.vc_row-fluid.realisationsblocheader.vc_row-no-padding {
    margin-bottom: 1em !important;
    border: none !important;
}
.wpb_text_column.wpb_content_element.realisationstouslesprojet p {
    color: #757575;
    margin:0 !important;
    padding: 0 !important;
}
.wpb_text_column.wpb_content_element.realisationstouslesprojet img {
    margin-top:-3px;
}
.realisationsblocheader, .realisationsblocheader p, .realisationsblocheader img {
    margin:0 !important;
    padding: 0 !important;
    border: none !important;
}
.realisationsblocavectitres h2 {
    font-size:1.3em;
    line-height: 1.3em;
    margin:0;
    padding: 0;
    color: #010101;
}
.realisationsblocavectitres h3 {
    font-size:.95em;
    line-height: 1.3em;
    color: #757575;
}
.wpb_text_column.wpb_content_element.realisationstouslesprojet a {
    text-decoration: none !important;
    color: #757575;
}
/* les liens pour pages Réalisations WP bakery bas de la page */
.wpb_text_column.wpb_content_element.realisationstouslesprojet {
    margin: 0 0 .5em 0;
}
.wpb_text_column.wpb_content_element.realisationstouslesprojet p {
    margin-bottom: 1em !important;
}
.lien-types-de-projets {
    margin-right: 4em !important;
}
.lien-types-de-projets:hover, .lien-spheres-dactivites:hover {
    color: #8c8b89 !important;
}
.lien-types-de-projets, .lien-spheres-dactivites {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    color:#333230 !important;
    font-size: .72rem !important;
    letter-spacing: .1em;
    font-weight: 600 !important;
}
@media screen and (min-width: 1px) and (max-width: 766px) {
    .wpb_text_column.wpb_content_element.realisationstouslesprojet p {
        text-align: left !important;
    }
        .lien-types-de-projets {
        margin-right: 0em !important;
        line-height: .6em !important;
    }
    .lien-types-de-projets, .lien-spheres-dactivites {
       display: block; !important;
    }
}
/* ---------------------------------------------- */
/* Avant footer */
/* ---------------------------------------------- */
.no-sidebar-page #content-wrap {
    padding-top: 0 !important;
    padding-bottom:0 !important;
}
div#bottom-widgets-wrap {
    padding-top: 1.2em !important;
    padding-bottom:0 !important;
    border-top: 1px solid rgb(193, 193, 193) !important;
}
@media screen and (min-width: 1px) and (max-width: 345px) {
    div#bottom-widgets-wrap {
        padding-left: 1.5em !important;
    }
}
.right-sidebar-page {
    padding-bottom: 0 !important;
}
/* ---------------------------------------------- */
/* pied de page */
/* ---------------------------------------------- */
footer#bottom-widgets {
    margin: 0;
    padding: 0 0 1em 0;
    background-color: transparent;
}
#footer-wrap {
    padding-top: 1em !important;
    padding-bottom: 3em !important;
}
#bottom-widgets .one-fourth {
    width: 33% !important;
    /* width: 25% !important; */
}
#bottom-widgets .column-block {
    margin:15px 0 15px 0;
}
.one-fourth.column-block.clearfix:nth-child(2),
.one-fourth.column-block.clearfix:nth-child(3),
.one-fourth.column-block.clearfix:nth-child(4) {
    text-align: center;
}
.one-fourth.column-block.clearfix:nth-child(2) a:nth-child(3) {
    letter-spacing: .5px;
}
@media screen and (max-width: 767px) {
    #bottom-widgets .column-block {
       margin-bottom:0 !important;
    }
}
#back-to-top {
    text-decoration: none !important;
}
@media screen and (max-width:969px) and (min-width:771px) {
	#bottom-widgets .column-block {
		margin-right: 0 !important;
		text-align: center;
	}
	#bottom-widgets .one-fourth {
    	width: 48% !important;
        height: 60px;
	}
}
@media screen and (max-width:770px) and (min-width:1px) {
	#bottom-widgets .column-block {
		margin-right: 0 !important;
        text-align: center;
		}
	#bottom-widgets .one-fourth {
    	width: 100% !important;
    	text-align: center !important;
    	}
}
/* ---------------------------------------------- */
/* nouvelles à l'accueil dans le bas de la page  */
/* ---------------------------------------------- */
.blog .hero-section-wrap.be-section.be-bg-cover.clearfix p {
    width: 1160px;
}

.accueiltravaillertitrenouvelles {
    text-align: center;
    margin: 0.3em auto 0 auto !important;
}
.nouvellesaccueilbloc {
    background-color: #F1F1F1;
    padding:.5em .7em .1em .7em;
    margin:1em 0 1em 0;
}
ul.nouvellesaccueil {
    margin: 1em 0 0 0;
    padding: 0;
}
.nouvellesaccueil li {
    display: inline-table !important;
    width: 30% !important;
    font-size: .7em !important;
    padding: 1em 0 2em 0 !important;
    border-top: #E2E2E2 solid 1px !important;
    margin: 0 16px 0 16px !important;
}
.nouvellesaccueildate {
    font-size: .9rem !important;
}
.nouvellesaccueiltitre {
    font-size: 1.1rem !important;
    margin: 1.2em 0 1.1em 0 !important;
    display: inline-block;
}
.nouvellesaccueiltitre a {
    font: 400 .95em "Montserrat","Open Sans","Arial",sans-serif !important;
    color: #444 !important;
    text-decoration:none !important;
    line-height: 1.5em;
}
.nouvellesaccueiltitre a:hover {
    color: #CCC !important;
    text-decoration:none !important;
}
.nouvellesaccueilsuite a {
    font: 400 .75rem  "Montserrat","Open Sans","Arial",sans-serif !important;
    color: #444 !important;
    text-decoration:none !important;
}
.nouvellesaccueilsuite a:hover {
    color: #376fad !important;
    text-decoration:none !important;
}
p.acceuilnouvellesp{
    display: block;
    width:100% !important;
    border-top: #E2E2E2 solid 1px !important;
    text-align: center !important;
    padding-top:1em !important;
}
a.accueilnouvelleslien {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    color: #333230 !important;
    font-size: .72rem !important;
    letter-spacing: .1em !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 1em 0 2em 0 !important;
}
a.accueilnouvelleslien:hover {
    color: #8c8b89 !important;
}
@media screen and (max-width:734px) {
    .nouvellesaccueil li {
        width: 90% !important;
    }
}
@media screen and (min-width: 735px) and (max-width:765px) {
    .nouvellesaccueil li {
        width: 95% !important;
    }
}
@media screen and (min-width: 766px) and (max-width:950px) {
    .nouvellesaccueil li {
        width: 45% !important;
    }
}
@media screen and (min-width: 951px) and (max-width:1250px) {
    .nouvellesaccueil li {
        width: 29% !important;
    }
}
/* ---------------------------------------------- */
/* Vous voulez travailler avec nous ? à l'accueil dans le bas de la page  */
/* ---------------------------------------------- */
.accueiltravaillertitre1 {
    text-align: center;
    margin: 1.3em 0 .3em 0 !important;
}
.accueiltravaillertitre2 {
    text-align: center;
    margin: 0 0 2.4em 0 !important;
}
h3.accueiltravaillertitre2 a {
    color:#333230 !important;
    text-decoration: none !important;
}
h3.accueiltravaillertitre2 a:hover {
    color:#8c8b89 !important;
}
/* ---------------------------------------------- */
/* Page à propos */
/* ---------------------------------------------- */
/* div sous-titre */
.apropossoustitre h3 {
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    line-height: 10px !important;
    letter-spacing: 3px;
    color: #376fad !important;
    margin:0 !important;
    padding: 0 !important;
}
.apropossoustitre img.tiretbleuapropos {
    width: 16px !important;
    height: 2px !important;
    margin: 10px 0 20px 0 !important;
    padding: 0 !important;
}
.apropossoustitre h4 {
    font-size: 1.9em !important;
    line-height: 1.4em !important;
    letter-spacing: 2px;
    width: 75%;
}
.apropossoustitre img.tiretgrisapropos {
    width: 5px;
    height: 1px;
    margin: 6em 0 20px 0 !important;
    padding: 0 !important;
}
@media screen and (max-width: 1279px) and (min-width: 960px) {
    .apropossoustitre h4 {
        font-size: 1.7em !important;
        line-height: 1.4em !important;
        width: 75%;
    }
    .apropossoustitre img.tiretgrisapropos {
        margin: 4em 0 20px 0 !important;
    }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
    .apropossoustitre h4 {
        font-size: 1.5em !important;
        line-height: 1.4em !important;
        width: 80%;
    }
    .apropossoustitre img.tiretgrisapropos {
        margin: 2.5em 0 20px 0 !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    .apropossoustitre h4 {
        font-size: 1.3em !important;
        line-height: 1.3em !important;
        width: 78%;
    }
    .apropossoustitre img.tiretgrisapropos {
        margin: 2.5em 0 20px 0 !important;
    }
}
@media screen and (max-width: 479px) and (min-width: 1px) {
    .apropossoustitre h4 {
        font-size: 1em !important;
        line-height: 1.2em !important;
        width: 92%;
    }
    .apropossoustitre img.tiretgrisapropos {
        margin: 2em 0 20px 0 !important;
    }
}
/* présentation 3 listes */
div#presentation {
	display: block;
}
div.presentationapropos {
    display: block;
    margin: 0 !important;
    padding:0 !important;
}
div.presentationcolgauche {
    display: inline-block !important;
    width: 48% !important;
    vertical-align: top;
}
ul.presentationgauche {
    display: inline-block !important;
    margin-bottom: 0 !important;
}
.presentationgauche li {
    display: block !important;
    width: 95% !important;
    margin-left: -20px;
}
.presentationcolgauche div {
	padding-top: 1em;
	padding-right: 1.5em;
}
div.presentationcoldroite {
    display: inline-block !important;
    width: 48% !important;
    vertical-align: top;
}
.presentationcoldroite div {
	padding-top: 1em;
	padding-right: 1.5em;
}
@media screen and (max-width: 959px) and (min-width: 768px) {
    .presentationliste li {
        width: 43% !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    div.presentationcolgauche {
        width: 100% !important;
    }
    div.presentationcoldroite {
        width: 100% !important;
    }
}
@media screen and (max-width: 479px) and (min-width: 1px) {
    div.presentationcolgauche {
        width: 100% !important;
    }
    div.presentationcoldroite {
        width: 100% !important;
    }
}
/* lien vers expertise */
div.apropos_expertise_lien {
    margin-top: 2em !important;
    margin-bottom: 5em !important;
    width: 100% !important;
    text-align: left !important;
}
.apropos_expertise_lien a {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    color: #333230 !important;
    font-size: .72rem !important;
    letter-spacing: .1em;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.apropos_expertise_lien a:hover {
    color: #8c8b89 !important;
}
/* image du bureau */
img.image_bureau_a_propos {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 959px) and (min-width: 768px) {
    div.apropos_expertise_lien {
        margin-top: 1.5em !important;
        margin-bottom: 3.5em !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    div.apropos_expertise_lien {
        margin-top: 1em !important;
        margin-bottom: 3em !important;
    }
}
@media screen and (max-width: 479px) and (min-width: 1px) {
    div.apropos_expertise_lien {
        margin-top: 1em !important;
        margin-bottom: 3em !important;
    }
}
/* Présentation de l'équipe et Yves Perreault */
.clearequipe {
    display: block !important;
    height: 3em !important;
}
.presentationequuipe {
    text-align: center !important;
}
.presentationequuipe h3 {
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    line-height: 10px !important;
    letter-spacing: 3px;
    color: #376fad !important;
    margin: 5rem 0 0 0 !important;
    padding: 0 !important;
}
.presentationequuipe h4 {
    font-size: 2.5em !important;
    margin: .5em auto .5em auto !important;
    line-height: 1.2em !important;
    width: 80%;
}
.presentationequuipe p {
    width: 66% !important;
    margin:0 auto 1em auto !important;
    text-align: center;
}
div.photoyvesperreault {
    display: inline-block;
    vertical-align: top;
    width: 48%;    
}
img.photos_yves_perreault_a_propos {
    width: 98%;
    height:auto;
}
div.yvesperreaulttextes {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 10px;
}
.yvesperreaulttextes h5 {
    margin:0 0 .2em 0 !important;
    font-size: 2em !important;
    font-family: "Droid Serif", Times, serif !important;
    font-style: italic !important;
    letter-spacing: 1px;
}
.yvesperreaulttextes h6 {
    margin:0 0 .1em 0 !important;
    color: #5f6263 !important;
}
.yvesperreaulttextes p {
    color: #5f6263 !important;
}
/* Les membres de l'équipe*/
.employeapropos img.tiretbleuapropos2 {
    width: 16px !important;
    height: 2px !important;
    margin: 10px 0 20px 0 !important;
    padding: 0 !important;
}
div.employeapropos {
    margin-top: 4em !important;
    margin-bottom: 3em;
}
.employeapropos h5 {
    margin:.4em 0 .1em 0 !important;
    font-size: 1.25em !important;
    font-family: "Droid Serif", Times, serif !important;
    font-style: italic !important;
    letter-spacing: 1px;
}
.employeapropos img {
    width: 100% !important;
    height: auto !important;
}
.employeapropos h6 {
    margin:0 0 0 0 !important;
    color: #5f6263 !important;
}
.employeapropos ul {
    display: block !important;
    width: 102% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.employeapropos li {
    display: inline-block !important;
    width: 276px !important;
    margin: 0;
    padding: 0 13px 10px 0;
    vertical-align: top;
    line-height: 1em;
}
.candidatimg {
    display: inline-block;
}
@media screen and (max-width: 1279px) and (min-width: 960px) {

}
@media screen and (max-width: 959px) and (min-width: 768px) {
    .clearequipe {
        height: 2em !important;
    }
    .presentationequuipe h3 {
        margin:3rem 0 0 0 !important
    }
    .employeapropos li {
        width: 47% !important;
        padding: 0 13px 10px 0;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    .clearequipe {
        height: 1em !important;
    }
    div.photoyvesperreault, div.yvesperreaulttextes {
        width: 100% !important;
        margin: 0 0 2em 0 !important;
    }
    .presentationequuipe h3 {
        margin:2.5rem 0 0 0 !important
    }
    .presentationequuipe h4 {
        font-size: 1.5em !important;
    }
    div.employeapropos {
        margin-top: 0 !important;
        margin-bottom: 2em;
    }
    .employeapropos li {
        width: 95% !important;
        padding: 0 13px 10px 0;
    }
}
@media screen and (max-width: 479px) and (min-width: 1px) {
    .clearequipe {
        height: 1em !important;
    }
    div.photoyvesperreault, div.yvesperreaulttextes {
        width: 100% !important;
        margin: 0 0 2em 0 !important;
    }
    .presentationequuipe h3 {
        margin:2rem 0 0 0 !important
    }
    .presentationequuipe h4 {
        font-size: 1.5em !important;
    }
    .presentationequuipe p {
        margin-bottom: 2em !important;
    }
    div.employeapropos {
        margin-top: 0 !important;
        margin-bottom: 1.5em;
    }
    .employeapropos li {
        width: 95% !important;
        padding: 0 13px 10px 0;
    }
}
/* Image et les honneurs */
img.honneurimg {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 4.5em;
}
.leshonneurstitre h3 {
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    line-height: 12px !important;
    letter-spacing: 3px;
    color: #376fad !important;
    margin: 0 !important;
    padding: 0 !important;
}
div.leshonneursliste {
    margin: 2em 0 3em 0;
}
.leshonneursliste ul{
    width: 110% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.leshonneursliste li {
    margin: 0;
    padding-right: 40px !important;
    display: inline-block;
    width: 44%;
    vertical-align: top;
}
.leshonneursliste h4 {
    color: #5f6263 !important;
    margin: 0 0 .5em 0 !important;
}
.leshonneursliste p {
    font-family: "Droid Serif", Times, serif !important;
    color: #5f6263 !important;
    font-style: italic;
}
@media screen and (max-width: 959px) and (min-width: 768px) {
    img.honneurimg {
        margin-bottom: 4em;
    }
    .leshonneursliste li {
        width: 40%;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    img.honneurimg {
        margin-bottom: 3em;
    }
    div.leshonneursliste {
        margin: 1em 0 1.5em 0;
    }
    .leshonneursliste li {
        padding-right: 0px !important;
        width: 94%;
    }

}
@media screen and (max-width: 479px) and (min-width: 1px) {
    img.honneurimg {
        margin-bottom: 2em;
    }
    div.leshonneursliste {
        margin: 1em 0 1.5em 0;
    }
    .leshonneursliste li {
        padding-right: 0px !important;
        width: 94%;
    }
}
/* ---------------------------------------------- */
/* Page Expertise */
/* ---------------------------------------------- */
/* rangée expertises services les services */
.presentationexpertise {
    text-align: left !important;
    margin-top: 5em;
}
.presentationexpertise h3 {
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    line-height: 10px !important;
    letter-spacing: 3px;
    color: #376fad !important;
    margin: 0 !important;
    padding: 0 !important;
}
.presentationexpertise h4 {
    font-size: 2.5em !important;
    margin: .5em 0 .5em 0 !important;
    line-height: 1.2em !important;
    width: 80%;
}
div#accordion {
    margin-top: 2em !important;
}
#accordion .ui-accordion-header::before {
    color: #0774fc;
}
.ui-accordion .ui-accordion-header:hover {
    color: #0774fc !important;
}
#accordion .ui-accordion .ui-accordion-content {
    height: auto !important;
}
.ui-accordion-header:before {
    position: absolute !important;
    left: -25px;
}
h3.ui-accordion-header {
    margin-left: 25px !important;
}
.ui-accordion .ui-accordion-content {
    padding: 20px 0 0 0 !important;
}
div.expertise_les_services ul {
    height: 650px !important;
    margin:0 0 0 0 !important;
    padding: 0 !important;
    width: 100%;
}
ul.presentationdroite {
    display:inline-block !important;
    padding-left: 0;
    padding-right: 1.3em;
}
.presentationdroite li {
    display:inline-block;
}
li.expertise-services-gauche,
li.expertise-services-droit {
    display: inline-block !important;
    width: 50% !important;
    float: left !important;
    height: 650px !important;
}
li.expertise-services-gauche {
    color:#ffffff;
    background-color:#0774fc !important;
}
li.expertise-services-droit {
    color:#ffffff;
    background-color:#065dc7 !important;
}
li.expertise-services-gauche h3,
li.expertise-services-gauche a,
li.expertise-services-droit h3 {
    color:#ffffff !important;
}
li.expertise-services-gauche h3 {
    padding:3em 3em 1.5em 3em;
    line-height: 1.5em !important;
    font-size: 1.1em !important;
}
li.expertise-services-gauche p {
    padding:.5em 3em 0em 3em;
}
li.expertise-services-gauche ol,
li.expertise-services-gauche ul {
    margin:.5em 3em 0em 3em;
}
li.expertise-services-gauche ol li,
li.expertise-services-gauche ul li {
    margin-bottom: 1.5em;
}
li.expertise-services-gauche em {
    font-size: .95em;
    letter-spacing: .5px;
}
li.expertise-services-gauche a {
    font-size: .8em !important;
    font-weight: bold !important;
    letter-spacing: .1em !important;
}
li.expertise-services-droit h3 {
    padding:3.5em 3em 0 3em !important;
    line-height: 1.5em !important;
    font-size: .9em !important;
}
li.expertise-services-droit p {
    margin: 0 auto 0 auto !important;
    text-align: center !important;
}
@media screen and (max-width: 950px) and (min-width: 768px) {
    .presentationexpertise {
        margin-top: 3em;
    }
    .presentationexpertise h4 {
        font-size: 1.5em !important;
    }
    li.expertise-services-gauche,
    div.expertise_les_services ul {
        height: 650px !important;
    }
    li.expertise-services-gauche h3 {
        padding:3em 3em 1em 3em !important;
        line-height: 1.3em !important;
        font-size: 1em !important;
    }
    li.expertise-services-gauche ol li,
    li.expertise-services-gauche ul li {
        font-size: .9em !important;
    }
    li.expertise-services-gauche p {
        font-size: .9em !important;
    }
    li.expertise-services-droit h3 {
        padding:3.5em 3em 0 3em !important;
        line-height: 1.5em !important;
        font-size: .9em !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    .presentationexpertise {
        margin-top: 2em;
    }
    .presentationexpertise h4 {
        font-size: 1.3em !important;
    }
    li.expertise-services-gauche,
    li.expertise-services-droit {
        display: block !important;
        width: 100% !important;
        float: none;
        height: auto !important;
        padding-bottom: 2em !important;
    }
    div.expertise_les_services ul {
        height: auto !important;
    }
    li.expertise-services-gauche h3 {
        padding:3em 3em 1em 3em !important;
        line-height: 1.3em !important;
        font-size: 1em !important;
    }
    li.expertise-services-gauche ol li,
    li.expertise-services-gauche ul li {
        font-size: .9em !important;
    }
    li.expertise-services-gauche p {
        font-size: .9em !important;
    }
    li.expertise-services-droit h3 {
        padding:3.5em 3em 0 3em !important;
        line-height: 1.5em !important;
        font-size: .9em !important;
    }
}
@media screen and (max-width: 479px) and (min-width: 1px) {
    .presentationexpertise {
        margin-top: 2em;
    }
    .presentationexpertise h4 {
        font-size: 1em !important;
    }
    li.expertise-services-gauche,
    li.expertise-services-droit {
        display: block !important;
        padding-bottom: 1em !important;
        width: 100% !important;
        float: none;
        height: auto !important;
    }
    div.expertise_les_services ul {
        height: auto !important;
    }
    li.expertise-services-gauche h3 {
        padding:2em 3em 0 3em !important;
        line-height: 1.3em !important;
        font-size: 1em !important;
    }
    li.expertise-services-gauche ol li,
    li.expertise-services-gauche ul li {
        font-size: .9em !important;
        line-height: 1.2em !important;
    }
    li.expertise-services-gauche p {
        font-size: .9em !important;
        line-height: 1.2em !important;
    }
    li.expertise-services-droit h3 {
        padding:2.5em 3em 0 3em !important;
        line-height: 1.5em !important;
        font-size: .9em !important;
    }
}
/* rangée images secondaires dans le bas de la page */
div.expertise_images_secondaires {
    margin-bottom: 3em;
    margin-top: 5em;
}
.expertise_images_secondaires img {
    margin-bottom: 1em;
}
@media screen and (max-width: 479px) and (min-width: 1px) {
    div.expertise_images_secondaires {
        margin-top: 3em;
        margin-bottom: 1.5em;
    }
    .expertise_images_secondaires img {
        margin-bottom: .5em;
    }
}
/* page nouvelles */

.blog-separator .separator {
    margin-top: 0 !important;
}
.blog-post.element {
    margin-bottom: 50px !important;
}

/* taxonomy portfolio page tags */
.tax-portfolio_tags h2 {
	margin-top: 5em !important;
	font-size: 1.2em !important;
	color: #222222;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.tax-portfolio_tags section#page-content {
    max-width: 1194px !important;
    text-align: center;
    margin: 1em auto 3em auto;
}
.tax-portfolio_tags .style1-title .thumb-title-wrap {
    text-align: left;
    display: block;
    vertical-align: top;
}
.tax-portfolio_tags .style1-title .thumb-title {
	border:none;
	margin:0;
	padding: 20px 0 0 0 !important;
	font: 400 1em "Montserrat","Open Sans","Arial",sans-serif !important;
    letter-spacing: 0px;
    line-height: 1.3em !important;
    font-weight: normal !important;
}
.tax-portfolio_tags .portfolio-container .thumb-bg {
    background-color: rgba(0,122,240,0.85) !important;
}
.tax-portfolio_tags .filter_item {
	display: none;
}
/* Contenu */
#content, #blog-content {
	padding-top: 5em !important;
}
li.post-meta {
    display: none !important;
}